/* 
CSS Styles for Mark Littlejohn Website
*/


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

* {
	margin:0; 
 	padding:0;
}

.clear {
	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:transparent url(../images/layout/greyLine.gif) repeat-y 0 0; */
   background:transparent;
} 
 
#header{ 
 	width:100%; 
 	background-color:#fff; 
 } 
#header h1 {
 	display:block;
	width:442px;
	height:105px;
	background:transparent url(../images/layout/logo.gif) no-repeat 0 0;
}
#header #strapline {
	position:absolute;
	right:0;
	top:0;
	width:308px;
	height:51px;
	background:transparent url(../images/layout/brushStrokes.gif) no-repeat;
}
#header span {
	display:none;
}

.banner {
	clear:both;
	width:770px;
	height:100px;
	background:#000;
	margin:10px 0;
}
#outer{ 
 	border:solid white 0px; 
  	/*/*/ border-right-width: 290px; /* right column width. NN4 hack to hide borders */ 
	border-right-color: #fff;  /* right column colour */ 
	border-right-style: solid; 
  	background-color: transparent; /* center column colour */ 
	width: auto; 
 } 
 
#rightcol{
 	/*/*/ width:290px; /* hack keeps NN4 right column right? */ 
 	float:right; 
	position:relative; 
  	margin-right:-290px; 
 	margin-left:1px; 
} 
 
#footer {
	font-size: 1.1em;
	clear: both;
	margin-top:10px;
	background: #0752A5;
} 

#copyright {
	padding:20px;
}

#inner{margin:0; width:100%;}
 
#maincol{ 
 	float: left; 
 	width: 100%; 
 	position: relative; 
 	margin: 0 -8px 0 -2px; 
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px 10px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

.galleries {
 	margin-top:10px;
}
 
 /* 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;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}

#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);
	font-size:1.2em;
	color:#333333;
	
}
#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;
}


/* Start Nav Styles 
**********************************************************************************************************************/
#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:transparent url(../images/nav/home_ro.gif) no-repeat;*/
	background-position: 0 -38px;
	
}
#navigation li#mlmp-about a:link, #navigation li#mlmp-about a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 131px;
	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:transparent url(../images/nav/about_ro.gif) no-repeat;*/
	background-position: 0 -38px;
}
#navigation li#mlmp-galleries a:link, #navigation li#mlmp-galleries a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 83px;
	height:38px;
	background:transparent url(../images/nav/galleries.gif) no-repeat;
}
#navigation li#mlmp-galleries a:hover{
	text-decoration: none;
	/*background:transparent url(../images/nav/galleries_ro.gif) no-repeat;*/
	background-position: 0 -38px;
}
#navigation li#mlmp-collectors a:link, #navigation li#mlmp-collectors a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 145px;
	height:38px;
	background:transparent url(../images/nav/collectors.gif) no-repeat;
}
#navigation li#mlmp-collectors a:hover{
	text-decoration: none;
	/*background:transparent url(../images/nav/collectors_ro.gif) no-repeat;*/
	background-position: 0 -38px;
}
#navigation li#mlmp-commissions a:link, #navigation li#mlmp-commissions a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 112px;
	height:38px;
	background:transparent url(../images/nav/commissions.gif) no-repeat;
}
#navigation li#mlmp-commissions a:hover{
	text-decoration: none;
	/*background:transparent url(../images/nav/commissions_ro.gif) no-repeat;*/
	background-position: 0 -38px;
}
#navigation li#mlmp-news a:link, #navigation li#mlmp-news a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 60px;
	height:38px;
	background:transparent url(../images/nav/news.gif) no-repeat;
}
#navigation li#mlmp-news a:hover{
	text-decoration: none;
	/*background:transparent url(../images/nav/news_ro.gif) no-repeat;*/
	background-position: 0 -38px;
}
#navigation li#mlmp-links a:link, #navigation li#mlmp-links a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 58px;
	height:38px;
	background:transparent url(../images/nav/links.gif) no-repeat;
}
#navigation li#mlmp-links a:hover{
	text-decoration: none;
	/*background:transparent url(../images/nav/links_ro.gif) no-repeat;*/
	background-position: 0 -38px;
}
#navigation li#mlmp-contact a:link, #navigation li#mlmp-contact a:visited{
	float: left;
	text-decoration: none;
	display: block;
	width: 114px;
	height:38px;
	background:transparent url(../images/nav/contact.gif) no-repeat;
}
#navigation li#mlmp-contact a:hover{
	text-decoration: none;
	/*background:transparent url(../images/nav/contact_ro.gif) no-repeat;*/
	background-position: 0 -38px;
}

