@charset "utf-8";
/* CSS Document */

body {background-image: url(images/wristies-bg1.jpg); font-family: Arial, Helvetica, sans-serif; }

#outerdiv { margin-top: 0px; margin: 0px auto; width: 998px; } 

#maindiv { margin-top: 0px; margin: 0px auto; width: 998px; background-color:#FFFFFF; float: left; } 

#menudiv { width: 160px; margin-left: 28px; border: 0px solid #000000; float: left; }

#centrediv { width: 480px; margin-left: 21px; border: 0px solid #000000; float: left; }

#centrediv1 { width: 750px; height: 800px; margin-left: 21px; border: 0px solid #000000; float: left; }

#centrediv2 { width: 750px; height: 1400px; margin-left: 21px; border: 0px solid #000000; float: left; }

#centrediv2 ul li { list-style-type:none; }

#centrediv-admin { width: 750px; height: 850px; margin-left: 100px; border: 0px solid #000000; float: left; text-align: left; }

#centrediv-content { width: 750px; height: 1550px; margin-left: 100px; border: 0px solid #000000; float: left; }

#centrediv-contact { width: 750px; height: 1130px; margin-left: 21px; border: 0px solid #000000; float: left; font-size: 14px; }

#rightdiv { width: 275px; height: 963px; float: left; border: 0px solid #000000; margin-left: 10px; background-image:url(images/hp-right-banner1.jpg); }

#header-div { width: 998px; height: 178px; border: 0px solid #000000; }

#wristies-logo { width: 260px; height: 65px; border: 0px solid #000000; margin-top: 15px; margin-left:28px; float: left; }

#wrist-spec { width: 300px; height: 30px; float: left; margin-top: 30px; margin-left: 20px; border: 0px solid #000000;  font-size:20px; font-family: Arial, Helvetica, sans-serif; color:#bcbdc0; }

#phone-no { width: 280px; height: 40px; float: left; border: 0px solid #000000; margin-top: 30px; margin-left: 90px; font-size:30px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#h1 { color: #646466; }

#hp-top-image { width: 450px; height: 155px; float: left; }

#hp-page-head1 { width: 480px; float: left; border: 0px solid #000000; margin-top: 0px; margin-bottom: 0px; color: #646466 }

#hp-page-content1 { width: 475px; float: left; border: 0px solid #000000; margin-top: 0px; margin-bottom: 0px; font-size: 12px; text-align: justify; }

#hp-small-box1 { width: 105px; height: 107px; margin-top:10px; margin-left: 0px; float: left; border: 0px solid #000000; }

#hp-small-box2 { width: 105px; height: 107px; margin-top:10px; margin-left: 17px; float: left; border: 0px solid #000000; }

#hp-page-head2 { color: #646466; width: 480px; float: left; border: 0px solid #000000; }

#hp-page-content2 { float: left; width: 480px; margin-top: 0px; margin-bottom: 15px; font-size: 12px; }

#hp-bottom-image1 { width: 140px; height: 132px; float: left; }

#hp-page-head3 { color: #646466; float: left; width: 90px; height: 132px; margin-left: 8px; }

#hp-bottom-image2 { width: 140px; height: 132px; float: left; }

#hp-page-head4 { color: #646466; float: left; width: 90px; height: 132px; margin-left: 8px; }

#hp-page-head5 { color: #646466; margin-top: 10px; float: left; width: 480px; }

#picgif { margin-top: 10px; float: right; width: 180px; }

#picgifabout {float: right; width: 180px; padding: 15px 15px 35px 35px }

#page-head1 { color: #646466; width: 750px; float: left; border: 0px solid #000000; margin-top: 0px; margin-bottom: 0px;  }

#page-content1 { width: 750px; float: left; border: 0px solid #000000; margin-top: 0px; margin-bottom: 0px; text-align:justify; }

#menu-wrist { width: 155px; height: 19px; padding-top: 4px; background-image:url(images/wristbands.jpg); text-align:center; color: #FFFFFF; font-weight: bold; font-size: 14px; }

#menu-tyvek { width: 155px; height: 19px; padding-top: 2px; margin-top: 2px; background-image: url(images/menu1.jpg); text-align: center; color: #ffffff; font-weight: bold; font-size: 14px; }

