/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body {margin: 0; padding: 0; height: 100%;}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, images, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul, ol {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td images {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 images {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {-webkit-filter: expression(document.execCommand("BackgroundImageCache", false, true));filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.clb {clear: both; }
.hidden {display: none}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/*sticky footer */
	
	#pusher {
	  min-height: 100%;
	  height: auto !important;
	  height: 100%;
	  margin: 0 auto -80px;
	  padding: 0 0 80px;
	  position: relative;
	  overflow: hidden;
	  width: 1280px;
	}	


	footer {
		height: 80px;
		position: relative;
		z-index: 2;
	}


	*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	div.wrapper{
		width: 1280px;
		margin: 0 auto;
	}

@media all and (max-width: 1024px){
	body{
		zoom: 0.78 !important;
	}
}

/* Header.
-------------------------------------------------------------------------------*/
header{
	width: 100%;
	height: 110px;
	background: url(../images/header-bg.png) no-repeat #2A1D14;
	-webkit-background-size: 100% 100%;
	     -o-background-size: 100% 100%;
	        background-size: 100% 100%;
	position: relative;
	font: 12px 'PT_Sans';
}
header nav{
	float: left;
	position: relative;
	padding-top: 64px;
	padding-left: 10px;
}
header nav ol li{
	display: block;
	float: left;
	margin-left: 12px;
	font-size: 17px;
	text-transform: uppercase;
}
header nav ol li a{
	padding: 3px 0 3px 6px;
	color: white;
	text-decoration: none;
}
header nav ol li a:hover{ color: #bf1e2e; }
header nav ol li a.active{
	background: url(../images/top-menu-active.png) left center no-repeat;
	-webkit-background-size: 100% 100%;
	     -o-background-size: 100% 100%;
	        background-size: 100% 100%;
	color: #bf1e2e;
}
header div.adv_menu{
	position: absolute;
	right: 0;
	top: 0;
}
header div.adv_menu a{
	float: left;
	margin-right: 0;
	margin-left: 28px;
	font-size: 16px;
}
header div.adv_menu a.actve{ color: #BF1E2E; }
header a.logo{
	display: block;
	position: absolute;
	left: 50%;
	top: 17px;
	width: 161px;
	height: 74px;
	margin-left: -81px;
	background: url(../images/logo.png) no-repeat;
}
header a.fb,
header a.ins,
header a.gp,
header a.cart{
	float: right;
	margin-top: 24px;
	margin-right: 20px;
	font-size: 12px;
	color: white;
	text-decoration: none;
}
header a.fb:hover,
header a.ins:hover,
header a.cart:hover{
	color: #bf1e2e;
}
header a.ins,
header a.cart{ margin-right: 28px; }
header a.cart strong{ font-weight: normal;}

header ul{
	display: block;
	float: right;
	margin-top: 29px;
	clear: right;
}
header ul li{
	float: left;
	color: white;
	font-size: 13px;
	margin-right: 18px;
}
header ul li:last-child{ margin-right: 28px; }
header ul li a{ color: white; }
header ul li a:hover{ color: #bf1e2e; }

/* Banner.
-------------------------------------------------------------------------------*/
div.banner{
	position: relative;
	width: 100%;
	height: 328px;
}

/* Midline menu
-------------------------------------------------------------------------------*/
nav.mid-menu{
	width: 100%;
	height: 262px;
	font-family: 'PT_Sans';
}
nav.mid-menu ol{
	width: 100%;
	height: 262px;
}
nav.mid-menu ol li{
	display: table;
	float: left;
	width: 20%;
	height: 262px;
	padding: 0 20px;
	-webkit-background-size: 100% 524px !important;
	     -o-background-size: 100% 524px !important;
	        background-size: 100% 524px !important;
	overflow: hidden;
}
.menu1{ background: url(../images/mid-menu-2.jpg) no-repeat; }
.menu2{ background: url(../images/mid-menu-1.jpg) no-repeat; }
.menu3{ background: url(../images/mid-menu-3.jpg) no-repeat; }
.menu4{ background: url(../images/mid-menu-4.jpg) no-repeat; }
.menu5{ background: url(../images/mid-menu-5.jpg) no-repeat; }
nav.mid-menu ol li:hover{ background-position: bottom; }
nav.mid-menu ol li a{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 37px;
	line-height: 35px;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	opacity: 0;
	padding-top: 160px;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
 }
nav.mid-menu ol li:hover a{ 
	opacity: 1;
	padding-top: 0px;
}

/* small-banner
-------------------------------------------------------------------------------*/
div.small-banner{
	width: 50%;
	float: left;
	max-height: 280px;
	overflow: hidden;
}
div.small-banner img{
	width: 100%;
	height: auto;
	display: block;
}
div.small-banner iframe{
	width: 100%;
	height: 280px
}

/* Article. 250$
-------------------------------------------------------------------------------*/
article{
	display: table;
	float: left;
	width: 100%;
	height: 569px;
	background: url(../images/article.jpg) no-repeat;
	-webkit-background-size: 100% 100%;
	     -o-background-size: 100% 100%;
	        background-size: 100% 100%;
	font-family: 'PartnerBlack';
}
article div{
	display: table-cell;
	width: 50%;
	height: 100%;
	padding-left: 28px;
	vertical-align: middle;
	font-weight: bold;
	line-height: normal;
	color: white;
	font-size: 42px;
}
article div h1{ font-size: 82px; }
article div h2{ font-size: 72px; }
article div h3{	font-size: 62px; }
article div h4{	font-size: 52px; }
article div p{
}
/*article div span{
	float: left;
	margin-top: 10px;
	padding: 20px 30px 10px 30px;
	border: 6px solid white;
	overflow: hidden;
	line-height: 60px;
	font-size: 60px;
	clear: both;
}*/

/* Footer.
-------------------------------------------------------------------------------*/
footer div.footer{
	width: 100%;
	height: 80px;
	line-height: 80px;
	background: url(../images/footer-label.png) right no-repeat, 
				url(../images/header-bg.png) top no-repeat;
	font-family: 'PT_Sans';
}
footer div.footer ul{
	display: block;
	float: left;
}
footer div.footer ul li{
	float: left;
	color: white;
	font-size: 13px;
	margin-right: 18px;
}


footer div.footer ul li.subscribe{
	padding-left: 20px;
}
li.subscribe a{
	display: block;
	float: left;
}
li.subscribe div#mc_embed_signup{
	float: left;
	margin-left: 30px;
	display: none;
	position: relative;
}
li.subscribe input.email{
	margin-left: 10px;
	background: #F3F0EC;
	height: 30px;
	width: 220px;
	border: 1px solid #000;
	padding: 0 10px;
	outline: none;
	font-family: 'PT_Sans';
	font-size: 16px;
	-webkit-box-shadow: inset 3px 3px 7px -3px #000;
	        box-shadow: inset 3px 3px 7px -3px #000;
}
li.subscribe input[type=submit]{
	height: 28px;
	padding: 0 8px;
	margin-left: 2px;
	letter-spacing: 1px;
	line-height: 32px;
	background: #D00029;
	border: none;
	text-align: center;
	font-family: 'PartnerBlack';
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	outline: none;
}
li.subscribe input.mce_inline_error{
	border-color: #D00029;
}
li.subscribe input[type=submit]:hover{ background-color: #FF6600; }
li.subscribe div.mce_inline_error,
li.subscribe div#mce-error-response,
li.subscribe div#mce-success-response{
	color: #F00;
	position: absolute;
	bottom: 64px;
	left: 72px;
	line-height: normal;
	margin: 0;
	padding: 3px 5px;
	background-color: #D00029;
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
}
li.subscribe div.mce_inline_error:before,
li.subscribe div#mce-error-response:before{
	content: '';
	width: 0;
    height: 0;
    position: absolute;
    bottom: -7px;
    left: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #D00029;
}
li.subscribe div#mce-success-response{ background-color: #4bce4e; }

footer div.footer ul li:first-child{ 
	margin-left: 30px;
	margin-right: 56px; 
}
footer div.footer ul li a{ color: white; }
footer div.footer ul li a:hover{ color: #bf1e2e; }

/* view.html
-------------------------------------------------------------------------------*/
div.grid{
	width: 100%;
	float: left;
	background-color: #f8f8f6;
}
div.grid div.left-column{
	width: 20%;
	float: left;
}
div.grid div.left-column div{ 
	display: table; 
	width: 100%;
	height: 260px;
	background-position: bottom;	
}
div.grid div.left-column div strong{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 37px;
	line-height: 35px;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-weight: normal;
}

div.grid div.left-column ul li{
	width: 100%;
/*	height: 65px;*/
	overflow: hidden;
}
div.grid div.left-column ul li.active>a{
	border-color: #bf1e2e;
	color: #281c14;
}
div.grid div.left-column ul li.active a:hover{
	border-color: #bf1e2e;
	color: #281c14;
}
div.grid div.left-column ul li a{
	display: block;
	width: 100%;
	height: 100%;
	border: 11px solid #f8f8f6;
	text-align: center;
	line-height: 45px;
	font-family: 'PT_Sans';
	text-transform: uppercase;
	text-decoration: none;
	font-size: 20px;
	color: #bf1e2e;
}
div.grid div.left-column ul li a:hover{
	border-color: #e2e2e0;
	color: #5C3719;
}


div.grid div.left-column ul li.active ul{
/*	border-color: #bf1e2e;
	color: #281c14;*/
	background-color:#e2e2e0;
}
div.grid div.left-column ul li.active ul li{
/*	border-color: #bf1e2e;
	color: #281c14;*/
}
div.grid div.left-column ul li.active ul li a{
	line-height: 35px;
	font-size: 14px;
	border: 5px solid #f8f8f6;
}
div.grid div.left-column ul li.active ul li.active a{
	border-color: #bf1e2e;
	color: #281c14;
}

div.grid div.left-column span{
	display: block;
	width: 100%;
	height: 47px;
	margin: 20px 0;
	background: url(../images/iconz.png) top center no-repeat;
}

div.grid div.right-column{
	width: 80%;
	float: left;
}
div.grid div.right-column div#description{
	width: 100%;
	height: 912px;
	display: none;
	position: relative;
	
	clear: both;
	overflow: hidden;
	/*background-color: #fbdcfc;*/
}
div.grid div.right-column div.square{
	display: block;
	-webkit-background-size: 100% 100% !important;
	     -o-background-size: 100% 100% !important;
	        background-size: 100% 100% !important;
	float: left;
	width: 25%;
	height: 260px;
	position: relative;
	overflow: hidden;
	line-height: 260px;
	cursor: pointer;
}
div.grid div.right-column div.square img{
	position: absolute;
	width: 100%;
	height: 100%;
}
div.grid div.right-column div.square span.brand{
	font-size: 16px;
/*	margin-left: 10px;*/
}
.slideInDown,
.slideInRight,
.slideInLeft,
.slideInUp,
.slideOutDown,
.slideOutRight,
.slideOutLeft,
.slideOutUp{
	width: 100%;
	height: 260px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(184, 30, 40, .8);
	z-index: 1;
}
/*div.grid div.right-column div.square:hover div{ height: 260px; }*/
div.grid div.right-column div.square:hover a { 
	opacity: 1; 
	padding-left: 20px;
}
div.grid div.right-column div.active a { 
	opacity: 1 !important; 
	padding-left: 20px !important;
}
div.grid div.right-column div.square a{
	display: inline-block;
	position: relative;
	width: 100%;
	padding-left: 40px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	font-size: 22px;
	line-height: 30px;
	color: white;
	text-transform: uppercase;
	font-family: 'PartnerBlack';
	z-index: 2;
	opacity: 0;

    transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}

div.grid div.right-column div.square a span{
	display: block;
	float: left;
}
div.grid div.right-column div.square a strong{
	font-size: 24px;
	float: left;
	width: auto;
	padding: 6px 16px 2px 16px;
	display: block;
	clear: both;
	border: 6px solid white;
	margin-top: 20px;
}
/* view.html right column product-info
-------------------------------------------------------------------------------*/
div.product_info{
	display: block !important;
	float: left !important;
	width: 100% !important;
	height: 912px !important;
}

div.pi_slider{
	float: left;
	width: 50%;
	height: 912px;
	overflow: hidden;
	background: url(../images/papai.png) top center no-repeat,
				url(../images/papaico.png) bottom 28px center no-repeat #f8f8f6;
}
div.pi_slider div.bg-delivery{
	width: 512px;
	height: 456px;
	float: left;
	-webkit-background-size: 100% 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	background-position: center;
}
div.pi_box{
	float: right;
	width: 50%;
	height: 100%;
}

	div.pi_top{
		float: left;
		width: 100%;
		height: 50%;
		padding: 40px 20px 20px 40px;
		overflow-x: hidden;
		background-color: #f3f0ec;
	}
	div.title{ 
		float: left; 
		margin-bottom: 26px;
	}
	div.pi_top div.title h1{
		width: 100%;
		color: #bf1e2e;
		font-size: 30px;
		line-height: 40px;
		text-transform: uppercase;
		font-family: 'PartnerBlack';
	}
	div.pi_top div.title h2{
		width: 100%;
		margin-bottom: 12px;
		color: #262626;
		font-size: 20px;
		line-height: 46px;
		text-transform: uppercase;
		font-family: 'PartnerBlack';	
	}
	div.pi_top div.title span{
		height: 49px; 
		float: left;
		padding: 0 16px;
		line-height: 44px;
		margin-right: 18px;
		font-family: 'PartnerBlack';	
		font-size: 25px;
		color: #bf1e2e;
		border: 6px solid #bf1e2e;
	}
	div.pi_top div.title a{
		height: 49px; 
		float: left;
		padding: 0 16px;
		line-height: 42px;
		font-family: 'PartnerBold';
		font-size: 16px;
		color: #5c3719;
		border: 6px solid #5c3719;
		text-decoration: none;
		text-transform: uppercase;
	}
	div.pi_top div.title a:hover{
		color: black;
		border-color: black;
	}
	div.pi_top div.pi_top_content{
		font-family: 'PT_Sans';
		color: #262626;
		font-size: 16px;
	}
	div.pi_top div.pi_top_content p,
	div.pi_top div.pi_top_content ul,
	div.pi_top div.pi_top_content span{
		margin-top: 10px;
		clear: both;	
	}
	div.pi_top div.pi_top_content ul li{ 
		list-style: square; 
		margin-left: 20px;
	}
	div.pi_top div.pi_top_content a{ color: #D00029; } 
	div.pi_top div.pi_top_content a:hover{ color: #5C3719; } 

	div.pi_bottom{
		float: left;
		width: 100%;
		height: 50%;
		padding: 40px 10px 20px 40px;
		overflow-x: hidden;		
		background-color: #f8f8f6;
	}
	div.pi_bottom h1{
		clear: both;
		display: block;
		width: 100%;
		float: left;
		margin-bottom: 22px;
		font-size: 16px;
		color: #bf1e2e;
		font-family: 'PT_Sans_Bold';
	}
	div.pi_bottom h2{
		clear: both;
		display: block;
		width: 100%;
		float: left;
		font-size: 16px;
		color: #262626;
		font-family: 'PT_Sans';
		text-transform: uppercase;
	}
	div.pi_bottom p,
	div.pi_bottom span{
		margin-bottom: 20px;
		font-size: 16px;
		color: #262626;
		font-family: 'PT_Sans';
	}
	div.pi_bottom div{
		float: left;
		margin-top: 20px;
	}
	div.pi_bottom div.fb-like{
		margin-top: 0px;
		margin-right: 30px;
	}
	div.pi_bottom a{ color: #D00029; } 
	div.pi_bottom a:hover{ color: #5C3719; } 
	
	/* cart style
	---------------------------------------------------------------------------*/
	div.cart{
		width: 100%;
		height: auto;
		background-color: #F8F8F6;
		overflow: hidden;
		display: none;
	}
	div.cart h1{
		color: #BF1E2D;
		text-transform: uppercase;
		font-size: 30px;
		font-family: 'PartnerBlack';
		margin-left: 65px;
		margin-top: 47px;
		padding-bottom: 10px;
	}
	div.cart table{
		width: 100%;
		margin-bottom: 54px;
	}
	div.cart table tr td{
		height: 39px;
		background-color: #F3F0EC;
		overflow: hidden;
		vertical-align: middle;
	}
	div.cart table tbody:first-child tr td{
		height: 5px;
		margin: 0;
		padding: 0;
		background-color: inherit;
	}
	div.cart table tr:nth-child(2n) td.count{ background-color: #F3F0EC; }
	
	div.cart table tbody:first-child tr td.price{
		border-top: 3px solid #D00029;
	}
	div.cart table tr:nth-child(2n) td{
		background-color: #F8F8F6;
	}
	div.cart table tr td:first-child{
		width: 66px;
	}
	div.cart table tr td:first-child a{
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		/*background: url(../images/cross-bt.png) top center no-repeat;*/
	}
	div.cart table tr td:first-child a div{
		width: 2px;
		height: 14px;
		background-color: #BF1E2D;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -7px;

		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);

		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	div.cart table tr td:first-child a div:first-child{
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	div.cart table tr td:first-child a:hover div{
		background-color: orange;
		margin-top: -8px;
		height: 16px;
		width: 3px;

		transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
	}
	div.cart table tr td:first-child a:hover div:first-child{
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	div.cart table tr td.title{
		padding-top: 6px;
		color: #262626;

		font-size: 20px;
		font-family: 'PartnerBlack';
		text-transform: uppercase;
	}
	div.cart table tr td.space{ width: 150px; }
	div.cart table tr td.count{
		width: 84px;
		padding-right: 14px;
		
		color: black;
		font-size: 16px;
		text-align: right;
		background-color: #E9E4DD;
		text-transform: uppercase;
		font-family: 'PT_Sans_Bold';
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	}
	div.cart table tr td.price{
		width: 120px;
		padding-right: 14px;
		
		color: #D00029;
		font-size: 16px;
		text-align: right;
		text-transform: uppercase;
		font-family: 'PT_Sans_Bold';
		border-left: 3px solid #D00029;
		border-right: 3px solid #D00029;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
	div.cart table tr.total td{
		background-color: inherit;
	}
	div.cart table tr td.total{
		width: 151px;
		padding-right: 14px;

		font-size: 16px;
		text-align: right;
		font-family: 'PT_Sans_Bold';
	}
	div.cart table tr.end td{
		height: 5px;
		background-color: inherit;
	}
	div.cart table tr.end td.price{
		border-bottom: 3px solid #D00029;
	}
	div.cart table tr.end td.count{
		background-color: inherit;
	}

	div.cart div.delivery{
		float: left;
		width: 430px;
		margin-left: 65px;
		margin-bottom: 20px;
	}
	div.text{
		width: 100%;
		height: auto;
	}
	div.text p,
	div.text span{
		float: left;
		clear: both;
		display: block;
		position: relative;
		padding-left: 26px;
		color: #262626;
		font-family: 'PT_Sans';
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 20px;	
	}
	div.text a{	color: #D00029; } 
	div.text a:hover{ color: #5C3719; } 

	div.cart div.delivery input[type=radio]{
		display: none;
	}
	div.cart div.delivery label{
		float: left;
		clear: both;
		display: block;
		position: relative;
		padding-left: 26px;
		color: #262626;
		font-family: 'PT_Sans';
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	div.cart div.delivery label:hover{
		color: #BF1E2D;
	}
	div.cart div.delivery label span{
		top: 4px;
		left: 2px;
		width: 14px;
		height: 14px;
		display: block;
		margin-right: 10px;
		position: absolute;

		border: 4px solid white;
		background-color: white;
		-webkit-box-shadow: 0px 0px 0px 2px #010202;
		        box-shadow: 0px 0px 0px 2px #010202;
		
		border-radius: 1px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
	}
	div.cart div.delivery input[type=radio]:checked + label span{
		background-color: #BF1E2D !important;
		-webkit-box-shadow: 0px 0px 0px 2px #BF1E2D;
		        box-shadow: 0px 0px 0px 2px #BF1E2D;
	}
	div.cart div.delivery h2{
		color: #262626;
		margin-bottom: 7px;

		font-size: 20px;
		font-family: 'PartnerBlack';
		text-transform: uppercase;
	}
	div.cart div.about-me{
		clear: both;
		background-color: #F3F0EC;
		color: #262626;
		padding-left: 65px;
		overflow: hidden;
		padding-bottom: 30px;
	}
	div.cart div.about-me h2{
		margin-top: 22px;
		margin-bottom: 26px;
		display: block;
		width: 100%;
		clear: both;

		font-size: 20px;
		font-family: 'PartnerBlack';
		text-transform: uppercase;
		line-height: normal;
	}
	div.about-me ul li{
		float: left;
		width: 275px;
	}
	div.about-me input{
		width: 247px;
		height: 34px;
		float: left;
		margin-bottom: 17px;
		line-height: 34px;
		padding: 0 10px;
		background-color: inherit;
		border: 1px solid black;
	}
	div.about-me input.error{
		border: 4px solid #D00029;
	}
	div.about-me textarea{
		width: 247px;
		height: 85px;
		float: left;
		margin-bottom: 17px;
		line-height: 16px;
		padding: 10px;
		background-color: inherit;
		border: 1px solid black;
		overflow-x: hidden;
	}
	div.about-me textarea.comment{
		width: 242px;
		height: 137px;
	}
	div.cart input[type=submit]{
		display: block;
		width: 130px;
		height: 32px;
		line-height: 32px;
		float: right;
		margin-right: 150px;
		background: #D00029;
		border: none;
		text-align: center;
		font-family: 'PartnerBlack';
		font-size: 17px;
		color: white;
		text-transform: uppercase;
		margin: 20px 150px 43px 0;
	}
	div.cart input[type=submit]:hover{
		background-color: #5C3719;
	}

	/* popup
	--------------------------------------------------------------------------------*/
	div.overlay{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: fixed;
		background-color: rgba(0, 0, 0, .2);
		display: block;
		overflow: auto;
		overflow-y: scroll;
		outline: 0;
		display: none;
		z-index: 99;
	}
	div.popup{
		display: none;
		z-index: 999;
		left: 50%;
		top: 50%;
		width: 500px;
		min-height: 170px;
		margin-top: -85px;
		margin-left: -250px;
		padding: 30px;
		background-color: #D00029;
		position: absolute;
		-webkit-box-shadow: 0px 0px 59px 12px rgba(0, 0, 0, .35);
		        box-shadow: 0px 0px 59px 12px rgba(0, 0, 0, .35);
	}
	div.popup h1{
		font-size: 30px;
		margin-bottom: 10px;
		font-family: 'PT_Sans_Bold';
		color: white;
		text-transform: uppercase;
	}
	div.popup a{
		font-size: 20px;
		color: white;
		font-family: 'PT_Sans';
		clear: both;
		display: block;
		line-height: 36px;
		display: block;
		float: left;
	}
	div.popup a:hover{
		color: #262626;
	}
	
	.social td{
		min-width:100px;
	}