/** captcha **/
#captcha {
    text-transform: lowercase;
}

/******************* s3 SLIDER *******************/

#s3slider {
   width: 900px; /* important to be same as image width */
   height: 312px; /* important to be same as image height */
   margin: 6px 33px 0px 33px;
   padding:0px;
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   padding: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 12px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 872px;
   background-color: #000;
   /* filter: alpha(opacity=70);*/ /* here you can set the opacity of box with text */
   /* -moz-opacity: 0.7; */ /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   border-left: 1px solid #999999;
   display: none; /* important */
}

#s3slider li 
	{	display: inline; }

#s3slider img
	{	border:0; }

.top 
	{	top: 0;
		left: 0; }

.bottom 
	{	bottom: 0;
		left: 0; }

.left 
	{	top: 0;
		left: 0;
		width: 110px !important;
		height: 296px; }

.right 
	{	right: 0;
		bottom: 0;
		width: 240px !important;
		height: 296px; }

.clear 
	{	clear: both; } 


/******************* CONTAINERS, BACKGROUNDS, POSITIONING *******************/

body 
	{	margin-left: auto;
		margin-right: auto;
		background-color: #00396d; 
		background-image: url('/images/background-main.jpg');
		background-repeat: repeat-x;
		background-position: top center;
		border-top: 0px solid #000; 
		margin-top: -1px;
		width:99%; }

#container-utility
	{	width:950px;
		height:30px;
		margin-top:34px;
		padding:0px 0px 0px 0px;
		margin-left: auto;
		margin-right: auto;}

.search
	{	float:right; }

#container-masthead-home
	{	width:966px;
		height:413px;
		margin-top:0px;
		padding:0px 0px 0px 0px;
		margin-left: auto;
		margin-right: auto;
		background-image: url('/images/background-home-top.png');}

#container-masthead-subpage
	{	width:966px;
		height:334px;
		margin-top:0px;
		padding:0px 0px 0px 0px;
		margin-left: auto;
		margin-right: auto;
		background-image: url('/images/background-home-top.png');}

#container-masthead-search
	{	width:966px;
		height:110px;
		margin-top:0px;
		padding:0px 0px 0px 0px;
		margin-left: auto;
		margin-right: auto;
		background-image: url('/images/background-home-top.png');}
		
#container-logo
	{	width:205px;
		margin:30px 0px 5px 30px;
		float:left; }

#mainimage {
   width: 900px; 
   height: 240px; 
   margin: 6px 33px 0px 33px;
   padding:0px;
   position: relative; 
   overflow: hidden; 
}

#container-content
	{	width:910px;
		margin-left: auto;
		margin-right: auto;
		margin-top:0px;
		margin-bottom:0px;
		padding: 0px 20px 0px 20px;
		text-align: left;
		min-height:270px;
		_270px;
		background-color:#ffffff;	
		}

.content
	{	width:900px;
		padding:1px 10px 0px 10px;
		margin:0px; }
		
.content-homepage-message
	{	width:900px;
		text-align: center;}

.content-withnav
	{	width:650px;
		padding:20px 0px 40px 10px;
		margin:0px;
		float:left;}

.contentend
	{	clear: both;
		vertical-align: middle;
		width:950px;
		margin-left: auto;
		margin-right: auto;
		margin-top:0px;
		margin-bottom:0px;
		text-align: left;
		padding:0px;
		min-height:22px;
		_22px;
		background-image: url('/images/background-home-bottom.png');
		background-repeat: no-repeat;}

ul.noindent
	{	margin:0px;
		padding:8px 0px 0px 15px;
		color:#cccccc;
		list-style-type: disc;}


/******************* SERVICES BOXES ON HOMEPAGE *******************/

.homecontentbox-top
	{	background-image: url('/images/box-top.gif');
		width:172px;
		float:left;
		background-repeat:no-repeat;
		background-color: #ffffff;
		margin:5px;
		}

