* { 
 margin: 0; 
 padding: 0; 
} 
body { 
 background: #eee url(images/bg.gif) 0 100% repeat-x; 
 font: 12px/18px "Lucida Grande", Verdana, sans-serif; 
 text-align: center; 
 color: #D9D9D9; 
} 
a:link, a:visited { 
 color: #633; 
} 
a:hover { 
 color: #966; 
} 
h1 { 
 margin-bottom: 11px; 
 margin-left: -108px; 
 padding: 15px 0 21px 108px; 
 border-bottom: 1px solid #ccc; 
 font: normal italic 1.5em/18px Georgia, serif; 
 color: #633; 
} 
h2, h3{ 
 font-weight: normal; 
 font-size: 1em; 
 line-height: 18px; 
} 
h2 { 
 margin-left: 0px; 
 padding: 10px 0 20px 125px; 
 background: url(images/h2_ornament.gif) 3px 0 no-repeat; 
 font-size: 1.25em; 
 text-transform: uppercase; 
 color: #999; 
} 
h3 { 
 padding-bottom: 6px; 
 font-weight: bold; 
 text-transform: uppercase; 
 letter-spacing: -1px; 
 color: #633; 
} 
#wrap { 
 background: url(images/wrap.gif) repeat-x; 
} 
#page { 
 margin: 0 auto; 
 width: 960px; 
 background: #fff url(images/page.gif) repeat-y; 
 text-align: left; 
} 
#header { 
 height: 100px; 
 background: #5A7E5A url(images/header.gif) bottom no-repeat; 
} 
#header p { 
 float: left; 
 margin: 3px 3px 3px 230px; 
 padding: 5px 5px 5px 5px; 
 font-size: 1.5em; 
 line-height: 1em; 
 color: #fff; 
}  
#header ul { 
 padding-top: 62px; 
 padding-right: 12px; 
 text-align: right; 
 list-style: none; 
} 
#header li { 
 display: inline; 
 margin: 0 12px; 
} 
#header li a { 
 font-size: 1.25em; 
 line-height: 1em; 
 text-decoration: none; 
 color: #fff; 
} 
#header li a:hover { 
 color: #300; 
} 
#breadcrumb { 
 float: right; 
 margin: 12px 24px 60px 24px; 
 height: 15px;
 width: 600px;
 color: #633;
} 
/* added for links */
#content-primary a { 
 color: #4040FF
} 

#content-primary { 
 float: right; 
 margin: 12px 24px 60px 24px; 
 width: 680px; 
 color: #633;
} 
#content-primary p { 
 padding-bottom: 18px; 
 color: #633
} 

#content-primary a { 
 color: #4040FF
} 
#content-primary img { 
 float: left; 
 margin: -6px 12px 0 0px; 
 padding: 3px; 
 border: none; 
 background: #fff; 
} 
/*--------------Begin left navigation------------------------------*/
#content-secondary { 
 float: right; 
 margin: 30px 15px 60px 15px; 
 width: 175px; 
 font-size: 11px; 
 color: #300; 
} 
#content-secondary ol { 
 text-align: left;
 padding:0 0 0 5px;
 color: #300; 
} 
#content-secondary li { 
 margin: 0 18px; 
} 
#content-secondary p { 
 padding-bottom: 18px; 
} 
div.nav  {
    background:#FcFcFf;
	position:relative;
    margin-bottom:1em;
    width:auto!important;
    width:100%;
    border:1px solid #CAD6E8 ;
	padding:1em 0 1.5em 0;
}

#content-secondary div h3  { /* groovy floating topright headings */
  font:  bold .9em Verdana, Arial, Helvetica, sans-serif;
  height:1em;
  padding:2px 1.5em 4px .5em;
  clear: right;
  color:#334C71;
  background:transparent url(images/bulletr.gif) right center no-repeat;
  margin:0;
  position:absolute;
  right:-1px;
  top:-.8em;
  border:0 none;
}
#content-secondary div.nav h4, div.product h4, div.specialoffer h4 {
color: #E14900;
font:  normal 1em Verdana, Arial, Helvetica, sans-serif;
}
div#content-secondary p a.next{
	font: bold x-small Verdana,Arial,Helvetica,sans-serif;
	color: #06c;
	margin:0 15px;
	padding:0 0 0 12px;
	background: url(images/forwardc.gif) no-repeat left!important;
	background /**/: none; /* removed icon for older IEs */
}
/*--------------end left navigation------------------------------*/
/*--------------Print formatting---------------------------------*/
/* added for links */
#print-primary a { 
 color: #4040FF
} 

