@charset "utf-8";


.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.alignright { text-align: right; !important}
.aligncenter { text-align: center; !important}
.vCenter {
	vertical-align: middle;
}



body {
font-family: Georgia, serif;
padding:0;
margin:0 20px;
font-size:50%;
color:#FFFFFF;
background-color:#262626;
}


* {
margin:0;
padding:0;
}


img {
border:none;
}



.Global {
font-size:125%;
position:relative;
z-index:10;
 }
 
 h1 {

 }
 
 
 p {

font-size:1.3em;
line-height:1.4em;
margin:0 0 16px 0;

	}
 
 a {
	 color: #a3dad3;
	 text-decoration: none;
 }
 a:hover {
	 text-decoration: underline;
 }
 
 
 /* Feedback
------------------------------------------------ */
.message {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.3em;
	line-height:1.2em;
	padding: 1em 1em 1em 45px;
	margin: 0 0 1em;
	font-weight: bold;
}
.message.success {
	background: url(../images/tick.gif) no-repeat 5px;
}
.message.error {
	background: url(../images/cross.gif) no-repeat 5px;
}
.message.info {
}


.Centre 
{
	position:relative;
	z-index:20;
	max-width: 893px;
	min-width: 750px;
	margin:0 auto 30px auto;
	text-align:left;
	padding:0 0 20px 0;
	overflow:hidden;
}


 .Header  {
 	position:relative;
	z-index:30;
 border-top: 1px solid #a3dad3;
  border-bottom: 1px solid #a3dad3;
  margin:44px 0 20px 0;
  padding:1px 0 1px 0;
  overflow:hidden;
  }
  
  
   .Header  img {
float:left;
  }
  
  
   .SecHead {
  float:right;
  margin:6px 0 0 0;
  padding:0;
width:292px;
  
  }
  
  
  .SecHead h1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.3em;
line-height:1.4em;
margin:0 0 3px 0;
padding:0 0 0 0; 
}


  .SecHead a {
	color:#a2dad2;
	text-decoration:none;
}


  .SecHead a:hover {
	color:#a2dad2;
	text-decoration:underline;
}


  .SecHead p {
margin:0 0 0 0;
}


/* ************************************************* Main Nav *********************************************** */

.MainNav  {
float:left;
margin:0 8px 40px 0;
padding:0;
width:142px;
}

.MainNav  h1 {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:1.3em;
line-height:1.2em;
margin:0;
padding:0;
}


.MainNav  ul {
margin:0;
padding:0;
list-style:none;
color:#a2dad2;
}

.MainNav  li {
margin:0;
padding:0;
}


.MainNav  a {
margin:0;
padding:0;
font-size:1.3em;
line-height:1.4em;
color:#a2dad2;
text-decoration:none;
}

.MainNav  a:hover {
margin:0;
padding:0;
text-decoration:underline;
}

.MainNav li.current_page_item {
}

.MainNav li.current_page_item a,
.MainNav li.active a {
color:#FFFFFF;
text-decoration:underline;
}

.MainNav li.current_page_parent a  {
color:#FFFFFF;
text-decoration:underline;
}

.MainNav li.current_page_ancestor a  {
color:#FFFFFF;
text-decoration:underline;
}




/* ************************************************* Sub Nav *********************************************** */



.SubNav  {
float:left;
margin:0 8px 0 0;
padding:0;
width:142px;
overflow:hidden;

}


.End {

margin:0 0 0 0;

}

.SubNav  h1 {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:1.3em;
line-height:1.2em;
margin:0;
padding:0;
}


.SubNav   ul {
margin:0;
padding:0;
list-style:none;
color:#a2dad2;
}

.SubNav   li {
margin:0;
padding:0;
}





.SubNav   a {
margin:0;
padding:0;
font-size:1.3em;
line-height:1.4em;
color:#a2dad2;
text-decoration:none;
}

.SubNav   a:hover {
margin:0;
padding:0;
text-decoration:underline;
}

.SubNav  li.current_page_item {
}

.SubNav  li.current_page_item a {
color:#FFFFFF;
text-decoration:underline;
}





