@charset "utf-8";
	body {
		background: #333333;
		padding:0px;
		margin:0px;
		color:#CCCCCC;
	}
	#frame {
		position:relative;
		left:50%;
		width:950px;
		padding:164px 0px 0px 0px;
		margin:10px 0px 0px -475px;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:150%;
		text-align:left;
		z-index:2;
		background:#111111;
	}
	#main {
		position:relative;
		width:700px;
		margin-left:200px;
		padding:50px 25px 80px 25px;
		background:#1C1C1C url(../images/graphic_main_back01.jpg) top left no-repeat;
		line-height:150%;
	}
	#main a {
		color:#0099FF;
	}
	#main a:hover {
		color:#FF0066;
	}
	/*--------------- TOP ----------------*/
	#header {
		position:absolute;
		top:0px;
		left:0px;
		width:950px;
		height:140px;
		background:#000000 url(../images/top_image.jpg) no-repeat top left;
	}
	#logo {
		position:absolute;
		top:30px;
		left:32px;
	}
#banner01 {
	position:absolute;
	top:26px;
	left:457px;
	height:80px;
	width:468px;
}
#banner01 img {
	border:0px;
}
	/*--------------- NAV1 ----------------*/
	#nav1 {
		position:absolute;
		left:0px;
		top:130px;
		width:950px;
		height:33px;
		background:#000000 url(../images/nav01_back.jpg) repeat-x top left;
		border-top:#666666 1px solid;
		border-bottom:#000000 1px solid;
	}
	#nav1 a {
		display:inline-block;
		color:#0099FF;
		font-size:11px;
		margin: 1px 0px 0px 15px;
		height:19px;
		text-decoration:none;
	}
	#nav1 a:hover {
		background-color:#0099FF;
		color:#000000;
	}
	a.nav1link1 {
		background:url(../images/icon_home.jpg) no-repeat top left;
		padding:8px 5px 4px 28px;
	}
	a.nav1link2 {
		background:url(../images/icon_history.jpg) no-repeat top left;
		padding:8px 5px 4px 22px;
	}
	a.nav1link3 {
		background:url(../images/icon_news.jpg) no-repeat top left;
		padding:8px 5px 4px 22px;
	}
	a.nav1link4 {
		background:url(../images/icon_support.jpg) no-repeat top left;
		padding:8px 5px 4px 22px;
	}
	a.nav1link5 {
		background:url(../images/icon_link.jpg) no-repeat top left;
		padding:8px 5px 4px 22px;
	}
	a.nav1link6 {
		background:url(../images/icon_contact.jpg) no-repeat top left;
		padding:8px 5px 4px 22px;
	}
	#tel {
		position:absolute;
		width:385px;
		height:54px;
		top:131px;
		right:0px;
		background:url(../images/telephone_no.jpg) no-repeat top left;
	}
	/*---------- left column ----------*/
	#leftCol {
		position:absolute;
		top:164px;
		left:0px;
		width:200px;
		background:#111111;
		padding:20px 0px 280px 0px;
	}
	#leftColGraphic {
		position:absolute;
		bottom:0px;
		left:0px;
		width:200px;
		height:260px;
		background:url(../images/graphic_left_nav_btm.jpg) bottom left;
	}
	#searchBox, #displayOptions {
		background:#171717 url(../images/icon_mag_glass.gif) no-repeat top right;
		border-bottom: 1px solid #000000;
		border-top: 1px solid #666666; 
		margin-top:20px;
		padding:2px 20px;
	}
	#searchBox {
		padding:2px 20px 12px 20px;
	}
	#displayOptions {
		background:#171717 url(../images/icon_cogs01.gif) no-repeat top right;
	}
	#displayOptions div {
		padding-bottom:10px;
	}
	#displayOptions div select, #displayOptions div input {
		width:160px;
	}
	#searchBoxHd {
		padding:5px 0px 7px 0px;
		font-size:14px;
		color: #999999;
	}
	#searchBoxLink {
		font-size:10px;
		padding:5px 0px;
	}
	#searchBoxLink a {
		color:#0099FF;
	}
	#searchBoxLink a:hover {
		color:#FF0066;
	}
	#search_box {
		width: 160px;
		height: 23px;
		background: url(../images/bg_search_box.gif) no-repeat top left;
	}
	#search_box #s {
		float: left;
		padding: 3px;
		margin: 0px;
		border: 0;
		width: 87px;
		background: none;
	}
	#search_box #go {
		float: right;
		margin: 0px;
	}
	#warranty {
		padding: 15px;
		text-align:center;
	}
	/*--- Menu ---*/
	.menuHd {
		position:relative;
		display:block;
		padding: 8px 20px 5px 20px;
		height:20px;
		background:#000000 url(../images/nav02_hd_bck.jpg) no-repeat top left;
		font-size:14px;
		color: #999999;
		height:20px;
		width:160px;
		border-bottom: 1px solid #000000; /* bottom boarder is required to stop display form jumping arround */
		border-top: 1px solid #666666;
	}

	ul.leftmenu a, .menuByronSelected {
		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height*/
		font-size:14px;
		font-weight:normal;
		color: #FFFFFF;
		text-decoration: none;
		text-align: left;
		border-bottom: 1px solid #000000; /* bottom boarder is required to stop display form jumping arround */
		border-top: 1px solid #444444;
	}
	.menuByron, .menuByronSelected {
		background:#171717 url(../images/nav02_byron_bck.gif) no-repeat top right;
	}
	.menuTrade {
		background:#171717 url(../images/nav02_trade_bck.gif) top left;
	}

	ul.leftmenu a:visited, ul.leftmenu a:active {
		color: #FFFFFF;
	}
	ul.leftmenu a:hover {
		background: #0099FF url(../images/icon_menu_arrow.gif) no-repeat center right;
		color: #000000;
	}
	ul.leftmenu a.menuTrade:hover {
		background: #C0ED00;
		color: #000000;
	}

	/* layout styles */
	
	/* remove standard HTML list indenting, and display as normal blocks */
	ul.leftmenu,
	ul.leftmenu li,
	ul.leftmenu a,
	.menuByronSelected { 
	  padding: 0px;
	  margin: 0px;
	  display: block;
	}
	ul.leftmenu a,
	.menuByronSelected { 
	  padding: 8px 20px 5px 20px;
	  height:20px;
	}
	
	/* use a fixed width for menu and submenus */
	ul.leftmenu {
	  width: 200px;
	  margin-bottom: 0px
	}
	/* make li's into clean, moveable blocks */
	ul.leftmenu li {
	  list-style-type: none; 
	  position: relative;
	}
	
	/* Make list items do what they're supposed to in IE */
	ul.leftmenu a,
	.menuByronSelected {
	  width: 160px;
	}
	/*------------ MAIN ------------*/
	h1 {
		font-weight:normal;
		font-size:28px;
		color:#FFFFFF;
		line-height:130%;
	}
	h2 {
		padding:3px 0px;
		margin:0px;
		font-weight:normal;
		font-size:18px;
		color:#FFFFFF;
		line-height:130%;
	}
	.white {
		color:#FFFFFF;
	}
	.error {
		color:#FF0000;
		font-weight:bold;
	}
	.infoTxt {
		color:#666666;
		font-style:italic;
		font-size:smaller;
	}
	.red {
		color:#FF0000;
	}
	#top {
		position:absolute;
		bottom:20px;
		right:30px;
		width:70px;
		height:25px;
		padding-right:16px;
		background: url(../images/icon_top.gif) no-repeat top right;
		text-align:right;
		z-index:1000px;
	}
	#top a {
		width:60px;
		display:block;
		height:18px;
		padding:4px 0px 3px 0px;
		color:#0099FF;
		font-weight:bold;
		text-align:center;
	}
	#top a:hover {
		color:#000000;
		background-color:#0099FF;
	}
	#back1, #back2 {
		position:absolute;
		width:36px;
		height:25px;
		padding-left:17px;
		background: url(../images/icon_back.gif) no-repeat center left;
		text-align:left;
		z-index:1000px;
	}
	#back1 {
		Top:220px;
		right:30px;
	}
	#back2 {
		bottom:20px;
		right:130px;
	}
	#back1 a, #back2 a {
		width:36px;
		display:block;
		height:18px;
		padding:4px 0px 3px 0px;
		color:#0099FF;
		font-weight:bold;
		text-align:center;
	}
	#back1 a:hover, #back2 a:hover {
		color:#000000;
		background-color:#0099FF;
	}
	#copyright {
		position:absolute;
		bottom:10px;
		left:35px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666666;
	}
	/*---------- image column ----------*/
	#imgCol {
		margin-top:0px;
		float:right;
		width:250px;
		padding:0px 0px 5px 20px;
	}
	.imgRow {
		padding-bottom:15px;
	}
	/*---------- map column ----------*/
	#mapCol {
		margin-top:0px;
		float:right;
		width:400px;
		padding:0px 0px 5px 20px;
	}
	/*------------ cBox --------------*/
	.cBox {
		position:relative;
		padding:4px;
		margin:40px 0px 0px 0px;
		background:#111111;
		border-top:1px solid #666666;
		border-bottom:1px solid #000000;
		color:#333333;
	}
	.cBoxRow {
		position:relative;
	}
	.cBoxHd {
		position:absolute;
		top:-20px;
		left:0px;
		
		height:18px;
		width:190px;
		padding:3px 20px 0px 5px;
		
		color:#FFFFFF;
		font-size:13px;
		text-align:center;
		background:url(../images/cBoxHd.gif) no-repeat top left;
		overflow:hidden;
	}
	.cBoxContent {
		position:relative;
		border-top:1px solid #000000;
		border-bottom:1px solid #666666;
		padding:6px;
		background:#FFFFFF;
	}
	/*------------ SUB CATS ------------*/
	#subcats {
		position:relative;
		margin-bottom:4px;
		padding:3px 3px 3px 3px;
		
		background:#1B1B1B;
		border-top:1px solid #000000;
		border-bottom:1px solid #666666;
		
		color:#999999;
		text-align:left;
		font-size:11px;
	}
	#subcats a {
		display:inline-block;
		background:#111111 url(../images/link_icon3.gif) center left no-repeat;
		padding:1px 2px 1px 21px;
		color:#CCCCCC;
		width:199px;;
		margin:1px 3px;
		text-decoration:none;
		font-size:11px;
		border-bottom:1px solid #000000;
		border-top:1px solid #666666;
	}
	#subcats a .darkGrey {
		color:#666666;
	}
	#subcats a:hover {
		background:#CCCCCC url(../images/link_icon3.gif) center left no-repeat;
		color:#111111;
	}
	#subcats a:hover .darkGrey {
		color:#444444;
	}
	/*------------ PRODUCTS ------------*/
	.prodRow {
		position:relative;
		height:102px;
		margin:10px 0px;
	}
	.prodItem {
		position:absolute;
		top:0px;
		height:102px;
		width:215px;
		font-size:11px;
	}
	.prodImg {
		position:absolute;
		top:0px;
		left:0px;
		height:100px;
		width:100px;
		border:1px solid #CCCCCC;
		background-color:#FFFFFF;
		vertical-align:middle;
		text-align:center;
	}
	.prodImg img {
		border:0px solid #00FF00;
	}
	.prodDetails {
		position:absolute;
		top:5px;
		left:110px;
		width:95px;
		line-height:125%;
	}
	#main .prodDetails a {
		font-size:12px;
		color:#0066FF;
	}
	#main .prodDetails a:hover {
		color:#FF0066;
	}
	.prodModel {
		margin-top:3px;
	}
	.priceOld {
		text-decoration:line-through;
		color:#888888;
		font-weight:normal;
	}
	.prodPrice {
		font-weight:bold;
		font-size:12px;
	}
	.prodPriceOld {
		color:#666666;
		text-decoration:line-through;
	}
	.prodPriceRRP {
		color:#999999;
		font-size:11px;
	}
	/*------------ Page Numbers --------------*/
	.pageNumTop {
		position:absolute;
		top:-20px;
		right:10px;
		
		width:460px;
		
		color:#999999;
		text-align:right;
		font-size:11px;
	}
	.pageNumBtm {
		position:relative;
		margin-top:4px;
		padding:3px 10px 3px 10px;
		
		background:#1B1B1B;
		border-top:1px solid #000000;
		border-bottom:1px solid #666666;
		
		color:#999999;
		text-align:right;
		font-size:11px;
	}
	.pageResults {
		float:left;
	}
	.pageResults strong, .pageSelected {
		color:#CCCCCC;
	}
	.pageNumbers a, .pageSelected {
		font-weight:bold;
		padding:0px 2px;
	}
	/*------------ FOOTER --------------*/
	#footer {
		position:relative;
		left:50%;
		width:952px;
		padding:20px 0px 200px 0px;
		margin:0px 0px 0px -476px;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		text-align:center;
		z-index:1;
		background: url(../images/graphic_btm_shadow.jpg) no-repeat top left;
	}
	#footer a {
		padding-left:10px;
		color:#999999;
	}
	#footer a:hover {
		color:#0099FF;
	}
	/* proDmedia */
	#prodmedia {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		line-height: 140%;
		position: relative;
		top: 70px;
		height: 50px;
	}
	#prodmedia a {
		text-decoration: none;
		color: #999999;
	}
	#prodmedia a:hover {
		color: #FF0044;
		text-decoration: underline;
	}