@charset "UTF-8";
@import "defaults.css";
@import "typography.css";
@import "forms.css";
@import "colorbox.css";

/* =============================================================================
   reusable
   ========================================================================== */
   
 .form_half { width:50%;}
#order_form .radio{ float:left; }

.shopping_cart { list-style:none; padding:0; margin:0; }
	.shopping_cart li { border-bottom:1px solid #000000; margin-bottom:10px; padding-bottom:10px;}
	.shopping_cart .product_img { width:150px; float:left; }
	.shopping_cart select, #cart_transport2 {
		background-color: #FFFFFF;
	    border: 1px solid #BBBBBB;
	    color: #000000;
	}
	.shopping_cart .right { width:190px; text-align:left;}
	.shopping_cart .left  { width:65%;}
.total_sum { list-style:none; margin:0; padding:0;}
.sum_all { font-size:16px; font-weight:bold;}  
   
.button.bigger{
	font-size: 24px;
	font-weight: 700;	
	padding: 20px 25px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	text-transform:uppercase;
}
.button.bigger span{
	color: #000;
	font-size: 18px;
	display: block;
	padding-top: 10px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
	text-transform:uppercase;
}

.simple-page article .inner{padding: 0!important;}
/* =============================================================================
   layout
   ========================================================================== */
html,body{height: 100%;}
#wrapper{
	position: relative;
	min-width: 1000px;
	width: 100%;
	min-height: 100%;
	
	background: rgb(241,253,219);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZmRkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(241,253,219,1) 0%, rgba(255,255,255,1) 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,253,219,1)), color-stop(50%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(241,253,219,1) 0%,rgba(255,255,255,1) 50%);
	background: -o-linear-gradient(top,  rgba(241,253,219,1) 0%,rgba(255,255,255,1) 50%);
	background: -ms-linear-gradient(top,  rgba(241,253,219,1) 0%,rgba(255,255,255,1) 50%);
	background: linear-gradient(to bottom,  rgba(241,253,219,1) 0%,rgba(255,255,255,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1fddb', endColorstr='#ffffff',GradientType=0 );	
}
.container{margin:0 auto;width:1000px;}
#head{
	position: relative;
	z-index: 1000;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	width: 100%;
	background: #fff;
	padding-top: 23px;	
}
#main{padding-bottom: 30px;}
#footer{position:relative;}

/* =============================================================================
   head
   ========================================================================== */
#head a{color: #000;}
#head-logo{margin-right: 40px;}
.head-links{list-style: none; padding: 0; margin: 49px 0 0 0;}
.head-links li{display: inline; margin: 0 10px;}

#site-nav{padding: 15px 0 20px;}

#site-nav > ul > li{font-size: 15px; font-weight: 700; float: left; text-transform: uppercase; margin-right: 20px; position: relative;}
#site-nav > ul > li > a{display: block; padding-right: 12px;}

#site-nav > ul > .has-children > a{background: url(../failid/Project/dp-arrow.png) 100% center no-repeat;}
#site-nav > ul > .omega{float: right;}
#site-nav > ul > .omega > a{padding-right: 0;}

#site-nav ul ul{padding: 0; margin: 0; position: absolute; background-color: #fff; display: none; min-width: 100%; white-space: nowrap;}
#site-nav ul ul li{margin: 10px;}
#site-nav ul ul li a{display: block;}

#site-nav li:hover ul{display: block;}
#site-nav .active > a,
#site-nav li:hover > a{color: #96ba55;}
#site-nav .omega ul{right: 0;}