/* ***************************************************************   Home Content ********************************************  */
	.HomeContentField {
	 clear:both;
	 position:relative;
	 margin:0 0 0 0;
	 padding:0;
	 width:900px;
	}
	
	
	.Flyer {
	float:left;
	padding:0 8px 0 0;
	width:292px;
	height:388px;
	overflow:hidden;
	text-align:center;
	background: url(../images/flyer_back.gif) no-repeat top left;
	}
	
	
		.FlyerBox {

	padding:190px 20px 0 20px;
	padding:140px 20px 0 20px; /* For christmas */

	}
	
.FlyerBox .textblock {
	color: #000000;
}
			.Flyer h1 {
			font-weight:bold;
			  font-size:1.5em;
line-height:1.2em;
margin:0 0 12px 0;
}
	
	
		.Flyer p {
					  font-size:1.5em;
line-height:1.2em;
margin:0;
}


		.Flyer a {
		color:#000000;
text-decoration:none;
}

		.Flyer a:hover {
text-decoration:underline;
}
	
	
	
.HomeCol1 {
float:left;

padding:0 8px 0 0;
margin:0
}

.HomeCol1 img {
padding:0 0 8px 0;
}


.HomeCol2 {
float:left;
padding:0 8px 0 0;
margin:0
}

.HomeCol2 img {
padding:0 0 8px 0;
}


.HomeCol3 {
float:left;
padding:0;
margin:0
}

.HomeCol3 img {
padding:0 0 8px 0;
display: block;
}


	
.HomeCol4 {
clear:left;
width:900px;
padding:0;
margin:0
}

.HomeCol4 img {
display: block;
float: left;
padding:0 8px 8px 0;
}	

.HomeCol1 a img,
.HomeCol2 a img,
.HomeCol3 a img,
.HomeCol4 a img{
	display: block;
}
.HomeCol4 a img {
	float: left;
}
/* ***************************************************************   Artists Page ********************************************  */

.thumbs {
overflow:hidden;
}

.thumbs div {
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0 8px 8px 0;
}


.thumbs div a {
	margin:0;
	padding:0;
	overflow: hidden;
	text-decoration: none;
}

