/*
Name: Protoytpe Layout CSS
Creative by: Rise Creative Group
Date modified: 2/5/08
------------------------------------*/

/*  Reset all CSS 
------------------------------------*/
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background: transparent; }




/* Base style
------------------------------------*/

body {
	padding: 0;
	margin: 0;
	}
	
body#home {
	background:url(/images/home/bg-home.jpg) center top no-repeat #88aabd;
	}	
	
body.subpage {
	background:url(/images/universal/bg-subpage.jpg) center top no-repeat #88aabd;
	}	


/* Things to hide
------------------------------------*/

#comment , .logo span , h2 span , h3 span , h1 span , .imgholder , a span {
	display: none;
	}


/* Homepage Bottom
------------------------------------*/

div.col {
	position: relative;
	}	


div.get-a-quote {
	padding-top: 45px;
	height: 150px;
	width: 240px;
	color: #fff;
	}
	
div.get-a-quote h2 a { 
	width: 265px;
	height: 60px;
	display:block;
	z-index: 200;
}

 .btn-arrow { 
 	position:absolute;
	background:url(/images/universal/btn-arrow.gif) no-repeat;
	top:19px;
	left:235px;
	width:11px;
	height:17px;
	z-index: 201;
	}

.customer-service .btn-arrow {
	top:165px;
	left:235px;
	}
	
	
div.get-a-quote a , div.customer-service a{
	color: #AAE6FF;
	}	
	
div.customer-service {
	height: 100px;
	width: 240px;
	color: #fff;
	}	

div.customer-service h2 a  {
	width: 265px;
	height: 60px;
	display:block;
	}

.txt-get-a-quote {
	background:url(/images/home/txt-get-a-quote.png) left top no-repeat;
	width: 265px;
	height: 60px;
	position: absolute;
	top: -3px;
	left: 0px;
	z-index: 100;
	}

.txt-customer-service {
	background:url(/images/home/txt-customer-service.png) left top no-repeat;
	width: 265px;
	height: 60px;
	position: absolute;
	top: 143px;
	left: 0px;
	z-index: 100;
	}
	
.txt-about-able-maritime {
	background:url(/images/home/txt-about-able-maritime.png) left top no-repeat;
	width: 200px;
	height: 30px;
	margin-top: 40px;
	margin-bottom: 20px ;
	display: block;
	}
	
.txt-markets-represented{
	background:url(/images/home/txt-markets-represented.png) left top no-repeat;
	width: 200px;
	height: 30px;
	margin-top: 40px;
	margin-bottom: 20px ;
	display: block;
	}		


/* Container
------------------------------------*/
#container {
	width:968px;
	
	padding: 0;
	margin: 0 auto;
	position: relative;
	}
	
#top_border {width: 100%; height: 10px;}
	
/* Header
------------------------------------*/

div.top {
	height: 210px;
	}

#header {
	height: 40px;
	margin: 0; 
	padding: 10px;
	position: relative;
	}

#header .logo {
	position: absolute;
	display: block;
	width: 345px;
	height: 102px;
	left: 0px;
	top: 29px;
	z-index: 100;
	background:url(/images/universal/bg-logo.png) left top no-repeat;
	}

#header .logo span {
	display: none;
	}


#make-payment-btn { 
	width:164px;
	height:36px;
	position:absolute;
	top:75px;
	left:805px;
	z-index: 185;
	background:url(/images/universal/make-payment-btn.jpg) no-repeat;
	}
	
	
#make-payment-btn a, #make-payment-btn a:visited { 
	display:block;
	width:164px;
	height:36px;
	background:url(/images/universal/make-payment-btn.jpg) 0 0 no-repeat;
	z-index: 200;
	}

#make-payment-btn a:hover { 
	width:164px;
	height:36px;
	background:url(/images/universal/make-payment-btn.jpg) 0 -36px no-repeat;
	z-index: 200;
	}
	
 
#profile_widget {
	width: 205px;
	
	position: absolute;
	left: 210px;
	padding: 7px;
	top: 15px;
	font-size: .85em;
	color: #fff;
	}
	
#profile_widget a, #profile_widget a:visited {color: #FFFF00}
	
#profile_widget .imgholder {margin: 2px;}

#home #profile_widget {display: none;}

.product_holder {

}

#action_buttons {
	margin: 0;
	padding: 0;
	}
	
#action_buttons li {
	list-style: none;
	float: left;
	margin-right: 4px;
	}
	
