/* CSS Document */

/* BROAD STYLE */
body {
	font: 13px Tahoma, Helvetica, Arial, sans-serif;
	line-height: 19px;
	background: #e4efee url("../images/body-bg.gif") repeat-x;
	color: #222;
	text-align: center;
	}

a {
	cursor:pointer;
	color:#000;
}
a.hoverhighlight:hover {
	color:#ba3d36;
	background-color:#fafafa;
}

.clear { clear:both; display:block;}

.n3item-row-container a {
	text-decoration:none;
	color:#3f3f3f;
	position:relative;
}

.n4item-row-container a, .n3item-group-row-container a {
	text-decoration:none;
	color:#fff;
	position:relative;
}

.n3item-row-container p { width: 200px; margin-top:10px;}

.n4item-row-container {color:#fff;}
.n4item-row-container p { margin-top:60px;}

a.read-more {
	position:absolute;
	bottom:10px;
	right:10px;
	text-decoration:none;
	font-weight:bold;
	padding-right:3px;
	padding-left:3px;
}
	a.read-more:hover,
	.item-3item-row:hover a.read-more, 
	.wideitem-4item-row:hover a.read-more, 
	.narrowitem-4item-row:hover a.read-more,
	.item-special-offers-3itemrow:hover a.read-more,
	.itemwide-special-offers-3itemrow:hover a.read-more
		{background:#eeeeee; color:#ba3d36;}
	

.n4item-row-container img {
	position:absolute;
	top:10px;
	right:10px;
}


/* STRUCTURAL ELEMENTS */

#allprint-site {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.shadow-container {
	background: url("../images/shadow-container-bg.png") repeat-y center;
	text-align: left;
	clear:both;
	}

#main-navigation  h1 {
	float:left;
	text-indent:-9999px;
}
	#main-navigation {
		padding-top:15px;
	}
	#main-navigation img { 
		padding-bottom:5px;
		
	}
	#main-navigation a {
		padding-left:20px;
	}
	#main-navigation ul {
		margin-left:10px;
	}
	#main-navigation li {
		float:left;
		width:225px;
		height:48px;
		margin-left:10px;
	}
	

	#main-navigation li a {
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
		padding-left:0px;
	}
	#main-navigation li a.home {background: url("../images/main-navigation-item-home.gif") no-repeat;}
	#main-navigation li a.products {background: url("../images/main-navigation-item-products.gif") no-repeat;}
	#main-navigation li a.special-offers {background: url("../images/main-navigation-item-special-offers.gif") no-repeat;}
	#main-navigation li a.contact-us {background: url("../images/main-navigation-item-contact-us.gif") no-repeat;}
	
	#main-navigation li a:hover {
		background-position: 0px -48px;
	}
	#main-navigation li.current a, #main-navigation li a:active, main-navigation li.current a:hover {
		background-position: 0px -96px;
	}
	



.n1item-row-container, .n3item-row-container, .n2item-group-row-container, .n3item-group-row-container, .n4item-row-container {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}

.breakup-1-0, .breakup-1-1, .breakup-1-4, .breakup-3-1, .breakup-4-3 { 
	height: 10px;
	clear: both; 
	}
	.breakup-1-0 { background: url("../images/breakup-1-0-bg.png") no-repeat center; }
	.breakup-1-1 { background: url("../images/breakup-1-0-bg.png") no-repeat center; }
	.breakup-1-4 { background: url("../images/breakup-1-4-bg.png") no-repeat center; }
	.breakup-3-1 { background: url("../images/breakup-3-1-bg.png") no-repeat center; }
	.breakup-4-3 { background: url("../images/breakup-4-3-bg.png") no-repeat center; }

.breakup-3item-row, .breakup-4item-row { 
	width: 10px; 
	float: left;
	background:url("../images/breakup-row-bg.png") repeat-y;
	}
	.breakup-3item-row { height:128px;}
	.breakup-4item-row { height:237px;}

.wideitem-4item-row, .narrowitem-4item-row, .item-3item-row {
	background: #eee;
	border: 10px solid #fff;
	float:left;
	padding:10px;
	position:relative;
	}
	.wideitem-4item-row { 
		width:195px; 
		height:197px;
		}
	.narrowitem-4item-row { 
		width:185px; 
		height:197px;
		}
	.item-3item-row  { 
		width:270px; 
		height:88px; 
		background: url("../images/item-3item-row-bg.gif") repeat-y; 
		}
		
	.item-3item-row:hover { 
		background-position: -290px 0px;
		}
	.wideitem-4item-row:hover, .narrowitem-4item-row:hover {
		background-position: -215px 0px;
	}