#menu-tyvek a { text-decoration: none; color:#FFFFFF; font-weight: bold; }

#menu-tyvek a:hover { text-decoration: underline; color:#FFFFFF; font-weight: bold; }

#sub-menu-tyvek { background-image:url(images/menu1.jpg);  width: 155px; padding-top: 2px; padding-bottom: 2px; text-align: left; color:#ffffff; font-size: 14px; }

#sub-menu-tyvek a { text-decoration: none; color: #ffffff; }

#sub-menu-tyvek a:hover { text-decoration: underline; color: #FFFFFF; }

#sub-menu-tyvek ul { list-style:none; margin-top: 0px; margin-left: -20px; }

#sub-menu-tyvek ul:hover {  margin-top: 0px; margin-left: -20px; }

#menu-plastic { width: 155px; height: 19px; padding-top: 2px; background-image: url(images/yellow-bg.jpg); text-align: center; color:#000000; font-weight: bold; font-size: 14px; margin-top: 2px; }

#menu-plastic a { text-decoration: none; color: #000000; font-weight: bold; }

#menu-plastic a:hover { text-decoration: underline; color:#000000; font-weight: bold; }

#sub-menu-plastic { background-image:url(images/yellow-bg.jpg);  width: 155px; padding-top: 2px; padding-bottom: 2px; text-align: left; color:#000000; font-size: 14px;  }

#sub-menu-plastic a { text-decoration: none; color: #000000; }

#sub-menu-plastic a:hover { text-decoration: underline; color: #000000; }

#sub-menu-plastic ul { list-style:none; margin-top: 0px; margin-left: -20px; }

#sub-menu-plastic ul:hover {  margin-top: 0px; margin-left: -20px; }

#menu-vinyl { width: 155px; height: 19px; padding-top: 2px; margin-top: 2px; background-image: url(images/menu2.jpg); text-align: center; color: #ffffff; font-weight: bold; font-size: 14px; }

#menu-vinyl a { text-decoration: none; color: #FFFFFF; font-weight: bold; }

#menu-vinyl a:hover { text-decoration: underline; color:#FFFFFF; font-weight: bold; }

#sub-menu-vinyl { background-image:url(images/menu2.jpg);  width: 155px; padding-top: 2px; padding-bottom: 2px; text-align: left; color:#ffffff; font-size: 14px; }

#sub-menu-vinyl a { text-decoration: none; color: #ffffff; }

#sub-menu-vinyl a:hover { text-decoration: underline; color: #FFFFFF; }

#sub-menu-vinyl ul { list-style:none; margin-top: 0px; margin-left: -20px; }

#sub-menu-vinyl ul:hover { margin-top: 0px; margin-left: -20px; }


#menu-tabbed { width: 155px; height: 19px; padding-top: 2px; margin-top: 2px; background-image: url(images/menu3.jpg); text-align: center; color: #ffffff; font-weight: bold; font-size: 14px; }

#menu-tabbed a { text-decoration: none; color: #FFFFFF; font-weight: bold; }

#menu-tabbed a:hover { text-decoration: underline; color:#FFFFFF; font-weight: bold; }

#menu-fabric { width: 155px; height: 19px; padding-top: 2px; margin-top: 2px; background-image: url(images/menu4.jpg); text-align: center; color: #ffffff; font-weight: bold; font-size: 14px; }

#menu-fabric a { text-decoration: none; color: #FFFFFF; font-weight: bold; }

#menu-fabric a:hover { text-decoration: underline; color:#FFFFFF; font-weight: bold; }

#sub-menu-fabric { background-image:url(images/menu4.jpg);  width: 155px; padding-top: 2px; padding-bottom: 2px; text-align: left; color:#ffffff; font-size: 14px; }

#sub-menu-fabric a { text-decoration: none; color: #ffffff; }

#sub-menu-fabric a:hover { text-decoration: underline; color: #FFFFFF; }

#sub-menu-fabric ul { list-style:none; margin-top: 0px; margin-left: -20px; }

#sub-menu-fabric ul:hover { margin-top: 0px; margin-left: -20px; }

#menu-slappers { width: 155px; height: 19px; padding-top: 2px; margin-top: 2px; background-image: url(images/menu5.jpg); text-align: center;  color: #ffffff; font-weight: bold; font-size: 14px; }

