body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: arial, helvetica, sans-serif; 
font-size: 0.8em;
color: #000;

}

#top {
   margin: 0;
    padding: 0 0 0 0;
  background: #336666;
  height: 90px;
  background-image: url(logo.jpg);
   }
    
#left {
  position: absolute;
  left: 0px;
  top: 90px;
  width: 200px;
  background: #E1E8E7;
}
#leftcontent {
padding: 1px ;
}

#center {
  margin-left: 205px;
  margin-right: 160px;
  background: #fff;
}

#centercontent {
  padding: 10px;
 }


#right {
  position: absolute;
  right: 0;
  top: 90px;
  width: 160px;
  background: #E1E8E7;
}

#rightcontent {
padding: 1px ;
}
/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}
#footer {
  background: #000;
  text-align: center;
  visibility: hidden;
  width: 100%;
  padding-top: 2px;
    padding-bottom: 3px;
margin-top: 1px;
color: #fff;
}


img.backdrop {
width: 550px;
height: 74px;
}

div.backdrop {
position: absolute;
top: 16px;
margin-left: 205px;
z-index: 2;
}
div.logo {
position: absolute; 
top: 15px; 
z-index: 1;
}
div.topblack{
width: 100%; 
background: #000000; 
position: absolute; 
top: 0;
padding: 0;
margin: 0;
z-index: 3; 
}

div.toplinks{
right: 0;
top: 72px;
margin: 0;
padding: 0;
width: 448px;
background: #993333; 
position: absolute;
float: right; 
z-index: 3; 
font-size: 13px; 
font-weight: bold;
text-align: left;
}

div.toplinks ul {
	list-style: none;	
	margin: 0;
	 padding: 0;
			 }

div.toplinks ul li {
display: inline;
/*border-left: 2px solid #fff;*/
	 color: #FFCC00;
	}

div.toplinks ul li a {
    font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	 padding: 4px 4px 4px 7px;
font-weight: bold;
font-size: 12px; 
color:#FFF;
		}

div.toplinks ul li	a:hover.home
{
	color:#FFF;
	background-color: #6699CC;
	text-decoration:none;
}
div.toplinks ul li a:visited.home
{
	text-decoration:none;
	color: #fff;
}


div.toplinks ul li	a:hover.contact
{
	color:#FFF;
	background-color: #CC6600;
	text-decoration:none;
}
div.toplinks ul li	a:visited.contact
{
	text-decoration:none;
	color: #fff;
}

div.toplinks ul li	a:hover.support
{
	color:#FFF;
	background-color: #339999;
	text-decoration:none;
}
div.toplinks ul li	a:visited.support
{
	text-decoration:none;
	color: #fff;
}

div.toplinks ul li	a:hover.basket
{
	color:#FFF;
	background-color: #FF9900;
	text-decoration:none;
}
div.toplinks ul li	a:visited.basket
{
	text-decoration:none;
	color: #fff;
}

li.date
{
	font-size: 12px;	
}

img.euus{
float: right; 
top: 0; 
margin-left: 3px;
}

a:link { 
font-family: arial, helvetica, sans-serif; 
font-size: 0.9em; 
text-decoration:  underline;
font-weight: bold; color:  #003399; 
}

a:visited { 
font-family: arial, helvetica, sans-serif; 
font-size: 0.9em; 
text-decoration:  underline;
font-weight: bold; 
color:  #003399; 
}


a:hover { 
font-family: arial, helvetica, sans-serif; 
font-size: 0.9em; 
font-weight: bold; 
color:  #003399;
text-decoration: underline;
}

h1 { 
font-family: Arial, Helvetica, sans-serif; 
margin-bottom: 8px; 
margin-top: 1px;
margin-left:  1px;
color: #993333;
font-size: 1.5em
}