#action_buttons li a {
	display: block;
	
	color: #fff;
	padding: 12px;
	}
	
#action_buttons li a:hover {
	
	}
	
#split_col2 label {
	font-size: .8em;
	text-transform: uppercase;
	color: #333;
	}

/* Prototype placeholders
------------------------------------*/

.imgholder {
	background:url(/images/slant.gif);
	border:#999999 2px solid;
	margin: 5px;
	text-align:center;
	vertical-align:middle;
}

.imgholder span {
	
	color:#FFFFFF;
	margin: 10px;
	display:block;
}
.formholder {
	background:url(/images/blue_slant.gif);
	border: #003366 2px solid;
	margin: 10px;
	text-align:center;
	vertical-align:middle;
}

.formholder span {
	background:#003366;
	color:#FFFFFF;
	margin: 10px;
	display:block;
}

.infoholder {
	background:url(/images/yellow_slant.gif);
	border: #FFCC00 2px solid;
	margin: 10px;
	text-align:center;
	vertical-align:middle;
}

.infoholder span {
	background: #FFCC00;
	color: #000000;
	margin: 10px;
	display:block;
}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
}

.info_pop_highlight {
	background-color: #fff;
}


/* Navigation
------------------------------------*/

#nav {
	width: 968px;
	height: 58px;
	padding: 0px;
	margin: 0;
	font-size: .9em;
	position: relative;
	display: inline;
	display: block;
	overflow: hidden;
	top: 131px;
	position: absolute;
	left: 0px;
	z-index: 10;
}

.nav-shadow {
	background:url(/images/universal/bg-nav-shadow.png) left top no-repeat;
	width: 968px;
	height: 27px;
	position: absolute;
	top: 190px;
	left: 0px;
	z-index: 100;
	}

#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#nav li a {
	display: block;
	float: left;
	height: 58px;
	}

#nav li.l1 a {
	width: 89px;
	background:url(/images/universal/bg-nav.png) 0px 0px no-repeat;
	}
	
#nav li.l1 a:hover , body.l1 #nav li.l1 a {
	background:url(/images/universal/bg-nav.png) 0px -58px no-repeat;
	}	
	
#nav li.l2 a {
	width: 160px;
	background:url(/images/universal/bg-nav.png) -83px 0px no-repeat;
	}	
	
#nav li.l2 a:hover , body.l2 #nav li.l2 a  {
	background:url(/images/universal/bg-nav.png) -83px -58px no-repeat;
	}		
	
#nav li.l3 a {
	width: 162px;
	background:url(/images/universal/bg-nav.png) -239px 0px  no-repeat;
	}	
	
#nav li.l3 a:hover , body.l3 #nav li.l3 a {
	background:url(/images/universal/bg-nav.png) -239px -58px  no-repeat;
	}	
	
#nav li.l4 a {
	width: 94px;
	background:url(/images/universal/bg-nav.png) -404px 0px  no-repeat;
	}
	
#nav li.l4 a:hover , body.l4 #nav li.l4 a {
	background:url(/images/universal/bg-nav.png) -404px -58px  no-repeat;
	}	
	
#nav li.l5 a {
	width: 134px;
	background:url(/images/universal/bg-nav.png) -501px 0px  no-repeat;
	}	
	
#nav li.l5 a:hover , body.l5 #nav li.l5 a {
	background:url(/images/universal/bg-nav.png) -501px -58px  no-repeat;
	}			
	
#nav li.l6 a {
	width: 95px;
	background:url(/images/universal/bg-nav.png) -634px 0px  no-repeat;
	}
	
#nav li.l6 a:hover , body.l6 #nav li.l6 a {
	background:url(/images/universal/bg-nav.png) -634px -58px  no-repeat;
	}				
	
#nav li.l7 a {
	width: 232px;
	background:url(/images/universal/bg-nav.png) -736px 0px  no-repeat;
	}
	
#nav li.l7 a:hover , body.l7 #nav li.l7 a {
	background:url(/images/universal/bg-nav.png) -736px -58px  no-repeat;
	}	
							
	
	
	
#shipment_listings #nav li a.shipment-listings {}
	
#secondary_nav {position: absolute; left: 730px; top: 5px;  padding: 10px; font-size: .8em; width: 100px; height: 20px;}

#secondary_nav li {float: left; list-style: none; margin: 0; padding: 0;}

#secondary_nav li a {display: block; padding: 5px 8px 0 8px;}

#sub_nav ul {padding: 0 0 20px 0; margin: 0 0 20px 0; }

