body {
	text-align: 		center;
	background:			url(images/backgrad.jpg);
	background-repeat:	repeat-x;
	background-color:	#a2dcea;
	behavior: 			url("/styles/csshover3.htc");
	font-family:		arial;
	font-size:			12px;
	color:				#333333;
}
h1 {
	font-size: 22px; 
	color:#fe860b;
}
h2 {
	font-size: 17px; 
	color:#fe860b;
}
h3 {
	font-size: 15px; 
	color:#0e4e8c;
}
#wrapper {
width: 		990px;
text-align: left;
margin: 	0 auto;
}

#productInfo{max-width:570px;}
#productInfo td{vertical-align:top;}
#prodline{color:#FF0000; font-weight:bold;}
#productInfo .enquire{font-size:10px;}
#productInfo .enquire h2{font-size:14px; padding: 0 0 5px 0; margin:0; color:#FFF;}
#productInfo .enquire{background:#1F526D; color:#FFF;}
#productInfo .enquire input{font-size:10px;}
#productInfo .itemDesc h1{font-size:15px; padding:0 0 5px 0; margin:0;}
#productInfo .addToCart{background:#ebebeb; color:#000;}
#productInfo .addToCart input{font-size:10px;}
#productInfo .itemName h2{font-size:18px; font-weight:bold; color:#FF860B;}
#productInfo .addToCart h2{font-size:14px; padding: 0 0 25px 0; margin:0; color:#000;}
#productInfo .itemDesc{}

.prodInfoTable{
	width: 660px;
}
.prodInfoTable h1 {
	margin: 0 0 10px 0;
	background-color: #fe860b;
	color: #ffffff;
	font-weight: normal;
	padding: 3px 0 3px 10px;
}
#enquireForm {
	background-color: #f2f6f9;
}
#enquireTable th {
	padding: 5px 0 6px 10px;
	width: 80px;
}
#enquireTable td {
	padding: 5px 0 6px 0;
	width: 220px;
}
#enquireTable input, #enquireTable textarea {
	border: 1px solid #084989;
	font-size: 12px;
	width:210px;
	height: 17px;
}
#enquireTable textarea {
	height: 50px;
}
#enquireTable .enquireButton {
	background-color: #fe860b;
	width: 120px;
	height: 25px;
	padding: 4px 0 5px 0;
	color: white;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 7px;
}
#enquireTable .error {
	color: red;
	font-size: 11px;
}
#enquireTable span.required {
	color: red;
	font-size: 11px;
}
#itemDesc2 {
	width: 660px;
}
#SpecTable {border: 1px solid #105191; margin-bottom: 15px;}
#SpecTable td, #SpecTable th {padding: 3px; font-size: 12px;}
#SpecTable .top th { background-color: #105191; color: white; padding: 3px; text-align: center;}
#SpecTable tr.on, #SpecTable tr.on {background-color: #e7ecef;}
#SpecTable td.header {font-weight: bold;}

.cartdetailsheader {font-weight: bold;}
table.checktable,table.carttable{width:570px; border:1px solid black; margin-bottom:10px;}
table.checktable th, table.carttable th{background-color:#FD8608; color:#FFF; font-weight:bold; font-size:13px; padding: 5px;}	
table.checktable td,table.carttable td{padding:5px; padding-bottom:10px;}

.OrigPrice {color: black; text-decoration: line-through;}

.carttotaltext{font-weight:bold; text-align: left;}
.carttotal_value{font-weight:bold;}

.carthead_desc{width:250px;}
table.carttable .carthead_desc{width:410px;}
.carthead_actions{width:160px; text-align: center; padding: 3px 0;}
.carthead_subtotal{width:100px; padding-left: 5px;}
.carthead_qty{width:80px; padding-left: 5px; text-align: center;}
.cartbody_qty_off, .cartbody_qty_on{text-align: center;}
.cartbody_price_off, .cartbody_price_on{text-align: right; padding-right: 10px;}
.carthead_price{width:100px; text-align: right; padding-right: 10px;}

#CCardErrorBox {background-color: #fcfcb8; border: 1px solid black; padding: 10px;}
#CCardErrorBox .ErrorHeader {
	text-align: center;
	font-size: 20px;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}
