/* Reset style */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}a:active{outline:none;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
.clear:after, .disc-wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.reset {clear: both;font-size: 1px; margin: 0;padding: 0;line-height: 1px; height: 1px; }	
/* Custom Hyperflo styles */
body {
    background: #111 url(../i/bg.png) repeat-x 0 0;
    border-top: 7px solid #555;
    font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
    font-size: 14px/1.35;
}
body { -webkit-text-stroke:1px transparent; }
a:link,a:active{
    color:#811001;}
a:visited {
    color:#9a5650;
    text-decoration:none;}
#content #sidebar a:visited {
    
    border-bottom: 1px dotted #ccc;
    }
a:hover{    
    color:#811001;
}
a img {
    border: 0 none;    
}
/* structure */
#wrap, #boot {
    margin: 0 auto;
    width: 960px;
}
#fan {float: right;width: 250px;}
#boot ul {width: 600px}
#boot ul li {
    display:-moz-inline-box;
    display:inline-block;
    padding: 5px 20px 8px 0;}
#header {
    background: url(../i/featured_1.jpg) no-repeat 0 0;
    min-height: 200px;
    position: relative;
}
#pg-cbr600 #header {
    background-image: url(../i/featured_600.jpg);
    background-position: 300px 0;
}
#pg-cbr1000 #header {
    background-image: url(../i/featured_1000.jpg);
    background-position: 0 0;
}
#pg-accessories #header {
    background-image: url(../i/featured_acc.jpg);
    background-position: 0 0;
}
#footer {
     background: #111 url(../i/bgfoot.png) repeat-x 0 0;
     color: #ccc;
     font-size: 12px;
     margin-top: 30px;
     padding: 20px;
    
}
.copyright {
    margin-top: 20px;
    text-align: center;    
}

.contactme {
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 100px;
}
.contactme p {
    margin: 8px 0;
}
 p.vcontent {
    margin: 8px 0;
}
/* titles headings */
.title {
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 36px;
    font-weight: normal;
    height: 28px;
    text-transform: uppercase;
    text-indent: -999em;
}
#pg-cbr600 .title {
    background-image: url(../i/cbr600-title.png);    
}
#pg-cbr1000 .title {
    background-image: url(../i/cbr1000-title.png);    
}
#pg-contact .title {
    background-image: url(../i/contact-title.png);    
}

#pg-help .title {
    background-image: url(../i/help-title.png);    
}
#pg-accessories .title {
    background-image: url(../i/accesories-title.png);    
}
#pg-buzz .title {
    background-image: url(../i/buzz-title.png);    
}
.contactme h3 {
    text-indent: 40px;
}
.contactme h3, .contactme h3 a, .contactme h4 {
    color: #fff200;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}
.productwrap h3 {
     color: #111;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}
.contactme h4 {font-size: 18px;}
.contactme h3 a {
    background: url(../i/call-icon.png) no-repeat right top;
    padding-right: 40px;
}
.contactme h3 a:hover {
    text-decoration: underline;
}
#boot h3 {
    color: #fff200;
}
#boot ul li {
    margin: 5px 0;
    
}
#boot ul li a {
    color: #ccc;
}
#boot ul li a:hover {
    color: #fff;
}
#nl {
    left: 250px;
    position: absolute;
    top: 0;
}
#nl li {
    display: inline;
}
#nl li a { 
    color: #fff;
    display: block;
    float: left;
    font-size: 13px;
    opacity: .85;
    padding: 15px 5px; 
    text-align: center;
    text-decoration: none;
    width: 121px;
}
#nl li#nl5 a,#nl li#nl6 a  {
    width: 60px;
}
#nl li a:hover, #pg-cbr600 #nl1 a,
#pg-cbr1000 #nl2 a, #pg-accessories #nl3 a,
#pg-help #nl4 a, #pg-buzz #nl5 a,
#pg-contact #nl6 a {
    background: #a20934 url(../i/nav-img.png) no-repeat 0 0;
    /* font-weight: bold; */
    opacity: .85;
    padding-bottom: 70px;
    text-shadow: 0 1px 0 #520816;
}
#nl #nl1 a, #nl #nl2 a {
    width: 140px;
}
#nl li a:hover {
    opacity: .7;
    }
