/* Save Polaroid stylee */

* { margin:0; padding:0; border: none; text-decoration: none; }
body { background: #F1F1F1 url(images/backstripe.gif) repeat-y center top; text-align: center; margin: 0 auto; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; }
/* clearing fixer */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* main structure */

#thebox { margin:0 auto; width:846px; position:relative; }
#wingy { position: absolute; left:1px; top:5px; z-index: 10; width: 166px; text-align: left; }
#foil { width:706px; float:left; text-align: left; }
#glue { width:110px; float:left; }
#instrux { height: 58px; }
#hero { width:706px; height: 254px; position: relative; background: url(images/heroback.gif) no-repeat left top; }
#film { width:706px; background: url(images/5050colback.gif) repeat-y center top; margin-top: 10px; }
#pod { width:706px; background: url(images/5050colfootback.gif) no-repeat center -60px; padding: 35px 0; text-align: center;}

#learn, #share, #action, #news, #press, #contact, #thestore { width:706px; background: url(images/sub2col.gif) repeat-y center top; }
#pod2 { width:706px; background: url(images/sub2col-foot.gif) no-repeat center top; padding: 35px 0; text-align: center;}

#error { padding:50px; background-color: #FFFFCC; }

/* substructure */

#wingy h1 { display: none; }

#nav { padding-top: 20px; }
#nav ul { list-style-type: none; float:right; }
#nav li { display: block; float: left; }
#nav li a { font-size: 16px; display: block; float:left; border-right:1px solid #d6d6d6; line-height: 18px; padding: 0 10px; color: #888888; }
#nav li a:hover { color:#900; }

#pod p, #pod2 p { padding:0 0 0 23px; font-size: 11px; color:#979797; }

/* home page */
#heroleft { position:absolute; left: 23px; top: 10px; width: 203px; height: 203px; background: url(images/learn.jpg) no-repeat center top; }
#heromid { position:absolute; left: 258px; top: 10px; width: 203px; height: 203px; background: url(images/share.jpg) no-repeat center top; }
#heroright { position:absolute; left: 493px; top: 10px; width: 203px; height: 203px; background: url(images/takeaction.jpg) no-repeat center top; }
.heropad { padding: 80px 0 15px 0; overflow: hidden; }
.heropad ul { list-style-type: none; font-size: 14px; line-height: 1em; }
.heropad ul li a { display: block; color:#FFF; padding:5px 15px; }
#heroleft a:hover { background: url(images/lhov.jpg); }
#heromid a:hover { background: url(images/shov.jpg); }
#heroright a:hover { background: url(images/thov.jpg); }

#leftcol { float:left; width: 355px; }
#rightcol { float:right; width: 351px; }
#stories, .subpadleft { padding:10px 10px 0px 23px;}
#stories p { font-size: 12px; line-height: 1.5em; color: #515151; margin-bottom: .3em; }
#storythumbs { width: 323px; }
#storythumbs img { padding: 3px; margin: 0 5px 10px 5px; width:89px; height:89px; }
#storythumbs a:link img { padding: 3px; background-color: #FFF; }
#storythumbs a:hover img { padding: 3px; background-color: #900; }


#homenews { padding:10px 10px 0px 21px; }
.newsitem { padding: 0 5px 10px 5px; margin-bottom:10px; border-bottom: 1px dotted #d6d6d6; }
.newsitem h2, .subpadleft .newsitem h2 { font-weight: normal; font-size: 19px; color:#313131; margin-bottom: .3em; }
.newsitem p { font-size: 12px; line-height: 1.5em; color: #515151; margin-bottom: .3em; }
.newsitem a { color:#900; }
.newsitem a:hover { background-color: #e7e7e7; }
.recnews ul { list-style-type: none; margin-bottom: 10px; }
.recnews li a { display:block; font-weight: normal; font-size: 15px; color:#900; padding:5px 0; border-bottom:1px dotted #d6d6d6; }
.recnews li a:hover { background-color: #FFE; }

#goop { margin:0 0 20px 0; padding:10px 10px 10px 13px; background: url(images/goopback.gif) no-repeat center bottom; }
.goopcol { float:left; margin-left:10px; }
.goopcol p.flickr_slideshow { display: none; }

/* sub pages */

#maincol { float:left; width:471px; padding-bottom: 20px; }
#sidebar { float:right; width: 223px; }
.subpadleft h1 { font-weight: normal; color:#313131; line-height: 1.2em; font-size:23px; margin-bottom: 10px; }
.subpadleft h1.listheader { padding-bottom: 5px; border-bottom: 1px dotted #d6d6d6; }
.subpadleft h2 { font-weight: normal; color:#313131; line-height: 1.2em; margin:1em 0 .5em 0; font-size:17px; }
.subpadleft h3 { font-weight: normal; color:#313131; line-height: 1.3em; margin:1em 0 .5em 0; font-size:19px; padding: 10px; background-color: #FAFAFA; }
.subpadleft h4 { font-weight: normal; color:#313131; line-height: 1.2em; margin:1em 0 0 0; font-size:17px;}
.subpadleft p { font-size: 13px; line-height: 1.5em; color: #515151; }
.subpadleft a { color:#900; }
.subpadleft a:hover { background-color: #e7e7e7; }
.subpadleft ul { list-style-type: none; padding: 0 0 10px 10px; font-size: 12px;}
.subpadleft li { line-height: 1.5em; padding-left: 16px; background: url(images/arrow.gif) no-repeat left 4px; }
.faqa { padding: 0 20px; color:#717171; }

.subpadright { padding:0px 10px 0px 11px; }
.subpadright h3 { font-size: 11px; text-transform: uppercase; color:#515151; letter-spacing: 1px; font-weight: normal; padding-bottom:5px; border-bottom: 1px dotted #d6d6d6; }
#sectionnav ul { list-style-type: none; padding-bottom: 10px; border-bottom: 1px dotted #d6d6d6; }
#learn #sectionnav li a:hover, #share #sectionnav li a:hover, #action #sectionnav li a:hover, #news #sectionnav li a:hover, #press #sectionnav li a:hover, #contact #sectionnav li a:hover { background-color: #e7e7e7; }

#learn .subheads { height:52px; background: url(images/learn-sub.gif) no-repeat left top; }
#learn #sectionnav li a { background: url(images/learnarrow.gif) no-repeat 5px 8px; display: block; padding:5px 5px 5px 21px; color:#111; font-size: 13px; font-weight: bold; }

#share .subheads { height:52px; background: url(images/share-sub.gif) no-repeat left top; }
#share #sectionnav li a { background: url(images/sharearrow.gif) no-repeat 5px 8px; display: block; padding:5px 5px 5px 21px; color:#111; font-size: 13px; font-weight: bold; }

#action .subheads { height:52px; background: url(images/action-sub.gif) no-repeat left top; }
#action #sectionnav li a { background: url(images/actionarrow.gif) no-repeat 5px 8px; display: block; padding:5px 5px 5px 21px; color:#111; font-size: 13px; font-weight: bold; }

#news .subheads { height:52px; background: url(images/news-sub.gif) no-repeat left top; }
#news #sectionnav li a { background: url(images/newsarrow.gif) no-repeat 5px 8px; display: block; padding:5px 5px 5px 21px; color:#111; font-size: 13px; font-weight: bold; }

#press .subheads { height:52px; background: url(images/press-sub.gif) no-repeat left top; }
#press #sectionnav li a { background: url(images/pressarrow.gif) no-repeat 5px 8px; display: block; padding:5px 5px 5px 21px; color:#111; font-size: 13px; font-weight: bold; }

#contact .subheads { height:52px; background: url(images/contact-sub.gif) no-repeat left top; }
#contact #sectionnav li a { background: url(images/contactarrow.gif) no-repeat 5px 8px; display: block; padding:5px 5px 5px 21px; color:#111; font-size: 13px; font-weight: bold; }

.widget { padding: 10px 5px; border-bottom: 1px dotted #d6d6d6; }
.widget h2, .elsewhere h2 { font-weight: normal; font-size: 16px; color:#313131; margin-bottom: .2em; }
.widget p, .elsewhere p { font-size: 11px; line-height: 1.4em; color: #515151; margin-bottom: .2em; }
.widget a, .elsewhere a { color:#900; }
.widget a:hover, .elsewhere a:hover { background-color: #e7e7e7; }
.elsewhere { padding:0 0 10px 0; border-bottom: 1px dotted #d6d6d6; }
.elsewhere p, .elsewhere h2 { padding:0 5px; }
.elsewhere h4 { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; color:#131313; background-color:#f6f6f6; margin-bottom: 3px; padding:2px; }
.elsewhere ul { list-style-type: none; margin-bottom: 10px; }
.elsewhere li a { display: block; padding:3px 5px; color:#111; font-size: 12px; color:#900; line-height: 1.4em; }

.timeitem { padding:5px 0; border-bottom: 1px dotted #d6d6d6; }
.yrinfo { display:block; color:#515151; font-size:13px; line-height: 1.4em; float:right; width: 371px; }
.yr { display: block; float:left; color:#900; font-size: 19px; font-weight: bold; font-family:Helvetica, Arial, Geneva, sans-serif; }

ul#whys { margin:10px 0; padding:0; }
li.whys { display: block; background: none; margin:0; padding:0; border-bottom: 1px solid #d6d6d6; }
li.whys a { display: block; padding:0 0 10px 0; background: none; padding:5px; }
li.whys span.thewhy { display:block; color:#313131; line-height: 1.2em; margin:0 0 5px 0; font-size:21px;}
li.whys span.byline { display:block; font-size: 13px; line-height: 1em; color: #515151;}

.thisfilm { float: left; width: 75px; }
.filminfo { float: right; width: 300px; }
.filmtype {	margin-bottom: 15px; padding: 20px; border-bottom: 1px solid #d6d6d6; }

.dl { width:200px; height: 150px; float:left; text-align: center; margin:10px 10px 10px 0; }
.dl p { font-size:11px; }
.dl img { border: 1px solid #a7a7a7; margin-bottom: 5px; }

p.byline { margin-top: -5px; font-size:11px; color:#515151; }

/* global */
.itemfoot, .posted, .readmore { font-size:10px; color:#a7a7a7; }
.posted { display:block; }
.readmore { float:right; }
.fullarticle p { margin-bottom: .5em; }
.polaroided { border: 1px solid #d6d6d6; padding:7px 7px 24px 7px; border-right-width: 2px; border-bottom-width: 2px; background-color: #FFF; margin:0 0 3px 6px; float:right; }
.regthumb, .lgimg { margin:0 0 3px 6px; float:right; }
.inlineright { margin:0 0 3px 6px; float:right; }
.bigaroid { border:none; padding:14px 22px 64px 12px; background: #FFF url(images/bigroidback.jpg) no-repeat left top; margin:0 0 6px 12px; float:right; }
.sep { font-size:1px; height: 1px; display: block; border-bottom: 1px dotted #d6d6d6; }
.paginate { margin:10px 0; padding-top:10px; border-top: 1px dotted #900; text-align: center; }
.paginate a { display:block; width:80px; padding:5px; font-size:10px; color:#900; background-color: #FFF; }
.newer a { float:left; }
.older a { float:right; }
.allstuff a { margin:0 auto; }
.paginate a:hover { background-color: #900; color:#FFF; }
.thequote { display: block; font-size: 12px; color:#555; text-align: left; line-height: 1.5em; padding:10px; background-color: #FFE; border:1px solid #e6e6e6; }

/* forms */
#thisisaform { padding:10px 0; }
#thisisaform label { font-size:13px; line-height:1.2em; }
#thisisaform fieldset p { font-style:italic; color:#373737; }
#thisisaform fieldset { clear:both; border:1px solid #d6d6d6; padding: 0 .5em .5em .5em; }
#thisisaform fieldset legend { font-size:13px; text-transform:uppercase; letter-spacing: 1px; margin:0 0 0 -5px; padding:0 5px 10px 5px; color:#515151; }
#thisisaform fieldset div { clear: left; display: block; height: expression('1%'); margin: .5em 0 0 0; padding: 1px 3px; }
#thisisaform fieldset div label { display: block; float: left; width:120px; padding:.3em .7em 0 0; margin:0; text-align: left; color:#373737; }
#thisisaform input, #thisisaform select, #thisisaform textarea { border:1px solid #d6d6d6; padding:2px 3px; background-color: #fafafa; color:#313131; }
#thisisaform input:focus, #thisisaform select:focus, #thisisaform textarea:focus { background-color:#FFFFCC; color:#313131; }
#thisisaform form { margin-bottom:1em; }
#thisisaform .submitbtn input { float:right; font-size: 12px; color:#FFF; background-color:#900; border-color:#515151; padding:5px 10px; text-transform: uppercase; letter-spacing: 1px; }

/* newforms */

#thisisaformtoo { padding:5px 10px 10px 10px; border:1px solid #d6d6d6; }
#thisisaformtoo ul { list-style-type: none; }
#thisisaformtoo label { font-size:13px; line-height:1.2em; width: 100px; }
#thisisaformtoo fieldset p { font-style:italic; color:#373737; }
#thisisaformtoo fieldset { clear:both; }
#thisisaformtoo .uploadheader { display:block; width:100%; background-color:#515151; color:#FFF; font-size:13px; text-transform:uppercase; letter-spacing: 1px; margin:-5px -10px 5px -10px; padding:10px; }
#thisisaformtoo fieldset li { background: none; clear: left; display: block; margin: .5em 0 0 0; padding: 1px 3px; }
#thisisaformtoo fieldset li label { display: block; float: left; width:100px; padding:.3em .7em 0 0; margin:0; text-align: left; color:#373737; }
#thisisaformtoo input, #thisisaformtoo select, #thisisaformtoo textarea { border:1px solid #d6d6d6; padding:2px 3px; background-color: #fafafa; background:none; color:#313131; }
#thisisaformtoo input:focus, #thisisaformtoo select:focus, #thisisaformtoo textarea:focus { background-color:#FFFFCC; color:#313131; }
#thisisaformtoo form { margin-bottom:1em; }
#thisisaformtoo .submitbtn input { margin-left:110px; font-size: 12px; color:#FFF; background-color:#900; border-color:#515151; padding:5px 10px; text-transform: uppercase; letter-spacing: 1px; }
#thisisaformtoo #uploadarea { font-size: 12px; line-height: 1.4em; padding: 10px; }


ul.zemError { padding:5px 10px; color:#FFF; background-color:#900; font-size:12px; line-height: 1.4em; margin-top: 5px; }
div.zemThanks { padding:10px; background-color: #FFC; text-align: center; margin-top: 5px; }

/* Buttons */
.btn { display: block; position: relative; background: grey; padding: 5px; float: left; color:#d1d1d1; text-decoration: none; cursor: pointer; font-size: 11px; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
* html .btn span { margin-top: -5px; }
.btn.red { background: #900; color:#FFF }
.btn.gray { background: #515151; color:#FFF; }
.btn:hover, div.buttonbox .btn:hover { background-color: #609719; color:#FFF; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom; }
.btnmrgn { margin-top: 10px; }
div.twobtns { margin:10px 0; padding-top:10px; border-top:1px dotted #d6d6d6; text-align: center; clear:both; }
.rtbtn { float:right; }
.ltbtn { float:left; }
div.buttonbox { display:block; clear: both; padding: 10px 0;}

/* products */
table.productTable, td.productItem { padding:0; margin:0; float:left; }
.prodthumb { float:left; width:200px; height: 250px; border:1px solid #DEDEDE; text-align: center; margin: 10px 0 0 10px; position: relative; }
.prodthumb img { display: block; margin: 15px 15px 10px 15px; }
.prodthumb p { margin: 0 20px; padding: 0; }
.prodthumb .prodprice { color:#FFF; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; font-size: 21px; display: block; width:80px; height:38px; padding:8px; text-align: center; background-color:green; position: absolute; top: 145px; left: 125px; }
#thestore #productnav h2 { font-weight: normal; font-size: 16px; color:#313131; margin-bottom: .2em; }
#thestore #productnav ul { list-style-type: none; padding-bottom: 10px; border-bottom: 1px dotted #d6d6d6; }
#thestore #productnav li a:hover { background-color: #e7e7e7; }
#thestore .subheads { height:52px; background: url(images/shoptop.gif) no-repeat left top; }
#thestore #productnav li a { background: url(images/shoparrow.gif) no-repeat 5px 8px; display: block; padding:5px 5px 5px 21px; color:#111; font-size: 13px; font-weight: bold; }
.prodthumb span.topdescrip { margin: 0 20px; padding: 0; }

/* contest */
.contest p { margin-bottom: .7em; }
ol.prizes { list-style-type: none; margin: 5px 10px 10px 10px; }
ol.prizes li { line-height: 22px; color:#515151; padding: 0 0 0 20px; background: url(images/star.gif) no-repeat left 4px; font-size: 13px; font-weight: bold; }
.contest h5 { color:#313131; line-height: 1.3em; margin:.7em 0 .4em 0; font-size:14px; padding: 4px; background-color: #FAFAFA;}

.gallery { margin:10px 0; }

dl.accordion { margin-top: 10px; }

dl.accordion dt { display:block; font-size: 17px; line-height: 1em; padding:7px 7px 7px 27px; background:#FAFAFA url(images/plus.png) no-repeat 5px 7px; border: 1px solid #d6d6d6; color: #900; margin-bottom: 5px; cursor: pointer; }
dl.accordion dd.accordion_content { padding:10px 20px; }
dl.accordion dd.accordion_content p { font-size: 13px; line-height: 1.5em; color: #515151; margin-bottom: .5em; }
* html dl.accordion dt { cursor: hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/plus.png', sizingMethod='crop');
	background-image: none; }
dl.accordion dt.open { background-image: url(images/minus.png); color: #515151; }
* html dl.accordion dt.open { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/minus.png', sizingMethod='crop');
	background-image: none; }
	
	.gallerycontainer img {
	padding: 2px;
	border: 1px solid #999999;
	margin: 5px;
}
.imagewrap {
	float: left;
	width: 145px;
}
.thumb {
	float: right;
}
.thumbtext {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.alertbox {
	padding: 10px;
	margin-bottom: 1.6em;
	border: 2px solid #d23487;;
}