body {background: #e1e1e1;font: normal 75% arial,helvetica,verdana,sans-serif;padding: 0;margin: 0; text-align: center;}
html>body {font-size : 12px;}
*+html body {font-size : 75%;} /* for ie7 */ 

/*more fonts*/
h1 {font-size: 2.5em;font-weight: normal;letter-spacing: -1px;padding: 0;margin: 0.2em 0 -0.2em 0}

.contentHeading {padding: 0 20px;}

h2 {font-size: 1.0em; font-weight: bold;padding: 0 20px;margin-bottom: -1.2em; margin-top: 1.4em; clear: both}
#instructorWrapper h2 {clear: none;}
html>body h2 {margin-bottom: -0.6em;margin-top: 1.7em} /*firefox*/
*:first-child+html h2 {margin-bottom: -1.1em} /*IE7*/

h3 {font-size: 1.0em; font-weight: bold; padding: 0 20px; margin-bottom: -1.4em}
html>body h3 {margin-bottom: -0.6em} /*firefox*/
*:first-child+html h3 {margin-bottom: -1.4em} /*IE7*/

p#intro {font-size: 1.2em;font-weight: bold; text-align: center; padding: 0 20px;margin-bottom: 1.0em}

p {font-size: 1em;line-height: 1.7em;padding: 0 20px; text-align: justify}

p.footnote {font-size: 0.8em;color: #666; padding: 1.5em 20px}
html>body p.footnote {padding-bottom: 0} /*firefox*/
*+html body p.footnote {padding: 0.7em 20px} /*IE7*/

/*structure*/

div#skyline {position: relative; width: 100%; background: #fff; padding-bottom: 20px; margin-bottom: 0; min-height:380px; height: expression(document.body.clientHeight > 380? "380px": "auto" ); height:auto !important; height:380px;}
html>body div#skyline {margin-bottom: -1em} /*firefox*/
*+html body div#skyline {margin-bottom: 0} /*ie7*/

div#contentContainer {position: relative; margin: 0 auto; width: 980px; padding: 0; text-align: left}
.logo {margin-top: 10px;position: relative;float: left}
div#rightCol {float: right; margin-top: 10px;width: 120px}
#ask {margin-bottom: 10px}
div#leftCol {position: relative;float: left;width: 300px}
div#mainNav {position: relative;float: left;width: 230px}
div#mainNav .topActive span {font-size:20px; margin:4px 0 4px 0; padding:0; display:block;}
div#content {width: 530px; position: relative; float: left; padding: 10px 30px 0 0; margin: 0; }
div#banner {text-align: center;}
div#illustration {position: absolute; bottom: 0; left: 0; width: 300px; height: 400px; clear: both}

/*homepage specific structure*/
body#homepage div#skyline {position: relative;width: 100%;background: #fff; padding-bottom:20px;margin-bottom:0}
body#homepage div#homeContentContainer {margin:0 auto; padding:0; width:980px; text-align: left}
body#homepage div#homeContent {position:relative; float: left; padding-bottom:60px; margin-bottom:0;width: 860px}
body#homepage div#homeContentContainerLeft {float: left; width: 860px}
body#homepage div#homeContentContainerRight {float: left; width: 120px}

/*flash specific structure*/
div#flashCol {float: right; margin-top: 0; width: 145px; text-align: right;}
div#flashCol #ask {float: right;}
div#flashrightCol {float: left; margin-top: 0;}
div#flashcontent {width: 680px; display: block; position: relative; float: left; margin: 0;}

/*footer*/
div#footerContainer {position: relative;clear: both;width: 100%; height: 9em; margin-top:0; padding:0; background: #e1e1e1 url('../images/common/bg_footer.gif') repeat-x top}
div#footer {clear:both; margin-left:auto; margin-right:auto; width:980px; text-align: left}
div#footer img {float:left; margin:3.75em 28px 0 12px}
div#footer ul {padding-top: 5em}
div#footer li {display:inline; list-style-type:none; padding-right:20px}
div#footer li a {color: #666;text-decoration: none;font-size: 0.8em}
div#footer li a:hover {color: #000;text-decoration: underline}

/*homepage specific footer*/
body#homepage div#footer img {float: left;}
body#homepage div#footer ul {padding-top: 54px}
body#homepage div#footer {clear:none; margin:0; padding:0; float:left; width:860px}
html>body#homepage div#footer ul {padding-top:40px} /*firefox*/
*+html body#homepage div#footer ul {padding-top: 40px} /*IE7*/

/*headers*/
div#header {text-align: center; padding-bottom: 2px; border-bottom:5px solid #D2CDB8; width: 530px}
div#flashheader {text-align: center; padding-bottom: 2px; padding-top: 10px; width: 680px}
div#flashheader h1 {width: 500px}
*+html body div#flashheader {margin-top: 10px;} /*ie7*/

div#header.homepages {padding:3em 0 2em 0;text-align: left!important; min-height:7em; height:auto !important; height:7em;}
div#header.homepages h1 {float:left;font-size: 2.5em;font-weight: bold;padding: 0 0 0.2em 0;margin: 0 0 0 13px}
* html body div#header.homepages h1 {margin-left: 15px} /*ie6*/

div#header.homepages .headerLink {clear: both; width: 440px; font-size:1.4em; font-weight:bold; margin: 0 185px 0 15px; padding:0 20px 0 0}
div#header.homepages .headerLink a {font-weight:bold; text-decoration:none}
div#header.homepages .headerLink a:hover {font-weight:bold; text-decoration:underline; color: #000;}
div#header.homepages span {float: right; font-size:1.7em; font-weight:bold; width: 7.33em; margin-right:155px; padding-top:0.4em}

div#header.homepages.pupil {/*background: url('../images/common/header_pupil.gif') no-repeat bottom*/}
div.homepages.home {background: url('../images/common/header_home.gif') no-repeat bottom !important;padding-top:1em !important}
div.quiz {background: none!important;text-align:left!important;padding: 15px 20px 20px 20px!important;width: 490px!important;}
* html body div.quiz {margin-bottom: -20px!important;}/*ie6*/
div.quiz h1 {font-size: 1.8em;font-weight: bold;}

/*lists*/
div#content ol {font-size: 1em;line-height: 1.7em; margin: 20px 20px 0 65px; text-align: justify}
html>body div#content ol {margin-left:20px} /*Firefox*/
*+html body div#content ol {padding-left:45px} /*ie7*/

div#content ul {margin: 20px 20px 0 0;padding-left: 0;list-style: none;line-height: 1.7em; text-align: justify}
html>body div#content ul {margin-top:15px} /*firefox*/
*+html body div#content ul {margin-top:20px} /*ie7*/

div#content ul li {background: url('../images/common/bullet_yellow.gif') no-repeat;background-position: 40px 4px;padding-left: 60px}
* html div#content ul li {height: 1%} /*IE flicker fix*/
div#content ul li ol {margin: 0; padding-left: 25px}
div#content ul li ol li {background: none;display: list-item;padding-left: 0}
div#content ul.halfWidth {float: left;margin: 20px 0 20px 0;width: 50%}

/*table lists*/
div#content td ul {margin: 0;padding-left: 0;}
div#content td ul li {padding-left: 20px;background: url('../images/common/bullet_yellow.gif') no-repeat;background-position: 0 4px}

/*images*/
.imageLeft {float: left;margin: 0 20px 10px -20px}
.imageRight {float: right;margin: 0 -20px 10px 20px}
.imageLeft.normal {margin-left:20px;}
.imageRight.normal {margin-right:20px;}

div.imageLeftPanel, div.imageRightPanel {margin: 1.5em 0}
div.imageLeftPanel img {float: left;margin: 0 20px 20px 0}
div.imageRightPanel img {float: right;margin: 0 0 20px 20px}
div#content img {padding-top: 0.4em}

/*link styles*/
div#content a.chevronLeft {font-weight: bold;text-decoration: none;color: #000;padding-left: 12px;background: url('../images/common/chev_left.gif') no-repeat;background-position: 0 3px}
div#content a.chevronLeft:hover {font-weight: bold;text-decoration: underline;color: #000}
div#logOut a {font-weight: bold; font-size:0.8em; margin-left: -5px; padding-left: 20px; padding-top: 2px; text-decoration: none; color: #000; background: url('../images/nav/dsNavLoginBg.gif') no-repeat;background-position: 0px 3px; text-align: right;}
div#logOut a:hover {font-weight: bold;text-decoration: underline;color: #000}
div#content a {font-weight: normal;text-decoration: underline;color: #000}
div#content a:hover {font-weight: normal;text-decoration: underline;color: #999}
div#content a.chevronRight, div#content div.balloonContent a, div#flashcontent div.balloonContent a {font-weight: bold;text-decoration: none;color: #000;padding-right: 16px;background: url('../images/common/chev_right.gif') no-repeat right;}
div#content a.chevronRight:hover, div#content div.balloonContent a:hover, div#flashcontent div.balloonContent a:hover {font-weight: bold;text-decoration: underline;color: #000}
div#content div.balloonContent a, div#flashcontent div.balloonContent a {background: none;}
a img {border:none}

/*tables*/
div.tableContainer {background: url('../images/common/table_top_new.gif') no-repeat top left;padding-top: 19px;width: 100%;}
div#content div.tableContainer img {padding-top: 0;}
div.tableContent {background: #fff;border-left: 1px solid #D2CDB8;border-right: 1px solid #D2CDB8;padding: 0 15px;}
table {border-collapse: collapse;border: none;width: 100%;}
caption {text-align: left;font-weight: bold;padding: 0.4em 1.7em 0.7em 0;}
td, th {border-right: 1px #c3c3c3 solid;border-top:1px solid #c3c3c3;padding: 0.7em;}
div.tableContent tr.top th, div.tableContent tr.top td {border-top: none;}
td.right, th.right {border-right: none;}

/*balloons*/
div.balloon {width: 250px;padding-top: 19px;margin-top:20px; background: url('../images/common/icon_top.gif') no-repeat top left;}
div.leftBalloon {margin-right: 10px;}
div.balloonContent {background-color: #F1EEE3; border-left: 1px solid #D2CDB8; border-right: 1px solid #D2CDB8; padding: 0 2px; text-align: center;}
div.balloonContent h2, div.balloonContent h3 {font-size: 1.8em;margin:0;}
div.balloonContent p {line-height:1.3em; margin: 0; text-align:center;}
div#content div.balloonContent a {padding-right:0;}
div.balloonBottom {background: url('../images/common/icon_bottom.gif') no-repeat top left;height:19px;width:250px;}
div.balloon:hover, div.balloon:hover div.balloonBottom {background-position: -250px 0%;}
div.balloon:hover div.balloonContent {border-left: 1px solid #9f9a85;border-right: 1px solid #9f9a85; background-color: #D2CDB8;}

/*homepage balloons*/
div.balloonContent.homeBalloon p {font-weight: bold; font-size: 1.2em; padding-top: 0.5em; margin-bottom: -1px}
* html body div.balloonContent.homeBalloon p {margin-bottom: 0} /*ie6*/
div.balloonContent .homeTel {margin-left: 45px}

/*offer homepage balloons*/
div.offerballoon {width:530px; padding-top: 19px; margin-top: 20px; background: url('../images/common/offerballoon_top_new.gif') no-repeat top left;} 

div.offerballoonContent.offerhomeBalloon p {font-weight: bold; font-size: 1.2em; padding-top: 0.5em; margin-bottom: -1px}
* html body div.offerballoonContent.offerhomeBalloon p {margin-bottom: 0} /*ie6*/

div.offerballoonContent { background-color: #F1EEE3; border-left: 1px solid #D2CDB8; border-right: 1px solid #D2CDB8;} 
div.offerballoonContent h2, div.offerballoonContent h3 {font-size: 1.8em; margin:0; padding-left:-10px;}
div.offerballoonContent p {line-height:1.3em; margin: 0; padding-left:-10px;text-decoration:none; font-weight: bold;} 
div#content div.offerballoonContent a {padding-right:0;text-decoration:none; font-weight: bold;}
div.offerballoonBottom {background: url('../images/common/offerballoon_bottom_new.gif') no-repeat top left; height:19px;width:530px;}




/*instructor profiles*/
div#instructorImage {float:left;margin: 0 20px;}
div#instructorWrapper {margin: 1.7em 0 0 0}
div#instructorWrapper h3 {margin: 0 0 2em 0}

/*quizzes*/
form#questions fieldset {border: none; margin: 0;padding: 0 20px;}

div#quizNavTop {background: #d7d7d7 url('../images/quiz/form_top.gif') no-repeat top; height:20px; display:block; margin:15px 0 0 0;}
div#quizNav {background:none;}
div#quizNav #next {background: url(../images/quiz/quiz-next-button.gif); width:76px; height:32px; padding-right:20px;}
div#quizNav #finish {background: url(../images/quiz/quiz-next-button.gif); width:76px; height:32px; padding-right:20px;}
div#quizNav #previous {background: url(../images/quiz/quiz-previous-button.gif); width:76px; height:32px; padding-left:20px;}
div#quizNavInner {background:none; height:3.3em;min-height:40px;padding:0 20px;}
div#quizNavInner div#left {float:left;}
div#quizNavInner span#right {float:right; padding:0;}
div#quizNav .button {background: none;border: none;cursor: pointer;font: bold 1em arial,helvetica,verdana,sans-serif;min-height:32px; font-weight:normal;}
div#quizNavInner a#extend {margin-left:5px;}
div#quizNavBottom {background: #d7d7d7 url('../images/quiz/form_bottom.gif') no-repeat top; height:20px; display:block;}
div#quizNavInner input.leftArrow {background: url('../images/quiz/button_chev_left.gif') no-repeat left; min-height: 40px;overflow: visible;padding-left: 18px;text-align: right;width: auto;}
div#quizNavInner .rightArrow, div#quizNavInner a.rightArrow:hover {background: url('../images/common/chev_right.gif') no-repeat right;color: #000;font-weight: bold;min-height: 40px;overflow: visible;padding-right: 18px;text-align: left;text-decoration: none;width: auto;}
div#quizNavInner a.rightArrow {margin-left: 5px;}
div#quizNavInner input.nextButton {}
div#quizNav h2 {font-size:1em; font-weight:normal; margin:0; padding:0; float:left;}
div#quizNav h2.question {font-size:1.4em; font-weight:bold; margin:0 0 20px 20px; padding:0; width:490px;}
div#quizNav .clearingdiv {width:100%; height:15px; display:block; clear:both;}
div#quizNavInner input {vertical-align: middle;}
/*ie6*/
* html body div#quizNav {margin-top: 40px;}
* html body div#quizNavInner span#right {float:right; padding-top: 8px;}
* html body div#quizNavInner, * html body div#quizNav .button {height: 40px;}
* html body div#quizNav input.leftArrow {padding-right: 10px;}
* html body div#quizNav input.rightArrow, * html body div#quizNav .rightArrow:hover {padding-left: 10px;}
/*ie7*/
*+html body div#quizNav {margin-top: 0;}
*+html body div#quizNavInner input.leftArrow, div#quizNavInner input.rightArrow, *+html body div#quizNavInner div#left input {line-height: 40px;}
*+html body div#quizNavInner input.leftArrow {padding-right: 10px;}
*+html body div#quizNavInner input.rightArrow {padding-left: 10px;}
/*ff*/
html>/**/body div#quizNav {margin-top: 10px;}
html>/**/body div#quizNavInner input {vertical-align: 0;}

/*quiz answers - single or no image layout*/
div#quizLayout1 input {float: left;margin-top: 8px;}
html>body div#quizLayout1 input {margin-top: 12px;}/*firefox*/
div#quizLayout1 img {float: left; margin-top: 10px;padding-top: 0;}
div#quizLayout1 img.quizLayout1Img {float: right;margin: 10px 0 10px 10px;padding-top: 0;}
div#quizLayout1 label, div#quizLayout1 span {display: block;margin-left: 23px;padding: 10px 0;}

/*quiz answers - 4 image layout*/
div#content ul#quizLayout2 {list-style-type: none;margin: 0;padding: 0 15px;}
div#content ul#quizLayout2 li {background: none;float: left;margin: 0;padding: 0;width: 50%;}
div#content ul#quizLayout2 li img {vertical-align: top;}

/*quiz - check answer box*/
div.checkbuttonmiddle {margin: 0 auto;width: 10.17em;}
div.answerStyle {font-size: 1em;margin-left: 25px;}
img.answergraphic {margin-right: 10px;}

/*promo box*/
body#homepage a.promoBox {margin-top: 20px;}

/*tools*/
.clearBoth {clear: both}
.floatLeft {float:left}
.floatRight {float:right}
.clearLeft {clear:left}
.textAlignLeft {text-align:left}
.textAlignCenter {text-align:center}
.textAlignRight {text-align:right}
.fontWeightNormal {font-weight:normal}
.fontWeightBold {font-weight:bold}
.hidden {display: none}
.threeCol {width: 33%; float: left}

.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}
.afterHeading {margin-top: 25px} /*for use after any level of heading*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
/* End hide from IE-mac */

/*forms*/
div.formBorderTop {background: url('../images/common/table_top_new.gif') no-repeat top left; padding: 9px 0 0 0; margin: 0; width: 530px}
div.formBorder {border-left: 1px solid #D2CDB8; border-right: 1px solid #D2CDB8; padding: 0 17px; margin: 0; background: #fff}
div.formBorderBase {background: url('../images/common/table_base_new.gif') no-repeat bottom left; height: 19px; padding: 0; margin: 0; width: 530px}

div.formBorder form {padding: 0; margin: 0}
div.formBorder fieldset {border: none; padding: 0; margin: 0}
div.formBorder fieldset legend {font-size: 1.2em; padding: 2em 0 1em 0; margin: 0 0 -0.8em -8px; font-weight: bold; color: #000}
div.formBorder fieldset legend.first {padding-top: 0}
div.formBorder h2 {padding: 1em 0 0 0; margin: 0 0 -0.5em 0; clear: both}
div.formBorder h2.first {padding-top: 0}
div.formBorder p.first {margin-top: 0}
div.formBorder label {float: left; margin-right: 10px; text-align: left}
div.formBorder p {clear: both; margin: 0.8em 0 0 0; padding: 0}
div.formBorder input, div.formBorder select, div.formBorder textarea {border: 1px #ccc solid; font-size: 1em; padding: 0.2em}
div.formBorder #submit {width: 76px; height: 20px; border: none}
div.formBorder form fieldset p input.check, div.formBorder form fieldset p input.radio, div.formBorder form p input.check, div.formBorder form p input.radio {border: none; width: 1.75em}
div.formBorder form select#dobMonth {width: 80px}

div.formBorder form.earningCalc label {font-weight: normal; width: 270px}
div.formBorder form.earningCalc input {width: 120px}
div.formBorder form.earningCalc select {width: 125px}
div.formBorder form.earningCalc #submit {margin: 0.5em 0 0.5em 280px; padding: 0;}

div.noForm form.earningCalc #submit {width: 91px; height: 20px; border: none} /*used by recalculate button for non-javascript ajax version of cost and earnings*/

div.formBorder form.instructorApply label {width: 170px}
div.formBorder form.instructorApply input {width: 250px}
div.formBorder form.instructorApply select {width: 55px}
div.formBorder form.instructorApply select.custSource {width: 256px}
div.formBorder form.instructorApply #submit {margin: 0.5em 0; padding: 0;}

div.formBorder form.contact label {width: 170px}
div.formBorder form.contact input {width: 250px}
div.formBorder form.contact textarea {width: 250px}
div.formBorder form.contact select {width: 55px}
div.formBorder form.contact select.subject {width: 256px}
div.formBorder form.contact label.phone {width: 3.33em; float: none}

div.formBorder form.preReg label {width: 170px}
div.formBorder form.preReg input {width: 250px}
div.formBorder form.preReg textarea {width: 250px}
div.formBorder form.preReg select {width: 55px}
div.formBorder form.preReg label.phone {width: 3.33em; float: none}
div.formBorder form.preReg p input.radio {border: none; width: 1.75em}

div.formBorder form.instructorApply label.checklabel, div.formBorder label.checklabel, div.formBorder form.preReg label.checklabel {width: 488px; text-align: justify; padding: 0; margin: 0}
.submitRight {width: 485px; text-align:right}
span.faded {color: #999}

/* Styles for the lessons and products page*/ 



/*errors*/
div.errorBorderTop {background: url('../images/common/error_top.gif') no-repeat top left; padding: 19px 0 0 0; margin: 1.67em 0; width: 530px}
div.errorBorder {border-left: 4px #ff9900 solid; border-right: 4px #ff9900 solid; padding: 0; margin: 0; background: #fff}
div.errorBorderBase {background: url('../images/common/error_base.gif') no-repeat bottom left; height: 19px; padding: 0; margin: 0; width: 530px}
div.errorBorder p {margin-top: 0}

/*sitemap*/
div.sitemap {width: 50%; margin:0;padding:0}
div.sitemap a {text-decoration: none!important; color: #000; padding: 0 0 0 12px; background: url('../images/common/chev_left.gif') no-repeat;background-position: 0 6px; display:block; text-align: left; width: 200px}
div.sitemap a:hover {background: #ffcc00 url('../images/common/chev_left.gif') no-repeat;background-position: 0 6px; color:#000!important}
div.sitemap h2 a {font-weight: bold!important; background-position: 0 6px!important; padding-top: 2px; padding-bottom: 2px; width: 206px}
div.sitemap h2 {margin-bottom: -1.4em}
html>body div.sitemap h2 {margin-bottom: -1em} /*Firefox*/
*+html body div.sitemap h2 {margin-bottom: -1.4em} /*ie7*/
div.sitemap ul li a {font-weight: bold!important}
div.sitemap ul li ul li a {font-weight: normal!important; background-image: none!important}
div.sitemap ul li ul li {margin-left: -60px!important}
div.sitemap li {background: none!important; padding-right: 0; margin-right: 0}
div.sitemap ul li  {margin-left: -27px!important}
div.sitemap ul li a {width: 193px}
div.sitemap ul li ul {margin-top: 0!important;  padding-right: 0!important; margin-right: 0!important}
div.sitemap ul li ul li ul li a {padding-left: 23px!important; color: #666!important; font-size: 90%; background: url('../images/common/chev_left_sml.gif') no-repeat!important; background-position: 13px 6px!important; width: 182px}
div.sitemap ul li ul li ul li a:hover {background: #ffcc00 url('../images/common/chev_left_sml.gif') no-repeat!important; background-position: 13px 6px!important}
div.sitemap .mapRule {margin: 10px 0 0 0; padding: 0}
div.sitemap .mapRule2 {margin-top: 30px}

.legalStuff {float: left; clear: both; width: 100%; height: auto; margin-top: 1em;
margin-right: -3px; /* To counter IE duplicate char bug in the p tag below. http://positioniseverything.net/explorer/dup-characters.html */ }
.legalStuff p {margin-top: 4px; color: #666; font-size : 10px;}

.phonebox {margin-left:39px; margin-top:15px; position: relative; float: left; width: 200px; padding:20px; }
*html div.phonebox {margin-left:19px;} /*ie7*/
html> div.phonebox {margin-left:39px;} /*firefox*/


div.formBorder form .selectpayernextbtn {background:url(/drivingschool/images/buttons/next.gif); height:20px; width:62px; font-size:0px; border:0; padding:0; float:right; cursor: pointer;}
div.formBorder form .selectpayer .selectpayerradios label {width:100%; clear:both; margin:0 0 15px 0; display:block; padding:0;}
div.formBorder form .radioselectpayer input {border:none;}