/**
* Nordfab - Layout CSS
* Layout CSS			
*
* CSS developed by peacefrog-digital.co.uk
* 
*/



	
#container{
	width:1000px;
	margin:0 auto;
	background-image:url(../images/bg-container.gif);
	background-repeat:repeat-y;
	position:absolute;
	left:50%;
	margin:0 0 0 -500px;
	}

#header{
	width:1000px;
	background-color:#fff;
	background-image:url(../images/bg-header.gif);
	background-repeat:repeat;
	float:left;
	}
	#header h1 a{
	background-image:url(../images/bg-h1-a.png);
	width:297px;
	height:142px;
	display:block;
	text-indent:-9000px;
	float:left;
	margin:25px 0 0 0px;
	border-left:20px solid #fff;
	}
	#flash{
	float:right;
	text-align:right;
	width:664px;
	}
	#top-nav{
	width:1000px;
	float:left;
	background-color:#009ada;
	margin:-15px 0 0 0;
	z-index:1;
	background-image:url(../images/bg-top-nav.jpg);
	background-repeat:no-repeat;
	}
	#top-nav ul{
	float:left;
	margin:0 0 0 5px;
	padding-bottom:4px;
	}
	#top-nav ul li{
	float:left;
	padding-right:15px;
	color:#fff;
	}
	#top-nav ul li.phone{
	padding-right:90px;
	}
	#top-nav ul li a{
	color:#fff;
	font-weight:bold;
	}
	#top-nav ul li a:hover{
	color:#003;
	}
	/*DROPDOWN STYLES*/
	#top-nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	background-color:#009ada;
	padding:10px;
	margin:-4px 0 0 -8px;
	}
	#top-nav li:hover ul {
	left: auto;
	}
	#top-nav li:hover ul, #top-nav li.sfhover ul {
	left: auto;
	}
	
	
	
	#top-right{
	float:right;
	text-align:right;
	padding-top:50px;
	}
	#top-right a{
    color:#009ada;
	font-weight:bold;
	}
	
	
	
	
	
#left-col{
	width:120px;
	float:left;
	background-color:#e5e4e4;
	padding:10px;
	} 
	#left-col ul{
	float:left;
	}
	#left-col ul li a{
	color:#111;
	font-weight:bold;
	}
	#left-col ul li ul{
	float:left;
	padding:0 0 0 10px;
	}
	#left-col ul li ul li a{
	color:#009ada;
	}
	#delivery-banner{
	width:110px;
	margin:10px 0 0 0;
	padding:5px 5px 0 5px;
	background-color:#fff;
	float:left;
	}
	#delivery-banner p{
	color:#333;
	margin:0 0 1em 0;
	color:#e76a2a;
	font-weight:bold;
	}
	#delivery-banner p em{
	font-style:normal;
	color:#009ada;
	font-weight:normal;
	font-size:.9em;
	}
	#call-banner{
	width:110px;
	margin:10px 0 0 0;
	padding:5px;
	background-color:#fff;
	background-image:url(../images/bg-phone);
	background-repeat:no-repeat;
	background-position: 84px 5px;
	float:left;
	}
	#call-banner p{
	color:#333;
	margin:0 0 .25em 0;
	color:#e76a2a;
	font-weight:bold;
	}
	#call-banner p em{
	font-style:normal;
	color:#009ada;
	font-weight:normal;
	font-size:.9em;
	}
	
	
	
	
#main-col{
	width:717px;
	float:left;
	}
	#homepage-flash{
	width:717px;
	float:left;
	background-color:#000;
	}
	#flash{
	float:left;
	width:530px;
	}
	
	#homepage-flash img{
	float:left;
	}
	
	
	#homepage-text{
	float:left;
	background-image:url(../images/fond-tuyauterie-aspiration.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	width:717px;
	}
	#home-text{
	float:left;
	width:527px;
	padding:10px 0 0 20px;
	}
	#home-text h2{
	font0size:120%;
	}
	#home-text p{
	}
	#home-images-right{
	float:left;
	width:170px;
	padding:0;
	}
	#home-text a{
    color:#009ada;
	font-weight:bold;
	}
	
#right-col{
	width:123px;
	float:left;
	background-color:#e5e4e4;
	padding:10px 10px 0 10px;
	}
    #right-col h2{
	font-size:100%;
	color:#e76a2a;
	font-weight:bold;
	}
	#right-col ul{
	list-style:outside;
	margin-left:17px;
	line-height:1.1em;
	color:#e76a2a;
	}
	#right-col ul li{
	line-height:1.1em;
	padding-bottom:.5em;
	list-style-type:disc;
	}
	#right-col a{
	background-image:url(../images/basket.png);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	color:#009ada;
	font-weight:bold;
	}
	#right-col p{
	margin:0;
	padding:0;
	}
	#basket-details{
	float:left;
	margin:0 0 20px 0;
	padding-bottom:10px;
	border-bottom:1px solid #666;
	width:123px;
	}
	#right-col p.link{
	margin:0 0 1em 0;
	border:none;
	}
	#right-col p.text{
	margin:0 0 .5em 0;
	padding:0 0 .5em 0;
	}
	#right-col p.ref{
	float:left;
	width:80px;
	padding:0 0 3px 0;
	}
	#right-col p.qty{
	float:left;
	width:10px;
	padding:0 0 3px 0;
	}
	#right-col p.total{
	clear:both;
	}
	
	
#footer{
	clear:both;
	float:left;
	text-align:center;
	background-color:#fff;
	background-image:url(../images/bg-header.gif);
	background-repeat:repeat;
	width:1000px;
	}
	#footer a{
    color:#009ada;
	font-weight:bold;
	}