/* Stylesheet for the If You Ski Templates - Edited 12 April 2010 by Suz */

/* Universal styles */

body {
	background: url(../../graphics/template/background_grey.png) repeat;
	font: 12px/14px Verdana, sans-serif;
	color: #000;
}

h3 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}
h4 {
	font: 12px/14px Verdana, sans-serif;
	color: rgb(236,0,140);
	font-weight: bold;
}
hr {
	height: 1px;border: 0px; background-color:#cecece;
}

a
{
	text-decoration: none;
	color: #242424;
}
form {
	display: inline;
}

.floatclear {
	clear: both;
}

.bluetxt {
	color: #00a3e6;
	font-weight: bold;
}

.select 
{
    font-size: 10px;
	color: #000;
}



/* Main Containers splitting the page into 3 rows to allow for the background with teh drop shadow to match up */

#container {
    width: 990px; 
    margin: 0px auto -1px auto;
}

#pagetop {
	width: 990px;
	height: 32px;
	background-image: url(../../graphics/template/background_top.gif);
}

#pagecontent {
	width: 990px;
	background: url(../../graphics/template/background_mid.gif) repeat-y;
}

#pageend {
	width: 990px;
	height: 32px;
	background-image: url(../../graphics/template/background_bottom.gif);
}




/* Top sections up to the breadcrumbs trail so as far as the main content */

#scrollingoffer {
width:611px; 
padding-left:2px; 
height:18px;
}

#topsection {
	margin-left: 20px;
	position:relative;
}

#topsectionleft {
	float: left;
	width: 440px;
}

#topsectionright {
	width: 468px;
	float: right;
	margin-right: 36px;
	font: 10px/12px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-align: right;
	border:0;
	
}
#topsectionnumbers {
	width: 934px;
	color: #878787;
	text-align: right;
	font: 16px/18px Verdana, sans-serif;
	padding-right:1px;
}

#strapline
{
	position:absolute;
	left:135px;
	top:82px;
}

#navbar {
	width: 926px;
	height: 32px;
	margin-top: 10px;
	display: block;
	margin-left: 10px;
}

#breadcrumbs {
	width: 916px;
	height: 29px;
	margin-top: 6px;
	background: url(../../graphics/template/breadcrumbs_back.gif) no-repeat;
	display: block;
	margin-left: 10px;
	padding-left: 10px;
}

#breadcrumbs_right {	
	width: 275px;
	height: 29px;
	float: left;
	padding-left: 10px;
	line-height: 26px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#breadcrumbs_right table {
	background: url(../../graphics/template/breadcrumb_searchbackdrop.gif) no-repeat;
}


.breadcrumb {
	float: left;
	color: #000000;
	font: bold 11px/29px Verdana, sans-serif;
	text-decoration: none;
}

#breadcrumbs_left {
	width: 600px;
	float: left;
}
.searchbar {
	height: 16px;
	font-family:Verdana, Sans-Serif;
	font-size:10px;	
    font-style:italic;  
	width: 176px;
	color: #bdbdbe;
	line-height: 16px;
	margin-top: 2px;
	float:left;
}

/* This is the main content in the middle of the page and is split into 2 columns to allow for the search box and adverts in the right column */

#middlecontent {
	width: 950px;
	margin-left: 30px;
	margin-top: 6px;
}
#middlecontent_left {
	float: left;
	width: 615px;
	display: block;
}

#maincontent_specialoffers {
	width: 615px;
}

#maincontentskihols {
	margin-top: 6px;
	width: 615px;
}
#skiholscontent {
	width: 613px;
	height: 156px;
	border-left: 1px solid #727272;
	border-right: 1px solid #727272;
	overflow: hidden;
}
#skiholscontent_left {
	float: left;
	width: 121px;
}
.skiholscontent_leftitem a {
	width: 121px;
	height: 38px;
	color: #000000;
	font: bold 11px/38px Verdana, sans-serif;	
	text-align: left;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #8a8a8a;
}
.skiholscontent_leftitem a:hover {
	width: 121px;
	height: 38px;
	color: #ffffff;
	font: bold 11px/38px Verdana, sans-serif;
	background: url(../../graphics/template/skihols_back_over.gif) no-repeat;
	text-align: left;
	padding-left: 10px;
	display: block;
	text-decoration: none;
}


#skiholscontent_right {
	float: left;
	width: 492px;
	background-color: #222223;
	display: block;
	height: 156px;
	overflow: hidden;
}
#skiholsimageholder {
	width: 489px;
	height: 86px;
	margin-top: 14px;
	text-align: center;
	padding-left: 3px;
}
.skiholsimage {
	float: left;
	width: 122px;
	text-align: center;
}
.skiholslinktext {
	margin-top: 6px;
	padding-left: 6px;
	color: #ffffff;
	font: 12px/14px Verdana, sans-serif;
	text-align: left;
}
.skiholslinktext a {
	color: #00a3e6;
	text-decoration: underline;
	font-weight: bold;
}

