@charset "utf-8";
/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; font-size: 11px; color:#656565; }
html, body { height: 100%; line-height: 1.5em; margin:4px 0 0 0; }

a:hover {text-decoration:underline;}
p{margin:5px 0 5px 0;}
address{font-style:normal;}

#root{width:775px; margin:auto;}
#headRoot{}
	#brochureRoot{width:161px; height:126px; padding:4px 4px 0 0; float:left; background:url(../images/global/brochure-BK.jpg) no-repeat top left;}
		#brochureRoot div{width:85px; height:70px; margin:10px 0 0 65px;}
		#brochureRoot a{width:60px; height:15px; margin:0 0 0 80px;}
	#bannerRoot{width:610px; height:130px; float:left; background:url(../images/global/Aston-Fittings-HD.jpg) no-repeat top right;}
		#bannerRoot h1{display:none;}
		#bannerRoot #basket{width:224px; height:14px; margin:84px 0 0 366px; padding:12px 0 0 4px;}
		#viewQuote{width:120px; float:left; color:#000;}
		#numberProducts{width:95px; float:right; text-align:right; color:#000; padding-right:5px;}

#navRoot{height:30px; background:url(../images/global/horizBar-BK.jpg) no-repeat 50% 50%; padding-top:10px;}
	#navRoot ul{margin:0 5px 0 0; padding:0; height:23px;}
	#navRoot ul li{display:block; float:left; width:110px; text-align:center;}
	#navRoot ul li a{padding-left:12px; background:url(../images/global/purpleArrow.gif) no-repeat 0% 50%; text-decoration:none;}
	#navRoot ul li a:hover{text-decoration:underline;}

#mainContentRoot{
	width:600px;
	margin:0 8px 0 0;
	float:left;
}
	/*~~~*/
	#mainContent{
	padding:20px 10px 10px 10px;
}

#rightNavRoot{width:165px; float:left;}
	#rightNavContent{
	_height:675px;
	min-height:575px;
}
		.rightNavTitle{background:url(../images/global/purpleArrow.gif) no-repeat 10% 67%; display:block; padding:15px 10px 5px; text-align:center; color:#544379; font-weight:bold;}
		#rightNavRoot ul{margin:0 0 0 12px; padding:0; list-style:none;}
		#rightNavRoot ul li{ display:block; border-bottom:1px solid #D3D1C6; border-top:1px solid #FFF; width:130px; padding-left:10px; margin-left:0px; text-transform: capitalize; }
		#rightNavRoot ul li a{ text-decoration:none; text-transform: capitalize; }
		#rightNavRoot ul li a:hover{ text-decoration:underline; text-transform: capitalize; }
		#rightNavRoot div.grey, #rightNavRoot div.white{width:140px; height:1px; font-size:1px; margin-left:12px; border-bottom:1px solid #D3D1C6;}
		#rightNavRoot div.white{border-top:1px solid #FFF; border-bottom:none;}
		
		#latestNewsWrap{width:140px; margin-left:12px; padding-bottom:15px;}
		#latestNewsWrap .newsItem{width:140px;}
		#latestNewsWrap .newsItem .head{background-color:#9CA4B3; height:20px;}
		#latestNewsWrap .newsItem .head .date{display:block; padding-left:10px; color:#FFF; text-decoration:underline; width:80px; height:100%; float:left;}
		#latestNewsWrap .newsItem .head .more{display:block; width:45px; float:right; height:100%; text-decoration:none; color:#FFF;}
		#latestNewsWrap .newsItem p{margin:0; padding:4px; line-height:1.2em;}
		#latestNewsWrap .newsItem p a{text-decoration:none;}
		#latestNewsWrap .newsItem p a:hover{text-decoration:underline;}
	
	
	#footerRoot{height:30px; background:url(../images/global/horizBar-BK.jpg) no-repeat 50% 50%; padding-top:10px;}
		#footerRoot ul{margin:0 0 0 5px; padding:0; height:23px;}
		#footerRoot ul li{display:inline;}
		#footerRoot ul li a{text-decoration:none;}
		#footerRoot ul li a:hover{text-decoration:underline;}





.greyBoxHorizBK{background:#EDEDED url(../images/greyBox/horizBK.jpg) repeat-x left top;}
	.greyBoxLeft{background:url(../images/greyBox/left.jpg) repeat-y left;}
		.greyBoxRight{background:url(../images/greyBox/right.jpg) repeat-y right;}
			.greyBoxTop{background:url(../images/greyBox/top.jpg) repeat-x top;}
				.greyBoxBottom{background:url(../images/greyBox/bottom.jpg) repeat-x bottom;}
					.greyBoxTL{background:url(../images/greyBox/TL.jpg) no-repeat top left;}
						.greyBoxTR{background:url(../images/greyBox/TR.jpg) no-repeat top right;}
							.greyBoxBR{background:url(../images/greyBox/BR.jpg) no-repeat bottom right;}
								.greyBoxBL{background:url(../images/greyBox/BL.jpg) no-repeat bottom left;}
									.greyBoxContent{height:1%;}
									
									
									
									
.greyBoxTop-PNG{background:url(../images/greyBoxPNG/top.png) no-repeat center top; padding: 3px 0px 0px 0px; margin: 0px; width: 184px;}
	.greyBoxBottom-PNG{background:url(../images/greyBoxPNG/bottom.png) no-repeat center bottom; padding: 0px 0px 6px 0px; margin: 0px; width: 184px;}
		.greyBoxLeft-PNG{background:url(../images/greyBoxPNG/left.png) repeat-y left; padding: 0px 0px 0px 3px; margin: 0px; width: 181px;}
			.greyBoxRight-PNG{background:url(../images/greyBoxPNG/right.png) repeat-y right; padding: 0px 6px 0px 0px; margin: 0px; width: 175px;}
				.greyBoxHorizBK-PNG{background:#EDEDED url(../images/greyBoxPNG/background.jpg) repeat-x left top;}
					.greyBoxContent-PNG{height:1%;}
						.greyBoxContent-PNG ul { list-style: none; }
						.greyBoxContent-PNG li {
	list-style: none;
	background: url(../images/bulletpoint-arrow.gif) no-repeat left center;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
									
									
									
									





.clear { clear: both; line-height: 1px; height: 1px; font-size: 1px; }
.purpleBold{color:#544379; font-weight:bold;}
.purpleTxt {color:#544379;}
.blkTxt{color:#000;}
.blueTxt{ color:#0F79B7; text-transform: capitalize; }
.bold {font-weight:bold;}
.gap{height:5px;}
.block{display:block;}
.center{text-align:center;}
.purpleArrow{ padding-left:10px; background:url(../images/global/purpleArrow.gif) no-repeat 0% 90%;}
.greyArrow{ padding-left:10px; background:url(../images/global/greyArrow.gif) 0% 50% no-repeat;}
.floatLeft{float:left;}
.floatRight{float:right;}
#globalgraphics { float: right; margin-right: 15px; }
#globalgraphics a { text-decoration: none; }