/* CORE LAYOUT */
html, body{margin:0; padding:0; border:0;}

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#369;
	text-align:left;
	}

/* LINKLOGY */
img {
	border:0;
	}

a {
	color:#369;
	}

a:hover {
	color:#f30;
	}
	
a:visited a:active {
	text-decoration:line-through;
	}

ol a {
	color:#f30;
	}

ol a:hover {
	color:#fff;
	background-color:f30;
	}
	
ol a:visited a:active {
	text-decoration:line-through;
	}

em {
	color:#f60;
	}
	
/* LAYOUT */
.wrapper {
	position:absolute;
	left:0px;
	top:0px;
	width:804px;
	text-align:left;
	margin:8px 0px 0px 0px;
	}

.clear {clear:both;}

.head {width:100%;}

.foot {
	width:100%;
	height:28px;
	background-image:url("../images/sub_header_bg.gif");
	font-size:10px;
	text-align:center;
	margin:0px 0px 8px 0px;
	padding:3px 0px 3px 0px;
	}

.center {
	width:468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin:8px 0px 4px 8px;
	float:left;
	}

.left {
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width:160px;    /*** Critical left col/divider dimension value ***/
	margin:8px 0px 8px 0px;    /*** Critical left col/divider dimension value ***/
	padding:0px;
	float:left;
	}

.right {
	float:right; 
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width:160px;    /*** Critical right col/divider dimension value ***/
	margin:8px 0px 0px 0px;    /*** Critical right col/divider dimension value ***/
	padding:0;
	}

.right img {
	display:block;
	margin:0px 0px 8px 0px;
	padding:0;
	}

/* HEADER */
.headerBox {
	position: relative;
	left:0px;
	top:0px;
	width:804px;
	height:100px;
	background-image: url("../images/header_bg.gif");
	clear:right;
	margin:0px 0px 8px 0px;
	}

.clsLogo {
	float:left;
	}
	
.strapLine {
	position:relative;
	right:0px;
	top:0px;
	width:482px;
	height:51px;
	background-image: url("../images/strapline_ani.gif");
	float:right;
	}

.tabBox {
	position:absolute;
	right:0px;
	bottom:0px;
	width:466px;
	}
	
* html .tabBox {
	width:474px;
	}

.tabNav {
    font-size:14px;
    }

.tabNav a {
	background:url("../images/tab_middle_off.gif") repeat center top;
	padding:8px 0px 8px 0px;
	text-decoration:none;
	float:left;
    }


body#tabSection1 .tabNav a#tabMid1, 
body#tabSection2 .tabNav a#tabMid2,
body#tabSection3 .tabNav a#tabMid3,
body#tabSection4 .tabNav a#tabMid4 {
	background:url("../images/tab_middle_on.gif") repeat center top;
	color:#f30;
	}
	
.tabLeft {
	display:block;
	width:19px;
	height:30px;
	background-image: url("../images/tab_left_off.gif");
	float:left;
	}

body#tabSection1 .tabNav div#tabLeft1, 
body#tabSection2 .tabNav div#tabLeft2,
body#tabSection3 .tabNav div#tabLeft3,
body#tabSection4 .tabNav div#tabLeft4 {
	background-image: url("../images/tab_left_on.gif");
	}
	
.tabRight {
	width:19px;
	height:30px;
	background-image:url("../images/tab_right_off.gif");
	margin:0px 4px 0px 0px;
	float:left;
	}
	
	
div#tabRight4 {
	margin:0px 8px 0px 0px;
	}
	
body#tabSection1 .tabNav div#tabRight1, 
body#tabSection2 .tabNav div#tabRight2,
body#tabSection3 .tabNav div#tabRight3,
body#tabSection4 .tabNav div#tabRight4 {
	background-image: url("../images/tab_right_on.gif");
	}

/* SUB-HEADER */
.subNav {
	position: relative;
	left:0px;
	top:0px;
	width:804px;
	height:34px;
	background-image: url("../images/sub_header_bg.gif");
	text-align:right;
	margin:0;
	
}
.subNav div {
	position:relative;
	margin:0;
	top:10px;
	float:right;
	}

* html .subNav div {  /* This is the Tan hack */
	margin:0px 8px 0px 0px; 
	m\argin:0px;
	}

.subNav div a {
	color:#369;
	margin:0px 8px 0px 8px;
	padding:9px 0px 9px 0px;
	font-size:12px;
	text-decoration:none;
	}

.subNav img {
	margin:0px 4px 0px 0px;
	display:inline;
	}

.subNav a:hover {
	color:#f30;
	}

.subNav a:visited a:active {
	color:#369;
	}

body#subSection1 .subNav a#sub1,
body#subSection2 .subNav a#sub2,
body#subSection3 .subNav a#sub3,
body#subSection4 .subNav a#sub4,
body#subSection5 .subNav a#sub5,
body#subSection6 .subNav a#sub6,
body#subSection7 .subNav a#sub7 {
	color:#f30;
	}

/* LEFT NAV */
.left img#navHead {
	margin:0px 0px 2px 8px;
	}

