BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background: #FFF url("../images/bg/body-bg.gif") repeat-x left top;
	border-top: 2px solid #009ddc;
}
A { text-decoration: none; }
A:HOVER { text-decoration: underline; }

A IMG { border: none; }
LABEL { cursor: pointer; }
H1, H2, H3, H4, H5, H6, FORM, UL, OL, P {
	padding: 0;
	margin: 0;
}
.relax {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
	/* height: auto; */
}

.container {
    margin: auto;
    text-align: left;
    width: 980px;
}
.modal-container { text-align: left; }

/*  Header  */
#header {

}
#header A.logo {
	float: left;
	display: inline;
	margin: 13px 0 0 18px;
	line-height: 0%;
	font-size: 1px;
}
#header .call-us {
	float: right;
	margin: 40px 20px 0 0;
	display: inline;
}
.top-bar {
	background: #009ddc url("../images/bg/top-shadow.gif") repeat-x left top;
	border-bottom: 1px solid #005a9c;
}
.top-bar .top-tabs {
	float: right;
	position: relative;
	display: inline;
	margin: -15px 20px 0 0;
}
.top-bar .top-tabs A {
	float: left;
	position: relative;
}
.top-bar .top-tabs A.current {z-index: 5;}
.top-bar .top-tabs A IMG {float: left;}
.top-bar .top-tabs A.quick-enquiry {margin-left: -18px;}
.title-page {
	float: left;
	display: inline;
	width: 610px;
	margin: 33px 0 0 16px;
	min-height: 52px;
}
#header H1 {
	font-size: 28px;
	color: #fff;
	font-weight: normal;
}
.title-page P, .title-page H2 {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}
.search-box {
	float: right;
	margin: 33px 20px 0 0;
	display: inline;
	background: url("../images/bg/search-bg.gif") repeat-x left top;
	border: 1px solid #24211d;
	width: 300px;
}
.search-form-container {
	padding: 6px 10px;
}
.search-box INPUT.text-field {
	outline: none;
	font-size: 13px;
	background: none;
	border: 0px none;
	float: left;
	padding: 0px;
	width: 250px;
}
.search-box INPUT.search-btn {
	float: right;;
	display: inline;
	width: 16px;
	height: 16px;
	border: none;
	background: url("../images/buttons/search.gif") no-repeat left top;
	outline: none;
	text-indent: -30000em;
	cursor: pointer;
	margin-left: 10px;
	line-height: 16px;
}

/*  Content  */
.content-area {
	border-top: 1px solid #fff;
	background: url("../images/bg/content-bg.png") repeat-x left top;
}
#content {
	background: #fff;
	padding: 20px 20px 26px;
	border-bottom: 1px solid #005a9c;
}
#content H2, #content P.title {
	font-size: 20px;
	color: #005a9c;
	padding-bottom: 20px;
	font-weight: bold;
}
#content H3 {
	font-size: 16px;
	color: #009ddc;
	padding-bottom: 10px;
}
#content P, .main-content DIV {
	font-size: 14px;
	color: #333333;
	line-height: 18px;
	padding-bottom: 20px;
}
#content UL, #content OL {margin-bottom: 20px;} 
#content UL LI, #content OL Li {
	font-size: 14px;
	color: #333333;
	line-height: 18px;
	list-style-position: inside;
}
.main-content UL LI, .main-content OL LI {
	list-style-position: outside !important;
	margin-left: 20px;
}
#content A {color: #009ddc;}

/*  Breadcrumbs  */
.breadcrumbs {
	margin-bottom: 18px;
	width: 940px;
	background: url("../images/bg/breadcrumb-bg.gif") no-repeat left top;
	height: 28px;
}
#content .breadcrumbs UL {margin: 0 0 0 1px;}
#content .breadcrumbs UL LI {
	display: inline;
	float: left;
	list-style: none;
	font-size: 13px;
	color: #333333;
	line-height: 26px;
	margin: 1px 0 0 0;
}
#content .breadcrumbs UL LI.current {padding-left: 10px;}
#content .breadcrumbs UL LI A {
	display: block;
	background: url("../images/bg/breadcrumb-link.gif") no-repeat right top;
	line-height: 26px;
	padding: 0 14px 0 10px;
} 

