body {
   font:100% arial;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}


/*Color start ----------*/
a,
.treenode,
.minishoppingcart,
.sidemenubasket {
	color: #000000;
}

p,
a:hover,
.totalbasketlines,
.basketgrandtotal,
.regformhelpbody h2,
.total-label,
.total-value,
singlemenuitem,
.loginheader {
	color: #000000;
}

.categorysinglemenu,
h2,
h3 {
   color: #990002;
}

.sidemenutitle {
	color: #FFFFFF;
}


.currencyformlabel,
{
	color: #ff9900;
}

.ProductsGroupListTitle a {
	color: #0000ff;
}

.ProductsGroupDetailImage,
.regformhelpbody,
.resultsbox,
#footer,
.purchaseform {
	background-color: #ffffff;
}

.purchaseformlabelerror,
.regformlabelerror, 
.payformlabelerror,
.errortext {
	color: #ff0000;
}	

.basketproductdescriptiontitle,
.basketproductdescriptiontitlesummary,
.basketproductpricetitle,
.basketproductlinetotaltitle,
.basketproductqtytitle,
.basketproductupdatetitle,
.basketproductdeletetitle,
.basketproductoptionstitle,
.totalbasketlines,
.custorderlist h1 {
	color: #ffffff;
}
/*Color end ----------*/

#container {
	clear: both;
	width: 800px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#headerimage {
   float: none;
	margin: 0px 0px 0px 0px;
}

.minishoppingcart {
   float: left;
	width: 138px;
	text-align: left;
	font-size: 80%;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 75%;
	background-color: #feecd6;
}


#minishoppingcart a {
   color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#minishoppingcart a:hover {
   color: #ff9935;
}

#loginheader {
	font-size: 70%;
	width: 138px;
	float: left;
	padding: 5px 5px 5px 5px;
	background-color: #feecd6;
}


.TabMainMenu {
 float: left;
  height: 20px;
  width: 100%;
  padding: 3px 0px 3px 0px; 
  margin: 0px 0px 0px 0px; 
  background-color: #990002;
  vertical-align: middle;
}	


.TabMainMenu ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

.TabMainMenu li {
	float: left;
	padding: 2px 4px 2px 17px;
	margin: 0px 0px 0px 0px;
	background: url(/resources/images/main_menu_bullet.gif) 5px 7px no-repeat;
}

