/* A Nice Set Styles */

body { background: #000; margin: 10px; color: #FFF }
.bodysplash { background: #000; margin: 10px }
.bookbody { background: #FFF; margin: 10px;}
a { color: #FFF }
a:hover { color: #000; background: #FFF }

/* HOME SPLASH */
.splash { width: 722px; margin: 0 auto; padding: 100px 0 0 0; text-align: center }
.splashtext { font-size: 1.3em; line-height: 1.3em}

/* MAIN PAGES */
#wrapper { width: 700px; padding: 20px 30px }
#header { position: relative; font-weight: bold; height: 150px; margin-bottom: 10px }
.headertext { font-size: 1.3em; line-height: 1.3em }
.bookbody .headertext, .bookbody a { color: #000;}
.bookbody a:hover { color: #FFF; background: #000;}
.bookbody .blogtext { color: #000;}
#content { font-family: "Times New Roman", Times, serif}
.onethird { font-size: .7em  }

#nav ul { margin: 20px 0px; padding: 0 }
#nav ul li { display: inline }
#nav ul li a { padding: 3px 5px }

.abouttbl { width: 500px }
.abouttbl td { padding-right: 20px; font-size:.7em; font-family: "Times New Roman", Times, serif }
.abouttbl td span { color: #FFF; font-weight: normal }
.abouttbl td a { color: #FFF; text-decoration: none }


/* BLOG PAGES */
.blogrow { height: 1%; clear: both}
.blogarticle { display: block; width: 200px; margin-right: 10px; margin-bottom: 40px; float: left }
/*.blogtoptext { height: 30px; overflow: hidden }*/
.blogtitle { color: #FFF; font-size: .7em; text-decoration: none }
.blogdate { font-size: .7em; color: #CCC }
.blogimage { padding: 5px }
.blogimage a img { border: 5px solid #000 }
.blogimage a:hover img { border-color: #FFF }
.blogtext { font-size: .7em; padding-right: 20px }

.blogdetail { font-family: Geneva, Arial, Helvetica, sans-serif; width: 200px }
.bloggallery { width: 450px; float: right; border: 10px solid #000 }

/* EXHIBITION */

.exhibitarticle { display: block; width: 200px; height: 250px; float: left; overflow: hidden }
.exhibittitle { color: #FFF; font-size: .7em; text-decoration: none }
.exhibitdate { font-size: .7em }
.exhibitimage { padding: 10px }
.exhibittext { margin-top: 10px; font-size: .7em; padding-right: 20px }

/* ARTISTS */
h2#artists {font-family: "Times New Roman", Times, serif;}
.artisttbl { width: 600px }
.artisttbl td { width: 190px; padding: 10px 30px 10px 0;  }
a.artlink { color: #FFF; text-decoration: none }
a.artlink:hover { background: #FFF; color: #000 }
a.arthome { color: #FFF; text-decoration: none }
a.arthome:hover { background: #FFF; color:#000 }
.artistdiv { width: 400px; font-size: 1.5em; line-height: 1.2em; font-stretch: semi-condensed; font-family: "Times New Roman", Times, serif; font-weight: bold;}

/* STORE */
.artset { display: block; width: 100px; height: 140px; float: left; padding: 5px 5px 5px 0; margin-bottom: 5px; text-align: center; overflow: hidden; }
a.settitle { font-size: .7em; text-decoration: none }

#artistlist { position: relative; height: 30px }
.arttitle { padding: 3px 0; margin-bottom: 20px; border-top: 1px solid #999; border-bottom: 1px solid #999 }
.listall { position: absolute; left: 250px; top: 0px; padding: 2px 5px; font-size: .7em; text-decoration: underline }
#artdrop { background:#000; color: #fff; border:1px solid #fff;}
/* #artdrop { list-style: none; margin: 0; padding: 0; position: absolute; left: 0px; top: 0px; font-size: .7em; margin:0 0 20px 0; background: url(../../images/downarrow.gif) right 3px no-repeat }
#artdrop ul { list-style: none; margin: 0; padding: 0; background: #000  }
#artdrop a { display: block; width: 169px; border: 1px solid #FFF; padding: 2px 5px }
#artdrop ul a { border: 1px solid #666; border-width: 0 1px 1px 1px; text-decoration: none; font-size: .9em }
#artdrop li:hover, #artdrop li li:hover, #artdrop li.sfhover { background: #111 }
#artdrop li { float: left; width: 180px }
#artdrop li ul { display: none; position: absolute; width: 180px; left: -999em }
#artdrop li:hover ul, #artdrop li.sfhover ul { display: block; left: auto } */

.matimage { float: left; width: 700px }
.caption { font-size: .7em; text-align: center; padding: 3px 5px }

#cartdiv { z-index: 10; position: absolute; top: 125px; left: 0px; width: 700px; font-weight: normal; background: #000; text-align:right;  }
.bookbody #cartdiv, .bookbody #shopcarton { background: #FFF; color: #000;}
.cartstatus a { padding: 1px 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .8em; text-decoration: none }
#shopcarton { margin: 5px 0 0 0; border: 1px solid #121212; background: #000; padding: 5px 10px 5px 5px; font-family: Geneva, Arial, Helvetica, sans-serif }
#shopcarton p { padding: 0; margin: 0; font-size: .7em }
p.cartbuttons { border-top: 1px solid #121212; margin: 5px }

.maintitle { font-family: "Times New Roman", Times, serif; margin-top: 0 }
.carttable { width: 100%; border-collapse: collapse }
.thview td { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 10px 0; font-size: .7em; font-weight: bold }
.cartitems td { padding: 5px 0; border-bottom: 1px solid #121212; font-size: .7em }
.carttotal td { padding: 10px 20px 10px 0; font-weight: bold; font-size: .7em }
.carttotal td a { padding: 5px 10px; border: 1px solid #333; color: #DDD; text-decoration: none }
.carttotal td a:hover { color: #000 }
.condition { position: absolute; right: 15px; height: 84px }
.qtyinput { background: #121212; border: 1px solid #171717; padding: 5px; color: #EFEFEF }

#checkright { width: 280px; float: right; overflow: hidden; }
#checkleft { width: 380px; float: left; overflow: hidden }
#checkright h3 { margin: 0 0 5px 0 }

.checkoutforms { width: 350px; margin-bottom: 10px }
.checkoutforms h3 { font-size: 1em; margin: 0 0 10px 0; padding: 5px 0; color: #CCC; border-top: 1px solid #121212; border-bottom: 1px solid #121212 }
.checkoutforms p { margin: 0 0 5px 0 }
.checkoutforms span { margin: 0; font-size: .7em; color: #666 } 
.checkoutforms label { display: block; font-size: .7em; color: #666 }
.checkoutforms input { background: #000; border: 1px solid #171717; padding: 2px; color: #EFEFEF; font-size: .7em }

.processorder { padding: 10px 0 }

.returnpolicy { font-size: .7em; color: #666 }

/* DEBUG STYLES */
.debuglink { display: block; padding: 5px 10px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .7em }
#debug { padding: 10px; border: 1px solid #121212; margin: 0 auto; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .7em }

/* MISC STYLES */
.container { height: 1% }
.clear { clear: both; font-size: 0; height: 0; margin: 0; padding: 0; line-height: 0 }

/* LIGHTBOX STYLES */
#lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; color: #000; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}			
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block;  width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }