/* --------- Meta Layout --------- */

html {
    min-height:100%;
    margin-bottom:1px;
	}
body {
	font: 76% Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #d9d5d1 url(../images/body_background.jpg) repeat-y 50% 0;
	}
#container {
	background: #fff url(../images/container-bg.gif) 0 403px repeat-y;	
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	text-align:	left;
	}
.skip {
	display: none;
	}

/* --------- Right Column Header --------- */

#flashcontent {
	margin: 1.3em 0 1.2em 0;
	}

/* --------- Right Column Header --------- */

#header {
	padding: 0;
	margin: 0;
	width: 796px;
	}
#header-left {
	margin: 0;
	padding: 17px 0 0 0;
	float: left;
	}
#header-right {
	width: 370px;
	float: right;
	margin:0;
	padding:0 20px 0 0 ;
	}
#header-right p#header-links {
	width: 280px;
	text-align:right;
	padding:10px 20px 0 0;
	margin:0 0 70px 0;
	color:#fff;
	font: normal .8em Verdana, Arial, Helvetica, sans-serif;
	}
#header-links a {
	padding: 0 4px;
	color: #fff;
	text-decoration: none;
	background-color: #1B1B1B;
	}
#header-links a:hover {
	text-decoration:underline;
	}
#header-right img {
	margin-right: 17px;
	border: solid #000 1px;
	}

/* --------- logo --------- */

#logo {
	text-align: center;
	padding: 30px 20px 0 20px;  
	margin: 0 0 20px 0;
	}
#logo h1 {
	margin: 0;
	font: 2.2em "Times New Roman", Times, serif;
	text-transform: uppercase;
	}
#logo h1 a {
	color: #fff;
	text-decoration: none;
	}
#logo h1 a span {
	margin-top: -5px;
	font-size: 160%;
	}
#logo p#strapline {
	padding: 4px 0 3px 0;
	text-transform: uppercase;
	margin: 3px 0 0 0;
	font: bold 1.7em "Times New Roman", Times, serif;
	background-color: #fff;
	color: #1e7ebd;
	}

/* --------- Left-column Header / Vertical Navigation --------- */

#nav-container {
	width:228px;
	margin: 0 0 2em 0;
	padding: 0;
	background-color:#1e7ebd;
	}
ul#nav {
	padding: 2.5em 0 4em 0;
	margin: 0 19px 0 17px;
	color: #fff;
	font: 0.9em Arial, Helvetica, sans-serif;
	}
ul#nav li {
	margin: 0;
	padding: 0;
	list-style:none;
	}
ul#nav li a {
	width: auto;
	border-bottom:thin dotted #ffcc8f;
	padding:.5em 6px .5em 6px;
	display:block;
	margin: 0;
	color: #fff;
	text-decoration: none;
	}
* html ul#nav li a{ /*IE only. Actual menu width 202 minus padding of link (12px) */
	width: 180px;
	}
ul#nav li a:hover {
	background-color:#599EF9; 
	color: #fff;
	}
ul#nav li.nav-bottom a {
	border-bottom:none;
	}

/* --------- Links --------- */

a:link, a:visited {
	color:#666;
	text-decoration:underline;
	}
a:hover, a:focus {
	color:#FF9A1E;
	text-decoration:none;
	}
a:active {
	}

/* --------- Current Page --------- */

ul#nav li a.nowpage {
	background-color: #599EF9;
	}
ul#nav li a:hover.nowpage {
	background-color: #599EF9;
	}
/* --------- Columns --------- */

#left-column {
	word-wrap:break-word;
	width: 228px;
	float: left;
	margin:0;
	padding:0;
	}
#right-column {
	margin: 0;
	padding: 0;
	background:url(../images/header-gradient.gif) top repeat-x;
	float:right;
	width:796px;

	}
#left-right-column {
	margin:18px 0 0 0;
	width:420px;
	float:left;
	padding: 0 0 0 25px;
	}
#right-right-column {
	float:right;
	width:302px;
	padding:0 20px 0 0;
	margin: 20px 0 0 0;
	}
	
