* {
   padding: 0;
   margin: 0;
   font-family: "Arial",sans-serif ;  
}

body {
   background-color: #EC0202 ;
   color: #4A4A4A ;
   /* font-size: .8em; */
   font-size: 1em;
}

p {
   padding-top: 6px;
}
        padding-top: 23px;
h3 {
   font-size: 1.3em;
}

.leftpos {
   float: left ;
}

.rightpos {
   float: right ;
}

.listingTitle {
   font-weight: bold ;
   font-size: 1.1em;
}

#page {
	font-size: .8em;
}

#faqheader {
	width: 705px ;
	height: 60px;
	color: white ;
	background: url(/assets/img/faqheader.gif) no-repeat ;
}

#faqpage {
	width: 705px ;
	background: white url(/assets/img/faq_bg.gif) ;
}

   #faqpage a {
      color: #0061A5;
   }

.faqcontent {
	padding: 20px 0 20px 40px;
	width: 660px ;
}

.faqlist {
	padding-top: 10px ;
	list-style-image: none ;
	list-style-type: none ;
}

	.faqlist li {
	}

.teaser {
    padding: 2px 20px 10px 30px;	
}

#header {
   margin: 0 auto ;
   width: 1020px ;
   height: 200px ;
   background: #D90101 url(/assets/img/bg.gif) ;
}
   #header img {
      border: none ;
   }

   #headerLogo {
      position: absolute ;
      width: 250px ;
      /*height: 190px;*/
   }

   #bannerHolder {
      position: absolute ;
      margin-left: 255px ;
      height: 190px;
   }

   .home_banner {
      position: absolute ;
      /*border: 1px solid gold ;*/
      border-top: none ;
   }

#nav {
   margin: 0 auto ;
   width: 1020px ;
   height: 44px ;
   padding: 0 ;
   background: #D90101 url(/assets/img/bg.gif) ;

}

   #nav img {
      border: none ;
   }

   #nav ul {
      padding-left: 14px ;
      list-style: none ;
   }

   #nav ul li {
      float: left ;
   }


#nav2 .links{
margin-right: 5px;
font-size: 1.3em;
float: right;
display: inline;
width: 400px;
height: 32px;
}

#nav2 ul{
margin: 5px 5px 5px -28px;
margin-left: -60px;
}

*:first-child+html #banner ul{margin-left: 18px;}
* html #banner ul{margin-left: 12px;}

#nav2 li
{
display: inline;
list-style-type: none;
margin: 3px 5px 3px 3px;
border-right: 1px solid #FFF;
}

#nav2 li a, #nav2 li a:link{
font-size: 1em;
color:#FFF;
text-decoration: none;
margin: 1px 6px 1px 0;
padding: 1px 1px 1px 1px;
}
*:first-child+html #nav2 li a {padding: 0 12px 0 0px;}
*:first-child+html #nav2 li a:link {padding: 0 12px 0 0px;}



#nav2 li.last_one{
border-right: 0px solid #FFF;
}



#content {
   margin: 0 auto ;
   width: 994px ;
   padding: 0 10px 0 15px ;
   background: white url(/assets/img/bg.gif) ;
}

#footer {
   padding: 8px 0 8px 8px;
   width: 983px ;
   height: 18px;
   background-color: #929292;
   color: white ;
margin-top: 2px;
}

   a {
      text-decoration: none ;
      color: #FCCF32;
   }

   a:hover {
      text-decoration: underline ;
   }


 #footer .left{
    float: left;
    display: inline;
    line-height: 18px;
 }
 
 #footer .right{
    float: right;
    text-align: right;
    display: inline;
    line-height: 18px;
    padding-right: 8px;
 }

  #centreTop {
      height: 60px ;
      padding-left: 20px;
   }
      .stateText {
         padding-top: 25px ;
         color: white ;
         font-size: 1.25em;
         font-weight: bold ;
text-transform: uppercase;
      }
      .breadcrumbs {
         padding-top: 25px ;
         padding-right: 10px ;
         color: white ;
         font-size: 0.9em;
      }

   #centreLeft {
      padding: 50px 0 0 15px;
      float: left;
      width: 175px ;
   }

