/* 
CSS Styles for The Colours Call Website
*/


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

* {
	margin:0; 
 	padding:0;
}

.clear {
	clear:both;
}

.hide {
	display:none;
}

#message {
	display:none;
}


.padding {
	padding:10px;
}
 /* 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:960px; 
 	text-align:left; 
 	min-width: 960px;
	/* margin for IE Mac benefit */
	margin-left:auto; 
 	margin-right:auto; 
} 
 
#header{ 
 	width:100%; 
 	background-color:#fff; 
 } 
#header h1 {
 	display:block;
	width:960px; 
	height:105px;
	background:transparent url(../images/layout/header-new.gif) no-repeat 0 0;
}
#header #strapline {
	display:none;
}
#header span {
	display:none;
}


div#maincol{float:right;width:690px;}

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

div#rightcol{float:left;width:239px;border-right:1px solid #33589A;}


#footer-holder {
	width:100%;
	background:#33589A;
	clear:both;
}
#footer {
	height: 100px;
	width:960px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	/*background: #fff url(../images/layout/footer.gif) no-repeat left top;*/
	text-align:left;
	padding:20px;
} 

 

.clr{clear:both;}
 
.content{padding:5px 0px;} /*padding for content */ 

html>body .content{padding:5px 0px 5px 10px;} /*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:226px;
	overflow:hidden;
	width:577px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.specialOfferHome {
	border:1px solid #ccc;
	background:#FFFFCC;
	margin:10px 0;
	width:576px;
}
.specialOfferHome p, .specialOfferHome h3 {
	margin:5px;
}
/*
.featured-print, .popular-prints {
	border:1px solid #E8DFC6;
}

*/
/* Framing Page */

.frames {
	float:left;
	width:180px;
	margin-right:20px;
	margin-left:10px;
}
.framesText {
	float:left;
	width:380px;
}


/* Home Page */


.panel
{
float: left;
width: 220px;
height:140px;
margin: 5px 15px 5px 0px;
padding: 0px;
text-align:left;
border:1px solid #ccc;
background:#FFFFCC;

}

.panel-2
{
float: left;
width: 220px;
height:140px;
margin: 5px 0 5px 0px;
padding: 0px;
text-align:left;
border:1px solid #ccc;
background:#FFFFCC;

}

.panel-3
{

margin: 5px auto 5px auto;
padding: 0px;
border:1px solid #ccc;
background:#FFFFCC;
width:580px;

}

.panel p, .panel-2 p
{
margin:5px;
}

.panel strong, .panel-2 strong {
	color:#E20516;
}
 /* Links 
**********************************************************************************************************************/
a:link, a:visited {
	color: #40659B;
	text-decoration: underline;
}

a:hover {
	color:#E20516;
	text-decoration: underline;
}
a:link img, a:visited img {
	text-decoration: none;
	border:none;
}

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

.thumbnailTextWithBorder a:link, .thumbnailTextWithBorder a:visited{
	color: #E20516;
	text-decoration: underline;
}
.thumbnailTextWithBorder a:hover{
	color: #000;
	text-decoration: underline;
}
.buyNowLink a {
	border:1px solid #5B6B45;
	background:#D8E9C1;
	padding:3px;
	color:#5B6B45;
}
#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color:#fff;
	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.2em;
	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;

}

#rssFeeds {
	border-top:1px solid #ccc;
	padding:10px 0;
}