/*  Sidebar  */
.sidebar {
	width: 270px;
	float: left;
}
.side-menu {
	width: 100%;
	float: left;
	background: #f1f1f1 url("../images/bg/side-menu-bottom.gif") no-repeat left bottom; 
	margin-bottom: 15px;
}
.side-menu .side-title {
	width: 100%;
	float: left;
	background: url("../images/bg/side-menu-title.gif") no-repeat left top;
	padding-bottom: 15px;
}
#content .side-menu H3 {
	line-height: 40px;
	padding: 0px;
	margin: 0 16px;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}
#content .side-menu UL {margin: 0;}
#content .side-menu UL LI {
	list-style: none;
	float: left;
	width: 100%;
	border-bottom: 1px dashed #595959;
}
#content .side-menu UL LI.last {border-bottom: none;}
#content .side-menu UL LI.last A { padding-bottom: 0; }
#content .side-menu UL LI A {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #005a9c;
	padding: 15px 40px;
	position: relative;
	background: url("../images/icons/arrow-list.gif") no-repeat 16px 17px;
}
#content .side-menu UL LI A:HOVER {
	text-decoration: underline;
}
#content .side-menu UL LI.active A {
	font-weight: bold;
	text-decoration: none;
}
.sidebar .contact-us, .siderbar .sidebar-link {
	float: left;
	margin: 0 0 15px 0;
}
.sidebar .contact-us IMG {display: block;}

.main-content {
	float: right;
	width: 650px;
}
#content A.with-bullet {
	background: url("../images/icons/arrow-blue.gif") no-repeat left center;
	padding-left: 20px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin-left: 16px;
}
.news-events {
	width: 940px;
	float: left;
	margin: 23px 0 0 0;
}
#content .news-events H2 {
	font-size: 18px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #929292;
}
#content .news-events H2.latest-news {
	background: url("../images/icons/latest-news.gif") no-repeat left center;
	padding-left: 22px;
}
#content .news-events H2.in-the-media {
	background: url("../images/icons/calendar.gif") no-repeat left center;
	padding-left: 24px;
}
#content .news-events P {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 16px;
}
.news-events .more-link {
	float: right;
	font-size: 13px;
	margin-top: 5px;
}
.news-events .column {
	width: 670px; 
	float: left;
}
.news-events .inthemedia {
	width: 210px;
}
.news-events .column.right {float: right;}
.news-events SPAN.date-news {
	display: block;
	font-size: 12px;
	color: #666;
	padding-bottom: 6px;
}
.inthemedia SPAN.date-news {
	margin-top: 15px;
}
.news-events SPAN.date-news.no-top {margin-top: 14px;}
.news-events .news-col {
	float: left;
	width: 210px;
	margin: 14px 0 0 20px;
}
.news-events .inthemedia .news-col {
	margin: 0px 0 0 0 !important;
}
.news-events .news-col.first { margin-left: 0; }
.news-events .news-col.right { float: right; }

