/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail:Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

#wrapper_outer { 
	margin:0 auto;
	width:1001px;
	margin-bottom:15px;
}
#wrapper_columns {
	margin-bottom:0px;
	overflow:auto;
	width:100%;
	background-color:white;
}
#wrapper_header {
	color:white;
	width:auto;
	padding:0px;
	height:180px;
	margin:0px;
	background-color:black;
}
	#wrapper_header h1 a, #wrapper_header h2 a {
		width:165px;
		height:159px;
		background:url('images/logo.png') top left no-repeat;
		text-indent:-100000px;
		margin:0 0 0 30px;
		display:block;
		z-index:20;
		position:relative;
	}
	#wrapper_header #strapline {
		background:url('images/strapline.gif') top left no-repeat;
		height:37px;
		width:761px;
		text-indent:-10000000px;
		display:block;
		position:absolute;
		top:130px;
		left:220px;
	}
	#wrapper_header #admin_title {
		position:absolute; 
		top:10px;
		text-align:center;
		left:220px;
		width:760px;
		color:white;
		height:40px;
		line-height:40px;
		font-size:250%;
	}
	#wrapper_header #nav_top {
		position:absolute; 
		top:70px;
		width:100%;
		height:40px;
		background:transparent url('images/bg-top-navigation.gif') 0 0 repeat-x;
		z-index:10;
	}
		#wrapper_header #nav_top ul {
			margin:0 0 0 170px;
			padding:0;
			list-style-type:none;
		}
			#wrapper_header #nav_top ul li {
				float:left;
				padding:12px 40px 10px 50px;
				background:url('images/paw_divide.gif') left center no-repeat;
				font-size:1.1em;
			}
			#wrapper_header #nav_top ul li:first-child {
				background:none;
			}
				#wrapper_header #nav_top ul li a {
					color:white;
					text-decoration:none;
					font-weight:normal;
				}
				#wrapper_header #nav_top ul li a:hover {
					text-decoration:underline;
				}
				#wrapper_header #nav_top ul li a.selected {
					color:black;
				}
				
	#wrapper_header .basket_link {
		position:absolute;
		color:white;
		right:30px;
		top:25px;
	}
		#wrapper_header .basket_link img {
			margin:0 10px 0 0;
		}
		#wrapper_header .basket_link a {
			text-decoration:underline;
			color:white;
		}

#wrapper_left { 
	display:inline;
	margin:0px;
	padding:5px;
	width:194px;
	float:left;
}
	#wrapper_left .nav_left_top {
		border:4px solid #cfdce7;
		padding:10px 10px 0 10px;
		position:relative;
		width:150px;
		margin:10px 0 5px 8px;
	}
		#wrapper_left .nav_left_top h3 {
			background-color:black;
			color:white;
			width:150px;
			height:35px;
			line-height:35px;
			text-align:center;
			display:block;
		}
		#wrapper_left .nav_left_top ul {
			list-style-type:none;
			padding:0;
		}
			#wrapper_left .nav_left_top ul li {
				padding:5px;
				font-size:1.1em;
				border:0;
				border-top:1px solid #CFDCE7;
			}
			#wrapper_left .nav_left_top ul li:first-child {
				border-top:none;
				padding-top:0;
			}
				#wrapper_left .nav_left_top ul li a {
					color:black;
					text-decoration:none;
					display:block;
				}
				#wrapper_left .nav_left_top ul li a:hover {
					text-decoration:underline;
				}
				#wrapper_left .nav_left_top ul li a.selected {
					font-weight:bold;
					color:#AA132A;
				}

