* {margin: 0;}

html {margin:0; padding:0; height:100%;}
body {margin:0 auto; padding:0; height:100%; background-color: #444; font-family: Arial, Tahoma, Helvetica, sans-serif;}

.pchide{display:none}

#wrapper {width: 1000px; min-height:100%; margin: 0 auto -275px; /* the bottom margin is the negative value of the footer's height */ background:#fff; border:solid blue 0px}
#wrapper img.rightimg{float:right; border:none; margin:20px;}
#wrapper img.leftimg{float:left; border:none; margin:20px;}

img{border:none;}
a{text-decoration:none}

/**********Top Banner**********/
#topribbon {float:left; height: 75px; width: 1000px; margin-bottom: 30px; background: url('images/top.jpg') top left; border: solid red 0px}
#topribbon p {width:550px; margin:0 auto; font-size: 13px; line-height: 50px; color: #fff; padding: 0; text-align:center; border:solid blue 0px}
#topribbon img.topleft{float:left}
#topribbon img.topright{float:right}

#link-holder {position:absolute; width:1000px; top:50px; height:55px; margin:0; padding: 0; background: url('images/nav-btn-ds.jpg') center center;border: solid blue 0px}
#link-holder ul {margin:4px auto 0; padding:0;}
#link-holder li {display:inline; margin: 0; font-size:12px; font-weight:900;}

.navtab:link, .navtab:visited {float:left; width: 199px; box-sizing: border-box; display:block; text-align:center; padding: 7px 10px; color: #ddd; background-color: #636567; text-decoration: none;

	-webkit-transition: color .5s linear, background-color .5s ease-in-out;
	-moz-transition: color .5s linear, background-color .5s ease-in-out;
	-o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;
}

.navtab:hover {background-color: #ddd; color: #636567;
 
	-webkit-transition: background-color .4s ease-in-out;
	-moz-transition: background-color .4s ease-in-out;
	-o-transition: background-color .4s ease-in-out;
	transition: background-color .4s ease-in-out;
}

#link-holder li.space{float:left; width:1px; height: 30px; list-style-type: none; background-color: #000;}
#link-holder a.page {color:#444; background:#fff; border: solid #red 0px}

#driving-school-logo {float:left; height: 250px;width: 1000px; margin:0 auto; background: url('images/driving-school-banner-08.jpg') top left; border: yellow solid 0px}

/**********media**********/

#telno h1.media {display:none}
.media-footer{display:none}
.emailfooter{display:none}

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

p { font-size: 13px;line-height : 18px;color: #111;margin: 0 0 15px 0;text-align:justify}
h2{font-size: 13px;color: #111;margin: 0 0 10px 0;font-weight: bold}
h3{font-size: 12px;color: #ff0000; margin: 0 0 15px 0;font-weight: bold}
ul.testimonials{width:375px}

.left-col{float:left; width:630px; margin:10px 35px 0 40px;padding: 0px;color: #010123;background: none; border: blue solid 0px}
.left-col a{color: #ff0000;text-decoration : underline;}
.left-col a:hover{text-decoration : none;color : #000}
.left-col h1{ margin:0 0 10px 0; font-family: ariblk; font-size: 18px;color: #000; font-weight: bold}
.left-col h1.mainhead{width:810px; margin:0 0 10px 0; font-family: ariblk; font-size: 22px;color: #636567; font-weight: bold}

.right-col{float:left;background:none; width:270px; margin:40px 0;padding:0; border:red solid 0px}

#driving-lessons-dets {float:left; margin: 0 0 0 75px; font-weight: bold;color:#000;} 
.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 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:400px; margin : 10px 0 20px 0 }
.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; border:none;}
.driving-lessons-bot{float: left;background: url('images/ds-box-bot2.jpg') no-repeat center bottom;width: 480px;height: 15px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px}
.driving-lessons-text{float:left;background: url('images/learner-lessons.jpg') no-repeat center;border:0px solid red; }

.wrap {position:relative; width:295px;  clear:none; overflow:hidden; font-family:ariblk, arial;}
.wrap.img {position:relative;}
.adhead {position:absolute; top:10px; width:262px; height:150px; text-align:center; font-weight: 300; border:green solid 0px}
.adhead h1.lrgb, h1.lrgw, h1.smlb, h1.smlw, h1.xsmlb, h1.xsmlw {height:55px; margin:0; border:blue solid 0px}
.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;}
.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}

.testimonials{float: left; width:265px; height:290px; margin:0 auto; border:0px solid #aaa; }
.testimonials h1{margin:10px 0 0 20px; font-family: ariblk; font-size: 22px; font-weight: 300; color: #fff; }

.rcolscrollhdr{float:left; width:265px; height:50px; margin:5px 0 0 0; background-color: #6d6d6d; 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; 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: #ee1f1f;}
.testpupil h3{margin:0 0 0 5px;}
.testpupil h4{margin:-2px 0 10px 5px; }
.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: 230px; margin: 5px auto; height: 1px; background:#444; border: 0px none;}

table.price{width:575px; text-align:center; margin:10px 20px; padding:0;}
table.price td.title, td.titlegr{width:125px; height:30px; padding:0 20px; font-size: 15px; font-weight: bold; color:#fff; border:green solid 0px}
table.price td.title{background-color: #636567;}
table.price td.info{width:125px; height:30px; padding:0 20px; font-size: 13px; border:green solid 0px}

/***********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: #ee1f1f; color:#fff; text-align:center; font-size: 16px; font-weight: 300; border: 1px solid #000; border-radius: 5px;}
.sbmtbtn:hover{background-color: #3e3e3e;}

/**********Footer**********/

/* .push must be the same height as .footer */
.footer, .push {width: 100%; height:275px; border:solid blue 0px;}
.push {background-color:#fff;}
.footer {background-color:#333;}

.badge-faceb-cont {width:1000px; height:75px; margin:0 auto; border:green solid 0px}
.badges {float:left; width:650px; height:75px; background-color:#b9b9b9; border:red solid 0px}
.faceb {position:relative; float:left; width:350px; height:75px; background-color:#b9b9b9; border:red solid 0px}
.flogo a{position:absolute; left: 70px; top:5px; height:40px; width: 175px; margin:0; padding:0; border:green solid 0px}
.share{position:absolute; left: 85px; top:45px; width:218px;height: 25px; margin: 0; border:solid yellow 0px}

.footer-center {width: 1000px; height:200px;  margin:0px auto ; padding:0; background: url('images/footer-bkg.jpg') no-repeat top center; border:solid green 0px;}
.footer-links ul {width:200px; margin:0 auto; padding-top:50px; list-style-type: none; border:solid blue 0px}
.footer-links li{margin: 0 0 5px 0; font-size: 9px;font-weight : bold;font-family : tahoma, arial, Helvetica, sans-serif;letter-spacing : 1px;}
.footer-links a{width:200px;  text-decoration : none; color : #636567; margin: 0;} 
.footer-links a:hover{color : #fff; text-decoration : none;}



/* Full testimonials page */
body.pupil-testimonials-page .left-col {
    float: left;
    width: 920px;
    margin: 10px 40px 40px 40px;
    padding: 0;
}

body.pupil-testimonials-page .left-col h1.mainhead {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

body.pupil-testimonials-page .testimonials {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
}

body.pupil-testimonials-page .rcolscrollhdr {
    float: none;
    width: 100%;
    height: 55px;
    margin: 0;
    background: #636567;
    border: none;
}

body.pupil-testimonials-page .rcolscrollhdr h2 {
    text-align: center;
    line-height: 55px;
    font-size: 24px;
    color: #fff;
}

body.pupil-testimonials-page .testcont {
    width: 100%;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: 20px 0;
    border: none;
}

body.pupil-testimonials-page table.testpupil {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}

body.pupil-testimonials-page .testpupil h3,
body.pupil-testimonials-page .testpupil h4,
body.pupil-testimonials-page .testpupil p {
    float: none;
    width: auto;
    margin-left: 0;
}

body.pupil-testimonials-page .testpupil h3 {
    font-size: 14px;
    margin-top: 20px;
}

body.pupil-testimonials-page .testpupil h4 {
    font-size: 13px;
    margin-bottom: 12px;
}

body.pupil-testimonials-page .testpupil p {
    font-size: 14px;
    line-height: 21px;
}

body.pupil-testimonials-page .testcont img:not(.quote) {
    float: right;
    max-width: 140px;
    height: auto;
    margin: 0 0 12px 20px;
    border-radius: 4px;
}

body.pupil-testimonials-page hr.testes {
    width: 100%;
    margin: 25px 0;
    background: #ccc;
}