/**style sheet for cairngorm-holidays.co.uk**/	

/*==basic tags====*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#000;
	background-color: #f6f6e5;
	border: none;
}
h1   {
	color:#444;
	background-color: #fff;
	border: none;
	margin-left: 20px;
	font-size: 1.3em;
	padding-top: 12px;
}
h1 a {
	color: #666;
	background-color: #FFFFFF;
	font-size: 0.8em;
}
h1 a:link, h1 a:visited {
	color: #777;
	background-color: #FFFFFF;
	text-decoration: underline;
}
h1 a:hover, h1 a:active {
	color: #ab6827;
	background-color: #FFFFFF;
}
h2   {
	font-size: 1.2em;
	margin-left: 20px;
	color: #444;
	background-color: #fff;
}
h3  {
	margin-left: 20px;
	color: #006699;
	background-color: #fff;
	font-size: 1.1em;
}
h4 {
	margin-left: 20px;
	color: #444;
	background-color: #FFFFFF;
	font-size: 1.0em;
}

a, a:link, a:visited {
	margin: 0px;
	padding: 0px;
	color:#000;
	background-color: #adcceb;
	text-decoration: none;
	}
a:hover, a:active {
	margin: 0px;
	padding: 0px;
	color:#ab6827;
	background-color: #444;
	border: none;
}
p 	{
	padding: 0px;
	color:#444;
	background-color: #fff;
	border: none;
	margin: 10px 20px 10px 20px;
	line-height: 1.5em;
}
#wrap #content #leftbox p a {
	color: #444;
	background-color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#wrap #content #leftbox p a:link, a:visited {
}
#wrap #content #leftbox p a:hover, a:active {
	color: #ab6827;
	background-color: #FFFFFF;
}


img {
}
/*====divs====*/
#wrap {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	color:#444;
	background-color: #FFFFFF;
	border: 1px solid #83A5C8;
	width: 750px;
	font-size: 78%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#header{
	width:750px;
	background-color: #adcceb;
	color: #000000;
}
#logo {
	float: left;
	width: 250px;
}
#ch{
	float:left;
	width: 250px;
	color:#000;
	background-color: #adcceb;
	}
#wrap  #header  #ch  a img {
	border: none;
}
#home #wrap #logo #buttons{
	float:left;
	width: 250px;
	color: #444;
	background-color:#adcceb;
	border: none;
	}


#home #wrap #header #logo #buttons img {
	border: none;
}
#image{
	width: 500px;
	height: 270px;
	color: #000;
	background-color: #adcceb;
	float:left;
	border: none;
}
#image img {

}
#wrap #nav{
	width:750px;
	color: #000;
	background-color: #adcceb;
	clear:both;
	height: 35px;
}
#wrap #nav ul{
	float:right;
	margin-bottom: 10px;
	margin-top: 11px;
}
#wrap  #nav  ul li{
	display:inline;
	list-style: none;
	margin-left: 10px;
	margin-right: 20px;
	font-weight: bold;
}
#wrap #nav  ul  li a{
	text-decoration: none;
	color: #222;
	background-color: #adcceb;
}
#wrap #nav  ul li a#current {
	color: #ab6827;
	background-color: #adcceb;
}
#wrap        #nav   ul  li  a:link,#wrap #nav ul li a:visited  {
	color: #444;
	background-color: #adceeb;
}
#wrap      #nav   ul  li  a:hover,#wrap #nav ul li a:active  {
	color: #ab6827;
	background-color: #adcceb;
}
#wrap #content{
}
#wrap #content #leftbox{
	float:left;
	width: 490px;
	color: #000;
	background-color: #FFFFFF;
	margin-right: 10px;
	overflow: hidden;
}
#home #wrap #content #leftbox img {
	float: left;
	margin-top: 18px;
	margin-right: 5px;

}

