﻿/* YUI 2.5.2 Reset & Fonts */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html
{
    font-family: Helvetica;
    background-color: #9f9f9f;
}

hr	
{
	  color: #ababab;
    border: 1px solid 
    border-width: 1px 0 0 0;
		height: 1px; 
}


#preload
{
    display: none;
}

#hdWrapper
{
    background-image: url(../images/hd_tile.jpg);
    background-repeat: repeat-x;
}

#hd
{
    width: 995px;
    margin: auto;
}

#bd
{
    width: 949px;
    margin: auto;
}

#hd
{
    background-image: url(../images/hd_banner.jpg);
    background-repeat: no-repeat;
    height: 145px;    
}

#logo
{
    padding: 26px 0 0 100px;
}

#contactInfo
{
    float: right;
    width: 400px;
    text-align: right;
    padding-right: 70px;    
    padding-top: 27px;
    line-height: 1.1;
    color: White;
    font-size: 108%;
    font-weight: bold;
}

.redHeader
{
    color: #ff002c;
    font-size: 38px;
}

.orangeHeader
{
    color: #ffc000;
    font-size: 22px;
    text-decoration: none;
}

.yellowLink
{
    text-decoration: none;
    color: #ebd801;
    font-size: 15px;
}

.medRedLink, .smRedLink
{
    text-decoration: none;
    color: #ff002c;
}

.medRedLink
{
    font-size: 13px;
}

.smRedLink
{
    font-size: 10px;
}

.trademark
{
    font-size: 24px;
    vertical-align: top;       
}

#bd
{
    background-image: url(../images/bd_tile.jpg);
    background-repeat: repeat-y;  
}

#bdContent
{
    margin: 0px 30px 0px 20px; 
}

/* START OF RIGHT COLUMN STYLES */

#rightCol
{
    width: 255px;
    _width: 251px;
    float: right;
    margin-right: 5px;
    *margin-top: 5px;  
}

