@charset "utf-8";
/*resets*/
@import url("browser_resets.css");

/* ------------------------------------
The Travel Experience (print)
version: 1.0
author: jane mcdevitt
email: hello@maraid.co.uk
website: http://www.maraid.co.uk
------------------------------------- */

body {
	font-family:Verdana, Arial,Helvetica,sans-serif;
	font-size: 80%;
	color:#000;
	line-height:160%;
	}

a{
	color:#00739d;
	text-decoration:none;
	}
	
h1, h2, h3, h4 {
	margin-bottom:20px;
	line-height:140%;
	font-weight:normal;
	}

h1{
	font-size:165%;
	color:#00739d;
	}
		
h1.grey{
	color:#919191 !important;
	}

h2{
	font-size:120%;
	color:#919191;
	}

div.left-col h2 a {
	border-bottom:1px solid #0099CC;
	}
	

h3{
	font-size:120%;
	color:#919191;
	}

h4{
	font-size:110%;
	}

p,dt,dd,ul li,ol li,address,blockquote,q,cite{
	line-height:160%;
	}


ul,ol{
	padding-top:15px;
	padding-bottom:15px;
	}

.unbold{
	font-weight:normal !important;
}

.bold{
	font-weight:bold !important;
}

span.red {
	color:#C00;
	}
	
blockquote {
	font-style:italic;
	}
	
p.name {
	font-weight:bold;
	}


/*===================================================================
SITE WIDE ELEMENTS
=================================================================== */
/*clear floated elements*/
.clear-float:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clear-float { height:1%; } /* IE6 */
*:first-child+html .clear-float { min-height:1%; } /* IE7 */


/*clears anything leaving no gap*/
.clear{
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

/*clear anything leaving a gap*/
.clearheight{
	float:none;
	clear:both;
}

/*hide unwanted items on view*/
.hide,
.hide span, div.main-nav, div.carousel, div.footer, div.right-col{
	left:-2000px;
	position:absolute;
}

/*===================================================================
HEADER
=================================================================== */

div.header {
		margin-bottom:20px;
	}

	div.header img{
		float:left;
	}
	
	div.header dl.company-details{
		float:right;
		font-size:90%;
	}
		div.header dl.company-details dt{
			color:#858585;
			line-height:100%;
			text-align:right;
		}
		div.header dl.company-details dd{
			line-height:100%;
			text-align:right;
		}
			div.header dl.company-details dd a{
				text-decoration:none;
			}
				div.header dl.company-details dd a:hover{
					color:#00739d;
					text-decoration:underline;
				}


/*===================================================================
HOMEPAGE
=================================================================== */



/*4 promo boxes on homepage*/
dl.hp-promo{
	float:left;
	width:200px;
	margin:0px 16px 0px 0px;
	padding:10px;
	border:1px solid #e7e7e7;
}
	dl.hp-promo.end{
		margin-right:0px;
	}
	
	dl.hp-promo dt{
		font-size:135%;
		text-align:center;
		margin:0px;
		padding:0 10px 10px 10px;
	}
	
	dl.hp-promo dd{
		margin:0px;
		padding:0px;
	}
	dl.hp-promo dd img{
		margin-bottom:8px;
	}

/*===================================================================
LEFT COLUMN
=================================================================== */
div.left-col{
	float:left;
	width:680px;
	padding:10px;
}
	div.left-col img.productlead{
		margin: 1em 0;
	}
	
	div.left-col h2{
		padding-top:10px;
		padding-bottom:10px;
	}

/*grey intro text in left column*/
p.intro{
	font-size:120%;
	color:#919191;
	font-weight:bold;
}

div.grouplogos img {
	padding: 13px 13px 0 0;
	}


/*===================================================================
RIGHT COLUMN
=================================================================== */
div.right-col{
	float:right;
	width:220px;
}
	
	div.right-col h2{
		padding-top:10px;
	}
	
	div.right-col dl.panel{
		width:200px;
		background:#fff;
		margin:0px 0px 20px;
		padding:10px;
	}
		div.right-col dl.panel dt,
		div.right-col dl.panel dd{
			margin:0px;
			padding:0px;
		}
		
		div.right-col dl.panel dt{
			font-size:120%;
			font-weight:bold;
			background:#00aeef url(../images/site/bg_dt.jpg) center top repeat-x;
			padding:10px;
		}
			
		
		
		div.right-col ul.extra-nav{
	list-style:none;
	margin:0px;
	padding:10px 0px 0px 55px;
		}
			div.right-col ul.extra-nav li{
				padding-bottom:7px;
			}
			
			div.right-col ul.extra-nav li img{
				float:left;
				margin-left:-55px;
			}
			
			div.right-col ul.extra-nav li h2{
				display:block;/*req for ie7*/
				line-height:normal;
				margin:0px;
				padding:0px;
			}
				div.right-col ul.extra-nav li h2 a{
					color:#919191;
					text-decoration:none;
				}
					div.right-col ul.extra-nav li h2 a:hover{
						text-decoration:underline;
					}
				
			div.right-col ul.extra-nav li p{
				font-size:90%;
				line-height:140%;
				padding:0px;
				margin:0px;
			}
	
dl.products {
    padding: 10px 0;
    width: 677px;
	margin-bottom:10px;
	}
	
dl.products dt {
    float: right;
    margin: 0 ;
    width: 504px;
	font-size:120%;
	position:relative;
	top:-5px;
	}
	
dl.products dd {
    margin: 0 10px 0 172px;
    padding: 0;
    width: 505px;
	line-height:150%;
	}
	
dl.products dd.img {
    margin: 0;
    width: 78px;
	margin-bottom:10px;
	padding-bottom:10px;
	}
	
dl.products dd.img img {
    float: left;
    margin: 0 10px 0 0;
    width: 162px;
	border-bottom:4px solid #01a5e2
	}
	
dl.products dt a {
	border-bottom:1px solid #09C;
	}		
	
form.searchproduct {
	background-color:#f2f2f2;
	padding:10px;
	}
	
form.searchproduct label {
	display:none;
	}
	
form.searchproduct input {
	background-color:#FFF;
	padding:4px;
	border:1px solid #e6e6e6;
	}	
	
form.searchproduct input.button{
			display:inline;
			width:auto;
			position:relative;/*req for ie*/
			color:#fff;
			font-weight:bold;
			padding:3px 5px;
			border:none;
			background:#039cd5 url(../images/site/bg_button_gradient.jpg) repeat-x;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			behavior: url(../styles/css3-ie-pie.htc);
		}	
		

		
	
			
/*form*/

div.left-col form label {
	display:block;
	
	}
	
div.left-col form input {
	border:1px solid #CCC;
	padding:3px;
	width:200px;
	}	
	
div.left-col form select {
	border:1px solid #CCC;
	padding:3px;
	width:250px;
	}
	
div.left-col form textarea {
	border:1px solid #CCC;
	padding:3px;
	width:450px;
	}	
	
div.left-col form input.button{
	display:inline;
	width:auto;
	position:relative;/*req for ie*/
	color:#fff;
	font-weight:bold;
	padding:3px 5px;
	border:none;
	background:#039cd5 url(../images/site/bg_button_gradient.jpg) repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../styles/css3-ie-pie.htc);
	margin-bottom:20px;
	}		
			

/*footer copyright msg*/
p.copyright{
	display:block;
	clear:both;
	color:#c7c7c7;
	text-align:center;
	line-height:normal;
	background:#2c2c2c;
	margin:0px -20px;
	padding:8px 10px 12px 10px;
	font-size:90%;
}
	p.copyright a{
		color:#c7c7c7;
	}