/* Page BG #b3c2c3; */
/* Dark Blue #0000b5; */
/* Grey #666666; */
/* Light Grey #e6ecec; */

body {
	background: #b3c2c3 url('images/mainbg.gif') top center repeat-y;
	font-size: medium;
	color: #000000;
	font-family: Georgia,'Book Antiqua',Garamond,Palatino,Bookman,'Bookman Old Style','URW Bookman','Times New Roman',serif;
	margin: 0;
}

.noscreen {display: none;}
.floatright {float: right;}
.floatleft {float: left;}

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

.header {clear: both; width: 100%; border: 0 none; padding: 0; margin: 0;}

.mainimagepanel {position: relative; float: right; width: 600px; height: 450px; padding: 0; margin: 0;}

.mainimage {margin: 0; padding: 0; height: 450px; background: #ffffff;}
ul.mainimages {margin: 0; padding: 0;}
li.mainimages {list-style-type: none; margin: 0; padding: 0;}
.gallery {position: absolute; top: 0; left: 0; width: 600px; height: 450px; margin: 0; padding: 0; overflow: hidden;}
#gallery li {display: block;}

.headerleft {float: left; width: 350px; height: 450px; padding: 0; margin: 0;}

.logopanel {width: 100%; height: 175px; padding: 0; margin: 0;}
.logo {}

.navigationpanel {width: 100%; height: 300px; padding: 0; margin: 0;}

.maincontent {width: 100%; padding: 0; padding: 0; margin: 0;}

.mainright {float: right; width: 600px; margin: 0;}
.mainleft {float: left; width: 330px; padding: 0; margin: 0; background: #e6ecec; display: block;}

.footerpanel {clear: both; width: 100%; border: 0 none; padding: 0; margin: 0; font-size:0.8em; color: #0000b5; background: #d1dbdb;}
.address {text-align: center; margin: 0 0 5px 0; padding: 0; display: none;}
.phone {text-align: center; margin: 0 0 10px 0; padding: 0;}

.copyright {float: right; color: #666666; margin: 0 10px; padding: 0;}
.webmaster {float: left; color: #666666; margin: 0 10px; padding: 0;}

.calltoaction {text-align: center;}

.button {font-weight: bold; cursor: pointer;}

.smallbutton{font-size: 0.9em; cursor: pointer; margin: 3px;}

.plaintextbox {border: 0 none; font-weight: bold;}

.smalltextbox {font-size: 0.8em;}

ul {}

.rightcol30 {float: right; width: 30%; border: 0 none; padding: 0; margin: 0;}
.leftcol70 {float: left; width: 70%; border: 0 none; padding: 0; margin: 0;}
.rightcol250 {float: right; width: 250px; border: 0 none; padding: 0; margin: 0;}
.leftcol600 {float: left; width: 600px; border: 0 none; padding: 0; margin: 0;}
.col2left {float:left; width: 40%;}
.col2right {float:right; width: 55%;}
.leftfloat320 {float:left; display: block; width: 320px;}
.rightfloat420 {float:right; display: block; margin: 0 0 0 15px; width: 420px;}

.leftfloat320 img {margin: 0 5px;}
.rightfloat420 p {margin: 6px 0; font-size: 0.95em;}

.leftcontent {margin: 0 0 0 40px;}
.leftcontent p {margin: 6px 0; font-size: 0.8em;}
.leftcontent ul {margin-top: 0; margin-bottom: 0; font-size: 0.8em;}
.rightcontent {margin: 0 40px 0 0;}
.rightcontent p {margin: 6px 0; font-size: 0.8em;}
.rightcontent ul {margin-top: 0; margin-bottom: 0; font-size: 0.8em;}

img {border: 0 none; display: block;}
image {border: 0 none; display: block;}

.clickable {cursor: pointer;}

.enquiryform {width: 95%;}

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

h1 {font-size: 1.5em; font-weight: normal; padding: 5px 0; margin: 0; color: #0000b5;}
h2 {font-size: 1.2em; font-weight: bold; padding: 15px 0; margin: 0; color: #000000;}
h3 {font-size: 1.1em; font-weight: bold; padding: 10px 0; margin: 0; color: #0000b5;}
.rightfloat420 h3 {font-size: 1.1em; font-weight: bold; padding: 0 0 10px 0; margin: 0; color: #0000b5;}
h4 {font-size: 1.1em; font-weight: bold; padding: 10px 0; margin: 0; color: #000000;}
h5 {font-size: 0.9em; margin: 10px; color: #0000b5;}
h6 {font-size: 0.9em; margin: 10px 0 0 0; color: #000000;}

.spacer {clear: both; height: 20px; margin: 0px;}
.separator {clear: both; height: 1px; margin: 0px; font-size: 0.1em;}

ul.topmenu {text-align: center; font-size: 0.85em; margin: 0; padding: 5px 0; border-bottom: 1px dashed #0000b5;}

li.topmenu {display: inline; color: #0000b5; margin: 0; padding: 5px 0;}
li.topmenu a {text-decoration: none; color: #0000b5;}
li.topmenu a:visited {text-decoration: none; color: #0000b5;}
li.topmenu a:hover {text-decoration: underline; color: #dd0000;}
li.topmenu a:active {text-decoration: none; color: #0000b5;}

li.topmenuthis {display: inline; color: #dd0000 ;margin: 0; padding: 5px 0;}
li.topmenuthis a {text-decoration: none; color: #dd0000;}
li.topmenuthis a:visited {text-decoration: none; color: #dd0000;}
li.topmenuthis a:hover {text-decoration: underline; color: #0000b5;}
li.topmenuthis a:active {text-decoration: none; color: #dd0000;}

ul.menu {text-indent: 14px; font-size: 0.85em; padding: 0; margin-left: -10px; margin-top: 5px; list-style-position: inside;}

li.menu {color: #0000b5; padding: 0; font-weight: bold; list-style-type: disc;}
li.menu a {text-decoration: none; color: #0000b5;}
li.menu a:visited {text-decoration: none; color: #0000b5;}
li.menu a:hover {text-decoration: underline; color: #dd0000;}
li.menu a:active {text-decoration: none; color: #0000b5;}

li.menuthis {color: #dd0000; padding: 0; font-weight: bold; list-style-type: disc;}
li.menuthis a {text-decoration: none; color: #0000b5;}
li.menuthis a:visited {text-decoration: none; color: #0000b5;}
li.menuthis a:hover {text-decoration: underline; color: #dd0000;}
li.menuthis a:active {text-decoration: none; color: #0000b5;}

li.submenu {color: #0000b5; padding: 0; margin: 0 0 0 15px; list-style-type: circle;}
li.submenu a {text-decoration: none; color: #0000b5;}
li.submenu a:visited {text-decoration: none; color: #0000b5;}
li.submenu a:hover {text-decoration: underline; color: #dd0000;}
li.submenu a:active {text-decoration: none; color: #0000b5;}

li.submenuthis {color: #dd0000; padding: 0; margin: 0 0 0 15px; font-weight: bold; list-style-type: circle;}
li.submenuthis a {text-decoration: none; color: #0000b5;}
li.submenuthis a:visited {text-decoration: none; color: #0000b5;}
li.submenuthis a:hover {text-decoration: underline; color: #dd0000;}
li.submenuthis a:active {text-decoration: none; color: #0000b5;}

.navdivider {margin: 0 10px; vertical-align: middle;}

.centered {text-align: center;}
.larger {font-size: 1.2em;}
.smaller {font-size: 0.8em;}
.quote {font-size: 0.7em; margin: 10px; font-style: italic;}
.underlined {text-decoration: underline;}
.context {font-size: 0.85em;}
.clickable {cursor: pointer;}

hr {clear: both; height: 1px; color: #0000b5; border: 1px solid #0000b5; margin: 10px 0;}

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

a.antilink:link {color: #0000b5; text-decoration:none;} 
a.antilink:visited {color: #0000b5; text-decoration:none;} 
a.antilink:hover {color: #0000b5; text-decoration:underline;}
a.antilink:active {color: #0000b5; 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;}

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

a.footerlink:link {color: #0000b5; text-decoration:none;} 
a.footerlink:visited {color: #0000b5; text-decoration:none;} 
a.footerlink:hover {color: #0000b5; text-decoration:underline;}
a.footerlink:active {color: #0000b5; text-decoration:none;}

.featurebox {margin: 0 0 0 3px; padding: 5px; font-size: 1em; text-align: center; width: 150px; float: left; display: block;}
.featurebox img {border: 0 solid #666666; margin: 3px 0; display: block;}
.featureheading {font-size: 0.8em; margin: 0; color: #0000b5; font-weight: bold; display: block;}
.featuretext {font-size: 0.7em; margin: 0; margin: 0; display: block;}
.featurelinktext {font-size: 0.7em; margin: 0; text-align: right; display: block;}

.productbox {margin: 15px 0 0 0; padding: 5px; font-size: 1em; text-align: center; width: 162px; float: right; border: 0 solid #666666; background: #dff3f6;}
.productbox img {border: 1px solid #666666; margin: 3px 0 0 0;}
.productheading {font-size: 1em; margin: 0; color: #0000b5; font-weight: bold;}
.producttext {font-size: 0.95em; margin: 0;}
.productdesc {font-size: 0.95em; margin: 0 0 6px 0;}
.productdesc ul {margin-top: 0; margin-bottom: 0;}
.productlinktext {font-size: 0.9em; margin: 0; text-align: right;}
.thumbnail {float: left; margin: 0 5px 0 0;}
.cat_thumb {border: 0 none; margin: 5px; text-align: center;}

.thumbbox {float: right; width: 320px; height: 90px; margin: 5px 0; padding: 0; font-size: 1em; text-align: right; border: 0 none; background: #ffffff; position: relative; overflow: auto;}
.thumbrow {height: 70px;}

.cattext {float: left; font-style: italic; width: 45%;}
.pricetext {float: right; text-align: right; font-weight: bold; width: 45%;}

.cattitle {margin: 15px 0; font-size: 1.3em; color: #0000b5;}
.pricetextlarge {font-weight: bold; margin: 12px 0; font-size: 1.3em;}

.cattextleft {font-style: italic; margin: 15px 0;}
.pricetextleft {font-weight: bold; margin: 12px 0;}

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

.rightselect {float: right; margin: 10px 0; font-size: 0.8em}

.jumpto {margin: 0 5px 0 5px; background-color: #666666; border: 1px solid #2F2F92;}

.selectjumpto {margin: 0 5px 0 5px; background: #666666; border: 1px solid #2F2F92; font-size: 0.8em}

.jumptolabel {color: #0000b5; font-weight: bold;}

div.imgwrap {position:relative; float:left; margin: 0 0 10px 0;}
div.imgwrap div{position:absolute; width: 14px; height: 14px;}
div.imgwrap div.tl{background:transparent url(../images/tl.gif) top left no-repeat; left:0; top:0}
div.imgwrap div.tr{background:transparent url(../images/tr.gif) top right no-repeat; right:0; top:0}
div.imgwrap div.br{background:transparent url(../images/br.gif) bottom right no-repeat; right:0; bottom:0}
div.imgwrap div.bl{background:transparent url(../images/bl.gif) bottom left no-repeat; left:0; bottom:0}

.roundtop {background: url('../images/tr.gif') no-repeat top right;}
.roundbottom {background: url('../images/br.gif') no-repeat bottom right;}