.titlebar_large {
	width: 600px;
	padding-left: 15px;
	height: 38px;
	background: url(../../graphics/template/titlebar_large.gif) no-repeat;
	color: #000000;
	font: 18px/38px Verdana, sans-serif;
}
.titlebar_large h1 {
	width: 600px;
	height: 38px;
	color: #000000;
	font: 18px/38px Verdana, sans-serif;
}

/* Still in the left hand column but these styles split into another row to allow for the whats new and news boxes to float beside each other */

#halfsections {
	width: 615px;
}
.halfsection {
	width: 306px;
	float: left;
	margin-top: 6px;
}
.halfsection_spacer {
	width: 3px;
	height: 20px;
	float: left;
}
.halfsection_title {
	background: url(../../graphics/template/titlebar_small.gif) no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	color: #000000;
	font: 18px/38px Verdana, sans-serif;
}
.halfsection_content {
	width: 262px;
	background: url(../../graphics/template/smallsection_backdrop_middle.gif) repeat-y;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 6px;
}
.halfsection_content img {
	margin-top: 4px;
	margin-bottom: 6px;
	}
	
	.halfsectionlink  {
	width: 296px;
	height: 19px;
	background: url(../../graphics/template/smallsection_backdrop_bottom.gif) no-repeat;
	text-align: right;
	padding-right: 10px;
}
.halfsectionlink a {
	color: #00529c;
	font: bold 12px/14px Verdana, sans-serif;
	text-decoration: underline;
}
.whatsnewitemleft{
	float: left;
	width: 120px;
	color: #000;
	font: 12px/14px Verdana, sans-serif;
	display: block;
	margin-right: 10px;
	margin-bottom: 4px;
}
.whatsnewitemright{
	float: left;
	width: 120px;
	color: #000;
	font: 12px/14px Verdana, sans-serif;
	display: block;
	margin-bottom: 4px;
	overflow: hidden;
}
.whatsnewitemleft a {
	text-decoration: none;
	color: #00a3e6;
	font: bold 12px/14px Verdana, sans-serif;
}
.whatsnewitemleft a:hover {
	text-decoration: underline;
	color: #000;
	font: bold 12px/14px Verdana, sans-serif;
}
.whatsnewitemright a {
	text-decoration: none;
	color: #00a3e6;
	font: bold 12px/14px Verdana, sans-serif;
	}
.whatsnewitemright a:hover {
	text-decoration: underline;
	color: #000;
	font: bold 12px/14px Verdana, sans-serif;
}
.whatsnewparas {
	width: 254px;
	height: 100px;
	background-image: url(../../graphics/template/whatsnewparas.gif);
}
.latestnewsitem{
	width: 252px;
	color: #000;
	font: 12px/14px Verdana, sans-serif;
	margin-right: 10px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 4px;
}
.latestnewsitem a {
	text-decoration: none;
	color: #00a3e6;
	font: bold 12px/14px Verdana, sans-serif;
	
}
.latestnewsitem a:hover {
	text-decoration: underline;
	color: #000;
	font: bold 12px/14px Verdana, sans-serif;
}
.newleft {
	float: left;
	width: 120px;
	border-right: 1px solid #b7b7b7;
	margin-right: 5px;
	padding-right: 10px;
}
.newright {
	float: left;
	width: 120px;
}

/*.halfsectionlink a {
	width: 270px;
	text-align: right;
	color: #00529c;
	font: bold 10px/12px Verdana, sans-serif;
	text-decoration: underline;
	display: block;
	margin-top: -30px;
	z-index: 10;
}


 Start of the styles in the right hand column in the main content */

#middlecontent_right {
	float: left;
	width: 300px;
}

.mainsearchbox {
	width: 299px;	
	background-color: #ffffff;
	display: block;
	margin-left: 8px;
	margin-top: 2px;	
	color: #000;
	font: 10px/22px Verdana, sans-serif;
}

.mainsearchbox .rounded-middle
{
	padding-top: 6px;
	padding-left: 10px;	
	background: #bebebe url(../../graphics/template/bigsearchbox_middle.gif) no-repeat;
	border-left: solid 1px #adadae;
	border-right: solid 1px #adadae;
}
.mainsearchbox .rounded-top
{
	background: url(../../graphics/template/bigsearchbox_top.gif) no-repeat;
}
.mainsearchbox .rounded-bottom
{
	background: url(../../graphics/template/bigsearchbox_bottom.gif) no-repeat;	
}

