CSS - http://zeus2.spartanpress.co.uk/gaskbeg/

    * Collapse All
    * Expand All

http://zeus2.spartanpress.co.uk/gaskbeg/

html {

	margin: 0;
	
	padding: 0;

}

body.main {

	font-family: verdana,Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	font-size: 0.9em;

    background-color: #6D9FAB;

	color: #ccc;
}

body.cottages {

	font-family: Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	font-size: 0.9em;

    background-color: #CFB674;

	color: #ccc;
}

p.cottagesoffer {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #ffff8f;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 padding: 12px 10px 12px 160px; 
 

}



img.cairngormslogo {
    display: block;
    margin-left: auto;
    margin-right: auto }


a {

	color: #3F2E1C;;

	-moz-border-radius: 2px;

}

a:hover {

	background-color: #6D9FAB;


}

a.nohover:hover {
background: none;
border: none;
}



a.photo {

	text-decoration: none;

	color: black;
}

a.photo:hover {
background: none;
border: none;
}

h1 {

	font-family: cursive;

	font-style: italic;

	margin: 0;

	height: 102px;

	overflow: hidden;

}

h2 {

}

h3 {

	font-style: italic;

	font-size: 1em;

	color: #3F2E1C;

}

div.main {

	width: 800px;

	margin: auto;

	margin-top: 1em;

	background-color: #BAD1D7;
	
	
	/*background-color: #DFE8FF; */
	/*background-color: #FFF; */
	
	
	color: black;
	
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #000000;

	border-left-color: #000000;
	
	border-top-color: #000000;
	
	border-bottom-color: #000000;
}

div.maincottages {

	width: 800px;

	margin: auto;

	margin-top: 1em;

	/*background-color: #111;*/

	background-color: #FFFFCC;
	/*background-color: #FFF; */

	color: black;
	
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #000000;

	border-left-color: #000000;
	
	border-top-color: #000000;
	
	border-bottom-color: #000000;
}

div.header {

	background-color: #6D9FAB;

	color: white;

	height: 102px;
	
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #ffffff;

	border-left-color: #ffffff;
	
	border-top-color: #ffffff;
	
	border-bottom-colour: #ffffff;
	/*overflow: hidden;*/

}

div.headercottages {

	background-color: #FFFAEB;

	color: white;

	height: 102px;
	
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #ffffff;

	border-left-color: #ffffff;
	
	border-top-color: #ffffff;
	
	border-bottom-colour: #ffffff;
	/*overflow: hidden;*/

}

div.header div.subtitle {

	margin: 0.25em;

	float: right;

	font-family: cursive;

	font-size: 1.4em;

}

div.header div.logos {

	float: right;	

}

div.header div.logos img {

	vertical-align: top;
	


}

div.navigation {
	
	text-align: center;
	
	padding: 0 0.5em;

	font-family:   Helvetica, sans-serif;
	/* font-weight: bold; */

	background-color: #748A8F; 
	
	/* brown 
	background-color: #5C4E43; */
	
	color: #FFF;
	
	border-right-width: 1px;

	border-left-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #fff;

	border-left-color: #fff;
		
	border-bottom-colour: #fff;

}

div.navigationcottages {
	
	text-align: center;
	
	padding: 0 0.5em;

	font-family:   Helvetica, sans-serif;
	/* font-weight: bold; */

	background-color: #58330E; 
	
	color: #FFF;
	
	border-right-width: 1px;

	border-left-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #fff;

	border-left-color: #fff;
		
	border-bottom-colour: #fff;

}

div.navigation a {

	color: #FFF;

	text-decoration: none;

}

div.navigationcottages a {

	color: #FFF;

	text-decoration: none;

}

div.navigationcottages a:hover {

	/* text colour on hover */
	color: black;
	background-color: #FFF6CF;

}

div.submenu {

	float: left;

	width: 12 em;

	padding: 0.5em;

}

