/* ~~~~~~~~~~~~~~~~ DEFAULT STYLES  ~~~~~~~~~~~~~~~~ */
	
	html, body { font:12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#3e3e3e;  }	
	body { margin:0; text-align:center; }

/* ~~~~~~~~~~~~~~~~ GLOBAL STYLES  ~~~~~~~~~~~~~~~~ */

/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; }
	/* Hidden elements */
	.hidden, .screen_reader, hr { display:none; }
	/* Paragraph default styling, amend as desired */
	p { margin:0 0 1em 0; padding:0; }
	/* Default link styling */
	a { color:#06c; text-decoration:underline; }
	a:hover { color:#f60; text-decoration:none; }
	/* Float an element left with a margin */
	.floatL { float:left; }
	/* Float an element right with a margin */
	.floatR { float:right; }
	/* Float an element right with a margin */
	.clear { clear:both; }
	.red { color:#F00!important; }
	.transparent{
		filter:alpha(opacity=50);
		opacity: 0.5;
		-moz-opacity:0.5;	
		}
	
	
/*	-----------	WHY ARE THESE STYLES HERE IN GLOBAL RESET FFS! ?????	--------------	*/

.error p { color:#F00!important; }
.row label { width:150px; margin: 0 0 0 10px;}
.row input { width: 250px; }
.row textarea { width: 260px; height:200px; }

/*	----------------------------------------------------------------------------------- */

/* ~~~~~~~~~~~~~~~~ TEMPLATE ELEMENTS  ~~~~~~~~~~~~~~~~ */
	#outerwrap { margin: 0 auto; text-align:center; width:100%; }
	#innerwrap { margin: 0 auto; text-align:center;  width: 955px; padding: 0 10px; }
	#container { float: left; width: 995px; margin: 0 0 24px 0; }
	#header { height:155px; width: 995px; float: left; position:relative;  }
	#mainCol { width: 472px; float: left; margin: 10px 0 0 6px; overflow:visible; }
	#rightCol { width: 258px; float: left; padding: 12px 0 0 0;  }
	#doubleCol { width: 730px; float: left; padding: 11px 20px 0 0; }
	#footer { width: 100%; float:left; border-top: 1px solid #aac2c8; margin: 0 0 20px 0; text-align:left; color:#fff; font-size:11px; padding: 0 0 10px 0;  }
	
	ul.sitemap{
		margin:0;
		padding:5px 20px;
		text-align:left;
		}
		ul.sitemap li{
			margin:5px 0;
			list-style:none;
			font-size:1.1em;
			}
			ul.sitemap li a{ color:#e03a3e;}	
			
			ul.sitemap li.products span{
				padding:5px 0 5px 0;
				display:block;
				font-weight:bold;
				font-size:1.2em;
				color:#000;
				}
				
		ul.sitemap li ul{
			padding-left:10px;
			}
		
	
/* ~~~~~~~~~~~~~~~~ FORM ELEMENTS  ~~~~~~~~~~~~~~~~ */	

	input, textarea, select { font-family:arial, verdana, Trebuchet MS, sans-serif; font-size:1em; color:#666; padding:2px; }
	
	form .design_stamp_button_small, form .add_basket_button_small, form .design_seal_button_small{
		width:125px;
		height:33px;
		display:block;
		border:none;
		cursor:pointer;
		}
		
		form .design_stamp_button_small:hover, form .add_basket_button_small:hover, form .design_seal_button_small:hover{
			background-position:bottom;
			}
			
	form ul, form ol{ 
		margin:0;
		padding:0;
		list-style-type:none;
		}
		
		form p.title{
			font-weight:bold;
			}
	
			form ul li, form ol li{
				margin:0 0 3px 0;
				}
				form ul li input.textField, form ol li input.textField{
					width:200px; 
					padding:2px 3px; 
					}
		
		form ul li select.textField, form ol li select.textField{ 
			width:210px;
			padding:2px 3px;
			}
	
	form ul li input.textFieldSmall, form ol li input.textFieldSmall{
		width:90px;
		padding:2px 3px;
		}
		form ul li select.textFieldSmall, form ol li select.textFieldSmall{
			width:100px;
			padding:2px 3px;
			}
			
	form label{
		float:left;
		clear:both;
		width:47%;
		padding:0 10px 0 0;
		font-weight:bold;
		}
		
	legend{
		font-size:14px;
		font-weight:bold;
		padding:0 0 10px 0;
		margin:0 0 5px -7px;
		}
		
		
	form input.genericButton{
		background:#666;
		color:#FFF;
		font-size:11px;
		font-weight:bold;
		display:block;
		border:0;
		width:135px;
		height:25px;
		cursor:pointer;
		margin:5px 0 0 0;
		text-transform:uppercase;
		float:left;
		}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~ HEADING ELEMENTS  ~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1{
	font-size:18px;
	font-weight: bold;
	margin: 0 0 12px 0;	
	}
	
h2, h3, h4{ 
	font-size:14px;
	margin-bottom:6px;
	font-weight: bold;
	}

/* ~~~~~~~~~~~~~~~~ HEADER STYLES  ~~~~~~~~~~~~~~~~ */
.logo { height: 155px; display:block; float:left; text-indent:-3000px; }

/*	------------------------------------------------	*/
/*	--------------	CONTENT ELEMENTS	------------	*/
/*	------------------------------------------------	*/

#contentWrapper{
	width: 440px;
	background: #fff;
	padding: 15px 12px;
	margin: 2px 0 0 1px;
	text-align:left;
	float:left;
	clear:both;
	border:#000 1px solid;
	position:relative;
	}
	
	.fullHeight{
		height:auto !important;
		height:638px;
		min-height:638px;
		}
		
	#contentWrapper.fullWidth{
		width:700px;
		}
	
	#form_errors{
		background:#FFF;
		margin:0 auto 10px auto;
		padding:10px 0;
		text-align:center;
		border:#c00 1px dashed;
		width:465px;
		}
		
		#form_errors.fullWidth{
			width:725px;
			}
		
		#form_errors p.title{
			color:#c00;
			font-weight:bold;
			margin-left:15px;
			font-size:110%;
		}
		
		#form_errors ul{
			color:#c00;
			list-style:none;
			font-weight:bold;
			}
			
			
			