.homecontentbox
	{	width:140px;
		padding:10px 15px 0px 15px;
		margin:4px 0px 0px 0px;
		border-left:1px solid #cecece;
		border-right:1px solid #cecece;
		min-height:135px;
		_135px;
	}

.image-homecontentbox
	{	width:172px; }


/******************* BOX BACKGROUND - SUBPAGES *******************/

#contentbox
	{	width:178px;
		float:right;
		margin:10px 0px 10px 10px;
		}

.contentbox-top
	{	background-image: url('/images/box-top-subpage.gif');
		width:178px;
		height:7px;
		background-repeat:no-repeat;
		}

.contentbox-bottom
	{	background-image: url('/images/box-bottom-subpage.gif');
		width:178px;
		height:7px;
		float:right;
		background-repeat:no-repeat;
		background-color: #ffffff;
		}
.contentbox
	{	width:154px;
		padding:10px 12px 0px 12px;
		margin:0px 0px 0px 0px;
		background-color:#e7f5fc;
	}

.imgBorder
	{	border:1px solid #eeeeee;
		padding-bottom:10px; }

/******************* TOP NAVIGATION *******************/

#nav
	{	float: right;
		overflow:hidden;}

#nav ul 
	{	width: 670px;
		margin:60px 6px 0px 0px;}

#nav li 
	{	display: inline;
		padding:2px; }

#nav li a 
	{	color: #6d961a;
		text-decoration: none;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 25px;
		padding: 0px 5px 5px 5px;
		margin:0px 2px 5px 0px; }

#nav li a:hover 
	{	text-decoration:underline; }

#nav li a.selected, #nav li a:hover.selected
	{   background: #cccaca no-repeat center top;
		color: #ffffff;
		border: none;
		padding: 3px 5px 3px 5px;
		margin:3px 5px 3px 5px;
		/* border-radius: 5px; */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;}


/******************* LEFT NAVIGATION *******************/

#leftnav
	{	width: 225px;
		float:left;
		background-image: url('/images/background-leftnav.jpg');
		background-repeat:no-repeat;
		padding:0px 5px 0px 5px;
		margin:0px;
		min-height:512px;
		_512px;
		display:block;}

#leftnav ul
	{	margin:0px;
		padding:0px 5px 0px 5px;
		width:190px;}

#leftnav li 
	{	margin:0px;
		border-bottom:1px dotted #cccccc;
		border-top:1px dotted #ffffff;
		color:#797C80;
		padding:8px 0px 8px 10px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		display:block;}

#leftnav a
	{	display: block;
		text-decoration:none;}

#leftnav a:hover
	{	display: block;
		text-decoration:underline;}

#leftnav li span 
	{	background: transparent url('/images/arrow.png') no-repeat scroll 170px center; 
		padding:0px 0px 0px 5px;
		margin:0px;
		display:block; }

#leftnav li a.selected
	{	color: #005596;
		font-weight: bold;}



/******************* FOOTER *******************/

#footer
	{	clear: both;
		vertical-align: middle;
		width:950px;
		margin-left: auto;
		margin-right: auto;
		margin-top:10px;
		margin-bottom:0px;
		text-align: left;
		padding:0px;
		min-height:100px;
		_100px;}

.footer-copyright
	{	margin-top:0;
		padding:0;
		width:320px;
		float:left;
		text-align:left;}

.footer-links
	{	padding:0;
		width:600px;
		float:right;
		text-align:right; }


/******************* HORIZONTAL RULES *******************/

hr 
	{	color: #ffffff; 
		background-color: #ffffff; 
		border: 1px dotted #D3C797; 
		border-style: none none dotted;
		margin:2px 0px 8px 0px;
		height:1px; }


/******************* FONT FAMILIES *******************/

body, h3, h4
	{	font-family: Arial, Sans-serif; }


h1, h2, a.nav, a.selected 
	{	font-family: Lucida Sans, Tahoma, Arial, Sans-serif; }


/******************* FONT COLORS *******************/

