body {
  text-align:center;
  background-color:#FF0000;
}

a {
  color: red;
}
/*-----------------------------------------------------------
   Layout + colour
============================================================*/

.inner_container {
  width:984px;
  margin:0 auto;
  text-align:left; 
}

#content .inner_container_wrapper {
  float:left;
  clear:both;
  display:block;
  width:100%;
}


.page {
  width: 470px;
  margin: 0 auto;
  padding-bottom: 4.0em;
}

.wavey {
  background-repeat:no-repeat;
  height:6px;
}

#header {
  height:100px;
  width:100%;
  padding-top:12px;
  background:#ff0000 url('/static/images/lamington-drive-logo.jpg') no-repeat scroll top center;
  margin-bottom:0px;
}

#footer {
	background-color: #ff0000;
}


/* Header layout */

#header, #header .inner_container {
}
#header .inner_container {
  padding-top: 10px;
  color:#FFFFFF;
}
#header .left, #header .right {
  width:240px;
}
#header .middle {
  width:470px;
}
#header .left, #header .middle, #header .right {
  float:left;
}

#navlist {
	list-style:none;
	float:left;
}

#navlist a {
	font-family:Arial;
	font-size:8pt;
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing:.1em;
	padding:4px;
	padding-left:6px;
	padding-right:6px;
}

#navlist li {
	height:18px;
}

#navlist a:hover {
	background:#FF7373;
}

#current-show {
	width:240px;
	float:right;
	margin-top:3px;
}

#show-text {

	width:125px;
	text-align:right;
}

#show-text h5 {
	font-family:Arial;
	font-size:6.5pt;
	text-transform: uppercase;
	letter-spacing:.1em;
	color:#fff;
	margin-bottom:5px;
}

#show-text p {
	font-family:Georgia;
	font-size:10pt;
	color:#fff;
	font-style:italic;
}

#show-thumb {
	float:right;
	height:62px;
	width:104px;
}

/* Main content */

#content, #content .inner_container {
  min-height:450px;
}
#content {
  background-color:#FFFFFF;
  clear:both;
  float:none;
}
#top_shadow, #bottom_shadow{    
  background-repeat:repeat-x;
  height:5px;
  width:100%;
  clear:both;
}
#top_shadow {
  background-image:url("/static/images/shadow.jpg");
}
#bottom_shadow {
/*  background-image:url("/static/images/shadow_bottom.jpg");*/
}
#content .inner_container_wrapper {
  position:relative;
/*  z-index:1;*/
/*  top:-5px;*/
}
#bottom_shadow,  #footer, body{
  position:relative;
  top:-10px;
}
#content .image, #content .text {
  float:left;
}
#content .text {
  text-align:center;
  padding-top:135px;
  width: 480px;      
} 

#content .exhibition {
  padding-top:0px;
}

table.eventFake td {
  vertical-align: middle;
}

/* Footer */

#footer, #footer .inner_container {
/*  height:1000px;*/
  color:#FFFFFF;
}

#footer .top {
  height:300px;
}
  
#footer .left, #footer .right {
  float:left;
}

#footer .left  {
  width:480px;
}

#footer .right  {
  width: 470px;
}
      
#footer .top .titles .single  {
  width:240px;
  float:left;
  height:63px;
}

#footer .top .titles .double {
  width:470px;
  text-align:center;
  float:left;
  height:63px;
}

#footer .bottom {
/*height:700px;*/
}

#footer .wavey {
background-image:url("/static/images/wavey.png");
}

#footer #logo_container {
text-align:center;
height:310px;
}

#footer #logo_container img{
margin-top:25px;
}

#signup {
  background:url("/static/images/wavey.png") top left repeat-x;  
  height:45px;
  padding-top: 35px;
  margin:0;
  clear:both;
}

#signup fieldset {
  border:0;
  margin:0;
  padding:0;
  font-family:"Gill Sans", Verdana, Arial, sans-serif;
  font-size:12px;
  color:white;
  text-align:center;
}

/*-----------------------------------------------------------
   Typography
============================================================*/

#content h3 {
  font-size: 10px;
  line-height: 1.4em;
}

.headline {
/*  font-size: 28px;*/
}  
      
h1, h2, h3, h4 {
  text-transform:uppercase;
  font-family: Verdana, sans-serif;
  margin-top:15px;
  margin-bottom: 10px;  
  letter-spacing:0.1em;
  line-height:1.2em;
}

h1 {
  font-family: Verdana, sans-serif;
/*  font-size: 27px;*/
  line-height: 1.0em;
  font-style: normal;
  letter-spacing: 2px;
  margin: 50px 0 15px 0;
  padding: 0;
  border: 0;
  font-weight:800;  
}

