/* ////////////////////////////////////////////////////////////////////////////////////////////////////

// camelCase should be used for all class names, e.g. ".rightColumn" NOT ".right_column"
// take advantage of the cascade, do not use overly specific classes
// use semantic tags, i.e. use <h1> tags for headers, and <p> tags for paragraphs
// use single-line style definitions
// use short hand style definitions, e.g. "margin: 5px 10px;" instead of "margin-top: 5px; margin-right: 10px;" etc.

//////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ***** styles related to layout, positioning ***** */

/* ***** import type and color css ***** */
@import url("type.css");
@import url("color.css");

/* ***** Normalization ***** */
/* set baseline for all browsers */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }

/* ***** base styles ***** */
body { padding: 35px 0 0 0; height: 100%; }
h2 strong { display: block; padding-bottom: 4px; }
p { padding-bottom: 14px; }

/* ***** generic styles ***** */
.clear { float: none !important; clear: both !important; height: 0 !important; }
.hide { display: none !important; }

/* ***** main areas ***** */
.siteBg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; }
/* total site width 1013 */
.branding { height: 109px; width: 1013px; margin: 0 auto; position: relative; }
.branding .eyebrow { position: absolute; top: -2.7em; left: 44px; width: 100%; right: 0; }
.branding .contain { height: 100%; margin-right: 82px; position: relative; }
.branding .logo { width: 238px; height: 54px; display: block; position: relative; top: 35px; left: 29px; }
.branding .logo a { display: block; width: 100%; height: 100%; }
.bg { width: 1013px; margin: 0 auto; position: relative; z-index: 10; }
.container { padding-right: 21px; }
.branding .watermark { position: absolute; top: 46px; right: -17px; }
.branding .watermark img { padding-left: 12px; }

.nav { }
.nav ul { padding-left: 6px; float: left; }
.nav li { float: left; padding-right: 6px; }
.nav li a { float: left; display: block; width: 191px; padding: 11px 0 7px 0; height: 10px; }
.nav li a .on { display: none; }
.nav li.active a .off { display: none; }
.nav li.active a .on { display: inline; }
.nav li a:hover .off { display: none; }
.nav li a:hover .on { display: inline; }

/* orig: 347px; */
.wrap { position: relative; min-height: 543px; }
.content { position: relative; z-index: 10; padding-top: 44px; }
.fullflash { position: relative; top: -44px; }
.tabs { height: 138px; width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 0; }
.tabs span { display: block; height: 138px; width: 100%; }

.media { padding-top: 94px; }

.supNav { position: absolute; top: 106px; right: 0; }
.supNav a { display: block; height: 102px; width: 21px; padding-bottom: 5px; }

.footer { }
.footer .grad { display: block; height: 19px; position: relative; }
.footer .grad span { display: block; height: 19px; width: 975px; margin-left: 19px; }
.footer .grad .left { width: 19px; position: absolute; top: 0; left: 0; margin: 0; }

/* ***** page layouts ***** */
.copyBlock { padding-left: 204px; }
.copyBlock h2 { padding-bottom: 33px; }
.copyBlock p { padding-right: 18px; width: 28.5em; }

/* for bg*/
.news { min-height: 543px; }
.news .copyBlock { padding-left: 202px; }
.news .copyBlock h2 { padding-left: 225px; padding-bottom: 31px; }
.news ul { padding-top: 2px; width: 589px; }
.news li { padding: 18px 1px 15px 1px; }
.news li p { width: auto; }
.news .articleInfo { float:left; margin:0 5px 0 0; }
.news .fullArticle { display:none; }
.news .heading, .news ul li a { cursor:pointer; }
.news .close { display:none; margin:10px 0 0 0; }

.genericOneCol .copyBlock h2 { padding-left: 0; }
.genericOneCol .copyBlock p { width: 64em; }
.genericOneCol .copyBlock strong { display: block; }

/*.news .active .fullArticle .contain { position: absolute; top: 0; left: 0; }*/
 
.generic .copyBlock h2 { padding-left: 196px; }
.generic .copyBlock p { float: left; }

.graphical { padding-top: 4px; }
.graphical .copyBlock { padding-left: 75px; }
.graphical .copyBlock h2 { padding-bottom: 28px; }
.graphical .copyBlock p { width: 24.3em; }
.graphical .graphic { position: absolute; top: 0; right: 0; z-index: 0; }

.twoCol { padding-left: 36px; padding-top: 8px; }
.twoCol .copyBlock { float: left; }
.twoCol .copyBlock h2 { padding-bottom: 24px; }
.twoCol .copyBlock p { width: 23.5em; }

