@charset "utf-8";

/* CSS Document */

/********general page settings*******************/
* { margin: 0; padding: 0; }

*html { height: 100%; }

* body { margin-right: auto; margin-left: auto; height:100%; background-color: #000; font: 10px Verdana, Arial, Helvetica, sans-serif; }

p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0; }

h1 { font-size: 16px; font-family: "Trebuchet MS", Verdana; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; background-color: #FF9900; width: 596px; vertical-align: baseline; padding-top: 10px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }

h2 { font-size: 12px; font-weight: bold; letter-spacing: 2px; }

h3 { font-size: 12px; color: #FF0033; }

h4 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #CCCCCC; margin-left: -4px; padding-left: 4px; padding-top: 2px; padding-bottom: 2px; }

h5 { font-size: 11px; font-weight: bold; margin-top: 6px; }

h6 { }

p, td { font: 11px/18px Verdana, Arial, Helvetica, sans-serif; }

a	{color:#000000}

a img {border:none;}

a:link, a:visited { color: #333333; text-decoration: none; font-weight: bold; }

a:hover, a:active { font-weight: bold; color: #CC0033; text-decoration:underline;}

/********MAIN DIVS*******************/
#header, #footer { width: 774px; margin-right: auto; margin-left: auto; }

#header p, #footer p { font-size: 11px; color: #CCCCCC; text-align: right; padding-top: 2px; padding-bottom: 4px; }

#main { width: 773px; border: 4px solid #999999; min-height: 200px; margin-right: auto; margin-left: auto; background-color: #FFF; }

#content { width: 603px; vertical-align: top; height: 100%; }

#menu { background: #000 url(../images_layout/navup_11.gif); color: #FFF; width: 773px; border-top: 4px solid #999999; border-right: 4px solid #999999; border-left: 4px solid #999999; margin-left: auto; margin-right: auto; }

#menu a {border:none;}
/********IOP MENU SERACH******************/
#search { float: right; width: 250px; background: #000; margin-bottom: 8px; text-align: right; }

#search input { color: #000000; background: #CCCCCC; border: 1px solid #666666; font: 12/18px Verdana, Arial, Helvetica, sans-serif; }

#search a { color: #FFFFFF; font-size: 9px; margin-top: 6px; }

#search img{float: left; margin-right: 2px; margin-top: 8px; }


/********General Purpose Classes*******************/

.padded4, .padded4 td { padding: 4px; }
.padded4nop, .padded4nop td { padding: 4px; }
.padded2, .padded2 td { padding: 2px; }
.clear { clear:both; }
.print	 { display:none; }

.redhead  { font: 900 12px "Trebuchet MS", Verdana, Arial, Georgia; padding: 6px 6px 2px; color: #FF0000; letter-spacing: 2px; margin-bottom: 0px; text-transform: uppercase; width: 250px; margin-top: 4px; border-bottom: 1px solid #666666; }

/********LEFT NAVIGATION*******************/
.leftnav { vertical-align: top; background: #666666;  }

.leftnav a{ font-weight: bold; display: block; border-bottom: 2px solid #777777; text-decoration: none; font-size: 10px; line-height: 12px; }

.leftnav a:link, .leftnav a:visited { color: #CCCCCC; padding: 4px; }

.leftnav a:hover, .leftnav a:active{ color: #000000; background-color: #FF9900; }

.level1 { background-color:#000000; font-weight: bold; color: #FFF; font-size: 10px; padding-top: 5px; padding-left: 4px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #777777; padding-bottom: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; }
.level1 a {  display:block; color: #FFF; background-color:#000000; text-decoration: none;}

.level1 a:hover, .level1 a:active { color: #000000; background-color:#FF9900;  }


.level2	{font-weight: bold; color: #FFF; padding: 4px; text-decoration: none; font-size: 10px; background-color:#333333; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FF9900; }

.selected, .selected a { font-weight: bold; color: #000000; background-color: #FFF; padding: 4px; text-decoration: none; font-size: 10px; line-height: 12px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FF9900; }

.rborderParts { border-right: 1px solid #000; background: #666666; width: 125px; vertical-align: top; }

.white { color: #FFFFFF; margin-bottom: 8px; }

/********PRODUCT DETAIL*******************/

#items { background-color: #FFFFFF; width: 591px; float: left; vertical-align: top; padding-right: 6px; padding-left: 6px; padding-bottom: 6px; }

#items h2 { border-bottom: 1px solid #333333; color: #000; letter-spacing: 2px; margin-bottom: 6px; width:200px; padding-top: 6px; padding-right: 6px; padding-bottom: 0px; padding-left: 0px; font-family: "Trebuchet MS", Verdana, Arial, Georgia; font-size: 14px; font-weight: 900; }

#items h3 { font: 900 14px "Trebuchet MS", Verdana, Arial, Georgia; padding: 6px; color: #000; letter-spacing: 2px; margin-bottom: 6px; }

#items li { list-style: outside; margin-left: 20px; font-size: 11px; line-height: 18px; }

/*------------product specific----------------*/
#pics { float:right; text-align:right; }

#options { width:200px; float:left; clear: both; }

#specs { width:608px; vertical-align: bottom; float: left; }

#specs td { padding:2px 6px; border-top: 1px solid #666666; font-size: 10px; line-height: 18px; }

.popup { padding: 4px; float: left; width: 60px; margin-left: 4px; height: 60px; }

.popup a:link img, .popup a:visited img { float:left; border: 1px solid #000; }

.popup a:hover img, .popup a:active img { float:left; border: 1px solid #FF9900; }

/********SERVICE DEPOT CLASSES******************/
#items .addresshead { padding: 0px 2px 0px 6px; width: 60px; display: block; float: left; clear: both; }
.city	{ width:125px; float: left; }
.company { float:right; width: 450px; padding-bottom: 6px; }
.prodimage { float: right; margin: 10px 10px 30px 20px; }

/*---------------------TABLES----------------*/

.bordered td	{ border-bottom: 1px solid #666666; padding: 2px; }

.bordered table	{ border-top: 1px solid #666666; }

.rowodd { background: #B0B0B0; vertical-align: top; }

.roweven { background: #CCCCCC; vertical-align: top; }

.rowpn { background: #B0B0B0; vertical-align: top; width: 100px; }

.rowhead2 { background-color:#FF9900; color:#000; font-size: 10px; font-weight: bold; }
.rowhead { background-color:#333333; color:#FFFFFF; font-size: 12px; font-weight: bold; letter-spacing: 2px; }

/********TABLE OF CONTENTS - PRODUCT*******************/
.toc { width: 275px; border: 1px solid #999999; float: left; margin-left: 14px; margin-bottom: 12px; text-align: left; padding-left: 4px; margin-top: 6px; background: #FFFFFF; }
.toc2 { width: 185px; float: left; text-align: center; background: #FFFFFF; margin: 6px 12px 6px 0px; }

.toc3 { width: 178px; border: 1px solid #999999; float: left; margin-left: 13px; margin-bottom: 6px; margin-top: 6px; text-align: left; padding-left: 4px; background: #FFFFFF; }

.toc img, .toc3 img { border-left: 1px solid #999999; margin-left: 4px; float: right; }

/********home page divs*******************/
.rhome1 { padding: 4px; width:325px; float:right; vertical-align: top; }

.rhome1 hr { border: none 0; border-top: 1px solid #999999; height: 1px; margin-top: 10px; }

.rhome1 p { margin-left: 45px; margin-right: 8px; }

.lhome1 img { padding-right: 6px; margin-left: 6px; }

.lhome1 a:link, .lhome1 a:visited { color: #FFF; text-decoration: none; font-weight: bold; display: block; float: none; margin-left: 165px; width: 150px; height: 20px; padding-top: 4px; padding-left: 4px; }

.lhome1 a:hover, .lhome1 a:active { color: #000000; display: block; background-color: #FF9900; }

.lhome1, .lhome2 { width:425px; background-color: #7E7E7E; float:left; vertical-align: bottom; }



.rborder { border-right: 1px solid #000; background: #666666; width: 165px; vertical-align: top; }
/*.hover { cursor:pointer; background-color:#ff9900; color: #000 !important; display:block; border-bottom: 1px solid #FF9900; }*/

#sprytocnav	{ width: 150px; float:left;  }
#sprytocnav	p { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; padding-right: 4px; padding-left: 4px; }
#sprycontent	{ width: 425px; margin-left: 10px; float:left;}
.select { text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9900; color: #000; background-color: #e1e1e1; }

.SpryHiddenClass { 	display:none; }

.tocDwnld { width: 125px; border: 1px solid #999999; float: left; margin-left: 12px; margin-bottom: 6px; margin-top: 6px; text-align: left; padding-left: 0px; background: #FFFFFF; padding-top: 0px; height: 175px; }

/*----------------------PARTS----------------------*/

.partsH1	{ font-size: 16px; font-family: "Trebuchet MS", Verdana; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; background-color: #FF9900; width: 635px; vertical-align: baseline; padding-top: 10px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }
#partslist { display: none; }

/*----------------------FORMS----------------------*/
#items input, #items textarea { color: #000000; background: #CCCCCC; border: 1px solid #666666; font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; padding:2px;}

/*-----------ZOOM STYLES ----------------------*/
.highlight { background: #FFFF40; }
.searchheading { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #CCCCCC; margin-left: -4px; padding-left: 4px; padding-top: 2px; padding-bottom: 2px; }
.summary { font-size: 80%; font-style: italic; } 
.results { font-size: 100%; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }
.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button {  }
input.zoom_searchbox {  }


/*-----------DEALER PAGES ----------------------*/

.dealerH1 { color: #FFFFFF; background: #75890C; }

.dealerpn { vertical-align: top; font-size: 12px; color: #CC3300; margin-top: 10px; }

.dealerimgindent { margin-top: 10px; margin-right: 100px; }
input, .fielddx, .fieldpr, .fieldex	{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #666666; padding: 2px; border-top-style: none; border-right-style: none; border-left-style: none; }
.fieldpn { text-transform: uppercase; width: 100px; }
.fieldqt { width: 30px; }
.fielddx { width: 296px; }
.fieldpr { width: 60px; text-align: right; }
.fieldex { width: 60px; text-align: right; }
.hiddenfield { display:none; }


/*styles for print*/
@media print {


.print	 { margin-right: auto; margin-left: auto; display:inline; }
.noprint	{ display:none; }
#header, #menu, .rborder, .leftnav, .rborderParts, .padded4nop, .padded4nop td { display:none; }

#footer { width: 100%; margin-right: auto; margin-left: auto; }

#footer p { font-size: 11px; color: #000; text-align: center; padding-top: 2px; padding-bottom: 4px; border-top: 1px solid #000000;}

#specs td { padding:2px 6px; border-top: 1px solid #666666;}

p, td, li, .rowpn, .rowodd, .roweven { font: 10pt/14pt "Trebuchet MS", Verdana; }

a	{color:#000000;}

#main, #content { margin-right: 20px; margin-left: 20px; border:none; width:100%; }

#items ul li { list-style: outside; margin-left: 20px; font: 10pt/14pt "Trebuchet MS", Verdana; }

#partslist { display: inline; }

#partslist td	{ border-bottom: 1px solid #666666; padding: 2px; }

#partslist table	{ border-top: 1px solid #666666; }

#items h1 { font-size: 9px; font-family: "Trebuchet MS", Verdana; vertical-align: baseline; padding-top: 10px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }
#items h2 { letter-spacing: 2px; width:200px; font: bold 14px "Trebuchet MS", Verdana, Arial, Georgia; padding: 6px 6px 10px 0px; border:none;}

.fieldpn { font-size: 10px; text-transform: uppercase; border: 1px solid #999999; width: 80px; padding: 2px; border-top-style: none; border-right-style: none; border-left-style: none;  }
.fieldqt { font-size: 10px; border-bottom: 1px solid #999999; width: 30px; padding: 2px; border-top-style: none; border-right-style: none; border-left-style: none; }
.fielddx { font-size: 10px; border-bottom: 1px solid #999999; width: 300px; padding: 2px; border-top-style: none; border-right-style: none; border-left-style: none; }
.fieldpr { font-size: 10px; border-bottom: 1px solid #999999; width: 75px; padding: 2px; text-align: right; border-top-style: none; border-right-style: none; border-left-style: none; }
.fieldex { font-size: 10px; border-bottom: 1px solid #999999; width: 75px; padding: 2px; text-align: right; border-top-style: none; border-right-style: none; border-left-style: none; }
input{ border-bottom: 1px solid #999999; padding: 2px; border-top-style: none; border-right-style: none; border-left-style: none; }
}