div.submenu ul {

	list-style-type: none;

	margin: 0 0 1em 0;

	padding: 0 0.5em;

}

div.submenu ul li {

	margin: 0.5em 0;
	
}

div.submenu ul li ul {

	padding-left: 2em;

}

div.content {

	margin-left: 3 em;
	
	padding: 0.5em;

}

div.boxedin {

	margin-left: 3 em;
	background-color: #6D9FAB;
	
	padding: 0.5em;

}


div.content p {

	text-align: justify; /* was justify; */

	margin-right: 45px;
	margin-left: 45px;

}

div.content {

	text-align: justify; /* was justify; */

	margin-right: 70px;
	margin-left: 70px;

}

div.widepage {
	text-align: justify; /* was justify; */

	margin-right: 0px;
	margin-left: 0px;

}
div.content ul {

	text-align: justify; /* was justify; */

	margin-right: 70px;
	margin-left: 70px;

}



p.photos {

	height:450px;

	margin-right:0px;
	margin-left: 0px;

	text-align:center;

	font-size:12px;

	overflow:auto;

}

div.photos {

	height:450px;

	margin-right:0px;
	margin-left: 0px;

	text-align:center;

	font-size:12px;

	overflow:auto;
	
	

}

div.content div.menu {

	text-align: center;

	width: 430px;

	padding: 10px;

	margin: 10px;

}

div.content div.menu p {

	text-align: center;

}

div.content div.menu h3 {

	margin-top: 0;

}

div.relatedimages {

	float: right;

	/*width: 125px;*/

	font-size: 0.8em;

	margin-left: 1em;

	text-align: center;

}

div.imagewithcaption {

	min-height: 105px;

	text-align: center;
	
	

}

div.centredimage {

	min-height: 19px;

	text-align: center;

}

div.imagewithcaption img {

	margin: 0.0 0.0 0.0 0.0;
		padding: 0px;
	margin-right: 1px;
	border: solid 2px #000;
	float: center;

}

imagewithcaption:hover {
background: none;
border: none;
}

img.normal {

	margin 0;


}

div.footermenu {

	padding: 0.5em;

}

div.footer {

	text-align: center;

	font-family: "Arial Black", Helvetica, sans-serif;

	font-size: 1.1em;

}

div.footer img {

	vertical-align: middle;

}

div.clear {

	clear: both;

}

div.content p.prominent {

	text-align: center;

}

div.columned {

	-moz-column-count: 2;

}

img {

	border: 0px;	

}

img.bordered {
	/* Ian */
	padding: 0px;
	border: solid 2px #000;
	float: center;
	
}

img.bordered:hover {
background: none;
border: solid 2px #000;
}

label {

	cursor: pointer;

	font-weight: bold;

}

input, textarea {

	/*margin-right: 1em;*/

}

input.required, textarea.required {

	

}

button {

	width: 15em;

}

table.photos td {

	padding: 0px;

	font-size: 0.8em;

	text-align: center;

}



table.photos a {

	text-decoration: none;

}

table caption {

	text-align: left;

	font-weight: bold;

	color: #3F2E1C;

}

td, th {

	vertical-align: top;

	padding-right: 0.5em;

}

td.normal {

	padding-right:0px;

}

thead th {

	text-align: left;

}

tbody th {

	text-align: right;

}

/********************************** WINTER WARMERS ******************/
body.winter {

	font-family: Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	font-size: 0.9em;

    background-color: #A72D27;/* dark red */
    /* background-color: #4a4f23; /* dark dark green */

	color: #ccc;
}

div.mainwinter {

	width: 800px;

	margin: auto;

	margin-top: 1em;

	/*background-color: #111;*/

	background-color: #34502b;
	/*background-color: #FFF; */

	color: #ffefb9;
		
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #000000;

	border-left-color: #000000;
	
	border-top-color: #000000;
	
	border-bottom-color: #000000;
}