body, h2, .caption
	{	color: #333333; }

a:link, a:active, a:visited
	{	color: #779d29; }

h1, h3
	{	color: #005596; }

h4, #footer a, #footer, #s3sliderContent h1
	{	color: #cccccc; }

/******************* LISTS *******************/
ul li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

* html ul li
{
	position: relative;
}
ul li.mart
{
  margin-top: 0em;
}
ul li.marinetex
{
  margin-top: -9.5em;
}

/* horizontal position of each column */
ul li.mart,
ul li.rope,
ul li.bumpers,
ul li.hardware,
ul li.cleaning,
ul li.varnish,
ul li.paints,
ul li.gelcoat
{
  margin-left: 0em;
}
ul li.marinetex,
ul li.tiedowns,
ul li.safety,
ul li.head,
ul li.bilge,
ul li.cng,
ul li.bait,
ul li.umg
{
  margin-left: 25em;
}

/******************* TABLES *******************/
#price-table
{
	text-align: left;
	border-collapse: collapse;
}
#price-table th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e7f5fc;
	border-bottom: 1px solid #fff;
	color: #039;
}
#price-table td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
}
#price-table tr:hover td
{
	background: #dfdfdf;
	color: #339;
}
#price-table .price-normal
{
	background: #efefef;
}
#price-table .price-amount
{
	background: #e7f5fc;
}

#ver-specs
{
	text-align: left;
	border-collapse: collapse;
}
#ver-specs td
{
	background: #e7f5fc;
	padding: 6px;
	padding-right: 20px;
}
#ver-specs .specs-separator
{
	border-right: 3px solid #fff;
}

#used-table
{
	text-align: left;
	border-collapse: collapse;
}
#used-table th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e7f5fc;
	border-bottom: 1px solid #fff;
	color: #039;
}
#used-table td
{
	padding: 8px; 
}
#used-table .odd
{
	background: #dfdfdf; 
}
#used-table .even
{
	background: #efefef; 
}

/******************* FONT SIZES, SPACING, WEIGHTS *******************/

h1
	{	font-size: 22px;
		margin-bottom: 0px; 
		margin-top:0px;
		padding-bottom:0px;}

h2
	{	font-size: 16px;
		padding-top:5px;
		margin-top:0px;}

h3
	{	font-size: 15px;
		margin:0px 0px 1px 0px;}	

h1, h2, h3, .btn
	{	font-weight: bold; }

h4
	{	padding:0px 0px -5px 0px;
		margin:0px;
		text-align:left; }

body, p, td
	{	font-size:12px; }

h4, .btn, .caption, .footer-copyright, .footer-links
	{	font-size:11px; }

.mini
	{	font-size:10px; }

h4
	{	font-weight: normal;}

.caption
	{	font-style: italic; }

/******************* SERVICE LOGOS *******************/
.serviceLogos
	{ padding:0px 10px 0px 10px; }
	
.interluxLogo
	{ vertical-align:text-top; 
	padding:0px 10px 0px 10px; }
	
/******************* FACEBOOK LOGO *******************/
.facebookLogo
	{ float:right;
	padding:10px 10px 10px 10px; }

/******************* IMAGE HOVER *******************/

.MagnifImage
	{ background-color:#fff; color:#000; 
	font-weight:bold; border:4px outset #ccc; 
	text-align:center; padding:0;margin:0; }
		
/******************* FORM ELEMENTS *******************/

#container-utility input { 
	color: #333333;
	border: 1px solid #85c0d9;
	background: #ffffff url('/images/background-form_gradient.png') repeat-x top left;
	padding:2px 4px 3px 5px;
	width:14em;
	/* border-radius: 5px; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}


/******************* BUTTONS *******************/

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff !important; text-decoration: none; cursor: pointer; }
.btn * { font-style: bold; background-image: url(/images/background-button.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 4px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #8ccd33; }
.btn:hover { background-color: #669900; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/images/background-button_shade.png); background-position: bottom; }

* html .btn { border: 1px double #ffffff; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #8ccd33; }
* html .btn:hover { border-color: #669900; }


/******************* HIDDEN FROM VIEWING *******************/
.printOnly
	{	display: none; }