/*******************************************************************************
********************************************************************************
**
* - GENERAL
*
* - PAGE CONTAINERS
*
* - HEADER
*
* - CONTENT
**
********************************************************************************
 ******************************************************************************/




/* GENERAL ------------------------------------------------------------------ */

html
{
	height: 100%;
}

/* Zero default margin & padding around common elements */
body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul
{
	margin: 0;
	border: 0 none transparent;
	padding: 0;
}

body
{
	height: 100%;
	background: #eee;
	color: #000;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
}

img 
{
	border: none
}

a:link
{
	color: #3b81bd;
}

a:visited
{
	color: #244a6d;
}

a:hover
{
	text-decoration: none;
}
table 
{
	margin: 28px 0;
	width: 100%
}
tr 
{
	background: #eeeaf2 url(../img/fieldset_gradient.gif) repeat-x bottom;
}
th, td
{
	border-bottom: 1px solid #f2efe9;
	padding: 4px 8px 4px 4px
}
cite 
{
	background: #fc0 url(../img/bg_cite.gif) no-repeat;
	width: 113px;
	height: 67px;
	display: block;
	float: right;
	padding: 8px 22px 0 30px;
	margin: 0 0 22px 12px
}
cite a:link, cite a:visited
{
	color: #f90;
	font-weight: bold
}
cite a:hover
{
	color: #fc0
}


/* PAGE CONTAINERS ---------------------------------------------------------- */

#page
{
	width: 736px;
	w\idth: 700px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0 18px 0 18px;
	background: url(../img/page.gif) repeat-y;
	text-align: left;
}

* html #page
{
	height: 100%;
}




/* HEADER ------------------------------------------------------------------- */

#header
{
	height: 90px;
	background: #3b81bd url(../img/bg_header.gif) repeat-x;
	position: relative
}
#footer 
{
	color: #666;
	font-size: 84%;
	padding: 0 0 2px 35px;
	margin-top: 28px;
}
#footer p 
{
	margin: 0
}

h1
{
	padding: 0 35px;
	font-size: 220%;
	font-weight: normal;
}
h1 img 
{
	margin-top: 19px
}
h2 
{
	font-size: 160%;
	color: #244a6d;
	margin: 28px 0 0 0
}
h3 
{
	font-size: 130%;
	color: #3b81bd;
	margin: 0 0 26px 0
}
h3 *
{
	color: #3b81bd;
}




/* CONTENT ------------------------------------------------------------------ */

#content
{
	padding: 0 35px;
}

p
{
	margin-top: 1.5em;
}

form
{
	margin-top: 1.5em;
	padding-bottom: 35px;
}

input.text
{
  width: 10.5em;
}

.error 
{
	background: #fcc;
	border: 2px dashed #c00;
	padding: 0.2em
}
.error-message 
{
	color: #c00;
	font-style: italic
}
.message 
{
	background: #e1ead5 url(../img/ico_tick.gif) no-repeat 0 4px;
	border: 2px dashed #81a74f;
	padding: 0.2em 2.4em
}
.att 
{
	background: #ffc url(../img/ico_att.gif) no-repeat 0 4px;
	border: 2px dashed #fc3;
	color: #960;
	padding: 0.2em 2.4em
}
.warning 
{
	background: #fcc url(../img/ico_err.gif) no-repeat 0 4px;
	border: 2px dashed #c00;
	color: #c00;
	padding: 0.2em 2.4em
}

#breadcrumb 
{
	margin: 22px 0;
}
#breadcrumb li 
{
	display: inline;
	margin-right: 12px;
	font-size: 0.86em;
	color: #999
}
#breadcrumb li a 
{
	color: #999
}
#breadcrumb li.current a 
{
	color: #3b81bd;
	text-decoration: none
}
.instruction 
{
	margin: 0.4em 0
}
.instruction *
{
	vertical-align: middle
}
.instruction img 
{
	margin-right: 12px;
}

#nav 
{
	background: #244a6d;
	border-top: 1px solid #fff;
	padding: 0 0 2px 35px;
	height: 20px
}
#nav * 
{
	color: #fff;
	text-decoration: none
}
#nav li 
{
	display: inline;
	list-style-type: none;
	margin-right: 15px
}

.parking 
{
	position: absolute;
	top: 0;
	left: 550px
}


.attributes li
{
	list-style-type: none;
	background: url(../img/ico_star.gif) no-repeat left top;
	padding-left: 28px;
	min-height: 3.4em
}
.attributes li.padlock 
{
	background: url(../img/ico_padlock.gif) no-repeat left top;
}
.attributes li.clock 
{
	background: url(../img/ico_clock.gif) no-repeat left top;
}
.attributes li.food 
{
	background: url(../img/ico_food.gif) no-repeat left top;
}


.reviews li 
{
	list-style-type: none;
	margin-top: 28px
}
.quoter 
{
	color: #999
}
.reviews p 
{
	margin: 0
}
.largeblue 
{
	font-size: 14px;
	font-weight: bold;
	color: #244a6d
}
.minorhighlight 
{
	background: #EEEAF2 url(../img/fieldset_gradient.gif) repeat-x scroll 0 0;
	border: 1px solid #BFBAB0;
	padding: 1em;
	margin-top: 1.5em
}
#poplounge,
#popvalet 
{
	display: none
}
.cart th 
{
	background: #ddd
}
.cart td 
{
	background: #eee
}


/* FORMS -------------------------------------------------------------------- */
fieldset
{
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 1px solid #bfbab0;
	background: #eeeaf2 url(../img/fieldset_gradient.gif) repeat-x;
}

legend
{
	margin-left: 1em;
	padding: 0;
	color: #000;
	font-weight: bold;
}

fieldset ol
{
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}

label
{
	position: relative;
	float: left;
	width: 13em;
	margin-right: 1em;
}

label span 
{
	color: #999;
	font-style: italic
}

label em
{
	position: absolute;
	left: 13em;
	top: 0;
}

fieldset.submit
{
	float: none;
	width: auto;
	border-style: none;
	padding-left: 15em;
	background-color: transparent;
	background-image: none;
}

legend a, 
legend a:visited
{
	color: #3b81bd;
	background: url(../img/ico_info.gif) no-repeat left;
	padding-left: 20px
}
legend a:hover 
{
	color: #666;
	background: url(../img/ico_info_over.gif) no-repeat left
}
legend a span 
{
	font-weight: normal;
	font-size: 0.8em;
	color: #666
}
/*
legend a:hover span 
{
	color: #3b81bd;
}
*/