@charset "utf-8";
/* CSS Document */

/*****************************SHOPPING CART*****************************/	
#wrapper div.panel-container{
	width:220px;
	float:left;
	margin:40px 0 0 0;
	font-size:16px
}
#wrapper div.panel-container div{
	text-align:center;
	position:relative;
	}
#wrapper div.panel-container div.panelOpenedTop,
#wrapper div.panel-container div.panelOpenedMiddle{
	background:url(../resources/defImages/sc-pannel-current-bottom.png) bottom center no-repeat;
	padding:0 0 24px 0;
	} 	
#wrapper div.panel-container div.panelOpenedTop span.title,
#wrapper div.panel-container div.panelOpenedMiddle span.title,
#wrapper div.panel-container div.panelOpenedBottom span.title{
	border-radius:10px 10px 0 0;
	background-color:#6CB244;
	display:block;
	text-transform:uppercase;
	color:#fff;
	padding:15px 0;
}
#wrapper div.panel-container div.panelOpenedMiddle span.title,
#wrapper div.panel-container div.panelOpenedBottom span.title{
	background:url(../resources/defImages/basket-panel-opened.jpg) top center no-repeat;
}
#wrapper div.panel-container div.panelOpenedTop span.title a,
#wrapper div.panel-container div.panelOpenedMiddle span.title a,
#wrapper div.panel-container div.panelOpenedBottom span.title a{
	text-transform:none;
	display:block;	
	padding:5px 0 0 0;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
#wrapper div.panel-container div.panelOpenedTop span.body,
#wrapper div.panel-container div.panelOpenedMiddle span.body,
#wrapper div.panel-container div.panelOpenedBottom span.body{
		display:block;
		border:1px solid #00AEEF;
		border-top:none;
		border-bottom:none;
		font-size:13px;
		padding:10px;
}
#wrapper div.panel-container div.panelOpenedBottom span.body{
		border:1px solid #00AEEF;
		border-top:none;
		border-radius:0 0 10px 10px;
}
#wrapper div.panel-container div.panelOpenedTop span.body div,
#wrapper div.panel-container div.panelOpenedMiddle span.body div,
#wrapper div.panel-container div.panelOpenedBottom span.body div{
	text-align:left;
}	
#wrapper div.panel-container div.panelOpenedTop span.body div.subtotal{
	padding:15px 0 0 0;
}
#wrapper div.panel-container div.panelOpenedTop span.body div.subtotal,
#wrapper div.panel-container div.panelOpenedTop span.body div.total{
	text-align:right;
	}

#wrapper div.panel-container div.panelCurrentTop,
#wrapper div.panel-container div.panelClosedMiddle,
#wrapper div.panel-container div.panelClosedBottom,
#wrapper div.panel-container div.panelCurrentBottom,
#wrapper div.panel-container div.panelCurrentMiddle{
	background:url(../resources/defImages/basket-panel-2-grey.png) top center no-repeat;
	line-height:54px;
	text-transform:uppercase;
	}	
#wrapper div.panel-container div.panelClosedMiddle,
#wrapper div.panel-container div.panelCurrentMiddle{
	top:-5px;
	}	
#wrapper div.panel-container div.panelClosedBottom{
	background-image:url(../resources/defImages/basket-panel-3-grey.png);
	top:-10px;
}
#wrapper div.panel-container div.panelCurrentTop{
	background-image:url(../resources/defImages/basket-panel-1.png);
	color:#fff;
	}
#wrapper div.panel-container div.panelCurrentBottom{
	background-image:url(../resources/defImages/basket-panel-3-blue.png);
	color:#fff;
	
}
#wrapper div.panel-container div.panelCurrentMiddle{
	background-image:url(../resources/defImages/basket-panel-2-blue.png);
	color:#fff;
	}	
.vs-checkout-steps{
	padding:20px 0 30px 0;
	overflow:auto;
	font-size:14px;
	}
.vs-checkout-steps a{
	color:#00AEEF;
}
.vs-checkout-steps a:hover{
		color:#333;
}
.vs-checkout-steps div.panelCurrentTop.panel1,
.vs-checkout-steps div.panelOpenedTop.panel1,
.vs-checkout-steps div.panelClosedMiddle.panel2,
.vs-checkout-steps div.panelCurrentMiddle.panel2,
.vs-checkout-steps div.panelOpenedMiddle.panel2,
.vs-checkout-steps div.panelCurrentMiddle.panel3,
.vs-checkout-steps div.panelClosedMiddle.panel3,
.vs-checkout-steps div.panelOpenedMiddle.panel3,
.vs-checkout-steps div.panel4,
.vs-checkout-steps div.panel5{
	width:146px;
	float:left;
	padding:50px 0 0 0;
	background:url(../resources/defImages/steps.png) 0 -68px no-repeat;
	}
.vs-checkout-steps div span{
	text-align:center;
	display:block;
	}