#header h1 {
  margin-bottom:4px;
}
#header h1 a, #footer h2 a {
  color:#FFFFFF;
}   
#header h1 a:hover, #footer h2 a:hover {
  text-decoration:none;
}
#header h4 {
  margin-top:2px;
}

.exhibition h1 {
  margin-top: 15px;
  font-size: 40px;
}
  
h2 {
  font-size:14px;
}

#footer h2 {
  font-size: 13px;
}
  
h4 {
  font-size:10px;
}

ul {
  margin-bottom: 12px;
}


/*-----------------------------------------------------------
   Exhibition buttons + Product buttons
============================================================*/

.buttons {
  height:150px;
  width: 470px;
}

div.button {
  width:220px;
  float:left;
  padding:5px;
  font-size:9px;  
  margin-right: 10px;
  background: #444;
}
div.button table {
  height:140px;
}
.artists div.button {
  background: red;
}

div.button table a {
  text-decoration:none;
  color: #fff;
}
  
div.button table td.image {
  width: 100px;
}
  
div.button table td.label {
  vertical-align: middle;
  width:100px;
  padding: 10px;
  text-align:center;
  font-size:9px;
  font-weight: bold;
  line-height:1.3em;
  font-family:verdana;
  text-shadow: rgba(255, 255, 255, .01) 0px -1px 1px;    
}

div.button table td.label div.title {
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  margin: 0.5em 0;
}

.exhibitions, .shop {
  padding: 0 0 3.0em 0;
  width: 100%;
  overflow: hidden;
}

.exhibitions .button, .shop .button {
  margin-bottom: 10px;
}
  
#collection, #item, #page {
  text-align:center;
}

#collection h1, 
#item h1, 
#collection h2, 
#item h2, 
#page h1, 
#page h2 {
  color:#2D3027;
}

#item div.productNav {
  margin-top: 10px;
  font-size: 11px;
  font-family: Verdana;
  margin-bottom: 40px;
}
.productNav a {
  text-decoration: none;
}
.productNav span.pipe {
  color: #aaa;
  padding: 0 7px;
}
#item h1 {
  margin-top: 0;
}

#collection h2 {
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  height: 20px;
  letter-spacing: 1px;
  line-height: 20px;
  margin: 50px 0 20px 0;
  text-align: center;
}

/*#collection .title h1, #item .title h1, #page .title h1 {
  margin-top:70px;
  font-size:23px;

}*/

/*#page .title h1 {
  margin-bottom: 15px;
}*/

#collection .wavey {
  background-image:url("/static/images/wavey_white.png");
  margin-top:25px;
  margin-bottom:35px;
}

#collection .description, #item .description, #page .pageContent {
  width:412px;
  text-align:center;
  margin:0 auto;
}
  
#collection .description p, 
#item .description p, 
#page .pageContent p,
#page .pageContent li {
  font-size:11px;
  font-family:verdana;
  color:#666666;
  line-height:1.2em;
  margin-bottom: 0.9em;
}
    
#page .pageContent li {    
  margin-bottom: 0.2em;
}

.pageContent img {
  border: 1px solid #ccc;
  margin-bottom: 10px;
}



/* Shelves */

#collection h2 {
/*  text-align: left;*/
}

#collection ul.thumbnails {
  list-style: none;
  margin: 1.0em 0;
  width: 100%;
  overflow: hidden;
  padding: 0;
}

#collection ul.thumbnails li.product {
  float: left;
  margin: 0 18px 18px 0;
  border: 1px dotted #ccc;  
  position: relative;
}  

#collection ul.thumbnails li.product a {
  display: block;
  width: 100px;
  height: 100px;
  text-decoration: none;
}  

#collection ul.artists li.product {
 width: 220px;
 height: 220px; 
}

#collection ul.thumbnails li.product a img {
  z-index: 10;
}

#collection ul.thumbnails li.product a span.sold {
  background: red;
  font-family: Verdana;
  position: relative;
  text-transform: uppercase;
  color: #fff;
  display: block;
  margin-top: -17px;
  height: 17px;
  font-size: 14px;
  padding: 2px 0 1px 0;
  width: 100%;
  z-index: 20;
}

/*-----------------------------------------------------------
   Mini artist buttons
============================================================*/

.mini_artists {
  width: 100%;
  overflow: hidden;
  padding-bottom: 10px;
}
.mini_artists div.button {
  background: #fff;
  margin-bottom: 10px;
}
.mini_artists td.label a {
  color: #000;
}


#content #item {}

#content #item .title {
  margin-bottom: 25px;
}

#content #item .title h3 ,#content #item .title h3 a{
  color: #666666;
  font-size: 12px;
}

#content #item .title h3 a:hover {
  text-decoration:none;
  color:black;
}

#content #item .title .by {
  text-transform: lowercase;
}