h2{
font-family: arial, helvetica, sans-serif; 
margin-bottom: 5px; 
margin-top: 1px;
margin-left: 1px;
font-size: 1.2em;
color: #003399;
font-weight: bold;
}
h3 {
font-family: arial, helvetica, sans-serif; 
margin-bottom: 5px; 
margin-top: 1px; 
font-size: 1.1em;
color: #003399;
font-weight: bold;
}
h4 {
font-family: arial, helvetica, sans-serif; 
margin-bottom: 1px; 
margin-top: 1px; 
font-size: 1.1em;
color: #993333;
font-weight: bold;
}


.homecoltitle {
font-family: arial, helvetica, sans-serif; 
margin-bottom: 1px; 
margin-top: 1px; 
font-size: 1.1em;
color: #993333;
font-weight: bold;
text-align: left;
}

/*LEFT HAND COLUMN*/

ul.products {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #336666;
	}
	
ul.products li a:link, ul.products li a:visited{
display: block;
text-decoration: none;
width: 100%;
padding: 2px 0 2px 6px;
color: #fff;
font-weight: bold; 
font-size: 0.9em;
line-height: 1.5;
font-family: arial, helvetica, sans-serif;
}


ul.products li{
border-bottom: 1px solid #fff;
}

ul.products li a:hover {
background-color: #669999;
color: #000;
}

ul.products li.last {
border-bottom: 0px solid #fff;
}

.menuhead{
width: 100%;
font-family: arial, helvetica, sans-serif; 
font-size: 1.0em;
font-weight: bold;
color: #fff;
padding: 2px 0px 2px 6px;
line-height: 1.1;
border-bottom: 0px;
display: block;
border-top: 1px solid #fff;
background: #993333;
}

/*search and your order area */

.searchtitle{
width: 99%;
font-family: arial, helvetica, sans-serif; 
font-size: 1.0em;
font-weight: bold;
color: #fff;
padding: 2px 0px 2px 6px;
line-height: 1.1;
border-bottom: 1px solid #fff;
display: block;
border-top: 2px solid #fff;
background: #993333;
}



/*search text area */

form.searchform{
margin: 5px 5px 0 3px;
 background-color: #B3CCC8; 
}

input.searchfield {
font-family: arial, helvetica, sans-serif; 
/*fixed pixel size for ie5 form fields*/
font-size:  12px;
margin-left: 2px;
margin-top: 6px;
}

/*search button */
input.search {
font-family: arial, helvetica, sans-serif; 
font-size: 1.1em;
letter-spacing: 0.1em;
 background: #000066;
 color: white; 
margin-top: 3px; 
 margin-left: 2px; 
  margin-bottom: 3px; 
 border: 1px solid #cccc99;
 font-weight: bold;
}

p.adsearch{
padding-left: 2px;
margin-top: 1px;
padding-bottom: 7px;
}

p.w3c{
margin-top: 8px;
text-align: center;
}

img.wthreec{
border:0;
width:88px;
height:31px;
margin-top: 5px;
}

/*BASKET AREA*/

div.basket{
margin: 0 3px 0 3px;
 background-color: #B3CCC8; 
padding-bottom: 1px;
}

p.basket { 
font-family: arial, helvetica, sans-serif; 
font-size: small; 
font-weight: bold; 
color:  #000;
margin: 6px 0 4px 4px;
line-height: 1.5;
}

p.cards { 
margin: 26px 0 6px 4px;
}


p.fsb { 
margin: 26px 0 6px 39px;
}

select.productdropdown {
font-family: arial, helvetica, sans-serif; 
/*fixed pixel size for ie5 form fields*/
font-size: 12px;
margin-left: 4px;
margin-bottom: 4px;
}
select.currency {
font-family: arial, helvetica, sans-serif; 
/*fixed pixel size for ie5 form fields*/
font-size: 12px;
margin-left: 4px;
margin-bottom: 4px;
}


div.currency{
margin: 25px 3px 0 3px;
background-color: #B3CCC8; 
}

