/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        height:100%;
        background:#daf4f0;
        min-width:100%;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:100%;	
		font-family:Arial, Helvetica, sans-serif;	
    }

/* Links */

	a {
    	color:#000080;
	}
	
	a:hover {
		text-decoration:underline; color:#cc0099;
	}

	
	.linkbutton {text-align:center;background:#daf4f0;}
	

/* Text Styles */
    h1 {
    	font-size:1.7em;
    	font-weight:bold;
        padding:0;
    }
    
    h2 {
    	font-size:1.4em;
    	font-weight:normal;
        padding:0;
        }
        
    h3 {font-weight:normal;
        }
        
    h4 {font-weight:normal;
    	font-size:.9em;
       	}
    	
    h5 {text-align:center;
    	}
    
	h6 {font-weight:bold;
		font-size:1em;
		}	
      
	.bold	{font-weight:bold;}
	.centre {text-align:center;}

/* Header */
	#header {
        clear:both;
        float:left;
        width:100%;
        background:#fff;
        margin-bottom:0em;
    }
	
	.headerlogo {
		padding-left: 150px;
		padding-right: 150px;
		}
	
	#basket {
		position:relative; 
				top: -40px; 
			    left: 598px;
		}
	.basket {
		position:relative; 
		top: -5px; 
		left: 595px;
		}
		
			

/* Images */	
	.magazine {padding-left:.7em;}
	
	img {
		margin:10px 0 5px;
		border:none;
		}
	
	.floatleft {
    	float: left; 
    	margin: 4px; 
    	}
   
    .logo {
    	margin-bottom:-15px;
    	}
	

		
/* Layout */
	#container {
		width:900px;
		margin:0 auto;
		position:relative;
		border-left:5px outset #daf4f0;
		border-right:5px inset #daf4f0;
		text-align:left;
		}		
	


	
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
/* 3 column settings */
	.threecol {
		background:#fff;    	/* Right column background colour */
		}
		
    .wrap {
        float:left;
        width:200%;
        
        position:relative;
        right:110%;
        background:#fff;    	/* Centre column background colour */
        }
    .innerwrap {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
       
        background:#fff;    	/* Left column background colour */
        
    }
    .colwrap {
        float:left;
	    width:50%;
	    position:relative;
	    		
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	
	
	.centrecol {
        margin:0em 10.2em ;     		/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	    width:770px; 
	}

    
    
/* Other Centre Column(s) Layouts */    
     .twocolleft {
    	width:46.5%;
    	float:left;
    	}
    	
    .twocolright {
    	width:46.5%;
    	float:left;
    	margin-left:20px;    
		}	
		
	.onecol {
		width:98%;
		float:left;
		}

/* Left Column */
.leftcol {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:10em;        		/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:1em;         		/* Width of the left-had side padding on the left column */
 		margin-top:-.8em; 
 		
    }    
/* left navigation bar */
    .leftbar ul {
    margin:0.1em;
    list-style-type:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    font-weight:bold;
    width:10em;
    padding:20px 10px 12px 40px;
        
    }
    
    .leftbar a {
    display:block;
    width:11.5em;
    margin-left:-2em;
    color:#363636;
    text-decoration:none;
    background:url('images/Logos/logobutton2.gif') no-repeat;
    padding-left:15px; padding-right:10px; padding-top:7px; padding-bottom:12px
    }
    
    .leftbar a:hover { 
    background:url('images/Logos/logobutton.gif') no-repeat;
    font-weight:bold;
    }
    
    .paymentlogos {
    padding-left:30px;
    }
     
/* Right column */    
    .rightcol {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:8.5em;        		/* Width of right column content (right column width minus left and right padding) */
        margin-right:0em;  		/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
        border-right:.5em solid #ffffff;
      }
      
    .rightbar {
    	margin-right:0.7em; 
    	height:100%;
    	}
    .col3photos {text-align:center;}
    
    
    
    
/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
		text-align:center;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    
    	/* Form styles */
	#form {font-family:"Trebuchet MS", Verdana, sans-serif;width:45em}
		h2 {margin:0 0 0 0;padding:0}
		p {margin:0 0 1em 0;padding:0;font-size:90%}
			fieldset {background:#daf4f0;border:none;margin-bottom:1em;width:27.5em;padding-top:1.5em;padding-right:5em;}
				p.legend {background:#daf4f0;color:black;padding:.2em .3em;font-size:1.2em;border:2px outset; position:relative;margin-bottom:-1em;width:9em;margin-left:1em;margin-top:1em}
					#contact {border:outset }
					#company {border:outset }
					#enquiry {border:outset }

					#contact label {position:absolute;font-size:90%;padding-top:.2em;left:20px}
					#contact input {margin-left:10em;margin-bottom:.2em;line-height:1.4em;}
					
				
					#company label {position:absolute;padding-top:.2em;left:20px}
							select {margin-left:9em;margin-bottom:0;}
							
				
	
	#size {font-size:90%}
	#size input {margin-left:6em}
	#size input + input {margin-left:1em}
	#size br+ input {margin-left:9em}
	
	#business {font-size:90%}
	#business input {margin-left:6em}
	#business input + input {margin-left:19em;}
	#business br+input {margin-left:6em}



	textarea {font:.8em Arial, Verdana, sans-serif;width:27em;padding:.2em}
	
	input[type="submit"], input[type="reset"]
	{
	background:#daf4f0;font:1.2em "Trebuchet MS", Verdana, sans-serif;
	}

	.buttons {text-align:center;}
	
/* End Form styles */
     


/* Quotation Marks */
		p.withquote {background:url(http://www.mandarindesign.com/images/quote.gif)
		no-repeat;background-position:top left ;padding-left:20px; text-align:left;float:left;} 
		
		p.withunquote {background: url(http://www.mandarindesign.com/images/unquote.gif) no-repeat;background-position:bottom right;}

/* End Quotation Marks */   


  .box {
		background:#ffffff;
    	padding: 0em .3em 0 .3em;
    	margin: 0 1.2em 1em 0;
    	color: #000000;
    	border:.2em solid #daf4f0;
    	}

  .solidbox {
		background:#daf4f0;
    	padding: .3em .4em 0em .6em;
    	margin: 0 .2em .5em 0;
    	color: #000000;
    	border:.2em solid #daf4f0;
    	text-align:center;
    	}   

  .blackbox {
		background:#daf4f0;
    	padding: 0em 0.2em 0em 0.2em;
    	margin: 1em 0.3em 0.3em 0.3em;
    	color: #000000;
    	border:.05em solid #000000;
    	text-align:center;
    	}
    	
  .linkbox {
  		width:100%;
  		background:#ffffff;
  		padding:.2em;
  		margin:-1em 0 1em 0;
  		color: #000000;
  		border:.2em solid #daf4f0;
  		}
  		
 
	
  .boxheader {
		width:100%;
    	height:2.5em; 
    	background:#daf4f0;
    	font-weight:bold; color:#000000;
    	text-align:center;
    	padding:.2em;
    	border:.2em solid #daf4f0;
    		}