@charset "windows-1252";
/* CSS Document */


#hidepage{position:absolute; width:100%; height:98%; top:0; left:0; background-color:white; layer-background-color:white; font-family:arial,helvetica; z-index:100}
body  {
	font-size: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height:100%;
		}
.wrapper {
	margin: 0 auto;
	
	width: 940px;
	background-color: #7C8EA7
}

.top-wrapper {
	border-right:1px solid #B1CBEF; border-left:1px solid #B1CBEF;
}

.bottom-wrapper {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}


/* following styles taken from original */
h1       {
	color: #2E2E2E;
	font-size: 95%;
	letter-spacing:1px;
}
h2       { color: #bd0b09; font-size: 95%; letter-spacing:1px; }
h3       { color: #bd0b09;  font-size: 90% }
h4       { background: #B1CBEF; font-size: 90% }
dl       { color: #2E2E2E;  font-size: 90% }
ul       { color: #7C8EA7;  font-size: 90% }
blockquote {color:#000000; font-weight:bold;}
/*li       { color: #0000ff;  font-size: 12px; list-style-image:url('list.gif'); }*/


.footer a:link 
{ 
color: #0000ff;  
 font-weight: normal;  
text-decoration: none;   
}
.footer a:active  
{  
color: #666666;  
 font-weight: normal;  
text-decoration: none;  
}  
.footer a:visited  
{  
color: #0000ff;  
 font-weight: normal;  
text-decoration: none;  
}  
.footer a:hover  
{  
color: #bd0b09;  
 font-weight: normal;  
text-decoration: underline;
 } 


a:link  
{  
color: #0000ff;  
 font-weight: normal;  
text-decoration: none; font-size:100% 
}  
a:active  
{  
color: #CCCCCC;  
 font-weight: normal;  
text-decoration: none; font-size:100% 
}  
a:visited  
{  
color: #0000ff;  
 font-weight: normal;  
text-decoration: none; font-size:100% 
}  
a:hover  
{  
color: #bd0b09;  
font-weight: normal;  
text-decoration: underline; font-size:100%  } 


HR {
    height:3px;
    width:70%;
    background:#0000ff;
    margin: 0px 150px 0px 150px;  
   }
   
   
.footer { background: #FFFFFF; font-size: 65%; font-weight: normal; color: #000000; padding: 5px;}
.bottom { border: 0px; background: url('http://www.driving-schools-directory.co.uk/images/design_elements/bottom_bg.gif'); background-repeat: repeat-x; background-position:bottom; height:10px;}
.leftside { background: #EEF5FF; color: #000000; font-size: 75%;  border-right:1px solid #B1CBEF; border-left:1px solid #B1CBEF; line-height:90%; padding-left:5px; text-align:left;}
.rightside { background: #EEF5FF; color: #000000; font-size: 80%;   border-left:1px solid #B1CBEF; border-right:1px solid #B1CBEF; line-height:90%; padding: 2px; }
.top { background: #b1cbef url('http://www.driving-schools-directory.co.uk/images/design_elements/top_bg-80.gif'); color: #FFFFFF; font-size: 80%; line-height:100%;}

.middle { background: #FFFFFF; color: #2E2E2E; font-size: 0.8em;}
.members { background: #FFFFFF; color: #2E2E2E; font-size: 75%;}

.box {
border:double 2pt #8fb4e7; margin:5px; padding: 5px; text-align:left; font-size:110%; background: #EEF5FF;
}
blockquote
{
	background: url(../images/blockquote.gif) 6px 6px no-repeat;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px 10px 10px 60px;
}

/* Dropdown Menu */

.menu_container {
background-image: url("http://www.driving-schools-directory.co.uk/images/design_elements/banner_bg.gif");
background-repeat: repeat-x;
background-position: bottom;
}

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
border: 1px solid #b1cbef;
border-collapse: collapse;
/*background-color: #b1cbef;*/
width: 184px;
height: 16px;
text-align: center;
vertical-align: middle;
top: 0.0em;
color: #000000;
font-weight: normal;
font-size: 100%;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*background-image: url("http://www.driving-schools-directory.co.uk/images/design_elements/banner_bg-2.gif");*/
/*background-repeat: repeat-x;*/
/*background-position: bottom;*/
}


#cssdropdown li a{
margin-left: 1px;
margin-right: 1px;
text-decoration: none;
color: #000080;
font-weight: normal;
display: block;
}

#cssdropdown li a:hover{
margin-left: 1px;
margin-right: 1px;
text-decoration: none;
color: #000000;
font-weight: normal;
display: block;
background-color: #EAF1FA;
}

.subuls{
display: none;
width: 150%;
position: absolute;
top: 1.40em;
left: 0;
background-color: #ffffff;
border: 1px solid #b1cbef;
text-align: left;
background-image: url("http://www.driving-schools-directory.co.uk/images/design_elements/banner_bg.gif");
background-repeat: repeat-x;
background-position: bottom;
line-height: 1.5em;
}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: none;
color: #000000;
font-weight: bold;
}
.subuls li a:hover{  
color: #000080;
display: block;
background-color: #EAF1FA;
text-decoration: none;
font-weight: bold;
}

.subuls li a:visited{
text-decoration: none;
color: #000000;
font-weight: bold;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}


.catHeadText {
 font-size: 95%;
 color: #0000ff;
 text-decoration: none;
 font-weight: bold;
}

.subCatText {
	font-size: 90%;
	color: #000000;
	text-decoration: none;
	line-height: 100%;
}

a:link.catHeadText {
 font-size: 90%;
 color: #0000ff;
 text-decoration: none;
 font-weight: bold;
}

a:link.subCatText {
	font-size: 90%;
	color: #000000;
	text-decoration: none;
}


a.catHeadText {
 font-size: 90%;
 color: #0000ff;
 text-decoration: none;
 font-weight: bold;
}

a.subCatText {
 font-size: 90%;
 color: #000000;
 text-decoration: none;
}

a:visited.catHeadText {
 font-size: 90%;
 color: #0000ff;
 text-decoration: none;
 font-weight: bold;
}

a:visited.subCatText {
 font-size: 90%;
 color: #000000;
 text-decoration: none;
}

a:hover.catHeadText {
 font-size: 90%;
 color: #bd0b09;
 text-decoration: underline;
}

a:hover.subCatText {
 font-size: 90%;
 color: #bd0b09;
 text-decoration: underline;
}

.featured-list {
	background-color:#ffffff;
	padding:2px;
	color:#0000ff;
	font-size:85%;
	font-weight:normal;
	text-align:left;
	border:solid;
	border-width:0 1px 1px 1px;
	border-color:#b1cbef;
	font-weight: normal;
	display:block;
	width: 135px;
}

.featured-heading {
	background-color:#b1cbef;
	padding:2px;
	color:#0000ff;
	font-size:85%;
	font-weight:bold;
	text-align:center;
	width: 135px;
	display:block;
	border:solid;
	border-width:1px;
	border-color:#b1cbef;
}


#navlist a
{
margin: 1px;
padding: 0px;
border: 0px solid #000;
font-weight: normal;
display: block;
width: 100%;
overflow: visible;
text-decoration: none;
color: #0000ff;
text-transform: capitalize;
float: left;
font-size: 10px;
text-align: left;
background: #fff;
line-height: 12px;

}

#navlist a:hover
{
margin: 1px;
padding: 0px;
border: 0px solid #fff;
border-bottom: 0px solid #ccc;
border-right: 0px solid #ccc;
font-weight: normal;
color: #bd0b09;
background: #cccccc;
line-height: 12px;
}

a.alphalinks:link, a.alphalinks:visited{background:#EEEEEE;color:#444;font-weight:bold;text-decoration:none;width:24px;display:block;float:left;text-align:center;border:1px #CCC solid;padding:3px 0px;margin:2px 1px 0 1px;border:#999 1px solid;}
a.alphalinks:hover{background:#888;color:#FFF;text-decoration:none;border:#666 1px solid;}

a.alphalinksSm:link, a.alphalinksSm:visited{background:#EEEEEE;color:#444;font-weight:bold;text-decoration:none;width:15px;display:block;float:left;text-align:center;border:1px #CCC solid;padding:1px 0px;margin:1px 1px 0 1px;border:#999 1px solid;}
a.alphalinksSm:hover{background:#888;color:#bd0b09;text-decoration:none;border:#666 1px solid;}

.towns-atoz-full {
	width:500px;
	text-align:center;
}

.towns-atoz {
	width:270px;
	text-align:center;
}
.link-hide {
	text-decoration: none;
	color: #000000;
}
.css-table {
	display:table;
	width:585px;
}
.css-cells {
	width:24%;
	text-align:left;
	font-size:93%;
	display:table-cell;
	vertical-align:top
}
.css-tr {
display: table-row;
}
.all-towns {
	overflow: auto;
	width: 90%;
	height: 80px;
	font-size: 83%;
	text-align:left;
}
.srchBox-heading {
	color:#ffffff;
	font-size:80%;
	font-weight:bold;
}
.hot-ads-text {
	font-size:70%;
}
.hidden { display: none; }
.unhidden { display: block; }
.town-list {
	font-size:70%;
	line-height:125%;
	width:24%;
	text-align:left;
	display:table-cell;
	vertical-align:top;
}
.clear-right {
	clear:right;
}

.clear-left {
	clear:left;
}

#floatleftADS {
float:left;
background:#ffffff;
border:none;
text-align:left;

padding-top:0px;
padding-bottom:10px;
margin-bottom:10px;
padding-right:5px;
margin-right:5px;
}

#floatrightADS {
float:right;
background:#ffffff;
border:none;
text-align:left;

padding-top:0px;
padding-bottom:10px;
margin-bottom:10px;
padding-left:5px;
margin-left:5px;
}

#floatleft {
float:left;
background:#ffffff;
border:none;
text-align:left;
width: 50%;
padding-top:0px;
padding-bottom:10px;
margin-bottom:10px;
padding-right:5px;
margin-right:5px;
}

#floatright {
float:right;
background:#ffffff;
border:none;
text-align:left;
height: 520px;
padding-top:0px;
padding-bottom:10px;
margin-bottom:10px;
padding-left:5px;
margin-left:5px;
}
.bot-links { background: #7C8EA7; font-size: 65%; font-weight: normal; color: #000000; padding: 5px;}

.bot-links a:link 
{ 
color: #ffffff;  
 font-weight: normal;  
text-decoration: none;   
}
.bot-links a:active  
{  
color: #666666;  
 font-weight: normal;  
text-decoration: none;  
}  
.bot-links a:visited  
{  
color: #ffffff;  
 font-weight: normal;  
text-decoration: none;  
}  
.bot-links a:hover  
{  
color: #bd0b09;  
 font-weight: normal;  
text-decoration: none;
 } 
fieldset { margin: opx 0 2px 1px; border: 1px solid #A33200; padding: 4px 6px; background-color: #BD0B09; }
.top fieldset { margin: opx 0 2px 1px; border: 1px solid #000000; padding: 4px 6px; background-color: #7C8EA7; }
legend { font-size: 0.8em; background-color: #000000; color: #FFFFFF; font-weight: bold; padding: 2px 6px; }
label.spam-protection { display: inline; width: auto; margin: 0; }
input.inp-text, textarea, input.choose, input.answer { border: 1px solid #909090; padding: 1px; }
input.inp-text { width: 120px; margin: 0 0 4px 0; }
input.inp-text-header { width: 120px; margin: 0 0 4px 0; }
input.submit-button { font: 0.8em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; display: block; margin: -12px 0 -5px 65px; font-weight:900 }
.search-form-wrapper {margin-top: 5px; width:160px;height:230px;background-image:url('http://bestdrivinglessons.co.uk/images/design_elements/search-box-bg.png');}
.search-form-wrapper form { margin: 0px 0 0 0px; width: 145px; padding-bottom: 0px; padding-left: 0px; padding-top: 10px; }
.refine-search-bg {font-size:10px;background-image:url("http://bestdrivinglessons.co.uk/images/design_elements/refined-search-form-bg.png");width:580px;color:#FFFFFF;padding-top:3px}
/* 3 col */
.colmask{position:relative;clear:both;width:938px;overflow:hidden}
.dsd{background:#EEF5FF;border-left:1px solid #B1CBEF;border-right:1px solid #B1CBEF;color:#000;margin:2px 0}
.dsd .colmid{float:left;width:200%;margin-left:-170px;position:relative;right:100%;background:#fff}
.dsd .colleft{float:left;width:100%;margin-left:-50%;position:relative;left:340px;background:#EEF5FF}
.dsd .col1wrap{float:left;width:50%;position:relative;right:170px}
.dsd .col1{position:relative;left:200%;overflow:hidden;font-size:90%;line-height:90%;text-align:left;margin:0 180px}
.dsd .col2{float:right;width:160px;position:relative;right:5px;font-size:80%;line-height:90%;text-align:left}
.dsd .col3{float:right;width:160px;margin-right:15px;position:relative;left:50%;font-size:80%;line-height:90%;text-align:left}
#header,#footer{clear:both;width:940px}
/*stickyfloat */
.stickyfloat{border:thin solid #7C8EA7;width:161px;margin:8px 0 0 -3px}
.stickyfloat-inner{background-color:#7C8EA7;margin:5px;padding:3px 3px 10px 3px}
.stickyfloat-header{font-size:.9em;background-color:#BD0B09;color:#FFF;font-weight:700;width:80%;margin-left:7px;border:solid thin #000;padding:3px; line-height:140%; text-align:center}
.stickyfloat-header img {margin-right:5px}
.stickyfloat-email{font-size:.8em;background-color:#000;font-weight:700;width:80%;border:solid thin #fff;margin-left:4px;text-align:center;padding:8px 8px 15px}
.stickyfloat-link{color:#fff;text-decoration:none;text-align:center;display:inline-block;width:100%;height:100%}
