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

#center-interface{
	margin: 0px auto;
	width: 940px;
	padding: 0 0 0 0;
	}
		
		/*------------SEO Links ------------*/
		#plastic-card-links{
			float: left;
			width: 400px;
			height: 23px;
			text-align: left;
			font-size: 80%;
			padding: 7px 0 0 10px;
			color: #ECEFF3;
			}
			#plastic-card-links a{
				color: #ECEFF3;
				text-decoration: none;
				}
		/*------------Login / logout ------------*/
		#login-logout{
			float: right;
			width: 150px;
			height: 23px;
			text-align: right;
			font-size: 80%;
			padding: 7px 10px 0 0;
			}
			#login-logout a{
				color: #ECEFF3;
				text-decoration: none;
				}
		
		/*---------------Header-------------*/
		#header{
			float: left;
			width: 940px;
			padding: 0;
			/*margin: 30px 0 1px 0;*/
			margin: 0 0 1px 0;
			}
			#header #logo{
				float: left;
				width: 355px;
				height: 157px;
				}
				#header #logo img{
					float: left;
					}
			
			#header-right{
				float: left;
				width: 585px;
				height: 157px;
				background: url(../images/eyecatchers.jpg) left top no-repeat;
				}
			/*#header-right img{
				float: left;
				}*/
				#header-right p{
					float: right;
					text-align: right;
					color: #fff;
					padding: 10px 10px 0 0;
					font-size: 85%;
					}
		
		/*--------------Main container background---------*/
		#main-container-bg{
			float: left;
			width: 940px;
			/*background: url(../images/main-container-bg.jpg) left 25px no-repeat;*/
			margin: 0;
			padding: 0;
			}
		
		/*---------Main nav-------------*/
			
				
			#main-nav{
				float: left;
				width: 940px;
				background: transparent;
				margin: 0;
				padding: 0;
				}
				#main-nav li{
					float: left;
					display: inline;
					background: #cf4d1a;
					height: 33px;
					}
				#main-nav li a{
					float: left;
					font-size: 85%;
					color: #fff;
					text-decoration: none;
					}
				
				#main-nav li a:hover, #main-nav li a:focus{
					color: #fff;
					text-decoration: underline;
					}
				#main-nav .home a{
					float: left;
					width: 64px;
					background: url(../images/top-nav/home.gif) left top no-repeat;
					}
				#main-nav .all-products a{
					float: left;
					width: 113px;
					background: url(../images/top-nav/all-products.gif) left top no-repeat;
					}
				#main-nav .samples a{
					float: left;
					width: 80px;
					background: url(../images/top-nav/samples.gif) left top no-repeat;
					}
				#main-nav .templates a{
					float: left;
					width: 97px;
					background: url(../images/top-nav/templates.gif) left top no-repeat;
					}
				#main-nav .testimonials a{
					float: left;
					width: 113px;
					background: url(../images/top-nav/testimonials.gif) left top no-repeat;
					}
				#main-nav .contact-us a{
					float: left;
					width: 104px;
					background: url(../images/top-nav/contact-us.gif) left top no-repeat;
					}
				#main-nav .client-area a{
					float: left;
					width: 102px;
					background: url(../images/top-nav/client-area.gif) left top no-repeat;
					}
				#main-nav .trade-accounts a{
					float: left;
					width: 133px;
					background: url(../images/top-nav/trade-accounts.gif) left top no-repeat;
					}
				#main-nav .shopping-basket a{
					float: left;
					width: 134px;
					background: url(../images/top-nav/shopping-basket.gif) left top no-repeat;
					}
				
				#main-nav a{
					text-indent: -9999px;
					height: 33px;
					}
				#main-nav a:hover, #main-nav a:focus{
					background-position: left -33px;
					}
				#main-nav a:active{
					background-position: left -66px;
					}
			
			
		/*----------------Main container---------------*/
			#main-container{
				float: left;
				width: 900px;
				background: url(../images/main-container-bg.gif) left top no-repeat #fff;
				margin: 1px 0 0 0;
				padding: 20px;
				}
			
			#main-container-footer{	
				float: left;
				width: 940px;
				height: 5px;
				background: url(../images/main-container-footer.gif) left top no-repeat;
				font-size: 0%;
				margin: 0 0 1px 0;
				}
				
		/*----------------Left Column----------------------*/
		#left-column{
			float: left;
			width: 190px;
			}
			
			/*--------Products-----------*/
			#left-column #products{
				float: left;
				width: 190px;
				margin: 0 0 20px 0;
				}
				#left-column #products li{
					float: left;
					width: 190px;
					margin: 0 0 9px 0;
					}
				#left-column #products a{
					float: left;
					width: 190px;
					height: 50px;
					padding: 0;
					color: #727d87;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 120%;
					font-weight: bold;
					border-bottom: 1px solid #ced7e1;
					text-indent: -9999px;
					}
					
					#left-column #products .plastic-cards a{
						background: url(../images/left-nav/plastic-cards.gif) left top no-repeat;
						}
					#left-column #products .pvc-cards a{
						background: url(../images/left-nav/pvc-cards.gif) left top no-repeat;
						}
					#left-column #products .large-pvc-cards a{
						background: url(../images/left-nav/large-pvc-cards.gif) left top no-repeat;
						}
					#left-column #products .flexi-tags a{
						background: url(../images/left-nav/flexi-tags.gif) left top no-repeat;
						}
					#left-column #products .colour-cards a{
						background: url(../images/left-nav/colour-cards.gif) left top no-repeat;
						}
					#left-column #products .id-cards a{
						background: url(../images/left-nav/id-cards.gif) left top no-repeat;
						}
					
					#left-column #products .snap-off-cards a{
						background: url(../images/left-nav/snap-off-cards.gif) left top no-repeat;
						}
					
					#left-column #products a:hover, #left-column #products a:focus{
						background-position: -190px top;
						}
					#left-column #products a:active{
						background-position: -380px top;
						}
			
			
			/*------Side columns------------*/
			.side-columns{
				float: left;
				width: 190px;
				margin: 0 0 40px 0;
				color: #727d87;
				}
				.side-columns-titles{
					float: left;
					width: 170px;
					margin: 0 0 1px 0;
					color: #fff;
					font-weight: bold;
					background: url(../images/side-columns-titles-bg.gif) left top no-repeat #818b96;
					border-bottom: 1px solid #a4abab;
					padding: 6px 10px 6px 10px;
					}
				.side-columns-gradient{
					float: left;
					width: 170px;
					padding: 0 10px 0 10px;
					font-size: 85%;
					background: url(../images/side-columns-gradient-bg.gif) left top repeat-x #fff;
					}
				
				
					.side-columns-gradient ul{
						float: left;
						width: 170px;
						margin: 0 0 10px 0;
						}
						.side-columns-gradient ul li{
							float: left;
							width: 160px;
							padding: 5px 0 5px 10px;
							border-bottom: 1px solid #ced7e1;
							background: url(../images/icons/extras-list.gif) left 8px no-repeat;
							}
					.side-columns-gradient p{
						float: left;
						width: 170px;
						margin: 5px 0 5px 0;
						}
					.side-columns-gradient p#cards-accepted{
						float: left;
						width: 170px;
						margin: 5px 0 5px 0;
						padding: 5px 0 50px 0;
						}
					
				
					
	/*----------------------Content--------------------------*/					
				
				#content{
					float: right;
					width: 650px;
					margin: 10px 10px 0 10px;
					display: inline;
					}
					
					#content p{
						float: left;
						width: 650px;
						font-size: 85%;
						line-height: 1.6;
						padding: 0 0 20px 0;
						}
						#content .p-left{
							float: left;
							width: 310px;
							}
						#content .p-right{
							float: right;
							width: 310px;
							}
						
						
					
						
		/*-------------------homepage-------------------*/
		#content .product-homepage{
			width: 310px;
			padding: 0;
			margin: 10px 0 20px 0;
			}
			#content .split-lines{
				float: left;
				width: 650px;
				padding: 0;
				margin: 0;
				}
			/*#content .product-homepage .titles{
				float: left;
				width: 310px;
				color: #576271;
				font-size: 160%;
				font-weight: normal;
				padding: 0 0 2px 0;
				border-bottom: 1px solid #ced7e1;
				margin: 0 0 5px 0;
				font-family: Arial, Helvetica, sans-serif;
				}
				#content .product-homepage .titles a{
					color: #576271;
					text-decoration: none;
					width: 310px;
					display: block;
					}*/
			#content .product-homepage h3{
				float: left;
				width: 310px;
				color: #576271;
				font-size: 160%;
				font-weight: normal;
				padding: 0 0 2px 0;
				border-bottom: 1px solid #ced7e1;
				margin: 0 0 5px 0;
				font-family: Arial, Helvetica, sans-serif;
				}
				#content .product-homepage h3 a{
					color: #576271;
					text-decoration: none;
					width: 310px;
					display: block;
					}
				#content .product-homepage h3 small{
					font-size: 70%;
					clear:none;
				}
				
				#content .product-homepage .mini-description{
					float: left;
					width: 175px;
					padding: 5px 10px 10px 0;
					margin: 0;
					font-size: 85%;
					}
				#content .product-homepage .mini-description ul{
					padding:0;
					margin:0;
					font-size:inherit;
					}
				#content .product-homepage .mini-description li{
						float: left;
						width: 175px;
						padding: 0;
						margin: 0;
						}
				#content .product-homepage .mini-description p{
					padding:0;
					margin:0;
					font-size:inherit;
					width:auto;
					}
				/*chris:added so admin didn't have to assign class to ul*/
					#content .product-homepage .cat-description{
						float: left;
						width: 175px;
						padding: 5px 10px 10px 0;
						margin: 0;
						}
					#content .product-homepage ul li{
						float: left;
						width: 175px;
						padding: 0;
						margin: 0;
						}
						
				/*chris:added so admin didn't have to assign class to ul*/
				#content .product-homepage .price-button{
					float: right;
					width: 123px;
					padding: 5px 0 10px 0;
					margin: 0;
					font-size: 85%;
					}
					#content .product-homepage .price-button li{
						float: right;
						width: 123px;
						padding: 0 0 5px 0;
						margin: 0;
						}
		
		
		
		
		
		/*--------------------------Product listing-----------------*/
		#content .product-listing-container{
			float: left;
			width: 650px;
			padding: 0 0 50px 0;
			}
			#content .title-mini-desc{
				float: left;
				width: 650px;
				background: url(../images/title-mini-desc.gif) left 13px repeat-y;
				}
				#content .title-mini-desc-top{
					float: left;
					width: 650px;
					background: url(../images/title-mini-desc-top.gif) left top no-repeat;
					}
					#content .title-mini-desc h2{	
						float: left;
						width: 200px;
						color: #39434f;
						padding: 10px 10px 0 10px;
						margin: 0;
						font-size: 140%;
						}
					#content .title-mini-desc .mini-desc{
						float: left;
						width: 410px;
						padding: 16px 10px 0 10px;
						font-size: 80%;
						font-weight: bold;
						color: #39434f;
						}
					#content .title-mini-desc p {
						float: left;
						width: 410px;
						padding: 16px 10px 0 10px;
						font-size: 80%;
						font-weight: bold;
						color: #39434f;
						}
				#content .title-mini-desc-bottom{
					float: left;
					width: 650px;
					height: 7px;
					background: url(../images/title-mini-desc-bottom.gif) left top no-repeat;
					padding: 0;
					margin: 0;
					font-size: 0;
					}
			
			#content .product-listing-container-main{
				float: left;
				width: 650px;
				background: url(../images/left-container-bg.gif) left top repeat-y;
				}
				/*----------left container---------*/
				#content .product-listing-container-main .left-container{
					float: left;
					width: 216px;
					margin: 0 0 0 0;
					display: inline;
					padding: 1px 1px 0 1px;
					border-bottom: 3px solid #ced7e1;
					border-left: 3px solid #ced7e1;
					}
					#content .product-listing-container-main .left-container img{
						float: left;
						width: 214px;
						border: 1px solid #d8d8d8;
						margin: 0 0 1px 0;
						}
					#content .product-listing-container-main .left-container ul{
						float: left;
						width: 216px;
						margin: 0 0 1px 0;
						background: url(../images/other-options-bg.gif) left top repeat-y #6c7681;
						padding: 3px 0 3px 0;
						}
						#content .product-listing-container-main .left-container ul li{
							float: left;
							width: 200px;							
							font-size: 80%;
							}
							#content .product-listing-container-main .left-container ul li a{
								color: #c6d7e9;
								text-decoration: none;
								width: 200px;
								display: block;
								padding: 2px 6px 2px 8px;
								}
							#content .product-listing-container-main .left-container ul li a:hover, #content .product-listing-container-main .left-container ul li a:focus{
								color: #fff;
								}
							
							#content .product-listing-container-main .left-container ul li a.more-examples{
								background: url(../images/icons/zoom.gif) right top no-repeat;
								}
								
							#content .product-listing-container-main a.strikethrough {
								text-decoration:line-through;
							}
							
							#content #shopping-basket-container .strikethrough, #content #payment-options-container .strikethrough{
								text-decoration:line-through;
							}
							
							#content #shopping-basket-container #attribute .hide{
								display:none;
							}
							
							#content #shopping-basket-container #attribute a.show_hide_attribute{
								clear:both;
								float:none;
								display:block;
								font-size: 85%;
								background-color:#FFFFFF;
								padding:4px 4px 4px 106px;
								color:#6FB558;
								/*border-bottom: 1px solid #81919E;*/
							}
							#content #shopping-basket-container #attribute a.show_hide_attribute:hover {
								text-decoration:none;
							}
							.end_product {
								background-color:#CED7E1;
								width:100%;
								height:2px;
								display:block;
								clear:both;
								}
							
							#content #shopping-basket-container .item-description a.attribute_details {
								color:#6FB558;
								font-size:90%;
								}
							
							#content #shopping-basket-container .item-description  a.attribute_details {
								color:#6FB558;
								font-weight:bold;
								text-decoration:none;
								}
							
							#content #shopping-basket-container .item-description  a.attribute_details:hover {
								color:#6FB558;
								text-decoration:underline;
								}
							
							#content #shopping-basket-container #basketform ul#shipping-options {
								/*border: 1px solid #FF7E00;*/
								padding:0;
								margin:0;
								float: left;
								width: 100%;
								background-color:#FFFFFF;
								padding:6px 0px 6px 0px;
							}	
							
							#content #shopping-basket-container #basketform ul#shipping-options.hide{
								display:none;
							}	
							
							#content #shopping-basket-container #basketform ul#shipping-options li#select-delivery-option{
								float: left;
								width:444px;
								padding:10px 0 10px 0;
							}
							#content #shopping-basket-container #basketform ul#shipping-options li label{
								float: left;
								padding:2px 4px 2px 8px;
							}		
							#content #shopping-basket-container #basketform ul#shipping-options li #select-delivery{
							}	
							#content #shopping-basket-container #basketform ul#shipping-options  li#delivery-cost-text{
								float: left;
								font-size: 80%;
								list-style:none;
								color:#808A93;
								padding:12px 0 12px 0;
								background-color:#FFFFFF;
							}
							#content #shopping-basket-container #basketform ul#shipping-options  li#delivery-cost{
								float: left;
								font-size: 100%;
								font-weight:bold;
								list-style:none;
								color:#525252;
								padding:12px 0 11px 25px;
								background-color:#FFFFFF;
								width:97px;
							}
					
							
						ul#discount-code {
							/*border: 1px solid #FF7E00;*/
							padding:0;
							margin:0;
							float: left;
							width: 645px;
							background-color:#FFCE9F;
						}
						
						ul#discount-code li.alert{
							background-color:#CEFFBF;
							border: 1px solid #70B859;
							color:#70B859;
							margin: 0 0 0 0;
							padding:8px 8px 8px 104px;
							float: left;
							width:531px;
							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;
							color:#70B859;
							margin: 0 0 0 0;
							padding:8px 8px 8px 104px;
							float: left;
							width:531px;
							color:#000;
						}  
						
						ul#discount-code li.discount_error{
							background-color:#FF876F;
							border: 1px solid #CF2626;
							color:#CF2626;
							margin: 0 0 0 0;
							padding:8px;
							float: left;
							width:626px;
						}
						
						ul#discount-code .discount{
							/*background-color:#FFCE9F;
							border: 1px solid #F38A24;*/
							width:338px;
							float:left;
							padding:12px 0 12px 106px;
						}
						
						ul#discount-code .discount_field{
							/*background-color:#FFCE9F;
							border: 1px solid #F38A24;*/
							width:70px;
							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:6px 4px 0 0;
							margin:0;
						}
						ul#discount-code #discount-button{
							background: url(/templates/images/buttons/submit.gif) no-repeat center top;
							width:123px;
							height:19px;
							float: right;
							padding: 0;
							margin: 24px 0 12px 0;
							border: none;
							cursor:pointer;
							text-indent: -1000em;
							display:block;
						}
						#content #shopping-basket-container #discount-amount {
							float: left;
							width: 50px;
							padding: 15px 0 15px 460px;
							display: inline;
							color:#CF2626;
							font-weight:bold;
							}
						#content #shopping-basket-container #discount{
							float: right;
							width: 96px;
							padding: 15px 0 15px 0;
							display: inline;
							color:#CF2626;
							font-weight:bold;
							}
							
						#content #payment-options-container #delivery-cost-text {
							float: left;
							width: 50px;
							padding: 15px 30px 15px 468px;
							margin: 0 0 0 0;
							display: inline;
							color:#CF2626;
							font-weight:bold;
						}
						#content #payment-options-container #delivery-cost{
							float: right;
							width: 96px;
							padding: 15px 0 15px 0;
							display: inline;
							color:#CF2626;
							font-weight:bold;
							}
							
					
				/*--------right container-------*/
				#content .product-listing-container-main .right-container{
					float: right;
					width: 429px;
					margin: 0;
					display: inline;
					background: url(../images/right-container-bg.gif) right top repeat-y;
					padding: 1px 0 0 0;
					}
				*html #content .product-listing-container-main .right-container{
					padding: 0;
					}
					#content .right-container th{
						color: #fff;
						background: #4a5863;
						padding: 3px 0 3px 0;
						font-size: 80%;
						font-weight: bold;
						vertical-align: middle;
						border-top: 1px solid #fff;
						}
						#content .right-container th.quantities{
							border-right: 1px solid #fff;
							width: 140px;
							}
						#content .right-container th.ssided{
							border-right: 1px solid #fff;
							background: #3b4248;
							width: 142px;
							}
						#content .right-container th.dsided{
							background: #2c3034;
							width: 142px;
							}
					
					#content .right-container td{
						color: #13222d;
						font-size: 80%;
						font-weight: normal;
						vertical-align: middle;
						}
				
						
						#content .right-container td.dark{
							background: #f0f0f0;
							}
						#content .right-container td.light{
							background: #ffffff;
							}
						#content .right-container td.quantities{
							text-align: center;
							}
					
					#content .right-container a{
						padding: 4px 0 4px 50px;
						background: url(../images/icons/add.gif) 37px 6px no-repeat;
						display: block;
						color: #686868;
						text-decoration: none;
						width: 92px;
						}
					/* NEW: Qantity selectiong field for ID cards*/
					#quantity_field {
						padding:2px;
						border: 1px solid #B9DDFB;
						margin:4px;
						width:73px;
						color:#9F9F9F;
						}
					#quantity_field.highlight_field{
						color:#000000
						}
					#preloader.hide {
						display:none;
					}
					#preloader.block {
						display:block;
					}
					/*#quantity_form {
						display:none;
					}*/
					#quantity_row {
						background-color:#FFFFFF;
						/*border-top: 1px solid #4A5863;*/
						/*display:none;*/
						}
					#quantity_row.show {
						/*display:block;*/
					}
					#content .right-container td#quantity_response {
						width:300px;
					}
					#content .right-container td#quantity_response a{
						padding: 4px 0 4px 50px;
						margin:0;
						width: 230px;
						}
					#content .right-container td.quantity_info {
						padding:4px 0 4px 0;
						text-align:center;
						}
					#content .right-container td#quantity_help {
						border:thin solid #6D9040;
						background-color:#D5EFB3;
						padding:4px;
						color:#6D9040;
					}
					#content .right-container td#quantity_help .minimum_order_warning {
						background-color:#DB6D0A;
						color:#FFFFFF;
						clear:both;
						display:block;
						margin:4px 0 0 0;
						padding:4px;
					}
					
					
					
					tr.hide {
						display:none;
					}
						
					/* NEW: Qantity selectiong field for ID cards*/
						*html #content .right-container a{
							padding: 4px 0 4px 50px;
							background: url(../images/icons/add.gif) 37px 6px no-repeat;
							display: block;
							color: #686868;
							text-decoration: none;
							width: 92px;
							margin: 0 0 0 1px;
							}
						#content .right-container a:hover, #content .right-container a:focus{
							background-color: #dedede;
							}
					
					#content .right-container .extra-infos{
						float: left;
						width: 409px;
						font-size: 85%;
						color: #2c3034;
						background: url(../images/bottom-table.gif) left bottom no-repeat #ced7e1;
						padding: 10px;
						}
						#content .right-container .extra-infos p{
							float: left;
							width: 409px;
							font-size: 95%;
							padding: 0;
							}
			
			
			/*-----Call for larger quantities----------*/
			#content .product-listing-container ul.call-larger-quantities{
				float: left;
				width: 420px;
				font-size: 80%;
				color: #a2a2a3;
				margin: 0 0 0 230px;
				padding: 5px 0 0 0;
				display: inline;
				}
				#content .product-listing-container ul.call-larger-quantities li{
					float: left;
					width: 420px;
					margin: 0;
					padding: 0;
					}
			
			
			
			/*--------Available extras-------*/
				#content .available-extras{
					float: left;
					width: 650px;
					margin: 0;
					display: inline;
					}
				*html #content .available-extras{
					padding: 0;
					}
				#content .available-extras table{
					margin: 0 0 20px 0;
					}
					#content .available-extras th{
						color: #fff;
						background: #4a5863;
						padding: 10px 0 10px 0;
						font-size: 80%;
						font-weight: bold;
						vertical-align: middle;
						border-right: 1px solid #fff;
						}
						#content .available-extras th.quantities{
							width: 100px;
							}
						
						#content .available-extras th .smaller{
							font-weight: normal;
							font-size: 85%;
							color: #FBDC89;
							}
						
					
					#content .available-extras td{
						color: #13222d;
						font-size: 80%;
						font-weight: normal;
						vertical-align: middle;
						padding: 4px 0 4px 0;
						border-bottom: 1px solid #9BA3AA;
						border-right: 1px solid #fff;
						text-align: center;
						color: #686868;
						}
						#content .available-extras td.dark{
							background: #f0f0f0;
							}
						#content .available-extras td.light{
							background: #ffffff;
							}
						#content .available-extras td.quantities{
							color: #000;
							}
					
					
					
					#content .available-extras .extra-infos{
						float: left;
						width: 409px;
						font-size: 85%;
						color: #2c3034;
						background: url(../images/bottom-table.gif) left bottom no-repeat #ced7e1;
						padding: 10px;
						}
						#content .available-extras .extra-infos p{
							float: left;
							width: 409px;
							font-size: 95%;
							padding: 0;
							}
			
			
			/*----------------OLD SHOPPING BASKET-----------------*/
			/*----------------Shopping basket---------------------*/
			/*#content #shopping-basket-checkout-bar{
				float: left;
				width: 640px;
				background: url(../images/shopping-basket-top-bar-bg.gif) left top no-repeat #81919e;
				padding: 7px 0 5px 10px;
				margin: 0;
				}
				#content #shopping-basket-checkout-bar li{
					float: left;
					color: #fff;
					font-weight: bold;
					padding: 0;
					margin: 0;
					}
					#content #shopping-basket-checkout-bar .remove{
						width: 100px;
						}
					#content #shopping-basket-checkout-bar .item-description{
						width: 340px;
						}
					#content #shopping-basket-checkout-bar .price{
						width: 100px;
						}
					#content #shopping-basket-checkout-bar .total{
						width: 100px;
						}
				
				#content #shopping-basket-container{
					float: left;
					width: 644px;
					background: #ced7e1;
					padding: 3px;
					}
					#content #shopping-basket-container ul{
						float: left;
						width: 644px;
						margin: 0 0 5px 0;
						padding: 0;
						}
						#content #shopping-basket-container ul li{
							float: left;
							width: 644px;
							margin: 0;
							padding: 0;
							}
					
						#content #shopping-basket-container ul ul.line-product{
							float: left;
							width: 644px;
							margin: 0 0 1px 0;
							padding: 10px 0 10px 0;
							display: inline;
							color: #8d8d8d;
							}
						#content #shopping-basket-container ul ul.main-product{
							font-size: 120%;
							}
						#content #shopping-basket-container ul.light li ul{
							background: #fff;
							}
						#content #shopping-basket-container ul.dark li ul{
							background: #f0f0f0;
							}
						
						#content #shopping-basket-container ul li ul.line-product li{
							float: left;
							width: auto;
							}
							#content #shopping-basket-container ul li ul.line-product .remove{
								float: left;
								width: 107px;
								text-align: center;
								}
							#content #shopping-basket-container ul li ul.line-product .item-description{
								float: left;
								width: 340px;
								}
								#content #shopping-basket-container ul li ul.line-product .item-description a{
									font-weight: bold;
									color: #8d8d8d;
									text-decoration: none;
									}
								#content #shopping-basket-container ul li ul.main-product .item-description a{
									color: #525252;
									}
							#content #shopping-basket-container ul li ul.line-product .price{
								float: left;
								width: 100px;
								}
							#content #shopping-basket-container ul li ul.line-product .total{
								float: left;
								color: #525252;
								font-weight: bold;
								font-size: 120%;
								}*/
			
			/*----------------Shopping basket---------------------*/
			#content #shopping-basket-checkout-bar{
				float: left;
				width: 640px;
				background: url(../images/shopping-basket-top-bar-bg.gif) left top no-repeat #81919e;
				padding: 7px 0 5px 10px;
				margin: 0;
				}
				#content #shopping-basket-checkout-bar li{
					float: left;
					color: #fff;
					font-weight: bold;
					padding: 0;
					margin: 0;
					}
					#content #shopping-basket-checkout-bar .remove{
						width: 100px;
						}
					#content #shopping-basket-checkout-bar .item-description{
						width: 340px;
						}
					#content #shopping-basket-checkout-bar .price{
						width: 100px;
						}
					#content #shopping-basket-checkout-bar .total{
						width: 100px;
						}
				
				#content #shopping-basket-container{
					float: left;
					width: 644px;
					background: url(../images/shopping-basket-container-bottom.gif) left bottom no-repeat #ced7e1;
					padding: 3px 3px 0 3px;
					margin: 0 0 5px 0;
					}
					#content #shopping-basket-container table{
						float: left;
						margin: 0 0 5px 0;
						padding: 0;
						}
						#content #shopping-basket-container table tr{
							float: left;
							width: 644px;
							margin: 0;
							padding: 0;
							color: #8d8d8d;
							font-size: 80%;
							}
					
						#content #shopping-basket-container table tr td{
							padding: 10px 0 10px 0;
							vertical-align: middle;
							border-bottom: 1px solid #ced7e1;
							}
						#content #shopping-basket-container table tr.no_border td{
							border-bottom: none;
							}
							
						#content #shopping-basket-container table tr.main-product td{
							font-size: 120%;
							color: #525252;
							}
						#content #shopping-basket-container table.light tr td {
							background: #fff;
							}
						#content #shopping-basket-container table.dark tr td{
							background: #f0f0f0;
							}
							#content #shopping-basket-container table tr td table{
								margin: 0;
								padding: 0;
								width: 537px;
								display: block;
								}
							
							#content #shopping-basket-container table tr td.double{
								margin: 0;
								padding:6px 0 6px 0;
								width: 537px;
								font-size: 120%;
								}
						
							#content #shopping-basket-container .remove{
								width: 107px;
								text-align: center;
								}
							#content #shopping-basket-container .item-description{
								width: 334px;
								}
								#content #shopping-basket-container .item-description a{
									font-weight: bold;
									color: #8d8d8d;
									text-decoration: none;
									}
								#content #shopping-basket-container tr.main-product .item-description a{
									color: #525252;
									}
							#content #shopping-basket-container .price{
								width: 100px;
								}
							#content #shopping-basket-container .total{
								color: #525252;
								font-weight: bold;
								font-size: 110%;
								/*width: 97px;*/
								width: 103px;
								}
								#content #shopping-basket-container table tr td.double .bottom{
									border-bottom: none;
									}
			
					#content #shopping-basket-container table#update-bar td{
						padding: 0;
						vertical-align: middle;
						}
					#content #shopping-basket-container #update-basket-button{
						float: left;
						padding: 0;
						margin: 0;
						width: 123px;
						height: 19px;
						background: url(../images/buttons/update-basket.gif)
						}
						
					#content #shopping-basket-container .remove button{
						background: url(/templates/images/buttons/add.gif) no-repeat center top;
						width:16px;
						height:16px;
						padding: 0 0 0 106px;
						margin: 0 0 0 0;
						border: none;
						cursor:pointer;
						text-indent: -1000em;
						display:block;
						}
					
					#content #shopping-basket-container #basket-total{
						width: 522px;
						text-align: right;
						padding: 0 25px 0 0;
						}
					
					#content #continue-checkout{
						float: left;
						width: 650px;
						}
						#content #continue-checkout #continue{
							float: left;
							width: auto;
							margin: 0 0 0 5px;
							display: inline;
							}
						#content #continue-checkout ul li {
							padding:0;
							margin: 0 0 0 0;
							}
						#content #continue-checkout #payment{
							float: right;
							width: auto;
							padding:0;
							margin: 0 0 0 0;
							display: inline;
							}

						#content #continue-checkout #go-next{
							float: right;
							width: auto;
							margin: 0 5px 0 0;
							display: inline;
							}
						#content #continue-checkout #go-next.hide{
								display:none;
							}
						#content ul#continue-checkout li.shipping_alert {
							float: right;
							text-align:right;
							color:#CF2626;
							}
			
			
			/*----------------Payment options / checkout---------------------*/
			#content #payment-options-bar{
				float: left;
				width: 640px;
				background: url(../images/shopping-basket-top-bar-bg.gif) left top no-repeat #81919e;
				padding: 7px 0 5px 10px;
				margin: 0;
				}
				#content #payment-options-bar li{
					float: left;
					color: #fff;
					font-weight: bold;
					padding: 0;
					margin: 0;
					}
					#content #payment-options-bar .item-description{
						width: 440px;
						}
					#content #payment-options-bar .price{
						width: 100px;
						}
					#content #payment-options-bar .total{
						width: 100px;
						}
				
				#content #payment-options-container{
					float: left;
					width: 644px;
					background: url(../images/shopping-basket-container-bottom.gif) left bottom no-repeat #ced7e1;
					padding: 3px 3px 0 3px;
					margin: 0 0 5px 0;
					}
					#content #payment-options-container table{
						float: left;
						margin: 0 0 5px 0;
						padding: 0;
						}
						#content #payment-options-container table tr{
							float: left;
							width: 644px;
							margin: 0;
							padding: 0;
							color: #8d8d8d;
							font-size: 80%;
							}
					
						#content #payment-options-container table tr td{
							padding: 10px 0 10px 0;
							vertical-align: middle;
							border-bottom: 1px solid #ced7e1;
							}
						#content #payment-options-container table tr.main-product td{
							font-size: 120%;
							color: #525252;
							}
						
						#content #shopping-basket-container table.light {
							padding:0px;
							margin:0px;
						}	
						
						#content #shopping-basket-container table.dark {
							padding:0px;
							margin:0px;
						}	
						
						#content #shopping-basket-container table.dark .attribute_tip{
							background: url(../images/click-here-dark.gif) left center no-repeat #F0F0F0;
						}
						
						#content #shopping-basket-container table.light .attribute_tip{
							background: url(../images/click-here-light.gif) left center no-repeat #FFFFFF;
						}
							
						#content #payment-options-container table.light tr td {
							background: #fff;
							}
						#content #payment-options-container table.dark tr td{
							background: #f0f0f0;
							}
							#content #payment-options-container table tr td table{
								margin: 0;
								padding: 0;
								width: 537px;
								display: block;
								}
							
							#content #payment-options-containertable tr td.double{
								margin: 0;
								padding: 0;
								width: 537px;
								font-size: 120%;
								}
						
							#content #payment-options-container .item-description{
								width: 440px;
								padding: 0 0 0 7px;
