/* &copy Copyright 2008 Holiday Dealers Limited. All Rights Reserved.*/
/*Main core CSS for all sites*/

body, table, th, tr, td, form, input { 
	margin: 0; 
	padding: 0;
}

body {
   	font: 0.65em Arial, Verdana, Geneva, Helvetica, sans-serif;	
	color: black;
	background: #CDD9E7 url(../images/bg-grad.gif) top repeat-x;
}

h1, h2, h3, a, label {
	color: #0021A6;
}

h2 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 0;
	padding: 0.5em 0;
}

h2 span, h2 span a {
	color: #8090D2;
	font-weight: normal;
}	

h2 span a:hover {
	color: #0021A6;
	text-decoration: none;
}

h3 {
	font-size: 1.3em;
	margin: 0;
	padding: 0.5em 0;
}

h4 {
	margin: 0em;
	font-size: 1.1em;
}

p.clear {
	clear: both;
	padding: 0;
	margin: -22px 0 0 0;
}

div#offers p.clear {
	margin: 0px;
}

br {
	padding-bottom: 1em;
}

p.pagination {
	margin: 0;
	padding: 0;
}

/* DIV contaner*/

#container {
	width: 768px;
	margin: 0 auto 1em auto;
	border-left: 1px solid #0021A6;
	border-right: 1px solid #0021A6;
	background-color: white;
}

/*Header section*/

#header {
	height: 90px;
	background-color: #0021A6;
	background-position: top center;
	background-repeat: no-repeat;
}

#header h1, #header p {
	display: none;
}

/*Main nav*/

ul#nav {
	list-style: inside none;
	background: url(../images/nav-bg.gif) top left repeat-x;
	margin: 0;
	padding: 0.5em 1.5em 0.6em 0;
	text-align: right;
	border-top: 1px solid white;
}

ul#nav li {
	display: inline;
	padding: 0 0.5em;
	border-right: 1px solid white;
	font-size: 0.9em;
}

ul#nav li.navlast {
	border-right: none;
}

ul#nav li.selected {
	background: url(../images/nav-selected.gif) center bottom no-repeat;
	color: white;
	padding-bottom: 0.7em;
}

ul#nav a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

ul#nav a:hover {
	text-decoration: underline;
}

/*Content section*/

#content {
	background: #ECF1F7 url(../images/content-bg.jpg) top repeat-x;
	padding: 0 1.5em;
	min-height: 270px;
	position: relative;
	padding-bottom: 10px;
}

div.pagedescription {
/*	width: 450px; */
	margin-top: -0.5em;
}

div.buynotes {
/*	background: #FFB662 url(../images/buybtn.gif) repeat-x scroll left bottom; */
/*	border: 1px solid #B5BAE0; */
border: 1px dotted #0021A6;
	background-color: white;
	
	padding: 0px 10px 10px 10px;
	margin: 10px 10px 0;
	width: 375px;
}

div.buynotes h2 {
	margin: -5px 0 0 0;
	padding: -10 0 10 0;
	
	
}

div.buynotes ol {
	padding: 0 0 0 20px;
	margin: 0;
}
	
/* Footer section*/
#footer {
	height: 8em;
	border-top: 1px solid #0021A6;
	border-bottom: 1px solid #0021A6;
	position: relative;
	background-color: white;
}

#footer p {
	position: absolute;
	right: 0.5em;
	top: 50px;
	font-size: 0.9em;
}

#footer img {
	padding: 10px;
}

ul#footernav {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}

ul#footernav li {
	float: left;
	padding: 5px;
	list-style: none;
}

ul#footernav li.selected {
	background-color: #0021A6;
	font-weight: bold;
	color: white;
	padding: 1.1em 0.4em 0.4em !important;
}

ul#footernav a {
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.5em;	
}

ul#footernav a:hover {
	text-decoration: underline;
}

/* Homepage section*/
/* Offers*/
#offers {
	margin:0 -1.5em;
	padding:0 19px;
	position:relative;
}

div.homepageoffers {
	background-color:white;
	border-bottom:1px dashed #0021A6;
	margin:0 -1.5em;
	padding:0 19px;
	position:relative;
	/*height:205px;*/
}

div.offer {
	position: relative;
	width: 160px;
	margin: 0 10px 10px 0;
	border: 1px solid #0021A6;
	float: left;
	background-color: white;
	padding: 5px;
	text-align: center;
}

#offers h2 {
	font-weight: normal;
	text-transform: uppercase;
}

#offers h3 {
	background:#0021A6 url(../images/nav-bg.gif) repeat-x scroll left top;
	margin:-5px -5px 5px;
	padding:5px;
	min-height:38px;
	text-align: left;
}

