body {
	font-family: Verdana;
	font-size:14px;
	margin:0;
	background: #989898 url(images/body_bg.jpg);
	color: #FFFFFF;
	}
td {
	vertical-align: top;
	text-align:left;
}
#header {
	width:100%;
	height:197px;
	background:  url(images/header_bg.jpg) repeat-x top left;
	margin:0;
	padding:0;
	}
   .bluebar{white-space:nowrap; }
#footer {
	font-size: 10px;
	color: #bfbfbf;
	text-align:center;
	padding-top:10px;
	}
#footer a:link,
#footer a:visited {
	color: #bfbfbf;
	text-decoration: underline;
	}
#footer a:hover,
#footer a:active {
	color: #7B7D84;
	background-color: #CCCCCC;
	}
#content{
	color:#000000;
	vertical-align:top;
	font-size:14px;
	background-color:#ffffff;
	width:720px;
	min-height:800px;
	height:auto !important;
	height:800px;
	display:block;
    margin:0 auto 0 0;
}

 .content-wrapper{min-height:800px;
	height:auto !important;
	height:800px;
	width:720px; margin:0 auto 0 0 ;}
    
    
html>body .content-wrapper { *background-color:#fff; *height: 800px; *width:720px;}
	
	
#content a:link,
#content a:visited, 
#content a:hover, 
#content a:active {
	color:#012A6C;
	}

#homecontent{ 
	color:#000000;
	vertical-align:top;
	font-size:14px; 
	background-color:#ffffff; 
    font-size:14px;
}
#homecontent a:link,
#homecontent a:visited, 
#homecontent a:hover, 
#homecontent a:active {
	color:#0059d2;
	}

#tapscontent {
	margin-top:-13px;
	color:#012A6C;
	vertical-align:top;
	font-size:12px; 
	background-color:#ffffff; 
	width:720px;
}
#tapscontent a:link,
#tapscontent a:visited, 
#tapscontent a:hover, 
#tapscontent a:active {
	color:#012A6C;
	}

#tdnav{
	border-left: thin solid #AAA; 
	width:25px;
}
textarea, 
input, 
button, 
select {
	color: #000000;
	background-color: #FFFFFF;
}
.headertext {
	font-size: 18px;
	font-weight: bold;
	}

/********************* LISTS AND BULLETS ********************/
li {
	list-style-type:square;
	margin-left:-20px;
	}
	* html li {margin-left:13px;}

    
    .express{white-space:nowrap;}
/********************* NAVIGATION LINKS ********************/
.nav-level-1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 10px 0;
	color:#F4F4F4;
	text-transform: capitalize;
	text-decoration: none;
	letter-spacing: .15em;
	}
a.nav-level-1:link,
a.nav-level-1:visited,
a.nav-level-1:hover,
a.nav-level-1:active {
	text-decoration: none;
	}
.nav-level-2 {
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	margin: 10px 0 0px;
	color:#F4F4F4;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .1em;
	} 
a.nav-level-2:link,
a.nav-level-2:visited,
a.nav-level-2:hover,
a.nav-level-2:active {
	text-decoration: none;
	}
.nav-level-3 {
	font: bold 12px/10px Arial, Helvetica, sans-serif;
	margin: 15px 0 5px;
	color:#F4F4F4;
	} 
a.nav-level-3:link,
a.nav-level-3:visited,
a.nav-level-3:hover,
a.nav-level-3:active { 
	text-decoration: none;
	}
.nav-list-item{
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color:#F4F4F4;
	}
a.nav-list-item:link,
a.nav-list-item:visited,
a.nav-list-item:hover,
a.nav-list-item:active {
	text-decoration: none;
	}
.nav-list-item-selected {
	font: bold 13px Arial, Verdana, Helvetica, sans-serif;
	color:#F4F4F4;
	}
a.nav-list-item-selected:link,
a.nav-list-item-selected:visited,
a.nav-list-item-selected:hover,
a.nav-list-item-selected:active {
	text-decoration: none;
	}
