/*************************** * kgear.com CMS pages * Created by Brent Leavitt * Host Eagle Web Shop (http://www.hosteagle.us) * Created on 6 January 2010 * Last Updated 6 Janurary 2010 *****************************/ #k_wrap{font-size: 12px; font-family: Verdana, Arial, Sans;} #k_wrap h2{color:#996633; font-size: 16px; font-weight: bold;} #k_wrap h3{color: #fff; font-size: 13px; padding: 5px; background: #DBAD72; width: 99%; text-align: center; clear: both;} #k_wrap h3 span{ font-size: 10px; } #k_wrap h4{font-size: 14px; color:#4C4C70; margin:30px 0 10px 0; padding:0;} #k_wrap h5{color:#996633; font-size: 12px; margin:0; padding:0;} #k_wrap h6{text-align: center; font-size: 12px; color:#996633; display; block; padding: 0; margin: 20px 0 0 0;} #k_wrap .column_left{float: left; width:20%; margin-right: 2%; background: #ffffcc; color:#cc6600; padding: 5px;} #k_wrap .column_main{float: left; width: 75%;} #k_wrap .k_subhead{display: block; background: #ffffcc; padding: 10px; margin: 0 0 5px 0;} #k_wrap .k_subhead1{display: block; background: #DBAD72; padding: 10px; margin: 0 0 5px 0;} #k_wrap .dots-btm{border-bottom: 3px dotted #46510B; margin: 20px 0 10px 0;} #k_wrap .clear{clear: both;} #k_wrap .center{text-align:center;} #k_wrap .image-left{float: left; padding: 0 20px 20px 0;} #k_wrap .image-right{float: right; padding: 0 0 20px 20px;} #k_wrap table td{padding: 5px;} #k_wrap ul{list-style:square inside;} #k_wrap .wh_subhead{color: #fff; font-weight: bold;} #k_wrap .wh_text{color:#fff;} #k_wrap span.captions{color: #cc6600; font-size: 10px; font-style: italic; font-weight: normal;} #k_wrap p.captions{color: #cc6600; font-size: 10px; font-style: italic; font-weight: normal; text-align: center; } #k_wrap p.black{color:#000;} #k_wrap .prod_name{font-weight: bold; color:#000;} #k_wrap .moreinfo{font-weight: bold; color:#996633;} #k_wrap .brn_text{color:#996633;} #k_wrap p span.brn_text_centered{color:#996633; text-align:center; display: block;} #k_wrap .k_text_orange{color:#cc6600;} #k_wrap .k_sub_bold{font-weight: bold;} #k_wrap .k_italic_centered{font-style:italic;} #k_wrap #k_sublinks{text-align:center; padding-top: 20px; clear: both; margin-left: 200px;} #k_wrap .k_top_return{text-align:center; padding: 20px 0; clear: both; width: 100%;} #k_wrap #fitting-belt{margin: 40px 0 60px 0;} blockquote#intro-quote{font-family: georgia, times, serif; font-size: 24px; font-weight: bold; line-height: 28px;} #k_wrap td.center a{color:#ffffff; font-weight:bold;}/*These are the purple boxes on the US Shipping Page*/ .bfpom { text-align:center; padding-top:10px; } img.facebook { vertical-align:middle; } .sqr { list-style-type:square; padding-left:15px; } p.announce { background:none no-repeat scroll 20px 45% #74C2E1; border-color:#0191C8; border-style:solid; border-width:1px 0; color:#555555; margin:1em 0 1.5em; padding:9px 10px 9px 50px; text-shadow:none; text-align:center; font-size:14px; } /*************************** CSS for home slider *****************************/ #textSlide { padding: 10px 30px; } #textSlide h3 { font: 20px Georgia, Serif; } #textSlide h4 { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; } #textSlide ul { list-style: disc; margin: 0 0 0 25px; } #textSlide ul li { display: list-item; } #quoteSlide { padding: 30px; } #quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; } #quoteSlide p { text-align: center; } .anythingSlider { width: 760px; height: 360px; position: relative; margin: 0 auto 15px; } .anythingSlider .sliderwrapper { width: 680px; overflow: auto; height: 324px; margin: 0 40px; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .sliderwrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; } .anythingSlider .sliderwrapper ul li { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } .thumbNav { position: relative; top: 323px; text-align: center; } .thumbNav li { display: inline; } .thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-decoration: none; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } .thumbNav a:hover { background-image: none; } .thumbNav a.cur { background: #e0a213; } .start-stop { z-index: 10; background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; text-decoration: none; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } .start-stop.playing { background-color: red; } .start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .sliderwrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .sliderwrapper ul ul li { float: none; height: auto; width: auto; background: none; }