#productsMenu
{
    background-image: url(../images/products_tile.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #282828;
}

#productsMenu h1
{
    color: #ff002c;
    font-size: 32px;
    font-weight: bold;
    background-image: url(../images/products_bg.jpg);
    background-repeat: no-repeat;
    padding: 5px 0px 10px 15px;
    line-height: 1.1;
    font-family: 'Arial Black';
}

#productsMenu li
{
    _display: inline;
}

#productsMenu li a
{
    font-family: Helvetica;
    color: #bdbdbd;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 12px 15px;
    _zoom: 1;
}

#productsMenu li a:hover
{
    color: #ffffff;
    background-color: #333333;
}

#search, #subpageSearch
{
    margin-top: 5px;
    padding: 5px;
    background: #e8eeec url(../images/search_tile.jpg) repeat-x bottom;
    border: solid 1px #b2b2b0;
}


#subpageSearch
{
    margin-bottom: 5px;
}

#subpageSearchSub
{
		padding: 2px;
}

#search h1, #subpageSearch h1
{
    color: #ff002c;
    font-size: 17px;
    line-height: 1.1;
    font-weight: bold;
    margin-bottom: 3px;
}

#search input
{
    width: 83%;
    vertical-align: top;    
}

#subpageSearch input, #emailSignup input
{
    width: 72%;
    vertical-align: top;
}

#search a, #subpageSearch a, #emailSignup a
{
    vertical-align: middle;
}

#quote
{
   margin-top: 5px;
   padding: 5px;
   border: solid 1px #b2b2b0;
   background: #ea0029 url(../images/quote_tile.jpg) repeat-x bottom; 
}

#quote h1
{
    color: #ffb900;
    font-weight: bold;
    font-size: 23px;
    line-height: 1;
    margin-bottom: 5px;
}

#quote p
{
    color: #ffffff;
    padding-bottom: 10px;
}

#quote a
{
    color: #ffb900;
    text-decoration: none;
}

#emailSignup
{
    margin: 5px 0px;
    padding: 5px;
    background: #e8eeec url(../images/search_tile.jpg) repeat-x bottom;
    border: solid 1px #b2b2b0;
}

#emailSignup h1
{
    color: #ea0029;
    font-size: 23px;
    font-weight: bold;
}

#emailSignup p
{
    color: #5e5e5e;
}

/* END OF RIGHT COLUMN STYLES */

/* MAIN COLUMN STYLES */

#mainCol, #bottom2Col
{
  margin: 5px 266px 0px 5px;  
}

#mainCol, #subpageMainCol
{
    margin-right: 266px;
}

#mainCol
{
    border: solid 1px #b2b2b0;    
    background-image: url(../images/mainCol_tile.jpg);
    background-position: bottom;
    background-repeat: repeat-x;  
}

#productSlides
{
    background-repeat: no-repeat;
    position: relative;    
}

#productSlides p
{
    padding: 180px 380px 65px 28px;
    font-style: italic;
    color: White;
    font-size: 17px;
}

#productSlides ul
{
    position: absolute;
    top: 310px;
    left: 10px;
    *left: 0px;     
}

#productSlides ul li
{
    display: inline;
    padding: 0 10px;
}

#mainContent
{
    padding: 10px;
    font-family: Arial;
		background-color: #ffffff;
    color: #3c3c3c;
    font-size: 15px;
}

#mainContent #rightCol
{
	float:right;
	width: 350px;
}

#mainContent ul
{
    margin-left: 15px;    
}

#mainContent ul li
{
    margin: 2px 0;
    list-style-type: disc;
}

#mainContent ol
{
    margin-left: 23px;
}

#mainContent ol li
{
    margin: 1px 0;
    list-style-type: decimal;
}
#subpageMainCol #mainContent
{
    padding: 20px 10px 10px 20px;
}

#subpageMainCol
{
	min-height: 1182px;
	background-color: #ffffff;
}



#boltCalc
{
    background-image: url(../images/boltcalc-bg.jpg);
    background-repeat: no-repeat;
    padding: 96px 10px 28px 10px;
    width: 220px;
    float: right;
    font-style: italic;
    color: White;
    font-weight: bold;    
}

#rightCol #boltCalc
{
    background-image: url(../images/boltcalc-subpage-bg.jpg);
    width: 235px;
    margin-bottom: 5px;
}

#newsEvents
{
    margin-right: 245px;
    border: solid 1px #b2b2b0;
    background-image: url(../images/news_tile.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

#newsEvents .newsEntry
{
    margin: 5px 7px 0 7px;
    padding-bottom: 7px;
    border-bottom: solid 1px #b2b2b0;
}

#newsEvents .lastNewsEntry
{
    border-bottom: none;
}

#newsEvents .newsImage
{
    width: 65px;
    float: left;    
    padding-top: 2px;
    padding-left: 5px;
}

#newsEvents .newsImage img
{
    border: solid 1px #b2b2b0;
}

#newsEvents .newsText
{
    margin-left: 65px;
}

#newsEvents h1
{
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    background-color: #f00000;
    padding: 1px 5px;
}

#newsEvents h2
{
    color: #ff002c;
    font-size: 17px;
    font-weight: bold;
}

#newsEvents p
{
    color: #282828;    
}

#newsEvents #moreNews
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #757575;
    border-top: solid 1px #b2b2b0;
    padding: 3px 5px;
}

#ft
{
    background-position: top;
    background-image: url(../images/footer_bg.jpg);
    *background-image: url(../images/footer_bg2.jpg);
    background-repeat: no-repeat;
    width: 1043px;
    margin: auto;
    padding-top: 20px;        
    text-align: center;    
}

#ft #bottomLinks
{
    padding-bottom: 15px;
}

#ft #bottomLinks li
{
    display: inline;
    padding: 0 15px;
}

#ft #bottomLinks li a
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

#ft #bottomLinks li a:hover
{
    color: #ff002c;
}

#ft #address
{
    font-size: 14px;
    padding-bottom: 10px; 
}

#ft #copywright
{
    font-size: 10px;
    padding-bottom: 20px;
}

/* END OF MAIN COLUMN STYLES */

/* TABS STYLES */

#productTabs #tabNav li
{
  float: left;
  border: solid 1px #aaaaaa;
  border-width: 1px 1px 1px 0;
  line-height: .8;
  font-weight: bold;
  padding: 6px 12px 3px 12px;
  list-style-type: none;
}

#tabNav	
{
	padding-bottom: 40px;
}

/*
#manuals
{
	margin-top: 90px;
}
*/

.pdf
{
	background: url(../images/pdf-icon.gif) no-repeat left bottom;
	padding-left: 15px;
	font-weight: bold;
}

#productTabs #tabNav li.first
{
  border-left: solid 1px #aaaaaa;
}

#productTabs #tabNav li a
{
  font-size: 12px;  
  color: #8F8F8F;
  vertical-align: top;
  text-decoration: none;
}

#productTabs #tabNav li.ui-tabs-selected a, #productTabs #tabNav a:hover
{
  color: #ff012e;
}

#productTabs #tabNav li.ui-tabs-selected
{
  border-bottom: none;
}

#productTabs .ui-tabs-hide
{
    display: none;
}


/* CMS STYLES DO NOT MODIFY BELOW THIS LINE */

.modalPopup
{
    text-align: center;    
    background-color: #ffffdd;
    border: solid 3px Gray;
    padding: 3px;
    width: 375px;
}

.modalPopup td
{
    border: none;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

div.printbutton
{
    width:20px;
    padding: 10px;
    float: right;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.CMSEditMeta td
{
    padding: 5px;    
}

/* CMS Admin Styles */
#CMSAdministration h2
{
    cursor: pointer;
    margin:0px;
    padding: 5px;
    background: #ffefef url(../images/CMSImages/CMSAdminH2_bg.jpg) repeat-x bottom;
}

.CMSAdminSection
{
    border: solid 1px #aaaaaa;
    padding: 10px;
    margin-bottom: 10px;
    /*background-color: #eeeeee;*/
		background-color: #ffffff;
}

.CMSAdminSection td
{
    padding: 5px;
}

.success
{
  background-color: LightGreen;
  color: DarkGreen;
  border: solid 2px DarkGreen;
  padding: 2px;
  font-weight: bold;  
  display: block;
  margin-bottom: 5px;
}

.error
{
  background-color: Pink;
  color: Red;
  border: solid 2px Red;
  padding: 2px;
  font-weight: bold;  
  display: block;
  margin-bottom: 5px;
}


/* JQUERY CALENDAR STYLES */
table.jCalendar {
background:#AAAAAA none repeat scroll 0% 0%;
border:1px solid #000000;
border-collapse:separate;
border-spacing:2px;
}
table.jCalendar th {
background:#333333 none repeat scroll 0% 0%;
color:#FFFFFF;
font-weight:bold;
padding:3px 5px;
}
table.jCalendar td {
background:#CCCCCC none repeat scroll 0% 0%;
color:#000000;
padding:3px 5px;
text-align:center;
}
table.jCalendar td.other-month {
background:#DDDDDD none repeat scroll 0% 0%;
color:#AAAAAA;
}
table.jCalendar td.today {
background:#666666 none repeat scroll 0% 0%;
color:#FFFFFF;
}
table.jCalendar td.selected {
background:#FF6666 none repeat scroll 0% 0%;
color:#FFFFFF;
}
table.jCalendar td.selected:hover {
background:#FF3333 none repeat scroll 0% 0%;
color:#FFFFFF;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
background:#FFFFFF none repeat scroll 0% 0%;
color:#000000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
background:#BBBBBB none repeat scroll 0% 0%;
color:#888888;
}
div.dp-popup {
background:#CCCCCC none repeat scroll 0% 0%;
font-family:arial,sans-serif;
font-size:10px;
line-height:1.2em;
padding:2px;
position:relative;
width:171px;
}
div#dp-popup {
position:absolute;
z-index:199;
}
div.dp-popup h2 {
font-size:12px;
margin:2px 0pt;
padding:0pt;
text-align:center;
}
a#dp-close {
display:block;
font-size:11px;
padding:4px 0pt;
text-align:center;
}
a#dp-close:hover {
text-decoration:underline;
}
div.dp-popup a {
color:#000000;
padding:3px 2px 0pt;
text-decoration:none;
}
div.dp-popup div.dp-nav-prev {
left:4px;
position:absolute;
top:2px;
width:100px;
}
div.dp-popup div.dp-nav-prev a {
float:left;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor:pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor:default;
}
div.dp-popup div.dp-nav-next {
position:absolute;
right:4px;
top:2px;
width:100px;
}
div.dp-popup div.dp-nav-next a {
float:right;
}
div.dp-popup a.disabled {
color:#AAAAAA;
cursor:default;
}
div.dp-popup td {
cursor:pointer;
}
div.dp-popup td.disabled {
cursor:default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
  
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: none;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	
	
}

.contentT	{
	vertical-align: top;
	padding: 4px;
	border: 0;
	width: 100%;
	}