.nav-extra-item {
	font:13px Arial, Verdana, Helvetica, sans-serif;
	color:#F4F4F4;
	}
.nav-extra-item-selected {
	font:13px Arial, Verdana, Helvetica, sans-serif;
	color:#F4F4F4;
	font-weight: bold;
	}

/********************* HEADERS ********************/

h4.calibheader{ 
	background-color:#0E5DA0;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	width:695px;
}
h4.tapsheader{ 
	background-color:#016E51;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	width:695px;
}
h4.hardnessheader{ 
	background-color:#76353B;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	width:695px;
}
h4.gagesheader{ 
	background-color:#012A6C;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	width:695px;
}
p.genericheader{ 
	background-color:#616161;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	width:695px;
}

.subheader {
	font-size:14px; 
	font-weight:bold; 
	color:#00286B; 
	text-align:center; 
	margin-bottom:8px;
}



/********************* PAYPAL ********************/

.paypal{
	float:right;  
	margin:-44px 10px 0 0
}
* html .paypal{
	margin:-44px 3px 0 0;
}
.paypal input, 
.paypal-img{
	background-color:#012A6C;
}
input.paypal-cart{
	background-color:#fff
}

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

    * html .nav{width:200px;}
	.nav ul{padding:10px 0 0 8px; margin:0;}
	.nav li{margin:0; padding:2px 2px 0 16px;}
/*	* html .nav li{margin-left:0px;}
	*/.nav li {background: url(images/bullet.gif) no-repeat left 6px; list-style: none;}
    
        .nav ul.noimages{margin:0 0 0 10px; padding:0;}
        .nav ul.noimages li, .nav ul.noimages ul li{background:none;}
        .nav ul.noimages li{margin:8px 0;}
        .nav ul.noimages ul li{margin:0;}
        .nav ul.noimages ul{margin:0 0 0 10px; padding:0; width:175px;}

	.blue{color:#00286B}
	
	.radiobtn{margin:2px 0 0 12px; vertical-align:bottom;} 
	.radio-list, .radio-list-wide, .radio-list-narrow, .radio-list-narrowish{margin:0 auto; width:185px; text-align:left;}
	.radio-list-wide{width:200px;}
	.radio-list-narrow{width:170px;}
    
/********************* MISCELLANEOUS ********************/

.black { 
	color:#000;
}
.error { 
	color:#00286B; 
	font-weight:bold;
}
.price-amt {
	color:#00286B; 
	font-weight:bold;
}
hr {
	background: transparent url(http://westportcorp.com/images/hr-img.gif); 
	height:6px; 
	border:none; 
	margin:0 5px 5px 0;
}

.caps{margin:30px 0 0; display:block;}
.header-number{margin-left:100px;}
.nowrap{white-space:nowrap; }
.red-large{font: 18px verdana, sans; color: #FF0000; white-space:nowrap; }
.red-small{font:16px verdana, sans; color: #FF0000; white-space:nowrap;}

.headlines{font: bold 15px arial, sans; margin-bottom: 14px; color: #0059d2; text-align:center; line-height:24px;}
.headlines .large {font-size:17px; font-weight:bold;}
.text-links {margin-left:20px;  color: #FFF; white-space:nowrap; height:18px; width:630px;}
/*a {border:1px solid; border-right:none; border-left:none;}*/
p.express a:link, p.express a:visited{color:red;}
#homecontent .text-links a:link, #homecontent .text-links a:visited{float:left; width:146px; margin-right:5px; text-align:center; color: #0059d2; text-decoration: none; text-transform:capitalize; font:bold 13px, geneva, arial, sans;; }
#homecontent  .text-links a:hover{font-weight:bold;   color:#00286B}
#homecontent .express a:link, .express a:visited{color: #0059d2; }



.specialfeatures ul {margin:20px 0 0; padding-left:20px;}
.specialfeatures ul li{margin:4px 0 4px; }