@charset "utf-8";
/* Contents
------------------------------------------
CSS Reset
Standard Definitions
Layout
Header
Main Content
Featured Content
Left Column
Right Column
Footer
Product Page
Product Content
Product Left Column
Product Right Column
Light Box
Subscription Form
Accordian Rules
Additional Accordian Rules
Spry Text Field Validation
Contact Form
----------------------------------------*/

/* 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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:80%;}
.large		{font-size:120%; font-weight:bold;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

.box {padding:10px; margin: 0 0 10px 0;}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.topAnchor{text-indent:-9999px;}
.squareBullets{list-style-type: square !important;}

/* Print Fixes
----------------------------------------*/
#topNav,
#checkout,
.footer,
#leftMenuTest,
#searchProd,
#headerTop{display:none;}
#prodHeader{background-image:none !important; height:10px !important;}
#breadProd{top:10px !important;}

#fixCtrWrapper,
#mainContainerProd{
	padding-top:22px !important;
	margin:0px !important;
	border:none 0px white !important;
}
#contentProd{float:none !important;}

/* Layout
----------------------------------------*/
a:link, a:visited{color: #3D7B94; text-decoration: none;}
a:hover, a:active{color: #666666;text-decoration: underline;}

body {
	background-image: url();
	line-height: 1em;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
}
.breadRght {
	float: right;
	width: 200px;
}
#fixCtrWrapper {
	width: 950px;
	margin: 0 auto;
	border: 1px solid #CCC;
	text-align: left;
	position:relative;
}
h1{font-size: 180%; color: #3D7B94;}

/* Header
----------------------------------------*/
.breadCrumb {
	position:absolute;
	left:0px;
	top:274px;
	width:936px;
	height:20px;
	z-index:1008;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	color: #DD0524;
	padding-left: 15px;
	visibility: visible;
}
#breadProd{top: 179px;}
.breadCrumb a:link, .breadCrumb a:visited{color: #000; text-decoration: none;}
.breadCrumb a:hover, .breadCrumb a:active{color: #ED1B2E; text-decoration: underline;}

#checkout {
	position:absolute;
	left:787px;
	top:23px;
	width:130px;
	height:48px;
	z-index:1011;
	visibility: visible;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	font-size:80%;
	background-position: 0px 13px;
}
#checkout a:link, #checkout a:visited{
	color:#5B5B5B;
	font-size:220%;
	font-weight:bold;
	display:block;
	padding:3px 0px 3px 0px;
	height: 20px;
}
#checkout a:hover, #checkout a:active{
	color:#000000;
	font-size:220%;
	font-weight:bold;
	display:block;
	padding:3px 0px 3px 0px;
	height: 20px;
}
#flashContainer {
	position:absolute;
	left:-1px;
	top:84px;
	width:951px;
	height:165px;
	z-index:1007;
}
.header {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:303px;
	z-index:1000;
	background-image: url(../images/header-bkgrnd.jpg);
	background-repeat: repeat-x;
	visibility: visible;
}
#headerTop {
	position:absolute;
	left:0px;
	top:0px;
	width:808px;
	height:100px;
	z-index:1010;
	background-image: url(../images/logo-bkgrnd.jpg);
	background-repeat: no-repeat;
	visibility: visible;
}
#logoContainer{
	width: 144px;
	float: left;
	padding: 15px;
}
.search {
	position:absolute;
	left:581px;
	top:268px;
	width:355px;
	height:26px;
	z-index:1010;
	text-align: right;
	padding: 6px 0px 0px 0px;
}

/*** .search input{display:none;} ********************** Use to hide search feature ***/

.threeCol{width:230px}

#topNav {
	position:absolute;
	left:174px;
	top:66px;
	width:777px;
	height:29px;
	z-index:1011;
	font-size:135%;
}
#topNav a:link, #topNav a:visited{
	color: #666;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
	line-height:normal;
}
#topNav a:hover, #topNav a:active{
	color: #ED1B2E;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
	line-height:normal;
}
#topNav li {
	display:inline;
	margin: 0px;
	padding: 6px 0px 6px 0px;
}

/* Main Content
----------------------------------------*/
.content{
	width: 550px;
	float: right;
	margin-left: 15px;
}
.content li{list-style-type: square;}
.content p{padding: 5px 0px 5px 0px;}
.content ul{
	margin-left: 20px;
	line-height: 2em;
	padding-left: 10px;
}
.content strong{color:#3D7B94;}

.mainContainer {
	margin-top: 310px;
	margin-left: 15px;
	width:935px;
}
.mainContent {
	width:770px;
	line-height: 1.5em;
	float: left;
}
#warranty{
	position: absolute;
	left: 7px;
	top: 58px;
	z-index: 1500;
}
#warrantyLearn{
	position: absolute;
	left: 12px;
	top: 170px;
	z-index: 1500;
}

