/* 123Default CSS Stylesheet for a new Web Application project */
table, td, th { font-size: 100%; }

th 
{
	text-align: left;
}

img 	
{
	margin: 0px;
	border: none;
	}

ul 
{
	padding: 0px;
	margin: 0px;
	padding-left: 3em;
}
ul li
{
	padding: 0px;
	margin: 0px;
}


html
{
	margin: 0px;
	padding: 0px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 0.9em;
    margin-top: 0px;
}

body 
{
	text-align: center;
	padding: 0px;
	margin: 0px;
}

form#mainform
{
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

div.header 
{
	background-image: url(images/logostrip.jpg);
	background-attachment:scroll;
	background-position: top-left;
	background-repeat: no-repeat;
	margin-top: 10px;
}

html
{
	margin-top: 10px;
}

form 
{
	margin: 0px;
	padding: 0px;
}


div.topnavbar ul
{
	border-top: dashed 1px #9F9F9F;
	border-bottom: dashed 1px #9F9F9F;
	margin: 0px;
	width: 800px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 90%;
}

div.topnavbar li
{
	display: inline;
    list-style-type: none;
    color: #9f9f9f;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 2em;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.topnavbar li a, div.topnavbar li a:active, div.topnavbar li a:visited
{
    color: #9f9f9f;
    text-decoration: none;    
}

div.topnavbar li.currentsection a, div.topnavbar li.currentsection a:hover, div.topnavbar li.currentsection a:active, div.topnavbar li.currentsection a:visited
{
	font-weight: bold;
	
	color: #990000;
	/*list-style-position: inside;*/
}

div.topnavbar li a:hover, div.topnavbar li.currentsection a:hover
{
	color: #000000;
}

address.locations
{
	background-image: url(images/bottomstrip.jpg);
	background-repeat: no-repeat;
	color: white;
	text-transform: uppercase;
	font-style: normal;
	width: 800px;
	font-size: 70%;
	font-weight: bold;
	height: 40px;
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:justify;
	clear: both;
}

address.locations a:link, address.locations a:active, address.locations a:hover, address.locations a:visited
{
	color: white;
}

div.categorymenu
{
	float: left;
/*position: absolute;*/
left: 0px;
width: 130px;
	color: #808080;
	/*width: 15em;*/
	border-bottom: dotted 1px #808080;
	margin-bottom: 1em;
	padding-bottom: 15px;
}

div.categorymenu h2
{
	padding-left: 1em;
	font-size: 1em;
	margin-top: 0.5em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	border-top: dotted 1px #808080;
	border-bottom: dotted 1px #808080;
	text-transform:uppercase;
}

div.categorymenu ul
{
	margin-left: 0;
	padding-left: 0;
}
div.categorymenu li
{
	list-style-type: none;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding-left: 0;
}

div.categorymenu a, div.categorymenu a:hover, div.categorymenu a:active, div.categorymenu a:visited
{
    color: #9f9f9f;
    text-decoration: none;    
    text-transform:uppercase
}

div.categorymenu li.currentcategory a, div.categorymenu li.currentcategory a:hover, div.categorymenu li.currentcategory a:visited, div.categorymenu li.currentcategory a:active
{
	font-weight: bold;
	
	color: #990000;
	/*list-style-position: inside;*/
}


address.locations strong
{
	color: #990000;
	padding-left: 2em;
}

div#highlights
{
	background-image: url(images/highlights.jpg);
	width: 800px;
	height: 403px;
	position: relative;
	
}

div#featured1 h2, div#featurededit1 input.heading
{
	position: absolute;
	top: 5px;
	left: 206px;
	width: 180px;
}

div#featured1 div.blurb, div#featurededit1 div.blurb
{
	position: absolute;
	top: 31px;
	left: 206px;
	width: 180px;
}

div#featured1 div.featuredimage, div#featurededit1 div.featuredimage
{
	position: absolute;
	top: 0px;
	left: 390px;
}

div#featured2 h2, div#featurededit2 input.heading
{
	position: absolute;
	top: 270px;
	left: 345px;
	width: 233px;
}

div#featured2 div.blurb, div#featurededit2 div.blurb
{
	position: absolute;
	top: 294px;
	left: 345px;
	width: 233px;
}

div#featured2 div.featuredimage, div#featurededit2 div.featuredimage
{
	position: absolute;
	top: 227px;
	left: 203px;
}

div#featured3 h2, div#featurededit3 input.heading
{
	position: absolute;
	top: 5px;
	left: 585px;
	width: 215px;
}

div#featured3 div.blurb, div#featurededit3 div.blurb
{
	position: absolute;
	top: 34px;
	left: 585px;
	width: 209px;
}

div#featured3 div.featuredimage, div#featurededit3 div.featuredimage
{
	position: absolute;
	top: 207px;
	left: 583px;
}


div#featured4 h2, div#featurededit4 input.heading
{
	position: absolute;
	top: 160px;
	left: 0px;
	width: 190px;
}

div#featured4 div.blurb, div#featurededit4 div.blurb
{
	position: absolute;
	top: 180px;
	left: 0px;
	width: 190px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align : left;
}

div#featured4 div.featuredimage, div#featurededit4 div.featuredimage
{
	position: absolute;
	top: 0px;
	left: -1px;
}



div#featured1 h2, div#featured1 div.blurb, div#featured1 div.featuredimage, div#featured2 h2, div#featured2 div.blurb, div#featured2 div.featuredimage, div#featured3 h2, div#featured3 div.blurb, div#featured3 div.featuredimage, div#featured4 h2, div#featured4 div.blurb, div#featured4 div.featuredimage
{
	margin: 2px;
	text-align: center;
	font-size: 11px;
}

div#featured1 h2, div#featured2 h2, div#featured3 h2, div#featured4 h2
{
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

div#featured1 div.featuredimage, div#featured2 div.featuredimage, div#featured3 div.featuredimage, div#featured4 div.featuredimage
{
	padding: 3px;
}


div#maincontent 
{
	margin-left: 145px;
	margin-bottom: 5px;
	width: 652px;
	line-height: 1.2;
}

div#maincontent h1
{
	font-size: 1.5em;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	padding-left: 8px;
	background-repeat: no-repeat;
	margin-bottom: 0;
	margin-top: 5px;
}

div#maincontent h2
{
	font-size: 1.25em;
	font-weight: bold;
	color: black;
	clear: right;
}

div#blurb
{
	margin-top: 0px;
	padding-top: 1px;
	padding-left: 8px;
	padding-bottom: 1px;
	margin-bottom: 16px;	
}
div#blurb p
{
	margin-top: 0px;
	padding-right: 8px;
}

div.item
{
	margin-bottom: 16px;
	margin-right: 0px;
	padding-right: 5px;
	padding-left: 11px;
	clear: right;
	padding-bottom: 5px;
}

/* auto-float clear thingo */
div#blurb:after, div.item:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: right; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div#blurb, * html div.item
{height: 1%;}
/* End hide from IE-mac */


div.productimage
{
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	float: right;
	margin-bottom: 10px;
}
div.item p.title
{
	padding-top: 2em;
	margin-top: 0px;

}

div#blurb img
{
	margin: 10px;
}
div.item p.title cite
{
	font-style: normal;
	font-weight: bold;
}
ul.categorylinks
{
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;
}
ul.categorylinks li
{
	list-style-type: none;
	padding-top: 10px;
}
ul.categorylinks a:link, ul.categorylinks a:visited
{
	font-weight: bold;
	color: #6f6f6f;
	text-decoration: none;
}


div.artist h1 
{
	background-color: #EEEEEE;
	background-image: url(images/lightgrey-tl.gif);
}
div.artist div#blurb, div.artist div.item, div.artist ul.categorylinks
{
	background-color: #EEEEEE;
}

div.exhibition h1 
{
	background-color: #C1DF85;
	background-image: url(images/green-tl.gif);
}
div.exhibition div#blurb, div.exhibition div.item, div.exhibition ul.categorylinks
{
	background-color: #C1DF85;
}

div.news h1 
{
	background-color: #cccccc;
	background-image: url(images/grey-tl.gif);
}
div.news div#blurb, div.news div.item, div.news ul.categorylinks
{
	background-color: #cccccc;
}


div.publication h1 
{
	background-color: #B9D6F4;
	background-image: url(images/blue-tl.gif);
}
div.publication div#blurb, div.publication div.item, div.publication ul.categorylinks
{
	background-color: #B9D6F4;
}

div.link h1 
{
	background-color: #E7C6E5;
	background-image: url(images/purple-tl.gif);
}
div.link div#blurb, div.link div.item, div.link ul.categorylinks
{
	background-color: #E7C6E5;
	
}
	

div.shop h1 
{
	background-color: #E7DE8F;
	background-image: url(images/tan-tl.gif);
}
div.shop div#blurb, div.shop div.item, div.shop ul.categorylinks
{
	background-color: #E7DE8F;
}

div.about h1
{
	background-color: #E1B683;
	background-image: url(images/brown-tl.gif);
}
div.about div#blurb, div.about div.item, div.about ul.categorylinks
{
	background-color: #E1B683;
}

div.faq h1 
{
	background-color: #C4BDE7;
	background-image: url(images/lilac-tl.gif);
}
div.faq div#blurb, div.faq div.item, div.faq ul.categorylinks
{
	background-color: #C4BDE7;
}

input.newsletter 
{
	font-size: 100%;
}

input.subscribe
{
	font-size: 95%;
	background-color: #E7DE8F;
}


p.sitecredit
{
	font-size: 0.8em;
	text-align: right;
	color: #808080;
	margin: 3px 0 0 0;
	padding: 0px;
}

p.error
{
	font-weight: bold;
	color: red;
}

p.summary
{
	text-align: right;
	right: 0px;
	margin: 0px;
	background-color: #E7DE8F;
}

table#cardinfo 
{
	margin-left: 1.5em;
}

p.cartunavailable, p#cardsecurity
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em;
	margin-right: 2em;
	background-color: #ffffdd;
	border: solid #A0A060 1px;
	padding: 2px;
}

table.cartdisplay, table.cartedit
{
	border-collapse: collapse;
	margin-left: 2em;
	border: solid #808080 1px;
}

table.cartedit 
{
	margin-bottom: 0.75em;
}

table.cartdisplay th, table.cartedit th, table.receiptinfo th
{
	font-weight: bold;
	background-color: #c1DF85;
	text-align: left;
}

table.cartdisplay td, table.cartdisplay th, table.cartedit td, table.cartedit th
{
	border: solid #808080 1px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.deliveryerror
{
	margin-top: 1em;
	border: solid 1px #800000;
	margin-left: 1em;
	margin-right: 1em;
	background-color: #ffd0d0;
}
div.deliveryerror ul, div.paymenterror ul
{
	color: #800000;
}

var 
{
	font-style: normal;
	font-weight: bold;
}

table.receiptinfo 
{
	margin-top: 1.5em;
}

tr 
{
	vertical-align: top;
}

p.cvvmessage 
{
	font-size: 0.75em;
	margin-top: 0px;
	margin-bottom: 0;
}

tr.cartfooter 
{
	background-color: #c1DF85;
}

p.pricingschememessage
{
	margin-left: 10%;
	margin-right: 10%;
}



/* admin stuff */
table.edititem 
{
	background-color: #aaaaaa;
}

p.success 
{
	font-weight: bold;
	color: #008000;
}

input.highlightedit
{
	font-size: 85%;
	padding: 1px;
	border: solid black 1px;
	background-color: Yellow;
}

input.dangerousbutton
{
	font-size: 85%;
	padding: 1px;
	border: solid black 1px;
	background-color: #ff8040;
}


div#featurededit1 input, div#featurededit1 textarea, div#featurededit1 select,
div#featurededit2 input, div#featurededit2 textarea, div#featurededit2 select,
div#featurededit3 input, div#featurededit3 textarea, div#featurededit3 select,
div#featurededit4 input, div#featurededit3 textarea, div#featurededit4 select
{
	font-size: 80%;
}

div#featurededit1 textarea
{
	width: 180px;
	height: 130px;
}

div#featurededit2 textarea
{
	width: 230px;
	height: 50px;
}

div#featurededit3 textarea
{
	width: 210px;
	height: 110px;
}

div#featurededit4 textarea
{
	width: 200px;
	height: 140px;
}

div#featurededit1 select 
{
	width: 180px;
}

div#featurededit2 select 
{
	width: 230px;
}

div#featurededit3 select 
{
	width: 210px;
}

div#featurededit4 select 
{
	width: 200px;
}

p.contactform
{
	font-size: 0.8em;
	text-align: center;
	color: #808080;
	margin: 0px 0 0 0;
	padding: 0px;
}

p.contactform a:link, p.contactform a:active, p.contactform a:hover, p.contactform a:visited
{
	color: #808080;
}

div.receipt
{
    page-break-after: always;
}