/*=========> CSS Ghiant <===========*/
/*=========> copyright Robarov <===========*/

*{
/* all fonts to a uniform size, including form fields,headings etc. */
	font-size:100%;
	margin:0;
	padding:0;
}

body{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 75%; /* relative fonts; 75% ~ 12pt */
	line-height: 1.5em;
	color:#d6d7d8;
	text-align:center; /*IE 5 center */
	background:#46474b;
}

.hide{
/* When you want to hide your elements use this. (NOT display:none;) search engine friendlyness ;) */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
}
.floatleft{
	float: left;
	margin: 0px 20px 30px 0;
	text-align: center;
	color:#20db8c;
}
.floatright{
	float: right;
	margin: 0px 0px 10px 20px;
}
#food .floatleft{
	color: #0d9dda;
}
.clear{
	clear: both;
}
acronym, abbr{
	border-bottom: 1px dotted #fff;
	cursor: help;
}

p{margin:0 0 1em 0;}
img{border:none;}

#crumb{
	font-size:0.9em;
	background:url('../i/layout/bg-h1.gif') bottom left repeat-x;
	margin:0 0 1em 0;
	padding:0 0 .4em 0;
}
#food #crumb{
	background:url('../i/layout/bg-h1-food.gif') bottom left repeat-x;
}
.clear {clear: both;}
strong.highlight{
	background:#74767B;
}
.clr-btn a {
	width: 160px;
	font-size: 1.4em;
	font-weight:bold;
	background: #20db8c;
	color:#fff;
	height: 32px;
	line-height: 32px;
	text-align: center;
	padding: 5px 10px;
	clear: left;
}
.clr-btn a:hover {
	text-decoration: none;
	color:#fff;
	background:#16b06f;
}
.clr-btn span {display: block;}

/*=========> Main Headings <===========*/
h1, h2, h3{font-weight: normal;}
h1{
	font-size: 1.8em;
	line-height:1.6em;
	color:#fff;
	}

#content h2{
	font-size: 1.3em;
	margin:.6em 0 .3em 0;
	color:#fff;
	clear: both;
}

#content h3{
	font-size: 0.9em;
	margin:.3em 0 .1em 0;
	color:#fff;
}

/*=========> Lists : ol ul dl <===========*/
ol,#content ul{margin:.3em 0 1.3em 0;}
ul{list-style-type:none;}

dt{margin:0.4em 0 0 0;}
dd{	margin:0.3em 0 0.8em 0;}

#content ul li{
	padding:0 0 0 16px;
	margin:0.3em 0;
	background:transparent url('../i/layout/bullet.gif') 0 0.5em no-repeat;
}
#food #content ul li{
	background:transparent url('../i/layout/bullet-food.gif') 0 0.5em no-repeat;
}
ol li{
	margin: 0.3em 3em;
}
#steps {
	margin: 20px;
}
#steps li {
	float: left;
	margin: 0 0 20px 0;
	overflow: visible;
	font-size: 1.2em;
}
#steps img {
	float: left;
	border: 5px solid #fff;
	margin-right: 10px;
}

#steps.foo{
	list-style:none;
	margin: 0px;
}

/*=========> Links <===========*/
a{
	color:#16b06f;
	text-decoration:none;
	outline:none;
}
a:hover, #sidebar a:hover, #header li a:hover, #sidebar a.active, #header li a.active{
	color:#20db8c;
	text-decoration:underline;
}
#food a{color:#0d9dda;}
#food a:hover, #food #header li a:hover, #food #sidebar a.active{color:#0d9dda;text-decoration:underline;}

a.active{font-weight:bold;}

/*=========> Container <===========*/
#container{
	width:760px;
	margin:0 auto; /* Center it */
	text-align:left;
	background:#5e5f63 url('../i/layout/bg-container.gif');
	border-left:5px solid #5e5f63;
	border-right:5px solid #5e5f63;
}

/*=========> Header <===========*/
#header{
	position:relative;
	height:212px;
	background:transparent url('../i/layout/bg-header.jpg') 0 0 no-repeat;
}
#food #header{background:transparent url('../i/layout/bg-header-food.jpg') 0 0 no-repeat;}

#header h2{
	position:absolute;
	top:90px;
	left:30px;
	background:transparent url('../i/layout/logo.gif') 0 0 no-repeat;
	width:295px;
	height:114px;
	z-index:2;
	margin:0px;
}
/*#home #header h2{background:#fff url('../i/layout/logo-home.gif') 0 0 no-repeat;}*/
#food #header h2{background:#fff url('../i/layout/logo-food.gif') 0 0 no-repeat;}
#header h2 a{
	display:block;
	width:295px;
	height:114px;
	float:left; /* fix IE5 */
	overflow:hidden;
	text-indent:-9999px;
	text-decoration:none;
}
#header ul{
	position:absolute;
	top:35px;
	left:25px;
}
#header li{
	width:60px;
	float:left;
	border-left:1px solid #75767A;
	text-align:center;
	line-height:12px;
}
#header li a{color:#fff;}

