@import url("basic.css");

body{color:#00365B;}
body a{color:#0066cc !important;}
select, input{font-size:90%; margin-right:5px;}

#box1{text-align:center;}
#box2{
height:452px;
text-align:left;
margin:0 auto;
}

#search, #contactNumber{color:#fff;}

#head{
background:url(../img/bgTop.gif) repeat-x;
height:73px;
border-bottom:1px solid #fff;
}

#logo{
width:159px;
height:50px;
margin-left:10px;
background:url(../img/logo.gif) no-repeat;
}
#logo a{
display:block;
width:165px;
height:50px;
}
#logo span{display:none;}

#contactNumber{
position:absolute;
background:url(../img/contactNumber.gif) no-repeat;
margin-left:35%;
width:232px;
height:48px;
text-align:left;
}

#search{
position:absolute;
text-align:left;
right:20px;
margin-top:5px;
font-weight:bold;
font-size:85%;
}

#navigation{margin-top:1px;}
#navigation li{
display: block;
float:left;
list-style-type: none;
border-right:1px solid #fff;
}
#navigation li a{
height:19px;
padding-top:3px;
color:#fff!important;
text-decoration:none;
font-weight:bold;
display:block;
width:125px;
text-align:center;
}
#navigation li a:hover{color:#fff; text-decoration:underline;}

#searchCategory{
    height:20px;
    background-color:#e7edf5;
    padding:5px 15px;
    font-weight:bold;
    font-size:85%;
}

#body{margin:10px}

#leftCol, #rightCol{
font-size:85%;
width:170px;
}

#leftCol{
float:left;
border:1px solid #acacac;
background-color:#eee;
}

#rightCol{float: right;}
#rightCol .content, #vendorBox{ border:1px solid #acacac; background-color:#eee; margin-bottom: 10px!important; margin-bottom: 30px;}
#centerCol{margin:0 180px;}

#centerCol h1{font-size:125%;}

#leftCol h2, #rightCol h2, #vendorBox h1{
background-color:#0066cc;
color:#fff;
padding:2px 7px;
font-size:100%;
margin-bottom:10px;
}

#directory{border:1px solid #acacac; margin:10px 0; font-size:120%;}
#directory h2{font-weight:bold; color:#00365B; font-size:100%; margin-bottom:3px !important;}
#directory ul{margin-bottom:15px!important;}
#directory li{margin-bottom:0.5em;}
#directory ul a{background-image:url("../img/redbullet.gif"); background-position: left 50%; background-repeat: no-repeat; padding-left: 15px; font-size:95%;}
#directory .right{float:right; width:49%;}
#directory .vendor{font-weight:bold;}
#directory .othervendors{margin-top:10px; margin-bottom:10px;}

#footer{text-align:center; padding-top:10px;}
#footer a{margin:0 25px;}

#vendorBox{margin-right:160px; }
#vendorBox h2 {font-size: 100%;}
#rightVendor{float:right; width:150px; text-align:center;}

table.topVendorCourses{ border:1px solid #ccc; padding:5px; width: 100%;}
table.topVendorCourses th{color:#999; padding:5px 5px 15px 5px;}
table.topVendorCourses td{font-size:85%; padding: 5px;}
table.topVendorCourses .alternate{background-color:#eee;}

.content{padding:5px 7px;}
.viewAll{float:right;}
.viewAll a{color:#f00!important; font-weight:bold; font-size:11px;}

h1.offers {font-size: 140%; margin: 10px 0px 0px 0px;}
h2.offers {font-size: 130%; margin: 0px 0px 10px 0px;}
h2.offers strong {color: #dd0000; font-style:italic;}

table.specialoffers{border: 1px solid #999999; margin-top: 10px;}
table.specialoffers td{padding: 3px 10px 10px 10px; font-size: 85%; border-bottom: 1px solid #999999; border-left: none; border-right: none; background-color: #ffffff;}
table.specialoffers th{padding: 5px 10px 5px 10px; border: none; background-color: #eeeeee;}
table.specialoffers td strong{font-weight: bold;}
table.specialoffers td p{padding:0px; margin:0px;}
table.specialoffers td.header{background-color: #0066cc; color: #ffffff; font-weight: bold; border: none; padding: 5px 10px 5px 10px;}
table.specialoffers td.offerprice a{color:#dd0000 !important; font-weight: bold;}
p.offers{margin:0px; padding:0px;}
p.offers a{color: #dd0000 !important;}

#printLogo{display:none;}

#location-centre{margin-top:15px;}

.callNowH3{color:#666;}

ul.bullets 
{
    margin: 10px 0px 15px 25px;
    font-size: 120%;
    list-style: square;
}

ul.bullets li 
{
    margin-bottom: 3px;
}

p.barclays {
	margin-left: 10px;
}

p.barclays .big {
	display: block;
	margin-top: 7px;
	font-size: 130%;
}

form.barclays {
	margin-left: 10px;
}

form.barclays input.button {
	font-weight: bold;
	font-size: 100%;
	padding: 1px 2px;
	letter-spacing: -1px;
	margin-top: 5px;
	background-color: #ff3300;
	color: #ffffff;
}