html, body {
    background-color: #000;  
    font-family: "Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    /* font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; */
    font-size: 13px;
    color: #fff;
    background: url(../img/mainBG.jpg) repeat fixed;
}

A:link, A:visited, A:active, A:hover {color: #0000FF; text-decoration: none;}
A:hover { text-decoration: underline;}

/*
#pad { background: url("../img/banner_bg.png") repeat-x;  }
*/
#page {
    margin: 0 auto;
    padding: 0;
    width: 1004px;
    position: relative;
    color: #000;
}
/*
#page { margin: auto; width: 990px; min-height: 800px; }
*/
.header { height: 124px; background-color: #003772; border-bottom: 5px solid #33449C; padding: 0 10px; background: url("../img/tc_banner_bg.png"); }
.header .logo { float: left; padding: 6px 0; }
.header .theory { float:left;padding:15px 15px 15px 65px; }
.header .contact { float: right; padding: 10px 0; }

.clr { clear: both; }
.spacer { height: 15px; max-height: 15px; overflow: hidden; }
.spacer2 {
    background-color: #0000FF;
    clear: both;
    height: 1px;
    margin: 20px 0;
    padding: 0;
}
.red { color: #f00; }
.left { float: left; }

.smileyFace {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../img/smiley_face.png");
    background-repeat: no-repeat;
    
}
#top_ads { width: 1004px; height:280px; border-top: 1px solid #000; border-bottom: 2px solid #000; }

.content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 30px;
}


/* NAVIGATION ROW -----------------------------------------------*/
/* main strip */


ul#topnav {
	position:absolute;
	z-index:10;
	top:412px;
	left:0px;
	width: 1004px;
	height:46px;
	list-style: none;
	background: url(../img/menu_bg.jpg) no-repeat;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	background:url(../img/menu_bg.jpg) no-repeat;
	height:45px; /* 57 */
}

/* main options */
ul#topnav li:hover a, ul#topnav li a:hover 
{ 	
	background:url(../img/menu_bg.jpg) no-repeat;
	height:45px; /* 57 */
}

ul#topnav a.t1 {	width: 65px; background-position: 0 -0px;}
ul#topnav li:hover a.t1 {	background-position: 0 -45px;}

ul#topnav a.t2 {	width: 80px; background-position: -65px -0px;}
ul#topnav li:hover a.t2 {	background-position: -65px -45px;}

ul#topnav a.t3 {	width: 59px; background-position: -145px -0px;}
ul#topnav li:hover a.t3 {	background-position: -145px -45px;}
 
ul#topnav a.t4 {	width: 71px; background-position: -204px -0px;}
ul#topnav li:hover a.t4 {	background-position: -204px -45px;}

ul#topnav a.t5 {	width: 94px; background-position: -275px -0px;}
ul#topnav li:hover a.t5 {	background-position: -275px -45px;}

ul#topnav a.t6 {	width: 94px; background-position: -369px -0px;}
ul#topnav li:hover a.t6 {	background-position: -369px -45px;}

ul#topnav a.t7 {	width: 90px; background-position: -463px -0px;}
ul#topnav li:hover a.t7 {	background-position: -463px -45px;}

ul#topnav a.t8 {	width: 161px; background-position: -553px -0px;}
ul#topnav li:hover a.t8 {	background-position: -553px -45px;}

ul#topnav a.t9 {	width: 109px; background-position: -714px -0px;}
ul#topnav li:hover a.t9 {	background-position: -714px -45px;}

ul#topnav a.t10 {	width: 75px; background-position: -823px -0px;}
ul#topnav li:hover a.t10 {	background-position: -823px -45px;}

ul#topnav a.t11 {	width: 105px; background-position: -898px -0px;}
ul#topnav li:hover a.t11 {	background-position: -898px -45px;}

/* sub options */
ul#topnav li .sub1, ul#topnav li .sub2, ul#topnav li .sub3 {
	position: absolute;	
	top: 45px; left: 0;
	background: #4191BF ;
	padding: 5px 10px 15px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius-bottomright: 5px;
	
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius-bottomleft: 5px;
	display: none;
	
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}

.sub1 em
{
	font-style:normal;
	display:block;
	text-align:center;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #fff;
	font-size:12px;
	color:#FFF;
}


ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav li .sub1 ul,
ul#topnav li .sub2 ul,
ul#topnav li .sub3 ul
{
	list-style: none;
	margin: 0; padding: 0;
	width: 160px;
	float: left;
}
ul#topnav li .sub2 ul
{
	width: 240px;
}
ul#topnav li .sub3 ul
{
	width: 300px;
}


ul#topnav .sub1 ul li,
ul#topnav .sub2 ul li,
ul#topnav .sub3 ul li
{
	width: 100%;
	color: #fff;
}
ul#topnav .sub1 ul li h2,
ul#topnav .sub2 ul li h2,
ul#topnav .sub3 ul li h2
{
	padding: 0;  margin: 0;
	font-size: 9px;
	font-weight: normal;
}