/*	~~~~~~~~~~~~~~~~~	HOME	~~~~~~~~~~~~~~~~~~~~~	*/
			
.designCTA { width: 466px; height: 202px; text-align:left; float: left; padding:0; margin:2px 0 0 0; }

.testimonialWrap{
	float:left;
	background:#FFF;
	width:446px;
	border:#000 1px solid;
	margin:15px 0 0 0;
	padding:10px;
	text-align:left;
	}
	.testimonialWrap h2{
		margin:0 0 5px 0;
		}
		.testimonialWrap p{
			font-size:0.9em;
			color:#666;
			margin:0 0 5px 0;
			}
			.testimonialWrap div.quoteWrap{
				background:url(../images/quotes_right.gif) bottom right no-repeat;
				padding-bottom:10px;
				}
				.testimonialWrap div.quoteWrap p.quote{
					padding:10px 0 0 50px;
					background:url(../images/quotes_left.gif) top left no-repeat;
					}
					.testimonialWrap div.quoteWrap p.title{
						margin:0;
						font-weight:bold;
						color:#000;
						}
					
		.testimonialWrap a{
			text-decoration:none;
			}


/*	~~~~~~~~~~~~~~~~~	MY ACCOUNT	 ~~~~~~~~~~~~~	*/
			
	div.account{
		padding:0 7px;
		}
		
		
/*	~~~~~~~~~~~~~~~~~	TESTIMONIALS   ~~~~~~~~~~~~~~	*/
			
	ul.testimonials li{
		border-bottom:#999 1px solid;
		margin:0 0 10px 0;
		width:100%;
		}
		
		div.testimonial_add{
			background:#CCC;
			float:left;
			width:100%;
			}
			div.testimonial_add form{
				padding:20px;
				}
				
				div.testimonial_add form li{
					margin-bottom:5px;
					float:left;
					width:100%;
					}
				
				div.testimonial_add form label{
					float:left;
					width:30%;
					}
					
					div.testimonial_add form textarea{
						float:left;
						width:65%;
						}
						
				div.testimonial_add form input.textField{
					float:left;
					width:65%;
					}
			
/*	~~~~~~~~~~~~~~~~~	STAMP DESIGNER ~~~~~~~~~~~~~	*/

	#stamp_designer{
		width:760px;
		height:725px;
		background:#FFF;
		text-align:left;
		padding:0;
		margin:0 0 0 -8px;
		}
		
		#stamp_designer.noBorder{ border:none; }
		
		#stamp_designer div.designer_unavailable{
			padding:15px;	
			background:#FFF;
			}
			
	/* product attribute thickbox page called from flash */

	#product_attribute{
		float:left;
		width:599px;
		height:382px;
		padding:15px;
		background:#FFF;
		text-align:left;
		}
		#product_attribute div.left{
			float:left;
			width:270px;
			margin:25px 0 0 0;
			}
			#product_attribute div.right{
				float:right;
				width:50%;
				margin:10px 0 0 0;
				}
				
		#product_attribute p.size, #product_attribute p.rrp, #product_attribute p.price{
			width:100%;
			display:block;
			float:left;
			margin:0 0 3px 0;
			}
				
		#product_attribute p span{
			width:80px;
			display:block;
			font-weight:bold;
			float:left;
			}
			
		#product_attribute h1{
			width:80%;
			line-height:normal;
			margin-top:-15px;
			}
			
			
/*	----------------------------------------	*/
/*	-----------	TUTORIAL VIDEOS	 -----------	*/
/*	----------------------------------------	*/
			
