/****************************categories***********************************/	
.ui-product-list-paginator{
	background-color:#F4F4F4;
	border-radius:10px;
	padding:10px;
	border:1px solid #CCCCCC;
	margin:0 0 20px 0;
	}
.ui-product-list-paginator div.caption{
	float:left;
	margin:0 10px 0 0;
	}
.ui-product-list-paginator div.pagesLinks span.current{
	font-size:16px;
	font-weight:bold;	
	}
.ui-product-list-paginator div.pagesLinks a{
	color:#00AEEF;
	}	
		
.ppLeftColumn{
	width:290px;
	float:left;
	margin:0 0 10px 0;
	position:relative;
	top:-120px;
	}	
.ppLeftColumn h3.title,
.ppCenterColumn h3.title{	
	height:70px;
	width:160px;
	/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	text-transform:uppercase;
	text-align:left;
	background:url(../resources/defImages/left-header.jpg) top left repeat-x;
	border-radius:10px;
	color:#fff;
	padding:10px 0 0 20px;
	margin:0 0 0 50px;
	z-index:1000;
	position:relative;
}
.ppCenterColumn h3.title{
	margin:0;	
}
.ppLeftColumn h3.title.tool{
	width:230px;
	margin:0 0 0 20px;
	}
.ppLeftColumn h3.title span.more,
.ppCenterColumn h3.title span.more{
	font-size:15px;
	display:block;	
}
.ppLeftColumn ul,
.ppLeftColumn li,
.ppCenterColumn ul,
.ppCenterColumn li,
.ppLeftColumn div.ppCategoryView{
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#fff;
	border-radius:10px;
	
	}
.ppLeftColumn ul,
.ppCenterColumn ul,
.ppLeftColumn div.ppCategoryView{	
	position:relative;
	top:-40px;
	z-index:1;
}

.ppCenterColumn div.category-container,
.ppCenterColumn div.palette-container,
.ppCenterColumn div.brands-container{
	width:290px;
	float:left;
	margin:0 20px;
	}
.ppLeftColumn ul.ppCategoryView,
.ppLeftColumn div.ppCategoryView,
.ppCenterColumn ul.ppCategoryView,
.ppLeftColumn ul.outlineView0,
.ppCenterColumn ul.outlineView0{	
	padding:60px 0 20px 0;
	border:1px solid #CCCCCC;
	overflow:hidden;
}
.ppLeftColumn div.ppCategoryView{
	padding: 60px 20px 20px 20px;
	color:#666666;
	font-size:15px;
	}
.ppLeftColumn ul.ppCategoryView li,
.ppCenterColumn ul.ppCategoryView li{
	font-size:16px;
	}
	
.ppLeftColumn ul.outlineView0 li,
.ppCenterColumn ul.outlineView0 li{
	float:left;
	display:block;
	margin:0 3px;
	padding:0 10px;
	}
.ppLeftColumn ul.outlineView0 li img,
.ppCenterColumn ul.outlineView0 img{
	width:110px;
	}		
#bodyWrapper .ppProductPage ul.ppCategoryView li a,
#bodyWrapper .ppCenterColumn ul.ppCategoryView li a{
	display:block;
	padding:10px;
	margin:0 0 0 5px;
	color:#15224D;
	text-decoration:none;
	text-align:left;
}
#bodyWrapper .ppPaletteView ul.ppCategoryView li a,
#bodyWrapper .palette-container ul.ppCategoryView li a{
	background-position: 3px 3px;
	background-repeat:no-repeat;
	line-height:50px;
	display:block;
	padding:0 0 0 60px;
	margin:0 0 0 5px;
	color:#15224D;
	text-decoration:none;
}
.ppLeftColumn ul.outlineView0 li a,
.ppCenterColumn ul.outlineView0 li a{
	border:2px solid #fff;
	display:block;
	}
.ppLeftColumn ul.outlineView0 li a.selected,
.ppCenterColumn ul.outlineView0 li a.selected{
	border:2px solid #15224D;
	border-radius:7px;
	}
