/*
	Dark blue: #0067AC;
	Orange: F6961E
	link orange: color: #f90;
*/

html,body {
	font-family: "Myriad Pro", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	margin: 0px;
	background-color: white;
	color: #444;
	behavior: url("/legendweb/javascripts/csshover.htc")
}

img {
	border: 0px;
}

a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #000;
}

table#layout {
	width: 760px;
	/*background-color: white;*/
	text-align: left;
}




p {
	font-size: 12px;
}
li {
	font-size: 12px;
}
table {
	font-size: 12px;
}

table {
	border-collapse: collapse;
	border-width: 0px;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}

table td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border-spacing: 0px;
}


/*
table.features {
	width: 592px;
}
table.features td.feature {
	padding: 4px;
}
table.features td.feature_icon {
	width: 50px;
}
table.features td.feature_text {
	width: 250px;
}
table.features td.feature p.feature_title {
	font-weight: bold;
}
*/

div.mini_feature {
	/*font-weight: bold;*/
	/*width: 153px;
	color: grey;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	border: 1px solid #ddd;
	margin: 0px;*/
	margin-bottom: 20px;
	margin-left: 20px;
}
div.mini_feature img.mini_icon {
	vertical-align: middle;
	width: 25px;
}
div.mini_feature img.mini_image {
	vertical-align: middle;
}
div.footer p {
	color: #aaa;
	font-size: 10px;
	padding-left: 8px;
	padding-right: 8px;
}
div.fine_print {
	font-size: 10px;
}

div.boat_specs {
}
div.boat_specs h3 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: .5em;
}
div.boat_spec {
	font-size: 10px;
}
div.boat_spec .name {
}
div.boat_spec .value {
	font-weight: bold;
}

table.premium_package  {
	width: 300px;
	background-image: url('/legendweb/images/shared/1x1blue.gif');
}
table.premium_package .title {
	/*background-color: #0067AC;*/
	background-image: url('/legendweb/images/shared/1x1orange.gif');
	color: white;
	font-size: 24px;
	text-align: center;
}
table.premium_package .early_price {
	/*color: #0067AC;*/
	color: white;
	font-size: 14px;
	text-align: center;
}
table.premium_package .feature {
	font-size: 10px;
	padding-left: 10px;
	/*color: #0067AC;*/
	color: white;
}
table.premium_package .feature_price {
	font-size: 10px;
	text-align: right;
	padding-right: 10px;
	/*color: #0067AC;*/
	color: white;
}
table.premium_package .total {
	/*background-color: #0067AC;*/
	color: white;
	padding-left: 10px;
}
table.premium_package .total_price {
	/*background-color: #0067AC;*/
	color: white;
	text-align: right;
	text-decoration: line-through;
	padding-right: 10px;
}
table.premium_package .early_discount {
	background-image: url('/legendweb/images/shared/1x1orange.gif');
	color: white; /* #0067AC; */
	font-size: 14px;
	text-align: center;
}
table.premium_package .highlight {
	color: white; /* red; */
	font-weight: bold;
	font-size: 1.3em;
}
table.premium_package .early_price .highlight {
	/*color: red;*/
}
table.premium_package .legend {
	/*background-color: #0067AC;*/
	background-image: url('/legendweb/images/shared/1x1orange.gif');
	color: white;
}
table.premium_package .legend .motor_legend {
	/*background-color: #0067AC;*/
	color: white;
	margin-left: 10px;
	font-size: 10px;
}

table.premium_package td.divider hr {
	background-color: white;
	border: 0px;
	height: 1px;
	width: 95%;
}

img.vert_spacer {
	float: left;
	border: 1px solid red;
}

div.boat_price_image {
	background: no-repeat right bottom;
	/*height: 400px;*/
}
div.boat_price_image div.head_spacer {
	height: 20px;
}
div.boat_name {
	color: #0067AC;
	font-size: 36px;
	font-weight: bold;
}
div.boat_price_image td.price {
	color: red;
	font-size: 56px;
	font-weight: bold;
}
div.boat_price_image td.price span.divider {
	font-weight: normal;
}
div.boat_price_image td.price_monthly {
	color: red;
	text-align: center;
	vertical-align: middle;
}
div.boat_price_image td.price_monthly span.top{
	font-size: 24px;
	font-weight: bold;
}
div.boat_price_image td.price_monthly span.bottom{
	font-size: 14px;
}
div.boat_price_image td.short {
	color: #0067AC;
	font-size: 12px;
}
div.boat_price_image td.fine {
	padding-top: 1px;
	color: #aaa;
	font-size: 10px;
	font-style: italic;
	text-decoration: none;
}
div.boat_price_image td.fine a {
	color: #aaa;
	font-size: 10px;
	font-style: italic;
	text-decoration: none;
}