ul.tutorialVideos{
	margin:15px 0 0 0;
	float:left;
	}
	ul.tutorialVideos li{
		float:left;
		margin:0 45px 35px 0;
		}
		ul.tutorialVideos li.noMargin{
			margin:0;
			}
		
	ul.tutorialVideos li span{
		display:block;
		width:180px;
		padding:5px 10px;
		text-align:center;
		border-bottom:#666 1px solid;
		border-top:#666 1px solid;
		margin:8px 0 0 0;
		font-weight:bold;
		}
		
	ul.tutorialVideos li a{
		display:block;
		width:200px;
		height:191px;
		text-indent:-3000em;
		border:#FFF 1px solid;
		overflow:hidden;
		}
		ul.tutorialVideos li a:hover{
			border:#333 1px solid;
			filter:alpha(opacity=50);
			opacity: 0.5;
			-moz-opacity:0.5;
			}
		
		ul.tutorialVideos li a.circular{
			background:url(../images/tutorials/circular.jpg) top left no-repeat;
			}
		ul.tutorialVideos li a.circularDater{
			background:url(../images/tutorials/dater_circular.jpg) top left no-repeat;
			}
		ul.tutorialVideos li a.dater{
			background:url(../images/tutorials/rectangular_dater.jpg) top left no-repeat;
			}
		ul.tutorialVideos li a.textOnly{
			background:url(../images/tutorials/text_only.jpg) top left no-repeat;
			}
		ul.tutorialVideos li a.grid{
			background:url(../images/tutorials/grid.jpg) top left no-repeat;
			}
		ul.tutorialVideos li a.imageText{
			background:url(../images/tutorials/image_text.jpg) top left no-repeat;
			}
	
			
/*	----------------------------------------------------------------	*/
/*	-----------	PRODUCT/FREATURED AND LINKED PRODUCT	 -----------	*/
/*	----------------------------------------------------------------	*/

ul.products{
	margin:0;
	list-style:none;
	float:left;
	}
	
	ul.marginAdjust{
		margin-left:55px;
		}
	
	ul.products li{ 
		float:left;
		margin:0 8px 10px 0;
		}
		
		ul.products li.last{
			margin-right:0;
			}
		
		ul.products li div.product{	
			width:127px;
			padding:6px;
			border:#cfcfcf 1px solid;
			height:auto !important;
			height:200px;
			min-height:200px;
			float:left;
			position:relative;
			}
			
		ul.products li div.product h3{
			font-size:12px;
			text-align:center;
			margin:0 0 5px 0;
			height:auto !important;
			height:35px;
			min-height:35px;
			}
			
		ul.products li div.product div.imagePlaceholder{
			width:100%;
			float:left;
			text-align:center;
			}
			
		ul.products li div.product p {
			color: #666666; 
			font-size:11px;
			}
			
			ul.products li div.product p.price, ul.products li div.product p.was, ul.products li div.product p.rrp{
				font-size:11px;
				margin:5px 0 5px 0;
				}
				
				ul.products li div.product p.price span{
					font-size:16px;
					font-weight:bold;
					color:#000;
					padding-left:3px;
					}
					ul.products li div.product p.was span{
						font-size:12px;
						text-decoration:line-through;
						font-weight:bold;
						color:#000;
						padding-left:3px;
						}
						ul.products li div.product p.rrp span{
							font-size:12px;
							font-weight:bold;
							color:#000;
							padding-left:3px;
							}
					
		ul.products li div.product p.size, ul.products li div.product p.colour{
				font-size:11px;
				color:#090;
				}
				ul.products li div.product p.size{
					margin-bottom:2px;
					}
				ul.products li div.product p.size span, ul.products li div.product p.colour span{
					width:35%;
					display:block;
					float:left;
					}
		
			
	ul.products li div.product select {
		margin:5px 0 0 0;
		width:125px;
		padding:2px;
		}
		
	ul.products li div.product form{
		float:left;
		}
		
	 form .design_stamp_button_small{
		margin:5px 0 0 0;
		background:url(../images/designStampGreenSmall.gif) top left no-repeat;
		}
		
	 form .design_seal_button_small{
		margin:5px 0 0 0;
		background:url(../images/designSealGreenSmall.gif) top left no-repeat;
	 	}
		
	 form .add_basket_button_small{
		 background:url(../images/addBasketSpeedySmall.gif) top left no-repeat;
		 margin:5px 0 0 0;
		}
	
	ul.products li div.product p.enlargedImage a{
		width:115px;
		padding:2px 4px;
		float:left;
		background:url(../images/imageZoom.gif) center no-repeat;
		text-align:center;
		color:#000;
		display:block;
		margin:5px 0 0 0;
		text-decoration:none;
		text-indent:-3000em;
		border:#999 1px solid;
		overflow:hidden;
		}
		
		
	/*---------	FEATURED -------*/	
		
	.featured{
		background: #fff;
		border:1px solid #000;
		text-align:left;
		float: right;
		margin: 0 0 14px 0;
		padding:10px 10px 10px 10px;
		overflow:hidden;
		width:229px;
		height:auto !important;
		height:180px;
		min-height:180px;
		}
		
		.featured img{
			margin-left:-3px;
			}
	
		.featured a.more{
			font-weight:bold;
			text-decoration:none;
			}
	
		.featured h3 {
			color: #333333;
			font-size:14px;
			font-weight:bold;
			margin:0 0 10px 0;
			clear:both;
			}
	
			.featured p {
				color: #666666;
				font-size:11px;
				margin:0 0 5px 0;
				}
			.featured p.price, .featured p.rrp, .featured p.was{
				margin:5px 0 5px 0;
				font-size:11px;
				}
				
				.featured p.price span{
					font-size:16px;
					font-weight:bold;
					color:#000;
					padding-left:3px;
					}
					.featured p.rrp span{
						font-size:12px;
						font-weight:bold;
						color:#000;
						padding-left:3px;
						}
						.featured p.was span{
							font-size:12px;
							font-weight:bold;
							text-decoration:line-through;
							color:#000;
							padding-left:3px;
							}
					
			.featured p.size, .featured p.colour{
					font-size:11px;
					margin:0;
					}
					.featured p.size span, .featured p.colour span{
						width:38%;
						display:block;
						float:left;
						}
						
	.featured select{
		margin:0 0 5px 2px;
		width:120px;
		padding:2px;
		float:left;
		}
			.featured .imagePlaceholder {
				float:left;
				width:110px;
				text-align:left;
				vertical-align:middle;
				height:auto !important;
				height:165px;
				min-height:165px;
				}
				
		.featured form{
			width:40%;
			float:left;
			}
			
			
		.featured form .design_stamp_button_small, .featured form .design_seal_button_small, .featured form .add_basket_button_small{
			margin:0;
			}
			
	ul.products li div.product p.description, .featured p.description{
		padding-left:3px;
		text-align:right;
		float:left;
		width:116px;
		}
			

