body {margin: 0; padding: 0; background: #978e91; font: Georgia, sans-serif; font-size: 90%;}
body img {border: 0;}

a, a:link, a:visited {text-decoration: none; color: #909;}
a:hover {text-decoration: underline; color: #300; }
	
#mainbg {width: 100%; margin: 0 auto; background: #e2e2e2 url(/global/elements/topbg.jpg) center top no-repeat;}
#main {width: 940px; padding: 0 0 20px 0; margin: 0 auto;}
#subway, #footer {width: 940px; padding: 0; margin: 0 auto;}
#main p {margin: 0 0 1em 0; color: #4b4b4b; line-height: 18px;}
#main p.last, #subway p.last, #foot p.last {margin: 0;}
#main h1 {color: #600; font-size: 130%; font-weight: normal; padding: 12px 0 14px; margin: 0;}
#main h2 {color: #606; font-size: 120%; font-weight: normal; padding: 12px 0 14px; margin: 0;}
#main h3, #subway h2 {color: #600; font-size: 110%; font-weight: normal; margin: 5px 0;}
#main h4, #subway h3 {color: #600; font-size: 100%; font-weight: normal; margin: 5px 0 3px;}
#main h5, #subway h4 {color: #600; font-size: 90%; font-weight: normal; margin: 5px 0 3px;}
#subway h5 {color: #333; font-size: 85%; font-weight: bold; margin: 5px 0 3px;}
#main ul, #subway ul {color: #600; list-style: none; padding: 0; margin: 0 0 1.5em 0;}
#main ul li, #subway ul li {padding: 0; margin: 0; color: #4b4b4b;}
#main ul li a.arrow, #subway ul li a.arrow {background: url(/global/elements/arrow-link.png) top right no-repeat; padding: 0 15px 0 0; font-size: 85%; color: #600;}
#main ul li a.arrow:hover, #subway ul li a.arrow:hover {color: #909;}

#main ul.elinks {margin: 0 0 1.5em 12px; list-style: circle; padding-left: 8px;}
#main ul.elinks li {padding: 2px 0; margin: 0; }

#main h1.title {height: 0; display: none;}

#gnavbg {margin: 0 auto; background: #630;}

#gnavwrap {width: 940px; margin: 0 auto; padding-top: 18px;}
#gnavwrap h2 {width: 300px; float: left; }
#gnavwrap h2 a {color: #600; }
#gnavwrap h2 a:hover {text-decoration: none;}
#gnavwrap #globalnav { margin: 0; padding: 0; float: right; width: 628px;}
#gnavwrap #globalnav li {display: inline; font-family: Helvetica, Arial, sans-serif;}
#gnavwrap #globalnav li a {float: left; padding: 20px 0 0 20px; display: block; color: #600; font-size: 80%;}
#gnavwrap #globalnav li a:hover {color: #999; text-decoration: none;}
#gnavwrap #globalnav li a.dleft {padding: 20px 12px 0 20px;}
#gnavwrap #globalnav li a.divider {padding: 20px 0 0 0;}
#gnavwrap #globalnav li a.divider:hover {color: #600;}
#gnavwrap #globalnav li a.dright {padding: 20px 0 0 12px;}
#gnavwrap #globalnav li a.cart {background: url(/global/elements/nav-cart.png) bottom left no-repeat; margin-left: 12px;}

body.about #globalnav #about, body.about #globalnav #about a,
body.craft #globalnav #craft, body.craft #globalnav #craft a,
body.gallery #globalnav #gallery, body.gallery #globalnav #gallery a,
body.ilfochrome #globalnav #ilfochrome, body.ilfochrome #globalnav #ilfochrome a,
body.polaroid #globalnav #polaroid, body.polaroid #globalnav #polaroid a,
body.workshops #globalnav #workshops, body.workshops #globalnav #workshops a,
body.purchase #globalnav #purchase, body.purchase #globalnav #purchase a,
body.storecart #globalnav #storecart, body.storecart #globalnav #storecart a {color: #999;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

body.gallery #main, body.polaroid #main {width: 920px;}
body.gallery #main .contentleft, body.polaroid #main .contentleft {width: 520px; padding-top: 20px;}
body.gallery #main .contentsidebar, body.polaroid #main .contentsidebar {width: 360px; padding-bottom: 10px; padding-top: 26px;}

#main .gallery-image {min-width: 444px; margin: 0 auto; padding: 40px 0 10px; text-align: center;}
#main .gallery-image img.matted {border: 30px solid #fff; -webkit-box-shadow: 0 6px 10px #999; -moz-box-shadow: 0 6px 10px #999; box-shadow: 0 6px 10px #999; margin-bottom: 10px;}
#main .gallery-image a {border-style: none;}
#main .gallery-image h4 {color: #606; margin: 0;}

#main .polaroid-image {margin: 0 auto; padding: 40px 0 10px; text-align: center;}
#main .polaroid-image img.hz {margin-left: -40px;}
#main .polaroid-image a {border-style: none;}
#main .polaroid-image h4 {color: #606; margin: 0;}

#main .gallery-image-nav  {padding-top: 18px;}
#main .gallery-image-nav img  {padding: 0 5px; position: relative; top: -62px;}

#main div.caption-across {margin: 10px 0;}
#main div.caption-right {float: right; margin: 4px 0 3px 15px;}
#main div.caption-left {float: left; margin: 4px 15px 0 3px;}
#main div.caption-right p, #main div.caption-left p, #main div.caption-across p {font-size: 80%; color: #600; text-align: center; padding-top: 6px;}

#galnavwrap {width: 154px; height: 23px; position: relative; z-index: 2; margin: 26px auto 0;}
#galnavwrap #galnav { margin: 0; padding: 0; }
#galnavwrap #galnav li {display: inline;}
#galnavwrap #galnav li a {float: left; height: 0; padding-top: 23px; display: block; overflow: hidden;}
#galnavwrap #galnav li a {background-image: url(/global/elements/gal-nav.png);}

#galnavwrap #galnav li#prev a { width: 30px; }
#galnavwrap #galnav li#home a { width: 42px; }
#galnavwrap #galnav li#enlarge a { width: 52px; }
#galnavwrap #galnav li#next a { width: 30px; }

#galnavwrap #galnav li#prev a { background-position: 0 0; }
#galnavwrap #galnav li#home a { background-position: -30px 0; }
#galnavwrap #galnav li#enlarge a { background-position: -72px 0; }
#galnavwrap #galnav li#next a { background-position: -122px 0; }

#galnavwrap #galnav li#prev a:hover { background-position: 0 -23px;}
#galnavwrap #galnav li#home a:hover { background-position: -30px -23px; }
#galnavwrap #galnav li#enlarge a:hover { background-position: -72px -23px;}
#galnavwrap #galnav li#next a:hover { background-position: -122px -23px;}

#main { position: relative; }
#main #cart { width: 117px; padding-bottom: 8px; height: 25px; background: url(../elements/cart-icon.png) no-repeat; position: absolute; top: 0; right: 0; }
#main #cart:hover { background: url(../elements/cart-icon.png) no-repeat 0 100%; }
#main #cart iframe { margin-left: 4px; width:109px; margin-left: 10px; height:25px; margin-right: 4px; float:right; overflow: hidden; border: none; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; }

#main .content {margin: 0 auto; padding: 30px 0 30px;}
#main .contentleft {float: left; width: 430px; padding: 30px 0 30px 0;}
#main .contentright {float: right; width: 430px; padding: 30px 0 30px 0;} 
#main .contentsidebar {float: right; width: 230px; padding: 30px 5px 30px 0; font-size: 80%;} 

#subwaybg {background: #d4cac1; margin: 0 auto; width: 100%; border-top: 1px solid #a68b70;}
#subwaywrap {width: 1080px; background: url(/global/elements/subwaybg.jpg) no-repeat 0 0; margin: 0 auto;}
#subway  {width: 940px; padding: 16px 0 8px;}
#subway .col-a  {width: 295px; float: left; padding-right: 25px;}
#subway .col-b {width: 295px; float: left;}
#subway .col-c {width: 295px; float: right;}
#subway img.border {border: 4px solid #eee;}
#subway p {margin: 0 0 .75em 0; color: #4b4b4b; line-height: 18px; font-size: 90%}
#subway ul li {font-size: 90%;}
#subway ul.blog li {font-size: 90%; line-height: 140%;}

#infobox-cap {width: 245px; height: 76px; background: url(/global/elements/infobox-top.jpg) top left no-repeat; margin: 0; padding-top: 70px;}
#infobox {width: 245px; background: url(/global/elements/infobox-btm.jpg) bottom left no-repeat; margin: 0; padding: 0 5px 30px 0; text-align: center;}
#infobox h3, #infobox p {padding: 0 18px 1.2em;}

#infolinks {width: 121px; height: 52px; z-index: 1; margin: 0 0 0 62px; background-image: url(/global/elements/btn-infobox.png);}
#infolinks #link { margin: 0; padding: 0; }
#infolinks #link li a {height: 0; padding-top: 26px; display: block; overflow: hidden;}
#infolinks #link li a { background-image: url(/global/elements/btn-infobox.png); }

#infolinks #link li#glink a { width: 121px; }
#infolinks #link li#glink a { background-position: 0 0; }
#infolinks #link li#glink a:hover { background-position: -121px 0;}

#infolinks #link li#plink a { background-position: 0 -26px; }
#infolinks #link li#plink a:hover { background-position: -121px -26px;}

#purlinks {width: 125px; height: 28px; z-index: 1; margin: -3px 0 3px 0; background-image: url(/global/elements/btn-purchase.png); float: right;}
#purlinks #link {margin: 0; padding: 0;}
#purlinks #link li a {height: 0; padding-top: 28px; display: block; overflow: hidden;}
#purlinks #link li a {background-image: url(/global/elements/btn-purchase.png); }
#purlinks #link li#plink a { width: 125px; }
#purlinks #link li#plink a { background-position: 0 -28px; }
#purlinks #link li#plink a:hover { background-position: -125px -28px;}

#signup {width: 90px; height: 25px; z-index: 1; margin: -3px 0 3px 0; background-image: url(/global/elements/btn-sign-up.png); float: right;}
#signup #link {margin: 0; padding: 0;}
#signup #link li a {height: 0; padding-top: 25px; display: block; overflow: hidden;}
#signup #link li a {background-image: url(/global/elements/btn-sign-up.png); }
#signup #link li#plink a { width: 90px; }
#signup #link li#plink a { background-position: 0 -25px; }
#signup #link li#plink a:hover { background-position: -90px -25px;}

#secure-shop {margin-top: 14px;}
#secure-shop img {float: right; margin: -6px 0 0 5px;}

#flickr {border: 1px solid #777; background: #ccc; padding: 5px 0 0 5px;}
#flickr img {padding: 0 5px 0 0; width: 44px; height: 44px; margin: 0;}

#footerbg {background: url(/global/elements/footer-bg.png) top left repeat-x; margin: 0 auto; width: 100%; min-height: 60px;}
#footer #copyright {width: 420px; text-align: center; padding: 15px 0 17px; margin: 0 auto;}
#footer #copyright img.left {margin-top: -3px;}
#footer p {margin: 0; color: #ccc; font-size: 80%;}
#footer a {text-decoration: underline; color: #c9c;}
#footer a:hover {color: #fcf;}

#main img.right, #footer img.right {float: right; margin: 5px 0 10px 14px;}
#main img.left, #footer img.left {float: left; margin: 5px 14px 0 0;}
#subway img.right {float: right; margin: -10px 0 10px 10px;}
#subway img.left {float: left; margin: -10px 10px 0 0;}
img.across {text-align: center; margin: 5px 10px 0 0;}
img.nav {padding-right: 10px;}
img.bordered {border: 1px solid #ABA8B1; -webkit-box-shadow: 0 2px 3px #999; -moz-box-shadow: 0 2px 3px #999; box-shadow: 0 2px 3px #999;}
img.border {border: 7px solid #eee; -webkit-box-shadow: 0 4px 8px #999; -moz-box-shadow: 0 4px 8px #999; box-shadow: 0 4px 8px #999;}
img.pad {margin-bottom: 1em;}
img.purchase {float: right;}

p.nav {text-align: center; padding-top: 20px;}

#quote {float: right; width: 216px; border: 1px solid #ccc; background: #eee; text-align: center; padding: 8px 0 0 0; margin-left: 12px; margin-bottom: .5em;}
#main p.quote {font-size: 13px; color: #630; padding: 8px 14px 5px; line-height: 16px;}
#main p.attribute {text-align: left; font-size: 11px; padding-left: 80px; line-height: 120%; color: #666;}
#main p.exposure {font-weight: bold; color: #666;}
#main p.sosumi {font-size: 80%; line-height: 80%; margin-bottom: 2em;}
#main .contentsidebar p.errata {font-size: 90%;}

.pricing {margin: .5em 0 1em; border-style: solid;  border-width: 1px; border-color: #ABA8B1;}
.pricing td, .pricing th {text-align: center; padding: 3px; border-bottom: 1px solid #ABA8B1;}
.pricing th {font-weight: normal;}
.pricing td.last {border-bottom: none;}

#imgdetails {border: 1px solid #ccc; padding: 6px 10px;}
#imageinfo {padding-top: 100px;}
#imageinfo a, #fieldnav a {border: 0;}
#imageinfo p {padding-bottom: 15px;}
#imageinfo p.navlast {padding-right: 33px;}
#imageinfo p.navfirst {padding-left: 33px;}
#main #imageinfo h4 {font-size: 120%; letter-spacing: 0; margin-top: 1em;}
#main #imageinfo h5 {font-size: 100%; margin-bottom: 30px; letter-spacing: 0;}

#main .tab-wrapper {padding: 14px 18px; margin: 0; border: 1px solid #ccc; clear: both; min-height: 420px;}
#main .tab-menu {margin: 0; padding: 0; list-style: none; overflow: hidden;}
#main .tab-menu li {margin: 0 2px 0 0; padding: 0; float: left; border-width: 1px 1px 0; border-color: #ccc; border-style: solid; }
#main .tab-menu li a {padding: 0; font-weight: bold;}
#main .tab-menu li span {display: block; margin: 0; padding: 6px 10px;}
#main .tab-menu li a:hover, .tab-menu li a:focus {/* your effect here */}
#main .tab-menu li.tab-selected a {text-decoration: none; color: inherit;}
#main .tab-menu li.tab-selected span {background: #ccc;}
/*#main .tab-wrapper .tab-ajax-loading {background: url(images/spinner.gif) no-repeat center;}*/


/** old stuff **/


/* Tab Styles */
/* Used by all layouts: do NOT remove this section */
.qtwrapper { height: 1%;}
ul.qtabs {list-style-position: outside; list-style-type: none; float: left; margin: 0 !important; padding: 0 !important;}
ul.qtabs li {list-style-type: none; float: left; margin: 0 !important; padding: 0 !important; cursor: pointer;}
.qtcontent {position: absolute; margin: 0; padding: 20px; visibility: hidden;}
.qtcurrent {position:relative; overflow:hidden;}

#main ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 31px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; }
#main ul.tabs li {float: left; margin: 0; padding: 0; height: 30px; line-height: 30px; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #eee;}
.qtcontent h2 {font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em;}


/* Basic Tabs  (class suffix: -basic) */

div.current-basic {clear: both; border-width: 1px 1px 1px; border-style: solid; border-color: #ccc; width: 100%; min-height: 460px;}
.qthead-basic ul.qtabs li {background: #eeeeee !important; margin: 0 !important; padding: 0 !important; border-width: 1px 1px 0; border-color: #ccc; border-style: solid; position: relative; bottom: -1px;}
.qthead-basic ul.qtabs li span {display: block; margin: 0; padding: 6px 10px;}
.qthead-basic ul.qtabs li.open {background: #999 !important; z-index: 2;}
.qthead-basic ul.qtabs li.open span {color: #ddd;}
/* End Tab Styles */


#fnimage {float: right; width: 256px; text-align: center; padding: 8px 0 0 0; margin-left: 12px;}
#fnimagev {float: right; width: 220px; text-align: center; padding: 8px 0 0 0;}

span.blue {color: #06c; font-weight: bold; font: helvetica;}
span.red {color: #f09; font-weight: bold; font: helvetica;}



.fncolumn1-2 {float: left; width: 240px; margin: 20px 20px 0 0; padding-top: 5px; text-align: center;}
.fncolumn2-2 {float: left; width: 400px; margin-top: 20px;}
.fnnav1-2 {float: left; width: 240px; margin: 0 20px 20px 0; padding: 5px 0 15px 0;}
.fnnav2-2 {float: left; width: 400px; padding: 5px 0 20px 0; text-align: right;}

.picolumn1-2 {float: left; width: 240px; margin: 20px 20px 0 0; padding-top: 5px; text-align: center;}
.picolumn2-2 {float: left; width: 400px; margin-top: 20px;}
#main .picolumn1-2 h4 {font-size: 14px; padding: 5px 0 5px 1px; margin: 0;}
.pinav1-2 {float: left; width: 240px; margin: 0 20px 20px 0; padding: 5px 0 15px 0;}
.pinav2-2 {float: left; width: 400px; padding: 5px 0 20px 0; text-align: right;}

#fieldnotes {width: 154px; height: 24px; margin: 20px auto 36px; position: relative; z-index: 9998;}
#fieldnotes a {width: 154px; height: 0; padding-top: 24px; display: block; background: url(/global/elements/fpnotes.gif) top left no-repeat; overflow: hidden;}
#fieldnotes a:hover { background-position: 0 -24px; }
#portnav {width: 121px; height: 22px; margin: 0 auto; position: relative; z-index: 9998;}
#portnav li {display: inline;}
#portnav li a {float: left; height: 0; padding-top: 22px; display: block; overflow: hidden;}
#portnav li a.up {width: 29px; background: url(/global/elements/up.gif) top left no-repeat; }
#portnav li a.next {width: 46px; background: url(/global/elements/next.gif) top left no-repeat; }
#portnav li a.prev {width: 46px; background: url(/global/elements/prev.gif) top left no-repeat; }
#portnav li a:hover {background-position: 0 -22px;}

#fieldnav {width: 122px; height: 22px; padding: 0 340px 20px 20px; position: relative; z-index: 9998; float: right;}
#fieldnav li {display: inline;}
#fieldnav li a {float: left; height: 0; padding-top: 22px; display: block; overflow: hidden;}
#fieldnav li a.up {width: 30px; background: url(/global/elements/up.gif) top left no-repeat; }
#fieldnav li a.next {width: 46px; background: url(/global/elements/next.gif) top left no-repeat; }
#fieldnav li a.prev {width: 46px; background: url(/global/elements/prev.gif) top left no-repeat; }
#fieldnav li a:hover {background-position: 0 -22px;}