/* CSS Document */

body {
	background-color:#033282;
	margin:0;
	padding:0;
	font:11px Tahoma; color:#333333;
}

p, h1, h2, h3, ul, li {margin:0; padding:0;}

h1 {
	color: #033282;
	font-size: 18px;
	margin: 20px;
	margin-bottom: 1em;
}

#wrap {
	width:761px; height:auto;
	background-color:#FFFFFF;
	float:left;
	border-right:1px solid #FFFFFF;

}

.clear:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#top {
	height:91px; background-color:#FFFFFF;
	position:relative;
}

#top .logo {
	position:absolute; left:12px; top:21px;

}

#top .number {
	position:absolute; right:8px; top:44px;
}

#navigation {
	background:url(../images/nav_tile.gif) repeat-x; height:35px; position:relative;
}

#nav-wrap {
	width:538px;
	position:absolute; left:26px; top:9px;
}	

#nav {
	margin: 0; 
	padding: 0;
   list-style: none;
	display: inline;
}

#nav li {
	margin: 0; 
	padding: 0;
   list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 16px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	text-indent:-999px;
		}

#nav a:hover {
	background-position: 0 -16px;
	}
	

#mhome a  {
	width:45px; 
	background: url('../images/home.jpg') no-repeat;
	}

#mwater a  {
	width:79px; margin-left:20px;
	background: url('../images/water.jpg') no-repeat;
	}
	
#mfuel a  {
	width:77px; margin-left:20px;
	background: url('../images/fuel.jpg') no-repeat;
	}

#mother a  {
	width:108px; margin-left:20px;
	background: url('../images/other.jpg') no-repeat;
	}

#mcase a  {
	width:80px; margin-left:20px;
	background: url('../images/case.jpg') no-repeat;
	}

#mcontact a  {
	width:49px; margin-left:20px;
	background: url('../images/contact.jpg') no-repeat;
	}


#menu {
	width:761px; height:154px; 
}


#menu #panel {
	width:253px; height:154px;
	float:left;
}

#panel.next {margin-left:1px;}

#panel .img {
	width:253px; height:129px;
}

#panel .label {
	width:253px; height:24px; margin-top:1px;
}


#content {
	width:761px; height:auto;
	/*background:url(../images/content_body.jpg) left bottom no-repeat;*/
	background-color:#1D4D9E;
	

}

#content #text {
	width:508px; height:auto;
	background-color:#FFFFFF;
	float:left; 
	min-height:551px; _height:551px;
}

#content #text_inner {
	width:761px; height:auto;
	background-color:#FFFFFF;
	min-height:651px; _height:651px;
	padding-bottom:30px;
}


#text .header, #text_inner .header {
	margin:20px;
}

#text p, #text_inner p {
	margin:20px;
	line-height:15px;
	
}


#content #right {
	width:252px; 
	background-color:#1D4D9E;
	float:left; margin-left:1px;
	padding:20px 0 20px 0;

	
	
}

#panel {margin:0 auto; }

.panel_1, .panel_2 {
	width:216px; height:135px;
}

#right .panel_2 {
	margin-top:20px;
}

#right .panel_3 {
	width:216px; height:201px;
	background:url(../images/panel_3.jpg) no-repeat;
	margin-top:20px;
}

.panel_3 p {
	padding:10px 10px 0 15px;
	color:#FFFFFF;

}

.panel_3 a {color:#FFFFFF; text-decoration:none;}
.panel_3 a:hover {color:#C3E6F6; text-decoration:none;}


#crumb {
	width:761px; height:55px; 
	background:url(../images/crumb_bar.jpg) no-repeat;

}

#crumb p {
	padding:20px;
	color:#FFFFFF;
}

#crumb a {color:#FFFFFF; text-decoration:none;}
#crumb a:hover {color:#FFFFFF; text-decoration:none;}


#footer {
	height:50px; 
	background-color:#FFFFFF;
	}	


/*----------------------------------------------------------*/



table.product{
	 margin:0 auto;
	}

table.product_details {
	 margin-left:30px;
	}
	
.middle {padding:3px 0 3px 0; border-top:5px solid #033282; }
.left {padding:3px 0 3px 0; border-top:5px solid #033282; border-bottom:5px solid #96B2E1;}

.middle_next {padding:3px 0 3px 0; border-top:5px solid #96B2E1;  }
.left_next {padding:3px 0 3px 0; border-top:5px solid #033282; }

a {color:#033282; font-weight:bold; text-decoration:none;}
a:hover {color:#96B2E1; font-weight:bold;}

.detail_bottom { padding:10px 0 10px 0;}

.thumb {border-bottom:1px solid #D8D8D8; padding:10px 0 10px 0;}

.number {font-size:18px;}

.caption {padding:10px; background-color:#033384; color:#FFFFFF; margin-top:3px;}

.top {float:right;}

b {color:#033385; padding-right:5px;}


#link {background:url(../images/arrow.gif) left center no-repeat; padding-left:25px;}


#general {
	margin-left:50px;
	list-style-type:none;
}

#general li {
	background:url(../images/arrow.jpg) left no-repeat; padding-left:20px;

}