/* 
********************************************************

	Title: Print styles for Essentially Storage 
	Author: Pete Eveleigh - Earl & Thompson Marketing
	
********************************************************
*/



	body {
		background-color:#fff;

		font-family:helvetica, arial, sans-serif;
		font-size:9pt;
		line-height:1.4;
		width:20cm;
		margin:0;
	}
	
	
	a:link, a:visited {
		color:#005DAB
	}
	
	a:hover, a:active {
		color:#ca0020;
	}
	
	a img {
		border:none;
	}
	
	h2, h3, h4, h5 {
		color:#005DAB;
		font-weight:bold;
	}
	
		h2 {
			font-size:200%;
		}
		
		h3 {
			font-size:150%;
		}
		
		h4 {
			font-size:120%;
		}
	
	
	/************************************/
	/* 			Specific IDs			*/
	
	#skip {
	display:none;
	}
	
	#wrapper {
		background-color:transparent;
		width:19cm;
	}
	
	
	#header {
		background-color:#fff;
		width:17.5cm;
	}
	
		#logo {
			float:left;
			width:10cm;
		}
		
		#headcontact {
			float:right;
			margin-top:8px;
			width:4cm;
		}
		
		/* Navigation bar */
		
		#topnav {
			display:none;
		}
		
					
					
			#basketbar {
			display:none;
			}
			
			
				
		
		#breadcrumbs {
			clear:left;
			padding:0 8px 4px 8px;
			font-weight:bold;
			color:#444;
		}
		
		
		
		
	/* content */
	
	#contentwrapper {
		color:#fff;
		background-color:#007BCF;
	}
	
	body#home #contentwrapper {
		background-color:#007BC5;
	}
	
		#intro {
			padding:0.5em 0;
			width:18cm;
			background-color:#fff
		}
		
		#intro h2 {
			font-size:240%;
			color:#005DAB;
		}
		
		#intro p {
			font-size:190%;
			width:14cm;
			line-height:1.2;
			font-weight:lighter;
			color:#005DAB;
		}
		
	
		#offer {
			display:none;
		}
		
	
		#main {
			width:18cm;
			background-color:#fff;
			padding:10px 10px 16px 10px;
		}
		
		body#home #main {
			
		}
		
		
		#main h2 {
			font-size:220%;
			color:#005DAB;
		}
		
		
		#productarea {
			float:left;
			clear:both;
			margin:12px 0;
		}
		
		/***************************/
		/* Side bar and side menus */
		
			#sidebar {
			display:none;
			}
			
			
					
				
				
				/* navSub dropdown menu - shows only when tree nav is enabled in admin > design settings */

				#navDept {
					position:relative;
				}
				
				.navSub,
				.navSub li {
				
					list-style: none;
					margin: 0;
					padding: 0;
					}
				.navSub {
					display: none;
					background-color:inherit;
					}
					
				.navSub li {
					position:relative;
				}
				#navDept li:hover .navSub {
					display: block;
					float: none;
					left: 210px;
					top: 0;
					position: absolute;
					width: 170px;
					}
				#navDept li:hover .navSub li {
					clear: left;
					display: block;
					float: none;
					position: relative;
					}
				#navDept li:hover .navSub li a {
					background: #4f7a9f;
					border-top: 0;
					display: block;
					width: 170px;
					}
				#navDept li .navSub a.selected {
					color: #cbd7e2;
					}
				#navDept li:hover .navSub li a:hover {
					background: #5a8bb6;
					color: #fff;
					}
				#navDept li:hover .navSub li .navSub {
					display: none;
					position: relative;
					}
				#navDept li:hover .navSub li:hover .navSub {
					display: block;
					float: none;
					top: 0;
					left: 194px;
					position: absolute;
					width: auto;
					}
				#navDept li:hover .navSub li:hover .navSub li .navSub {
					display: none;
					position: relative;
					}
				#navDept li:hover .navSub li:hover .navSub li:hover .navSub {
					display: block;
					float: none;
					top: 0;
					left: 194px;
					position: absolute;
					width: auto;
					}
					
					
			
			/* end sidebar and sidemenus */
			/*****************************/
			
			
			
			
			#contentmain {
				color:#333;
				float:left;
				width:17.5cm;
				padding:10px 0 20px 0;
			}
			
			
				#panels {
				display:none;
				}
				17.5cm
		
		
		
		/*****************************/
		
		#footer {
			clear:both;
			padding:15px 8px;	
		}
		
			#footer a:link, #footer a:visited {
				color:#dedede;
				text-decoration:none;
			}
			
			#footer a:hover, #footer a:active {
				color:#fff;
			}
		
			#footer ul {
				display:none;
			}
			
			#footer ul li {
				display:inline;
				margin-right:1em;
			}
		
		
		
		
		/* Product boxes */
		
		.productbox {
			position:relative;
			float:left;
			width:209px;
			min-height:284px;
			padding:8px;
			margin-right:7px;
			margin-bottom:7px;
			border:1px solid #ccc;
			background:url(../graphics/essentiallystorage/productboxbg.png) bottom left repeat-x #fff;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
		}
		
		.productbox h3 a:link, .productbox h3 a:visited  {
			position:relative;
			color:#ca0020;
			line-height:1.25;
			font-weight:600;
			text-decoration:none;
			margin-bottom:8px;
			float:left;
			width:209px;
			height:2.75em;
			min-height:2.75em;
			z-index:99;
		}
		
			.productbox h3 a:hover, .productbox h3 a:active {
				color:#0058ab;
			}
			
		.productbox div.prodimg {
			height:180px;
			clear:left;
			overflow:hidden;
			width:225px;
			margin-left:-8px;
			text-align:center;
			background-color:#fff;
		}
		
		.productbox div.prodinfo {
			width:209px;
			height:8em;
			min-height:8em;
			float:left;
		}
		
			.productbox div.prodinfo .title {
				color:#0058ab;
				padding-bottom:4px;
				margin-bottom:8px;
				border-bottom:1px solid #0058ab;
				height:2.75em;
				min-height:2.75em;
			}
			
			.productbox .priceinfo {
				color:#ca0020;
			}
			
			.productbox .price {
				line-height:1;
				font-weight:600;
				float:right;
				font-size:250%;
			}
			
			.productbox .message {
				text-transform:uppercase;
				background-color:transparent;
				border:none;
				margin:0;
				padding:0;
				float:left;
			}
			
			.productbox .taxmessage {
				display:block;
				text-align:right;
				font-size:40%;
				font-weight:normal;
				line-height:1;
				text-transform:uppercase
			}
			
			.productbox .onSale {
				position:absolute;
				right:8px;
				top:50px;
			}
			
			.productbox .seeAll, .productbox .addCompare {
				clear:both;
			}

		
	
			
			
			/* Product page */


			#productpage {

			}
			
			
				#productpage #imageblock {
					float:left;
					width:9cm;
					text-align:center;
				}

				#productpage .mainimg {
					float:left;
					width:9cm;
					overflow:hidden;
					text-align:center;
	
				}
				
					#productlargeimage {
						width:8cm;
					}
					
					
					#viewlargelink {
						display:none;
					}
					
				#imagegallery {
					width:9cm;
					margin-top:1em;
					text-align:left;
					clear:left;
					float:left;
				}


				#productpage .prodinfo {
					float:left;
					width:8cm;
				}

					#productpage .prodinfo h2 {
						font-weight:600;
						color:#005DAB;
						line-height:1.25;
						font-size:240%;
					}

					#productpage .proddescription p {
						margin:1em 0;
					}

					#productpage .proddescription ul, #productpage .proddescription ol {
						list-style:disc;
						margin:1em 1em;
						padding:0 1em;
					}
					
					
					#productpage .price {
						font-size:240%;
						font-weight:bold;
						color:#ca0020;
					}
					
						#productpage .price span {
							font-size:50%;
							font-weight:normal;
							line-height:1;
							display:block;
							margin-bottom:0;
						}
				
			
					#productpage .price .taxmessage {
						font-size:40%;
						display:inline;
					}
					
					
					#purchasing {
						float:left;
						width:355px;
						margin:20px 0;
					}
					
					.prodpriceinfo {
						float:left;
						margin-right:40px;
					}
					
					.orderinginfo {
						float:right;
						width:140px;
					}
					
					.formButton {
							display:none; 
						}
						
						.orderinginfo .available {
							font-weight:bold;
							color:#ca0020;
						}
					
					#productpage #quantity, #productpage .qty {
						border:1px solid #ca0020;
						text-align:center;
						width:2.5em;
						padding:1px;
					}
					
					
					#productpage .optionstable {
						float:left;
						width:18cm;
						margin:1em 0 2em 0;
						border:1px solid #ccc;
					}
						
						.optionstable tr {
							
						}
					
						.optionstable th {
							background-color:#D6D5D5;
							font-weight:bold;
							padding:4px;
							text-align:left;
							border-bottom:1px solid #ccc;
							border-collapse:collapse;
						}
						
						.optionstable td {
							padding:4px;
							border-bottom:1px solid #ccc;
						}
						
						
						.optionstable td.purchase {
							display:none;
						}
						
						.optionstable .col1, .optionstable .col2, .optionstable .col3 {
							text-align:center;
						}
						
						.optionstable .col1 {
							background-color:#EFF9FF;
						}
						
						.optionstable .col2 {
							background-color:#DFF1FF;
						}
						
						.optionstable .col3 {
							background-color:#CFE5FF;
						}
						
						.optionstable .qty {
							float:left;
						}
						
						.optionstable .formButton {
							float:right;
						}
						
						.optionstable label {
							float:left;
							margin-right:3px;
						}
			
			
			/* sort container */

			#productSort #productSortOptions {
				background: #f2f2f2;
				margin: 0 0 1em 0;
				padding: .5em 10px;
				}

			/* sort options */

			#productSort #productSortOptions .sortBlock {
				float: left;
				margin-right: 10px;
				width: 140px;
				}
			#productSort #productSortOptions .sortBlock .formSelect {
				width: 140px;
				}
			#productSort #productSortOptions .formButton {
				float: right;
				margin-top: 2.6em;
				}

			/* sort by attributes */

			#productSort h4 {
				margin: .8em 0 0 0;
				text-transform: none;
				}
			#productSort #productSortOptions dl,
			#productSort #productSortOptions dl dt,
			#productSort #productSortOptions dl dd {
				margin: 0;
				padding: 0;
				}
			#productSort #productSortOptions dl {
				margin: .5em 0;
				padding-left: 150px;
				position: relative;
				}
			#productSort #productSortOptions dl dt {
				clear: left;
				color: #555;
				float: left;
				font-weight: bold;
				margin-left: -150px;
				width: 140px;
				}
			#productSort #productSortOptions dl dd {
				color: #888;
				float: left;
				margin-right: 1em;
				}

			/* pagination */

			.pagination {
				background: #f2f2f2;
				clear: both;
				color: #777;
				font-weight: bold;
				margin: -2em 0 1em 0;
				padding: .5em 10px .5em 5px;
				}
			.pagination p {
				margin: 0;
				}
			.pagination p.current {
				display: inline;
				float: right;
				line-height: 1em;
				margin: .5em 0;
				}
			.pagination p.summary {
				border-left: 1px solid #bbb;
				float: right;
				line-height: 1em;
				margin: .5em 0 .5em .6em;
				padding-left: .5em;
				}
			.pagination a,
			.pagination a:link,
			.pagination a:visited,
			.pagination a:active {
				color: #666;
				display: block;
				float: left;
				font-weight: bold;
				margin-right: 2px;
				padding: .1em 6px;
				}
			.pagination a:hover {
				color: #111;
				}
			.pagination a.selected {
				background: #fff;
				color: #111;
				}
			.pagination.end {
				margin-top: 0;
				}
	
		
		
		
		/* Shopping basket/checkout table */
	
	/*
		#baskettable {
			float:left;
			background-color:#fff;
			border:1px solid #ddd;
			border-collapse:collapse;
			margin:2em 0;
		}
		
			#baskettable th {
				padding:4px;
				font-weight:bold;
				font-size:110%;
				background-color:#005DAB;
				color:#fff;
				text-align:left;
			}
			
			#baskettable td {
				vertical-align:top;
				border-bottom:1px solid #ddd;
				padding:4px;
			}
			
			#baskettable td.item {
				width:7.65cm;
			}
			
			#baskettable td.image {
				text-align:center;
			}
			
			#baskettable td.totallabel {
				text-align:right;
				border-bottom:none;
				border-right:1px solid #ddd;
			}
			
			#baskettable td.totalnumber, #baskettable th.totalnumber {
				text-align:right;
			}
			
			#baskettable td.grandtotal {
				font-weight:bold;
				font-size:110%;
			}
	
			#baskettable td.removeItem, #baskettable th.remove {
				width:80px;
				text-align:right;
			}
			
			#baskettable .qty {
				border:none;
			}
		
		*/
		
		#baskettable {
			float:left;
			background-color:#fff;
			border-collapse:collapse;
			margin:2em 0;
		}

			#baskettable th {
				padding:4px;
				font-weight:bold;
				font-size:110%;
				background-color:#005DAB;
				color:#fff;
				text-align:left;
			}

			#baskettable td {
				vertical-align:top;
				border-bottom:1px solid #ddd;
				border-left:1px solid #ddd;
				border-right:1px solid #ddd;
				padding:4px;
			}

			#baskettable td.image {
				text-align:center;
			}

			#baskettable td.totallabel {
				text-align:right;
				border:none!important;

				font-weight:bold;
			}

			#baskettable td.totalnumber, #baskettable th.totalnumber {
				text-align:right;
			}

			#baskettable td.grandtotal {
				font-weight:bold;
				font-size:110%;
			}

			#baskettable td.removeItem, #baskettable th.remove {
				width:80px;
				text-align:right;
			}


		
			
		
		/* View Cart */
		
			#ThisForm {
				margin-bottom:2em;
			}
			
		
			
		
			#acceptedCards {
				float:left;
			}
			
				#acceptedCards img {
					width:10cm;
				}
			
			#PostageForm {
				float:right;
				padding:12px;
				border:1px solid #ccc;
				background-color:#dedede;
			}
		
			.checkoutbutton {
				float:right;
			}
			
			.voldiscnote {
				font-weight:bold;
				color:#CA0020;
			}
			
			
			
		/* Checkout */
		
		
		table.user {
			margin:1em 0;
		}
		
		table.user td {
			padding:4px 0;
		}
		
		
		#customerReg {
			font-size:150%;
			padding:6px;
			border:1px solid #ccc;
		}
		
		
		#postage {
			float:left;
			width:325px;
			margin-right:25px;
		}
		
		#paymentmethod {
			float:left;
			width:325px;
		}
		
		
		#promotions {
			float:left;
			width:325px;
			margin-right:25px;
		}
		
		#comments {
			float:left;
			width:325px;
		}
		
		#placeorder {
	
		}
		
		.block {
			float:left;
			width:705px;
			padding-bottom:1em;
			margin-bottom:1em;
			border-bottom:1px solid #dedede;
		}
		
			
		/* My Account */
		
		#accountbuttons {
			
		}
		
			#accountbuttons li {
				display:inline;
				margin-right:10px;
			}
		
		
		#mydetails {
			border:1px solid #E1EAEF;
			background-color:#EFF9FF;
			padding:12px;
			margin:1em 0;
			width:681px;
			float:left;
		}	
		
		
			#addressinfo, #contactinfo {
				margin-bottom:1em;
				width:340px;
				float:left;
			}
			
			#editbutton {
				clear:both;
			}
			
			
		#orderhistory {
			margin-top:2em;
		}	
			
		#orderslist {
			float:left;
			background-color:#EFF9FF;
			border:1px solid #E1EAEF;
			border-collapse:collapse;
			width:705px;
			margin:1em 0;
		}

			#orderslist th {
				padding:4px;
				font-weight:bold;
				font-size:110%;
				background-color:#005DAB;
				color:#fff;
				text-align:left;
			}

			#orderslist td {
				vertical-align:top;
				border-bottom:1px solid #ddd;
				padding:4px;
			}
			
			#orderslist td.details {
				width:110px;
			}
			
			
		/* Invoice/Receipt screen */
		
		#invoicecompanydetails {
			clear:both;
			margin:1em 0;
			text-align:left;
		}
			
			
			#invoicetable {
				float:left;
				background-color:#fff;
				border-collapse:collapse;
				margin:2em 0;
			}

				#invoicetable th {
					padding:4px;
					font-weight:bold;
					font-size:110%;
					background-color:#005DAB;
					color:#fff;
					text-align:left;
				}

				#invoicetable td {
					vertical-align:top;
					border-bottom:1px solid #ddd;
					border-left:1px solid #ddd;
					border-right:1px solid #ddd;
					padding:4px;
				}

				#invoicetable td.image {
					text-align:center;
				}

				#invoicetable td.totallabel {
					text-align:right;
					border:none!important;
				
					font-weight:bold;
				}

				#invoicetable td.totalnumber, #invoicetable th.totalnumber {
					text-align:right;
				}

				#invoicetable td.grandtotal {
					font-weight:bold;
					font-size:110%;
				}

				#invoicetable td.removeItem, #invoicetable th.remove {
					width:80px;
					text-align:right;
				}
				
				
				#orderdetails, #payshipdetails, #invoicecompanydetails {
					padding:12px;
					border-bottom:1px solid #ccc;
					float:left;
					width:681px;
				}
				
				
				#orderdetails h4, #orderdetails h4 {
					margin-top:1em
				}
				
			
				
				#orderstatus {
					
				}
				
				#ordercomments {
					
				}
				
				p.actions {
					text-align:right;
				}
			


		/* General (Global) Forms */
		
		.global-form fieldset {
			margin:0.5em 0;
			padding:0.5em 0;
		}
		
		.global-form legend {
			font-size:150%;
			color:#005DAB;
		}
		
		.global-form p {
			margin-bottom:0.5em;
			padding:0.5em 0;
		}
		
		.global-form label {
			display:block;
			/*float:left;
			width:150px;*/
			font-weight:bold;
			color:#005DAB;
		}
		
			.global-form label span {
				color:#ca0020;
			}
		
		.global-form input, .global-form select {
			width:300px;
		}
		
		.global-form input, .global-form textarea {
			border:1px solid #C3D5DF;
			padding:4px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			font-size:110%;
		}


		.global-form textarea {
			font:inherit;
			font-size:110%;
		}
		
		.global-form .formButton {
			display:none;
		}
		
		.global-form .formRadio {
			width:auto;
			border:0;
		}
		
		/* Special classes */
		
		
		.message {
			padding:8px;
			border:1px solid #EFECD1;
			background-color:#FFFCDF;
			margin:1em 0;
		}
		
		.clearer {
			visibility:hidden;
			clear:both;
		}
		
		div.useractivity {
			background:url(../graphics/essentiallystorage/redboxbg.png) top left repeat-x #ca0020;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			padding:8px;
			margin-bottom:8px;
		}
		
		
		div.panel {
			float:left;
		}
		
	
	
		/* shopping cart & checkout */

		.module1 {
			float: left;
			margin: 1em 0;
			width: 340px;
			display: inline;
			}
		.module2 {
			float: right;
			margin: 1em 0;
			width: 340px;
			display: inline;
			}
		.module1 *:first-child,
		.module2 *:first-child {
			margin-top: 0;
			}
	
	
		#timer {
			visibility:hidden;
		}
