/* 
Allied Driving Instructors
Aug23 2010

-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}:focus {outline: 0;}
body {line-height: 1.4; color: #111; font-size:0.625em; font-family: Helvetica, Arial, sans-serif; background: #8EB800 url(../images/body-bg.gif) left top repeat-x;}
ol, ul {list-style: n one;}table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
em {font-style:italic;}strong{font-weight:bold;}a {outline:none;}a img {border:none;}
.clear{clear:both;}br.clear{margin-bottom:10px;}
.error {background:url(../images/error.gif) left center no-repeat; padding-left:15px;color:#990000; font-weight:bold; margin-bottom:2px; clear:both;}
.warning{color:#990000; font-weight:bold;}
.noborder{border:none;}

/* ==================================== */

#wrapper{width:960px;margin:0 auto; position:relative;}

#masthead { height:150px; position:relative; } 
body.home #masthead {padding-bottom:265px;}
p#phonenumber{ position:absolute; right:20px; top:0; width:355px; height:65px; background:url(../images/phonenumber2.png); text-indent:-9999px;}
#banner, #bannersides {height:295px; width:870px; position:absolute; top:150px; left:45px; }
#bannersides {background: url(../images/bannersides.png) left top no-repeat; z-index:999;}

.item, .item * {height:294px; width:870px; text-indent:-9999px;}
#slide1 {background:url(../images/slide1.jpg) center top no-repeat;}
#slide2 {background:url(../images/slide2.jpg) center top no-repeat;}
#slide3 {background:url(../images/slide3.jpg) center top no-repeat;}


#nav {position:absolute; right:/*19px*/ -10px ; top:65px; width:626px/*499px 569px*/; height:85px; background-image:url(../images/here.gif); background-repeat: no-repeat;}
#nav ul li a{ display:block; height:70px; background-image:url(../images/nav-2010.png); text-indent:-9999px;}
#nav ul li {float:left; display:inline;}
#nav ul li a#home{width:/*72px*/ 67px; background-position:0 70px;}
#nav ul li a#lessons{width:/*88px*/ 83px; background-position:-72px 70px;}
#nav ul li a#about{width:/*99px*/ 94px; background-position:-160px 70px;}
#nav ul li a#testimonials{width:/*128px*/ 122px; background-position:-259px 70px;}
#nav ul li a#links{width:/*70px*/ 65px; background-position:-387px 70px;}
#nav ul li a#contact{width:/*115px*/ 110px; background-position:-457px 70px;}
#nav ul li a#pre-tests{width:/*96px*/ 91px; background-position:-572px 70px;}
#nav ul li a#test-centres{width:/*127px*/ 121px; background-position:-668px 70px;}


body.home #nav {background-position:27px 72px;}
body.lessons #nav {background-position:100px 72px;}
body.about #nav {background-position:195px 72px;}
body.testimonials #nav {background-position:415px 72px;}
body.links #nav {background-position:500px 72px;}
body.contact #nav {background-position:535px 72px;}
body.pre-tests #nav {background-position:191px 72px;}
body.driving-test-centres #nav {background-position:297px 72px;}

body.home #nav ul li a#home, #nav ul li a#home:hover{background-position:0 0;}
body.lessons #nav ul li a#lessons, #nav ul li a#lessons:hover{background-position:-72px 0;}
body.about #nav ul li a#about, #nav ul li a#about:hover{background-position:-160px 0;}
body.testimonials #nav ul li a#testimonials, #nav ul li a#testimonials:hover{background-position:-259px 0;}
body.links #nav ul li a#links, #nav ul li a#links:hover{background-position:-387px 0;}
body.contact #nav ul li a#contact, #nav ul li a#contact:hover{background-position:-457px 0;}
body.pre-tests #nav ul li a#pre-tests, #nav ul li a#pre-tests:hover{background-position:-572px 0;}
body.test-centres #nav ul li a#test-centres, #nav ul li a#test-centres:hover{background-position:-668px 0;}

#content {padding:25px; margin:30px; background:#ffffff; } 

#content-shadow1 {background: url(../images/content-sides.png);}
#content-shadow2 {background: url(../images/content-top.png) left top no-repeat;}
#content-shadow1 #content {padding:50px 55px 50px !important; margin:0 !important; background: url(../images/content-bottom.png) left bottom no-repeat !important;} 