/*	--------------------------------------------------  */
/*	-----------------	DESIGN STYLES	--------------  */
/*	--------------------------------------------------  */

	#design_styles{
		width:711px;
		background:#FFF;
		border:#000 1px solid;
		padding:15px 12px;
		text-align:left;
		float:left;
		}
		
		#design_styles ul{
			list-style:none;
			margin:20px 0 10px 60px;
			float:left;
			width:100%;
			}
			
			#design_styles ul li{
				float:left;
				margin:0 20px 20px 0;
				}
				#design_styles li span{
					font-weight:bold;
					display:block;
					width:170px;
					padding:5px;
					text-align:center;
					font-size:110%;
					margin-bottom:7px;
					}
					#design_styles li span.heightFix{
						height:35px;
						}
						
				#design_styles li span.tutorial{
					background:url(../images/tutorialBG.gif) 10px 5px #fff no-repeat;
					color:#666;
					text-align:left;
					padding:5px 0 5px 50px;
					width:125px;
					font-size:100%;
					overflow:hidden;
					}
					#design_styles li span.tutorial a{
						width:100%;
						height:18px;
						padding:2px 0 0 0;
						display:block;
						text-indent:0;
						text-align:left;
						color:#666;
						overflow:hidden;
						text-decoration:none;
						}
				
				#design_styles ul li .Text_Only_Design  {  
					background:url('../images/egstamps/textonly.gif') no-repeat!important;
					text-indent:-3000px; 
					}
					#design_styles ul li .Text_Only_Design_unavailable  { 
						background:url('../images/egstamps/textonly.gif') 0 130px!important; 
						text-indent:-3000px;
						}
						#design_styles ul li .Text_Only_Design_embossing  {  
							background:url('../images/egstamps/textonly_emboss.gif') no-repeat!important;
							text-indent:-3000px; 
							}
							#design_styles ul li .Text_Only_Design_embossing_unavailable  { 
								background:url('../images/egstamps/textonly_emboss.gif') 0 130px!important;
								text-indent:-3000px;
								}
				
				#design_styles ul li .Circular_Design {  
					background:url('../images/egstamps/circular.gif') no-repeat!important; 
					text-indent:-3000px;
					}
					#design_styles ul li .Circular_Design_unavailable  { 
						background:url('../images/egstamps/circular.gif') 0 130px!important;
						text-indent:-3000px;
						}
						#design_styles ul li .Circular_Design_embossing {  
						background:url('../images/egstamps/circular_emboss.gif') no-repeat!important; 
						text-indent:-3000px;
						}
						#design_styles ul li .Circular_Design_embossing_unavailable  { 
							background:url('../images/egstamps/circular_emboss.gif') 0 130px!important;
							text-indent:-3000px;
							}

				#design_styles ul li .Text_andor_Image{ 
					background:url('../images/egstamps/textandimage01.gif') no-repeat!important; text-indent:-3000px;
					}
					#design_styles ul li .Text_andor_Image_unavailable{  
						background:url('../images/egstamps/textandimage01.gif') 0 130px!important; text-indent:-3000px;
						}
						#design_styles ul li .Text_andor_Image_embossing_unavailable  { 
								background:url('../images/egstamps/textandimage_emboss.gif') 0 130px!important;
								text-indent:0;
								text-align:center;
								text-decoration:none;
								padding:10px;
								width:160px;
								height:110px;
								}

				#design_styles ul li .Grid_Design {
					background:url('../images/egstamps/grid.gif') no-repeat!important; text-indent:-3000px;
					}
					#design_styles ul li .Grid_Design_unavailable { 
						background:url('../images/egstamps/grid.gif') 0 130px!important; text-indent:-3000px;
						}

				#design_styles ul li .Circular_Dater { 
					background:url('../images/egstamps/circulardater.gif') no-repeat!important; text-indent:-3000px;
					}
					#design_styles ul li .Circular_Dater_unavailable { 
						background:url('../images/egstamps/circulardater.gif') 0 130px!important; text-indent:-3000px;
						}
				
				#design_styles ul li .Rectangular_Dater { 
					background:url('../images/egstamps/rectangulardater.gif') no-repeat!important; text-indent:-3000px;
					}
					#design_styles ul li .Rectangular_Dater_unavailable { 
						background:url('../images/egstamps/rectangulardater.gif') 0 130px!important; text-indent:-3000px;
						}

				#design_styles ul li .Image_Only_Design {  background:url('../images/egstamps/textandimage01.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Image_Only_Design_unavailable {  background:url('../images/egstamps/textandimage01.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Text_with_Image_Positioned_Right {  background:url('../images/egstamps/textandimage03.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Text_with_Image_Positioned_Right_unavailable {  background:url('../images/egstamps/textandimage03.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Text_with_Image_Positioned_Left {  background:url('../images/egstamps/textandimage02.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Text_with_Image_Positioned_Left_unavailable {  background:url('../images/egstamps/textandimage02.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Text_with_Image_Positioned_Top {  background:url('../images/egstamps/textandimage05.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Text_with_Image_Positioned_Top_unavailable {  background:url('../images/egstamps/textandimage05.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Text_with_Image_Positioned_Bottom {  background:url('../images/egstamps/textandimage04.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Text_with_Image_Positioned_Bottom_unavailable {  background:url('../images/egstamps/textandimage04.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Grid_Style_1 {  background:url('../images/egstamps/grid01.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Grid_Style_1_unavailable {  background:url('../images/egstamps/grid01.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Grid_Style_2 {  background:url('../images/egstamps/grid02.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Grid_Style_2_unavailable {  background:url('../images/egstamps/grid02.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Grid_Style_3 {  background:url('../images/egstamps/grid03.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Grid_Style_3_unavailable {  background:url('../images/egstamps/grid03.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Grid_Style_4 {  background:url('../images/egstamps/grid04.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Grid_Style_4_unavailable {  background:url('../images/egstamps/grid04.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Grid_Style_5 {  background:url('../images/egstamps/grid05.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Grid_Style_5_unavailable {  background:url('../images/egstamps/grid05.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Grid_Style_6 {  background:url('../images/egstamps/grid06.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Grid_Style_6_unavailable {  background:url('../images/egstamps/grid06.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Grid_Style_7 {  background:url('../images/egstamps/grid07.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Grid_Style_7_unavailable {  background:url('../images/egstamps/grid07.gif') 0 130px!important; text-indent:-3000px; }

				#design_styles ul li .Grid_Style_8 {  background:url('../images/egstamps/grid08.gif') no-repeat!important; text-indent:-3000px; }
				#design_styles ul li .Grid_Style_8_unavailable {  background:url('../images/egstamps/grid08.gif') 0 130px!important; text-indent:-3000px; }


				#design_styles ul li a{
					width:180px;
					height:130px;
					display:block;
					text-indent:-3000px;
					overflow:hidden;
					}
			
			#design_styles ul li.last{
				margin-right:0;	
				}
				
			#design_styles p.design_emboss a, #design_styles p.design_emboss_back a{
				font-size:1em;
				text-decoration:none;
				font-weight:bold;
				background:url(../images/embossingSealLinkBG.gif) bottom left no-repeat;
				width:284px;
				height:48px;
				padding:21px 28px 0 12px;
				display:block;
				overflow:hidden;
				color:#000;
				float:left;
				}
				#design_styles p.design_emboss_back a{
					background-position: top left;
					padding:28px 28px 0 12px;
					height:41px;
					}
				
				
				
