/* 
Website: And Beyond
Title: Trip Finder style sheet for screen media
Author: Romy Moll
Updated: June 2008

Style Index
$1 - Lightbox Contents
*/

/*------------------------------------------------------
	Global
-------------------------------------------------------*/
.fl {float:left;}
.fr {float:right;}

.clear {clear:both;}
.cl {clear:left;}
.cr {clear:right;}

.mrg_left36 {margin:0 0 0 36px;}
.mrg_bt10 {	margin:0 0 10px 0; }

.nomargin { margin: 0; }
.mrg_topbot1em {margin:1em 0; }
.mrg_topbot1pt5em {margin:1.5em 0; }
.mrg_top5 {	margin:5px 0 0 0; }
.mrg_bt5 { margin:0 0 5px 0; }
.mrg_left5 { margin:0 0 0 5px; }
.mrg_right5 { margin:0 5px 0 0; }
.mrg_top10 { margin:10px 0 0 0; }
.mrg_topbot10 {margin:10px 0; }
.mrg_top15 { margin:15px 0 0 0; }


.mrg_left46 { margin:0 0 0 46px; }
.mrg_topbot18 {	margin:18px 0; }
.mrg_top18 { margin:18px 0 0 0; }
.mrg_bot18 { margin:0 0 18px 0; }
.mrg_bot36 { margin:0 0 36px 0; }

.pad_top10 {padding: 10px 0 0 0}

.tac {text-align:center;}

/* ------------------------------------------------------------
	Reset/Defaults
------------------------------------------------------------ */

/*Clear Margin and Padding on major elements*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

/* Put it back on certain elements 
p, pre, blockquote, fieldset, table {
	margin: 1em 0;
}*/

/* Remove border around linked images */
img {	
	border: 0;
}


/*------------------------------------------------------
	Defaults
-------------------------------------------------------*/

#trip_finder {
	/*margin: 20px 0 0 20px;*/
	width: 909px;
	height: 523px;
}

#trip_finder .select {
	float: left;
	background: url(/images/frontend/tripfinder/tf_bg_left.png) no-repeat top left;
	width: 693px;
	height: 472px;
	padding: 19px 10px 15px 26px;
	position: relative;
}

#trip_finder .select .hdr{
	position: absolute;
	top: 15px;
	left: 26px;
	height: 34px;
	}

#trip_finder .select .hdr .txt-head{
	margin:0 0 0 36px;
	float: left;
	width: 350px;
	}

#trip_finder .select a:link, #trip_finder .select a:visited {
	color: #555;
	text-decoration: underline;
}

#trip_finder .select a:hover {
	color: #759636;
}

#trip_finder .select .cnt ul {
	list-style:none;
	display:block;
	padding: 40px 0 0 0;
}

#trip_finder .select .cnt ul li {
	width:688px;
	height:100px;
	list-style:none;
	display:block;
	background: url(/images/frontend/tripfinder/select_bg.gif) no-repeat center left;
	margin: 0 0 4px 0;
	/*margin: 0 0 40px 0;   --Style for 3 items only--    */  
	position: relative;
}

#trip_finder .select .cnt ul li:hover{
	background: url(/images/frontend/tripfinder/select_bg.gif) no-repeat center right;
	display:block;
}

#trip_finder .select .tab{
	margin: 1px 8px 0 8px;
	height:99px;
	width:106px;
}

#trip_finder .select .select_info {
	padding: 15px 0 0 0;
	
}

#trip_finder .select .left-p {
	text-align: left;
	}

#trip_finder .select .destination {
	padding: 30px 0 0 0;
}

#trip_finder .select input{
	background: url(/images/frontend/tripfinder/tickbox_uncheck.gif) no-repeat scroll top center;
	}

#trip_finder .select a:link.tick, #trip_finder .select a:visited.tick { /* Creates a block level link with an arrow to the left */
	font-size: 0.9em;
	color: #555;
	text-decoration:none;
	padding: 20px 0 0 0;
	height: 35px;
	background: url(/images/frontend/tripfinder/tickbox_uncheck.gif) no-repeat scroll top center;
	text-align: center;
	margin: 0 8px;
}

#trip_finder .select a:link.ticked, #trip_finder .select a:visited.ticked {
	background: url(/images/frontend/tripfinder/tickbox_check.gif) no-repeat scroll top center;
}

#trip_finder .select .dial {
	margin: 5px 0 0 0px;
	height:51px;
	width:549px;
	position: relative;
	background: url(/images/frontend/tripfinder/dial_bg.gif) no-repeat scroll top center;
}

#trip_finder .select .dial a:link, #trip_finder .select .dial a:visited {
	height:24px;
	width:15px;
	text-indent:-9999em;
	background: url(/images/frontend/tripfinder/dial_pointer.png) no-repeat scroll top left;
	display:block;
	position: absolute;
	top: 0;
	left: -5px;
	overflow: hidden;
}

#trip_finder .select .dial a:hover {
	background: url(/images/frontend/tripfinder/dial_pointer.png) no-repeat scroll bottom left;
}

#trip_finder .select .budget {
	padding: 10px 0 0 10px;
}

