.snap span, .snap applet, .snap object, .snap iframe, .snap h1, .snap h2, .snap h3, .snap h4, .snap h5, .snap h6, .snap p, .snap blockquote, .snap pre, .snap a, .snap abbr, .snap acronym, .snap address, .snap big, .snap cite, .snap code, .snap del, .snap dfn, .snap em, .snap font, .snap img, .snap ins, .snap kbd, .snap q, .snap s, .snap samp, .snap small, .snap strike, .snap strong, .snap sub, .snap sup, .snap tt, .snap var, .snap dl, .snap dt, .snap dd, .snap ol, .snap ul, .snap li, .snap fieldset, .snap form, .snap label, .snap legend, .snap table, .snap caption, .snap tbody, .snap tfoot, .snap thead, .snap tr, .snap th, .snap td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } .snap { background:#fff url(/pics/shared/top_swoosh.gif) no-repeat center 1px; border-bottom: solid 8px #111; border-top: solid 6px #111; color: #4a4a4a; margin: 1px 0; text-align:left; font-family: Tahoma, "Lucida Grande", Arial, sans-serif; font-size:11px; padding:1px 0; } #content { margin:0 10px; } /* HEADINGS **************************************************/ .snap h1,.snap h2,.snap h3,.snap h4,.snap h5,.snap h6 { color: #222; font-weight:normal; } .snap h1 { font-size: 2em; font-weight:bold; margin-bottom: 0.75em; } .snap h2 { font-size: 1.7em; margin-bottom: 0.2em; line-height:1.22 } .snap h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } .snap h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } .snap h5 { font-size: 1em; font-weight: bold; } .snap h6 { font-size: 1.2em; font-weight: bold; } /* BLOCK LEVELS (BESIDES HEADINGS) **************************************************/ .snap p, .snap ul, .snap ol { line-height: 1.5; margin: 0 0 1.5em 0; padding:0; } .snap ul, .snap ol { margin:0 1.5em 1.5em 1.5em; } .snap ul { list-style: circle; } .snap ol { list-style: decimal; } * html .snap ol { margin: 0 2em; } .snap li ul, .snap li ol { margin-bottom: 0; } /* LINKS & STUFF **************************************************/ #all .snap #content a { color: #86b950; text-decoration:underline; } #all .snap #content a:hover { color: #470; } .snap strong { font-weight:bold; } .snap em { font-style:italic; } /* Main Navigation **************************************************/ #nav { margin: 0 10px 0 10px; clear:left; } #nav ul { background: url(/pics/shared/nav-bg.png) no-repeat left top; border-bottom: 1px solid #314c1a; list-style: none; line-height: 1; margin:0; padding: .4em 10px 0 10px; width: 760px; } #nav ul li, #nav ul li a { float:left; text-shadow: 0px 0px #547e2b; } #nav ul li { background: url(/pics/shared/nav-li-bg.gif) no-repeat right bottom; padding-right:2px; } #nav ul li a { color: #fff; font-weight:bold; padding: .6em 1em 1.1em 1.1em; text-decoration:none; margin: 0 0 -.1em 0; } #nav ul li a:hover { color:#dfa; } #nav ul li.on { background: url(/pics/shared/nav-li-on-bg.gif) no-repeat right top; padding-right:6px; margin: 0 0 -.1em 0; position:relative; } #nav ul li.on a { background: url(/pics/shared/nav-tab-left.gif) no-repeat left top; color:#ee3524; padding-right: 1em; margin:0; text-shadow: 0px 0px #fff; } #nav ul li.on a:hover { color: #d0001f; /*text-decoration: underline;*/ } /* HOME **************************************************/ #favre { float:left; width:470px; margin: 0 0 10px 0; } #intro { padding:20px 10px 0px 20px; float:left; width:280px; color:#555; } #intro a { } #intro h1 { background:#fff url(/pics/index/welcome_to_snapper.gif) no-repeat left top; text-transform:uppercase; height:0px; width:241px; overflow:hidden; padding: 14px 0 0 0; margin-top:10px;} #welcome { line-height:2.4; margin-bottom:0; } #find_snapper { background:#fff url(/pics/index/selection-bg.jpg) no-repeat right top; float:left; padding:38px 5px 0px 20px; width:285px; height:320px; } #find_snapper h2 { margin:0; line-height:1; } #find_snapper p { font-size:10px; line-height: 2; padding:36px 25px 0 80px; color:#666; } #selection-guy { float:right; margin:-35px 0 -10px 0; } /* HEADER **************************************************/ #snap-head { margin:10px; } #brand img { display:block; margin:0; } #brand a { width:376px;display:block;overflow:hidden; padding:15px 0px 10px 5px; } /* FOOTER **************************************************/ #foot { background: #f4f4f4; border-top: solid 1px #ddd; color:#777; padding:15px; font-size:9px; } #copyright { margin: 0; } #all .snap #foot #copyright a { text-decoration:underline; } .snap #foot ul { margin:0 0 .4em 0; list-style:none; } .snap #foot ul li { display:inline; font-weight:bold; margin-right:1em; } #all .snap #foot a { color:#888; } /* SEARCH FORM **************************************************/ #snapper_search { float:right; margin-top:22px; } #snapper_search input { border: 1px solid #ccc; padding:1px; font: normal normal normal 12px/11px Tahoma, "Lucida Grande", Arial, sans-serif; } #keywords { float:left; margin: 5px; color:#999; } .submit_search a { float:left; height:0; padding-top:26px; width:25px; overflow:hidden; background: url(/pics/shared/search_button.gif) left top; } .submit_search a:hover { background-position: left -26px; } /* PRODUCT PAGES **************************************************/ #side-box { float:left; width:185px; margin-right:20px; padding: 10px 0 0 0; } #snap-box { float:left; width:565px; padding: 20px 10px 0 0; } #bread { margin: 0 0 0.5em 0; color:#999; font-size:10px; } #all .snap #bread a { color:#777; } #bread strong { color:#555; } /* Sub Navigation **************************************************/ #subnav, #subnav ul { font-weight:bold; list-style:none; line-height:1.9; margin:0; } #subnav { border-right: 1px solid #ccc; font-size: 1.0909em; margin-right: 9px; padding: 5px 10px 4px 10px; } #subnav ul { font-size: 0.8333em; margin-left: 1.0909em; color:#86b950;padding-top:0px; } #subnav ul ul { font-size: 0.9091em; margin-left: 1.1111em; } #all .snap #subnav li { border-top:1px solid #ddd; padding-top:3px;margin-bottom:10px; } #all .snap #subnav li li { border: none; padding-top:0px;margin-bottom:0px;} #all .snap #subnav a { color:#333; font-weight:normal; text-decoration:none; } #all .snap #subnav li li a { color: #666; text-decoration: underline; } #all .snap #subnav li.on li a { font-weight:normal; text-decoration: underline; } #all .snap #subnav li.on a { font-weight:bold; } #all .snap #subnav li li li a { color:#86b950; } #all .snap #subnav li.last { margin-bottom:0; } #subnav li li li a:hover { color:#86b950; } #all .snap #subnav a:hover { color:#86b950; } /* Left Column Section **************************************************/ .sub-section h3 { background: url(/pics/products/products.png) no-repeat right top; line-height:1; margin: 0; height:49px; width: 185px; overflow:hidden; } .sub-section h3 a { display:block; background: transparent; line-height:1; margin: 0; padding-top: 49px; height:0px; width: 185px; overflow:hidden; } #products.sub-section h3 { background-image: url(/pics/products/products.png); } #search.sub-section h3 { background-image: url(/pics/search/search.png); } #sitemap.sub-section h3 { background-image: url(/pics/sitemap/sitemap.png); } .sub-section { background: url(/pics/shared/sub-section-bg.png) no-repeat right bottom; padding-bottom: 10px;} div.product_bubble { background:#fff url(/pics/products/product_bubble-top.gif) no-repeat left top; margin: 0 20px 1.5em 20px; clear:none; /*width: 525px;*/ } div.product_bubble div.pad { background: transparent url(/pics/products/product_bubble-bot.gif) no-repeat left bottom; padding: 20px; clear:none; } .snap div.product_bubble h2 { font-size: 14px; font-weight:bold; } .snap h4 { color:#fff; background:url(/pics/products/bubble-heading.png) no-repeat left bottom; font-size:1.5em; margin:0 0 -20px 35px;padding:10px 0 10px 12px; white-space:nowrap; line-height:1;position:relative;z-index:1; } #all .snap #snap-box h2 a { color:#111; text-decoration:none; } #all .snap #snap-box h2 a:hover { color:#111; text-decoration:underline; } .snap div.product_bubble h3 { font-size: 12px; font-weight:bold; } .snap div.product_bubble p.last { margin-bottom:0; } .snap div.product_bubble ul { margin:0; list-style:none; } img.right { float:right; } img.left { float:left; } img.pic { margin:-15px 0 15px 20px; padding: 0; } img.product_img { margin:-45px 0 15px 20px; padding: 0 0 30px 0; background: transparent url(/pics/products/product_grass.gif) no-repeat left bottom; } img.product_img.left { margin-left:0; margin-right: 20px; } hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.4em; border: none; } hr.space { color:#fff; border:none; background:#fff; clear:both; height:.1em; margin: 0 0 2.4em 0; } #prod-img { width:280px; height:280px; padding:29px 15px; background: transparent url(/pics/products/large-frame-bg.gif) center; } .prod { float:left; margin:0 8px 10px 9px; width:170px; text-align:center; overflow:hidden; position:relative;} .prod.last { margin-right:0; } .prod ul { font-size:9px; margin: .5em 0 0 1.6em; } .prod a.prod_thumb { display:block; width:150px; height:150px; padding:10px; background: url(/pics/products/prod-bg.gif) no-repeat left top; margin: 0 0 .5em 0; } .prod:hover a.prod_thumb, .prod a.prod_thumb.hover { background-position:right top; } .prod-overlay { background: url(/pics/products/prod-overlay.gif) no-repeat left top; width:170px; height:170px; position:absolute; left:0px; top:0px; opacity:0.25; cursor:pointer; } .prod h2 { font-size:1.3em; font-weight:bold; } #all .snap #snap-box .prod h2 a { color:#999; } #all .snap #snap-box .prod h2 a:hover, #all .snap #snap-box .prod h2.hover a, #all .snap #snap-box .prod:hover h2 a { color:#693; text-decoration:none; } #movex { background: url(/pics/products/movex-bg.gif) no-repeat left top; float:right; margin: 0 0 10px 15px; position:relative; z-index:2; width:310px; overflow:hidden} #movex a { position:relative; } .movex-img { display:block; width:299px; height:299px; padding:6px; overflow:hidden;} .movex-img img { margin: 50px;} .movex-overlay { background: url(/pics/products/movex-overlay.gif) no-repeat; position:absolute; top:0; left:0; width:310px; height:338px; opacity: 0.25; } #enlarge { padding:13px 0; } #flash { text-align:center; } #buy { width:125px; margin: 10px auto 0 auto; } #buy a { background: url(/pics/products/buy.gif) no-repeat left top; display:block; width:125px; height:0px; padding-top:27px; overflow:hidden; } #buy a:hover { background-position: left -27px; } #buy a:active { background-position: left -54px; } /* Specifications Button **************************************************/ #model_specs { font-weight: bold; margin-top: -2em; width: 91px; overflow:hidden; background: url(/pics/products/spec-button.jpg) no-repeat right top; margin-left:1em; margin-bottom:1em; font-size:9px; } #all .snap #snap-box #model_specs a { background: url(/pics/products/spec-button.jpg) no-repeat left top; display: block; line-height:1.1; padding-top: 94px; text-decoration:none; width:91px; overflow:hidden; } #all .snap #snap-box #model_specs a:hover { background:transparent; color:#86b950; } /* Classes **************************************************/ .snap .left { float:left; } .snap .right { float:right; } .snap .hide { display:none; } .snap .reset-margin { margin:0; } .snap .reset-padding { padding:0; } .snap .reset { margin:0; padding:0; } .snap .align-justify { text-align:justify; } .snap .align-left { text-align:left; } .snap .align-center { text-align:center; } .snap .align-right { text-align:right; } .snap .pull-up { margin-top:-2.5em; } /* SELECTION AD **************************************************/ .selection-ad { background: url(/pics/shared/selection-ad.jpg) no-repeat left bottom; height:201px; width:177px; overflow:hidden; margin:0 0 1.5em 0; } .selection-ad a { background: url(/pics/shared/selection-ad.jpg) no-repeat left top; display:block; height:0px; padding-top:201px; width:177px; overflow:hidden; } .selection-ad a:hover { background:transparent; } /* Tabs **************************************************/ #tabber { clear:both;padding:0; } #tabber ul.tabs, #tabber ul.tabs li, #tabber ul.tabs li a, #tabber ul.tabs li a span { margin:0; list-style:none; float:left; position:relative; } #tabber ul.tabs { padding:0; font-size:11px; } #tabber ul.tabs li a span { } #tabber ul.tabs li a { } #tabber ul.tabs li a:hover { color:#fff; } #tabber ul.tabs li.ui-tabs-selected a span { text-decoration: none; } #tabber ul.tabs li.ui-tabs-selected a { text-decoration: none !important; } #tabber div.tab-box { } .ui-tabs-hide { display:none; } /* Tabs Table **************************************************/ #tabber table { width:100%; border-collapse:collapse; border-spacing:0px; border:none; margin: 0; } /* SEARCH STUFF **************************************************/ #result_data { background:#eee; padding:3px 8px; border: solid 1px #ccc; } #adv_search { padding: 0 0 0.9em 0; margin: 0 0 1em 0; border-bottom: 1px solid #ddd; } #adv_search input#adv_keywords { border:1px solid #ccc; padding: 3px; font: normal 12px/12px Tahoma, "Lucida Grande", Arial, sans-serif; width:300px; line-height:1.5; } #submit_adv_search { padding: 1px; font: normal 12px/12px Tahoma, "Lucida Grande", Arial, sans-serif; } #paginate { padding:1.5em 0; } #all .snap #paginate a, #paginate span { float:left; padding: 5px 7px; line-height:1; margin: 0 5px 0 0; background: #f4f4f4; text-decoration:none; border: solid 1px #ccc;font-weight:bold; } #adv_search, #adv_search input, #adv_search select { vertical-align:middle; line-height:2; } #paginate span { background:#fff; border-color:#fff; } #search_results { list-style:none; margin:0; } .url { display:block; color:#7a4; line-height:2.22; } /* CLEAR **************************************************/ /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ #nav ul, #nav { display: inline-block; } #nav ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } * html .clear, * html #nav ul, * html #tagline { height: 1%; } p.cali { font-size:10px; margin:0.8em 0 0 0; } /* FAVRE **************************************************/ #brett { background: #360 url(/pics/index/favre.jpg) no-repeat left top; color:#fff; padding: 380px 120px 0 30px; width:320px; height:35px; font-size:10px; text-transform:uppercase; margin:0; line-height:1.22; text-shadow: #010 0 0 2px; overflow:hidden; } #favre h2 { border: solid 3px #8fc764; border-bottom:none; border-top:none; background:#111; color:#ddd; padding: 6px 27px; margin:0; } #favre blockquote { background: #360 url(/pics/index/signature.jpg) no-repeat left top; font-size: 12px; color:#fff; height:120px; margin:0; padding: 20px 200px 0 50px; font-style:normal; line-height:1.8; } #favre blockquote span { display:block; font-weight:bold; } #all .snap #favre blockquote a, #all .snap #favre blockquote a:hover { color:#fff; text-decoration:none; }