/* ~~~~~~~~~~~~~~~~ ORDER HISTORY  ~~~~~~~~~~~~~~~~ */	
			
	table.orderhistory{
		margin:0 0 20px 0;
		width:100%;
		}
		table.orderhistory td, table.orderhistory th { 
			padding:4px;
			border:solid #ccc 1px;
			font-weight:normal;
			}
			table.orderhistory th { 
				background-color:#ccc;
				font-weight:bold;
				color:#000;
				}	
				
/* ~~~~~~~~~~~~~~~~ CHECKOUT/BASKET  ~~~~~~~~~~~~~~~~ */

	div.printPage{
		float:right;
		}
		div.printPage a{
			background:url(../images/printIcon.gif) bottom left no-repeat;
			padding:8px 0 0 20px;
			height:14px;
			width:80px;
			display:block;
			overflow:hidden;
			font-size:10px;
			color:#666;
			font-weight:bold;
			text-decoration:none;
			}

	table.basket_contents{
		width:100%;
		float:left;
		margin-top:20px;
		}
		table.basket_contents th{
			padding:5px;	
			}
			table.basket_contents td{
				padding:3px 5px;
				}
		
	table.basket_contents span.discount{
		font-style:italic;
		font-size:11px;
		font-weight:bold;
		padding-left:2px;
		}
	
	table.basket_contents input.qty{
		width:15px;
		padding:2px;
		}
	table.basket_contents input.qty{
		width:35px;
		padding:2px;
		}
		
	table.basket_contents ul.options{
		list-style:none;
		padding-left:10px;
		}
		
		table.basket_contents ul.options li{
			color:#666;
			font-style:italic;
			margin:2px 0;
			}
			
			table.basket_contents ul.options li.pdf_preview a{
				background:url(../images/pdf_icon.gif) left no-repeat;
				padding-left:20px;
				text-decoration:none;
				font-weight:bold;
				}
				
	ul.checkout_buttons{
		list-style:none;
		float:left;
		margin:10px 0;
		}
		
		ul.checkout_buttons li{
			float:left;
			}
		
		li a.continue_shopping_button, li a.checkout_button{
			text-indent:-3000px;
			width:139px;
			height:33px;
			display:block;
			overflow:hidden;
			}
			
			li a.continue_shopping_button:hover, li a.checkout_button:hover{
				background-position:bottom;
				}
				
		li a.continue_shopping_button{
			margin-right:131px;
			}
			
		li a.checkout_button{
			margin-left:131px;
			}
				
		li input.update_basket{
			width:139px;
			height:33px;
			border:0;
			cursor:pointer;
			}
			
			li input.update_basket:hover{
				background-position:bottom;
				}
				
	table.basket_contents #promotional_code{
		padding:8px;
		float:left;
		width:85%;
		}
		
	table.basket_contents #promotional_code ul{
		list-style:none;
		}
		
		table.basket_contents #promotional_code li label{
			float:left;
			font-weight:bold;
			font-size:11px;
			margin-right:10px;
			width:80px;
			}
			
		table.basket_contents #promotional_code li input{
			width:70px;
			padding:2px;
			float:left;
			}
		
		table.basket_contents #promotional_code p.title{
			margin:0;
			font-size:13px;
			font-weight:bold;
			color:#333;
			}
			
	table.basket_contents a.delete{
		font-weight:bold;
		text-decoration:none;
		}
		
	table.basket_contents select#delivery_country{
		width:100%;	
		}
		
	table.basket_contents p.related_products{
		 margin:0;
		 background:#FF9;
		 padding:5px 0 0 10px;
		 display:block;
		 width:100%;
		 }
		
	table.basket_contents ul.related_backet_products{
		padding:5px 10px;
		float:left;
		width:97%;
		margin:0 0 10px 0;
		background:#e1e3d2;
		}
		table.basket_contents ul.related_backet_products li{
			padding:5px 0 7px 0;
			float:left;
			width:100%;
			margin:0;
			border-bottom:#666 1px dashed;
			}
			table.basket_contents ul.related_backet_products li.last{
				border:none;
				}
			
			table.basket_contents ul.related_backet_products li span{
				display:block;
				float:left;
				padding-top:5px;
				}
				table.basket_contents ul.related_backet_products li span.title{
					width:48%;
					margin-right:18px;
					}
				table.basket_contents ul.related_backet_products li span.rrp{
					width:10%;
					margin-right:6px;
					}
				table.basket_contents ul.related_backet_products li span.price{
					width:7%;
					margin-right:0;
					}
				table.basket_contents ul.related_backet_products li span.colour{
					margin-right:10px;
					padding:0;
					}
					table.basket_contents ul.related_backet_products li span.colour select{
						width:95px;
						}
						table.basket_contents ul.related_backet_products li span.add{
							padding:0;
							}
						
		table.basket_contents input.add_related{
			display:block;
			width:101px;
			height:19px;
			background:url(../images/related_add_to_basket.png) top left no-repeat;
			border:none;
			cursor:pointer;
			}

	
	/*	--	CHECKOUT  --	*/
		
	div.checkout{
		float:left;
		padding:20px 50px 0 50px;
		width:600px;
		}
		
	div.checkout fieldset{
		border-bottom:#ccc 1px solid;
		padding-bottom:10px;
		margin-bottom:10px;
		}
		
		div.checkout fieldset.noBorder{
			border:none;
			}
		
		div.checkout li.save_password{
			background:#ececeb;
			font-weight:bold;
			padding:10px 10px;
			width:480px;
			margin:0;
			font-weight:normal;
			}
			div.checkout li.save_password.marginBottom{
				margin:0 0 20px 0;
				}
				div.checkout li.save_password.marginTop{
					margin:20px 0 0 0;
					}
					
					
	div.checkout ul.left{
		width:80%;
		float:left;
		padding:40px 0 0 0;
		}
		div.checkout ul.left label{width:70%;}
		
		div.checkout ul.right{
			width:20%;
			float:right;
			}
		
	form input.checkoutContinueButton, form input.checkoutConfirmButton{
		width:97px;
		height:33px;
		display:block;
		cursor:pointer;
		border:none;
		margin:0;
		padding:0;
		}
		form input.checkoutConfirmButton{
			float:right;
			margin:30px 0 0 0;
			}
			form input.checkoutContinueButton:hover, form input.checkoutConfirmButton:hover{
				background-position:bottom;
				}
			
	/*	-	CHECKOUT SUMMARY/CONFIRM  - */
	
	div#order_summary{
		width:580px;
		float:left;
		padding:15px 10px 0 10px;
		}
		
		div#order_summary p{
			font-size:14px;
			font-weight:bold;
			}
		
		div#order_summary ul{
			list-style:none;
			float:left;
			width:100%;
			}
			div#order_summary li{
				float:left;
				width:95%;
				padding-bottom:5px;
				}
				div#order_summary ul li span.label{
					width:120px;
					float:left;
					}
					div#order_summary ul li span.title{
						float:left;
						}
						
		div#order_summary ul.margin{
			margin-top:30px;
			float:left;
			}
		
		div#order_summary .left{
			width:50%;
			float:left;
			}
			
		div#order_summary .right{
			width:50%;
			float:right;
			}
			
	#continue_exit_btns{
		width:90%;
		float:left;
		margin:20px 0 20px 0;
	}
	#continue_exit_btns a{
		overflow:hidden;
		text-indent:-3000px;
		width:140px;
		height:34px;
	}
	#continue_exit_btns a:hover{ background-position:bottom left; }
	#continue_exit_btns a#btn_continue_shopping{
		float:left;
		background:url(../images/continueShoppingGreen.gif) top left no-repeat;
	}	
	#continue_exit_btns a#btn_exit_shopping{
		float:right;
		background:url(../images/exitShoppingGreen.gif) top left no-repeat;
	}		
	
	ul#checkout_progress {
		list-style-type:none;
		height:50px;
		clear:both;
		margin:0 0 20px 0;
		}
		ul#checkout_progress.step1{ background:url(../images/checkout/steplong1.gif) 0 25px no-repeat; }
		ul#checkout_progress.step2{ background:url(../images/checkout/steplong2.gif) 0 25px no-repeat; }
		ul#checkout_progress.step3{ background:url(../images/checkout/steplong3.gif) 0 25px no-repeat; }
		ul#checkout_progress.step4{ background:url(../images/checkout/steplong4.gif) 0 25px no-repeat; }
		ul#checkout_progress li{
			float:left;
			display:inline;
			clear:none;
			width:140px;
			color:#999;
			font-weight:bold;
			}
			ul#checkout_progress li a{
				text-decoration:none;
				}
				
				
				
	/*	---MERCHANT LOGOS FOR CHECKOUT---  */
	
	label.worldpayLogo{
		height:50px;
		padding-bottom:10px;
		cursor:pointer;
		background:url(../images/merchant_logos/rbsWorldpay.gif) top left no-repeat;
		display:block;
		text-indent:-3000px;
		float:left;
		}
		label.paypalLogo{
			height:50px;
			padding-bottom:10px;
			cursor:pointer;
			background:url(../images/merchant_logos/paypalLogo.gif) top left no-repeat;
			display:block;
			text-indent:-3000px;
			float:left;
			}
			label.chequeLogo{
				height:50px;
				padding-bottom:10px;
				cursor:pointer;
				background:url(../images/merchant_logos/chequeLogo.gif) top left no-repeat;
				display:block;
				text-indent:-3000px;
				float:left;
				}
				label.account{
					padding-top:15px;
					text-indent:8px;
					cursor:pointer;
					font-size:1.2em;
					}
		
	li.paymentOption{
		height:60px;
		}
		li.paymentOption input{
		margin:15px 0 0 0;
			}
		
	
	/* ~~~~~~~~~~~~~~~~ SEARCH RESULTS ~~~~~~~~~~~~~~~~ */
		
	/* Search page */
	
	div.searchresults h4{
		margin:0 0 15px 0;
		font-size:14px;
		}
	
	/* Pagination */
	ol.paginate{
		padding:20px 0 0 0;
		text-align:center;
		width:100%;
		}
	
		ol.paginate li{
			display:inline;
			margin:5px;
			}
		
			ol.paginate li a{
				padding:3px;
				font-weight:bold;
				}	
	
	ol.searchresults {
		list-style-type:none;
		font-weight:bold;
		margin:0 0 0 10px;
		}
		ol.searchresults a{
			margin:0;
			}
			ol.searchresults ul{
				margin:0 20px 0 15px;
				list-style:none;
				}
				
				