ul#topnav .sub1 ul li h2 a ,
ul#topnav .sub2 ul li h2 a ,
ul#topnav .sub3 ul li h2 a 
{
	padding: 5px 0;
	background-image: none;
	color: #fff;
}

ul#topnav .sub1 ul li a,
ul#topnav .sub2 ul li a,
ul#topnav .sub3 ul li a 
{
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../img/aro1.png) no-repeat;
	background-position:3px 5px;
	padding: 0px 1px 1px 18px;
	margin:2px 15px 0 0;
	border-bottom:0px solid #666;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	
}

ul#topnav .sub1 ul li a:hover,
ul#topnav .sub2 ul li a:hover, 
ul#topnav .sub3 ul li a:hover 
{
	color: #fff;
	background: url(../img/aro1.png) no-repeat #3953A4;
	background-position:6px 5px;
}

/* NAVIGATION ROW END -----------------------------------------------*/


#page-content {
    float: left;
    position: relative;
    width: 1004px;
    z-index: 1;
    /* top: 70px; */
    background-color:#000;
    margin-bottom: 50px;
}
#page-content-spacer {
    background-color: #000000;
    clear: both;
    height: 1px;
    margin: 40px 0;
    padding: 0;
}

#page-left {
    float: left;
    position: relative;
    width: 726px;
    z-index: 1;
}

#page-right {
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    margin-top: 0px;
    position: relative;
    width: 258px;
    z-index: 200;
}
#page-right div {
    margin-bottom: 10px;
}

#page_top {
    height: 144px;
    background: url("../img/page_top_bg.jpg") no-repeat; 
}

#page_top .followus {
    width: 300px;  /* 400px; */
    float: left;
    padding-top: 28px;
    padding-left: 7px;
}
#page_top .followus img {
    float: left;
}

#page_top .tryUsAndSeeDeal {
    width: 300px;  /* 400px; */
    float: left;
    padding-top: 0px;
    padding-left: 0px;
    margin-left: -10px;
}
#page_top .tryUsAndSeeDeal img {
    float: left;
}

#page_top #passes {
    background: url(../img/recent_test_passes.png) no-repeat;
    width: 176px;
    height: 66px;
    max-height: 66px;
    overflow: hidden;
    float: right;
    cursor: pointer;
    padding-right: 10px;    
}
#page_top #book {
    background: url(../img/book_a_driving_lesson.png) no-repeat;
    width: 176px;
    height: 66px;
    max-height: 66px;
    overflow: hidden;
    float: right;
    cursor: pointer;
}
#page_top #customerReviews {
    background: url(../img/customer_reviews.png) no-repeat;
    width: 176px;
    height: 66px;
    max-height: 66px;
    overflow: hidden;
    float: right;
    cursor: pointer;
    padding-right: 10px;
    margin-top: 8px;
}
#page_top #automaticLessons {
    background: url(../img/automatic_lessons.png) no-repeat;
    width: 176px;
    height: 66px;
    max-height: 66px;
    overflow: hidden;
    float: right;
    cursor: pointer;
    margin-top: 8px;
}

#bookALesson, #bookALessonSml {
    background-color: #9CCCE1;
    color: #000;
    margin-right: 20px;
    padding: 20px 0 20px 20px;
    border: 1px solid #0000FF;
}
#bookALesson label, #bookALessonSml label {   
    color: #0000ff;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
}
#bookALesson #lessonInfo { float: left; width: 170px; }
#bookALesson #lessonForm { float: left; width: 480px; }
#bookALesson #lessonForm #yourDetails { float: left; width: 230px; border-right: 1px solid #00f; }
#bookALesson #lessonForm #lessonDetails { float: right; width: 230px; }
#bookALesson #lessonForm input, #bookALesson #lessonForm textarea { width: 200px; padding: 4px 4px 4px 6px; }
#bookALesson #lessonForm #output { background-color:#ffa; margin:0 18px 18px 0; border:1px solid #666666; padding:10px; }


#bookALessonSml #lessonInfo { width: 300px; }
#bookALessonSml #lessonForm { width: 330px; }
#bookALessonSml #lessonForm #yourDetails { width: 230px; }
#bookALessonSml #lessonForm #lessonDetails { width: 230px; }
#bookALessonSml #lessonForm input, #bookALessonSml #lessonForm textarea { width: 300px; padding: 4px 4px 4px 6px; }
#bookALessonSml #lessonForm #outputSml { background-color:#ffa; margin:0 18px 18px 0; border:1px solid #666666; padding:10px; }


#page-text {
    background-color: #FFFFFF;
    padding: 20px 0 20px 20px;
    width: 696px;
    min-height: 1830px;
}

#page-text h1, #page-text h2, #page-text h3,  #page-text h4 { 
    font-size: 20px; /* 24px; */
    line-height: 28px; /* 36px; */
    font-weight: bold; 
    color: #3953A4; 
    border-bottom: 1px solid #9CCCE1; 
    margin-right: 20px; 
    letter-spacing: -1px;
    margin-bottom: 25px;
}

