/* INITIAL
*/

/* Neutralize styling:
   Elements we want to clean out entirely: */ html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font-family: arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #777;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
    margin: 0px 0px 0.4em 0px;
    padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */ li, dd, blockquote {
    margin-left: 3em;
    margin-bottom: 1em;
}

/* Miscellaneous conveniences: */
form label, label {
	display: block;
	float: left;
	width: 160px;
	color: #777;
	font-weight: bold;
}

.checkbox {
	width: auto;
}

img {
	border: 0px none;
}

fieldset {
	border: none;
}
form input {
	height: 18px;
}
form input, textarea, select {
	font-size: 100%;
	color: #777;
}

form input, textarea {
	width: 160px;
	float: left;
}

.clearer {
	clear: both;
	overflow: hidden;
	height: 0px;
}

a {
	text-decoration: none;
}
.blue {
	color: #0071d0;
}
.noBold {
	font-weight: normal !important;
}

h1 {
	font-size: 20pt;
	color: #00b4f7;
}
h2 {

}
h3 {
	font-size: 9pt;
	color: #4d4d4d;
}
/* custom styles */

body {
	background: url(images/background-top-rpt.gif) repeat-x 0 41px;
}
.container {
	width: 1001px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
.mainContent {
	width: 994px;
	margin-left: 4px;
}
/* blue banner */
.blueRpt {
	background: url(images/blue-rpt.gif) repeat-x;
}
.blueLeft {
	background: url(images/blue-left.gif) no-repeat left;
}
.blueRight {
	background: url(images/blue-right.gif) no-repeat right;
	height: 33px;
	padding-top: 9px;
	font-size: 16pt;
	font-weight: bold;
	color: #fff;
}
/* short blue banner */
.shortBlueRpt {
	background: url(images/short-blue-rpt.gif) repeat-x;
}
.shortBlueLeft {
	background: url(images/short-blue-left.gif) no-repeat left;
}
.shortBlueRight {
	background: url(images/short-blue-right.gif) no-repeat right;
	height: 29px;
	padding-top: 6px;
	font-size: 14pt;
	color: #fff;
}
/* grey banner */
#greyRpt, .greyRpt {
	background: url(images/grey-rpt.gif) repeat-x;
}
#greyLeft, .greyLeft {
	background: url(images/grey-left.gif) no-repeat left;
}
#greyRight, .greyRight {
	background: url(images/grey-right.gif) no-repeat right;
	height: 30px;
	padding: 5px 6px 0 9px;
	font-size: 16pt;
	color: #0071d0;
}
/* lhs */
#lhs {
	float: left;
	width: 206px;
	margin-right: 8px;
}
#logo {
	width: 204px;
	height: 58px;
	margin: 20px 0 0 1px;
	overflow: hidden;
}
.phoneNumber {
	margin-top: 11px;
	text-align: center;
}
#menuTop {
	margin-top: 8px;
	height: 1px;
	overflow: hidden;
	background: url(images/menu-top.gif) no-repeat;
	width: 206px;
}
/* lhs product overview */
#lhsProductOverviewContainer {
	height: 73px;
	margin-top: 6px;
}
#lhsProductOverview {
	position: absolute;
}
/* lhs contact */
#lhsContactContainer {
	width: 194px;
	height: 276px;
	padding: 6px;
	background: url(images/lhs-contact-bg.gif) no-repeat;
}
#lhsContactForm .text {
	border: 0px;
	width: 192px;
	height: 15px;
	line-height: 14px;
	padding-top: 3px;
	margin-bottom: 10px;
}
#lhsContactForm .textarea {
	border: 0px;
	width: 192px;
	height: 92px;
	font-family: arial;
}
#lhsContactForm .button {
	border: 0px none;
	background: url(images/lhs-contact-button.gif) no-repeat;
	width: 98px;
	height: 23px;
	margin: 6px 0 0 96px;
}
#lhsContactIntro {
	color: #fff;
	font-weight: bold;
}
#lhsContactHeader {
	color: #fff;
	font-size: 11pt;
	margin-bottom: 5px;
}
/* lhs news */
#lhsNewsContainer {
	margin-top: 19px;
	width: 194px;
	height: 188px;
	background: url(images/lhs-news-bg.jpg) no-repeat;
	padding: 6px;
}
#lhsNewsAllLink {
	float: right;
}
#lhsNewsHeader {
	height: 30px;
	font-size: 12pt;
	font-weight: bold;
}
.lhsNewsItem {
	clear: both;
	margin: 8px 0 0 3px;
	width: 180px;
}
.lhsNewsItem a {
	color: #00b4f7;
}
/* rhs */
#rhs {
	float: left;
	width: 780px;
}
#topNav {
	text-align: right;
	padding-top: 5px;
	height: 17px;
}
#topNav a {
	color: #00b3f5;
	margin: 0 8px;
}
#navigation {
	width: 777px;
}
#navigationRpt {
	background: url(images/nav-rpt.gif) repeat-x;
}
#navigationLeft {
	background: url(images/nav-left.gif) no-repeat left;
}
#navigationRight {
	background: url(images/nav-right.gif) no-repeat right;
	height: 42px;
	padding-left: 5px;
}
#navigation a {
	display: block;
	float: left;
	height: 27px;
	margin-top: 1px;
	padding: 13px 14px 0 14px;
	color: #777777;
	font-size: 9pt;
	font-weight: bold;
}
#navigation a:hover {
	background: url(images/nav-hover.gif) repeat-x;
	color: #fff;
}
.navSeparator {
	float: left;
	height: 42px;
	width: 2px;
	background: url(images/nav-separator.gif) no-repeat;
}
.productSectionHeaderContainer {
	margin: 25px 0 8px 0;
}
.productSectionHeader {
	padding-left: 9px;
}
.productSectionHeaderImage {
	position: absolute;
	height: 73px;
	width: 780px;
	text-align: right;
}
#productSectionHeaderBack {
	margin-top: 1px;
	float: right;
	width: 188px;
	height: 20px;
	background: url(images/product-section-back.gif) no-repeat;
	color: #fff;
	font-size: 9pt;
	text-align: right;
	padding: 3px 7px 0 0;
	font-weight: bold;
	cursor: pointer;
}
#productSectionHeaderBack a {
	color: #fff;	
}

