
	/* tags */
		
		* {margin:0;padding:0; font-size:small;}
		body {background:#535353; line-height:150%; font-family:Lucida Grande, Helvetica, Arial,san serif; }
		h1 {margin:10px 0px; font-size:180%; line-height:normal;}
		h2 {margin:10px 0px; font-size:140%;}
		
	/* core structure */ 
		
		#container {width:950px; margin:0 auto;}
		#wrapper {float:left; margin:10px;}
		#header {margin:10px 0px; float:left; width:930px;}
		#pagebody {margin-top:10px; float:left; width:930px; }
		/*#pagebody div {border:1px solid #fff;}*/
		.navigation {width:100%; background:#535353; float:left;}
		#leftcol {float:left; width:160px;}

		#maincol {float:left; width:540px; margin:0 20px; _margin:0 10px 0px 15px;}
		#maincolwide {float:right; width:750px; _width:740px; margin:0 0px 0px 20px; _margin:0 0px 0px 15px;}
		.centersection {float:left; width:100%; margin-bottom:10px; background:#fff;}
		
		
		#rightcol {float:left; width:180px; _float:right;}
		.bodytext {padding:1px; float:left; width:96%; min-height:300px; _height:300px; padding:2%; }
		.bodytexthp {padding:5px;min-height:300px; _height:300px; margin:0 auto; width:500px;}
		#pagecontents {}
		#pagecontents ul {margin-left:20px;}
		#pagecontents ul li {margin-left:20px !important;}
		.bodytextbottom {clear:both; float:left; width:525px;margin-top:10px;}
		.bodytextfooter {width:100%; clear:both; background:#C0CCCA; padding:5px 0px; margin-top:5px; font-size:120%; font-weight:bold; float:left; text-align:center; color:#666;}
		#footer {clear:both;float:left; width:930px; text-align:center;}
		
	/* IDs */
		
		#logo {margin-left:-5px;}
		#address {margin-top:50px; text-align:right; font-size:10px; color:#fff; line-height:normal; float:left; width:100%;}
		#crest {float:right; margin-top:10px;}
		#searchbox {float:left; width:180px; background:#fff; padding:1px;}
		#searchbox form {margin:0 auto; padding:0;}
		#searchinput {width:140px; margin:0; padding:3px; border:none; float:left;}
		#searchbutton {margin:0px;float:right; border:0px; background:#EEBF00; cursor:pointer;}

		#hotspot {width:300px; float:right;background:#fff;border:1px dotted #6C7C8B; }
		#hotspot h1 {background: #C0CCCA; padding:10px 5px; font-size:16px; font-weight:bold; margin:1px;}
		#hotspot dl {width:300px; float:left;}
		#hotspot dl dd {width:70px; float:left;}
		#hotspot dl dt {margin-left:10px; width:220px;float:left; font-size:80%;}
		
		#breadcrumb * {font-size:10px;}
		#breadcrumb a {color:blue;}
	/* classes */ 
		
		
		.bodytext img {margin:5px;}
		.bodytext ul {margin:10px 5px 10px 5px; list-style:none;}
		.bodytext ul li {list-style:none; background:url(../images/arrow-yellow-white.gif) no-repeat left 0.3em; padding-left:20px;}
		
		.navigation ul {float:left; display:block; width:100%;}
		.navigation ul li {float:left; list-style:none; margin-right:4px; text-transform:uppercase;}
		.navigation ul li a {background:url(../images/tab-grey.png) no-repeat top center #AEAEAE; width:104px; padding:1px 0px 1px 0px; float:left; text-decoration:none; color:#666; text-align:center;  font-size:11px; font-weight:bold;}
		.navigation ul li a:hover {color:#000;}
		.navover {background:url(../images/tab-white.png) no-repeat top center  #fff !important; color:#000 !important;}
		
		
		.navigationagain ul {float:left; display:block; width:100%; background: #535353;}
		.navigationagain ul li {float:left; list-style:none; margin-right:1px; text-transform:uppercase;}
		.navigationagain ul li a {background:url(../images/tab-grey-mid.gif) no-repeat top center #AEAEAE; width:133px; padding:1px 0px 1px 0px; float:left; text-decoration:none; color:#666; text-align:center;  font-size:11px; font-weight:bold; cursor:pointer; line-height:normal;}
		.navigationagain ul li a:hover {color:#000;}
		.navoveragain {background:url(../images/tab-white-mid.gif) no-repeat top center  #fff !important; color:#000 !important;}
		
		
		#navnomargin {margin-right:0px;}
		
		#subnav {margin-top:20px; float:left; width:100%;}
		#subnav ul {list-style:none;  }
		#subnav ul li {padding:0; margin:0; width:140px; border:0px solid #535353; display:block; clear:left;}
		#subnav ul li a {font-size:90%; text-decoration:none; text-align:right; float:left; width:100%; color:#949494; padding:5px 15px 5px 2px; border-bottom:1px solid #949494;}
		#subnav ul li a:hover {color:#fff; background: url(images/yellow-arrow-on-grey.gif) no-repeat right 0.9em;}
		.subnavover {color:#fff !important; background: url(images/yellow-arrow-on-grey.gif) no-repeat right 0.9em ;}
		.box {float:left; background:#fff;border:1px dotted #6C7C8B; margin:5px 0px; padding:0px; width:180px;}
		.box h1 {background: #C0CCCA; padding:10px 5px; font-size:16px; font-weight:bold; margin:1px;} 
		.topbottomdl {float:left; margin:5px; width:170px; display: inline; }
		.topbottomdl dd {float: left; width: 100%;}
		.topbottomdl dt, .topbottomdl h3 {float: left; width: 100%;}
		
		.sidesdl {margin:5px;width:170px; float:left;}
		.sidesdl dd {width:100%; text-align:center; margin:5px 0px;}
		.sidesdl dt {width:100%; line-height:140%; float:left; font-size:10px !important; margin:5px 0px; }

		.readmore {font-size:12px !important; text-decoration:none; color:#000; font-weight:bold; background: url(../images/arrow-yellow-white.gif) no-repeat right 0.3em; padding-right:15px; clear:both; float:right; margin:5px; line-height:normal;}
		.readmore:hover {color:#EEBF00;}
		
/* product range */ 
#thumbrows {margin:0 auto; padding:0; border-spacing: 0;}	
#thumbrows td {margin:0px; padding:2px; background:#fff; vertical-align:top; }
.endrow {margin-right:0px !important; text-align:center;}
#thumbrows td a {border:2px solid #EEBF00; color:#fff; font-size:85%; font-weight:bold; background:#EEBF00;  margin:0; cursor:pointer; float:left; width:127px; text-align:center; text-decoration:none; color:#000;}	
#thumbrows td a:hover {color:#fff;}
#thumbrows td a img {margin:0; float:left;border:1px solid #fff; width:125px; height:125px;}
#thumbrows td a span {float:left; width:100%;border-top:1px solid #6C7C8B; margin-top:1px; min-height:35px; _height:35px; font-size:11px; line-height:normal; padding-top:5px;text-transform: capitalize;}

.clearcell {float:left; width:100%; clear:both; margin-bottom:5px;}

#productthumbnail { float:left; margin:5px 20px 5px 0px; border:#EEBF00 2px solid;}
#productthumbnail img {padding:0 !important; margin:0; float:left;}
#productdescription {float:left; width:520px;}
#productdata {width:100%;border:1px dotted #CCC;}
#productdata tr {font-size:11px;}
#productdata tr th{background:#C0CCCA; font-size:11px; text-align:center; vertical-align: top;}
#productdata tr td{text-align:center; font-size:11px; vertical-align: top;}

#thumbcell {width:100%; clear:both;}

#productdatanarrow {width:680px;border:1px dotted #CCC; margin:5px auto;}
#productdatanarrow tr {font-size:11px;}
#productdatanarrow tr th{background:#C0CCCA; font-size:11px; text-align:center; vertical-align: top;}
#productdatanarrow tr td{text-align:center; font-size:11px; vertical-align: top;}


.newsblock {float:left; clear:both; width:480px; margin:5px 0px;}
.news-date {float:left; text-align:center; background:url(../images/calendar-top.jpg) repeat-x #990000; border:2px solid #CCC; color:#fff; font-weight:bold; font-size:10px; width:50px;}
.news-date span {padding:5px 5px; background:#fff; width:40px; float:left; text-align:center; color: #000;}

.news-title {margin-left:5px; float:left; font-size:110%; font-weight:bold; width:410px;}
.news-action {margin-left:5px; float:left; width:410px; text-align:right; }
.newsbreaker {width:100%; clear:both;border:1px dashed #ccc;}

/* home page columns for categories */ 
.hpright {float:right; margin;5px;}
.tab {width:100%; float:left;}
.tab ul {margin:10px 5px 10px 25px; list-style:none;}
.tab ul li {list-style:none; background:url(../images/arrow-yellow-white.gif) no-repeat left 0.3em; padding-left:20px;}


.hpcatcols {list-style:none; float:left; width:220px; margin:10px 20px 0px 0px !important; padding:0;}
.hpcats {float:left; width:100%;margin:0; padding:0;}
.hpcats li {background:none !important; padding:0!important;}
.hpcats li a {color:#000 !important; text-decoration:underline !important;}
.cattitle {color:#000; text-decoration:underline;} /* padding-left:15px; background: url(../images/arrow-yellow-white.gif) no-repeat left !important; */
.cattitle:hover {color:#EABF00;}
.subcats {list-style:none; margin:0px !important;}
.subcats li {width:100%; background:none !important; padding-left:0 !important; margin-left:0 !important;} /* margin-left:15px;*/
.subcats li a{background:none; font-size:10px; }
.subcats li a:hover {color:#EABF00;}

/* product listing bits */ 

.catbox {width:100%; float:left; clear:both;}
.thumbox {width:680px; margin:0 auto; clear:left;}
.databox {width:680px; margin:0 auto; clear:left;}

/* Brochure Form */

#brochureform {float: left; width: 470px; margin-top: 20px; _margin-top: 20px;}
#bform {float:left;}
#brochureform textarea, label, .ui {margin: 5px 20px 10px 20px; float: left;}
#brochureform label {width: 100px; text-align: left;}
#brochureform table {width: 430px; height: 600px; }
#brochureform tr {width: 450px;}
#brochureform tr {text-align: center; }
#brochureform img {border:1px solid #000;}


.ui {height: 20px; _height: 20px;}
.button {width: 100px !important; height: 25px !important; margin-left: 170px; }
.submitbutton {}
dd { float: left; width: 100%;}
.red {color: #FF0000;} 

.listtable tr td  {padding:5px;}
.tablelabels td {background-color: #eee; color:#000; font-weight:bold;}
#advert {padding-top:55px; float:left;}