#offers h3 a {
	color:white;
}

div.offer img {
	float: left;
	border: 1px solid #0021A6;
}

div.offer p.offershortdesc {
	width: 75px;
	float: right;
	margin: 0;
	font-size:0.9em;
}

div.offer p.offerdate {
	margin: 0;
	text-align: left;
	clear: left;
	min-height:20px;
	padding: 8px 0;
	width: 80px;
}

div.offer p.price {
	float: none;
	margin:  0 -6px -6px -6px;
	width: 160px;
	clear: both;
}

td.offprice {
	width: 100px;
}

td.offprice p.price {
	width: 150px;
}

td.callfor {
	font-size: 1.4em;
	padding-right: 15px !important;
	text-align: right;
	color: #0021A6;
	width: 185px;
}

/* Book panels*/
#bookaccomm, #bookski, #booklift {
	width: 33%;
	float: left;
	text-align: center;
	background: url(../images/bookaccomm.jpg) center 50px no-repeat;
	height: 220px;	
	padding-bottom: 10px;
}

#bookski {
	background-image: url(../images/bookski.jpg);
}

#booklift {
	background-image: url(../images/booklift.jpg);
}

#bookaccomm h2, #bookski h2, #booklift h2 {
	color: #8090D2;
	font-weight: normal;
	margin-top: 0;
	padding-top: 20px;
}

#bookaccomm p, #bookski p, #booklift p {
	display: none;
}

#bookaccomm a, #bookski a, #booklift a {
	padding-bottom: 200px;
}

/*Search pages*/

fieldset {
	border: none;
}

div.accommsearch, div.liftpasssearch, div.skihiresearch, div.transfers {
	width: 390px;
	height: 150px;
	padding: 20px 330px 0 25px;
	background: url(../images/accommsearch.jpg) top left no-repeat;
	margin: 0;
	position:relative;
}

div.liftpasssearch {
	background-image: url(../images/liftpasssearch.jpg);
}

div.skihiresearch {
	background-image: url(../images/skihiresearch.jpg);
}

div.transfers {
	background-image: url(../images/transfers.jpg);
}

div.accommsearch ol, div.liftpasssearch ol, div.skihiresearch ol, div.transfers ol {
	padding: 0 0 0 0.5em;
	margin: 0;
}

div.accommsearch ol li, div.liftpasssearch ol li, div.skihiresearch ol li, div.transfers ol li {
	position: relative;
	padding: 0.5em 0;
	list-style-type: none;
}

label, legend {
	font-size: 1.2em;
}

ol li input, ol li select {
	position: absolute;
	left: 180px; 
}

div.dateselect {
	position: absolute;
	right: 75px;
	top: 7px;
}
/*JM Changed to CLASS */
p.searchnow {
	padding: 2px 0 0 2px;
	margin: 0;
	text-align:center;
	position: absolute;
	bottom:25px;
}

p.searchnow input {
	/*padding: 1px 4px 0px 4px;*/
	border: 1px solid #0021A6;
	background:  #FFB662 url(../images/buybtn.gif) top left repeat-x;
	color: #0021A6;	
	font-weight:bold;
	font-size:1em;
	font-family : Arial;
	text-decoration: none;
	cursor: pointer;
}
p.searchnow input:hover, p.searchagain a:hover {
	text-decoration: underline;
	color: white;
}

input#date {
	width: 100px;
}

/*Accommodation Search results page and Accommodation Guide*/
div.searchresult {
	background: white url(../images/accommresults-bg.gif) bottom center repeat-x;
	width: 720px;
	border: 1px solid #0021A6;
	margin-bottom: 10px;
}

div.searchresult div {
	background: white url(../images/accommresults-header.gif) top center repeat-x;
	position: relative;
}

div.searchresult h3 {
	margin: 0;
	padding: 7px 10px 13px 10px;
}

div.searchresult h3 a {
	color: white;
	padding-bottom: 5px;
}

img.thumb {
	border: 1px solid #0021A6;
	padding: 5px;
	float: left;
	margin: 5px;
	background-color: white;
}

img.rating {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/accommresults-starbox.gif) bottom left no-repeat;
	padding: 7px 10px 10px 20px;

}

div.description {
	width: 450px;
	font-size: 0.9em;
	float: left;
	background: none !important;
	padding-top: 5px;
}

div.description h4 {
	font-weight: bold;
	color: #0021A6;
}

div.description p {
	margin: 0.2em 0 0.5em;
}

p.price {
	width: 100px;
	text-align: center;
	float: right;
	margin: 10px;
	background: #FFB662 url(../images/buybtn.gif) bottom left repeat-x;
	border: 1px solid #0021A6;
	padding: 5px;
}

