@import url("fotozap-nav.css");

* { outline: none; }
/* CSS 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,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.4em;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

img, button, form { display: block; border: none; outline: none; }

/* end CSS reset */

/* ===== font sizes ===========

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1% 

===== Colors ========
orange: #FA8D09

*/

body { width: 100%; height:100%; background: #000 url('../images/backgrounds/bgGradient.jpg') repeat-x left top; font-family: Arial, "MS Trebuchet", sans-serif; color: #fff; font-size: 93%; }
h1 { color: #FA8D09; font-size: 123.1%; padding-bottom: 5px; font-weight: bold; }
h2 {
	color: #FA8D09;
	font-size: 108%;
	font-weight: bold;
}
h2 img {
	padding-top: 5px;
}
h3 { color: #FA8D09; font-size: 100%; }
#main h4 { color: #FF8C00; font-size: 1.3em; font-weight: bold; }
h5 { color: #fff; font-size: 93%; font-weight:normal; }
strong { font-weight: bold; }
em a { font-style: italic; }
ol { list-style: decimal outside; padding-left: 20px; margin-left: 20px; margin-bottom: 20px; }
input { background:#000; !important; }
.marginTop { margin-top: 1.3em; }
h1.left { width: 200px; float:left; margin:0; padding:0; }
img { vertical-align:bottom; }

#wrapperOuter { z-index:3; position: relative; width:100%; background: url('../images/backgrounds/bgWrapper.gif') no-repeat center top;}
#contentShadow { width:100%; background: url('../images/backgrounds/bgContentShadow.png') no-repeat center -1px;}
#wrapper { width: 960px; margin: 0 auto; }

#header { z-index: 2; position: absolute; width:958px; margin: 0 auto; }

#header .logo { float: left; display: block; width:165px; height:151px; background: url('../images/topLogo.png') no-repeat;}
#header .right { float: right; width: 778px; height: 52px; padding: 16px 0 0 15px; background: url('../images/topLogoRight.png') no-repeat left top;}
#header .link1, #header .link1 { float:left; margin: 1px 0 0 0;}

#header form { float: left; width: 288px; height: 21px; padding: 5px 7px 0 0; margin: 0 60px; background: url('../images/topSignupBG.gif');}
#header label { float:left; text-indent: -1000em; }
#header input { float:right; width: 128px; margin: 0 5px 0 0; background: transparent; border: none; color: #FA8D09; }
#header input#address { margin-right: 3px; }
#header a.lbLink { display: block; float: right; width: 16px; height: 16px; }
.back1 {
	background-image: url(../images/back1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.back2 {
	background-image: url(../images/back2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentWrapper {
	z-index:1;
	position: relative;
	width: 958px;
	top: 68px;
	margin: 0 auto;
	padding: 0 1px;
	height: 668px;
	font-size: 85%;
	background-color: #434343;
}
#contentColWrapper { background: url('../images/divider_bottom.gif') 732px 100% no-repeat; height: 100%; width: 100%; }
#contentWrapper h1 { margin-bottom: 10px; }
#subHeader { padding: 92px 18px 0 18px; }
#contentWrapper.schedules { top: 38px; }
	
#main {
	padding: 102px 18px 0 113px;
	width: 827px;
}
#main-photo {
	padding: 102px 18px 0 45px;
	width: 895px;
}

#footer {
	position: relative;
	text-align: center;
	color: #666;
	top: 68px;
	font-size: 77%;
	padding: 20px 0 30px 0;
}

/* ---- Fotozap Styles ---- */
#photoPickup, #newsSignup {
	margin: 0;
	width: 288px;
	background-image: url(../images/pickup-steel-plate.gif);
	background-repeat: no-repeat;
	height: 407px;
	padding: 50px 40px 40px;
	float: left;
	display: inline;
}
#photoPickup form { margin: 0; padding: 0; }
#photoPickup h2 {
}
label { color: #FF8C00; display: block; float: none; font-weight: bold; margin: 0 0 8px; padding: 2px 0 0; white-space: nowrap; width: auto; }
label span {
	display: inline-block;
	padding-right: 5px;
	text-align: left;
	width: 90px;
} 
label span.info {
	color: #CBCFD0;
	font-size: 10px;
}
input, select {
	background-color: #676767 !important;
	border: 1px solid #353535;
	border-bottom-color: #747474;
	border-right-color: #747474;
	color: #FFFFFF;
	float: none;
	margin: 0;
	padding: 2px 0 2px 5px;
	width: 180px;
	vertical-align: middle;
}
select {
	width: 186px;
}
input.button {
	background: none !important;
	border: none;
	margin: 15px 0 0 90px;
	width: auto;
}
h3 { font-weight: bold; font-size: 1.1em; padding-bottom: 12px; }
#newsSignup { padding-left: 75px; }
#newsSignup input { width: auto; }
#newsSignup label span { font-weight: bold; text-align: left; padding: 0 0 0 5px; }
#newsSignup p { color: #FFFFFF; display: inline-block; margin-left: 22px; white-space: normal; width: 375px; } 

#photoSend { margin: 0; width: 100%; }
#photoSend p { margin-left: 20px; }
#photoSend label span { width: 110px; }
#photoSend input.button { margin-left: 95px; }
#imageDisplay {
	margin-top: 15px;
}
#imageDisplay span { display: block; margin-top: 15px; text-align: right; width: auto; }
#imageDisplay span a, #imageDisplay span a img { display: inline; }
#imageDisplay span a { margin-left: 15px; } 

/* ====== Link styles ====== */
a { color: #FA8D09; text-decoration:underline; outline: none; }
a:hover, .orange { color: #FA8D09; }
.nowrap { white-space:nowrap; display:inline-block; }
/* === List styles within content area ======= */
#main li { margin-bottom: 5px; line-height: 1.3em; }


/* ====== Reusable Float style ====== */
.leftAlign { float: left; width: auto; }
.rightAlign { float: right; width: auto; }

/* ====== Clearing styles ====== */
.clearBoth { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

/* ====== Image float styles ====== */
img.left { float:left; margin: 0 10px 10px 0; }
img.right { float:right; margin: 0 0 10px 10px; }
img.center, h2.center, h1.center { margin:0 auto; text-align: center;}
img.border { border: solid 1px #666; }
.small {
	font-size: 10px;
	display: inline-block;
	margin-left: 97px;
}
#main .cardinfo {
	position: absolute;
	z-index: 20;
	left: 539px;
	top: 383px;
}
#warning-wrap, #contactsheet {
	padding: 0 20px;
}
#warning-wrap p, #contactsheet p {
	padding: 0 0 6px 0;
	margin: 10px;
}
#warning-wrap .warning {
	color: #FF920D;
}
#warning-wrap .small, #contactsheet .small, #survey-wrap .small, #photoSend .small {
	margin-left: 0px;
}
#contactsheet td {
	padding: 0 10px 10px 0;
}
#survey-wrap {
	margin: 0;
	width:550px;
	height: 550px;
	overflow: auto;
}
#survey-inner {
	overflow: auto;
	padding-right: 20px;
}
#survey-wrap input {
	background:transparent !important;
	border:none !important;
	width: auto;
}
.tdsurvey {padding-bottom:15px; _padding-bottom:0px;}
.pushed  {
	margin-left: 120px;
	padding: 0 0 10px 0;
}


