/* Background : 017dc5     Dk Blue 18318c   Light Blue 28AAE2     Yellow FEFE00 Text Blue aff5f4 */

#wrapper {
	margin:0 auto;
	width:1020px;
	background:url(../images/wrapper-bg.png) repeat-y;
}


/* Scroll */
#scroll {
   position: relative;
   left: 280px;
   font: 20px/1.2 Book Antiqua ;
}

#estcode {    /* estcode */           
       position:absolute;          
    top:-25px;
    left:12%;           


}

#askbox {    /* ask box*/             
        position:absolute;       
        top:173px;
        left:198px;
        width:220px;
        height:100px;  

        margin:0;
        padding:0;
        border:1px solid #FEFE00;
        background:#28AAE2 ;
	opacity:0.8;     
         z-index:1
 }
#ask {    /* ask text  z-index:-1; */           
        position:absolute;       
        top:180px;
        left:200px;
        color:#fefe00; 
        text-align:center;
        font: 30px/1.2 Book Antiqua ;
        font-weight:900;
       z-index:11


}
 
#map {
			/*margin:0;
			padding:0;
			width:0px;
			height:0px;
			background:url(images/mainmap.jpg) top left no-repeat #fff;
			font-family:arial, helvetica, sans-serif;
			font-size:8pt;*/
 

		}
		
		#map li {
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#map li a {
			position:absolute;
			display:block;
			/*
			   Specifying a background image
			   (a 1px by 1px transparent gif)
			   fixes a bug in older versions of
			   IE that causeses the block to not
			   render at its full dimensions.
			*/
   			background:url(blank.gif);
   			text-decoration:none;
			color:#000;
		}
		
		#map li a span { display:none; }
		
		#map li a:hover span {
			position:relative;
			display:block;
			width:80px;
			left:20px;
			top:50px;
			border:1px solid #000;
			  		}
	
		#map a.crawley {
			top:190px;
			left:50px;
			width:100px;
			height:20px;
                        background:#18318c;
                        border:1px solid #FEFE00;
                        text-align:center; 
                        padding: 0px 5px 16px 5px ;
                        margin:0px 0px 0px 0px; 
			color:#fefe00;
			opacity:0.9;
		}
		
		#map a.eg {
			top:190px;
			left:450px;
			width:100px;
			height:20px;
                        background:#18318c;
                        border:1px solid #FEFE00;
                        text-align:center; 
                        padding: 0px 5px 16px 5px ;
                        margin:0px 0px 0px 0px; 
			color:#fefe00;
			opacity:0.9;
		}
		
		#map a.horsham {
			top:300px;
			left:100px;
			width:100px;
			height:20px;
                        background:#18318c;
                        border:1px solid #FEFE00;
                        text-align:center; 
                        padding: 0px 5px 16px 5px ;
                        margin:0px 0px 0px 0px; 
			color:#fefe00;
			opacity:0.9;
		}
		
		#map a.redhill {
			top:40px;
			left:250px;
			width:100px;
			height:20px;
                        background:#18318c;
                        border:1px solid #FEFE00;
                        text-align:center; 
                        padding: 0px 5px 16px 5px ;
                        margin:0px 0px 0px 0px; 
			color:#fefe00;
			opacity:0.9;
		}
		
		#map a.hh {
			top:300px;
			left:400px;
			width:100px;
			height:20px;
                        background:#18318c;
                        border:1px solid #FEFE00;
                        text-align:center; 
                        padding: 0px 5px 16px 5px ;
                        margin:0px 0px 0px 0px; 
			color:#fefe00;
			opacity:0.9;
		}

                #map a.caterham {
			top:85px;
			left:420px;
			width:100px;
			height:20px;
                       background:#18318c;
                        border:1px solid #FEFE00;
                        text-align:center; 
                        padding: 0px 5px 16px 5px ;
                        margin:0px 0px 0px 0px; 
			color:#fefe00;
			opacity:0.9;
		}
                #map a.dorking {
			top:85px;
			left:55px;
			width:100px;
			height:20px;
                        background:#18318c;
                        border:1px solid #FEFE00;
                        text-align:center; 
                        padding: 0px 5px 16px 5px ;
                        margin:0px 0px 0px 0px; 
			color:#fefe00;
			opacity:0.9;
		}
  

#hitspage { /* Hits Text */
        position:absolute;
        text-align:right;

}



