/*
Description:	Interactive Resorts - Resort Websites
Version:		structure 2.0
Author:			Matt Branthwaite (www.matthewbranthwaite.co.uk)
Company:		Interactive Resorts (www.interactiveresorts.co.uk)
Created:		2 Oct 06
Updated:		5 Jan 08
Notes:			Reset Only
					
--------------------------------------------------------------------------------- */


/* = GLOBAL RESET
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h5, h5, h6 { font-size: 100%; }
q:before, q:after { content:''; }

/* Add a few sensible defaults */
strong { font-weight: bold; }
em { font-style: italic;}
ol, ul, li { list-style: none; }
label { cursor: pointer; }

* a { position: relative; } /* Gets links displaying over a PNG background */
a { outline: none; /* Gets rid of Firefox's dotted borders */ text-decoration: none; }
a img { border: none; } /* Gets rid of IE's blue borders */

.cb { clear: both; }




/* = TYPOGRAPHY
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* = TYPOGRAPHY - basics */

body, p, li, dt, dd, th, td, label, input, textarea, select { font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; }
body { color: #313131; }
body, p, li, dt, dd, th, td, label { font-size: 11px; line-height: 18px; vertical-align: top; }
p, ul, ol, dd, table, address { margin: 0 0 18px 0; } /* bottom margins are equal to the line-height to keep a consistent line-height */
p.intro { clear:both; font-size: 13px; line-height: 20px; }
dt { font-weight: bold; }
h1, h2, h3, h4, h5 { font-family: Verdana, Helvetica, Arial, sans-serif;}
h1, h2, h3 { letter-spacing: -1px; }
h1 { font-size: 22px; line-height: 26px; margin: 0 0 18px; }
h2 { font-size: 22px; line-height: 26px; margin: 0 0 18px; }
h3 { font-size: 16px; line-height: 18px; margin: 0 0 18px; }
h4 { font-size: 14px; line-height: 18px; margin: 0 0 18px;}
ul li { list-style: circle; margin: 0 0 1px 16px; }
ol li { list-style: decimal; margin: 0 0 1px 20px; }
input, textarea, select { font-size: 11px; }
input, textarea { padding: 2px; }

a { color: #c60000; text-decoration: none; border-bottom: 1px dotted #666; }
a:hover { color: #730001; border-bottom: 1px solid #111; }




/* = TOP_MENU.ASP FRAME
------------------------------------------------------------------------------------------------------------------------------------------------------------ */


body.top-menu { background: #000 url(images/header.jpg) 0 0 no-repeat; }
body.right-frame { background: #000 url(images/right-frame-bg.jpg) 0 0 no-repeat; }


/* Header.jpg image replacement
	Distance from the top to the...
		Logo = 40px
		Phone = 40px
	Distance from the far-left to the...
		Logo = 90px
		Phone = 540px
	Width of the...
		Logo = 410px
		Phone = 170px
	Height of the...
		Logo = 60px
		Phone = 60px
*/
div#header h1.branding a, div#header p.phone a { position: absolute; top: 40px; height: 60px; text-indent: -9999px; border: none; background-image: url(images/header.jpg); }
div#header h1.branding a { background-position: -90px -40px; width: 410px; left: 90px; }
div#header p.phone a { background-position: -540px -40px; width: 170px; left: 540px; }




/* gnav */
ul.gnav { position: absolute; top: 136px; left: 165px; height: 26px; width: 535px; }
ul.gnav li { list-style: none; margin: 0; padding: 0; }
ul.gnav li a { display: block; height: 26px; position: absolute; top: 0; text-indent: -9999px; border: none; }
ul.gnav li a:hover { border: none; }

li.gnav-home a, li.gnav-ski-deals a, li.gnav-special-offers a, li.gnav-resorts a, li.gnav-holiday-extras a, li.gnav-enquiries a { background-image: url(images/gnav.gif); }
/* Measurements for nav image-replacement...

		The distance from the far-left to the...
			home = 0
			ski deal = 67px
			special offers = 153px
			resorts = 268px
			holiday extras = 345px
			enquiries = 462px
			
		The distance from the top to the...
			up state = 0
			rollover state = 26px
			selected state = 52px
			
		The width of the...
			home = 67px
			ski deal = 86px
			special offers = 115px
			resorts = 77px
			holiday extras = 117px
			enquiries = 85px
*/

li.gnav-home a { background-position: 0 0; left: 0; width: 67px; }
li.gnav-ski-deals a { background-position: -67px 0; left: 67px; width: 86px;}
li.gnav-special-offers a { background-position: -153px 0; left: 153px; width: 115px;}
li.gnav-resorts a { background-position: -268px 0; left: 268px; width: 77px;}
li.gnav-holiday-extras a { background-position: -345px 0; left: 345px; width: 117px;}
li.gnav-enquiries a { background-position: -462px 0; left: 462px; width: 85px; }

li.gnav-home a:hover { background-position: 0 -26px;}
li.gnav-ski-deals a:hover { background-position: -67px -26px; }
li.gnav-special-offers a:hover { background-position: -153px -26px; }
li.gnav-resorts a:hover { background-position: -268px -26px; }
li.gnav-holiday-extras a:hover { background-position: -345px -26px; }
li.gnav-enquiries a:hover { background-position: -462px -26px; }

li.gnav-home a.on { background-position: 0 -52px;}
li.gnav-ski-deals a.on { background-position: -67px -52px; }
li.gnav-special-offers a.on { background-position: -153px -52px; }
li.gnav-resorts a.on { background-position: -268px -52px; }
li.gnav-holiday-extras a.on{ background-position: -345px -52px; }
li.gnav-enquiries a.on { background-position: -462px -52px; }





/* = SIDE_MENU.ASP FRAME
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
body.side-menu { background: #000 ; }
form, p { margin-left: 0px; }

#search-container { width: 144px; margin: 0; padding: 10px 0 0; }

/* search headers */
.section-header { position: relative; overflow: hidden; z-index: 1; color: #CA0000; font-size: 11px; line-height: 20px; height: 25px; margin: 0; text-indent: -9999px; }
.section-header span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	}

/* Side menu headings image replacement
	The distance from the far-left to the...
		Search = 0
		Where = 0
		When = 0
		how many = 0
		keyword = 0
		
	The distance from the top to the...
		Search = 0
		Where = 30px
		When = 55px
		how many = 80px
		keyword = 105px
		
	The width of the...
		Search = 0
		Where = 0
		When = 0
		how many = 0
		keyword = 0
		
	The height of the...
		Search = 30px
		Where = 25px
		When = 25px
		how many = 25px
		keyword = 25px
*/

#section-header-search span, #section-header-where span, #section-header-when span, 
#section-header-accom span, #section-header-keyword span { background-image: url(images/side-menu-headings.gif);}
	
#section-header-search { height: 30px; }
#section-header-search span { background-position: 0 0; }
#section-header-where span { background-position: 0 -30px; }
#section-header-when span { background-position: 0 -55px; }
#section-header-accom span { background-position: 0 -80px; }
#section-header-keyword span { background-position: 0 -105px; }
	
/* search form */
form legend,
form label,
form br { display: none; }
form p { margin: 2px 0 6px; }	
form select,
form input { font-size: 11px; margin-left: 18px; }
form select optgroup { font-style: normal; color: #CA0000; padding: 0; margin: 0; }
form select optgroup option { color: #151515; margin: 0; padding: 0; }
	
#cmbResort,
#cmbAvailability,
#cmbCWRating,
#cmbGroupMin { width: 128px; }
	
#txtKeywords { width: 124px; }