/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre form, fieldset, input, p ,blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font size for headers */
h1, h2, h3, h4, h5, h6
{ font-size : 100%; }

/* Removes list-style from lists */
ol,ul
{ list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table
{ border: collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img
{ border : 0; }

/* Left-aligns text in caption and th */
caption,th
{ text-align : left; }

/* Removes quotation marks from q */
q:before, q:after
{ content :''; }

/* Remove firefox quirk */
a:active, a:focus {
outline: 0
}


/* Body */
body {
	background: transparent url('/img/background.gif') 0 0 repeat;
	color: #323232;
	font-family: Calibri, Helvetica, Arial, sans-serif;	
}

/* Background */
.background-top {
	background: transparent url('/img/background-top.gif') 0 0 repeat-x;
}

/* Content */
.wrapper {
	position: relative;
	background: url('/img/page-shadow.png') repeat-y;
	padding: 0 40px;
	width: 995px;
	margin: 0 auto;
}



.wrapper p, .wrapper ol, .wrapper ul {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 6px;
}

.wrapper h2 {
	font-size: 22px;
	color: #549c35;
	padding-top: 6px;
	padding-bottom: 6px;
}

.wrapper a {
	color: #DB8328;
	text-decoration: none;
}
.wrapper a:hover {
	text-decoration: underline;
}

.content {
	background: white;
}

/* Banner */
.banner {
	position: relative;
	width: 995px;
	height: 274px;
	background: white url('/img/banner.jpg') top no-repeat;
	padding-bottom: 20px;
}

/* Slideshow */
#slideshow {
	position: absolute;
	left: 40px;
	top: 30px;
}
#theme-decorations {
	position: absolute;
	top: 0;
	left: 0;
	width: 996px;
	height: 287px;
}


/* Christmas theme */
#theme-decorations.christmas {
	background: url('/img/decoration-christmas.png');
}

/* Valentines theme */
#theme-decorations.valentines {
	background: url('/img/decoration-valentines.png');
}

/* Mother's Day theme */
#theme-decorations.mothers {
	background: url('/img/decoration-mothers.png');
}

.logo {
	position: absolute;
	width: 350px;
	left: 610px;
	top: 16px;
	
	/* Hide the text */
	height:0;
	padding-top: 150px;
	overflow: hidden;
	text-indent: 9999px;
	
	cursor: pointer;
}

/* Animated banner images */
#test-image {
	position: absolute;
	left: 100px;
	top: 100px;
}

/* Navigation */
.nav {
	position: absolute;
	height: 38px;
	width: 595px;
	left: 368px;
	top: 172px;
}

.nav li {
	position: absolute;
	font-size: 16Ïpx;
	display: inline;
	padding-top: 12px;
	color: white;
	height: 26px;
	text-align: center;
	cursor: default;
}

.nav li.nav-home {
	width: 62px;
	left: 0;
}

.nav li.nav-about {
	width: 90px;
	left: 64px;
}

.nav li.nav-products {
	width: 168px;
	left: 156px
}

.nav li.nav-faq {
	width: 60px;
	left: 326px;
}

.nav li.nav-uploading {
	width: 170px;
	left: 388px;
}

.nav li.nav-contact {
	width: 106px;
	left: 560px;
	margin-right: 0;
}

.nav li:hover {
	background: transparent url('/img/nav-background-hi.gif') 0 0 repeat-x;
}

.nav a {
	display: block;
	height: 18px;
	margin-top: -10px;
	padding-top: 10px;
	width: 100%;
	color: white;
}
.nav a:hover {
	text-decoration: none;
}

/* Sub menus */
.sub-nav {
	width: 240px;
	margin: 10px 0 0 15px;
	font-size: 12px;
	background: transparent url('/img/menu-background-blue.png');
	z-index: 100;
}

/* Drop downs */
.drop-down {
	position: absolute;
	width: auto;
	margin: 0;
	display: none;
}

/* Ones in the left column */
.content .sub-nav {
	float: left;
}

.sub-nav .item {
	padding: 0 10px;
	border-bottom: 1px solid #2990b2;
	cursor: pointer;
}

.sub-nav .item:hover {
	background-color: #1f7997;
}

.sub-nav dt {
	color: white;
	padding-top:10px;
}

.sub-nav dd {
	color: #a8daeb;
	padding-bottom: 10px;
}

.sub-nav a:hover {
	text-decoration: none;
}

