/* -------------------------------------------------------------------------------------------------- general ------------------- */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
body {
	margin:0;
	background:#2b2b2b url('../images/body-bg.jpg');
	  font-size:12px;
	  line-height:1.5;
	  font-family:arial,helvetica,sans-serif;
}
img { max-width:100%; height:auto; }
iframe { max-width:100%; height:auto; }

.rightimg { float:right; margin:0 0 10px 10px; max-width:50%; } 
.leftimg { float:left; margin:0 10px 10px 0; max-width:50%; } 

a { color:#000; }
a:hover { color:#e41a22; text-decoration:underline; }

body > div > div { 
	max-width:1000px;
	margin:0 auto;
	padding:0 20px;
	}
h1, h2, h3, h4 { margin:1em 0 0.2em; }
h1+*, h2+*, h3+*, h4+* { margin-top:0; }

/* forms */
.req { color:red; }
label, input, textarea, select {
	margin-top:10px;
	max-width:100%;
	}
input[type="submit"] { border:0; background:red; color:#fff; padding:10px; border-radius:10px; } 
input[type="submit"]:hover { cursor:pointer; }

/* -------------------------------------------------------------------------------------------------- header ------------------- */

#topBlock { min-height:40px; line-height:25px; padding:7px 0; background:#000; border-bottom:1px solid #757575; color:#919191; text-align:right; font-size:16px; }
#topBlock a { color:#919191; text-decoration:none; }

#topBlock strong { color:#fff; margin-right:10px; }
#topBlock strong a { color:#fff; }
#headerBlock { background:#141414 url('../images/background.jpg'); padding:17px 0 38px 0; } 
#headerBlock .logo { padding:0 43px 0 28px; display:inline-block; max-width:30%; }
#headerBlock .logo + img { max-width:68%; }
#navBlock {
	border-bottom:1px solid #c9c9cb;
background: #c0c0c0; /* Old browsers */
background: -moz-linear-gradient(top,  #c0c0c0 1%, #afafaf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c0c0c0), color-stop(100%,#afafaf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c0c0c0 1%,#afafaf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c0c0c0 1%,#afafaf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c0c0c0 1%,#afafaf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c0c0c0 1%,#afafaf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */
	}
#navBlock > div { position:relative; }
#navBlock > div > div+div {
	position:absolute; right:40px; bottom:0;
	background:#fff;
	color:#666; font-size:12px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	min-height:55px;
	min-width:230px;
	padding:10px 20px;
	box-shadow:0 0 50px rgba(0,0,0,0.5);
	} 
#navBlock > div > div+div > img { display:block; padding-right:10px; vertical-align:middle; } 
#navBlock > div > div+div > div {
	display:inline-block;
	color:#e41a22;
	}
#navBlock > div > div+div > div > a img { vertical-align:middle; }
	
/* -------------------------------------------------------------------------------------------------- topNav ------------------- */

.topNav {
	list-style:none;
	margin:-7px 0 0 0;
	min-height:33px;
	padding:0;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	}
.topNav {
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 1%, #cecece 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcfcfc), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 1%,#cecece 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 1%,#cecece 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 1%,#cecece 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 1%,#cecece 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
	}
.topNav li {
	display:inline-block;
	border-right:1px solid #cecece;
}
.topNav li a {
	min-height:39px;
	line-height:39px;
	padding:0 15px;
	display:block;
	text-decoration:none;
	color:#000;
	font-size:16px;
	}
.topNav li:hover a {
	color:#e41a22;
}

/* -------------------------------------------------------------------------------------------------- inside ------------------- */

#contentBlock { background:#212121; padding:20px; }
#contentBlock > div { max-width:960px; background:#ffffff; margin:0 auto; border-radius:10px; padding:30px; }
#contentBlock > div > div { margin-bottom:10px; }
#contentBlock > div > div:nth-of-type(2) { float:right; width:100%; margin-left:-180px; }
#contentBlock > div > div:nth-of-type(2) > div { margin-left:200px; }
#contentBlock > div > div.sidebar {
	position:relative;
	float:left; clear:left; width:180px; padding:0 15px;
	border-radius:20px;
	border:1px solid #e6e6e6;
	box-shadow:inset 0 0 50px rgba(0,0,0,0.1);
	}
#contentBlock > div > div.sidebar h3 {
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	}
#contentBlock > div > div.sidebar ul {
	list-style:url('../images/li.png') inside;
	padding:0;
	}
#contentBlock > div > div.sidebar ul li a { color:#000; font-size:12px; font-weight:bold; text-decoration:none; } 

.homepage-categories > a {
	float:left; width:49.5%; min-height:200px; padding:20px;
	border:1px solid #e6e6e6; border-radius:10px;
	text-align:center; text-decoration:none; color:#fff; font-size:30px;
	box-shadow: inset 0 0 50px rgba(0,0,0,0.1); 
	} 		