/*  Tabs Box*/
.tabs-box {
	height: 362px;
	width: 940px;
	position: relative;
	overflow: hidden;
}
.tabs-box .item-box {
	height: 362px;
	width: 100%;
	position: absolute;
}
#content .tabs-box .tab {
	bottom: 0;
	left: 0;
	position: absolute;
	float: left;
	width: 100%;
}
#content .tabs-box UL {
	margin-bottom: 0;
	float: left;
	// background: transparent url("../blank.gif") left top repeat;
}
.tabs-box UL LI {
	float: left;
	list-style-position: outside;
	display: inline;
}
.tabs-box UL LI A {
	width: 235px;
	height: 85px;
	display: block;
	cursor: pointer;
	position: relative;
	z-index: 10;
	background: #005a9c url("../images/bg/tab-bg.gif") repeat-x left top;
	outline: none;
}
.tabs-box UL LI A .bg {
	height: 85px;
	width: 6px;
	position: relative;
	display: block;
	margin-right: -6px;
	z-index: 50;
	float: right;
}
.tabs-box UL LI A .separator {
	background: url("../images/bg/separator-tabs.gif") repeat-y left top;
	width: 235px;
	height: 85px;
	float: left;
}
.tabs-box UL LI A .pic {
	width: 43px;
	height: 44px;
	float: left;
	margin: 20px 15px 0 20px;
	display: inline;
}
.tabs-box UL LI A .pic.ceravision {background: url("../images/icons/icon-ceravision.png") no-repeat left top;}
.tabs-box UL LI A .pic.benefits {background: url("../images/icons/icon-benefits.png") no-repeat left top;}
.tabs-box UL LI A .pic.alvara {
	background: url("../images/icons/icon-alvara.png") no-repeat left top;
	width: 56px;
	height: 38px;
}
.tabs-box UL LI A .pic.videos {
	background: url("../images/icons/icon-video.png") no-repeat left top;
	width: 48px;
	height: 48px;
}
.tabs-box UL LI A .text {
	width: 140px;
	float: left;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	line-height: 130%;
	margin-top: 15px;
}
.tabs-box UL LI A .text STRONG {
	display: block;
	font-size: 16px;
	margin-bottom: 5px;
}
.tabs-box UL LI A:HOVER, .tabs-box UL LI A.active {
	background: none;
	z-index: 20;
	text-decoration: none;
}
.tabs-box UL LI A:HOVER .bg,.tabs-box UL LI A.active .bg {background: url("../images/bg/bg-link.gif") no-repeat left top;}
.tabs-box UL LI A:HOVER .separator, .tabs-box UL LI A.active .separator {background: none !important;}
.description-area {
	position: absolute;
	top: 0px;
	left: 0px;
	/* z-index: 50; /* RM Removed 2010-07-08 - To allow change to css tabs fading in/out */
	width: 100%;
}
.description-area .text-desc {
	width: 320px;
	float: left;
	display: inline;
	margin: 118px 26px 0 20px;
}
#tab2 .description-area .text-desc { width: 240px; }
#tab3 .description-area .text-desc { width: 240px; }
.description-area .list-desc {
	float: left;
	width: 205px;
	margin: 125px 0 0 0;
}
#tab2 .description-area .list-desc { width: 265px; margin-top: 67px; }
#tab3 .description-area .list-desc { width: 265px; }
.description-area .logo-col {
	float: right;
	display: inline;
	margin: 45px 15px 0 0;
	width: 323px;
}
.description-area .logo-col A IMG {display: block;}
.description-area .logo-col A.click-here-to-find {
	float: left;
	margin: 25px 0 0 0;
}
.description-area .logo-col A.click-here-to-find.no-image-above {
	margin: 167px 0 0 0;
}
#content .description-area H2 {
	color: #fff;
	font-size: 28px;
	padding-bottom: 24px;
	font-weight: normal;
}
#content .description-area P {
	color: #fff;
	padding-bottom: 0px;
}
#content .description-area .list-desc UL {margin: 0px;}
#content .description-area .list-desc UL LI {
	font-size: 22px;
	color: #fff;
	line-height: 29px;
	font-weight: bold;
	background: url("../images/icons/arrow-orange.gif") no-repeat left 6px;
	padding-left: 23px;
	list-style: none;
}
.corner {
	width: 9px;
	height: 9px;
	line-height: 0%;
	font-size: 1px;
	position: absolute;
	z-index: 88;
}
.corner.ltc {
	background: url("../images/bg/ltc.png") no-repeat left top;
	left: 0px;
	top: 0px;
}
.corner.rtc {
	background: url("../images/bg/rtc.png") no-repeat left top;
	right: 0px;
	top: 0px;
}
.corner.rbc {
	background: url("../images/bg/rbc.png") no-repeat right bottom;
	right: 0px;
	bottom: 0px;
}
.corner.lbc {
	background: url("../images/bg/lbc.png") no-repeat left top;
	left: 0px;
	bottom: 0px;
}

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