form.currency{
margin:  4px 0 0 0; 
}

input.currency {
font-family: arial, helvetica, sans-serif; 
font-size: 0.9em;
letter-spacing: 0.1em;
 background: #000066;
 color: #fff; 
 font-weight: bold;
border: 1px solid #cccc99;
width: 90px;
margin-bottom: 6px;
}


/* BODY AREA */


/* footer links */

ul.footer {
	list-style: none;
	margin: 0;	
			 }

ul.footer li {
display: inline;
/*border-left: 2px solid #fff;*/	
	}

ul.footer li a {
	font-size: 0.8em;
    font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	 padding: 0 1px 0 1px;
	 color: #fff;
			}
ul.footer li a:visited{
	font-size: 0.8em;
    font-family: arial, helvetica, sans-serif;
color: #fff;
text-decoration: none;
}	
		
ul.footer li a:hover{
font-size: 0.8em;
font-family: arial, helvetica, sans-serif;
text-decoration: underline;
color: #fff;
}


		
/*family*/
img.product{
width: 110px;
height: 82px;
border: 0px;
float: left;
margin-right: 8px;
}


div.capacity {
color: #993333;
font-family: arial, helvetica, sans-serif; 
font-size:  1em; 
background: #fff none;
font-weight: bold;
margin-top: 5px; 
}

div.prodbottom {
font-family: arial, helvetica, sans-serif; 
font-size: 0.9em; 
background: #ffffff none;
color: #003399;
font-weight: bold;
clear: left;
margin-left: 6px;
margin-top: 10px;
}

form.firstlevel{
margin-top: 5px;
margin-bottom: 35px; 
margin-left: 0; 
}

/*details*/
img.spec {
width: 175px; 
height: 131px; 
border: 0px;
float: left;
margin-top: 5px;
margin-right: 25px;
}


ul.pdf{
color: #003399; 
font-family:arial, helvetica, sans-serif; 
font-size: 1em; 
background: #fff none;  
line-height: 2; 
padding: 0; 
margin: 0 0 15px 0;
list-style-type: none;
clear: left
}

ul.pdf li{
display: inline;
margin-bottom: 15px;
}

