/* Purple = #633194 */
/* Pink = #cd116a */
/* Page Background = #ffffff */

body {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	background: #633194 url('images/pagebg.jpg') top left repeat-x;
	margin: 0;
}

.main {width: 920px; margin: 10px auto; padding: 0; border: 0 none; border: 0 none; border-top: 0 none; background: #ffffff; display: block;}

.header {width: 100%; padding: 0; border: 0 none; height: 115px; color: #6E6E70; background: #ffffff; font-size: 1.3em; text-align: right;}
.header p {margin: 0; padding: 10px 20px; font-style: italic;}

.logo {float: left; margin: 3px 10px;}

.topmenupanel {padding: 0; margin: 0 10px; border: 0 none; color: #ffffff; background: #633194 url('images/navbg.jpg') top left repeat-x; display: block;}

ul.topmenu {padding: 5px 0; margin: 0 0 0 5px; text-align: left; font-size: 0.8em; list-style: none;}
li.topmenu {margin: 0; padding: 0 0 0 5px; color: #ffffff; display: inline; zoom: 1;}
li.topmenu a {text-decoration: none; color: #ffffff;}
li.topmenu a:visited {text-decoration: none; color: #ffffff;}
li.topmenu a:hover {text-decoration: underline; color: #ffffff;}
li.topmenu a:active {text-decoration: none; color: #ffffff;}

.navdivider {margin: 0 0 0 10px; width: 2px; height: 17px; vertical-align: middle;}

.phone {float: right; font-size: 0.8em; padding: 5px 10px;}

.mainimage {margin: 0 10px; padding:0; height: 250px; background: #ffffff; position: relative;}

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

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

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

.strap {position: absolute; z-index: 4; top: 35px; left: 250px; margin: 0; text-indent: 30px; font-size: 44px; color: #ffffff; display: block;}

.maincontent {margin: 0; padding: 10px 20px; font-size: 0.85em; display: block;}

.col2left {float:left; width: 40%;}
.col2right {float:right; width: 55%;}

.leftcol {float: left;}
.leftcol33 {float: left; width: 33%;}
.leftcol50 {float: left; width: 50%;}
.leftcol60 {float: left; width: 60%;}
.leftcol225 {float: left; width: 225px;}

.rightcol {float: right; width: 45%;}
.rightcol33 {float: right; width: 33%;}
.rightcol50 {float: right; width: 50%;}
.rightcol66 {float: right; width: 66%;}
.rightcol620 {float: right; width: 620px;}

.leftmenupanel {float: left; width: 140px; margin: 10px 10px 10px 0; display: block;}

ul.leftmenu {padding: 0; margin: 0; text-align: left; font-size: 1.2em; list-style: none;font-family: 'arial narrow', arial, tahoma, verdana, helvetica, sans-serif;}
li.leftmenu {margin: 0 0 25px 0; color: #633194; font-weight: bold;}
li.leftmenu a {text-decoration: none; color: #633194;}
li.leftmenu a:visited {text-decoration: none; color: #633194;}
li.leftmenu a:hover {text-decoration: underline; color: #cd116a;}
li.leftmenu a:active {text-decoration: none; color: #633194;}

.middlepanel {float: left; width: 330px; margin: 10px 10px 10px 0; display: block;}

.footer {border: 0 none; margin: 0; text-align: left; font-size: 0.75em; padding: 10px; background: #ffffff;}

.dottedbox {margin: 0 20px 20px 20px; padding: 0; border: 1px dotted #633194;}

.solidbox {margin: 0 20px 20px 20px; padding: 0; border: 1px solid #633194;}

.plainbox {margin: 0 20px 20px 20px; padding: 0; border: 0 none;}

.offer {margin: 10px; color: #633194; font-size: 1.2em; font-family: 'monotype corsiva', tahoma, verdana, arial, helvetica, sans-serif;}

.leftcontent {margin: 10px; font-size: 0.8em;}

.introcontent {font-size: 0.8em; margin: 10px 10px 10px 0; font-weight: bold;}

.introtext {text-align: center; font-size: 0.95em; }

ul.mainul {font-size: 0.8em;}

ul.looseul{font-size: 0.8em; margin: 5px 5px 15px 25px;}

ul.leftul {font-size: 0.75em; margin: 5px 5px 10px 25px;}

.noscreen {display: none;}

li.maintext {margin: 0 0 0 10px;}

.indenttext {margin: 0 0 6px 18px; text-indent: -22px;}

.indented {margin: 0 0 6px 25px;}

.indent {margin: 0 0 0 25px;}

.larger {font-size: 1.3em;}

.smaller {font-size: 0.85em;}

.smalltext {font-size: 0.8em;}

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

li.tick {list-style-image:url('images/tick.gif');}

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

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

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

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

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

.centeredtext {text-align: center;}

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

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

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

.tight {margin: 0;}

.tighttext {font-size: 0.85em; margin: 0; padding: 0;}

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

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

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

.highlight {color: #cd116a;}
.highlighted {color: #cd116a; font-weight: bold;}

.rightnote {float: right; color: #cd116a; font-style: italic; width: 350px;}

.content {}

.rightfloat {float: right; margin: 0; display: block;}

.leftfloatedimage {float: left; margin: 0 10px 10px 0; display: block;}

.rightfloatedimage {float: right; margin: 0 0 10px 10px; display: block;}

.tradelogos {float: right; margin: 0; width: 370px; display: block;}

.tradelogo {float: right; padding: 0 10px 0 0; display: block;}

img {border: 0 none;}

image {border: 0 none;}

.separator {clear: both;}

.spacer {clear: both; height: 10px;}

.house {color: #633194; font-weight: bold;}

.prime {color: #633194; font-style: italic; font-weight: bold;}

.copyright {float: right; margin: 0; padding: 0; font-family: tahoma, verdana, arial, helvetica, sans-serif;}

.webmaster {width: 900px; margin: 0 auto; padding: 0 0 5px 0; color: #ffffff; font-weight: normal; font-size: 0.7em; font-style: normal; font-family: tahoma, verdana, arial, helvetica, sans-serif;}

.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-size: 0.8em; font-weight: bold; font-style: normal; font-family: tahoma, verdana, arial, helvetica, sans-serif;}

.navtext {font-weight: bold; font-size: 1em; font-style: normal;}

.navlink {font-weight: bold; font-size: 1em; font-style: normal;}

.navlinkthis {font-weight: bold; font-size: 1em; font-style: normal;}

.clickable {cursor: pointer;}

.enquiryform {margin: 0;}
form {padding: 0; margin:0;}
.formfield {margin: 5px;}
.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 #633194;}

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

a:link {color: #633194; text-decoration:underline;} 
a:visited {color: #633194; text-decoration:underline;} 
a:hover {color: #cd116a; text-decoration:none;}
a:active {color: #cd116a; text-decoration:underline;}

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

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

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

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

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

.contacttext {margin: 10px 0 10px 12px; text-indent: -12px; font-size: 1.1em; font-family: 'monotype corsiva', tahoma, verdana, arial, helvetica, sans-serif;}

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

hr {color: #633194; background-color: #633194; height: 1px; margin: 3px 0; border: 0; display: block;}

hr.maintext {color: #633194; background-color: #633194; height: 1px; margin: 0; padding: 0; border: 0; display: block;}

hr.tighttext {color: #633194; background-color: #633194; height: 1px; margin: 5px 0; padding: 0; border: 0; display: block;}

.smallinput {font-size: 0.85em;}

.textbox {
	background-color: #ffffff;
	color: #633194;
	font-size: 0.8em;
	font-weight: bold;
	border-style: solid; border-width: 1px; border-color: #a0a0a0;
}

select {
	font-size: 0.8em;
	font-weight: normal;
	cursor: pointer;
}

.rightselect {text-align: right; margin: 0; padding: 0;}

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

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


input.button {
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	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-size: 1.3em; color: #633194; margin: 10px 0 20px 0;}

h2 {font-size: 1.2em; color: #633194; font-style: normal; margin: 10px 0;}

h3 {font-size: 1.2em; color: #cd116a; font-style: normal; margin: 10px 0;}

h4 {font-size: 1.1em; color: #633194; font-style: normal; margin: 10px 0 0 0;}

h5 {font-size: 1.1em; color: #cd116a; font-style: normal; margin: 10px 0 0 0;}

h6 {font-size: 1em; color: #633194; font-style: normal; margin: 10px 0 0 0;}