#sub_nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul ul {display: none; font-size: .85em; margin-bottom: 0; padding-bottom: 0;}


ul ul li {margin: 0;}

ul ul li a, ul ul li a:visited {background: #ccc !important;}

.orlando ul ul.orlando-nav, .jacksonville ul ul.jacksonville-nav, .memphis ul ul.memphis-nav, .conditions ul ul.conditions-nav {display: block; }


#sub_nav li a, #sub_nav li a:visited {display: block; padding: 5px; background: #ddd; border: 1px solid #ccc; margin-bottom: 5px; clear: right; font-size: .95em;}


#tertiary_nav {
	width: auto;
	height: 24px;
	padding: 5px 0 10px 10px;
	margin: 0;
	font-size: .9em;
	position: relative;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	display: block;
	overflow: hidden;
	
}

#tertiary_nav ul {
	margin: 0;
	padding: 0;
}


#tertiary_nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#tertiary_nav li a {
	display: block;
	padding: 10px 10px 13px 10px;
	margin: 0 0 0 6px;
}


#breadcrumbs {padding: 18px 0 18px 10px; font-size: .8em;}


li ul {display: block;}


/* Features
------------------------------------*/


.subpage #feature , .subpage #feature h1  {
	width: 968px;
	height: 175px;
	position: relative;
	margin: 0;
	padding: 0;
}



.l2 #feature h1 {
	background:url(/images/universal/txt-products-service.png) 20px 55px no-repeat;
	}
	
.l3 #feature h1 {
	background:url(/images/universal/txt-markets-represented.png) 20px 55px no-repeat;
	}
	
.l4 #feature h1 {
	background:url(/images/universal/txt-about-us.png) 20px 55px no-repeat;
	}

.l5 #feature h1 {
	background:url(/images/universal/txt-customer-service-2.png) 20px 55px no-repeat;
	}			
	
	
.l6 #feature h1 {
	background:url(/images/universal/txt-contact.png) 20px 55px no-repeat;
	}
	
.l7 #feature h1 {
	background:url(/images/universal/txt-request-a-quote.png) 20px 55px no-repeat;
	}
	
.l8 #feature h1 {
	background:url(/images/universal/txt-privacy.png) 20px 55px no-repeat;
	}
	
.l9 #feature h1 {
	background:url(/images/universal/txt-terms.png) 20px 55px no-repeat;
	}
	
.l10 #feature h1 {
	background:url(/images/universal/txt-sitemap.png) 20px 55px no-repeat;
	}	
	
.l11 #feature h1 {
	background:url(/images/universal/txt-application-forms.png) 20px 55px no-repeat;
	}			
			
	
/* Subpage Boats
------------------------------------*/	
.subpage-boat {
	height: 410px;
	width: 968px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	}
	
#home .subpage-boat { display: none; }	

.l2 .subpage-boat {
	background:url(/images/universal/subpage-boat-3.png) 400px 168px no-repeat;
	}

.l3 .subpage-boat {
	background:url(/images/universal/subpage-boat-4.png) 520px bottom no-repeat;
	}
	
.l4 .subpage-boat {
	background:url(/images/universal/feature-about.png) 319px 183px no-repeat;
	}
	
.l5 .subpage-boat {
	background:url(/images/universal/subpage-boat-2.png) 520px bottom no-repeat;
	}
	
.l6 .subpage-boat {
	background:url(/images/universal/subpage-boat-5.png) 540px 140px no-repeat;
	}
	
.l7 .subpage-boat {
	background:url(/images/universal/subpage-boat-2.png) 520px bottom no-repeat;
	}
	
.l8 .subpage-boat {
	background:url(/images/universal/subpage-boat-1.png) 520px 0px no-repeat;
	}
	
.l9 .subpage-boat {
	background:url(/images/universal/subpage-boat-2.png) 520px bottom no-repeat;
	}
	
.l10 .subpage-boat {
	background:url(/images/universal/subpage-boat-1.png) 520px 0px no-repeat;
	}		

#intro_text {
	float: left;
	padding: 35px 15px 5px 15px;
	width: 550px;
	color: #fff;
	}
	
#news_box { 
	 width: 264px;
	 float: right;
	 margin-right: 15px;
	 color: #fff;
	 padding: 5px 10px 10px 10px;
	 }
 
#feature h1 {
	color: #fff;
	}
	