.drop-downs .products {
	left: 524px;
	top: 211px;
}
.drop-downs .about {
	left: 432px;
	top: 211px;
}
.drop-downs .uploading {
	left: 756px;
	top: 211px;
}

/* Footer */
.footer-wrapper {
	background: url('/img/page-shadow-bottom.png') no-repeat;
	width: 995px;
	margin: 0 auto;
	padding: 0 40px;
	margin-bottom: 30px;
}

.footer {
	width: 995px;
	height: 127px;
	background: white url('/img/footer.gif') bottom no-repeat;
	padding-top: 20px;
}

.footer-text {
	display: block;
	padding-top: 10px;
	font-size: 12px;
	text-align: center;
	color: #6b6b6b;
}

.footer-text a {
	color: #6b6b6b;
}

.footer-text li {
	display: inline;
}

/* Index Styles */
.index .content-text-left {	
	float: left;
	width: 580px;
	padding-left: 20px;
}
.index .content-text-right {
	float: right;
	width: 340px;
	padding: 0 30px 0 20px;
}

.index .content-text img {
	float: right;
	max-height: 250px;
	margin: 0 0 20px 20px;
}

.content-text li {
	margin-left: 50px;
	padding-left: 10px;
	padding-bottom: 6px;
	list-style: url('/img/bullet.gif');
}

.clear-extender {
	clear:both;
}
.clear-extender hr {
	padding: 0;
	margin: 0;
	display:none;
}

.promotions-wrapper {
	/* 16px less than actual width of three items to hide right border 
	 * 16px = 15px padding + 1px border
	 */
	width: 586px;
	height: 340px;
	overflow: hidden;
}
.promotions {
	position: relative;
}
.specials-ribbon {
	position:absolute;
	width: 84px;
	height: 85px;
	left: 40px;
	top: 280px;
	background: url('/img/specials-ribbon.png');
	z-index: 10;
}
.promotions li {
	float: left;
	width: 164px;
	height: 318px;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #d8e2e6;
	background: #e9f2f6;
	margin: 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.promotions li:hover {
	background: #c3deea;
}
.promotions li:first-child {
	margin-left: 0;
}

.promotions .promotions-image {
	position: relative;
	height: 87px;
	width: 121px;
	padding-bottom: 10px;
}
.promotions .promotions-image img {
	position: absolute;
	left: 0;
	top: 0;
		
	/* Hide the image and make it a background instead */
	height:0;
	width:121px;

	padding-top:87px;
	overflow: hidden;
	border: 1px solid #aae;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.promotions h3 {
	color: #0886af;
	font-size: 17px;
	font-weight: lighter;
	padding-bottom: 5px;
}

.index .testimonials {

}
/*.index .testimonials .title {
	width: 122px;
	height: 0;
	padding-bottom: 0;
	padding-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: 9999px;
	background: url('/img/title-testimonials.gif');
}*/
.index .testimonials li {
	float: left;
	display: block;
	width: 580px;
	padding: 15px 0;
	line-height: 22px;
	border-top: 1px dotted #CDCDCD;
	font-size: 15px;
	margin-right: 20px;
}
.index .testimonials li:first-child {
	padding-top: 0;
	border: none;
}
.index .testimonials cite {
	padding-top: 10px;
	display: block;
	text-align: right;
	color: #079ccd;
	font-size: 18px;
	font-weight: lighter;
}

.index .index-textbox {
	position: relative;
	width: 300px;
	padding: 10px;
	margin-bottom: 20px;
	background: #8ec949;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.index-textbox li {
	padding-left: 10px;
	list-style: inside square;
}
.index-textbox a {
	color: white;
	text-decoration: underline;
}

.index .what-we-do {
	position: relative;
	margin-bottom: 30px;
}

.index .what-we-do a {
	display: block;
	width: 249px;
	height: 0;
	padding-top: 44px;
	overflow: hidden;
	
	margin-bottom: 10px;
}

.index .what-we-do li.canvas a { background: url('/img/button-canvas.png'); }
.index .what-we-do li.framed a { background: url('/img/button-framed.png'); }
.index .what-we-do li.block a { background: url('/img/button-block.png'); }
.index .what-we-do li.foam a { background: url('/img/button-foam.png'); }

.index .what-we-do li.canvas a:hover { background: url('/img/button-canvas-hi.png'); }
.index .what-we-do li.framed a:hover { background: url('/img/button-framed-hi.png'); }
.index .what-we-do li.block a:hover { background: url('/img/button-block-hi.png'); }
.index .what-we-do li.foam a:hover { background: url('/img/button-foam-hi.png'); }

.index .index-break-swirl {
	position: relative;
	width: 528px;
	height: 94px;
	margin: 0 0 20px -20px;
	padding:25px 191px 0 70px;
	background: transparent url('/img/index-break-swirl.jpg');
	z-index: 0;
}
.index .index-break-swirl h2 {
	padding-bottom: 0;
}
.index .index-break-swirl a {
	color: white;
}

.index #guarantee-badge {
	position: absolute;
	left: -20px;
	top: 10px;
}
	

