 
*{
padding:0 ;
margin:0;
}

body{
font: 12px arial;
padding: 0;
margin:0;
background: #000000;
}
h1{ 
font-size: 18px; 
font-weight: bold; 
} 
ul{
list-style:none;
padding:0;
margin:0;
background: transparent;
}
/*
li{
background: transparent;
}
*/
tr{
background: transparent;
}

td{
vertical-align: top;
font: arial, helvetica;
}

a img {
border: none;
}

img{

}

a{
text-decoration: none; 
font: arial, helvetica;

}
a:link {color: #000;}
a:visited {color: #006;}
a:hover {color: #ff0000;}

#addtobasketz {
    border-width: 0px; 	border-spacing: 0px;
	border-collapse: collapse; 
	padding: 0px; background: url('../menu/images/a2b_01.png') no-repeat;
}

table.addtobasketz {
	border-width: 0px; 	border-spacing: 0px;
	border-collapse: collapse; 
	padding: 0px;
	background: url('../menu/images/a2b_01.png') no-repeat;
}
table.addtobasketz th {
    border-width: 0px; 	border-spacing: 0px;
	border-collapse: collapse; 
	padding: 0px; 
}
table.addtobasketz td {
	border-width: 0px; 	border-spacing: 0px;
	border-collapse: collapse; 
	padding: 0px; 	background: transparent;
}


.emphasised
{
font: italic small-caps 18px 900 arial;
}

.error_message
{
font: 12px bold;

}

#emphasised
{
font: italic small-caps 18px 900 arial;
}

table.myaccount2 {
	border-width: 0px; 	border-spacing: 15px;
	background: transparent;
}
table.myaccount2 th {
	padding: 0px; 
	text-align: left;
	vertical-align: middle;	
}
table.myaccount2 td {
	padding: 0px; 	
}


a.white:link {color: #ffffff;}
a.white:visited {color: #eeeeee;}
a.white:hover {color: #ffff00;}



a.greyblue:link {color: #333333;}
a.greyblue:visited {color: #aaaaaa;}
a.greyblue:hover {color: #ff0000;}

a.halloween:link {color: #cc0000;}
a.halloween:visited {color: #990000;}
a.halloween:hover {color: #ff0000;}


#leftalign{
text-align: left;
}

.img3 {
vertical-align: middle;
}
.minithumbs {
width: 175px;
vertical-align: top;
}

table.basket {  
	border-width: 1px;
	border-spacing: 1px;
	background: transparent;
	border-collapse: collapse;
}
table.basket th { 
	font-weight: normal; 
	border-width: 1px;
	padding: 2px;
	border-spacing: 0px;
	
}
table.basket td { 
	border-width: 1px;
	padding: 2px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #ddd;
	
}


table.insidebasket {  
	border-width: 1px;
	border-spacing: 1px;
	
	border-collapse: collapse;
}
table.insidebasket th { 
	font-weight: normal; 
	border-width: 0px;
	padding: 2px;
	border-spacing: 0px;
	
}
table.insidebasket td { 
	border-width: 1px;
	padding: 2px;
	border-width: 0px;
	border-spacing: 0px;
	border-style: collapse;
	border-color: #fff;
	
}

table.insidebasket2 {  
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background: transparent;
}
table.insidebasket2 th { 
	font-weight: normal; 
	border-width: 0px;
	padding: 0px;
	border-spacing: 0px;
	background: transparent;
	
}
table.insidebasket2 td { 
	border-width: 0px;
	padding: 0px;
	border-width: 0px;
	border-spacing: 0px;
	border-style: collapse;
	background: transparent;
		
}

table.insidebasket3 {  
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background: transparent;
}
table.insidebasket3 th { 
	
	border-width: 0px;
	
	border-spacing: 0px;
	background: transparent;
	
}
table.insidebasket3 td { 
	border-width: 0px;
	
	border-width: 0px;
	border-spacing: 0px;
	border-style: collapse;
	background: transparent;
		
}

.insidebasketz { 
	padding: 0px;
	background: transparent;
		
}

input.blue {
	background-color: #2222ff; font-weight: bold; font-size: 12px; color: white;
	border:1px solid;
	border-color:#000;
	cursor: pointer;
	}
input.greenhov{
	background-color: #22ff22; font-weight: bold; font-size: 12px; color: #white;
	border:1px solid;
   	border-top-color:#000;
	border-left-color:#000;
	border-right-color:#000;
	border-bottom-color:#000;
	cursor: pointer;
	}
input.redclick{
	background-color: #ff2222; font-weight: bold; font-size: 12px; color: #white;
	border:1px solid;
   	cursor: pointer;
	}



#smenu{


width:175px;
}

#notsidemenu ul{
list-style:disc;
padding: 0 0 0 20px;
}

#mode_link{
font-weight: bold;
padding: 10px;
color: #009;
}

#sidemenu{
font-weight: bold;
padding: 10px;

}


#sidemenu li a{
cursor: pointer;
color: #000000;
}

#sidemenu li a:hover{
cursor: pointer;
color: #dd0000;

}


.uppermenu{
background: transparent;
font: 11px arial;
color: #000;

}

#sidemenu ul{
display: none;
}

.uppermenu li{
padding: 0 0 0 9px;

}

.midmenu{
font-weight: normal;
}

.lowmenu{
font-weight: normal;
}

.lowmenuhigh{
font-weight: bold;  
margin: 1px 0px 1px 0px; 
border: 1px solid #888800;
background: #ffff00; 

}
 

.midmenu a:link, .midmenu a:visited{
color: #009;
}
.midmenu a:active{
color: #f00;
}

.midmenu a:hover{
color: #f00;
}

.viewall {
font: 10px arial;
display:none;
}

.sidesmalltext {  
vertical-align: middle;
margin: 2px 2px 2px 2px;
color: #aaa; 
font-size: 8pt; 
font-family: Arial; 
font-style: normal; 
font-weight: normal; 
line-height: 9pt; 
font-stretch: semi-condensed }

.smalltext {  
vertical-align: middle;
margin: 2px 2px 2px 2px;
color: black; 
font-size: 8pt; 
font-family: Arial; 
font-style: normal; 
font-weight: normal; 
line-height: 9pt; 
font-stretch: semi-condensed }

.adimage { 
margin: 2px 2px 2px 2px;
border: 1px solid black;
vertical-align: middle;
}

.selfmessage {
background-color: #FF6666;
padding: 2px;
border: 1px solid black;
padding: 5px;
}
.bluemessage {
background-color: #cbd6ff;
padding: 2px;
border: 1px solid black;
padding: 5px;
}
.custmessage {
background-color: #77ff77;
padding: 2px;
border: 1px solid black;
padding: 5px;
}
.whitebox {
background-color: #FFFFFF;
padding: 2px;
border: 1px solid black;
padding: 2px;
}
.yellowofferbox {
background-color: #FFFF00;
padding: 2px;
border-left: 1px solid #dde;
border-right: 1px solid #dde;
padding: 2px;
}
.yellowofferbox2 {
width: 175px;
text-align: left;
background-color: #FFFF00;
padding: 2px;
border: 1px solid #dde;
padding: 2px;
}


#menutop{
width:177px;
height:25px;
background: url('../menu/images/alu_panel_top.jpg'); 
padding:0;


}

#menumiddle{
width:177px;
background: url('../menu/images/alu_panel_middle.jpg') repeat-y; 
padding:0;

}

#menubottom{
width:177px;
height:24px;
background: url('../menu/images/alu_panel_bottom.jpg'); 
padding:0;

}



