html, body {margin:0; padding:0; height:100%; background: url('images/bkg2.jpg') repeat-y top center; background-color: #5c0157 ;font-family : Arial, Tahoma, Helvetica, sans-serif;}

#container {background: none; margin:0 auto; min-height:100%; position:relative; width: 900px}

.pchide{display:none}

#spacer {}
a{color: #863682; text-decoration:underline;}
a:hover{text-decoration:none; color:#000}

/**********Top Banner**********/

#top {height: 50px; width: 900px; margin:0 auto; background: url('images/top.jpg') top left;}
#top p {width: 900px;font-size: 12px;line-height : 22px;color: #fff;padding: 8px 0 0 0; text-align:center; border:solid red 0px}

#driving-school-logo {height: 175px; width: 870px; margin:0 auto; background: #5c0157 url('images/driving-school-isleworth.jpg') no-repeat top center; border:solid red 0px}

#nav-bar {height: 55px; width: 870px; margin:0 auto; background: url('images/nav-bar.png') top center; border:solid yellow 0px}

#banner{height: 75px; margin: 0; }
#banner-links{position:absolute; top:213px; height: 25px; }
#banner-links ul{ width: 900px; height:65px; margin: 0 auto; padding: 0; text-align: center; border: solid red 0px}
#banner-links li.link{margin: 0;display : inline; text-align: center; font-size: 15px; font-weight : bold; letter-spacing: 1px;color: #ddd; }
#banner-links li.link a{float:left; display : block; height:20px; width:207px; margin:18px 0 0 0; padding:10px 5px; text-decoration : none; color : #F6C1FE; background: #602668; border: solid #000 0px}
#banner-links li.link a.page {color:#fff; background-color: #BD4CCE}
#banner-links li.link a:hover{color : #FBE1FF; background: #9E3FAC; border: solid #000 0px }

/**********mobile phone**********/

#telno h1.media {display:none}
#mediabot h1{display:none}

/**********Centre Content**********/

#whtbkg{ width:867px; height:auto; margin:0 auto; background-color: #fff;}

#centre-container {float:left; width: 867px;  margin:0 0 70px 0; padding: 0; border:solid red 0px}
#centre {float:left; padding-bottom:0px; width: 867px; margin:0; background: #fff; border:solid red 0px}
#centre img{float:left; border:none; margin:5px}

#left-col{float:left;margin: 10px 0 0 10px; padding: 0 10px 0 0px; width: 500px; color: #010123; background: none;border:solid red 0px}

span.offer{font-size: 18px;color: #863682;font-weight: bold}
#driving-lessons-dets {float:left; margin: 0;padding: 0;font-weight: bold;color:#000000;} 
.driving-lessons-top{float: left;background: url('images/ds-box-top2.jpg') no-repeat center top;margin: 0;width: 480px;height: 25px}
.driving-lessons-mid{float: left;background: url('images/ds-box-mid2.jpg') repeat-y center;width: 480px;margin: 0}
.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:400px; margin : 10px 0 20px 0; text-align:left}
.driving-lessons-mid li{margin : 0 30px 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;}
h2.mid {margin :0 35px 20px 35px; text-align:left; font-size: 13px;}
.driving-lessons-bot{float: left;background: url('images/ds-box-bot2.jpg') no-repeat center bottom;width: 480px;height: 15px; margin:0 0 15px 0}
.driving-lessons-text{float:left; background: url('images/learner-lessons.jpg') no-repeat center; border:0px solid red; }

h1.main{font-size: 18px;color: #863682;font-weight: bold; }

.quotetop{float: left; height:40px; width:440px; background: url('images/quotetop.jpg') no-repeat top left;; margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0}
.quotetop h3{font-size: 16px;color: #fff;margin:0; padding:12px 12px 12px 25px; font-weight: bold; font-style:italic;}
.quotemain{float: left; width:380px; background: url('images/quotemain.jpg') repeat-y top left;; margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:25px; padding-right:35px; padding-top:5px; padding-bottom:5px }
.quotemain p {margin:8px 0 0 0;  font-size: 13px;line-height : 18px;color: #111; text-align:justify}
.quotemain ul{width:150px; margin : 20px 0; padding: 0 0 0 50px; font-size: 12px;}
.quotemain li{margin: 0 0 5px 0}
.quotebot{float: left; height:20px; width:440px; background: url('images/quotebot.jpg') no-repeat top left;; margin-left:20px; margin-right:0; margin-top:0; margin-bottom:20px}

#right-col{float:right;background:none;width: 315px;margin: 0;padding:50px 0 0 0;border:solid red 0px}
#right-col-text{float:right;background:#333;width: 230px;margin:15px 40px 10px 0;padding:15px 30px  5px 30px;}
#right-col-text p {float:left;font-size: 10px;line-height : 18px;color: #fff;margin: 0 0 5px 0;text-align:justify}
#right-col-text h1{font-size: 12px;color: #F4B62F;font-weight: bold}
#right-col-text li{margin: 0;font-size: 10px;font-weight : normal;color: #fff;}

#instructor-training-col{float:left;width: 775px;color: #010123;background: url('images/instructor-training.jpg') no-repeat top right;; margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:30px; padding-right:10px; padding-top:0; padding-bottom:0}
#instructor-training-links ul{text-align : center; width: 775px; height : 25px; padding: 0; background: #BF1E2E;}
#instructor-training-links li{float:left;margin: 0;display : inline;font-size: 12px;font-weight : bold;line-height : 22px;padding: 0;}
#instructor-training-links li a{display:block; margin: 0;width : 155px;height : 25px;text-decoration : none;color: #fff;background: none;}
#instructor-training-links a:hover{color : #FFF000;text-decoration : underline;background: #333;}
.instructor-training-text ul{width:725px; margin : 20px 0; padding: 0 0 0 50px; font-size: 12px;}
.instructor-training-text li{margin : 10px 0 ; padding: 0; line-height :18px; }

#price-table-col{float:left;margin: 10px 0 0 10px;padding: 0 10px 0 30px;width: 775px;color: #010123;}
table.prices{width: 700px; margin:10px 30px;padding:0;background: #none;font-weight : normal;}
table.prices2{width: 380px; margin:10px 30px;padding:0;background: #none;font-weight : normal;}
td.heading{width: 100px;height:25px;margin:0;padding:0; background: none;text-align:center;color:#000;border:0px none; }
td.heading2{width: 300px;height:25px;margin:0;padding:0; background: none;text-align:center;color:#fff}
td.col1{width: 300px;height:25px;margin:0;padding:2px 2px 2px 10px;font-size: 12px;background: #BF1E2E;color:#fff;border:0px}
td.col2{width: 100px;height:25px;text-align:center;margin:2px;padding:0;font-size: 12px;;background: #BF1E2E;color:#fff;border:0px}
td.col3{width: 100px;height:25px;text-align:center;margin:2px;padding:0;font-size: 12px;;background: #eee; border:0px}
td.colclear{width: 25px;text-align:center;margin:0;padding:0;background: none; border:0px}

p {font-size: 13px;line-height : 18px;color: #111;margin: 0 0 15px 0;text-align:justify}
h1{font-size: 18px;color: #863682;font-weight: bold}
h2{font-size: 13px;color: #111;margin: 0 0 20px 0;font-weight: bold}
h3{font-size: 14px;color: #863682;margin: 0 0 15px 0;font-weight: bold}
ul.testimonials{width:340px;}

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

#disclaimer{float:left;width: 900px; height: 25px; margin: 5px 0; padding: 0;}
#disclaimer p{width:400px; margin: 0 auto; padding: 0; text-align:center; font-size: 11px; font-weight: bold;}

.rcolscrollhdr{float:left; width:265px; height:50px; margin:5px 0 0 0; background-color: #863682; border:#888 solid 1px }
.rcolscrollhdr h2 {margin:0px 15px; padding:0; text-align:left; line-height:50px; font-size: 25px; color: #fff;}

.testcont{width:265px; height:220px; overflow: auto; -webkit-overflow-scrolling: touch; margin: 20px 0 0 0; border:#888 solid 1px }
table.testpupil{width: 240px; margin:15px auto; padding:0;}
.testpupil span.date{float:left; width:230px; margin:0 0 5px 0; padding:0; font-size: 11px; font-weight: 600; color: #111;}
.testpupil h4, .testpupil h3{float:left; width:230px; padding:0; text-align:left; font-size: 11px;color: #863682;}
.testpupil h3{margin:0 0 0 5px;}
.testpupil h4{margin:0 0 0 5px; }
.testpupil p {width:230px; margin:5px 0 10px 5px; font-size: 12px; line-height: 16px; font-weight: 400; color:#111; text-align:justify;}

.testcont img.quote {float:left; margin: -2px 0 0 0}
.testcont img {float:right; margin: 0 0 2px 10px}
hr.testes{width: 230px; margin: 5px auto; height: 1px; background:#444; border: 0px none;}

/****
.testcont{width:265px; height:220px; overflow: auto; -webkit-overflow-scrolling: touch; margin: 20px 0 ; border:#888 solid 1px }
table.testpupil{width: 240px; margin:15px auto; padding:0;}
.testpupil span.date{float:left; width:230px; margin:0; padding:0; font-size: 11px; font-weight: 600; color: #111;}
.testpupil h3, .testpupil h4{float:left; width:230px; padding:0; text-align:left; font-size: 11px;color: #863682;}
.testpupil h3{margin:0 0 0 5px;}
.testpupil h4{margin:-5px 0 5px 5px; }
span.date{float:left; height:20px;  }
.testpupil p {width:230px; margin:5px 0 10px 5px; font-size: 12px; line-height: 16px; font-weight: 300; color:#111; text-align:justify;}
.testcont img.quote {float:left; margin: -2px 0 0 0}
.testcont img {float:right; margin: 0 0 2px 10px}
hr.testes{width: 100%; margin: 10px auto 20px; height: 1px; background:#444; border: 0px none;}
****/

/********CONTACT BOX********/

.cntbxcont {float:left; width:100%; margin-bottom: 20px;}
.contactbox {float:left; width:380px; margin:0; padding:0; }
.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;}

.frmcontain{float:left; width:100%; height:auto;}
.frmcont, .frmcontcent, .frmcontenq{width:95%; height:auto; margin:0 auto; padding:20px; background-color:none;}
.frmcont, .frmcontcent{height:auto;}
.frmcontenq {height:350px; }
.frmcont h2, .frmcontcent h2 {width:100%; text-align:center; margin:10px 0 20px 0; padding:0; font-size:36px; font-weight:400; color: #fff}

input.inpsze, textarea.inpsze {width:280px; margin:0 auto 15px; 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;}

.drpdwn, .drpdwncent {width:230px; padding: 0; overflow: hidden; border: 2px solid #aaa; border-radius: 5px; }
.drpdwn {float:left; margin:0 0 15px 0; }
.drpdwncent {margin:0 auto 15px; }
.drpdwn select, .drpdwncent select {padding: 0 8px; width: 100%; border: none; box-shadow: none; font-size: 14px; font-weight: 600; 
font-family: Open Sans, Arial, Helvetica, sans-serif; color: #aaa; background-color: #fff;}
.drpdwn select:focus, .drpdwncent select:focus{outline: none;}
.optiontxt {font-size: 16px; font-weight: 600; color: #fff; font-family: Open Sans, Arial, Helvetica, sans-serif;}

.capbox{float:left; width:150px; margin: 0 10px 0 0; }
.capbox a{font-size: 13px; color: #000;}

input.capsize{float:left; width:125px; height:35px; padding: 0 0 0 10px; }
.sendbox{float:left; width:100%; margin:20px 0; }
.btnsend, .sbmtbtn {width:200px; height:40px; margin: 0 auto; background: #863682; color:#fff; text-align:center; border: none; font-size: 16px; font-weight: 300; 
border: 1px solid #000; border-radius: 5px; }
.btnsend, .sbmtbtn{float:left;}
.sbmtbtnfbk {width:290px; height:40px; margin:0 auto; background: #12b202; color:#fff; text-align:center; border: none; font-size: 16px; font-weight: 300; 
border: 1px solid #000; border-radius: 5px; }
.btnsend:hover, .sbmtbtn:hover, .sbmtbtnfbk:hover {background-color: #000;}
.contactbox p.frmcnt{float:left; width:100%}

h3.enq {width:100%; margin:10px 0; padding:0; color: #444; font-weight: 900; font-size: 24px;}

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

.cntbxcont {float:left; width:100%; height:355px; margin-bottom: 20px}
.contactbox {width:100%; height:355px; margin:0 auto; padding:0}
table.contactfrm {float:left;width:355px; 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: #602668; color:#fff; text-align:center; border: none; font-size: 16px; font-weight: 300; border: 2px solid #aaa; border-radius: 5px;}
.sbmtbtn:hover{background: #BD4CCE; color: #FFF;}
***********/
 	
/**********Footer**********/

#footer-container {position:fixed; bottom:0; left:0; width: 100%; height:70px; margin:0;  background:#3e003b; border:solid yellow 0px}
#footer {width: 867px; height:70px; margin:0 auto; }


/**********Footer Left**********/ 

#container-left {float: left;width : 330px;margin: 30px 0 0 30px;color : #aaa;}

#footer-copyright{float: left;padding: 0;margin: 0;}

#container-left p{float: left;padding: 0;margin: 0;font-size: 8px;font-weight : bold;font-family : tahoma, arial, Helvetica, sans-serif;color : #93008B;}
#container-left a{font-size: 9px;font-weight : bold;font-family : tahoma, arial, Helvetica, sans-serif;margin: 0;padding: 0;text-decoration : none;color : #93008B;} 
#container-left a:hover{color : #0094D8;text-decoration : none;}

#container-center {float: left;width : 70px;margin: 30px 0 0 30px;color : #aaa;}

/**********Footer Right**********/ 

#container-right {float: right;width : 350px; height: 55px; margin: 10px 0 0 0; border:solid red 0px}
#container-right a{float: right;font-size: 9px;font-weight : bold;font-family : tahoma, arial, Helvetica, sans-serif;margin: 0 30px 0 0;padding: 0;text-decoration : underline;color : #330000;} 
#container-right a:hover{;text-decoration : none;color : #FFF000;} 

#footer-links ul {float: right; width:200px; margin: 0 30px 0 0; list-style-type: none; border:solid red 0px}
#footer-links li{font-size: 8px; font-weight : bold; font-family : tahoma, arial, Helvetica, sans-serif; letter-spacing : 1px;}
#footer-links a{text-decoration : underline; color : #fff;  margin: 3px 0} 
#footer-links a:hover{color : #FFF600; text-decoration : none;}