/* Legacy CSS Code
-------------------------------------------------------------------------------------- */
table, td, th, p { font: 12px Verdana, Geneva, Arial, Helvetica; }
font { font-family: Verdana, Geneva, Arial, Helvetica; }
h1, h2, h3, .tinyblue, .littleblue 	{color: #003399;}
.tiny               {color: #11296D;}
.links              {color: #11296D; text-decoration: underline; }
.whitelink, .littlewhite {color: #FFFFFF;}
.little             {color: #FF0000;}
.only               {color: #0000FF;}
.littleorange       {color: #C90000;}
.lou                {color: #C90000; text-decoration: underline; }
.department, .header {font-size: 11px; color: #FFFFFF;}
.textwhite          {font-size: 11px; color: #FFFFFF;}
.text, .testform    {font-size: 11px;}
.testform2          {font-size: 12px;}
.bigred, .orange    {font-size: 11px; color: #C90000;}
.title              {font-size: 12px; color: #11296D;}
.bigwhite           {font-size: 12px; color: #FFFFFF;}
.bigblue            {font-size: 12px; color: #003399;}
.bigwhite           {font-size: 12px; color: #DDDDDD;}
.ours               {font-size: 14px; color: #FF0000;}
.MHeader 			{color:#000099; font-family: arial; font-size: 18px;}
.MText 				{color:#666666; font-family: arial; font-size: 12px;}
.MLink 				{color:#3366CC; font-family: arial; font-size: 12px;}
.MSMText 			{color:#666666; font-family: arial; font-size: 10px;}
.PriceText 			{color:#CC0000; font-family: arial; font-size: 12px;}

.style6 { font: x-small Verdana, Arial, Helvetica, sans-serif; color: #fff; }
.style8 { font: bold x-small Verdana, Arial, Helvetica, sans-serif; color: #000; }
.style17 { font: x-small Verdana, Arial, Helvetica, sans-serif; color: #000; }
.style19 { font: bold x-small Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.style20 { font: x-small Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }


/* New CSS Code Below
--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------- */


/* General Page Structure
-------------------------------------------------------------------------------------- */
body {
	color: #333;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 0;
}
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 800px;
}
#main {
	background: url(https://www.yachtlights.com/media/images/sidebar.gif) repeat-y top left;
	clear: both;
	float: left;
}


/* General Styles
-------------------------------------------------------------------------------------- */
p, ul, h1, h2, h3, h4, h5, h6 { margin-top: 0; }
a img { border: none; }
a { color: #11296d; }
a:hover { color: #ff6600; }


/* Header
-------------------------------------------------------------------------------------- */
#header {
	background: url(/media/images/top-gradient.gif) repeat-x top left;
	height: 80px;
	width: 795px;
}
#header a.logo {
	display: block;
	float: left;
	height: 80px;
	margin: 0;
	width: 135px;
}
#header a.logo img { display: block; }
#greeting {
	float: left;
	overflow: hidden;
	padding: 3px 0 0;
	text-align: center;
	width: 495px;
}
#cart {
	float: left;
	padding: 12px 5px 0 0;
	text-align: right;
	width: 160px;
}
#cart p { margin: 0 0 10px; }


/* Navigation Tabs
-------------------------------------------------------------------------------------- */
#nav { clear: both; height: 28px; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav li { float: left; }
#nav li a span { display: none; }
#nav li a {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 99px;
}
#nav li a:hover { background-position: 0px -28px; }
#nav li a.tab1 { background-image: url(/media/images/nav-tab1.gif); width: 100px; }
#nav li a.tab2 { background-image: url(/media/images/nav-tab2.gif); }
#nav li a.tab3 { background-image: url(/media/images/nav-tab3.gif); }
#nav li a.tab4 { background-image: url(/media/images/nav-tab4.gif); }
#nav li a.tab5 { background-image: url(/media/images/nav-tab5.gif); }
#nav li a.tab6 { background-image: url(/media/images/nav-tab6.gif); width: 100px; }
#nav li a.tab7 { background-image: url(/media/images/nav-tab7.gif); width: 100px; }
#nav li a.tab8 { background-image: url(/media/images/nav-tab8.gif); }


/* Info Bar (Contact Us & Search)
-------------------------------------------------------------------------------------- */
#infobar {
	background: url(/media/images/shade.gif) repeat-x top left;
	clear: both;
	height: 28px;
	overflow: hidden;
	width: 795px;
}
#contactus { float: left; margin: 0 0 0 30px; }
#contactus img { display: block; }
#search { float: right; padding: 0 10px 0 0; }
#search form p { margin: 0; }
#search form label {
	color: #fff;
	float: left;
	font-weight: bold;
	line-height: 28px;
	padding: 0 5px 0 0;
}
#search form input.field {
	font: 12px Arial, Helvetica, sans-serif;
	float: left;
	margin: 4px 5px 0 0;
	padding: 1px;
	width: 200px;
}
#search form input.submit {
	background: url(/media/images/button/find.gif) no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	margin: 5px 0 0;
	padding: 0;
	width: 25px;
}


/* Sidebar
-------------------------------------------------------------------------------------- */
#sidebar {
	background-color: #b7b7b7;
	border-left: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	float: left;
	padding: 10px 0 40px;
	width: 173px;
}
#sidebar img.heading { margin: 0 0 5px; }
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 7px;
}
#sidebar ul.menu { margin: 0 0 20px; }
#sidebar ul ul { padding: 0 0 0 10px; }
#sidebar li { padding: 5px 0 0; }
#sidebar li li { padding: 0; }
#sidebar li a { font-weight: bold; text-decoration: none; }
#sidebar li li a { font-weight: normal; }
#sidebar ul.info { margin: 0 0 20px; padding: 0 0 0 10px; }
#sidebar ul.info li { line-height: 18px; padding: 0; }
#sidebar ul.info li a { font-weight: normal; }
#sidebar div.sidebox, #sidebar div.ssl { text-align: center; }
#sidebar div.sidebox { margin: 0 0 30px; }


/* Content Area
-------------------------------------------------------------------------------------- */
#content {
	float: left;
	padding: 12px 0 10px 5px;
	text-align: left;
	width: 620px;
}


/* Splash Page
-------------------------------------------------------------------------------------- */
#splash {
	overflow: hidden;
	padding: 0 0 0 5px;
	width: 615px;
}
#splash p.heading {
	margin: 0 0 10px;
}
#featured, #underwater {
	margin: 0 auto 12px;
}
#featured a img, #underwater a img {
	display: block;
}
#underwater {
	width: 550px;
}
#underwater td {
	padding: 0 5px;
}
#splash a.center {
	display: block;
	height: 200px;
	margin: 0 auto 12px;
	width: 500px;
}
#splash a.center img {
	display: block;
}
#splash table.spotlight {
	background-color: #eee;
	margin: 0 auto 12px;
	width: 500px;
}
#splash table.spotlight th {
	background-color: #ccc;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}
#splash table.spotlight td {
	padding: 10px 20px;
	vertical-align: top;
}
#splash table.spotlight td p {
	margin: 0 0 10px;
}
#splash table.spotlight td.img {
	text-align: center;
	width: 150px;
}
#splash table.spotlight td.img a {
	font-weight: bold;
	text-decoration: none;
}
#splash table.spotlight td.img img {
	display: block;
}