/*=========> Sidebar <===========*/
#sidebar{
	width:175px;
	float:left;
	padding:25px;
	background:url('../i/layout/bg-top.gif') 0 0 no-repeat;
}
#sidebar li{
	padding:14px 0 0 20px;
	background:url('../i/layout/bg-li.gif') 0 0 no-repeat;
}
#food #sidebar li{background:url('../i/layout/bg-li-food.gif') 0 0 no-repeat;}
#sidebar ul{margin:0 0 2em 0;}
#sidebar ul ul{margin:0;}
#sidebar li a{color:#fff;}
#sidebar li li, #food #sidebar li li{
	padding:0 0 0 20px;
	line-height:24px;
	background: transparent url('../i/layout/arrows.gif') 0 .9em no-repeat;
	font-size:.9em;
}
#sidebar li li li, #food #sidebar li li li{padding: 0px;background:transparent;}
#sidebar li li li li{padding: 0 0 0 10px;background:transparent;}

#sidebar p{
	background:url('../i/layout/line.gif') 0 0 repeat-y;
	padding:0 20px;
}

/*=========> Content <===========*/
#content{
	width:475px;
	float:left;
	padding:30px;
	background:url('../i/layout/bg-top.gif') top right no-repeat;
	min-height:500px;
}

/*=========> Home <===========*/
.box{float:left;width:210px;margin:6px;}

.box p{
	line-height:26px;
	background:#e7e3dc url('../i/layout/more.gif') 0 0  no-repeat;
	text-align:right;
	padding-right:25px;
}


/*=========> Contact <===========*/
form{
	padding:10px 20px;
	background:url('../i/layout/line.gif');
}
.floatl{
	width:200px;
	float:left;
}
.floatr{
	width:200px;
	float:right;
}
input, textarea{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:1em;
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
}
input{width:200px;}
#address{
	width:200px;
	float:left;
}
#route{
	width:240px;
	float:left;
}
#route a{text-decoration:none;}

span.error{color:#c00;font-size:.8em;text-transform:uppercase;}
fieldset{border:none;}
form div {margin:0 0 .6em 0;}
form label {display:block;}
#message{width:100%;}
#submit, .btn{
	background:#00AB66;
	color:#FFF;
	float:right;
	width:auto;
	border:none;
}
.btn{float:none;}
#content ul.attention{
	border-top: 1px solid #ffbc2c;
	border-bottom: 1px solid #ffbc2c;
	background: #fff4b6;
	padding: 5px 10px;
	color:#BC7C12;
	display: block;
}
#content .attention li{
	background:url(../i/layout/attention.gif) 0 50% no-repeat;
	padding:0 0 0 20px;
}

/*=========> private labels <===========*/
#offer {
	padding: 10px 20px;
	background: #fff url(../i/layout/line.gif);
}

/*=========> products <===========*/
.productlist {
	width: 155px;
	float: left;
}


/*=========> search <===========*/
#content #results li{
	margin:0 0 1em 0;
}
#results p{margin:0px;}
#results p.more{font-size:90%;color:#ddd;}
#results h3{font-size:120%;}
#q2{width:240px;}
#sidebar #q2{width:130px;}
.pages{
	font-size:95%;
	padding:1em 0;
	text-align:center;
	font-weight:bold;
}
.pages a{font-weight:normal;}

/*=========> movie <===========*/
#movie {
	text-align: center;
	background: url(../i/layout/line.gif);
	padding: 20px;
}

/*=========> brands <===========*/
.brands {
	width: 100%;
	float: left;
}
.brands img {
	clear: both;
	float: left;
	margin: 0 20px 20px 0;
}

/*=========> gallery <===========*/
.gallery {
	clear: both;
	float: left;
	margin: 0px;
}
#content .gallery li {
	padding: 0px;
	background: transparent;
	width: 230px;
	float: left;
	margin: 0 0 10px 0;
	text-align: center;
}

/*=========> Footer <===========*/
#footer{
	clear:both;
	text-align:center;
	background: #5E5F63 url('../i/layout/bg-footer.gif') 0 0  no-repeat;
	margin:0px;
	padding-top:86px;
	height:78px;
	color:#8c867c;
}
.vet{
	font-weight: bold;
	font-color: white;
}

.brands-list{
	max-width: 220px;
	float: left;
	padding: 10px 10px 0 0;
}

#food #submit, #food .btn {
	background-color: #0d9dda;
}