body {
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-size: medium;
	color: #000000;
	margin: 0 auto;
	background: #dff0e8;
}

.noscreen {display: none;}

.mainbody {
width: 930px;
color: #000000;
padding: 0;
margin: 0 auto;
display: block;
}

.maincontainer {
width: 100%;
font-size: 1em;
color: #000000;
padding: 0;
margin: 0;
display: block;
}

.header {
width: 100%;
font-size: 0.8em;
color: #000000;
padding: 0;
margin: 0 0 0 0;
border-bottom: solid 0 #993333;
text-align: center;
display: block;
}

.maincontent {width: 100%; background: #ffffff; margin: 0px; font-size: 0.8em;}

.logo {text-align:center; display: block;}
.phone {float: left; margin: 0 0 0 20px; width: 200px; color: #993333; font-size: 1.3em; font-weight: bold; text-align: left; display: block;}
.strap {float: right; margin: 0 20px 0 0; color: #993333; font-size: 1.5em; font-weight: bold; font-style: italic; text-align: right; display: block;}

.topnav {margin: 2px 0; margin: 2px 0; color: #993333; background: #ffffff; font-size: 0.8em; font-weight: normal; text-align: center; display: block;}

.footer {
width: 100%;
color: #000000;
text-align: left;
font-size: 0.75em;
padding: 0;
margin: 0;
display: block;
}

.footertext {padding: 20px 0 0 20px; margin: 0; line-height: 1.5em;}
.lightfootertext {padding: 0 0 0 20px; margin: 0; line-height: 1.5em; color: #666666;}

img {border: 0 none;}

.separator {clear: both; font-size: 0; height: 10px; margin: 0; padding: 0; background: transparent; display: block;}

.spacer {clear: both; height: 10px; font-size: 0.1em; margin: 0; padding: 0; background: transparent; display: block;}

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

.righttext {font-size: 0.75em; text-align: right;}

.smaller {
font-size: 0.8em;
}

.larger {
font-size: 1.2em;
}

.caption {
font-size: 0.6em;
}

.centered {text-align: center;}

.centeredtext {text-align: center; margin: 0; padding: 0;}

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

.warning {color: #dd0000;}

.button {cursor: pointer;}

.smallbutton {font-size: 0.8em; cursor: pointer;}

.s_button {margin: 0 0 4px 0; font-size: 0.8em; cursor: pointer;}

.nav_button {font-size: 0.8em; cursor: pointer; width: 150px; margin: 2px 0px 3px 0px;}

.boldbutton {font-weight: bold; margin: 5px; cursor: pointer;}

.subtitle {font-size: 1.2em; color:#993333; font-weight: bold; margin: 5px 0;}

.pricestyle {font-size: 1.2em;}

.leftcol {color: #993333; background: #ffffff; width: 220px; margin: 0 0 0 20px; padding: 0; text-align: left; float: left; ;display:inline;}
.rightcol630 {width: 630px; float: right; margin: 0 30px 0 0; padding: 0; display:inline;}

.columns {clear: both; padding: 10px;}
.leftcol30 {width: 30%; float: left;}
.leftcol40 {width: 40%; float: left;}
.leftcol50 {width: 50%; float: left;}
.leftcol60 {width: 60%; float: left;}
.leftcol70 {width: 70%; float: left;}
.leftcol80 {width: 80%; float: left;}
.leftcol500 {width: 500px; float: left;}

.rightcol {float: right;}
.rightcol20 {width: 20%; float: right; text-align: left;}
.rightcol30 {width: 30%; float: right; text-align: left;}
.rightcol50 {width: 50%; float: right;}
.rightcol60 {width: 60%; float: right; text-align: center;}
.rightcol200 {width: 200px; float: right;}

.underlined {text-decoration: underline;}

a{color: #993333; text-decoration: underline;}
a:visited{text-decoration: underline;}
a:hover{text-decoration: none;}
a:active{text-decoration: underline;}

a.morelink{color: #993333; text-decoration: none; font-weight: bold; font-size: 1.4em; margin: 10px;}
a.morelink:visited{text-decoration: none;}
a.morelink:hover {text-decoration: underline;}
a.morelink:active{text-decoration: none;}

a.boxlink{color: #ffffff; text-decoration: none; font-weight: bold; font-size: 1.4em; margin: 10px;}
a.boxlink:visited{text-decoration: none;}
a.boxlink:hover{text-decoration: underline;}
a.boxlink:active{text-decoration: none;}

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

a.navlink{color: #000000; text-decoration: none; font-weight: bold;}
a.navlink:visited{text-decoration: none;}
a.navlink:hover{text-decoration: none;}
a.navlink:active{text-decoration: none;}

a.navlinkthis{color: #993333; text-decoration: none; font-weight: bold;}
a.navlinkthis:visited{text-decoration: none;}
a.navlinkthis:hover{text-decoration: none;}
a.navlinkthis:active{text-decoration: none;}

a.topnavlink{color: #000000; text-decoration: none; font-weight: bold;}
a.topnavlink:visited{color: #000000; text-decoration: none;}
a.topnavlink:hover{color: #993333; text-decoration: underline;}
a.topnavlink:active{color: #993333; text-decoration: none;}

a.topnavlinkthis {color: #993333; text-decoration: none; font-weight: bold;}
a.topnavlinkthis:visited {color: #993333; text-decoration: none;}
a.topnavlinkthis:hover {color: #000000; text-decoration: none;}
a.topnavlinkthis:active {color: #000000; text-decoration: none;}

a.smallboxlink{color: #993333; text-decoration: none; font-weight: bold; font-size: 1.1em; text-transform: capitalize;}
a.smallboxlink:visited{text-decoration: none;}
a.smallboxlink:hover{text-decoration: underline;}
a.smallboxlink:active{text-decoration: none;}

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

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

div.rndwrap {position:relative; background: #993333; color: #ffffff; margin: 10px; padding: 15px; width: 75%}
div.rndwrap div#font-family{position:absolute; width: 14px; height: 14px;}
div.rndwrap div.tl{background:transparent url(images/tl_trans.gif) top left no-repeat; left:0; top:0}
div.rndwrap div.tr{background:transparent url(images/tr_trans.gif) top right no-repeat; right:0; top:0}
div.rndwrap div.br{background:transparent url(images/br_trans.gif) bottom right no-repeat; right:0; bottom:0}
div.rndwrap div.bl{background:transparent url(images/bl_trans.gif) bottom left no-repeat; left:0; bottom:0}

.thinborder {margin: 0; padding: 5px; background: #FDFAF3; border: 1px solid #755B2A;}

.searchbox {margin: 0; padding: 5px; background: #FDFAF3; border: 1px solid #755B2A;}

.menuheading {margin: 20px 0 0 0; width: 170px; font-size: 1.2em; font-weight: bold; padding: 3px 3px 3px 27px; color: #000000; background: transparent; border: 0 none; border-bottom: 1px dotted #9ac6b0;}

ul.navigation {
		list-style-type: none;
		padding: 0;
		margin: 0;
		width: 200px;
		background: transparent;
		}
		
ul.navigation li {height: 24px; font-size: 0.9em; font-weight: bold; padding: 0; margin: 0; cursor:pointer; border-bottom: 0 solid #993333; background: transparent;}
ul.navigation li a {color: #000000; text-decoration: none; font-weight: bold; float: left; margin: 3px 0 0 5px;}
ul.navigation li a:visited {text-decoration: none;}
ul.navigation li a:hover {text-decoration: none;}
ul.navigation li a:active {text-decoration: none;}

.navbullet {float: left; vertical-align: middle; margin: 0 0 0 0; padding: 0;}

.whitebox {padding: 0px; margin: 10px 0 10px 0; font-size: 1.1em; color: #000000; background: #ffffff;}

.bluebox {padding: 0px; margin: 10px 0 10px 0; font-size: 1.1em; color: #ffffff; background: #993333; height: 122px;}

.purplebox {padding: 0px; margin: 10px 0 10px 0; font-size: 1.1em; color: #ffffff; background: #7B0078; height: 122px;}

.greenbox {padding: 0px; margin: 10px 0 10px 0; font-size: 1.1em; color: #ffffff; background: #779D30; height: 122px;}

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

.box_large {width: 350px; float: left; margin: 12px 12px 0 0; background-color: #ffffff;}

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

.box_left {width: 180px; float: left; margin: 0 0 0 0; background-color: #ffffff;}

.box_right {width: 180px; float: right; margin: 0 0 0 0; background-color: #ffffff;}

.regularboxcontent {padding: 10px;}

.smallboxcontent {padding: 5px; font-size: 0.7em; height: 65px;}

.rightboxcontent {padding: 5px;}

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

h1{
font-size: 1.4em;
color: #993333;
}

h2{
font-size: 1.2em;
color: #993333;
}

h2.home{
font-size: 1.2em;
color: #ffffff;
}

h2.centered{
font-size: 1.2em;
color: #993333;
text-align: center;
}

h3{
font-size: 1em;
font-weight: bold;
color: #993333;
margin: 10px 0 10px 0;
}

h3.centered{
font-size: 1em;
font-weight: bold;
color: #993333;
text-align: center;
}

h4{
font-size: 1em;
font-weight: bold;
color: #993333;
}

h5{
font-size: 0.9em;
color: #993333;
}

h6{
font-size: 0.9em;
color: #000000;
}

/* catalogue styles... */

.noscreen {display: none;}

.homebody {margin: 0 15px 0 0;}
.currency {margin: 15px 0 10px 0; font-size: 0.9em; float: right;}
.crumbtrail {margin: 15px 0 10px 0; font-size: 0.9em; float: left;}
.quicksearch {float: left; text-align: left;}
.viewbasket {float: right; text-align: right; font-size: 0.9em; margin: 0 15px 0 0;}
.calltoaction {text-align: center;}
.currencydisplay {color: #993333;}
.cartshade {margin: 5px; padding: 5px; background: #dff0e8; border: 0 none;}
.cartright {text-align: right; margin-right: 20px;}
.catbrowse {font-size: 1.1em; }
.navtext {margin: 0 0 0 10px; text-indent: -9px;}
.menutext {margin: 0 0 0 0; text-indent: 0;}
.subnavtext {margin: 0 0 0 20px; text-indent: -10px;}
.submenutext {margin: 0 0 0 12px; text-indent: 0;}
.menubullet {vertical-align: middle; margin: 0; padding: 0;}
.menuarrow {vertical-align: middle; margin: 0 3px 0 0; padding: 0;}
.number {font-weight: bold; margin: 5px 0 0 0;}
.counter {width: 50px; float: left; text-align: right; font-weight: bold;}

.topsearchbox {width: 100%; background: #ffffff url('catalog/icons/top_nav_bg.jpg') top left repeat-x; margin: 0; border: 0px solid #32438C; margin: 5px 0; padding: 5px 0 5px 5px; display: block;}

.prodlist {width: 580px; float: right; text-align: left;}
.listimage {max-width: 150px; width: expression(this.width > 150 ? 150 : true);}
.prodcode {}
.prodsummary {margin: 5px 5px 5px 50px;}
.prodimage {position: relative; float: left; display: block; margin: 3px 20px 10px 0;}
.productimage {max-width: 300px; width: expression(this.width > 300 ? 300 : true);}
.proddetails {width: 300px; float: right; display: block;}
.prodlabel {font-weight: bold;}

.fullimage {}
.buy_line {width: 100%; background: #f7fdf9; margin: 5px 0; padding: 2px 5px; display: block;}
.leftcolbuy {float: left; background: #f7fdf9; text-align: left; width: 410px;}
.rightcolbuy {float: right; background: #f7fdf9; text-align: right; width: 210px;}
.add_button {margin: 5px 0 0 0;}

.shopping_basket {width: 100%; background: #f7fdf9; margin: 5px 0; padding: 5px 0 5px 5px; display: block;}
.delivery_costs {width: 100%; background: #f7fdf9; margin: 5px 0; padding: 5px 0 5px 5px; display: block;}

.catmenu {margin: 0 0 5px 0; background: transparent; width: 200px;}
.floatcheck {width: 33%; float: left;}

.floatedimage {float: left; margin: 0 5px 5px 0;}

.floatedboxes {margin: 0 0 0 0;}
.floatedbox {float: left; width: 180px; min-height: 300px; margin: 0 20px 20px 0; border: 1px dotted #9ac6b0;}
.boxcontent {text-align: center; padding: 9px; font-size: 0.9em;}

.bodytext_products {}
a.bodytext_products:link {color: #993333; text-decoration:none; font-weight: bold;} 
a.bodytext_products:visited {color: #993333; text-decoration:none; font-weight: bold;} 
a.bodytext_products:hover {color: #9ac6b0; text-decoration:none; font-weight: bold;}
a.bodytext_products:active {color: #993333; text-decoration:none; font-weight: bold;}

.subnav {
	font-size: 0.9em;
	color: #000000;
	width: 180px;
	letter-spacing: 1px;
}

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

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

.adminwelcome {clear: both; margin: 0 20px 5px 20px; padding: 1px 0; background: #fff5f5; font-size: 0.8em;}

.supplierscroller {background-color: #993333; margin: 0 0 6px 0; padding: 3px; text-align: left; width: 150px; height: 160px; float: right; overflow: auto;}

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

.righttext {text-align: right;}

.righttextsmallsmall {font-size: 0.8em; text-align: right;}

.smaller {
font-size: 0.85em;
}

.larger {
font-size: 1.2em;
}

.caption {
font-size: 0.6em;
}

.plaintext {border: 0 none;}
.plaintextcurrency {border: 0 none; color: #993333;}

.centered {text-align: center;}

.maintext {margin: 0px; padding: 0px;}

.maintext li{line-height: 2em;}

.indentedtext {margin: 0 0 3px 25px; padding: 0px;}

.centeredtext {text-align: center; margin: 0; padding: 0;}

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

.warningtext {color: #dd0000; font-size: 0.6em; text-align: center;}

.textbox {background: #f0f9f3; border: 1px solid #808080;}

.smalltextbox {margin: 0 0 3px 0; font-size: 0.8em; background: #f0f9f3; border: 1px solid #808080;}

.smalltextboxbold {margin: 0; font-size: 0.8em; background: #f0f9f3; border: 1px solid #808080; font-weight: bold;}

.button {cursor: pointer;}

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

.select {background: #dff0e8; border: 1px solid #808080; cursor: pointer;}

.smallselect {font-size: 0.8em; background: #dff0e8;  border: 1px solid #808080; cursor: pointer;}

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

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

.nav_button {font-size: 0.8em; cursor: pointer; width: 150px; margin: 2px 0px 3px 0px;}

.boldbutton {font-weight: bold; margin: 5px; cursor: pointer;}

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

.pricestyle {font-size: 1.2em;}

.leftcolcart {width: 400px; float: left;}
.rightcolcart {width: 225px; float: right;}

form {margin: 0; padding: 0;}
.formfield {clear: both; margin: 15px 0 20px 0;}
.formlabel {width: 210px; float: left; margin: 0 10px 0 0;}
.formlabel30 {width: 30%; float: left; margin: 0 10px 0 0;}
.formlabel50 {width: 50%; float: left; margin: 0 10px 0 0;}

hr {color: #9ac6b0; height: 1px; border-bottom: 1px #c0c0c0 solid; margin: 5px;}

.underlined {text-decoration: underline;}

a.smallboxlink{color: #993333; text-decoration: none; font-weight: bold; font-size: 1.1em; text-transform: capitalize;}
a.smallboxlink:visited{text-decoration: none;}
a.smallboxlink:hover{text-decoration: underline;}
a.smallboxlink:active{text-decoration: none;}

.thinborder {margin: 0; padding: 5px; background: #FDFAF3; border: 1px solid #755B2A;}

.searchbox {margin: 0; padding: 5px; background: #FDFAF3; border: 1px solid #755B2A;}

.menubullet {margin: 0 3px 0 0;}

.submenubullet {margin: 0 3px 0 20px;}

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

.box_large {width: 350px; float: left; margin: 12px 12px 0 0; background-color: #ffffff;}

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

.box_left {width: 180px; float: left; margin: 0 0 0 0; background-color: #ffffff;}

.box_right {width: 180px; float: right; margin: 0 0 0 0; background-color: #ffffff;}

.topmenubox {width: 100%; float: left; background: #dff0e8 url('catalog/icons/top_nav_bg.jpg') top left repeat-x; margin: 0;}

.topmenuboxcontent {padding: 10px;}

.regularboxcontent {padding: 10px;}

.smallboxcontent {padding: 5px; font-size: 0.7em; height: 40px;}

.leftboxcontent {padding: 5px; font-size: 0.7em;}

.rightboxcontent {padding: 5px;}

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

.setparams {margin: 10px 0; padding: 5px; border-top: 1px solid #9ac6b0;}

.prevnext {font-size: 0.9em; float: right; width: 280px; text-align: left;}
.sortorderform {float: right; margin: 6px 15px 6px 0; display: block;}
.sortorderselect {margin: 0 3px; background: #dff0e8; border: 1px solid #808080; font-size: 0.9em;}
.currencyform {float: right; margin: 6px 15px 3px 0; display: block;}
.currencyselect {margin: 0 3px 4px 3px; background: #dff0e8; border: 1px solid #808080; font-size: 0.9em;}

li.pdf {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/pdf.gif')}
li.ppt {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/ppt.gif')}
li.doc {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/doc.gif')}
li.xls {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/xls.gif')}
li.web {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/web.gif')}
li.install {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/install.gif')}
li.nobull {margin: 0 20px; padding: 0 0 5px 0; list-style: none;}

.underlined {text-decoration: underline;}
.indented {margin-left: 25px;}
.warning {color: #dd0000; font-weight: bold;}

.wrap {background: #ffffff; width: 100%; height: 18px; margin: 0; padding: 0;}
.tl{background:transparent url(../images/tl.gif) top left no-repeat; width: 18px; height: 18px; float: left;}
.tr{background:transparent url(../images/tr.gif) top right no-repeat; width: 18px; height: 18px; float: right;}
.br{background:transparent url(../images/br.gif) bottom right no-repeat; width: 18px; height: 18px; float: right;}
.bl{background:transparent url(../images/bl.gif) bottom left no-repeat; width: 18px; height: 18px; float: left;}

.paymentlogos {margin: 25px 0 10px 0; float: left; claear: left; width: 200px; text-align: center;}

.picright {float: right; text-align: center; padding: 0 0 10px 10px; color: #993333; font-size: 0.85em;}
.picleft {float: left; text-align: center; padding: 0 10px 10px 0; color: #993333; font-size: 0.85em;}

.mainimage {position: relative; margin: 0; padding: 0; height: 250px; 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: 620px; height: 250px; margin: 0; padding: 0; overflow: hidden;}
#gallery li {display: block;}

th {text-align: left;}