/* Copyright Evocative Design 2006 - 2007 | Some modifications by Peacock, Carter & Associates */

/* Generic Styling */

	html, body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	min-width: 750px;
	text-decoration: none;
	}
	
	a, a:active, a:link, a:visited {
	background-color: transparent;
	border-bottom: 1px #999999 dotted;
	color: #666666;
	text-decoration: none;	
	}
	
	a:hover {
	border-bottom: 1px #003399 dotted;
	color: #003399;
	}
	
		a[href $='.pdf'] { 
		padding-right: 20px;
		background: transparent url("icon_pdf.gif") no-repeat center right;
		}
		
		a[href $='.doc'] {
		padding-right: 20px;
		background: transparent url("icon_doc.gif") no-repeat center right;	
		}
	
	img {
	border-width: 0px;	
	}
	
	p, address {
	padding: 3px;
	text-align: justify;	
	}
	
	label {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px 5px;	
	}
	
		.img_caption {
		border: 1px #FFFFFF solid;
		font-size: 0.8em;
		margin: 3px;
		padding: 2px;
		text-transform: uppercase;	
		}
		
	blockquote {
	background: #FFFFFF url("blockquote_openquote.png") no-repeat top left;
	border: 5px #FF9900 solid;
	color: #FF9900;
	float: right;
	margin: 0px;
	padding: 2px;
	padding-top: 25px;
	width: 185px;
	}
	
		blockquote p {
		margin: 3px;	
		}
		
		.blockquote_source {
		color: #666666;	
		text-align: right;
		}
		
		.blockquote_source:before {
		content: "SOURCE: ";	
		}
		
	.company {
	color: #FFFF33 !important;	
	}
	
	h1, h2, h3, h4, h5, h6 {
	background-color: transparent;
	display: block !important;
	font-family: "agency fb", agency, impact, serif;	
	padding-left: 3px;	
	text-align: left !important;
	}
	
	h1 {
	border-bottom: 2px #666666 solid;
	color: #666666;
	font-size: 1.8em;
	letter-spacing: 2px;
	line-height: 2.0em;
	}
	
	h2 {
	color: #003399;
	font-size: 1.6em;
	letter-spacing: 1px;
	line-height: 1.8em;
	}
	
	h3 {
	color: #666666;
	font-size: 1.4em;
	letter-spacing: 1px;
	line-height: 1.6em;	
	}
	
	h4, h5, h6 {
	color: #999999;
	font-size: 1.2em;
	letter-spacing: 1px;
	line-height: 1.1em;
	text-transform: uppercase;	
	}
	
	.photo {
	background: #003399 url("images/img_bg.png") no-repeat bottom right;
	border: 5px #003399 solid;
	margin: 5px;
	padding: 3px;
	padding-bottom: 45px;
	float: right;	
	width: 200px;
	}
	
	/* Tables */
	
	table {
	background: #FFFFFF;
	color: #000000;
	display: block !important;
	/* float: left; */
	font-size: 0.9em;
	letter-spacing: 1px;
	line-height: 1.5em;
	margin-left: 5px;
	width: 450px !important;
	}
	
		caption {
		caption-side: bottom;
		color: #282828;
		font-size: 0.9em;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;	
		}
		
		caption:before {
		content: "Table: ";	
		}
	
		table a, table a:active, table a:link, table a:visited {
		border-bottom: 1px #282828 dotted;
		color: #282828;
		}
		
		table a:hover {
		color: #FF9900;
		border: 0px;	
		}
	    	
	    	td {
		    background-color: #FFFF33;
		    border: 1px #666666 solid;
		    color: #282828;
		    height: 20px;	
	    	}
	    	
		    	td p {
			    font-size: 1.3em;
			    margin: 5px;
			    text-align: justify;
		    	}
	    
	    	.table_title {
		    background-color: #666666 !important;
		    border: 1px #FFFF33 solid !important;
		    color: #FFFFFF;
		    font-size: 0.9em;
		    font-weight: bold;
		    text-align: right;
    		}
	    	
	    	th {
		    background-color: #282828;
		    border: 1px #FFFF33 solid;
		    color: #FFFF33;
		    font-size: 0.8em;
		    height: 20px;
		    text-align: right;
		    text-transform: uppercase;
	    	}
	    	
	    		th a, th a:active, th a:link, th a:visited {
		    	border-bottom: 1px #FFFF33 dotted;
		    	color: #FFFF33;
	    		}
	    		
	    		th a:hover {
		    	border-bottom: 1px #FFFF33 solid;
		    	color: #FFFF33;	
	    		}
	    	
	    	.storage_dimensions {
		    color: #666666;
		    font-style: italic;	
	    	}