.index .badges {
	text-align: right;
	position: relative;
}

.index .badges li {
	margin-bottom: 20px;
	display: block;
}

.index .badges a {
	display: block;
	width: 100%;
	height: 100%;
}

.index #badge-gift {
	width: 329px;
	height: 116px;
	background: transparent url('/img/badge-gift.png');
}

.index #appraisal-instructions {
	margin: 0 12px 20px 25px;
	text-align: left;
}
.index #appraisal-instructions a {
	display: inline;
}

#appraisal-instructions h3 {
	color:green;
	font-size:14px;
	padding-bottom:6px;
}

.index #badge-appraisal {
	width: 302px;
	margin-left: 25px;
	background: #4f9cb7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#badge-appraisal h3 {
	width: 246px;
	height: 0;
	padding-top: 85px;
	overflow: hidden;
	margin: 23px;
	background: url('/img/badge-appraisal-heading.jpg') bottom no-repeat;
}

#badge-appraisal #upload .save {
	
}

#badge-appraisal #upload .save input {
	float: right;
	padding-right: 26px;
	margin-right: 10px;
	color: white;
	background: url('/img/upload-continue-icon-blue.jpg') right 1px no-repeat;
	cursor: pointer;
}

#badge-appraisal form {
	background: none;
	border: none;
	color: white;
}
#badge-appraisal #upload div {
	text-align: left;
	width: 280px;
}
#badge-appraisal #upload div.no-label {
	padding-left: 80px;
}
#badge-appraisal #upload label {
	padding:3px 10px 3px 0;
	width: 80px;
	font-size: 12px;
}
#badge-appraisal #upload input {
	width: 180px;
	font-size: 12px;
	padding: 3px;
}
#badge-appraisal #upload textarea {
	width: 180px;
	height: 40px;
}
#badge-appraisal #upload select {
	width: 188px;
	font-size: 12px;
}
#badge-appraisal #upload input[type="file"] {
	width: 150px;
}
#badge-appraisal #upload input[type="submit"] {
	width: auto;
}

.index .plain-text {
	width:583px;
}

.wrapper p.tick {
	padding: 0 0 18px 40px;
	background: transparent url('/img/tick.gif') left 5px no-repeat;
}

.wrapper p.why-costs {
	padding: 0 0 18px 65px;
	background: transparent url('/img/why-cost.png') left 5px no-repeat;
}

.wrapper p.why-services {
	padding: 0 0 18px 65px;
	background: transparent url('/img/why-services.png') left 10px no-repeat;
}

.wrapper p.why-quality {
	padding: 0 0 18px 65px;
	background: transparent url('/img/why-blue-ribbon.jpg') left 5px no-repeat;
}

.wrapper p.why-fast {
	padding: 0 0 18px 65px;
	background: transparent url('/img/why-fast.png') left 5px no-repeat;
}

/* Popup */
.popup {
	display: none;
	position: fixed;
	width: 512px;
	height: 260px;
	background: transparent url('/img/popup-background.png') 0 0 repeat;
}

.popup-main {
	position: absolute;
	width: 432px;
	height: 180px;
	padding: 30px 40px;
	z-index: 9999;
	color: white;
}

.popup-items {
	position: relative;
}
.popup-items .popup-item {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
}
.popup-items .current {
	display: block;
}

.popup-main img {
	float: right;
	margin: 10px 0 5px 20px;
	border: 3px solid white;
	
	/* Hide the image and make it a background instead */
	height:0;
	width:121px;

	padding-top:87px;
	overflow: hidden;
}

.popup-main h3 {
	color: #079ccd;
	font-size: 20px;
	font-weight: lighter;
	padding-bottom: 7px;
}