#feature_search_holder {
	float: right;
	padding: 15px;
	margin: 25px 25px 0 0;
	width: 475px;
	color: #fff;
	}
	
 #feature_search_holder a, #feature_search_holder a:visited, #feature_search_holder a:active {
	color: yellow;
	}
	
#feature_products_holder {
	height: 170px;
	padding-left: 18px;
	}

#feature_products_holder h2 {
	margin: 0;
	padding: 10px 0 0 0;
	}

.ad {
	float: left;
	margin: 10px 15px 10px 15px;
	width: 140px;
	height: 115px;
	background: #ccc;
	}
	
.thumb{
	float: left;
	margin: 10px 15px 10px 15px;
	width: 54px;
	height: 50px;
	background: #ccc;
	}

#get_started { padding: 30px; text-align: center;}


.featured_product {
	float: left;
	margin: 10px 0 10px 35px;
	width: 160px;
	height: 115px;
	
	}
	
#call_out_buttons {
	position: absolute;
	left: 420px;
	top: 16px;
	font-size: .8em;
	width: 300px;
	}
	
/* Products / Services
------------------------------------*/	


.product_set {
	position:relative;
	margin: 0 0 40px 0;
}

.product_photos {
	width: 289px;
	margin-right: 40px;
	float: left;
}

.product_photos img {
	margin-bottom: 5px;	
}

.product_copy {
	width: 300px;
	float: left;
}


/* Markets Represented
------------------------------------*/

.markets_logos {
	background: #fff;	
	border: 1px solid #B1CAEB;
}

.markets_logos td {
	padding: 20px 10px 20px 10px;	
}
	
/* Search
------------------------------------*/

#search {
	height: 30px;
	float: left;
	padding: 7px 0 0 36px;
	display: block;
}

	
/* Form styles 
-------------------------------------*/	


/* Content
------------------------------------*/

#content {
	width:968px;
	
	}
	
.highlight { padding: 5px 8px 5px 8px;}


/* Columns
------------------------------------*/

#full_col {
	float: left;
	width: 912px;
	margin: 0;
	padding: 18px 18px 12px 30px;
	}

#main_col {
	float: left;
	width: 643px;
	margin: 0;
	padding: 30px;
}

.subpage #main_col {
	min-height: 600px;
	height: auto !important;
	height: 600px;
	}

.split_col {
	float: left;
	width: 250px;
	margin: 0;
	padding: 18px 18px 20px 25px;
}

#sub_col {
	float: right;
	width: 265px;
	display: block;
	color: #fff;
	margin-top: -30px;
}


.subpage-qet-a-quote a {
	margin: 0px;
	padding: 0px;
	width: 265px;
	height: 62px;
	margin-left: -30px;
	background: url(/images/universal/subpage_get-a-quote.png) left top no-repeat;
	display: block;
	}
	
.subpage-products-services a {
	margin: 0px;
	padding: 0px;
	width: 265px;
	height: 62px;
	margin-left: -30px;
	background: url(/images/universal/subpage_txt-products-services.png) left top no-repeat;
	display: block;
	}	


.subpage-contact-btn a {
	margin: 0px;
	padding: 0px;
	width: 265px;
	height: 62px;
	margin-left: -30px;
	background: url(/images/universal/subpage-contact-btn.png) left top no-repeat;
	display: block;
	}

#sub_col a {
	color: #aae6ff;
	}

.home #sub_col {
float: right;
padding-right: 20px;
}

.context_box {padding: 30px; font-size: .85em;}


#sub_col ul {padding: 0; margin: 0 30px 20px;}

#sub_col li a:hover {background: #ccc;}


#col_left {
	float: left;
	width: 220px;
	margin: 0;
	padding: 20px 20px 0 40px;
	}

#col_center {
	float: left;
	width: 350px;
	margin: 0;
	padding: 20px 0 0 20px;
}

#col_right {
	float: right;
	width: 210px;
	margin: 0;
	padding: 20px 40px 0 0;
	}
	
.col {
	width: 280px;
	margin: 0;
	margin-top: -58px;
	float: left;
	padding: 10px;
	font-size: .9em;
	}
	
.subpage .col {
	width: 45%;
	}
	
