/*
 * Project:		Snapz Photo Booth
 * Date:			2009-08-13
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #fff; font-size: 62.5%; padding: 10px; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select,  button { font-family: Arial,Helvetica,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.6em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #c83124; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */
#root { width: 932px; margin: 0 auto 15px; padding: 0 0 30px; background: url(../images/bg.png) 0 100% no-repeat; }
 #wrapper { position: relative; width: 627px; padding: 60px 80px 0 225px; background: url(../images/bg.png) no-repeat; min-height: 650px; }
 * html #wrapper { height: 650px; }

 #aside { position: absolute; left: -27px; top: 0; width: 140px; height: 320px; padding: 175px 30px 0 56px; background: url(../images/sidebar.png) no-repeat; }
  #logo { position: absolute; top: 35px; left: 35px; width: 162px; height: 112px; }
   #logo a { display: block; width: 100%; height:; 100%; text-indent: -999em; overflow: hidden; }

  #nav ul { list-style: none; margin: 0; padding: 0; list-style: none; }
   #nav li { /* margin: 0 0 20px; */ font: bold 1.2em/1.25 "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif; text-transform: uppercase; }
    #nav li a { color: #fff; text-decoration: none; }
    #nav li a:hover { text-decoration: underline; }

#footer { width: 880px; color: #000; padding: 0 20px 0 32px; margin: 0 auto; overflow: hidden; }
 #footer p { font: bold 1.2em/1.25 "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif; }
 
 
 #footer .copyright { text-align:center }
 #footer .poweredby { text-align:center }
 
 /*
 #footer .copyright { float: left; width: 49%; }
 #footer .poweredby { float: right; width: 49%; text-align: right; }
   */
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 3em; color: #c6361c; }
h2 { font-size: 3em; color: #fff; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

input, textarea, select { color: #333; }

/* tables */

table { width: 100%; border-collapse: separate; border-spacing: 1px;}
 table th, table td { padding: 15px 10px; font: normal 1.3em/1 "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif; text-align: left; }
 table th { background: #d64923; text-align: center; font-weight: normal; }
  table a { color: #fff; }

.callout { width: 100%; overflow: hidden; margin: 0 0 15px; }
 .callout p { float: left; margin: 0; color: #54a896; padding: 13px 15px; background: url(../images/callout.png); font-size: 2.4em; font-weight: bold; }

.hr { background: url(../images/horizontal-sep.png) repeat-x; height: 1px; margin: 0 0 15px; }
 .hr hr { position: absolute; left: -999em; } 

#notice-slider { padding: 20px; color: #fff; font-weight: bold; display: none; margin: 0 0 20px 0; font-size: 1.4em; }
.alarm { background-color: red;}
.caution { background-color: #FF8929; }

#li { display: none; }

/* ELEMENTS
------------------------------------------- */
.form-a p { width: 100%; position: relative; overflow: hidden; margin: 0 0 5px; }
.form-a p.req { margin: 0 0 30px; }
.form-a p.submit { margin: 0 0 15px; padding: 0 0 0 110px; width: auto; }
 .form-a label { float: left; margin: 0 10px 0 0; width: 140px; line-height: 1.88em; }
 .form-a input, .form-a textarea, .form-a select { float: left; width: 240px; padding: 7px; border: 1px solid #ccc; color: #333; }
 .form-a em { color: #c83124; font-size: 1.88em; float: left; }
 .form-a p.req em { font-size: 1em; float: none; }
.form-a p.checkbox { line-height: 1.5em; }
 .form-a p.checkbox input { float: none; width: auto; padding: 0; border: none; color: #333; margin: 0 10px 0 110px;}
 .form-a p.checkbox label { float: none; margin: 0; width: auto; line-height: 1; }
 .form-a p.submit button { display: block; background: #c83124; width: 150px; height: 30px; text-align: center; font: bold 1.13em/30px Arial,Helvetica,sans-serif; color: #fff; border: none; text-transform: uppercase; }
 .form-a p.expire select { width: 150px;}
.form-a .captcha { padding: 0 0 0 95px; margin: 0 0 5px; }
 .form-a .captcha label, .form-a .captcha input, .form-a .captcha em { float: none; width: auto; }

#content ul { padding: 0; margin: 0 0 15px; list-style: none; }
 #content ul li { padding: 0 0 0 30px; margin: 0 0 15px; background: url(../images/li.png) no-repeat; }
 * html #content ul li { height: 1%; }

.twocol { overflow: hidden; margin: 0 0 15px; width: 100%;  }
 .twocol p { float: left; margin: 0 15px 0 0; }
#strips { padding-left: 30px; width: 597px; }

.home { position: relative; padding: 0 0 0 225px; }
 .home .photobooth { position: absolute; left: 0; top: 0; }
 .home p { margin: 0 0 20px; }
 .home ul { overflow: hidden; }
  .home ul li { float: left; width: 170px; }
 .home .twocol { margin: 0 ; }
  .home .twocol p { margin: 0 50px 0 0; }
   .home .twocol p img.sponsor { margin-top: 30px; }
   

.system-error-message, .system-message {background:none; background:#F9F9F9;}
.system-error-message h1, .system-message h1 {color:#C6361C;}
.system-message, .system-error-message {padding:25px;solid 5px #54a896}
.webform-results td {text-align:left;}
#catwebformform42059 .form-a p.submit {15px 0 15px 40px;}
.discount, .giftvoucher {display:none;}
table.case-list td.subject {width:168px; color:#000;}
table.case-list td.category {width:300px; color:#000;}
table.case-list td.status  {width:75px; color:#000;}

/*  Order List
-------------------------------------*/
.orderAction {background:none; }
.order-list-container td {text-align:left !important;}
.order-list-container h3 {color:#1f6858;}
ul.order-list li.head , ul.case-list li.head {font-size:1.5em;}

ul.order-list { width: 100%; border: none; padding: 0; margin: 0; }
ul.order-list li { padding: 10px; border-bottom: #CCCCCC dashed 1px; display: block; width: 100%; background: red; clear: both; height: 20px; list-style: none; list-style-type: none; background: none !important;}
ul.order-list li:hover { background: #F3F3DB;}
ul.order-list li.head { background: #54a896 !important; font-weight: bold; border: none; color:#fff; }
ul.order-list li.head span { margin-top: 5px; }

ul.order-list li span { display: block; float: left; font-size: .8em; }
ul.order-list li div span { float: none;}
ul.order-list li span.invoice-number { width: 65px; }
ul.order-list li span.invoice-date { width: 200px; }
ul.order-list li span.outstanding { display: none; }
ul.order-list li span.invoice-amount { width: 175px;}
ul.order-list li div { width: 250px; float: left;}
ul.order-list li span.invoice-action { width: 75px;}



/*  Order List Table
-------------------------------------*/
/*
table.order-list { width: 100%; border: none; color:#000; font-size:1.0em; }
table.order-list a {color:#C83124;}
table.order-list tbody tr.alt,
table.order-list thead tr { background-color: #F3F3DB }
table.order-list thead tr { font-weight: bold; }
table.order-list tr td { padding: 10px; border: none;}
table.order-list tbody tr td span.invoice-number { display: block; }
table.order-list tbody tr td.outstanding-balance { font-weight: bold; font-size: 1.2em; color: red; }
*/

/*  Case List
-------------------------------------*/
table.case-list a, table.case-list {color:#000;}
ul.case-list { width: 100%; border: none; list-style: none; padding: 0; margin: 0; }
ul.case-list li { padding: 10px; border-bottom: #CCCCCC dashed 1px; }
ul.case-list li:hover { background: #F3F3DB;}
ul.case-list li.head { background: #54a896 !important; font-weight: bold; border: none; color:#fff;}
ul.case-list li span { display: block; float: left; }
ul.case-list li span.case-status { width: 170px; padding:10px 0 10px 0; }
ul.case-list li span.case-last-update { width: 335px; padding:10px 0 10px 0; }
ul.case-list li span.case-subject { width: 75px; padding:10px 0 10px 0; }

/* 2 week form and more */
.form-b input, .form-b textarea, .form-b select, input.file{
border:1px solid #CCCCCC;

float:left;
padding:7px;
width:240px;
}

.form-b label, .form-a label{font-size:1.2em; color:#fff;}
.form-b label { color:#FFFFFF; float:left; font-size:1.2em; width:150px; }


.form-b button {
color:#000;
font-family:Arial,Helvetica,sans-serif;
}

.form-b .req {
color:#C83124;
float:none;
font-size:1.88em;
}

.form-b p.submit button {
background:#C83124 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:1.13em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:30px;
line-height:30px;
text-align:center;
text-transform:uppercase;
width:150px;
}

input.file{
border:1px solid #CCCCCC !important;
background:#fff;
float:left !important;
padding:7px !important;
width:240px !important;
}

.prod-container {width:148px; height:147px;background:url(../images/bg-prod.jpg) no-repeat; float:left;margin:0 10px 0 0; font-weight:bold;}
.prod-container .content {width:138px; margin:0px auto; padding-top:15px; text-align:center;}
.prod-container .name {color:#d63329;}

/* BC Override */
table.productTable {
border-collapse:collapse;
border-spacing:0;
float:left;
table-layout:fixed;
width:155px;

}

*+html  table.productTable {
font-size:70%;
}

*+html .productTable input {
font-size:140%;
}

/*.order-list-container .order-name { width:185px; margin-left:-25px; padding:10px;}
.order-list-container .order-invoice {}
.order-list-container .order-date {width:185px; padding:10px; }
.order-list-container .order-price {width:185px; padding:10px;}
.order-list-container .order-action {padding:10px 0 10px 0;}*/

table.border, table.border td {border:0px;}
table.border span {color:#000;}

.order-list td {width:170px;}

table.cart th {
background:#d63329 !important;
border-bottom:1px solid #EEEEEE;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
text-align:left;
}

.kenny-logins {position:absolute; top:25px; left:540px; width:350px; color:#fff; font-size:80%; text-align:right;}

.cartLink {font-size:1.5em;}

.form-a .captcha {
margin:10px 0 10px 55px;
padding:0 0 0 95px;
}

/* nav tweak */
#nav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:-10px 0 0 -17px;
padding:0 0 0 10px;
width:142px;
}

#nav li {padding:0; width:151px; margin-left:-10px;  display:block;}
/* #nav li:hover {background:#fff; color:#d63329;} white and red text */
#nav li:hover {background:#dd5b51; color:#fff;}
#nav li a {width:137px; display:block; height:18px; padding:8px 20px 5px 10px}
#nav li a:hover {width:137px; display:block; /* red text color:#d63329; */ color:#fff; text-decoration:none;}
#nav li.selected {background:#fff; color:#d63329;}
#nav li.selected a{color:#d63329;}

a {border:0px; outline:0px;} /* dang FF */

/**** footer nav ****/
.footer-nav {margin-bottom:10px; text-align:center;}
.footer-nav ul {margin:0px; padding:0px;}
.footer-nav li {list-style-type:none; display:inline;}
.footer-nav li a {color:#000; padding-right:15px; font-size:85%; color:#c6361c;}

#events-list li {color:#fff;}

#country {width:932px; margin:0px auto; text-align:right; padding-right:25px;}

#home #content ul li {background:url("../images/li-home.png") no-repeat scroll 0 0 transparent; padding-left:20px !Important;}