#special-offers-row {
	width:930px;
	background:#fff url("../images/special-offers-3itemrow-bg.jpg") no-repeat;
	border:10px solid #fff;
	color:#fff;
}

#special-offers-row p { margin-bottom:1em;}

.item-special-offers-3itemrow, .itemwide-special-offers-3itemrow {
	width:280px;
	float:left;
	position:relative;
	padding:10px;
	padding-bottom:2em;
	
}
.itemwide-special-offers-3itemrow {
	width:290px;
	margin-left: 10px;
	margin-right:10px;
}

.item-special-offers-3itemrow:hover, .itemwide-special-offers-3itemrow:hover {
	background:url("../images/special-offers-item-hover-bg.png") no-repeat;
}

#special-offers-row h2 {height:120px; text-indent:-9999px;}

	#special-offers-row #offer-1 { background: url("../images/text-special-offer-header-1.png") no-repeat;}
	#special-offers-row #offer-2 { background: url("../images/text-special-offer-header-2.png") no-repeat;}
	#special-offers-row #offer-3 { background: url("../images/text-special-offer-header-3.png") no-repeat;}

#special-offers-row img {
	float:left;
	margin-right:10px;
}

#contact-us-panel {
	width:930px;
	border:10px solid #fff;
	background-color:#fff;
}
#allprint-site #contact-us-panel {background:#fff url("../images/contact-us-shop-image-bg.jpg") no-repeat right top;}
#contact-us-panel h1 {
	height:18px;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:18px;
	background:url("../images/text-contact-h1-contact-us.gif") no-repeat;
}
#contact-us-panel h2 {
	height:17px;
	text-indent:-9999px;
	margin-top:17px;
	margin-bottom:10px;
}
	#contact-us-panel h2#find { background:url("../images/text-contact-h2-find-us.png") no-repeat;}
	#contact-us-panel h2#address { background:url("../images/text-contact-h2-address.png") no-repeat;}
	#allprint-site #contact-us-panel h2#address {  margin-top:0px;}
	#contact-us-panel h2#telephone { background:url("../images/text-contact-h2-telephone.png") no-repeat;}
	#contact-us-panel h2#email { background:url("../images/text-contact-h2-email-us.png") no-repeat;}

#contact-us-panel p {
	margin-bottom: 1em;
	width: 350px;
}
#contact-us-panel dt {
	width:40px;
	text-align:left;
	display:block;
	float:left;
	margin-right:10px;
}
	#contact-us-panel dd {
		margin-left:50px;
	}

#google-map {
	width:455px;
	height:400px;
	float:left;
	margin-right:20px;
	/*background:#eee;*/
}
#contact-details {
	float:left;
	width:445px;
}


#about-us-panel {
	width:930px;
	background:#333 url("../images/about-us-2itemrow-bg.jpg") no-repeat;
	border:10px solid #fff;
	color:#fff;
}
#about-us-panel p { margin-bottom:1em;}

#about-us-panel h2 {height:40px; text-indent:-9999px;}

	#about-us-panel .itemwide-about-us h2 { background: url("../images/text-contact-h2-about-us.png") no-repeat;}
	#about-us-panel .item-about-us h2 { background: url("../images/text-contact-h2-clients.png") no-repeat;}

.item-about-us, .itemwide-about-us {
	width:205px;
	float:left;
	padding:10px;
}
.itemwide-about-us {
	width:690px;
	padding-right:30px;
	margin-right:10px;
}


a.panel-link {
	width:100%;
	height:100%;
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	text-indent:-9999px;
	z-index:101;
}