/*	-----	GENERIC SUCCESS MESSAGE ----- */				

div.success{
	border:1px solid #84cd6e;
	background:#dff2d9;
	width:95%;
	float:left;
	padding:0 10px;
	margin:0 0 5px 0;
	}
	
	
/*	-----	PREVIEW/MANUAL ORDER MODE ----- */
	
#previewMode{
	width:100%;
	text-align:center;
	position:absolute;
	-moz-opacity:0.9;
	margin:0 auto;
	z-index:2000;
	}
	#previewMode div.inner{
		border:1px solid #000;
		margin:0 auto;
		width:490px;
		background:#CCC;
		filter:alpha(opacity=90);
		opacity: 0.9;		
		}
	#previewMode p{
		font-weight:bold;
		margin:6px 0;
		text-transform:uppercase;
		font-size:120%;
		color:#000;
		}
		#previewMode p a{
			color:#333;
			}
			

/* ~~~~~~~~~~~~~~~~ CHECKRATE LOGO  ~~~~~~~~~~~~~~~~ */		
			
.checkrate{
	position:absolute;
	top:10px;
	left:35%;
	text-align:left;
	}
.checkrate.crbasket{
	position:static;
	float:right;
	margin-left:10px;
}
.checkrate p{
	color:#ffffff;
	font-size:11px;
	width:160px;
	line-height:12px;
	}				
			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */			