#page-text h2 { 
    font-size: 16px; /* 18px; */
    line-height: 18px; /* 20px; */
    letter-spacing: -0.5px; 
    margin-bottom: 20px;
    padding-bottom: 4px;
}
#page-text h2.noUnderline { 
    font-size: 16px; /* 18px; */
    line-height: 18px; /* 20px; */
    letter-spacing: -0.5px; 
    margin-bottom: 20px;
    padding-bottom: 4px;
    border-bottom: none;
}
#page-text h2.big {
    font-size: 20px;
    text-align: center;
    color: #f00;
}
#page-text h3 { 
    font-size: 14px; 
    letter-spacing: -0.5px;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: none;
}

#page-text h4 { 
    font-size: 13px; 
    letter-spacing: -0.5px;
    line-height: 17px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: none;
    color: #000; 
}

#page-text p { margin-right: 0px; margin-bottom: 8px; color:#000; }
#page-text p .firstcharacter { float: left; color: #3953A4; font-size: 50px; line-height: 35px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }
#page-text center { margin-right: 20px; margin-bottom: 8px; color: #f00; }
#page-text center h2 { color: #000; border-bottom: none; }
#page-text li { margin: 0 20px 5px 14px; list-style-type: square; }
#page-text .large { font-weight:bold; font-size:14px; }
#page-text .divder { border-bottom: 1px solid #9CCCE1; margin-left: 120px; margin-right: 140px; margin-bottom:10px; letter-spacing: -1px; }

#page-text p.name span { 
    font-size: 14px; 
    line-height: 20px;
    font-weight: bold; 
    color: #3953A4; 
    border-bottom: 1px solid #9CCCE1; 
    margin-right: 20px; 
    letter-spacing: -1px;
    margin-bottom: 20px;
}



#page-text table { margin-bottom: 8px; width: 676px; }
#page-text table .desc { width:200px; }
#page-text table .price { text-align: right; width:90px; }

#page-text iframe, #page-text object { border:2px solid #3953A4; padding:15px; background-color: #f5f5f5; }
#page-text object { width:676px; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


#page-text ol#numbered li { list-style-type:decimal; padding-left:8px; list-style-position:inside; }
#page-text ol#square li { list-style-type:square; padding-left:8px; list-style-position:inside; }

#page-text .s_ans { color: #ff0000; }

#page-text p.big {
    font-size: 18px;
}

#page-text p.big small {
    font-size: 12px;
}
#page-text p.red {
    color: #f00;
}

#page-text p.bigger,  #page-text p.bigRed  {
    font-size: 24px;
    font-weight: bold;
    color: #3953A4;
}
#page-text p.bigRed {
    color: #f00;
}
#page-text .question {
    background: url(../img/question_mark.png) no-repeat 10px 0px;
    padding-left: 70px;
    margin-top: 25px;
    min-height: 65px;
}
#page-text p.biggerQuote  {
    font-size: 24px;
    font-weight: bold;
    background-color: #FF6820;
    color: #fff;
}
.price-info {
    border: 1px solid #000;
}
.price-box {
    border-radius: 10px 10px 10px 10px;
    margin: 0 20px 10px 0;
    background-color: #B3D8EA;
}


.price-info .price-box-content {
    border: 1px solid #FFFFEA;
    color: #3953A4;
}
.price-box-content {
    border-radius: 10px 10px 10px 10px;
    min-height: 35px;
    padding: 16px 20px 8px 16px;
    /* text-shadow: 1px 1px 1px #FFFFFF; */
}

#page-footer {
    color: #FFFFFF;
    border-top: 1px solid #333333;
    margin: 0 20px;
    padding: 20px 0; /* padding: 20px 0 20px 20px; */
}

#page-footer .footer-column {
    border-left: 1px solid #333333;
    float: left;
    margin-right: 25px;
    padding-left: 10px;
    width: auto;
}

#page-footer .footer-column ul {
    color: #999999;
    font-size: 12px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    margin-height: 30px;
    min-height: 265px;
}
#page-footer .footer-column ul a {
    color: #666666;
    font-size: 11px;
    text-decoration: none;
}
#page-footer .footer-column ul a:hover { text-decoration: underline; color:#fff; }

#page-text #links {
    margin: 0 auto;
    padding: 0;
    width: 604px;
    position: relative;
    color: #000;
}

#page-text #links .linkL, #page-text #links .linkR {
    width:300px;
    padding: 15px 0;
    text-align: center;
    margin-bottom: 4px;    
}

#page-text #links table {
    width: 600px;
}
#page-text #links table, #page-text #links tr, #page-text #links td {
    border: 1px solid #d9d9d9;
    border-spacing: 12px;
    padding: 2;
    text-align: center;
    padding:5px;
}

.linkbg {
    background-color: #BDBDBD; /* #3853A4; */
}

#passed-pupils li {
    float:left;
    with:100px;    
    list-style: none outside none;
    margin: 4px;
    padding: 1px;
    border:1px solid black;
    background-color: #d9d9d9;
    height: 100px;
}