.TabMainMenu a {
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.TabMainMenu a:hover {
	text-decoration: underline;
}

.TabMainMenu img {
	border: none;
	vertical-align: bottom;
}

.crumbtrail {
   	float: left;
	font-size: 70%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	border-left: 2px solid #808080;
}

.currencies {
	float: left;
	width: 300px;
	text-align: left;
	height: 30px;
}

.currencies option {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	font-size: 100%;
}

.currencyformlabel {
    float: left;
    font-weight: bold;
	font-size: 140%;
	margin: 2px 5px 15px 0px;
}

a {
    color: #ff9935;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

#content {
   float: left;
	width:100%;
	margin: 15px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
	background: url(/resources/images/content_bg.gif) repeat;	
	min-height: 400px;	
}

.leftColumn {
   float: left;
	width: 150px;
	background-color: #ffffff;
	margin: 0px 10px 0px 20px;
   padding: 0px 0px 0px 0px;
}

* html .leftColumn {
	margin: 10px 0 0 10px;
}

.middleColumn {
	float: left;
	width: 440px;
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	min-height: 500px;
}

*html .middleColumn {
  	height: 500px;	
	width: 406px;
	margin: 10px 0 0 10px;
}

.leftmiddleColumn {
	float: left;
	width: 600px;
	margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}

*html .leftmiddleColumn {
  	height: 500px;	
}

.rightColumn {
    float: left;
	width: 158px;
	margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
	
}

* html .rightColumn {
	margin: 10px 0 0 14px;
}

.rightColumn p {
  font-size: 11px;
  padding: 5px 5px 5px 5px;
  margin: 0px 0px 0px 0px;
}

.sidemenutitle, .productsgrouptitle {
   float: left;
	font-size: 80%;
	font-weight: bold;
	background-color: #990002;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 0;
	border-left: 8px solid #ff9935;
}

.sidemenutitle {
	width: 135px;
}

.productsgrouptitle {
   color: white;
	width: 430px;
	}

.sidemenubody {
   float: left;
	font-size: 75%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	background-color: #feecd6;
	width: 148px;
}

.checkoutprogress {
   	float: left;
	font-size: 75%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	width: 160px;
}

.sidemenubasket {
	font-size: 70%;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 5px 0px;
}

.sidemenubasketlistheaderqty, 
.sidemenubasketlistqty,
.sidemenubasketlistheaderdesc,
.sidemenubaskettotal,
.sidemenubasketlistdesc {
	float: left;
	padding: 0px 0px 2px 0px;
}

.sidemenubasketlistheaderqty, 
.sidemenubasketlistheaderdesc {
	font-weight: bold;
}

.sidemenubasketlistheaderqty,
.sidemenubasketlistqty {
	width: 25px;
}

.sidemenubasketlistheaderdesc,
.sidemenubasketlistdesc {
	width: 125px;
}

.sidemenubaskettotal {
   	margin: 4px 0px 5px 0px;
   	padding: 4px 0px 0px 0px;
   	width: 146px;
	line-height: 18px;
	text-align: center;
	border-top: 1px solid #808080;
}

.treenode {
    width: 145px;
	padding: 0px 2px 1px 2px;
	margin: 0px 15px 0px 0px;
	border-bottom: 1px solid white;
}

h1 {
	font-family: Arial;
	font-size: 18px;
	width: 97%;
	background: #ff9935 url(/resources/images/h1_background_right.gif) no-repeat right;
	color: #ffffff;
	margin: 0px 16px 5px 0px;
	padding: 4px 0px 4px 10px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	clear: both;
	margin: 0;
}

h3 {
	font-size: 80%;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

.DropDownList {
	font: 85% Arial;
	margin: 120px 0 0 0;
}

.ProductDescription {
	font: 85% Arial;
	clear: both;
}

/* Product Details */

.imagesection {
	float: left;
	width: 280px;
}

.purchasesection {
	float: left;
	padding: 5px;
	font-size: 70%;
	width: 280px;
	margin: 0px 5px 0px 5px;
}

.purchasesection  p {
	font-size: 100%;
}

.purchasesection  ul {
	margin: 0px 10px 0px 30px;
}

.purchasesection  li {
	font-size: 100%;
}

.Specifications, 
.Features {
	font: 75%;
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

.Specifications, 
.Features li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}

.Features {
	list-style-type: square;
	padding: 0 0 0 15px;
}

.ProductsGroupList {
  	float: left;
	font-size: 75%;
	width: 428px;
	padding: 2px 10px 0px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #eaeaf3;
	border-bottom: 1px solid silver;
}

.ProductsGroupImage {
   	float: left;
   	text-align:center;
	border: 1px solid #808080;
	padding: 10px;
	margin: 2px 15px 5px 5px;
}

*>.ProductsGroupImage{
	font-size: 10px
}

.ProductsGroupListDetails {
   	float: left;
	width: 430px;
}

.ProductsGroupListTitle {
  	float: left;
  	font-weight: bold;
  	font-size: 100%;
  	margin: 0px 0px 5px 0px;
}

.ProductsGroupListBody {
  	float: left;
  	font-size: 70%;
  	margin: 0px 0px 0px 0px;
}

.ProductsGroupListForm {
  	float: left;
  	padding: 0px;
	margin: 5px 0px 0px 0px;
	height: 30px;
	font-size: 100%;
	vertical-align: middle;
}

.ProductsGroupListForm select {
  	float: left;
   	margin: 0px 5px 0px 5px;
   	font-size: 100%;
}

.ProductsGroupListForm option {
  	font-size: 100%;
}

.ProductsGroupListForminput {
  	float: left;
   	margin: 0px 5px 0px 5px;
   	border: 1px solid silver;
   	font-size: 100%;
}

.ProductsGroupListFormInputImage {
  	float: left;
  	padding: 0px;
  	margin: 0px;
}

.ProductsGroupListLabel {
	float: left;
	margin: 2px 0px 0px 0px;
	font-size: 100%;
}

.ProductsGroupListImageButton {
  	float: left;
  	margin: 0px 0px 0px 0px;	
}

.ProductsGroupDetailImage {
   	float: left;
   	text-align: center;
	border: 1px solid #808080;
	margin: 5px;
	padding: 10px;
}


img.ProductImage{
	vertical-align: middle;
}

.ProductImageThumb {
   	float: left;
   	height:80px;
   	width:80px;
	margin: 5px 3px 5px 3px;
	padding: 2px;
	border: 1px solid #808080;
	text-align: center;
	vertical-align:middle;
}

/* Shopping Basket */

.basketproductdescriptiontitle,
.basketproductdescriptiontitlesummary,
.basketproductpricetitle,
.basketproductlinetotaltitle,
.basketproductqtytitle,
.basketproductupdatetitle,
.basketproductdeletetitle,
.basketproductoptionstitle,
.totalbasketlines {
	float: left;
	background-color: #990002;	
	margin: 0px;
	font-size: 70%;
	padding: 5px 10px 5px 10px;
}

.basketproductdescription,
.basketproductoptions,
.basketproductprice,
.basketproducttotal,
.basketproductqty,
.basketproductupdate,
.basketproductdelete {
	float: left;
	min-height: 25px;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 10px 5px 10px;
}

.basketqtyinput {
	font: 90% arial;
	border: 1px solid #808080;
	margin: 0px 0px -2px 0px;
}

.totalbasketlines {
	background-color: transparent;
}

.totalbasketlines, 
.basketgrandtotal {
	width: 95%;
	padding: 5px 10px 5px 10px;
}

.basketgrandtotal {
   	float: left;
	font-size: 90%;
	font-weight: bold;
}

.total-label {
	float: left;
	width: 360px;
	text-align: right;
	font-size: 12px;
}

.total-value {
	float: left;
	width: 79px;
	text-align: right;
	font-weight: bold;
}

.basketproductdescriptiontitle, 
.basketproductdescription {
	width: 290px;
}

.basketproductoptionstitle, 
.basketproductoptions {
	width: 80px;
}

.basketproductpricetitle, 
.basketproductprice {
   	text-align: right;
	width: 55px;
}

 .basketproductlinetotaltitle, 
 .basketproducttotal {
   	text-align: right;
   	width: 65px;
 }
 
.basketproductqtytitle, 
.basketproductqty {
   	text-align: center;
	width: 45px;
}

.basketproductupdate, 
.basketproductdelete, 
.basketproductupdatetitle, 
.basketproductdeletetitle {
   	text-align: right;
	width: 30px;
}

.basketproductupdate, 
.basketproductdelete {
	margin: 0px 3px 0px 2px;
}

.basketline {
   float: left;
	font-size: 12px;
	border-bottom: 1px solid #808080;	
}

.basketproducttotal {
	font-weight: bold;
}

hr {
	clear: both;
}

.clear {
	clear: both;
}

/*
#basket-total {
	float: right;
	background-color: #6766cc;
	color: #ffffff;
	width: 180px;
	height: 30px;
	margin: 0 2px 0 0;
}

* html #basket-total {
	margin: 0;
}

#basket-total h3 { 
	float: left;
	padding: 0;
	margin: 0;
	width: 95px;
	padding: 5px 0 5px 0;
	text-align: center;
	font-size: 80%;
}

#basket-total-cost {
	float: right;
	background-color: #e4e4e4;
	color: #6766CC;
	width: 80px;
	height: 20px;
	padding: 5px 0 5px 0;
	text-align: center;
	border-left: 4px solid #ffffff;
	font-weight: bold;
	font-size: 80%;
}*/

.categorysinglemenu {
	font-size: 80%;
	padding: 8px 0px 3px 10px;
	font-weight: bold;
	background-color: #feecd6;
}

.categorysinglemenu  a {
   color: black;
   text-decoration: none;
}

.singlemenuitem {
	font-size: 100%;
	padding: 1px 0px 2px 10px;
}

.singlemenuitem a {
   text-decoration : none;	
   color: black;
}

.pagemenu {
	padding: 1px 0px 2px 4px;
}

.pagemenuitem, .pagemenuitemselected {
	font-size: 75%;
}

.pagemenuitemselected {
	font-weight: bold;
}

.pagemenu a {
   text-decoration : none;	
}

.categorylink {
   	float: left;
	font-size: 75%;
	margin: 2px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
}

.categoryddl {
   	float: left;
	vertical-align: middle;
	padding: 4px 10px 5px 25px;
	background: #ffffff url(/resources/images/istyle.gif) no-repeat 2px -1px;
	margin: 0px 0px 0px 7px;
	font-size: 90%;
}

.categoryddl option {
	font-size: 100%;
	padding: 0px 5px 0px 2px;
	margin: 0px;
}

#footer, #copyright {
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	clear: both;
	text-align: center;
	padding: 3px 0px 0px 0px;
	font-size: 75%;
}

#footer {
	margin: 10px 19px 10px 19px;
	border: 2px solid #990002;
}