#bodyWrapper .ppPaletteView ul.ppCategoryView li a#itemred,
#bodyWrapper .palette-container ul.ppCategoryView li a#itemred{
	background-image:url(../resources/defImages/red.png);
}
#bodyWrapper .ppPaletteView ul.ppCategoryView li a#itemorange,
#bodyWrapper .palette-container ul.ppCategoryView li a#itemorange{
	background-image:url(../resources/defImages/orange.png);
}
#bodyWrapper .ppPaletteView ul.ppCategoryView li a#itemgreen,
#bodyWrapper .palette-container ul.ppCategoryView li a#itemgreen{
	background-image:url(../resources/defImages/green.png);
}
#bodyWrapper .ppPaletteView ul.ppCategoryView li a#itemblue,
#bodyWrapper .palette-container ul.ppCategoryView li a#itemblue{
	background-image:url(../resources/defImages/blue.png);
}
#bodyWrapper .ppPaletteView ul.ppCategoryView li a#itempurple,
#bodyWrapper .palette-container ul.ppCategoryView li a#itempurple{
	background-image:url(../resources/defImages/purple.png);
}
#bodyWrapper .ppPaletteView ul.ppCategoryView li a#itembrown,
#bodyWrapper .palette-container ul.ppCategoryView li a#itembrown{
	background-image:url(../resources/defImages/brown.png);
}
#bodyWrapper .ppPaletteView ul.ppCategoryView li a#itemyellow,
#bodyWrapper .palette-container ul.ppCategoryView li a#itemyellow{
	background-image:url(../resources/defImages/yellow.png);
}
#bodyWrapper .ppPaletteView ul.ppCategoryView li a#itemgrey,
#bodyWrapper .palette-container ul.ppCategoryView li a#itemgrey{
	background-image:url(../resources/defImages/grey.png);
}

#bodyWrapper .ppLeftColumn ul.ppCategoryView li a:hover,
#bodyWrapper .ppLeftColumn ul.ppCategoryView li a.selected{
	background-color:#16234E;
	color:#fff;	
}

	
/****************************product page***********************************/	


#pics-container{
	float:left;
	max-width:400px;
	}
#pics-container	img#pp-product-main-img{
	max-width:400px;
	}

#product-details-container{
	float:left;
	max-width:480px;
	margin:0 0 0 20px;
	
	}
#product-details-container h1.title{
	padding:0;
}

.rating-container{
	clear:left;
	margin:20px 0;
	overflow:hidden;
	}
.rating-container .rating{
	float:left;
	}
#bodyWrapper .rating-container a.comment-link{
	display:block;
	color:#fff;
	background-color:#6CB244;
	float:right;
	text-decoration:none;
	padding:10px 15px;
	border-radius:10px;
	}
.rating-container div.rating div#ratingValueID,
.rating-container div.rating div#votesCountID{
	float:left;
	}	
#product-details-container div.details{
	clear:both;
	padding:0 0 5px 0;
	color:#666666;
	}
#product-details-container div.details div{
	padding:2px 0;	
	clear:both;
	color:#13204C;
	font-size:13px;
}
#product-details-container div.details div.trademark{
	line-height:30px;
	}
#product-details-container div.details div.trademark strong{
	display:block;
	float:left;	
	padding:25px 10px 0 0;
}
#product-details-container div.price,
.price-container span.new-price{
	font-size:20px;
	font-weight:bold;
	color:#63973D;
	}
#product-details-container div.prod-char-container{
	margin:5px 0 0 0;
	width:360px;
	overflow:hidden;
	position:relative;
	}
#product-details-container div.product-characteristics{
	float:left;
	margin:0 10px 0 0;
	}
#product-details-container div.prod-chooser{
	float:left;
	}
#product-details-container div.prod-chooser div{
	text-align:left;
	font-size:20px;	
}
#product-details-container div.quantity input{
	width:75px;
	}
#product-details-container div.order-but{
	clear:both;
	padding:10px 0 10px 0;
	}
