﻿/*
 * Common Screen Layouts & Styles
 * author: chris@lightsum.com
 *
 */

/***************************
 * ERIC MEYER'S RESET 
 ***************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p.last {margin-bottom:0;}


/***************************
 * BODY & LAYOUTS
 ***************************/
body 
{
	background: #fff; 
	color: #414141;
	font-family: Arial, sans-serif; 
	line-height:20px;    
	height:100%;
}

body.grid
{
	background :#fff url(img/grid-1200x20.gif) repeat-y center 0;
}


div.col-mm, div.col-mx {overflow:hidden; zoom:1;margin: 0 0 20px;}
div.col-mm div.mcol {width:460px;float:right;}
div.col-mm div.first {float:left;}

div.col-mx div.mcol {width:620px;float:left;}
div.col-mx div.xcol {width:300px;float:right;}


/***************************
 * HEADER/CONTENT/FOOTER LAYOUT
 ***************************/
#header, #footer, #title-bar, #content {min-width:600px;}
 
#header { padding: 0; left:0;position:fixed;z-index:101;top:0;height:58px;width:100%;}
#header .crumb {float:left;padding-top:18px;}
#header .crumb a, 
#header .crumb a:hover, 
#header .crumb .sep {float:left;margin-right: 5px;font-size:12px;color: #8c8c8c;margin-right: 5px;text-decoration:none;font-weight:bold;}
#header .crumb a:hover {text-decoration: underline;}
#header .crumb .sep {font-weight:normal;font-size:11px;}
#header .title-links-w {float:right;text-align:right;}
#header-w {overflow:hidden;zoom:1;padding: 0 1%;position:relative;height:58px;}

#header .left  {float:left;width:40%;}
#header .right {float:right;width:40%;text-align:right;}
#header .middle {position:absolute;top:0;left:30%;width:40%;text-align:center;}



#title-bar {position:fixed;top:58px;width:100%;height:45px;z-index:100;left:0;}
#title-bar-w {padding: 0 1%;position:relative;}
#title-bar .event-photo-search {float:right;width:167px;position:relative;padding-top:10px;}
#title-bar .event-photo-search input {width:100%;}
#title-bar .event-photo-search label {position:absolute;left:3px;}

#title-bar-phototools {position:absolute;top:0;left:1%;}
#title-bar-phototools .action-buttons {padding-top:8px;}

#title-bar #nav-page-control {float:left;width:40%;margin-left:30%;text-align:center;min-width:180px;}
#title-bar .left {float:left;}
#title-bar #nav-page-control-w {display:inline-block;overflow:hidden;}
#title-bar .photo-toolbar {height:auto;}
#title-bar .photo-toolbar .action-buttons {padding-top:8px;}
#title-bar .photo-toolbar .nav-page {padding-top: 12px;}


#footer .copyright {float:right;width:33%;text-align:right;}
#footer .studio-info {float:left;width:33%;}

#footer .studio {float:left;width:33%;text-align:center;}

#footer {font-size:12px; position:fixed;height:75px;width:100%;bottom:0;left:0;z-index:100;padding:0;}
#footer-w {overflow:hidden;zoom:1;padding: 5px 1% 10px;}
#footer .studio-img img {display:inline;}
#footer .studio-info {padding-top: 20px;font-size:14px;font-weight:bold;overflow:hidden;zoom:1;}
#footer .studio-info a {float:left;margin-right:20px;}
#footer .copyright {padding-top: 20px;}




#content
{
	
	margin: 0 auto;
	padding: 75px 1% 70px;
}

body.with-title-bar #content {padding-top:104px;}

/** 
 * MODAL
 */
 body.modal #header {display:none;}
 body.modal #footer {display:none;}
 body.modal #body-container {margin:auto;width:auto;}
 body.modal {padding:0;}
 body.modal #content {margin: 0;padding:0;}