/* Titles 
**********************************************************************************************************************/
h2 span {
	display:none;
}
h2#home {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/home.gif) no-repeat;
}
h2#about {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/about.gif) no-repeat;
}
h2#galleries {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/galleries.gif) no-repeat;
}
h2#aviationGallery {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/aviationArtGallery.gif) no-repeat;
}
h2#navalGallery {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/navalArtGallery.gif) no-repeat;
}
h2#details {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/details.gif) no-repeat;
}
h2#militaryGallery {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/militaryArtGallery.gif) no-repeat;
}
h2#collectors {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/collectorsEditions.gif) no-repeat;
}
h2#commissions {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/commissions.gif) no-repeat;
}
h2#news {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/news.gif) no-repeat;
}
h2#links {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/links.gif) no-repeat;
}
h2#submitASite{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/submitSite.gif) no-repeat;
}
h2#contact {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/contact.gif) no-repeat;
}
h2#testimonials {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/testimonials.gif) no-repeat;
}
h2#guarantee {
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/guarantee.gif) no-repeat;
}
h2#delivery{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/delivery.gif) no-repeat;
}
h2#faqs{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/faqs.gif) no-repeat;
}
h2#emailAFriend{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/emailAFriend.gif) no-repeat;
}
h2#newsletter{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/newsletter.gif) no-repeat;
}
h2#cart{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/cart.gif) no-repeat;
}
h2#survey{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/survey.gif) no-repeat;
}
h2#checkout01{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/checkout01.gif) no-repeat;
}
h2#checkout02{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/checkout02.gif) no-repeat;
}
h2#orderForms{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/orderForms.gif) no-repeat;
}

h2#trade{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/trade.gif) no-repeat;
}

h2#thankYou{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/thankYou.gif) no-repeat;
}

h2#cancelled{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/cancelled.gif) no-repeat;
}
h2#latestPrints{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/latestPrints.gif) no-repeat;
}
h2#GiClee{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/gicleeCanvasPrints.gif) no-repeat;
}
h2#specialOffers{
	display:block;
	width:457px;
	height:34px;
	background:transparent url(../images/titles/special-offers.gif) no-repeat;
}


 /* Typography 
**********************************************************************************************************************/
h2 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#006699;
	font-size:1.8em;
	line-height:1.6em;
	padding:10px 0;
}

h3 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#006699;
	font-size:1.8em;
	line-height:1.6em;
	padding:10px 0;
}

#rightcol h2, #rightcol h3, #rightcol h4 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#006699;
	font-size:1.6em;
	line-height:1.6em;
}

p  {
	font-size:1.2em;
	line-height:1.8em;
	padding: 5px 0px;
	color:#333;
}

#footer p  {
	font-size:1.1em;
	line-height:1.8em;
	padding: 2px 0px;
	color:#fff;
}

.post-body div p {
	font-size:12px;
	line-height:18px;
	padding: 2px 0px;
	color:#333;
}
/*

strong {
	color:#006699;
}

*/

.GalleryList {
	width:440px;
}

.GalleryList td{
	padding:4px;
	text-align:center;
}

.GalleryList a:link {
	border:none;
}

.GalleryList a:hover {

	border:none;
	border-color:#000000;
}

.GalleryList img {
	padding:6px;
	border:1px solid #ccc;
	background:#efefef;
}

 /* Painting Details 
**********************************************************************************************************************/
.mainImage {
	padding:10px;
	border:1px solid #ccc;
	background:#efefef;
	margin-top:10px;
}

#Price {
	width:400px;
	padding:5px 10px;
	margin:0 0 20px 20px;
	border:1px solid #ccc;
	background:#ffc;
}

#Price p {
	font-weight:bold;
	font-size:1.2em;
	color:#f00;
}

#recordsetNav {
	padding:5px 10px;	
	font-weight:bold;
	color:#FF0000;
}

/* Ready To Buy Widget 
**********************************************************************************************************************/
#FormButtons2 {
	background: url(../images/readyToBuy.gif) repeat 0 0;
	border:1px solid #339933;
	margin-top:10px;
	margin-bottom:4px;
	padding:10px;

}
#FormButtons2 {
	font-size:1.0em;
	font-weight:normal;
}
#FormButtons2 select {
	margin-top:10px;
	font-size:1.1em;
	width:240px;
}
#FormButtons2 p.header {
	font-size:1.2em;
	font-weight:bold;
	color:#339933;
}
#FormButtons2 p {
	font-weight:normal;
	color:#339933;
}
#FormButtons2 strong {
	color:#339933;
}
#FormButtons2 a, #FormButtons2 a:link {
	color: #339933;
	text-decoration: none;
}
#FormButtons2 a:visited {
	color:#339933;
	text-decoration: none;
}
#FormButtons2 a:hover {
	color:#339933;
	text-decoration: none;
	border-bottom:1px solid #339933;
	padding-bottom:2px;
}
.newbutton{
	width:96px;
	height:28px;
	border:1px solid #000;
	background-color:#339933;
	color:#fff;
	margin-top:10px;
	font-size:1.1em;
	font-weight:bold;
}
.btn {
	margin:5px 0px;
	cursor:pointer;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #efefef;
	background-repeat: repeat-x;
	color: #0752A5;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;

}
#tableContainer {
	width:100%;
}
#contactForm {
	width:100%;
}
#contactForm td{
	padding:4px;
}
label {
	font-size:12px;
}
/* Newsletter 
**********************************************************************************************************************/
#rightCol label {
	font-size:1.2em;
}
.frmInput {
	width:80%;
	
}
.frmInput2 {
	width:98%;
	
}
.btnNewsletter {
	width:96px;
	height:28px;
	border:none;
	margin-top:10px;
	border:none;
}