#wrapper_right { 
	float:right;
	margin:0px;
	padding:0px 0px 10px 0px;
	width:797px;
	display:inline;
	position:relative;
}
	#wrapper_right #fadingimages {
		width:797px;
		height:272px;
		display:block;
		overflow:hidden;
		margin:3px 0 0 0;
	}
		#wrapper_right #fadingimages h4 {
			text-indent:-10000px;
		}
	#wrapper_right #exampleimages {
		margin:20px 20px 20px 20px;
		float:right;
		width:157px;
		height:151px;
		overflow:hidden;
		background:transparent url('images/dropshadow.gif') bottom right no-repeat;
	}
		#wrapper_right #exampleimages h3 {
			margin:0px;
			padding:0px;
			width:150px;
			height:25px;
			font-size:90%;
			font-weight:normal;
			overflow:hidden;
		}
	#wrapper_right .order_pet_art a, #wrapper_right .prices_from {
		width:97px;
		height:97px;
		text-indent:-1000px;
		right:50px;
		position:absolute;
		overflow:hidden;
	}	
	#wrapper_right .order_pet_art a {
		top:140px;
		background:url('images/sticker-order-your-pet-art.png') top left no-repeat;
		width:107px;
		height:106px;
		right:40px;
	}	
	#wrapper_right .prices_from {
		background:url('images/sticker-prices-from.png') top left no-repeat;
		top:20px;
	}
	#wrapper_right .steps_header {
		background:black;
		position:relative;
		padding:5px;
		width:100% auto;
		color:white;
		font-size:1.2em;
		text-align:center;
		margin:0;
		margin:3px 0 0 0;
	}
	.paws {
		background:transparent url('images/bg-paws.gif') 0 0 no-repeat;
	}
	#wrapper_right .steps_header_home {
		width:797px;
		height:142px;
		background:transparent url('images/header-three-steps.gif') 10px 60px no-repeat;
		text-indent:-10000px;
	}
	#wrapper_right .flash_list, #wrapper_right .flash_list_home {
		list-style-type:none;
		padding:0;
		margin:0 0 15px 0;
		position:relative;
		background:#CFDCE7;
		width:797px;
		height:70px;
	}
	#wrapper_right .flash_list_home {
		background:transparent;
	}
		#wrapper_right .flash_list li {
			width:auto;
			padding:0 0 0 50px;
			float:left;
			background:url('images/paw.gif') 8px center no-repeat;
		}
		#wrapper_right .flash_list_home li {
			width:auto;
			padding:0;
			margin-top:0px;
			float:left;
		}
			#wrapper_right .flash_list li span {
				border:2px solid #cfdce7;
				border-top:0;
				width:210px;
				height:68px;
				display:block;
			}
			#wrapper_right .flash_list_home li span {
				width:797px;
				height:163px;
				display:block;
			}
		#wrapper_right .flash_list_home .flash_1 {
			background:url('images/flash-home-step1.jpg') center center no-repeat;
			text-indent:-10000px;
		}
		#wrapper_right .flash_list_home .flash_2 {
			background:url('images/flash-home-step2.jpg') center center no-repeat;
			text-indent:-10000px;
		}
		#wrapper_right .flash_list_home .flash_3 {
			text-indent:-10000px;
			background:url('images/flash-home-step3.jpg') center center no-repeat;
		}
		#wrapper_right .flash_list .flash_1 {
			background:url('images/flash-step1.jpg') center center no-repeat;
			text-indent:-10000px;
		}
		#wrapper_right .flash_list .flash_2 {
			background:url('images/flash-step2.jpg') center center no-repeat;
			text-indent:-10000px;
		}
		#wrapper_right .flash_list .flash_3 {
			text-indent:-10000px;
			background:url('images/flash-step3.jpg') center center no-repeat;
		}
	#wrapper_right #page_contents_admin {
		font-size:100%;
		width:780px;
		margin:15px 0 0 0;
	}
		#wrapper_right #page_contents_admin a {
			color:#0000fe;
			text-decoration:underline;
		}
	#wrapper_right #page_contents {
		font-size:110%;
		width:797px;
		margin:15px 0 0 0;
	}
		#wrapper_right #page_contents h2 {
			margin:20px 10px 0 10px;
		}
		#wrapper_right #page_contents p {
			margin:0 10px 0 10px;
			margin-bottom:1.3em;
		}
		#wrapper_right #page_contents a {
			text-decoration:underline;
		}
		#wrapper_right #page_contents .template_image {
			width:500px;
			height:400px;
			margin-left:10px;
			float:left;
		}
			#wrapper_right #page_contents .template_image img {
				vertical-align:top;
			}
		#wrapper_right #page_contents .template_options {
			width:250px;
			height:400px;
			margin-right:20px;
			float:right;
		}
			#wrapper_right #page_contents .template_options a {
				display:block;
			}
			#wrapper_right #page_contents .template_options a.magnify, #wrapper_right #page_contents .template_options a.addbasket, #wrapper_right #page_contents .template_options a.withanimal {
				display:block;
				text-decoration:none;
				padding:5px 5px 20px 45px;
			}
			#wrapper_right #page_contents .template_options a.magnify {
				background:transparent url('images/magnifying-glass-medium.png') 5px 4px no-repeat;
			}
			#wrapper_right #page_contents .template_options a.addbasket {
				background:transparent url('images/shopping-basket-medium.png') 5px 4px no-repeat;
			}
			#wrapper_right #page_contents .template_options a.withanimal {
				background:transparent url('images/categories/cats-and-dogs.jpg') 5px 4px no-repeat;
			}
			cat-portraits.jpg

	#wrapper_right #prices {
		margin:0px 10px 10px 10px;
		text-align:left;
		float:none;
	}
	#wrapper_right #prices tr td {
		padding:0px 50px 20px 0;
	}

	#wrapper_right #faq_questions {
		padding:0 0 0 25px;
		margin:0 0 0 0;
	}
		#wrapper_right #faq_questions li {
			margin:0 0 5px 0;
		}
	#wrapper_right #faq_answers {
		padding:0 0 0 0;
		margin:0 0 0 0;
		list-style-type:none;
	}
		#wrapper_right #faq_answers h3 {
			margin-right:10px;
			font-size:1.1em;
			background:black;
			padding:5px;
			color:white;
		}
		#wrapper_right #faq_answers li {
			margin:0 0 50px 0;
		}

	#wrapper_right .contact_details {
		margin:20px 20px 0 20px;
		border-bottom:3px solid #CFDCE7;
	}

	#wrapper_right span.enlargimage {
		display:block;
		width:150px;
		height:120px;
		margin-bottom:5px;
		margin-right:10px;
	}
		#wrapper_right span.enlargimage a {
			display:block;
			width:150px;
			height:120px;
		}
		#wrapper_right span.enlargimage a .appear {
			display:block;
			visibility:hidden;
		}
		#wrapper_right span.enlargimage a:hover .appear {
			visibility:visible !important;
			position:relative;
		}
		img.appear { 
			border:0;
		}

	#wrapper_right #change_template_style {
		float:right;
		margin:0px 25px 15px 15px;
	}
		#wrapper_right #change_template_style a {
			display:block;
			width:300px;
			height:40px;
			line-height:40px;
			background-color:#CFDCE7;
			border:2px solid #86949F;
			padding:0px;
			text-align:center;
			margin:0px 0px 7px 0px;
			text-decoration:none;
		}
		#wrapper_right #change_template_style a:hover {
			background-color:#BABCBE;
			text-decoration:underline;
		}
	
		#wrapper_right #change_template_style .btn {
			display:block;
			width:300px;
			height:40px;
			line-height:40px;
			text-align:center;
			margin:0px 0px 7px 0px;
		}
		#wrapper_right #change_template_style .vibrant {
			background:red url('images/colourway-vibrant.jpg') 0 0 repeat;
		}
		#wrapper_right #change_template_style .neutral {
			background:red url('images/colourway-neutral.jpg') 0 0 repeat;
		}
		#wrapper_right #change_template_style .monochrome {
			background:red url('images/colourway-mono.jpg') 0 0 repeat;
		}