/* Start Nav Styles 
**********************************************************************************************************************/
#navigation ul {
	background:transparent url(../images/nav/nav.gif) repeat-x 0 0;
	width:960px;
}
#navigation ul li {
 	list-style-type: none;
	float: left;
	background:#fff;
	margin-bottom:10px;
}
#navigation span {
 	display:none;
}
#navigation li#mlmp-home a:link, #navigation li#mlmp-home a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 67px;
	height:38px;
	background:transparent url(../images/nav/home.gif) no-repeat;
}
#navigation li#mlmp-home a:hover, body#homeSection #navigation li#mlmp-home a:link, body#homeSection #navigation li#mlmp-home a:visited {
	text-decoration: none;
	background-position: 0 -38px;
	
}
#navigation li#mlmp-about a:link, #navigation li#mlmp-about a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 138px;
	height:38px;
	background:transparent url(../images/nav/about.gif) no-repeat;
}
#navigation li#mlmp-about a:hover, body#aboutSection #navigation li#mlmp-about a:link, body#aboutSection #navigation li#mlmp-about a:visited{
	text-decoration: none;
	background-position: 0 -38px;
}
#navigation li#mlmp-framing a:link, #navigation li#mlmp-framing a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 135px;
	height:38px;
	background:transparent url(../images/nav/framing.gif) no-repeat;
}
#navigation li#mlmp-framing a:hover{
	text-decoration: none;
	background-position: 0 -38px;
}
#navigation li#mlmp-order a:link, #navigation li#mlmp-order a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 134px;
	height:38px;
	background:transparent url(../images/nav/order.gif) no-repeat;
}
#navigation li#mlmp-order a:hover{
	text-decoration: none;
	background-position: 0 -38px;
}

#navigation li#mlmp-news a:link, #navigation li#mlmp-news a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 50px;
	height:38px;
	background:transparent url(../images/nav/news.gif) no-repeat;
}
#navigation li#mlmp-news a:hover{
	text-decoration: none;
	background-position: 0 -38px;
}
#navigation li#mlmp-links a:link, #navigation li#mlmp-links a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 53px;
	height:38px;
	background:transparent url(../images/nav/links.gif) no-repeat;
}
#navigation li#mlmp-links a:hover{
	text-decoration: none;
	background-position: 0 -38px;
}
#navigation li#mlmp-contact a:link, #navigation li#mlmp-contact a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 69px;
	height:38px;
	background:transparent url(../images/nav/contact.gif) no-repeat;
}
#navigation li#mlmp-contact a:hover{
	text-decoration: none;
	background-position: 0 -38px;
}
#navigation li#mlmp-cart a:link, #navigation li#mlmp-cart a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 124px;
	height:38px;
	background:transparent url(../images/nav/cart.gif) no-repeat;
}
#navigation li#mlmp-cart a:hover{
	text-decoration: none;
	background-position: 0 -38px;
}
/* Secondary Navigation 
**********************************************************************************************************************/


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

}

#rightcol li { margin: 0 0 1px 0; font-size:1.2em;}

#rightcol a
{
display: block;
padding: 5px 10px;
width: 219px;
color: #fff;
background-color: #33589A;
text-decoration: none;
}

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

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

#rightcol ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
color: #fff;
background-color: #33589A;
text-decoration: none;
}

#rightcol ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}
div#rightcol #newsletterSideBar{background:#33589A; padding:0.4em;color:#fff;}
div#rightcol #newsletterSideBar p {color:#fff;}
div#rightcol #newsletterSideBar a:link, div#rightcol #newsletterSideBar a:visited {
	color:#fff;
	text-decoration:none;
	
}
div#rightcol #newsletterSideBar a:hover {
	color:#fff;
	text-decoration:underline;
	
}
div#rightcol form{background:#33589A; padding:0.4em;border-top:1px solid #fff;}

div#rightcol fieldset{border:none;}


div#rightcol h3{
	background:#6089D2;
	font-size:1.4em;
	color:#fff;
	font-weight:bold;
	padding:0.4em 0.6em;
	border-bottom:1px solid #fff;
	font-family: "Trebuchet MS", sans-serif
}


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


 /* Typography 
**********************************************************************************************************************/

#maincol h2 {
	font-size:2.0em;
	line-height:1.8em;
	color:#E20516;
	font-family: "Trebuchet MS", sans-serif;
}

