/*-----------Common----------*/ * { padding:0px; margin:0px; } body { background:#0c0c0c; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; } .floatLeft { float:left; } .floatRight { float:right; } /*.ovFlow { overflow:hidden; }*/ .clear { display:block; clear:both; } img { border:0px; } .headerHolder { display:block; margin-bottom:15px; border-bottom:1px solid #484c50; } .headerHolder h1 { font-size:20px; text-transform:uppercase; display:block; border-bottom:4px solid #1e2124; padding:4px 0px; color:#747474; } a { color:#e3e3e3; text-decoration:none; } a:hover { text-decoration:underline; } .errorMsg { color:#FF9900; } .errorMsgPassStrength { color:#FF9900;padding-left:18px; } .yellow { color:#FFCC00; } .white { color:#e3e3e3; } .ProductImg { display:block; text-align:center; margin:8px 0px; border:1px solid #141414; background:#080808; } .inputStyle { background:url(../images/input-bg.gif) left top repeat-x; border:1px solid #404040; font:bold 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; padding:0px 6px; } .inputBoxPop { background:#1d1d1d; line-height:19px; border:1px solid #777777; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; width:200px; padding:0px 3px; } .PadTab td { padding:3px 5px !important; } .PadTab th { padding:3px 5px !important; text-align:left; } /*-----------Header----------*/ #Header { width:966px; position:relative; margin:auto; /*background:url(../images/header-bg.gif) left top repeat-x;*/} #Header .leftHeader { position:absolute; background:url(../images/left-header.gif); left:-17px !important; top:0px; height:108px; width:17px; } #Header .rightHeader { position:absolute; background:url(../images/right-header.gif); right:-17px !important; top:0px; height:108px; width:17px; } #Header h1.logo { width:262px; height:62px; position:absolute; top:24px; left:34px; } #Header .searchArea { width:240px; position:absolute; height:35px; right:65px; top:52px; } #Header .floatLeft { width:195px; height:27px; background:url(../images/input-area.gif) left top no-repeat; margin-top:5px; } #Header .floatLeft input { background:url(../images/input-bg.gif) left top repeat-x; margin-top:4px; margin-left:13px; height:19px; line-height:19px; border:0px; width:178px; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; float:left; } /*#Header .topNav { top:17px; right:60px; position:absolute; height:17px; width:500px; text-align:right; }*/ #Header .signUp { background:url(../images/signup.gif) left 3px no-repeat; float:right; padding:0px 0px 0px 16px; line-height:17px; margin-left:13px; } #Header .signUp a { display:block; line-height:17px; background:url(../images/v-divider.gif) right top repeat-y; padding-right:13px; color:#dbdbdb; text-decoration:none; } #Header .LogIn { background:url(../images/login.gif) left 3px no-repeat; float:right; padding:0px 0px 0px 16px; line-height:17px; margin-left:13px; } #Header .LogIn a { display:block; line-height:17px; background:url(../images/v-divider.gif) right top repeat-y; padding-right:13px; color:#dbdbdb; text-decoration:none; } #Header .LogIn a:hover{ display:block; line-height:17px; background:url(../images/v-divider.gif) right top repeat-y; padding-right:13px; color:#dbdbdb; text-decoration:underline; } #Header .myAccount { background:url(../images/my-account-icon.gif) left 1px no-repeat; float:right; padding:0px 0px 0px 20px; line-height:17px; margin-left:13px; } #Header .myAccount a { display:block; line-height:17px; background:url(../images/v-divider.gif) right top repeat-y; padding-right:13px; color:#dbdbdb; text-decoration:none; } #Header .LogOut { background:url(../images/log-out.gif) left 3px no-repeat; float:right; padding:0px 0px 0px 16px; line-height:17px; margin-left:13px; } #Header .LogOut a { display:block; line-height:17px; background:url(../images/v-divider.gif) right top repeat-y; padding-right:13px; color:#dbdbdb; text-decoration:none; } #Header .cart { background:url(../images/shopping-cart.gif) left 3px no-repeat; float:right; padding:0px 0px 0px 16px; line-height:17px; margin-left:13px; } #Header .cart a { display:block; line-height:17px; background:url(../images/v-divider.gif) right top repeat-y; padding-right:13px; color:#dbdbdb; text-decoration:none; } #Header .cart a:hover { text-decoration:underline; } #Header .sitemap { background:url(../images/sitemap.gif) left 3px no-repeat; float:right; padding:0px 0px 0px 16px; line-height:17px; margin-left:13px; } #Header .sitemap a { display:block; line-height:17px; background:url(../images/v-divider.gif) right top repeat-y; padding-right:13px; color:#dbdbdb; text-decoration:none; margin-right:13px; } #Header .sitemap a:hover { text-decoration:underline; } #Header .sitemapOther { background:url(../images/sitemap.gif) left 3px no-repeat; float:right; padding:0px 0px 0px 16px; line-height:17px; margin-left:13px; } #Header .sitemapOther a { display:block; line-height:17px; color:#dbdbdb; text-decoration:none; } #Header .sitemapOther a:hover { text-decoration:underline; } #Header .sound { float:right; line-height:17px; padding:0px 0px 0px 22px; } #Header .sound a { display:block; line-height:17px; color:#dbdbdb; text-decoration:none; } #Header .sound a:hover { text-decoration:underline; } /*-----------Menu----------*/ /*#Menu { width:966px; margin:auto; } #Menu .holder { padding-left:233px; height:33px; position:relative; } #Menu .holder ul { position:absolute; top:-2px; } #Menu .holder li { display:inline; list-style-type:none; } #Menu .holder li a { background:url(../images/menu-normal.gif) left top no-repeat; width:105px; float:left; margin-right:6px; padding:16px 0px 11px 0px; text-align:center; display:block; } #Menu .holder li a:hover { background:url(../images/menu-over.gif) left top no-repeat; } #Menu .holder li a.selected { background:url(../images/menu-over.gif) left top no-repeat; } #Menu .shopTab { position:absolute; top:0px; right:19px; }*/ /*-----------MenuInner----------*/ #MenuInner { width:966px; margin:auto; height:38px; } #MenuInner .holder { height:37px; } #MenuInner .holder ul { padding-left:18px; float:left; } #MenuInner .holder li { display:inline; list-style-type:none; } #MenuInner .holder li a { background:url(../images/menu-normal.gif) left top no-repeat; width:105px; float:left; margin-right:6px; padding:16px 0px 11px 0px; text-align:center; display:block; } #MenuInner .holder li a:hover { background:url(../images/menu-over.gif) left top no-repeat; } #MenuInner .holder li a.selected { background:url(../images/menu-over.gif) left top no-repeat; } #MenuInner .shopTab { top:0px; padding-right:19px; float:right; } #MenuInner .category { padding-left:25px; width:198px; background:url(../images/category.gif) 20px top no-repeat; height:28px; text-indent:20px; font-size:11px; font-weight:bold; line-height:28px; float:left; } #MenuInner .catNone { background:#010101; height:33px; left:20px; position:absolute; width:198px; text-align:center; line-height:33px; font-weight:bold; } /*-----------ImgArea----------*/ #ImgArea { width:960px; margin:auto; height:365px; background:url(../images/img-bg.gif) left top no-repeat; } /*-----------Content----------*/ #Content { width:950px; margin:0px auto; background-color:#1c1c1c; padding:8px 10px 0px 0px; } #Content .imgArea { width:196px; background:url(../images/background.gif) left top repeat-x; height:384px; padding:1px; } #Content .floatLeft { width:198px; padding-left:20px; margin-bottom:15px; } #Content .floatLeft li { display:block; margin-bottom:1px; list-style-type:none; } #Content .floatLeft li a { display:block; text-decoration:none; color:#e3e3e3; background:#000; padding:3px 17px; border-left:5px solid #202020; } #Content .floatLeft li a:hover { border-left:5px solid #eb0000; } #Content .floatLeft li a.selected { border-left:5px solid #ffd800; } #Content .floatRight { width:700px; margin-top:10px; color:#777777; font-size:12px; padding-right:20px; padding-bottom:5px; font-size:11px;} #Content .floatRight p { margin-bottom:10px; } #Content .floatRightProd { width:730px; margin-top:10px; color:#777777; font-size:12px; margin:auto; float:right; } #Content .breadcrumb { margin-bottom:10px; color:#e3e3e3; border-bottom:#181818 1px solid; padding-bottom:5px; margin-top:10px; } #Content .breadcrumb a { color:#ffd800; text-decoration:none; } #Content .breadcrumb a:hover { text-decoration:underline; } #Content .box { width:123px; height:300px; float:left; margin-right:3px; padding:10px 10px 0px 10px; margin-bottom:3px; background:#000; } #Content .box .ProdImg { display:block; text-align:center; margin-bottom:8px; border:1px solid #141414; background:#fff; height:160px; } #Content .box .prodDet { padding:0px 4px; color:#e3e3e3; } #Content .headImg { width:891px; height:148px; margin-bottom:15px; padding:1px; background:#000; } #Content .bigImg { float:left; width:300px; border:5px solid #9c9c9c; background:#fff; text-align:center;} #Content .bigImg img { margin:5px; } #Content .prodDetails { float:right; width:560px; } #Content .ProductName { font-size:20px; color:#FF9B37; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #474747; display:block; } #Content .detailTab td { padding:3px 5px; vertical-align:top; color:#e3e3e3; } #Content .detailTab td.alt { color:#fff; width:110px; font-weight:bold; } #Content .inputBoxSm { background:#1d1d1d; height:19px; line-height:19px; border:1px solid #777777; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; width:100px; padding:0px 3px; } #Content .selectBox { background:#1d1d1d; line-height:19px; border:1px solid #777777; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; padding-left:3px;width:auto; } #Content .inputButton { background:url(../images/input-bg.gif) left top repeat-x; border:1px solid #404040; font:bold 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; padding:0px 6px; } #Content .colorsBoxTop { padding:5px 0px 0px 3px; } #Content .colorsBox { width:10px; height:10px; margin-right:5px; float:left; border:1px solid #000; font-size:1px; } #Content .colorsBoxBig { width:15px; height:15px; margin-right:5px; float:left; border:1px solid #000; font-size:1px; } #Content .paging { text-align:center; padding:10px 0px; font-weight:bold; } #Content .byBrand { padding:0px 20px 0px 10px; color:#e3e3e3; float:left; } #topLinkCurrency { float:right; padding-right:228px; text-align:right; color:#FFFFFF; } #topLinkCurrencyNext { float:right; text-align:left; color:#FFFFFF; width:560px; } #topLinkCurrencyNext a { color:#FFCC00; } #topLink { float:right; text-align:left; color:#FFFFFF; position:absolute; right:25px; z-index:5; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; width:202px; } #topLink a { text-decoration:none; color:#FFFFFF; padding-left:5px; padding-right:5px; } #topLink a:hover { text-decoration:none; color:#FFBA00; padding-left:5px; padding-right:5px; } #topLink .currency td { padding:0px 3px 3px 3px; border-bottom:1px solid #191919; } #topLink .currency { width:188px; margin-right:10px; } #topLink .currency td.alt { border-bottom:0px; } #topLink .currency td.alternate { padding-top:3px; border-top:1px solid #191919; } .strike { text-decoration:line-through; color:#FF6600; } #topLinkCurrency a { color:#FFCC00; } #Content .QuesArea { font-weight:bold; margin-bottom:50px; } #Content .QuesArea a { display:block; line-height:25px; background:#181818; margin-bottom:1px; padding-left:10px; border-left:#000 5px solid; } #Content .QuesArea a:hover { text-decoration:none; background:#1c1c1c; border-left:#FFCC00 5px solid; } #Content .AnsArea strong { color:#FFCC00; display:block; line-height:22px; background: #131313; border-bottom:#353535 1px solid; padding-left:10px; } #Content .AnsArea p { margin:0px 10px 13px 10px; } #Content .AnsArea p.alt { margin:0px 0px 13px 0px; } #Content .inputBox { background:#1d1d1d; line-height:19px; border:1px solid #777777; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; width:300px; padding:0px 3px; } #Content .inputBoxPassword { background:#1d1d1d; line-height:19px; border:1px solid #777777; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#FF9900; width:150px; padding-left:0px } #Content .inputBoxNorm { background:#1d1d1d; line-height:19px; border:1px solid #777777; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; width:240px; padding:0px 3px; } #Content .inputBoxNormSm { background:#1d1d1d; line-height:19px; border:1px solid #777777; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; width:200px; padding:0px 3px; } #Content .contactTable { margin-top:13px; } #Content .contactTable td { color:#e3e3e3; } #Content .TestiArea p { margin:0px 10px 13px 10px; } #Content .TestiArea p.alt { display:block; line-height:22px; color:#e3e3e3; margin-left:0px; background:url(../images/testi-quote.gif) left top no-repeat; padding-left:15px; padding-top:3px; border-top:1px solid #1a1a1a; } #Content .TestiArea p.alt strong { color:#FFCC00; } #Content .otherTable td { padding:3px; color:#e3e3e3; } #Content .otherTable a { color:#FFCC00; } #Content .borderStyles { border-top:1px solid #1b1b1b; border-bottom:1px solid #1b1b1b; font-size:11px;} #Content .borderStyleRight { border-right:1px solid #1b1b1b; } #Content .normTable { margin-top:10px; } #Content .normTable td.alt { background:#000; font-weight:bold; color:#fff; } #Content .normTable td { padding:3px 5px; color:#e3e3e3; } #Content .normTable td.yellow { color:#FFCC00; } #Content .diffColor { color:#66CCFF; } #Content .paddingBot { padding-bottom:15px; } #Content .borderBotStyles { border-bottom:2px solid #1b1b1b; } #Content .cartPrice td.alt { padding-right:50px; } #Content .searchTable { margin:10px 0px; } #Content .searchTable td { padding:3px; vertical-align:top; color:#e3e3e3; } #Content .searchTable td.alt { background:#000; } #Content .searchTable td.alt img { border:1px solid #101010; } #Content .searchTable a { color:#FFCC00; } #Content .searchTable .inputButton { margin-top:10px; } #Content .searchTable td.alternate { padding-left:20px; } #Content .ShoppingCrumb { padding:3px; font-weight:bold; } #Content .ShoppingCrumb .arrow { padding:0px 5px; background:#141414; border:1px solid #212121; color:#FFCC00; } #Content .ShoppingCrumb .inactive { padding:0px 5px; background:#141414; border:1px solid #212121; color:#3e3e3e; } #Content .ShoppingCrumb .inactive:hover { text-decoration:none; } #Content .ShoppingCrumb .active { padding:0px 5px; background:#000; border:1px solid #252525; color:#FFCC00; } #Content .ShoppingCrumb .active:hover { text-decoration:none; } #Content .ShoppingCrumb .Completed { padding:0px 5px; background:#000; border:1px solid #252525; color:#f3f1f1; } #Content .ShoppingCrumb .Completed:hover { text-decoration:none; } #Content .mailingMsg { position:absolute; left:430px; top:35px; width:200px; color:#FF9900; } /*-----------Products----------*/ #Products { width:962px; margin:auto; background:#1d1d1d url(../images/product-bg.gif) left top repeat-x; margin-top:20px; padding:12px 0px; } #Products .holder { padding:0px 43px; height:310px; background-image: url(../images/featured.gif); background-repeat: no-repeat; background-position: 23px 105px; } #Products .related { padding:0px 43px; height:310px; background-image: url(../images/related.gif); background-repeat: no-repeat; background-position: 23px 105px; } #Products .box { width:123px; height:300px; background:#080808; float:left; margin-right:3px; padding:10px 10px 0px 10px; } #Products .box .ProdImg { display:block; text-align:center; margin-bottom:8px; border:1px solid #141414; height:160px; background:#fff; } #Products .box .prodDet { padding:0px 4px; } /*-----------FootAreaHome----------*/ #FootAreaHome { width:960px; margin:auto; height:354px; height:123px; background:url(../images/foot-area-bg.jpg) left bottom #1d1d1d repeat-x; position:relative; } #FootAreaHome .floatLeft { width:358px; height:123px; background:url(../images/footarea-left.jpg) left bottom no-repeat; } #FootAreaHome .floatRight { margin:8px 45px 0px 0px; color:#fff; position:relative; text-align:right; } #FootAreaHome a { color:#fff4cc; text-decoration:none; } #FootAreaHome a:hover { text-decoration:underline; } #FootAreaHome .holder { padding:39px 0px 0px 70px; } #FootAreaHome .searchArea { width:250px; position:absolute; height:35px; right:0px; top:25px; text-align:left; } #FootAreaHome .leftF { width:195px; height:27px; background:url(../images/input-area.gif) left top no-repeat; margin-top:5px; float:left; margin-right:3px; } #FootAreaHome .leftF input { background:url(../images/input-bg.gif) left top repeat-x; margin-top:4px; margin-left:13px; height:18px; line-height:18px; border:0px; width:178px; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#e3e3e3; } #FootAreaHome .rightF { float:right; } #FootAreaHome .mailingMsg { position:absolute; left:430px; top:35px; width:200px; color:#FF9900; } /*-----------Footer----------*/ #Footer { width:964px; margin:auto; padding:10px 0px; color:#868686; } #Footer a { color:#535353; text-decoration:underline; } #Footer a:hover { text-decoration:none; } /*---------------DropMenu-----------*/ #dropmenudiv { position:absolute; border-bottom-width: 0; font:normal 12px "Trebuchet MS", Verdana, Tahoma; line-height:18px; z-index:100; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; margin-left:90px; } #dropmenudiv a { display: block; text-indent: 3px; padding: 1px 0; text-decoration: none; font-weight: bold; color:#fff; text-indent:10px; border-left:5px solid #202020; margin-bottom: 1px; background:#000; } #dropmenudiv a:hover{ /*hover background color*/ background-color: #302f30; color:#fff; border-left:5px solid #eb0000; } /*AutoComplete flyout */ .autocomplete_completionListElement { visibility : hidden; margin : 0px !important; background-color : inherit; color : windowtext; border : buttonshadow; border-width : 0px; border-style : solid; cursor : 'default'; overflow : auto; height : auto; text-align : left; list-style-type : none; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; } /* AutoComplete highlighted item */ .autocomplete_highlightedListItem { background-color: #101010; color:#ffcc00; padding: 1px; text-indent:8px; cursor:pointer; border-bottom:1px solid #000; } /* AutoComplete item */ .autocomplete_listItem { background-color : #191919; color : #fff; padding : 1px; text-indent:8px; border-bottom:1px solid #000; } /* Accordion */ .accordionHeader { /*border: 1px solid #222222; color: white; background-color: #2E4d7B;*/ font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; } #master_content .accordionHeader a { color: #FFFFFF; background: none; text-decoration: none; } #master_content .accordionHeader a:hover { background: none; text-decoration: underline; } .accordionHeaderSelected { /*border: 1px solid #333333;*/ color: white; background-color: transperant; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; } #master_content .accordionHeaderSelected a { color: #FFFFFF; background: none; text-decoration: none; } #master_content .accordionHeaderSelected a:hover { background: none; text-decoration: underline; } .accordionContent { background-color: transperant; border: 0px; border-top: none; padding: 2px; padding-top: 10px; } /* Validator Call Out*/ .validatorCalloutHighlight { background-color: lemonchiffon; } #guide table { padding:0px; border:ridge 1px #484c50;} #guide tr { border:ridge 1px #ffffff;} #guide th { padding:3px; border:ridge 1px #484c50;} #guide td { padding:3px; border:ridge 1px #484c50;} /*------------------ 18.12.09 --------------------------------------*/ .SameFooter{ width:960px; height:60px; color:#868686; font-weight:bold; padding-top:5px; line-height:15px;} .SameFooter a{ color:#535353; text-decoration:none;} .SameFooter a:hover{ color:#868686; text-decoration:none;} .SameFooter .fst{ width:570px; float:left;} .SameFooter .sst{ width:300px; float:right;} .DivComnt{ position:relative;} .inputButtonN-mem { background:url(../images/input-bg.gif) left top repeat-x; border:1px solid #404040; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px !important; font-weight:bold; color:#e3e3e3; display:block; padding:0px 5px; cursor:pointer; width:120px; float:left;} .inputButtonN { background:url(../images/input-bg.gif) left top repeat-x; border:1px solid #404040; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px !important; font-weight:bold; color:#e3e3e3; display:block; padding:0px 5px; cursor:pointer;}