/* Product Specs Table
-------------------------------------------------------------------------------------- */
table.specs {
	background-color: #999;
	width: 550px;
}
table.specs th,
table.specs td {
	vertical-align: top;
}
table.specs th {
	background-color: #ccc;
	font-weight: bold;
	text-align: left;
}
table.specs td {
	font-size: 10px;
}
table.specs tr.white td {
	background-color: #fff;
}
table.specs tr.gray td {
	background-color: #ccc;
}
table.specs td.attribute {
	font-weight: bold;
	text-align: right;
	width: 115px;
}
table.specs td.desc {
	text-align: left;
}
table.specs td.details {
	font-size: 12px;
}
table.specs td.details p {
	margin: 0 0 12px;
}
table.specs td.details ul.files {
	list-style: none;
	margin: 0 0 5px;
	padding: 0;
}
table.specs td.details ul.files li {
	font-size: 10px;
	margin: 0 0 10px;
}
table.specs td.details ul.files li img {
	vertical-align: text-bottom;
}
table.specs td.details ul.files li a {
	color: #000;
	font-weight: bold;
}
table.specs td.details ul.files li a:hover {
	color: #ff6600;
}

/* Product Specs Table CENTERED TYPE
-------------------------------------------------------------------------------------- */
table.specs-centered {
	background-color: #999;
	width: 550px;
}
table.specs-centered th,
table.specs-centered td {
	vertical-align: top;
}
table.specs-centered th {
	background-color: #ccc;
	font-weight: bold;
	text-align: left;
}
table.specs-centered td {
	font-size: 10px;
}
table.specs-centered tr.white td {
	background-color: #fff;
}
table.specs-centered tr.gray td {
	background-color: #ccc;
}
table.specs-centered td.attribute-centered {
	font-weight: bold;
	text-align: right;
	width: 115px;
}
table.specs-centered td.desc {
	text-align: left;
}
table.specs-centered td.details {
	font-size: 12px;
}
table.specs-centered td.details p {
	margin: 0 0 12px;
}
table.specs-centered td.details ul.files {
	list-style: none;
	margin: 0 0 5px;
	padding: 0;
}
table.specs-centered td.details ul.files li {
	font-size: 10px;
	margin: 0 0 10px;
}
table.specs-centered td.details ul.files li img {
	vertical-align: text-bottom;
}
table.specs-centered td.details ul.files li a {
	color: #000;
	font-weight: bold;
}
table.specs-centered td.details ul.files li a:hover {
	color: #ff6600;
}


/* Footer
-------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	padding: 0 0 15px;
	text-align: center;
}
#footer div.footerlinks {
	background-color: #666;
	color: #fff;
	margin: 0 0 10px;
	padding: 3px 0 3px 175px;
	text-align: center;
}
#footer div.footerlinks ul {
	list-style: none;
	margin: 0;
	padding: 2px 0;
}
#footer div.footerlinks li {
	border-right: 1px solid #fff;
	display: inline;
	margin-right: 4px;
	padding-right: 7px;
}
* html #footer div.footerlinks li { /* IE6 only */
	margin-right: 7px;
	padding-right: 4px;
}
#footer div.footerlinks li.last {
	border: none;
	margin: 0;
	padding: 0;
}
#footer div.footerlinks li a { color: #fff; }
#footer div.footerlinks li a:hover { text-decoration: none; }
#footer div.creditcards {
	text-align: center;
}
#footer p {
	clear: both;
	margin: 0 0 10px;
}