.bag-ico{
	height: 29px;
	width: 29px;
	display: block;
	background: url(../failid/Project/bag-ico.png) center 5px no-repeat #ff7200;	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#shop-cart,
#shop-cart ul{list-style: none; padding: 0; margin: 0;}

#shop-cart{margin-top: 42px;}

#shop-cart > li{position: relative;}
#shop-cart ul{display: none; background: #0d1106; color: #fff; position: absolute; right: 0; z-index: 2000; text-align: right; min-width: 100%; white-space: nowrap;}
#shop-cart ul li a{color: inherit; display: block; padding: 5px 15px;}
#shop-cart li:hover ul{display: block;}

#shop-cart > li > a{position: relative; display: block; padding-left: 40px; height: 32px; line-height: 32px; font-weight: 700;}
#shop-cart > li > a i{position: absolute; left: 0; top: 0; }
#shop-cart > li > a span{font-weight: 400; color: #ff7200;}
#shop-cart .has-children > a{padding-right: 14px; background: url(../failid/Project/dp-arrow.png) 100% center no-repeat;}

.fb-ico{height: 30px; width: 30px; text-indent: -5000px; background: url(../failid/Project/fb-ico.png) 0 0 no-repeat; margin-top: 42px; margin-right: 5px;}
.fb-ico:hover{background-position: 0 100%;}

#searchform{border: 1px solid #eaeaea; margin-top: 43px; margin-right: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	#searchform input[type="text"]{outline: none; border: none; padding: 6px 15px;}
	#searchform .search{outline: none; border: none; background: url(../failid/Project/search.jpg) center no-repeat; height: 20px; width: 20px; text-indent: -5000px; text-transform: uppercase; margin-right: 5px;}
/* =============================================================================
   Sidebar
   ========================================================================== */



/* =============================================================================
   Content
   ========================================================================== */
#content{line-height: 22px;}

.large-txt{font-size: 14px;}
.larger-txt{font-size: 16px;}

.product-grid{list-style: none; padding: 12px 0; margin: 0 0 20px 0; font-family: 'PT Sans';}
.product-grid li{margin-left: 10px; margin-bottom: 10px; float: left; position: relative;}
.product-grid .big{margin-left: 0;}
.product-grid .big .button{margin-top: 10px;}
.product-grid img{max-width: 100%; height: auto;}

.product-grid .big{height: 802px; width: 499px;}
.product-grid .medium{height: 339px; width: 240px;}
.product-grid .small{height: 220px; width: 157px;}
	.product-grid .big .issue-wrap{height: 706px; position: relative;}
	.product-grid .medium .issue-wrap{height: 339px; position: relative;}
	.product-grid .small .issue-wrap{height: 220px; position: relative;}


	.product-grid .overlay,
	.product-grid .issue-number,
	.product-grid .new-issue{position: absolute; display: block;}
	
	.product-grid .overlay{
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		text-align: center;
		background-color: rgba(0,0,0,0.63);
		z-index: 10;
		display: none;
	}
	.product-grid .overlay a{
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 700;
		display: inline-block;
		color: #fff;
		padding: 15px 25px;
		font-size: 16px;
		line-height: 16px;
		
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.75);
		box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.75);
		
		background: rgb(179,222,100);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzZGU2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmJhNTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(179,222,100,1) 0%, rgba(150,186,85,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,222,100,1)), color-stop(100%,rgba(150,186,85,1)));
		background: -webkit-linear-gradient(top,  rgba(179,222,100,1) 0%,rgba(150,186,85,1) 100%);
		background: -o-linear-gradient(top,  rgba(179,222,100,1) 0%,rgba(150,186,85,1) 100%);
		background: -ms-linear-gradient(top,  rgba(179,222,100,1) 0%,rgba(150,186,85,1) 100%);
		background: linear-gradient(to bottom,  rgba(179,222,100,1) 0%,rgba(150,186,85,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3de64', endColorstr='#96ba55',GradientType=0 );	
	}
	.product-grid .overlay a:hover{
		color: #fff;
		
		background: rgb(150,186,85);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YmE1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2RlNjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(150,186,85,1) 0%, rgba(179,222,100,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,186,85,1)), color-stop(100%,rgba(179,222,100,1)));
		background: -webkit-linear-gradient(top,  rgba(150,186,85,1) 0%,rgba(179,222,100,1) 100%);
		background: -o-linear-gradient(top,  rgba(150,186,85,1) 0%,rgba(179,222,100,1) 100%);
		background: -ms-linear-gradient(top,  rgba(150,186,85,1) 0%,rgba(179,222,100,1) 100%);
		background: linear-gradient(to bottom,  rgba(150,186,85,1) 0%,rgba(179,222,100,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96ba55', endColorstr='#b3de64',GradientType=0 );	
	}	
	.product-grid .issue-number{
		height: 50px;
		width: 50px;
		line-height: 50px;
		text-align: center;
		top: -3px;
		left: -3px;
		color: #fff;
		background-color: #ff7200;
		z-index: 100;
		font-size: 14px;
		text-transform: uppercase;
		-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:    1px 1px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow:         1px 1px 3px 0px rgba(0, 0, 0, 0.3);
	}
	.product-grid .issue-number strong{font-size: 20px;}
	.product-grid .new-issue{
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		font-family: 'tuffybold';
		font-size: 50px;
		height: 130px;
		width: 130px;
		line-height: 130px;
		text-align: center;
		color: #fff;
		background-color: #4bc3f1;
		top: -12px;
		left: -12px;
		z-index: 100;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		filter: alpha(opacity=85);
		-moz-opacity: 0.85;
		-khtml-opacity: 0.85;
		opacity: 0.85;
	}


.product-grid .big .overlay{line-height: 706px;}
.product-grid .medium .overlay{line-height: 339px;}
.product-grid .small .overlay{line-height: 220px;}
.product-grid .big .overlay a{font-size: 22px; padding: 20px 30px; line-height: 22px;}
.product-grid .small .overlay a{font-size: 12px; padding: 10px 18px; line-height: 12px;}
.product-grid li:hover .overlay{display: block;}

.big-btn{display: block; text-align: center; font-size: 44px; font-weight: 700; padding: 15px 0 7px;}
.big-btn .huge{ display: block; margin-bottom: 10px; margin-top: 8px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);}
.big-btn span.small{font-size: 14px; color: #000;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);}


.row{overflow: hidden;}
.row .one-quarter,
.row .two-quarters{margin-left: 10px; float: left; padding-right: 15px;}

.row .one-quarter{width: 225px;}
.row .two-quarters{width: 484px;}

#content article{margin-top: 12px;}
#content article.has-product-img{float: right; width: 492px;}
#content .inner{padding: 25px 20px;}
.inner.no-pad-top{padding-top: 0!important;}
.white-bg{background-color: #fff;}
#content .inner h2{color: #000; margin: 25px 0; font-size: 24px; line-height: 24px;}



.accordion, .accordion ul{margin: 0; padding: 0; list-style: none;}
.accordion > ul > li{margin-bottom: 12px;}
.accordion > ul > li > a{
	display: block;
	font-size: 16px;
	color: #4bc3f1;
	font-weight: 700;
	font-family: 'PT Sans', sans-serif;
	padding-left: 25px;
	position: relative;
}
.accordion-ico{display: block; height: 15px; width: 15px; background: url(../failid/Project/accordion.jpg) 0 0 no-repeat; position: absolute; left: 0; top: 4px;}

	/* Sub menu */
	.accordion ul ul {
		display: none;
		padding-top: 12px;
		padding-left: 25px;
		padding-bottom: 12px;
	}

	.accordion .orange.button span{ padding-left: 10px; margin-left: 10px; color: #000; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); border-left: 1px solid #fba951;}
	
	#product-list { background: #ffffff; padding:15px;overflow:hidden; margin-top:10px;}
		.product { margin-bottom:10px;}
			.product .product-image { float:left; width:25%; }
			.product .product-content { float:left; width:75%;}
				.product h2 { margin:0 0 10px 0;}
				.product .price { font-size:16px; }

/* =============================================================================
   Footer
   ========================================================================== */
#footer{border-top: 1px solid #bfbfbf; padding-top: 20px; margin-top: 30px; padding-bottom: 50px;}

#ama{
	display:none;
	text-indent:-3000px;
	position:absolute;
	top: 20px;
	right:0;
	background-image:url(../failid/Project/ama.png);
	width:29px;
	height:17px;
}


/* =============================================================================
   print
   ========================================================================== */

@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	#head, #sidebar, #footer, button,
	.error, .alert, .notice, .success, .info, .button
	{ display:none !important; }
	#wrapper, #content{ width:auto !important; float:none !important; margin:0 !important; padding:0 !important;}
	#ama_cms_admin_menu, .order_header { display: none !important;}
}