#wrap  #content  #leftbox  p  {
	font-size: 93%;
	padding-left: 10px;
	line-height: 1.8em;
}
#wrap #content #leftbox #contactsBox {
	width: 500px;
	float:left;
}
#wrap #content #leftbox #contactsBox ul {
	text-decoration: none;
	width: 500px;
}
#wrap #content #leftbox #contactsBox ul li {
	list-style: none;
	display: inline;
	float: left;
	margin-right: 6px;
}
#wrap  #content  #leftbox  #contactsBox  ul  li.home a       {
	color: #000000;
	background-color: #FFFFFF;
	width: 100px;
	height: 90px;
	background-repeat: no-repeat;
	background-image: url(images/homeImgOff.gif);
	display: inline;
	float: left;
}
#wrap  #content  #leftbox  #contactsBox  ul  li.home a:link,#wrap  
#content  #leftbox  #contactsBox  ul  li.home  a:visited 
       {
	background-color: #FFFFFF;
	color: #000000;
	display: inline;
	background-repeat: no-repeat;
	width: 100px;
	height:90px;
	background-image: url(images/homeImgOff.gif);
	float: left;
}
#wrap #content #leftbox #contactsBox ul li.home a:hover,
#wrap #content #leftbox #contactsBox ul li.home a:active{
	background-image: url(images/homeImgOn.gif);
	background-repeat: no-repeat;
	display: inline;
	width:100px;
	height:90px;
	background-color: #FFFFFF;
	color: #000000;
	float: left;
}
#wrap #content #leftbox #contactsBox ul li.accomm a {
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	background-image: url(images/accommImgOff.gif);
	width: 100px;
	height: 90px;
	background-repeat: no-repeat;
	display: inline;
}
#wrap #content #leftbox #contactsBox ul li.accomm a:link, 
#wrap #content #leftbox #contactsBox ul li.accomm a:visited
       {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(images/accommImgOff.gif);
	display: inline;
	background-repeat: no-repeat;
	width: 100px;
	height:90px;
	float: left;
}
#wrap #content #leftbox #contactsBox ul li.accomm a:hover,
#wrap #content #leftbox #contactsBox ul li.accomm a:active{
	background-image: url(images/accommImgOn.gif);
	background-repeat: no-repeat;
	display: inline;
	width:100px;
	height:90px;
	background-color: #FFFFFF;
	color: #000000;
	float: left;
}
#wrap  #content  #leftbox  #contactsBox  ul  li.avail1  a {
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	background-image: url(images/bookingImgOff.gif);
	width: 100px;
	height: 90px;
	background-repeat: no-repeat;
	display: inline;
}
#wrap  #content  #leftbox  #contactsBox  ul  li.avail1  a:link,
#wrap  #content  #leftbox  #contactsBox  ul  li.booking  a:visited  {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(images/bookingImgOff.gif);
	display: inline;
	background-repeat: no-repeat;
	width: 100px;
	height:90px;
	float: left;
}
#wrap  #content  #leftbox  #contactsBox  ul  li.avail1  a:hover, 
#wrap  #content  #leftbox  #contactsBox  ul  li.booking  a:active    {
	background-image: url(images/bookingImgOn.gif);
	background-repeat: no-repeat;
	display: inline;
	width:100px;
	height:90px;
	background-color: #FFFFFF;
	color: #000000;
	float: left;
}
#wrap #content #leftbox #contactsBox ul li.location a  {
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	background-image: url(images/activitiesImgOff.gif);
	width: 100px;
	height: 90px;
	background-repeat: no-repeat;
	display: inline;
}
#wrap #content #leftbox #contactsBox ul li.location a:link,
#wrap #content #contactsBox ul li.location a:visited    {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(images/activitiesImgOff.gif);
	display: inline;
	background-repeat: no-repeat;
	width: 100px;
	height:90px;
	float: left;
}
#wrap #content #leftbox #contactsBox ul li.location a:hover,   
#wrap #content #contactsBox ul li.location a:active    {
	background-image: url(images/activitiesImgOn.gif);
	background-repeat: no-repeat;
	display: inline;
	width:100px;
	height:90px;
	background-color: #FFFFFF;
	color: #000000;
	float: left;
}
#wrap  #content  #levtbox #contactsBox  ul  li.contact  a  {
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	background-image: url(images/contactImgOff.gif);
	width: 100px;
	height: 90px;
	background-repeat: no-repeat;
	display: inline;
}
#wrap  #content  #leftbox #contactsBox  ul  li.contact  a:link, 
#wrap  #content  #leftbox #contactsBox  ul  li.contact  a:visited 
       {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(images/contactImgOff.gif);
	display: inline;
	background-repeat: no-repeat;
	width: 100px;
	height:90px;
	float: left;
}
#wrap  #content #leftbox #contactsBox  ul  li.contact  a:hover,
#wrap  #content #leftbox #contactsBox  ul  li.contact  a:active {
	background-image: url(images/contactImgOn.gif);
	background-repeat: no-repeat;
	display: inline;
	width:100px;
	height:90px;
	background-color: #FFFFFF;
	color: #000000;
	float: left;
}
#home  #wrap  #content  #leftbox  #contactsBox  ul li.animalImage1 {
	background-image: url(images/animalImg1x.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 125px;
	height: 90px;
}
#accomm  #wrap  #content  #leftbox  #contactsBox  ul  li.animalImage2 {
	background-image: url(images/animalImg2.jpg);
	width: 125px;
	height: 90px;
	float: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#location #wrap #content #leftbox #contactsBox ul li.animalImage3 {
	background-image: url(images/animalImg3.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: left;
	width: 125px;
	height: 90px;
}
#avail1  #wrap  #content  #leftbox  #contactsBox  ul  li.animalImage4 {
	background-image: url(images/animalImg4.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: left;
	width: 88px;
	height: 122px;
	}
	
