﻿/* all layout related styles */
/* import other stylesheets */
@import url('../../../../../stellent/fragments/sct_shared/library/css/color.css');
@import url('../../../../../stellent/fragments/sct_shared/library/css/type.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; }

/* basic styles */
body { /*width: 960px;*/ }
/*input { padding: .1em; }*/

/* generic classes */
.btn { padding: .1em 1em .2em 1em; }
.map { padding: .1em; margin-bottom: 2em; }
.long { width: 15em; }
.xlong #sideCol { min-height: 1200px; }
.coupon { margin-bottom: 1.5em; }
.hangingTitle { padding: .5em 2em .5em 2em; display: block; position: absolute; top: 0; left: 130px; }
.hidden { display: none; }
a.close { padding-left: 1.5em; position: absolute; top: 8px; right: 10px; }
.getflash { float: left; clear: both; margin-top: 25px; position: relative; left: 40px; }
.cleaner { display: none; }

/* contribution region styles */
.contribTitle { font-size: 15px; font-weight: bold; padding-bottom: .5em; }
.contribCopy { /*padding-left: 1em;*/ }

/* header styles */
#header { float: left; width: 100%; position: relative; }
#header h1 { padding: 27px 0; float: left; }
#header h2 { float: left; height: 128px; width: 280px; position: relative; }
#header h2 span { position: absolute; bottom: 10px; left: 60px; display: block; }

.home #header h2 { width: 393px; }

/* top nav styles */
#topNav { position: absolute; /*right: 50px;*/ left: 62em; padding: .3em .3em .6em .3em; }
#topNav li { display: inline; }
#topNav li a { padding: 0 .5em; }
#topNav span { padding: 0 1em; }
#topNav a.notyou { position: absolute; bottom: -15px; right: 0; cursor: pointer; }

/* main container */
#pageContainer { float: left; width: 100%; position: relative; top: 0; }

/* side col styles */
#sideCol { float: left; min-height: 600px; width: 245px; }

.home #sideCol .sideContent { display: block; }
.home #sideCol { position: relative; }
#sideCol .imagepc { display: none; }
.home #sideCol .imagepc { width: 15px; height: 240px; display: block; position: absolute; top: 0; right: 0; }
#sideCol .sideContent { clear: left; float: left; width: 205px; padding: 2em 20px; }
#sideCol .sideContent h3 { padding-bottom: .5em; }
	
/* nav styles */
#nav { width: 245px; float: left; clear: left; padding: 20px 0 25px 0; }
#nav li { padding: 4px 0 4px 35px; }
#nav a span { padding-right: .5em; display: block; float: left; line-height: 1.5; }

/* content styles */
#content { position: absolute; top: 0; left: 245px; float: left; width: 66em; min-height: 48em; padding-left: 12px; padding-right: 12px; }
.home #content { width: 740px; min-height: 45em; }
.long #content { min-height: 780px; }
.xlong #content { min-height: 95em; }
.xxlong #content { min-height: 103em; }
/*.style-gallery-flash #content { padding: 0; position: relative; top: 0; left: 0; width: auto; }*/
.style-gallery-flash #content { padding: 0; width: 740px; }
#content .innercontent { padding: 15px 0 15px 0; }
#content .innercontent p { width: 20em; }
#content .oneCol p { width: auto; }
#content .racecarContainer .innercontent p { width: 95%; }

/* new one col message change background, completely remove gradiant image */
/* adjust layout also */
.oneCol { float: left; width: 80%; padding-left: 0; /* will cause issues in ie to add padding */}
/* apply comments as shown */
.oneCol .contribCopy {/* padding-left: 1em;*/ width: 90%; position: relative;}
.innercontent p { padding-bottom: 1em; }

.mainContent { float: left; width: 21em; overflow: hidden; }
.home .mainContent { width: 370px; }

.mainContent .innercontent, .form .innercontent { padding: 15px 0 15px 10px; }
.mainContent p { padding-bottom: 1em; }

.leftMain { width: 260px; float: left; }

.mainContent .search { padding-bottom: 1em; }

.form p { float: left; clear: both; padding-bottom: .5em; }
.form p label { width: 7em; display: block; float: left; margin-right: .3em; }
.form p input, .form p select { float: left; margin-top: .1em; }
.form p select { margin-right: .5em; }

.form .multipleOption { float: left; clear: left; width: 100%; padding-bottom: .5em; }
.form .multipleOption div { float: left; }
.form .multipleOption label { width: 7em; display: block; float: left; margin-right: .3em; }
.form .multipleOption p { clear: none; position: relative; padding-right: 1.8em; }
.form .multipleOption p label { text-align: left; width: auto; position: relative; left: 1.2em; }
.form .multipleOption p input { position: absolute; left: 0; }

.form .singleOption { position: relative; width: auto; margin-left: 7em; margin-bottom: 1.8em; }
.form .singleOption label { position: absolute; left: 2.2em; vertical-align: middle; width: 45em; }
.form .singleOption input, .form .singleOption select { position: absolute; left: 0; vertical-align: middle; width: 2em; }
.form .subItem { margin-left: 9.2em; padding-bottom: .5em; }
.form .subItem label { width: auto; margin-right: .5em; }
.form .subItem select { float: left; }
.form .submit { margin-left: 7.5em; }
.form .submit .btn { float: left; }
.form .lower { margin-left: 9em; margin-top: 1.8em; }

.secContent { float: right; width: 413px; overflow: hidden; left: 26em; position:absolute; }

.secContent .innercontent { padding: 1.5em .5em 0 2em; }

.home .preferredLocation { padding: 0; }
.preferredLocation { width: 288px; height: 177px; padding: 20px 0 15px 12px; position: relative; }
.preferredLocation p { width: 90%; margin-left: 16px; margin-top: .5em; padding-bottom: .3em; }
.home .preferredLocation p { padding-top: .3em; }
.preferredLocation a { /*margin-left: 16px;*/ }
.home .preferredLocation h4 { padding-left: 32px; padding-bottom: 3px; padding-top: 12px; }
.preferredLocation h1 { margin-left: 15px; }
.preferredLocation h1 span { margin-left: 16px; margin-right: 5px; display: block; height: 1.5em; }
.preferredLocation h1 span.accent { display: inline; margin: 0 5px 0 7px; }
.preferredLocation ul { margin-left: 16px; }
.preferredLocation ul li { display: inline; }
.preferredLocation ul a { padding-right: .3em; margin-left: 0; }
.preferredLocation .searchResult { padding-bottom: 3px; margin-left: 32px; margin-top: 3px; }
.preferredLocation .searchResult p { padding-bottom: 0; margin: 0; }
.preferredLocation #supercutscar { width: 287px; height: 145px; position: absolute; }

.home #flash { position: absolute; left: 0; top: 0; z-index: 89; width: 100%; }
#flashPopUp { position: absolute; top: 10px; right: 20px; z-index: 99; }
.clearFlash { position: relative; top: 240px; padding-bottom: 100px; }
.clearFlash .lower { position: relative; top: 2em; }

.printStyle { width: 580px; margin: 8px; overflow: hidden; position: relative; }
.printStyle h1 { float: left; height: 3em; width: 100%; position: relative; }
.printStyle h1 span { position: absolute; bottom: 10px; left: 60px; display: block; }
.printStyle .styleHighlights { float: left; width: 100%; margin-bottom: 0; padding-bottom: 0; }
.printStyle .styleHighlights h2 { margin-top: 1em; padding-left: .2em; float: left; }
.printStyle .styleHighlights img { float: left; padding: .5em; }
.printStyle .styleHighlights dl { padding-left: .3em; width: 36%; clear: none; }
/* .printStyle .footer { float: left; clear: both; width: 100%; position: relative; height: 50px; } */
/* .printStyle .footer { float: left; clear: both; width: 100%; position: relative; height: auto; } */
.printStyle .footer { clear: both; height: 75px; position: relative; }
.printStyle .footer .searchResult { float: left; padding: 1em; }
.printStyle .footer .logo { position: absolute; bottom: 10px; right: 25px; }


.styleHighlights { padding-bottom: 38px; margin-bottom: 2.5em; }
.styleHighlights dl { float: left; padding-top: .8em; clear: both; padding-bottom: .8em; }
.styleHighlights dl dt { float: left; clear: left; padding-right: .5em; }
.styleHighlights dl dd { padding-bottom: .5em; }

.messaging { position: absolute; top: 10px; left: 390px; }
.messaging li { padding-bottom: 3px; }
.messaging li img { padding: 3px; }

/* footer styles */
#rg_footer, #rg_footer_mp { float: left; clear: both; padding-top: 1.5em; left: -210px; padding-bottom: 1em; bottom: 0; }
#rg_footer_mp {position: relative;}
#rg_footer {position: absolute;}
.rel #rg_footer { float: left; clear: both; padding-top: 1.5em; position: relative; left: -210px; padding-bottom: 1em; bottom: -1em; }
#rg_footer ul li, #rg_footer_mp ul li { display: inline; }
#rg_footer a, #rg_footer_mp a { padding-right: .3em; }

.center { text-align: center; }

#homePoloroid { position: absolute; top: -125px; left: -32px }
.racecarContainer { position: relative; left: 20px; float: left; width: auto; }
#leftColCareers{}
/*.shortContent #content { height: 600px; }*/
#disclaimer{clear:both; margin-top:20px; width:60em;}