#wrapper #pics-container div.social{
	border-radius:10px;
	background-color:#DFEAFA;
	padding:5px 10px;
	margin:10px 0 0 0;
	clear:both;
	height:30px;
	float:none;
	}
.social div.fbutton,
.social div.tbutton,
.social div.gbutton,
.social div.lbutton{
	float:left;
	margin:5px;
	width:120px;
	height:20px;
}
.social div.gbutton,
.social div.lbutton{
	width:60px;
	}
.social div.fbutton iframe{
	position:relative;
	z-index:200;
	}	
.prod-char-container input[type='submit']{
	border:none;
	background:url(../resources/defImages/orderIcon.jpg) center left no-repeat;
	line-height:50px;
	padding:0 0 0 60px;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	color:#913588;
	clear:both;
	cursor:pointer;
	}
#product-details-container div.prod-chooser select,
#product-details-container div.prod-chooser input,
.deliveryInfo select{
	border:1px solid #ccc;
	border-radius:10px;
	height:30px;
	margin: 5px 0 10px 0;
	}
.deliveryInfo select {
	width:260px;
}	
#prod-description{
	clear:both;
	float:left;
	margin:0 0 20px 0;
	}
#prod-description h2.title{
}
#prod-description div.text{
	padding:5px 0 0 0;
}
#prod-description div.text h4{

	font-weight:bold;
	font-size:13px;	
	width:110px;
	float:left;
	margin:20px 15px 0 0;
	clear:both;
	color:#16234E;
	text-align:right;
}
#prod-description div.text div.right-description{
	float:left;
	width:285px;
	margin:20px 0 0 0;
	}
#prod-description p{
	clear:both;
}
.prod-similar{
	float:left;
	width:225px;
	margin:20px 0 0 0;
	}
.prod-similar h3{
	padding:0 0 20px 0;
	}	
.prod-slider {
	padding:20px 0 20px 0;
	overflow:hidden;
	float:right;
	width:260px;
	}
.prod-slider h2{
	float:left;
	}
.prod-slider div.arrows-contaner{
	float:right;
	}
.prod-slider div.arrows-contaner a{
	width:46px;
	display:block;
	float:left;
	}
.prod-line-container{
	clear:both;
	padding:20px 0 0 0;
	}
.prod-similar div.prod-container{
	width:225px;
	text-align:center;
	}
.prod-similar div.prod-container div.title h3{
	padding:0 20px 10px 0;
	float:left;
}
.prod-similar img.prod-pic{
	border-bottom:1px solid #16234E;
	margin:0 0 10px 0;
	}
.prod-similar div.prod-container a.more{
	display:block;
	float:right;
	margin:0 0 5px 0;
	}	
.prod-line-container div.prod-container div.rating{
	text-align:center !important;
	}
.prod-line-container div.prod-container div.img-container{
	height:315px;
	display: table-cell;
    vertical-align: middle; 
	}
.prod-line-container div.prod-container img.prod-pic{
	width:245px;
	/*margin:15px 0 0 0;*/
	margin: 0 auto;
    display: block;
}
/*
#product-details-container  div.prod-chooser div.price{
	font-size:22px;
	font-weight:bold;
	color:#913487;
	line-height: 30px;
	padding:3px 0 3px 5px;
	}
#product-details-container div.prod-chooser div.price span{
	display:block;	
}
#product-details-container div.prod-chooser div.price span.old-price{
	color:#333;
	font-size:14px;
	text-decoration:line-through;
}
*/

.price-container span.price,
.price-container span.new-price,
.prod-char-container span.system-product-addon-price,
.prod-char-container span.new-price{
	font-size:22px;
	font-weight:bold;
	color:#63973D;
	line-height: 30px;
	padding:3px 0 3px 5px;
	}
#product-details-container .prod-char-container div.price-total{
	border-top:1px solid #ccc;
	margin:5px 0 0 0;
	padding:6px 0 0 0;
	}
.prod-char-container span.system-product-addon-price{
	display:block;
	float:left;
	color:#333;
	}
