/*--------------Main background-----------------*/
#main-bg{
	float: left;
	width: 100%;
	background: url(../images/main-bg.jpg) top center no-repeat;
	height: 800px;
	}
				

#center-interface{
	margin: 0px auto;
	width: 960px;
	padding: 0 0 0 0;
	}
	
	/*-----------Skip to content------------*/
	#top-bar-left{
		float: left;
		background: none;
		margin: 0 0 0 10px;
		display: inline;
		}
		#skip-content{
			color: #dbdad5;
			padding: 4px 0 5px 0;
			font-size: 80%;
			}
			#skip-content:hover, #skip-content:focus{
				text-decoration: underline;
				}
	/*-------------Switch sites----------------*/
	#switch-sites{
		float: left;
		width: 940px;
		padding: 20px 0 0 20px;
		}
		#take-away-menus{
			float: left;
			width: 159px;
			height: 20px;
			text-indent: -9999px;
			background: url(../images/buttons/take-away-menus.gif) left bottom no-repeat;
			margin: 0 2px 0 0;
			display: inline;
			}
		#stationery-printing{
			float: left;
			width: 174px;
			height: 20px;
			text-indent: -9999px;
			background: url(../images/buttons/stationery-printing.gif) left bottom no-repeat;
			}
		/*---------------Header-------------*/
		#header{
			float: left;
			width: 960px;
			padding: 0;
			margin: 0 0 2px 0;
			}
			#header #logo{
				float: left;
				width: 260px;
				}
				#header #logo img{
					float: left;
					}
					
			#header #strapline{
				float: left;
				width: 420px;
				}
				#header #strapline img{
					float: left;
					}
			
			#header-right{
				float: left;
				width: 280px;
				background: url(../images/header-right-bg.jpg) left top no-repeat;
				height: 139px;
				}
				#header-right #mini-basket{
					float: right;
					margin: 26px 26px 0 0;
					display: inline;
					}
					#header-right #mini-basket li{
						float: right;
						width: 159px;
						background: #fff;
						border: 1px solid #dcd8cf;
						color: #000;
						padding: 5px 0 5px 6px;
						font-weight: bold;
						margin: 0 0 9px 0;
						font-size: 85%;
						}
						#header-right #mini-basket li strong{
							text-transform: uppercase;
							color: #918d85;
							}
					
					#header-right #mini-basket #view-basket{
						float: right;
						width: 171px;
						background: transparent;
						border: none;
						color: #000;
						padding: 0;
						text-align: right;
						}
					
		
		/*---------Main nav-------------*/
			#main-nav{
				float: left;
				width: 960px;
				background: url(../images/main-nav-bg.gif) left top no-repeat;
				margin: 0 0 2px 0;
				padding: 0;
				}
				#nav-left{
					float: left;
					width: auto;
					}
				#nav-right{
					float: right;
					width: auto;
					}
					
				#main-nav #nav-left li{
					float: left;
					display: inline;
					margin: 0 5px 0 5px;
					}
				#main-nav #nav-right li{
					float: right;
					margin: 0 5px 0 5px;
					display: inline;
					}
					
					
				#main-nav .splits{
					float: left;
					background: url(../images/splits-menu-light.gif) left top no-repeat;
					width: 2px;
					height: 31px;
					}
				#main-nav #nav-right li.splits-dark{
					float: right;
					background: url(../images/splits-menu-dark.gif) left top no-repeat;
					width: 2px;
					height: 31px;
					margin: 0 10px 0 10px;
					display: inline;
					}
					
					
				#main-nav a{
					text-decoration: none;
					text-indent: -9999px;
					height: 31px;
					}
				
				#main-nav .home a{
					float: left;
					width: 45px;
					background: url(../images/buttons/home-bg.gif) left top no-repeat;
					margin: 0 0 0 5px;
					display: inline;
					}
				/*#main-nav .products-prices a{
					float: left;
					width: 160px;
					background: url(../images/buttons/products-prices-bg.gif) left top no-repeat;
					}*/
				#main-nav .samples a{
					float: left;
					width: 64px;
					background: url(../images/buttons/samples-bg.gif) left top no-repeat;
					}
				#main-nav .news a{
					float: left;
					width: 44px;
					background: url(../images/buttons/news-bg.gif) left top no-repeat;
					}
				#main-nav .testimonials a{
					float: left;
					width: 99px;
					background: url(../images/buttons/testimonials-bg.gif) left top no-repeat;
					}
				#main-nav .contact-us a{
					float: left;
					width: 86px;
					background: url(../images/buttons/contact-us-bg.gif) left top no-repeat;
					}
				
				
				
				
				#main-nav .my-account a{
					float: left;
					width: 91px;
					background: url(../images/buttons/my-account-bg.gif) left top no-repeat;
					}
				#main-nav .login a{
					float: left;
					width: 47px;
					background: url(../images/buttons/login-bg.gif) left top no-repeat;
					margin: 0 17px 0 0;
					}
				
				#main-nav .logout a{
					float: left;
					width: 59px;
					background: url(../images/buttons/logout-bg.gif) left top no-repeat;
					margin: 0 17px 0 0;
					}
				
				
				
				
				#main-nav a:hover, #main-nav a:focus{
					background-position: left -31px;
					}
				#main-nav a:active{
					background-position: left -62px;
					}
		
		
				
		
		/*--------------Main container background---------*/
		#main-container-bg{
			float: left;
			width: 960px;
			background: url(../images/main-container-bg.jpg) left top no-repeat #fff;
			margin: 0;
			padding: 0;
			}
			
		/*--------Left column---------*/				
		#left-column{
			float: left;
			width: 220px;
			margin: 9px 0 0 11px;
			display: inline;
			padding: 10px 10px 50px 10px;
			font-size: 90%;
			}
			#left-column li{
				float: left;
				width: 220px;
				padding: 0 0 6px 0;
				margin: 0 0 10px 0;
				border-bottom: 1px solid #c8c5be;
				}
			#left-column li a{
				font-weight: bold;
				color: #696868;
				text-decoration: none;
				display: block;
				vertical-align:middle;
				}
			
			#left-column li a img{
				float: left;
				width: 48px;
				height: 48px;
				border: 1px solid #969288;
				background: #ffffff;
				margin: 0 10px 0 0;
				display: inline;
				}
			
			#left-column li a .products{
				float: left;
				padding: 15px 0 0 0;
				}
	
	
	
	/*----------------Left Column - Extra nav-----------*/
	.extra-nav{
		float: left;
		width: 220px;
		padding: 0;
		margin: 0;
		}
		#left-column .extra-nav li.titles{
			float: left;
			width: 210px;
			background: #b4001e;
			color: #fff;
			padding: 5px 0 5px 10px;
			font-weight: bold;
			border-bottom: none;
			}
		#left-column .extra-nav li{
			float: left;
			width: 220px;
			margin: 0;
			padding: 0;
			}
		
		#left-column .extra-nav li a{
			float: left;
			width: 210px;
			padding: 7px 0 7px 10px;
			margin: 0;
			display: block;
			font-size: 95%;
			}
		#left-column .extra-nav li a:hover, #left-column .extra-nav li a:focus{
			float: left;
			width: 210px;
			background: #f4f4f4;
			}
	
	
	
	/*----------------Left Column Testimonials---------------------*/
	#left-column #testimonials-left{
		float: left;
		width: 220px;
		margin: 50px 0 0 0;
		padding: 35px 0 0 0;
		background: url(../images/testimonials-top.gif) left top no-repeat;
		}
		#left-column #testimonials-left p{
			float: left;
			width: 220px;
			line-height: 1.5em;
			/*font-size: 85%;*/
			padding: 0 0 10px 0;
			}
		#left-column #testimonials-left-bottom{
			float: left;
			width: 220px;
			height: 35px;
			margin: 0;
			padding: 35px 0 0 0;
			background: url(../images/testimonials-bottom.gif) right top no-repeat;
			}
				
				
					
	/*----------------------Content--------------------------*/					
				
				#content{
					float: right;
					width: 690px;
					display: inline;
					margin: 20px 0 0 0; 
					padding: 0 0 50px 0;
					}
                #content ol {
                    width: 93%;
                    list-style-type: decimal;
                    padding: 2%;
                    float: left;
                    display: block;
                    margin-left: 20px;
                }

                #content ol li {
                    float: left;
                    clear: left;
                    margin: 0;
                    padding: 8px 0 0;
                }
				#content ul {
					margin: 0 0 0 0; 
					padding: 0 0 0 12px;
					}
					
				#content ul li{
					margin: 0 0 0 0; 
					padding: 8px 0 0 0;
					}
					
                    #tandc {
                      display: block;
                      width: 90%;
                      margin: 0 auto;
                      float: left;
                      margin: 2.5% 5%;
                      text-align: center;
                    }

                    #tandc th, #tandc td {
                      padding: 1%;
                      border-left: 1px solid #d4d1c8;
                    }

                    th.last, td.last {
                      border-right: 1px solid #d4d1c8;
                    }
					#content .containers{
						float: left;
						width: 665px;
						background: url(../images/containers-bg-repeat.gif) -2px top repeat-y transparent;
						margin: 0 0 0 10px;
						display: inline;
						padding: 0;
						}
						#content .containers-top{
							float: left;
							width: 669px;
							background: url(../images/containers-bg-top.jpg) left top no-repeat;
							}
						#content .containers-top-light{
							/*width: 669px;*/
							
							float: left;
							width: 665px;
							background: url(../images/containers-bg-top.jpg) -2px top no-repeat;
							}
							
							
							/*--------------------Testimonials-----------------*/
							#content .containers-top-light .testimonials{
								float: left;
								width: 645px;
								background: #fff;
								margin: 10px;
								padding: 0;
								display: inline;
								}
							/*--------------------Testimonials-----------------*/
							#content .containers-top-light .testimonials p{
								float: left;
								width: 605px;
								margin: 0;
								padding: 20px;
								line-height: 1.5em;
								}
							
						#content .containers-bottom{
							float: left;
							width: 669px;
							height: 20px;
							background: url(../images/containers-bg-bottom.jpg) left top no-repeat;
							margin: -5px 0 10px 8px;
							display: inline;
							}
					
					#content #big-image-homepage{
						float: left;
						width: 643px;
						border: 1px solid #fff;
						margin: 12px;
						display: inline;
						background: #c8c5be;
						}
						#content #big-image-homepage img{
							float: left;
							width: 643px;
							}
					
					#content p{
						float: left;
						width: 665px;
						margin: 0 0 10px 10px;
						display: inline;
						}
						
					#content p.errormessage {
						color: #FF3300;
						padding:4px;
					}
						
					
					
					#content .product-containers{
						float: left;
						width: 214px;
						background: url(../images/product-containers-bg-repeat.gif) 2px top repeat-y;
						margin: 0 6px 5px 8px;
						display: inline;
						}
						#content .product-containers-top{
							float: left;
							/*width: 214px;*/
							width: 210px;
							margin: 0 2px 0 2px;
							display: inline;
							background: url(../images/product-containers-bg-top.jpg) left top no-repeat transparent;
							
							} 
							
							#content .product-containers-top img{
								float: left;
								width: 198px;
								height: 168px;
								border: 1px solid #d4d1c8;
								background: #ffffff;
								margin: 5px 0 0 7px;
								display: inline;
								}
							#content .product-containers-top .product-name{
								float: left;
								width: 200px;
								margin: 5px 0 0 8px;
								padding: 5px 0 5px 0;
								color: #524f49;
								text-transform: uppercase;
								font-size: 95%;
								font-weight: bold;
								font-family: Arial, Helvetica, sans-serif;
								text-decoration: none;
								letter-spacing: 0.2em;
								}
								
						#content .product-containers-bottom{
							float: left;
							width: 214px;
							height: 20px;
							background: url(../images/product-containers-bg-bottom.jpg) left top no-repeat;
							margin: 0;
							display: inline;
							}
						
				
				
				/*---------------------------product listing--------------------*/
				#content #product-finish{
					float: left;
					width: 638px;
					margin: 0 0 10px 10px;
					background: url(../images/product-finish-bg.gif) left top repeat-x #bd1a0d;
					padding: 12px;
					border: 1px solid #F49000;
					display: inline;
					color: #fff;
					font-size: 80%;
