/*general*/
html{
margin:0;
padding:0;
height:100%;
min-height:100%;
}

body{
background:#122d6c url(images/background.gif) top left repeat-y;
color:#484B4B;
font-size:12px;
text-align:left;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
height:100%;
min-height:100%;

}

.clearb{
clear:both;
}

a img{
border:0px;
}
 
.oculta{
display:none;
}

.blue_c{
color: #222E74;
}

h1{
margin:0px;
padding:0px;
}

/*containers****************************************************** */

#general_container{
position:relative;
width: 878px;
text-align:left;
}


/* Footer******************************************************/
#footer{
position:relative;
padding: 0px;
width: 849px;
height:65px;
background:#84898A;
border: solid 12px #fff;
font-size:9px;
}

#footerLeft {
position:relative;
	width:300px;
	left:22px;
	top: 43px;
	float:left;
	position: relative;
}


#footerRight {
	width:110px;
	top: 15px;
	right:35px;
	float:right;
	position: relative;
	margin:0px;
	padding:0px;
	line-height:1.6em;
	color: #FFFFFF;
}
#footerRight span {
	color: #000;
}


/*header*************************************************/
#header{
position: relative; 
width: 848px;
border: solid 12px #fff;
margin:0px;
height:145px;
}
#contact_data{
position: absolute; 
top:0px;
right:0px;
width: 184px;
height:59px;
margin:0;
padding:0;
background: url(images/telephone_img.jpg) top left no-repeat;
}
#contact_data p{
position:relative;
left:60px;
margin:0px;
padding:0px;
color:#14306c;
font-size:10px;
font-weight:bold;
}
#contact_data p span{
font-size:15px;
}


/* Main menu*********************************************************************/

#navcontainer{
position: absolute; 
top:62px;
left:145px;
width: 705px;
height:40px;
margin:0;
padding:0;

}

#navcontainer ul
{
margin: 0;
padding:0;
list-style-type: none;
text-align: left;
height:20px;
background: #cfcfcf;
}

#navcontainer ul li { 
float:left;
 }

#navcontainer ul li a
{
text-decoration: none;
float: left;
margin: 0px;
height:20px;
}
.about_nav a{
background: url(images/about_us.gif) no-repeat top left;
width: 94px;
}
.about_nav_over a{
background: url(images/about_us_over.gif) no-repeat top left;
width: 94px;
}
.products_nav a{
background: url(images/products.gif) no-repeat top left;
width: 91px;
}

.products_nav_over a{
background: url(images/products_over.gif) no-repeat top left;
width: 91px;
}

.ordering_nav a{
background: url(images/ordering.gif) no-repeat top left;
width: 114px;
}
.ordering_nav_over a{
background: url(images/ordering_over.gif) no-repeat top left;
width: 114px;
}
.ethos_nav a{
background: url(images/our_ethos.gif) no-repeat top left;
width: 73px;
}

.ethos_nav_over a{
background: url(images/our_ethos_over.gif) no-repeat top left;
width: 73px;
}

.locations_nav a{
background: url(images/location.gif) no-repeat top left;
width: 71px;
}

.locations_nav_over a{
background: url(images/location_over.gif) no-repeat top left;
width: 71px;
}


.press_nav a{
background: url(images/press.gif) no-repeat top left;
width: 81px;
}

.press_nav_over a{
background: url(images/press_over.gif) no-repeat top left;
width: 81px;
}

.issues_nav a{
background: url(images/issues.gif) no-repeat top left;
width: 81px;
}

.issues_nav_over a{
background: url(images/issues_over.gif) no-repeat top left;
width: 81px;
}

.offers_nav a{
background: url(images/offers.gif) no-repeat top left;
width: 89px;
}

.offers_nav_over a{
background: url(images/offers_over.gif) no-repeat top left;
width: 89px;
}
.contact_nav a{
background: url(images/contact.gif) no-repeat top left;
width: 91px;
}

.contact_nav_over a{
background: url(images/contact_over.gif) no-repeat top left;
width: 91px;
}
.about_nav a:hover, .about_nav .active{
background: url(images/about_us_over.gif) no-repeat top left;
width: 94px;
}
.products_nav a:hover, .products_nav .active{
background: url(images/products_over.gif) no-repeat top left;
width: 91px;
}
.ordering_nav a:hover, .ordering_nav .active{
background: url(images/ordering_over.gif) no-repeat top left;
width: 114px;
}
.ethos_nav a:hover, .ethos_nav .active{
background: url(images/our_ethos_over.gif) no-repeat top left;
width: 73px;
}