#centreLeft img{
padding-top: 20px;
}

   #centreRight {
      float: left;
      width: 300px ;
      padding-top: 40px;
      padding-left: 10px;
      background: transparent url(/assets/img/watermark.gif) no-repeat scroll bottom right;
   }

#centreRight P{
line-height: 1.6em;
}

   
   #centreBottom {
      width: 700px ;
      margin-top: 10px;
      padding-left: 10px;
      margin-left: 10px;
      padding-top: 30px;
padding-bottom: 15px;
   }
   

   #centreCol2 #centreRight {
      float: left;
      width: 505px ;
      padding-top: 40px;
      padding-left: 10px;
      font-size: 1.2em;
      background: transparent url(/assets/img/watermark.gif) no-repeat scroll bottom right;
   }


#centreColHome {
   background: white url(/assets/img/home_bg.gif) ;
   float: left;
   width: 516px ;
}

   #centreColHome p {
line-height: 1.2em;
      padding-left: 20px;
      padding-right: 20px;
   }

   #centreColHome h2 {
      padding-top: 20px;
      padding-left: 30px;
      padding-right: 30px;
      font-size: 1.8em;
      color: #A10103;
   }

#centreBody {
   padding: 15px;
      background: transparent url(/assets/img/watermark.gif) no-repeat scroll bottom right;
}

#centreBody a{
color: #0061A5;
}
.homemap {
   background:inherit;
   display: block ;
   text-align: center ;
   padding-bottom: 10px ;
   /*border-bottom: 3px solid #E0E0E0;*/
}

#centreBody ul {
   padding: 5px 10px;
}


.bottomAd {
   display: block ;
   float: left ;
}

.regionalAd {
   float: left;
   height: 90px;
   width: 335px ;
   margin: 5px 10px 5px 0 ;
   border: 1px solid #B3B3B3 ;
   border-bottom: 1px solid #4A4A4A ;
   border-right: 1px solid #7F7777;
}

   .regionalAd p {
      padding: 2px 5px 0 132px;
line-height: 11px;
   }

   .regionalAd img {
      float: left;
      border: none ;
   }

   .regionalAd a {
      color: #4A4A4A;
text-decoration: underline;
   }

/* left boxes */
#leftCol {
   float: left;
   padding-left: 9px ;
   padding-top: 6px ; /* padding above boxheader */
   width: 263px ;
   display: block ;
}

#leftCol a {
   color: #0061A5 ;
}

.boxHeader {
text-transform: uppercase;
   height: 24px;  /* See below NOTE A - height of boxheader - original 48px */
   width: 253px;
}

#triviaHolder .boxHeader {
   background: url(/assets/img/left/triv_bg.jpg) ;
}

#mailHolder .boxHeader {
   background: url(/assets/img/left/mail_bg.jpg) ;
}

#specialHolder .boxHeader {
   background: url(/assets/img/left/special_bg.jpg) ;
}

   #specials {
	width:253px;
	height:150px;
	overflow:hidden;
	position:relative;
   }

   #specials img {
      padding-left: 5px ;
      padding-right: 5px ;
      float: left ;
   }

   #specials p {
      padding: 2px 5px 0 5px;
   }

   #specials .boxText {
      padding: 20px 10px 10px 130px;
   }

#interestedHolder .boxHeader {
   margin-top: 35px;
   background: url(/assets/img/left/ad_bg.jpg) ;
}

.boxHeader h2 {
   padding-top: 6px ; 
   padding-left: 25px ;
   color: white ;
   font-size: 1.4em;
   font-weight: bold ;
}

.heading {
   padding-bottom: 0 ;
   font-size: 1.2em;
   font-weight: bold ;   
}