#avail2 #wrap #content #leftbox #contactsBox ul li.animalImage5 {
	background-image: url(images/animalImg5.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	float: left;
	height: 89px;
	width: 125px;
}
#home #wrap #header #image img {
	border: none;
}
#accomm #wrap #header #image img  {
	margin-left: 11px;
	margin-top: 14px;
}
#location #wrap #header #image img {
	color: #000000;
	background-color: #adcceb;
	padding-top: 0px;
}
#location #wrap #content #leftbox p {
	text-align: left;
}
#avail1 #wrap #content #leftbox ul li img {
}


/*==================table styles-booking pages==============*/
#wrap  #content  #leftbox table.mainTable{
	border: 1px solid #83A5C8;
	float:left;
	margin: 10px 10px 10px 30px;
	}
/*month heading eg February*/	
#wrap  #content  #leftbox  table td.month{
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	background-color: #83A5C8;
	text-align: center;
	padding: 3px 0px;
}
/*day headings - the row eg M T W, etc*/		
#wrap  #content  #leftbox tr.dayNamesText{
		font-size: 0.7em;
}
/*day headings - the cell eg M*//*color of the day headings - blue*/			
 #wrap  #content  #leftbox td.dayNamesCell{
	color: #000000;
	background-color: #D5E0EC;
	padding: 3px 7px;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	width: 14%;
}
/*background to blank cells*/				
#wrap  #content  #leftbox tr.rows{
}
#wrap #content td.nodate{
	color: #000000;
	background-color:#eaeaea; 
}
/*available days - GREEN - /*bg color #9ec517 avail dates - green*/	
#wrap   #content  #leftbox td.avail{
						font-size: 0.7em;
						padding: 2px;
						text-align: center;
						color: #000000;
						background-color: #9ec517;
						}
#wrap  #content  #leftbox  td.availOff  {
	font-size: 0.7em;
	padding: 2px;
	text-align: center;
	color: #444;
	background-color: #adcceb;
}

/*unavailable days - RED bg color #ED4511 unavail dates - red*/						
#wrap  #content  #leftbox td.unavail{
						font-size: 0.7em;
						padding: 2px;
						text-align: center;
						color: #000000;
						background-color: #ED4511;
						}
#wrap #content #leftbox #contactsBox {
	width: 490px;
	margin-right: 10px;
	overflow: hidden;
	float: left;
}
#wrap #content #leftbox #contactsBox p a:hover, a:active{
	background-color: #FFFFFF;
	color: #ab6827;
	font-weight: bold;
}
#wrap #content #leftbox #contactsBox p {
	text-align: left;
	text-decoration: underline;
	padding-right:12px;
}


#wrap #content #leftbox #contactsBox p a {
	text-decoration: underline;
	color: #444;
	background-color: #FFFFFF;
	font-weight: bold;
	padding-right:12px;
}
#wrap #content #leftbox #contactsBox p a:link, a:visited{
	color:#444;
	background-color:#fff;
	font-weight: bold;
}
#wrap #content #leftbox #contactsBox p a:hover, a:active{
	background-color: #FFFFFF;
	color: #ab6827;
	font-weight: bold;
}

/*=================form styles=======================*/
#contact #wrap #content #leftbox form {
	padding: 2em;
}
#contact #wrap #content #leftbox fieldset {
	border: 1px solid #778d1d;
	margin: 1em 0;
	padding: 1em;
}
#contact  #wrap  #content  #leftbox  fieldset  legend {
	font-weight: bold;
	color: #555;
	background-color: #FFFFFF;
	font-size: 1.1em;
}
#wrap #content #rightbox {
	margin-top: -5px;
	font-size: 0.85em;
	line-height: 0.8em;
	float: left;
	width: 250px;
	background-color: #adcceb;
	color: #444;
}
#home  #wrap  #content #rightbox{
	height: 470px;
}
#accomm  #wrap  #content  #rightbox {
	height: 960px;
}
#location #wrap #content #rightbox {
	height: 2050px;
}
#avail1 #wrap #content #leftbox p {
	text-align: right;
}

