* { padding: 0; margin: 0; }

body {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #2B388F;
}

#wrapper { 
 margin: 0 auto;
 width: 800px;
}

#container {
 background: url(/img/site/content-background.png);
 margin-bottom: 10px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#header {position: relative; width: 800px; height: 250px; color: #333; background: #00B9ED url(/img/site/header.jpg) no-repeat; font-size: 2.3em; line-height: 1em; color: #FFFFFF;}
#promotional-video {position: absolute; top: 15px; right: 10px;}
#banner {height: 186px;}

#menu {margin: 0; padding: 0; width: 100%; overflow: hidden; padding: 11px 0px; background: #fff url(/img/site/menu-background.jpg) repeat-x; border-top: 7px solid #2B388F; border-bottom: 7px solid #2B388F;}
#menu li {list-style-type: none; float: left;}
#menu a {display: block; float: left; padding: 0 8px; text-align: center; color: #2B388F; border-right: 1px solid #BBBDBF; text-decoration: none; font-size: 1.1em; font-weight: bold;}
#menu a:hover {color: #00ADEF;}
#menu a.last {border: none;}

#navigation {width: 183px/*223px*/; margin: 0 20px; padding: 10px 20px; background: #fff url(/img/site/navigation-background.png) repeat-x bottom;}
#navigation li {width: 100%; overflow: hidden; list-style-type: none; padding: 10px 0px; border-bottom: 1px solid #BBBDBF;}
#navigation li.last {border: none;}
#navigation li img {float: left; padding: 0 10px 0px 0; border: 0;}
#navigation a {color: #2B388F; font-size: 1.1em; font-weight: bold; text-decoration:none;}
#navigation a:hover {color: #00ADEF;}

#login {width: 100%; overflow: hidden; padding: 3px 0px; background: #D1D3D4; border-bottom: 5px solid #fff; font-size: .85em; color: #333;}
#login a {color: #333; text-decoration: none;}
#login a:hover {text-decoration: underline;}
#login .shortcuts {float: left; padding: 2px 0 0 10px;}
#login .form {float: right; padding: 0 5px;}
#login input.text, #login input.submit {font-size: .85em;}
#login input.text {width: 60px; margin: 0 5px 0 0px; background: #fff; border: 1px solid #ccc;}
#login input.checkbox {vertical-align: middle;}
#submit-log {margin-right: 10px;}

#logos {width: 223px; height: 307px; margin: 20px 20px 30px 20px; padding: 15px 0; background: #fff url(/img/site/login-background.png) repeat-x bottom; text-align: center;}
#logos a img {width: 135px; margin-bottom: 30px; border: 0; vertical-align: middle;}

#special-offers {height:124px; padding:65px 43px 0 43px; width:177px; background: url(/img/site/special-offers.png) no-repeat; font-size: 1.3em; font-weight: 500; color:#333333; text-align:justify;}
#special-offers p {padding: 3px 0;}

.left-frame {float: left; padding: 0 10px 10px 0;}
.center-frame {text-align: center;}
.line {margin: 0px 20px; border-top-color: #6A70BA;}
.catalogue td {vertical-align: top; padding-right: 15px; text-align: left;}
.hidden {display: none;}

/* Left Column */

#left-column { 
 display: inline;
 color: #333;
 width: 263px;
 float: left;
 background: #D1D3D4 url(/img/site/left-column-background.png) no-repeat;
 padding-top: 30px;
}

/* Right Column */

#right-column { 
 float: right;
 color: #333;
 width: 537px;
 display: inline;
 position: relative;
}

#right-column .title {
	background: url(/img/site/section-title.png) no-repeat;
	height: 42px;
	padding: 10px 15px 0 163px;
	text-align: center;
}

#right-column .title h1 { 
	font-weight:normal; 	
	color: #FFFFFF;
}

#right-column .content {
	padding: 35px 35px;
	text-align: justify;
}

#right-column .content ul {margin-left: 0; padding: 0 3em; list-style:square;}
#right-column .content ul li {padding:3px 0;}

#right-column .content table.clients {margin: 20px 0; width: 100%;}
#right-column .content table.clients td {text-align: center; width: 50%; padding: 5px;}


#right-column .content ul.heading {
	list-style: url(/img/site/title-icon.png) inside;
	margin-bottom: 20px;
	padding: 0;
	color:#000000;
}

#right-column .content ul.sitemap {
	list-style: url(/img/site/title-icon.png) inside;
	margin-bottom: 20px;
	padding: 10px 0 10px 80px;
	color:#000000;
}


#right-column .content ul.heading li, #right-column .content ul.sitemap li {
	padding-right: 45px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}

#right-column .content #contact-page {
	width: 467px;
	height: 577px;
	background: url(/img/site/contact-page.png) no-repeat;
	position: relative;
}

#right-column .content #contact-form {
	position: absolute;
	left: 95px;
	top: 35px;
}

#right-column .content #contact-information {
	font-size: .9em;
	font-weight: bold;
}

/* Footer */ 

#footer { 
	width: 780px;
	clear: both;
	background: #00ADEF;
	margin: 0px;
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .8em;
	border-top: 5px solid #FFFFFF;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

/* Miscellaneous */
 
.clear {clear: both; background: none; }

.line {
	height: 1px;
	padding: 0px;
	border-top: 1px solid #BBBDBF;	
	display: block;
	font-size: 1px;	/*IE6*/
}

h1 {font-size: 2em;}

.center {
	text-align: center;
	padding: 5px 20px;
}

/* Form & Controls */

#left-column form fieldset {
  border: 0px solid #000;
  padding: 10px;	/* padding in fieldset support spotty in IE */
  margin: 0;
}

#left-column form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 90px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: bold; 
}

form label span.error {
	color: #9d0909;
	font-style: italic;
	background: url(/img/icons/cancel.png) no-repeat;
	padding-left: 19px;
}

form span.success {
	font-style: italic;
	background: url(/img/icons/accept.png) no-repeat;
	padding-left: 19px;	
}

.errors{
	color: #FF0000;
	font-style: italic;
	text-align:center;
}

#left-column form input {margin:5px 0 0 10px;}
#left-column form input.text {width: 90px;}
#left-column form input.submit {width: 90px;}

#left-column form br {clear:left;}



#right-column form label {
	display: block;
	margin-bottom: 5px;	
}

#right-column form input, #right-column form textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 12px;
}

#right-column form input.text, #right-column form textarea {width: 326px;}

#right-column form input[type="submit"] {padding: 2px 4px;}

.highlight{color:#00ADEF; border-bottom: 1px dotted #00ADEF; font-weight:600;}

p.highlighted{color:#FFF; border: 1px solid #00ADEF; padding:10px 20px; background:#2B388F; font-weight:600;}

ul.highlighted{background:#EEE; border: 1px solid #2B388F; }

a.highlight { text-decoration:none; color:#0066CC; border:none;}
a:hover.highlight {color:#00ADEF; border-bottom:1px dotted #00ADEF;}