/* Featured Content
----------------------------------------*/
.featuredContent {
	border: 1px solid #CCC;
	padding: 10px;
	height: 200px;
}
.featuredContentFltLft{
	width:75%;
	float: left;
	background-image: url(../images/featured-content-bkgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 55px;
}
.featuredContentFltRght{
	width: 15%;
	min-width:100px;
	float: right;
	text-align: center;
	height: 100%;
	position: relative;
}
.featuredMod1 {
	width: 180px;
	float: left;
	padding: 5px;
}
.featureMod2 {
	float: left;
	width: 300px;
	min-width:280px;
	padding: 5px;
	margin-left: 10px;
}

/* Left Column
----------------------------------------*/
#leftMenuTest{
	width:200px;
	float: left;
}

/* Right Column
----------------------------------------*/
.rightCol {
	float: right;
	width: 135px;
	min-width:100px;
	text-align: left;
	line-height: 1.4em;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.rightCol strong {color:#DD0524;}

.rightCol a:link, .rightCol a:visited{
	color: #DD0524;
	text-decoration: underline;
}
.rightCol a:hover, .rightCol a:active{
	color: #9E968E;
	text-decoration: underline;
}
.rightCol img{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF;
	height:64px;
	width:100px;
}

/* Footer
----------------------------------------*/
.footer {
	font-size: 12px;
	color: #000000;
	width: 100%;
	background-color: #DDD;
	line-height: 1.4em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	margin-top: 15px;
}
.footer a:link, .footer a:visited{
	color: #000000;
	text-decoration: none;
}
.footer a:hover, .footer a:active{
	color:#DD0524;
	text-decoration: underline;
}

#footerContent{width:920px;}
.footerLt{width:780px}
.footerMargin{
	padding-left: 15px;
	padding-right: 15px;
}
.footer ul{width: 730px;}
.footer li{display:inline;}
.footer strong{
	color:#DD0524 !important;
	font-size: 120%;
}

#yahooBadge {
	width:121px;
	float:right;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Product Page
----------------------------------------*/
#searchProd{top: 171px;}
#prodHeader{
	height: 170px;
	background-image: url(../images/prod-header-bkgrnd.jpg);
}
/* Product Content
----------------------------------------*/
.addToCart{
	display:block;
	margin: 5px 0px 5px 0px !important;
}
.addToCartList{display:inline;}
#contentProd h1{
	/*** color: #DD0524; ***/
	color:#000;
	padding-bottom: 5px;
	font-weight:bold;
}
#contentProd h2, #contentProd h3, .subHeadline{
	margin-bottom: 10px;
	font-size: 125%;
	color: #DD0524;

	font-weight:bold;
}
#contentProd ul{margin: 10px;}
#contentProd li{list-style-type: none;}

.overview{margin-bottom: 15px;}
.prodListButtons{margin: 5px;}
.prodListItem{padding-bottom: 10px;}