#towns { /* local towns */
        white-space:nowrap;
        position:absolute;
        top:72px;
        left:0;
        width:100%;
        height:17px;
        padding:0;
        background:#fe9;
        color:#666;
        font-size:x-small;
        font-style:normal;
        text-align:center;
        word-spacing:15px;
        border-top:1px solid #666;
        border-bottom:1px solid #666;
}

address { /* Copyright text  text-align:inherit;*/
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        height:20px;
        padding:0;
        background:#fe9;
        color:#f60c00;
        border-top:1px solid #666;
        font-size:normal;
        font-style:normal;
            
}

body {  
        overflow:scroll;
        margin:0px 0px 0px 0px;
        padding:0;
        background:#017dc5;      
}


h1 {
        margin:0;
        padding:0;
        font-size:2em;
        line-height:3.0;
         color:#fefe00; 
}

h2 {
        margin:0 0 0.5%;
        padding:0;
        font-size:1.5em;
        color:#fefe00; 
}
h3 {
      
        color:#ffffff; 
}

 html {    /* ALL THE TEXT*/             
         margin:0;
        padding:0;
        font: 80%/1.5 sans-serif ;
        color:#aff5f4; 
      /* background:#fff;  */

}

p {
        margin:0px 0 1.5em;
}


#header {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:71px;
        z-index:1;
        background:#017dc5;
        color:#369;
        
       
}
 
#header div { /* company name area only                          */
       
        padding : 0px 20px 0px 30px;
        white-space:nowrap;
        color:#fefe00;
        text-align:center;
        font: 30px/1.2 Book Antiqua ;
        font-weight:900;
          word-spacing:5px;

}       

 
     
#robname {
        float:Right;
        margin:0 0 0.5%;
        padding:0;
        font-size:1em;
        color:#ffffff; 
}
img.containerwarehouse    {
	float: right;
        margin: 0% 0% 0% 10px;
 	width: 50%;
 	height: 50%;
 }
img.ocnr {
	float: right;
        margin: 0% 0% 0% 10px;
 	width: 40%;
 	height: 40%;
 }

img.mainmap {
		width:600px;
		height:800px;
	
		}

img.localmap {  
                position: absolute;
           	top : 40px;
                left: 0px;
                width:400px;
		height:400px;
	
		}

img.mainmapbackdrop {
	position:absolute;
        left:30px;
        top:30px;
        width:550px;
   	height: 350px;
        border:2px solid #fefe00   ;

        opacity:0.7;

}


img.logo1 {
	position: absolute;
	left: 0%;
 	width: 14%;
 	height: 70px;
}

img.logo2 {
         z-index:-1;
	position: absolute;
	left: 86%;
 	width: 14%;
 	height: 70px;
 }
img.left {
	float: left;
	margin: 0 10px 0 0;
 	width: 18%;
 	height: 77px;
 }

img.right {
	float: right;
	margin: 0 0 0 10px;
 	width: 18%;
 	height: 77px;
 }
img.namenumber {
	float: right;
	margin: 0px 0 0 10px;
 	width: 100%;
 	height: 77px;
 }

img.lorrysrem {
	float: middle;
	margin: 0 0 0 10px;
 	width: 70%;
 	height: 50%;
 }

img.robramp {
	float: left;
	margin: 1% 2% 0% 0%;
 	width: 20%;
 	height: 20%;
 }


img.checka {
	        
        position:absolute;
        left:7px;
        top:20px;
     	width:120px;
 	height: 35px;
 }

img.checkatrade {
	        
        float: left;
	margin: 1% 2% 0% 0%;
 	width: 140px;
 	height: 40px;
 }

img.freightship {
	float: right;

	margin: 2% 0% 0% 8%;
 	width: 30%;
 	height: 10%;
 }

img.squareworld {
	float: left;
	margin: 2% 8% 0% 8%;
 	width: 15%;
 	height: 15%;
 }

img.baz {
	float: left;
	margin: 0% 10px 0% 0%;
 	width: 120px;
 	height: 160px;
 }

img.rob {
	float: right;
        margin: 0% 0% 0% 10px;
 	width: 120px;
 	height: 160px;
 }


img.phonenumbers {
	position:absolute;
        left:30px;
        top:30px;
        width:550px;
   	height: 350px;
        
        opacity:0.7;

 }