.popup-main .previous, .popup-main .next {
	position: absolute;
	bottom: 0;
	font-size: 11px;
}
.popup-main .previous {
	left: 40px;
}
.popup-main .next {
	left: 430px;
}
.popup-controls {
	display: block;
	position: absolute;
	width: 432px;
	bottom: -4px;
	text-align: center;
}
.popup-controls li {
	display: inline;
	font-size: 12px;
	margin-left: 5px;
}
.popup-controls li:first-child {
	margin-left: 0;
}

.popup-controls .current {
	font-size: 24px;
}

.popup-shadow-top, .popup-shadow-right, .popup-shadow-bottom, .popup-shadow-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}

.blackout {
	position: fixed;
	left: 0;
	top: 0;
	background: transparent url('/img/popup-blackout.png') 0 0 repeat;
	opacity: 0;
	z-index: 11;
}

.popup-shadow-top {
	top: -12px;
	width: 513px;
	height: 12px;
	background: transparent url('/img/popup-shadow-top.png') 0 0 no-repeat;
}

.popup-shadow-right {
	left: 512px;
	top: -12px;
	width: 28px;
	height: 305px;
	background: transparent url('/img/popup-shadow-right.png') 0 0 no-repeat;
}

.popup-shadow-bottom {
	top: 260px;
	width: 512px;
	height: 32px;
	background: transparent url('/img/popup-shadow-bottom.png') 0 0 no-repeat;
}

.popup-shadow-left {
	left: -16px;
	top: -12px;
	width: 16px;
	height: 303px;
	background: transparent url('/img/popup-shadow-left.png') 0 0 no-repeat;
}

.popup-close {
	position: absolute;
	left: -13px;
	top: -13px;
	width: 29px;
	height: 30px;
	background: url('/img/popup-close.png');
	z-index: 10000;
	cursor: pointer;
}
	


/* Internal Styles */
.content-text {
	padding: 0 20px 0 300px;
}

.textbox {
	position: absolute;
	left: 55px;
	width: 220px;
	padding: 10px;
	background: #8ec949;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.gallery-textbox {
	position: absolute;
	left: 55px;
	top: 730px;
	width: 220px;
	padding: 10px;
	background: #8ec949;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.textbox-green {
	position: absolute;
	left: 55px;
	width: 220px;
	padding: 10px;
	background: #8ec949;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.textbox-green li {
	padding-left: 10px;
	margin-left: 0;
	list-style: inside square;
}