#content #item .image_wrapper {
  width:100%;
  float:left;
  text-align:center;
  margin-bottom:7px;
}

#content #item .image {
  margin:0 auto;
  float:none;
}

#content #item .image a img{
  padding:8px;
  background-color:#FBFBF5;
  border:1px solid #F1EAE4;
}

#content #item .enlarge {
  margin-bottom: 40px;
  font-size:9px;
  letter-spacing:0em;
}  

#content #item .enlarge h4 a {
  color: #bbb;
}

#content #item .enlarge h4 a:hover {
  text-decoration:none;      
  color: #aaa;
}
    

table.variations, .checkout table, table.meta {
  width: 100%;
  margin: 1.0em 0;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  border-collapse:collapse;
}
.variations th, .checkout th. .meta th {
  font-weight: bold;
}
.variations td, .variations th, .checkout td, .checkout th, .meta td, .meta th {
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
}

.website {
  border: 1px solid red;
  clear: both;
  margin-bottom: 20px;
}


/*-----------------------------------------------------------
   Shopping
============================================================*/

/* Variations */

table.meta {
  margin: 3.0em 0;
}
tr.product td {
  padding-top: 20px;
}
th.title {
  font-weight: bold;
}
td.add, .meta th {
  width: 50%;
}
td.add {
  text-align: right;
}
td.add a {
  color: #ff0000;
  text-decoration: none;
}
.add a span {
  padding-left: 4px;
}

.checkout p {
  font-size: 11px;
  font-family: Verdana;
  text-align: center;
}


/* Checkout table */

.checkout table td, .checkout table th {
  text-align:left;
  vertical-align:center;
  padding: 5px 3px 5px 0;
  border-bottom:1px solid #ddd;  
}
.checkout table th {
  padding-right:8px;
  font-weight:bold;
  border-bottom: 2px solid #222;
}
.checkout table th.title {
  width:240px;
}
.checkout table th.remove {
  width:20px;
  text-align:left;
  font-weight:bold;
}
.checkout table td.remove {
  text-align: center;
}
.checkout table th.price,
.checkout table td.price {
  text-align:right;
}
.checkout table th.status {
  width:120px;
}
.checkout table tr.summaryTotal td {
  vertical-align:top;
  height:20px;
  font-size: 14px;
  font-weight:bold;
  border-bottom:none;
}
.checkout table tr.subtotal td {
  vertical-align: top;
  height: 40px;
  font-weight: bold;
}
.checkout p.submit {
  margin-top:6px;
}
p.next {
  font-family: Verdana;
  text-align: right;
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-top: 10px;
  font-size: 12px;
}
p.next strong {
  display: block;
  float: left;
}
p.next a {
  font-weight: bold;
  text-decoration: none;
}

table.checkoutSummary { /* table on the paypal page */
  margin-top: 3.0em;
}

/* Toggle on checkout form */

p.toggle {
  font-family: Verdana;
  font-size: 11px;
  margin: 1.5em 0;
  padding: 0.3em 0;
  line-height: 160%;
}

p.toggle a {
  color: #aaa;
}
p.toggle a.toggleOn {
  font-weight:bold;
  color: #e90031;
}

.checkoutErrors li {
  color: #e90031;
  font-weight: bold;
}






div.policies {
  margin-top: 4.0em;
}

.policies p {
  margin-bottom: 13px;
}

.policies ol {
  padding: 0 0 1.0em 1.5em;
  margin: 0;
}
.policies ol li {
  font-size: 0.9em;
  line-height: 140%;
  margin-bottom: 0.3em;
}

/* Freight table */

table.shpFreightTable {
  font-size:11px;
  margin-bottom: 8px;
  border-collapse: collapse;
/*  width: auto;*/
}
table.shpFreightTable th, table.shpFreightTable td {
  padding: 5px 10px;
  border: 0;
  border-top:1px solid #ddd;  
}
table.shpFreightTable th {
  text-align: left;
  font-weight:bold; 
  padding-left: 0px;
}
table.shpFreightTable p {
  font-size: 11px;
}

p.shpTaxInfo {
  font-size: 10px;
  color: #aaa;
  line-height: 13px;
  font-family: Verdana;  
}






/*-----------------------------------------------------------------------------------------------
  FancyZoom
-----------------------------------------------------------------------------------------------*/

#zoom_content {
  text-align: center;
}
#info #images p.caption, #zoom_content p.caption {
  text-align: center;
  margin: 9px 0 0 0;
  display: block;
  padding: 0;
  font-size: 11px;
  font-family: Verdana;
  line-height: 130%;
}

#info #images p.caption a, #zoom_content p.caption a {
  margin: 0;
  padding: 0;
  color:#000;
  border-bottom:1px solid #999;  
  display:inline;
  float:none;
}