html{font:small Arial,Helvetica,sans-serif;}
body{font-size:82%; margin:auto; color:#4b4b4b;} 

#container{width:934px; margin:auto; margin-top:5px; padding:0px 0px 0px 0px; }

.divider{height:0px; line-height:0px; font-size:0px; clear:both; visibility:hidden;}
.prop{width:1px; height:320px; float:right;}
img{border:none; margin:0px; padding:0px;}
hr{height:1px; border:0px; border-top:2px solid #e0e0e0; margin-top:6px; margin-bottom:12px; padding:0px;}

/* text styles */
p{margin:0px 0px 19px 0px;}
h1{font-size:x-large; font-weight:bold; color:#333333; margin:10px 0px 20px 0px;}
h2{color:#333333;}
h3{color:#002f5d; font-weight:bold; font-size:10px; margin:0px 0px 19px 0px;}
h4{font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; margin:0px; line-height:13px; float:left;}
.normal{font-weight:normal;}
a{text-decoration:none; color:#13238c; text-decoration:underline;}
.bold{font-weight:bold;}
.error{color:#C63033;}
.white-bold{color:#FFFFFF; font-weight:bold;}
.small{font-size:90%;}
.light-grey{color:#818181;}
a.next50{position:absolute; right:8px; top:12px;color:#fff}
a.previous50{position:absolute; right:46px; top:12px;color:#fff}
/* end text styles */

/* header */
#header{width:930px; float:left; margin:15px 0 0 0}
#header-logos{float:left; width:400px; padding:7px 0px 7px 0px;}
#header-logos img{float:left;}
#header a { text-decoration:none; }
/*#header span img { margin-bottom:5px; }*/
/*#header-logos .pologo{float:right; margin:10px 0px 0px 0px;}*/
/* end header */

/* content */
#content{width:930px; float:left;  position:relative; padding-top:20px;} /*background-image:url(../../images/toplines.gif);background-position:top; background-repeat:no-repeat;*/
#MainWrap {width:930px; margin:5px 0 0 0; float:left; position:relative}
div#MainContent h1 {padding:0;margin:0;color:#4b4c4d;font-weight:bold;font-size:x-large}
.get-ferry-quote{}
#left-content{width:675px; float:left; margin:0;}
#right-content{width:249px; float:right; margin:0;}

#pop-up{position:absolute; top:155px; left:120px; width:300px; padding:10px;  z-index:9999; background-color:#fff; border:5px #fdb909 solid;}
/* end content */

/* splash page */
#splash-image{width:934px; height:472px; float:left; background:url(../images/splash.jpg) no-repeat; margin:-10px 0px 10px 0px; border-top:solid 10px #ffffff;}
.splash-box{width:410px; height:81px; float:right; padding:50px 0px 0px 22px; clear:right}
.addnew{background:url(../images/splash_addnew_post.jpg) no-repeat; margin:134px 6px 0px 0px;}
.search{background:url(../images/splash_search_posts.jpg) no-repeat; margin:4px 6px 0px 0px;}
.splash-box span{width:245px; height:40px; float:left; color:#FFFFFF;}
.splash-link{width:200px; height:50px; float:left; margin:5px 0 0 0;}
/* end splash page */


.map{width:665px; height:462px; float:left; margin:0; border-left:5px #134aa4 solid; border-right:5px #134aa4 solid;border-bottom:5px solid #134aa4; border-top:none; margin-bottom: 5px }


/* map */
.map-header{height:70px; width:675px; float:left; background:url('../images/map-header.gif') top left}
.map-header p {color:#fff; margin:10px 0 0 20px; width:450px; display:block; float:left; font-weight:bold; line-height:1.6em }
#map-advanced-search{width:675px; clear:both; height:35px; float:left; background:url('../images/map-header.gif') bottom left}
#map-advanced-search form{margin:5px 0 0 20px; clear:both}
#map-advanced-search div{float:left;width:170px; margin-right:5px}
#map-advanced-search .as-field{width:170px;}
#map-advanced-search .as-inputfield{width:165px;}
#map-advanced-search .search-button {width:50px;}

#map-footer{width:645px; height:30px; float:left; padding:10px 10px 0 10px; margin-bottom:5px; border:5px solid #134aa4; border-top:0px; background-color:#2462c5}
#map-footer form{}
#map-footer div{float:left;width:180px; margin-right:5px}
#map-footer .as-field{width:180px;}
#map-footer .as-inputfield{width:175px;}
#map-footer .search-button {width:70px;}


.map-search{float:right; width:180px;}
.map-search label{float:left; border:0; margin:5px 0}
.map-search div{float:left;}
.map-search input{float:left;}
.map-search select{float:left;}
.map-search input.submitbox{float:left; margin:8px 0 0 5px}
.map-search p{float:left; margin:2px 0 0 2px}
.map-search a{color:#fff}
.map-small{width:320px; height:280px; border:1px solid #979797;} /* float:right; margin:10px -10px 0px 0px;}*/
.map-popup{width:300px; float:left;}
.map-popup img{float:left; clear:both; margin:0px 20px 0px 0px;}
.map-popup span{width:160px; float:left;}
.search-popup{width:380px;}
.search-popup .img{float:right;}
/* end map */

/* post page */
.post-page{float:left; width:99%;}
.post-page h2{color:#19298e; font-size:large; margin:10px 0px 0px 0px; clear:both;}

.post-page-text{background-color:#edeeef; border:1px solid #979797; padding:10px; float:left; width:100%; margin:10px 0px 0px 0px;}
.post-page-text-left{width:285px; float:left;}
.post-page-image{width:325px; background-color:#edeeef; overflow:hidden; float:right; padding:0px 0px 0px 10px; margin:0px 0px 0px 10px; border-left:#b8b6b6 solid 1px; text-align:center;}
.post-page-image img{/*width:260px; height:176px;*/ background-color:#edeeef;}
.post-page-image a{float:right;}

.map-small img { background:none; }

.confirm-post{background:#f7d7d8; border:1px solid #C63033; padding:5px; float:left; margin:10px 0px 0px 0px; display:inline; clear:both;}
.confirm-post h2{color:#C63033; font-size:large; margin:0px 0px 20px 0px;}
/* end post page */

/* post-list-page */
.post-list-item{border-bottom:1px solid #e0e0e0; padding:10px; width:420px; margin-right:20px; float:left;}
.post-list-item h3{margin:0; font-size:12px;}
.post-list-item img{float:right; /*margin:0 300px 0 0;*/}

/* latest news box */
#latest-news{width:675px; float:left; background-image:url("../images/latestnews_box.gif"); background-position:bottom; margin:0px 0px 0px 0px; padding:0px 0px 4px 0px; background-repeat:no-repeat;}
#latest-news span{width:675px; float:left; background-image:url("../images/latestnews_box.gif"); background-position:top; padding:2px 0px 0px 0px; vertical-align:middle;}
#latest-news-scroller{width:579px; float:left; padding:4px 0px 0px 5px; overflow:hidden;}
#latest-news h2{width:80px; font-weight:bold; float:left; margin:0px 0px 0px 0px; padding:3px 0px 3px 9px; font-size:11px;}
/* end latest news box */

/* advert section */
#advert-section{width:675px; height:176px; background-image:url("../images/advert.jpg"); float:left; margin:10px 0px 0px 0px;}
/* advert section */

img.step{margin:5px 0 0 9px;}

.box-right{width:249px; float:left; margin:0px 0px 5px 0px; }
.box-right h2{width:239px;color:#fff; padding:6px 3px 6px 7px; font-weight:bold; margin:0; font-size:11px;}
.box-right .text{width:239px; background-color:#FFFFFF; margin:3px 0px 0px 5px; float:left; display:inline;}
.box-right .prizedraw{width:173px; float:left; margin:3px 0px 0px 5px; background:url(../images/offer_100pounds.jpg) bottom no-repeat #3987c0; display:inline; padding:8px 58px 0px 8px;}
.box-right .bottom{width:249px; height:5px; margin-top:-3px; float:left; overflow:hidden;}
.box-right .prizedraw .prop{height:130px;}
.box-right ol{margin:0px 3px 0px 10px; padding:5px 5px 0px 18px; font-weight:bold;}
.box-right li{margin:0px 0px 8px 0px;}

.box-right.yellow{background:#fdc00e url("../images/right_bottom_orange.gif") bottom left no-repeat;}
.box-right.blue{background:#ffffff url("../images/right_bottom_blue.gif") bottom left no-repeat;}
.box-right.red{background:#ffffff url("../images/right_bottom_red.gif") bottom left no-repeat;}

.box-right.yellow h2{background:#fdc00e url("../images/right_top_orange.gif") left top no-repeat;}
.box-right.blue h2{background:#ffffff url("../images/right_top_blue.gif") left top no-repeat;}
.box-right.red h2{background:#ffffff url("../images/right_top_red.gif") left top no-repeat;}




.yellow .bottom{background:url(../images/right_bottom_orange_closed.gif) no-repeat;}
.blue .bottom{background:url(../images/right_bottom_blue_closed.gif) no-repeat;}
.red .bottom{background:url(../images/right_bottom_red_closed.gif) no-repeat;}

.more-info-link{font-weight:bold; float:right; margin:11px 10px 11px 0px;}
.yellow-box-spacer{width:100%; height:10px; float:left;}
.plus{background-image:url(../images/plus.gif); background-repeat:no-repeat; background-position:right; display:block; width:230px; color:#ffffff; text-decoration:none;}
.minus{background-image:url(../images/minus.gif); background-repeat:no-repeat; background-position:right; display:block; width:230px; color:#ffffff; text-decoration:none;}
.place-marker{background:url(../images/po_flag.gif) no-repeat right; padding:8px 50px 8px 0px; font-weight:bold; }

.offers-box{height:172px}
.offers-box a{display:block; margin:0 auto 5px; width:320px; float:left; clear:both}

.col {float:left; width:330px; margin-right:10px}

h2.yellow-head-340{border:0;margin:0;font-weight:bold;margin:0;font-size:11px;background:url("../images/yellow-box-340.gif") left top no-repeat; width:340px; height:13px;padding:6px 3px 6px 7px; }
div.yellow-box-340{width:340px; height:175px; background:url("../images/yellow-box-340.gif") left bottom no-repeat;}

.pad{padding:6px 3px 6px 7px;}

/* booking form */
#Book{width:249px; float:left;}
#Book h1{margin:0; padding:6px 10px; font-size:11px; background: url("../images/hp_bw_top_blue.gif") top left no-repeat;clear:right;float:right;width:229px;color:#fff;}
#Book a{text-decoration:none; cursor:pointer;}
#image-newpost{display:none; margin:100px 0px 0px 0px; text-align:center; width:620px; float:left;}
#image-newpost img{width:50px; height:50px;}
/* end booking form */


/* recent posts box */
#recent-posts-container{height:198px; width:239px; margin:0px 0px 0px 5px; padding:0px; float:left;} /*IE has own height in header */
#recent-posts-content{ height:194px; padding:0px; /* 5 high height:182px;*/ /* 3 high height:117px;*/ width:239px; overflow:auto; float:left; scrollbar-face-color:#ffffff; scrollbar-arrow-color:#333333; scrollbar-track-color:#f3f3f3;
scrollbar-shadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#9aa1a5; scrollbar-darkshadow-Color:#9aa1a5;}
.recent-posts-link{padding:2px 50px 2px 5px; background-color:#FFFFFF; margin:0px 0px 0px 0px; display:block; text-decoration:none; border-bottom:solid 1px #7f9db9; background-image:url("../images/arrow_grey.gif"); background-repeat:no-repeat; background-position:190px 13px;}
.recent-posts-link:hover{background-color:#f2efe9; background-image:url("../images/arrow_blue.gif"); color:#0d3a7b;}
.recent-posts-link-photo{padding:2px 50px 2px 5px; background-color:#FFFFFF; margin:0px 0px 0px 0px; display:block; text-decoration:none; border-bottom:solid 1px #7f9db9; background-image:url("../images/icon_camera.gif"); background-repeat:no-repeat; background-position:187px 5px;}
.recent-posts-link-photo:hover{background-color:#f2efe9; background-image:url("../images/icon_camera_over.gif"); color:#0d3a7b;}
.search-link{background:url("../images/icon_search.gif") no-repeat right; padding:2px 20px 0px 0px; font-weight:bold; float:right; margin:11px 10px 11px 0px;}
/* end recent posts box */

/* faqs page */
.faq-question{display:block; border:1px dotted #c2c2c2; padding:13px 10px 10px 10px; text-decoration:none; margin-top:8px; color:#4b4c4d; font-size:1.3em; font-weight:bold;}
.faq-question:hover{background:#f0f0f0; color:#13238c;}
.faq-question span{color:#fcb814; font-size:1.2em}
#answer1, #answer2, #answer3, #answer4, #answer5, #answer6{background:#f0f0f0; padding:12px 10px 20px 10px; border:1px dotted #c2c2c2; border-top:none;}
/* end faqs page */


/* infoBox */
div.InfoBox {float:right; width:227px; background:url("../images/sideborderlarge.gif") left bottom no-repeat; /*margin:40px 0px 0px 0px;*/}
h2.blueTabCurvedTop {clear:left;width:207px;background:url(../images/maintab200curvedtop.gif) left top no-repeat;padding:0.5em 10px;font-size:small;color:#fff;margin:0}
div.InfoBox p,div.InfoBox li {text-align:left;clear:left;margin:10px;padding:0;line-height:normal}
div.InfoBox ul {list-style:disk;margin-left:25px}
div.InfoBox img {float:left;padding:0 10px 5px 0}
/* end info box */


/* WideBox */
div.WideBox {float:right; width:380px; background:red url('../images/box-380.gif') left bottom no-repeat; /*margin:40px 0px 0px 0px;*/}
h2.blueTabCurvedTop {clear:left;width:380px;background:url('../images/blue-head-380.gif') left top no-repeat;padding:0.5em 10px;font-size:small;color:#fff;margin:0}
div.WideBox p,div.InfoBox li {text-align:left;clear:left;margin:10px;padding:0;line-height:normal}
div.WideBox ul {list-style:disk;margin-left:25px}
div.WideBox img {float:left;padding:0 10px 5px 0}
/* end info box */


/* footer */
#footer{width:894px; float:left; margin:10px 0px 10px 0px; text-align:center; padding:8px 20px 0px 20px; border-top:1px solid #e0e0e0;}
#footer p{margin:0px 0px 4px 0px;}
/* end footer */

/* form tags */
form{float:left;}
form p{margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;}
textarea{height:100px; width:290px;}


	/* basic form */
.basic-form{width:480px; margin:10px 0px 40px 10px; display:inline;}
.basic-form label{float:left; width:150px; padding:5px 0px 0px 0px;}
.basic-form input{width:200px;}
.basic-form .browse{width:289px;}
.basic-form select{width:206px;}
.basic-form .button{float:right; margin:20px 0px 0px 0px; width:auto; font-weight:bold;}
.basic-form h2{color:#19298e; font-size:medium;}
.basic-form .label-checkbox{width:auto; text-align:left}
.basic-form .nofields {padding:0px 0px 0px 150px; margin:3px 0px 15px 0px;}
.basic-form label.radiolabel { float:none; width:auto; padding:0px; }
.basic-form input.radio { width:auto; }
	/* end basic form */

.right-box-form{margin:3px 5px 0px 5px; padding:5px 5px 5px 5px; background-color:#FFFFFF; float:none;}
.right-box-form .input{width:222px; margin:0px 0px 0px 0px; }
.right-box-form .input:focus {background:#fff5e9;}
.right-box-form select{width:229px;}
.right-box-form select:focus{background:#fff5e9;}
.right-box-form label{clear:both; display:block;}
.right-box-form .row{margin:0px 0px 5px 0px;}
.right-box-form .button{background:#808ac1 url(../images/btn_bluebg.gif) center top repeat-x;font-weight:bold;color:#fff; cursor:pointer;}
.right-box-form p{margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;}
.right-box-form .nomargin {margin:0px 0px 0px 0px;}


/* splash form */
.splash-form{float:left; padding:0px; margin:0px;}
.splash-form select{float:left; width:210px; margin:0px 6px 0px 0px;}
.splash-form input{font-weight:bold; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
/* end splash form */



#tagCloud { width:242px; overflow-y:scroll; overflow-y:none; height:184px; background-color:#fff; text-align:center; padding:0px; overflow:auto; font-size:60%; margin:0 0 2px 2px; scrollbar-face-color:#ffffff; scrollbar-arrow-color:#333333; scrollbar-track-color:#f3f3f3; scrollbar-shadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#9aa1a5; scrollbar-darkshadow-Color:#9aa1a5;}  
#tagList { margin:0; padding:0; }  
#tagList li { list-style-type:none; float:left; margin:3px 10px; /* height:35px; */ }  
#tagList li a { text-decoration:none; color:#666; } 
#tagList li a:focus, 
#tagList li a:hover { text-decoration:underline; }  

	/* (6.1) clearing */
	.clear{clear:both;display:block}
	.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
	.clearfix{display:inline-block}
		/* Hides from IE-mac \*/
		* html .clearfix{height:1%}
		.clearfix{display:block}/* End hide from IE-mac */

#comments_form textarea, #comments_form .tinput {
	width:300px;
}

.comment {
	padding-bottom:10px;
}

.comment .chead .author {
	font-weight:bold;
}

.comment .chead .date {
	font-style:italic;
}

.comment .body {
	font-weight:normal
}

.photoList {

}

.photoList img {
	border:1px solid black;
	margin-bottom:10px;
}

fb-connect-button {
	
}