.leadershipTeam { float: left; padding-left: 35px; padding-top: 6px; }
.leadershipTeam dd { padding-bottom: 14px; }

.imageGallery { padding-top: 21px; width: 992px; height: 237px; }

.thankYou { position:absolute;top:100px;left:160px;z-index:100;display:none; }

.trucks .copyBlock { float: left; }
.trucks .copyBlock p { width: 24.2em; }
.trucksList { width: 558px; float: left; padding-left: 8px; padding-top: 54px; padding-bottom: 1em; position: relative; z-index: 10; }
.trucksList .first-col { width: 42%; clear: left; }
.trucksList dl { padding-bottom: 13px; width: 28%; float: left; }
.trucksList h3 { padding-bottom: 4px; margin-bottom: 15px; }
.trucksList ul { padding-right: 2em; }
.trucksList li { padding-bottom: .6em; }

/* ***** form areas ***** */
.form { position: relative; z-index: 10; }
.form .help { width: 191px; padding-bottom: 21px; }
.form .req label:after { content: ' *'; }
.form p { padding-bottom: 7px; }
.form .noLabel-replaced { position: relative; }
.form .noLabel-replaced label { position: absolute; left: 12px; top: 7px; z-index: 10; }
.form .noLabel-replaced input { position: relative; z-index: 0; }
.form .noLabel-replaced .error { margin:0 0 0 -55px; }
.form p input[type="text"] { width: 286px; padding: 7px 0 5px 12px; }
.form select { width: 298px; padding: 2px 0 2px 8px; }
.form legend { padding-bottom: 20px; padding-left: 0; }

.form .singleOption { position: relative; margin-top: 11px; }
.form .singleOption input { position: absolute; top: 0; left: 0; width: 1em; height: 1em; }
.form .singleOption label { position: relative; left: 1.9em; }

.form .submit { padding-top: 9px; padding-left: 1px; }
/*.form .submit input { padding: 2px 24px 4px 24px; }*/
.form .submit input { width: 103px; display: block; }

#screen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 96; display: none; }

.popover { position: absolute; top: 100px; left: 0; z-index: 98; display: none; }
.popover .form { padding-left: 30px; padding-top: 18px; }
.popover h1 { padding: 28px 10px 12px 32px; }
.popover .header { position: relative; }
.popover .header .req { padding-top: 6px; }
.popover .info { position: absolute; top: 10px; right: 10px; }
.popover .closePopover span { padding: 5px 0 5px 10px; }
.popover .help { width: auto; padding-right: 15px; }

.popover .form legend { padding-bottom: 16px; }
.popover .form fieldset p {  }
.popover .form fieldset input[type="text"] { padding: 4px 6px; float: left; }
.popover .form fieldset select { width: 215px; }
.popover .form fieldset .valError { position: absolute; left: 24px; padding-top: 6px; }
.popover .form fieldset .group input[type="text"] { width: 11.1em; }
.popover .form fieldset .group select { width: 12.5em; }
/*.popover .form fieldset .extException { position: absolute; top: 149px; left: 247px; }*/
.popover .form p.submit { float: none; padding: 0 40px 0 0; }
.popover .form .submit input { float: right; position: relative; top: -20px; }
.popover .form .valSum { padding-top: 30px; }
.popover .form .valSum ul li { margin-bottom: 5px; }
.popover .popoverFooter { height: 35px; }

.popover .popoverForm { width: 670px; }
.popover .popoverThankyou { display: none; width: 356px; height: 217px; background: url(/assets/image/thankyou_popover.png) no-repeat; }

.form fieldset { float: left; width: 50%; margin-bottom: 36px; }
.form fieldset p { clear: both; float: left; }
.form fieldset label { width: 81px; display: block; float: left; padding-top: 6px; }
.form fieldset input { float: left; }
.form fieldset input[type="text"] { width: 201px; }
.form .group { float: left; clear: none; }
.form .additionalInfo input[type="text"] { width: 3em !important; }
.form .additionalInfo label { width: auto; padding-left: 8px; padding-right: 3px; }

/* ***** navigation ***** */

/* ***** header ***** */

/* ***** footer ***** */

/*.footer ul { position: relative; z-index: 10; }*/
.footer ul { padding-left: 74px; padding-right: 21px; position: relative; top: -6px; }
.footer ul li { display: inline; padding-right: 1.2em; }
.footer .legal { display: block; float: right; padding: 0; padding-right: 72px; }


/* layer fix */
.layerFix .trucksList { z-index: -1; }