.foo{}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
HOME PAGE PRODUCTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.HomePageProductGrid{margin-left:auto; margin-right:auto; width:450px}

.HomePageProductGrid .ItemBox{padding-bottom:10px; text-align:center; vertical-align:text-top}

.HomePageProductGrid .ProductItem{text-align:center; margin:10px 10px 10px 10px; border:1px solid #d4d4d4; 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}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
BEST SELLERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bestsellers{margin-left:auto; margin-right:auto; width:450px}

.bestsellers .boxtitle{padding:10px 10px 10px 0px; font-weight:bold; text-transform:uppercase; font-size:1.1em; color:#3a3a3a}

.bestsellers .ItemBox{padding-bottom:10px; text-align:center; vertical-align:text-top}

.bestsellers .ProductItem{text-align:center; margin:10px 10px 10px 10px; border:1px solid #d4d4d4; width:200px; height:200px}

.bestsellers .ProductItem .title{margin-bottom:5px; margin-top:5px; text-align:center; font-weight:bold}

.bestsellers .ProductItem .picture{text-align:center}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
RECENTLY ADDED PRODUCTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.RecentlyAddedProducts{margin-bottom:15px; padding:0px}

.RecentlyAddedProducts .title{padding:10px 10px 10px 0px; font-weight:bold; text-transform:uppercase; clear:both; font-size:1.1em; color:#3a3a3a}

.RecentlyAddedProducts .ProductGrid{margin-bottom:15px; margin-left:auto; margin-right:auto; width:550px; text-align:center}

.RecentlyAddedProducts .ProductGrid .ItemBox{padding-bottom:10px; text-align:center}

.RecentlyAddedProducts .ProductGrid .ProductItem{text-align:center; margin:10px 10px 10px 10px; width:250px; background:url('images/prod_grid_box_bg.gif') no-repeat 0 100%}

.RecentlyAddedProducts .ProductGrid .ProductItem .title{font-weight:bold; background:url('images/deal_box_hl.gif') no-repeat 0 0; padding:0 0 0 10px; text-transform:none; font-size:1em}

.RecentlyAddedProducts .ProductGrid .ProductItem .title a{background:url('images/deal_box_hr.gif') no-repeat 100% 0; display:block; height:2em; line-height:1.3em; overflow:hidden hidden; padding:4px 10px 8px 0px}

.RecentlyAddedProducts .ProductGrid .ProductItem .picture{text-align:center; margin-top:10px}

.RecentlyAddedProducts .ProductGrid .ProductItem .description{margin:5px 5px 0 5px; text-align:center; padding:10px 5px 10px 5px; border-top:solid 1px #e3e3e3; color:#555; height:50px}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo{vertical-align:bottom; text-align:right; width:250px; height:85px; position:relative}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices{text-align:right; vertical-align:middle; position:absolute; bottom:15px; right:10px}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .buttons{vertical-align:middle; position:absolute; bottom:15px; left:10px; text-align:left}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices .productPrice{color:green}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices .oldproductPrice{color:Red; 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; font-size:1.1em; color:#3a3a3a}

.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; background:url('images/prod_grid_box_bg.gif') no-repeat 0 100%}

.RecentlyViewedProducts .ProductGrid .ProductItem .title{font-weight:bold; background:url('images/deal_box_hl.gif') no-repeat 0 0; padding:0 0 0 10px; text-transform:none; font-size:1em}

.RecentlyViewedProducts .ProductGrid .ProductItem .title a{background:url('images/deal_box_hr.gif') no-repeat 100% 0; 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 #e3e3e3; color:#555; height:50px}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo{vertical-align:bottom; text-align:right; width:250px; height:85px; position:relative}

.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{margin-bottom:0px; padding:0px; background-image:url(images/bg_areas_top2.jpg); background-position:top; background-repeat:no-repeat; padding:15px 10px 10px 40px;}
.ProductDetailsPage-bottom{background-image:url(images/bg_areas_bottom2.jpg); background-position:bottom; background-repeat:no-repeat; padding:15px 10px 10px 40px; height:30px;}
.ProductCollateral{margin-top:10px; margin-bottom:10px; clear:both}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
PRODUCT DETAILS INFO - PRODUCT INFO CONTROL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ProductEssential{}

.ProductDetailsInfo{}

.ProductDetailsInfo .picture{float:left; width:300px; margin-bottom:15px}

.ProductDetailsInfo .overview{float:right; width:230px; margin-right:15px; margin-top:25px; padding:5px 5px 5px 5px; border:dashed 1px #d3d3d3}

.ProductDetailsInfo .overview .productname{color:#f93; font-size:1.3em; margin-bottom:0.3em}

.ProductDetailsInfo .overview .shortdescription{color:#555; margin-bottom:0.3em; font-size:1.1em}

.ProductDetailsInfo .fulldescription{border-top:solid 1px #d3d3d3; clear:both; color:#555; margin-bottom:0.3em}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
PRODUCT RATING
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ProductRatingBox{margin-top:20px; margin-bottom:10px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
PRODUCT VARIANT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ProductVariantList{margin-bottom:15px; padding:0px}

.ProductVariantLine{margin-bottom:20px; padding-bottom:20px; margin-top:10px; border-bottom:solid 1px #d3d3d3}

.ProductVariantLine .picture{float:left; width:300px; margin-bottom:15px}

.ProductVariantLine .overview{float:right; width:200px; margin-right:25px}

.ProductVariantLine .overview .productname{color:#f93; font-size:1.3em; margin-bottom:0.3em}

.ProductVariantLine .description{clear:both; color:#555; margin-bottom:0.3em}

.ProductVariantLine .downloadsample{clear:both; color:#555; margin-bottom:0.3em}

.ProductVariantLine .downloadsample .downloadsamplebutton{-x-system-font:none !important; background:#F1F1F1 url(images/btn_download_bg.gif) repeat-x scroll 0 100%; border:1px solid #B5B5B5; color:#444; cursor:pointer; font-family:arial,sans-serif !important; font-size:11px !important; font-size-adjust:none !important; font-stretch:normal !important; font-style:normal !important; font-variant:normal !important; font-weight:bold !important; line-height:normal !important; overflow:visible; padding:1px 5px; text-align:center; text-transform:uppercase; vertical-align:middle; width:auto}

.ProductVariantLine .price{float:left; margin-right:10px}

.ProductVariantLine .price .productPrice{color:green}

.ProductVariantLine .price .oldProductPrice{color:red; text-decoration:line-through}

.ProductVariantLine .addinfo{padding-top:10px}

.ProductVariantLine .attributes{}

.ProductVariantLine .error{color:Red}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
RELATED PRODUCTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.RelatedProductsGrid{}

.RelatedProductsGrid .title{padding:10px 10px 10px 0px; font-weight:bold; text-transform:uppercase; clear:both; font-size:1.1em; color:#f93}

.RelatedProductsGrid .ItemBox{padding-bottom:10px; text-align:center; vertical-align:text-top}
.RelatedProductsGrid .RelatedItem{text-align:center; margin:10px 10px 10px 10px; border:solid 1px #d3d3d3; width:200px; height:200px}

.RelatedProductsGrid .RelatedItem .title{margin-bottom:5px; margin-top:5px; text-align:center; font-weight:bold; text-transform:none; font-size:1em; padding:0}

.RelatedProductsGrid .RelatedItem .picture{text-align:center}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
ALSO PURCHASED PRODUCTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.AlsoPurchasedProductsGrid{}

.AlsoPurchasedProductsGrid .title{padding:10px 10px 10px 0px; font-weight:bold; text-transform:uppercase; clear:both; font-size:1.1em; color:#f93}

.AlsoPurchasedProductsGrid .ItemBox{padding-bottom:10px; text-align:center; vertical-align:text-top}
.AlsoPurchasedProductsGrid .AlsoPurchasedItem{text-align:center; margin:10px 10px 10px 10px; border:solid 1px #d3d3d3; width:200px; height:200px}

.AlsoPurchasedProductsGrid .AlsoPurchasedItem .title{margin-bottom:5px; margin-top:5px; text-align:center; font-weight:bold; text-transform:none; font-size:1em; padding:0}

.AlsoPurchasedProductsGrid .AlsoPurchasedItem .picture{text-align:center}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
PRODUCT REVIEWS LIST
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.productReviewBox{margin-bottom:15px; padding:10px 5px 10px 5px}

.productReviewList{margin:10px 0 0 0; font-size:11px; color:#555D65}

.productReviewList .productReviewItem{border:solid 1px #d3d3d3; 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:#f93; text-decoration:none}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
PRODUCT SPEC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.productSpecBox{padding:5px 5px 5px 5px; clear:both; color:#555}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
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, #lbNextLink{display:block; position:absolute; top:0; width:50%; outline:none}

#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}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
COMPARE PRODUCTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.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:0px 0 0 0; padding:0px 0 0 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:#CCC; 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}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
PRODUCT SPEC FILTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ProductSpecFilter{}

.ProductSpecFilter .title{color:#555; font-weight:bold; background:url('images/ico-arrow-r.gif') no-repeat; padding:1px 0px 5px 20px}

.ProductSpecFilter table.filter{width:100%}
.ProductSpecFilter table.filter tr.group{font-weight:bold}
.ProductSpecFilter table.filter tr.item td{padding:2px 2px 2px 16px}
.ProductSpecFilter table.filter tr.filtereditem{}

.ProductSpecFilter .RemoveFilter{ padding-top:5px; padding-left:20px}

.ProductSpecFilter .RemoveProductSpecFilter{font-weight:bold}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
TIER PRICES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.TierPrices{text-align:center; margin-bottom:10px}

.TierPrices .prices-header{background:#3a3a3a; color:#FFF; padding:3px 3px 3px 3px; font-weight:bold}

.TierPrices .prices table{width:100%; border-collapse:collapse; text-align:center; vertical-align:middle; background:#f3f3f3}

.TierPrices .prices .prices-table td{padding:0}

.TierPrices .prices .item-table td{border-bottom:solid 3px #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 3px #d7d7d7; padding-top:3px; padding-bottom:3px; font-weight:bold}

.TierPrices .prices .prices-table .field-header{font-weight:bold; text-align:center}