.photowrap {
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
}
#photo {
	/*height: 360px;*/
	width: 480px;
	padding: 0;
	display: block;
	height: 360px;
}
#ppa-wrap {
	margin: 0;
	padding: 0px;
	width: 480px;
	display: block;
	height: 38px;
}
#ppa-wrap ul {
	margin: 0;
}
#ppa-wrap li {
	display:inline;
	float:left;
	padding:0;
	margin: 0;
}
#ppa-wrap li a {
	color: #FFF;
	text-decoration: none;
}
#ppa-wrap li a:hover {
	text-decoration: underline;
}
#ppa-wrap li.first {
	padding: 0;
}
.vertAlign {
	margin-top: 12px;
}
#resend-wrap {
	margin: 0;
	padding: 15px;
	display: none;
	position: absolute;
	width: 480px;
	left: 74px;
	top: 248px;
	background-image: url(../images/lightbox.png);
	background-repeat: repeat;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-o-border-radius: 15px;
}
.emailphoto , .close{
	cursor: pointer;
}
.close {
	position: absolute;
	z-index: 10;
	left: 489px;
	top: -14px;
}
#from {
	padding: 10px 0 15px 0;
}
#from li, #to li {
	padding: 0 0 7px 0;
	margin: 0;
	display: inline;
	width: 160px;
	float: left;
}
#from li input, #to input  {
	padding: 2px;
	color: #fff;
	width: 145px;
	font-size: 1em;
}
.label-photo {
	display: block;
	color: #FA8D09;
	font-size: 12px;
}
#to li.label-photo {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 480px;
}
#to {
	padding: 0;
}
#to li#sendnow {
	width: 100px;
	padding: 0;
}
#resend-wrap div input {
	width: 70px;
	background: transparent !important;
	border: none;
	height: 23px;
	margin: 0;
	padding: 0;
}
#to li#need-help-photo {
	text-align: right;
	width: 370px;
	margin: 0;
	padding: 0;
}
#send-confirm  {
	text-align: center;
	color: #FA8D09;
	font-size: 123.1%;
	font-weight: bold;
	padding: 0 0 10px 0;
}
.fbfan  {
	display: block;
	margin-top: 25px;
}
.iaf {
	float: left;
	display: inline;
	padding: 10px 0 0 20px;
}