#print-primary { 
 float: left; 
 margin: 12px 12px 12px 24px; 
 width: 600px; 
 color: #633;
 background: #fff;
 text-align: left;
} 
#print-primary p { 
 padding-bottom: 18px; 
 color: #633
} 
#print-primary body 
{
background-color: #fff;	
}

#print-primary a { 
 color: #4040FF
} 
#print-primary img { 
 float: left; 
 margin: -6px 12px 0 0px; 
 padding: 3px; 
 border: none; 
 background: #fff; 
} 
/*---------------end print formatting ---------------------------*/
/*-------------- Calendar formatting ----------------------------*/
.red {color:#f00;}
.red2 {color:#00c;}
.red3 {color:#080;}
.red4 {color:#f00;}
table.border1,.ff {border:1px solid #00a;background:#E8E8E8;}
table.border2 {border:2px solid #00a;background:#E8E8E8;}
.head {background:#a1bdeb;}
.head a {color:#004;}
td.r,th.r {text-align:right;white-space:nowrap;}
.sep {border-left:1px solid #999;}
.nw {white-space:nowrap;}
.small,.smtop,dd,dt,legend,.ib {font-size:90%;}

/*-------------- end calendar formatting ------------------------*/
#footer { 
 clear: right; 
 height: 73px; 
 background: #5A7E5A url(images/footer.gif) top no-repeat; 
 font-size: 10px; 
 line-height: 1em; 
 color: #ffffff; 
} 
#footer a:link, #footer a:visited { 
 color: #4040FF; 
}     
#footer p { 
  padding: 5px 5px 5px 5px; 
} 

#footer-ad  { 
  float: Left; 
  margin: 3px 3px 0px 230px; 
  padding: 5px 5px 5px 5px; 
  font-size: 1.5em; 
  line-height: 1em; 
  color: #fff; 
} 
.clear { 
 clear: both; 
}

/* Form view table */
.imageLink {
	border: 0;
}

.formViewInputTable {
	width: 100%;
}
	
.formViewInputSectionHead {
/*	background-color: #999999; */
	background-color: #708090;
	text-align: center;
	color: #ffffff;
}

.formViewInputTable .label {
	text-align: right;
	vertical-align: top;
	background-color: #F7F6F3;
	color: #000000;
	border-bottom: solid thin #FFFFFF;
	width: 30%;
}

.formViewInputTable .content {
	background-color: #FFFFFF;
	border-bottom: solid thin #F7F6F3;
	width: 70%;
}

/* AJAX CSS needed for the script */

#boltlist { 
 float: right; 
 margin: 12px 64px 60px 4px; 
 width: 600px; 
 color: #633;
 border: solid 2px #000000;
} 

#mainContainer{
	width:630px;
	border-left:1px solid #317082;	
	border-right:1px solid #317082;	
	margin:0 auto;	/* Center align content, equivalent to margin-left:auto;margin-right:auto; */
	text-align:left;	/* Override inherited text-align:center from the body tag */
	background-color:#FFF;
	height:100%;
}

#menuColumn{
	width:160px;
	float:left;
	padding:5px;
	font-size:0.9em;
}
#mainContent{
	width:440px;
	float:left;	
}

.oddRow{
	background-color:#FFF;
}
.evenRow{
	background-color:#EEE;
}

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:750px;	/* Width of tooltip content */
	height:400px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}
#ajax_tooltipObj .ajax_tooltip_dataplate{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:400px;	/* Width of tooltip content */
	height:400px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;	
}
#ajax_tooltipObj .ajax_tooltip_standardequip{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:490px;	/* Width of tooltip content */
	height:367px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}