#avail1   #wrap   #content   #leftbox    p a  {
	color: #777;
	background-color: #FFFFFF;
}
#avail2  #wrap  #content  #leftbox  p  {
	text-align: right;
}
#avail2  #wrap  #content  #leftbox  p a {
	color: #777;
	background-color: #FFFFFF;
}
#avail1  #wrap  #content  #leftbox  li a {
	text-align: right;
	color: #777;
	background-color: #fff;
	text-decoration: underline;
	display: inline;
}
#avail1  #wrap  #content  #leftbox  li a:link, #avail1  #wrap  #content  li a:visited {
	color: #777;
	background-color: #fff;
}
#avail1  #wrap  #content  #leftbox  li a:hover, #avail1  #wrap  #content  li a:active {
	color: #ab6827;
	background-color: #FFFFFF;
}
#avail2  #wrap  #content  #leftbox  li a {
	text-align: right;
	color: #777;
	background-color: #fff;
	text-decoration: underline;
	display: inline;
}
#avail2  #wrap  #content  #leftbox  li a:link, #avail1  #wrap  #content  li a:visited {
	color: #777;
	background-color: #fff;
}
#avail2  #wrap  #content  #leftbox  li a:hover, #avail1  #wrap  #content  li a:active {
	color: #ab6827;
	background-color: #FFFFFF;
}
#avail1 #wrap #content #leftbox ul li {
	display: inline;
}
#avail2  #wrap  #content  #leftbox  ul li {
	display: inline;
}



#home #wrap #content #rightbox h4 {
	color: #444;
	background-color: #adcceb;
}
#home #wrap #content #rightbox p {
	color: #444;
	background-color: #adcceb;
}
#avail1  #wrap  #content  #rightbox {
	height: 760px;
	background-color: #adcceb;
	color: #444;
	z-index: 0;
}
#avail1  #wrap  #content  #rightbox  h1 {
	margin-top: 50px;
	color: #444;
	background-color: #adcceb;
	margin-bottom: 20px;
}
#avail1 #wrap #content #rightbox p {
	color: #444;
	background-color: #adcceb;
}




#avail2  #wrap  #content  #rightbox {
	height: 760px;
}					
#avail2 #wrap #content #rightbox h1 {
	color: #444;
	background-color: #adcceb;
	margin-top: 50px;
	margin-bottom: 20px;
}
#avail2  #wrap  #content  #rightbox  p {
	color: #444;
	background-color: #adcceb;
}



#contact #wrap #content #rightbox {
	height: 750px;
}
#contact #wrap #content #rightbox h1 {
	color: #444;
	background-color: #adcceb;
	margin-top: 50px;
	margin-bottom: 20px;
}
#contact #wrap #content #rightbox p {
	color: #444;
	background-color: #adcceb;
}
#terms #wrap #content #rightbox {
	height: 2780px;
}
#terms #wrap #content #rightbox h1 {
	color: #444;
	background-color: #adcceb;
	margin-top: 50px;
	margin-bottom: 20px;
}
#terms #wrap #content #rightbox p {
	color: #444;
	background-color: #adcceb;
}
#footer{
	clear:both;
	width:750px;
	color:#444;
	background-color:#fff;
	margin-bottom: 20px;
	background-image: url(images/footerBar.png);
	position: relative;
	top: -50px;
	left: 0px;
	height: 30px;
	z-index: 1;
}
#terms #wrap #content #footer {
	background-image: url(images/footerBar.png);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}

#footer ul {
	padding-top: 8px;
	position: relative;
	z-index: 2;
	top: 0px;
}
#footer  ul  li  {
	display: inline;
	text-align: center;
	font-size: 75%;
	color: #444444;
	padding: 0px 10px 0px 10px;
}
#footer  ul  li  a   {
	color: #444;
	background-color: #E0CBBE;
	text-decoration: underline;
}
#footer ul li a:link, a:visited {
	color: #444;
	background-color: #E0CBBE;
}
#footer ul li a:hover, a:active {
	color: #ab6827;
	background-color: #E0CBBE;
}
/*====classes====*/
.clear{}
.floatleft{}
.floatright{}
.bold {
	font-weight: bold;
}

#header #image a {
	background-color: #ADCCEB;
}
#avail1 #wrap #header #logo #ch a {
	background-color: #ADCCEB;
}
#header #logo #ch a {
	background-color: #ADCCEB;
}
#header #logo {
}