/* Global CSS Document */ body {margin: 0; padding:0; background-color:#424242; background-image:url(../images/universal/bg-main.png); background-repeat:repeat-x; font-family: "Lucida Grande", Helvetica, Tahoma, sans-serif;} #wrapper {width:920px; margin: 0 auto;} /* Header */ #header { float: right; margin: 25px 10px 10px 0px; color:#fff; font-size:12px;} .logo { margin: 10px 10px 10px 10px;} .toplinks { padding: 5px 2px 5px 0px;} a.toplinks { font-size:11px; color:#999; text-decoration:none;} a:hover.toplinks {text-decoration:none; color:#fff;} #line-white { margin:0; height:1px; width:920px; background: url(../images/universal/tl-white.png) no-repeat;} #line-aqua { margin:0; height:1px; width:920px; background: url(../images/universal/tl-aqua.png) no-repeat;} #line-blue { margin:0; height:1px; width:920px; background: url(../images/universal/tl-blue.png) no-repeat;} #line-green { margin:0; height:1px; width:920px; background: url(../images/universal/tl-green.png) no-repeat;} #line-red { margin:0; height:1px; width:920px; background: url(../images/universal/tl-red.png) no-repeat;} #line-violet { margin:0; height:1px; width:920px; background: url(../images/universal/tl-violet.png) no-repeat;} #line-orange { margin:0; height:1px; width:920px; background: url(../images/universal/tl-orange.png) no-repeat;} #line-yellow { margin:0; height:1px; width:920px; background: url(../images/universal/tl-yellow.png) no-repeat;} #topbar { background: url(../images/universal/bg-main-top.png) no-repeat; height:5px; width:920px; } #bottombar { background: url(../images/universal/bg-main-btm.png) no-repeat; height:6px; width:920px; } /* footer */ #footer { margin:0; padding: 12px 13px 0px 20px; position:relative; height:18px; color:#444; font-weight:500; background: url(../images/universal/divider.png) no-repeat #D2D2D2;} .copyright { font-size:10px; text-align:left; float:left;} .bottomlinks, .bottomlinks2 {float:left; font-size:10px; padding: 0 6px 0 6px;} .bottomlinks { border-right:#777 1px solid;} a.bottomlinks, a.bottomlinks2 { color:#444; text-decoration:none;} a:hover.bottomlinks, a:hover.bottomlinks2 {text-decoration:none; color:#222; text-shadow:1px 1px 2px #333;} img.slogan { margin-top:25px; margin-right:auto; margin-bottom:15px; margin-left:auto; display:block;} /* ShadesCases Navigation Bar */ #navbar { width: 920px; height: 36px; margin: 0px auto; position: relative; z-index: 1000; } #navbar #navtabs { margin: 0; padding: 0; } #navbar #navtabs li { display: inline; } #navbar #navtabs li a { float: left; width: 90px; height: 0; padding-top: 36px; overflow: hidden; } #navbar #navtabs li a, #navbar #cart_link { background-image:url(../images/universal/navbar.png); background-repeat: no-repeat; } /* Static */ #navbar #navtabs li#gn-products a { background-position: 0 0; width: 90px; } #navbar #navtabs li#gn-reviews a { background-position: -90px 0; width: 85px; } #navbar #navtabs li#gn-press a { background-position: -176px 0; width: 112px; } #navbar #navtabs li#gn-resellers a { background-position: -288px 0; width: 90px; } #navbar #navtabs li#gn-aboutus a { background-position: -378px 0; width: 368px; } #navbar #navtabs li#gn-support a { background-position: -746px 0; width: 76px; } #navbar #navtabs li#gn-faqs a { background-position: -822px 0; width: 97px; } /* Hover */ #navbar #navtabs li#gn-products a:hover { background-position: 0 -38px; } #navbar #navtabs li#gn-reviews a:hover { background-position: -90px -38px; width: 85px; } #navbar #navtabs li#gn-press a:hover { background-position: -176px -38px; } #navbar #navtabs li#gn-resellers a:hover { background-position: -288px -38px; } #navbar #navtabs li#gn-aboutus a:hover { background-position: -378px -38px; } #navbar #navtabs li#gn-support a:hover { background-position: -746px -38px; } #navbar #navtabs li#gn-faqs a:hover { background-position: -822px -38px; } /* Slideshow */ #slideshow * { margin: 0; padding: 0; } #slideshow { position: relative; width: 920px; height: 450px; } #slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; } #slideshow #loading { background: url('../images/universal/loading.gif'); display: block; top: 225px; left: 450px; text-indent: -5000px; width: 32px; height: 32px; visibility: hidden; z-index: 5; } #slideshow #pictures { background-color:#000; width: 920px; height: 450px; left: 0; overflow: hidden; } #slideshow #pictures li { display: block; position: absolute; top: 0; width: 920px; } #slideshow #pictures li img { display: block; position: relative; bottom: 0; border:0; } #slideshow #menu { list-style-type: none; padding-left:434px; top:425px;} #slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; float:left; padding-top:0px;} #slideshow #menu li a { background: url('../images/universal/btn-selector.png') no-repeat; height:10px; display: block; padding: 0px 4px 0px 10px; z-index: 1000; vertical-align: middle; zoom: 1; } #slideshow #menu li a:focus { outline: 0; } #slideshow #menu li a:hover { background: url('../images/universal/btn-selector.png') 0 -20px no-repeat; height:10px; padding: 0 4px 0 10px;} #slideshow #menu li.current a { background: url('../images/universal/btn-selector.png') 0 -10px no-repeat; height:10px; padding: 0 4px 0 10px;} /* #slideshow #menu .background { background: url('../images/universal/arrow-selected.gif') no-repeat bottom; padding-left:20px; position: absolute; height: 4px; width: 7px; z-index: 5; }*/ /* Headings & Content */ #homepage { background: url(../images/universal/banner-home.png) no-repeat; padding-top:35px; padding-left:50px; height:115px; } #main_content, #main_content_reviews { background: url(../images/universal/bg-content.png) repeat-x #fff; background-position:bottom; min-height:100%; width:820px; overflow: auto; padding: 25px 50px 15px 50px;} #content_heading { background: url(../images/universal/bg-topbar.png) no-repeat; position:relative; width:550px; height:29px; color:#fff; text-align:left; padding: 5px 10px 0px 15px;} #content_image, #content_image2, #content_image3,#content_image4, #content_image5 { position:absolute; border:0px; top:-10px; right:32px;} #content_image2 {top:-17px;} #content_image3 {top:-18px; right:35px;} #content_image4 {top:-4px;} #content_wrapper {width:550px; float:right;} #sidebox_wrapper {width:200px; float:left;position:relative;} #sidebox { background: url(../images/universal/bg-sidebox.png) no-repeat; height:320px; max-width:200px; text-align:left; padding: 5px 16px 0px 16px; } .phimg {margin-right:7px; vertical-align:-7px;} /* fonts & styles */ h1 { font-weight:normal;} .title { color:#fff; font-size:24px; margin-bottom:0px;} .subtitle, .subtitle2 { width:265px; color:#888; font-size:11px; line-height:15px; text-align:left;} .subtitle2 { width:285px;} .content_title {font-size:14px; margin-top:0px;} h2 { font-weight:normal;} h3 { color:#000; font-size:14px; margin-bottom:4px;} h4 { color:#000; font-size:13px; margin: 0px 0px 3px 0px; } h5 { color:#000; font-size:11px; margin: 0px 0px 2px 0px; } p {color:#666; margin-top:0; font-size:12px; line-height:17px;} .texterms, .texterms2 { font-size:11px; line-height:14px; color:#666; } .texterms2 {font-size:10px;} /* links */ a.normal { color:#666; text-decoration:none;} a.clear, a.black, a.aqua, a.blue, a.green, a.red, a.pink, a.violet, a.orange, a.yellow {text-shadow:none; text-decoration:none;} .clear, a:hover.normal { color:#333333; text-shadow: 1px 1px 2px #777777;} .black, a:hover.black { color:#000000; text-shadow: 1px 1px 2px #999999;} .aqua, a:hover.aqua { color:#0099FF; text-shadow: 1px 1px 2px #00CCFF;} .blue, a:hover.blue { color:#0000CC; text-shadow: 1px 1px 2px #3333CC;} .green, a:hover.green { color:#009900; text-shadow: 1px 1px 2px #00CC00;} .red, a:hover.red { color:#CC0000; text-shadow: 1px 1px 2px #FF0000;} .pink, a:hover.pink { color:#FF00FF; text-shadow: 1px 1px 2px #FF00FF;} .violet, a:hover.violet { color:#6600CC; text-shadow: 1px 1px 2px #9900FF;} .orange, a:hover.orange { color:#FF3300; text-shadow: 1px 1px 2px #FF9900;} .yellow, a:hover.yellow { color:#FFFF00; text-shadow: 1px 1px 2px #666600;} /* dividers */ .sidebox_div { background-color: #CCC; height:1px; border: 0px;} .topdiv { background-color: #272727; height:1px; width:265px; border:none; float:left; margin-bottom:4px;} .pagediv { background-color: #CCC; height:1px; border: 0px;} /* forms */ select, input, textarea { margin-top:4px;} fieldset { border:none;} /* subscribe box and page */ .subscribeheader, .subscribebox, .subsribebottom { width:340px; margin:auto; } .subscribeheader { background:url(../images/universal/bg-subscribeheader.png) no-repeat; height:34px; font-size:15px; line-height:34px;} .subscribebox { background:url(../images/universal/bg-subscribe.png) repeat-x; width:298px; border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; padding: 12px 20px 15px 20px;} .subsribebottom { background:url(../images/universal/bg-subscribe_btm.png) no-repeat; height:5px;} .subscribebutton { background: url(../images/universal/btn-subscribe.png) no-repeat; height: 21px; width: 88px; border: none; margin-left:30px; margin-top:6px; } .subscribebutton:hover { background: url(../images/universal/btn-subscribe.png) 0 -21px no-repeat; cursor:pointer;} .subscribe { font-size:10px; float:left; background-color:#000; color:#999; text-align:left; padding: 8px 10px 8px 10px; margin-right:20px; } .title_sub { color:#CCC; margin:0px; margin-bottom:3px; } .input-box { color:#CCC; background:#000; margin-left:0; margin-top:8px; padding-left:0; margin-right:0; border: #333 solid 1px; } /* 404 Error Page */ #error {text-align:center; margin-top:95px;} .errorimg {float:left; border:none;} #funfact {width:300px; float:left; margin-left:35px;} .funfact {padding-top:8px;}