#CCardErrorBox .ErrorMsg {
	text-align: center;
	font-size: 16px;
	color: red;
	font-weight: bold;
	display: block;
}

.ProductTable div{}
.ProductBox {
	width: 330px;
	border: 1px solid #ff7c00;
	margin-bottom: 15px;
	background-color:#e5f7fb;
	
}
.ProductImage{
	padding:15px;
	background-color:#FFF;
	height:200px;
	text-align: center;
	}
.ProductImage img{
	max-height:170px;
}
.ProductHeader{
	padding-left:15px;
	height:30px;
	color:#033c5a;
	padding-bottom:10px;
	font-weight:bold;
	font-size:17px;
	background-color:#ffffff;
	
}
.ProductDetails{
	padding:3px 15px 3px 15px;
	background-color:#e5f7fb;
	font-size:12px;
	height: 180px;
}
.ProductDetails h1{
	font-size:17px;
}
.PriceLine{
	margin-left: 15px;
	margin-right: 15px;
	padding:3px 0 10px 0;
	background-color:#e5f7fb;
	font-size:15px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #043c57;
}
.buttTable {
	margin-bottom: 10px;
}	

.buttTable td {
	padding-left:25px;
	padding-right: 25px;
}
#topRow{
	background:url(images/topRow.jpg);
	background-repeat:no-repeat;
	background-color:#FF860B;
	border-right:3px solid #033c5a;
	border-bottom:1px solid #FF860B;
}
#pagination{min-height:30px;}
#pagination table{text-align:right; width:550px;} 
#pagination .pageI a{text-decoration:none; color:#033c5a;}
	.currentOffset{color:#033c5a; font-size: +1}
	.prev a{color:#033c5a;}
	.next a{color:#033c5a;}
#pagination a:hover{color:#FFF;}
#showCats{		border-left:1px solid #FF860B; background:#FFF;}

.topcol1{
	border-right:1px solid #FF860B;
	width:283px;
	background-color:#ebebeb;
}
.btmcol1{
	width:283px;
	border-right:1px solid #FF860B;
}
.topcol2{ width:286px; background-color:#ebebeb; }
#productSpace{
	background:#FFF;
	height:10px;
	width:283px;
}
#productBottom{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	height:2px;
	background-color:#a6cfe4;
}
.ProductPriceLine{
	background-color:#ebebeb;
	padding:5px 10px 5px 15px;
	color:#033c5a;
	font-weight:bold;
	font-size:14px;
}
.ProductPriceLine hr{
	color: #84a6b8;
	background-color: #84a6b8;
	height: 1px;
}
.ProductButtonLine{ background-color:#ebebeb; padding:5px 15px 5px 15px;}
	

.PageHeader{font-family:arial; font-size:20px; color:#033c5a;}

  
#bgbox {background:url(images/content-top.jpg) left top no-repeat #ffffff; padding-top:10px; clear:both;}
#Basket {
	height: 			25px;
	color : 			#000000;
	font-family : 		arial, verdana;
	font-weight : 		bold;
	font-size : 		11px;
	padding-top : 		3px;
	position:absolute;
	text-align:right;
	width:780px;
}

#topstrip {
	height: 			25px;
	color : 			#000000;
	font-family : 		arial, verdana;
	font-weight : 		bold;
	font-size : 		11px;
	padding-top : 		3px;
	position:absolute;
	text-align:right;
	width:780px;
}
.Basket {
	float:				right;
	height:				18px;
	color : 			#000000;
	font-family : 		arial, verdana;
	font-weight : 		normal;
	font-size : 		12px;
	text-align : 		right;
	padding-right: 		10px;
	padding-top: 		2px;
}
#topstrip .Basket a, #topstrip .Basket a:link, #topstrip .Basket a:visited, #topstrip .Basket a:active {
	color : 			#000000;
	font-family : 		arial, verdana;
	font-weight : 		bold;
	font-size : 		12px;
	text-decoration: 	none;
}
#topstrip .Basket a:hover {
	color : 			#0066ff;
	font-family : 		arial, verdana;
	font-weight : 		bold;
	font-size : 		12px;
}
#header {width: 990px; height:273px; position:relative;}
	#slider {height:265px; width:66px; position:absolute; left:279px; background:url(images/slider.jpg) left top no-repeat;}
	#logo { float:left;}
	#splash { margin-top:26px; float:right; z-index:1; position:absolute; right:0;}