#menu-slappers a { text-decoration: none; color: #FFFFFF; font-weight: bold; }

#menu-slappers a:hover { text-decoration: underline; color:#FFFFFF; font-weight: bold; }

#sub-menu-slappers { background-image:url(images/menu5.jpg);  width: 155px; padding-top: 2px; padding-bottom: 2px; text-align: left; color:#ffffff; font-size: 14px; }

#sub-menu-slappers a { text-decoration: none; color: #ffffff; }

#sub-menu-slappers a:hover { text-decoration: underline; color: #FFFFFF; }

#sub-menu-slappers ul { list-style:none; margin-top: 0px; margin-left: -20px; }

#sub-menu-slappers ul:hover { margin-top: 0px; margin-left: -20px; }

#menu-silicone { width: 155px; height: 19px; padding-top: 2px; margin-top: 2px; background-image: url(images/menu6.jpg); background-image:url(images/menu6.jpg); text-align: center; color: #ffffff; font-weight: bold; font-size: 14px; }

#menu-silicone a { text-decoration: none; color: #FFFFFF; font-weight: bold; }

#menu-silicone a:hover { text-decoration: underline; color:#FFFFFF; font-weight: bold; }

#sub-menu-silicone { background-image:url(images/menu6.jpg);  width: 155px; padding-top: 2px; padding-bottom: 2px; text-align: left; color:#ffffff; font-size: 14px; }

#sub-menu-silicone a { text-decoration: none; color: #ffffff; }

#sub-menu-silicone a:hover { text-decoration: underline; color: #FFFFFF; }

#sub-menu-silicone ul { list-style:none; margin-top: 0px; margin-left: -20px; }

#sub-menu-silicone ul:hover { margin-top: 0px; margin-left: -20px; }

#menu-backg { width: 155px; background-image: url(images/menu-bg.jpg); height: 612px; padding-top: 70px; }

#menu-needhelp { width: 112px; height: 45px; background-image: url(images/need-help.png); margin-left: 20px; padding-top:210px; padding-left:10px; }

#header-menu { width: 750px; height:69px; border: 0px solid #000000; float: left; margin-left: 28px; margin-top: 19px; background-image:url(images/nav-bar-left.jpg); }

#header-links { width: 750px; height: 20px; margin-left: 75px; float: left; margin-top: 25px; color: #FFFFFF; font-weight: bold; font-size: 14px; border: 0px solid #000000; }

#header-links a { text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 13px; }
#header-links a:hover { text-decoration: underline; color: #FFFFFF; font-weight: bold; font-size: 13px; }

#header-links-admin { width: 530px; height: 20px; margin-left: 130px; float: left; margin-top: 25px; color: #FFFFFF; font-weight: bold; font-size: 14px; border: 0px solid #000000; text-align:center; }
#header-links-admin a { text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 14px; }
#header-links-admin a:hover { text-decoration: underline; color: #FFFFFF; font-weight: bold; font-size: 14px; }

#header-links-admin a { text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 14px; }
#header-links-admin a:hover { text-decoration: underline; color: #FFFFFF; font-weight: bold; font-size: 14px; }

#footer-div { float: left; background-image: url(images/hp-bottom-bar.jpg); width: 928px; height: 24px; margin-left: 28px; margin-top: 5px; margin-bottom: 5px; }

#footer-links { width: 750px; height: 20px; margin-left: 120px; float: left; margin-top: 3px; color: #FFFFFF; font-weight: bold; font-size: 14px; border: 0px solid #000000; }
#footer-links a { text-decoration: none; font-weight: bold; font-size: 14px;color: #FFFFFF; }
#footer-links a:hover { text-decoration: underline; font-weight: bold; font-size: 14px;color: #FFFFFF; }

#footer-copyright { float: left; width: 928px; margin-left: 28px; font-size: 10px; margin-top: 0px; margin-bottom: 5px; }

#footer-cards { width: 549px; float: left; text-align: right; padding-top: 16px; margin-bottom: 16px; }

#footer-social { width: 200px; float: left; text-align: left; padding-top: 12px; padding-left: 32px; margin-bottom: 16px; }







