body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend { 
	margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img, legend { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { background: url(/images/furniture/topBg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 100.1%; }
#wrapper { width: 940px; padding: 35px 10px 0 10px; margin: 0 auto; }
#brandNav { background: url(../images/furniture/telephone.gif) top right no-repeat #007ADF; }
h1 { width: 220px; height: 60px; background: url(../images/furniture/ferryoffers_logo.gif) no-repeat; float: left; }
h6 { width: 105px; height: 60px; background: url(../images/rs_sml.gif) no-repeat; float: left; }


h7 { width: 307px; height: 28px; background: url(/images/hotel_logo_txt.gif) no-repeat; float: left; }


h1 a { display: block; width: 220px; height: 60px; text-indent: -5000px; }

p, li { font-size: 0.75em; }

a { color: #009; font-weight: bold; }
a:hover { font-weight: bold; text-decoration: none; }

a.currentNav { color: #fff; }

ul#mainNav { display: block; float: left; padding: 25px 0 0 20px; }
ul#mainNav li { display: inline; padding-top: 48px; margin-right: 30px; }
ul#mainNav li a { text-decoration: none; }
ul#mainNav li a:hover { color: #fff; }

ul#operatorsList { display: block; }
ul#operatorsList li { display: block; clear: left; padding-bottom: 26px; background: url(../images/furniture/separator.gif) bottom no-repeat; margin-bottom: 11px; }
ul#operatorsList img { float: left; margin-right: 10px; }

#mainContent { clear: left; margin-bottom: 10px; }

#mainLHS { width: 220px; padding-right: 20px; float: left; }
* html #mainLHS { overflow:hidden; } /* IE6 fix */

#mainLHS h3, #latestOffers h3, #operatorContent h3, #operatorRHS h3 { font-size: 1.125em; color: #009; margin: 0.5em 0; }

#mainRHS { width: 700px; float: left; position: relative; }
#mainRHS.homeFeature { background: url(../images/furniture/home/ferry_channel.jpg) no-repeat; }
#mainRHS h2 { display: block; height: 0; text-indent: -5000px; }

#mainCopy { display: block; width: 460px; float: left; padding-top: 250px; color: #000066;}
#mainCopy p { line-height: 1.3em; margin-bottom: 1em; }
#mainCopy p.introCopy { font-size: 0.75em; font-weight: bold; }


#compareFormAd {
	background:#FFFFFF none repeat scroll 0%;
	display:inline-block;
	float:center;
	text-align:center;
	margin-top:0px;
	width:220px;
}

#compareForm { display: block; float: right; margin-top: 60px; width: 220px; background: #DF6500; }
#compareForm label, #compareForm legend { display: block; padding: 5px 0 2px 10px; font-size: 0.75em; font-weight: bold; color: #009; }
#compareForm select, #compareForm input { margin-left: 10px; }
#compareForm label.horizLabel { display: inline; margin: 0; }
#compareForm .passengersSelect { width: 70px; float: left; }
#compareForm .passengersSelect label { font-weight: normal; color: #fff; padding-top: 0; }
#compareForm p, #operatorForm p { padding: 10px; color: #fff; }
#compareForm p.notesLPG, #operatorForm p.notesLPG { background: #009; color: #fff; font-size: 0.625em; margin-top: 1em; clear: both; }
#compareForm h3 { background: url(../images/furniture/compare_title.gif) no-repeat; height: 64px; text-indent: -5000px; }
#compareForm #findFares { clear: left; margin-top: 8px; }

#latestOffers { padding-bottom: 14px; background: url(../images/furniture/separator_wide.gif) bottom no-repeat; }
#latestOffers h3 { padding: 14px 20px 0 20px; background: url(../images/furniture/separator_wide.gif) no-repeat; }
#latestOffers p { padding-left: 20px; padding-right: 20px; }
.promoPanel { width: 220px; float: left; margin-right: 20px; background: #FFFFFF url(../images/furniture/panel_bot_.gif) bottom no-repeat; padding-bottom: 10px; margin-bottom: 20px; }
.panelRight { margin: 0; }
.promoPanel h4 { padding: 12px 10px 5px 10px; background: url(../images/furniture/panel_top_.gif) no-repeat; font-size: 0.875em; }
.promoPanel p { padding-right: 10px; color: #fff; }
.promoPanel img { float: left; margin: 0 10px; }

#footer { clear: left; background: #007ADF url(../images/furniture/footer_bg.gif) repeat-x; padding-top: 20px; }
#footerContent { width: 940px; margin: 0 auto; color: #fff; }
#footerContent p.agent { display: block; width: 240px; float: left; }
#footerContent ul { display: block; float: left; width: 230px; }
#footerContent li { margin-bottom: 3px; }
#footer a { color: #fff; font-weight: normal; }
.clearing { clear: left; }

/* Operator */

.operatorLogo { width: 220px; text-align: center; padding-bottom: 10px; margin-bottom: 10px; background: url(../images/furniture/separator.gif) bottom no-repeat; }
.routeMap { margin-bottom: 20px; }
#operatorContent { display: block; width: 460px; float: left; }
#operatorForm { background: #DF6500; } 
#operatorForm h3 { margin: 0; padding: 10px 10px 0 10px; font-size: 1.25em; color: #fff; }
#operatorForm label, #operatorForm legend { display: block; float: left; padding: 0 10px 2px 10px; font-size: 0.75em; width: 190px; font-weight: bold; color: #009; text-align: right; margin-top: 7px; }
#operatorForm br { clear: left; }
#operatorForm input, #operatorForm input { margin-top: 5px; }
#operatorForm .passengersSelect { display: block; width: 80px; float: left; padding: 0 0 10px 0; }
#operatorForm .passengersSelect label { width: 70px; padding: 10px 0 2px 0; font-weight: normal; color: #fff; padding-top: 0; text-align: left; }
#operatorForm #findFares { margin-left: 210px; }
#operatorRHS { float: left; width: 220px; margin-left: 20px; }
#operatorRHS h4, #operatorContent h4 { font-weight: bold; font-size: 0.8em;  margin-top: 0.5em; }
#operatorRHS p, #operatorRHS li { margin-bottom: 0.5em; }
#operatorRHS ul { list-style: disc inside; }

/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


* html blink {
visibility: expression(assignBlink(this));
}