/* 
CSS Styles for 52 limited Website
*/


 /* Helper Styles 
**********************************************************************************************************************/

* {
	margin:0; 
 	padding:0;
}

.clear, .clr {
	clear:both;
}

.hide {
	display:none;
}

#message {
	display:none;
}
 /* Layout 
**********************************************************************************************************************/
body{ 
 	margin:0; 
 	padding:0; 
 	text-align:center;
	background:#fff url(../images/layout/bg.gif) repeat-x top; 
	font: 62.5%/1.8 verdana, arial, helvetica, serif;
	color: #333;
} 
 
#wrapper{ 
 	width:770px; 
 	text-align:left; 
 	min-width: 500px;
	/* margin for IE Mac benefit */
	margin-left:auto; 
 	margin-right:auto; 
	background:#fff;
} 
 
#header{ 
 	width:760px; 
	height:103px;
	margin-left:auto;
	margin-right:auto;
 	background-color:#fff; 
	margin-bottom:5px;
 } 
#header #logo {
 	display:block;
	float:left;
	width:257px;
	height:103px;
	/* background:transparent url(../images/layout/logo.gif) no-repeat 0 0; */
}
#header #contactDetails {
 	display:block;
	float:left;
	width:499px;
	height:103px;
	background:transparent url(../images/layout/header.gif) no-repeat 0 0;
}
#header span {
	display:none;
}

/* Start Nav Styles 
**********************************************************************************************************************/


#navigation{
	position:relative;
	display:block;
	height:39px;
	font-size:1.1em;
	font-weight:bold;
	background:transparent url(../images/nav/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:4px solid #FFCB05;
}
#navigation ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	height:39px;
}
#navigation ul li{display:block;float:left;margin:0;}
#navigation ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(../images/nav/bgDIVIDER.gif) no-repeat top right;}
/* Hover style 
#navigation ul li a:hover,#navigation ul li a.current{color:#000;background:#fff url(../images/nav/bgON.gif) no-repeat top right;}
*/
#navigation ul li a:hover {color:#000;background:#fff url(../images/nav/bgON.gif) no-repeat top right;}
/* Secondary Navigation 
**********************************************************************************************************************/

div#maincol{float:right;width:570px;margin-top:10px;}

html>body div#maincol{float:right;width:590px;}

div#rightcol{float:left;width:180px;margin-top:10px;}



#footer {
	font-size: 1.1em;
	height: 80px;
	clear: both;
	margin-top:10px;
	background: #fff url(../images/layout/footer.jpg) repeat-x 0 0;
	border-top:4px solid #FFCB05;
	text-align:left;
	padding:10px 20px;
} 

 


 
.content{padding:5px 20px;} /*padding for content */ 

html>body .content{padding:5px 0px 5px 20px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

.galleries {
 	margin-top:10px;
}

.moreInfo {
	border-top:2px solid #FFCC66;
	background:#FFFFCC;
}
#photoholder {
	display:block;
	background:#fff;
	height:415px;
	overflow:hidden;
	width:430px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

div#theres-only-ever-52 {
	display:block;
	width:500px;
	height:100px;
	margin-left:45px;
	margin-top:10px;
	background:#fff url(../images/layout/theres-only-ever-52.gif) no-repeat;
}	

 /* Links 
**********************************************************************************************************************/
#maincol a, #maincol a:link {
	color: #40659B;
	text-decoration: underline;
}
#maincol a:visited {
	color:#40659B;
	text-decoration: underline;
}
#maincol a:hover {
	color:#E20516;
	text-decoration: underline;
}
#maincol a:link img, #maincol a:visited img {
	text-decoration: none;
	border:none;
}

#maincol a:hover img {
	text-decoration: none;
	border:none;
}

#footer a, #footer a:link {
	color: #666;
	text-decoration: underline;
}
#footer a:visited {
	color:#333;
	text-decoration: underline;
}
/* Lists 
**********************************************************************************************************************/
#maincol ul { 
	margin: 1em 0 1em 0;
	padding-left: 20px;
	list-style-image: url(../images/bullet.png);

	
}
#maincol ul li {
	font-size:1.1em;
	color:#333333;	
	list-style:square;
}
/* #maincol ul li a:link, #maincol ul li a:visited{
	color:#708CB4;
	text-decoration: underline;
}
#maincol ul li a:hover{
	color:#E20516;
	text-decoration: underline;
} */

#footer ul { 

	
}
#footer ul li {
	display:inline;
	padding-right:5px;

}


/* Right Column Lists */


#rightcol ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#rightcol li { margin: 0 0 1px 0; }

#rightcol a
{
display: block;
padding: 5px 10px 5px 0;
width: 140px;
color: #808185;
background-color: #fff;
text-decoration: none;
font-size:1.1em;
font-weight:bold;
}

#rightcol a:hover
{
color: #000;
background-color: #fff;
text-decoration: none;
}

#rightcol ul ul li { margin: 0 0 1px 0; }

#rightcol ul ul a
{
display: block;
padding: 5px 5px 5px 5px;
width: 125px;
color: #333;
background-color: #fff;
text-decoration: none;

}

#rightcol ul ul a:hover
{
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

div#rightcol form{
	background:#fff;
	padding:0.4em;
}

div#rightcol #newsletterSideBar{
	background:#fff;
	color:#808185;
}
div#rightcol #newsletterSideBar p {
	color:#808185;
	font-size:1.1em;
}

div#rightcol #newsletterSideBar a:link, div#rightcol #newsletterSideBar a:visited {
	color:#333;
	text-decoration:none;
	
}
div#rightcol #newsletterSideBar a:hover {
	color:#333;
	text-decoration:underline;
	
}


