/*##################
##### PRODUCTS #####
##################*/ 

/* SECTION TITLE */
.section-title
{
	margin                  : 0;
	padding                 : 10px 0 0 0;
	height                  : 25px;
	text-align              : center;
	background				: url('/content/images/section-title.gif') 0px 21px repeat-x;
}
.section-title span
{
	margin                  : 0px auto;
	padding                 : 0px 15px;
	font-size               : 25px;
	color                   : #333;
	background-color		: #FFF
}



/* FEATURED LIST */
.featured-list
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	height                  : auto;
	position                : relative;
}
.featured-list ul
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	height                  : auto;
	list-style              : none;
	width                   : 1020px;
}
.featured-list ul li
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	height                  : auto;
}
.featured-list ul li a
{
	margin                  : 8px 16px 8px 0px;
	padding                 : 10px;
	width                   : 452px;
	height                  : 160px;
	float                   : left;
	display                 : inline-block;
	background              : #FFF;
	border                  : 10px solid #E9E9E9;
	color                   : #333;	
	line-height             : 1.3em;
	position                : relative;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
.featured-list ul li a:hover
{
    border                  : 10px solid #306193;
    text-decoration         : none;
   	color                   : #333
}
.featured-img
{
    margin                  : 0 10px 0 0;
	padding                 : 0;
	float                   : left;
}
.featured-name
{
    margin                  : 0;
	padding                 : 0;
	display                 : block;
	font-size               : 20px;
	position                : absolute;
	top                     : 15px;
	left                    : 185px;
}
.featured-category
{
    margin                  : 0;
	padding                 : 5px 0 0 0;
	display                 : block;
	font-size               : 16px;
	color                   : #999;
}
.featured-from
{
    margin                  : 0;
	padding                 : 0;
	display                 : block;
	font-size               : 18px;
	position                : absolute;
	bottom                  : 44px;
	left                    : 185px;
}
.featured-price
{
    margin                  : 0;
	padding                 : 0;
	display                 : block;
	font-size               : 30px;
	position                : absolute;
	bottom                  : 15px;
	left                    : 185px;
}




/* PRODUCTS: CATEGORY LIST */
.category-list
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	height                  : auto;
	position                : relative;
}
.category-list ul
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	height                  : auto;
	list-style              : none;
	width                   : 1020px;
}
.category-list ul li
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	height                  : auto;
}
.category-list ul li a
{
	color                   : #666;	
	line-height             : 1.2em;
	text-align              : center;
	margin                  : 0px 11px 10px 0px;
	padding                 : 10px;
	width                   : 222px;
	height                  : 260px;
	float                   : left;
	background-color        : #E9E9E9;
	position                : relative;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
.category-list ul li a:hover
{
    background              : #366897;
    text-decoration         : none;
   	color                   : #FFF
}
.category-list img
{
    margin                  : 0px 0px 5px 0px;
	padding                 : 0;
}



/* PRODUCTS: MAIN IMAGE */
.product-images
{
	margin                  : 0px 0px 0px 40px;
	padding                 : 0px 0px 0px 0px;
	width                   : 400px;
	min-height              : 400px;
	float                   : right;
	text-align              : center;
}
.product-images-main
{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
}


/* PRODUCTS: THUMB IMAGES */
#product-images-other
{
	margin					: 10px 0px 20px 0px;
	padding		 			: 0px 0px 0px 0px;
	display                 : block;
	position                : relative;
	height					: auto;
}
#product-images-other ul
{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	height					: auto;
	list-style 				: none;
}
#product-images-other ul li
{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	display 				: inline;
}
#product-images-other ul li a
{
	margin					: 0px 5px 10px 5px;
	padding					: 5px;
	position                : relative;
	display 				: block;
	float 					: left;
	text-decoration 		: none;
	width                   : 80px;
	height 					: 80px;
	filter					: alpha(opacity=60);
	-khtml-opacity			: 0.6;
	-moz-opacity			: 0.6;
	opacity					: 0.6;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
	background              : #CDCDCD;
}
#product-images-other ul li a:hover,
#product-images-other ul li a.selected
{
	filter					: alpha(opacity=100);
	-khtml-opacity			: 1.0;
	-moz-opacity			: 1.0;
	opacity					: 1.0;
	background              : #366897;
}



/* PRODUCTS: TITLE */
.product-title
{
 	font-size 				: 29px;
	color                   : #555;
	padding		 			: 10px 0px 10px 0px;
	font-family             : "RobotoCondensed"; 
}

/* PRODUCTS: SUMMARY */
.product-summary
{
 	font-size 				: 24px;
	color                   : #777;
	padding		 			: 0px 0px 10px 0px;
	font-family             : "RobotoCondensed"; 
}


/* PRODUCTS: DESCRIPTION */
.product-description
{
 	margin					: 0px 0px 30px 0px;
	padding					: 0px;
	position                : relative;
	display 				: block; 
	width                   : 540px; 
	height                  : auto;
}


/* PRODUCTS: OPTIONS */
.product-options
{
 	padding					: 0 0 20px 0;
 	width                   : 280px;
}


/* PRODUCTS: PRICE */
#product-price
{
 	margin					: 0;
	padding					: 0 0 10px 0;
	font-size               : 30px;
	width                   : 280px;
	font-family             : "RobotoCondensed"; 
	text-transform          : uppercase;
	color                   : #333;
}
#product-price-normal
{
    float                   : right;
}
#product-price-discount
{
    float                   : right;
    color                   : #CC0000;
}
#product-price-discount span
{
	text-decoration         : line-through;
	color                   : #888
}



/* PRODUCTS: ADD THIS */
.add-this
{
	margin					: 32px 0px 0px 0px;
	padding					: 0px;
	float                   : right;
}


/* PRODUCTS: RELATED */
#product-related
{
    width                   : 960px;
    height                  : auto;
    margin                  : 30px 0 10px 0;
    padding                 : 36px 20px;
    background              : url(images/loading.gif) no-repeat 50% 50%;
    padding					: 5px 20px 20px 20px;
    background-color        : #F5F5F5;
    border-radius           : 6px;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;  
}
#product-related img
{
    background-color        : #FFF;
    border                  : 1px solid #BBB;
    margin-right            : 6px;
    padding                 : 5px;
    position                : relative;
    text-align              : center;
    float                   : left;
   	filter					: alpha(opacity=60);
	-khtml-opacity			: 0.6;
	-moz-opacity			: 0.6;
	opacity					: 0.6;
	background              : #CDCDCD;
   	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
#product-related img:hover
{
   	filter					: alpha(opacity=100);
	-khtml-opacity			: 1.0;
	-moz-opacity			: 1.0;
	opacity					: 1.0;
	background              : #366897;
}



/* TOOLTIP  */
.tooltip 
{
    display                 : none;
    background              : transparent url('/content/images/tooltip.png');
    font-size               : 15px;
    line-height             : 1.2em;
    height                  : 62px;
    width                   : 140px;
    padding                 : 8px 15px 0px 15px;
    color                   : #FFF;
    text-align              : center;
    z-index                 : 2000;
    text-shadow				: 0 1px 2px rgba(0,0,0,.8);
}