@font-face {
	font-family: 'Nobile';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/nobile.eot');
	src: local('Nobile'), url('fonts/nobile.ttf') format('truetype');  
}

/*@import "http://fonts.googleapis.com/css?family=Nobile";*/
/* 
@font-face {
	font-family: 'Humanist';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/h777n.eot');   
	src: local('Humnst777 BT'), url('fonts/h777n.ttf') format('truetype');  
}
@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/droid_sans.eot');
	src: local('Droid Sans'), url('fonts/droid_sans.ttf') format('truetype');  
}
*/
/* -------------------------------------------- */
/* 					TYPOGRAPHY  				*/
/* -------------------------------------------- */

body,
p,ul,ol,
input,textarea,select 		{ font: 1.0em/1.3em Arial, Helvetica, sans-serif; color: #333333; }
h1,h2,h3,h4,h5,h6			{ font: 1.0em/1.0em 'Nobile', Arial, Helvetica, sans-serif; color: #333333; }
h4,h5,h6					{ font-family: Arial, Helvetica, sans-serif; }

h1 							{ color: #333333; font-size:1.40em; }
h2 							{ color: #333333; font-size:0.95em; } 
h3 							{ color: #83B010; font-size:0.90em; font-weight: bold; } 
h4 							{ color: #333333; font-size:0.90em; font-weight: bold; } 
h5, h6						{ font-size:0.90em; }

#content h1					{ margin: 0 0 0.7em 0; line-height: normal; }
#content h2					{ margin: 0 0 1.0em 0; line-height: normal; }
#content h3					{ margin: 0.5em 0; line-height: 1.3em; }
#content h4,
#content h5,
#content h6					{ margin: 15px 0; }

#content p					{ margin: 10px 0; text-align: justify; font-size: 0.9em; line-height: 1.3em; }
#footer ul,
#footer p					{ margin: 10px 0; font-size: 12px; line-height: 16px; color: #E6E6E6;   }

#content blockquote,
#content ul, 
#content ol	 				{ margin: 10px 0 10px 40px; font-size: 0.9em;}

#content ul li				{ list-style-type: disc; }
#content ol	li				{ list-style-type: decimal; }

a							{ color: #0000FF; }
a:hover						{ color: #FF0000; text-decoration: none; }

h1 a,
h2 a,
h4 a						{ color: #333333; text-decoration: none; }
h3 a						{ color: #83B010; text-decoration: none; }

.big 						{ font-size:1.11em; }
.bigger 					{ font-size:1.21em; }
.small 						{ font-size:0.91em; }

.center						{ text-align: center; }

.clear					{ clear: both; }
.hidden, .hide			{ display: none; }

form.support			{ padding: 20px 20px; border: 1px dotted #CCCCCC; width: 250px; }

form span.label			{ display: block; float: left; width: 100px; margin-right: 10px; font-weight: bold; border-bottom: 1px dotted #CCCCCC; }
form p					{ clear: both; }
input.submit			{ margin-left: 110px; }				

#content img.right		{ float: right; margin-left: 15px; margin-bottom: 5px; }
#content img.left		{ float: left; margin-right: 15px; margin-bottom: 5px; }
#content img.frame		{ padding: 2px; border: 1px dotted #CCCCCC;}


/* -------------------------------------------- */
/* 						LAYOUT  				*/
/* -------------------------------------------- */

html 				{ height: 100%; background: #FFFFFF url(../_img/backgrounds/bg_body.jpg) repeat-x center top; }
body				{ height: 100%; background: #FFFFFF url(../_img/backgrounds/bg_body.jpg) repeat-x center top; text-align: center; }
#topnav				{ width: 100%; height: 42px; background: #286288 url(../_img/backgrounds/bg_topnav.gif) repeat-x left top;  }
#container			{ width: 960px;  margin: 0 auto; text-align: left; }
#header				{ width: 960px; height: 135px; }
#logo				{ width: 570px; height: 80px; padding-top: 17px; float: left; }

#search				{ width: 258px; height: 108px; padding-top: 27px; padding-left: 132px; float: left;  }
#search	form		{ width: 236px; height: 37px;  padding-left: 22px; background: url(../_img/backgrounds/bg_search.gif) no-repeat right top; }
#search	input		{ display: block; float: left; }
#search	input.text	{ width: 175px; height: 25px; margin-top: 5px; border: none; background-color: #FCDF69; line-height: 25px; font-size: 13px; }
#search	input.image	{ width: 60px; height: 37px; border: none;}
#search	p			{ font: 18px/normal 'Trebuchet MS', Arial, Helvetica, sans-serif; letter-spacing: -0.02em; text-align: right; padding: 2px 10px 0 0; }

#holder				{ width: 960px; }
#sidebar			{ width: 240px; float: left; margin-top: 5px; }
#main 				{ width: 720px; float: left; }


#manufacturers		{ padding: 20px 0; position:relative; left:-12px; }



#footer				{ width: 100%; min-height: 240px; padding-top: 155px; background: url(../_img/backgrounds/bg_footer.png) repeat-x center top; clear: both; }
#footer_table		{ width: 960px; margin: 0 auto; }
#footer_menu		{ width: 330px; padding-left: 25px; text-align: left;}
#footer_address		{ width: 300px; text-align: left;}
#footer_copyright	{ width: 270px; padding-right: 25px; text-align: right;  }

#footer a					{ color: #E6E6E6; text-decoration: none; }
#footer a span			{ text-decoration: underline;  }
#footer a:hover span		{ text-decoration: none; }

#footer_menu li		{ padding-left: 10px; background: url(../_img/backgrounds/bg_footer_list.gif) no-repeat left center; }
#footer_menu ul ul 	{ display: none; }
#footer_address span.label	{ display: block; float: left; width: 85px; border: none;}
#footer_address span.value	{display: block; float: left; clear: right; width: 215px; border: none;}

#google_map	{ padding-top: 5px; }

#results p	{ margin: 0;}
#results div.result { padding: 0 20px 20px 20px; }
#results div.result p.description { padding:3px 0;}
#results div.result p.url { font-size:12px;}
/* -------------------------------------------- */
/* 						TOP NAV  				*/
/* -------------------------------------------- */
#topnav ul	{ width: 960px; margin: 0 auto; height: 42px; border-right: 1px solid #FFFFFF;  }
#topnav li { display: block; float: right; }
#topnav a { display: block; height: 42px; padding: 0 15px; text-decoration: none; border-left: 1px solid #FFFFFF; color: #FFFFFF; font: 14px/40px Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  }
#topnav a:hover	{ background-color: #C9D4F8; color: #333333; }
/* -------------------------------------------- */
/* 						MENU	  				*/
/* -------------------------------------------- */
#menu				{ position:relative; width: 226px; padding-bottom: 65px; background: url(../_img/backgrounds/bg_menu_btm.png) no-repeat left bottom; z-index: 1000; }
#menu > ul			{ position:relative; width: 226px; padding: 3px 0 20px 0; min-height: 400px; background: url(../_img/backgrounds/bg_menu.png) no-repeat left top; list-style-type: none; }
#menu > ul > li		{ display: block; width: 220px; height: 31px; margin: 0 3px 0 3px;  text-align: right; }
#menu li			{ position:relative; float: left; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; font: 400 13px/30px 'Nobile', Arial, Helvetica, sans-serif; }
#menu a				{ display: block; width: 194px; height: 31px; overflow: hidden; padding-right: 26px; color: #FFFFFF; text-decoration: none; }

#menu a:hover		{ background: #C9D4F8; color: #000; }
#menu li.parent > a	{ background: url(../_img/backgrounds/bg_menu_parent.png) no-repeat 206px top; }
#menu li.parent > a:hover	{ background-position: 206px bottom; }

#menu > ul li ul {display: none; } 
#menu > ul li.ieHover > ul,
#menu > ul li:hover > ul {display:block; position:absolute; top:-3px; left:220px; background: url(../_img/backgrounds/bg_menu_hover.png) repeat left top; border: 3px solid #FFFFFF; border-bottom-width: 2px; }

#menu > ul > li:hover > a,
#menu > ul > li.ieHover > a	{ background-color: #C9D4F8; color: #000; background-position: 206px bottom; }

#menu > ul li li a	{ color: #333333; text-align: left; padding: 0 16px 0 10px; background-position: 206px bottom !important;}
#menu > ul li li.ieHover > a,
#menu > ul li li a:hover	{ background-color: #F3F3F3;  }


#menu li.selected > a		{ background-color: #C9D4F8; background-position: 206px bottom; color: #000; }
#menu a span.product_count 	{font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;font-size: 12px;color:#333333; padding-left:5px; }
#menu a span.zero	{color:#666666;}

/* -------------------------------------------- */
/* 						HERO	  				*/
/* -------------------------------------------- */
#hero_holder			{ position: relative; width: 720px; height: 351px; margin: 5px 0 15px 0; z-index: 500; overflow: hidden;}
#hero_photos			{ position: absolute; width: 520px; height: 351px; left:  0; top: 0; }
#hero_ads				{ position: absolute; width: 200px; height: 351px; left:520px; top: 0; }

#hero_photos > div		{ position: absolute; width: 520px; height: 351px; left:  0; top: 0; }

div.hero_photo 			{ position: absolute; width: 517px; height: 345px; top: 3px; left: 3px; overflow: hidden; background: url(../_img/hero/no-photo.jpg) no-repeat left top;  }
div.hero_info			{ position: absolute; width: 520px;	height: 351px; top: 0; left: 0; background: url(../_img/hero/bg_hero_info.png) no-repeat left top; }

div.hero_title				{ position: relative; width: 490px; font: 28px/30px 'Nobile', Arial, Helvetica, sans-serif; color: #333333; padding: 15px 0 0 15px;  }
div.hero_description		{ position: relative; width: 490px; font: 12px/normal Arial, Helvetica, sans-serif; color: #333333; padding-left: 15px; }
div.hero_description p		{ color: inherit;}
div.hero_details			{ position: absolute; width: 105px; height: 30px; top: 305px; left: 400px; background: url(../_img/hero/btn_details.png) no-repeat center center; }
div.hero_details a			{ display: block; width: 105px; height: 30px; color: #333333; font-size: 12px; line-height: 28px; text-align: center; text-decoration: none;  }

#hero_ads > div			{ position: relative; width: 200px; height: 117px; overflow: hidden; }
div.hero_ad_image		{ position: absolute; width: 200px; height: 117px; }
div.hero_ad_info		{ position: absolute; width: 200px; height: 117px;  background: url(../_img/hero/bg_hero_ads.png) no-repeat left top; }
div.hero_ad_info a		{ display: block; width: 200px; height: 117px; }
#hero_ad_2 div.hero_ad_info				{ background-position: left -117px; }
#hero_ad_3 div.hero_ad_info				{ background-position: left -234px; }
/* -------------------------------------------- */
/* 						PIC MENU	  			*/
/* -------------------------------------------- */

#pic_menu				{ clear: both; width: 960px; padding-top: 10px; background: url(../_img/backgrounds/bg_pic_menu.png) no-repeat left top; }
#pic_menu > ul			{ padding: 0 10px; width: 940px; min-height: 230px; background: url(../_img/backgrounds/bg_pic_menu.png) no-repeat left bottom; }
#pic_menu > ul > li		{ display: block; float: left; width: 128px; margin-left: 1px; padding-top: 88px; padding-left: 5px; font-size: 12px; font-weight: bold; }
#pic_menu li li			{ font-size: 11px; font-weight: normal; }

#pic_menu a { text-decoration:none; color:#333333;}
#pic_menu li li a { border-bottom: 1px dotted #333333;}
#pic_menu a:hover {color:#FF0000;border:none;}

li.pm_outboard			{ background: url(../_img/picmenu/bg_outboards.jpg) no-repeat left top; }
li.pm_seajay			{ background: url(../_img/picmenu/bg_seajay.jpg) no-repeat left top; }
li.pm_barcrusher		{ background: url(../_img/picmenu/bg_barcrusher.jpg) no-repeat left top; }
li.pm_trailers			{ background: url(../_img/picmenu/bg_trailers.jpg) no-repeat left top; }
li.pm_electronics		{ background: url(../_img/picmenu/bg_electronics.jpg) no-repeat left top; }
li.pm_spares			{ background: url(../_img/picmenu/bg_spares.jpg) no-repeat left top; }
li.pm_accessories		{ background: url(../_img/picmenu/bg_accessories.jpg) no-repeat left top; }

/* -------------------------------------------- */
/* 					PAGINATION	  				*/
/* -------------------------------------------- */



#content #pagination	{clear:both;float:right;font-size:0.9em;padding-top:20px;}
#content #pagination ul,
#content #pagination li	{list-style-type:none; margin:0; padding:0;}

#content #pagination li	{display:block;width:26px;height:23px;margin-right:5px;float:left;line-height:23px;background:#C7D2F8 url(../_img/store/bg_pagination_button.png) no-repeat 0 0;}
#content #pagination li a,
#content #pagination li span {display:block;width:26px;height:23px;background: url(../_img/store/bg_pagination_button.png) no-repeat right 0;text-align:center;}
#content #pagination li.btn,
#content #pagination li.btn a,
#content #pagination li.btn span {width:90px;}
#content #pagination li span {color:#666666;}
#content #pagination li a {text-decoration: none;color:#333333;}
#content #pagination li:hover { background-color:#ccc;}
#content #pagination li.disabled:hover,
#content #pagination li.current:hover {background-color:#C7D2F8}
#content #pagination li.current { font-weight:bold;color:#333333;font-size:1.3em;}
#content #pagination li.disabled {opacity:0.4;filter:alpha(opacity=40);}


/* -------------------------------------------- */
/* 					GALLERY		  				*/
/* -------------------------------------------- */

#content ul.folder_list		{ margin-left: 20px; margin-bottom: 30px; }
#content ul.folder_list	li { list-style-type:none;display:block;height:20px;background:url(../_img/backgrounds/bg_gallery.png) no-repeat left center; padding-left: 30px; }
#content ul.file_list		{ clear: both; list-style-type:none; position:relative; }
#content ul.file_list li	{ position:relative;display:block;float:left;width:70px;height:70px;text-align:center;border: 1px solid #ccc; margin:0 22px 22px 0;list-style-type:none;}
#content ul.file_list li a	{ position:relative;display:block;width:66px;height:66px;border: 2px solid #FFF;}


#content ul.file_list li a span	{ display:block;text-indent:-9999px;}
#content ul.file_list li a:hover span.title {position:absolute;height:17px;top:70px;left:-40px;width:150px;text-indent:0;background-color:#FFFFFF;padding:2px;z-index:100; overflow:hidden;font-size:11px;line-height:17px;color:#333333;}



/* -------------------------------------------- */
/* 					FORMS		  				*/
/* -------------------------------------------- */
.page_contact span.label	{display:block;float:left;width:90px;border:none;}
.page_contact span.value	{display:block;float:left;clear:right;width:130px;border: none;}
table.contact			{ width:700px; }
table.contact td.form	{ width:290px;padding-right:50px; }
table.contact td.map	{ width:360px;padding-top:40px;}
table.contact table.details { width:360px; }

table.contact table.details h2,
table.contact table.details p { margin: 0 !important; }
table.contact table.details td { padding-bottom: 8px; }

table.request_quote 	{ width:720px; }
table.request_quote td.content { width:350px;padding-right:20px; }
table.request_quote td.form { width:350px;}

form.std	{ background-color:#FFFFFF; width:260px;min-height:390px;padding:5px 14px 15px 14px;border:1px solid #C9D4F8;}
form.std.ajax-loading {background: #FFFFFF url(/_img/backgrounds/spinner.gif) no-repeat center center; }
form.std.ajax-loading div.holder { visibility:hidden;}
form.std p {clear:both;text-align:left;margin: 10px 0 0 0 !important;}
form.std span.label {border:none;font-size:0.80em;float:none;width:auto;margin:0;font-weight:normal;}
form.std span.question {display:block; width:70%; padding-right:4%; float:left;line-height:normal;padding-top:5px;}
form.std label {line-height:25px;}
form.std select {width:99.5%;height:26px;padding:2px 0;border:1px solid #7F9DB9;}
form.std input,
form.std textarea { width:95%;padding:4px 2%;line-height:normal;border:1px solid #7F9DB9; }
form.std textarea:focus,
form.std input:focus,
form.std select:focus 	{background-color:#F5F5F5;border:1px solid #7F9DB9;}
form.std input.submit 	{width:auto;margin:0;cursor:pointer;}
form.std input.checkbox,
form.std input.radio	{width:auto;margin:0;background:none;border:none;}
form.std .req	{border: 1px solid #FF0000 !important;background-color:#FFEDED !important;}
form.std div.validator {color: #FF0000;font-size:11px;font-family:Georgia, "Times New Roman", Times, serif;}

form.std input.mini	{width:50px !important; }
form.std fieldset	{border:1px solid #CCCCCC;padding: 0 10px 10px 10px;margin:0 0 20px 0;border:1px solid #C9D4F8;background:#FFFFFF;}
form.std fieldset legend	{font: 0.95em/normal 'Nobile', Arial, Helvetica, sans-serif;padding:0 10px;}


#formcontact	{width:260px;min-height:390px;}
#formsubscribe	{width:260px;min-height:180px;}
#formquote		{width:720px;padding:0;border:none;background:none;}
#formquote.finished {background-color:#FFFFFF;border:1px solid #C9D4F8;padding:5px 14px 15px 14px; width:690px;}
#formquote h2	{margin:10px 0 4px 0 !important;}


/* -------------------------------------------- */
/* 					MISC.		  				*/
/* -------------------------------------------- */
#googleMap {width:358px;height:260px;margin-bottom:20px;border: 1px solid #CCCCCC;background:url(../_img/images/google_map_large.png) no-repeat center center;}

table.list,
table.sortable	{width:100%;}
table.list th,
table.sortable th {padding: 10px; text-align:center;font: 0.95em/1.0em 'Nobile', Arial, Helvetica, sans-serif; background-color:#FFFFFF;cursor:pointer;}
table.list td,
table.sortable td {padding: 8px 0 8px 5px;border-bottom:1px solid #FFFFFF;}
table.list tr:hover td,
table.sortable tr:hover td	{ background-color:#F5F5F5;}

table.sortable tbody tr.collapsed td { padding:0px; }
table.sortable thead tr th.forward_sort { background: #FFFFFF url(../_img/backgrounds/sort_down.gif) no-repeat right center; }
table.sortable thead tr th.reverse_sort { background: #FFFFFF url(../_img/backgrounds/sort_up.gif) no-repeat right center;  }