.special-textbox {
	background:#EEBF31 none repeat scroll 0 0;
	color:white;
	margin:10px 0 20px;
	padding:10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.valentines-textbox {
	margin: 10px 0 20px;
	padding: 10px 20px;
	background: #b03030;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.mothers-textbox {
	margin: 10px 0 20px;
	padding: 10px 20px;
	color: #f59f28;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff75e;
}
.content-text .special-textbox img, .content-text .valentines-textbox img, .content-text .mothers-textbox img {
	float: left;
	margin: 0 10px 0 0;
	height: 39px;
}
.content-text .special-textbox h4, .content-text .valentines-textbox h4, .content-text .mothers-textbox h4 {
	padding-top: 4px;
}

.textbox li {
	padding-left: 10px;
	list-style: inside square;
}

.canvas-textbox {
	margin: 10px 0;
	padding: 10px;
	background: #8ec949;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.canvas-textbox li {
	list-style: outside square;
}

.canvas-textbox a {
	color: white;
	text-decoration: underline;
}

.what-can-you-print, .why-canvas-blocs {
	top: 750px;
}

.when-should-i-choose {
	top: 970px;
}

.content-text a.order-button {
	display: block;
	margin: 0 auto 10px;
	width:117px;
	height: 39px;
	font-size: 16px;
	color: white;
	line-height: 39px;
	text-align: center;
	background: transparent url('/img/order-button.gif');
}
.content-text a.order-button:hover {
	text-decoration: none;
}

.message {
	padding: 10px;
	background: #cfc;
	border: 1px solid #6e6;
	color: #3a3;
	text-align: center;
	margin-bottom: 10px;
	font-size: 14px;
}
.error {
	padding: 10px;
	background: #fcc;
	border: 1px solid #e77;
	color: #a33;
	text-align: center;
	margin-bottom: 10px;
	font-size: 14px;
}
.notice {
	padding: 10px;
	background: #eee;
	border: 1px solid #bbb;
	color: #444343;
	text-align: center;
	margin-bottom: 10px;
	font-size: 14px;
}

/* Table */
/* Pricing */
.pricing-table {
	width: 500px;
	margin: 20px auto;
}

.pricing-table .table-wrapper {
	display: none;
}

.basic-table {
	background-color: #f7d368;
	color: #7d651e;
	width: 500px;
	font-size: 14px;
	
	margin: 15px auto;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.basic-table .header {
	height: 23px;
	padding: 7px 0 0 10px;
	color: #af8919;
	background: url('/img/pricing-table-header.gif');
	font-size: 14px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	cursor: pointer;
}

.basic-table .header img {
	padding: 0 10px 0 0;
	margin: 0;
	float: left;
}

/* If .basic-table contains a table, it's because we're using a slide
 * so initially hide it.
 */
.basic-table table {
	width: 500px;
	display: none;
}
.basic-table tr {
	width: 500px;
}

.basic-table td {
	padding: 5px 10px;
}

.strikeout {
	text-decoration: line-through;
}

/* Links */
.links {
	padding-left: 20px;
}
.content-text .links li {
	padding-bottom: 10px;
	list-style: none;
	margin-left: 0;
}

/* New Administration */
.admin .content {
	overflow: auto;
}

.admin .subnav {
	margin-top: 0;
}

.admin .header {
	display: block;
	height: 64px;
	padding: 15px;
	background: url('/img/admin-header.gif');
}
.admin .header h3 {
	color: #52a6c1;
	font-size: 24px;
	text-transform: capitalize;
}

.admin .header .tools {
	font-size: 12px;
	padding-top: 10px;
	float: right;
}
.admin .header .tools li {
	display: inline;
	margin-left: 0;
	padding: 0 4px;
	border-left: 1px solid gray;
}
.admin .header .tools li:first-child {
	padding-left: 0;
	border-left: none;
}
.admin .header .tools a {
	color: #52a6c1;
}
	
.basic {
	padding: 10px;
	margin-top: 10px;
	background: #E5E5FF;
	border: 1px solid #A0C0FF;
}
.basic:first-child {
	margin-top: 0;
}

.basic div {
	display:block;
	padding:5px 3px;
	width:500px;
}
.basic div.no-label {
	padding-left: 150px;
}

.basic label {
	display:block;
	float:left;
	margin:0 0 5px;
	padding: 3px 10px;
	text-align:right;
	width:130px;
	font-size: 14px;
	
}

.basic input {
	margin:0;
	padding:5px;
	width:200px;
}
.basic textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:340px;
	height: 4em;
}
.basic textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:340px;
	height: 4em;
}
.basic input[type="submit"] {
	padding: 2px;
	width: auto;
}
.basic input[type="checkbox"], form.basic input[type="radio"] {
	width: auto;
	margin-right: 5px;
	margin-top: 5px;
}
.basic a {
	color: #3737FF;
}
.basic li {
	list-style: none;
	padding-left: 0;
}
.errors li {
	list-style-image: none;
	color: red;
	margin-left: 150px;
}
.upload-controls .errors li {
	list-style: none;
	margin-left: 140px;
	font-size: 12px;
	border: none;
	margin: 0 0 0 150px;
}

.option-table {
	width: 400px;
	border: 1px solid #c7c7c7;
}

.option-table tr {
	background: #d5d5d5;
}
.option-table tr.odd {
	background: #dadada;
}

.option-table td {
	padding: 10px;
	font-size: 12px;
	border-top: 1px solid #c7c7c7;
}
.option-table tr:first-child td {
	border-top: none;
}

.option-table td.button {
	width: 16px;
}

.option-table tr.add a {
	color: #64AA54;
}
.option-table tr.add a:hover {
	text-decoration: none;
}

.option-table tr.add td.add-submit {
	min-width: 52px;
}

.option-table tr.add img {
	padding-right: 4px;
	margin-bottom: -3px;
}

form#edit .option-table tr.add input[type="text"] {
	width: auto;
}