#nl #nl1 a:hover, #pg-cbr600 #nl1 a {
    background-position: 20px bottom;
}
#nl #nl2 a:hover, #pg-cbr1000 #nl2 a {
    background-position: -100px bottom;
}
#nl #nl3 a:hover, #pg-accessories #nl3 a {
    background-position: -245px bottom;
}
#nl #nl4 a:hover, #pg-help #nl4 a {
    background-position: -360px bottom;
}
#nl #nl5 a:hover, #pg-buzz #nl5 a {
    background-position: -480px bottom;
}
#nl #nl6 a:hover, #pg-contact #nl6 a {
    background-position: -540px bottom;
}

#content {
    background: #fff;
    -moz-box-shadow: 0px 1px 5px #000;
    -webkit-box-shadow: 0px 1px 5px #000;
    box-shadow:0px 1px 10px #000;
}
p {
    margin-bottom: 1.1em;
}
#main {
    float: right;
    font-size: 12px;
    line-height: 1.48;
    padding: 30px 20px;
    position: relative;
    width: 630px;
}
#pg-home #main {
    float: left;
    font-size: 14px;
    padding: 40px 30px;
    width: 610px;
}
.inpop {display: none;}
#sidebar {
    background: #333 url(../i/bg-carbon2.png) repeat 0 0;
    float: left;
    font-size: 12px;
    padding: 18px;
    width: 254px;
    
}
#sidebar address {
    color: #ccc;
    font-style: normal;
    line-height: 1.4;
    }
#pg-home #sidebar {
    font-size: 14px;
}
#sidebar a {
    color: #ccc;
}
#sidebar a:hover {
    color: #fff;
}
#pg-home #sidebar {
    float: right;
    height: 355px;
}
#pricingA, #pricingB {text-align: center;}
.list {
    list-style: disc;
    padding-left: 20px;
}	
.list li {
    margin: 5px 0;
    }
.productwrap .pics {

    float: left;
    width: 302px;
}  
.pics a {
    display: block;
    float: left;    
    margin: 5px 12px;
    text-align: center;
    }
.pics a:visited {
    border: 0 none!important;
}    
.pics a:hover img {
    border-color: #811001;
    padding: 0;
}    
.pics img {
    border: 1px solid #ccc8c8;
    display: block;    
        
    margin-bottom: 5px;  
}    
.simplelist {
    list-style: disc;
    margin: 15px 0;
    padding-left: 20px;
}
/* text styles */
h1, h2, h3 {
    margin: 0 0 18px;
}
.pdf {background: url(../i/acro.gif) no-repeat right 2px;
    padding: 0 20px 0 0 }
.head {
    background: url(../i/home-title.png) no-repeat 0 0;
    height:64px ;
    margin-bottom: 18px;
    text-indent: -1000em;
    width: 270px;
}
.inner {
    padding: 15px;
}
	
.inner h3 {margin: 0 0 1em;}
#sidebar h3 { color: #fff200;
    font-size: 16px;}
#main h2, #zoom_content h2 {
    color: #555;
    font-size: 18px;
    font-weight: normal;
}
#zoom_content h2 {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
}
.about7 {
    background: url(../i/7-day.png) no-repeat 0 0;
    display: block;
    margin: 10px auto;
    padding: 85px 0 0;
    text-align: center;
    width: 138px;
    }