td.boat_long {
}
td.boat_long div {
	margin: 0px;
}
td.boat_long p {
	margin: 0px;
}
td.boat_long p.tagline {
	color: #0067AC;
	font-size: 14px;
}

td.boat_links {
	vertical-align: bottom;
	padding-bottom: 4px;
}
td.boat_links a {
	font-size: 13px;
	margin-bottom: .5em;
	text-decoration: none;
	padding-top: 10px;
}
td.boat_links a.on {
	color: #000;
}
td.boat_links table td {
	padding-left: 1em;
	padding-top: 4px;
}

div.back_to_boat {
	text-align: center;
	padding: 10px;
}
div.back_to_boat a {
	font-size: 14px;
	margin-bottom: .5em;
	text-decoration: none;
	padding-top: 10px;
}

span.dollar {
	font-size: 70%;
	vertical-align: 25%;
}

table.legend_advantage {
}
table.legend_advantage td {
	/*border: 2px solid black;*/
	padding: 1em;
	vertical-align: top;
}
table.legend_advantage td.image {
	vertical-align: middle;
	text-align: center;
}

div.contact_info {
	padding: 50px;
}

div.features {
	font-size: 12px;
}
div.features h3 {
	font-size: 14px;
}
span.feature_type {
	font-weight: bold;
}
span.feature_name {
}

table.highlight_features {
}
table.highlight_features td {
}
div.highlight_feature  {
	height: 137px;
	width: 132px;
	padding: 2px;
	padding-top: 5px;
	border: 1px solid #999;
	text-align: center;
	font-size: 9px;
	margin-left: 17px;
}
div.first {
	margin-left: 1px;
}

table.overheads {
}
table.overheads td {
	text-align: center;
}
table.overheads td p {
}
img.overhead {
	margin-left: 2px;
	margin-right: 2px;
}

table.boat_listing {
	width: 100%;
}
table.boat_listing td {
}
table.boat_listing_item {
	/*margin-top: 20px;*/
	width: 189px;
	border-collapse: separate;
	border: 1px solid #fff;
	cursor: pointer;
}
td.boat_listing_image {
	height: 125px;
	vertical-align: middle;
	text-align: center;
}
/*table.boat_listing_item:hover {
	border: 1px solid #f90;
}*/
td.boat_listing_name {
/*	text-align: left;
	padding-left: 4px;
	padding-top: 4px;*/
	/*padding: 4px;*/
	height: 24px;
	background-color: #f90;
	text-align: center;
	vertical-align: middle;
}
td.boat_listing_name a {
	color: white;
	font-weight: bold;
}
div.boat_listing_rollover {
	cursor: pointer;
	position: absolute;
	top: 0px;
	border: 1px solid #f90;
	background-color: white;
	height: 148px;
	width: 340px;
	padding: 2px;
	/*background-image: url('/legendweb/images/shared/boat_type_bg_fade.png');*/
}
div.boat_listing_rollover img {
	float: right;
}
div.boat_listing_rollover .boat_name {
	font-weight: bold;
}
div.boat_listing_rollover .price {
	color: red;
	padding-left: 1em;
}
div.boat_listing_rollover .boat_long p {
	font-size: 10px;
	margin: 0px;
}
div.boat_listing_rollover .boat_long p.tagline {
	color: #0067AC;
	margin-top: 1em;
	font-size: 13px;
}



table.warranties {
}
table.warranties td {
	padding: 10px;
}

table.form_table {
}
table.form_table td {
	padding: 4px;
}
table.form_table td.form_label {
	text-align:right;
}
table.form_table td.form_field {
}
td.form_submit {
	text-align: center;
}

table.contact_form_table {
	border: 1px solid #CCC;
}
table.contact_form_table td {
	padding: 4px;
}
table.contact_form_table td.form_label {
}
table.contact_form_table td.form_field {
}
table.contact_form_table th {
	background-color: #CCC;
	padding: 4px;
}

div.splash {
	text-align: center;
	font-size: 16px;
}

div.truck {
	/*border: 1px solid black;*/
	width: 200px;
	float: left;
}

div.truck_load {
	border: 1px solid black;
	margin: 5px;
	margin-left: 5px;
}

div.conflict {
	border-color: red;
}


div.truck_load_destination, div.truck_load_triplength {
	background-color: #0067AC;
	color: white;
	font-size: 10px;
	text-align: center;
}

div.truck_load_triplength a {
	color:white;
}

div.conflict div.truck_load_destination, div.conflict div.truck_load_triplength {
	background-color: red;
}


div.truck_load_loaded {
	text-align: center;
	font-size: 12px;
}

div.truck_load_commands {
	text-align: center;
	font-size: 10px;
}

div.load_list {
	/*border: 1px solid green;*/
}

table.boat_load_diagram {
}

table.boat_load_diagram td {
	border: 1px solid grey;
}

div.boat_drop_zone {
	width: 120px;
	height: 120px;
}