/* Old Administration */
/*.admin .subnav {
	margin-top: 0;
}

.admin .header {
	display: block;
	height: 64px;
	padding: 15px;
	background: url('/img/admin-header.gif');
}
.admin .header h3 {
	color: #52a6c1;
	font-size: 24px;
	text-transform: capitalize;
}

.admin .header .tools {
	font-size: 12px;
	padding-top: 10px;
	float: right;
}
.admin .header .tools li {
	display: inline;
	margin-left: 0;
	padding: 0 4px;
	border-left: 1px solid gray;
}
.admin .header .tools li:first-child {
	padding-left: 0;
	border-left: none;
}
.admin .header .tools a {
	color: #52a6c1;
}
	
.basic {
	padding: 10px;
	margin-top: 10px;
	background: #E5E5FF;
	border: 1px solid #A0C0FF;
}
.basic:first-child {
	margin-top: 0;
}

.basic div {
	display:block;
	padding:5px 3px;
	width:500px;
}
.basic div.no-label {
	padding-left: 150px;
}

.basic label {
	display:block;
	float:left;
	margin:0 0 5px;
	padding: 3px 10px;
	text-align:right;
	width:130px;
	font-size: 14px;
	
}

.basic input {
	margin:0;
	padding:5px;
	width:200px;
}
.basic textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:340px;
	height: 4em;
}
.basic textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:340px;
	height: 4em;
}
.basic input[type="submit"] {
	padding: 2px;
	width: auto;
}
.basic input[type="checkbox"], form.basic input[type="radio"] {
	width: auto;
	margin-right: 5px;
	margin-top: 5px;
}
.basic a {
	color: #3737FF;
}
.basic li {
	list-style: none;
	padding-left: 0;
}
.errors li {
	list-style-image: none;
	color: red;
	margin-left: 150px;
}
.upload-controls .errors li {
	list-style: none;
	margin-left: 140px;
	font-size: 12px;
	border: none;
	margin: 0 0 0 150px;
}

.admin .data li {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #A0C0FF;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.admin .data li:last-child {
	margin-bottom: 0;
}

.admin .data .delete-button {
	position: absolute;
	width: 33px;
	height: 33px;
	top: -12px;
	left: -12px;
	background: transparent url('/img/delete-button.png') 0 0 no-repeat;
	cursor: pointer;
}
.admin .data .edit-button {
	position: absolute;
	width: 60px;
	height: 44px;
	left: 610px;
	top: -25px;
	background: transparent url('/img/edit-button.png') 0 0 no-repeat;
	cursor: pointer;
}

.admin .data .field {
	background:#E5E5FF none repeat scroll 0 0;
	display:block;
	font-size:12px;
	padding:4px;
}
.admin .data .field a {
	color: #3838FF;
}

.admin .data .field-name {
	display:block;
	float:left;
	padding: 4px 10px 4px 0;
	text-align: right;
	font-weight: bold;
	text-transform:capitalize;
	width:100px;
}

.admin .data .field-value {
	display:block;
	padding-left:120px;
}
.admin .data .field-value {
	background: inherit;
	font-family: 'MS Shell Dlg';
	border: 1px solid #E5E5FF;
	font-size: 10px;
	padding:4px;
	width:400px;
	display: inline;
}
	
.admin .data textarea.field-value {
	height: 100px;
}
.admin .data textarea.big {
	height: 200px;
	width: 500px;
}

.admin .data input.enabled, .admin .data textarea.enabled {
	background-color: white;
	border: 1px solid #A5C5FF;
}
.admin .data .no-label {
	padding-left: 120px;
}

.admin .data .save {
	background-color:#EEEEEE;
	margin-top:30px;
	padding: 10px;
}
.admin .data .save p {
	line-height: 12px;
	padding: 6px 0;
}
.admin .data .save .save-button {
	float: right;
}


// Exceptions for the theme admin page 
.admin #theme select {
	background: white;
}*/


/* Admin pages */
.pages .add {
	display: none;
}
.pages .data {
	display: block;
}

.order-info-wrapper {
	margin: 0 auto;
	width: 600px;
}
.order-info-wrapper .back-link {
	float: right;
}
.order-info-wrapper .title {
	font-size: 14px;
	font-weight: bold;
}
	
#order-image {
	display: block;
	float: none;
	max-height: none;
	margin: 0 auto 20px auto;
	padding:10px;
	max-width: 600px;
	border: 1px solid #A0C0FF;
}

.order-id {
	position: absolute;
	color: #B5C5EE;
	right: 0;
	top: 0;
	padding: 20px 10px 0 0;
	font-size: 60px;
}

form.big div {
	width: 650px;
}
form.big textarea {
	width: 450px;
	height: 20em;
}

/**********************************
 *
 * Upload form
 *
 *********************************/