.vs-checkout-steps div.panelCurrentTop.panel1{
	background:url(../resources/defImages/steps.png) 0 -138px no-repeat;
	}	
.vs-checkout-steps div.panelClosedMiddle.panel2{
	background:url(../resources/defImages/steps.png) -146px 2px no-repeat;
	}
.vs-checkout-steps div.panelCurrentMiddle.panel2{
	background:url(../resources/defImages/steps.png) -146px -138px no-repeat;
	}
.vs-checkout-steps div.panelOpenedMiddle.panel2{
	background:url(../resources/defImages/steps.png) -146px -68px no-repeat;
	}	
.vs-checkout-steps div.panelClosedMiddle.panel3{
	background:url(../resources/defImages/steps.png) -292px 2px no-repeat;
	}
.vs-checkout-steps div.panelCurrentMiddle.panel3{
	background:url(../resources/defImages/steps.png) -292px -138px no-repeat;
	}	
.vs-checkout-steps div.panelOpenedMiddle.panel3{
	background:url(../resources/defImages/steps.png) -292px -68px no-repeat;
	}	
.vs-checkout-steps div.panel4{
	background:url(../resources/defImages/steps.png) -438px 2px no-repeat;
	}
.vs-checkout-steps div.panelCurrentMiddle.panel4{
	background:url(../resources/defImages/steps.png) -438px -138px no-repeat;
	}
.vs-checkout-steps div.panel5{
	background:url(../resources/defImages/steps.png) -584px 2px no-repeat;
	}	
#shoppingCartRight{
	float:left;
	width:730px;
	margin:0 0 0 15px;
	}	
#shoppingCartTable{
	border:1px solid #CCCCCC;
	border-radius:12px 12px 0 0;
	border-bottom:none;
	}
#shoppingCartTable th{
	text-align:center;
	padding:12px 7px;
	border-bottom:1px solid #ccc;
	font-size:15px;
}

#shoppingCartTable td{
	border-bottom:3px solid #ccc;
	vertical-align:middle;
	text-align:center;
	}
#shoppingCartTable td.shoppingCartImg{
	padding:10px 20px;
	width:130px;
	}
#shoppingCartTable td.productName{	
	width:230px;
	text-align:left;
}
#shoppingCartTable td.productName a{
	text-transform:uppercase;
	color:#666666;
	text-decoration:none;
	font-size:17px;
	display:block;
	padding:0 0 5px 0;	
	}
#shoppingCartTable td.productName span{
	padding:0 10px 0 0;
	color:#ADADAD;
	}	
#shoppingCartTable td.productPrice{
	text-align:right;
	padding:0 10px 0 0;
	font-weight:bold;
	}
#shoppingCartTable td.productPrice span{
	display:block;	
}
#shoppingCartTable td.productPrice span.old_price{
	text-decoration:line-through;
	font-weight:normal;
	}
#shoppingCartTable td.productPrice span.new_price{	
	color:#EF343E;
	font-size:15px;
}
#shoppingCartTable td.quantityProduct{
	width:95px;
	}
#shoppingCartTable td.quantityProduct input[type='text']{
	width:30px;
	padding:0 10px;
	height:24px;
	border:1px solid #ccc;
	border-radius:10px;
	}
#shoppingCartTable td.quantityProduct input.updateButton,
#shoppingCartTable td input.removeButton{
	background:url(../resources/defImages/updateSCicon.jpg) center center no-repeat;
	width:28px;
	height:28px;
	border:none;
	}
#shoppingCartTable td input.removeButton{
	background:url(../resources/defImages/deleteSCicon.jpg) center center no-repeat;
	}
.shopTotalContent{
	clear:both;
	margin:30px 0 0 0;
	padding:20px 15px 0 15px;
	float:right;
	border-top:1px solid #ccc;
	font-size:15px;
	}	
#wrapper div.shopTotalContent div.subtotal,
#wrapper div.shopTotalContent div.total,
#wrapper div.shopTotalContent div.shipping,
#wrapper div.shopTotalContent div.discount{
	text-align:right;
	}
#wrapper div.shopTotalContent div.discount{	
	color:#EC1B24;
}
#wrapper div.shopTotalContent div.total{
	font-weight:bold;
	padding:10px 0 0 0;
	}	
.continueShopping{
	clear:both;
	float:right;
	padding:0 10px 0 0;
	}
.continueShopping input.greyButton{	
	margin:0;
}
.success-message{
	background-color:#92C723;
	color:#fff;
	border-radius:10px;
	padding:10px;
	margin:0 0 0 15px;
	float:left;
	}
.vs-user-autenticate-login,
.vs-user-autenticate-register{
	float:left;
	width:340px;
	overflow:auto;
	}	
.vs-user-autenticate-login{
	border-right:1px solid #ccc;
	}
.vs-user-autenticate-register{
	padding:0 0 0 30px;	
}
.vs-user-autenticate-login	div.mainLogin,
.vs-user-autenticate-register div.registrationContainer{
	width:auto;
	}