td.boat_drop_zone {
	border: 5px solid grey;
	height: 120px;
	text-align: center;
	/*vertical-align: middle;*/
}

#cab {
	background-color: grey
}

table.date_ruler {
}
table.date_ruler tr {
}
table.date_ruler td {
	text-align: center;
}
table.date_ruler td.odd {
	background-color: #77CCFF;
}
table.date_ruler td.even {
	background-color: #DDDDFF;
}

table.lading td {
	font-size: 10px;
	border: 1px solid black;
	padding: 2px;
}
table.lading td.center {
	text-align: center;
	vertical-align: middle;
}
table.lading p {
	font-size: 8px;
}
table.lading .checkbox {
	font-size: 12px;
	font-weight: bold;
}
table.lading input {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

table.boat_load_diagram_header {
}

table.boat_load_diagram_header td {
	padding: 2em;
	text-align: center;
	vertical-align: middle;
}

table.tabular {
	border: 1px solid black;
}

table.tabular th {
	border: 1px solid black;
	padding: 10px;
}

table.tabular td {
	border: 1px solid black;
	padding: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
}

div.part_lookup {
	border: 1px solid black;
	padding: 10px;
	margin: 10px;
} 

table.admin_menu table td a {
	display: block;
	padding: .5em;
	margin: .5em;
	background-color: #0067AC;
	color: white;
}

table.admin_menu table td a:hover {
	background-color: #F6961E;
}

table.boat_drop_zone_check {
}

table.boat_drop_zone_check td {
	padding: 2px;
}

div.newsflash {
	margin: 10px;
	padding: 10px;
	border: 1px solid black;
	background-color: #0067AC;
	color: white;
	font-size: 20px;
}

div.newsflash b {
	color: #F6961E;
}


			div.image_container {
				/*position: relative;*/
			}
			
			div.boat_list {
				position: absolute;
				top: 125px;
				left: 0px;
				z-index: 10;
			}
			
			a.category_list_item {
				font-size: 12px;
				display: block;
				height: 105px;
				padding-top: 16px;
				float: left;
				text-align: center;
				position: relative;
			}

			a.category_list_item:hover {
				color: white;
			}
			
			a.boat_list_item {
				font-size: 11px;
				padding-top: 8px;
				display: block;
				width: 100px;
				float: left;
				text-align: center;
				position: relative;
				margin: 0px;
				height: 22px;
				background-image: url(/legendweb/images/shared/web_menubar_gradient.gif);
			}

			a.boat_list_item:hover {
				background-image: url(/legendweb/images/shared/web_menubar_gradient_on.gif);
				color: white;
			}

			div.boat_info_popup {
				position: absolute;
				left: 0px;
				top: 31px;
				background-color: transparent;
				color: black;
				/*width: 300px;*/
				text-align: left;
				font-weight: normal;
			}

			div.double_height {
				bottom: 61px;
			}

			div.right_align {
				left: auto;
				right: 0px;
			}

			.opacity-50 {			
				/* for IE 8.0 */
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				/* for IE 5.0-7.0 */
				filter: alpha(opacity=50);
				/* older Mozilla browsers */
				-moz-opacity:.50;
				/* CSS3 standard */
				opacity:0.5;
			}

			.top_menu {
				vertical-align: middle;
				text-align: center;
				background-image: url(/legendweb/images/shared/web_menubar_gradient.gif);
			}
			.top_menu:hover {
				background-image: url(/legendweb/images/shared/web_menubar_gradient_on.gif);
			}
			.top_menu:hover a {
				color: white;
			}
			
			td.top_menu_left_cap {
				background-image: url(/legendweb/images/shared/web_menubar_cap_left2.gif)
			}
			
			td.top_menu_left_cap_on {
				background-image: url(/legendweb/images/shared/web_menubar_cap_left2_on.gif)
			}
			
			td.top_menu_right_cap {
				background-image: url(/legendweb/images/shared/web_menubar_cap_right2.gif)
			}
			
			td.top_menu_right_cap_on {
				background-image: url(/legendweb/images/shared/web_menubar_cap_right2_on.gif)
			}
			
			table.boat_list_popup {
				
			}
			
			.boat_list_popup_boat {
				padding: 2px;
				width: 146px;
				height: 112px;
				float: left;
			}
			.boat_list_popup_boat .name {
				font-weight: bold;
				color: #AAA;
			}
			.boat_list_popup_boat:hover .name {
				color: #666;
			}
			.boat_list_popup_boat .price {
				display: none;
				color: red
			}
			.boat_list_popup_boat:hover .price {
				display: inline;
			}
			
div.barcode {
	text-align: center; 
	border: 1px solid #ccc; 
	margin: 5px;
	font-size: 10px;
}			

.highlight {
	background-color: #AAAAAA;
}

div.bottomlinks {
	text-align: center;
}

div.bottomlink a {
	padding-right: 10px;
}