.mainsearchbox .rounded-top, .mainsearchbox .rounded-bottom{
	height: 3px;
	padding:0;
	margin:0;
}

.mainsearchbox h1 {
	color: #000000;
	font: 18px/20px Verdana, sans-serif;
	margin: 0px;
	margin-bottom: 6px;
}
.mainsearchbox checkbox {
display: inline;
padding:0;
height: 30px;
width: 30px;
}

.mainsearchbox p {
	color: #000000;
	font: bold 1.1em/1.3em Verdana, sans-serif;
	margin: 0.4em 0;	
}
.mainsearchbox select {
	font: 10px/12px Verdana, sans-serif;
	margin-top: 6px;
}

.mainsearchbox.smallselect {
	width: 60px;
	font: 12px/14px Verdana, sans-serif;
	margin-top: 6px;
}

select.mainsearchbox {
	font-size: 10px;
	color: #000;
	width: 74px;
}

.mainsearchbox a {
	color: #000000;
	font: bold 12px/40px Verdana, sans-serif;
	text-decoration: underline;
}

.mainsearchbox .main-search-table,
.mainsearchbox .search-table
{
	width:260px;
}

/* hack to make the hidden comobs text right */
.mainsearchbox .advanced-search .RadComboBox .rcbInputCell .rcbInput
{
	width:160px;
}
.mainsearchbox .advanced-search .RadComboBox table
{
	width:178px !important;
}
.mainsearchbox a.more
{
	color: #E22176;
	background: url(../../graphics/template/pinkarrows-vertical.gif) no-repeat;
	padding-left: 10px;
	background-position: -6px -1px;	
}
.mainsearchbox a.less
{
	background-position: -14px -12px;
}

.mainsearchbox .search-button
{
	cursor:pointer;
	height:32px;
	overflow:hidden;	
	width:105px;
}

.mainsearchbox .search-button:hover input
{
	margin-top:-31px;
}

#newslettersignup, .newslettersignup {
	width: 294px;
	height: 60px;
	padding-top: 4px;
	padding-left: 6px;
	background: url(../../graphics/template/newsletter_title.gif) no-repeat;
	display: block;
	margin-left: 8px;
	margin-top: 6px;
	color: #000;
	font: 18px/20px Verdana, sans-serif;
}

input.newsletterbox {
	font-size: 10px;
	color: #585858;
	width: 210px;
}

#advertholder {
	width: 294px;
	height: 166px;
	display: block;
	background: url(../../graphics/template/advert_holderbackdrop.gif) no-repeat;
	margin-left: 8px;
	margin-top: 4px;	
	font: 10px/12px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	padding-top: 6px;
	padding-left: 12px;
}

#advertholder img, #advertholder object {
	width: 120px;
	height: 60px;
	float: left;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

/*	Above class only works for images, so if there is a flash presentation, the div it is in needs to be set rather than the img. So below are 2 classes, one to position the div, and the second to 
	tell the html that if there is an image inside of the div, don't position it twice. */

#advertholder #div1 {
	float: left;
	width: 120px;
	height: 60px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	}

#advertholder #div1 img {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

#homepagelargeadvert {
	width: 300px;
	margin-top: 4px;
	margin-left: 8px;
	}


/* After the main content comes the advert strip which has the social network links and the banner advert */

#adstrip {
	width: 930px;
	margin-left: 30px;
	margin-top: 6px;
}
#adstrip_left {
	float: left;
	width: 194px;
	height: 90px;
	background-color: #e7e7e7;
	margin-right: 4px;
}
#adstrip_right {
	float: left;
	width: 728px;
	height: 90px;
}

/* Finally the main footer at the bottom of the page with 5 floated divs  */

#footerlinks {
	width: 926px;
	height: 215px;
	margin-left: 30px;
	margin-top: 6px;
	background-image: url(../../graphics/template/footerlinks_backdrop.gif);
	display: block;
}
.footercolumn {
	width: 142px;
	padding-left: 10px;
	float: left;
	height: 215px;
}
.footercolumntitle {
	color: #808285;
	font: bold 10px/30px Verdana, sans-serif;
	margin-bottom: 6px;
}

.footercolumnsubtitle {
	color: #808285;
	font: bold 10px/30px Verdana, sans-serif;
}

.footercolumnlinks {
	color: #808285;
	font: 10px/12px Verdana, sans-serif;
}
.footercolumnlinks a {
	text-decoration: none;
	color: #808285;
	font: 10px/12px Verdana, sans-serif;
}
.footercolumnlinks a:hover {
	text-decoration: none;
	color: #00529c;
	font: 10px/12px Verdana, sans-serif;
}