img#feature-image-2 {
/*	border: solid #666666 1px; */
	display: block;
	}
p.caption {
	width: 290px;
	color: #fff;
	font-size: .9em;
	margin: 0;
	padding: 3px 5px;
	background: #333;
	}
#visitor-tips {
	width:264px;
	margin-bottom:20px;
	background-color:#1b1b1b;
	color:#fff;
	padding:26px 18px 18px 18px;
}
#visitor-tips h3 {
	background-color:#1b1b1b;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
}
/* --------- Content panel --------- */

.content-row {
	font-size: .9em;
	margin: 2em 0 2em 0;
	}

.tpb {
	padding-top: 1.8em;
	border-top: dotted #999999 1px;
	}
.btb {
	padding-bottom: 1.8em;
	border-bottom: dotted #999999 1px;
	}
#property {
	margin:0;
	}
#property .item {
	float: left;
	margin-bottom: 1em ;
	font-size: 0.8em; 
	}
#property .margin-right {
	margin-right: 2px;
	}
#property .padding-left {
	padding-left: 2px;
	}
#property img {
	display: block;
	}
#property p {
	margin-top:1px;
	}

/* --------- Headings --------- */

#left-column h2 {
	margin: 0 15px 0 21px;
	color: #333333;
	font: 600 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	}
#left-right-column h2 {
	margin: 0;
	color: #333;
	font: 600 1.1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	}

#left-right-column h1 {
	font-size: 1.6em;
	font-weight: normal;
	color:#be0021;
	margin:3px 0;
	text-transform:uppercase;
}

#left-right-column h2 {
	float:right;
	width:280px;
	font-size:1em;
}
#left-right-column h2 a:link, #content-left h2 a:visited, #content-left h2 a:active {
	font-weight:bolder;
	text-decoration:underline;
}
#left-right-column h2 a:hover, #content-left h2 a:focus {
	text-decoration:none;
}
#left-right-column .portal {
	margin: 0 0 15px 0;
	padding: 0;
	background-color:#fff;
}

#left-right-column img {
	border:1px solid #000000;
	margin-right:3px;
	padding: 0;
}

#left-right-column p.desc {
	float:right;
	width:280px;
	font-size:.8em;
	padding: 0;
	margin: 0;
}

/* --------- Accomm Row --------- */

#accomm-row {
	margin: 1em 0 1em 0;
	background: url(../images/accomm-bg.gif) repeat-y; 
	}
#accomm-panel {
	float: left;
	width: 130px;
	margin-right: 12px;
	}
#accomm-panel p {
	margin: 0;
	font-size: .9em;
	}
#accomm-panel.rightmost {
	margin-right: 0;
	}


ul.article-link-list {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin:.5em 5px 1em 10px;
	list-style: none;
	}
ul.article-link-list li {
	padding:.3em 0 .3em 10px;
	width:200px;
	margin:0;	
	background: url(../images/link-bullet.gif) 0 0.7em no-repeat;
	}
ul.article-link-list li a:link, ul.article-link-list li a:visited, ul.article-link-list li a:active {
	text-decoration: underline;
	}
ul.article-link-list li a:hover, ul.article-link-list li a:focus {
	text-decoration: none;
	}#left-column h3 {
	font: 1.4em Arial, Helvetica, sans-serif;
	color:#3f3f3f;
	font-weight:bolder;
	margin:30px 0 0 18px;
	text-transform:uppercase;
}

#left-column h3.first {

	margin-top:19px;
}

/* --------- Paragraph --------- */

p {
	line-height: 1.5em;
	}

/* --------- Link List --------- */

ul.list {
	list-style: none;
	padding: 0;
	margin: 1em 15px 2em 15px;
	}
ul.list li {
	margin: .3em 0;
	padding-left: 8px;
	background: url(../images/bullet-gray.gif) 0 .3em no-repeat;
	}

/* --------- Map --------- */

div#map {
	width: 400px;
	height: 450px;
	margin: 0 0 2em 0;
	border:#000 solid 1px;
	}
#side-bar a:hover {
	text-decoration: underline;
	}