#footer a {
   color: black;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

*html #footer {
	margin-bottom: 0px;
}


.products-found {
	float: left;
	padding: 0px 0px 10px 0px;
	font-size: 75%;
}

.products-foundlabel {
   	float: left;
	width: 400px;
   	padding: 2px 0px 0px 0px;
}

.sort-bylabel {
	float: left;
   	padding: 2px 0px 0px 0px;
}

.sort-byddl {
   	float: left;
	font-size: 90%;
   	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
}

.sort-byddl option {
	margin: 0px;
	font-size: 100%;
}

.formclear {
	clear: both;
}

/* Purchase Form */

.purchaseform {
  	padding: 5px;
  	border: 1px solid #808080;
}

.purchaseformlabel,
.purchaseformlabelerror {
	float: left;
	width: 80px;
	padding: 5px;
	text-align: right;
	vertical-align: middle;
}

.purchaseforminput {
   	float: left;
	border: 1px solid #808080;
	font-size: 100%;
	margin: 3px 0px 0px 0px;
}

.purchaseformlabelerror {
	font-weight: bold;
}

.purchaseformprice {
   	float: left;
   	font-size: 120%;
	padding: 3px 5px 5px 2px;
	font-weight: bold;
}

.PurchaseFormInputImage {
  	float: left;
  	padding: 2px;
  	margin: 0px 0px 0px 5px;
}