.footercolumn_tools {
	width: 200px;
	padding-left: 30px;
	float: left;
	height: 215px;
}
.footercolumntitle_tools {
	color: #000000;
	font: bold 12px/30px Verdana, sans-serif;
	margin-bottom: 6px;
}
.footercolumnlinks_tools{
	height: 90px;
	
}
	
.footercolumnlinks_tools select {
	width: 200px;
	font: 10px/12px Verdana, sans-serif;
	margin-top: 6px;
}

.footercolumnlinks_tools .RadComboBox{	
	font: 10px/12px Verdana, sans-serif;
	margin-top: 6px;
}

.footercolumnlinks_tools .RadComboBox .rcbInputCell .rcbEmptyMessage
{
	font-style:normal;
}
	
.footercolumn_toolsabta {
	width: 270px;
	margin-top: 8px;
	color: #000;
	font: bold 12px/30px Verdana, sans-serif;
}
.footercolumn_toolsabta a {
	text-decoration: underline;
	color: #000;
	font: bold 12px/30px Verdana, sans-serif;
}

.industrylogos {
	width: 270px;
	text-align: left;
}


/* The last line on the main page which has the text links and the mini social network icons */

#termsnprivacyfooter {
	width: 926px;
	margin-left: 30px;
	margin-top: 6px;
}

#termsnprivacyfooter_left {
	float: left;
	width: 696px;
	height: 26px;
	color: #808285;
	font: 10px/26px Verdana, sans-serif;
	
}
#termsnprivacyfooter_left a {
	text-decoration: none;
	color: #808285;
	font: 10px/12px Verdana, sans-serif;
}
#termsnprivacyfooter_left a:hover {
	text-decoration: none;
	color: #00529c;
}
	
#termsnprivacyfooter_right{
	float: left;
	width: 230px;
	height: 26px;
	text-align: right;
	}

/* captil fix on the search */
.resortname-fix
{
	text-transform:capitalize;
}

/* box tables */
table.box
{
	margin-bottom:10px;
	border:solid 1px #00A4E6;
}

table.box thead
{
	background-color: #00A4E6;
	color: #FFFFFF;
	font-size:1.1em;
}
table.box thead th
{
	padding:4px;
	text-align:left;
}
table.box tr td
{
	padding:3px
}

table.box tr.boxAlt
{
	background-color: #ECECEC;
}

table.box a
{
	text-decoration:underline;
}
table.box a:hover
{
	text-decoration:none;
}
.whitesection_title {
	background: url(../../graphics/template/titlebar_white.gif) no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	color: #000000;
	font: 12px/14px Verdana, sans-serif;
}

.hidden{
	display:none;	
}

a.hours {
    float: right; 
    color: rgb(0, 0, 0); 
    position: relative; left: 13px; 
    font: bold 10px/29px Verdana, sans-serif;
    text-decoration: underline;
    }

a.manage_booking{
    float: right; 
    color: rgb(0, 0, 0); 
    position: relative; left: 32px; 
    font: bold 10px/29px Verdana, sans-serif;
    text-decoration: underline;
    }
    
a.hours:hover, a.manage_booking:hover {
    color: rgb(0,146,230); 
    text-decoration: underline;
    }

.suitcase {
    float:right; 
    width: 14px; 
    position:relative; 
    right: 104px; 
    top: 8px;
}

.phone {
    float:right; 
    width: 14px; 
    position:relative; 
    right: 87px; 
    top: 8px;
}

.freetext_search {
    padding-top:9px;
    left: 0px;
    position: relative;
    vertical-align:middle;
    padding-left:223px;
}

.freetext_button {
    float:left;
    padding-top:0px;
    padding-left:1px;
}

.createdByZimweb span {
    float:none;
    color:#808285;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
    padding-left:1em;
    width:100px;
}

.createdByZimweb {
    height:30px;
    margin:0px auto 5px;
    padding-top:1em;
    text-align:left;
    width:900px;
    z-index:500;
}

.sf_newsList h2.sf_newsTitle {
    margin:3px 0;
}

.pink_text {
    color:#E22176;
    text-decoration:none;
    font-family:Verdana,sans-serif;
    font-size:10px;    
}

.leftnav_middle .pinkarrowlist{
    padding-left:1.5em;
}
.leftnav_middle .pinkarrowlist a:hover {
    text-decoration:none;
}

#login-status .logged-out,
#login-status .logged-in{
    margin-bottom:0.6em;
}

#login-status a {
    text-decoration:underline;
}
#login-status a:hover {
    text-decoration:none;
}