.column, .sidebar {width:280px; border-right:1px solid #DDD; float:left; margin:0 9px 0 0; min-height:10px;}
.sidebar {margin: 0;width:270px; border:0;}
.column p{margin:0 20px 1em 10px;}
.sidebar p {margin:0 10px 1em; }


.main {width:570px; border-right:1px solid #DDD; float:left; margin:0 9px 0 0; min-height:10px;}
.main p{margin:0 0/* 20px*/ 1em;}
.main blockquote, .main blockquote p{margin:0 10px 1em;}
#content h2{margin:0 10px 1em; color:#FFF; background: #8eb800 url(../images/column-bg.png) left top repeat-x; font-size:2em; padding:5px 10px; font-weight:bold;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sidebar h2{margin:0 0 1em;}

.main ol, .main ul {margin:0 25px 1.5em;}

.heading {background: #8eb800 url(../images/column-bg.png) center top repeat-x; margin-bottom:10px;}
.column .heading {background: #8eb800 url(../images/column-bg.png) center top repeat-x;width:270px; margin-bottom:10px;}
.heading h3{ color:#FFF; padding:5px 10px; margin:0; font-size:18px;}
.column .heading img{ width:260px; margin:0 5px;} 

.padding{padding:0 20px;}

#footer {color:#ffffff; width:900px; text-align:center; margin:0 30px 20px; clear:both;}
#footer a{color:#fff; text-decoration:none; font-weight:normal;}
#footer a:hover{color:#fff; text-decoration:underline;}

#masthead h1 a {width:380px; height:150px; background:url(../images/h1-bg.gif) left top no-repeat; position:absolute; left:-39px; top:0; text-indent: -9999px;}


/* TYPOGRAPHY
==================================== */


h3 {font-size:1.7em; margin:0 0 8px; font-weight:bold;border-bottom:1px solid #8eb800;}

h4{font-size:1.3em; margin:0.25em 0 0.5em; font-weight:bold;}
h5{font-size:1em; margin:0.1em 0 0.3em; font-weight:bold;}

p, li{font-size:1.3em;margin:0 0 0.8em;} #nav li{margin:0;} li p {font-size:1em;}
p.intro {font-size:1.5em;}
a:link,a:visited{color:#111; font-weight:bold; text-decoration:underline;}
a:hover, a:active{color:#9f0000;}

a#designed-by { color:#d8ec94;}

p.note, .answer {background:#fff7dd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:5px 10px; }
#questions {}
#questions .answer {background:#fff;color:#fff; padding:5px 5px 7px !important;margin-bottom:1em;} .answer p {margin-bottom:0;}
.odd {background:#fff7dd;}
a#approved {width:260px; display:block; text-align:center; margin-bottom:20px;}

a#side-theorytest, a#side-drivingtest, a#side-rulesoftheroad, a#side-rsa {width:260px; height:46px; display:block; background-image: url(../images/links2.png); background-repeat: no-repeat; text-indent:-9999px;}

a#side-theorytest { background-position:left top;} 
a#side-drivingtest { background-position:0 -55px;} 
a#side-rulesoftheroad {background-position:0 -109px;}
a#side-rsa {background-position:0 -164px;}

a#side-facebook {width:260px; height:35px; margin:20px 0; display:block; background: url(../images/fbook.png) 0 0 no-repeat; text-indent:-9999px;}


.details {width:200px; height:30px; display:block; text-indent:-9999px; background:url(../images/details.png) left top no-repeat;} 
/*#sandbox {width:76px; height:16px; display:block; float:left; background:url(../images/sandbox.png) left top no-repeat; text-indent:-9999px;}*/

blockquote {background: url(../images/quote-left.png) left top no-repeat; padding-left:29px; margin:1em 0 1em; clear:both;}
td blockquote{margin-bottom:0;}
blockquote p {font-style:italic; background: transparent url(../images/quote-right.png) right bottom no-repeat;padding-right:30px;margin-bottom:0.5em !important;}
blockquote p span {display:none;}
blockquote p.source {padding-right:0; background: none; font-style:normal; font-weight:bold;margin:0 10px 1.5em !important;}

table {border:none; margin-bottom:1em;}
td {padding:10px; font-size:1em;}



/* CONTACT FORM

==================================== */

div#addressbox, div#formbox { width:265px; float:left;}

div#formbox p{clear:both; margin-bottom:0.5em;}form.zemContactForm {width:auto;}legend {display:none;}div#formbox form.zemContactForm label {/*float: left; width: 11.6em;text-align:right;*/ display:block;}div#formbox form.zemContactForm input, div#formbox form.zemContactForm textarea { background:#FFF; border: 1px solid #c9d3d5; }div#formbox input:focus, textarea:focus {background: #fff9ef;}div#formbox form.zemContactForm input {width: 250px;height:1.5em;}form.zemContactForm textarea {width: 250px;} 

div#formbox input.zemSubmit {float:none;border:none; padding:5px; width:auto !important; height:auto !important; font-weight:bold; font-size:1em; color:#FFF; background:#67903c !important; cursor:pointer;}

div#formbox ul.zemError {}

.lessonlist {list-style:none;}
.lessonlist li { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px;background: #8eb800 url(../images/column-bg.png) left top repeat-x; color:#fff; font-weight:bold; list-style-position:inside; margin-left:-25px;}
.lessonlist li ul { list-style-type:disc;} .lessonlist li ol { }
.lessonlist li li {background:none; padding:0; color:#000000; font-weight:normal; font-size:1em; margin-bottom:0.5em; margin-left:-10px;list-style:outside;}

.lessonlist li h3 {font-size:1.2em; border:none; padding-left:0; margin:0; position:relative;}
.lessonlist li h3 span{font-size:0.75em; font-weight:normal; position:absolute; right:0; top:0.3em; color:#f1f6e1; }
.lessonlist li div {-moz-border-radius: 5px; -webkit-border-radius: 5px; background:#FFF; color:#000; display:block; padding: 10px 18px; margin:5px 4px; font-weight:normal;}
.lessonlist li div img.right {float:right; margin:5px 0 2px 5px;}
.lessonlist li div h4 {border-bottom:1px solid #8eb800;}

.centreinfo {float:left; width:335px; margin-bottom:1em;}
.mapsmall {background: #8eb800 url(../images/column-bg.png) left top repeat-x; width:180px; height:120px; float:right; color:#fff;}
.mapsmall h4 { margin:5px 10px; font-size:1.2em;}
.mapsmall p {margin:5px 10px; font-size:1em;}
.mapsmall a:link, .mapsmall a:visited {color:#fff; text-decoration:none;}
#mapbig{width:760px; height:550px; background:#fff; z-index:90; border:2px solid #8EB800; position:fixed; top:50%; left:50%; margin:-280px 0 0 -380px; position:relative;}
#mapbig iframe {margin:0 30px; z-index:99; position:relative;}
#mapbig h3 {margin:15px 30px 10px !important; }#mapbig p{margin:5px 30px 10px !important; }
#mapbg { width:100%; height:100%;background:url(../images/trans.png); position: fixed; top:0; left:0;} 

.clearfix:after,.lessonlist li div:after  {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}


#loadpanel{width:760px; height:90%; background:#fff; z-index:90; border:2px solid #8EB800; position:fixed; top:5%; left:50%; margin:0 0 0 -380px;}
#loadinhere{width:750px; height:95%; margin:5px 5px; background:#006666; overflow:scroll;}

.lessonlist li ul.traffic-lights { }
ul.traffic-lights li { background-position:0 1px; background-repeat:no-repeat; margin-left:-20px; padding:2px 1px 3px 28px;list-style:none !important;}
.traffic-green { background-image: url(../images/lessons/traffic-green.png) !important;}
.traffic-amber {background-image: url(../images/lessons/traffic-amber.png) !important;}
.traffic-red {background-image: url(../images/lessons/traffic-red.png) !important;}
.traffic-amber-flash {background-image: url(../images/lessons/traffic-amber-flash.gif) !important;}


#stopping-left {width:430px; height:417px; list-style:none; background:url(../images/lessons/stopping-left.png) left top no-repeat; text-indent:-9999px; padding:0; position:relative; left:-20px; }#stopping-left li {position:absolute; top:-999px; left:-9999px;}