/* ~~~~~~~~~~~~~~~~ LEFTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */
	#leftCol {margin: 10px 0 0 0;  width: 210px; float: left; }
	
	#leftCol p.tutorial  { text-align:left; }
	#leftCol p.tutorial.reseller  { margin-top:15px; }
	#leftCol p.tutorial a{
		background:url(../images/tutorialAvailable_square.gif) top left no-repeat;
		width:197px;
		height:32px;
		text-indent:-3000px;
		overflow:hidden;
		display:block;
		margin:0px;
		padding:0px;
	}
	
	
/* ~~~~~~~~~~~~~~~~ RIGHTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */

	#generic_reseller_contact{
		float:left; width:440px; 
		margin:12px;
		margin-right:0;
		padding:15px;
		text-align:left;
		border:1px solid #CCCCCC; 
		}

	
/* ~~~~~~~~~~~~~~~~ FOOTER STYLES  ~~~~~~~~~~~~~~~~ */
	#footer ul { margin:5px 0 5px 0; float: left; }
	#footer li { float:left; list-style-type:none; color:#fff;}
	#footer a{ color:#fff; text-decoration:underline; }
	#footer li a { color:#fff; text-decoration:none; padding: 0 8px 0 8px; border-right:#fff 1px solid; }
	#footer li .first { padding: 0 8px 0 0;}
	#footer .copyright { margin: 10px 0 0 0; }
	#footer li .last { border:none;}
	

	
	#footer p.merchantLogo{
		background:url(../images/worldpayFooter.gif) top left no-repeat;
		height:94px;
		width:227px;
		display:block;
		float:right;
		text-indent:-3000em;
		border:#999 1px solid;
		margin:-45px 0 0 0;
		}
		