.ui-product-list-paginator{
	background-color:#F4F4F4;
	border-radius:10px;
	padding:10px;
	border:1px solid #CCCCCC;
	margin:0 0 20px 0;
	clear:both;
	}
.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;
	}	*/
.discount-row{
	background-color:#F0F0F0;
	border:1px solid #CCCCCC;
	border-radius:10px;
	padding:3px 3px 3px 15px;
	clear:both;
	margin:15px 0 0 0;
	float:left;
	}
.discount-row input.discountNum{
	border:1px solid #ccc;
	border-radius:10px;
	height:26px;
	width:200px;
	}
.brand-line-container{
	width:950px;
	border:1px solid #ccc;
	border-radius:10px;
	height:160px;
	padding:10px 0;
	overflow:visible;
	margin:15px 0 0 0;
	position:relative;
	z-index:200;
	}
.brand-line-container img{
	width:140px;
	}	

#ppBottom{ 	
	position:relative;
	clear:both;
	width:952px;
	margin:0 0 0 8px;
	overflow:hidden;
}
#ppBottom div.swiper-slide a{
	display:block;
	text-align:center;
	color:#666666;
	text-transform:uppercase;
	text-decoration:none;
	font-size:15px;
	}
#ppBottom a.sysytem-slider-arrow-left{
	position:absolute;
	left:10px;
	top:100px;
	display:block;
	z-index:250;
	}
#ppBottom a.sysytem-slider-arrow-right{
	right:10px;
	position:absolute;
	top:100px;
	z-index:250;
	}				
.promotional_period{
	margin:15px 0 5px 0;
	background-color:#ccc;
	border-radius:10px;
	padding:5px 10px;
	}	
.vs-checkout-conteiner img.delivery-img{
	float:left;
	margin:20px 20px 10px 20px;
	}	
.vs-checkout-conteiner div.delivery-info{
	float:left;
	width:470px;
	margin:20px 0 0 0;
	}
.vs-checkout-conteiner div.delivery-choice{
	clear:both;
	padding:20px 0 0 0;
	}
.vs-filter-container{
	margin:20px 0 0 0;
	}	
.ui-filter-view div.vs-filter-view-title{
	background:#00AEEF url(../resources/defImages/filter-arrow-close.png) center right no-repeat;
	line-height:42px;
	text-transform:uppercase;
	padding:0 15px;
	cursor:pointer;
	font-size: 16px;
	color:#fff;
	margin:4px 0 0 0;
	}
.ui-filter-view-brand div.vs-filter-view-title{
	background-color:#FFF200;
	color:#333;	
}
.ui-filter-view-6 div.vs-filter-view-title{
	background-color:#ED1C24;
}
.ui-filter-view-4 div.vs-filter-view-title,
.ui-filter-view-3 div.vs-filter-view-title{
	background-color:#92C723;
}
.ppLeftColumn ul.vs-check-list-control{
	max-height:150px;
	overflow:scroll;
	padding:10px;
	margin:0;
	border-left:1px solid #ccc;
	}
.ppLeftColumn li.ui-check-list-line{
	padding:4px 0 4px 0;
	}
.ppLeftColumn li.ui-check-list-line input[type='checkbox']{	
	margin:2px 8px 0 0;
	display:block;
	float:left;
}
.system-slider-text{
	padding:5px 10px;
	}
.system-slider-range{
	width:190px;
	margin:10px 0 15px 20px;
	}
.system-slider-max	{
	display:block;
	float:right;
	}
.vs-filter-view-controls{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	}	
.signedInContent{
	line-height:40px;
	height:40px;
	background:url(../resources/defImages/login.jpg) top left repeat-x;
	border-radius:10px 10px 0 0;
	color:#fff;
	padding:0 7px;
	}	
.signedInContent div.ui-user-welcome-message{
	float:left;
	}
.signedInContent div.ui-user-welcome-message a{
	color:#fff;	
	text-decoration:none;
}
.signedInContent input.logout{
	float:right;
	background-color:#fff;
	border-radius:6px;
	color:#16234E;
	padding:5px;
	margin:7px 0 0 0;
	}
.popupBasketContent a{
	color:#6CB244;
	font-weight:bold;
	width: 180px;
	display: block;
	float: left;
	}	
#shoppingCartRight div.sample-message{
	background-color:#F9BDC0;
	border-radius:10px;
	padding:10px 15px;
	margin:0 0 20px 0;
	}	
#shoppingCartRight div.sample-message h3{
	padding: 0 0 10px 0;
}
#shoppingCartRight div.sample-message a{
	display:block;
	color:#DE252E;	
}
.orderReviewUserRequirements textarea {
	width: 345px;
	height: 140px;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 5px 0 0 0;
}
.orderReviewUserRequirements {
	padding: 35px 0 0 0;
}