p.additionalprice {
	width: auto;
	text-align: center;
	margin: 10px;
	background-color: white;
	border: 1px solid #0021A6;
	padding: 5px;
	color: #0021A6;
}

div.accommdeals p.price {
	width: auto;
	float: none;
}

p.price strong {
	color: white;
	font-size: 2em;
	display: block;
}

p.price strong.small {
	font-size: 1.2em;
	padding: 0.5em 0 0 0;
}

p.additionalprice strong {
	color: #0021A6;
	font-size: 1.4em;
	display: block;
}

div.searchresult p.call2phone {
	font-size: 1.5em;
	color: #28448C;
	text-align: center;
	width: 100%;
	clear: both;
	margin: 0.5em 0;
}

div.searchresult p.call2phone a{
/*	border: 1px solid #0021A6;*/
/*	background: #FFB662 url(../images/buybtn.gif) top left repeat-x;*/
/*	color: #28448C; */
/*	font-size: 0.9em; */
		color: #28448C;
font-weight: bold;
	text-decoration:underline;
	/*text-transform: uppercase;*/
}
div.accommdeals p.callfor a {
/*	border: 1px solid #0021A6;*/
/*	background: #FFB662 url(../images/buybtn.gif) top left repeat-x;*/
/*	color: #28448C; */
/*	font-size: 0.9em; */
	color: #ffffff;
	font-weight: bold;
	text-decoration:underline;
	/*display: block;*/
	/*text-transform: uppercase;*/
}

div.searchresult p.call2phone a:hover, div.accommdeals p.callfor a:hover {
/*	color: white;*/
}

p.callfor {
	background:#0021A6 url(../images/nav-bg.gif) repeat-x scroll left top;
	color:white;
	font-size:1.2em;
	margin:0 -11px -10px -11px;
	padding:5px 20px;
	text-align: center;
}

p.callfor strong {
	display: block;
	font-size:1.4em;	
}

div.accommdeals {
	margin: 5px 0;
	border: 1px solid #0021A6;
	padding: 0 10px;
}

div.accommdeals p {
	margin: 0.3em 0;
}

div.accommdeals p.price, div.accommdeals p.additionalprice {
	padding: 2px 0;
}

div.accommdeals p.callfor {
	margin:0 -11px !important;
}

div.accommdeals p.availdate {
	border: 1px solid #0021A6;
	padding: 5px;
}

span.startdate, span.enddate {
	font-weight: bold;
	color: #0021A6;
	padding: 2px 0;
}

span.enddate {
	display: block;
}

/*Ski hire results */
div.skitabletitle 
{
    max-width: 400px;
	
    height:30px;
	margin :0 31px 0 12px;
background: url(../images/searchtabletitle-bg.gif) bottom left repeat-x  ;
	
	
}
div.skitabletitle div
{
	background: url(../images/searchtabletitle-bg-left.gif) bottom left no-repeat; height:30px; margin:0 0 0 -12px 
}
div.skitabletitle div div
{
	background: url(../images/searchtabletitle-bg-right.gif) bottom right no-repeat; height:30px; margin:0 -31px 0 0
}


div.skitabletitle h2
{
	
	padding: 7px 0 7px 10px;
	margin: 0 0 0 0;
	color: white;
	
}
table.skihiretable, table.liftpasstable {
	width: 730px;
	border: 1px solid #0021A6;
	background-color: white;
	padding: 0;
	margin: 0 0 10px 0;
}

.accommtable {
	width: auto !important;
}

table.skihiretable th, table.liftpasstable th {
	background-color: #0021A6;
	color: white;
	text-align: left;
	padding: 7px 10px;
}

table.skihiretable td, table.liftpasstable td {
	border-top: 1px dotted #0021A6;
	background: white url(../images/accommresults-bg.gif) bottom repeat-x;	
	padding: 5px;
}

table.skihiretable td {
	background-position: 0 0;
}

table td.buynow {
	text-align: right;
	width: 90px;
}

table td.skiprice {
	font-weight: bold;
	color: #0021A6;	
}

table td.buynow a {
	padding: 2px 10px;
	border: 1px solid #0021A6;
	background: url(../images/buybtn.gif) top repeat-x;
	color: #0021A6;	
	margin-right: 10px;
	font-weight: bold;
	text-decoration: none;
}

table td.buynow a:hover {
	text-decoration: none;
	color: white;	
}

td.skithumb {
	width: 76px;
	background: none;
	padding-left: 0 !important;
}
/* Lift pass results page*/
td.liftpasstype {
	padding: 10px;
	font-weight: cold;
	color: #0021A6;
}

table.liftpasstable img.thumb {
	height: 40px;
}