/*					border: 1px solid #dcd9d3;
					background: #fff;*/
					
/*												background-color:#CEFFBF;
							border-bottom: 1px solid #70B859;
							border-left: 1px solid #70B859;
							border-right: 1px solid #70B859;*/
					}
					#content #product-finish p{
						float: left;
						width: auto;
						margin: 0;
						padding: 3px 0 0 3px;
						width:302px;
						}
					#content #product-finish form{
						padding:6px 0 0 0;
						float: right;
						width: auto;
						}
						#content #product-finish form li{
							float: left;
							width: auto;
							padding:0;
							}
						#content #product-finish form select{
							font-size: 95%;
							font-weight: bold;
							color: #615f5c;
							}
						#content #product-finish form label{
							margin: 0 0 0 10px;
							}
				
				.containers .product-name{
					float: left;
					margin: 10px 0 10px 3px;
					display: inline;
					padding: 7px 10px 10px 10px;
					background: url(../images/product-name-bg.jpg) left top repeat-x #cc0000;
					color: #fff;
					font-size: 145%;
					font-weight: normal;
					font-family: Arial, Helvetica, sans-serif;
					}
					.containers .table-containers{
						float: left;
						width: 644px;
						/*background: #fff;*/
						margin: 0 0 10px 12px;
						display: inline;
						padding: 0;
						}
						.containers .table-containers table{
							/*float: left;*/
							}
						/*--------Table titles--------*/
						.containers .table-containers table th{
							color: #fff;
							font-size: 80%;
							padding: 5px 0 10px 0;
							vertical-align: middle;
							border-bottom: 1px solid #fff;
							height: 40px;
							}
						.containers .table-containers table th.examples{
							background: #9c9a95;
							border-right: 1px solid #fff;
							width: 206px;
							}
						.containers .table-containers table th.quantities{
							background: #7f7d79;
							border-right: 1px solid #fff;
							}
						.containers .table-containers table th.single-sided{
							background: #615f5c;
							border-right: 1px solid #fff;
							}
						.containers .table-containers table th.double-sided{
							background: #3b3a38;
							}
						.containers .table-containers table th.black-white{
							background: #252525;
							border-left: 1px solid #fff;
							}
						
						/*---------Table image-------*/
						.containers .table-containers .images{
							float: left;
							width: 206px;
							}
						.containers .table-containers table td.examples-image{
							float: left;
							background: #9c9a95;
							border-right: 1px solid #fff;
							width: 202px;
							padding: 2px;
							vertical-align: top;
							}
							.containers .table-containers table td.examples-image img{
								float: left;
								width: 200px;
								border: 1px solid #f3f1ec;
								}
						
						
						/*--------Table matrix--------*/
						.containers .table-containers .matrix{
							float: left;
							width: 437px;
							}
						
						.containers .table-containers td{
							vertical-align: top;
							}
							.containers .table-containers .matrix td{
								vertical-align: middle;
								color: #686868;
								font-size: 80%;
								text-align: left;
								}
							.containers .table-containers .matrix .dark{
								background: #eceae4;
								}
							.containers .table-containers .matrix .light{
								background: #fff;
								}
							.containers .table-containers .matrix .quantity{
								text-align: center;
								color: #13222d;
								padding: 0;
								}
								
							.containers .table-containers .matrix a.strikethrough, .containers .table-containers .matrix a.strikethrough:hover, .containers .table-containers .matrix a.strikethrough:focus{
								text-decoration:line-through;
							}
							
							.containers .table-containers .matrix a{
								text-decoration: none;
								display: block;
								padding: 3px 0 3px 55px;
								color: #686868;
								background: url(../images/icons/add.gif) 45px 6px no-repeat;
								text-align: justify;
								}
							.containers .table-containers .matrix a:hover, .containers .table-containers .matrix a:focus{
								text-decoration: underline;
								background: url(../images/icons/add.gif) 45px 6px no-repeat #e1ded5;
								}
					
					
					/*------Other info------*/
					.other-info{
						float: left;
						border-top: 1px solid #e1ded7;
						width: 644px;
						margin: 0 0 0 12px;
						padding: 10px 0 10px 0;
						display: inline;
						font-size: 70%;
						color: #615f5c;
						}
						.other-info a{
							text-decoration: none;
							color: #615f5c;
							}
					
					
					
					
					/*-------------------------------------SHOPPING BASKET--------------------------------------*/
					#shopping-basket-titles{
						float: left;
						width: 665px;
						margin: 20px 0 10px 3px;
						display: inline;
						}
						#basket-container{
							float: left;
							width: 641px;
							padding: 1px;
							background: #fff;
							margin: 0 0 0 12px;
							display: inline;
							color: #3b3a38;
							font-size: 80%;
							}
							#basket-container td{
								padding: 10px 0 10px 0;
								}
							#basket-container .odd td{
								background: #eceae4;
								border-bottom: 1px solid #fff;
								}
							#basket-container .even td{
								background: #f3f1eb;
								border-bottom: 1px solid #fff;
								}
								
							/*Chris: added to separate each order clearly*/
							
							#basket-container table tbody{
								padding:12px;								
							}
								
							#basket-container tr.basket-row-top-odd, #order-container tr.basket-row-top-odd {
								/*background-color: #ff0000;*/
								border-top: 1px solid #AFABA4;