#maincol h2.center {
	color:#E20516;
	font-size:1.8em;
	line-height:1.8em;
	text-align:center;
	font-family: "Trebuchet MS", sans-serif;
}
#maincol h3 {
	
	color:#33589A;
	font-size:1.8em;
	line-height:1.6em;
	margin-bottom:5px;
	font-family: "Trebuchet MS", sans-serif;
}
#maincol h3.subheading {
	color:#006699;
	font-size:1.2em;
	line-height:1.6em;
	text-align:center;
	font-family: "Trebuchet MS", sans-serif;
}
p  {
	font-size:1.2em;
	line-height:1.8em;
	padding: 2px 0px;
	color:#333;
	margin:0.6em 0;
}
.artist  {

	font-weight:bold;
	padding: 2px 0px;
	color:#E20516;
}
#footer p  {
	font-size:1.2em;
	line-height:1.8em;
	padding: 2px 0px;
	color:#fff;
	text-align:left;
}


.textSold {
	color:#FF0000;
	font-weight:bold;
}
#textAlert p, #textAlert strong  {
	font-size:1.2em;
	line-height:1.8em;
	padding: 2px 0px;
	color:#FF0000;
}
 /* Thumbnails 
**********************************************************************************************************************/
#images {

}
.floatImageRight {
	float:right;
	padding:0 20px;
}
.floatImageLeft {
	float:left;
	padding:0 20px;
}
.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: 205px;
margin: 5px 0 4px 12px;
padding: 0px;
text-align:left;
border:1px solid #ccc;
background:#FFFFCC;
height:120px;

}
html>body .thumbnailTextWithBorder
{
float: left;
width: 205px;
margin: 5px 0 4px 14px;
padding: 0px;
text-align:left;
border:1px solid #ccc;
background:#FFFFCC;
height:120px;
}
.thumbnailTextWithBorder p
{
margin:5px;
}

.thumbnailTextWithBorder strong {
	color:#E20516;
}
.chooseFrame {
border:1px solid #ccc;
/*background:#FFFFCC;*/
background:#FFFFFF;
margin-bottom:5px;
padding:10px 0;
}
.chooseFrame p{
margin:5px 10px;
}

.framingButtons {
	clear:both;
	padding:20px 0 10px 20px;
}
.thumbnailImages
{
float: left;
width: 200px;
height:230px;
margin: 0 16px 4px 0;
padding: 0px;
text-align:center;
font-size:1.2em;
	line-height:1.8em;
}
#CloseUps {
	width:590px;
	margin:0 auto;
}
.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-left:auto;
	margin-right:auto;
	width:540px;
	background:#F4F1E9;
	border:1px solid #000;
}
 /* Forms
**********************************************************************************************************************/

#textAlert {
	background:#FFFFCC;
	border:1px solid #CCCCCC;
	width:390px;
	margin:10px 0 20px 0;
}
form.form1 {
	width:400px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
}
#frmFramed, #frmNoFrame {
	float:left;
	width:140px;
	height:40px;
	background:#fff;
}
fieldset {
	border:none;
}
label {
	font-weight:bold;
	font-weight:1.2em;
}
label.enquiry,textarea {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
textarea {
	font-family:verdana, arial, helvetica, serif;
	font-size: 12px;
}
input.form1 {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
input.form2 {
	padding-left: 0px;
}
label.form2 {
}


select {
	display: block;
	float: left;
	margin-bottom: 10px;
}
.frmSelect {
	width:350px;
	padding:3px;
	float:none;
}
.frmInput2 {
	padding:3px;
	width:180px;
	font-family:verdana, arial, helvetica, serif;
	font-size: 11px;
}
select.Editions{
	display: block;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}
label.enquiry {
	text-align: right;
	width: 170px;
	padding-right: 20px;
	margin-top: 4px;
}

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

#btnNewsletterSubmit, #btnSubmit {
	margin:5px 0;
	padding:3px;
	font-size: 12px;
	background-color:#6089D2;
	border:1px solid #fff;
	color:#fff;
}