﻿.foo { }
/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/
#tabs-1 hr { border: none; height: 1px;background:#ccc; }
#tabs-4 #promote { font-size: 13px; color: #C7202B; margin: 0px; border-bottom: dashed 1px #ddd; padding-bottom: 5px; }
#tabs-4 #promote img { vertical-align: middle; }
#tabs-4 ul li { background: transparent url(images/bullet-list.gif) no-repeat scroll 0px 7px; padding-left: 10px; line-height: 20px; font-size: 13px; }
#tabs-4 #sizechartblock { width: 80%; margin: 10px 0; }
#tabs-4 #notice li { font-style: italic; font-size: 10px; color: #555; }
.attributeTitle { font-weight: bold; display: block; width: 300px; margin: 5px 0; font-size: 13px; }
.attributeTitle .property { font-weight: normal; color: #BC3A56; margin-left: 5px; }
.attributeTitle .property img { vertical-align: middle; margin-right: 5px; }

#headerTab li { float: left; background-color: #efefef; line-height: 24px; border: solid 1px #ccc; border-bottom: none; margin-right: 10px; padding: 0 5px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#headerTab li.selected { background-color: #555; color: White; border: solid 1px #ccc; }
#measurebody { border: solid 1px #ccc; padding-top: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#measurebody #msgtext { width: 60%; margin: 200px auto; }
#measurebody dl { clear: both; }
#measurebody dt { float: left; text-align: right; width: 150px; line-height: 22px; margin: 0 10px 8px 0; }
#measurebody dt span { color: Red; font-weight: bold; }
#measurebody dd { float: left; width: 400px; line-height: 24px; margin: 0 0 8px 0; text-align: left; }
#measurebody dd .message { color: Red; font-weight: bold; }
#measurebody dd .message img { vertical-align: middle; margin-right: 5px; }
#measurebody dd input { border-right: #dfe5e7 1px solid; border-top: #a8bac2 1px solid; border-left: #a8bac2 1px solid; border-bottom: #dfe5e7 1px solid; background: url(Images/bgTextBox.gif) white repeat-x left top; color: #11354A; font-size: 12px; width: 150px; padding-top: 3px; height: 20px; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: middle; }
#measurebody dd input:focus { background-color: #FFFFCC; background-image: none; border: 1px solid #CCCC88; }
#measurebody dd span.message { margin-left: 5px; font-size: 10px; color: #E97400; }
#measurebody dd.unit input { width: 20px; vertical-align: middle; }
#howtomeasure { border: solid 1px #ccc; padding-top: 5px; text-align: left; }
#howtomeasure img { float: left; width: 185px; height: 470px; }
#howtomeasure #measuretip { float: right; width: 400px; }
#howtomeasure #measuretip ul li span { color: #E97400; display: block; text-decoration: underline; }
#howtomeasure #measuretip .tip { margin-top: 5px; font-style: italic; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HOME PAGE PRODUCTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.HomePageProductGrid { margin-left: auto; margin-right: auto; width: 450px; }

.HomePageProductGrid .ItemBox { padding-bottom: 10px; text-align: center; vertical-align: top; }

.HomePageProductGrid .ProductItem { text-align: center; margin: 10px 10px 10px 10px; border: solid 1px rgb(232, 230, 210); width: 200px; height: 200px; }

.HomePageProductGrid .ProductItem .title { margin-bottom: 5px; margin-top: 5px; text-align: center; font-weight: bold; }

.HomePageProductGrid .ProductItem .picture { text-align: center; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY ADDED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.RecentlyAddedProducts { margin-bottom: 15px; padding: 0px; }
.RecentlyAddedProducts .titlerss { padding: 1px 12px 1px 0px; text-align: right; }
.RecentlyAddedProducts .title { padding: 5px 5px 5px 0px; text-align: left; }
.RecentlyAddedProducts .ProductGrid { }
.rafornewarr .ProductGrid { margin: 0 auto; width: 80%; }
.RecentlyAddedProducts .ProductGrid table { margin-left: 10px; width: 755px; }
.rafornewarr .ProductGrid table { margin: 0px; }

.RecentlyAddedProducts .ProductPager { height: 40px; }
.RecentlyAddedProducts .ProductPager ul { margin: 0 auto; padding: 0px; overflow: auto; width: 360px; }

.RecentlyAddedProducts .FeaturedProduct table { margin-top: 10px; }
#topSellerGrid { margin-top: 20px; }

.RecentlyAddedProducts .filter { margin: 0 auto; width: 760px; }
.RecentlyAddedProducts .tb-filter { margin: 0px; }
.RecentlyAddedProducts .pricefilter h3 { font-size: 13px; color: #3C3C3C; font-weight: normal; }
.RecentlyAddedProducts .pricefilter li { float: left; margin-right: 5px; }

/*  -- product box 3 --  */
.ProductGrid .ItemBox { padding-bottom: 10px; vertical-align: top; }
.ProductGrid .ProductItem { margin: 3px; width: 175px; }
.ProductGrid .ProductItem .title { font-weight: bold; padding: 0 0 0 10px; text-transform: none; font-size: 1em; }
.ProductGrid .ProductItem .title a { display: block; height: 2em; line-height: 1.3em; overflow: hidden hidden; padding: 4px 10px 8px 0px; }
.ProductGrid .ProductItem .picture { margin-top: 10px; height: 130px; }
.ProductGrid .ProductItem .picture a { height: 125px; width: 125px; display: block; }
.ProductGrid .ProductItem .description { text-align: left; padding: 3px 5px; }
.ProductGrid .ProductItem .description a { color: #555; }
.ProductGrid .ProductItem .description a:hover { color: #BC3A56; }
.ProductGrid .ProductItem .addInfo { width: 170px; text-align: left; padding-left: 5px; }
.ProductGrid .ProductItem .addInfo .buttons { vertical-align: middle; text-align: left; }
.ProductGrid .ProductItem .addInfo .prices ul { margin: 0px; padding: 0px; }
.ProductGrid .ProductItem .addInfo .prices ul li { height: 20px; line-height: 20px; }
.ProductGrid .ProductItem .addInfo .prices ul li label { margin-right: 10px; }
.ProductGrid .ProductItem .addInfo .prices ul li.button { line-height: 30px; }
.ProductGrid .ProductItem .addInfo .prices .productPrice { color: #BC3A56; font-weight: bold; font-size: 13px; }
.ProductGrid .ProductItem .addInfo .prices .oldproductPrice { text-decoration: line-through; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY VIEWED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RecentlyViewedProducts { margin-bottom: 15px; padding: 0px; }

.RecentlyViewedProducts .title { padding: 10px 10px 10px 0px; font-weight: bold; text-transform: uppercase; clear: both; }

.RecentlyViewedProducts .ProductGrid { margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 550px; text-align: center; }

.RecentlyViewedProducts .ProductGrid .ItemBox { padding-bottom: 10px; text-align: center; }

.RecentlyViewedProducts .ProductGrid .ProductItem { text-align: center; margin: 10px 10px 10px 10px; width: 250px; border: 1px solid rgb(232, 230, 210); }

.RecentlyViewedProducts .ProductGrid .ProductItem .title { font-weight: bold; padding: 0 0 0 10px; text-transform: none; font-size: 1em; }

.RecentlyViewedProducts .ProductGrid .ProductItem .title a { display: block; height: 2em; line-height: 1.3em; overflow: hidden hidden; padding: 4px 10px 8px 0px; }

.RecentlyViewedProducts .ProductGrid .ProductItem .picture { text-align: center; margin-top: 10px; }

.RecentlyViewedProducts .ProductGrid .ProductItem .description { margin: 5px 5px 0 5px; text-align: center; padding: 10px 5px 10px 5px; border-top: solid 1px rgb(232, 230, 210); color: #555; height: 50px; }

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo { vertical-align: bottom; text-align: right; width: 250px; height: 85px; position: relative; background: rgb(247, 245, 232); }

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .prices { text-align: right; vertical-align: middle; position: absolute; bottom: 15px; right: 10px; }

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .buttons { vertical-align: middle; position: absolute; bottom: 15px; left: 10px; text-align: left; }

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .prices .productPrice { color: green; }

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .prices .oldproductPrice { color: Red; text-decoration: line-through; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT DETAILS PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ProductDetailsPage { }
.ProductCollateral { margin-top: 10px; margin-bottom: 10px; clear: both; }

.descblock * { font-size: 12px; line-height: 20px; }

.sizing li a { color: #E97400; font-weight: bold; }
.sizing li span { display: block; font-weight: bold; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT DETAILS INFO - PRODUCT INFO CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductDetailsPage .space { background-image: url(images/bar/topbg.gif); background-repeat: repeat-x; display: block; width: 938px; height: 22px; border-left: solid 1px #CCECFF; border-right: solid 1px #CCECFF; }

h1.standardheader { line-height: 30px; padding-left: 10px; position: relative; height: 30px; background-image: url(images/bar/ti_c.gif); background-repeat: repeat-x; font-size: 11px; color: #495055; text-shadow: 1px 1px #FFFFFF; }
h1.standardheader .left { position: absolute; left: 0px; top: 0px; }
h1.standardheader .right { position: absolute; right: 0px; top: 0px; }
h1.standardheader .sku { position: absolute; right: 10px; top: 0px; font-weight: bold; }

.ProductDetailsInfo { border: 1px solid #CCECFF; border-top: none; margin-bottom: 10px; position: relative; height: auto !important; height: 420px; min-height: 420px; padding-bottom: 10px; }
.ProductDetailsInfo .picture-thumbs { margin: 8px 0px; }

.ProductDetailsInfo fieldset { border: solid 1px #ddd; margin-bottom: 10px; width: 60%; }
.ProductDetailsInfo .picture { float: left; width: 300px; margin: 10px; text-align: center; }
.ProductDetailsInfo .picture .main { height: 300px; width: 300px; display: block; outline: none; }
.ProductDetailsInfo .picbar { float: left; }

.piclist { width: 300px; text-align: center; }
.piclist p { padding: 0px; margin: 0px; margin: 3px 0; border-bottom: solid 1px #eee; }
.piclist .imageslip_clicked { border: solid 2px Maroon; }
.piclist li { border: solid 2px #efefef; float: left; width: 75px; margin-right: 5px; height: 72px; }
.piclist li a { width: 76px; display: block; outline: none; height: 70px; display: table-cell; vertical-align: middle; cursor: pointer; }

.ProductDetailsInfo .overview { float: right; width: 590px; position: relative; }
*html .ProductDetailsInfo .overview { width: 550px; }
.ProductDetailsInfo .overview p { margin: 0px; padding: 0px; }

.shipinfo { line-height: 20px; }
.shipinfo div{ margin-left:10px;}
.shipinfo div a{ text-decoration:underline;  color:Green; font-weight:bold;}
.shipinfo div a:hover{color:#E97400;}

#salesStatics{display:none;}
#saledetail{ text-align:left; height:470px; padding:10px;}
#saledetail h2{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #ccc; font-size:13px;}
#saledetail h2 span{ display:inline-block; margin:0 5px; font-weight:bold; color:#E97400}
#saledetail #sales{margin:20px auto; vertical-align:top; width:200px;}

.ProductDetailsInfo .overview .lprice span { text-decoration: line-through; margin-left: 5px; }
.ProductDetailsInfo .overview .vprice { color: #BC3A56; padding: 0px; margin: 0px; }
.ProductDetailsInfo .overview .vprice span { font-size: 16px; font-weight: bold; }
.ProductDetailsInfo .overview .vprice a{ margin-left:10px; font-size:11px; color:#535353;text-decoration:underline;}
.ProductDetailsInfo .overview .vprice a:hover{color:#BC3A56}
.ProductDetailsInfo .overview .shipinfo img { vertical-align: middle; margin-top: -1px; margin-left: 3px; }

.ProductDetailsInfo .overview h4 { padding: 5px 0; font-weight: normal; color: #BC3A56; font-size: 12px; font-weight:bold; }
.ProductDetailsInfo .overview .community { line-height: 30px; }
.toolblockspit{height:1px; border-bottom:dashed 1px #ccc; margin-bottom:1px;}
.ProductDetailsInfo .overview #toolblock { position: absolute; top: 36px; right: 10px; width: 250px; }
*html .ProductDetailsInfo .overview #toolblock, * + html .ProductDetailsInfo .overview #toolblock { right: 15px; }
#toolblock .review { line-height: 24px; font-weight: bold; }
#toolblock .review a { margin-left: 3px; }
#toolblock #desc { padding: 5px; border: solid 1px #ddd; margin: 5px 0; color: #555; }
#toolblock h4 { color: #555; padding: 0px; margin: 5px 0; font-size: 11px; font-weight: bold; }
#toolblock #ruler img { vertical-align: middle; }
#toolblock .faq { margin: 10px 0; }
#toolblock .faq a { color: #E97400; font-weight: bold; }

#propertyblock { border: solid 1px #ccc; margin: 5px 0; width: 300px; height: auto !important; min-height: 200px;padding:0 0 5px 6px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; }

#toolblock .options { line-height: 20px; color: #333; font-weight: bold; }

.drophover { border: solid 1px #FFBB00; border-bottom: solid 1px #fff; }

.buyoptions { margin-bottom: 10px; }

.col-3 { margin: 0px; list-style: none; float: left; padding: 0px; }
.col-3 .gray-left { float: left; width: 10px; background-image: url(images/bar/BAR_L.gif); background-repeat: no-repeat; height: 28px; line-height: 28px; }
.col-3 .gray-mid { float: left; width: 920px; background-color: rgb(240, 240, 240); height: 28px; line-height: 28px; color: #333333; position: relative; }
.col-3 .gray-mid a { color: green; text-decoration: underline; position: absolute; right: 0px; top: 8px; height: 12px; line-height: 12px; }
.col-3 .gray-mid a:hover { color: #F47B20; }
.col-3 .gray-right { float: right; width: 10px; background-image: url(images/bar/BAR_R.gif); background-repeat: no-repeat; height: 28px; line-height: 28px; }
.col-3 .head-left { float: left; width: 4px; background-image: url(images/bar/ti_l1.gif); background-repeat: no-repeat; height: 31px; }
.col-3 .head-bg { float: left; background-image: url(images/bar/ti_c1.gif); background-repeat: repeat-x; height: 30px; line-height: 30px; color: White; font-weight: bold; }
.col-3 #col1 { width: 156px; font-weight: normal; text-indent: 10px; }
.col-3 #col2 { width: 200px; text-indent: 10px; font-weight: normal; }
.col-3 #col3 { width: 576px; text-indent: 10px; font-weight: normal; }
.col-3 #col4 { width: 920px; }
.col-3 .head-right { float: right; width: 4px; background-image: url(images/bar/ti_r1.gif); background-repeat: no-repeat; height: 31px; }
.col-con { border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; width: 937px; background-color: #F3F8FD; }
.col-fil { height: 170px; width: 928px; padding-left: 10px; }
.col-fil .subitem { border: 1px solid #C7D4DB; float: left; height: 150px; margin-left: 8px; margin-right: 5px; margin-top: 10px; overflow-x: hidden; overflow-y: auto; padding-left: 10px; width: 158px; }
.col-fil .subhead { font-weight: bold; font-size: 13px; height: 26px; line-height: 26px; background: transparent url(http://www.zappos.com/imgs/checkbox.20090721183305.gif) no-repeat scroll left center; padding-left: 18px; }


.col-con div { padding-left: 10px; }
.col-con .content-left { float: left; width: 149px; padding-top: 10px; }
.col-con .content-left span { font-weight: bold; line-height: 32px; font-size: 10px; color: #333; }

.col-con .content-mid { float: left; width: 195px; border: solid 1px #E7E7E7; border-style: none solid none solid; padding-left: 5px; padding-top: 10px; }
.col-con .content-mid div { padding: 0px; }
.col-con .content-mid li { height: 26px; line-height: 26px; }
.col-con .content-mid span.left { display: block; float: left; width: 60px; padding-top: 3px; }
.col-con .content-mid li span { line-height: 20px; }
.col-con .content-mid li span.oldProductPrice { text-decoration: line-through; }
.col-con .content-mid li span.productPrice { color: #D10000; font-size: 15px; font-weight: bold; }
.col-con .content-right { float: left; width: 575px; padding-left: 0px; }
.col-con .content-right .textoption { padding: 0px; }
.col-con .content-right .col-left { float: left; width: 430px; padding: 5px 0; }
.col-con .content-right .col-left select { margin: 5px 0px; }
.col-con .content-right .col-left input { margin: 1px 2px 0 0; }

.col-con .content-right .col-left table tr td { height: 24px; line-height: 24px; font-size: 11px; color: #333; }
.col-con .content-right .col-right { float: left; width: 140px; padding: 10px 0; }
.col-con .content-right .col-right li { padding: 5px 0px; }
.col-con .content-right .col-right li p { padding: 0px; margin: 0px; }
.col-con .content-right .col-right li.errormsg fieldset { width: 120px; color: Red; }
.col-con .content-right .col-right li.errormsg fieldset legend { color: #aaa; }
.col-con .content-right .col-right li.errormsg ul { list-style-type: disc; list-style-position: inside; margin: 0px; padding: 0px; }
.col-con .content-right .col-right li.errormsg ul li { margin: 0px; padding: 0px; }

.col-bom { height: 7px; float: left; width: 938px; }
.col-bom li { height: 7px; }
.col-bom .left { background-image: url(images/bar/bom-left.gif); background-repeat: no-repeat; float: left; width: 10px; }
.col-bom .mid { background-image: url(images/bar/bombg.gif); background-repeat: repeat-x; height: 7px; line-height: 7px; float: left; width: 918px; }
.col-bom .right { background-image: url(images/bar/bom-right.gif); background-repeat: no-repeat; float: right; width: 10px; }

.col-3 .ctl1 { width: 4px; float: left; background-image: url(images/bar/ti_l1.gif); background-repeat: no-repeat; height: 28px; }
.col-3 .ctl2 { float: left; width: 933px; background-image: url(images/bar/ti_c1.gif); height: 28px; background-repeat: repeat-x; color: White; line-height: 28px; text-indent: 10px; }
.col-3 .ctl3 { float: right; width: 3PX; background-image: url(images/bar/ti_r1.gif); background-repeat: no-repeat; height: 28px; }
.col-4 { margin: 0px; padding: 15px 10px 15px 10px; float: left; }
.col-4 li { float: left; width: 230px; height: 24px; line-height: 24px; }
.col-4 li a { color: #003399; margin-left: 6px; text-decoration: underline; height: 20px; line-height: 20px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RELATED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.itemlist { padding: 0 5px; clear: both; font-size: 11px; margin: 0; }
.itemlist li { width: 179px; margin: 0px; padding: 0px; float: left; overflow: hidden; margin-top: 5px; }
.itemlist .img { height: 130px; }
.itemlist .img a { display: block; outline: none; border: solid 1px #fff; width: 125px; height: 125px; }
.itemlist .img a img { vertical-align: middle; }
.itemlist .img a:hover { border: solid 1px #eee; }
.itemlist .title { margin-bottom: 5px; padding: 0px; }
.itemlist .price { margin-bottom: 3px; color: #E97400; font-weight: bold; }
.itemlist .review a:hover, .itemlist .title a:hover, .itemlist .price a { color: #A72D2C; }
.itemlist .price a span { font-weight: bold; font-size: 12px; background-image: url(images/car_price.gif); background-position: right; background-repeat: no-repeat; padding-right: 15px; }
.itemlist .activity p { margin: 2px 0px; }

.ProductDetailsInfo .overview .productname { color: #4D4E4F; font-size: 12px; margin-bottom: 10px; }
.fulldescription { clear: both; color: #555; padding: 5px; line-height: 20px; }
.fulldescription a { color: #A72D2C; }
.fulldescription * { font-size: 12px; }

#relatedProduct li { width: 185px; }
#relatedProduct .title { width: 176px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT RATING

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductRatingBox { margin: 3px 0px; }
.ProductRatingBox span { margin-left: 3px; }
.ProductRatingBox p { margin: 0px; padding: 0px; line-height: 24px; color: #333; font-weight: bold; }
.ProductRatingBox .result { font-size: 10px; color: Green; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT VARIANT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductVariantList { margin-bottom: 15px; padding: 0px; }

.ProductVariantLine { margin-bottom: 20px; padding-bottom: 20px; margin-top: 10px; border-bottom: dashed 1px #C4C6C8; }

.ProductVariantLine .picture { float: left; width: 300px; margin-bottom: 15px; }

.ProductVariantLine .overview { float: right; width: 200px; margin-right: 25px; }

.ProductVariantLine .overview .productname { color: #3664A5; font-size: 1.2em; margin-bottom: 0.3em; }

.ProductVariantLine .description { clear: both; color: #555; margin-bottom: 0.3em; }

.ProductVariantLine .price { float: left; margin-right: 10px; }

.ProductVariantLine .price .productPrice { color: green; }

.ProductVariantLine .price .oldProductPrice { color: red; text-decoration: line-through; }

.ProductVariantLine .addinfo { padding: 10px 10px 10px 10px; background: rgb(247, 245, 232); }

.ProductVariantLine .attributes { }

.ProductVariantLine .error { color: Red; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT REVIEWS LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.productReviewBox { margin-bottom: 10px; padding: 10px 5px; }
.productReviewBox .reviewblock { border-top: solid 1px #ddd; margin: 10px 0; padding: 10px 0; }
.productReviewBox .reviewblock li.title { font-size: 13px; font-weight: bold; position: relative; margin-bottom: 20px; }
.productReviewBox .reviewblock li.title span { position: absolute; right: 5px; font-size: 12px; }
.productReviewBox .reviewblock li .rating { float: right; display: block; width: 90%; margin-top: 3px; }
.productReviewBox .reviewblock li.content { margin: 15px 0; }

#reviewHeader { position: relative; }
#reviewHeader #chart { position: absolute; right: 15px; top: 10px; }
*html #reviewHeader #chart { right: 230px !important; width: 186px !important; top: 6px !important; }
* + html #reviewHeader #chart { width: 186px; }
#reviewHeader #chart ul { float: left; margin-right: 3px; }
#reviewHeader #chart ul li { text-shadow: 1px 1px #FFFFFF; }
#reviewHeader #chart img { float: right; }
#reviewHeader #left { float: left; width: 150px; padding: 20px 0 0 20px; }
#reviewHeader #right { float: right; width: 530px; }
#reviewHeader #right ul { background-image: url(images/reviewbg.gif); background-repeat: no-repeat; height: 103px; padding: 5px 10px; }
#reviewHeader #right #msg { line-height: 24px; }
#reviewHeader #right p { margin: 0px; padding: 0px; }
#reviewHeader #right p a { color: #EB7400; font-weight: bold; }

.productReviewList { margin: 10px 0 0 0; font-size: 11px; color: #555; }

.productReviewList .productReviewItem { border: 1px solid rgb(232, 230, 210); margin-top: 10px; padding: 10px; clear: both; }

.productReviewList .productReviewItem .title { font-weight: bold; float: left; margin-bottom: 5px; }

.productReviewList .productReviewItem .rating { float: right; }

.productReviewHelpfulness { color: #333; }

.productReviewHelpfulness a, .productReviewHelfulness a:hover { color: #3664A5; text-decoration: none; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT SPEC

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.productSpecBox { padding: 5px 5px 5px 5px; clear: both; color: #555; }
.productSpecBox table { width: 100%; }
.productSpecBox table th { font-weight: bold; border-bottom: solid 1px #E7E7E7; line-height: 24px; text-indent: 10px; color: #0060BF; background-color: #EFF4FA; }
.productSpecBox table td { text-align: left; border-bottom: solid 1px #E7E7E7; line-height: 24px; text-indent: 10px; color: #333; font-weight: bold; font-size: 10px; }
.productSpecBox table td.first { width: 25%; border-right: solid 1px #E7E7E7; }
.productSpecBox table td a { color: #EA5200; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SLIM BOX (PRODUCT IMAGES)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SLIM BOX (PRODUCT IMAGES) 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.compareProducts { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; }

.compareProducts .title { padding: 10px 10px 5px 0px; font-weight: bold; text-transform: uppercase; clear: both; }

.compareProducts .body { margin: 0; padding: 0; font-size: 11px; color: #555; background-color: inherit; }

.compareProductsTable { }

.compareProductsTable .removeButton { float: right; margin-right: 5px; margin-top: 5px; }

.compareProductsTable tr.productName { background-color: #CCCCCC; font-weight: bold; }

.compareProductsTable td { border-width: 1px; border-color: #BFBFBF; border-style: solid; padding: 3px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRICE RANGE FILTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PriceRangeFilter { }

.PriceRangeFilter .title { color: #555; font-weight: bold; background: url(        'images/ico-arrow-r.gif' ) no-repeat; padding: 1px 0px 5px 20px; }

.PriceRangeFilter ul { margin: 0; padding-left: 20px; }

.PriceRangeFilter li { list-style: none; padding-bottom: 2px; }

.PriceRangeFilter .SelectedPriceRange { padding-left: 20px; }

.PriceRangeFilter .RemovePriceRangeFilter { font-weight: bold; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TIER PRICES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.TierPrices { margin-bottom: 10px; }

.TierPrices .prices-header { color: green; margin: 10px 0px; }

.TierPrices .prices table { width: 100%; border-collapse: collapse; text-align: center; vertical-align: middle; }

.TierPrices .prices .prices-table { border-collapse: collapse; margin: 0 auto; width: 96%; border: solid 1px #ccc; }
.TierPrices .prices .prices-table td { padding: 0; line-height: 24px; }

.TierPrices .prices .item-table td { border-bottom: solid 1px #d7d7d7; padding-top: 3px; padding-bottom: 3px; font-weight: bold; }

.TierPrices .prices .item-table .item-price { color: Green; }

.TierPrices .prices .header-table td { border-bottom: solid 1px #d7d7d7; padding-top: 3px; padding-bottom: 3px; font-weight: bold; }

.TierPrices .prices .prices-table .field-header { font-weight: bold; text-align: center; }



/*ADDTHIS BUTTON*/
.addthis_toolbox .hover_effect { width: 284px; padding: 10px 0 6px 10px; border: 3px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.addthis_toolbox .hover_effect div { float: left; }

.addthis_toolbox .hover_effect a { border: 2px solid #fff; padding: 2px 2px 2px 16px; position: relative; text-decoration: none; }

.addthis_toolbox .hover_effect a:hover { border: 2px solid #105CB6; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #B4D3F8; color: #105CB6; text-decoration: none; }

.addthis_toolbox .hover_effect span { position: absolute; width: 16px; height: 16px; top: 2px; left: 1px; }
.con_r { float: right; padding-left: 10px; width: 250px; }
.bg1 { background: url(images/i9.gif) no-repeat scroll right top transparent; padding-top: 32px; position: relative; }
.w248 { border-color: #ACCFED; border-right: 1px solid #ACCFED; border-style: none solid solid; border-width: 0 1px 1px; float: left; width: 248px; }
.box4 { float: left; line-height: 21px; padding: 3px 10px 5px; width: 228px; }
.box4 a { display: block; line-height: 20px; background-image: url(images/bullet-list.gif); background-repeat: no-repeat; background-position: 0 8px; text-indent: 8px; }


#topsellerbar { border-bottom: dashed 1px #aaa; padding-bottom: 10px; }
#topSellerGrid .ProductGrid { margin: 0 auto; width: 760px; }
.writeProductReviewBox { width: 500px; margin: 20px auto; }


.flash { float: right; width: 580px; border-bottom: 1px solid #e2e2e2; }
#fbox { border: 1px solid #e2e2e2; width: 578px; height: 303px; line-height: 0; font-size: 0; overflow: hidden; }
#fbar { height: 12px; line-height: 12px; color: #aaaaaa; float: right; }
.fbar { border-left: 1px solid #e2e2e2; padding: 0 20px; cursor: pointer; display: block; font-size: 12px; text-align: center; float: left; }
.fbar_on { background-color: #da0a0a; color: #ffffff; font-weight: bold; }

