@import "defaults.css";
@import "typography.css";
@import "forms.css";
@import "colorbox.css";
@import "nivo-slider.css";

/* =============================================================================
   reusable
   ========================================================================== */

.mt_2{
	margin-top:2px;
}

/* =============================================================================
   layout
   ========================================================================== */
html{
	background:#0d1c45 url(../failid/Project/head_bg.png) repeat-x;
}
body{
	background:url(../failid/Project/content_bg.jpg) no-repeat 50% 147px;
}
#wrapper{
	text-align:left;
	margin:0 auto;
	width:960px;
}

#head{
	height:142px;
}

#main{
	overflow:hidden;
	background:#fff url(../failid/Project/content_bg.png) no-repeat 280px 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-top:134px;
	padding:25px;
}
#sidebar{
	float:left;
	width:226px;
}
#content{
	float:right;
	width:630px;
}
#footer{
	position:relative;
	margin:10px 0 20px 20px;
	color:#fff;
	font-family:'Aller', Arial, Helvetica, sans-serif;
}

/*full width*/
#main.full_width{
	background:#fff;
}
	#main.full_width #content{
		width:100%;
		float:none;
	}
	#main.full_width #sidebar{
		display:none;	
	}

/* =============================================================================
   head
   ========================================================================== */
/*logo*/
#logo{
	background:url(../failid/Project/logo.png);
	width:224px;
	height:58px;
	float:left;
	margin:21px 0 0 13px;
}

/*cart*/
#cart{
	float:right;
	background:rgba(255,255,255,0.28);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	overflow:hidden;
	margin-top:32px;
	padding:10px;
}
	#cart p{
		background:url(../failid/Project/icon_cart.png) no-repeat 0 0;
		padding-left:35px;
		margin:0;
		font:bold 16px/30px 'Aller', Arial, Helvetica, sans-serif;
	}
	#cart a{
		color:#1c4f9d;
	}

/*siteanav*/
#sitenav{
	width:960px;
	clear:both;
	margin-top:97px;
}
	#sitenav li{
		float:left;
		background:url(../failid/Project/sitenav_bg.png) no-repeat 100% 100%;
		padding-right:1px;
	}
	#sitenav a{
		display:block;
		padding: 0 12px;
		font:normal 16px/52px 'Aller', Arial, Helvetica, sans-serif;
		height:45px;
		color:#f3f5f8;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	#sitenav a:hover,
	#sitenav li.active a{
		background:#f3f5f8;
		color:#242424;
	}
		/*level 2*/
		#sitenav li ul{
			display:none;
		}

/* =============================================================================
   Sidebar
   ========================================================================== */
.pagenav{
	margin-bottom:20px;
}
	.pagenav li{
	}
	.pagenav a{
		display:block;
		padding:5px 20px;
		font-family:'Aller', Arial, Helvetica, sans-serif;
	}
	.pagenav li > a:hover,
	.pagenav li.active > a{
		background:#f9f9f9;
		color:#225cb6;
	}
	
		/*level 2*/
		.pagenav li ul{
			margin-left:20px;
		}


/* =============================================================================
   Content
   ========================================================================== */


/*product list*/
td.nr, td.name, td.price{
	padding-top:8px;
}
th.qty{
	padding-left:2px;
	padding-right:2px;
}
td.qty{
	padding:2px;
}

table .nr{ width:45px }
table .name{ width:250px }
table .price{ width:115px }
table .qty{ width:60px }


/*product*/
.product_image{
	float:left;
	margin:0 20px 20px 0;
	overflow:hidden;
	width:300px;
	height:225px;
	overflow:hidden;
}
.zoom{
	background-image:url(../failid/Project/icon_zoom.png);
	width:15px;
	height:14px;
	margin-top:5px;
}
.big_price{
	font-size:16px;
	color:#e40707;
}


/*front*/
.front #main{
	background:#fff url(../failid/Project/front_bg.png) repeat-x 0 126px;
}

#front_top{
	background: #225cb6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyNWNiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzRmOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #225cb6 0%, #1c4f9d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#225cb6), color-stop(100%,#1c4f9d));
	background: -webkit-linear-gradient(top,  #225cb6 0%,#1c4f9d 100%);
	background: -o-linear-gradient(top,  #225cb6 0%,#1c4f9d 100%);
	background: -ms-linear-gradient(top,  #225cb6 0%,#1c4f9d 100%);
	background: linear-gradient(top,  #225cb6 0%,#1c4f9d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225cb6', endColorstr='#1c4f9d',GradientType=0 );
	margin:-25px -25px 25px;
	overflow:hidden;
	color:#fff;
}
	#front_top .h3{
		margin-bottom:10px;
	}
	/*news*/
	#news{
		float:left;
		width:379px;
		padding:20px 10px 10px 25px;
	}
		#news p{
			padding-left:75px;
			margin:0;
		}
			#news p span.date{
				float:left;
				margin-left:-75px;
				color:#f3f5f8;
			}
			#news p a{
				color:#fff;
				font-weight:bold;
				background:url(../failid/Project/icon_arrow.png) no-repeat 100% 3px;
				padding-right:10px;
			}
	
	/*cafe*/
	#cafes{
		float:left;
		width:235px;
		background:#1c4f9d;
		padding:20px 25px 15px;
		overflow:hidden;
	}
	
	/*ordering*/
	#ordering{
		float:right;
		width:210px;
		padding: 20px 25px 15px;
		background:#fab218;
		color:#232323;
		text-align:center;
		font:normal 20px 'Aller', Arial, Helvetica, sans-serif;
	}
		#ordering p{
			margin:0;
		}
		
/*slider*/
#slider {
    position:relative;
    width:440px; /* Change this to your images width */
    height:360px; /* Change this to your images height */
    background:url(../failid/Project/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
.nivo-directionNav a{
	display:block;
	position:absolute;
	left:-6px;
	top:36px;
	background:url(../failid/Project/slider_arrows.png);
	width:42px;
	height:52px;
	overflow:hidden;
	text-indent:-9000px;
}
.nivo-directionNav a.nivo-nextNav{
	left:auto;
	right:-6px;
	background-position:-42px 0;
	cursor:pointer;
	z-index:99;
}

/* =============================================================================
   Footer
   ========================================================================== */
#footer a{
	color:#ffc61e;
}
#ama{
	display:block;
	text-indent:-3000px;
	position:absolute;
	top:0;
	right:0;
	background-image:url(../failid/Project/ama.png);
	width:29px;
	height:17px;
}