/* 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;
	position:relative;
}

#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;	
	
}

#topsection.iys-standard{
    position:absolute;	
	top:0;
	left:0;
}

#mid-content
{
    padding:212px 0 0;
}

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


#topsectionright {
	width: 468px;
	float: right;	
	font: 10px/12px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-align: right;
	border:0;
	overflow:hidden;
	height:107px;
	
}
.ie7 #topsectionright {
    margin-right: 35px;
}

#topsectionnumbers {
	width: 934px;
	color: #878787;
	text-align: right;
	font: 16px/18px Verdana, sans-serif;
	padding-right:1px;
}

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

#bottomstrapline
{
    position:absolute;
	left:45px;
	top:101px;
	color:#EF2E9C;
	font: 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#bottomstrapline span
{  
    display:block;      
    font:bold 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#bottomstrapline a
{
    color:#EF2E9C;
    text-decoration: underline;
    font: 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#social
{
	position:absolute;
	left:622px;
	top:102px;
	z-index:900000;
}


#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: 325px;
	height: 29px;
	float: left;
	padding-right: 30px;
	line-height: 26px;
	padding-top: 2px;
	padding-bottom: 2px;
}

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

.breadcrumb-home{
    float:left;
}
#breadcrum-container{
    width: 500px;
	display:inline-block;
}
.breadcrumb {	
	color: #000000;
	font: bold 11px/29px Verdana, sans-serif;
	text-decoration: none;	
}

#breadcrumbs_left {
	width: 560px;
	float: left;
	overflow:hidden;
}
.searchbar
{
    height: 16px;
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    font-style: italic;
    width: 176px;
    color: #666666;
    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;
	margin:0;
}

/* 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 
{
    margin-left:1px;
	width: 258px;	
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 6px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
.halfsection_content_full
{
    margin-left:1px;
	width: 302px;			
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding-bottom:9px;
}
.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 .sf_newsList h2.sf_newsTitle
{
    margin:0;
    padding-top:16px;   
}
.latestnewsitem .sf_newsList p
{
    display:none;
    visibility:hidden;
}
.latestnewsitem ul.sf_newsList 
{
    width: 256px;
    margin-right: 10px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
	color: #000;
	font: 12px/14px Verdana, sans-serif;	
}
.latestnewsitem .sf_newsList li
{
    margin:0;
}
.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;
}

.ski-solutions-link {
	width: 231px;
	height: 60px;
	padding-top: 8px;
	padding-left: 80px;
	background: url(../graphics/template/ski-solutions-bg.jpg) no-repeat;
	display: block;
	margin-left: 8px;
	margin-top: 6px;
	color: #000;
	font: 14px/16px Verdana, sans-serif;
}

.ski-solutions-link.home {
	padding-top: 12px;
	padding-left: 18px;
	background: url(../graphics/template/ski-solutions-bg-home.jpg) no-repeat;
	width:294px
}

.ski-solutions-link a
{
    color: #00529C;
    font: bold 12px/14px Verdana,sans-serif;
    text-decoration: underline;
}

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

.newslettersignup a
{
    color: #ef2e9c;
    text-decoration:underline;
}

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 .advert{
	width: 120px;
	height: 60px;
	float: left;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 10px;
}

.mpuadvert {
	width: 300px;
	margin-top: 4px;
	margin-left: 8px;
	}

.mpuadvert .advert-head
{
    width: 297px;
    height: 15px;
    background: #ffffff url(../graphics/template/advert_title_backdrop.gif) no-repeat;
    padding: 5px 0 0 8px;    
    font-size: 0.8em;
}

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

#homepagelargeadvert .advert-head
{
    width: 297px;
    height: 15px;
    background: #ffffff url(../graphics/template/advert_title_backdrop.gif) no-repeat;
    padding: 5px 0 0 8px;    
    font-size: 0.8em;
}

/* 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 {
	background: #ffffff url(../graphics/template/breadcrumb-phone-small.gif) no-repeat 0 8px;
    float: right; 
    color: rgb(0, 0, 0); 
    position: relative;
    padding-left: 16px; 
    font: bold 10px/26px Verdana, sans-serif;
    display:block;
    text-decoration: underline;
    }

a.manage_booking{
    float: right; 
    color: rgb(0, 0, 0); 
    position: relative; left: 32px; 
    font: bold 10px/26px 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;
}

.email-enquiry {
     height:400px;
}

.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;
}

/* hyperlinks */

/* multiple definition needed due to bug in radeditor */
span.external a{ 
    padding-right: 15px;
    background: transparent url(../graphics/template/icons/external_link.png) no-repeat right 0;
}
a.external
{
    padding-right: 15px;
    background: transparent url(../graphics/template/icons/external_link.png) no-repeat right 0 ;
}

.box.mini-snow-grid
{
   border: none;
   width:100%;
   padding-bottom:11px;
}

/* standard button */
a.standardBtn:link, a.standardBtn:visited, a.standardBtn:hover, a.standardBtn:active
{
    display: block;
    border: 0;
    padding: 5px 0 0 28px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('img/forumBtns.gif');
    height: 24px;
    color: #fff;
    font-size: 0.9em;
    outline: 0;
    text-decoration:none;
    text-align:left;
}
.standardBtn:hover
{
    text-decoration: none;
    color: #fff;
}