/*								border-left: 1px solid #3B3A38;
								border-right: 1px solid #AFABA4;*/
								background: #f3f1eb;
								}
							#basket-container tr.basket-row-bottom-odd, #order-container tr.basket-row-bottom-odd {
							/*	background-color: #ff0000;*/
								border-bottom: 1px solid #AFABA4;
/*								border-left: 1px solid #3B3A38;
								border-right: 1px solid #AFABA4;*/
								background: #f3f1eb;
								}
							#basket-container tr.basket-row-top-even, #order-container tr.basket-row-top-odd {
								/*background-color: #ff0000;*/
								border-top: 1px solid #AFABA4;
/*								border-left: 1px solid #3B3A38;
								border-right: 1px solid #AFABA4;*/
								}
							#basket-container tr.basket-row-bottom-even, #order-container tr.basket-row-bottom-odd {
							/*	background-color: #ff0000;*/
								border-bottom: 1px solid #AFABA4;
/*								border-left: 1px solid #3B3A38;
								border-right: 1px solid #AFABA4;*/
								}
								
								
							#order-container tr.basket-row-top-deposit {
								margin:20px;
								border: 1px solid #70B859;
								background-color:#CEFFBF;
							}	

							
							#content #deposit-text {
								border: 1px solid #70B859;
								background-color:#CEFFBF;
								clear:both;
								float:left;
								width:330px;
								margin:12px
							}
							
							#content #deposit-text p{
								float:none;
								margin:12px;
								clear:both;
								display:block;
								color:#3B3A38;
								width:300px;
							}
								
							/*Chris: added to separate each order clearly*/
							
								#basket-container .add-remove{
									width: 130px;
									vertical-align: middle;
									text-align: center;
									}
									
								#basket-container .item a.attribute_details{
									color:#009900;
									font-size:90%;
									}
									
								#basket-container .add-remove button{
									background: url(/templates/images/icons/add-big.gif) no-repeat center top;
									width:16px;
									height:16px;
									padding: 0 0 0 128px;
									margin: 0 0 0 0;
									border: none;
									cursor:pointer;
									text-indent: -1000em;
									display:block;
									}
									
								#basket-container .item{
									width: 190px;
									padding: 10px 10px 10px 0;
									}
									#basket-container .item a{
										font-size: 120%;
										font-weight: bold;
										color: #3b3a38;
										text-decoration: none;
										}
									#basket-container .item a:hover, #basket-container .item a:focus{
										text-decoration: underline;
										}
								
								#basket-container .quantity{
									width: 115px;
									font-size: 120%;
									}
								
								#basket-container .price{
									width: 110px;
									font-size: 120%;
									font-weight: bold;
									}
								
								#basket-container .total{
									font-size: 120%;
									font-weight: bold;
									color: #d44217;
									}
						#total-basket{
							float: left;
							width: 643px;
							background: url(../images/total-basket-bg.jpg) left top repeat-x #9c9a95;
							margin: 0 0 10px 12px;
							display: inline;
							color: #fff;
							font-size: 95%;
							font-weight: bold;
							}
							#total-basket #update-basket{
								float: left;
								width: 425px;
								padding: 15px 0 15px 15px;
								display: inline;
								clear:both;
								}
							#total-basket #total-amount{
								float: left;
								width: 105px;
								padding: 15px 0 15px 0;
								display: inline;
								}

							#total-basket #total{
								float: right;
								width: 87px;
								padding: 15px 0 15px 0;
								display: inline;
								}
							
							#total-basket #discount-amount{
								float: left;
								width: 50px;
								padding: 15px 0 15px 468px;
								display: inline;
								}
							#total-basket #discount{
								float: right;
								width: 87px;
								padding: 15px 0 15px 0;
								display: inline;
								}
					
						#continue-next{
							float: left;
							width: 643px;
							margin: 0 0 0 12px;
							padding: 0 0 10px 0;
							display: inline;
							color: #fff;
							font-size: 95%;
							font-weight: bold;
							}
							#continue-next #next{
								float: right;
								width: auto;
								}
							
							#continue-next #continue{
								float: left;
								width: auto;
								}
			
			
			
			/*--------------------Your order sum-up---------------*/
			/*-------------------------------------SHOPPING BASKET--------------------------------------*/
					#order-titles{
						float: left;
						width: 665px;
						margin: 20px 0 10px 3px;
						display: inline;
						}
						#order-container{
							float: left;
							width: 641px;
							padding: 1px;
							background: #fff;
							margin: 0 0 0 12px;
							display: inline;
							color: #3b3a38;
							font-size: 80%;
							}
							#order-container td{
								padding: 10px 0 10px 0;
								}
							#order-container .odd td{
								background: #eceae4;
								border-bottom: 1px solid #fff;
								}
							#order-container .even td{
								background: #f3f1eb;
								border-bottom: 1px solid #fff;
								}
							
								
								#order-container .item{
									width: 290px;
									padding: 10px 30px 10px 10px;
									}
									#order-container .item strong{
										font-size: 120%;
										font-weight: bold;
										}
								
								#order-container .quantity{
									width: 115px;
									font-size: 120%;
									}
								
								#order-container .price{
									width: 110px;
									font-size: 120%;
									font-weight: bold;
									}
								
								#order-container .total{
									font-size: 120%;
									font-weight: bold;
									color: #d44217;
									}
						#total-order{
							float: left;
							width: 643px;
							background: url(../images/total-basket-bg.jpg) left top repeat-x #9c9a95;
							margin: 0 0 10px 12px;
							display: inline;
							color: #fff;
							font-size: 95%;
							font-weight: bold;
							}
							
							#total-order #total-amount{
								float: left;
								width: 105px;
								padding: 15px 0 15px 440px;
								display: inline;
								}
							#total-order #total{
								float: right;
								width: 87px;
								padding: 15px 0 15px 0;
								display: inline;
								}
								
							#total-order #delivery-cost-text{
								float: left;
								width: 50px;
								padding: 15px 0 15px 468px;
								display: inline;
								}
							#total-order #delivery-cost{
								float: right;
								width: 87px;
								padding: 15px 0 15px 0;
								display: inline;
								}
								
						#total-order-deposit {
							border: 1px solid #70B859;
							background-color:#CEFFBF;
							float: left;
							width: 640px;
							margin: 0 0 10px 12px;
							display: inline;
							color: #fff;
							font-size: 95%;
							font-weight: bold;
							color:#3B3A38;
						}
						
						#total-order-deposit #total-deposit{
							float: left;
							width: 78px;
							padding: 15px 0 15px 478px;
							display: inline;
							/*color:#3B3A38;*/
							}
						#total-order-deposit #deposit{
							float: left;
							width: 20px;
							padding: 15px 0 15px 0;
							display: inline;
							/*color:#3B3A38;*/
							}
								

						
						
						
						#pay-now{
							float: left;
							width: 317px;
							margin: 10px 0 0 12px;
							display: inline;
							background: url(/templates/images/pay-now.gif) left top no-repeat;
							padding: 140px 0 20px 0;
							}
							
						
							
						#pay-later, #pay-deposit{
							float: right;
							width: 317px;
							/*height: 150px;*/
							margin: 10px 12px 0 0;
							display: inline;
							}
							#pay-now a, #pay-later a, #pay-deposit a{
								float: right;
								padding: 0 0 10px 0;
								}
						
						#pay-deposit{
							background: url(/templates/images/pay-deposit.gif) left top no-repeat;
							padding: 140px 0 0 0;
							}
							
						#pay-now form{
							float: right;
							text-align: right;
							padding: 0;
							margin: 0;
							width: 317px;
							}
								
						#pay-now #proceed-secure-payment-button, #proceed-secure-payment-button{
								/*background: url(/templates/images/buttons/pay-now.gif) no-repeat center top;
								width:111px;
								height:20px;*/
								background: url(../images/buttons/pay-now-using-paypal.gif) no-repeat center top;
								width:181px;
								height:20px;
								float: right;
								padding: 0;
								margin: 0 0 6px 0;
								border: none;
								cursor:pointer;
								text-indent: -1000em;
								display:block;
							}
							
						
						#proceed-secure-payment-protx-button {
								background: url(/templates/images/buttons/pay-now-using-sagepay.gif) no-repeat center top;
								width:181px;
								height:20px;
								float: right;
								margin: 0;
								border: none;
								cursor:pointer;
								text-indent: -1000em;
								display:block;
							}
							
							
						#pay-deposit-buttons{
							float: right;
							width: 300px;
							margin: 10px 12px 0 0;
							display: inline;
							}
							#pay-deposit-buttons form{
								float: right;
								width: 300px;
								margin: 0 0 6px 0;
								display: inline;
								padding: 0;
								}	
							
						#pay-deposit-buttons #proceed-secure-payment-deposit{
								background: url(../images/buttons/pay-deposit-using-paypal.gif) no-repeat center top;
								width:201px;
								height:20px;
								float: right;
								padding: 0;
								margin: 0 0 6px 0;
								border: none;
								cursor:pointer;
								text-indent: -1000em;
								display:block;
							}
						
						#pay-deposit-buttons #proceed-secure-payment-protx-button{
								background: url(../images/buttons/pay-deposit-using-sagepay.gif) no-repeat center top;
								width:201px;
								height:20px;
								float: right;
								padding: 0;
								margin: 0 0 6px 0;
								border: none;
								cursor:pointer;
								text-indent: -1000em;
								display:block;
							}
							
						ul#discount-code {
							/*border: 1px solid #FF7E00;*/
							padding:0;
							margin:0;
							float: left;
							width: 641px;
							background-color:#FFCE9F;
						}
						
						ul#discount-code li.alert{
							background-color:#CEFFBF;
							border: 1px solid #70B859;
							margin: 0 0 0 0;
							padding:8px 8px 8px 128px;
							float: left;
							width:503px;
							color:#000;
						}
						
						ul#discount-code li.discount_applied{
							background-color:#CEFFBF;
							border-bottom: 1px solid #70B859;
							border-left: 1px solid #70B859;
							border-right: 1px solid #70B859;
							margin: 0 0 0 0;
							padding:8px 8px 8px 128px;
							float: left;
							width:503px;
							color:#000;
						}  
						
						ul#discount-code li.discount_error{
							background-color:#FF876F;
							border: 1px solid #CF2626;
							margin: 0 0 0 0;
							padding:8px;
							float: left;
							width:623px;
						}
						
						ul#discount-code .discount{
							/*background-color:#FFCE9F;
							border: 1px solid #F38A24;*/
							width:315px;
							float:left;
							padding:12px 0 12px 129px;
						}
						
						ul#discount-code .discount_field{
							/*background-color:#FFCE9F;
							border: 1px solid #F38A24;*/
							width:80px;
							float:left;
							padding:24px 0 0 0;
						}
						
						ul#discount-code #discount_code{
							width: 50px;
							background: #fff;
							border: 1px solid #dcd8cf;
							color: #000;
							padding: 5px 0 5px 6px;
							margin: 0 0 9px 0;
						}
						ul#discount-code .discount_button {
							padding:2px 0 0 0;
							margin:0;
						}
						ul#discount-code #discount-button{
							background: url(/templates/images/buttons/submit.gif) no-repeat center top;
							width:111px;
							height:28px;
							float: right;
							padding: 0;
							margin: 24px 0 12px 0;
							border: none;
							cursor:pointer;
							text-indent: -1000em;
							display:block;
						}
						
						#delivery-cost-text {
						
						
						}
				
				
				
				/*---------------Login-------------------------*/
				.login-create form{
					float: left;
					margin: 0 0 0 100px;
					padding: 0 0 20px 0;
					display: inline;
					width: 520px;
					}
					
				#content .login-create form ul.sample-form {
					padding:18px 0 0 0;
				}
				.login-create form #business_cards,
				.login-create form #leaflets,
				.login-create form #stationery,
				.login-create form #showcards,
				.login-create form #all {
						width:12px;
					}
				.login-create form #menus_a5,
				.login-create form #menus_a4,
				.login-create form #menus_a3,
				.login-create form #all {
						width:12px;
					}
					
				#content .login-create form ul li.sample-checkbox {
						padding:0 0 0 102px;
						margin:8px 0 0 0;
					}
				.login-create form li.sample-checkbox label {
						width:200px;
						padding:0 0 0 6px;
						margin:0;
						text-align:left;	
					}
					
				.login-create form .feeback-form li {
					float:none;
					text-align:left;
					font-weight:bold;
					width:400px;
					clear:both;
					color:#000000;
				}
					
				.login-create form .feeback-form label {
					width:330px;
					text-align:right;
					font-weight:normal;
				}
				
				.login-create form .feeback-form h2 {
					width:470px;
				}
				
				.login-create form .feeback-form input {
					width:10px;
				}
				
				.login-create form #send_details_button {
						width:111px;
						height:20px;
						padding:0 0 0 237px;
						margin:0 0 0 0;	
						background:none;
						border:none;
					}
					
				.login-create form li{
					float: left;
					width: 520px;
					margin: 0 0 5px 0;
					}
				.login-create form li.titles{
					float: left;
					width: auto;
					margin: 25px 0 5px 105px;
					display: inline;
					color: #818181; 
					font-size: 95%;
					}
					
				.login-create form input{
					float: left;
					width: 240px;
					background: #fff;
					border: 1px solid #dcd8cf;
					padding: 2px 0 2px 1px;
					}
				.login-create form label{
					float: left;
					width: 100px;
					text-align: right;
					margin: 0 5px 0 0;
					font-size: 100%;
					font-weight: bold;
					color: #3b3a38;
					padding: 3px 0 0 0;
					}
				.login-create #login-button, .login-create #create-account-button{
					float: left;
					border: none;
					background: none;
					width: 111px;
					height: 20px;
					margin: 0 0 0 105px;
					display: inline;
					}
				.login-create #forgotten-password{
					font-size: 70%;
					font-weight: normal;
					color: #d44217;
					text-decoration: underline;
					font-style: italic;
					padding: 3px 0 0 5px;
					}
				.login-create #pwd-size{
					font-size: 70%;
					font-weight: normal;
					padding: 3px 0 0 5px;
					}
				
				.login-create #create_newsletter, .login-create #keep_logged_in{
					float: left;
					border: none;
					background: none;
					margin: 0 0 0 105px;
					display: inline;
					width: auto;
					}
				
				.login-create #create_newsletter_label, .login-create #keep_logged_in_label{
					float: left;
					width: auto;
					padding: 0 0 0 5px;
					font-size: 85%;
					font-weight: normal;
					}
				
				*html .login-create #create_newsletter_label, *html .login-create #keep_logged_in_label{
					float: left;
					width: auto;
					padding: 4px 0 0 5px;
					font-size: 85%;
					font-weight: normal;
					}
					
				.login-create #error .form_warnings {
					padding:12px;
					background-color:#F5F4F0;
					border-left:thin solid #D2D2D2;
					border-bottom:thin solid #D2D2D2;
					border-right:thin solid #EFEFEF;
				}
				
				.login-create form li.errormessage {
					color: #FF3300;
					padding:4px;
				}
		
						
						
						
					
