/*------ Html ------ */
body{
	background: #1E1E1E url(../img/css/bg_body.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #999;
	margin: 0 auto;
	text-align: center;
}
h1,h2,h3{
	font-size: 0.63em;
	height: 25px;
	line-height: 25px;
	padding-left: 13px;
	margin-bottom: 10px;
}
h1{
	color: #2ABAEC;
}
h2{
	color: #FAE572;
}
#tracking h3{
	padding-left: 0px;
	color: #FAE572;
	border-bottom: 1px solid #FAE572;
}
p{
	font-size: 0.7em;
	line-height: 125%;
	margin-bottom: 10px;
}
input,textarea{
	background: #333;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
input{
	height: 19px;
	border: none;
	padding-left: 5px;
	/*font-size: 0.7em;*/
}
label{
	font-size: 0.7em;
	width: 70px;
	text-align: right;
	padding-right: 10px;
	display: block;
	height: 19px;
	line-height: 19px;
	margin-bottom: 5px;
}
form br{
	clear: both;
}
a{
	font-size: 0.63em;
	color: #FAE572;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
p a{
	font-size: 1em;
	color: #999;
}
p a:hover{
	color: #FAE572;
}

/*------ Layout ------ */
#container{
	text-align: left;
	width: 960px;
	margin: 0 auto;
}
#head{
	/*
	background: url(../img/css/enc_base.gif) no-repeat;
	*/	
	height: 213px;
}
.content{
	border-top: 10px solid #1E1E1E;
}

		/*------ Client Login Form ------ */
		#clientLogin{
			height: 37px;
			text-align: right;
			padding-right: 15px;
		}
		#clientLogin input{
			margin-right: 7px;
			margin-top: 7px;
		}
		#clientLogin img{
			margin-right: 7px;
		}
		#clientLogin button{
			background: transparent;
			border: none;
			cursor: pointer;
		}
		
		/*------ Suppliers ------ */
		#suppliers{
			background: url(../img/css/bg_suppliers.gif) repeat-x;
			height: 80px;
			margin-top: 30px;
		}
		#suppliers div{
			width: 960px;
			text-align: left;
			margin: 0 auto;
		}
		
		/*------ Tracking ------ */
		#trackingClienteLogin{
			padding: 25px 0 0 160px;
		}
		#trackingClienteLogin button{
			background: transparent;
			border: none;
			cursor: pointer;
			padding-top: 5px;
		}
		#trackingClienteLogin input{
			display: block;
			width: 115px;
		}
		
		/*------ Product List ------ */
		.products-list{
			padding-bottom: 10px;
		}
		.products-list div.span-1{
			background: #000;
			padding: 4px 0;
			margin-right: 9px;
		}
		.products-list div.span-1 img{
			display: block;
			margin: 0 auto;
		}
		.products-list div.span-1 a{
			display: block;
			padding: 6px 0 1px 8px;
		}
			.products-list div.span-1 a.meat{
				color: #B8342C;
			}
			.products-list div.span-1 a.spices{
				color: #FF0000;
			}
			.products-list div.span-1 a.vegetables{
				color: #CCD852;
			}
			.products-list div.span-1 a.fruits{
				color: #8B872E;
			}
			.products-list div.span-1 a.iqf_products{
				color: #FAA74E;
			}
			.products-list div.span-1 a.beans{
				color: #D9836F;
			}
		.products-list div.last{
			margin: 0px;
		}
		.products-list p.span-1{
			margin-right: 9px;
		}
		.products-list p.last{
			margin: 0px;
		}
		.products-links div.span-1{
			margin-right: 9px;
		}
		.products-links div.span-1 a{
			color: #999;
		}
		.products-links div.span-1 a:hover{
			text-decoration: none;
		}
			.products-links div.span-1 a.meat:hover{
				color: #B8342C;
			}
			.products-links div.span-1 a.spices:hover{
				color: #FF0000;
			}
			.products-links div.span-1 a.vegetables:hover{
				color: #CCD852;
			}
			.products-links div.span-1 a.fruits:hover{
				color: #8B872E;
			}
			.products-links div.span-1 a.iqf_products:hover{
				color: #FAA74E;
			}
			.products-links div.span-1 a.beans:hover{
				color: #D9836F;
			}
		.products-links div.span-1 h3{
			background: #000;
			height: 21px;
			line-height: 21px;
		}
			.products-links div.span-1 h3.meat{
				color: #B8342C;
			}
			.products-links div.span-1 h3.spices{
				color: #FF0000;
			}
			.products-links div.span-1 h3.vegetables{
				color: #CCD852;
			}
			.products-links div.span-1 h3.fruits{
				color: #8B872E;
			}
			.products-links div.span-1 h3.iqf_products{
				color: #FAA74E;
			}
			.products-links div.span-1 h3.beans{
				color: #D9836F;
			}
		.products-links div.last{
			margin: 0px;
		}
		
		/*------ Product ------ */
		ul.menu-products{
			padding: 0 5px 0 13px;
		}
		ul.menu-products li{
			margin-bottom: 8px;
		}
		ul.menu-products li a{
			color: #999;
			text-decoration: none;
		}
			ul.meat li a:hover,h2.meat,h1.meat{
				color: #B8342C;
			}
			ul.spices li a:hover,h2.spices,h1.spices{
				color: #F00;
			}
			ul.vegetables li a:hover,h2.vegetables,h1.vegetables{
				color: #CCD852;
			}
			ul.fruits li a:hover,h2.fruits,h1.fruits{
				color: #8B872E;
			}
			ul.beans li a:hover,h2.beans,h1.beans{
				color: #D9836F;
			}
		.accordion_content{
			overflow: hidden;
		}
		h2.accordion_toggle{
			margin-bottom: 0px;
			cursor: pointer;
		}
		
		/*------ Contact ------ */
		.contact-info{
			background: url(../img/css/logo_ozlsContact.gif) no-repeat;
			margin-left: 135px;
			margin-top: 25px;
		}
		.contact-info p{
			padding-left: 110px;
		}
		form#contactForm{
			padding-top: 30px;
		}
		form#contactForm label{
			width: 110px;
			text-align: right;
			padding-right: 10px;
			float: left;
			margin-bottom: 5px;
		}
		form#contactForm input,form#contactForm textarea{
			background: #333;
			width: 230px;
			border: none;
			color: #666;
			padding: 5px;
			padding-bottom: 0px;
			margin-bottom: 5px;
		}
		form#contactForm textarea{
			width: 231px;
			overflow: auto;
			height: 75px;
		}
		form#contactForm button{
			background: #FAE572;
			width: 240px !important;
			width: 241px;
			border: none;
			text-align: center;
			margin-left: 121px !important;
			margin-left: 123px;
			padding: 2px 0;
			cursor: pointer;
		}
		form#contactForm p.note{
			padding: 30px 0 0 121px;
		}
		/*------ Get a Cuote ------ */
		form#getaCuoteForm{
			padding-top: 30px;
		}
		form#getaCuoteForm fieldset.getaCuotePersonal label{
			width: 110px;
			text-align: right;
			padding-right: 10px;
			float: left;
			margin-bottom: 5px;
		}
		form#getaCuoteForm fieldset.getaCuotePersonal input,form#getaCuoteForm fieldset.getaCuotePersonal textarea{
			background: #333;
			width: 230px;
			border: none;
			color: #666;
			padding: 5px;
			padding-bottom: 0px;
			margin-bottom: 5px;
		}
		form#getaCuoteForm fieldset.getaCuotePersonal textarea{
			width: 231px;
			overflow: auto;
			height: 75px;
		}
		form#getaCuoteForm fieldset.getaCuotePersonal button{
			background: #FAE572;
			width: 240px !important;
			width: 241px;
			border: none;
			text-align: center;
			margin-left: 121px !important;
			margin-left: 123px;
			padding: 2px 0;
			cursor: pointer;
		}
		form#getaCuoteForm fieldset.getaCuotePersonal p.note{
			padding: 30px 0 0 121px;
		}
		form#getaCuoteForm p#getaCouteItemsTitle{
			margin-bottom: -10px;
		}
		form#getaCuoteForm button{
			background: #FAE572;
			width: 240px;
			border: none;
			text-align: center;
			margin-left: 100px;
			padding: 2px 0;
			cursor: pointer;
		}
		
		ul#getaCouteItems li{
			float: left;
			width: 100%;
			margin-bottom: 8px;
		}
		ul#getaCouteItems li br{
			clear: none;
		}
		ul#getaCouteItems li input.check{
			background: transparent;
			width: auto;
			height: auto;
			border: none;
			float: left;
			margin-left: 100px;
			margin-right: 5px;
		}
		ul#getaCouteItems li input.qtty{
			width: 50px;
			height: 16px;
			color: #fff;
			float: right;
			text-align: center;
			padding: 0px;
		}
		ul#getaCouteItems li label{
			font-size: 0.63em;
			width: 280px;
			float: left;
			text-align: left;
			line-height: 100%;
		}
		
		/*------ Foot Menu ------ */
		#footMenu{
			background: url(../img/css/bg_footMenu.gif) repeat-x;
			height: 33px;
			line-height: 33px;
		}
		ul#menuFoot li{
			font-size: 0.63em;
			color: #666;
			display: inline;
		}
		ul#menuFoot li a{
			font-size: 1em;
			color: #666;
		}
		ul#menuFoot li a:hover{
			color: #2ABAEC;
		}
		
		/*------ Foot Copy ------ */
		#footCopy{
			background: #000;
			padding: 15px 0 10px 0 !important;
			padding: 15px 0 0 0;
		}
		#footCopy div{
			width: 960px;
			margin: 0 auto;
			text-align: left;
		}
		#footCopy .copy{
			background: url(../img/css/logo_ozlsFoot.gif) no-repeat;
			width: 450px;
			font-size: 0.63em;
			color: #333;
			padding-left: 40px;
			height: 17px;
			line-height: 17px;
			margin: 0px;
		}
		#footCopy .logo{
			background: url(../img/css/logo_brioSrudio.gif) no-repeat;
			text-indent: -9999px;
			height: 12px;
			width: 60px;
			margin: 0px;
		}
		#footCopy .logo a{
			display: block;
			height: 12px;
			width: 60px;
		}



/* ------ Clases ------ */
.span-1{width: 111px;}
.span-2{width: 231px;}
.span-3{width: 351px;}
.span-4{width: 471px;}
.span-5{width: 711px;}

.title-2{background: url(../img/css/bg_title_2.gif) no-repeat;}
.title-4{background: url(../img/css/bg_title_4.gif) no-repeat;}
.title-5{background: url(../img/css/bg_title_5.gif) no-repeat;}

.fl-left{float: left;}
.fl-right{float: right;}

.blue{color: #2ABAEC;}
.big-margin-left{margin-left: 120px;}

.clear{clear: both;}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	background-color: white;
	z-index:1002;
	text-align: center;
	/*overflow: auto;*/
}
.white_content img{
	margin-top: 16px;
}