/*
Summary: 	Non-Map Interface
Inherit:	None
Website:	www.interactiveresorts.co.uk
Author: 	Matthew Branthwaite (matthewbranthwaite.co.uk)
Created: 	2008-12-01
Updated:	2008-12-01
*/

/* = Imported Styles
------------------------*/
@import url("ir-reset.css");
@import url("ir-header.css");
@import url("ir-footer.css");
@import url("ir-forms.css");



/* = Structure
------------------------*/
body { background-color: #fff; text-align: center; }
div.wrapper { width: 960px; text-align: left; margin: 0 auto 0 auto; padding-bottom: 36px; }
div#header div.wrapper { border-bottom: 6px solid #0089d5; height: 72px; width: 100%; position: relative; z-index: 1001; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; margin: 0 14px; display: inline; }

.col-1 { width: 52px; }
.col-2 { width: 132px; }
.col-3 { width: 212px; }
.col-4 { width: 292px; }
.col-5 { width: 372px; }
.col-6 { width: 452px; }
.col-7 { width: 532px; }
.col-8 { width: 612px; }
.col-9 { width: 692px; }
.col-10 { width: 772px; }
.col-11 { width: 852px; }
.col-12 { width: 932px; }

.no-gutter { margin: 0 -14px 0 -14px; }
.col-8 .no-gutter { width: 640px; } /* fix ie6 lack of support for neg margin */






/* = NEW LAYOUT
------------------------------------------------*/

/* Overrides which need looked into adapting ir-reset */
h1 { padding-top: 18px; font-size: 42px; margin-bottom: 18px; }
h3 { font-size: 16px; line-height: 18px; }
div.primary h2 { padding-top: 18px; font-size: 32px; line-height: 36px; margin-bottom: 18px; color: #0089d3; }
div.primary h3 { padding-top: 18px; font-size: 18px; border-bottom: 1px solid #c9c9c9; line-height: 24px; margin-bottom: 11px; }
div.secondary h3 { padding-top: 18px; }



/* = IR boxes
------------------------------------------------*/

div.irbox { position: relative; background: #fff url(images/boxes/irbox-12col-body.jpg) 0 0 repeat-y; margin-bottom: 36px; padding: 0; text-align: left; }
div.irbox-top { }
div.irbox-body { padding: 0 24px 0; background: transparent url(images/boxes/irbox-12col-top.jpg) 0 0 no-repeat; }
div.irbox-bottom { height: 3px; /*width: 960px; position: absolute; bottom: -2px;*/ background: transparent url(images/boxes/irbox-12col-bottom.jpg) 0 0 no-repeat; margin: -2px 0 -1px; }

div#featured-chalets div.irbox-body { padding: 0 14px 18px;}

div.secondary div.irbox { background-image: url(images/boxes/irbox-4col-body.jpg);  }
div.secondary div.irbox-body { background-image: url(images/boxes/irbox-4col-top.jpg); }
div.secondary div.irbox-bottom { width: 292px; background-image: url(images/boxes/irbox-4col-bottom.jpg); }

div.primary div.irbox { background-image: url(images/boxes/irbox-8col-body.jpg); }
div.primary div.irbox-body { background-image: url(images/boxes/irbox-8col-top.jpg); padding-bottom: 18px; }
div.primary div.irbox-bottom { width: 640px; background-image: url(images/boxes/irbox-8col-bottom.jpg); }


div#content { padding: 0; position: relative; width: 100%; background: #eee url(images/snow-bg.jpg) 0 0 repeat; }
div.inner-content { padding-top: 30px; background: transparent url(images/snow-bg-top.jpg) 0 0 repeat-x; }
div.primary { float: left; width: 640px; }
div.secondary { float: right; width: 292px; }









/* = Sub Nav
------------------------------------------------*/

ul.sub-nav {  }
ul.sub-nav li { list-style: none; margin: 0; padding: 0; }
ul.sub-nav li a { display: block; padding: 9px 0 8px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;  }

#pg-about-us li.sn-about-us a,
#pg-newsletter li.sn-newsletter a,
#pg-testimonials li.sn-testimonials a,
#pg-bonding li.sn-bonding a,
#pg-contact li.sn-contact a,
#pg-faqs li.sn-faqs a,
#pg-terms li.sn-terms a,
#pg-privacy li.sn-privacy a,
#pg-insurance li.sn-insurance a,
#pg-car-hire li.sn-car-hire a,
#pg-ap-parking li.sn-ap-parking a,
#pg-ap-transfers li.sn-ap-transfers a,
#pg-ap-hotels li.sn-ap-hotels a,
#pg-ap-lounges li.sn-ap-lounges a { font-weight: bold; color: #181818; cursor: default; text-decoration: none; }



/* = Page Headlines
------------------------------------------------*/
/*
div#headline { background-color: #dbebf7; background-position: 50% 0; background-repeat: no-repeat; }
div#headline div.wrapper { width: 932px; height: 108px; padding: 0; }
div#headline h2, div#headline h1 { line-height: 108px; margin: 0; }

div#headline h2,
div#headline p.strapline { float: left; margin: 36px 0 0; padding-left: 28px; line-height: 54px; background: transparent url(images/headlines/text-bg-white-70trans.png) left 0 no-repeat; color: #031b4e; }
div#headline h2 span,
div#headline p.strapline span { float: left; display: block; padding-right: 28px; line-height: 54px; background: transparent url(images/headlines/text-bg-white-70trans.png) right -54px no-repeat; }

div#headline p.strapline { clear: both; margin: 0; line-height: 24px; font-size: 16px; font-weight: bold; color: #484848; display: none; }
div#headline p.strapline span { line-height: 24px; }

div#content { padding-top: 30px; }*/



/* Rounded Boxes
------------------------*/

div.box { padding: 0 14px; margin-bottom: 18px; background-color: #dbebf7; }
div.box div.top,
div.box div.bottom { margin: 0 -14px; height: 18px; }

.col-4 div.box div.top { background: transparent url(images/boxes/box-4xcol-top.gif) 0 0 no-repeat; }
.col-4 div.box div.bottom { background: transparent url(images/boxes/box-4xcol-bottom.gif) 0 bottom no-repeat; }

div.trans-box { background-color: transparent; }
div.trans-box div.top,
div.trans-box div.bottom { height: 18px; }
.col-6 div.trans-box div.top { background: transparent url(images/boxes/trans-box-6xcol-top.png) 0 0 no-repeat; }
.col-6 div.trans-box div.body { background: transparent url(images/boxes/trans-box-6xcol-body.png) 0 0 repeat-y; padding: 0 14px; }
.col-6 div.trans-box div.bottom { background: transparent url(images/boxes/trans-box-6xcol-bottom.png) 0 bottom no-repeat; }



/* = Forms
------------------------------------------------*/

fieldset.form div.form-field { height: 36px; text-align: right; }
fieldset.form label { font-weight: bold; width: 70px; float: left; text-align: left; }
fieldset.form input.textfield { width: 180px; }

form.quicksearch { height: 36px; line-height: 36px; padding: 0 14px; margin-bottom: 18px; background-color: #dbebf7; }
form.quicksearch label { font-weight: bold; margin-right: 14px; }
form.quicksearch input { width: 350px; }

fieldset.login div.formfield { margin-bottom: 18px; }
fieldset.login legend { display: none; }
fieldset.login label { display: block; margin-bottom: 4px; font-size: 12px; font-weight: bold; }
fieldset.login input.textfield { margin: 0; padding: 7px 0; text-indent: 7px; font-size: 14px; line-height: 18px; border: 1px solid #d1d1d1; color: #000; width: 100%; background: #fff url(images/text-input-bg.gif) 0 0 repeat-x; }


/* = Tables
------------------------------------------------*/

table.display-table { width: 100%; border: 0 !important; }
table.display-table td,
table.display-table th { padding: 5px 6px; text-align: center; border-bottom: 1px solid #b8c6ce; }
table.display-table th { text-align: left; font-weight: bold; }
table.display-table tr.thead th,
table.display-table thead th { background: #333f56; color: #fff; font-weight: bold; text-align: center; }
table.display-table tr.alt td,
table.display-table tr.alt th { background-color: #e1eaf1; }

table#snow-report th.sr-upper-snow,
table#snow-report th.sr-lower-snow,
table#snow-report th.sr-runs-open { width: 50px;  }



/* = Homepage
------------------------------------------------*/

body#pg-home div#content { background: #fff url(images/hero/hero-bg-2009-02-03.jpg) 0 0 repeat-x; }
div#hero { padding-top: 30px; background: url(images/hero/hero-img-2009-02-03.jpg) 50% 0 no-repeat; }
div#hero div.search-form { margin-bottom: -2px; }
div.hero-panel { width: 372px; margin-left: 66px; margin-top: 162px;  }
div.hero-panel p { font-size: 18px; line-height: 26px; font-weight: bold; letter-spacing: -1px; }
div.hero-panel ul li { list-style: none; margin: 0 28px 0 0; padding: 0; float: left; }

div.offer-ticker h3, div.offer-ticker h3 a { font-size: 11px; color: #181818; line-height: 18px; letter-spacing: normal; }
div.offer-ticker h3 { float: left; padding-right: 14px; border-right: 1px solid #ccc; margin-right: 14px; }
div.offer-ticker { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 8px 0; height: 18px; overflow: hidden; }
div.offer-ticker ul { margin: 0; }
div.offer-ticker ul li { list-style: none; margin: 0; padding: 0;  }


/* promos */
div.promos { padding-bottom: 6px; margin-bottom: -6px; background: url(images/home-promos-shadow.gif) 0 bottom no-repeat; height: 540px; overflow: hidden; } /* fix ie 6 */
div.promos ul li { position: relative; list-style: none; margin: 0; padding: 0; float: left; width: 278px; height: 252px; padding: 18px 14px 0 14px; background-color: #eee; }
div#home-promos ul li { background-image: url(images/home-promos.jpg); background-repeat: none; }
div#home-promos div.action { position: absolute; bottom: 0; width: 278px; height: 54px; padding-top: 18px; line-height: 36px; text-align: center; }
li.promo-resorts { background-position: 0 0; }
li.promo-offers { background-position: -306px 0; }
li.promo-reports { background-position: 0 -271px; }
li.promo-next-season { background-position: -306px -271px; }

li.promo-reports select { float: left; width: 200px; margin: 9px 9px 0 0; }




/* = jCarousel - Deals Widget
------------------------------------------------*/

/* Carousel Core */
div.jcarousel-container { position: relative; }
div.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
ul.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
ul.jcarousel-list li,
li.jcarousel-item { float: left; list-style: none; margin: 0; padding: 0; }
div.jcarousel-next { z-index: 3; display: none; }
div.jcarousel-prev { z-index: 3; display: none; }


/* Offer carousel */
div.country-offers div.jcarousel-container-horizontal { width: 100%; height: 90px; margin-bottom: 18px; }
div.country-offers div.jcarousel-clip-horizontal { width: 100%; height: 63px; border-bottom: 1px solid #ccc; }
div.country-offers li.jcarousel-item-horizontal { width: 244px; height: 63px; font-weight: bold; font-size: 12px; }
div.country-offers li.over { cursor: pointer; }
div.country-offers div.jcarousel-next-horizontal,
div.country-offers div.jcarousel-prev-horizontal { position: absolute; bottom: 0; width: 19px; height: 19px; cursor: pointer; background: transparent url(http://matthewbranthwaite.co.uk/projects/jott/i/css/images/next-horizontal.gif) no-repeat 0 0; }
div.country-offers div.jcarousel-prev-horizontal { right: 25px; }
div.country-offers div.jcarousel-next-horizontal { right: 0; }
div.country-offers div.jcarousel-next-horizontal:hover,
div.country-offers div.jcarousel-prev-horizontal:hover  { background-position: 0 -25px; }
div.country-offers div.jcarousel-next-horizontal:active,
div.country-offers div.jcarousel-prev-horizontal:active { background-position: 0 -50px;}
div.country-offers div.jcarousel-next-disabled-horizontal,
div.country-offers div.jcarousel-next-disabled-horizontal:hover,
div.country-offers div.jcarousel-next-disabled-horizontal:active,
div.country-offers div.jcarousel-prev-disabled-horizontal,
div.country-offers div.jcarousel-prev-disabled-horizontal:hover,
div.country-offers div.jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 -75px; }

div.display-count { position: absolute; top: 127px; font-size: 9px; }



/* Chalet Carousel */
div.chalet-carousel div.jcarousel-container-vertical { width: 100%; height: 468px; }
div.chalet-carousel div.jcarousel-clip-vertical { top: 18px; width: 100%; height: 432px; z-index: 20; }
div.chalet-carousel div.chalet-carousel li,
div.chalet-carousel li.jcarousel-item-vertical { width: 100%; height: auto; height: 108px; }

div.chalet-carousel div.jcarousel-next-vertical,
div.chalet-carousel div.jcarousel-prev-vertical { position: absolute; left: 0; width: 100%; height: 18px; cursor: pointer; }
div.chalet-carousel div.jcarousel-next-vertical { bottom: 0; background: #4088b8 url(../images/arrow-down.gif) no-repeat center; }
div.chalet-carousel div.jcarousel-prev-vertical { top: 0; background: #4088b8 url(../images/arrow-up.gif) no-repeat center; }
div.chalet-carousel div.jcarousel-next-disabled-vertical,
div.chalet-carousel div.jcarousel-prev-disabled-vertical { cursor: default; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); }

ul.fc-list { margin: 0; }
ul.fc-list li.fc-listing { position: relative; list-style: none; margin: 0; }
ul.fc-list li.over { cursor: pointer; background-color: #edf5fb; }
div.chalet-deal { position: relative; padding: 16px 0 0 110px; line-height: 16px; font-size: 12px; }
div.chalet-deal a span.thumb { position: absolute; top: 16px; left: 0; padding: 2px 2px 0; width: 96px; height: 80px;  background: transparent url(images/fc-thumb-bg-100x82.png) 0 0 no-repeat; cursor: pointer; }
div.chalet-deal a span.thumb img { vertical-align: top; width: 96px !important; height: 72px !important; }
div.chalet-deal div.chalet-price { margin-bottom: 4px; }
div.chalet-deal strong.offer-price { color: #c60000; }
div.chalet-deal span.was-price,
div.chalet-deal div.chalet-meta { font-size: 10px; line-height: 14px; color: #686868; }
div.chalet-deal div.chalet-meta div.includes img { vertical-align: middle; margin-top: -2px; margin-right: 4px; }
div.chalet-deal div.chalet-meta div.rating { position: absolute; left: 2px; top: 72px; width: 96px; height: 16px; padding-top: 2px; text-align: center; background: transparent url(images/rating-bg.png) 0 0 repeat; }



/* = Faqs, privacy etc
------------------------*/
body#pg-privacy div#content h2,
body#pg-terms div#content h2 { display: none; }

div#faq-nav ol { margin-bottom: 36px; }
div#faq-nav ol li { padding-bottom: 4px; border-bottom: 1px solid #d8d8d8; margin-bottom: 4px; }
div#faq-list dl dt { padding-top: 18px; margin-bottom: 18px; font-size: 14px; font-weight: bold; }
div#faq-list dl dd { border-bottom: 1px solid #d8d8d8; padding-bottom: 17px; margin: 0; }



/* = Holiday Extras */
ul.hol-extras { padding-top: 20px 0; margin: 0 -20px; width: 632px; overflow: auto; background: url(images/solid-divider.gif) 50% 0 repeat-y; }
ul.hol-extras li { list-style: none; margin: 0 20px; padding: 18px 0; float: left; display: inline; width: 276px; background: url(images/dashed-divider.gif) 0 0 repeat-x; }
ul.hol-extras h4,
ul.hol-extras p { padding: 0 0 0 136px; margin: 0; }
ul.hol-extras a.thumb,
ul.hol-extras a.thumb img { overflow: hidden; border: 0; float: left; margin: 0; padding: 0; }
ul.hol-extras a.thumb img { width: 122px; height: 126px; }
ul.hol-extras li.over { cursor: pointer; }
ul.hol-extras li.over h4 { color: #0089d5; }
ul.hol-extras li.over a.thumb { border: 3px solid #0089d5; }
ul.hol-extras li.over a.thumb img { margin: -3px; }

li#ski-insurance, li#car-hire { background: none; }






/* = 404 Page Specifics
------------------------------------------------*/

body#pg-404 { background: url(images/404-bg.jpg) 0 78px repeat-x; }
body#pg-404 div#content { background: url(images/404-img.jpg) 0 0 no-repeat; padding-top: 30px;  }
body#pg-404 div#content div.col-6 { float: right; }


div.popular-resorts,
dl.search-for { margin: 0 -14px 30px; width: 452px; }
div.popular-resorts h4,
dl.search-for dt { margin: 0 14px 6px; font-weight: bold; font-size: 12px; }
div.popular-resorts ul,
dl.search-for dd { margin: 0; padding: 0 7px; border-left: 1px solid #fff; width: 136px; float: left; display: inline; }
div.popular-resorts ul.first,
dl.search-for dd.first { border: none; }
div.popular-resorts ul li { list-style: none; margin: 0; padding: 0; float: left;  }
div.popular-resorts ul li a,
dl.search-for dd a { padding: 0 7px; width: 122px; text-align: right; color: #484848; height: 1%; float: left; display: inline; }
div.popular-resorts ul li a:hover,
dl.search-for dd a:hover { text-decoration: none; color: #fff; background-color: #0089d5; }
div.popular-resorts ul li a span,
dl.search-for dd a span { float: left; }



/* Clients */
p.message-failure { color: #c60000; font-weight: bold; }









.toSort { background-color: yellow; padding: 9px; }

/* Quick Grid
p.copyright { position: absolute; top: 0; left: 0; width: 100%; height: 6000px;  background: transparent url(images/18px-line-height.png) 0 0 repeat; z-index: 10000000000000000; text-indent: -999999px; }*/