#menumiddlelink{
width:175px;
background: url('../menu/images/blue_middle.gif') repeat-y; 
padding:5px;

}

input.button{

margin: 2px 0px;
border:1px solid black;
vertical-align: middle;
}

#form{
padding:0;
margin:0;
}



#control select{
padding:0;
margin:0;
width:150px;
}



#wrap{
text-align:center;


}

#header td{
background: url('../menu/images/head_left.jpg') top left no-repeat;
height:110px;
text-align:right;

}

#header{
background: url('../menu/images/head_middle.gif') top right repeat-x;
}

/*
background: url('../menu/images/head_middle.gif') top right repeat-x;
*/

#basket{
width: 150px; 

height: 100px;
float:right;
background: url('../menu/images/head_right.gif') top right no-repeat;
}
#end{
width: 10px; 
height: 100px;
float:right;
background: url('../menu/images/head_right.gif') top right no-repeat;
}

.headerinfo {
background-color: #ddddff;

}
.basket { 
background-color: #ddddff; 
font: 11px Arial;
font-weight: condensed;
text-align: left;
}

.cart { 
background-color: #f0f0ff; 
font: 12px Arial; 
text-align: left; 
}

.cartmessage {  
background-color: #ffff00; 
font: 12px Arial; 
text-align: left; 
font-weight: bold;
padding: 4px;
border:1px solid black;
}