.navBorders {
	padding:1px 0px 0px 0px;
	margin:1px 0px 1px 0px;
	background-image:url("../images/dash_nav.gif");
	}

.left a {
    display:block;
	color:#f30;
	background-color:#fff;
	margin:0;
	padding:2px 0px 1px 8px;
	text-decoration:none;
    }

.left a:hover {
	color:#fff;
	background-color:#f30;
	}
	
.left a:visited a:active {
	color:#f30;
	}

.left a#townOn {
	color:#fff;
	background-color:#f30;
	}

body.leftInfoNav01 .left a#infoNav01,
body.leftInfoNav02 .left a#infoNav02,
body.leftInfoNav03 .left a#infoNav03,
body.leftInfoNav04 .left a#infoNav04,
body.leftInfoNav05 .left a#infoNav05,
body.leftInfoNav06 .left a#infoNav06,
body.leftInfoNav07 .left a#infoNav07,
body.leftInfoNav08 .left a#infoNav08 {
	color:#FFF;
	background-color:#f30;
	}
	
/* GENERIC CENTER ELEMENTS */
.center img {
	display:inline;
	margin:0px 0px 5px 0px;
	}

* html .center img {  /* This is the Tan hack */
	margin:0px 0px 18px 0px;
	}

.center p {
	margin:0px 0px 16px 0px;
	padding:0;
	}
	
.center p.pic {
	text-align:center;
	}
	
/* LISTINGS */
.pageCount div {
	width:28px;
	height:18px;
	text-align:center;
	background-image:url("../images/page_count_bg_off.gif");
	margin:6px 4px 8px 0px;
	float:left;
	}
	
.pageCount div.numOn {
	background-image:url("../images/page_count_bg_on.gif");
	}
	
.pageCount div.numOn a {
	color:#FFF;
	}


.pageCount a {
	display:block;
	color:#f30;
	padding:3px 0px 0px 0px;
	text-decoration:none;
	}
	
.pageCount p {
	display:block;
	height:18px;
	color:#f30;
	font-weight:bold;
	margin:9px 0px 0px 0px;
	float:right;
	}

.headLabelText {
	display:inline;
	font-size:14px;
	color:#f60;
	padding:2px 0px 0px 0px;
	}

* html .headLabelText {  /* This is the Tan hack */
	padding:3px 0px 0px 2px;
	p\adding:2px 0px 0px 2px;
	}

.filterBox {
	position:relative;
	width:100%;
	font-size:11px;
	}
	
.center .filterBox h1 {
	position:relative;
	width:100%;
	font-size:11px;
	font-weight:normal;
	}

.filterBox div {
	display:inline;
	color:#f30;
	}

.listingBox {
	margin:0px 0px 2px 0px;
	}

.listingBox div {
	display:block;
	padding:1px 0px 0px 0px;
	background-image:url("../images/dash_listings.gif");
	}
	
.listingBox h1 {
	font-size:14px;
	font-weight:bold;
	margin:8px 0px 8px 0px;
	padding:0;
	}

.listingBox p {
	margin:0px 0px 6px 0px;
	padding:0;
	}
	
.listingBox img {
	padding:0px 4px 0px 0px;
	}

.listingBoxPaid {
	background-color:#e0f0ff;
	margin:0px 0px 4px 0px;
	border: 1px solid #7094b7;
	}

.listingBoxPaid div {
	display:block;
	}
	
.listingBoxPaid h1 {
	color:#fff;
	background-color:#7094b7;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 8px 0px;
	padding:8px 0px 8px 8px;
	}

.listingBoxPaid p {
	margin:0px 0px 6px 8px;
	padding:0;
	}
	
.listingBoxPaid img {
	padding:0px 0px 0px 8px;
	}

.catsListed {
	font-size:11px;
	}
	
/* CAR HIRE LISTING */
#chBanner {
	padding:8px 0px 0px 0px;
	}

/* CATEGORIES (inc. HOME PAGE) */
.categories {
	margin:0px 0px 20px 0px;
	}

.categories h1 {
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 2px 0px;
	padding:0;
	}
	
/* FORMS */
form select, textarea {
	color:#369;
	background-color:#DBEDFF;
	border:1px #369 solid;
	}
	
form input.formField, select.formField {
	width:200px;
	}
	
form textarea {
	width:100%;
	}

p.note {
	font-size:11px;
	}
	
/* ADVERTISE HERE TABLE */
table {
	color:#f60;
	width:100%;
	text-align:center;
	padding:4px;
	margin:0px 0px 16px 0px;
	border:0;
	}

td {
	width:25%;
	border-top:1px;
	border-right:0px;
	border-bottom:0px;
	border-left:0px;
	border-style:solid;
	border-color:#F60;
	padding:4px;
	margin:0;
	}
	
.tableHeads {
	color:#f30;
	vertical-align:top;
	background-color:#ffe8d9;
	}
	
.tableFoot {
	font-size:10px;
	color:#369;
	}

/* FOOTER */
.foot a {
	margin:0px 6px 0px 6px;
	padding:0;
	text-decoration:none;
	}