@charset "utf-8";
/* CSS Document */

/***** CSS Reset *****/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style:inherit;*/
	padding-left:20px;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
 font-size: 12px;
 font-family: Helvetica, Arial, sans-serif;
 color: #000000;
 line-height: 16px;
}

/********************/


html, body{ 
 margin:0; 
 padding:0; 
 height:100%;
 min-height: 100%;
 max-height: 100%;
 background-color: #e4e4e4;
} 

p {
 font-size: 12px;
 font-family: Helvetica, Arial, sans-serif;
 color: #000000;
 line-height: 16px;
}

ul {
 font-size: 12px;
 font-family: Helvetica, Arial, sans-serif;
 color: #000000;
 line-height: 16px;
}

#pagewidth{ 
 height:100%; !important
 position:relative;
 float: left;
 margin: 0 auto 0 auto;
 width: 1030px;
 padding: 0px;/*
 z-index: -1000;*/
 background-color:#fff;
}

#center{
 margin-left: auto;
 margin-right: auto;
 width: 960px;
}

#header {
 width: 1020px;
 height: 107px;
 position: relative;
 float: left;
 background-color:#fff;
}

#headerTop{
 position: relative;
 float: left;
 width: 1030px;
 height: 20px;
 background-image:url(images/topHeaderGradient.jpg)
}

#headerBottom{
 position: relative;
 float: left;
 width: 1030px;
 height: 20px;
 background-image:url(images/bottomHeaderGradient.jpg)
}

#headerContent{
 height: 67px;
 width: 1030px;
 position: relative;
 float: left;
}

#headerLeft{
 position: relative;
 float: left;
 width:247px;
 height:67px;
}

#headerRight{
 position: relative;
 float: right;
 width:783px;
 height:67px;
 background-image:url(images/top-nav-bg.jpg)
}

#navigationTop1{
 position: relative;
 float: right;
 width:763px;
 padding: 7px 0 10px 20px;
 color: #ffffff;
}

#navigationTop1 a{
 color: #ffffff;
 font-weight: bold;
 font-family: Helvtica, Arial, sans-serif;
 font-size: 11px;
 text-decoration: none;
}

#navigationTop1 a:hover{
 color:#FFF100;
}

#navigationTop2{
 position: relative;
 float: right;
 width:683px;
 padding: 0 0 0 100px;
 color: #ffffff;
}

#navigationTop2 a{
 color: #ffffff;
 font-weight: bold;
 font-family: Helvtica, Arial, sans-serif;
 font-size: 11px;
 text-decoration: none;
}

#navigationTop2 a:hover{
 color:#FFF100;
}

#leftNav{
 padding: 55px 0 0 0;
 line-height: 10px;
 z-index: 2000;
}

#leftNav a {
 color: #282250;
 font-weight: normal;
 /*
 font-family: Helvetica Black, Helvtica, Arial, sans-serif;*/
 font-family: Helvtica, Arial;
 font-size: 11px;
 text-decoration: none;
}

#leftNav a:hover {
 color: #7E1528;
 text-decoration: underline;
}

#leftNav a.navI{
 margin-left: 7px;
 font-size: 9px;
 text-decoration: none;
 line-height: 13px;
}

#mainContentHolder {
 height:100%; !important
 min-height: 883px;
 width: 1030px;
 position: relative;
 float: left;
 background-color:#ffffff;
 color: #000000;
 font: Arial, sans-serif, Helvetica Neue, Helvetica;
 font-size: 12px;
 font-style: normal;
 background-color: #7ac2e8;
}

#mainContentLeft {
 width: 141px;
 min-height: 783px;
 position: relative;
 float: left;
 background-image:url(images/left-nav-bg.jpg);
 background-position:top;
 background-color:#7ac2e8;
 background-repeat:repeat-x;
 padding: 0 0 50px 12px;
 z-index: 2;
}

#blueBox{
 width:153px;
 height: 32px;
 position: relative;
 float: left;
 background-color:#282250;
 padding: 0 0 15px 0;
 margin-left: -11px;
}

#mainContent{
/*
 height:100%; !important
 min-height: 833px;
 */
 min-height:833px;
 height:auto !important;
 height:833px;

 position:relative;
 float: left;
 width: 707px;
 padding: 1px 9px 10px 10px;
 background-color: #ffffff;
}

#mainContentP{
/*
 height:100%; !important
 min-height: 833px;
 */
 min-height:833px;
 height:auto !important;
 height:833px;

 position:relative;
 float: left;
 width: 737px;
 padding: 1px 9px 10px 10px;
 background-color: #ffffff;
}

