

body{
margin:0;
margin-left:10px;
padding:0;
font-family: verdana;
font-size:0.7em;

}


a:link{
	color:#007300;
	text-decoration:none;
}
a:visited{
	color:#007300;
	text-decoration:none;
}
a:hover{
	color:#007300;
	text-decoration:underline;
}
a:active{
	color:#007300;
	text-decoration:underline;
}
/*Disclaimer grey  LINKS, WITH UNDERLINES*/
a.greylink:link{
	font-weight:normal;
	color: #666666;
	text-decoration: none;
	/*background-color:transparent;*/
}
a.greylink:visited{
	font-weight:normal;
	color: #666666;
	text-decoration: none;
}

a.greylink:active{
	font-weight:normal;
	color: #666666;
	text-decoration:none;
}
a.greylink:hover{
	font-weight:normal;
	color: #666666;
	text-decoration: underline;
}

#topbar{
		position:absolute;
		top:20px;
		width:99%;
		z-index:2;
	}
#wrapper{
position:relative;
/*border:1px solid black;*/
width:99%;
	
}
	
	#leftcol{
		float:left;
		top:80px;
		width:317px;
		/*border:1px solid black;*/
	}
	
	#rightcol{
		float:left;
		top:80px;
		width:615px;
		padding-left:5px;
		/*border:1px solid black;*/
	}
	#footer
	{
		
		clear:both;
		width: 955px;
		height: 60px;
	} 
	
	.subbox{
		position:relative;
		padding:5px;
	}
	
	.subboxright{
		padding-top:5px;
		padding-right:5px;
		padding-bottom:5px;
		padding-left:15px;
	}
	
	.filler{
		position:relative;
		height:75px;
		width:100%;
		/*border:1px solid red;*/
	}

#page
{
position:absolute;
top: 15px;

}

h3{
	font-size:1.5em;
	font-weight: bold;
	color: #007100;
}
.red{
	
	font-weight: bold;
	color: #CC0000;

}

.blue{
	
	font-weight: bold;
	color: #000385;

}

.green{
	
	font-weight: bold;
	color: #008200;

}
.marine{
	
	font-weight: bold;
	color: #038384;

}

.orange{
	
	font-weight: bold;
	color: #FF6300;

}

.purple{
	
	font-weight: bold;
	color: #800080;

}
.grey{
	
	font-weight: bold;
	color: #828282;

}

.khaki{
	
	font-weight: bold;
	color: #7E8400;

}

.brown{
	
	font-weight: bold;
	color: #9B3300;

}

.pink{
	
	font-weight: bold;
	color: #FE00FE;

}


img{
	border:none;
	
}


/*#topbar{
	position:absolute;
	top: 0px;
	margin-left:5px;
	margin-right:5px;
	width: 99%;
	z-index:2;
}
*/
#leftbarend{
	position:relative;
	left:0px;
	height:60px;
	width:10px;
	background-image: url(assets/layout/barendleft.gif);
}

#rightbarend{
    
	position:absolute;
	left:621px;
	height:60px;
	width:10px;
	background-image: url(assets/layout/barendright.gif);

}

#teldistitle{
    position:absolute;
	top:12px;
	left:65px;
	height:35px;
	width:155px;
	background-image: url(assets/layout/teldis.gif);
	background-repeat: none;

}

#menu{
	position:relative;
	top:-60px;
	left:320px;
	height:60px;
	width:640px;

}

.greyhead{
	position:relative;
	left:10px;
	width:309px;
	background-image: url(assets/layout/gradgrey.jpg);

}


#mainimage{
	position:relative;
	top: 2px;
	left:5px;
	width:309px;
	height:206px;
}

img.imageright{
	float:right;
}

img.imageleft{
	float:left;
	margin-right:10px;
}img.pageimg{	width:140px;}

#topintro{
	position: absolute;
	top: 20px;
	left: 340px;
	width: 600px;
	border: 1px solid blue;
	
}

#productsearch{
	position:relative;
	left:4px;
}

#newsbox{
	margin-top:38px;
	margin-left: 14px;
	width: 200px;
}

#specialoffers{
    margin-top:38px;
	float: right;
	width: 300px;

}

div#rightfooter{
	position:relative;
	left:340px;
	top: 18px;
	width: 650px;
	color: #666666;
	font-size:0.8em;
	/*border: 1px solid red;*/
}

div#leftfooter{
	position:relative;
	left:3px;
	/*top: 15px;*/
	width: 300px;
	height: 60px;
	
	/*border: 1px solid red;*/

}

div.product{
	position:relative;
	padding-left:25px;
	
	/*border: 1px solid gray*/
}

.boldred{
	font-weight:bold;
	color: #CC0000;
}

#pricebox{
	width:390px;
	height: 50px;
}
.pricestack {

	float:left;
	width:125px;
}
.priceform {

	float:left;
	width:160px;

}
.pricecol {

	float:left;
	width:60px;
}

#prodcats{
	 list-style: none;

}

div#displaybasket{
	position:relative;
	width:600px;
	padding: 4px;
	
}
/*delete if buggered*/
div#prodwrapper{
	width: 525px;
	padding-top:20px;
	/* padding-left:20px; */
	/*border: 1px solid red;*/
}

div#pricebox{
	left:122px;
	/*border: 1px solid red;*/
}
/*delete if buggered*/
div#imagewrapper{
	/* float:left; */
	width: 120px;
	height: 300px;
	/*border: 1px solid red;*/
}

span.pipe{
	display:none;
}

div.nscroller{
	position: relative;
	top: 30px;
	left: 30px;
	height: 200px;
	overflow: auto;
}

.bg1{
	background-color: #f7f7f7;
}
.bg2{
	background-color: #e5e5e5;
}


#loginbox{
	position: absolute;
	background-image: url(assets/layout/loginbar.jpg);
	width:309px;
	height:20px;
}

#clogin{
	position:absolute;
	top: 4px;
	left: 30px;
	font-weight:bold;
	font-family: verdana, arial, san-serif;
	font-size: 0.8em;
}

#cbasket{
	position:absolute;
	top:4px;
	left: 165px;
	font-weight:bold;
	font-family: verdana, arial, san-serif;
	font-size: 0.8em;
}

#logos{
	position:relative;
	top:25px;
	background-image: url(assets/layout/logos.jpg);
	background-repeat:none;
	width:309px;
	height:35px;
}

.message{
	display:block;
	margin:2px;
	padding:2px;
	width: 410px;
	background-color: #FFFFCC;
	border: 1px solid #DDDDDD;
	font-weight: bold;
	text-align:center;
	color: #FF0000;
}