/* Main menu */
#header .main-menu {
	background: url("../images/bg/menu-bg.gif") left top repeat-x;
	margin-top: 22px;
	margin-bottom: -1px;
	position: relative;
	z-index: 100;
}
#header .main-menu .lc {background: url("../images/bg/menu-lc.gif") left top no-repeat;}
#header .main-menu .rc {
	background: url("../images/bg/menu-rc.gif") right top no-repeat;
	padding: 15px 0 14px 20px;
	
}
#header .main-menu UL {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#header .main-menu UL LI {
	background: url("../images/buttons/link-lc.gif") left top no-repeat;
	display: inline;
	float: left;
	line-height: 27px;
	margin: 0 12px 0 0;
	position: relative;
}
#header .main-menu UL LI A {
	background: url("../images/buttons/link-rc.gif") right top no-repeat;
	color: #333333;
	display: block;
	float: left;
	font-size: 14px;
	padding: 0 24px;
	position: relative;
}
#header .main-menu UL LI.expand A {background: url("../images/buttons/link-rc-expand.gif") right top no-repeat; padding: 0 26px 0 22px; }
#header .main-menu UL LI:HOVER, #header .main-menu UL LI.active {background-position: left -27px;}
#header .main-menu UL LI:HOVER A, #header .main-menu UL LI.active A {color: #fff; background-position: right -27px;}
#header .main-menu UL LI A:HOVER {color: #fff;text-decoration: none;}
#header .main-menu UL LI:HOVER UL {display: block;}
#header .main-menu UL LI:HOVER UL LI UL {display: none;}
#header .main-menu UL LI UL LI:HOVER UL {display: block;}
/* Sub menu */
#header .main-menu UL LI UL {
	background: url("../images/bg/sub-menu-top.gif") left 14px no-repeat;
	display: none;	
	left: 0px;
	padding: 16px 0 0;
	position: absolute;
	top: 26px;
	width: 179px;
}
#header .main-menu UL LI UL LI UL {
	background: url("../images/bg/sub-menu-top.gif") left 14px no-repeat;
	display: none;	
	left: 178px;
	padding: 16px 0 0;
	position: absolute;
	top: -16px;
	width: 179px;
}
#header .main-menu UL LI.contacts UL {left: -44px;}
#header .main-menu UL LI UL LI {
	background: url("../images/bg/sub-menu-bg.gif") left top repeat-y;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	width: 179px;
}
#header .main-menu UL LI UL LI A, #header .main-menu UL LI.expand UL LI A {
	background: none;
	border-top: 1px #c8c8c8 dashed;
	color: #fff;
	display: block;
	float: none;
	font-size: 12px;
	margin: 0 2px;
	padding: 8px 9px 8px 19px;
	position: relative;
}
#header .main-menu UL LI UL LI A:HOVER {text-decoration: underline;}
#header .main-menu UL LI UL LI.first A {border: none;}
#header .main-menu UL LI UL LI.last {
	background: url("../images/bg/sub-menu-bottom.png") left top no-repeat;
	border: none;
	height: 5px;
}

/* Slider */
#content .slider {
	background: url("../images/bg/title-bg.gif") left bottom no-repeat;
	float: right;
	height: 222px;
	margin: 0 0 15px 20px;
	position: relative;
	width: 270px;
}
#content .slider .placeholder {
	background: url("../images/bg/placeholder.png") left top no-repeat;
	height: 182px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 270px;
	z-index: 10;
}
#content .slider #slide .item {
	font-size: 1px;
	height: 182px;
	line-height: 0%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 270px;
}
#content .slider SPAN {
	background: transparent;
	color: #fff;
	display: none;
	font-size: 13px;
	line-height: 33px;
	left: 29px;
	position: absolute;
	text-align: center;
	top: 185px;
	width: 210px;
	z-index: 101;
}
#content .slider SPAN A {color: #fff;}
#content .slider .prev {
	bottom: 10px;
	font-size: 1px;
	line-height: 0%;
	left: 18px;
	outline: none;
	padding: 4px;
	position: absolute;
	z-index: 100;
}
#content .slider .next {
	bottom: 10px;
	font-size: 1px;
	line-height: 0%;
	outline: none;
	padding: 4px;
	position: absolute;
	right: 18px;
	z-index: 100;
}

