* {padding:0px; border:0px; margin:0px; color:#666666;}
body {text-align:center; font-family:georgia; background-color:#FFFFFF; line-height:110%; background-image:url(/images/layout/bg-body.gif); background-position:top center; background-repeat:no-repeat;}

#wholepagecontentholder {position:absolute; width:743px; left:50%; margin-left:-372px; margin-top:119px;}/*740 width, plus 1px X3 for borders*/

#logo {width:222px; height:198px; border:1px solid #CCCCCC;}
#logo img {margin:2px;}

#topPhotoLarge {float:right; width:518px; height:483px; border:1px solid #CCCCCC; border-left:0px; display:inline; padding-top:2px;}

#topPhotoSmall {float:right; width:518px; height:198px; border:1px solid #CCCCCC; border-left:0px; display:inline;}
#topPhotoSmall img {margin:2px;}

#menu {float:left; width:222px; height:286px; border:1px solid #CCCCCC; border-top:0px; display:inline;}
#menu table {width:100%; height:286px;}
#menu table td {border-collapse:collapse; border:1px solid #FFFFFF; text-align:left;}
#menu table td.menuOff { background-color:#EBE9E9; height:24px;}
#menu table td.menuOn { background-color:#DDDDDD; height:24px;}
#menu td a { font-size:14px; text-decoration:none;}
#menu td.menuOff a {color:#B31C27;}
#menu td.menuOn a {color:#FF0000;}

#content h1 {font-size:0.9em; font-weight:bold; margin-left:15px; margin-bottom:15px; color:#B94D55;}
#contentHome h1 {font-size:0.9em; font-weight:bold; margin-left:15px; margin-bottom:15px; color:#B94D55;}

#content h2 {font-size:0.7em; font-weight:bold; margin-left:15px; padding-bottom:15px; color:#B94D55;}
#contentHome h2 {font-size:0.7em; font-weight:bold; margin-left:15px; margin-bottom:15px; color:#B94D55;}

#content h3 {font-size:0.7em; font-weight:bold; margin-left:15px; padding-bottom:15px; color:#B94D55;}
#contentHome h23 {font-size:0.7em; font-weight:bold; margin-left:15px; margin-bottom:15px; color:#B94D55;}

#content p { font-size:0.7em; margin-left:15px; margin-bottom:15px;}
#contentHome p { font-size:0.7em; margin-left:15px; margin-bottom:15px;}

#content table {font-size:0.7em; margin-left:15px; margin-bottom:15px;}
#contentHome table {font-size:0.7em; margin-left:15px; margin-bottom:15px;}

#content li { font-size:0.7em;}
#contentHome li { font-size:0.7em;}

#content li li { font-size:1em;}
#contentHome li li { font-size:1em;}

#content li li li { font-size:1em;}
#contentHome li li li { font-size:1em;}

table.caravanForSale { border:1px solid #CCCCCC; width:490px; float:left;}
table.caravanForSale td { padding:3px; border:1px solid #CCCCCC;}
table.caravanForSale td.heading {text-align:right; font-weight:bold; color:#B94D55; width:195px;}

#content ul {margin-left: 30px; margin-bottom:15px;}
#contentHome ul {margin-left: 30px; margin-bottom:15px;}

#content ol {margin-left: 30px; margin-bottom:15px;}
#contentHome ol {margin-left: 30px; margin-bottom:15px;}

#content .strong {font-weight:bold; color:#B94D55;}
#contentHome .strong {font-weight:bold; color:#B94D55;}

#content #subNav { text-align:center; margin-left:-20px;}
#content #subNav li {display:inline; list-style-type:none;}

#content #subNav2 { text-align:center; margin-left:-20px;}
#content #subNav2 li {display:inline; list-style-type:none;}/*An exact copy of subNav. W3C dont like multiple div IDs with the same name, so for the pages with two subNav's, the second is called subNav2*/

#content a {color:#B99B4D; text-decoration:none;}
#contentHome a {color:#B99B4D; text-decoration:none;}

#content a:hover {color:#B99B4D; text-decoration:underline;}
#contentHome a:hover {color:#B99B4D; text-decoration:underline;}

#content td.tBorder {border:1px solid #999999; border-collapse:collapse;}

div.leftLine6px { float:left; width:222px; height:1px; border-top: 6px solid #CCCCCC; margin-top:2px; display:inline;}
div.rightLine6px { float:left; width:520px; height:1px; border-top: 6px solid #CCCCCC; margin-top:2px; display:inline;}

#leftButtons {width:220px; float:left; margin:1px; }
#leftButtons img {float:left; margin-bottom:2px; margin-right:1px; display:inline;}

.specialOffers {width:220px; height:120px; float:left; margin:1px 0px 3px 0px; position:relative;}
.specialOffersImage {top:0px; left:0px; width:220px; height:120px; position:absolute;}
.specialOffersText {top:15px; left:9px; text-align:left; width:175px; height:90px; position:absolute; color:#B31C27; font-size:10px; font-weight:bold; line-height:130% !important;}
.specialOffersText h1 {font-size:11px; color:#B31C27; margin-bottom:10px;}
.specialOffersText a {color:#B31C27 !important; text-decoration:none !important;}
.specialOffersText a:hover {color:#B31C27 !important; text-decoration:none !important;}

#contentHome { float:left; text-align:left; width:521px; margin-top:1px; background-color:#F1F1F1; margin-bottom:3px; display:inline;}
#content {float:right; text-align:left; width:517px; margin-top:1px; background-color:#F1F1F1; margin-bottom:3px; margin-right:2px; display:inline;}

#breadcrumb { float:left; width:503px; height:23px; font-size:0.6em; padding-top:3px; padding-left:15px; margin-bottom:15px; display:inline;}
#content #breadcrumb { border-bottom:4px solid white; margin-top:1px;}
#contentHome #breadcrumb { border-bottom:2px solid white; margin-top:1px;}
#breadcrumb a {color:#666666;}
#breadcrumb a:hover {color:#666666;}

div.imageRight {float:right; margin:10px; margin-top:3px; border:1px solid #666666; background-color:white; display:inline;}
div.imageRight img {margin:1px; margin-bottom:-2px; margin-bottom:1px;} /*All browsers (for FF's benefit) use -2px, then IE browsers use 1px*/

div.imageLeft {float:left; margin:10px; margin-top:3px; border:1px solid #666666; background-color:white; display:inline;}
div.imageLeft img {margin:1px; margin-bottom:-2px; margin-bottom:1px;} /*All browsers (for FF's benefit) use -2px, then IE browsers use 1px*/

div.hr {float:left; display:inline; margin:0px 10px 15px 15px;  width:480px; height:1px; border-top:1px solid #999999; clear:both;}


table.bookingButtonTable {width:100%;}
table.bookingButtonTable td a {margin-left:30px;}

a.bookingButton {display: block; width: 159px; height:92px; background-position: 0px 0px; text-decoration: none;}
a.bookingButton:hover {display: block; width: 159px; height:92px; background-position: -159px 0px;}


input.textField {width:120px; border:1px solid #999999;}
input.textFieldName {width:90px; border:1px solid #999999;}
input.textFieldSmall {width:30px; border:1px solid #999999;}
textarea.textAreaAddress {width:120px; height:70px; border:1px solid #999999;}
table.bookingForm td {padding-bottom:5px; vertical-align:top; color:#444444;}

#footer { float:left; font-size:0.6em; width:518px; margin-left:225px; height:30px; border:1px solid #CCCCCC; font-family:arial; font-size:10px; color:#999999; display:inline;}
#footer a {color:#999999; text-decoration:none;}
#footer a:hover {text-decoration:underline; color:#666666;}
#footer #left {float:left; margin-left:5px; color:#999999; margin-top:4px;}
#footer #right {float:right; margin-right:5px; margin-top:4px; color:#999999;}

#sub-footer {float:left; width:743px; height:50px; text-align:right; font-size:0.6em; color:#999999;}
#sub-footer a {color:#999999; text-decoration:none;}
	
#sub-footer div.moreLinks {float:left; margin-left:225px; width:385px; text-align:center; margin-top:15px; height:30px; font-family:arial; color:#999999; display:inline;}