/* ==== CALCULATOR AND CHARGES == */
table.charges, table.scenarios {width:100%; border:none;}
table.membership {border:1px solid #ccc;}
 table.scenarios {text-align:center;}
 input, select, textarea {font-family:font-family:Verdana, Arial, Helvetica, sans-serif;color:#545454;font-size:11px;}
form {margin:0;}
table {font-size:11px;}

.grey {background-color:#B2B2B2; color:#fff;}
.lightgrey {background-color:#EFEFEF;}
.strong {font-weight:bold;}
.tabletitle {font-size:12px; font-weight:bold;}
.indentks {margin-left:110px;}
.underline {border-bottom:1px solid #ccc;}
.buttonmargin {margin:10px 0;}
.calendaricon {margin:0 0 0 10px;}

#calculator, #results {width:571px;margin:15px 0;}
#results .top {height:68px; background:url(../images/resultsborder_top.gif) no-repeat left top;}
#calculator .top {height:13px; background:url(../images/roundborder_top.gif) no-repeat left top;}
#calculator .middle, #results .middle {background:url(../images/roundborder_mid.gif) repeat-y left top;}
#calculator .bottom, #results .bottom {height:13px; background:url(../images/roundborder_bottom.gif) no-repeat left top;}

.calculator_content {padding:10px 20px;}
#calculator table {width:80%; border:none;}
#results table {width:100%; border:none;}

.cost {padding:30px 0 0 20px; font-weight:bold; font-size:12px;}
.totalcost {background-color:#E6E6E6; font-weight:bold; }
.cellpadding {padding:8px 5px;}

/* ==== VEHICLES PAGES ==== */
.cars {text-align:left;width:637px; margin-top:10px;}
/*.cars .top {position:relative; background:url(../images/vehicles/vehicles_roundborder_top.gif) no-repeat left top; height:12px;}*/
.cars .middle {background:url(../images/vehicles/vehicles_roundborder_mid.gif) repeat-y left top;}
.cars_image {float:left; width:220px; margin-right:20px; text-align:center;}
.cars_desc {float:left; width:170px;}
.cars_features {float:right; width:210px; padding:0 10px 0 0;}
.cars .bottom {clear:both;}
.cars .clear. .expandable_content .clear {height:1px;}
.model_heading {font-size:12px; font-weight:bold; margin:0 0 5px 0;}
img.people {margin:10px 0 0 0;}

.expandable_content {text-align:left;padding:10px 20px 5px 20px;}
.expandable_content .column {
	float:left;
	width:199px;
	margin-top:20px;
}

a.maplink {display:block; height:23px;line-height:23px; background:url(../images/vehicles/map_icon.gif) no-repeat left center; padding-left:35px;}

/* * =========== PORTS PAGE ========== * */
.ports {text-align:left;width:637px; margin-top:10px;}
.portnames {text-align:left;width:637px;}
.ports .top {background:url(../images/ports/ports_bordertop.gif) no-repeat left top; height:32px;font-weight:bold;line-height:32px;padding-left:20px;}
.ports .middle {background:url(../images/ports/ports_bordermidtrans.gif) repeat-y left top;}
.ports .bottom {clear:both; background:url(../images/ports/ports_borderbase.gif) no-repeat left bottom; height:12px;}
p.portname {border-bottom:1px solid #DDDDDD; padding:5px 20px; margin:0;}

.location_head {
	height:32px;
	font-weight:bold;
	line-height:32px;
	padding-left:20px;
	background:url(../images/ports/ports_headingmid.gif) repeat-y left top;}

.north {background:url(../images/ports/icon_north.gif) no-repeat 99% bottom;}
.east {background:url(../images/ports/icon_east.gif) no-repeat 99% 50%;}
.south {background:url(../images/ports/icon_south.gif) no-repeat 99% 50%;}
.west {background:url(../images/ports/icon_west.gif) no-repeat 99% 50%;}

.expandbg {background:url(../images/ports/ports_detailsmid.gif) repeat-y left top;}
.expandablecontent {text-align:left;padding:0 20px 5px 60px;}
.expandablecontent .column {float:left;width:199px; margin-top:10px;}

a.selectedport:link, a.selectedport:visited, a.selectedport:hover, a.selectedport:active 
{
	font-weight:bold;
	color:#545454;
}
a.unselectedport:link, a.unselectedport:visited, a.unselectedport:hover, a.unselectedport:active 
{
	color: #C00;
	text-decoration: underline;
}
.middle a.selectedport {color:#545454; text-decoration:none;}
.closeports {
	float:left;
	width:155px;
	margin-top:10px;
	text-align:right;
	font-size:9px;
}

/* ======= IFRAME ===== */
.res_iframe {
	margin:15px 0 0 0;
	width:648px;
	height:400px;
	border:1px solid #CCC;
}

/* ==== ==== */
p {margin:0 0 10px 0; padding:0;}
a:link, a:visited, a:hover, a:active {color: #C00;text-decoration: underline;}
#flash {text-align:left;}