/* ~~~~~~~~~~~~~~~~ ADDED TO BASKET NOTIFICATION ~~~~~~~~~~~~~~~~ */		
		
	#addedToBasket{
		width:180px;
		height:100px;
		background:url(../images/addedToBasket.png) top left no-repeat;
		position:absolute;
		padding:25px 35px 25px 30px;
		z-index:99;
		text-align:left;
		}
		#addedToBasket p{ margin:0; }
		#addedToBasket p.title{ margin:0 0 5px 0; }
		#addedToBasket p.checkout{ margin:3px 0 0 0; float:right; width:50%; }
		#addedToBasket p.checkout a{text-decoration:none; color:#e03a3e; font-weight:bold;}
		
		
		#addedToBasket p.image{
			float:left;
			margin:3px 15px 0 0;
			display:block;
			padding:2px;
			border:#ccc 1px solid;
			}
		#addedToBasket p.total{
			float:right;
			width:50%;
			}
			#addedToBasket p.total span{
				font-weight:bold;
				display:block;
				font-size:1.3em;
				color:#e03a3e;
				padding:3px 0 0 0;
				}
		

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/jtip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:50%;
}

#JT_arrow_right{
	background-image: url(../images/jtip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:50%;
}

#JT {
	position: absolute;
	z-index:1000;
	border: 4px solid #CCCCCC;
	background-color: #fff;
	}

#JT_copy{
	padding:10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border:none;
}

.jTip{
	/*cursor:help;*/
	cursor:pointer;
}