/* Layout & Specific Styling*/

	#orbis, #footer {
	background: #FFFFFF;
	clear: both;
	color: #999999;
	font-size: 0.6em;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
	
	#orbis {
	height: 55px;
	min-width: 750px;
	text-align: right;
	}
	
	/* #footer below */
	
		#orbis a, #orbis a:active, #orbis a:link, #orbis a:visited {
		background-color: transparent;
		border-width: 0px;
		color: #999999;
		padding-bottom: 20px !important;
		}
		
		#orbis a:hover {
		background-color: #003399;
		border-bottom: 3px #003399 solid !important; /* Overrides .orbis_currentmenu */
		color: #FFFFFF !important;	
		}
		
		.orbis_currentmenu {
		border-bottom: 3px #003399 solid !important;
		color: #003399 !important;
		}
	
		#orbis ul, #footer ul {
		list-style-type: none;
		}	
		
		#orbis li, #footer li {
		display: inline;
		padding: 3px;
		}
		
/* Header */

	#header {
	background: #FFFFFF;
	clear: both;
	color: #666666;
	height: 125px !important;
	padding: 0;
	margin: 0;
	}
	
		#header img {
		float: left;	
		}
		
		/* Service detail boxes for header */
		
		#header_forgeneral, #header_forstudents {
		color: #666666;
		float: right;
		font-size: 0.7em;
		line-height: 1em;
		height: 125px;
		padding: 0;
		margin-left: 5px;
		width: 200px;
		}
		
		#header_forstudents {
		background: #FFFF00 url("images/header_forstudents_bg.png") no-repeat top left !important;
		color: #000000 !important;
		margin-right: 25px;
		}
		
		#header_forgeneral {
		background: #003399 url("images/header_forgeneral_bg.png") no-repeat top left !important;
		color: #FFFFFF !important;
		}
		
			#header_forgeneral img, #header_forstudents img {
			border: none;
			float: left;
			padding-top: 10px;
			padding-left: 10px;
			}
		
			#header_forgeneral a, #header_forgeneral a:active, #header_forgeneral a:link, #header_forgeneral a:visited {
			border-width: 0px;	
			border-bottom: 0px #FFFFFF dotted;
			color: #FFFFFF;
			}
			
			#header_forstudents a, #header_forstudents a:active, #header_forstudents a:link, #header_forstudents a:visited {
			border-width: 0px;	
			border-bottom: 0px #000080 dotted;
			color: #000080;	
			}
			
			#header_forgeneral a:hover {
			border-bottom: 1px #FFFFFF dotted;
			}
			
			#header_forstudents a:hover {
			border-bottom: 1px #000080 dotted;	
			}
		
			#header_forgeneral h1, #header_forstudents h1 {
			border-width: 0px;
			color: #FFFFFF;
			font-family: arial, helvetica, sans-serif;
			font-size: 1em;
			line-height: 1.2em;
			padding-left: 5px;
			text-align: left;
			text-transform: uppercase;
			}
			
			#header_forgeneral p, #header_forstudents p {
			margin: 0px;
			padding: 3px;
			line-height: 1em;
			text-align: left;
			}
			
			#header_forgeneral p, #header_forstudents p, #header_forgeneral h1, #header_forstudents h1 {
			margin-left: 50px;
			}
			
		
	#userbar {
	background: #FFFF33;
	clear: both;
	color: #003399;
	font-size: 0.8em;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 4px;	
	}
	
		#userbar a, #userbar a:active, #userbar a:link, #userbar a:visited {
		border-bottom: 1px #003399 dotted !important;
		color: #003399 !important;
		font-weight: bold !important;
		}
		
		#userbar a:hover {
		color: #003399 !important;
		border-bottom: 1px #003399 solid !important;	
		}
		
