html, body {height: 100%; margin:0; padding:0; background: #555 url('images/bkg.jpg') repeat-x left top; background-color: #7e221f; font-family: Open Sans, Arial, Helvetica, sans-serif;}

.pchide {display:none}

#sitewrap{min-height: 100%; width:100%;  margin:0; padding:0; background:none}
#main {width:1000px; margin:0 auto; overflow:auto; padding-bottom: 420px; /* must be same height as the footer */ background-color: #fff;}
#contcent {/*centres everything down to footer*/ width: 1000px;  margin: 0 auto;}

h1.mainhead, h1.mainhdcent, h3 {width:100%; margin:10px 0; padding:0; color: #ac302b; font-weight: 900;}
h1.mainhead, h1.mainhdcent{font-size: 22px;}
h1.mainhdcent{text-align:center}
h3{font-size: 14px;}
p {font-size: 14px;line-height:18px;color: #111;margin-bottom:10px;text-align:justify}
p.quote {display:block; float:right; width:175px; margin:20px; font-size: 20px;font-style:italic; font-weight: 900; line-height:22px;color: #888;text-align:center}
ul, ol.bypass{width:600px; margin : 20px 0; padding: 0 0 0 50px; font-size: 14px; color:#000}
ul.short{width:500px; margin : 20px 0; padding: 0 0 0 50px; text-align:justify; font-size: 14px;}
li{margin :0  0 8px 0; padding: 0; line-height :18px;}
hr{margin:20px 0}

.topribbon{position:relative; float:left; width: 1000px; height:70px; margin:0; background: url('images/top.jpg') top left; }
.topribbon p {width:650px; margin:0 auto 0; font-size: 13px; line-height: 70px; color: #fff; padding: 0; text-align:center; }
.cart{position:absolute; right:10px; top:15px; display:block; width:125px; height:40px; margin:0;}

/**********navigation links**********/

.navig{float:left; width: 1000px; height:70px; margin:0; border:solid blue 0px}

.banner-links{position:absolute; width:1000px; top:70px; margin: 0;height: 70px;  background: url('images/nav-btn-ds.jpg') center center;}
.banner-links ul{width:1000px; margin:19px auto 0; padding: 0; border: solid red 0px}
.banner-links li{float:left; display:inline; margin:0; font-family: arial; font-size:11px; font-weight:600;}
.banner-links a.page {color:#ffe400; background:#7e221f; border: solid red 0px}
.banner-links li.space{float:left; width:1px; height: 30px; list-style-type: none; background-color: #000;}
.banner-pic-area {position:relative; float:left; height: 250px;width: 1000px; margin:0 auto;}

a.nav {display:block; height:23px; width: 469px;  margin:0; padding: 7px 15px 1px 15px; text-align:center; text-decoration:none; background-color: #ac302b; color: #fff;

  -o-transition:color .2s ease-out, background 200ms ease-in;
  -ms-transition:color .2s ease-out, background 200ms ease-in;
  -moz-transition:color .2s ease-out, background 200ms ease-in;
  -webkit-transition:color .2s ease-out, background 200ms ease-in;
  transition:color .2s ease-out, background 200ms ease-in;}
a.nav:hover {background-color: #ac302b;color:#fff}

a.textlink {color: #ff0000; text-decoration:none; font-weight:600; 
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;}
a.textlink:hover {color: #000}

a.lightlink {color: #777; text-decoration:none; font-weight:600; 
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;}
a.lightlink:hover {color: #fff}


.bordinfo {float:left; width:94%; margin:10px 0 20px 20px; padding:10px; height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; border:solid #2a2a2a 1px; background-color: #ddd;}
.bordinfo h2{ margin:0 0 5px 0; padding:0; font-size: 18px;color: #000; font-weight: bold}
.bordinfo p{float:left; margin:10px 0; width:100%}
.bordinfo ul.infobox{float:left; width:85%; margin:0; text-align:justify}


/**********left col**********/

.bannerpc{float:left; width: 1000px; height:250px; margin:0;border:red solid 0px}
.school-bannerpc{height: 250px;width: 1000px;}

.leftcol{float:left; width: 650px; margin:10px 0 0 30px;}
img.leftimg {float:left; margin:20px;}
img.rightimg {float:right; margin:20px;}
img.lccentimg {display:block; text-align:center; margin:20px auto;}
img.centimg {display:block; text-align:center; margin:5px auto 20px;}

.driving-lessons-dets {float:left; margin: 10px 0 0 40px; font-weight: bold;color:#000;} 
.driving-lessons-top{float: left;background: url('images/dsbox-top.jpg') no-repeat center top;margin: 0;width: 550px;height: 25px}
.driving-lessons-mid{float: left;background: url('images/dsbox-mid.jpg') repeat-y center;width: 550px;margin: 0}
.driving-lessons-mid h2{margin : 0px 35px;text-align:left;font-size: 13px;}
.driving-lessons-mid p{margin : 5px 35px 20px 35px;padding: 0 ;font-size: 12px;line-height : 16px;text-align:justify}
.driving-lessons-mid ul{width:470px; margin : 10px auto 20px; padding: 0; border:red solid 0px }
.driving-lessons-mid li{margin : 0 0 10px 10px; padding: 0 10px;font-size: 15px;line-height : 18px;text-align:justify; }
.driving-lessons-mid img{float: right;margin : 10px 25px 0 0; border:none;}
.driving-lessons-bot{float: left;background: url('images/dsbox-bot.jpg') no-repeat center bottom;width: 550px;height: 15px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px}
.driving-lessons-text{float:left;background: url('images/driving-lesson-bkg.jpg') no-repeat center;}

.item-dets {float:left; width:650px; margin: 10px 0; font-weight: bold;color:#000; border: solid red 0px} 
.item-top{float: left;background: url('images/itembox-top.jpg') no-repeat center top;margin: 0;width: 650px;height: 60px}
.item-top h2{margin : 14px 0 0 20px; text-align:left; font-size: 25px;  font-weight: 600; color:#ffe400}
.item-mid{float: left;background: url('images/itembox-mid.jpg') repeat-y center;width: 650px;margin: 0}
.item-mid h2{margin : 0px 35px;text-align:left;font-size: 13px;}
.item-mid p{margin : 5px 10px;padding: 0; font-size: 12px; font-weight:300; line-height : 16px; text-align:center}
.item-mid ul{width:470px; margin : 10px auto 20px; padding: 0;  }
.item-mid li{margin : 0 0 10px 10px; padding: 0 10px;font-size: 15px;line-height : 18px;text-align:justify; }
.item-mid-cont{margin:0 auto; width:600px; border: solid red 0px}
.item-mid img{float: left;margin: 0; border:none;}
.item-bot{float: left;background: url('images/itembox-bot.jpg') no-repeat center bottom;width: 650px;height: 15px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px}

.itemoffer-dets {float:left; width:650px; margin: 10px 0; font-weight: bold;color:#000; border: solid red 0px} 
.itemoffer-mid-cont{margin:0 auto; width:435px; border: solid red 0px}
.itemoffer-cont{float:left; width:216px; margin:0; padding:0;}
.itemoffer-cont h3{width:216px; padding: 0; font-size: 16px; font-weight:600; line-height : 16px; text-align:center; color:#ff0000}
.itemoffer-cont p{margin: 5px 35px; padding: 0; font-size: 12px; font-weight:300; line-height : 16px; text-align:center}

table.tips{width:620px; margin:0 auto;}
table.tips td.tipsectionr{padding-right:10px; text-align:right; background-color: #ff0000; color:#fff}
table.tips td.tipsectionl{padding-left:10px; text-align:left; background-color: #ff0000; color:#fff}
table.tips td{padding:5px 10px; text-align:justify; background-color: #ddd; }
table.tips tr.spcbel td{border-bottom:20px solid white}
.item-mid p.tips{margin : 15px 20px;padding: 0; font-size: 16px; font-weight:600; line-height : 16px; text-align:left}
span.tipred{color:#ff0000}

table.deals{width:250px; margin:20px auto;}
table.deals tr{font-size: 12px; font-weight:600; line-height : 16px; text-align:justify;}
table.deals td{padding-right:25px;}
img.imgdeals{margin:0 10px 0 30px;}
.buybutton{float:left; width:280px; height:50px; text-align:center;}

table.details {width:580px; margin:20px auto;}
table.details td.dettitle{height:30px; padding: 0 10px; font-size: 14px; background-color: #ddd;}
table.details p.dettext{margin:15px; font-size: 14px; font-weight:600; line-height: 16px; text-align:justify}
table.details li{font-size: 14px; font-weight:600;}

.driving-lessons-text{float:left;background: url('images/driving-lesson-bkg.jpg') no-repeat center;}

h2.areahead, h2.priceshead{margin: 10px 0 0 0; font-family: ariblk; font-size: 18px;color: #000; font-weight: bold}
h2.areasub{margin: 0 0 5px 0; font-size: 13px;color: #111;font-weight: bold}
p.areas {margin: 0; text-align:justify; font-size: 13px; line-height: 18px; color: #111;}

.bord{width:625px; margin: 0 0 20px 0; padding:10px; border:solid #2a2a2a 1px}
.bord h2{ margin:0 0 5px 0; padding:0; font-size: 18px;color: #000; font-weight: bold}
table.price{width:600px; text-align:center; margin:10px; padding:0;}
table.lessonarea{width:600px; text-align:left; margin:0 0 0 10px; padding:0;}
table.price td.title, table.lessonarea td.title{width:125px; height:30px; padding:0 20px; font-size: 15px; font-weight: bold; color:#fff;}
table.price td.title, table.lessonarea td.title{background-color: #7e221f;}
table.price td.info, table.lessonarea td.info{width:125px; height:30px; padding:0 20px; font-size: 13px; font-weight: bold; }
table.lessonarea td.info{background-color: #ddd;}

table.area{width:650px; text-align:left; margin:10px auto; padding:0;}
table.area td{width:125px; height:20px; padding:0; font-size: 13px; color:#000;}

.parahilite{float:left; width:610px; padding:10px 20px; margin:10px 0 20px 0; background-color: #ddd;}
.parahilite h4.just{font-size: 14px; text-align:justify;}
.parahilite h4.cent{font-size: 14px; text-align:center;}
.parahilite ul{width:525px;}

/**********right  col**********/

.rightcol{float:left; width: 270px; margin:10px 0 0 25px;}

.fbhide{ width:270px; height:282px; margin:0 auto 30px; overflow:hidden; border:#444 solid 1px}
.fb-page{ margin-top:-68px;}

.wrap {float:left; position:relative; width:295px; clear:none; overflow:hidden; font-family:ariblk, arial;}
.wrap.img {position:relative;}
.wrap a {text-decoration:none;}
.adhead {position:absolute; top:10px; width:262px; height:150px; text-align:center; font-weight: 300;}
.adhead h1.lrgb, h1.lrgw, h1.smlb, h1.smlw, h1.xsmlb, h1.xsmlw {height:55px; margin:0; }
.adhead h1.lrgb, h1.lrgw {font-size:30px; line-height:55px;}
.adhead h1.xsmlb, h1.xsmlw {font-size:15px; line-height:58px;}
.adhead h1.smlb, h1.smlw {font-size:20px; line-height:58px;}
.adhead h1.lrgw, h1.smlw, h1.xsmlw  {color:#fff;}
.adhead h1.lrgb, h1.smlb, h1.xsmlb {color:#000;}
span.yel{color: #fff000;}

.adtext {position:absolute; top:75px; width:262px; height:150px;}
.adtext p.smlw, p.smlb, p.xsmlw, p.xsmlb, p.lrgw, p.lrgb, p.xlrgw, p.xlrgb {text-align:center; font-weight:300;}
.adtext p.smlw, p.xsmlw, p.lrgw, p.xlrgw {color:#fff;}
.adtext p.smlb, p.xsmlb, p.lrgb, p.xlrgb {color:#000;}
.adtext p.xsmlw, p.xsmlb {margin:5px 0; font-size:14px;}
.adtext p.smlw, p.smlb  {margin:5px 0; font-size:18px;}
.adtext p.lrgw, p.lrgb {margin:8px 0; font-size:22px;}
.adtext p.xlrgw, p.xlrgb {margin:15px 0; font-size:38px;}

span.contact{font-size: 20px;color: #fff;font-weight: bold}

.rcolscrollhdr, .rcolscrollhdrbook {float:left; width:270px; height:50px; margin:5px 0 0 0; border:#686868 solid 1px }
.rcolscrollhdr {background-color: #686868; color: #fff;}
.rcolscrollhdrbook {background-color: #ffe400; color:#253a79}
.rcolscrollhdr h2, .rcolscrollhdrbook h2 {margin:0px 15px; padding:0; text-align:left; line-height:50px; font-size: 25px; }
.rcolscrollbox{float:left; width:270px; height:300px; margin:0 0 20px 0; border:#444 solid 1px}
.rcolscrollcont{width:270px; height:298px;  margin: 0; overflow: auto; -webkit-overflow-scrolling: touch;}
.rcolscrollcont img.imgrghtscrl {float:right; margin: 5px 0 0 10px}
.rcolscrollcont img.imglftscrl {float:left; margin: 0px 10px}
.rcolscrollcont img.quote {float:left; margin: -2px 0 0 0}
table.rcolscroll{float:left; width: 225px; margin:0 0 0 5px; padding:0;}
.rcolscroll span.date{float:left;width:220px; margin:0; padding:0; font-size: 12px; font-weight: 300; color: #111; }
.rcolscroll h3 {float:left;width:220px; margin:0; font-size: 14px; font-weight: 600; color: #000;}
.rcolscroll h3 a{text-decoration:underline;}
.rcolscroll h3 a:hover{text-decoration:none;}
.rcolscroll h4 {width:240px; margin:5px auto; text-align:center; font-size: 14px; font-weight: 600; color: #000;}
.rcolscroll p {width:240px; margin:5px 0 10px 0; font-size: 13px; line-height: 20px; color:#111; text-align:justify;}
.rcolscroll p.prod {width:240px; margin:10px 0; font-size: 13px; line-height: 16px; color:#111; text-align:justify;}
span.prodprice{font-size: 12px;color: #ff0000;font-weight: 900}
hr.rcolscroll{width: 240px; margin: 5px auto; height: 1px; background:#444; border: 0px none;}
.buybtnrcol{display:block; margin:0 auto; width:240px; height:40px; text-align:center;}

.testimonials{float:left; width:270px; height:300px; margin:0 0 20px 0; border:#444 solid 1px}
.testcont{width:270px; height:298px;  margin: 0; overflow: auto; -webkit-overflow-scrolling: touch;}
.testcont img.testes {float:right; margin: 5px 0 0 10px}
.testcont img.quote {float:left; margin:-2px 0 0 0 }
table.testpupil{float:left; width: 225px; margin:0 0 0 5px; padding:0;}
.testpupil span.date{float:left;width:220px; margin:0; padding:0; font-size: 11px; font-weight: 300; color: #111}
.testpupil h3{float:left;width:220px; margin:0 0 -3px 0; font-size: 10px; font-weight: 900; color: #000;}
.testpupil p {width:240px; margin:5px 0 10px 0; font-size: 13px; line-height: 20px; color:#111; text-align:justify;}
hr.testes{width: 240px; margin: 5px auto; height: 1px; background:#444; border: 0px none; }

.drivinglessonblog{float: left; width:1000px; height:305px; margin:0; border:#444 solid 1px; background:#ddd; }
.blogtitle{width:750px; height:30px; margin: 10px auto;  font-family:Open Sans; font-size: 22px; font-weight: 900; color: #888;}
.blogcont{width:750px; height:240px;  margin: 10px auto; overflow: auto; -webkit-overflow-scrolling: touch;}
table.blogarea{float:left; width:700px; margin:0 0 0 5px; padding:0;}
.blogarea span.date{float:left;width:220px; margin:0; padding:0; font-size: 11px; font-weight: 300; color: #111; }
.blogarea h3{float:left;width:700px; margin:0 0 5px 0; font-family:Open Sans; font-size: 14px; font-weight: 900; color: #000;}
.blogarea p {width:700px; margin:5px 0 10px 0; font-family:Open Sans; font-size: 13px; line-height: 20px; color:#111; text-align:justify;}
hr.blogline{width: 700px; margin: 5px auto; height: 1px; background:#444; border: 0px none;}

/**********contact form**********/

.cntbxcont {float:left; width:100%; height:520px; margin-bottom: 20px}
.contactbox {width:100%; height:520px; margin:0 auto; padding:0;}
table.contactfrm {float:left;width:500px; margin:-20px 20px 0; }
input.inpsze, textarea.inpsze {width:300px; margin:0 0 15px 0; padding: 0 0 0 10px; font-size: 16px; font-weight: 600; color: #666; font-family: Open Sans, Arial, Helvetica, sans-serif; border: 2px solid #aaa; border-radius: 5px;}
textarea.inpsze {height:100px;}
.contactbox p{margin:5px 0 0 0;}
.contactbox p.frmcnt, .contactbox a {font-size: 10px; font-weight: 600; color: #aaa; font-family: Open Sans, Arial, Helvetica, sans-serif;}
.sbmtbtn{width:150px; height:40px; background: #7e221f; color:#ffe400; text-align:center; font-size: 16px; font-weight: 300; border: 1px solid #000; border-radius: 5px;}
.sbmtbtn:hover{background-color: #666; color:#fff; }

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

#footer {position: relative; width:100%; margin-top: -420px; /* negative value of footer height */ height: 420px; clear:both; background-color: #333;}

.footcontent{/*centres everything*/ width:1000px; height: 420px; margin:0 auto; background: url('images/footer-bkg.jpg') no-repeat center;}

.btmimageholder {float:left; width:1000px; height:75px; margin:0 auto; background-color:#333;}
.badges {float:left; width:650px; height:75px; background-color:#b9b9b9;}
.faceb {position:relative; float:left; width:350px; height:75px; background-color:#b9b9b9;}
.flogo a{position:absolute; left: 70px; top:5px; height:40px; width: 175px; margin:0; padding:0;}
.share{position:absolute; left: 85px; top:20px; width:218px;height: 25px; margin: 0;}

.footerboxcont {width:906px; height:420px; margin:0 auto; border:solid red 0px}
.footerbox {float:left; width:300px; height:150px; margin-top:50px; border:solid red 0px}
.footerboxline{float:left; width:1px; height:100px; margin-top:50px; background-color:#aaa;}
.footerbox p{width:250px; margin:0 0 15px 40px; font-weight:600; line-height:18px; font-size:14px; color: #444; border:solid blue 0px}