li.pdf{
background-image: url(http://images.inscale-scales.co.uk/miniadobe.jpg);
background-repeat: no-repeat;
padding-left: 22px;
padding-right: 16px;
}
li.print{
background-image: url(http://images.inscale-scales.co.uk/printicon.gif);
background-repeat: no-repeat;
padding-left: 22px;
padding-right: 16px;
}

li.mag{
background-image: url(http://images.inscale-scales.co.uk/mag.gif);
background-repeat: no-repeat;
padding-left: 22px;
padding-right: 16px;
}

li.altim{
background-image: url(http://images.inscale-scales.co.uk/altimage.gif);
background-repeat: no-repeat;
padding-left: 22px;
}

ul.support{
list-style-type: none;
color: #000; 
font-family: arial, helvetica, sans-serif; 
font-size: 1em; 
background: #fff none;  
line-height: 1.5; 
padding: 0px; 
margin-top: 8px; 
margin-right: 0; 
margin-bottom: 0;
margin-left: 15px;
}


li.support{
background-image: url(http://images.inscale-scales.co.uk/supporticon.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 42px;
padding-bottom: 10px;
}

ul.l2access{
list-style-type: none;
color: #000; 
font-family: arial, helvetica, sans-serif; 
font-size: 1em; 
background: #fff none;  
line-height: 1.5; 
padding: 0; 
margin: 8px 0  0 0; 
}
li.l2access{
background-image: url(http://images.inscale-scales.co.uk/l2spec.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 22px;
}



table.spectable{
width: 100%;
margin-bottom: 10px;
}

td.cat{
background: #336699 none;
width: 25%;
text-align: right;
padding: 3px 7px 3px 3px;
color: #fff;
font-family: arial, helvetica, sans-serif; 
font-size: 1em; 
font-weight: bold;
}


td.info{
font-weight: bold;
width: 25%;
color:  #fff; 
margin-left: 5px;
background: #6699cc none;
padding-left: 7px;
}



div.whitetext {
color: #fff; 
font-family: arial, helvetica, sans-serif; 
font-size: 0.8em; 
background: #fff none;  
margin-top: 5px;
text-align: center;
}

.cssbtn{
	display:inline; 
	display:inline-block;
	padding:1px 1px 1px 1px;
	font-size: x-small;
	font-family: arial, helvetica, sans-serif; 
	font-weight:normal;
	text-align:center;
	text-decoration: none;
	background: #003399;
	color: #fff;
	border:1px solid #993333; 
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
	margin:0 0 0 0;
	width: 100px;
	}
	
	
/*sets the background on hover for the main button - ok*/	
.cssbtn:link {text-decoration:none; color: #fff; }

/*sets the background on hover for the main button - ok*/	
.cssbtn:hover { background:#993333; color:white; text-decoration:none; }

.cssbtn:visited { background:#993333; color:white; text-decoration:none; }

div.prodprice {
margin-top: 5px;
margin-bottom: 15px;
font-family: arial, helvetica, sans-serif; 
font-size: 1.3em;  
font-weight: bold; 
color: #993333;
}
.searchcat{
color: #003399;
font-family: arial, helvetica, sans-serif; 
font-size: 1em; 
font-weight: bold; 
}

/*results page*/	
img.thumb{
width: 50px;
height: 37px;
border: 0px;
}

td.resformhead {
color: #000; 
font-family: arial, helvetica, sans-serif; 
font-size: 1em; 
font-weight: bold; 
background: #B3CCC8 none; 
text-align: center; 
border-top: 1px solid #999999; 
border-bottom: 1px solid  #999999; 
padding: 2px;
width: 50%;
}

td.resformans {
color: #000;
font-family: arial, helvetica, sans-serif; 
font-size: 0.9em; 
font-weight: bold; 
background: #ffffff none; 
text-align: center; 
padding: 2px;
}

div.resultsmessage
{
color: #000;
font-family: arial, helvetica, sans-serif; 
font-size: 1em; 
font-weight: bold; 
background: #ffffff none; 
padding: 4px;
width: 90%;
}

img.helpicon {
margin: 10px 5px 5px 0;
width: 37px;
height: 44px;
border: 0;
}

div.formmother{
width: 96%; 
background-color: #E1E8E7; 
border: 1px dotted #ccc; 
padding: 5px;
margin: 0px;}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 95px;
  text-align: right;
  font-weight: bold;
  }

div.row span.formw {
  float: right;
  width: 270px;
  text-align: left;
  } 

div.order{
  clear: both;
  padding-top: 5px;
  }
  
div.order span.reviews {
  float: left;
  width: 49%;
  text-align: center;
  font-weight: bold;
    background-color:  #336699;
  color: #fff;
  border: 1px solid #000;
    padding: 3px 0 3px 0;
	font-size: 1.2em;
	  }
 
 div.order span.reviews_item {
  float: left;
  width: 49%;
  text-align: left;
  font-weight: normal;
    background-color:  #fff;
  color: #000;
  border: 0 solid #000;
    padding: 3px 0 3px 0;
  }
 
  div.order span.products {
  float: right;
  width: 49%;
  text-align: center;
  font-weight: bold;
  background-color:  #669999;
  color: #fff;
  border: 1px solid #000;
  padding: 3px 0 3px 0;
  		font-size: 1.2em;
	  }

div.order span.products_item {
  float: right;
  width: 49%;
  text-align: left;
  font-weight: normal;
  background-color:  #fff;
  color: #000;
  border: 0 solid #000;
  padding: 3px 0 3px 0;
	  }


div.order span.order {
  float: left;
  width: 25%;
  text-align: center;
  font-weight: bold;
  }

div.order span.order1 {
  float: left;
  width: 25%;
  text-align: center;
  font-weight: normal;
  }

div.order span.order2 {
  float: left;
  width: 47%;
  text-align: left;
  font-weight: normal;
} 

div.order span.acc {
  float: left;
  width: 47%;
  text-align: left;
  font-weight: bold;
} 

div.order span.order3 {
  float: right;
  width: 23%;
  text-align: center;
  font-weight: normal;
} 

div.order span.confprice3 {
  float: right;
  width: 23%;
  text-align: center;
  font-weight: bold;
} 


div.order span.order4 {
  float: left;
  width: 30%;
  text-align: center;
  font-weight: normal;
} 
div.order span.quantity{
  float: left;
  width: 40%;
  text-align: right;
  font-weight: bold;
} 


div.order span.price {
  float: left;
  width: 30%;
  text-align: center;
  font-weight: bold;
} 

div.order span.order5 {
  float: left;
  width: 80%;
  text-align: right;
  font-weight: bold;
} 

div.order span.order6 {
  float: right;
  width: 15%;
  text-align: left;
  font-weight: normal;
} 

div.order span.order7 {
  float: left;
  width: 40%;
  text-align: right;
  font-weight: bold;
} 

div.order span.order8 {
  float: right;
  width: 55%;
  text-align: left;
  font-weight: normal;
} 

div.order span.order9 {
  float: right;
  width: 100%;
  text-align: left;
  font-weight: normal;
} 

div.order span.order10 {
  float: left;
  width: 40%;
  text-align: left;
  font-weight: normal;
} 

div.order span.order11 {
  float: left;
  width: 20%;
  text-align: center;
  font-weight: normal;
  }

div.order span.order12 {
  float: left;
  width: 80%;
  text-align: left;
  font-weight: bold;
  }
  
div.breadcrumb {
text-align: right; 
margin-bottom: 10px; 
margin-right: 7px;
}


img.datecorner{
float: left;
padding: 0;
margin: 0;
width: 18px;
height: 18px;
}

img.home{
float: right;
width: 110px;
height: 82px;
margin-right: 3px;
}
ol.anc { 
color: #003399; 
font-family: arial, helvetica, sans-serif; 
font-size: 1em; 
background: #ffffff none;  
line-height: 1.5;}

ol.anc li{
font-weight: bold;
}

ol.warranty { 
font-family: arial, helvetica, sans-serif; 
font-size: 1em; 
background: #ffffff none;  
line-height: 1.5;}


td.formsubtitle2 {
border-bottom: 1px solid #336699;
}

td.formsubtitle3 {
font-family: arial, helvetica, sans-serif; 
font-size: 0.9em;  
font-weight: bold;  
height: 20px;}

td.formsubtitle4 {
color: #993333;
font-size: 1em;  
font-weight: bold;  
height: 20px;
padding: 3px 0 4px 0;}

td.orderformtitle {
color: #ffffff;
font-family: arial, helvetica, sans-serif; 
font-size: 0.9em;  
font-weight: bold; 
background:  #336699 none; 
text-align: left;  
padding: 4px;}

td.ancbodytextb {
font-family: arial, helvetica, sans-serif; 
font-size:  0.9em;  
 background: #ffffff none; 
 font-weight: bold; 
 border-bottom: 1px dashed  #336699;}
 
 td.ancbodytext {
 font-family: arial, helvetica, sans-serif; 
 font-size:0.9em;  
 background: #ffffff none; 
 border-bottom: 1px dashed  #336699;}
 
 td.clientlist {color: color: #000;
 font-family: arial, helvetica, sans-serif; font-size: 1em; 
 font-weight: bold; 
 text-align: left; width: 50%; 
 border-top: 1px solid  #336699; border-bottom: 1px solid   #336699; padding: 4px;}

 td.clientlistname {
font-family: arial, helvetica, sans-serif; 
font-size:  0.9em;  
 background: #ffffff none; 
 font-weight: bold; 
 border-bottom: 1px dashed  #336699;}
 
 td.clientlistindus {
 font-family: arial, helvetica, sans-serif; 
 font-size:0.9em;  
 background: #ffffff none; 
 border-bottom: 1px dashed  #336699;}


td.ancform {
font-weight: bold;
text-align: right;
padding: 4px;
width: 35%;}

td.ancforminput {
text-align: left; 
width: 65%}

/*table{
width: 300px;
margin-top: 10px;
}*/

td.location{
background-color: #E1E8E7;
border-bottom: 1px solid #B3CCC8; 
border-top: 1px solid #B3CCC8; 
padding: 2px;
}
td.contact{
border-bottom: 1px solid #B3CCC8; 
padding: 2px;
}

table.tw{
width: 100%;
}

table.tw a:link{
color: #fff;
font-size: 0.9em;
text-align: right;
}

table.tw a:visited{
color: #fff;
font-size: 0.9em;
text-align: right;
}


td.title{
text-align: center;
}

td.ytitle{
background-color: #000;
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
padding: 2px;
}


td.x{
background-color: #000;
color: #fff;
font-size: 0.9em;
text-align: center;
}

td.e{
background-color: #669999;
text-align: right;
padding: 2px 6px 2px 0;
}
td.f{
background-color:#336699;
text-align: right;
padding: 2px 6px 2px 0;
}
td.m{
background-color: #993333;
text-align: right;
padding: 2px 6px 2px 0;
}

img.tw{
margin: 5px;
border: 0;
width: 40px;
height: 40px;
}

img.tws{
border: 0;
width: 30px;
height: 30px;
}

img.logo{
width: 205px;
height: 75px;
border: 0;
}
/*checkout pages*/
p.checkout{
margin: 2px;
font-size: small;
}

p.prod{
margin: 2px;
font-size:small;
color: #FF9900;
font-weight: bold;
}
hr{height:1px;
    width:100%;
    background:#003399;
    margin: 2px 0 2px 0; }

table.basket{
font-size: mall;
margin: 5px 0 3px 0;
}

td.baskettitle{
background: #E1E8E7;
color: #000;
font-weight: bold;
font-size: 1em;
}
td.baskettotal{
background: #003399;
color: #fff;
font-weight: bold;
}
td.basket{
font-weight: bold;
}
h5 {
font-family: verdana, arial, helvetica, sans-serif; 
margin-bottom: 1px; 
margin-top: 1px; 
font-size: 1.3em;
font-weight: bold;
}
td.invname {
width: 50%; 
font-size: small;
background: #E1E8E7;
text-align: right; 
height: 25px; 
font-weight: bold;}
td.invfield {
width: 50%;
background: #E1E8E7; 
text-align: left; 
height: 25px; 
font-size: small;
}
td.basketbuttons{
width: 33%;
text-align: center;
}
table.basketmisc{
width: 100%;
padding: 2px; 
margin: 5px 0 8px 0;
}
td.basketmisc {
width: 60%; 
font-size: small;
background: #E1E8E7; 
text-align: right; 
height: 25px; 
border-top: 1px solid #cccccc; 
border-bottom: 1px solid #cccccc; 
font-weight: bold;}
td.receipt {
width: 50%;
text-align: left; 
font-size:small;
vertical-align: top;
padding: 4px;
}
p.sitemap{margin: 0 0 12px 0;}

/*terms */
td.maincopy { 
color: #000; 
font-family:arial, helvetica, sans-serif; 
font-size: 12px; 
background: #ffffff none;}

ol.anc{ 
color: #000; 
font-family: arial, helvetica, sans-serif; 
font-size:12px;; 
background: #ffffff none;  
}
ol.anc li {font-weight: normal;}