@charset "utf-8";
/* Ferries4Campers - Designed and Built by Liam Moody */

/* Calibrate all CSS Elements */
body{margin:0;padding:0;color:#666666;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{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;}

/* Calibrate all CSS Elements */
body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}

/* Site CSS Elements */
#container {
	width: 938px;
	margin: 10px auto;
}

#header {
	background:url(../images/header.jpg) no-repeat;
	height: 87px;
}

#logo {
	width:245px;
	height: 87px;
	float: left;
}

#nav-container {
	width: 690px;
	height: 87px;
	margin-left: 3px;
	float: left;
}

#breadcrumb {
	height: 20px;
	color:#FFFFFF;
	font-size: 10px;
	padding: 4px 0 0 19px;
}
	#breadcrumb li {
		display:inline;
		margin: 0 3px;
	}
	
	#breadcrumb li a {
		color:#FFFFFF;
		text-decoration: underline;
	}
	#breadcrumb li a:hover {
		color: #FFFF00;
		
	}

#nav {
	margin-top: 36px;
	text-align:center;
}
	#nav li {
		display:inline;
		margin: 0 18px;
		font-size: 11px;
		font-weight:bold;
	}
	
	#nav a {
		color:#FFFFFF;
		text-decoration: none;
		padding: 8px 0px 8px 0px;
	}
		#nav a:hover {
		border-bottom: 3px solid #cc0000;
		color: #FFFF00
	}

/* Main Content Layout Styles */
#main {margin-top: 15px}
#left-content-wrapper {width:735px;float:left}
#content {width: 470px; float:right}
#left {float:left;width:245px;position:relative;}
#right {float:right;width:183px;position:relative;}

/* Left hand side styles */
.left-box {
	border: 1px solid #DEDEDE;
	background-color: #FFF5EC;
	margin-bottom: 15px;
}

	.left-box h3 {
		background-color: #FF5E24;
		font-size: 18px;
		color:#FFFFFF;
		padding: 3px;
		border-bottom: 1px solid #FFCC00;
	}
	
	.left-box-inner {
		padding: 3px;
	}
	
	.left-box-inner-search {
		
		font-size: 9px;
	}
	.left-box-inner-search input.button {
		border: 1px solid #FF6600;
		font-size: 11px;
		font-weight: bold;
		margin-right: 6px;
		padding: 2px;
		background-color: #FF6600;
		color: #FFFFFF;
	}
	
	.left-box-inner-search select {
		font-size: 10px;
	}
	
	.operators {
		padding:10px;
	}
	.operators li {
		font-size: 14px;
		clear:both;
		margin-bottom: 7px;
		font-variant:small-caps;
	}
	.operators li a {
		color: #666666;
		text-decoration:none;
	}
	.operators li a:hover {
		color: #FF6600;
		text-decoration: underline;
	}
	.operators img {
		border:1px solid #CCCCCC;
		margin: 0 5px 3px 0;
		float:left;
	}
	
/* Content styles */

.middle-box {
	border: 1px solid #CCCCCC;
}
	
	.middle-box h1 {
		color: #FF6600;
		font-size: 18px;
		padding: 5px 0 4px 5px;
		margin:0 3px;
		border-bottom: 1px solid #FF6600;
	}
	.middle-box h2 {
		color: #0099CC;
		font-size: 16px;
		margin: 8px 0 0px 8px;		
	}
	.middle-box p {
		padding: 10px;
	}
	.terms p {
		padding: 0 10px 10px 10px;
	}
	
.middle-box-unity {
	border: 1px solid #CCCCCC;
	background: #EDE2F5;
}
	
	.middle-box-unity h1 {
		color: #58028C;
		font-size: 18px;
		padding: 5px 0 4px 5px;
		margin:0 3px;
		border-bottom: 3px solid #C9DF00;
	}
	.middle-box-unity p {
		padding: 10px;
		color: #58028C;
	}
	