/***************************
 * NON-PRO
 ***************************/
 body.non-pro {background:#151519;font-family: Helvetica, Arial, Sans-Serif;line-height:20px;} 
 body.non-pro .page-error {background: #fff;padding:20px;margin: 20px 0 0;}
 
 
 .non-pro #enter-eventcode {width:800px;height:560px;margin: 60px auto 0;position:relative;} 
 .non-pro #enter-eventcode.portraits {background: url(img/home-portraitbg.jpg) no-repeat 0 0;} 
 .non-pro #enter-eventcode.events {background: url(img/home-eventsbg.jpg) no-repeat 0 0;}
 .non-pro #enter-eventcode h2 {overflow:hidden;width:1px;height:1px;text-indent:-9999px;}
 .non-pro #enter-eventcode label 
 {
	width:350px;
	height:26px;
	overflow:hidden;
	position:absolute;top:266px;left:118px;
	background:url(img/home-entercode.gif) no-repeat; 	
	text-indent:-9999px; 	
 }
 .non-pro #enter-eventcode input.text
 {
	font-size:30px;
	font-weight:bold;
	border:0;border-width:0;
	background:transparent;
	position:absolute; 	
	width:476px;
	left:113px;
	top:257px;
 }
 
 
 .non-pro #enter-eventcode input.submit 
 {
	width:88px;height:72px;
	position:absolute;left:618px;top:239px;
	background:transparent;border:0;
	overflow:hidden;
	text-indent:-9999px;
	font-size:0;
	display:block;
	line-height:0;
 }
 .non-pro .field-validation-error 
 {
	color:#fff;
	background:#900;
	font-weight:bold;
	padding:10px;
	font-size:18px;
	font-weight:bold; 	
	display:block;
	position:absolute;top:310px;left:94px;
	width:592px;
	margin: 10px 0 0;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
 }


/***************************
 * PHOTO PAGE
 ***************************/
 .zoomImage {cursor:pointer;}
 

#bigphoto {position:fixed;top:103px;left:1%;width:58%;min-width:350px;}
#bigphoto-image .img-container {margin: 0 auto 10px;}
#bigphoto-image .img {margin: 0;display:block;}

#screen-thumbs-container {float:right;width:38.5%;font-size:11px;padding:0 1% 0 0;}
#screen-thumbs {overflow:hidden;zoom:1;}

.photo-toolbar {overflow:hidden;zoom:1;}
	#bigphoto .photo-toolbar {padding:10px 0 5px;}
	
#bigphoto-imageaction
{
	float:right;
}
#bigphoto-imagenav 
{
	
}
	
.photo-page-slide .photo-toolbar-bottom {display:none;}
.photo-toolbar .nav-page {float:left;margin: 0 0 0 15px;}
.photo-toolbar .nav-page-imagename {float:left;padding-top:5px;}

#bigphoto .nav-page-imagename {position:fixed;                              
							   left:0;bottom:70px;z-index:99;padding:2px 3px 3px 1%;display:block;}

#photo-page-content {overflow:hidden;zoom:1;}
#photo-page .nav-page-allthumbs {display:none;}
#photo-page.photo-page-thumb .nav-page-allthumbs {display:inline;margin-left:10px;}

.photo-page-thumb #bigphoto {display:none;}
.photo-page-thumb #screen-thumbs-container {float:left;width:98%;border-left-width:0;}
.photo-page-thumb #screen-thumbs-container-w {border-width:0;}
.photo-page-thumb #screen-thumbs {padding-top:20px;}
.photo-page-thumb .screen-thumb {width:240px;height:240px;margin: 0 0 20px 0;float:left;position:relative;}
.photo-page-thumb .screen-thumb table {margin: 0 auto 10px;}
.photo-page-thumb .screen-thumb td {text-align:center;vertical-align:middle;height:160px;width:220px;} 
 .photo-page-thumb #screen-thumbs .first {}
 .photo-page-thumb .screen-thumb-img {border-width:0;}
 .photo-page-thumb .screen-thumb .name {display:block;text-align:center;margin: 0;}
 .photo-page-thumb .screen-thumb .screen-thumb-zoom {position:absolute;top:-30px;left:-35px;display:none;width:310px;z-index:5;}
 .photo-page-thumb .screen-thumb .photo-zoom-image {height:200px;}
 
 
 /***************************
 * PHOTO PAGE : SLIDESHOW
 ***************************/
 .modal-bg {background: url(img/bg-pattern.gif);z-index:900;}
 #slideshow {width:100%;z-index:901;min-width:620px;position:absolute;left:0;top:0;}
 
 #slideshow-controls {background:url(img/SlideshowSymbols.gif) no-repeat 0 -60px;padding-left:20px;width:500px;margin:0 auto;} 
 #slideshow-controls-inner {background:url(img/SlideshowSymbols.gif) no-repeat 100% 0;position:relative;height:55px;}/* height must be set */
 #slideshow-image-container {position:relative;overflow:hidden;margin: 0 auto;width:100%;}
 #slideshow-image-container .slideshow-image {margin:0 auto;z-index:3;} 
 #slideshow-close, #slideshow-close * {background: url(img/SlideshowSymbols.gif) no-repeat;}
 #slideshow-close {position:absolute;right:1%;top:0;background-position: 0 -60px;margin:0;padding:0 0 0 5px;}
 #slideshow-close div {background-position: 100% 0;padding-right:5px;height:55px;}
 #slideshow-close a {background-position: 6px -498px;width:24px;height:51px;display:block;margin:0 0 0;padding:0 6px;overflow:hidden;text-indent:-1000px;}
 
 #slideshow-controls .nav-page-imagename {width:200px;position:absolute;top:16px;left:0;font-size:14px;font-weight:normal;color:#777;}
 #slideshow-controls .action-photo {position:absolute;top:16px;right:20px;}
 #slideshow-controls a {color:#b4b4b4;font-size:14px;font-weight:bold;}
 #slideshow-controls a:hover {color:#dbdbdb;}
 
 #slideshow-controls a.nav-page-current {font-size:20px;font-weight:bold;margin: 0 3px 0 0;cursor:pointer;display:block;float:left;}
 #slideshow-controls a.nav-page-current em {background: url(img/SlideshowSymbols.gif) no-repeat 0 -196px;padding:0 13px 0 0;margin: 0 0 0 2px;}
	.lteIE7 #slideshow-controls a.nav-page-current em {width:13px;display:inline-block;padding:0;margin: 0 0 0 4px;}
 #slideshow-controls a.nav-page-current:hover em {background-position: -100px -196px;}
 #slideshow-controls .nav-page-total {font-size:12px;color:#9b9b9b;}
 
 #slideshow-controls .action-photo a {background: url(img/SlideshowSymbols.gif) no-repeat;padding-left:20px;margin-left:10px;text-shadow: #000 0 -1px;width:auto;}
 #slideshow-controls a.favorite {background-position: 0 -298px;}
 #slideshow-controls a.favorite:hover {background-position: -100px -298px;}
 #slideshow-controls a.favorite-yes,
 #slideshow-controls a.favorite-yes:hover {background-position: -200px -298px;}

 #slideshow-controls a.buy {background-position: 0 -398px;}
	.lteIE7 #slideshow-controls .action-photo a.buy {display:inline-block;}
 #slideshow-controls a.buy:hover {background-position: -100px -398px;}
 #slideshow-controls a.buy em {margin-left:4px;padding:0 13px 0 0;background: url(img/SlideshowSymbols.gif) no-repeat 0 -194px;}
	.lteIE7 #slideshow-controls a.buy em {padding:0;display:inline-block;width:13px;margin-left:6px;}
 #slideshow-controls a.buy:hover em {background-position:-100px -194px;}
 
 #slideshow-controls .action-buttons {width:121px;margin: 0 auto;padding: 2px 10px 0 0;}
 #slideshow-controls #bigphoto-imageaction {width:130px;}
 #slideshow-controls .action-buttons em {display:none;}
 #slideshow-controls .action-buttons span {border-width:0;background:transparent;}
 #slideshow-controls .action-buttons strong {background: url(img/SlideshowSymbols.gif) no-repeat;padding:0;overflow:hidden;text-indent:-1000px;border:0;}
 #slideshow-controls #bigphoto-imageaction.action-buttons strong {text-indent:0;background:none;color:#b4b4b4;}
 #slideshow-controls #bigphoto-imageaction.action-buttons a:hover strong {color:#dbdbdb;}
 #slideshow-controls #bigphoto-imageaction.action-buttons span {background:none;} 
 #slideshow-controls #bigphoto-imageaction .zoom {display:none;}
 #slideshow-controls a.action-button-previous strong {background-position: -394px -120px;width:38px;height:51px;}
 #slideshow-controls a.action-button-previous:hover strong {background-position: -494px -120px;}
 #slideshow-controls a.action-button-next strong {background-position: -197px -120px;width:38px;height:51px;}
 #slideshow-controls a.action-button-next:hover strong {background-position: -297px -120px;}
 #slideshow-controls a.action-button-play strong {background-position: 12px -120px;width:45px;height:51px;}
 #slideshow-controls a.action-button-play:hover strong {background-position: -89px -120px;}
 #slideshow-controls a.action-button-pause strong {background-position: -189px -200px;width:45px;height:51px;}
 #slideshow-controls a.action-button-pause:hover strong {background-position: -289px -200px;}
 
 /***************************
 * ACTION BUTTONS
 ***************************/
.action-buttons-c {overflow:hidden; zoom:1;}
.action-buttons-c .action-buttons {float:left;}
.action-buttons {overflow:hidden;zoom:1;}



 
/***************************
 * OVERLAYS
 ***************************/

.overlay {display:none;z-index:999;}
	.lteIE7 #body-container {z-index:3000;} /* for slideshow */
.overlay-top {background: url(img/overlay.png) no-repeat 0 0; height:14px; width:265px;position:relative;}
	.IE6 .overlay-top, .IE6 .overlay-mid, .IE6 .overlay-btm, .IE6 .overlay-arrow {background-image: url(img/overlay.gif)}
.overlay-mid {background: url(img/overlay.png) repeat-y 0 -14px; width:265px;padding: 0;color:#dedede;}
.overlay p {color: #dedede;padding:0 5px;}
.overlay-mid-c {margin: 0 9px 0 8px;}
.overlay-btm {background: url(img/overlay.png) no-repeat left bottom;height:14px;width:265px;}
.overlay-menu li a {display:block;font-size:16px;line-height:20px;padding: 3px 0 3px 10px;color:#ccc;}
.overlay-menu li a:hover {background: #222;color:#fff;}

.overlay-arrow {position:absolute;left:15px;top:-7px;width:21px;height:11px;background: url(img/overlay.png) no-repeat -300px 0;}
.overlay-btm .overlay-arrow {display:none;background-position:-300px -50px;top:auto;bottom:6px;}
.overlay-above-element .overlay-top .overlay-arrow {display:none;}
.overlay-above-element .overlay-btm .overlay-arrow {display:block;}
.overlay-copy {padding:0 5px;color:#dedede;font-size:12px;}

.browser-ie .overlay-transition .overlay-top,
.browser-ie .overlay-transition .overlay-mid,
.browser-ie .overlay-transition .overlay-btm,
.browser-ie .overlay-transition .overlay-arrow {background-image:url(img/overlay.gif);}

#photo-page .select-overlay-items {overflow:hidden;zoom:1;padding:0 0 0 5px;}
#photo-page .select-overlay-items a {float:left;display:block;width:32px;height:32px;border:1px solid #777;font-weight:bold;text-align:center;line-height:30px;margin:0 3px 3px 0;color:#ccc;}
#photo-page .select-overlay-items a:hover {background:#222;color:#fff;border-color:#000}

#cart-discount-details ul {padding-left:5px;}
#cart-discount-details li {list-style-type:disc;margin: 0 0 5px 15px;font-size:14px;color:#dedede;}
#cart-discount-details li em {font-size:11px;display:block;color:#a2a2a2;font-style:normal;}
#cart-discount-details li.last {margin-bottom:0;}

.event-categories li {margin:0;padding:0;}
	.lteIE7 .event-categories li {font-size:1px;}
.event-categories li a {color:#bbb;overflow:hidden;zoom:1;display:block;padding-left:10px;border-bottom: 1px solid #333;border-top:1px solid #555;margin:0;font-size:14px;}
.event-categories li.first a {border-top:0;}
.event-categories li.last a {border-bottom:0;}
.event-categories li span {float:left;line-height:50px;cursor:pointer;}
.event-categories li .category-image {width:50px;height:50px;background-position: center center;background-repeat:no-repeat;}
.event-categories li .category-name {padding-left:10px;}
.event-categories li .category-count {color:#888;}
.event-categories li a:hover {color:#fff;background: #222;border-top-color:#222;}

/***************************
 * IMAGE THUMBS & SHADOWS
 ***************************/

.image-thumbs {overflow:hidden;zoom:1;}
.image-thumb {float:left;width:196px;height:230px;margin: 0 10px 30px 0;}
.image-thumb-img {display:block;}
.image-thumb table {width:100%;margin: 0;}
.image-thumb td {text-align:center;vertical-align:middle;height:175px;width:220px;} 
.image-thumb .img {border-width:0;}
.image-thumb .shd {display:block;}
.image-thumb .img-shadow .img {margin:4px 6px 7px !important;border:0;} 
	.lteIE7 .img-shadow .img {background-position:0 4px;padding-top:4px;}
.image-thumb .img-shadow .bl, 
.image-thumb .img-shadow .tr {width:12px;height:11px;}
.image-thumb-container {width:150px;text-align:center;}

.event-list .image-thumb {width:225px;height:280px;}

.img-shadow 
{
	display: -moz-inline-box; /* for FF2 */			
	display: inline-block;
	position:relative;}
	.lteIE7 .img-shadow {display:inline;}
	.img-shadow-w {position:relative;display:inline-block;}
.img-shadow .img {background-repeat:no-repeat;}
.img-shadow .shd {position:absolute;z-index:1;}
.img-shadow .tl {top:0;left:0;z-index:2;}
.img-shadow .br {background-position:100% 100%;bottom:0;right:0;z-index:3;}
.img-shadow .bl {width:22px;height:21px;bottom:0;left:0;background-position:0 100%;z-index:4;}
.img-shadow .tr {width:22px;height:21px;top:0;right:0;background-position: 100% 0;z-index:5}
 
#slideshow .img-shadow {background:transparent;}
#slideshow .img-shadow .img {margin:10px 15px 21px !important;background-position:center center;background-repeat: no-repeat;} /* margin for on 5px border */
	.lteIE7 #slideshow .img-shadow .img {background-position:0 10px;padding-top:10px;}
#slideshow .img-shadow .shd {background-image: url(img/900Shadow.png);}
	.IE6 #slideshow .img-shadow .shd {background-image: url(img/900Shadow.gif);}
.browser-ie #slideshow .slideshow-img-transition .img-shadow .shd {background-image: url(img/900Shadow.gif);}
#slideshow .img-shadow .bl,
#slideshow .img-shadow .tr {width:30px;height:31px;}
#slideshow .img-loading {background: transparent url(img/loaderWhite.gif) no-repeat center center;}

.photo-page-thumb .img-shadow .img {margin:4px 6px 7px !important;border:0;} /* margin for 5px border */
	
.photo-page-thumb .img-shadow .bl, 
.photo-page-thumb .img-shadow .tr {width:12px;height:11px;}

.photo-zoom-image {background-repeat:no-repeat;cursor:move;}



/***************************
 * LOGIN FORM
 ***************************/
.login-form { overflow:hidden;width:100%;font-size:12px;padding-top:10px;}
.login-form fieldset {float:left; width: 460px; padding: 10px 0 0;}
.login-form .event-featured-image {float:left; margin: 0 20px 0 0; }
.login-form .event-featured-image table {width:auto;}
.login-form .image-thumb {float:none;height:auto;width:auto;margin:0}
.login-form .image-thumb td {width:auto;height:auto;}
#login, #register {max-width:860px;margin: 0 auto;}

/***************************
 * CART
 ***************************/
#cart {}
#cart #title-bar {margin: 0 0 20px;}
#cart-body {padding: 10px 0 0;}
#cart-body-loading {height:400px;}
#cart-body, #checkout-body {position:relative;overflow:hidden;zoom:1;width:960px;margin:0 auto;}
#cart-main, #checkout-main {float:left;width:720px;}

#cart-sidebar, #checkout-sidebar {float:right;position:relative;top:0;right:0;width:210px;}
#cart-sidebar .action-checkout {margin: 0 0 20px;}
.cart-sidebar-item {padding: 10px;line-height:20px;}
#cart .button-checkout {width:210px;}


/***************************
 * CHECKOUT & RECEIPT
 ***************************/
 #checkout h1 {margin: 0 0 20px;}
 .checkout-section {margin: 0 0 1px;}
 .checkout-section-content {overflow:hidden;zoom:1;padding-top:10px;}
 .checkout-section .first-col {float:left;width:339px;margin:0 20px 0 30px;}
 .checkout-section .second-col {float:left;width:299px;}
 .checkout-section .one-col {margin: 0 20px 0 30px;}
 .checkout-section .action-buttons {margin: 0 30px 20px;clear:both;}
 .checkout-section .action-buttons button {float:right;}
 .checkout-section .action-buttons .checkout-section-edit { display:none;float:right;}
 .checkout-section h3 {font-size:14px;}
 
 #checkout-shipping {border-top-right-radius: 5px;border-top-left-radius: 5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;}
 
 fieldset {font-size:12px;}
 fieldset legend  {font-weight:bold;margin: 0 0 10px;font-size:12px;}
 fieldset .fieldset-content {padding: 0 0 10px 20px;}
 fieldset .field, fieldset .field-prompt {position:relative;float:left;margin-right:0.25em;}
 fieldset label {font-size:11px;}
 fieldset .field label {position:absolute;top:2px;left:0.5em;}  
 fieldset .field input {font-size:12px;padding: 4px 0.25em;}
 fieldset .fieldset-content p {margin: 0 0 10px;overflow:hidden;zoom:1;}
 
 fieldset .firstName-field input {width:9.5em;}
 fieldset .lastName-field input {width:14.25em;}
 fieldset .areaCode-field input {width:4.5em;}
 fieldset .phone-field input {width:19.25em;}
 fieldset .address-field input,
 fieldset .email-field input {width:24.5em;}
 fieldset .cc-field input { width:265px;}
 
 fieldset .state-field input {width:3.5em;}
 fieldset .city-field input {width:13.5em;} 
 fieldset .zip-field input {width:5.5em;}
 
 fieldset .select select {margin: 3px 0 0;}
 
 fieldset .cc-accepted {overflow:hidden;zoom:1;}
 fieldset .cc-accepted span {float:left;display:block;width:56px;height:28px;margin-right:2px;}
 fieldset .cc-accepted .cc-visa {background:url(img/visa_cc.gif) no-repeat;}
 fieldset .cc-accepted .cc-mc {background:url(img/mastercard_cc.gif) no-repeat;width:42px;}
 
 fieldset .field-radio-list-items,
 fieldset .field-radio-list-item, 
 fieldset .field-radio-list {display:block;} 
 fieldset .field-radio-list label {font-size:12px;}
 fieldset .value-error .field-radio-list-items .field-error-msg {display:block;margin: 0 0 0 5px;}
 
 .checkout-section-summary .field input,
 .checkout-section-summary .field label,
 .checkout-section-summary .action-buttons button,
 .checkout-section-summary p.instruction {display:none;}
 .checkout-section-summary .field .field-detail {display:inline;}
 .checkout-section-summary .field-radio-list-item {display:none;}
 .checkout-section-summary .checked,
 .checkout-section-summary .action-buttons .checkout-section-edit {display:block;}
 .checkout-section-summary .checked input {display:none;}
 .checkout-section-summary .location-auto {display:none;}
 .checkout-section-summary .location-manual {display:block;}
 .checkout-section-summary .fieldset-content p {margin:0;}
 
.checkout-modal-content {width:400px;}
.checkout-modal-content h3 {font-size:14px;}
.checkout-modal-content li {list-style:disc;font-size:12px;}
.checkout-modal-content ul {margin: 10px 0 10px 24px;}
.checkout-modal-content p {font-size:12px;}
.checkout-submitting p {text-align:center;}
.checkout-submit-error h3 {margin: 0 0 10px;}
 


 
 /** Checkout: Init State **/
 
 fieldset .autolocation-field select {width:16.5em;}
 #checkout #submit-modal, 
 .checkout-section .field-detail,
 fieldset .autolocation-field,
 fieldset .location-manual,  
 fieldset .field-error-msg {display:none;}
 
 #checkout .error-msg {font-size:12px;}
 
 /***************************
 * RECEIPT
 ***************************/
 .modal #order-details {padding:10px;}
 
 #order-details {}
 .order-thankyou p {font-size:14px;}
 .order-proinfo {display:block;padding: 10px 0 0 20px;}

 .receipt-wrapper {background:#efefef;padding:30px;max-width:960px;margin:0 auto;}
 .receipt {background:#fff;border:1px solid #d1d1d1;padding:20px 0;}
 .receipt-container, .receipt-ordertotals {border-bottom:1px solid #efefef;margin:0 0 20px;}
 .receipt-section h3 {font-size:12px;font-weight:bold;margin: 0 0 10px;}
 .receipt-section {padding: 0 20px 10px 20px;margin: 0 0 10px;}
 .receipt-section table {width:100%;border-top:1px solid #d1d1d1;border-collapse:separate;}
 .receipt-section th 
 {
	font-size:11px;
	font-weight:normal;
	background:#efefef;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d1d1d1;
	text-align:left;
	padding:3px 5px;}
 .receipt-section tr.first td {border-top-color:#d1d1d1;}
 .receipt-section td {font-size:12px;border-style:solid;border-width: 0 0 1px;border-color:#e1e1e1;padding:5px;}
 .receipt-section-content p {font-size:12px;margin: 0 0 3px;}
 .receipt-subtext {font-size:11px;color:#777}
 .receipt-ordertotals table {width:auto;border-width:0;}
 .receipt-ordertotals td {border-width:0;}
 .receipt-image-container {overflow:hidden;zoom:1;}
 .receipt-image {float:left;width:150px;height:150px;font-size:11px;}
 .receipt-image a {display:block;text-align:center;}
 .receipt-image img {margin: 0 auto;}
 
/** FANCYZOOM **/
#zoom-bg {z-index: 910;}
#zoom {z-index:911;}
/** YUI **/
#yui-history-iframe {position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;}