#wrapper_footer { 
	clear:both;
	width:100%;
	border-top:3px solid #CFDCE7;
	line-height:1.5em;
	background-color:white;
}
	#nav_bottom_left, #nav_bottom_right {
		font-size:80%;
		width:450px;
		padding:10px;
	}
	#nav_bottom_left {
		float:left;
	}
	#nav_bottom_right {
		float:right;
	}
	#nav_bottom_left ul, #nav_bottom_right ul {
		position:relative;
		padding:0px;
		margin:0px;
	}
	#nav_bottom_left ul {
		float:left;
	}
	#nav_bottom_right ul {
		float:right;
		text-align:right;
	}
	#nav_bottom_left ul li, #nav_bottom_right ul li {
		padding:0px;
		margin:0px;
		list-style-type:none;
		display:inline;
	}
	#nav_bottom_left ul li a, #nav_bottom_right ul li a {
		text-decoration:none;
	}
	#nav_bottom_left ul li a:hover, #nav_bottom_right ul li a:hover {
		text-decoration:underline;
	}
	#nav_bottom_left .selected, #nav_bottom_right .selected {
		color:#AA132A;
		font-weight:normal;
	}
	

.list_templates {
	text-align:center;
	width:150px;
	float:left;
	border:2px solid #CFDCE7;
	padding:10px;
	margin:0px 0px 10px 10px;
}
	.list_templates a.magnify, .list_templates a.addbasket, .list_templates a.moreinfo {
		display:block;
		text-decoration:none;
		padding:5px;
	}
	.list_templates a.magnify {
		background:transparent url('images/magnifying-glass-small.png') 5px 4px no-repeat;
	}
	.list_templates a.addbasket {
		background:transparent url('images/shopping-basket-small.png') 5px 4px no-repeat;
	}
	.list_templates a.moreinfo {
		background:transparent url('images/moreinfo-small.png') 5px 4px no-repeat;
	}
	.list_templates img {
		padding-bottom:5px;
	}

	.list_templates span {
		width:100%;
		background:#CFDCE7;
		display:block;
		font-weight:normal;
	}
