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

.noscreen {display: none;}

.mainbody {
width: 930px;
color: #000000;
background: transparent url(images/vshadow.gif) top right repeat-y;
padding: 0 0 0 0;
margin: 0 auto;
display: block;
}

.maincontainer {
width: 920px;
font-size: 1em;
color: #000000;
background: #ffffff;
padding: 0;
margin: 0 10px 0 0;
border: 1px solid #000000;
display: block;
}

.header {
width: 100%;
height: 150px;
font-size: 1em;
color: #000000;
/* background: #ffffff url('images/50pcoff20.gif') bottom right no-repeat; */
background: #ffffff url(images/crown_tka.gif) top right no-repeat;
padding: 0;
margin: 0 0 10px 0;
border-top: solid 38px #37468E;
border-bottom: solid 10px #37468E;
display: block;
}

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

.logo {width: 142px; float: left; margin: 12px 0 0 10px; display: block;}
.headerright {float: right; margin: 0; padding: 0; width: 750px; display: block;}
.phone {width: 250px; float: right; font-size: 2em; font-weight: bold; text-align: right; margin: 10px 30px 0 0; display: block;}
.logotext {width: 310px; float: left; margin: 12px 0 0 0;}
.topnav {clear: both; margin: 15px 0 0 90px; font-size: 1.2em; display: block;}

.footer {
width: 100%;
height: 90px;
color: #ffffff;
background: #37468E;
text-align: left;
font-size: 0.75em;
padding: 0;
margin: 10px 0 0 0;
display: block;
}