#mainContentRight{
 min-height: 783px;
 position: relative;
 float: left;
 width: 151px;
 background-image:url(images/left-nav-bg.jpg);
 background-position:top;
 background-color:#7ac2e8;
 background-repeat:repeat-x;
 padding-bottom: 50px;
}

#mainContentRightP{
 min-height: 783px;
 position: relative;
 float: left;
 width: 121px;
 background-image:url(images/left-nav-bg.jpg);
 background-position:top;
 background-color:#7ac2e8;
 background-repeat:repeat-x;
 padding-bottom: 50px;
}

#mainContentTopImg{
 position: relative;
 float: left;
 width: 707px;
 z-index: 1;
 zoom: 1;
}

#mainContent2ColContentP{
 position: relative;
 float: left;
 width: 737px;
}

.brochureBox{
 width: 333px;
 height: 114px;
 position: relative;
 float: left;
 padding: 0 10px 10px 10px;
 vertical-align: middle;
 color: #000000;
 font: Arial, sans-serif, Helvetica Neue, Helvetica;
 font-size: 12px;
 font-style: normal;
}

.brochureBox a{
 color: #000000;
 font: Arial, sans-serif, Helvetica Neue, Helvetica;
 font-size: 12px;
 font-style: normal;
}

.brochureBox p{
}

.brochureBox img{
 position: relative;
 float: left;
 padding: 8px;
}

#mainContentLeftCol{
 position: relative;
 float: left;
 width: 462px;
 padding: 10px 0 0 0;
}

#mainContentRightCol{
 position: relative;
 float: right;
 width: 245px;
 vertical-align: top;
}

.titleText {
 color: #383250;
 font-weight: bold;
 font-family: Helvetica Black, Helvtica, Arial, sans-serif;
 font-size: 18px;
 line-height: 22px;
}

#middleLinks{
 position: relative;
 float: left;
 width: 707px;
 height: 87px;
 padding: 10px 0 10px 0;
}

#greyLinks {
 position: relative;
 float: left;
 width: 707px;
 height: 56px;
 padding: 10px 0 10px 0;
}

#footer{
 position: relative;
 float: left;
 width: 707px;
 padding: 10px 0 0 0;
 text-align: center;
 color: #383250;
 font-size: 10px;
 line-height: 14px;
 text-decoration: none;
 font-family: Helvetica, Arial, sans-serif;
}

#footer a{
 font-weight: normal;
 text-transform:uppercase;
 color: #383250;
 text-decoration: none;
}

#footer #footerFirstLine a {
 font-weight: bold;
 text-transform:uppercase;
 color: #383250;
 text-decoration: none;
}

#bottomBar{
 position: relative;
 float: left;
 width: 1030px;
 height: 14px;
 background-color:#383250;
}

.shoppingCartLeftNav{
}

hr  {
 border: none 0; 
 border-top: 1px solid #999999;
 width: 100%;
 height: 1px;
 padding: 0 0 20px 0;
 margin:0;
 text-align: left;
}	

.landingHeader {
 color: #383250;
 font-size: 13px;
 font-family: Helvetica, Arial, sans-serif;
 text-decoration: none;
 text-transform: uppercase;
}

table.productsTable{
 width: 700px;
}

table.productsTable a{
 font-size: 10px;
}

table.productsTable, th, td {
 border: 0px solid #cfe9f6;
 padding: 1px;
 font-size: 13px;
 font-family: Helvetica, Arial, sans-serif;
}

.productsTableHead{
 background-color: #28234c;
 color: #fff;
 vertical-align: middle;
 font-size: 11px;
 border-right: 1px solid #ffffff;
 text-align: center;
}

.productsTableHead  div{
 width: 100%;
 margin: 0 auto;
}

.productsTableHeadLast{
 background-color: #28234c;
 color: #fff;
 vertical-align: middle;
 font-size: 11px;
}

.productsTableHeadModel{
 font-weight: bold;
 font-size: 11px;
}

.cell1{
 background-color: white;
 color: #28234c;
 font-size: 12px;
 vertical-align: middle;
}

.cell2{
 background-color: #cfe9f6;
 color: #28234c;
 font-size: 12px;
 vertical-align: middle;
}

.strong {
 font-weight: normal;
 font-size: 12px;
 white-space: nowrap;
}

.strong div a{
 white-space: nowrap;
}

.strong div a {
 white-space: nowrap;
}

.contentBorderRight{
 border-right: 1px solid #81c7e9;
}

a:link{
 color: #28234c;
 text-decoration: none;
}

a:visited{
 color: #28234c;
 text-decoration: none;
}

a:active{
 color: #28234c;
 text-decoration: underline;
}

a:hover{
 color: #28234c;
 text-decoration: underline;
}

.galleryImg{
 margin: 5px;
 border: 1px solid #000;
}

.galleryImg a{
 border: 0px;
}