div.headerwinter {

	background-color: #FFFAEB;

	color: white;

	height: 102px;
	
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #ffffff;

	border-left-color: #ffffff;
	
	border-top-color: #ffffff;
	
	border-bottom-colour: #ffffff;
	/*overflow: hidden;*/

}

div.navigationwinter {
	
	text-align: center;
	
	padding: 0 0.5em;

	font-family:   Helvetica, sans-serif;
	/* font-weight: bold; */

	background-color: black; 
	
	color: #ffefb9;
	
	border-right-width: 1px;

	border-left-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #fff;

	border-left-color: #fff;
		
	border-bottom-colour: #fff;

}

div.navigationwinter a {

	color: #FFF;

	text-decoration: none;

}

div.navigationwinter a:hover {

	/* text colour on hover */
	color: black;
	background-color: #FFF6CF;

}

/**********************************END WINTER WARMERS ******************/

/********************************** SPRING OFFERS ******************/
body.spring {

	font-family: Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	font-size: 0.9em;

    background-color: #E8DABD;

	color: #ccc;
}

div.mainspring {

	width: 800px;

	margin: auto;

	margin-top: 1em;

	background-color: #FFFFB3;

	color: #9A4F3C;
		
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #000000;

	border-left-color: #000000;
	
	border-top-color: #000000;
	
	border-bottom-color: #000000;
}

div.headerspring {

	background-color: #FFFAEB;

	color: white;

	height: 102px;
	
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #ffffff;

	border-left-color: #ffffff;
	
	border-top-color: #ffffff;
	
	border-bottom-colour: #ffffff;
	/*overflow: hidden;*/

}

div.navigationspring {
	
	text-align: center;
	
	padding: 0 0.5em;

	font-family:   Helvetica, sans-serif;
	/* font-weight: bold; */

	background-color: #82AF92; 
	
	color: #ffefb9;
	
	border-right-width: 1px;

	border-left-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #fff;

	border-left-color: #fff;
		
	border-bottom-colour: #fff;

}

div.navigationspring a {

	color: #FFF;

	text-decoration: none;

}

div.navigationspring a:hover {

	/* text colour on hover */
	color: black;
	background-color: #FFF6CF;

}

/**********************************END SPRING OFFERS ******************/

/**********************************  OFFERS ******************/
body.offer {

	font-family: Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	font-size: 0.9em;

    background-color: #A0D3FE;

	color: #ccc;
}

div.mainoffer {

	width: 800px;

	margin: auto;

	margin-top: 1em;

	background-color: #FFDA6B;

	color: #9A4F3C;
		
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #000000;

	border-left-color: #000000;
	
	border-top-color: #000000;
	
	border-bottom-color: #000000;
}

div.headeroffer {

	background-color: #6BDAFF;

	color: white;

	height: 102px;
	
	border-right-width: 1px;

	border-left-width: 1px;

	border-top-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;

	border-top-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #ffffff;

	border-left-color: #ffffff;
	
	border-top-color: #ffffff;
	
	border-bottom-colour: #ffffff;
	/*overflow: hidden;*/

}

div.navigationoffer {
	
	text-align: center;
	
	padding: 0 0.5em;

	font-family:   Helvetica, sans-serif;
	/* font-weight: bold; */

	background-color: #52B1FE; 
	
	color: #D56001;
	
	border-right-width: 1px;

	border-left-width: 1px;
	
	border-bottom-width: 1px;
	
	border-right-style: solid;

	border-left-style: solid;
	
	border-bottom-style: solid;
	
	border-right-color: #fff;

	border-left-color: #fff;
		
	border-bottom-colour: #fff;

}

div.navigationoffer a {

	color: #000;

	text-decoration: none;

}

div.navigationoffer a:hover {

	/* text colour on hover */
	color: black;
	background-color: #FFFF99;

}

/**********************************END OFFERS ******************/