.bottomshadow {height: 16px; text-align: right; background: #f0f0f0 url(images/hshadow.gif) top left repeat-x; display: block;}

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

img {border: 0 none;}

.leftfloatedimage {float: left; margin: 10px;}
.rightcaption {float: right; color: #909090; font-weight: normal; font-style: italic; margin: 10px 0 0 0; padding: 0;}

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

.button_large {font-size: 1em; font-weight: bold; cursor: pointer; padding: 5px; margin: 10px;}

.bigredbutton {
	margin: 5px 0;
	width: 220px;height: 43px;
	font-size: 1em;
	color: #ffffff;
	background: #ff0000 url(../images/button_red.gif) center center no-repeat;
	padding: 10px;
	border: 0 none;
	font-weight: bold;
	cursor: pointer;
}

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

.pricestyle {font-size: 1.2em;}

.leftcol {color: #000080; 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;}
.rightcol55 {width: 55%; float: right;}
.rightcol60 {width: 60%; float: right; text-align: center;}
.rightcol200 {width: 200px; float: right;}

hr {color: #ffffff; height: 0; border: 0 none; border-bottom: 1px solid #000066; margin: 5px;}

.underlined {text-decoration: underline;}

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

a.morelink{color: #37468E; 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.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.blacklink{color: #000000; text-decoration: none;}
a.blacklink:visited{color: #000000; text-decoration: none;}
a.blacklink:hover{color: #000000; text-decoration: none;}
a.blacklink:active{color: #000000; text-decoration: none;}

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

a.navlinkthis{color: #37468E; 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; font-size: 1.1em;}
a.topnavlink:visited{color: #000000; text-decoration: none;}
a.topnavlink:hover{color: #37468E; text-decoration: underline;}
a.topnavlink:active{color: #37468E; text-decoration: none;}

a.topnavlinkthis {color: #37468E; text-decoration: none; font-weight: bold; font-size: 1.1em;}
a.topnavlinkthis:visited {color: #37468E; text-decoration: none;}
a.topnavlinkthis:hover {color: #000000; text-decoration: none;}
a.topnavlinkthis:active {color: #000000; text-decoration: none;}

a.smallboxlink{color: #000099; 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: #b0b0b0; 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.greylink{color: #b0b0b0; text-decoration: none;} 
a.greylink:visited{text-decoration: none;} 
a.greylink:hover{text-decoration: underline;}
a.greylink:active{text-decoration: none;}

a.footerlink{color: #ffffff; 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: #000099; 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 23px; color: #000000; background: transparent; border: 0 none;}

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: 2px solid #37468E; background: transparent;} */
/* ul.navigation li a {color: #000000; text-decoration: none; font-weight: bold; float: left;} */
/* ul.navigation li a:visited {text-decoration: none;} */
/* ul.navigation li a:hover {text-decoration: none;} */
/* ul.navigation li a:active {text-decoration: none;} */

ul.navigation li {height: 18px; font-size: 0.9em; font-weight: bold; padding: 3px 0; margin: 0; cursor: pointer; border-bottom: 0 none; background: transparent;}
ul.navigation li a {color: #000000; text-decoration: none; font-weight: bold; vertical-align: middle; margin: 0 3px 0 0;}
ul.navigation li a:visited {text-decoration: none;}
ul.navigation li a:hover {text-decoration: underline;}
ul.navigation li a:active {text-decoration: none;}

.navbullet {float: left; margin: 0 3px; 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: #37468E; height: 122px;}

.lightbluebox {padding: 0px; margin: 10px 0 10px 0; font-size: 1.1em; color: #ffffff; background: #8080FF; 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: #37468E;
}

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

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

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

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

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

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

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

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

.deliveries {margin: 15px; font-weight: bold; font-size: 0.8em; font-style: italic; color: #dd0000;}

.callnow {margin: 15px; font-weight: bold; text-align: center; font-size: 1em; color: #ff9900;}

.marquee {margin: 15px 0 0 0; font-weight: bold;}

/* 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: #37468E;}
.cartshade {margin: 5px; padding: 5px; background: #e6e6ff; 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 25px; text-indent: 0;}
.menubullet {float: left; margin: 0; padding: 0;}
.menuarrow {float: left; margin: 3px; 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: #eef2fe; margin: 5px 0; padding: 2px 5px; display: block;}
.leftcolbuy {float: left; background: #eef2fe; text-align: left; width: 410px;}
.rightcolbuy {float: right; background: #eef2fe; text-align: right; width: 210px;}
.add_button {margin: 5px 0 0 0;}

.shopping_basket {width: 100%; background: #eef2fe; margin: 5px 0; padding: 5px 0 5px 5px; display: block;}
.delivery_costs {width: 100%; background: #eef2fe; 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;}

.floatedboxes {margin: 0 0 0 0;}
.floatedbox {float: left; width: 180px; min-height: 300px; margin: 0 20px 20px 0; border: 1px solid #37468E;}
.boxcontent {text-align: center; padding: 9px; font-size: 0.9em;}
.bodytext_products {}
a.bodytext_products:link {color: #37468E; text-decoration:none; font-weight: bold;} 
a.bodytext_products:visited {color: #37468E; text-decoration:none; font-weight: bold;} 
a.bodytext_products:hover {color: #dd0000; text-decoration:none; font-weight: bold;}
a.bodytext_products:active {color: #37468E; 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: #37468E; text-decoration:underline; font-weight: bold;}
a.subnav:active {color: #37468E; 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: #37468E; text-decoration:underline; font-weight: bold;}
a.submenunavlink:active {color: #37468E; text-decoration:none; font-weight: bold;}

.adminwelcome {margin: 5px 0 0 0; padding: 5px; background: #e6e6ff; font-size: 0.8em;}

.supplierscroller {background-color: #37468E; 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; text-align: right;}
.plaintextcurrency {border: 0 none; color: #37468E; text-align: right;}

.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: #e6e6ff; border: 1px solid #808080;}

.plaintextbox {background: #e6e6ff; border: 0 none;}

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

.smallplaintextbox {font-size: 0.8em; border: 0 none;}

.button {cursor: pointer;}

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

.submitbutton {float: right; font-size: 1.5em; font-weight: bold; cursor: pointer; padding: 10px; margin: 0 10px;}

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

.smallselect {font-size: 0.8em; background: #e6e6ff;  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: #37468E; 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: 3px 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: #000066; height: 1px; border-bottom: 1px #c0c0c0 solid; margin: 5px;}

.underlined {text-decoration: underline;}

a.smallboxlink{color: #37468E; 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: #eef2fe 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 #37468E;}

.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: #e6e6ff; 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: #e6e6ff; 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;}

#online_menu {display: block;}
#services_menu {display: block;} 
#links_menu {display: block;}
#uniforms_menu {display: block;}
#about_menu {display: block;}
#tellme_menu {display: block;}

.articletitle {margin: 5px 0;}
.articlebody {margin: 5px 0;}
.articleattributor {margin: 5px 0;}
.articledate {text-align: right; font-size: 0.8em;}

.homebox {width: 210px; height: 260px; background: #ffffff url('images/box_bg.gif') top left no-repeat; text-align: center; float: left; margin: 10px 0 25px 0; padding: 0; cursor: pointer;}
.homebox h2 {color: #ffffff; background: #39428C; font-size: 2em; margin: 20px;}
.homebox p {color: #39428C; font-size: 1.2em; margin: 20px;}

.floatleft {float: left;}
.floatright {float: right;}

.shapeselector {}
.shapeselector img {border: 1px solid #c0c0c0;}
.colourselector {height: 180px;}
.badgecontainer {position: relative; width: 400px; height: 300px; background: #c0c0c0;}
.badgeborder {position: absolute; top: 0; left: 0; width: 400px; height: 300px; background: transparent; z-index: 5; display: none;}
.badgeartwork {position: absolute; top: 0; left: 0; width: 500px; height: 375px; background: transparent; z-index: 10;}
.badgefore {position: absolute; top: 150px; left: 50px; width: 200px; height: 100px; text-align: center; font-weight: bold; background: transparent; color: #000000; z-index: 15;}

.dragme{position:relative;}

.paymentlogos {text-align: center; margin: 25px 0;}
.memberships {text-align: center; margin: 25px 0;}

.cyclepanel {position: relative; z-index: 10; width: 621px; height: 200px; margin: 0; padding: 0; background: #ffffff; border: 1px solid #37468E;}
.cyclelides {position: relative; z-index: 10; width: 620px; height: 200px; margin: 0; padding: 0; overflow: hidden;}
.cycleslide {position: relative; z-index: 10; width: 620px; height: 200px; margin: 0; padding: 0;}

img.slide {float: left; width: 520px;}

.slideleft {float: left; width: 420px; height: 200px; margin: 0; cursor: pointer;}
.slidecontent {float: right; width: 180px; height: 200px; color: #37468E; background: #ffffff; margin: 0; padding: 10px; overflow: hidden;}
.slideheading {font-size: 22px; font-weight: bold; margin: 0 0 5px 0; padding: 0; text-align: center;}
.slidetext {font-size: 14px; margin: 0 0 5px 0; padding: 0; text-align: center; line-height: 1.8em;}
.slidelinktext {font-size: 14px; font-weight: bold; margin: 0 0 5px 0; padding: 0; text-align: right;}

a.slidelink:link {color: #37468E; text-decoration:none;} 
a.slidelink:visited {color: #37468E; text-decoration:none;} 
a.slidelink:hover {color: #37468E; text-decoration:underline;}
a.slidelink:active {color: #37468E; text-decoration:none;}

#slide1 {z-index: 10; background: #ffffff url('images/home_1.jpg') center left no-repeat;}
#slide2 {z-index: 10; background: #ffffff url('images/home_2.jpg') center left no-repeat;}
#slide3 {z-index: 10; background: #ffffff url('images/home_3.jpg') center left no-repeat;}

#cyclenav {position: absolute; z-index: 15; bottom: 0; right: 0; margin: 0; font-size: 0.7em; height: 15px;}
#cyclenav a {color: #ffffff; padding: 2px 5px; margin: 0 1px; text-decoration: none; background: #444444; border: 1px solid #999999;}
#cyclenav a:hover {color: #000000; padding: 2px 5px; margin: 0 1px; text-decoration: none; background: #888888; border: 1px solid #999999;}

#leftarrow {position: absolute; z-index: 11; top: 75px; left: -15px; width: 25px; height: 45px; margin: 0; padding: 0;}
#rightarrow {position: absolute; z-index: 11; top: 75px; right: -15px; width: 25px; height: 45px; margin: 0; padding: 0;}
#uparrow {position: absolute; z-index: 11; top: 5px; left: 30px; width: 80px; height: 45px; margin: 0; padding: 0;}
#downarrow {position: absolute; z-index: 11; bottom: 35px; left: 30px; width: 80px; height: 45px; margin: 0; padding: 0;}
#leftarrow a {text-decoration: none;}
#rightarrow a {text-decoration: none;}
#uparrow a {text-decoration: none;}
#downarrow a {text-decoration: none;}

.strappanel {position: absolute; z-index: 15; bottom: 0; right: 0; width: 100%; height: 35px; margin: 0; padding: 0; text-align: right; color: #ffffff;}
	/* background: #000000; filter:alpha(opacity=35); -moz-opacity:35%; opacity: 0.35; */
.strapcontent {position: absolute; bottom: 5px; right: 5px; z-index: 16; margin: 5px; padding: 0; color: #ffffff; font-weight: bold;}

a:focus {outline: none;}