/**
 *	Structure
 */
body {
	margin:0px auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background: #4c4c4e;
	color:#000000;
}
a {color:#003399;text-decoration: none;}
a:hover {color: #003300;text-decoration: none;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

img{border:0;}
p,div,input,span{
	font-family: verdana, helvetica, arial;
}
/*
 * Layout
 */
#base{
	width:888px;
	margin:0px auto;
	background: url(/images/repeater.jpg) repeat-y center;
}
#base2{
	width:888px;
/*
	background: url(/images/footer.jpg) no-repeat center bottom;
*/
}
#header{
	position:relative;
	width: 888px;
	height: 334px;
	background:url('/images/header.jpg') no-repeat center;
}
#container{
	position:relative;
	width:888px;
	overflow:hidden;
}

#content{ /*width=698px*/
	float:left;
	display:inline; 
	overflow:hidden; /*when ie6, image's with is > content width, hidden*/
	width:678px;
	min-height:614px; /*ie6 not support*/
	padding: 0px 10px 0px 10px;
	background:url('/images/content_bg.jpg') no-repeat 567px 0px;
}

/***** header *****/
#title {font-family: Arial,Verdana; position:absolute; width:80%; float:right; right:45px; top:90px; text-align:right; font-size:24px; color:#ffffff; font-weight:bold;}
#title a, #title a:hover {font-family: Arial,Verdana; color:#ffffff; text-decoration:none;}
#subtitle {font-family: Verdana,Arial; position:absolute; width:80%; float:right; right:45px; top:125px; text-align:right; font-size:13px; color:#90b349; font-weight:bold; font-style:italic;}

#header ul {
	position: absolute;
	height: 22px;
	float:right;
	top: 27px;
	right: 50px;
	margin:0px;
}
#header ul li {
	display: inline;
	font-size: 13px;
}

#header ul li a {
	display: block;
	float: left;
	line-height: 22px;
	color: #ffffff;
	padding: 0 15px;
	text-decoration:none;
}

#header ul li a:hover, #header ul li.current_page_item a {
	background: #6c9025;
}

#header img.home {
	position: absolute;
	margin:0px;padding:0px;
	right: 15px;
	top: 19px;
	width:35px;
	height:35px;
}
/**
 *	Map
 */
#gmap_canvas{
	width:680px;
	height:500px;
}
#gmap_canvas_container{
	position:relative;
	width:680px;
	height:500px;
}
#gmap_canvas_mini{
	width:450px;
	height:300px;
}
/**
 *	Footer
 */
.footer{
margin: 0px auto;
width: 800px;
text-align: center;
margin-top: 15px;
color: #999999;
}
.footer a, .footer a:visited{
text-decoration: none;
color: #999999;
}
.footer ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.footer li{
display: inline;
}
/*
 *	General
 */
br.right{
	clear:right;
	line-height:0px;
}
br.left{
	clear:left;
	line-height:0px;
}
div.left{
	float:left;
	padding-right:10px;
}
div.right{
	float:right;
	padding-left:10px;
}
div.center{
	float:center;
}
a, a:visited, a:active{
color:#bd102d;
}
a:hover{
text-decoration:none;
color:#780A1D;
}
em{
color:red;
font-weight:bold;
font-size:10px;
}
.message{
background:#CDE2FC;
border:1px solid #3289F3;
padding:10px;
color:#3289F3;
margin-top:8px;
}
.alert{
border:1px solid #FF0000;
color:#FF0000;
}
.address_holder{
padding:10px 5px;
}
.col1{
float:left;
width:100px;
font-size:14px;
color:#666;
padding:10px 0px;
}
.col2{
float:left;
width:323px;
font-size:14px;
color:#666;
padding:10px;
background:#ccc;
border:1px solid #666;
}
/**
 *	Map
 */
#mcanvas{
	width:450px;
	height:400px;
	margin-top:10px;
}

