.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.
/* 
/* 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.
/* 
/****************************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.HomePageProductGrid
{
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
text-align: center;
border-top:0px dashed #E7E7E7;
}

.HomePageProductGrid .ItemBox
{
}

.HomePageProductGrid .ProductItem
{
background:transparent;
border:0px dashed #555555;
margin:10px;
height:225px;
width:300px;
}

.HomePageProductGrid .ProductItem .title
{
margin-top: 10px;
margin-bottom: 10px;
}

.HomePageProductGrid .ProductItem .picture
{
background:#FFFFFF none repeat scroll 0 0;
height:125px;
margin:auto;
text-align:center;
vertical-align:middle;
width:125px;
}

.HomePageProductGrid .ProductItem .title a
{
font-family:Arial,Helvetica,sans-serif;
color:#fff;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding:9px 15px;
text-decoration:none;
line-height:1;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top:10px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
vertical-align:baseline;
}

.HomePageProductGrid .ProductItem .title a:hover
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY ADDED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RecentlyAddedProducts
{

}

.RecentlyAddedProducts .title
{
margin: 10px 10px 10px 10px;
font-size:22px;
}

.RecentlyAddedProducts .ProductGrid
{

}

.RecentlyAddedProducts .ProductGrid .ItemBox
{
    height:auto;
}

.RecentlyAddedProducts .ProductGrid .ProductItem
{
background:transparent !important;
margin: 10px 10px 10px 10px;
border:0px dashed #555555;
padding:5px 5px 5px 5px;
width:300px;
height:auto;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .title
{
    font-size: 16px;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .title a
{
color:#5C7F99;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
padding-bottom:10px;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .title a:hover
{
color: #990000;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .picture
{
    text-align: center;
    padding:10px 10px 10px 10px;
    border:0px dotted #333;
    margin:auto;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .picture img
{
    
}

.RecentlyAddedProducts .ProductGrid .ProductItem .description
{
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo
{
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices
{
padding-top:10px;
color:#fff;
font-weight:bold;
display:block;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .buttons
{
margin:auto;
text-align:right;
padding:5px 5px 5px 5px;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .buttons input
{
width:80px;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices .productPrice
{
font-weight:bold;
color:#FFF;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices .oldproductPrice
{
font-weight:normal;
color:#FF0000;
text-decoration:line-through;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY VIEWED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RecentlyViewedProducts
{
}

.RecentlyViewedProducts .title
{
font-size:22px;
margin:10px 5px 5px 5px;
padding:10px 5px 5px 5px;
}

.RecentlyViewedProducts .ProductGrid
{
}

.RecentlyViewedProducts .ProductGrid .ItemBox
{
}

.RecentlyViewedProducts .ProductGrid .ProductItem
{
}

.RecentlyViewedProducts .ProductGrid .ProductItem .title
{

}

.RecentlyViewedProducts .ProductGrid .ProductItem .title a
{
}

.RecentlyViewedProducts .ProductGrid .ProductItem .picture
{
}

.RecentlyViewedProducts .ProductGrid .ProductItem .description
{
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo
{
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .prices
{
padding-top:10px;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .buttons
{
margin:auto;
padding:5px;
text-align:right;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .buttons input
{
width:80px;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .prices .productPrice
{
font-weight:bold;
color:#FFF;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .prices .oldproductPrice
{
font-weight:normal;
color:#FF0000;
text-decoration:line-through;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT DETAILS PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductDetailsPage
{
}

.ProductCollateral
{
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT DETAILS INFO - PRODUCT INFO CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductEssential
{
}

.ProductDetailsInfo
{
}

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

.ProductDetailsInfo .overview
{
background:transparent !important;
border:0px dashed #C4C6C8;
float:right;
margin-right:15px;
margin-top:0px;
padding-left:10px;
padding-right:10px;
width:330px;
}

.ProductDetailsInfo .overview * td
{
background-color:#fff;
vertical-align:middle;
text-align:center;
border:0px dotted #555;    
}
    
.ProductDetailsInfo .overview .productname
{
font-family:Arial,Helvetica,sans-serif;
font-weight:bolder;
font-size:16px;
color:#fff;
margin-bottom: 10px;
margin-top: 10px;
}

.ProductDetailsInfo .overview .shortdescription
{
padding-bottom:5px;
}

.ProductDetailsInfo .fulldescription
{
    background:transparent !important;
    border-top: 0px solid #fff;
    clear: both;
    padding: 10px 10px 10px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT RATING

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductRatingBox
{
margin-top: 20px;
margin-bottom: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT VARIANT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductVariantList
{
	margin-bottom: 15px;
	padding: 0px;
}

.ProductVariantLine
{
margin-bottom: 10px;
padding-bottom: 10px;
margin-top: 10px;
padding-top: 20px;
border-top: dashed 0px #555;
color:#fff;
}

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

.ProductVariantLine .overview
{
color:#FFF;
float:right;
font-size:16px;
padding:10px;
position:relative;
}

.ProductVariantLine .overview .productname
{
font-weight:bold;
font-size:14px;
color:#fff;
}

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

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

.ProductVariantLine .price .productPrice
{
font-weight:bold;
color:#FFF;
}

.ProductVariantLine .price .oldProductPrice
{
font-weight:normal;
color:#FF0000;
text-decoration:line-through;
}

.ProductVariantLine .addinfo
{
border:0px dashed #555;
padding:10px;
}

.ProductVariantLine .attributes div
{
margin-bottom:10px;
padding:10px 10px 10px 10px;
display:block;
background:transparent !important;
border-bottom:0px dashed #555;
border-top:0px dashed #555;
}

.ProductVariantLine .attributes span
{
padding-bottom:5px;
padding-top:10px;
}

.ProductVariantLine .error
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RELATED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RelatedProductsGrid
{
padding-top:10px;
border-top:0px dashed #fff;
}

.RelatedProductsGrid .title
{
color:#FFF;
font-size:18px;
padding:10px;
position:relative;
}

.RelatedProductsGrid .ItemBox
{
padding-bottom: 10px;
text-align: center;
vertical-align: text-top;
}
.RelatedProductsGrid .RelatedItem
{
text-align: center;
margin: 10px 10px 10px 10px;
border: dashed 0px #555;
background:transparent !important;
width: 200px;
height: 200px;
}

.RelatedProductsGrid .RelatedItem .title *
{
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 5px;
margin-top: 5px;
text-align: center;
font-weight: bold;
text-transform: none;
font-size: 1em;
padding: 0;
font-size:12px;
}

.RelatedProductsGrid .RelatedItem .picture
{
background:#FFFFFF none repeat scroll 0 0;
height:125px;
margin:auto;
text-align:center;
vertical-align:middle;
width:125px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT REVIEWS LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.productReviewBox
{
	margin-bottom: 15px;
	padding: 10px 5px 10px 5px;
}


.productReviewList
{
	margin: 10px 0 0 0;
	font-size: 11px;
}

.productReviewList .productReviewItem
{
	border: dotted 0px #d3d3d3;
	margin-top: 10px;
	padding: 10px;
	clear: both;
}

.productReviewList .productReviewItem .title
{
	font-weight: bold;
	float: left;
	margin-bottom: 5px;
	color:#eee;
}

.productReviewList .productReviewItem .rating
{
	float: right;
}

.productReviewHelpfulness
{
	color: #eee;
}

.productReviewHelfulness a:hover
{

}
.productReviewHelpfulness a
{
	text-decoration: none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT SPEC

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.productSpecBox
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SLIM BOX (PRODUCT IMAGES)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#lbOverlay
{
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #1F3A43;
	cursor: pointer;
}

#lbImage
{
border: 2px dashed #ffffdd;
}

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRICE RANGE FILTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PriceRangeFilter
{
}

.PriceRangeFilter .title
{
}

.PriceRangeFilter PriceRangeSelector
{
background:transparent url(images/bg-hi.png) repeat scroll 0 0 !important;
}

.PriceRangeFilter li
{
}

.PriceRangeFilter .SelectedPriceRange
{
border:0px dotted #555;
padding:5px 5px 5px 5px;
}

.PriceRangeFilter .RemovePriceRangeFilter
{
background:transparent url(images/ico-arrow-l.gif) no-repeat scroll 0 0;
border-bottom:1px dashed #555555;
color:#DDDDDD;
font-weight:bold;
padding-left:20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TIER PRICES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.TierPrices
{
}

.TierPrices .prices-header
{
}

.TierPrices .prices table
{
}

.TierPrices .prices .prices-table td
{
}

.TierPrices .prices .item-table td
{
}

.TierPrices .prices .item-table .item-price
{
color:#fff;
font-weight:bold;
}

.TierPrices .prices .header-table td
{
}

.TierPrices .prices .prices-table .field-header
{
}

.writeProductReviewBox *
{
font-weight: bold;
margin:auto;
width:auto;
float:left;
}

.writeProductReviewBox
{
margin-top:10px;
}

.writeProductReviewBox * tr
{margin-bottom:5px;}

.writeProductReviewBox * input, .writeProductReviewBox * textarea
{
font-weight: normal;
margin:3px 10px 0px 10px;
display:block;
}