/* Advert Styles 
**********************************************************************************************************************/
div.advert {
padding:10px 10px 15px 10px;
background-color:#FFFFCC;
border:1px solid #9FB2CD;
margin:10px 0px;
height:75px;
}
div.advert2 {
padding:10px 10px 15px 10px;
background-color:#FFFFCC;
border:1px solid #9FB2CD;
margin:10px 0px;
}
div.advert3 {
padding:10px 10px 15px 10px;
background-color:#FFFFCC;
border:1px solid #9FB2CD;
margin:10px 0px;
}
div.advertHome{
padding:10px 10px 15px 10px;
background-color:#FFFFCC;
border:1px solid #9FB2CD;
margin:10px 0px;
}
div.advertHome p{

}
div.advert p{
color:#E20516;
margin-left:138px;
font-size:1.2em;

}
div.advert2 p{
color:#E20516;
font-style:italic;
}
div.advert3 h3{
font-size:1.2em;
color:#000000;
padding:3px 0;
}
div.advert3 p{
padding:3px 0;
}
div.advert a:link, div.advert a:visited{
color:#E20516;
text-decoration:none;
border-bottom:1px solid #E20516;
padding-bottom:2px;
}
div.advert a:hover{
color:#E20516;
text-decoration: none;
padding-bottom:2px;
}
div.advertHome a:link, div.advertHome a:visited{
color:#E20516;
text-decoration:none;
border-bottom:1px solid #E20516;
padding-bottom:2px;
}
div.advertHome a:hover{
color:#E20516;
text-decoration: none;
padding-bottom:2px;
}
div.advert span.img{
	background: url(../images/gallery/frankTyrer_thumbnail.jpg) no-repeat 0 0;
	float: left;
	height: 78px;
	width: 119px;
}
div.advert span.imgArtwork{
	background: url(../images/gallery/theDukeEngages_thumbnail.jpg) no-repeat 0 0;
	float: left;
	height: 78px;
	width: 119px;
}
div.advert span.imgSurvey{
	background: url(../images/gallery/TheOldMoleMKII_thumbnail.jpg) no-repeat 0 0;
	float: left;
	height: 78px;
	width: 119px;
}
/* Images in Main Content Column 
**********************************************************************************************************************/
.imgBorder {
	padding:6px;
	border:1px solid #ccc;
	background:#efefef;
	
}
.imgBorder2 {
	padding:6px;
	border:1px solid #ccc;
	background:#efefef;
	margin:0 20px 0 0;
}
/* Cart 
**********************************************************************************************************************/
table#cart {
	background-color:#fff;
	border:1px solid #fff;
	
}
table#cart caption {
	display:none;
}
table#cart td {
	padding:4px;
	margin:1px;
	background-color:#efefef;
	border:1px solid #fff;
	color:#0752A5;
}
table#cart th {
	padding:4px;
	margin:1px;
	background-color:#0752A5;
	color:#fff;
	border:1px solid #fff;
}
table#cart tfoot {
	padding:4px;
	margin:1px;
	background-color:#fff;
	border:1px solid #fff;
}
.alignRight {
	text-align:right;
}
.alignRight2 {
	float:right;
	padding:15px;
}

/* Other Tables 
**********************************************************************************************************************/

#testimonials td {
	padding:10px;
}


/* Error Styles 
**********************************************************************************************************************/
#textAlert {
	background-color:#FFFFCC;
	padding:20px;
	border:1px solid #ccc;
}
#textAlert p, #textAlert ul li{
	color:#990000;
	
}
.textSoldOut {
	color:#990000;
}

/* Misc 
**********************************************************************************************************************/
div.code {
	padding:20px;
}
code {
	font-family:"Courier New", Courier, mono;
	font-size:1.1em;
	color:#40659B;
	
}
.hoverAd {
	position:absolute;
	visibility:hidden;
	left:175px;
	top:100px;
	width:500px;
	height:300px;
	text-align:left;
	background-color:#FFFFCC;
	border:2px solid #990000;padding:20px;
	
}
#tblHoverAd {
	padding:5px;
}
.style1 {
	color: #CC0000;
	font: bold;
	font-size: 1.8em;
}
.style2 {
	color: #CC0000;
	font-size: 1.4em;
}