/* CSS Document */
html,body{
width: 100%; height: 100%; background: #DDDDDD;
font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 10px;
}
TD {vertical-align:top; text-align:left;}
TD.right {text-align:right;}
H1 {font-size: 22px; color: #666666; padding: 5px 20px 10px 20px; }
H2 {font-size: 16px; color: #666666; padding: 5px 20px 10px 20px; font-weight:normal; }
H3 {font-size: 16px; color: #000000; padding: 8px 20px 0px 20px; font-weight:bold; }
H4 {font-size: 14px; color: #000000; padding: 3px 20px 10px 20px; font-weight:normal; margin: 0px;}
A {color: #000000; text-decoration:none; }
A:hover {color: #C22A29; }
#content {width: 760px; background: #FFFFFF; border: 1px #333333 solid; }
#links {width: 760px; text-align:left; padding-top:10px; height:80px;}
#links li {float:left; padding-left:20px;}
#links img {border:1px solid #999999;float:left; margin-right:5px; }
#links p {width: 120px; float:left;}
.clear {clear:both;}
/* HEADER */
#logobar {background:#C22A29; text-align:left; color:#FFFFFF; font-size: 30px; padding: 0px 20px 3px 32px; }
#menu {padding-bottom: 12px; padding-top: 10px; margin-bottom: 15px; background-color:#333333; }
#menu A {color: #FFFFFF; text-decoration:none; font-size:11px; }
#menu A:hover {color: #C22A29; }
/* HOME */
#home #special {background:#6F3DA1; margin-bottom:20px;}
#home #special h3, #special h4 {color:#FFFFFF; }
#home #special h3 a {color:#FFFFFF;}
#home #special h3 a:hover { color: #FF0000; }
/* ARTISTS */
#artists #artistList {padding: 0px 20px 0px 20px; }
#artists #artistList li {font-size: 12px; color:#000000; float:left; padding-right: 10px; }
#artists #artistList li A {color:#666666; }
#artists #artistList li A:hover {color:#000000; }
#artists #thumbnails {background:#000000; padding-top:10px; clear:both;}
#artists h1 { background: url(../assets/images/rightarrow.jpg) top right repeat-y #C22A29; float:left; color:#FFFFFF;
font-size: 30px; padding: 0px 50px 3px 20px; }
#artists #workWorks { clear:both; padding: 15px 0px 15px 20px; }
#artists #workWorks ul {list-style: none; }
#artists #workWorks li {float:left; border: 1px solid #000000}
#artists #country {font-size: 12px; font-weight:bold; }
#artists #selectedWork { padding:10px 0px 15px 20px; background:#000000; color:#FFFFFF; }
#artists #selectedWork #title {font-size: 18px; font-weight:bold; padding-top: 6px; text-align:right; }
#artists #selectedWork #ref {font-size: 12px; padding-top: 20px; text-align:right; }
#artists #selectedWork #medium {font-size: 11px; padding-top: 2px; text-align:right; }
#artists #selectedWork #framing {font-size: 11px; padding-top: 2px; text-align:right; }
#artists #selectedWork #dimensions {font-size: 11px; padding-top: 2px; text-align:right; }
#artists #selectedWork #status {font-size: 11px; padding-top: 2px; text-align:right; }
#artists #selectedWork #price {font-size: 18px; padding-top: 2px; text-align:right; }
#artists #selectedWork #howToBuy {font-size: 16px; padding-top: 20px; text-align:right; color: #FF9900; font-weight:bold; }
#artists #selectedWork #howToBuy A { color:#FFFFFF; }
#artists #selectedWork #howToBuy A:hover { color:#C22A29; }
#artists .artistBio {font-size: 14px; color: #CCCCCC; padding: 5px 22px 10px 22px; text-align:justify; }
#artists .artistBio A {color:#C22A29; }
#artists .artistBio A:hover {color:#FFFFFF; }
.purchaseError { padding: 0px 0px 10px 20px; color:#CC0000; font-size: 12px;}
#confirmation {margin-bottom:40px;}
#confirmation h1 { background: url(../assets/images/rightarrowwhite.jpg) top right repeat-y #C22A29; float:left; color:#FFFFFF;
font-size: 30px; padding: 0px 50px 3px 20px; }
.workDetails {font-size: 80%;}
/* SHOP */
.shop #sections li {float:left; font-size: 16px; text-align:center; color:#999999; margin-top:9px; }
.shop #sections li.selected {color: #000000;}
.shop #list {clear:both; padding:16px 20px 0px 20px;}
.shop #list img {border:1px solid #666666;}
.shop #list li h5 { font-size: 14px; color:#C22A29; font-weight:bold; padding:2px 0px 2px 0px;}
.shop #list form {margin-top:5px;}
.shop #list li {float:left; font-size:12px;}
.shop #list .price {font-size: 120%;}
.shop #details { clear:both; font-size: 14px; padding:16px 20px 0px 20px; line-height:1.5em;}
.shop #postage {clear:both; font-size: 12px; padding:0px 20px 0px 20px; line-height:1.5em;}
/* CLOTHING */
#clothing {text-align:left;}
#clothing h1 { background: url(../assets/images/rightarrowwhite.jpg) top right repeat-y #C22A29; float:left; color:#FFFFFF;
font-size: 30px; padding: 0px 50px 3px 20px; margin-right:20px; }
#clothing #list li {padding:0px 25px 30px 0px; width:150px; height:290px;}
/* JEWELLERY */
#jewellery {text-align:left;}
#jewellery h1 { background: url(../assets/images/rightarrowwhite.jpg) top right repeat-y #C22A29; float:left; color:#FFFFFF;
font-size: 30px; padding: 0px 50px 3px 20px; margin-right:20px; }
#jewellery #list li {padding:0px 35px 20px 0px; width:200px; height:260px;}
/* EXHIBITIONS */
#exhibitions h1 { background: url(../assets/images/rightarrowwhite.jpg) top right repeat-y #C22A29; float:left; color:#FFFFFF;
font-size: 30px; padding: 0px 50px 3px 20px; margin-right:20px; }
#exhibitions p {font-size: 14px; text-align:left;}
#exhibitions .exhibition {clear:both; margin-top:10px; border-bottom:1px solid #999999; }
#exhibitions .exhibition h2 {font-size: 22px; padding-bottom:0px; text-align:left;}
#exhibitions .exhibition h4 {font-size: 12px; padding:0px 0px 0px 20px; text-align:left;}
#exhibitions .exhibition ul {margin:10px 22px 6px 22px;}
#exhibitions .exhibition li {float:left; margin-right:10px; margin-bottom:10px;}
/* CONTACT */
#contact h1 { background: url(../assets/images/rightarrowwhite.jpg) top right repeat-y #C22A29; float:left; color:#FFFFFF;
font-size: 30px; padding: 0px 50px 3px 20px; margin-right:20px; }
#contact .subtitlebar {background: #C22A29;
float:left;
color:#FFFFFF;
font-size: 20px;
padding: 3px 50px 5px 20px;
}
#contact .body {padding:10px 20px 20px 20px; font-size: 130%; clear:left; text-align:left;}
#contact #postage li {padding-top:5px;}
#contact #postage li span {color:#666666; padding-left:13px;}
/* BOTTOM */
#codicil {color:#FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
background:#C22A29;
}
#codicil A {color:#FFFFFF;
text-decoration:none;
}
#codicil A:hover {color:#000000;
text-decoration: underline;
}