#nav-and-content {
	background:#fff;
	padding:10px;
}
	#sec-navigation {
		width:225px;
		float:left;
		margin-right:10px;
	}
		#sec-navigation h3 {
			width:225px;
			height:68px;
			background: url("../images/text-h3-jump-to-section.gif") no-repeat;
			text-indent:-9999px;
			margin-bottom:10px;
		}
		#sec-navigation li {
			height:47px;
			border-bottom: 1px solid #be3430;
		}
		#sec-navigation ul { border-top: 1px solid #be3430;	}
		
		#sec-navigation li a {
			display:block;
			width:100%;
			height:100%;
			text-indent:-9999px;
		}
		
			#sec-navigation li a.business-cards {background:url("../images/sec-navigation-item-business-cards.gif") no-repeat;}
			#sec-navigation li a.posters {background:url("../images/sec-navigation-item-posters.gif") no-repeat;}
			#sec-navigation li a.banners {background:url("../images/sec-navigation-item-banners.gif") no-repeat;}
			#sec-navigation li a.leaflets {background:url("../images/sec-navigation-item-leaflets.gif") no-repeat;}
			#sec-navigation li a.point-of-sale {background:url("../images/sec-navigation-item-point-of-sale.gif") no-repeat;}
			#sec-navigation li a.letterheads {background:url("../images/sec-navigation-item-letterheads.gif") no-repeat;}
			
			#sec-navigation li a:hover {
				background-position: 0px -47px;
			}
			#sec-navigation li.current a, #sec-navigation li a:active {
				background-position: 0px -94px;
			}
		
		
		
	#main-content {
		width:675px;
		padding:10px;
		background:#eee url("../images/main-content-bg.gif") repeat-y;
		min-height:370px;
		float:left;
	}
	
	#main-content p {padding-bottom:18px;}
	
	#main-content h2 {
		height:18px;
		text-indent:-9999px;
		margin-top:10px;
		margin-bottom:18px;
	}
		#main-content h2#products { background:url("../images/text-main-h2-products.png") no-repeat;}
		#main-content h2#business-cards { background:url("../images/text-main-h2-business-cards.png") no-repeat;}
		#main-content h2#letterheads { background:url("../images/text-main-h2-letterheads.png") no-repeat;}
		#main-content h2#leaflets { background:url("../images/text-main-h2-leaflets.png") no-repeat;}
		#main-content h2#banners { background:url("../images/text-main-h2-banners.png") no-repeat;}
		#main-content h2#posters { background:url("../images/text-main-h2-posters.png") no-repeat;}
		#main-content h2#point-of-sale { background:url("../images/text-main-h2-point-of-sale.png") no-repeat;}
	
	img.product-image {
		float:right;
	}
	
	
	.product-preview {
		margin-top:15px;
		clear:both;
		position:relative;
	}
	.product-preview:hover {background:#fafafa;}
	.product-preview img {float:left; margin-right:10px;}
	.product-preview p {clear:right; margin-left:110px;}
	.product-preview a {
		color:#222;
		text-decoration:none;
		}
		.product-preview a:hover, .product-preview:hover p {text-decoration:underline;}
	
	#main-content h3 {
		
		height:24px;
		text-indent:-9999px;
		margin-bottom:18px;
	}	
	.product-preview h3 {
		margin-left:110px;
	}
		#main-content h3#business-cards { background: url("../images/text-main-h3-business-cards.png") no-repeat left bottom;}
		#main-content h3#posters { background: url("../images/text-main-h3-posters.png") no-repeat left bottom;}
		#main-content h3#banners { background: url("../images/text-main-h3-banners.png") no-repeat left bottom;}
		#main-content h3#leaflets { background: url("../images/text-main-h3-leaflets.png") no-repeat left bottom;}
		#main-content h3#point-of-sale { background: url("../images/text-main-h3-point-of-sale.png") no-repeat left bottom;}
		#main-content h3#letterheads { background: url("../images/text-main-h3-letterheads.png") no-repeat left bottom;}
		
		#main-content h3#prices { background: url("../images/text-main-h3-prices.png") no-repeat left bottom;}
		
	
	.pricelist {
		width:220px;
		color:#ebebeb;
		background-color:#819795;
		float:left;
		margin-right:5px;
	}
		
		.pricelist td {
			padding-left:10px;
			padding-top:3px;
			padding-bottom:3px;
		}
		.pricelist th {
			padding-left:10px;
			padding-top:7px;
			padding-bottom:7px;
		}
		.pricelist .first-row {
			color:#464646;
			padding-top:15px;
		}
		.pricelist tr.last-row td { padding-bottom:7px;}
		
		.pricelist .top-left { background: #b7d7d4 url("../images/pricelist-top-left-corner.gif") no-repeat top left;}
		.pricelist .top-right { background: #b7d7d4 url("../images/pricelist-top-right-corner.gif") no-repeat top right;}
		.pricelist .bottom-left { background: url("../images/pricelist-bottom-left-corner.gif") no-repeat bottom left;}
		.pricelist .bottom-right { background: url("../images/pricelist-bottom-right-corner.gif") no-repeat bottom right;}
		
		.pricelist tr:hover {background-color:#84a09d;}
		.pricelist tr.first-row:hover {background-color:#b7d7d4;}
		
		ul.conditions {
			padding-top:1em;
			list-style: circle outside;
			color:#424e4d;
			clear:both;
			margin-left:30px;
		}
		ul.conditions ul {
			list-style: circle outside;
			color:#424e4d;
			clear:both;
			margin-left:30px;
		}

.pricelist-b-cards {
		width:400px;
		color:#ebebeb;
		background-color:#819795;
		float:left;
		margin-right:15px;
	}
		
		.pricelist-b-cards td {
			padding-left:10px;
			padding-top:3px;
			padding-bottom:3px;
		}
		.pricelist-b-cards th {
			padding-left:10px;
			padding-top:7px;
			padding-bottom:7px;
		}
		.pricelist-b-cards .first-row {
			color:#464646;
			padding-top:5px;
		}
		.pricelist-b-cards tr.last-row td { padding-bottom:7px;}
		
		.pricelist-b-cards .top-left { background: #b7d7d4 url("../images/pricelist-top-left-corner.gif") no-repeat top left;}
		.pricelist-b-cards .top-middle { background: #b7d7d4 url("../images/pricelist-b-cards-middle.gif") no-repeat top middle;}
		.pricelist-b-cards .top-right { background: #b7d7d4 url("../images/pricelist-top-right-corner.gif") no-repeat top right;}
		.pricelist-b-cards .bottom-left { background: url("../images/pricelist-bottom-left-corner.gif") no-repeat bottom left;}
		.pricelist-b-cards .bottom-middle { background: url("../images/pricelist-b-cards-bottom-middle.gif") no-repeat bottom left;}
		.pricelist-b-cards .bottom-right { background: url("../images/pricelist-bottom-right-corner.gif") no-repeat bottom right;}
		
		.pricelist-b-cards tr:hover {background-color:#84a09d;}
		.pricelist-b-cards tr.first-row:hover {background-color:#b7d7d4;}
		
		ul.conditions {
			padding-top:1em;
			list-style: circle outside;
			color:#424e4d;
			clear:both;
			margin-left:30px;
		}
		ul.conditions ul {
			list-style: circle outside;
			color:#424e4d;
			clear:both;
			margin-left:30px;
		}


#show-hide-contact-form {
	height:40px;
	border-bottom: 1px solid #be3430;
	background-image: url("../images/show-hide-contact-form.gif");
	background-repeat: no-repeat;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
	clear:both;
}
	#show-hide-contact-form.revealed {
		background-position: 0px -40px;
	}

		
		form#contact-form legend {
		  padding: 0 2px;
		  font-weight: bold;
		}
		form.product-page label {
		  display: block;
		  float:left;
		  line-height: 1.8;
		  vertical-align: top;
		  padding-right: 10px;
		}
		
		form fieldset {
			position:relative;
		}
			#alert {
				position:absolute;
				display:none;
				top:-5px;
				left:-10px;
				border:1px solid #fff;
				background:url("../images/alert-bg-90.png") repeat;
				width:100%;
				height:100%;
				padding-right:10px;
				padding-bottom:10px;
				text-align:center;
				color:#000;
			}
			form.product-page #alert {
				left:0px;
				top:-10px;
				padding-right:0px;
			}
			#alert p {
				width:80%;
				margin-left:auto;
				margin-right:auto;
				}
			#alert h3 {text-indent:0px; height:auto; margin-bottom:0px;}
			#alert #load-in {padding-top:30px;}
			#alert #ok {
				display:none;
				width:109px;
				height:30px;
				background:url("../images/form-button-ok.gif") repeat;
				text-indent:-9999px;
				cursor:pointer;
				margin-left:auto;
				margin-right:auto;
			}
			
		
		form.contact-page fieldset li, form.product-page fieldset li {
		  padding: 5px;
		}
		
		form label {
		  width: 120px; 
		  text-align:right;
		}
		
		form#contact-form input, form textarea {
			width:335px;
		    border:1px solid #be3430;
		    position:relative;
			top:-0.5em;
		    font-size:1em;
		    font: 13px Tahoma, Helvetica, Arial, sans-serif;
		    padding:6px 10px;
			overflow:auto;
		}
		form .current { background:#eee;}
		form .watermarked {	color:#666; border-color:#be3430;	}
		form#contact-form .verified {	border-color:#19a449;	}
		
		form#contact-form textarea {
			height:150px;
		}
		
		form#contact-form select {
			width: 322px;
			margin-right: 10px;
			background: #fff;
			border:1px solid #be3430;
			height:30px;
			font: 13px Tahoma, Helvetica, Arial, sans-serif;
		}
		form#contact-form select:active {outline: none;}
		
		#allprint-site select { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 10px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }
		
		form#contact-form #submit {
			border: none;
			padding: 0px;
			width: 109px;
			height: 30px;
			margin-left:130px;
			display:block;
		}
		
		form.contact-page fieldset { width:454px;}
		form.contact-page fieldset li { padding-left:0px; }
		#allprint-site  form.contact-page input, form.contact-page textarea { width:424px; top:0px;}
		#allprint-site  form.contact-page #submit {margin-left:0px; margin-bottom:0px; padding-bottom:0px;}
		form.contact-page fieldset li {padding-bottom:0px;margin-bottom:0px;}
		form.contact-page fieldset li.side {float:left;}

		
		