/*								chris - space out item details in checkout
*/								padding:8px;
								}
								#content #payment-options-container .item-description a{
									font-weight: bold;
									color: #8d8d8d;
									text-decoration: none;
									}
								#content #payment-options-container tr.main-product .item-description a{
									color: #525252;
									}
							#content #payment-options-container .price{
								width: 100px;
								}
							#content #payment-options-container .total{
								color: #525252;
								font-weight: bold;
								font-size: 110%;
								width: 97px;
								}
								#content #payment-options-container table tr td.double .bottom{
									border-bottom: none;
									}
			
					#content #payment-options-container table#update-bar td{
						padding: 0;
						vertical-align: middle;
						}
					#content #payment-options-container #update-basket-button{
						float: left;
						padding: 0;
						margin: 0;
						width: 123px;
						height: 19px;
						background: url(../images/buttons/update-basket.gif)
						}
					
					#content #payment-options-container #basket-total{
						width: 522px;
						text-align: right;
						padding: 0 25px 0 0;
						}							
					
					/*------------Payment options buttons---------*/
					#content #payment-options{
						float: left;
						width: 650px;
						background: url(../images/payment-options-repeat.gif) left top repeat-y #ced7e1;
						}
						
						#content #payment-options #payment-options-top{
							float: left;
							width: 650px;
							background: url(../images/payment-options-top.gif);
							height: 5px;
							font-size: 0;
							}
						
						#content #payment-options #pay-now{
							float: left;
							width: 318px;
							margin: 0 0 0 5px;
							display: inline;
							color: #696868;
							background: url(../images/pay-now-bg.gif) left top no-repeat #fff;
							padding: 60px 0 0 0;
							}
							#content #payment-options #pay-now p{	
								float: left;
								width: 278px;
								padding: 0 20px 20px 20px;
								}
						
						
						#content #payment-options #pay-later{
							float: right;
							width: 318px;
							margin: 0 5px 0 0;
							display: inline;
							color: #696868;
							background: url(../images/pay-later-bg.gif) left top no-repeat #fff;
							padding: 60px 0 0 0;
							}
							#content #payment-options #pay-later p{	
								float: left;
								width: 278px;
								padding: 0 20px 20px 20px;
								}
						
						
						#content #payment-options #payment-options-bottom{
							float: left;
							width: 650px;
							background: url(../images/payment-options-bottom.gif);
							height: 5px;
							font-size: 0;
							}
							
											
						#content #payment-options #proceed-secure-payment-protx-button, #checkout #proceed-secure-payment-protx-button{
							background: url(/templates/images/buttons/pay-now.gif) no-repeat center top;
							width:123px;
							height:19px;
							float: left;
							padding: 8px;
							margin: 12px 0 12px 20px;
							border: none;
							cursor:pointer;
							text-indent: -1000em;
							display:block;
						}

					
			
			
			
			/*---------Samples page + form------------*/
			#content .samples{
				float: left;
				width: 500px;
				border: 1px solid #CED7E1;
				margin: 0 0 10px 0;
				background: #F6F6F6;
				padding: 24px 24px 24px 124px;
				display: inline;
				}
				
			#content .samples li.errormessage{
				border: 1px solid #FF3F3F;
				color:#FF3F3F;
				background: url(../images/icons/warning.png) 8px center no-repeat #FFBFBF;
				padding:12px 12px 12px 40px;
				margin:0 0 0 20px;
				width:221px;
				}
				#content .samples li{
					float: left;
					width: 500px;
					margin: 2px 0 2px 0;
					}
					#content .samples li label{
						margin: 0 0 0 2px;
						display: inline;
						}
					*html #content .samples li label{
						float: left;
						padding: 3px 0 0 0;
						margin: 0;
						}
					
					#content .samples li label.body_dark{
						float: left;
						margin: 0 5px 0 0;
						width: 100px;
						text-align: right;
						padding: 2px 0 0 0;
						}
						#content .samples li input{
							float: left;
							margin: 0 5px 0 105px;
							display: inline;
							}
						*html #content .samples li input{
							margin: 0 5px 0 103px;
							}
						*html #content .samples li input#send_details_button{
							margin: 0 5px 0 105px;
							}
						#content .samples li input.samples_input{
							float: left;
							margin: 0 5px 0 0;
							width: 184px;
							border: 1px solid #CED7E1;
							background: #fff;
							padding: 2px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 90%;
							}
						*html #content .samples li input.samples_input{
							width: 180px;
							}	
							
						#content .samples li textarea.samples_input{
							float: left;
							margin: 0 5px 0 0;
							width: 184px;
							border: 1px solid #CED7E1;
							background: #fff;
							padding: 2px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 90%;
							}	
			
			
			/*-----------Templates--------*/
			#content ul{
				font-size: 85%;
				padding: 0 0 20px 0;
				}
				#content ul li{
					margin: 2px 0 2px 0;
					}
				
				
				#content ul#templates{
					float: left; 
					width: 650px;
					}
					#content ul#templates li{
						float: left; 
						width: 210px;
						margin: 0 10px 0 0;
						display: inline;
						}
						#content ul#templates li.last{
							float: left;
							width: 210px;
							margin: 0;
							}
					
			
			
			/*---------Testimonials---------*/
			#content .testimonials-container{
				float: left;
				width: 650px;
				margin: 0 0 30px 0;
				display: inline;
				}
				#content .testimonials-container .titles-top{
					float: left;
					width: 650px;
					background: url(../images/testimonials-title-bg-top.gif) left top no-repeat;
					padding: 0;
					margin: 0;
					font-size: 0;
					height: 5px
					}
				#content .testimonials-container .titles{
					float: left;
					width: 640px;
					background: url(../images/testimonials-title-bg-repeat.gif) left top repeat-y;
					font-size: 85%;
					font-weight: bold;
					padding: 0 0 5px 10px;
					}
				#content .testimonials-container .content{
					float: left;
					width: 574px;
					border: 3px solid #CED7E1;
					padding: 20px 20px 0 50px;
					background: url(../images/open-quote.gif) 20px 20px no-repeat;
					}
					#content .testimonials-container .content p{
						float: left;
						width: 544px;
						padding: 3px 0 20px 0;
						}
						#content .testimonials-container .content .quote-end{
							float: left;
							width: 574px;
							background: url(../images/close-quote.gif) right top no-repeat;
							height: 20px;
							margin: -20px 0 20px 0;
							display: inline;
							}
			
			
			/*------------------------------Client area------------------------------------*/
			/*----Login - Register-----*/
			/*----based on SAMPLES-----*/
			#content .samples li#forgotten-password{
				float: left;
				padding: 0 0 0 105px;
				margin: 0 0 10px 0;
				display: inline;
				width: auto;
				font-size: 85%;
				}
			
			#content .samples li.titles{
				float: right;
				text-align: right;
				width: auto;
				margin: 20px 207px 5px 0;
				display: inline;
				}
			
			#content .samples select{
				font-size: 100%;
				padding: 2px;
				}
				*html #content .samples select{
					font-size: 80%;
					margin-left: -3px;
					}
			
			#content .samples li#password-length{
				float: left;
				padding: 0 0 0 105px;
				margin: 0 0 10px 0;
				display: inline;
				width: auto;
				font-size: 85%;
				font-style: italic;
				}
			
			*html #content .samples li #login-button{
				margin: 0 5px 0 107px;
				}
				
			*html #content .samples li #create-account-button{
				margin: 0 5px 0 107px;
				}
			
			