.menuHeadItem {
	width: 196px;
	height: 19px;
	background: url(images/menu-bg.gif) no-repeat;
	color: #0071d0;
	padding: 3px 0 0 10px;
	cursor: pointer;
}
.menuHeadItem img {
	float: right;
	margin: 3px 5px 0 0;
	overflow: hidden;
}
.menuSubItem {
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.menuSubItem a {
	padding: 4px 0 0 9px;
	height: 18px;
	color: #777777;
	display: block;
}
.menuSubItem a:hover {
	background-color: #ececec;
}

/* product section */
#productSectionContainer {
	margin: 18px 0 0 1px;
}
#productSectionIntroContainer {
	padding-bottom: 25px;
	border-bottom: 1px solid #dbdbdb;
}
#productSectionIntroTitle {
	color: #4d4d4d;
	font-weight: bold;
	font-size: 10pt;
}
#productSectionIntro {
	padding: 4px 0 0 6px;
	float: left;
}
#productSectionIntro li, #homeLeft li, #productIntroContainer li, #categoryContainerLeft li {
	list-style-image: url(images/bullet.gif);	
	margin: 5px 0 0 20px;
	color: #0071d0;	
	font-size: 9pt;
}
#productSectionIntroSection {
	float: right;
	width: 311px;
}
#productSectionIntroBox {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#productSectionIntroImage {
	float: left;
	text-align: center;
	width: 100px;
	padding: 8px 6px 2px 6px;
}
#productSectionIntroDescription {
	float: left;
	width: 190px;
}
#productSectionIntroDescriptionTitle {
	margin-top: 3px;
	height: 34px;
}
#productSectionIntroDescriptionSubHeader{
	margin-bottom: 5px;
}
#productSectionIntroDescriptionOptions {
	margin-bottom: 8px;
}
#productSectionIntroDescriptionOptions a {
	color: #0071d0;
	margin-right: 12px;
	font-size: 11pt;
	font-weight: bold;
}
#productSectionIntroDescriptionOptions .noBold {
	font-size: 10pt;
	white-space: nowrap;
}
/* product section products */
.productSectionProductContainer {
	clear: both;
	border-bottom: 1px solid #dbdbdb;
	padding: 10px 0;
}
.productSectionProductImage {
	float: left;
	width: 119px;
	height: 119px;
	border: 3px solid #dbdbdb;
}
.productSectionProductImage td {
	height: 119px;
	width: 119px;
	text-align: center;
	vertical-align: middle;
}
.productSectionProductDetails {
	float: left;
	padding: 0 5px;
	width: 309px;
	color: #4d4d4d;
	border-right: 1px solid #dbdbdb;
}
.productSectionProductHeader {
	font-size: 12pt;
	margin: 5px 0 2px 0;
}
.productSectionProductSubHeader {
	font-size: 10pt;
	margin-bottom: 3px;
}
.productSectionProductHeader, .productSectionProductSubHeader {
	padding-left: 3px;
}
.productSectionProductTable {
	width: 309px;
}
.productTableDarkGrey {
	background-color: #dbdbdb;
}
.productTableLightGrey {
	background-color: #ededed;
}
.productSectionProductOptions {
	float: left;
	width: 142px;
	height: 106px;
	margin: 0 5px;
	background-color: #ededed;
	padding: 9px 7px;
}
.productSectionProductOptionsHeader {
	font-weight: bold;
	margin: 0 0 5px 0;
	font-size: 9pt;
	
}
.productSectionProductOptions li {
	list-style-image: url(images/bullet-grey.gif);	
	margin: 3px 0 0 20px;
	font-size: 8pt;
}
.productSectionProductLinks {
	border-left: 1px solid #dbdbdb;
	float: left;
	padding-left: 9px;
	width: 150px;
	height: 124px;
}
.productSectionProductLinks img {
	margin-top: 20px;
}
/* category */
#categoryContainerLeft, .contactContainerLeft {
	float: left;
	padding: 18px 25px 0 5px;
	width: 438px;
}
.contactContainerLeft a, .contactContainerRight a {
	color: #4d4d4d;
}
#categoryContainerRight, .contactContainerRight {
	float: left;
	margin: 18px 0 0 0;
	width: 309px;
}
#categoryModelsTitle, .pageSubHeader {
	font-size: 14pt;
	margin-bottom: 8px;
}
.categoryBox {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#rmaFormContainer {
	margin-top: 40px;
}
/* product */
#productHeaderCode {
	font-size: 9pt;
	margin-left: 10px;
}
#productContainerLeft {
	padding: 18px 25px 0 5px;
	float: left;
	width: 361px;
}
#productIntroContainer {
	padding-bottom: 25px;
}
#productIntro {
	margin-bottom: 15px;
}
#productContainerRight {
	margin: 18px 0 0 0;
	float: left;
	width: 375px;
}
#productImage {
	margin-bottom: 	25px;
}
#productSpecLeft {
	float: left;
	width: 155px;
	padding-right: 10px;
	color: #0071d0;
}
#productSpecRight {
	float: left;
	width: 100px;
}
#productSpecTitle {
	font-size: 16pt;
}
#productSpecIntro {
	font-size: 10pt;
	margin-bottom: 15px;
}
#productBlocks {
	clear: both;
	margin-top: 25px;
}
/* home page */
#homeBanner {
	margin-top: 6px;
	width: 776px;
	height: 250px;
	background: url(images/banner-marine.jpg) no-repeat;
}
.homeBlock {
	float: left;
	margin: 10px 10px 0 0;
	width: 187px;
	height: 153px;
}
#homeContent {
	
}
#homeLeft {
	float: left;
	width: 439px;
	margin-right: 10px;
	margin-top: 15px;
}
#homeRight {
	float: left;
	width: 327px;	
}
/* contact */
.contactArea {
	padding-bottom: 30px;
}
/*rma form */
#rmaForm {
	margin-top: 10px;
}
#rmaForm label {
	width: 154px;
	color: #4d4d4d;
}
#rmaForm label span {
	font-size: 8pt;
	font-weight: normal;
}
#rmaForm .text {
	width: 193px;
	border: 1px solid #4d4d4d;
	height: 16px;
}
#rmaForm .button {
	border: 0px none;
	background: url(images/rma-button.gif) no-repeat;
	width: 98px;
	height: 23px;
	margin: 6px 0 0 338px;
}
#rmaForm p {
	clear: left;
	height: 26px;
}
/* footer */
#footerContainer {
	clear: both;
	height: 140px;
	background: url(images/footer-bg.gif) repeat-x;
	padding-top: 35px;
}
#footerContainer .container {
	background: url(images/footer-rpt.gif) repeat-x;
	height: 140px;
}
#footer {
	padding-top: 20px;
}
#footerLogo {
	float: left;
	margin: 22px 6px 0 0;
	width: 213px;
	height: 71px;
	background: url(images/footer-logo.jpg) no-repeat;
}
.footerArea {
	float: left;
	width: 200px;
	line-height: 12px;
}
.footerAreaHeader {
	color: #00b4f7;	
	font-size: 9pt;
	font-weight: bold;
	margin-bottom: 2px;
}
.footerArea a, #footerAddress a {
	color: #777;
}
.footerArea li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 7pt;
}
#footerAddress {
	font-size: 7pt;
	float: left;
	width: 170px;
}