.thumbs div a .mask {
	display: block;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	background-color: #ff0000;
	position: absolute;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
.thumbs div a .mask span {
	display: block;
	color: #FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size:1.4em;
	position: relative;
	top: 0.3em;
	left: 0.3em;
	width: 134px;
}
.thumbs div a:hover .mask {
	visibility: visible;
}
.thumbs img {
padding:0;
display:block;
float:left;
}



.ArtistIntroBox {
overflow:hidden;
}

.ArtistIntro {
float:left;
width:132px;
margin:0 8px 0 0;
padding: 0 10px 0 0;
}


.ArtistIntro h2 {
font-family: arial, sans serif;
margin:0 0 16px 0;

}
	

/* ***************************************************************   Footer ********************************************  */

.Footer  {

 border-top: 1px solid #e40022;
  border-bottom: 1px solid #e40022;
  margin:20px 0 20px 0;
  padding:1px 0 1px 0;
  overflow:hidden;
  font-size:1.3em;
line-height:1.4em;
  }
  
   .FooterContent  {
  /*width:630px;*/
  overflow:hidden;
  }
  
   
  .FooterContent p {
  width:130px;
  margin:16px 0 16px 0;
    font-size:1.0em;
line-height:1.4em;
float:left;
  
  }
  
  
      .FooterContent ul {
	  
	    margin:16px 25px 16px 0;
  width:130px;
  float:left;
  
  }
  
  	 .FooterContent a {
	 font-weight:normal;
	color:#a2dad2;
	text-decoration:none;
	}
	
		 .FooterContent a:hover {
	color:#a2dad2;
	text-decoration:underline;
	}
	
	
	p.follow {
	float: right;
	margin: 16px 0;
	width: auto;
}
p.follow a img {
	vertical-align: middle;
	margin-left: 3px;
}
	
	/* ****************************************************** Artist Page ********************************************** */
	
	
		.Artist {
	background:none;
	font-family: arial, serif;
	}
	
	
	.ArtistDesc {
	float:left;
	width:142px;
	border-top: 1px solid #a3dad3;
	padding:6px 0 0 0;
		margin:0 8px 0 0;
	}
	
		.ArtistDesc p {
	margin:0 0 0 0;
	}
	
	.ArtistDesc h2 {
	margin-bottom: 0.5em;
	}
	
	.ArtistDesc  ul {
	margin:12px 0 0 0;
	}

	.ArtistDesc  li {
	font-size:1.3em;
	line-height:1.2em;
	list-style:inside;
	}


	.ArtistDesc a {
	color:#a2dad2;
	text-decoration:none;
	}
	
	.ArtistDesc a:hover {
	color:#a2dad2;
	text-decoration:underline;
	}
	
	.ArtistDetail {
	margin:0 0 6px 0;
	
	}
	
	
	.ArtistDesc .addbutton {
	margin:22px 0 18px 0;
	
	}
	
	
	.MainArtistImage {
	float:left;
	overflow:hidden;
	/*width:592px;
	height:388px;*/
	margin:0 8px 0 0;
	}
	
	
	.MainArtistImageDetail {
	overflow:hidden;
	/*width:142px;
	height:388px;*/
	}
	
	.ArtistTop {
	margin:0 8px 8px 0;
	float: left;
	}



.productArea {
	margin-bottom:16px;
	clear: both;
	overflow: hidden;
}


/*--Checkout pages --*/

.inputTable {
	border-top: 0.1em solid #666666;
	border-right: 0.1em solid #666666;
	border-collapse: collapse;
}
.inputTable tr.odd {
}
.inputTable tr.even {
} 
.inputTable th, 
.inputTable td {
	border-bottom: 0.1em solid #666666;
	border-left: 0.1em solid #666666;
	padding: 0.3em 1em;
	text-align: left;
}
.inputTable th.thCol {
	background-color: #a3dad3;
	color: #000000;
}
.inputTable th.thRow {
	background-color: #D1D1D1;
	color: #000000;
	vertical-align: top;
	white-space: nowrap;
}
.inputTable th.thRow a {
	color: #000000;
	text-decoration: underline;
}
.inputTable caption {
	font-size: 1.4em;
	color: #a3dad3;
	text-align: left;
	margin-bottom: 0.4em;
}
.inputTable caption span {
	font-size: 80%;
	color: #FFFFFF;
}
.inputTable th.alignright, 
.inputTable td.alignright {
	text-align: right;
}
.inputTable th.aligncenter, 
.inputTable td.aligncenter {
	text-align: center;
}
.inputTable select {
	width: 100%;
}
.inputTable label.error {
	display: block;
        color: red;
}
.inputTable input.error {
	border: 1px solid red
}
.inputTable .txtField, .inputTable textarea {
	font-size: 1.2em;
	border: 1px solid;
	padding: 0.1em 0;
	text-indent: 0.3em;
}
.inputTable .txtField,
.inputTable textarea {
	width: 100%;
}
.txtField {
	padding: 0.1em 0.4em;;
	border: 1px solid;
	font-size: 1.8em;
	font-weight: lighter;
}

.txtButton {
	border: none;
	background: none;
	cursor: pointer;
	font-family: Georgia, serif;
}

h1.title {
	margin-bottom: 1em;
}

/*--Image replacement --*/
.cart h1.title {
	padding: 33px 0 0 0;
	overflow: hidden;
	background: url(../images/shopping-basket.gif) no-repeat 0 0;
	height: 0px !important;
	height /**/: 33px;
}

.checkout h1.checkout1 {
	padding: 33px 0 0 0;
	overflow: hidden;
	background: url(../images/checkout1.gif) no-repeat 0 0;
	height: 0px !important;
	height /**/: 33px;
}

.checkout h1.checkout2 {
	padding: 33px 0 0 0;
	overflow: hidden;
	background: url(../images/checkout2.gif) no-repeat 0 0;
	height: 0px !important;
	height /**/: 33px;
}

.checkout h1.checkout3 {
	padding: 33px 0 0 0;
	overflow: hidden;
	background: url(../images/checkout3.gif) no-repeat 0 0;
	height: 0px !important;
	height /**/: 33px;
}

.checkout.success h1.title {
	padding: 33px 0 0 0;
	overflow: hidden;
	background: url(../images/thankyou4order.gif) no-repeat 0 0;
	height: 0px !important;
	height /**/: 33px;
}
.checkout.fail h1.title {
	padding: 33px 0 0 0;
	overflow: hidden;
	background: url(../images/order-failed.gif) no-repeat 0 0;
	height: 0px !important;
	height /**/: 33px;
}