.button{
	background:#999;
	border:1px solid #ccc;
	font-weight:bold;
	color:#fff;
	padding:2px 10px;
}
.result_header{
	
}
/*
 *	Side Bar
 */
#navigator{
	float:right;
	width:170px;
	padding:10px;
	font-size: 13px;
	color:#fff;
}

#divForm{
	display:none;
	padding:10px;
	border:2px solid #149FD3;
	background:#BFE9F9;
	margin:10px 0px;
}
#divForm label{
	display:block;
	float:left;
	width:100px;
	font-size:14px;
	color:#666;
	padding: 0px 0px 5px 0px;
}
#divForm .input{
float:left;
width:150px;
color:#666;
padding: 0px 0px 5px 0px;
}
#txtDescription{
width:150px;
height:200px;
}
#chkType{
	list-style:none;
}
#chkType li{
	color:#000;
}
#chkType label{
	cursor:pointer;
}
.popheader{
	color:#59AF25;
	font-size:14px;
	font-weight:bold;
}
.popContent{
	padding:10px;
}
.popContent table{
	background:#ccc;
	width:200px;
	padding:5px;
	margin-top:10px;
}
.popContent table td.price{
	text-align:right;
}
.lastmodified{
	font-style:italic;
	font-size:10px;
	padding:10px;
}
.ULP, .E10, .PULP{
	color:#00BD30;
}
.Diesel{
	color:#000;
}
.LPG{
	color:#BD00BD;
}
#divLoad, #divMessage{
	display:none;
	position:absolute;
	left:620px;
	top:300px;
	padding:10px;
	width:200px;
	border:2px solid #59AF25;
	background:#BEEBA3
}
#divFind-tip{
	padding-top:10px;border-top:1px dashed #ccc;
}
#divFind,#divType,#divSubscribe{
	width:160px;
	color:#000;
}
#divFind{
	position:relative;
	background:#fff;
	padding:5px;
}
#txtAddressFrom, #txtAddressTo{
	width:150px;
}
#divType{
	background:#fff;
	padding:5px;
}
#divSubscribe{
}
.btnClass, .btnCancelClass{
	/*border:2px solid #FF8040;*/
	background:#bd102d;
	padding:0px 5px;
	color:#fff;
	font-weight:bold;
}
.btnCancelClass{
	background:#999;
}
#txtFriendEmail{
	width:140px;
}

#news li{
	list-style:none;
	padding-bottom:15px;
}
.step{
	background:yellow;color:#bd102d;font-size:10px;width:40px;padding:1px 5px;
	border:1px solid #bd102d;
}
.routeStep{
	margin-top:5px;
	display:block;
	color:#000;
	font-weight:bold;
	font-size:11px;
}
.totalDistance{
	font-size:14px;
	font-weigth:bold;
	background:#0069D2;
	color:#fff;
	padding:5px;
	
}
#divDirection{
	display:none;
	padding:10px 2px;
	border:2px solid #0080FF;
}
#directions{
	margin-left:20px;
	padding:5px;
}
#directions li{
	border-bottom:1px dotted #ccc;
	padding:5px 0px;
	font-size:11px;
}
#directions li.odd{
	background:#E3F3FD;
}
.dis{
	font-style:italic;
	font-size:10px;
	color:#FF5820;
}
.small{
	color:#ccc;
	font-size:10px;
}
#header p{
	display:none;
}
#chkType li{
font-weight:bold;
}
#btnSave{
	display:none;
	float:left;
	margin-right:10px;
	padding:0px 1px;
}

#navigator h2 {
	margin: 0;
	background: url(/images/side-bg.gif) repeat-x;
	color: #3a3a3a;
	font-family: Garamond, Georgia, serif;
	font-size: 1.3em;
	padding: 3px 3px 3px 10px;
}

#btnHome{
	background:green;
	border:1px solid lime;
	padding:5px;
	width:50px;
	text-align:center;
	position:absolute;
	top:460px;
	left:618px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}