.buy_template {
	width:330px;
	border:1px dotted #7295B1;
	padding:10px 20px 10px 10px;
	float:left;
	margin:0 5px 5px 0;
	position:relative;
}
	.buy_template img {
		padding-right:10px;
	}
	.buy_template input, .buy_template label {
		margin-bottom:8px;
	}
	.buy_template .btnSelectTemplate {
		margin-bottom:0px;
		position:absolute; 
		top:2px; 
		right:2px; 
		z-index:5;
	}


#order_box {
	width:100% auto;
	z-index:10!important;
	position:relative;
}
	#order_box #order_stages {
		list-style-type:none;
		padding:0;
		float:none;
		position:relative;
		display:block;
		width:100%;
		height:2.5em;
		background:black;
		margin-top:2px!important;
	}
		#order_box #order_stages li {
			float:left;
			margin:0;
			padding:8px 10px 5px 10px;
			background:url('images/arrow.gif') 10px 10px no-repeat;
			display:block;
			color:#AFAFAF;
			font-weight:bold;
		}
		#order_box #order_stages li:last-child {
			margin:0;
		}
		#order_box #order_stages li:first-child {
			padding-left:10px;
			background:none;
		}
		#order_box #order_stages .active_state {
			color:white;
		}

	#order_box fieldset {
		border:2px solid #CFDCE7;
		margin:0 15px 15px 0;
		position:relative;
		display:block;
	}
	#order_box legend {
		font-weight:bold;
		padding:0 5px 0 5px;
	}
	#order_box h3 {
		width:100% auto;
		padding:5px;
		background:#CFDCE7;
		margin:5px 0 5px 0;
		font-size:100%;
		font-weight:normal;
	}
		#order_box label img {
			padding:0px 5px 0px 5px;
		}
	#order_box a#div_view_all_templates, #order_box a#div_view_all_templates_no_js {
		display:block;
		padding:5px 0px 10px 0px;
		z-index:4;
	}

	#order_box .file_uploader {
		width:745px;
		height:600px;
		overflow:auto;
	}

	#admin_ordered_photos .file_uploader {
		width:745px;
		height:600px;
		overflow:auto;
	}

.missing_field {
	background-color:#FFE9F7 !important;
	border:1px solid #AA132A !important;
}
.missing_field_label {
	background-color:#FFE9F7 !important;
	color:#AA132A !important;
}

hr {
	height: 0;
	border: 0;
	border-top: 3px solid #CFDCE7;
	margin-bottom: 10px;
}

.prices_tbl {
	text-align: right;
	float: right;
}

.prices_tbl td {
	padding: 5px;
}

.payment_notice {
	clear:both;
	padding:20px 10px 0px 0px;
	font-size:75%;
}

.low-quality {
	width:98%;
	margin-top:20px;	
	margin-bottom:20px;	
}
	.low-quality td {
		width:25%;
		text-align:left;
	}

#terms-conditions table {
	width:95%;
}
	#terms-conditions table td {
		vertical-align:top;
	}
	#terms-conditions table th, #terms-conditions table td .subpoints th {
		vertical-align:top;
		font-weight:normal;
		text-align:lreft;
		width:75px;
	}