.boxText {
   width: 211px;
   padding:0 20px 10px 20px;
line-height: 1.5em;
}

/* right column */
.rightImage {
   padding: 10px 0 0 5px;
}

/* -----------advertiser details page -------------- */
#advertiser{
font-size: 1.2em;
/*margin: 10px 20px 10px 20px;*/
margin: -3px 20px 10px 20px;
}

#advertiser h3 {
padding-top: 10px;
}

#advertiser a {
   color: #0061A5 ;
}

#advertiser .logo{
float: left;
display: inline;
padding: 10px;
}

#advertiser .left{
float: left;
display:inline;
}

#advertiser .right{
float: right;
display: inline;

}

#advertiser .content {
padding: 15px 0 15px 0;
}

/* -----------right rotating ads-------------- */
/*#rightCol {
   float: right;
   width: 195px ;
   margin: 10px 1px 10px 5px;
   display: block ;
}*/
#rightCol {
display:block;
left:50%;
margin:10px 1px 0 304px;
position:absolute;
width:195px;
}

.right_ad_sml {
	float: left;
	height:150px;
	overflow:hidden;
	position:relative;
}

.right_ad_lge {
	float: left;
	height:300px;
	overflow:hidden;
	position:relative;
}

.cat_scroll{
	width:2000px;
	position:relative;
	background-color:#FFF;
	top:0;
}
.cat_scroll img { 
        border: 0;
	float:left;
}

#rightTopSmall {
	width:180px;
	margin-bottom:10px;
}

#rightBottomSmall {
	width:180px;
	margin-bottom:10px;
}

#rightLarge {
	width:180px;
	margin-bottom:5px;
}

/* -----------front rotating ads-------------- */
#bottomAds {
   height:143px;
   overflow:hidden;
}
.cat_front_scroll{
	background-color:#FFF;
	display:block;
	position:relative;
}
.cat_front_scroll img {
        float:left;
        margin-bottom:5px;
        border: 0;
}
.front_ad {
	float: left;
	width: 172px;
        height: 143px;
	display:block;
	position:relative;
	z-index:69;
	overflow:hidden;
}

#frontLeft {
	height:143px;
}

#frontMiddle {
	height:143px;




}

#frontRight {
	height:143px;
}

.voucher {
        display: block ;
        padding: 15px;
        width: 150px ;
        border: 1px solid #93D317;
        background: #76A811 url(/assets/img/left/voucher_bg.jpg) no-repeat top right;
        text-align: center ;
        font-size: 1.2em;
        font-weight: bold ;
}

#advertiser .voucher a{ color: #FFF;}

.content {
   padding: 0 20px 10px 10px;
}

#centreCol {
   background: white url(/assets/img/default_bg.gif) no-repeat;
   float: left;
   width: 516px;
   font-size: 1.2em;
}

#centreColAdvertiser {
   background: white url(/assets/img/default_bg_span.gif) no-repeat;
   float: left;
   width: 719px ;
}
#image_1 {
   z-index:10;
}
#image_2 {
   z-index:9;
}
#image_3 {
   z-index:8;
}
#image_4 {
   z-index:7;
}
#image_5 {
   z-index:6;
}

/*-----------contact page -----------------*/
#contact_form{
float:left;
display:inline;
width: 280px;
}

form .row label{
font-size: 1em;
}

#address{
width: 160px;
padding: 10px;
border: 1px solid #666;
font-size: 1em;
float: right;
display:inline;
}


#contact_form .left{
float:left;
display:inline;
}

#contact_form .right{
float:right;
display:inline;
}


#contact_form .row{
padding-bottom: 5px;
}


#contact_form input.profile-string, #contact_form input.profile-email{
width: 160px;
height: 15px;
}

#contact_form textarea{
width: 280px;
height: 100px;
}

