/* Connection Fitness Product Page */

/*reset main styles*/
#all{width:977px}
#main{width:100%}
h1{background:none; text-indent:0; width:auto; margin:0; height:auto}
#content{width:762px; background:none}
/*name*/
.productbox{position:relative; width:100%; height:365px; background:url(../img/product/product_box_bg.jpg) 0 0 no-repeat}
.productbox h1{font-size:14px; color:#fff; line-height:2.6; padding:0 0 0 24px}
.productbox .viewAll_cat{position:absolute; display:block; height:37px; top:0; right:38px; padding-left:45px; line-height:41px; background:url(../img/product/h1_bg.gif) 0 0 no-repeat; color:#21417f; text-decoration:none}
.productbox .viewAll_cat:hover{text-decoration:underline}
/*product shots*/
.productimgs{position:relative; float:right; width:433px; padding-top:13px}
.productimgs .mainImg{position:absolute; top:13px; left:99px; width:329px; height:296px; background:url(../img/product/mainImg_bg.gif) 0 0 no-repeat}
.productimgs .productimgmain{display:block; padding-top:20px; margin:0 auto}
.productimgs .mainImg .magnify{position:absolute;top:2px; left:3px}
.productimgs .mainImg .corner{position:absolute; top:0; right:2px; width:95px; height:47px; z-index:2; background-repeat:no-repeat; background-position:0 0}
.productimgs .mainImg .special{background-image:url(../img/product/special.gif)}
.productimgs .mainImg .clearance{background-image:url(../img/product/clearance.gif)}
/*thumbnails*/
ul.thumbs{position:absolute; top:16px; left:0; padding:0 0 0 25px; margin:0; list-style-type:none}
ul.thumbs li{padding:0; margin:0 0 5px 0; display:block; width:74px}
ul.video {left:0;
list-style-type:none;
margin:0;
padding:0 0 0 21px;
position:absolute;
top:234px;}
.video li a{background:url("../img/product/btn_video.jpg") no-repeat scroll 0 0 transparent;
display:block;
height:75px;
position:relative;
width:78px;}
.thumbs li a{display:block; position:relative; width:74px; height:68px; background:url(../img/product/thumb_bg.gif) 0 0 no-repeat}
.thumbs li a img{display:block;padding:5px 0 0 0; margin:0 auto}
.thumbs li a img.mg{position:absolute; top:-1px; left:0; z-index:2; margin:0; padding:0}
/*product details*/
.productmain{position:relative; float:right; width:329px; min-height: 305px;}
.productmain .comm_msg{font-size:12px; margin:16px 0 5px 12px; font-weight:bold; padding:0; color:#f4bd46; line-height:2}
ul.bullets{margin:0 0 13px 17px;padding:0; list-style:none; height:94px; overflow:hidden}
ul.bullets li{color:#fff; line-height:18px; list-style:none; background-image:url(../images/product/li_bg.gif); background-repeat:no-repeat; background-position:5px 6px; padding:0 10px 0 15px; margin:0}
.optionsOuter {position: absolute; bottom: 0; left: 17px;}
.prod_options{position:relative; padding-bottom: 50px; height:auto; width:279px; background:url(../img/product/options-bg-top.png) center 0 no-repeat; overflow: hidden; padding-top: 42px;}
.optionsbottom {height:9px; width:279px; background:url(../img/product/options-bg-bottom.png) center 0 no-repeat}
/*.prod_options{position:relative; height:153px; width:304px; background:url(../img/product/options_bg.gif) 0 0 no-repeat}*/
/*.prod_options.noOptions{background-image:url(../img/product/no_options_bg.png)}*/ /*was gif*/
.prod_options .option_block{height:auto; position:relative; width:178px;}
.prod_options .option{height:auto;padding:0 0 0 18px; margin-bottom: 5px;}
.prod_options select{width:138px; border:1px solid #a4a4a4; height:19px; font-size:11px; color:#313131}
.prod_options .quantity{position:relative; width:101px; height:auto; left: 5px; /*top: 44px;*/}
.prod_options label{/*position:absolute; top:43px;*/ left:0; line-height:20px; font-weight:bold; color:#fff; font-size:11px}
.prod_options .quantity input{padding:1px 2px; text-align:center; width:15px; /*position:absolute; top:43px;*/ right:25px}
.prod_options .bottomstuff {position: absolute; height: 50px; bottom: 0; width: 279px;}
.noOptions .quantity input, .noOptions label{top:68px}
.noOptions label{color:#fff}
.noOptions .option{display:none}
.optionsOuter .stockMsg {position: absolute; left: 20px; top: 7px; line-height: 15px; padding-left: 45px; height: 17px; background: url(../img/product/stock-indicators.png) no-repeat 0 0; z-index: 2; text-transform: uppercase; color: #21417f; font-weight: bold; font-size: 11px; font-family: arial;}
.optionsOuter .stockMsg.lowstock {background-position: 0 -17px;}
.optionsOuter .stockMsg.nostock {background-position: 0 -34px;}
.optionsOuter .stockMsg.discontinued {color: #bd0101; height: 20px; background-position: 0 -51px; line-height: 19px; top: 5px;}
.optionsOuter .stockMsg.preorder {background-position: 0 -34px;}
.optionsOuter .stockMsg.preorder span {color: #4ea140;}
/*prices*/
.small_prices{position:relative; width:103px; padding:4px 0 0 19px; height:50px; /*top: 44px;*/}
.small_prices div{font-size:11px; font-weight:bold; text-transform:uppercase}
.small_prices .wasprice, .small_prices .rrpprice{color:#c2cfe2;position: absolute; bottom: 37px;}
.small_prices .saveprice{color:#fff;position: absolute; bottom: 24px;}
.small_prices .price{color:#f4bd46;font-size:19px; line-height:15px; position: absolute; bottom: 0; height: 22px;}
.small_prices .price span{font-size:10px;font-weight:normal; text-transform:none}

.add_to_basket{display:block; position:absolute; right: 16px; bottom: 0; cursor:pointer; /*top:100px;*/ width:150px; height:35px; background:url(../img/product/addBasket.gif) 0 0 no-repeat; overflow:hidden; text-indent:-9000px;}
.add_to_basket:focus{border:none}
.pre_order{display:block; position:absolute; right: 16px; bottom: 0; cursor:pointer; /*top:100px;*/ width:150px; height:35px; background:url(../img/product/preOrder.png) 0 0 no-repeat; overflow:hidden; text-indent:-9000px;}
.pre_order:focus{border:none}

/*comfort tones*/
#comfortControls{background:url(../img/product/comfortControls_bg.gif) 0 0 no-repeat; height:152px}
.comfortTones_prod{position:relative; width:100%; height:120px}
.comfortTones_prod ul{margin:0; padding:0 0 0 6px; width:99%; position:relative; list-style-type:none}
.comfortTones_prod ul:after{content:"."; display:block; visibility:hidden; clear:both; height:1px}
.comfortTones_prod ul li{display:block; float:left; padding:19px 2px 0 0; margin:0; text-align:right}
.comfortTones_prod .comfort img{display:inline}
.comfortTones_prod ul li.bestPrice{width:157px}
.comfortTones_prod ul li.returns{width:186px}
.comfortTones_prod ul li.delivery{width:211px}
.comfortTones_prod ul li.liveHelp{width:169px}

/*page tabs*/
.prod_tabs ul.tabs{position:relative; top:1px; height:31px; padding:0 0 0 38px; margin:0; list-style-type:none}
.prod_tabs .tabs li{display:block; position:relative; z-index:1; height:31px; float:left; margin-left:-15px;display:inline}
.prod_tabs .tabs li a{display:block;position:relative;height:31px; z-index:2; text-decoration:none; padding-right:37px}
.prod_tabs .tabs li a span, .prod_tabs .tabs li a strong{display:block; height:31px;background:url(../img/product/tab_body.png) 0 bottom no-repeat}
.prod_tabs .tabs li a strong{font-size:13px; padding-left:16px; text-align:center; cursor:pointer; line-height:30px; color:#fff}
.prod_tabs .tabs li a span{width:37px;position:absolute;right:0;top:0;cursor:pointer;background:url(../img/product/tab_end.png) 0 bottom no-repeat}
.prod_tabs .tabs li a:hover, .prod_tabs .tabs li.on{z-index:50}
.prod_tabs .tabs li a:hover strong, .prod_tabs .tabs li.on a strong{z-index:50; color:#f4a917; background-position:0 0}
.prod_tabs .tabs li a:hover span, .prod_tabs .tabs li.on a span{z-index:50; background-position:0 0}
.prod_tabs .tabs strong img{left:75px;position:absolute;top:9px;z-index:3}
.prod_tabs .tabs li a:focus{border:none}
.prod_tabs .tab_rev strong{padding-right:20px}
.prod_tabs .tab_links{margin-top:10px;padding-right:22px;}
.prod_tabs .tab_links .addthis_button{margin-left:45px;}
.prod_tabs .tab_links .addthis_toolbox addthis_default_style{margin-left:45px;}
/*description/spec*/

#productContent, .relatedProductsBox{background:url(../img/product/p_content_bg.gif) 0 0 repeat-y}
.prod_descbox, .prod_reviewbox{margin:0 auto; width:724px; background:url(../img/product/prod_desc_bg.gif) 0 0 repeat-y}
.prod_descbox .container{position:relative;top:-5px;padding:15px; background:url(../img/product/top_right_corner.gif) right 0 no-repeat}
/*sorry to use negative top, was the easiest way...*/
.prod_descboxbottom, .prod_reviewbot, .prod_noreviewbot{background:url(../img/product/prod_desc_bottom.gif) 0 0 no-repeat; margin:0 auto 12px auto; width:724px; height:10px}

.prod_ableboxbottom{background-image:url(../images/product/prod_able_boxbottom.gif); background-repeat:no-repeat; margin:0 1px; width:581px; height:25px}

/*reviews*/
.prod_reviewbox, .prod_reviewbox .container, .prod_reviewbot, .prod_noreviewbot{position:relative;width:724px;background:url(../img/product/prod_review_bg.gif) 0 0 no-repeat}
.prod_reviewbox{background-position:-724px 0; background-repeat:repeat-y}
.prod_reviewbot{background-position:-1448px 0}
.prod_reviewbox .container h2{color:#28437a;line-height:15px;width:675px;margin:0 auto;padding:15px 0 0 0;text-indent:0}
.prod_reviewbox a.writereview{position:absolute; top:15px; right:24px; width:100px}
.prod_reviewbot{height:26px}
.prod_reviewbot a{position:absolute; top:1px; right:24px; width:80px}
.prod_noreviewbot{height:26px;background-position:right 0}
.prod_reviewbox p{margin:0 15px 20px 15px; color:#000}

.revdots{background:url(../images/product/dots.gif) 0 0 repeat-x; height:1px; margin:0 25px; padding:0; font-size:0; line-height:0}
a.arrowso{display:block; background-position:right 6px; background-image:url(../images/arroworange_transbg.gif); background-repeat:no-repeat; height:19px; line-height:19px; font-size:11px; font-weight:bold; color:#233c76; text-decoration:none}
a:hover.arrowso{text-decoration:underline}
a.arrowsb{display:block; background-position:right 6px; background-image:url(../images/arrowblue_transbg.gif); background-repeat:no-repeat; height:19px; line-height:19px; font-size:11px; font-weight:bold; color:#233c76; text-decoration:none}
a:hover.arrowsb{text-decoration:underline}

/*related items*/
.productboxbot, .prodboxtop{height:8px;width:100%;margin:0 auto;background:url(../img/product/prod_box_btm.gif) 0 0 no-repeat}
.prodboxtop{background-image:url(../img/product/prod_box_top.gif)}
.relatedHeading{width:760px; margin:26px auto 8px auto; text-indent:14px; line-height:2; background:url(../img/product/title_wide_bg.gif) 0 0 no-repeat; color:#fff; font-size:11px}
.relatedProductsBox{padding:11px 0 23px 64px}
.relatedProductsBox .featuredbox{margin-right:38px}

/***** OLD Product Page - not rewritten, still used ****/
ul.specs{margin:0 10px 0 5px;padding:0; list-style:none; width:200px}
ul.specs li{color:#2e2e2e; line-height:18px; list-style:none; font-weight:normal; background:url(../images/product/li_bg.gif) 5px 6px no-repeat; padding:0 10px 0 200px; margin:0; position:relative; width:300px}
ul.specs li span{font-weight:bold; position:absolute; top:0; left:15px}
ul.specs_value{margin:0;padding:0; list-style:none; width:290px}
ul.specs_value li{color:#2e2e2e; line-height:18px; list-style:none; font-weight:normal; padding:0; margin:0; width:290px}
.prod_optionsbottom{position:relative; width:313px; height:27px; background:url(../images/product/prod_optionsbottom.gif) 0 0 no-repeat}
.prod_optionsbottom input{position:absolute; top:0; left:78px; border:1px solid #bbc4d0; width:21px; height:14px; font-size:12px; text-align:center; margin:3px 0 2px 0; padding:0; display:block}
.prod_optionsbottom label{position:absolute; top:3px; left:20px; width:50px; color:#fff; line-height:15px; font-weight:bold; margin:0}
.prod_optionsbottom a,.prod_optionsbottom a:link,.prod_optionsbottom a:active,.prod_optionsbottom a:visited,.prod_optionsbottom a:hover{position:absolute; top:1px; left:195px; width:90px}
.prod_freedelivery{position:absolute; z-index:2; top:6px; left:239px; background-image:url(../images/product/freedelivery.gif); width:54px; height:55px}
.prod_links a{background:url(../images/leftnav/stripes.gif) 0 0 no-repeat; width:120px; height:18px; line-height:17px; float:right; text-decoration:none; text-indent:17px; color:#fff}
.prod_links a:hover{text-decoration:underline}
.supersize{background:url(../images/leftnav/stripes.gif) 0 0 no-repeat; width:75px; height:18px; line-height:17px; text-decoration:none; text-indent:17px; color:#fff; position:absolute; top:4px; left:166px}
.supersize:hover{text-decoration:underline}
.videomain{
display:block;
margin:0 auto;
padding-left:10px;
padding-top:10px;}