#upload-wrapper {
	margin: 20px 0;
	border: 2px solid #5fa7f9;
}

#upload-steps {
	background: #5fa7f9;
	padding: 0;
	height: 58px;
	margin-bottom: 20px;
}

#upload-steps li {
	display: block;
	float: left;
	padding: 20px 24px;
	margin: 0;
	font-size: 13px;
	color: white;
}

#upload-steps li.incomplete {
	color: #a8cffb;
}

#upload-steps li.current {
	background: url('/img/step-current.jpg') bottom center no-repeat;
}

#upload-steps h3 {
	color: white;
	font-size: 16px;
	line-height: 58px;
	padding-left: 15px;
}

#upload-steps .step-number {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 7px;
	color: #5fa7f9;
	text-align: center;
	font-weight: bold;
	background: url('/img/step-number-circle.jpg');
}

#upload-steps li.incomplete .step-number {
	background: url('/img/step-number-circle-incomplete.jpg');
}

#upload {
	padding: 10px 0 50px;
}

#upload label {
	float: left;
	clear: both;
	width: 170px;
	text-align: right;
	padding-right: 20px;
	font-size: 14px;
	line-height: 24px;
}

#upload div {
	padding-bottom: 15px;
}

#upload input[type="text"] {
	border: 1px solid #d2d2d2;
	padding: 4px;
	font-size: 14px;
}

#upload textarea {
	font-family: 'Lucida Grande', 'Calibri', 'Tahoma', 'Helvetica', sans-serif;
	font-size: 14px;
	border: 1px solid #e2e2e2;
	padding: 3px;
	width: 300px;
	height: 6em;
}

#upload .errors li {
	list-style: none;
	font-size: 12px;
	margin-left: 190px;
	padding: 5px 0;
}

#upload .radio-element {
	display: block;
	float: none;
	width: auto;
	text-align: left;
	padding: 5px 0 5px 190px;
}

#upload .radio-element input {
	margin-right: 5px;
	margin-bottom: -2px;
}

#upload div.save {
	float: right;
	padding: 20px 10px 10px 0;
}
#upload div.save input[type="submit"] {
	background: url('/img/upload-continue-icon.jpg') right 1px no-repeat;
	padding: 0 26px 2px 0;
	height: 21px;
	border: none;
	color: #5fa7f9;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

#upload div.back {
	float: left;
	padding: 20px 0 10px 10px;
}
#upload div.back input[type="submit"] {
	background: url('/img/upload-back-icon.jpg') left 1px no-repeat;
	padding: 0 0 2px 26px;
	height: 21px;
	border: none;
	color: #5fa7f9;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

#order-instruction {
	display:block;
	padding: 20px 0;
	font-size: 14px;
	text-align: center;
	color: #2e89c3;
}

div#div-state {
	float: left;
}
#div-state input {
	width: 130px;
}

#div-state ul.errors {
	width: 10px;
	overflow: visible;
}
#div-state ul.errors li {
	width: 300px;
}

#div-postcode {
	clear: none;
	float: left;
	padding-left: 10px;
}

#div-postcode input {
	width: 40px;
}

#div-phone {
	clear: both;
}


/**********************************
 *
 * Administration group table
 *
 *********************************/

a.add {
	float: right;
	font-size: 12px;
	margin-top: 14px;
	padding: 3px 3px 0 20px;
	background: url('/img/add.png') left no-repeat;
	color: #64AA54;
}
#item-list li {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
	
	background: #ececec;
}
#item-list li.odd {
	background: #e0e0e0;
}

#item-list img.edit, #item-list img.delete {
	float: right;
	margin: 10px;
}

#item-list p {
	padding: 10px;
}

#item-list .confirm {
	float: right;
	font-size: 12px;
	color: red;
	padding: 10px 0;
	
	height: 12px;
	width: 0;
	overflow: hidden;
	text-align: right;
}

#item-list .confirm span {
	margin-right: 10px;
}

#item-list .confirm a {
	color: red;
	font-weight: bold;
	cursor: pointer;
}

#item-list .appraisal-name {
	font-weight: bold;
}

#item-list .appraisal-date {
	font-size: 12px;
	color: #888;
	padding-left: 10px;
}

#item-list .appraisal-images {
	font-size: 12px;
}

#item-list img.image-thumb {
	float: left;
	width: 100px;
	margin: 10px;
	border: 1px solid #b2b2b2;
}