#main .about7 {
    position: absolute;
    right: 20px;
    top: 0px;
}
#sidebar ul {
    color: #ccc;
    list-style: disc;
    margin: 18px 0;
    padding-left: 20px;
}
#sidebar ul li {
    margin: 7px 0;
}
.imgfl {
    float: left;
    margin: 5px 5px 5px 0;
}
.imgfr {
    float: right;
    margin: 5px 0 5px 5px;
}
.faq {
    margin: 20px 0;
}
.faq dt {
    font-size: 14px;
}
.faq dd {
    margin-bottom: 20px;
}
.tac {
    text-align: center;
}
.subdued {
    color: #777;
    font-size: 11px;
}
.productwrap{
    margin-bottom: 20px;
}
.product {
    float: left;
    width: 406px;
}
.standout {
    color: #197b30;
}
.smallproduct, .product2   {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
}
.add2cart .standout {
    display: block;
}
.add2cart {
    float: right;
    text-align: center;
    width: 200px;
}
.smallproduct .add2cart {
    text-align: left;
    width: 300px;
}
.add2cart b {
    display: block;
     font-size: 18px;
    font-weight: normal;
}
.add2cart i {
    display: block;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
}
.add2cart strong {
    display: block;
    font-size: 24px;
    font-weight: normal;
}
.add2cart .subdued {
    display: block;
    margin: 0 0 8px;
    text-align: center;
}
#pg-accessories .add2cart .subdued {
    display: inline;
    }
.add2cart .acc {
    margin: 15px 0;
}    
.smallproduct .add2cart strong {
    font-size: 16px;
}
.cart {
    padding: 10px;
    text-align: left;
}
.cart ol li {
    margin: 8px 0;
    
}
.cart select {
    width: 150px;
}
.cart .error {
    background: #fff799;
    color: #b20838;
    display: block;
}
.option {
margin-top: 16px;
}
/* tabs */
ul.tabNavigation {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tabNavigation li {
    display: inline-block;
    
}

ul.tabNavigation li a {  
    display: inline-block;
    margin-right: 12px; 
    margin-left: 6px;
    padding: 5px 8px;
    color: #b20838;
    text-decoration: none;
}
ul.tabNavigation li a:hover {

    text-decoration: underline;
}
ul.tabNavigation li a.selected {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #ccc #fff #ccc;
    margin-bottom: -1px;
    
}
ul.tabNavigation li a:focus {
    outline: 0;
}
#first {
}
.panel {
    
    padding: 20px 0;
}
.quo {
    background: url(../i/dquotes.png) no-repeat 0 0;
    border-bottom: 1px dotted #ccc;
    margin: 15px 0 14px;
    padding: 0 0 10px 90px;
}

.quo p {
    
    font: italic normal 14px/1.48 Georgia, serif;
    margin: 0 0 12px;
    
}
.quote p a {
    color: #fff;
    font: normal 13px "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-decoration: underline;
}
.quote {
    background: #666464;
    margin: 25px 0 14px;
    padding: 10px 20px;
    text-align: right;
}
.quote cite {
    color: #fff;
}
.quote p {
    color: #fff; 
    font: italic normal 16px/1.48 Georgia, serif;
    text-indent: -5px;
    text-align: left;
  
}
cite {
    color: #777;
    font-style: normal;
    font-weight: bold;
}
#sidebar .lists li {
    margin: 14px 0;
}
/* pika */

.pikachoose{width:410px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikame {padding-left:0;width:406px;margin:5px 0;overflow:hidden;}
.pikame li {float: left;border:1px solid #777;min-height: 50px ;padding:2px;background:#fff;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikame li div img {position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:406px;height:226px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #777;background:#fff;padding:2px; min-height: 221px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{    
    background:url(../i/black.png) repeat top left;
    color: #fff;
    display: block;
    position:absolute;
    text-align:center;
    bottom:3px;
    font-size: 16px;
    padding: 5px 0;
    left:3px;
    width: 400px;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../i/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../i/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{ display: none;padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:225px;width:100px;background:url('../i/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:225px;width:100px;background:url('../i/fastf.png') top right no-repeat;}