div#rightcol fieldset{border:none;}

/* Titles 
**********************************************************************************************************************/


 /* Typography 
**********************************************************************************************************************/
h1, #maincol h2, #maincol h3, #maincol h4, #maincol h5, #maincol h6, p.artist {
	/* text-transform:uppercase; */
	color:#808185;
}
#maincol h2 {
	font-size:1.8em;
	line-height:2.0em;
}
#maincol h2.center {
	font-size:1.8em;
	line-height:2.0em;
	text-align:center;
}
#maincol h3 {
	color:#808185;
	font-size:1.2em;
	line-height:1.6em;
	margin-bottom:5px;
}
#maincol h4 {
	color:#808185;
	font-size:1.1em;
	line-height:1.6em;
	margin-bottom:5px;
}
#maincol h5 {
	color:#808185;
	font-size:1.1em;
	line-height:1.6em;
	margin-bottom:5px;
}
#maincol .subheading {
	color:#808185;
	font-size:1.2em;
	line-height:1.6em;
	text-align:left;
}
p, .normalText  {
	font-size:1.1em;
	line-height:1.8em;
	padding: 2px 0px;
	color:#333;
	margin:0.6em 0;
}
p.artist  {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.8em;
	padding: 2px 0px;
	color:#E20516;
}
#footer p  {
	font-size:1.0em;
	line-height:1.8em;
	padding: 2px 0px;
	color:#666;
}

/* Heading */

#title-search {
	display:block;
	width:180px;
	height:30px;
	background:#fff url(../images/layout/title-search.gif) no-repeat;
}
#title-categories {
	display:block;
	width:180px;
	height:30px;
	background:#fff url(../images/layout/title-categories.gif) no-repeat;
}
#title-artists {
	display:block;
	width:180px;
	height:30px;
	background:#fff url(../images/layout/title-artists.gif) no-repeat;
}
#title-collections {
	display:block;
	width:180px;
	height:30px;
	background:#fff url(../images/layout/title-collections.gif) no-repeat;
}
#title-newsletter {
	display:block;
	width:180px;
	height:30px;
	background:#fff url(../images/layout/title-newsletter.gif) no-repeat;
}
#rightcol h3 span {
	display:none;
}

#textAlert {
	border:1px solid #CCC;
	background-color:#FFFFCC;
	color:#CC0000;
	width:400px;
	margin:10px 0;
}
#textAlertPadding {
	padding:10px;
}
#textAlert p {
	color:#CC0000;
}
 /* Thumbnails 
**********************************************************************************************************************/
#mainPrintImageWrapper {
	width:520px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#closeUpsWrapper{
	width:520px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#thumbnails {
	margin-left:35px;
}

.img-shadow {
  float:left;
  background: url(../images/layout/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/layout/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }
.img-shadow-large {
  background: url(../images/layout/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/layout/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }


.floatImageLeft p, .floatImageRight p{
	text-align:center;
}
.thumbnailText
{
float: left;
width: 180px;
margin: 0 16px 4px 0;
padding: 0px;
text-align:left;
}
.thumbnailTextWithBorder
{
float: left;
width: 180px;
margin: 5px 13px 4px 0;
padding: 0px;
text-align:left;
border:1px solid #ccc;
background:#FFFFCC;
height:120px;
}
html>body .thumbnailTextWithBorder
{
float: left;
width: 180px;
margin: 5px 16px 4px 0;
padding: 0px;
text-align:left;
border:1px solid #ccc;
background:#FFFFCC;
height:120px;
}

.thumbnailTextWithBorder p
{
margin:5px;
}

/* Frame Options */
.padding10px {
	padding:10px;
}	
.chooseFrame {
	border:1px solid #ccc;
	background:#FFFFFF;
	margin-bottom:5px;
}
.chooseFrame p{
	margin:5px 10px 0px 20px;
}
#frameOptions {
	border:1px solid #ccc;
	background:#FFFFFF;
	margin:10px 0;
	
}
.frameOptions p{
	margin:5px 10px;
}
.radFrameOption {
	margin-left:5px;
}
.thumbnailImages
{
float: left;
width: 180px;
height:230px;
margin: 0 16px 4px 0;
padding: 0px;
text-align:center;
}
.thumbnailCloseUps
{
float: left;
width: 180px;
height:150px;
margin: 0 16px 4px 0;
padding: 0px;
text-align:center;
}
.clearboth { clear: both; }

.border {border:1px solid #333333;}

 /* Buttons
**********************************************************************************************************************/

#buyNow {
	text-align:center;
	margin:2.0 em 0 0.8em 0;
}
 /* Forms
**********************************************************************************************************************/
#search {
	margin:3px 0;
	padding:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color:#808185;
}
.btn {
	padding:3px;
	border:1px solid #808185;
	background:#efefef;
	color:#808185;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-top:4px;
}
.btnBuyNow {
	padding:10px;
	border:1px solid #808185;
	background:#efefef;
	color:#808185;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin:10px 0;
}
form.form1 {
	width:400px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
}
fieldset {
	border:none;
}
label.enquiry,textarea {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
input.form1, textarea.form1 {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	padding:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
}
.frmInput2 {
	margin:3px 0;
	padding:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
	
}


select {
	display: block;
	float: left;
	margin-bottom: 10px;
}
select.Editions{
	display: block;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}
label {
	font-size:1.1em;
	font-weight:bold;
}
label.enquiry {
	text-align: right;
	width: 170px;
	padding-right: 20px;
	margin-top: 4px;
}

br.form1 {
	clear: left;
}
input.button {
	margin-left:190px;
}
input.ImageButton {
	margin-left:auto;
	margin-right:auto;
}
.text-red {
	color: #CC0000;
}