/*  Footer  */
#footer {
	border-top: 1px solid #fff;
	background: #009ddc url("../images/bg/footer-bg.gif") repeat-x left bottom;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.lbf {
	background: url("../images/bg/lb-footer.gif") no-repeat left bottom;
}
.rbf {
	background: url("../images/bg/rb-footer.gif") no-repeat right bottom;
	padding: 17px 20px 15px;
}
#footer span {
	display: block;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	text-decoration: underline;
	margin-bottom: 15px;
}
#footer UL LI {
	list-style: none;
	line-height: 14px;
	font-size: 11px;
	color: #fff;
}
#footer A {
	color: #fff;
	font-size: 11px;
}
#footer A.rss {
	background: url("../images/icons/rss.gif") no-repeat left center;
	float: right;
	display: inline;
	padding-left: 24px;
	margin: 26px 0 0 20px;
	line-height: 14px;
}
#footer A.pclink {
	float: right;
	display: inline;
	padding-left: 24px;
	margin: 26px 0 0 20px;
	line-height: 14px;
}
#footer P {
	font-size: 11px;
	color: #fff;
	line-height: 14px;
}

#footer P.pclink {
	float: right;
	display: inline;
	padding-left: 24px;
	margin: 26px 0 0 20px;
	line-height: 14px;
}

.bot-cols {width: 940px;}
.bottom-col {
	float: left;
	display: inline;
	margin-left: 80px;
	width: 120px;
}
.bottom-col.first {margin-left: 0px;}
.dotted-border {
	width: 940px;
	float: left;
	margin-top: 20px;
	border-top: 1px dashed #80b9d9;
}
.bottom-text {
	float: left;
	width: 270px;
}
.top-space {padding-top: 30px;}
.bottom-menu {
	float: left;
	display: inline;
	margin: 26px 0 0 20px;
	width: 185px;
}
.bottom-menu UL LI {
	display: inline; 
	float: left; 
	margin-right: 6px;
}
.no-padding { padding: 0 !important; }
.homepage-news-image {
	border: 1px solid #D2D1D6;
	padding: 4px;
	margin-bottom: 15px;
}

FIELDSET {
	border: 1px solid #666;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding-top: 15px;
	margin-bottom: 10px;
}
LEGEND {
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	padding: 0 5px;
	color: #444;
}
DL { 
	margin: 0; 
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}
DT { 
	width: 150px; 
	float: left;
	margin-left: 20px;
	text-align: right;
	padding: 8px 15px 0 0;
}
DD {
	width: 410px;
	float: left;
	margin: 0;
}
.enquiry-title {
	padding-top: 20px; 
	border-top: 1px dotted #ccc;
}

.form INPUT, .form SELECT, .form TEXTAREA {
	background: transparent url(../images/bg/input.gif) repeat-x top left;
	border: 1px solid #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.form .error {
	border: 1px solid #C00;
	color: #C00;
	background: transparent url(../images/bg/input-error.gif) repeat-x top left;
}
.form .imagebutton {
	background: none;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: auto;
	height: auto;
	padding: 0;
}
.form INPUT {
	padding: 8px 10px 7px;
	width: 300px;
}
.form SELECT {
	padding: 8px 7px 7px;
	width: 322px;
	font: 13px Arial,Helvetica,sans-serif;
}
.form TEXTAREA {
	width: 300px;
	height: 100px;
	padding: 7px 10px;
	font: 13px Arial,Helvetica,sans-serif;
}
.form TEXTAREA.fullwidth {
	padding: 7px 5px;
	width: 610px;
}
.form-errors { 
	display: none;
	border: 1px solid #C00;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px 10px 10px 75px;
	background: #F0DDDD url(../images/icons/form-error.png) no-repeat 15px 12px;
	margin-bottom: 15px;
}
.form-errors .heading {
	color: #C00;
	font: bold 14px Arial,Helvetica,sans-serif;
	margin-bottom: 5px;
}
.form-errors LABEL {
	display: block;
	font-size: 14px;
	color: #333;
	background: none !important;
	border: 0 !important;
}