.baskettype2 { 
background-color: #ffff00; 
font: 11px Arial;
font-weight: condensed;
text-align: left;
}

.basket2 { 
font: 11px Arial;
padding: 3px 0px 0px 0px;
font-weight: bold;
text-align: left;
}
.phonenumber {
color: #000;
padding: 5px;
font: 12px Arial;
font-weight: bold;
text-align: right;


}


#clear {
background: transparent;
vertical-align: middle;
}

#sideclear {
background: transparent;
color: #ccc; 
vertical-align: middle;
}


#search_box{
margin-top: 5px; 
margin-left: 500px;
height: 20px; 
float: right; 
}

#mainmenu{
margin-top: 0px; 
float: right;
background: transparent;


}
#mainmenu table{
background: transparent;
}


#content{
position: relative;
float: left;
text-align:left;
}





#footer{
padding: 10px;
margin:0 auto;
width:750px;
font-size: 10px;
text-align:center;
}

/*fjh Main table layout background: url('../menu/images/head_middle.jpg') ;margin: 10px 0px ;*/

#width{
width:600px;
}

#main{
width:100%;
text-align:left;
}
.top{}

.middle{}

.bottom{}

.left, .right{
width:15px;
}

.top, .bottom{
height:15px;
}

.top .right{background:url('../menu/images/white_top_right.gif');}

.top .left{background:url('../menu/images/white_top_left.gif');}

.middle .left{background:url('../menu/images/white_left.gif');}

.middle .right{background:url('../menu/images/white_right.gif');}

.bottom .right{background:url('../menu/images/white_bottom_right.gif');}

.bottom .left{background:url('../menu/images/white_bottom_left.gif');}

.bottom .center{
background:url('../menu/images/white_bottom.gif');
}
.top .center{
background:url('../menu/images/white_top.gif');
}

.middle .center{


}




#sort{
text-align:right;
vertical-align: middle;
}

#main table{
background: #fff;

}

#main table td{

}


/* Items */

.item1 td{
border-top:1px solid #dde;
padding:3px;
}

.item1 h3{
font-weight:normal;
}

.item2 td{
 
border-top: 1px solid #dde; 
padding: 3px; 
}

.item3_top{
border:1px solid #000;
}
.item3_top_border{
border:1px solid #808080;
padding:3px;
}
.item3_top_border td{
border:0px;
spacing:0px;
padding:3px;
}

.item3_top td{
}


/*#C2DAFE  border-top:1px solid black;*/

.item3_top .des {
padding: 0px 3px 0px 3px;
}
.item3_top .price{
vertical-align: middle; 
padding: 0px 2px 0px 2px;;
}
.item3_top .stock{
vertical-align: middle;
}
.item3_top .stockimg {
border:1px solid #AAAADD;
}
.item3_top .price_match { 
border:1px solid #AAAADD;
}
.item3_top .add{
text-align:right;
vertical-align: middle;
padding: 0px 5px 0px 5px;
}

.item3_top img{

}
#logo{
padding: 0px 5px 5px 5px;
vertical-align: bottom;
}
.searchb {
vertical-align: middle;
}
/*border:1px solid black;*/

.item3 .add{
text-align:right;
vertical-align: middle;
}

.item3 td{
padding:10px;
}

.add img{
border:1px solid #AAAADD;
vertical-align: middle;
}
.search h1{ 
font-size: 18px; 
font-weight: bold; 
}

.search h2{
font-size: 12px; 
font-weight: bold; 
}

.des h2{ 
font-size: 18px; 
font-weight: bold; 
}
.des_span_3{ 
font-size: 18px; 
font-weight: bold; 
}
.item_name{ 
font-size: 12px; 
font-weight: bold; 
}
.item_code{ 
font-size: 10px; 
color: #aaaaaa;
}
.desx h2{ 
font-size: 18px; 
font-weight: bold; 
}

.des h3{
font-size: 12px; 
font-weight: bold; 
}
.desx h3{
font-size: 12px; 
font-weight: bold; 
}

