/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

div.tideBody  li {margin:8px 13px;}
/* Structure */
body {text-align:center;margin-top:14px;}
div#header {height:290px;margin-bottom:10px}
div#container{width:798px;margin:0 auto;}
div#extra{display:none}
div#content{float:right;width:580px}
div#navigation{float:left;width:190px;}



div#footer{clear:both;margin:0;padding:0;float:none;width:100%}

div#content div.lf_content_box {padding:10px;}
div#extra div.lf_content_box {padding:10px;}
div#navigation div.lf_content_box {padding:0 10px;}

div#content div.lf_pad {padding:0 10px;}
div#extra div.lf_pad {padding:0 10px;}
div#navigation div.lf_pad {padding:0 10px;}

#footer p{padding-top:50px;padding-bottom:20px;}

div#navigation .lf_link_box li{padding:5px 0px;list-style:square;margin-left:20px;}

div#container{overflow:hidden}
div#header{margin:0;padding:0;overflow:hidden}
/* Color */
body {color:#000;background: #004881}

div#container {background: #fff url(http://content.onlineagency.com/sites/36431/images/lf_container.jpg) repeat-y left top;;}

div#container h1 {color:#fff;}
div#content h1 , div#extra h1 {color:#fff;}
#container a:hover {color:#226F42;}
#extra a:hover {color:#226F42;}
#header {background:#fff url(http://content.onlineagency.com/sites/36431/images/lf_header.jpg) no-repeat left top;}
#header div.tideHeaderTitle {color:#C53E4D;}
div#container a {color:#000;}

#header div#travellinks {background:#5E4A27;}
#header div#travellinks a {color:#fff;}
#header div#travellinks a:hover {color:#eaeaae;}

#header div#homelinks a {color:999;}

#footer {background:#709762 url(http://content.onlineagency.com/sites/36431/images/lf_footer.jpg) no-repeat left top;;color:#ccc;}

.hover {background:#EFEFD1;color:#000;}

div#scroller {border-top:10px solid #444;width:240px;height:400px;border-bottom:10px solid #444;}

.Search_Form_Expanded {background:#F3D49F;}


div#content h1.tideTitle{color:#000;}
#footer p{color:#fff;}
div#navigation .lf_link_box li a:link, div#navigation .lf_link_box li a:visited{color:#1c79b1}
div#navigation .lf_link_box li a:hover{color:#980000}
/* Font */
body{font: 80% tahoma}


#content h1 {font-size:110%;font-family:serif;font-weight:bold;}
#header div#travellinks a {font-size:86%;}
#header div#homelinks li  a {font-size:70%;letter-spacing:-1;}

div#container {text-align:left;}

div#footer {text-align:center;font-size:80%;}


div#extra h1 {display:block;text-align:center;font-weight:bold;font-size:120%;padding:4px;}

div#content h1 {display:block;text-align:center;font-weight:bold;font-size:120%;padding:4px 0;}

div#content h1.tideTitle {display:block;text-align:left;font-weight:bold;font-size:230%;padding:10px 0;margin:0;}

div#content h3 {margin:10px;font-size:130%;font-site:bold;padding:4px;}

a.lf_marker {cursor:text;text-decoration:none;}

div.lf_form_title_left {clear:both;display:block;text-align:center;font-weight:bold;font-size:120%;padding:4px 0;margin-top:10px;}
div.lf_search ul li{border-top:1px solid #94BB17;border-bottom:0px solid #94BB17;display:block;float:left;clear:both;margin-top:10px;width:100%}
div.lf_search ul li.first{border-top:1px solid #94BB17;}
div.lf_search ul li h1 {text-align;right;}
div.lf_search ul li h1 a {text-align;left; float:left;width:100%}

div#content div.lf_promo ul li {margin:0;padding:3px 0;}
div#content div.lf_promo ul li h2 {margin:0;padding:3px;}
div#content div.lf_promo ul li p {margin:0;padding:3px;}

dt {font-weight:bold;}
#footer p{font:bold 90% tahoma}
div#navigation .lf_link_box{font:bold 12px tahoma;}
div#navigation .lf_link_box li a:link, div#navigation .lf_link_box li a:visited{text-decoration:none;}
div#content .tidebody{text-align:justify}
/* Content */

/* Header */

/* Footer */

/* Navigation */

/* Extra */

/* Search */

/* Forms */

/* Custom */

/* jquery */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    margin-left:-24px;
    border-top:5px solid #ccc;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* form */
/* ----------------- FORM FORMATTING -------------------- */
.lf_form fieldset {clear:both;float:left;width:420px;margin-left:auto;margin-right:auto;padding:5px;border:1px solid #666;}
.lf_form  fieldset div.lf_form_text{clear:both;}
.lf_form  fieldset div.lf_form_select{clear:both;}
.lf_form  fieldset div.lf_form_checkbox{clear:both;}
.lf_form fieldset legend {margin-bottom:14px;font-weight:bold;}

/* text */
.lf_form div.lf_form_text label {float: left;width: 150px;text-align: right;padding-right:10px;padding:4px;}
.lf_form div.lf_form_text input {float: left;width: 200px;text-align: left;} 
/* textarea */
.lf_form div.lf_form_textarea {width:380px;float:left;}
.lf_form div.lf_form_textarea label {float: left;width: 150px;text-align: right;padding-right:10px;padding:4px;}
.lf_form div.lf_form_textarea textarea {float: left;width: 200px;text-align: left;} 
/* select */
.lf_form div.lf_form_select label {float: left;width: 150px;text-align: right;padding-right:10px;padding:4px;}
.lf_form div.lf_form_select select {float: left;width: auto;text-align: left;} 
/* checkbox */
.lf_form div label.lf_form_checkbox {float: left;width:auto;text-align: left;padding-right:10px;}
.lf_form div input.lf_form_checkbox {float: left;width:auto;text-align: left;} 
/* radio */
.lf_form div label.lf_form_radio {float: left;width:auto;text-align: left;}
.lf_form div input.lf_form_radio {float: left;width:auto;text-align: left;} 
.lf_form fieldset div.lf_form_required input {background:#ccc;}
.lf_form fieldset div.lf_form_checkbox_multi {float:left;width:160px;border:1px solid #eaeaea;}

.lf_form fieldset.lf_fieldset_button {position:relative;width:400px;margin:10px 0px;padding:10px 0;border:0;}
.lf_form fieldset.lf_fieldset_button label.lf_button_left {float:left;}
.lf_form fieldset.lf_fieldset_button label.lf_button_right {position:relative;float:right;}

.lf_form fieldset.lf_fieldset_button {position:relative;width:400px;margin:10px 0px;padding:10px 0;border:0;}
.lf_form fieldset.lf_fieldset_button label.lf_button_left {float:left;margin-left:20px;}
.lf_form fieldset.lf_fieldset_button label.lf_button_right {position:relative;float:left;margin-left:20px;}

/* search entras */
div#content div.Search_Form_Expanded {clear:both;float:left;width:430px;margin-top:20px;}
div#content div.Search_Form_Expanded label {float: left;width: 50%;font-size: 90%;font-weight: bold;color: #000000;}
div#content div.Search_Form_Expanded h1 {font-size:90%;margin: 0px;padding: 0px;text-align: center;color:#000;}
div#content div.Search_Form_Expanded legend {margin-left:-4px;padding:10px 40px 10px 10px;color:#000;}
div#content div.Search_Form_Expanded {margin:0;padding:0;font-family: "Trebuchet MS";}
div#content div.Search_Form_Expanded .Searchfooter {height: 22px;text-align:right;}
div#content div.Search_Form_Expanded .Searchfooter img {vertical-align: l;}
div#content div.Search_Form_Expanded .Box_content {border: thin solid #000000;}
div#content div.Search_Form_Expanded fieldset {margin:14px;padding:4px;text-align:right;border:0;}
div#content div.Search_Form_Expanded form select {width:120px;}


/* custom */
#header {position:relative;}
#header .tideHeaderTitle {position:absolute;left:10px;top:20px;text-align:left;}
#header div#travellinks{position:absolute;top:94px;left:0px;width:100%;}

.tideHeaderTitle {font-size:30px;font-family:"Georgia";font-weight:bold;font-style:italic}
#lf_phone {font-size:14px;font-family:"Georgia";font-weight:bold;color:#fff;}
#header div#lf_phone {position:absolute;right:20px;top:25px;}

#header div#travellinks ul li {float:left;padding:4px;}
#header div#homelinks {position:absolute;top:2px;right:2px;text-align:right;}
#header div#homelinks ul li {float:left;padding:4px;}
#header div#scroller {position:absolute;top:120px;left:0;margin-left:24px;}
.lf_extra {padding:4px;}

div#lf_map {margin:0 0 0 14px}
div#extra {position:relative;}
div#extra div.lf_promo {width:90%;margin:0 auto;}
div#extra div.lf_promo ul li {clear:both;float:left;position:relative;border:1px solid #eaeaea;width:98%;margin:4px 0;padding:4px;}
div#extra div.lf_promo ul li img {clear:both;float:left;padding:4px;width:120px;}
div#extra div.lf_promo ul li h1  a {position:absolute;left:2px;top:2px;}

/* content */

div#content h1 {clear:both;float:left;display:block;width:100%;}

/* CSS for TABS starts */ 

#listsuppliers{border:solid 1px #000;display:block;float:left;}
#listsuppliers li{float:left; padding:5px;width:30%;} 

#searchvacations li a {font:bold 12px tahoma;text-decoration:none;color:#004881;display:block;}
#searchvacations li a:hover{color:#980000}
#searchvacations{border:solid 1px #000;display:block;float:left;}
#searchvacations li{float:left; padding:5px;width:30%;} 
#searchvacations li a {font:bold 12px tahoma;text-decoration:none;color:#004881;display:block;}
#searchvacations li a:hover{color:#980000}

#lf_ports {border:solid 1px #000;display:block;float:left;}
#lf_ports li{float:left; padding:5px;width:30%;} 
#lf_ports li a {font:bold 12px tahoma;text-decoration:none;color:#004881;display:block;}
#lf_ports li a:hover{color:#980000}

#searchresorts {border:solid 1px #000;display:block;float:left;}
#searchresorts li{float:left; padding:5px;width:23%;height:35px;border:solid 0px #000;display:block;} 
#searchresorts li a {font:bold 12px tahoma;text-decoration:none;color:#004881;display:block;}
#searchresorts li a:hover{color:#980000}
#searchresorts h1 a.lf_marker{color:#000;}

/* CSS for TABS ends */ 

div#content div.lf_promo ul li {clear:both;float:left;width:100%}
.more , .fees {clear:both;float:left;}

thead td {padding:4px 0;}
table {width:100%;}

ul {clear:both;}


/* bottom */ 


div.lf_search_page div {position:relative;width:100%;margin:10px 0;padding:10px 0;border-top:1px solid #94BB17;border-bottom:0px solid #94BB17;}
div.lf_search_page div.lf_search_prev {float:left;width:30%;clear:left;padding:14.5px 0px}
div.lf_search_page div.lf_search_next {float:left;width:30%;text-align:right;padding:14.5px 0px}
div.lf_search_page div.lf_search_pagenum {float:left;width:38%;text-align:center;}
div.lf_search_page {font-size:70%;}




div.lf_image dd {text-align:left; font-size:90%;letter-spacing:1px;width:100%;margin-bottom:10px;}
div.lf_image dd span {margin:0 10px;text-align:right;}


div.lf_home_links {float:left;}
div.lf_home_links ul li {float:left;padding:4px;}



div.lf_home_links ul#lf_places {margin:-10px 0;}
div.lf_home_links ul#lf_things{margin:10px 0;}


p.fees {clear:both;position:relative;left:-3000px;}

div.tideBody {padding-top:4px;}

div#scroller ul li  {width:80px;height:80px;float:left;}
div#scroller ul li img {width:80px;height:80px;}
div#scroller ul li h2 {display:none;}
div#scroller ul li p {display:none;}

div#content ul.idTabs li {font-size:70%;float:left;font:bold 12px tahoma;color:#fff;}


ul li a.lf._alpha_link {float:left;font-size:70%;}


#header #showdemo {clear:both;width:520px;height:430px;position:absolute;top:130px;right:10px;z-index:100;background:#fff url(http://content.onlineagency.com/sites/68760/images/ap_2008_clouds_002.jpg) top center no-repeat;display:none}



.temp {margin:30px 50px;background:#eaeaea;text-align:left;padding:4px;;font-size:70%;height:340px}
.temp img {float:left;margin:5px;width:200px;height:166px;}



div#content .lf_promo ul li {border:1px solid #ccc;}
div#content .lf_promo ul li img {clear:right;float:right;}

div.extra_list{border:solid 0px #000;width:100%;float:left;clear:both;background:url(http://content.onlineagency.com/sites/36431/images/lf_idtabs.jpg) no-repeat left top;padding:4px 0px;margin:10px 0px;margin-left:09px;}
div#content ul.idTabs li a:link,div#content ul.idTabs li a:visited{color:#fff;font:bold 12px tahoma;}
div#content ul.idTabs li a:hover{color:#ff834d}

/* Services */
.lf_service ul  {display:block;position:relative;width:420px;height:40px;text-align:left;padding:5px 10px;clear:both;}
.lf_service li {display:block;float:left;list-style-type:none;padding:0px;padding-left:5px;margin:3px;}
.lf_service li a{display:block;color:#099eb0;font-size:100%;border-top:solid 2px #03717e;border-bottom:solid 2px #03717e;letter-spacing:0px;text-decoration:none;font-weight:bold;font-family:"trebuchet ms";}
.lf_service li a:hover {color:#004f53;border-bottom:solid 2px #ff834d;border-top:solid 2px #ff834d}
.lf_service li.rating{padding:2px 5px;margin:2px;color:#099eb0;font:bold 12px "trebuchet MS"}