/*GENERIC STYLESHEET for web build*/
*{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	font-size: 12px;
}
.form-holder {
	padding: 5px;
	float: left;
	width: auto;
}

.clearer {
	clear:both;
	line-height:0px;
}
.quote {
	font-size: 12px;
	font-style: italic;
	color: #D8A643;
}

/*All buttons across all pages INCLUDING DMS PAGES*/
.button{
	margin: 2px;
}

.button a, .button a:visited{
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}


.button a:hover{
	background-color: #CCCCCC;
	color: #ffffff;
}



/*Generic styles across all pages- This also contains all of the default colours and layouts from the initial web build. Overrides can be found in <PUBLICATIONCODE>_dynamic.aspx*/
*{
	padding: 0px;
	margin: 0px;
}
body{
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 90%;
	background-image: url(../img/i-bg.jpg);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}

a, a:visited{
	color: #cccccc;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

ul{
	list-style: none;
}

img, img a{
	border:0;
}
p {
	margin: 2px;
}

/* used as main heading */
h1 {
	font-size: 24px;
	color: #D8A741;
}
h2 {
	color: #75888B;
	padding-left: 0px;
	font-size: 14px;
}
h2 a, h2 a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
h2 a:hover {
}
h1, h2, h3{
	margin: 2px 0px 4px 0px;
}
/*seperate if visited is different*/
h3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#uppercontent{
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#right-content {
	float: right;
	width: 262px;
	margin-top: 10px;
	margin-right: 10px;
}
#left-content {
	float: left;
	width: 596px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.left-content-box {
	float: left;
	width: 278px;
	margin-right: 10px;
	background-color: #D8A643;
	margin-bottom: 10px;
	padding: 5px;
	color: #FFFFFF;
	line-height: 14px;
}
.left-content-box-2 {
	float: left;
	width: 576px;
	margin-right: 10px;
	background-color: #D8A643;
	margin-bottom: 10px;
	padding: 5px;
	color: #FFFFFF;
}
#left-content a:hover{
}
.left-content-box a, .left-content-box a:visited {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}
.left-content-box a:hover {
	text-decoration: underline;
}
.left-content-box-2 a, .left-content-box-2 a:visited {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}
.left-content-box-2 a:hover {
	text-decoration: underline;
}
.left-content-box-img {
	float: left;
	height: 100px;
	width: 77px;
	margin-right: 10px;
}
.left-content-box-holder {
	width: auto;
	margin-top: 15px;
}
#dms-content {
	width: 887px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
#text {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin: 10px;
}

/*table styles*/
table{
}

th {
	font-size: 14px;
}

td {
}

tr{
}
/*site build styles- here are some examples of some generic names that you should really be using to keep to standards.*/
#frame{
	width: 899px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	border: 1px solid #75888B;
}
#header{
	background-image: url(../img/i-header.jpg);
	height: 109px;
	width: 899px;
	text-align: right;
}
#header a, #header a:visited{
	float: right;
	height: 49px;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 60px;
	font-size: 15px;
	font-weight: bold;
	color: #D8A741;
}
#header a:hover{
	float: right;
	height: 49px;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 60px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/i-button-rollover.jpg);
}
#main-image{
	background-image: url(../img/main-image-1.jpg);
	height: 215px;
	width: 899px;

}
.nav-box {
	float: right;
	height: 49px;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 60px;
	font-size: 15px;
	font-weight: bold;
	color: #D8A741;
}
.nav-box a, .nav-box a:visited {
	float: right;
	height: 49px;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 60px;
	font-size: 15px;
	font-weight: bold;
	color: #D8A741;
	background-image: url(../img/i-button-rollover.jpg);
}
.nav-box a:hover {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}
#lowernav {
	background-color: #1C2122;
	height: 40px;
}
.lowernav-box {
	height:25px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	width: auto;
	float: left;
	text-align: left;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #444444;
	padding-top: 5px;
}
.lowernav-box a, .lowernav-box a:visited{
	font-size: 14px;
	color: #FFFFFF;
}
.lowernav-box a:hover{
	color: #EBD19E;
}
#topnav li{
}
#topnav a{
}
#topnav a:hover{
}
#topnav li a{
}
#maincontent{
}
#leftcol{
}
#rightcol{
 }