#footer {
	background-color:#fafafa;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	line-height:17px;
}

#footer .footer-item {
	width:216px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	}

#footer dt {
	width:50px;
	text-align:left;
	display:block;
	float:left;
	margin-right:10px;
	font-style:italic;
}

#footer dd {
	margin-left:65px;
	display:block;
}

#footer a {
	color:#222;
}
#footer a:hover {
	color:#ba3d36;
	background-color:#fff;
}

/* CONTENT ELEMENTS */
#dynamic-content {
	width: 930px;
	height: 218px;
	background: #eee;
	border: 10px solid #fff;
	position:relative;
	overflow:hidden;
	}
	#dynamic-content #slides-nav {
		display:none;
		position:absolute;
		top:0px;
		right:0px;
		background:#fff;
		z-index:100;
		width:107px;
		height:218px;
	}
	#dynamic-content #slides-nav li {
		width:107px;
		height:70px;
		background-color:#eee;
		text-indent:-9999px;
		cursor: pointer;
	}
		#dynamic-content #slides-nav li#nav-slide-0 {display:none;}
		#dynamic-content #slides-nav li#nav-slide-1 {background:url("../images/slides-nav-1-business-cards.png") no-repeat;}
		#dynamic-content #slides-nav li#nav-slide-2 {background:url("../images/slides-nav-2-posters.png") no-repeat; margin-top:4px; margin-bottom:4px;}
		#dynamic-content #slides-nav li#nav-slide-3 {background:url("../images/slides-nav-3-special-offers.png") no-repeat;}
	
	#dynamic-content #slides .slide {
		width:930px;
		height:218px;
	}
		#dynamic-content #slides #slide-0 {background:url("../images/homepage-slideshow-1.png") no-repeat;}
		#dynamic-content #slides #slide-1 {background:url("../images/homepage-slideshow-2.png") no-repeat;}
		#dynamic-content #slides #slide-2 {background:url("../images/homepage-slideshow-3.png") no-repeat;}
		#dynamic-content #slides #slide-3 {background:url("../images/homepage-slideshow-4.png") no-repeat;}
	
	


.n4item-row-container h2 {height:38px; text-indent:-9999px;}

#item-business-cards {	background-image: url("../images/item-4item-row-darkgreen-bg.jpg");}
	#item-business-cards h2 { background: url("../images/text-h2-business-cards.png") no-repeat;}

#item-posters {	background-image: url("../images/item-4item-row-lightgreen-bg.jpg");}
	#item-posters h2 { background: url("../images/text-h2-posters.png") no-repeat;}
	
#item-banners {	background-image: url("../images/item-4item-row-purple-bg.jpg");}
	#item-banners h2 { background: url("../images/text-h2-banners.png") no-repeat;}
	
#item-leaflets {	background-image: url("../images/item-4item-row-red-bg.jpg");}
	#item-leaflets h2 { background: url("../images/text-h2-leaflets.png") no-repeat;}
	


.item-3item-row h3 {height:17px; text-indent:-9999px;}
	.item-3item-row h3#special-offers { background: url("../images/text-h3-special-offers.png") no-repeat;}
	.item-3item-row h3#point-of-sale { background: url("../images/text-h3-point-of-sale.png") no-repeat;}
	.item-3item-row h3#letterheads { background: url("../images/text-h3-letterheads.png") no-repeat;}