/*-----------------FOOTERS-----------------------------------*/
	#footer{
		float: left;
		width: 960px;
		margin: 0;
		padding: 0 0 130px 0;
		color: #636363;		
		font-size: 85%;
		}
		
		#footer-left{
			list-style: none;
			float: left;
			width: 650px;
			margin: 0;
			display: inline;
			padding: 10px 0 0 5px;
			}
		#footer-left li{
			display: inline;
			}
			#footer-left a{
				text-decoration: none;
				color: #636363;	
				}
			#footer-left a:hover, #footer-left a:focus{
				text-decoration: underline;
				}
		
		#footer-right{
			float: right;
			width: 300px;
			text-align: right;
			padding: 10px 5px 0 0;
			margin: 0;
			display: inline;
			}
			#footer-right a{
				color: #636363;	
				text-decoration: none;
				padding: 0;
				margin: 0;
				}
			#footer-right a:hover, #footer-right a:focus{
				text-decoration: underline;
				}


		/*--------contact form-----------*/

							select#subject{	
								float: left;
								width: 298px;
								background-color: #fff;
								border:1px solid #DCD8CF;
								font-weight: normal;
								padding: 2px;
								}
								textarea#enquiry_text {	
									float: left;
									width: 298px;
									height: 120px;
									background-color: #fff;
									border:1px solid #DCD8CF;
									font-weight: normal;
									font-size: 130%;
									padding: 4px;
									}
							
							input#send-message-button{	
								float: right;
								width: 111px;
								height: 20px;
								border: none;
								padding: 0;
								margin: 0 110px 0 0;
								display: inline;
								}
								
							li#recaptcha-container {
								padding:0 0 0 100px;
							}
								
							li.errormessage#recaptcha_error {	
								padding:0 0 0 20px;
								margin:0 0 0 0;
								}								
								