#middlecol{
}
#footer{
	background-color: #333333;
	width: 886px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #FFFFFF;
	font-weight: bold;
	margin:10px auto 0px auto;
	font-size: 14px;
}
hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#footer a, #footer a:visited {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
}
#footer a:hover {
	text-decoration: underline;
}

#footer ul{
}
#footer li{
}
#footer li.end{
}
/*specific overrides here, for page specific h1s for example*/
.image-right {
	float: right;
	text-align: left;
	width: 262px;
	margin-bottom: 15px;
}
.footer-image {
	float: right;
	margin-top: 2px;
}
.map-img {
	text-align: center;
	width: auto;
	margin-top: 10px;
}
.pet-header {
	height: 97px;
	width: auto;
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	background-color: #201E1D;
}
.pet-header-txt {
	width: auto;
	float: right;
	height: 20px;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 13px;
	padding-top: 67px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.pet-content {
	background-color: #333333;
	width: auto;
	background-image: url(../img/pet-right-bg.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pet-right {
	background-image: url(../img/pet-right-bg.jpg);
	float: right;
	height: auto;
	width: 95px;
	background-repeat: repeat-y;
}
.pet-grey-box {
	background-color: #333333;
	height: 97px;
	width: 95px;
	float: right;
}


.pet-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #000000;
	width: auto;
	float: left;
	background-color: #CCCCCC;
	padding: 10px;
	margin: 10px;
}
.pet-content-img {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

.pet-nav-right {
	width: auto;
	line-height: 22px;
	margin-left: 240px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
}
h5 {
	font-size: 28px;
	color: #D86918;
	margin-bottom: 25px;
}

.pet-nav a, .pet-nav a:visited{
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
}
.pet-nav a:hover{
	line-height: 22px;
	color: #D86918;
	font-weight: normal;
}
.pet-header-img {
	float: left;
	width: auto;
}

.pet-subheader {
	height: 41px;
	width: auto;
	background-color: #201E1D;
}
/*---------------------------------DMS97 new accommodation details page - integrated TC 14/01/09---------------------------------*/
div#thedmsPropertyEssentialsright {
	margin-left:8px;
}
div#thedms02n #thedmsGridInstructions {
	clear:both;
}
div#thedms02n #thedmsAvailability {
	background-color:#9BB2B8;
}
div#thedms02n .thedmsGridTableBorder {
	width:100%;
}
div#thedms02n #thedmsGridAvailabilityCheck {
	margin:25px;
	width:95%;	
}
div#thedms02n #thedmsGridTable, div#thedms02n div#thedmsGridAvailabilityChart p{
	margin: 0px 25px;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a 
{

}
div#thedms02n .thedmsGridBook a, div#thedms02n .thedmsGridBook a:visited 
{
	color:White;
	text-decoration:none;
}
div#thedms02n .thedmsGridBook a:hover, div#thedms02n .thedmsGridTableHeader a:hover
{
	text-decoration:underline;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook 
{
	background-color:#F78421;
	color:#fff;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable
{
	background-color:#92A85C;
	color:#fff;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{
	background-color:#699EB6;
	color:#023A49;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyUnknown, div#thedms02n .thedmsGridUnknown
{
	background-color:#CAC48A;
	color:#023A49;
}

div#thedms02n .thedmsGridIcon, div#thedms02n .thedmsGridIconText 
{
    background:#666;
    margin-right:4px;
}

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
    background:#999;
    color:white;
    padding:8px 6px;
    text-align:center;
}

div#thedms02n h2 
{
    background:#666;
    color:White;
    padding:4px;
    width:99%;
}

.thedmsGridLeftAligntext {
	text-align:left;
}
.nvglink {
    color: #666666;
    float: right;
    margin-right: 525px;
    padding-top: 5px;
}
.nvglink img{
vertical-align: middle;
}

.season-dates td {
	width:250px;
	padding:5px;
}

.thedmsServerError {display: block;height: 70px;padding: 2%;width: 96%;}