.locations_nav a:hover, .locations_nav  .active{
background: url(images/location_over.gif) no-repeat top left;
width: 71px;
}
.press_nav a:hover, .press_nav .active{
background: url(images/press_over.gif) no-repeat top left;
width: 81px;
}

.issues_nav a:hover, .issues_nav .active{
background: url(images/issues_over.gif) no-repeat top left;
width: 81px;
}

.offers_nav a:hover, .offers_nav  .active{
background: url(images/offers_over.gif) no-repeat top left;
width: 89px;
}
.contact_nav a:hover, .contact_nav .active{
background: url(images/contact_over.gif) no-repeat top left;
width: 91px;
}


#navcontainer ul li a span /*for accesibility reading text menu*/
{
display:none;
}

/*Home contents area******************************************************************************/

#mainleft_col{
position:relative;
margin:0px;
padding:0px;
margin-top:-9px;
left:34px;
float:left;
width:575px;
clear:left;
margin-bottom: 20px;

}
#mainleft_col p{
width:489px;
margin-top:20px;
margin-bottom:35px;

}
#mainleft_col #cont_imgs img{
border: solid 1px #ACB0AE;
margin-right:13px;

}
#mainright_col{
position:relative;
margin-top:-25px;
float:right;
right:27px;
width:218px;
font-size:11px;
}

#bann_1, #bann_2{
margin:0px;
margin-bottom:16px;
border-bottom: solid 1px #DCDDDD;
}

#bann_1 p, #bann_2 p{
margin:0px;
margin-bottom:18px;
}

#bann_3{
margin:0px;
margin-bottom:16px;
}

#bann_3 p{
margin:0px;
margin-top:-40px;
padding-right:50px;
}


/*links********************************************/

#footerLeft a:link, #footerLeft a:visited {
color:#000000;
text-decoration:none;
font-weight:bold;
}
#footerLeft a:hover {
color:#fff;
text-decoration:none;
}

a.arrowlink1, a.arrowlink1:visited /*link blue with arrows*/
{
color:#293578;
padding-bottom:1px;
text-decoration:none;
font-weight: bold;
background: url(images/arrow_link.gif) right no-repeat;
padding-right: 15px;
}
a.arrowlink1:hover{
color:#818687;
}

a.arrowlink2, a.arrowlink2:visited /*link red with arrows*/
{
color:#6B1018;
padding-bottom:1px;
text-decoration:none;
font-weight: bold;
background: url(images/arrow_link.gif) right no-repeat;
padding-right: 15px;
}
a.arrowlink2:hover{
color:#818687;
}


/* subpage contents area*************************************/

#left_col{
position:relative;
margin:0px;
padding:0px;
margin-top:0px;
margin-left:10px;
float:left;
width:125px;
height:300px;

}

#center_col{
position:relative;
margin:0px;
padding:0px;
float:left;
width:498px;
margin-bottom: 20px;
border-left: solid 1px #BBBCBA;

}

#center_col2{
position:relative;
margin:30px;
padding:0px;
width:498px;
margin-bottom: 20px;
border-left: solid 1px solid 1px #BBBCBA;

}


#center_col h2{
margin-top: 0px;
margin-left: 26px;
margin-bottom: 30px;
}
#center_col p{
width:457px;
margin-top:0px;
margin-bottom:20px;
margin-left:26px;
}

#center_col h3{
margin-left:26px;
}

#center_col h5{
margin-left:26px;
}


#right_col{
position:relative;
float:right;
right:52px;
width:165px;
font-size:11px;
}

.img_right{
float:right;
}



#bann_4, #bann_5, #bann_6{
border: solid 1px #ACB0AE;
width:162px;
height:183px;
margin-bottom:12px;

}

#bann_5 h3,  #bann_6 h3 {
margin-left: 15px;
margin-top: 25px;
color:#1B276F;
font-size: 16px;
}

#bann_5 p, #bann_6 p {
margin-left: 15px;
margin-right: 8px;
margin-top: 25px;
}



/*Submenu*************************/

#left_col ul
{
list-style-type: none;
text-align: left;
margin:0px;
padding:0px;
}
#left_col ul li
{
margin:0px;
padding:0px;
line-height:1.8em;

}

#left_col ul li a
{

padding-left: 15px;
padding-bottom:8px;
padding-top:2px;
text-align: left;
text-decoration: none;
color: #772320;
}

#left_col ul li a:hover
{
background: transparent  url(images/arrow2.gif) top left no-repeat;
}

#left_col ul li a#current
{
background: transparent  url(images/arrow2.gif) top left no-repeat;
}