#trip_finder .select a:link.ten, #trip_finder .select a:visited.ten { /* Creates a block level link with an arrow to the left */
	font-size: 0.9em;
	display:block;
	color: #555;
	text-decoration:none;
	padding: 37px 0 0 0;
	height: 0px;
	width: 178px;
	background: url(/images/frontend/tripfinder/budget_ten.jpg) no-repeat scroll 0 0;
	text-align: center;
}

#trip_finder .select a:hover.ten,#trip_finder .select a:link.ten.on, #trip_finder .select a:visited.ten.on {
	background: url(/images/frontend/tripfinder/budget_ten.jpg) no-repeat scroll -178px 0;
}


#trip_finder .select a:link.twenty, #trip_finder .select a:visited.twenty { /* Creates a block level link with an arrow to the left */
	font-size: 0.9em;
	display:block;
	color: #555;
	text-decoration:none;
	padding: 37px 0 0 0;
	height: 0px;
	width: 176px;
	background: url(/images/frontend/tripfinder/budget_twenty.jpg) no-repeat scroll 0 0;
	text-align: center;
}

#trip_finder .select a:hover.twenty,#trip_finder .select a:link.twenty.on, #trip_finder .select a:visited.twenty.on {
	background: url(/images/frontend/tripfinder/budget_twenty.jpg) no-repeat scroll -176px 0;
}


#trip_finder .select a:link.thirty, #trip_finder .select a:visited.thirty { /* Creates a block level link with an arrow to the left */
	font-size: 0.9em;
	display:block;
	color: #555;
	text-decoration:none;
	padding: 37px 0 0 0;
	height: 0px;
	width: 179px;
	background: url(/images/frontend/tripfinder/budget_thirty.jpg) no-repeat scroll 0 0;
	text-align: center;
}

#trip_finder .select a:hover.thirty,#trip_finder .select a:link.thirty.on, #trip_finder .select a:visited.thirty.on {
	background: url(/images/frontend/tripfinder/budget_thirty.jpg) no-repeat scroll -179px 0;
}

#trip_finder .select .holidaytype {
	padding: 33px 0 0 0;
}

#trip_finder .select .holidaytype a:link.tick, #trip_finder .select .holidaytype a:visited.tick { /* Creates a block level link with an arrow to the left */
	font-size: 0.9em;
	color: #555;
	text-decoration:none;
	padding: 20px 0 0 0;
	height: 35px;
	background: url(/images/frontend/tripfinder/tickbox_uncheck.gif) no-repeat scroll top center;
	text-align: center;
	margin: 0 6px;
}

#trip_finder .select .holidaytype a:link.ticked, #trip_finder .select .holidaytype a:visited.ticked {
	background: url(/images/frontend/tripfinder/tickbox_check.gif) no-repeat scroll top center;
}

#trip_finder .select .ftr {
	padding: 0 12px 0 0;
}



#trip_finder .select a:link.ftr_results, #trip_finder .select a:visited.ftr_results { /* Creates a block level link with an arrow to the right*/
	text-transform:uppercase;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
	padding: 8px 30px 8px 0;
	color: #555555;
	background: url(/images/frontend/tripfinder/arrow_sel_res.jpg) no-repeat scroll top right;
	margin: -5px 0 0 0;
	height: 13px;
}

#trip_finder .select a:hover.ftr_results {
	color:#777777;
	/*background: url(/images/frontend/tripfinder/arrow_sel_res.jpg) no-repeat scroll bottom right;*/
}

#trip_finder .results {
	float: left;
	width: 180px;
	height: 524px;
}



/*#trip_finder .results .hdr {
	background: url(/images/frontend/tripfinder/tf_result_hdr_bg.png) no-repeat top left;
	width:180px;
	height:43px;
	margin: -1px 0 0 0;
	position: relative;
}*/

#trip_finder .results .hdr a {
	width: 62px;
	height: 23px;
	display: block;
	background: url(/images/frontend/tripfinder/close.png) no-repeat;
	position: absolute;
	top: 14px;
	left: 835px;
	}
	
#trip_finder .results .hdr a span {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

#trip_finder .results .cnt {
	background: url(/images/frontend/tripfinder/tf_result_cnt_bg.png) no-repeat top left;
	width:180px;
	height:506px;
	overflow: hidden;
}

#trip_finder .results .cnt .results_box {
	padding-top: 65px;
	margin: 0 auto;
	width: 180px;
	text-align: center;
}

#trip_finder .results .cnt .results_top_bg {
	margin: 0 auto;
	background: url(/images/frontend/tripfinder/result_top_bg.jpg) no-repeat 0px 11px;
	width:85px;
	height:118px;
	padding: 24px 30px 0 20px;
	color: #555;
}

#trip_finder .results .cnt .case {
	padding: 10px 0 0 0;
}

#trip_finder .results .cnt .results_top_bg h2 {
	text-indent:-9999px;
	margin: 0;
	padding: 0;
}

/*#trip_finder .results .ftr {
	background: url(/images/frontend/tripfinder/tf_result_ftr_bg.png) no-repeat top left;
	width:180px;
	height:22px;
}*/