* { margin: 0; padding: 0; }
    a img { border: 0; }
    
    body { min-width: 1000px; text-align: center; margin-top: 1%; }
		
    #container { 
        width: 1000px;
		text-align: left;
        height: 550px;
		border: 1px solid #000;
		margin: 0 auto;
		}
		
    #header { 
        width: 100%;
        background: #79d9ff url("../images/header-bg2.gif") no-repeat top left;
        height: 169px;
        float: left;
        }
        
    #header img { float: left; margin: 43px 0 0 37px; }
    
    #pronet { display: block; float: left; height: 70px; margin-left: -15px; width: 59px; }
    
    #navbar {
        height: 30px;
        width: 100%;
        display: block;
        position: relative;
        top: 35px;
        background-color: #285166;
        clear: both;
        z-index: 10;
        }
        
    #navbar ul, #navbar ul li { list-style: none; display: inline; }
    #navbar li a {
	    background-repeat: no-repeat;
	    background-position: 0 0;
	    float: left;
	    height: 30px;
	    text-indent: -9999px;
	    outline: 0;
	    }
    
    #navbar ul, #navbar ul li { display: inline; }
    #navigation li a:hover, #navigation li.active a { background-position: 0 -30px; }
    
    #nav a { display: block; }
    #nav li { float: left; }
    
    #nav li ul {
	    position: absolute;
	    width: 10em;
	    left: -9999em;
	    margin-top: 30px;
    }
    
    #nav-light ul { margin-left: -130px; }
    #nav-heavy ul { margin-left: -150px; }
    #nav-disposables ul { margin-left: -115px; }
    
    #nav li:hover ul, #nav li.sfhover ul { left: auto; }
    #nav li:hover ul li, #nav li.sfhover ul li { width: 90px; }
    
    #nav { display: inline; float: left; }
    
    #nav-light ul li a, #nav-heavy ul li a, #nav-disposables ul li a {
        background-image: none;
        background-color: #285166;
        text-indent: 0;
        padding: 0.6em 0 0.6em 5px;
        height: auto;
    }
    
    #nav-light ul li a:hover, #nav-heavy ul li a:hover, #nav-disposables ul li a:hover {
        background-color: #3e6a81;
    }
    
    #nav-home a {
        background-image: url("../images/nav/nav-home.gif");
        width: 70px;
        }
    
    #nav-contact a {
        background-image: url("../images/nav/nav-contact.gif");
        width: 66px;
        }
    
    #nav-service a {
        background-image: url("../images/nav/nav-service.gif");
        width: 61px;
        }    
    
    #nav-clients a {
        background-image: url("../images/nav/nav-clients.gif");
        width: 59px;
        }
    
    #nav-design a {
        background-image: url("../images/nav/nav-design.gif");
        width: 60px;
        }
        
    #nav-showroom a {
        background-image: url("../images/nav/nav-showroom.gif");    
        width: 80px;
        }    
        
    #nav-delivery a {
        background-image: url("../images/nav/nav-delivery.gif");
        width: 65px;
        }
        
    #nav-light a {
        background-image: url("../images/nav/nav-light-equipment.gif");
        width: 130px;
        }
        
    #nav-light ul li a { width: 125px; }
    
    #nav-heavy a {
        background-image: url("../images/nav/nav-heavy-equipment.gif");
        width: 150px;
        }
        
    #nav-disposables a { 
        background-image: url("../images/nav/nav-disposables.gif");
        width: 115px;
        }
        
    #nav-disposables ul li a { width: 110px; }
        
    #search { 
        background: #285166 url("../images/nav/nav-search.gif") no-repeat top left;
        float: right;
        margin: 3px 1px 0 0;
        }
    #search div { border: 0; }
    #search input { height: 15px; }
    #search #searchbox { width: 105px; }
    #search #go { height: 21px; }
    
    
    #content { 
		clear: left;
		width: 1000px;
		height: 380px;
		background: #fff url("../images/content-bg.gif") top left repeat-x;
		float: left;
		}
    
    #inner-content {
		width: 544px;
		height: 370px;
		float: left;
		z-index: 5;
		background: transparent url("../images/frontpanelbg.gif") top right repeat-y;
		}
		
    #frontpanel { 
        width: 454px;
        height: 381px;
        float: right;
        z-index: 0;
        }
        
    #left-col {
        width: 218px;
        height: 381px;
        background-color: #fff;
        float: left;
        top: 2px;
        }
        
    #left-col #middle-satisfied {
        width: 216px;
        height: 123px;
        background: transparent url("../images/satisfied-bg.gif") no-repeat top left;
        margin-bottom: 3px;
        padding: 10px 0 0 9px;
        }
		
	#left-col #middle-satisfied h1 a {
        width: 82px;
		height: 40px;
		background: transparent url("../images/headers/head-satisfied.gif") no-repeat top left;
		display: block;
		}
		
	#left-col #middle-satisfied h1 a span { position: absolute; text-indent: -9999px; }
    
    #middle-satisfied p, #middle-service p { width: 105px; }
        
    #middle-service {
        width: 165px;
        height: 101px;
        background: transparent url("../images/service-bg.gif") no-repeat top left;
        padding-left: 60px;
        padding-top: 5px;
        }
		
	#middle-service h1 a {
        width: 89px;
		height: 41px;
		background: transparent url("../images/headers/head-service.gif") no-repeat top left;
		display: block;
		margin-left: 50px;
		}
		
    #middle-service p { padding-left: 50px; }
		
	#middle-service h1 a span { position: absolute; text-indent: -99999px; }
    
    #middle-contact {
        width: 225px;
        height: 129px;
        background: transparent url("../images/contact.gif") no-repeat top left;
        padding-top: 10px;
        }
        
    #middle-contact h1 a {
        width: 71px;
        height: 23px;
        background: transparent url("../images/headers/head-contact.gif") no-repeat top left;
        display: block;
        margin-left: 10px;
        }
    
    #middle-contact h1 a span { position: absolute; text-indent: -99999px; }
    
    #middle-contact div a img { margin: 36px 0 0 35px; }
    #middle-contact p { margin: 25px 0 0 2px; width: 150px; }
    
    #right-col {
        width: 225px;
        height: 381px;
        margin-right: 1px;
        background-color: #fff;
        float: right;
        }
        
    #right-col #right-delivery {
        background: transparent url("../images/right-bar-delivery.gif") no-repeat top left;
        height: 88px;
        width: 210px;
        padding: 9px 8px 5px 8px;
        }
		
	#right-col #right-delivery #delivery-link a {
		height: 27px;
		width: 104px;
		background: transparent url("../images/headers/head-free-delivery.gif") no-repeat top left;
		display: block;
		}
		
	#right-col #right-delivery #delivery-link a span { display: none; }
        
    #right-col #right-delivery div { width: 118px; }
        
    #right-col #right-showroom {
        background: transparent url("../images/right-bar-showroom.gif") no-repeat top left;
        width: 117px;
        height: 100px;
        padding-left: 109px;
        padding-top: 40px;
        }
		
	#right-col #right-showroom #showroom-link a {
		height: 24px;
		width: 101px;
		background: transparent url("../images/headers/head-showroom.gif") no-repeat top left;
		display: block;
		}
		
	#right-col #right-showroom #showroom-link a span { display: none; }
        
    #right-col #right-planit {
        background: transparent url("../images/right-bar-planit.gif") no-repeat top left;
        width: 218px;
        height: 94px;
        padding-top: 45px;
        padding-left: 8px;
        }
		
	#right-col #right-planit #planit-link a {
		width: 66px;
		height: 24px;
		background: transparent url("../images/headers/head-planit.gif") no-repeat top left;
		display: block;
		}
		
	#right-col #right-planit #planit-link a span { display: none; }
        
    #right-col #right-planit div { width: 101px; }
        
        
    #footer { width: 100%; text-align: center; }
	
	#footer span {
	    width: 100%;
	    display: block;
	    text-align: center;
	}
    
    /* Typography */
    
    body { font-size: 1em; font-family: Verdana, Arial, Tahoma; }
    
    #nav-light ul li a, #nav-heavy ul li a, #nav-disposables ul li a {
        font-size: 0.6em;
        color: #fff;
        text-decoration: none;
        }
        
    #nav-light ul li a:hover, #nav-heavy ul li a:hover, #nav-disposables ul li a:hover { text-decoration: underline }
    
    #inner-content, #shop { font-size: 0.7em; }
    #inner-content h2 { text-indent: -9999px; margin-bottom: 1em; }
    
    #content #right-col, #content #left-col {
        font-size: 9.17px;
        line-height: 10px;
        color: #ffffff;
        }
    
    #contact a { color: #000; text-decoration: underline; }
	#contact a:hover { text-decoration: none; }
        
    span.error { color: #ff0000; font-size: 0.8em; }
    
    /* Footer */
    
    #footer #line1 { font-size: 0.8em; }
	#footer #line1 strong {
	    color: #59a0bc;
	    font-family: Arial;
        font-weight: normal;
        margin-left: 5px;
	    }
	#footer #line1 strong em {
	    font-size: 47px;
	    font-style: normal;
	    letter-spacing: -4px;
	    }
	#footer #line2, #footer #line2 a { color: #59a0bc; }
	#footer #line2 { font-size: 0.8em; }
	#footer #line2 strong { margin-right: 10px; }
	#footer #line2 strong em { font-style: normal; font-weight: normal; }
	#footer #line2 strong em a, #footer #line2 strong em.big { text-decoration: none; font-size: 1.6em; }
	#footer #line2 strong em a:hover { text-decoration: underline; }
	
	/* Page Styles */
	
	#homepage h2 {
		width: 461px;
		height: 71px;
		background: transparent url("../images/home-head.gif") no-repeat top left;
		}
		
	#homepage p img { margin: 0 0 -10px 0; }


	#contact h2 {
		margin-left: 20px;
		width: 201px;
		height: 62px;
		background: transparent url("../images/contact-head.gif") no-repeat top left;
		}
		
	#contact ul { 
	    float: left;
	    width: 200px;
	    margin: 20px 0 0 20px;
	    list-style: none;
		}
		    
	#contact ul li { line-height: 1.5em; }
		    
	#contact form { 
	    float: right;
	    margin: 20px 10px -10px 0;
	    height: auto;
	    width: 250px;
		}
		    
	#contact form input, #contact form textarea { width: 250px; margin-bottom: 10px; }
	#contact form textarea { height: 100px; }
	#contact #submit { width: 100px; margin-left: 75px; }
	
	#inner-content div h2 { margin: 10px 0 10px 20px;  }
	#inner-content div blockquote { margin-left: 10px; }
	
	#service h2 {
	    width: 361px;
	    height: 62px;
	    background: transparent url("../images/service-head.gif") no-repeat top left;
		}
		
	#clients h2 {
	    width: 361px;
	    height: 62px;
	    background: transparent url("../images/clients-head.gif") no-repeat top left;
		}
		
	#design h2 {
	    width: 324px;
	    height: 71px;
	    background: transparent url("../images/design-head.gif") no-repeat top left;
		}
		
	#showroom h2 {
		width: 313px;
	    height: 62px;
	    background: transparent url("../images/showroom-head.gif") no-repeat top left;
		}

		
	#delivery h2 {
	    width: 388px;
	    height: 71px;
	    background: transparent url("../images/delivery-head.gif") no-repeat top left;
		}
		
	#map {
    	width: 544px;
	    height: 381px;
	    margin-top: -10px;
		}
		
    #shop, #search-results { 
        width: 1000px;
        height: auto;
        overflow: auto;
        }
        
    #search-results { font-size: 0.6em; }
    #search-results #top { font-size: 1.2em; }
    
    #shop #top, #search-results #top { 
        width: 960px;
        height: 60px;
        padding: 0 10px 0 30px;
        background: transparent url("../images/wave.gif") no-repeat bottom left; 
        }
    
    #shop #top h1, #search-results #top h1 { margin-top: 15px; width: auto; float: left; }
    
    #shop #top h1, #search-results #top h1  { 
        font-size: 2em;
        font-family: Arial;
        color: #285166;
        font-weight: normal;
        letter-spacing: -1px;
        }
        
    #search-results #top em { position: relative; top: 26px; left: 20px; }
        
    #categories { float: left; width: 998px; display: block; height: 319px; overflow: auto; }
        
    .no-products { margin-left: 30px; }
        
    #pricematch { 
        float: left;
        margin-top: 5px; 
        height: 25px;
        width: 250px;
        background: transparent url("../images/pricematch.gif") no-repeat top left;
        float: left;
        padding: 15px 0 0 55px;
        }
        
    #pricematch, #acceptedcards, #vat, #goback { font-size: 0.75em; font-weight: bold; }
    
    #acceptedcards {
        float: right;
        position: relative;
        right: 150px;
        top: 5px;
        height: 31px;
        width: 250px;
        background: transparent url("../images/creditcards.gif") no-repeat bottom center;
        padding-top: 9px;
        text-align: center;
        }
        
    #acceptedcards span { position: absolute; left: -9999px; }
    
    .product {
        width: 140px;
        height: 150px;
        display: inline;
        float: left;
        text-align: center;
        }
        
    .product img { margin: 0 auto; }
    .product .header { float: left; width: 140px; height: 2.4em; overflow: hidden; }
    .product .header a { color: #000; }
    .product .header a:hover { text-decoration: none; }
    .product .price { float: left; width: 140px; display: block; height: 1.2em; }
    .product input { position: relative; top: 160px; }
    
    #item-left, #item-right { 
		width: 245px;
		height: 394px;
		margin-top: -13px;
		overflow: hidden;
		background-color: #fff;
		}
		
    #item-left { float: left; }
    #item-left h3, #item-right h3 { font-size: 1.2em; }
    #item-right { float: right; }
    
    #item { 
        width: 490px;
        height: 365px;
        float: left;
        background: transparent url("../images/item-bg.gif") repeat-y top left;
        padding: 15px 10px 0 10px;
        overflow: auto;
        }
        
    #item img { float: left; width: 220px; }
    
    #item #description { width: 260px; float: right; }
    #item #description h2 { font-weight: normal; }
    
    #item #extras { float: left; width: 470px; }
    
    #item #bottom { float: left; width: 470px; margin-top: -5px; }
    #item #bottom #acceptedcards { width: 100%; float: left; margin: 5px auto 0 auto; padding: 0;  }
    
    #item #bottom #vat { text-align: right; float: right; padding-top: 20px; }
    #item #bottom #vat a, #goback a { color: #000; }
    #item #bottom #vat a:hover, #goback a:hover { text-decoration: none; }