/* 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;
	vertical-align: baseline;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
}
/* 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;}
div#header {height:90px;}
div#container{width:798px;margin:0 auto;}
div#navigation {width:798px;margin:0;auto;}
div#content{float:left;width:500px}
div#extra{float:right;width:290px;padding-top:30px;}


div#navigation{clear:both;display:none;}
div#footer{clear:both;margin:0;padding:0}

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;}




/* Color */
body {background: #73B8F7 url(http://content.onlineagency.com/sites/73866/images/lf_2008_background_0007.gif) top center repeat-y  fixed;  color:#000;}

div#container {background: #fff }

div#container h1 {    color:#4088b8;}

#container a:hover {color:#226F42;}
#extra a:hover {color:#226F42;}

#header div.tideHeaderTitle {color:#000;}
div#container a {color:#000;}

#header div#travellinks {background:#4774A8;}
#header div#travellinks a {color:#fff;}
#header div#travellinks a:hover {color:#eaeaae;}
#header div#homelinks a {color:999;}
div#container {background:#fff url(http://content.onlineagency.com/sites/73866/images/ap_2008_clouds_002.jpg) no-repeat ; color:#000;}


.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:#D1E7EF;}
/* Font */
body{font: 100.01% arial,helvetica , sans-serif;}

.tideHeaderTitle {font-size:300%;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#footer p {padding:4px;}

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 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;}
/* Content */

/* Header */

/* Footer */

/* Navigation */

/* Extra */

/* Search */

/* Forms */

/* Custom */

/* custom */
#header {position:relative;}
#header .tideHeaderTitle {position:absolute;right:20px;top:40px;text-align:left;}
#header div#travellinks{position:absolute;top:0px;left:0px;width:100%;}
#header div#lf_phone {position:absolute;right:40px;top:100px;}
#header div#travellinks ul li {float:left;padding:4px;}
#header div#homelinks {position:absolute;top:28px;left:2px;}
#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%;}

div#content div.lf_supplier_box {margin:0}

div#content div.lf_supplier_box h1  a {font-size:110%;color:#fff;text-decoration:none;cursor:text;}

div#content div.lf_supplier_box ul {list-style-type:none;}
div#content div.lf_supplier_box ul li {float:left;margin:2px;width:120px;}
div#content div.lf_supplier_box ul li a {float:left;color:#fff;}


div#lf_ports {background:#D1E7EF;margin:10px 0;height:180px;width:430px;}
div#lf_ports {font-size:90%;}
div#lf_ports ul li {float:left;padding:2px;white-space:nowrap;width:30%}
div.lf_pages ul li {float:left;display:block;width:33%;}



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:1px solid #94BB17;height:30px;}
div.lf_search_page div.lf_search_prev {float:left;width:30%}
div.lf_search_page div.lf_search_next {float:left;width:30%;text-align:right;}
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;}
ul.idTabs li {font-size:70%;}


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


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

.temp {margin:50px;background:#eaeaea;text-align:left;padding:4px;;font-size:70%;height:400px}
.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;}

/* 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;}

/* 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;
}