.recent_listings ul {margin: 0; padding: 0; border-right: 1px solid #666666;}

.recent_listings li {float: left; min-height: 65px; padding: 18px; list-style: none; width: 40%;}
	
.recent_listings li:hover {background: #ddd;}
		
.rating {width: 280px; float: right; font-size: .9em; border-top: 1px solid #666666; padding: 5px; background: #ccc; margin-bottom: 10px; margin-top: -34px;}

	
.subpage .rating {width: 100%; font-size: .9em; border-top: 1px solid #666666; padding: 5px; background: #ccc; margin-bottom: 10px; margin-top: 0;}

	
.teaser {
	width: 260px;
	height: 150px;
	margin: 8px 15px 5px 0;
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	}
	
.teaser li:hover {background: #ddd;}

.subpage .teaser {
	width: 280px;
	height: 150px;
	margin: 8px 15px 5px 0;
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	}
	
#ad_holder {
	float: right;
	width: 160px;
	margin: 2px 0 0 0;
	padding: 18px 18px 12px 6px;
	background-color: #D3D3D3;
	border-color: #666;
	border-width: 1px;
	display: block;
}
	
#extras_holder {
	background: #B4B4B4;
	}
	
.newsletter {
	width: 250px;
	float: left;
	padding: 18px 0 10px 15px;
	}
	
.quick_links {
	width: 280px;
	float: left;
	padding: 18px 30px 10px 15px;
	}
	
.quick_links ul {
	font-size: .85em;
	padding-top: 15px;
	}	

.quick_links li {
	padding: 8px 0 0 0;
	}	

#sort_products {
	float: right;
	background: #dddddd;
	color: #111;
	padding: 10px;
	margin: -28px 0 0 0;
	}

/* Miscellaneous
------------------------------------*/

.center {
	text-align:center;
}

.right {
	float: right;
} 

.left {
	float: left;
	}

.clear {
	clear: both;
}

img {
	border: 0;
	}
	
.alert {
	color: #CC0000;
	font-weight: bold;
}

.note {
	text-transform: uppercase;
	color: #ccc;
}

.highlight {
	background-color: #ffcc99;
}


#map-container { 
	position:relative;
	width:1px;
	height:1px;
	}	

#us-map {
	position:absolute;
	width:700px;
	height:551px;
	left:-33px;
	top:-95px;
	}

/* Tables
------------------------------------*/
	
.tabular {
	width: 100%;
	background-color: #CCD8E4;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-top: 10px;
}	
	
.tabular th {
	background-color: #3b505d;
	text-align:left;
	height:10px;
	color: #fff;
}

.tabular th a {
	color: #FFFF00;
	}

.tabular_highlight {
	background-color: #eee;
}
	

/* Site Information
------------------------------------*/

#site_information * {
	padding: 0px;
	margin: 0px;
	position:relative;
	}

#site_information {
	width: 908px;
	margin: 0;
	padding: 0px;

	padding-top: 60px;
	padding-bottom: 60px;
	list-style: none;
	list-style-type:none;
	clear:both;
	font-size: 0.9em;
	color: #c4e3f3;
}


#site_information li {
	padding-bottom: 10px;
	padding-left: 15px;
	}

#site_information a, #site_information a:visited {
	color: #c4e3f3;
	
}

#site_information li.l1 a {
	padding-right: 10px;
	text-decoration: none;
	}
	
#site_information li.l1 a:hover {
	text-decoration: underline;
	}

#rise-logo { 
	position:absolute;
	top:-4px;
	left:467px;
	}


/* Feature Slide
------------------------------------*/

#home #feature {
	margin-top: -21px;
	position: relative;
	background:url(/images/home/homepage-slide-1.png) 35px 70px no-repeat;
	width: 960px;
	}

#feature , div.slide {
	height: 362px;
	position:relative;
	}
	
.slide { 
	position:absolute;
	width:515px;
	height:364px;
	left:407px;
	z-index: 100;
	overflow:hidden;
	padding:0;
	}
	
	
 /*Added by moe for ajax */

.messagebox{
	padding-top:15px;
	padding-left:5px;
	font-weight:bold;
	color:#000066;
	font-style:italic;
	height:30px;
	display:block;
	background-color:#FFC;
	border:1px solid #FC6;
	text-align:center;
}
.messageboxok{
	padding-top:15px;
	padding-left:5px;
	font-weight:bold;
	color:#008000;
	font-style:italic;
	height:30px;
	display:block;
	background-color:#FFC;
	border:1px solid #FC6;
	text-align:center;
	
}
.messageboxerror{
	padding-top:15px;
	padding-left:5px;
	font-weight:bold;
	color:#FF3300;
	font-style:italic;
	height:30px;
	display:block;
	background-color:#FFC;
	border:1px solid #FC6;
	text-align:center;
}