#product-details-container div.prod-char-container{
	margin:0;
	overflow:hidden;
	}
#product-details-container div.prod-char-container div{
	line-height:30px;	
	padding:3px 0;
	overflow:hidden;
	}
#product-details-container div.prod-char-container label{
	float:left;
	display:block;
	font-weight:bold;
	color:#131F4C;
	font-size:13px;
	}
#product-details-container div.prod-char-container select,
#product-details-container div.prod-char-container input[type='text']{
	border: 1px solid #ccc;
	border-radius: 10px;
	height: 28px;
	width:100px;
	}
#product-details-container div.prod-char-container input[type='text']{
	width:60px;
	padding:0 5px;	
}
#product-details-container div.prod-char-container div.order-but{
	clear:both;
	padding:10px 0 20px 0;
	margin:5px 0 0 0;
	border-top:1px solid #CCCCCC;
	}
/*****product list **********************/
.prod-line-container{
	clear:both;
	padding:20px 0 0 0;
	}
.ui-product-list-container{
	overflow: hidden;
}
.prod-container{
	max-width:300px;
	height:450px;
	text-align:center !important;
	overflow:auto;
	float:left;
	margin:0 1px 7px 1px;
	border:1px solid #fff;
	}
.prod-container:hover{	
	border:1px solid #ccc;
	border-radius:5px;
}
#wrapper div.prod-inner{
	position:relative;
	overflow:auto;
	padding:0 4px;
	text-align:center;
	}	

.prod-container	img.sale-icon,
.prod-container	img.new-icon,
.prod-container	img.made-inbg-icon{
	position:absolute;
	margin:0 0 0 5px;
	right:15px;
	top:10px;
	}
.prod-container	img.made-inbg-icon{
	bottom:65px;
	}

.prod-container div.title{
	padding:10px 2px;
	text-align:left;
}
.prod-container h4{
		padding:10px 0 0 0;
}
#bodyWrapper .prod-container h3 a{
	color:#333;
	text-align:center;
	text-decoration:none;
}

#bodyWrapper .prod-container a.vs-product-list-image-container{
	height:223px;
	width:290px;
	display: table-cell;
    vertical-align: middle; 
	text-align:center;
	overflow:auto;
	}
.prod-container img.vs-product-list-image{
	max-width:290px;
	max-height: 290px;
	/*margin:15px 0 0 0;*/
	margin: 0 auto;
    display: block;
}
.prod-container div.price-container{
	float:left;
	font-size:20px;
	color:#913487;
	}
.prod-container div.price-container span{
	display:block;	
}
.price-container span.old-price{
	color:#333;
	font-size:14px;
	text-decoration:line-through;
}
.prod-container a.more{
	display:block;
	float:left;
	font-weight:bold;
	background:url(../resources/defImages/prod-view-more.jpg) center right no-repeat;
	padding:0 50px 0 0;
	line-height:50px;
	margin:0 5px 5px 0;
	}
#wrapper .prod-container a.more:hover{
	background:url(../resources/defImages/prod-view-moreO.jpg) center right no-repeat;
	color:#63973D;
}
/************************products**********************************/
.vs-palette-colors{
	padding:10px 0 0 0;
	margin:0;
	}
.vs-palette-colors li{
	display: block;
	float: left;
	width: 69px;
	height: 45px;
	padding: 10px 2px 0 5px;
	border-radius: 0 12px 0 12px;
	margin: 8px 8px 0 0;
	font-size: 13px;
}
.vs-palette-colors li a{
	text-decoration:none;	
}
.vs-color-title span{
	display:block;
	float:left;
	width:70px;
	height:65px;
	border-radius:0 12px 0 12px;
	margin:0 15px 15px 0;
	}
.vs-color-title h1{
	padding:15px 0 0 0;	
}
#bodyWrapper a.button-like{
	color:#fff;
	text-decoration:none;
	font-size:16px;
	margin:10px 0;
	display:block;
	float:left;
	background-color:#DD1619;
	border-radius:12px;
	padding:10px 20px;
	font-weight:bold;
}