.middle-box-grey {
	background: #F5F6F5;
	margin-top: 15px;
}
	
	.middle-box-grey h1 {
		color: #FF6600;
		font-size: 18px;
		padding: 5px 0 4px 5px;
		margin:0 3px;
		border-bottom: 1px solid #CCCCCC;
		background: #EEEEEE;
	}
	.middle-box-grey h1 a {
		color: #FF6600;
		text-decoration:none;
	}
	.middle-box-grey h1 a:hover {
		color: #FF6600;
		border-bottom: 1px dotted #FF6600;
	}
	.middle-box-grey h2 {
		color: #0099CC;
		font-size: 16px;
		margin: 8px 0 0px 8px;		
	}
	.middle-box-grey p {
		padding: 0 8px;
	}
	.middle-box-grey p a {
		color: #999999;
		border-bottom: 1px dotted #999999;
		text-decoration:none;
	}
	.middle-box-grey p a:hover {
		color: #FF6600;
		border-bottom: 1px dotted #FF6600;
		text-decoration:none;
	}
	.middle-box-grey img {
		padding:2px;
		float:right;
		margin:10px 10px 10px 5px;
		border: 1px solid #CCCCCC;
		background:#FFFFFF;
	}
	.middle-box img {
		padding:2px;
		float:right;
		margin:10px 10px 10px 5px;
		border: 1px solid #CCCCCC;
		background:#FFFFFF;
	}
	.middle-box-grey img.bullet {
		padding:0;
		float: none;
		margin:0;
		border: none;
		background:#FFFFFF;
	}
	.middle-box-grey .read-more {
		margin-left: 210px;
		margin-top: 15px;
		line-height: 16px;
	}
	.middle-box-grey .read-more .bullet {
		float:left;
		margin-right: 4px;
	}
	
	.middle-box-grey .news-offer-item {
		border-bottom: 1px dotted #CCCCCC
	}
	
/* Right hand side styles */
.unity-box {
	margin-bottom: 15px;
	font-size:12px;
}
.unity-box-inner {
	border-top:1px solid #FFFFFF;
	background-color: #EDE2F5;
	padding:10px 0 10px 10px;
}
.unity-box-inner li {
	margin: 6px 0;
}

.unity-button {
	border: 1px solid #58028C;
	font-size: 8pt;
	height: 20px;
	width: 35px;
	margin-left: 4px;
	position:relative;
}

a.unity-links {
	 color:#58028C;
	 text-decoration:none;
	 border-bottom: 1px dotted #58028C;
}

a.unity-links:hover {
	 color:#666666;
	 border-bottom: 1px solid #58028C;
}
.rhs-links {
	padding:8px;
	border: 1px solid #CCCCCC;
	margin-bottom:15px;
}

.rhs-links h1 {
	font-size: 12pt;
	font-weight:bold;
	color: #FF6600;
}

.rhs-links h2 {
	font-size: 8pt;
	font-style:italic;
	color: #0099CC;
	margin: -3px 0 5px 0;
}

.rhs-links li a {
	color:#999999;
	text-decoration:none;
	font-size:9pt;
	line-height: 13pt;
}

.rhs-links li a:hover {
	border-bottom: 1px dotted #999999;
}

.adverts {
	margin-bottom:15px;
}

.advert {
	border: 1px solid #CCCCCC;
}
.advert:hover {
	border: 1px solid #FF6600;
}
#footer {
	border-top: 3px solid #CCCCCC;
	margin-top: 10px;
	padding-top: 10px;
}
#footer li {display:inline; margin-right: 20px;}
#footer li a {color: #999999; font-size:8pt;text-decoration:none; font-weight:bold}
#footer li a:hover {border-bottom: 1px dotted #666666; color:#666666}

.foot-icons {float:right; width:200px; text-align:right;}

	#footer p {
		margin-top:10px;
		font-size:8pt;
		color: #999999;
	}
	#footer p a {
		color: #999999;
		border-bottom: 1px dotted #999999;
		text-decoration:none;
	}
	#footer p a:hover {
		color: #FF6600;
		border-bottom: 1px dotted #FF6600;
		text-decoration:none;
	}

#look-left {
	background:url(../images/arrows-bg-left-search.gif) #FFFFFF no-repeat;
	height: 93px;
	margin:0; padding:0;
}
	#look-left h1 {
		padding: 22px 0 0 110px;
		font-size:16pt;
		color: #16ACDE;
	}
	#look-left h2 {
		padding: 0 0 0 110px;
		font-size:15pt;
		font-weight:bold;
		color: #16ACDE;
	}
	

.print {display:none}