/* red : #cc3142; */
/* blue : #5a73b5; */
/* blue bg : #4B5D8D; */
/* grey : #cccccc; */

body {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	background: #4B5D8D url('images/mainbg.jpg') top center repeat-y;
	margin: 0;
}

.main {width: 960px; padding: 0; margin: 0 auto; border: 0 none; background: #ffffff;} 

.header {position: relative; width: 100%; height: 150px;}

.homepagetext {margin: 10px 25px 10px 0;}

.homeboxes {clear: both; margin: 0; padding: 0 0 25px 0;}

.homebox {float: left; width: 360px; margin: 0 25px 25px 0; border-bottom: 3px solid #cc3142;}

.homeboxcontent {padding: 10px; font-size: 0.9em;}

.homeboxlogo {margin: 0; text-align: center;}

.homeboxheading {margin: 5px 0; font-weight: bold; color: #4B5D8D;}

.homeboxtext {margin: 5px 0; color: #000000;}

ul.homeboxtext
{
list-style: square;
padding: 0 0 0 20px;
/* #margin-left:10px; */
margin-left:2px;
text-align: left;
}

.footer {margin: 0; padding: 0; border-top: 3px solid #cc3142; background: #5a73b5 url('images/navbg.jpg') left center repeat-x;}

.logo {position: absolute; right: 190px; bottom: 7px; float: right; margin: 0; z-index: 3;}

.strap {float: right; width: 190px; text-align: left; font-size: 1.1em; color: #ffffff; margin: 5px 0 0 0; font-family: 'Brush Script MT', Garamond, 'Times New Roman', serif;}

.leftcolumn {width: 220px; float: left; padding: 0; margin: 0; border: 0 none;}

.rightcolumn {width: 650px; float: right; padding: 0; margin: 0; border: 0 none;}

.topmenupanel {position: absolute; bottom: 0; left: 0px; width: 100%; padding: 0; margin: 0; color: #ffffff; background: #5a73b5 url('images/navbg.jpg') left center repeat-x; border-bottom: 3px solid #cc3142; z-index: 2;}

/* filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#516A9C, endColorStr=#3E537E, gradientType=0); */

ul.topmenu {padding: 0px; margin: 5px 10px; font-size: 0.8em;}

li.topmenu {display: inline; color: #ffffff; background: transparent; padding: 0; margin: 0; letter-spacing: 1px;}
li.topmenu a {text-decoration: none; color: #ffffff; font-weight: normal;}
li.topmenu a:visited {text-decoration: none; color: #ffffff;}
li.topmenu a:hover {text-decoration: none; color: #ffffff;}
li.topmenu a:active {text-decoration: none; color: #ffffff;}

.navdivider {vertical-align: middle; margin: 1px 0 1px 5px; width: 2px; height: 19px;}

.footerlinkspanel {width: 100%; text-align: center; padding: 0; margin: 0; color: #5a73b5;}

ul.footerlinks {padding: 0px; margin: 5px 10px; font-size: 0.7em;}

li.footerlinks {display: inline; color: #5a73b5; background: transparent; padding: 0; margin: 0; letter-spacing: 1px;}
li.footerlinks a {text-decoration: none; color: #5a73b5; font-weight: normal;}
li.footerlinks a:visited {text-decoration: none; color: #5a73b5;}
li.footerlinks a:hover {text-decoration: none; color: #dd0000;}
li.footerlinks a:active {text-decoration: none; color: #dd0000;}

.phone {float: left; font-size: 0.9em; color: #4B5D8D; font-weight: bold; margin: 0 10px;}
.company {float: right; width: 340px; text-align: left; font-size: 1.5em; color: #4B5D8D; font-weight: bold; margin: 0;}

ul.menu {float: right; list-style-type: none; width: 95%; padding: 0; margin: 0 0 10px 0;}
li.menu {color: #003333; background: #b7ddd7; padding: 0 3px 3px 3px; font-size: 0.7em; font-weight: bold; border-top: 5px solid #ffffff; cursor: pointer;}
a.menulink:link{color: #003333; text-decoration: none;}
a.menulink:visited{color: #003333; text-decoration: none;}
a.menulink:hover{color: #003333; text-decoration: underline;}
a.menulink:active{color: #003333; text-decoration: none;}
a.menulinkthis:link{color: #003333; text-decoration: underline;}
a.menulinkthis:visited{color :#003333; text-decoration: underline;}
a.menulinkthis:hover{color: #003333; text-decoration: none;}
a.menulinkthis:active{color: #003333; text-decoration: underline;}

.menuheading {color: #5a73b5; margin: 0 10px 0 15px; font-size: 0.8em; font-weight: bold;}

ul.boxlink {color: #CC2938; text-align: right;}

.mainimage {margin: 0; padding:0;}

ul.mainimages {margin: 0; padding:0;}

li.mainimages {list-style-type: none; margin: -20px 0 0 0;}

.gallery {position: absolute; top: 0; left: 0; width:960px; height:260px; margin:0; padding:0; overflow: hidden;}
#gallery li {display: block; }

.maincontent {margin: 30px 25px; text-align: justify;}

.maincontent p {font-size: 0.8em;}

.maincontent li {font-size: 0.8em;}

.maincontent table {font-size: 0.8em;}

.noscreen {display: none;}

.accreditationlogos {float: left; width: 220px; margin-left: 15px; text-align: center;}

.accreditationlogo {margin: 0px 5px; padding: 0;}

.tradelogos {float: right; width: 650px; margin-right: 30px; text-align: center;}

.tradelogo {margin: 0px 25px; padding: 0;}

.tradetext {margin: 20px 0 20px 115px; padding: 0; color: #999999; font-size: 0.8em; float: left;}

.col2left {float:left; width: 315px;}

.col2right {float:right; width: 315px;}

.leftcol150 {float:left; width: 150px;}

.rightcol {float:right; width: 500px; margin: 0 15px 0 0;}

.leftcol25 {float: left; width: 25%}

.rightcol75 {float: right; width: 75%;}

.leftcol33 {float: left; width: 33%}

.rightcol66 {float: right; width: 66%;}

.maintext {font-size: 0.75em;}

li.maintext {font-size: 0.75em; margin: 0 0 0 10px;}

.indenttext {font-size: 0.75em; margin: 0 0 6px 18px; text-indent: -22px;}

.indentedtext {margin-left: 25px;}

li.indented {margin-left: 18px; list-style-type: circle;}

li.doubleindented {list-style-type: square;}

.righttext {font-size: 0.7em; margin: 1px; text-align: right;}

.smalltext {font-size: 0.65em;}

li.smalltext {font-size: 0.65em; margin: 0;}

li.pdf {font-size: 0.75em; margin: 0 0 0 10px; list-style-image: url('images/pdf.gif')}

li.web {font-size: 0.75em; margin: 0 0 0 10px; list-style-image: url('images/ie_icon_sm.gif')}

.tighttext {margin: 0;}

.centeredtext {font-size: 0.75em; margin: 0; text-align: center;}

.centeredbutton {font-size: 0.75em; margin: 20px 0; text-align: center;}

.justify {font-size: 0.75em; margin: 0; text-align: justify;}

.tight {margin: 0;}

.tightleft {margin: 0; text-align: left;}

.tightjustify {margin: 0; text-align: justify;}

.smalltightjustify {font-size: 0.65em; margin: 0; text-align: justify;}

.highlighted {color: #ee0000;}

.smaller {font-size: 0.9em;}

.rightsmall {text-align: right; font-size: 0.9em; margin: 0;}

.content {}

img {border: 0 none; position: relative;}

image {border: 0 none;}

.sideimage {border: 0 none; margin: 25px 0 0 0;}

.borderedsideimage {border: 1px solid #4B5D8D; margin: 50px 0 0 0;}

.portrait {float: left; margin: 5px 10px 10px 0; border-bottom: 5px solid #5a73b5;}

.separator {width: 100%; clear: both; height: 5px; margin: 0; padding: 0;}

.spacer {width: 100%; clear: both; height: 10px; margin: 0; padding: 0;}

.house {font-weight: bold; color: #00ADEF; font-style: italic;}

.housecolour {font-weight: bold; color: #00ADEF;}

.address {color: #ffffff; font-weight: normal; font-size: 0.7em; font-style: normal; padding: 3px; margin: 0; text-align: left;}

.copyrightcontainer {float: right; color: #000000; font-weight: normal; font-size: 0.7em; font-style: normal; padding: 3px; margin: 0;}

.webmastercontainer {float: left; color: #000000; font-weight: normal; font-size: 0.7em; font-style: normal; padding: 3px; margin: 0;}

.contextheader{font-weight: bold; font-size: 0.7em; font-style: normal; margin: 3px 0px 3px 6px;}

.context {font-weight: normal; font-size: 0.85em; font-style: normal;}

.caption {font-weight: normal; font-size: 0.85em; font-style: normal;}

.clickable {cursor: pointer;}

.enquiryform {width: 95%;}

.form {padding: 0; margin:0;}
.formfield {font-size: 0.75em; margin: 5px;}
.formfieldwide {font-size: 0.7em; margin: 5px 10px;}
.formlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.formlabelwide {width: 75%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.rightformlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px; text-align: right;}

.prevnext {font-size: 0.75em; margin: 20px 10px; padding: 5px; border-top: 1px solid #EE6600;}

.setparams {float: right; font-size: 0.9em;}

a:link {color: #5a73b5; text-decoration:underline;} 
a:visited {color: #5a73b5; text-decoration:underline;} 
a:hover {color: #dd0000; text-decoration:none;}
a:active {color: #dd0000; text-decoration:underline;}

a.antilink:link {color: #5a73b5; text-decoration:none;} 
a.antilink:visited {color: #5a73b5; text-decoration:none;} 
a.antilink:hover {color: #dd0000; text-decoration:underline;}
a.antilink:active {color: #dd0000; text-decoration:none;}

a.webmasterlink:link {color: #000000; text-decoration:none;font-style: italic;} 
a.webmasterlink:visited {color: #000000; text-decoration:none;font-style: italic;} 
a.webmasterlink:hover {color: #000000; text-decoration:underline;font-style: italic;}
a.webmasterlink:active {color: #000000; text-decoration:none;font-style: italic;}

a.designerlink:link {color: #ffffff; text-decoration:none;} 
a.designerlink:visited {color: #ffffff; text-decoration:none;} 
a.designerlink:hover {color: #ffffff; text-decoration:underline;}
a.designerlink:active {color: #ffffff; text-decoration:none;}

a.addresslink:link {color: #ffffff; text-decoration:none;} 
a.addresslink:visited {color: #ffffff; text-decoration:none;} 
a.addresslink:hover {color: #ffffff; text-decoration:underline;}
a.addresslink:active {color: #ffffff; text-decoration:none;}

a.boldlink:link {color: #5a73b5; text-decoration:underline; font-weight: bold;} 
a.boldlink:visited {color: #5a73b5; text-decoration:underline; font-weight: bold;} 
a.boldlink:hover {color: #dd0000; text-decoration:none; font-weight: bold;}
a.boldlink:active {color: #dd0000; text-decoration:underline; font-weight: bold;}

a.blacklink:link {color: #000000; text-decoration :none;} 
a.blacklink:visited {color: #000000; text-decoration: none;} 
a.blacklink:hover {color: #000000; text-decoration: underline;}
a.blacklink:active {color: #000000; text-decoration: none;}

a.whitelink:link {color: #ffffff; text-decoration :none;} 
a.whitelink:visited {color: #ffffff; text-decoration: none;} 
a.whitelink:hover {color: #ffffff; text-decoration: underline;}
a.whitelink:active {color: #ffffff; text-decoration: none;}

.rightarrow {vertical-align: middle; margin: 0 0 0 3px;}

hr {color: #5a73b5; background-color: #5a73b5; height: 1px; margin: 0; border: 0;}

hr.maintext {color: #5a73b5; background-color: #5a73b5; height: 1px; margin: 10px; border: 0; width: 85%;}

.smallinput {font-size: 0.85em;}

.textbox {
	background-color: #FFFFFF;
	color: #BF608C;
	font-size: 0.8em;
	font-weight: bold;
	border-style: solid; border-width: 1px; border-color: #A0A0A0;
}

select {
	color: #000000;
	background-color:#eeeeee;
	font-size: 0.8em;
	font-weight: normal;
	cursor: pointer;
}

.rightselect {font-size: 0.85em; text-align: right; margin: 10px 0; padding: 0;}

.jumptolabel {font-size: 0.85em; margin: 0 10px; padding: 0;}

.calltoaction  {text-align: center;} 

input.submit {
	font-size: 1.2em;
	font-weight: bold;
	color: #004400;
	cursor: pointer;
}

input.s_submit {
	font-size: 0.9em;
	cursor: pointer;
}


input.button {
	font-size: 0.9em;
	font-weight: bold;
	color: #004400;
	cursor: pointer;
}

input.s_button {
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
}

textarea {
	color: #000000;
	border-style: solid; border-width: 1px; border-color: #A0A0A0;
}

h1 {font-weight: bold; font-size: 1.0em; color: #000000; font-style: normal; margin: 10px 0;}

h2 {font-weight: bold; font-size: 0.85em; color: #5a73b5; font-style: normal; margin: 10px 0;}

h2.infobox {font-weight: bold; font-size: 0.85em; color: #5a73b5; font-style: normal; margin: 10px 0px 10px -10px; padding: 10px; background: #e8f4f2; border: 1px dotted #b7ddd7;}

h3 {font-weight: bold; font-size: 0.75em; color: #000000; font-style: normal; margin: 10px 0;}

h4 {font-weight: bold; font-size: 0.75em; color: #000000; font-style: normal; margin: 10px 0 10px 20px; font-style: italic;}

h5 {font-weight: bold; font-size: 0.6em; color: #000000; font-style: normal; margin: 10px 0;}

h6 {font-weight: bold; font-size: 0.6em; color: #000000; font-style: normal; margin: 10px 0;}

.box {float: left; margin: 12px 0 0 12px;}

.box_large {width: 350px; float: left; margin: 0 0 12px 12px;}

.box_small {width: 133px; float: left; margin: 0 0 12px 12px; text-align: center}

.box_180 {width: 180px; float: left; margin: 0 0 12px 0;}

.box_200 {width: 200px; margin: 0 0 10px 0;}

.box_home {float: left; width: 290px; margin: 0 10px 10px 0;}

.box_half {float: left; width: 440px; margin: 0 10px 10px 0;}

.box_home_a {float: left; width: 130px; margin: 0 5px 5px 0;}

.wide_box_home_a {float: left; width: 535px; margin: 0 5px 0 0;}

.regularboxcontent {padding: 10px;}

.boxcontent {padding: 10px;}

.smallboxcontent {padding: 10px; font-size: 0.85em;}
.smallboxcontent p {margin: 5px 0;}

.rightboxcontent {padding: 10px;}

.boxrightcontent {padding: 10px; font-size: 0.85em;}

.ledge {background-position: left top; background-image: url('images/l.gif'); background-repeat: repeat-y}
.uedge {background-position: right top; background-image: url(images/u.gif); background-repeat: repeat-x}
.redge {background-position: right top; background-image: url(images/r.gif); background-repeat: repeat-y}
.bedge {background-position: left bottom; background-image: url(images/b.gif); background-repeat: repeat-x}
.ulcorner {background-position: left top; background-image: url(images/tl.gif); background-repeat: no-repeat}
.urcorner {background-position: right top; background-image: url(images/tr.gif); background-repeat: no-repeat}
.blcorner {background-position: left bottom; background-image: url(images/bl.gif); background-repeat: no-repeat}
.brcorner {background-position: right bottom; background-image: url(images/br.gif); background-repeat: no-repeat}

.floatright {float: right; margin: 0;}

.jumpto {margin: 10px 0; font-size: 0.7em; background-color: #EBF2FF; border: 1px solid #2F2F92;}

.jumptolabel {color: #cc3142; font-weight: bold; font-size: 0.7em; display: none;}