/* Main body */
				
	#wrapper {
	background: #FFFFFF url("http://www.boxitstoreit.co.uk/images/content_bg.png") no-repeat bottom right;
	color: #000000;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	}
	
	#content {
	background: #FFFFFF;
	color: #000000;
	font-size: 0.9em;
	margin-left: 225px;
	margin-right: 50px;
	}
	
		#content p, #content ol, #content address {
		font-size: 0.8em;
		line-height: 2em;	
		}
	
	#leftcolumn {
	background: #FFFFFF;
	color: #000000;
	float: left;
	width: 200px;	
	}
	
	#leftmenu {
	background: #FFFF00 url("images/leftmenu_topbg.png") no-repeat top left;
	border-width: 0px;
	color: #000000;
	float: left;
	font-size: 0.7em;
	line-height: 2em;
	margin-right: 5px;
	margin-top: 10px;
	max-width: 200px !important;
	padding: 0px !important;
	padding-top: 40px !important;
	width: 200px;	
	}
	
		#leftmenu a, #leftmenu a:active, #leftmenu a:link, #leftmenu a:visited {
		border-bottom: 1px #000000 dotted;
		color: #000000;
		padding: 3px;
		text-decoration: none;	
		}
		
		#leftmenu a:hover {
		background-color: #003399;	
		border: 0px;
		color: #FFFF00;
		}
	
		#leftmenu h1, #leftmenu h2, #leftmenu h3 {
		color: #000000;
		padding: 3px;	
		}
	
		#leftmenu h1 {
		border-width: 0px;
		color: #282828;
		font-size: 1.7em;
		margin: 0px;
		padding: 0px;
		padding-left: 3px;
		}
		
		#leftmenu img {
		border: 5px #FFFFFF solid;
		margin: 5px;	
		}
		
	#leftcontact {
	background: #FFFFFF url("images/leftmenu_bottombg.png") no-repeat top left;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 35px;
	width: 200px;	
	}
	
		#leftcontact h1 {
		border: 0px;
		color: #FFFF33;
		text-align: justify;
		}
		
		#leftcontact p {
		color: #FFFF33;
		font-family: "agency fb", agency, impact, serif;
		font-size: 1.2em;
		font-weight: bold;	
		text-align: justify;
		}
		
		#leftcontact img {
		border: 0px;
		}
		
		#leftcontact a {
		border: 0px !important;	
		}
		
/* Client Login */
		
	#clientlogin {
	width: 200px;
	}
	
		#clientlogin input {
			
		}
		
		#clientlogin .clientuser:focus, #clientlogin .clientpassword:focus {
		border: 2px #003399 solid;
		}
		
		.clientuser, .clientpassword {
		background: #FFFFFF;
		border: 2px #999999 solid;
		color: #666666;
		display: block;
		float: right;
		font-size: 8px !important;
		height: 17px;
		letter-spacing: 1px;
		margin: 2px;
		padding: 0;
		width: 150px;	
		}
		
		.clientsubmit {
		background: #FFFFFF url("http://www.boxitstoreit.co.uk/images/clientsubmit.png") no-repeat top left;
		border: 2px #003399 solid;
		color: #666666;
		display: block;
		float: right;
		height: 21px;
		margin: 2px;
		padding: 0;
		text-align: center;
		text-transform: lowercase;
		width: 75px;
		}
		
/* Contact Form */
		
		.contactsubmit {
		background: #FFFFFF url("http://www.boxitstoreit.co.uk/images/submit.png") no-repeat top left;
		border: 0px #FFFFFF solid;
		color: #666666;
		display: block;
		height: 21px;
		padding: 0;
		margin: 0;
		text-align: center;
		text-transform: lowercase;
		width: 75px;
		}
		
		.contacttextarea {
			
		}
		
		.contactfield {
			
		}
		
/* Footer */

	#footer {
	background: #FFFFFF !important;
	margin: 0px 50px;
	padding-top: 20px;
	text-align: right;
	}
	
		.footer_external {
		border-bottom: 5px #000080 solid;
		color: #666666;
		margin-left: 200px;
		padding-bottom: 10px;
		text-align: right;
		}
		
			.footer_external a, .footer_external a:active, .footer_external a:link, .footer_external a:visited {
			background-color: #FFFFFF;
			border: 1px #003399 solid !important;
			color: #003399 !important;	
			}
			
			.footer_external a:hover {
			background-color: #003399 !important;
			color: #FFFFFF !important;		
			}
			
			.footer_external li {
			margin-right: 1px !important;
			padding: 3px;
			}
	
		.no_hover {
		background-color: transparent !important;
		border-width: 0px !important;	
		}
	
		#footer img {
		float: right;	
		}
	
		#footer a, #footer a:active, #footer a:link, #footer a:visited {
		background-color: transparent;
		border-bottom: 1px #999999 dotted;
		color: #999999;	
		padding: 3px;
		}
		
		#footer a:hover {
		background-color: #000080;
		border-width: 0px;
		color: #FFFFFF;	
		}
		
		#footer li { /* Defined above */
		margin-right: 10px;
		padding: 5px;
		line-height: 2em;
		}
		
/* Error pages */

	#errorcontent {
	background: #FFFFFF;
	clear: both;
	color: #666666;
	float: right;
	font-size: 0.8em;
	line-height: 1.6em;
	letter-spacing: 1px;
	margin-right: 50px;
	margin-top: 100px;
	width: 500px;
	}
	
		#errorcontent img {
		float: right;
		margin: 10px;	
		}