/*
Summary: 	IR Countries
Website:	www.interactiveresorts.co.uk
Author: 	Matthew Branthwaite (matthewbranthwaite.co.uk)
Created: 	2009-04
*/



/* = Section Nav
------------------------------------------------*/

dl.section-nav { width: 957px; height: 54px; margin: 0 1px; padding: 0; position: relative; background: #fff url(images/section-nav-bg.jpg) 0 0 repeat-x; }
dl.section-nav ul { margin: 0; }
dl.section-nav ul li { list-style: none; margin: 0; padding: 0; float: left; }
dl.section-nav ul li a,
dl.section-nav dt { height: 54px; text-indent: -9999px; border: none; float: left; background-image: url(images/countries/section-nav-countries.jpg); }

dl.section-nav li.tab-andorra, dl.section-nav li.tab-bulgaria, dl.section-nav dl.section-nav li.tab-norway, dl.section-nav li.tab-finland, dl.section-nav li.tab-sweden, dl.section-nav li.tab-slovakia, dl.section-nav li.tab-slovenia, dl.section-nav li.tab-spain { display: none; }

/* Section nav image replacement

	From the top to the...
		Off State = 0
		Hover State = 54px
		On State = 108px
		
	From the left to the...
		Section title = 0
		Austria button = 135px
		Canada button = 275px
		France button = 415px
		Italy button = 549px
		Switzerland button = 672px
		USA button = 835px
	
	Width of the...
		Section title = 135px
		Austria button = 140px
		Canada button = 140px
		France button = 134px
		Italy button = 123px
		Switzerland button = 164px
		USA button = 122px
*/

dl.section-nav dt { background-position: 0 0; width: 135px; }
dl.section-nav li.tab-austria a { background-position: -135px 0; width: 140px; }
dl.section-nav li.tab-canada a { background-position: -275px 0; width: 140px; }
dl.section-nav li.tab-france a { background-position: -415px 0; width: 134px; }
dl.section-nav li.tab-italy a { background-position: -549px 0; width: 123px; }
dl.section-nav li.tab-switzerland a { background-position: -672px 0; width: 164px; }
dl.section-nav li.tab-usa a { background-position: -835px 0; width: 120px; }

dl.section-nav li.tab-austria a:hover { background-position: -135px -54px;}
dl.section-nav li.tab-canada a:hover { background-position: -275px -54px; }
dl.section-nav li.tab-france a:hover { background-position: -415px -54px; }
dl.section-nav li.tab-italy a:hover { background-position: -549px -54px; }
dl.section-nav li.tab-switzerland a:hover { background-position: -672px -54px; }
dl.section-nav li.tab-usa a:hover { background-position: -835px -54px; }

body#pg-austria dl.section-nav li.tab-austria a { background-position: -135px -108px; }
body#pg-canada dl.section-nav li.tab-canada a { background-position: -275px -108px; }
body#pg-france dl.section-nav li.tab-france a { background-position: -415px -108px; }
body#pg-italy dl.section-nav li.tab-italy a { background-position: -549px -108px; }
body#pg-switzerland dl.section-nav li.tab-switzerland a { background-position: -672px -108px; }
body#pg-usa dl.section-nav li.tab-usa a { background-position: -835px -108px; }




/* = Country Specific...
------------------------------------------------*/

body.section-country div.country-intro div.irbox-body { height: 252px; }
body.section-country div.country-intro p.lead { margin: -6px 0 12px; }
body#pg-austria div.country-intro div.irbox-body { background-image: url(images/countries/intro-austria.jpg); }
body#pg-canada div.country-intro div.irbox-body { background-image: url(images/countries/intro-canada.jpg); }
body#pg-finland div.country-intro div.irbox-body { background-image: url(images/countries/intro-finland.jpg); }
body#pg-france div.country-intro div.irbox-body { background-image: url(images/countries/intro-france.jpg); }
body#pg-italy div.country-intro div.irbox-body { background-image: url(images/countries/intro-italy.jpg); }
body#pg-switzerland div.country-intro div.irbox-body { background-image: url(images/countries/intro-switzerland.jpg); }
body#pg-usa div.country-intro div.irbox-body { background-image: url(images/countries/intro-usa.jpg); }

body.section-country div.overview p { width: 460px; }

div.resort div.resort-photo { float: left; padding: 3px 3px 8px; margin-bottom: 13px; margin-right: 14px; width: 196px; height: 120px; background: url(images/thumb-bg-3col-202x131.png) 0 0 no-repeat; }
div.resort div.resort-photo img { width: 196px !important; height: 120px !important; margin: 0; }
div.resort dl.resort-details { margin-left: 230px; }
div.resort dl.resort-details dt { font-size: 12px; }


div.country-facts dl { margin: -9px -22px 18px; padding: 9px 23px 0; background: transparent url(images/dashed-divider.gif) 0 0 repeat-x; }
div.country-facts dl dt { float: left; margin-right: 6px; }


div.more-destinations ul { margin: -10px -22px 18px; padding-top: 1px; background: transparent url(images/dashed-divider.gif) 0 top repeat-x; }
div.more-destinations ul li { list-style: none; margin: 0; padding: 0; float: left; width: 100%; height: 1%; }
div.more-destinations ul li a { float: left; width: 242px; display:block; padding: 9px 23px 9px; font-size: 13px; background: transparent url(images/dashed-divider.gif) 0 bottom repeat-x; height: 1%; }
div.more-destinations ul li a:hover { background-color: #afd5f6; background-color: #0089d3; color: #fff; text-decoration: none; }
div.more-destinations ul li a span em { font-style: normal; }
div.more-destinations ul li a span { float: left; padding-left: 24px; background-position: 0 2px; background-repeat: no-repeat; }
div.more-destinations ul li.tab-andorra a span { background-image: url(../images/flags/andorra.png); }
div.more-destinations ul li.tab-austria a span { background-image: url(../images/flags/austria.png); }
div.more-destinations ul li.tab-bulgaria a span { background-image: url(../images/flags/bulgaria.png); }
div.more-destinations ul li.tab-canada a span { background-image: url(../images/flags/canada.png); }
div.more-destinations ul li.tab-finland a span { background-image: url(../images/flags/finland.png); }
div.more-destinations ul li.tab-france a span { background-image: url(../images/flags/france.png); }
div.more-destinations ul li.tab-italy a span { background-image: url(../images/flags/italy.png); }
div.more-destinations ul li.tab-norway a span { background-image: url(../images/flags/norway.png); }
div.more-destinations ul li.tab-slovakia a span { background-image: url(../images/flags/slovakia.png); }
div.more-destinations ul li.tab-slovenia a span { background-image: url(../images/flags/slovenia.png); }
div.more-destinations ul li.tab-sweden a span { background-image: url(../images/flags/sweden.png); }
div.more-destinations ul li.tab-switzerland a span { background-image: url(../images/flags/switzerland.png); }
div.more-destinations ul li.tab-usa a span { background-image: url(../images/flags/usa.png); }

div.primary div.search-form { width: 380px; }






/* Map Interface (needs tidying)
------------------------------------------------*/
div.country-intro { margin-bottom: 594px; height: 1%; }
div.country-map { right: 0; width: 100%; height: 558px; position: absolute; top: 372px; left: 0; }
div.country-map div.irbox { width: 960px; margin: 0 auto; }

div.map-header { padding-top: 18px; height: 30px; position: relative; }
div.map-header h2 { float: left; margin: 0; font-size: 16px; line-height: 20px; color: #0089d3; }
div.map-header p { position: absolute; top: 6px; right: -14px; margin: 0; padding: 8px 6px 0; width: 290px; height: 35px; text-align: center; font-weight: bold; overflow: hidden;  background: transparent url(images/countries/map-gui-instruction-box.png) 0 0 no-repeat; }
div.map-gui { clear: both; position: relative; width: 948px; margin: 0 -18px 5px; height: 504px;}
div#map, div#sidebar { height: 504px !important; }
div#map { width: 728px; margin-bottom: 0; float: left; }
div#sidebar { display: block !important; float: right; width: 220px; overflow: hidden; }

.o1 { filter:alpha(opacity=10); -moz-opacity: 0.10; opacity: 0.10; }
.o2 { filter:alpha(opacity=08); -moz-opacity: 0.08; opacity: 0.08; }
.o3 { filter:alpha(opacity=06); -moz-opacity: 0.06; opacity: 0.06; }
.o4 { filter:alpha(opacity=04); -moz-opacity: 0.04; opacity: 0.04; }
.o5 { filter:alpha(opacity=02); -moz-opacity: 0.02; opacity: 0.02; }

.v1 { width: 1px; }
.v2 { width: 2px; }
.v3 { width: 3px; }
.v4 { width: 4px; }
.v5 { width: 5px; }

.h1 { height: 1px; }
.h2 { height: 2px; }
.h3 { height: 3px; }
.h4 { height: 4px; }
.h5 { height: 5px; }

.ds { background-color: #000; overflow: hidden; z-index: 100; position: absolute; }
#ds-t .ds, #ds-l .ds, #ds-r .ds { top: 0; } /* offset = height of the navigation tabs */
#ds-t .ds, #ds-l .ds, #ds-b .ds { left: 0px; }
#ds-b .ds { bottom: 0; }
#ds-r .ds { right: 220px; } /* same width as the sidebar */

#ds-b div, #ds-t div { width: 948px; width: 728px; } /* same width as the map */
#ds-r div, #ds-l div { height: 504px !important; }
#ds-r div { float: right; }
#ds-b div { position: absolute; bottom: 0; }

div#sidebar p.loading { left: 45px; top: 18px; }
div#sb-resizer { position: relative; }
div#search, div#recommended { display: none; }
ul.resort-list { height: 502px; margin: 0; overflow: auto; }
ul.resort-list li.resort-listing { list-style: none; padding: 8px 0 8px 36px; margin: 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #fff; }
div.paginator { height: 18px; border-top: 1px solid #c0c0c0; background-color: #e9e9e9; text-align: center; }
ul.resort-list li.resort-listing h3 { margin: 0; font-family: "Lucida Grande", Arial, sans-serif; font-size: 11px; line-height: 18px; font-weight: bold; letter-spacing: normal; color: #181818; }
ul.resort-list li.resort-listing h3 a img { float: left; margin-left: -32px; margin-top: -4px; margin-bottom: -4px; margin-right: 6px; }
div#sidebar div.section-header,
div#sidebar div.results-nav,
p.view-location-link,
ul.resort-list li.resort-listing h3 span.country,
ul.resort-list li.resort-listing div.resort-details a,
ul.resort-list li.resort-listing div.resort-thumb,
ul.resort-list li.resort-listing div.weather, 
ul.resort-list li.resort-listing div.stats,
ul.resort-list li.resort-listing div.ratings,
ul.resort-list li.resort-listing div.widgets { display: none; }




/* = Testing
------------------------------------------------*/

/* Structure 
div.secondary { background-color: red; }
div.country-map { background-color: #ddd; }

div#map { background-color: pink; }
div#sidebar { background-color: yellow; }

h1 { background-color: pink; }
.lead { background-color: green; }*/

/*
div.irbox { background: blue; }
div.irbox div.irbox-body { background: yellow; }
div.irbox div.irbox-bottom { background: red; }*/