#contact-details #postal-address{
	float:left;
	padding:0 0 0 12px;
	}
/*contact us page*/ 
#postcode{
	display:none
	}
#map{	
	float:right;
	/*clear: both;*/
	width: 400px;
	height: 300px;
	border: 1px solid #999999;
	margin: 0 12px 15px 0;
	padding:0 0 0 0;
	}
#map.hide{
	display:none
	}
	
	
	



/*-------------------Folding options---------------*/
.folding-options{
	float: left;
	width: 670px;
	margin: 50px 0 0 10px;
	display: inline;
	}
	.folding-options .zone-image{
		float: left;
		width: 150px;
		margin: 0 10px 0 0;
		display: inline;
		}
	.folding-options .zone-description{
		float: left;
		width: 510px;
		margin: 20px 0 0 0;
		}
		#content .folding-options .zone-description p{
			float: left;
			width: 450px;
			}
			
#form-success {
	display:block;
	clear:both;
	color:#6D9040;
	border-bottom:thin solid #6D9040;
	border-left:thin solid #6D9040;
	border-top:thin solid #92B960;
	border-right:thin solid #92B960;
	padding:21px 24px 36px 68px;
	margin:0 0 12px 0;
	background:#C9EC9C url(../images/icons/accepted.png) no-repeat scroll 8px center;
	}
	
#form-success a{
	color:#6D9040;
	}
#form-success a:hover{
	color:#6D9040;
	text-decoration:none;
	}