/************************************************************************/ /*** INITIALIZE ***/ /************************************************************************/ table { table-layout: fixed; border-collapse: collapse; } td, th { vertical-align: top; text-align: left; } iframe, form, ul,ol, li { margin: 0; padding: 0; } a { color: #FFFFFF; } a:hover { color: #EBE52B; } img { border:none;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body, div#cms_Content { margin: 0; padding: 0 0 40px 0; text-align: center; background: #d1d0cc url(../images/body.gif) repeat-x scroll top left; font: 11px/18px Helvetica, Arial, Verdana, sans-serif; } #slideshow_nav { display: none; } #slideshow ul { list-style: none; } #slideshow { float: left; clear: both; width: 100%; height: 220px;} #cms_overall #slideshow { height: auto;} div#galleryarea h1, div#galleryarea h2 { display:none; } h1 { color:#000; } h1 img { display: block; border: 1px #fff solid; } #container { position: relative; width: 796px; margin: 0 auto 0 auto; text-align: left; } /************************************************************************/ /*** HEADER ***/ /************************************************************************/ img.logo { margin-left:35px; display:block; } #header { color: white; font: 10px Helvetica, Arial, Verdana, sans-serif; background:url(../images/scales.gif) top left no-repeat; } #header #col0 { float:left; clear: none; width:400px; padding: 10px 0px 0px 60px; } #header #col1 { float: left; clear: none; width: 336px; } #header #col1 .facebook { margin: 20px 0px 0px 150px; height: 70px; } #header #col1 .facebook a { text-decoration: none; font-size: 11px; } #header #col1 .facebook img { float: right; } #header #col1 .facebook span { line-height: 70px; } #header #col1 .protips { margin: 0px 0px 0px 80px; font-size: 24px;line-height: 20px; font-syle: italic; } #header #col1 .protips div { padding-top: 10px; } #header #col1 .protips div a { font-size: 18px; text-decoration: none; } #header #col1 .protips div a img { float: right; padding-right: 90px; } #header #col1 .protips div span { font-size: 14px; line-height: 40px; padding-right: 10px; font-style: italic;} #header .tagline { display: none; } #header ul.topnav { clear: both; height: 54px; width: 200%; padding-top: 16px; padding-bottom:15px; } #header ul.topnav li { float: left; margin: 0 10px 33px 0; padding-left:10px; display:block; list-style:none; background:url(../images/listitemdivide.gif) 0px 7px no-repeat; } #header ul.topnav li:first-child { background:none;} #header ul.topnav li a { display: block; padding: 9px 0 3px 0; color: #000; text-decoration: none; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; } #header ul.topnav li a:hover { border-bottom: 5px solid #27282a; } #header li.currentpage a { border-bottom: 5px solid #000; } #header li a:hover { border-bottom: 5px solid #FFFFFF; } /************************************************************************/ /*** MAIN ***/ /************************************************************************/ .pf_only { display: none; } #cms_overall .pf_only { display: block; } #pagebody { clear: both; } #pagebody ul, #pagebody ol { padding-left:25px; } #colleft { width: 161px; padding: 0px 0px 0px 34px; color: white; } #colleft h1 { background: url(/images/products_bg.gif) no-repeat top left; color: #20211f; width:161px; font-size: 16px; padding: 14px 0px 13px 7px; margin: 0px; font-weight:bold; font-style:italic; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; } #colleft h2 { margin: 0 15px 0 0; padding: 5px 0 5px 15px; font-size: 16px; font-weight: bold; width: 132px; background-color: #363835; } #colleft #cantfindit, #colleft form { margin-right: 15px; padding: 15px 0 0 15px; width: 132px; background: #363835 url(../img/background_products.gif) repeat-x scroll top left; } #colleft #cantfindit { padding-right: 10px; width: 125px;} #colleft form h2 { margin: 0; padding: 0; background-color: transparent; } input.textfield { border: 1px solid #838482; font-size: 14px; margin:0px; padding:0px; } #colleft input.textfield { width: 113px; margin: 7px 0 10px 0; } #colleft input.button { margin-left: 25px; /* width of text box - width of image + border = 113 - 77 + 2 */} #colleft .fake_hr { margin: 0 15px 0 0; padding: 10px 0 10px 0; width: 147px; background: #363835 url(../img/dots_colleft.gif) no-repeat scroll center center; } .nav_products, #nav_products { margin: 0 15px 15px 0; padding: 0 0 15px 0px; background-color: #363835; list-style: circle; width: 122px; } .nav_products li a, #nav_products li a { text-decoration: none;} ol.nav_products, ol#nav_products { list-style: decimal; } #colright { width: 100%; padding: 10px 19px 0 20px;} #pagecontents { padding: 0px 0px 20px 0px; color: #000; font-size:14px; } #pagecontents a:visited { color:#15608A; } #pagecontents a { color:#4E96C3; } #pagecontents ul { padding-top:5px; padding-bottom:5px;} #pagecontents li { padding-top:3px;} #pagecontents h3 { font-size: 15px;} #pagecontents h1 { margin: 0; padding: 10px 0 15px 0; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:20px; font-style:italic; text-transform: uppercase; border-bottom:1px #fff solid; } #pagecontents p { margin-bottom: 0; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin-bottom:10px;} .pros img { max-width: 250px; margin-bottom: 10px; padding-top: 30px;} .pros div { float: left; clear: none; text-align: center; margin: 10px; border-top: 1px dotted black;margin-top: 20px; } .pros div:nth-child(odd) { clear: both; } .pros div:nth-child(1) { border: 0; } .pros div:nth-child(2) { border: 0; } /************************************************************************/ /*** VIDEOS ***/ /************************************************************************/ div.season { width:100%; float:left; text-align:left; font: 11px/8px Helvetica, Arial, Verdana, sans-serif;} div.season h2 { text-align:left;} div.episode { width:165px; float:left; margin:10px;} div.epsidode p { font:11px/11px Helvetica,Arial,Verdana,sans-serif; } div.episode a { color:#3a6087; text-decoration:none;} div.episode a:hover { text-decoration:underline;} div#pagecontents h2, div.season h2 { font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16px; font-style:italic; text-transform: uppercase;} /************************************************************************/ /*** FOOTER ***/ /************************************************************************/ #footer { clear: both; color:#43484c; font-family:Verdana, Geneva, sans-serif; font-size:9px; background: url(../images/footer_bg.gif) no-repeat scroll top left; } #footer ul { margin: 0 0 0 38px; padding: 30px 0 0 20px; list-style: none; list-style-image: none; font: bold 11px Helvetica, Arial, Verdana, sans-serif; letter-spacing: -0.05em; } #footer li { float: left; margin: 0 20px 33px 0; } #footer li a { display: block; padding: 4px 0 3px 0; color: white; text-decoration: none; border-bottom: 4px solid #27282a; } #footer li.currentpage a { border-bottom: 4px solid #ebe52b; } #footer li a:hover { border-bottom: 4px solid #FFFFFF; } #footer address { margin: 0px 0px 0px 50px; padding: 0; clear: left; text-align: left; font-style: normal; position: relative; top: -10px; line-height:12px; } #footer .brownboots { margin: 0px 0px 0px 50px; text-align: left; position: relative; top: -10px; } #footer .brownboots a { color: #43484c; } #footer #address { width: 40%; float: left; } #footer #social { width: 37%; float: left;text-align: right; position: relative; top: -10px;} .print { display: none; /* Hides the printable HT logo */} #nav_cart { margin: 15px 15px 15px 0; padding: 15px 0 15px 15px; background-color: #363835; list-style: none; width: 125px; list-style-image: none; } div.nobg { background:none; width: 324px; float:left; clear:none; margin: 0px 30px 0px 10px; border-bottom:1px #FFF solid; } /************************************************************************/ /*** HOME PAGE ***/ /************************************************************************/ .home-left { width: 324px; float:left; clear:none; color:#FFFFFF; margin: 0px 30px 10px 10px; background-color:#1E1E1E; } .home-left #content { padding: 5px 10px 5px 10px;} .home-left img { border: 0px; line-height:normal; padding: 0px; margin:0px;;border-bottom:1px solid #fff} #home-right { width: 214px; float: left; clear:none; display:block; margin-top:-70px; } #home-right-section { width: 194px; background-color: #a7a8aa; padding: 0px 0px 0px 10px; margin: 0px 0px 10px 0px; } #trophy { float: left; clear: both;width:348px; display:block; margin:15px 0px 0px -20px; padding:15px 15px 0px 0px; background-color: #D1D0CC;} #home-right-section form input.button { padding: 0px 25px 0px 66px;} #home-right-section2 { width: 203px; margin: 0px 0px 10px 1px; background:#b4b5b7; padding-bottom:20px; } #home-right-section3 { width: 199px; background-color: #b5b5b6; padding: 20px 5px 20px 5px; margin: 0px 30px 10px 0px; width: 186px; } #home-right-section3 div a { color: #181a1a; font-weight: normal} html>body #home-right-section3 { width: 193px; margin-left:1px;} html>body #home-right-section { position:relative; top: -11px;} #home-right h3 { font-size: 16px; font-weight:bold; font-style:italic; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; letter-spacing:-.04em; } a.nounderline { text-decoration:none;} h3.videos { background: url(/images/howto_videos.gif) no-repeat top left; height:45px; margin-left:-5px; display:block; color:#fff; padding: 14px 0px 0px 10px; text-decoration:none; margin-bottom:-10px;} h3.buy { background: url(/images/howto_buy.gif) no-repeat top left; height:45px; margin-left:-5px; letter-spacing: -0.04em; display:block; color:#fff; padding: 14px 0px 0px 10px;} h3.experts { background: url(/images/experts_bg.gif) no-repeat top left; height:45px; margin:0px; padding: 14px 0px 0px 7px;} h3.links { background: url(/images/links_bg.gif) no-repeat top left; height:47px; margin:0px; padding: 14px 0px 0px 7px;} .button { background: url(/catalog/img/btn_addToCart_off.gif) no-repeat center; color: #FFFFFF; border: none; text-align:center; padding: 5px 35px 5px 35px; font-style:italic; font-weight: bold; text-transform:uppercase; font-size: 10px; cursor: pointer; text-decoration:none; font-family:Helvetica, Arial, Verdana, sans-serif; float: left; } .button-wide { background: url(/catalog/img/btn_contCheckout_off.gif) no-repeat center ; color: #FFFFFF; border: none; text-align:center; padding: 5px 35px 5px 35px; font-style:italic; font-weight: bold; text-transform:uppercase; font-size: 10px; cursor: pointer; text-decoration:none; font-family:Helvetica, Arial, Verdana, sans-serif; } .button-wide:hover { text-decoration:none;} a.button-wide { text-decoration:none;color: #FFFFFF} .button-narrow { height:19px; background: url(/images/btn_search.gif) no-repeat right; width: 110px; color: #363835; border: none; font-style:italic; margin: 0px; padding: 0px 26px 0px 0px; font-weight: bold; text-transform:uppercase; font-size: 1px; cursor: pointer; text-decoration:none; } .button-narrow:hover { background: url(/images/btn_search.gif) no-repeat right; text-decoration:none; } .robotcheck { font-size: 1px;width: 2px; border:0px;background: none;} .file_1 { background: #fff; color: #888; } div.cms_Content { background:#d1d0cc;} /************************************************************************/ /*** LOCATION MAP ***/ /************************************************************************/ #map_canvas { width: 660px; height: 400px; background: #cccccc; } .locations { width: 660px; table-layout: fixed; margin: 0 0 40px 0; } h3 { color: #3c5f85; margin: 15px 0px 0px 0px; padding:0px;} .location td { font: 14px/18px Trebuchet, "Trebuchet MS", Verdana, sans-serif; white-space: nowrap; vertical-align: top; border-bottom: 1px solid #b6b6b6; } .location td.street { padding: 20px 0 0 0; width: 175px; } .location td.street p.has_atm { font-style: italic; } .location td.street p.has_atm img { float: left; margin-right: 5px; } .location td.contact { padding: 20px 0 0 0; width: 210px; } .location td.hours { padding: 20px 0 0 0; width: 275px; } .location table.hours { width: 100%; margin: 0 0 20px 0; } .location table.hours th { width: 130px; font-weight: normal; text-align: left; } .location table.hours td { border: none; } .atm_location td { font: 14px/18px Trebuchet, "Trebuchet MS", Verdana, sans-serif; white-space: nowrap; vertical-align: top; } .atm_location td.name { width: 275px } .atm_location td.address { } .atm_location td.address address { margin: 0; } .atm_location td.address .extended_address { display: none; } .atm_location td.distance { width: 100px; } .store_locations { width: 60%; margin-right: 40%;border-bottom: 1px solid white;padding-bottom: 10px;margin-bottom: 10px; }