@charset "utf-8"; /* CSS Document */ /* CSS TEMPLATE WITH: WHITE BACKGROUND; BLACK TEXT; DARK GRAY/GRAY LAYOUT*/ /* Global Elemental Definitions */ BODY {COLOR:#FFFFFF; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; background-color: #000000; background: url(../images/BG.jpg); /******************************************************************************************** * The following code will create a background with a black to gray gradient and continue * * to stay gray all the way down the page doesn't matter how long the page is * ********************************************************************************************/ /* Scrollbar Definitions */ SCROLLBAR-FACE-COLOR: #0000CC; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; /* Button Top-Left Border */ SCROLLBAR-SHADOW-COLOR: #999999; /* Button Bottom-Right Border */ SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; /* Button Top-Left Dropshadow */ SCROLLBAR-ARROW-COLOR: #CC0000; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #999999; /* Button Bottom-Right Dropshadow */ SCROLLBAR-BASE-COLOR: #000000;} P {COLOR:#333333; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;} H1 H2 H3 H4 {COLOR:#333333; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;} UL OL LI {COLOR:#333333; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;} DIV {COLOR:#333333; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;} TD {COLOR:#333333; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;} /* Links Definitions */ A:link {COLOR:#0000CC; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;} A:visited {COLOR:#0000CC; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;} A:hover {COLOR:#0000CC; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: underline;} A:active {COLOR:#0000CC; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;} /* Forms Definitions */ INPUT {COLOR:333333; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;} TEXTAREA {COLOR:333333; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;} SELECT {COLOR:333333; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;} /* Class Tables Definitions */ #formbackground {background: url(../images/BG_Form.jpg) repeat-x #FFFFFF;} /* (Firefox and most browsers) | !height: (IE 7) | _height: (IE 6) */ /*
*/ .Bullet_LeftSide {list-style: none; background: url(../images/LI_LeftSide.png) no-repeat center left; padding-left: 25px; margin-top: 5px; margin-left: -28px; } .FaceBook {list-style: none; background: url(../images/ICON_FaceBook.png) no-repeat center left; padding-left: 25px; margin-top: 5px; margin-left: -28px; } .Twitter {list-style: none; background: url(../images/ICON_Twitter.png) no-repeat center left; padding-left: 25px; margin-top: 5px; margin-left: -28px; } .MySpace {list-style: none; background: url(../images/ICON_MySpace.png) no-repeat center left; padding-left: 25px; margin-top: 5px; margin-left: -28px; } .YouTube {list-style: none; background: url(../images/ICON_YouTube.png) no-repeat center left; padding-left: 25px; margin-top: 5px; margin-left: -28px; } .submitbutton { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #CC0000; } .title_footer {COLOR:#FFFFFF; FONT-WEIGHT:bold; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;} .text_policy {COLOR:#FFFFFF; FONT-WEIGHT:bold; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; text-align:center;} .text_white {COLOR:#FFFFFF; FONT-SIZE:14px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;} .title {COLOR:#FFFFFF; FONT-STYLE: italic; FONT-WEIGHT:normal; FONT-SIZE:30px; FONT-FAMILY:Impact, Arial, Verdana, Helvetica, sans-serif; letter-spacing:2px;} .text_highlight {COLOR:#000000; FONT-WEIGHT:bold; FONT-SIZE:12px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;} .title_red {COLOR:#CC0000; FONT-WEIGHT:bold; FONT-SIZE:16px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; letter-spacing:1px;} .title_white {COLOR:#FFFFFF; FONT-WEIGHT:bold; FONT-SIZE:16px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; letter-spacing:1px;} .title_black {COLOR:#000000; FONT-WEIGHT:bold; FONT-SIZE:16px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; letter-spacing:1px;} .title_right {COLOR:#FFFFFF; FONT-WEIGHT:bold; FONT-SIZE:18px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; letter-spacing:1px;} .text_small {COLOR:#333333; FONT-WEIGHT:bold; FONT-SIZE:10px; FONT-FAMILY:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; letter-spacing:1px;} .footer { COLOR:#999999; font: 11px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } .footer_white { COLOR:#FFFFFF; font: 11px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } .copyright { COLOR:#CCCCCC; font: 11px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } a.link_abouttheindustry:link, a.link_abouttheindustry:active, a.link_abouttheindustry:visited{ background-image: url(images/button_abouttheindustry.gif); background-repeat: no-repeat; display: block; width: 119px; height: 36px; } a.link_abouttheindustry:hover { background-image: url(images/button_abouttheindustry_RO.gif); background-repeat: no-repeat; display: block; width: 119px; height: 36px; } a.link_footer:link, a.link_footer:active, a.link_footer:visited{ color: #FFFFFF; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } a.link_footer:hover { color: #FFFFFF; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: underline; } a.link_policy:link, a.link_policy:active, a.link_policy:visited{ color: #FFFFFF; font: 12px Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } a.link_policy:hover { color: #FFFFFF; font: 12px Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: underline; } a.b1_link:link, a.b1_link:active, a.b1_link:visited{ color: #999999; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } a.b1_link:hover { color: #CCCCCC; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } a.link_text:link, a.link_text:active, a.link_text:visited{ color: #FFCC00; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } a.link_text:hover { color: #FFCC00; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: underline; } a.BTN_Products:link, a.BTN_Products:active, a.BTN_Products:visited{ background-image: url(../images/BTN_Products.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 51px; margin-left: 4px; float: left; } a.BTN_Products:hover { background-image: url(../images/BTN_Products_RO.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 86px; margin-left: 4px; float: left; } a.BTN_MyAccount:link, a.BTN_MyAccount:active, a.BTN_MyAccount:visited{ background-image: url(../images/BTN_MyAccount.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 51px; margin-left: 4px; float: left; } a.BTN_MyAccount:hover { background-image: url(../images/BTN_MyAccount_RO.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 86px; margin-left: 4px; float: left; } a.BTN_Affiliates:link, a.BTN_Affiliates:active, a.BTN_Affiliates:visited{ background-image: url(../images/BTN_Affiliates.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 51px; margin-left: 4px; float: left; } a.BTN_Affiliates:hover { background-image: url(../images/BTN_Affiliates_RO.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 86px; margin-left: 4px; float: left; } a.BTN_MyBasket:link, a.BTN_MyBasket:active, a.BTN_MyBasket:visited{ background-image: url(../images/BTN_MyBasket.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 51px; margin-left: 4px; float: left; } a.BTN_MyBasket:hover { background-image: url(../images/BTN_MyBasket_RO.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 86px; margin-left: 4px; float: left; } a.BTN_Checkout:link, a.BTN_Checkout:active, a.BTN_Checkout:visited{ background-image: url(../images/BTN_Checkout.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 51px; margin-left: 4px; float: left; } a.BTN_Checkout:hover { background-image: url(../images/BTN_Checkout_RO.jpg); background-repeat: no-repeat; display: block; width: 121px; height: 86px; margin-left: 4px; float: left; } a.link_Affiliate:link, a.link_Affiliate:active, a.link_Affiliate:visited{ color: #CC0000; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } a.link_Affiliate:hover { color: #CC0000; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: underline; } a.link_SubNav:link, a.link_SubNav:active, a.link_SubNav:visited{ color: #FFFFFF; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } a.link_SubNav:hover { color: #FFFFFF; font: 12px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: underline; } a.link_LeftSide:link, a.link_LeftSide:active, a.link_LeftSide:visited{ color: #FFFFFF; font: 14px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; } a.link_LeftSide:hover { color: #CC0000; font: 14px Trebuchet Ms, Verdana, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: underline; } .HiddenPicture { /* This is used to preload images */ display:none; } .clear { font-size: 0px; line-height: 0px; display: block; margin: 0px; padding: 0px; clear: both; height: 0px; width: auto; } #MainContainer { margin: auto; width: 970px; } #Main { background: url(../images/BG_Container.png) no-repeat; width: 970px; height: 419px; } #logo { position: absolute; top:20px; padding-left: 15px; } #BOX_Affiliate { background: url(../images/BOX_Affiliate.png) no-repeat; width: 657px; height: 80px; float: left; } #BOX_Affiliate_left { width: 180px; height: 34px; padding-left: 40px; padding-top: 7px; float: left; } #BOX_Affiliate_right { width: 215px; height: 64px; padding-left: 100px; padding-top: 5px; float: left; } #BTN_SignIn { width: 118px; height: 46px; padding-top: 5px; float: left; } #BOX_Search { background: url(../images/BOX_Search.png) no-repeat bottom; width: 313px; height: 36px; margin-left: 325px; margin-top: 7px; float: left; } #BOX_SearchContainer { padding-top: 5px; padding-left: 50px; } #BOX_TopNav { width: 308px; height: 35px; padding-top: 7px; text-align: right; float: left; } #BG_MainNav { background: url(../images/BG_MainNav.png) no-repeat top; width: 970px; height: 86px; } #MainNav { width: 625px; height: 86px; padding-left: 345px; } #BNR_Main { background: url(../images/BNR_Main.png) no-repeat bottom; width: 970px; height: 348px; } #BOX_Main { width: 970px; height: 348px; } #HomeContentContainer { position: absolute; top:375px; width: 970px; } #ContentContainer { position: absolute; top:215px; width: 970px; } #Content { background: url(../images/BG_Left_Outer.png); width: 970px; } #Footer_BGS { width: 970px; margin-top: 40px; text-align: right; } #BOX_Left_Container { width: 248px; float: left; } #BOX_Left_Outer { width: 245px; padding-top: 3px; padding-left: 3px; } #BG_Left_Title { background: url(../images/BG_Left_Title.png) no-repeat; width: 242px; height: 32px; text-align: center; padding-top: 7px; } #BOX_Left_Content { width: 242px; } #BOX_Right_Container { width: 715px; margin-left: 3px; float: left; } #BOX_Right_Outer { background: url(../images/BG_Right_Outer.png); width: 715px; padding-top: 3px; padding-left: 3px; padding-bottom: 3px; } #BG_Right_Title { background: url(../images/BG_Right_Title.png) no-repeat; width: 711px; height: 37px; text-align: center; padding-top: 5px; } #BOX_Right_ContentContainer { background-color: #FFFFFF; width: 711px; } #BOX_Right_Content { background-color: #FFFFFF; width: 686px; padding-left: 15px; padding-top: 15px; } #BOX_Footer_Outer { background: url(../images/BG_Footer_Outer.png); width: 967px; padding-top: 3px; padding-left: 3px; padding-bottom: 3px; margin-top: 3px; } #BOX_Footer_Content { width: 923px; padding-left: 20px; } #titleboxcontainer { background: url(../images/titlebox.png) no-repeat right; width: 970px; height: 45px; } #titlebox { width: 955px; height: 40px; padding-top: 5px; text-align: right; }