#side-bar a {
	font-size: .9em;
	background: url(../images/bullet-blue.gif) 0 .55em no-repeat;
	}
#side-bar {
	line-height: 1.5em;
	margin-bottom: 1em;
	}
#side-bar-title {
	line-height: 1.5em;
	}
#gMapContainer.expandedMap {
	text-align:left;
	background-color: #fff;
	position:absolute;
	padding:7px 10px 57px 10px;
	border:1px solid #aaa;
	}
#gMapContainer.expandedMap #map {
	width:100%;
	}
a.expand {
	display:block;
	margin: 0 0 5px 10px;
	padding: 2px 6px 3px 6px;
	border: 1px solid #008DC4;
	margin-bottom: 4px;
	color:#008DC4;
	cursor:pointer;
	}
a:hover.expand {
	text-decoration: none;
	}
#gMapExpander {
	float: right;
	text-align:right;
	}

/* ------------------- Banner & Poll ------------------- */

#banner {
	margin: 2em 0 0 0;
	}
#image {
	margin: 1.3em 0 0 0;
	}
#image img {
/*	border:#666 1px solid;*/
	}

/* ------------------- Footer ------------------- */

#footer {
	height: 85px;
	background: #1b1b1b;
	clear: both;
	margin-top: 4em;
	padding: 1em;
	font: .85em Arial, Helvetica, sans-serif;
	}

#footer p {
	text-align: center;
	color: #fff;
	padding:.5em 0 0 0;
	}
#footer a:link, #footer a:visited, #footer a:active {
	color:#ccc;
	text-decoration: none;
	}
#footer a:hover, #footer a:focus {
	text-decoration: underline;
	}
#footer ul#footer-nav {
	text-align:center;
	}
#footer ul#footer-nav li {
	display:inline;
	padding:0 5px;
	border-right:#fff 1px solid;
	}
#footer ul#footer-nav li.last {
	border:none;
	}
	
.clearboth {
	display:block;
	clear:both;
	}
	
.clearer {
	height:0;
	margin:0;
	padding:0;
	clear:both;
	display:block;
	}
	
.left {
	float: left;
	}

/* --------- Clearer --------- */
	.clearer {	
	margin:0;
	padding:0;
	clear:both;
	display:block;
	}
	
/* --------- Clearfloat --------- */

.clearfloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
	}
.clearfloat { display: inline-block; }
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }


/* ---------- Instant Quote Button ------------*/

/* iFrame Wizard CSS */
#rate {
	clear: both;
}
#rate_buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}
#rate_buttons .button {
	margin: 0px;
	padding: 2px 10px 2px 0px
}
#rate_buttons .rates {
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	vertical-align: middle;
}
#rate_buttons .desc {
	font-size: 11px;
	color: #999999;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: middle;
}
#rate_buttons a img {
	border: none;
}
#wizard_div, #lastminute_div, #specials_div, #bookingwizard_div {
	display: none;
}
#wizard_div .top {
	background: transparent url('http://web.travelonline.com/images/gui_top_quotewizard.gif') no-repeat;
}
#bookingwizard_div .top {
	background: transparent url('http://web.travelonline.com/images/gui_top_bookingwizard.gif') no-repeat;
}
#lastminute_div .top {
	background: transparent url('http://web.travelonline.com/images/gui_top_lastminute.gif') no-repeat;
}
#specials_div .top {
	background: transparent url('http://web.travelonline.com/images/gui_top_specials.gif') no-repeat;
}
#rate .close_iframe {
	position: relative;
	left: 650px;
	width: 50px;
	height: 30px;
	top: 0px;
	cursor: pointer;
}
#rate .top {
	height: 30px;
	position: relative;
	top: 0px;
}
#rate .middle {
	background: transparent url('http://web.travelonline.com/images/gui_middle.gif') repeat-y;
	height: 86px;
}
#rate .bottom {
	background: transparent url('http://web.travelonline.com/images/gui_bottom_short.gif') no-repeat;
	height: 23px;
}
#rate iframe {
	left: 1px;
	top: 0px;
	width: 698px;
	height: 86px;
	position: relative;
}