input.submit{
width: 100px;
height: 20px;
float: right;
display: inline;
}
/*-----------lightbox-----------------*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(/assets/img/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/img/overlay.png", sizingMethod="scale");
	}

/* ----------------FAQs page ---------------- */
#faq {
background: #EC0202;
color: #FFF;
padding: 20px;
margin: 0 auto;
}

#faqheader{ height: 150px; line-height: 150px; vertical-align: middle;}


#faq img {
float: left;
display: inline;
padding-right: 20px;
}

/* -------------misc ---------------- */

.homemap{
background: url(/assets/img/watermark.gif) bottom right no-repeat;
margin-right: 16px;
}

.map_view, .map_view a{
text-align: center;
color: #999;
}

.fixed_breads{
width:240px;
width:350px;
text-align:right;
position: relative; 
bottom: 25px; 
left: 450px; 
left: 340px;}





/* ------- attempt to correct content sizes... ------ */
/* this won't work in ie6 */
body div#page div #centreCol,
body div#page div #centreCol2,
body div#page div #centreCol2 #centreRight,
body div#page div #centreColAdvertiser,
body div#page div #advertiser {
	font-size: 1em !important;
	line-height: 1.5em !important;
}


/* ------ 9064 black default ----- */
body div#page div #centreCol,
body div#page div #centreCol2,
body div#page div #centreCol2 #centreRight,
body div#page div #centreColAdvertiser,
body div#page div #centreColHome,
body div#page div #advertiser {
	color: #000000 !important;
}
/* ------ /9064 black default ----- */




/* this works for firefox/safari/etc, but ie requires javascript.
   see fader.js */
span[style] {
	/*font-size: inherit !important;
	line-height: inherit !important;*/
	/*color: #000;*/
}
body div#page div#nav2 {
font-size: 0.8em !important;
}
/* long state text breaks layout */
body div#page div p.stateText {
position: absolute !important;
}
body div#page div #centreTop {
font-size: 0.8em !important;
}
body div#page div #footer {
font-size: 0.8em !important;
}



/* ----------- attempt to correct margins in boxes on left side ------------ */
body div#page div#leftCol div *,body div#page div#leftCol div * * {
	margin: 0;
	padding: 0;
}
body div#page div#leftCol div .boxHeader,
body div#page div#leftCol div .boxText {
	clear: left;
}
body div#page div#leftCol div .boxHeader h2 {
	padding: 0.8em 0.6em 0;
}
body div#page div#leftCol div .boxHeader {
	margin-top: 1em;
}
/* except for trivia... */
body div#page div#leftCol div#triviaHolder .boxHeader {
	margin-top: 0 !important;
}
body div#page div#leftCol div #specials,
body div#page div#leftCol div .boxText {
	padding: 1em 1.7em 0;
}


/* ------ now fix up the regional ads and lefCol.... ----------------- */
body div#page div div .regionalAd,
body div#page div#leftCol div .boxText {
font-size: 0.8em !important;
}
/* ---- NOTE A - fix height of text in LHS boxheaders ---- */
body div#page div#leftCol div div h2 {
	padding-top: 0.3em !important;
	padding-left: 0.6em !important;
	font-size: 1em !important;
}

/* ------- fix up centering... (fx3 has issues on some systems due to 
font rendering and the floats used in this layout...) ---- */
div#nav ul {
	position: absolute;
}

/* ------ nicely style new specials box... ---------- */
/* cancel prev styles */
#specials * {
width: auto;
height: auto;
padding: 0;
margin: 0;
}
#specials {
font-size: 0.8em;
padding: 1em 1em 0 !important;
height: 93px;
}
#specials div {
width: 230px;
}

#specials img {
	margin-right: 3px !important;
}
body div div#leftCol {
width: 263px !important;
overflow: hidden !important;
}

#errorBox {
   padding: 20px 40px 0 20px;
   color: white;
}

#errorBox img {
   float: left;
   padding-right: 40px;
   border: none;
}

#errorBox ul {
   padding-top: 15px;
   margin-left: 315px;
}