/* Registration Form */

.stdformlabelerror {
	font-size: 12px;
}


.regformlabel,
.regformlabelerror,
.payformlabel,
.payformlabelerror {
	font-size: 12px;
	float: left;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

.regformlabel,
.regformlabelerror {
	width: 150px;
}

.payformlabel,
.payformlabelerror {
	width: 220px;
}

.regformcheckbox label {
	font: 12px arial;
	vertical-align: middle;
}

.regforminput {
	font: 75% arial;
	border: 1px solid #808080;
	margin: 2px 0px -2px 0px;
}

.regforminput option {
	font: 100% arial;
	padding: 0px 5px 0px 0px;
	margin: 2px 0px 0px 0px;
}

.regformlabelerror, 
.payformlabelerror {
	font-weight: bold;
}

.regformbody {
  float: left;
  width: 600px;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

.regformfields {
	float: left;
}

.regformhelp {
	float: right;
   	width: 30%;
	margin: 20px 5px 10px 5px;
}

.regformhelpbody {
   	float: left;
	width: 100%;
	border: 1px solid #808080;
	padding: 0px 0px 10px 0px;
   	margin: 0px 0px 20px 0px;
}

.regformhelpbody h2 {
	background-color: #e8e8e8;
	border-bottom: 1px solid #808080;
	margin: 0px 0px 10px 0px;
	font-size: 70%;
	padding: 4px;
	margin: 0px 0px 10px 0px;
}

.resultsbox {
	font: 75% arial;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
}

.resultsbox li {
	margin-left: 15px;
}

.errortext {
	font-weight: bold;
}

p {
	font-size: 80%; 
	padding: 2px 0px 5px 0px;
	font-family: arial;
	margin: 0px 0px 0px 0px;
}

ul {
	font-size: 80%; 
}

.ordersummaryaddress, 
.ordersummarydetails {
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	font-size: 12px;
}

.ordersummaryaddress {
	width: 45%;
}

.imgborder {
	border: solid 1px silver;
}

.image-right {
	float: right;
	padding: 0 0 0 10px;
}

.navbuttonleft {
	float: left;
	text-align: left;
}

.navbuttonright {
	float: right;
	text-align: right;
}

.navbuttons {
	padding-top: 5px;
	height:30px;
}

.custorderlist {
  	border-bottom: 1px solid silver;	
  	margin: 0px 0px 0px 0px;
  	height: 80px;
}

.custorderlist h1 {
  background-color: #ff9900;
  font-size: 80%;
  border: none;
  padding: 2px 2px 2px 2px;
}

.custorderview, 
.custorderdetails {
	float: left;
	padding: 5px 5px 5px 5px;
}


.documentlist, .documentlink {
   float: left;
	border: 1px solid #990002;
	background-color: #eaeaf3;
	margin: 2px 0px 2px 0px;  	
	padding: 3px 3px 3px 3px;
	font-size: 70%;
	min-height: 100px;
}

*html .documentlist, .documentlink{
	height: 100px;
}

.documentlist {
   width: 480px;
}

.documentlink {
   text-align: center;
	vertical-align: middle;
   width: 60px;
}

.searchbox {
	padding: 2px 0px 10px 0px;
	font-size: 80%;
}

.searchinput {
  float: left;
	font: 80%;
	border: 1px solid #808080;
}

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

.searchright {
   float: left;
	width: 153px;
	text-align: left;
	font-size: 85%;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #eaeaf3;
}

.blog {
	font-size: 90%;
   margin: 0px 0px 20px 0px;
}

.blog h2 {
   background-color: #990002;
   font-size: 110%;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #ffffff;
	border-top: 5px solid #0D0E3E;
}

.blogdate {
	font-size: 85%;
}

.blogcontent {
   margin: 0px 0px 0px 0px;
   padding: 5px 5px 5px 5px;
	font-size: 90%;
	background-color: #eaeaf3;
	border-bottom: 1px solid #0D0E3E;
}

.blogcontent p {
	font-size: 100%;
   padding: 5px 0px 5px 0px;
	}
	
.blogcomments {
  font-size: 90%;
  font-style: italic;
  padding: 5px 5px 5px 5px;
  margin: 0px 0px 0px 0px;
}

.blogcomments p {
  font-size: 100%;
}

.pageadmin {
	font-size: 90%;
   margin: 0px 5px 15px 5px;
	padding: 5px 5px 5px 5px;
	border: 1px solid silver;
	background-color: #eaeaf3;
}

.quickorder {
	font-size: 80%;
}

.quickorder td {
	border-bottom: 1px solid #0D0E3E;
	margin: 0px 0px 5px 0px;
}



.accountaddress {
	background-color: #feecd6;
	padding: 5px 5px 5px 5px;
	margin: 2px 2px 2px 2px;
}

.accountcommand {
	background-color: #feecd6;
	padding: 5px 5px 5px 5px;
	width: 30px;
	margin: 2px 2px 2px 2px;
}

.downloadlink {
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

.ordersummary th {
	font-size: 12px;
	background-color: #990002;
	color: #ffffff;
	font-weight: bold;
}

.ordersummary td {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.summaryline {
	background-color: #feecd6;
}

.helphover {
   padding: 0px 0px 0px 0px;
   margin:  3px 0px 0px 0px;
	width: 20px;
	font-size: 12px;
}

a.question{
    position: relative;    		/*this is the key*/
    z-index: 24; 
    background-color: #ffffff;   /* background colour of display text */
    color: #000000;              /* colour of display text */
    border: none;     			 /* border colour */
    text-decoration: none;
 }

a.question:hover {
    z-index: 25; 
    background-color: #fffffe;
}

a.question .hover-text {
    display: none;  /* hide the span text using this css */
    text-decoration: none;
}

a.question:hover .hover-text { /*the span will display just on :hover state*/
    z-index: 25; 
    display: block;
    position: absolute;
    top: 0px;
    left: 20px;
    width: 290px;
	min-height: 50px;
    border: 1px solid silver; /* border colour */
    background-color:#ffffee; /* background colour here */
    color: #000000;         /* text colour */
    text-align: left;
    font-size: 90%;
	padding: 5px 5px 5px 5px;
    text-decoration: none;
}