#item-list span.image-url {
	font-weight: bold;
}

form#edit {
	padding: 20px;
	background: #e2e2e2;
}

form#edit div {
	padding: 5px;
}

form#edit label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
	line-height: 24px;
}

form#edit div.buttons {
	padding-left: 160px;
}

form#edit p.static {
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	padding-left: 160px;
}

form#edit input[type="text"] {
	padding: 4px;
	font-size: 12px;
	border: 1px solid #b2b2b2;
	width: 400px;
}

form#edit textarea {
	border: 1px solid #b2b2b2;
	padding: 4px;
	width: 400px;
	font-family: helvetica, Calibri, Tahoma;
	font-size: 13px;
	height: 30em;
}

/* Exceptions for the theme admin page */
.admin #theme select {
	background: white;
}


/* Admin pages */
.pages .add {
	display: none;
}
.pages .data {
	display: block;
}

.order-info-wrapper {
	margin: 0 auto;
	width: 600px;
}
.order-info-wrapper .back-link {
	float: right;
}
.order-info-wrapper .title {
	font-size: 14px;
	font-weight: bold;
}
	
#order-image {
	display: block;
	float: none;
	max-height: none;
	margin: 0 auto 20px auto;
	padding:10px;
	max-width: 600px;
	border: 1px solid #A0C0FF;
}

.order-id {
	position: absolute;
	color: #B5C5EE;
	right: 0;
	top: 0;
	padding: 20px 10px 0 0;
	font-size: 60px;
}

form.big div {
	width: 650px;
}
form.big textarea {
	width: 450px;
	height: 20em;
}

/* Spinner */
#spinner-wrapper {
	position: fixed;
	display: none;
	z-index: 123456789;
	width: 330px;
	height: 100px;
	padding: 20px;
	background: url('/img/menu-background-blue.png') repeat;
	font-size: 14px;
	color: #a8daeb;
	border: 3px solid #1e84a5;
}

#spinner-wrapper h4 {
	font-size: 16px;
	color: white;
	padding-bottom: 10px;
}

#spinme {
	background-position:-96px 0;
	background-repeat:no-repeat;
	height:48px;
	width:48px;
}

/* Upload pages */
.upload-controls {
	padding: 0;
	margin: 0;
}
.upload-controls li {
	padding: 10px 0;
	margin: 5px 0 0;
	border-top: 1px dotted #4444BB;
	font-size: 16px;
}

.add-link {
	display: block;
	font-size:12px;
	padding-left:155px;
	text-decoration:underline;
	border-bottom: 1px dotted #4444BB;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

form div.button-wrapper {
	padding: 0;
	margin: 0;
	/* display:inline; */
}

.use-details label {
	float: none;
}

.multi-checkbox label {
	float: none;
	padding-left: 140px;
	text-align: left;
}
.multi-checkbox label.optional {
	padding-left: 0;
	float: left;
	text-align: right;
}

.framed-sizes, .block-sizes, .foam-sizes, .photo-sizes {
	display: none;
}

.basic .photo-finish-wrapper {
	display: none;
}

.framed-edge {
	display: none;
}


/* Login */
.login-form {
	width: 400px;
	margin: 0 auto;
}

.login-form p {
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

.login-form .message {
	color: #343488;
	background: none;
	border:none;
}
.login-form .error {
	color: #dd0000;
	background: none;
	border:none;
}

/* Gallery */
.gallery {
	padding-top: 30px;
}
.content-text .gallery img {
	float: none;
}
.gallery li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery-spacing {
	padding-top: 350px;
}

.index .content-text .center-image {
	display: block;
	float: none;
	margin: 0 auto;
	padding: 20px 0;
}

/**********************************
 *
 * Admin page order control
 *
 *********************************/

#page-order {
	position: relative;
	margin-left: 160px;
}

#page-order li.no-top-border {
	border-top: none;
	margin-top:1px;
}
#page-order li {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 19px;
	line-height: 19px;
	list-style: none;
	padding: 5px;
	margin: 0;
	background: #eee;
	border-top: 1px solid #ccc;
	color: #5c5c5c;
}

#page-order p {
	font-size: 12px;
}

#page-order .drag-handle {
	float: left;
	background: transparent url('/img/drag-handle-vertical.png') center center no-repeat;
	height: 12px;
	width: 12px;
	padding: 7px 10px 0 4px;
	cursor: row-resize;
	border: none;
}