.productName{
	font-size: 175%; 
	color: #3D7B94;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.modelNumber{
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	display:block;
}
.shareBar{
	width: 125px;
	margin-top: 23px;
}
.moreImages{
	width: 54px;
	float: right;
}
.related{
	border: 1px solid #CCC;
	padding: 10px;
	margin-top:15px;
	height: 130px;
}
.related img{margin: 0 auto 0 auto;}
.related div{
	display:block;
	float:left;
	text-align:center;
	padding:5px;
	margin: 0px 15px 0px 0px;
	width: 110px;
}
.related p{
	margin: 0px;
	font-size:85%;
	line-height:normal;
}
.related strong{color: #DD0524;}
.shippingNote{color: #DD0524;}

/* Product Left Column
----------------------------------------*/
.prodColLeft{width: 200px;}
.prodPhoto img{
	margin-top: 25px;
}

/* Product Right Column
----------------------------------------*/
#contentProd{width: 700px;}
#mainContainerProd{
	margin-top: 0px;
	padding-top: 210px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainContentProd{width: 915px;}

.prodColRight{
	width: 470px;
	float: right;
	border: 1px solid #CCC;
	padding: 10px;
}
.prodColRight h1, .prodSubHeadline{
	color: #666666 !important;
	font-weight:normal !important;
	font-size: 120% !important;
	margin: 0px !important;
	padding: 0px !important;
	display:block !important;
}
.prodColRight li{
	list-style-type: square !important;
	line-height:normal;
	margin: 10px 0px 10px 0px;
}
.prodColRight li ul{
	margin: 0px !important;
	padding: 0px !important;
}
.prodColRight li li{
	list-style-type: circle !important;
	margin: 0px 0px 0px 18px !important;
	padding: 0px !important;
}
.prodDetails{
	width: 270px;
	float: left;
}
.prodDetails li{
	line-height:normal;
	margin: 10px 0px 10px 0px;
}
.prodPurchase{
	width: 180px;
	float: right;
	margin-right: 5px;
}
.prodPurchase p{
	margin: 0px;
	padding: 0px;
}
/* Float Objects in Overview section Use standard definitions "left" and "right"
   combined with width defining rules below
----------------------------------------*/
.shippingLt{width:575px;}
.ahippingRt{width:120px;}

/* Light Box
----------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 5100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 5010; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background-image: url(../images/prevlabel.gif); background-repeat: no-repeat; background-position: left 15%;}
#nextLink:hover, #nextLink:visited:hover {background-image: url(../images/nextlabel.gif); background-repeat: no-repeat; background-position: right 15%;}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 5090; width: 100%; height: 500px; background-color: #000; }

/* Subscription Form
----------------------------------------*/
.sButtonWrapper{
	width: 16px;
	float: left;
}
.submitButton{
	color: #FFF;
	margin-top: 5px;
	height: 18px;
	width: 16px;
	font-size: 1px;
	background: url(../images/subscribe_go.gif) no-repeat 0 0;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.subscribeFields {
	font-size: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.subscribeFloatlft {
	float: left;
	padding-right: 4px;
}
.subscribeHeader {
	color: #3D7B94;
	font-weight: bold;
	text-align: left;
}
#subscribeStore{width: 135px;}
.subscribeSubmit {
	width: 25px;
	float: right;
	position: relative;
}
.subscribeWrapper {
	width:100%;
	height:96px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	background-position: 2px 2px;
	margin-top: 10px;
	padding-top: 10px;
	line-height: normal;
}
#subscribeWrapperEvents {
	margin: 0px;
	float: right;
	height: 85px;
}
.subscribeWrapper p {
	font-size: 11px !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: left !important;
}
#subscribeWrapperPress {
	margin-left: 100px;
	margin-top: 0px;
}
.textInput{
	width: 60px;
	font-size: 11px;
	color: #999;
	font-style: normal;
}

/* Accordian Rules
----------------------------------------*/
/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	background-image: url(../images/acc-link.jpg);
}
.AccordionPanelContent {
	margin: 0px;
	padding: 0px;
	height: 310px
}
.AccordionPanelOpen .AccordionPanelTab {background-image: url(../images/acc-selected.jpg);}
.AccordionPanelTabHover {
	color: #000000;
	background-image: url(../images/acc-hover.jpg);
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #000000;
	background-image: url(../images/acc-hover.jpg);
}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-image: url(../images/acc-selected.jpg);
	background-repeat: repeat-x;
}

/* Additional Accordian Rules
----------------------------------------*/
.AccordionPanelContent a:link, .AccordionPanelContent a:visited {
	color: #000;
	text-decoration:none;
	display: block;
	border: 5px solid #FFFFFF !important;
}
.AccordionPanelContent a:hover, .AccordionPanelContent a:active {
	background-color: #D3D4D6;
	color: #000;
	text-decoration:none;
	display: block;
	border: 5px solid #D3D4D6 !important;
}
a.lftNavCat:link, a.lftNavCat:visited,
a.lftNavCat:hover, a.lftNavCat:active{
	font-size: 105%!important;
	font-weight:bold !important;
	border: 5px solid #FFF !important;
	background-color:#FFF !important;
	height:1em !important;
	display:block;
}
a.lftNavCat:link, a.lftNavCat:visited{color: #dd0524 !important;}
a.lftNavCat:hover, a.lftNavCat:active{color: #000000 !important;}

a.lftNavCatHdr:link, a.lftNavCatHdr:visited,
a.lftNavCatHdr:hover, a.lftNavCatHdr:active{
	color: #000000;
	text-decoration:none;
}

/* Spry Text Field Validation
----------------------------------------*/
/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {display: none;}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: block;
	color: #CC3333;
	font-size:90%;
}
.textfieldValidState input, input.textfieldValidState {	}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	border: 1px solid #CC3333;
	margin:1px;
}
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #ffffff;
	border: 1px solid #000;
	margin: 1px;
}
.textfieldFlashText input, input.textfieldFlashText {color: red !important;}
.textfieldHintState input, input.textfieldHintState {}

/* Contact Form
----------------------------------------*/
.contactForm{margin: 5px 0px 5px 0px;}
.contactForm label{
	margin:5px 0px 5px 0px;
	width:80px;
	float: left;
}
.contactForm textarea{
	display:block;
	margin: 5px 0px 5px 0px;
}