/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:375px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	

.customselect {

      /border: 0 !important;  /*Removes border*/
      /-webkit-appearance: none;  /*Removes default chrome and safari style*/
      /-moz-appearance: none; /* Removes Default Firefox style*/
     
	 background-color:#eeffee;
	       
      width: 220px; /*Width of select dropdown to give space for arrow image*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      /text-overflow: "";  /*Removes default arrow from firefox*/

      /*My custom style for fonts*/
	  font-family:arial;
font-size: 14px; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
    margin: 5; /* remove default margins */


      color: #1455a2;
}




BODY {
font-family: Verdana, sans-serif;font-size: 11px;; font-weight: normal;

scrollbar-track-color:#000000;  
scrollbar-base-color:#C9D4DA; 
scrollbar-shadow-color:#004477; 
scrollbar-arrow-color:#004477; 
scrollbar-darkshadow-color:#004477; 
scrollbar-highlight-color:#004477; 
}

.desctext {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333333;}
.desctext2 {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px;  color: #222222;}



.h1old {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FAAB00; line-height:10px; letter-spacing:1px }
h1 {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FAAB00; margin:1px;}
h2 {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #222255; margin:2px;}
h3 {  font-family: tehoma,Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #555555; margin:5px;}

.tableh1 {width:100%; background-image:url(images/tablebgtop2.gif);background-repeat:repeat-x;
font-family: verdana,Arial, Helvetica, sans-serif; font-size: 10px; 
}

.noborderinput {
border: none; 
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
width:380px; 
}

.bespoke {
font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight:bold; color:white; 
}

.smallsearch { font-family: Arial, Helvetica, sans-serif; font-size: 11px; width:135px; height:18px; line-height:12px;  }
 
.shadow {background-image:url(images/shad.gif);background-repeat:repeat-x;}
 

.textarea2 { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; width:150px; height:65px;}
.textarea3 { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; width:300px; height:65px;}
.textarea4 { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; width:600px; height:465px;}

hr {color:#FAAB00;}

.price { background-color:#ddddff; border:none; text-align:center; width:55px; height:19px; font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:green}
.vatprice { background-color:#ddddff; border:none; text-align:center; width:; height:10px; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:; font-style:italic; color:black}
.vat { background-color:transparent; border:none; text-align:left; width:30; height:15px; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:; font-style:italic; color:black}


.bigmake { background-color:#ffffff; border:none;  width:300px; font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:green}

.top {
font-family: Verdana, sans-serif;font-size: 11px;; font-weight: normal; color:#bbbbbb;}

.stdtext {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;   color: #222222;}
.stdtextold {font-family: Verdana, sans-serif;font-size: 11px;; font-weight: normal}
.stdtext2 {font-family: Verdana, sans-serif;font-size: 11px;; font-weight: normal; color:white;}
.stdtextsm {font-family: Verdana, sans-serif;font-size: 10px;; font-weight: normal; color:black;}
.stdtext3 {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px;   color: #222222;}


.subheaders {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000};
.subheaders2 {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }

.headersold {  font-family: verdana,Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #4499cc}

.headers {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000077;}

.tdlist {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal}
.tdblue {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; font-weight: normal}

.input2 { 
border-width: 2; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:180px; height:20px;
scrolling:no;
 }

.login { 
border-width: 2; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
width:120px; height:18px;
scrolling:no;
 }
.loginbutt { 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;
width:25px; height:18px; background-color:#DDFFDD; 
cursor:hand;
 }


.longinput { 
border-width: 2; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:300px; height:20px;
scrolling:no;
 }

.payinput { 
border-width:;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;
width:350px; height:25px; background-color:#DDFFDD; 
cursor:hand;
 }

.shipoptions { 
border-width:
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:180px; background-color:#FFFFAA; 
 }
 
.selsmall { 
border-width:
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:80px; background-color:#AAFFAA; 
 }
 
.smallsearchinput { 
border-width:
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:90px; background-color:; 
 }
 
.inputsm { 
border-width: 1; border-color:black; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:60px; height:20px;
scrolling:no;
 }
 
.inputtiny { 
border-width: 1; border-color:black; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:20px; height:18px;
scrolling:no;
 }

 
.delete { 
border-width:
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:50px; background-color:#FFAAAA; cursor:hand;
 }
 
 
.deletelg { 
border-width:
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:90px; background-color:#FFAAAA; cursor:hand;
 }
 
.add { 
border-width:
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:70px; background-color:#AAAAFF; cursor:hand;
 }
 
.update { 
border-width:
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
width:50px; background-color:#AAAAFF; 
 }


.stdbutton { 
border-width:
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; 
width:65px; background-color:#AAFFAA; 
 }
 
.request { 
border-width:
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; 
width:125px; background-color:#AAFFAA; 
cursor:hand;
 }
 
.boxborderlite {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
position: relative;
background: url(images/lightgrad3.jpg) repeat-x scroll center bottom;
BORDER: #aaaaaa 1px solid; 
}

.boxborderlite2 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
position: relative;
background: url(images/lightgrad3b.jpg) repeat-x scroll center bottom;
BORDER: #aaaaaa 1px solid; 
}

.boxborder3 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
position: relative;
background: url(images/lightgrad1.jpg) repeat-x scroll center bottom;
BORDER: #888888 1px solid; 
}


.boxborder4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
position: relative;
background: url(images/lightgrad3.jpg) repeat-x scroll center bottom;
BORDER: #888888 1px solid; 
}

.boxborder5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
position: relative;
background: url(images/lightgrad5.jpg) repeat-x scroll center bottom;
BORDER: #888888 1px solid; 
}

.boxborder6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
background-color:#ffffff;
position: relative;
background: url(images/lightgrad6.jpg) repeat-x scroll center bottom;
BORDER: #888888 1px solid; 
}
.boxborder6b {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
position: relative;
background: url(images/lightgrad6b.jpg) repeat-x scroll center bottom;
BORDER: #888888 1px solid; 
}
 
.boxborder7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
position: relative;
background: url(images/lightgrad7.jpg) repeat-x scroll center bottom;
BORDER: #888888 1px solid; 
}

.boxborderhigh {   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; 
background-color:#ffffff;
position: relative;
background: url(images/testbg2.jpg) repeat-x scroll center bottom;
BORDER: #888888 1px solid; 
}



.boxborder {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid;
}


.boxborderD {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
BORDER: #4444AA 1px dotted; 

}

.boxborderbg {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #000000 1px solid;
position: relative;
background: url(images/electronics-bg.jpg) no-repeat scroll right top;
}


.navborderold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#000000; 
BORDER-BOTTOM: #444444 1px inset; 
BORDER-LEFT: #bbbbbb 1px inset; 
BORDER-RIGHT: #aaaaaa 1px inset; 
BORDER-TOP: #dddddd 1px inset;
cursor:hand;
background-image:url(./images/button-bg.gif);
background-image:url(./images/button-bg-new.gif);
}

.navborder {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#eeeeee; 
BORDER: #777777 1px inset; 
cursor:hand;
background-color:#aaaacc;
background-image:url(./images/button-bg-new.gif);
}


.navborderSA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; 
BORDER-BOTTOM: #444444 1px inset; 
BORDER-LEFT: #bbbbbb 1px inset; 
BORDER-RIGHT: #aaaaaa 1px inset; 
BORDER-TOP: #dddddd 1px inset;
cursor:hand;
background-image:url(./images/button-bgSA.gif);
}

.navborderHSE {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; 
BORDER-BOTTOM: #444444 1px inset; 
BORDER-LEFT: #bbbbbb 1px inset; 
BORDER-RIGHT: #aaaaaa 1px inset; 
BORDER-TOP: #dddddd 1px inset;
cursor:hand;
background-image:url(./images/button-bgHSE.gif);
}


a.leftnav:link {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color:#333333;
text-decoration:none; 
}

a.leftnav:active {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color:#000055;
text-decoration:none;
}

a.leftnav:visited {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333;
text-decoration:none; 
}

a.leftnav:hover {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FF0000;
text-decoration:none; background-color:#FFE080;
}




a.nav:link {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:;color:#000055;
text-decoration:none; 
}

a.nav:active {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:; color:#000055;
text-decoration:none;
}

a.nav:visited {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:; color:#000055;
text-decoration:none; 
}

a.nav:hover {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:; color:#FF0000;
text-decoration:none;
}

 					 a.blacknav:link {font-family: Verdana, sans-serif;font-size: 11px; font-weight:;color:#000000;
					 text-decoration:none; 
					 }

					 a.blacknav:active {font-family: Verdana, sans-serif;font-size: 11px; font-weight:; color:#000000;
					 text-decoration:none;
					 }

					 a.blacknav:visited {font-family: Verdana, sans-serif;font-size: 11px; font-weight:; color:#000000;
					 text-decoration:none; 
					 }

					 a.blacknav:hover {font-family: Verdana, sans-serif;font-size: 11px;; font-weight:; color:#FF0000;
					 text-decoration:none;
					 }


a.nav2:link {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color:#0000cc;
text-decoration:none;
}

a.nav2:visited {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color:#0000cc;
text-decoration:none;
}

a.nav2:hover {ffont-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color:#cc0000;
text-decoration:none;
}

 					 a.nav3:link {font-family: Verdana, sans-serif;font-size: 11px;; font-weight: normal; color:#0000cc;
					 text-decoration:none;
					 }

					 a.nav3:visited {font-family: Verdana, sans-serif;font-size: 11px;; font-weight: normal; color:#0000cc;
					 text-decoration:none;
					 }

					 a.nav3:hover {font-family: Verdana, sans-serif;font-size: 11px;; font-weight: normal; color:#cc0000;
					 text-decoration:none;
					 }



a.mainnav:link {font-family: tahoma, sans-serif;font-size: 10px;; font-weight:; color:#333300;
text-decoration:none;
}

a.mainnav:visited {font-family: tahoma, sans-serif;font-size: 10px;; font-weight: ; color:#333300;
text-decoration:none;
}

a.mainnav:hover {font-family: Verdana, sans-serif;font-size: 10px;; font-weight: bold; color:#ff0000;
text-decoration:none;
}


a.topnav:link {font-family: Verdana, sans-serif;font-size: 10px;; font-weight: bold; color:#FFFFFF;
text-decoration:none; background-color:black
}

a.topnav:visited {font-family: Verdana, sans-serif;font-size: 10px;; font-weight: bold; color:#EEEEFF;
text-decoration:none; background-color:black
}

a.topnav:hover {font-family: Verdana, sans-serif;font-size: 10px;; font-weight: bold; color:#EEEEFF;
text-decoration:none; background-color:red
}