#left {width:280px; float:left; background:url(images/left-bg.jpg) left top repeat-x #146aaf; margin-top:22px; }
#middle {
	width: 685px;
	float: right;
	padding: 0 10px;
	background-color:#FFF;
	min-height:400px;
	font-size: 10pt;
}
#navigation{float:right; width:680px; margin-top:232px; text-transform:uppercase;}
#footer {
	clear: both;
	background:#fe860b;
	text-align:center;
	font-size:12px;
	padding:15px 0px;
	color:#000;
}
#footer a:link, #footer a:visited{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
  
/***************************************************************************/
/* WORKING DROPDOWN CSS:
/***************************************************************************/

#menu { text-align:left;}
#menu h2 {margin:0px; font-weight:normal;}
#menu ul { list-style: none; margin: 0; padding: 0;}
#menu li {position:relative; background:url(images/li-left.jpg) left top no-repeat; padding-left:5px; float:left; margin-right:6px;}
#menu a{
color:#ffffff;
background:url(images/a-right.jpg) right top no-repeat;
font-size:15px;
display: block;
text-decoration:none;
padding: 8px 12px 8px 8px;
}
#menu a:hover {color: #ff860b;}
#menu ul li ul{ min-width:150px; background:#0e4e8c;}
#menu ul li ul li{ background:none; padding:0px; float:none; }
#menu ul li ul a{ background:none; padding:6px 0px; color:#fff; font-size:12px; white-space:nowrap; border-bottom:1px dotted #ffffff; width:auto;}
#menu ul li ul a:hover{}
#menu ul ul ul {position: absolute; top: 0; left: 100%;}
#menu ul ul {position: absolute; z-index: 500; left:0; }

#menu ul ul ul * {display:none;}

div#menu ul ul {display: none; padding:5px;}
div#menu ul li:hover ul{display: block; }

div#menu ul ul, 
div#menu ul li:hover ul ul, 
div#menu ul ul li:hover ul ul {display: none;}

div#menu ul li:hover ul{display: block;}

#Error_Panel {margin-top: 20px;color: red;font-weight: bold;text-align: center;}
.Error_Code {font-size: 20px; text-transform: uppercase;}


a.boldbuttons{
background: transparent url('images/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('images/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
ul#Catmenu, ul#Catmenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 280px;
}

ul#Catmenu a {
  display: block;
  text-decoration: none;	
}

ul#Catmenu li {
  margin-top: 1px;
}

ul#Catmenu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#Catmenu li a:hover {
  background: #000;
}

ul#Catmenu li.current a {
  background: #fe860b;
  color: #000;	
  padding: 0.5em;
}

ul#Catmenu li.current a:hover {
  background: #000;
  color: #fff;
}

ul#Catmenu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#Catmenu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

ul#Catmenu li ul li.current a {
  background: #ffc78f;
  color: #000;
  padding-left: 20px;
}

ul#Catmenu li ul li.current a:hover {
  background: #fe860b;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.pagination {
	border-left: 		0;
	border-right: 		0;
	font-size: 			13px;
	text-align: 		right;
}

.pagination:hover, .pagination_bottom  {
	background-color: 				#ffffff;
}
div.pagination {
	padding: 2px;
	margin: 8px 20px 8px 0;
}
div.pagination a {
	font-family: Tahoma,Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding: 2px;
	margin: 2px;
}
div.pagination a:hover, div.pagination a:active {
	color: #000;
	text-decoration: underline;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	color: #000;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #DDD;
}