﻿BODY {margin:0; background-color:#ccc; text-align:center;}
html { min-height: 100%; margin-bottom: 1px; }
* {margin:0; padding:0; font-family :  Arial, Helvetica, Verdana, sans-serif;}
img {border:0; }
div {font-size:12px; color:#333; }

td {font-size:12px; color:#333; }

p {font-size:12px; color:#333; }

a {color:#1e3873;}
a.last {border-right: none!important; padding-right:0;}
ul.ctas {list-style-type: none; margin:5px 0 15px 0;}
ul.ctas a { font-weight:bold; font-size:15px; font-family:arial narrow; padding-right:20px; display:block; background : url(/images/cta-arrow.gif) no-repeat right; text-decoration: none; text-transform: uppercase;}
ul.ctas a:hover {text-decoration: underline;}
ul.ctas li {text-align:right; padding:2px 0;}

ul.anchors {list-style-type: none; margin:5px 0 25px 0!important; border-bottom: 1px dashed #d2ac08; padding:0 0 10px 10px;}
ul.anchors a { font-weight:bold; font-family:arial narrow; padding-left:20px; background : url(/images/cta-arrow.gif) no-repeat left; text-decoration: none;}
ul.anchors a:hover {text-decoration: underline;}
ul.anchors li {padding:2px 0;}

/*general form styles*/
textarea {font-size:11px;}
select {font-size:11px;}
input {font-size:11px;}
.rfqDDL {width:150px;}
.rfqInputLong {width:250px;}
option {padding:0 3px 0 3px;}
fieldset {border-top:1px solid #d2ac08; border-right:none; border-left:none; border-bottom: none; margin:15px 0 5px 0; padding-left:10px;}
.capabilities fieldset {margin:0;}
legend { font-size:13px; font-weight:bold; padding:0 4px 5px 4px; color:#333;}
fieldset label {width:100px; text-align:right; float:left; padding:2px 10px 0 0; font-size:11px;}
fieldset p {margin:2px!important;}
textarea {width:300px; height:100px;}
input.indent {margin-left:115px;}
fieldset .note {display: block; margin: 0 0 5px 105px; padding: 1px 3px 1px 3px; font-size: 10px; color:#666; font-style:italic;}

table.contacts {border-collapse: collapse; border: 1px solid gold; margin-top:10px; width:300px;}
table.contacts th {padding:3px; font-size:11px;border: 1px solid #d2ac08;}
table.contacts td {padding:3px; font-size:11px;border: 1px solid #d2ac08;}
table.contacts th {background-color:#d2ac08;}
table.contacts td.label {text-align:right;}

table.searchResults {border-collapse: collapse; border-bottom: 3px solid #d2ac08; margin-top:10px; width:670px;}
table.searchResults th {padding:5px; font-size:11px; border: 1px solid #d2ac08;}
table.searchResults td {padding:5px; font-size:11px; border: 1px solid #d2ac08;}
table.searchResults th.rfq {border:none; background-color:#fff;}
table.searchResults td.rfq {border:none; background-color:#fff;}
table.searchResults th {background-color:#d2ac08; text-align:center;}
table.searchResults td.label {text-align:right;}

.pagination {padding:10px 0; float:left; padding-left:290px;}
.pagination .back {float:left; padding-right:5px;}
.pagination .next {float:left;}
.pagination .pageNumbers {float:left; width:100px}
.pagination .pageNumbers a {padding:0 2px;}

h1 {font-size:15px; text-transform: uppercase;margin-bottom:10px;}
h2 {font-size:13px; margin-top:16px;}
h2 a {color:#333;}
h2.nav {text-transform:uppercase;}
}
h3 {/*add appropriate styling information here*/}
h4 {/*add appropriate styling information here*/}
h5 {color:#1e3873;}

.container {width:959px; margin: 0 auto; text-align:left; }
.innerContainer {float:left; background : url(/images/bg-page.gif) repeat-y top left #fff; padding:0 10px;}

.topBar { float:left; width:929px; background : url(/images/bg-top-bar-sub.jpg) no-repeat; height:19px; border-bottom: 2px solid #d2ac08; text-align:right; font-size:10px; color:#fff; padding:8px 10px 2px 0;}
.topBar a {color:#fff; text-decoration: none; padding:3px 3px;}
.topBar a:hover {text-decoration: underline;}
.topBar a.worldwide {padding-left:45px; background : url(/images/bg-top-bar-map.gif) no-repeat 0 10%; }

/*header styles, including logo and utility navigation*/
#utility {float:left; background-color:#1e3873;}
#utility .logo {float:left;}
#utility .nav {float:left; width:512px; padding:7px 5px 5px 5px;}
#utility .nav ul {list-style-type: none; float:right;}
#utility .nav li {display:inline; }
#utility .nav a {float:left; color:#e7c11e;  padding:0 10px; border-right: 1px solid #e7c11e; font-size:10px; text-decoration: none; line-height:10px;}
#utility .nav a:hover {text-decoration: underline;}
#utility .search {float:right; width:180px; padding:3px 0; text-align:right;}
#utility .search input {float:left; color:#999; text-align:right; height:13px; padding:0 2px;}
#utility .search input.goButton {padding:2px 0 0 5px; height:16px;}
 
/*primary (horizontal) navigation*/
#primaryNav  {float:left; width:939px; background-color:#fff;;}
#primaryNav ul {list-style-type: none; float:right; padding-right:17px;}
#primaryNav li { float: left;}
#primaryNav a {	float:left;	display:block; height:28px;	}
#primaryNav li span {display:none;}
#primaryNav a:hover {background-image:none!important;}
/*rollovers on primary nav*/
#primaryNav ul li.oem {background: url("/images/nav-oem-design.gif") -230px 0 no-repeat;}
#primaryNav ul li.oem a {background: url("/images/nav-oem-design.gif") 0 0 no-repeat; width:230px;}
#primaryNav ul li.repairs {background: url("/images/nav-repairs.gif") -190px 0 no-repeat;}
#primaryNav ul li.repairs a {background: url("/images/nav-repairs.gif") 0 0 no-repeat; width:190px;}
#primaryNav ul li.aog {background: url("/images/nav-aog-solutions.gif") -134px 0 no-repeat;}
#primaryNav ul li.aog a {background: url("/images/nav-aog-solutions.gif") 0 0 no-repeat; width:134px;}
#primaryNav ul li.careers {background: url("/images/nav-careers.gif") -129px 0 no-repeat;}
#primaryNav ul li.careers a {background: url("/images/nav-careers.gif") 0 0 no-repeat; width:129px;}

/*make pages display as "ON" (change body class to correlate to class in primary nav LI class*/
body.oem #primaryNav ul li.oem a {background: url("/images/nav-oem-design.gif") -230px 0 no-repeat;}
body.repairs #primaryNav ul li.repairs a {background: url("/images/nav-repairs.gif") -190px 0 no-repeat;}
body.aog #primaryNav ul li.aog a {background: url("/images/nav-aog-solutions.gif") -134px 0 no-repeat;}
body.careers #primaryNav ul li.careers a {background: url("/images/nav-careers.gif") -129px 0 no-repeat;}

#main {float:left; width:939px; background-color:#fff;}
body#sub #main {float:left; width:939px; background : url(/images/bg-subs-main.gif) repeat-y;}

/*vertical navigation*/
#main #nav.column .verticalNav ul { padding-bottom:30px; margin: 5px 0 5px 0; list-style-type: none;} 
#main #nav.column .verticalNav ul ul { padding-bottom:0px;}
#main #nav.column .verticalNav ul a {font-weight: bold; font-size:11px; text-decoration: none;}
#main #nav.column .verticalNav ul a:hover {text-decoration: underline;}
#main #nav.column .verticalNav li li a {font-weight:normal;}
#main #nav.column .verticalNav li {padding-left: 12px; background:url(/images/nav-arrow-right.gif) top left no-repeat;  background-position: 2px 2px; line-height:12px; margin-bottom: 3px; list-style-type:none}
#main #nav.column .verticalNav li.active {padding-left: 12px; background:url(/images/nav-arrow-down.gif) top left no-repeat;  background-position: 0px 4px; line-height:12px; margin-bottom: 3px; list-style-type:none}
#main #nav.column .verticalNav li li {padding-left:12px; background:url(/images/nav-circle.gif) top left no-repeat;  background-position: 2px 2px; line-height:12px; margin-bottom: 3px; list-style-type:none}
#main #nav.column .verticalNav li li.subChild {padding-left:12px; background:url(/images/nav-square.gif) top left no-repeat;  background-position: 2px 2px; line-height:12px; margin-bottom: 3px; list-style-type:none}




#main #nav.column { float:left; width:209px; padding:0 15px 0 8px; border-top: 10px solid #fff;} /*overall width of this column is 232px*/

#main #nav.column h2 {background : url(/images/bg-left-nav-header.gif) no-repeat; padding:7px 5px 10px 5px; font-size:12px; color:#fff; text-align:center; margin-top:0;}
#main #nav.column .navContent {padding:8px;}
#main #nav.column .techpubs {background : url(/images/bg-techpubs.gif) no-repeat; padding:14px 10px 0 65px; height:150px}
#main #nav.column .techpubs p {font-size:11px;}
#main #nav.column .techpubs a {color:#fff; font-size:11px; font-weight:bold; background : url(/images/bg-techpubs-arrow.gif) no-repeat 100% 88%; padding: 10px 9px 0 0; display:block; text-align:right; text-decoration: none;}
#main #nav.column .techpubs a:hover {text-decoration: underline;}
#main #content.column {float:left; width:464px; padding:15px 32px 0 0;}
#main #content.column ol {margin-left:25px;}
#main #content.column ul {margin-left:25px;}
#main #content.column.fullWidth {float:left; width:675px; padding:15px 32px 0 0;}
#main #content.column.fullWidth .lifestyle {padding:0 15px 10px 0; float:left;}
#main #content.column.fullWidth .lifestyle.horizontal {padding:0 0 15px 0; float:none;}
#main #content.column .breadcrumb {padding:0 0 15px 0; color:#534741; font-size:11px;}
#main #content.column .breadcrumb a {color:#534741;}
#main #content.column p {margin-bottom:10px;}
#main #sidebar.column {float:left; width:174px; padding:45px 0 0 0;}
#main #sidebar.column .lifestyle {padding:0 0 10px 0;}

/*capabilities module*/
#main .capabilities {float:left; width:174px; height:160px; padding: 45px 5px 0 10px; background : url(/images/bg-fast-find.gif) no-repeat top right;}
#main .capabilities p {color:#fff; font-size:9px;}
#main .capabilities em {color:#fff; font-size:9px; font-weight:bold;}
#main .capabilities fieldset {padding:10px 0; border: 0;}
#main .capabilities fieldset p {float:left; padding:1px 0;}
#main .capabilities fieldset input {width:95px; float:left;}
#main .capabilities fieldset label {width:65px; float:left; font-size:9px; color:#fff; padding:3px 5px 0 0; text-align:right;}
#main .capabilities .findItButton {float:right;}

/*photo gallery module*/
.photoGallery {background : url(/images/bg-photo-gallery.gif) no-repeat top; width:175px; padding:7px 7px 20px 7px;}
.photoGallery .photo img {border: 1px solid #fff;}
.photoGallery .controls {padding-top:8px;}
.photoGallery .controls .back {float:left;}
.photoGallery .controls .next {float:right;}

/*footer styles*/
.footer { width:919px; float:left; padding:4px 20px 10px 20px; background : url(/images/bg-footer.gif) no-repeat;}
.footerGallery { width:919px; padding:4px 20px 0px 20px; background : url(/images/bg-footer_popup.gif) no-repeat;}
.footer .copyright {float:left; width:400px; font-size:11px;}
.footer .nav {float:right; width:470px;}
.footer .nav ul {list-style-type: none;}
.footer .nav li {float: left;}
.footer .nav a { color:#000; text-decoration:none; padding:0 10px; font-size:11px; border-right: 1px solid #333;}
.footer .nav a:hover {text-decoration: underline;}

.clearfloats {clear:both; padding-top:.05px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

table.PressListing {border-collapse: collapse; border-bottom: 3px solid #1e3873; border:#1e3873; margin-top:10px;}
table.PressListing th {padding:5px; font-size:11px; border: 1px solid #1e3873;}
table.PressListing td {padding:5px; font-size:11px; border: 1px solid #1e3873;}
table.PressListing th.Release {border:none; background-color:#fff;}
table.PressListing td.Release a {color: #1e3873;}
table.PressListing td.Release {padding:10px;  background-color:#fff;}
table.PressListing th {background-color:#1e3873; text-align:center; color:#FFFFFF;}
table.PressListing td.label {text-align:right;}
table.PressListing td.TechPub {border: 1px #1e3873 solid; background-color:#fff;}
table.PressListing td a {color: #000000;}
}