.homepage-categories > a:nth-of-type(even) { margin-left:1%; }
.homepage-categories > a > img { display:block; margin:0 auto; }
.homepage-categories > a > span { background:#4d4d4d; display:block; text-shadow:2px 2px 5px #000; margin:0 -20px; line-height:1.5em; }
.homepage-categories > a:hover > span { background:#cb090e; }

/* -------------------------------------------------------------------------------------------------- sidebar ------------------- */

.sidebar h3+p { margin-bottom:0; }
.sidebar > *:last-child { margin-bottom:16px; }
form[name="mailing"] input, form[name="mailing"] label { display:inline-block; vertical-align:middle;} 
form[name="mailing"] div:nth-of-type(1) > input:nth-of-type(1){ width:100px; }

/* -------------------------------------------------------------------------------------------------- category ------------------- */

.breadcrumbs { font-size:11px; }

.page_headers, h1[itemprop="name"] {
	font-size: 26px;
	font-weight: bold;
	color: #e41a22;
	line-height: 31px;
}

p.note{
	padding: 0px;
	margin:10px 0;
	color: #ef1c22;
	}
	
.products-header,
.titles,
#productWrapper h2,
#divOptionsBlock h3,
body .ui-tabs .ui-tabs-nav li a,
.relatedBlock h3 
 {
	clear:both;
	font-size: 16px;
	line-height:22px;
	color: #242424;
	font-weight: bold;
	font-style:italic;
	text-transform:uppercase;
	margin: 0;
	padding: 0; 
	border-bottom: 1px solid #565656;
	display:block; 
	width:100%;
}



.btn,
.btn_over,
.chk-buttons > a
	{
	margin:10px auto 0;
	color:#fff; 
	background:#000;
	border-radius:5px;
	padding:5px;
	border:0;
	text-decoration:none;
	}
.btn:hover,
.btn_over,
.chk-buttons > a:hover
	{
	background:#e41a22;
	}
	
	

/* -------------------------------------------------------------------------------------------------- listing ------------------- */


.totalrating { display:none; }

.addl-images { display:none; }
.primary { float:left; width:45%; }
.secondary { float:right; width:50%; }

.secondary h1 { margin-top:0; }
.extended_descriptionBlock { clear:both; }

#tabs { clear:both; }

#productWrapper h2 { padding:1em 0 0; margin-bottom:0.5em; }
#productWrapper .breadcrumbs { padding-bottom:20px; }

#divOptionsBlock { width:100%; margin:10px 0; float:none; border:1px solid #e9e9e9; border-radius:20px; padding:10px; }

.opt-regular { padding-top:10px; }

.main-image > a,
.main-image > a > img { max-width:100%!important; }

.addToCartBlock > input[type="text"] { border:1px solid #b3b3b3; border-radius:5px; padding:5px; margin-left:10px; } 

.shippingNote { display:block; margin:1em 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; color:#e41a22; }

body .ui-widget-content { border:none; }
body .ui-widget-header { background:none; }
body .ui-tabs li { border:none!important; display:block; width:100%; }
body .ui-tabs .ui-tabs-panel { padding:0; }




#mediaContainer+a, #mediaContainer+a+a { display:none; }
.social-bookmarking { padding-bottom:5px; }
/* -------------------------------------------------------------------------------------------------- responsive columns ------------------- */

			/*  ------------------- responsive columns - category ------------------- */
			
			#subcategoriesBlock ul { padding-left:0; }
			
			#category .productBlockContainer,
			#viewCart .productBlockContainer,
			#subcategoriesBlock ul li,
			.relatedBlock .productBlockContainer {
				list-style:none;
				float:left; width:31.3%; margin:10px 1%; padding:10px; overflow:hidden;
				border:1px solid #e9e9e9; border-radius:20px; text-align:center;
				}
			#subcategoriesBlock ul li { width:48%; }
			#category .productBlockContainer:nth-of-type(3n+2) { clear:both; }
			
			@media screen  and (max-width:740px){
				#category .productBlockContainer,
				#viewCart .productBlockContainer,
				#subcategoriesBlock ul li { width:48%; margin:10px 1%; }
				#category .productBlockContainer:nth-of-type(3n+2) { clear:none; } /* undoing earlier style */
				#category .productBlockContainer:nth-of-type(2n+2) { clear:both; } /* new style */
				#viewCart .productBlockContainer:nth-of-type(2n+3) { clear:both; }
			}
			@media screen  and (max-width:380px) {
				#category .productBlockContainer,
				#viewCart .productBlockContainer,
				#subcategoriesBlock ul { width:100%; margin:10px 0%; }
				#subcategoriesBlock ul li { width:100%; }
			}
				
			/* ------------------- responsive columns - detail ------------------- */
			
			.relatedBlock .productBlockContainer:nth-of-type(3n+2) { clear:both; }
			
			
			@media screen  and (max-width:740px){
				.relatedBlock .productBlockContainer { width:48%; margin:10px 1%; }
				.relatedBlock .productBlockContainer:nth-of-type(3n+2) { clear:none; } /* undoing earlier style */
				.relatedBlock .productBlockContainer:nth-of-type(2n+2) { clear:both; } /* new style */
			}
			@media screen  and (max-width:380px) {
				.relatedBlock .productBlockContainer { width:100%; margin:10px 0%; }
			}
			
/* -------------------------------------------------------------------------------------------------- other inside pages ------------------- */

.error-img { display:inline-block; }
.crmField label { min-width:60px; display:inline-block; vertical-align:top; }


/* ----------------------------- cart ----------------------------- */
.chk-buttons { text-align:right; padding:20px 0; }
h1+.chk-buttons { padding-top:0; }

.shoppingCartItems { overflow:hidden; }
.shoppingCartItems .titles2,
	#divCart > .titles2 { background:#eee; overflow:hidden; }
.shoppingCartItems .titles2 > div,
	#divCart > .titles2 > div { color:#e41a22; padding:5px; text-transform:uppercase; font-weight:bold; }
.shoppingCartItems > div > div { float:left; } /*  border:1px dotted red; */
.shoppingCartItems > div > div:nth-of-type(1) { width:65%; padding-right:5%; }
.shoppingCartItems > div > div:nth-of-type(2),
.shoppingCartItems > div > div:nth-of-type(3),
.shoppingCartItems > div > div:nth-of-type(4) { width:10%; }
.shoppingCartItems > div > div:nth-of-type(5),
	.shoppingCartItems > .shoppingCartTotal > div:nth-of-type(1) { width:5%!important; }

.item-qty > a { display:block; }

.shoppingCartItems .product-image a,
	#divCart .img a { float:left; margin-right:10px; }

.shoppingCartItems .row,
	#divCart .row { padding:10px 0; clear:both; }
.shoppingCartItems input { margin-top:0; }

.shoppingCartItems > .shoppingCartTotal > div { float:right; width:10%!important;}
.shoppingCartItems > .shoppingCartTotal > div:nth-of-type(1),
.shoppingCartItems > .shoppingCartTotal > div:nth-of-type(5) { clear:both; }




/* ----------------------------- checkout ----------------------------- */

#divCart > div > div { float:left; }

#divCart > div > div:nth-of-type(1) { width:65%; padding-right:5%;  }
#divCart > div > div:nth-of-type(2),
#divCart > div > div:nth-of-type(3),
#divCart > div > div:nth-of-type(4) { width:10%; }
#divCart > div > div > div:nth-of-type(5){ display:none; }

#checkoutSinglePage label { display:inline-block; width:80px; text-align:right; padding-right:10px; }
#checkoutSinglePage input[type="checkbox"] + label { width:auto; }
#checkoutSinglePage input[type="radio"] { float:left; margin-top:0; }
#checkoutSinglePage .chkComments label { width:100%; display:block; text-align:left; }
#checkoutSinglePage #divPaymentMethods label { width:auto; }

.account_login1 { clear:both; padding-top:20px; }

@media screen  and (max-width:1000px){
	.shoppingCartItems > div > div:nth-of-type(1) { width:50%; }
	.shoppingCartItems > div > div:nth-of-type(2),
	.shoppingCartItems > div > div:nth-of-type(3),
	.shoppingCartItems > div > div:nth-of-type(4) { width:15%; }
	.shoppingCartItems > .shoppingCartTotal > div { width:15%!important;}
	
	#divCart > div > div:nth-of-type(1) { width:50%; }
	#divCart > div > div:nth-of-type(2),
	#divCart > div > div:nth-of-type(3),
	#divCart > div > div:nth-of-type(4) { width:15%; }

	
}
@media screen  and (max-width:700px){
	.titles2 { display:none; }
	
	.shoppingCartItems > div > div:nth-of-type(1) { width:100%; }
	.shoppingCartItems > div > div:nth-of-type(2),
	.shoppingCartItems > div > div:nth-of-type(3),
	.shoppingCartItems > div > div:nth-of-type(4) { width:33.3%; }
	.shoppingCartItems > .shoppingCartTotal > div { width:33.3%!important;}
	
	#divCart > div > div:nth-of-type(1) { width:100%; }
	#divCart > div > div:nth-of-type(2),
	#divCart > div > div:nth-of-type(3),
	#divCart > div > div:nth-of-type(4) { width:33.3%; }

	
	.row .item-qty:before,
		.checkout-quantity:before { content:"Qty:"; display:block; }
	.row .item-price:before,
		.checkout-price:before { content:"Price:"; display:block; }
	.row .item-total:before,
		.checkout-total:before { content:"Total:"; display:block; }
	
	.row { overflow:hidden; padding:10px!important; }
	.row:nth-of-type(even) { background:#eee; } 
	.row:nth-of-type(odd) { background:#ddd; } 
	
	#checkoutSinglePage label { width:auto; display:block; text-align:left; padding-right:0; }
	#checkoutSinglePage label + input { margin-top:0; }
	#checkoutSinglePage input[type="checkbox"],
	#checkoutSinglePage input[type="checkbox"] + label { display:inline-block; }
}




/* -------------------------------------------------------------------------------------------------- footer1 ------------------- */

#footerBlock1 { background:#000; color:#fff; }
#footerBlock1 a { color:#9e9e9e; text-decoration:none; }
#footerBlock1 a:hover { color:#fff; text-decoration:underline; }
#footerBlock1 p:nth-child(1) { float:left; }
#footerBlock1 p:nth-child(1) a { color:#d8151d; font-size:18px; font-weight:bold; padding-right:40px; } 
#footerBlock1 p:nth-child(2) { float:left; }
#footerBlock1 p:nth-child(2) a { padding:0 12px; font-size:11px; font-weight:bold; }
#footerBlock1 p:nth-child(3) { float:right; font-weight:bold; }

/* -------------------------------------------------------------------------------------------------- footer2 ------------------- */

#footerBlock2 { color:#9e9e9e; font-size:13px; padding-bottom:20px; }
#footerBlock2 a { color:#9e9e9e; text-decoration:none; }
#footerBlock2 a:hover { color:#ffffff; text-decoration:underline; }
#footerBlock2 p:last-child { text-align:right; }
#footerBlock2 p:last-child a { color:#ccc; }
#footerBlock2 p:last-child a:hover { color:#676767; }

/* -------------------------------------------------------------------------------------------------- responsive ------------------- */

@media screen  and (max-width:800px){
	.homepage-categories > a { font-size:20px; } 
	#footerBlock1 p:nth-child(1),
	#footerBlock1 p:nth-child(2),
	#footerBlock1 p:nth-child(3) { float:none; text-align:center; }
	#footerBlock1 p:nth-child(1) a { padding-right:0; }
}
@media screen  and (max-width:740px){
	#topBlock,
	#headerBlock,
	#navBlock { text-align:center; }
	#headerBlock { padding-bottom:50px; text-align:center; }
	#headerBlock .logo { padding:0; display:block; max-width:100%; }
	#headerBlock .logo + img { max-width:100%; width:350px; }
	#navBlock > div > div+div { min-height:0px; bottom:39px; box-shadow:inset 0 -5px 10px rgba(0,0,0,0.2); right:50%; margin-right:-200px; width:400px; }
	#navBlock > div > div+div > img { display:inline-block; }
	.topNav li:nth-of-type(1) { border-left:1px solid #cecece; }

	.primary,
	.secondary { float:none; width:100%; display:block; }
	.secondary { padding-top:20px; }
}

@media screen  and (max-width:650px) and (min-width:530px){
	 .homepage-categories > a,
	 .homepage-categories > a:nth-of-type(even) { width:100%; margin-left:0; }
}
@media screen  and (max-width:530px){
	#contentBlock > div > div:nth-of-type(2),
	#contentBlock > div > div.sidebar { float:none; display:block; width:100%; }
	#contentBlock > div > div:nth-of-type(2),
	#contentBlock > div > div:nth-of-type(2) > div { margin-left:0; }

	#headerBlock { padding-bottom:17px; }
	#navBlock > div { padding:0; }
	.topNav { margin:0; border-radius:0; min-height:0; }
	.topNav li { float:left; width:50%; }
	.topNav li a { 
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 1%, #cecece 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcfcfc), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 1%,#cecece 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 1%,#cecece 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 1%,#cecece 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 1%,#cecece 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
	}
	#navBlock > div > div+div {
		position:relative; width:100%; clear:both; margin:0;
		right:auto; bottom:auto; border-radius:0; 
	 }
	 #contentBlock,
	 #contentBlock > div { padding:10px; }
}
@media screen  and (max-width:410px){
	#footerBlock1 p:nth-child(2) a { display:block; margin:10px 0; }
}
@media screen  and (max-width:381px){
	 .homepage-categories > a,
	 .homepage-categories > a:nth-of-type(even) { width:100%; margin-left:0; }
}
@media screen  and (max-width:350px){
	#navBlock > div > div+div > img { display:block; padding:0; margin:0 auto 5px; } 
}
@media screen  and (max-width:320px){
	#topBlock strong { display:block; }
}