img.costasave {
	        
        position:absolute;
        left:200px;
        top:50px;
     	width:300px;
 	height:50px;
 }
img.quest {
	        
        position:absolute;
        left:50px;
        top:190px;
     	width:90px;
 	height:28px;
 }
img.checkalink {
	        
        position:absolute;
        left:100px;
        top:120px;
     	width:160px;
 	height: 40px;
 }

img.redfone {
	position:absolute;       
        left:34px;
        top:60px;
     	width:65px;
 	height: 65px;
 }

img.redfone1 {
	position: absolute;   
        left:250px;
        top:250px; 
        width:100px;
 	height:100px;
 }
img.lorrys {
	float: left;
        margin: 2% 3% 0% 0%;
 	width: 40%;
 	height: 40%;

        /* position: absolute;   
        left: 30%; 
        width:10%;
 	height:10%;*/

 }
img.Inside-crate {
	float: left;
        margin: 2% 3% 0% 0%;
 	width: 120px;
 	height: 120px%;

       

 }
img.forkcont {
	float: right;
        margin: 0% 3% 5% 20px;
 	width: 120px;
 	height: 100px%;

       

 }
img.onepx {
	
 	width: 1px;
 	height: 1px;

       

 }

#company {
	position: absolute;
	left: 30%;
	color:#fff;
}

 
#content {
        
        position:absolute;
        top:15%;          
        left:19%;
        width:60%;
        height:70%;         
        margin:5px 5px 10px 5px;
        color:#ffffff;
        
        padding:0px 10px 0px 0px ;
        min-width:60%;
        overflow - x : hidden;
}
#contentringback {
       
        color:#aff5f4;
        margin:00px 0px 0px 200px;
        
}

#toprightbox {
         
        overflow:hidden;
        position:absolute;
        top:100px;
        right:15px;
                                 /*bottom:160px;            135*/
        width:140px;
        background:#18318c;
        color:#FEFE00;
        border:1px solid #FEFE00;
        margin:0px 0px 0px 0px;
        text-align:center ;                
}

ul {
        margin-top:0px;
        margin-bottom:10.5em;
}


#nav { /* sets the blue box */
        position:absolute;
        top:100px;
        left:8px;
        width: 135px;
        background:#18318c;
        border:1px solid #FEFE00;
        text-align:left; 
        padding: 0px 0px 20px 5px ;
        margin:0px 0px 0px 0px; 
}

#nav a:link,#nav a:visited {
        color: #fefe00;
     
        text-decoration:none;
}

#nav a:hover,#nav a:focus {
        color:#28AAE2 ;
}

#nav li {
        margin:0px;                        /* */
        padding:1.6px 0px 0px 0px;          /*spacing menu items vert */
        list-style-type:none;          /* */
        border-bottom:1px solid #fff; /* underline in menu*/

}

#nav span {
        position:absolute;
        top:102%;
        left:0;
        width:112em;
        background:#fefe00;
        color:#18318c;
        font: 80%/1 sans-serif;
        padding:0px 0px 0px 0px;
        visibility:hidden; 
        font-size:smaller;

}

#nav a:hover span,#nav a:focus span {
        visibility:visible;
}
#addressbox {
        position:absolute;
        top:450px;
        left:8px;
        width: 139px;
        margin:0%;
        background:#18318c;
        color:#FEFE00;
        border:1px solid #FEFE00;
        text-align:center;      
        


}
#contacts {
        position:absolute;
        top:450px;
        Right:11px;
        width: 139px;
        background:#18318c;
        color:#FEFE00;
        border:1px solid #FEFE00;
        /*padding:0 .5em;*/
        margin:0px 3px 0px 1px;
          text-align:center;
}
#thanke {
        
          text-align:center;
}

/*-------------------- InputForm ---------------------- */

/*  * {
	margin: 0;
	padding: 0;
}


p {
	font-size: 1.3em;
	margin-bottom: 15px;
}
                                                 */

#page-wrap {
	width: 560px;
	background: #18318c;
	padding: 20px 50px 20px 5px;
	margin: 10px auto;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

#contact-area {
	width: 600px;
	margin-top: 5px;
        
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 371px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #white;
       
}

#contact-area textarea {
	height: 90px;
 
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #fefe00;
}

#contact-area input.submit-button {
	width: 80px;
	float: right;
        Border : 2px solid #yellow  
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 0px;
	font-size: 1.4em;
}