/*--------contact us page-----------*/ 
#contact-details #postal-address{
	float:left;
	padding:0 0 0 12px;
	}
#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
	}
#content #contact-details ul.samples{
	float:left;
	margin: 0 0 50px 0;
	display: inline;
	}
#content #contact-details ul.samples li label{
	float: left;
	width: 50px;
	}
#content #contact-details ul.samples li input{
	width: 312px;
	}
#content #contact-details ul.samples li select{
	width: 317px;
	}
#content #contact-details ul.samples li textarea{
	width: 312px;
	}
#content #contact-details #recaptcha-container{
	float: left;
	width: 318px;
	margin: 5px 0 0 55px;
	display: inline;
	}

#content #contact-details #send-message-button{
	float: left;
	width: 123px;
	height: 19px;
	padding: 0;
	margin: 5px 0 0 55px;
	display: inline;
	border: none;
	background: transparent;
	}				
						
						
						
/*-----------------FOOTERS-----------------------------------*/
#cards-manufactured-for{
	float: left;
	width: 940px;
	margin: 0 0 10px 0;
	}


	#footer{
		float: left;
		width: 940px;
		margin: 0 0 0 0;
		padding: 0 0 130px 0;
		color: #a4b1bf;		
		font-size: 70%;
		}
		
		#footer-left{
			list-style: none;
			float: left;
			width: 450px;
			margin: 0;
			padding: 5px 0 5px 5px;
			}
		#footer-left li{
			display: inline;
			}
			#footer-left a{
				text-decoration: none;
				color: #a4b1bf;	
				}
			#footer-left a:hover, #footer-left a:focus{
				text-decoration: underline;
				}
		
		#footer-right{
			float: right;
			width: 450px;
			text-align: right;
			padding: 5px;
			margin: 0;
			}
			#footer-right a{
				color: #a4b1bf;	
				text-decoration: none;
				padding: 0;
				margin: 0;
				}
			#footer-right a:hover, #footer-right a:focus{
				text-decoration: underline;
				}


#content .folding-options {
	display:inline;
	float:left;
	margin:50px 0 0 10px;
	width:670px;
	}

#content .folding-options .zone-image {
	display:inline;
	float:left;
	margin:0 10px 0 0;
	width:150px;
	}

#content .folding-options .zone-description {
	float:left;
	margin:20px 0 0;
	width:510px;
	}
	
#content .folding-options .zone-description p{
	width:438px;
	padding:0 0 4px 0 ;
	}