/*------------------------------------------------------------------
http://www.oldmutual.com/
(OLD MUTUAL)
- ART Style Sheet - 
- Copyright Old Mutual 2009 - 
Created 22|01|09 09:02 am 
Last Updated 23|01|09 09:21 am  
------------------------------------------------------------------*/
body{
margin:0;
padding:0;
}

#mainContainer h1 {
position:relative;
display:block;
font-family:Arial;
font-size:.95em;
padding:0px;
margin:0px;
color:#323232;
padding-bottom:20px;
}

#mainContainer h2 {
position:relative;
font-family:Arial;
font-size:1em;
color:#6EAB24;
float:left;
clear:left;
}

#mainContainer h3, #mainContainer h4 {
position:relative;
font-family:Arial;
font-size:.75em;
font-weight:700;
padding:0px;
margin:0px;
color:#000;
clear:both;
}

#mainContainer h4 {
padding:0 0 12px;
}

#mainContainer p {
position:relative;
font-family:Arial;
padding:0px;
margin:2px 0 10px 0;
float:left;
clear:both;
width:100%;
}

/*MAIN STRUCTURE CONTAINERS*/
#mainContainer {
background:#fff;
margin:0;
width:672px;
padding:0;
}

.artworkName, .artistName {
padding:0;
}

.artistName {
	padding-bottom:8px;
}

#mainContainer img{
background-color:#fff;
border:1px solid #d5d7db;
padding:4px;
margin:0 auto 10px auto;
}

ul#searchResultsText   {
list-style-type:none;
margin:7px 0 13px 0;
padding:0;
background:#fff;
float:left;
width:100%
}

ul#searchResultsText li {
border:none;
display:block;
float:left;
padding:0;
text-align:center;
margin:0 0 0 7px;
}

ul#searchResultsText li a {
display:inline;
position:relative;
text-align:center;
text-decoration:none;
margin:0;
}

ul#searchResultsText li.first{
margin-left:0;
}

#searchResultsText ul li a:visited {

}

#searchResultsText ul li a:active {

}

#searchResultsText ul li a:hover {

}

#searchResultsThumbs{
background-color:#00a650;
float:left;
width:100%;
margin-bottom:24px;
clear:both;
}

#searchBox{
background-color:#f5f7fa;
border:1px solid #e2e2e2;
float:left;
padding:14px;
width:642px;
clear:both;
}

.spacer{
margin:15px 0 0 0;
}

#searchInfo{
float:left;
width:672px;
border-bottom:1px solid #e2e2e2;
padding:9px 0 7px 0;
font-size:.75em;
margin:0;
background:#fff;
}

#artistInfo{
float:left;
margin-top:3px;
}

#paintingInfo{
clear: both;
float:left;
margin-top: 20px;
}

#paintingInfo p{
margin:0;
}

form{
border:0;
padding:0;
float:left;
clear:both;
width:100%;
margin:0;
}

fieldset{
border:0;
padding:0;
width:100%;
float:left;
margin:0;
}

fieldset.sort{
border:0;
padding:0;
width:auto;
float:right;
margin:0;
}

input{
border:1px solid #c3c7cc;
float:left;
padding:2px 0 2px 2px;
width:494px;
color:#008131;
}

label.searchArt {
padding:5px 0;
width:90px;
float:left;
font-size:.75em;
}

label.artistSelection {
	margin-top: 5px;
	padding: 5px 55px;
	width: 25px;
	float: left;
	font-size:.75em;
}

label.paintSelection {
	margin-top: 5px;
	padding: 5px 35px;
	width: 35px;
	float: left;
	font-size:.75em;
}

* html label.artistSelection {
padding-left: 34px;
}

label.sortBy {
float:right;
width:45px;
margin-top:3px;
}

input.submitArtquery {
background:url(../images/gradientButtons.gif) top repeat-x #fff;
border:1px solid #dcdcdc;
color:#007f44;
cursor:pointer;
float:right;
height:22px;
padding:0 8px;
text-align:center;
vertical-align:middle;
width:42px;
margin-bottom:0;
font-size: 0.8em;
}

input.goBacktop {
background:url(../images/gradientButtons.gif) top repeat-x #fff;
border:1px solid #dcdcdc;
color:#007f44;
cursor:pointer;
float:right;
height:22px;
padding:0 8px;
text-align:center;
vertical-align:middle;
width: 149px;
font-size: 0.8em;
}

input.previousArtWork {
background:url(../images/gradientButtons.gif) top repeat-x #fff;
border:1px solid #dcdcdc;
color:#007f44;
cursor:pointer;
float:left;
height:22px;
padding:0 8px;
text-align:center;
vertical-align:middle;
width: 149px;
font-size: 0.8em;
}

input.nextArtWork {
background:url(../images/gradientButtons.gif) top repeat-x #fff;
border:1px solid #dcdcdc;
color:#007f44;
cursor:pointer;
float:right;
height:22px;
padding:0 8px;
text-align:center;
vertical-align:middle;
width: 149px;
font-size: 0.8em;
}

input.goBackbot{
background:url(../images/gradientButtons.gif) top repeat-x #fff;
border:1px solid #dcdcdc;
color:#007f44;
cursor:pointer;
float:right;
height:22px;
padding:0 8px;
text-align:center;
vertical-align:middle;
width:49px;
margin-top:17px;
font-size: 0.8em;
}

#searchBox fieldset {
	float: right;
}

#searchBox select.paintType {
float: left;
margin-top: 5px;
width:187px;
color:#007f44;
border:1px solid #a5acb2;
}

#searchBox select.artistPainter{
float: left;
margin-top: 5px;
width:214px;
color:#007f44;
border:1px solid #a5acb2;
}

#searchBox select.yearPainted {
float:right;
margin:15px 0 0 19px;
width:114px;
color:#007f44;
border:1px solid #a5acb2;
}

#searchInfo  select.paintingSorted {
float:right;
color:#007f44;
border:1px solid #a5acb2;
margin:0;
width:162px;
}

#notifications {
float:left;
width:100%;
color:#007f44;
padding:33px 0 18px 0;
background:#000ace;
}

/*TABLE*/
table.imageGallery {
background-color:#fff;
border:0;
border-collapse:collapse;
clear:both;
float:left;
width:100%;
text-align:center;
margin:0 0 20px 0;
}

table.imageGallery img {
text-align:left;
margin:0;
}

table.imageGallery a img{
text-align:left;
}

table.imageGallery td {
border:0;
vertical-align:bottom;
padding:7px 7px 10px 7px;
}

.clear {
clear: both;
}

#pagination {
 clear: both;
 width: 100%;
 text-align: center;
 word-spacing: 2px;
}