.des2 h3{
font-size: 12px; 
font-weight: normal; 
color: #aaaaaa;
}

.price2 {
font-size: 12px; 
font-weight: bold; 
color: #aaaaaa;
}

.des2 h4{

font-size: 10px;
font-weight: normal;
font-stretch: normal;
color: #aaaaaa;
}

.des a{
color: #000; 
}

.des a:link {color: #000;}
.des a:visited {color: #006;}
.des a:hover {color: #ff0000;}

.des2 a:link {color: #aaaaaa;}
.des2 a:visited {color: #999999;}
.des2 a:hover {color: #ff0000;}



.des h4{

font-size: 10px;
font-weight:normal;
font-stretch: normal;
}
.desx h4{

font-size: 10px;
font-weight:normal;
font-stretch: normal;
}

.des p{
padding-top:5px;

}


.desx {
padding: 0px;
background-color: #ffffff;
}
.desx table{
padding: 1px;
spacing: 0px;
background-color: #ffffff;
}
.desx td{
padding: 2px;
background-color: #ffffff;
}

.incvat{


}

.exvat{

font-size: 10px;
}

.price{

}
.delivery{
text-align:left;
color: black; 
font-size: 8pt; 
font-family: Arial; 
font-weight: condensed; 

}
.imgmessage{
vertical-align: top;
text-align: center;
color: #808080; 
font-size: 8pt; 
font-family: Arial; 
font-weight: semi-condensed; 
padding: 3px;

}

.stock{
text-align:center;
width: 100px;
font-size:10px;
}

.stock img{

}


.add{

}


.img{
text-align:center;
width: 100px;
}
.img2{
vertical-align: top;
text-align:center;
width: 100px;

}
.info{

}
.topheading {
font-size:12px;
font-weight: bold;
vertical-align: bottom;
padding: 0px 0px 3px 0px;
}

.offermenu {
padding: 1px 1px 1px 1px;
border-left:  1px solid #dde; 
}
.offermenu td{

padding: 1px 1px 1px 3px;
border:  0px solid #aaa; 
}
.manlogo {
vertical-align: middle;
text-align: center;
padding: 2px;
}


.mainsubheading {
background: url('../menu/images/greybluegrads.jpg') repeat-y; 
color: #fff;
vertical-align: bottom;
padding: 3px 0px 3px 5px;
border-top:  1px solid #dde; 
border-bottom:  1px solid #dde; 
}

.subheading {
background: url('../menu/images/greybluegrads.jpg') repeat-y; 
font-size:12px;
font-weight: bold;
color: #fff;
vertical-align: bottom;
padding: 3px 0px 3px 5px;
border-top:  1px solid #dde; 
}
.subheading a:link{
color: #fff;
}
.subheading a:visited{
color: #fff;
}
.subheading a:hover{
color: #E00;
}

.gradientbox { 
background: #eeeeff; 
border: 1px solid #dde; 
font-size:12px;
font-weight: bold;
color: #228;
vertical-align: middle;
padding: 2px 2px 2px 5px;
height: 20px; 
}
.gradientbox2 { 
background: #eeeeff; 
border: 1px solid #dde; 
font-size:12px;
font-weight: bold;
color: #228;
vertical-align: middle;
padding: 2px 2px 2px 5px;
height: 20px; 
}

.gradientboxsave {
background: url('../menu/images/greybluegrads.jpg') repeat-y; 
font-size:12px;
font-weight: bold;
color: #228;
vertical-align: middle;
padding: 2px 2px 2px 5px;
height: 20px; 
}

.gradientbox2save {
background: url('../menu/images/greybluegrads.jpg') repeat-y; 
font-size:12px;
font-weight: bold;
color: #fff;
vertical-align: middle;
padding: 2px 2px 2px 5px;
height: 20px;
 
}

.myaccount_title_text a:link{
color: #fff;
}
.myaccount_title_text a:visited{
color: #fff;
}
.myaccount_title_text a:hover{
color: #E00;
}


.myaccount_title { 
border-bottom: 1px solid #142a59;
height: 20px;
padding: 0px;
}

.myaccount_title_text { 
background: url('../solo/blue_gradient_slice.png') repeat-x;
font-size: 12px;
font-weight: bold;
color: #fff;
vertical-align: middle;
padding: 2px 2px 2px 2px;
height: 20px; 
}

.myaccount_title_image { 
background: url('../solo/blue_gradient_slice.png') repeat-x;
font-size: 12px;
font-weight: bold;
color: #fff;
vertical-align: top;
height: 20px; 
}


.gradientbox2 a:link{
color: #228;
}
.gradientbox2 a:visited{
color: #228;
}
.gradientbox2 a:hover{
color: #E00;
}



.subheadingtop {

font-size:12px;
font-weight: bold;
color: #99a;
vertical-align: bottom;
padding: 3px 0px 3px 5px;
border-top:  1px solid #dde; 
}
.subheadingtop a:link{
color: #99A;
}
.subheadingtop a:visited{
color: #999;
}
.subheadingtop a:hover{
color: #E00;
}


.img_right {
float:right;
display: inline;
padding: 0 5px 0 5px;

}

.img_left {
float:left;
display: inline;
padding: 0 5px 0 0;
}

.item_large { 
margin: 5px;
position:relative;

}

.eachitem {
border: 1px solid #000;
margin: 5px;
height: 75px;
padding: 2px 0 0 0;
position:relative;
}
.item_small {
border: 1px solid #000;
margin: 5px;
height: 75px;
padding: 2px 0 0 0;
position:relative;
}

.item_small .info{
position:absolute;
bottom: 2px;
}

.info {
padding:  2px 5px;


}

.info p {
padding: 2px 0 0 0;
margin:0;
}

.info table {
padding: 2px;
}


.hiredes {
font-size: 11pt;
font-weight: bold;]
font-style: italic;
padding:  2px 5px;
position:relative;
}

.hireprice {
display: inline;
padding: 5px 5px 0 0;
}


.hireinfo {
padding:  2px 5px;
}

.hireinfo p {
padding: 5px 0 0 0;
margin:0;
}

.hireinfo table {
padding: 5px;
}

.hireitem1 td{  
border-top:1px solid #dde;
}
.hireitem2 td{  
padding: 2px 2px 2px 2px;
}

.hireitem { 
font-size:12px; 
color: #000;
vertical-align: bottom; 


}

.hiresubheading { 
font-size:12px; 
color: #000; 
vertical-align: bottom;
padding: 3px 0px 3px 5px;
}

.hireshort {
padding:  2px 5px;
font-size: 10px;
font-weight: bold;
position:relative;
border-bottom:  1px solid #dde; 
}
.hireshort1 { 
font-size: 10px;
}

.hiresubheading a:link{
color: #000;
}
.hiresubheading a:visited{
color: #000;
}
.hiresubheading a:hover{
color: #E00;
}
.hiresubheadingrow {

color: #b00;
vertical-align: bottom;
}
.hiresubheadingcell { 
padding: 3px 0px 3px 5px;
border-top:  1px solid #dde;  
border-bottom:  1px solid #dde; 
}
.hiresubheadingcell2 { 
padding: 3px 0px 3px 5px;
font-size:12px; 
color: #000; 
border-top:  1px solid #dde; 
border-bottom:  1px solid #dde; 
}

.table2 table{
padding: 1px; 
border-collapse: collapse;
border-spacing: 0px;

}

.table2 {
padding: 1px;
}

.table2 td{
padding: 1px;
font-size: 12px;
}


.table2 a{
font-weight: bold;
color: #000;
}

.table2 a:hover{
color: #f00;
}
.smalllink a{
font-size: 10px;
font-weight: normal;
font-stretch: condensed;
color: #000;
}

.smalllink a:hover{
color: #f00;
}

.inputx   
{   
 
border-width: 1px;    
border-style: solid;   
border-color: #999999;    
font-family: Arial, Helvetica, sans-serif;    
font-size: 11px;    
color: #333333;     
} 

.inputz   
{   
 
border-width: 0px;    
border-style: solid;   
border-color: #ffffff;    
font-family: Arial, Helvetica, sans-serif;    
font-size: 11px;    
color: #333333;     
} 

.inputy  
{   
 
border-width: 1px;    
border-style: solid;   
border-color: #ffffff;    
font-family: Arial, Helvetica, sans-serif;    
font-size: 11px;    
color: #333333;     
} 


/*


#test{
margin: 10px 10px 10px 0;
border: 1px solid black;
float:left;
}

*/