/* Accommodation Guide page*/
div#guideimage {
	float: right;
	width: 252px;
	padding: 10px 5px 0 5px;
	margin: 0 -11px 1em 1em;
	background: white url(../images/accommresults-bg.gif) repeat-x bottom;
	border: 1px solid #0021A6;
	text-align: center;
}

div#guideimage h3 {
	background:#0021A6 url(../images/nav-bg.gif) repeat-x scroll left top;
	color:white;
	margin:-10px -5px 5px;
	padding:10px 5px 5px;
	text-align: left;	
}

div#guideimage img {
/* JM - better to do this serverside	width: 273px; */
	border: none;
}

div#guideimage div#guidethumbs {
	border-top: 1px solid #0021A6;
	border-bottom: 1px solid #0021A6;
	margin: 2px -5px 0 -5px;	
	padding: 2px 2px 0 2px;
	text-align: right;
}

div#guideimage div#guidethumbs img {
/* JM - better to do this serverside	width: 63px !important; */
	padding: 2px;
	background-color: white;
	border: 1px solid #0021A6;
}

div#guideimage p {
	color: #0021A6;
	margin: 0;
	padding: 0.6em 0;
}

p.searchagain {
	position: absolute;
	right: 30px;
	top: -10px;
}

.title, .subtitle {
	font-weight: bold;
	font-size: 1.3em;
	color: #0021A6;
}

.subtitle {
	font-size: 1.2em;
	color: black;
}

/*Resort guide*/

div.guideoverview img {
	border: 1px solid #CDCDCD;
	background-color: white;
	float: right;
	padding: 10px;
	margin: -20px 5px 5px 15px;
}

div.guideoverview h3 {
	clear: right;
}

div.resortfacts {
	float: right;
	width: 180px; 
	background: white;
	border: 1px solid #0021A6;	
	padding: 10px 10px 5px;
	margin: 0 0 1em 10px;
}

div.resortfacts h3 {
	border-bottom:1px solid #0021A6;
	margin:0 -10px;
	padding:0 10px 4px;
	font-size: 1.2em !important;	
}

div.resortguidedetails {
	padding-top: 10px;
}

div.resortguidedetails p, div.resortguidedetails ul {
	margin-top: 0;
}

div.resortrating {
	border-top: 1px dotted #0021A6;
	background-color: white;
	margin: 0 -1.5em;
	padding: 0 22px 10px;
}

div.resortrating div {
	width: 150px;
	float: left;
	margin-right: 30px;
}

/* JM ADDED STUFF HERE  - FEEL FREE TO DESTROY!*/


.btn_save {
    position:absolute; top:0; left:0; z-index:2000; border:1px solid black; 				
    background-color:#E1EDFF; padding:5px
}

table.basket {
    border: 1px solid #0021A6;
    margin-bottom: 10px;
}

table.basket th {
	background: #0021A6 url(../images/nav-bg.gif) top left repeat-x;
	color: white;
	padding: 5px;
	white-space: nowrap;
}

table.basket td {
	padding: 5px;
}

.outlinedbox fieldset {
    padding: 5px 0px 15px 15px;
    margin: 0px 0px 10px;
    border: 1px solid #0021A6;
}
.outlinedbox legend {
    border: 1px solid #0021A6;
	background: #0021A6 url(../images/nav-bg.gif) top left repeat-x;
    padding: 3px 6px 3px 6px;
    color:white;
    margin-bottom: 5px;
    font-size: 1em;
    font-weight:bold;
}

.formfield {
    border: #ccc 1px solid;
    color: #6F726F;
	background: #fff;
	border: 1px solid #A4ABA4;
	padding:2px;
    margin: 3px 5px 2px;

}
.outlinedbox {
    border: 1px solid #0021A6;
    background-color: white;
    margin: 0; 
    padding: 10px;  
}
.outlinedbox h2 {
    padding-top: 0px;
    margin-top: 0px;
	text-transform:none;
}

select {
    padding: 1px;
    color: #6F726F;
    background: #fff;
    border: 1px solid #ccc;
    font-size:8pt;
}

input {
    border: #ccc 1px solid;
    color: #6F726F;
	background: #fff;
	border: 1px solid #A4ABA4;
	padding:2px;
	font-weight:normal;
	font-size: 1em;
}

div.outlinedbox label, div.outlinedbox legend {
	font-size: 1em;
}

div.outlinedbox input, div.outlinedbox select {
	margin: 5px;
}

input.submit {
	padding: 1px 1px 1px 1px;
	border: 1px solid #0021A6;
	background: #FFB662 url(../images/buybtn.gif) top repeat-x;
	color: #0021A6;	
	margin: 0px;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1em;
	text-decoration: none;
	cursor: pointer;
}