/* artbywoodbine.co.uk main CSS document created Oct 2009 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 

	Main CSS document for ArtByWoodbine. 

	~ http://www.artbywoodbine.co.uk
	~ becca@artbywoodbine.co.uk

	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	~ Produced October 2009

	~ Authored by Rich @ http://www.shellshockcss.co.uk 

*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* General Rules */
body {font-family:Arial, Helvetica, sans-serif; color:#2a0800; background:#FFF; background:url(../images/bg_body.jpg) top  no-repeat; margin-bottom:35px}
div, ul, li, p, img, a, h1, h2, h3 {border:0; margin:0; padding:0; color:#5a181c}
.clearer {clear:both; font-size:0px; height:0px; width:0px}
div#container {margin:20px auto; width:980px}
.colorgreen {color:#3e9082}
.colorgreen a {color:#3e9082}
.colorbeige {color:#C90}
.colorbeige a {color:#C90}
.colorred {color:#5a181c}
.colorred a {color:#5a181c}
.italic {font-style:italic; padding-left:50px}
.floatleft {float:left; margin:0 10px 10px 0}
.floatright {float:right; margin:0 0 10px 20px}
.available {margin-left:20px; font-size:0.8em; padding-left:20px; background:url(../images/icons/info_small.gif) no-repeat left #FF0}
div#main p strong {color:#C90}

/* Header */
div#header {margin-bottom:30px; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:2px solid #dbdac6}
h1 {width:320px; float:left; font-family:Georgia, "Times New Roman", Times, serif}
h1 a {text-decoration:none}
h2, h3 {font-family:Georgia, "Times New Roman", Times, serif}

/* Top Navigation menu*/
ul li a {text-decoration:none}
ul li a:hover {text-decoration:underline}
div#header ul {float:right; padding-top:15px; font-size:1em}
div#header ul li {float:left; list-style:none; margin-left:25px}

div#header ul li.topnav_contact {clear:right}
div#header ul li ul {display:none; margin:0; font-size:0.9em; background:#FFF; padding-left:10px; border:1px solid #999}
div#header ul li:hover ul {display:block; position:absolute; width:75px; padding-top:3px}
div#header ul li:hover ul li {margin:5px 0; width:100px}
.topnav_home a, .topnav_gallery a {color:#3e9082}
.topnav_about a, .topnav_products a {color:#C90}
.topnav_artists a, topnav.contact a {color:#5a181c}
body#home ul li.topnav_home a, body#about ul li.topnav_about a, body#artists ul li.topnav_artists a, body#gallerypage ul li.topnav_gallery a, body#products ul li.topnav_products a, body#contact ul li.topnav_contact a {text-decoration:underline; font-style:italic}
body div#header ul li ul a {font-style:normal}

/* Left Navigation Menu */
div#leftnav {width:179px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em}
div#leftnav ul {width: 160px; list-style:none; border-right:1px solid #dbdac6}
* html div#leftnav ul {width: 130px}
div#leftnav ul ul {margin:0 0 10px 20px; border:0}
div#leftnav ul li {margin-bottom:9px}
div#leftnav ul ul li {margin-bottom:5px}
div#leftnav ul a:hover {color:#dbdac6; color:#C90}
div#leftnav ul ul a {color:#3e9082}
div#leftnav ul ul a:hover {color:#dbdac6; color:#C90}
body#home ul li.leftnav_home a, body#about ul li.leftnav_about a, body#artists ul li.leftnav_artists a, body#gallerypage ul li.leftnav_gallery a, body#products ul li.leftnav_products a,  body#contact ul li.leftnav_contact a {text-decoration:underline; font-style:italic; color:#C90}

/* Main Content Area */
div#main {width:800px; min-height:440px; float:right}
* html div#main {width:796px;}
div#main p {margin:10px 0; color:#5a181c; font-family:Arial, Helvetica, sans-serif}
h2 {font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px}

/* Home page image */
body#home div#main {background:url(../images/home.jpg) no-repeat; text-align:right; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0px} 
body#home div#main h2 {margin:20px 20px 0 0}
body#home div#main p {margin:10px 20px 0 0; font-size:1.05em; color:#5a181c}
body#home div#main h3.cta {width:780px; font-size:1em; min-height:32px; margin-top:283px; color:#5a181c; font-weight:normal}
body#home div#main h3.cta a {display:block; min-height:27px; color:#5a181c; padding:5px 0 0 50px; margin-left:20px; text-align:left;background:url(../images/icons/cart_add.png) no-repeat left; line-height:22px}
* html body#home div#main h3.cta a {height:35px;; margin-bottom:10px}
* html home body#home div#main h3.cta a {background:url(../images/icons/cart_add.gif) no-repeat left}
body#home div#main h3.cta a:hover {text-decoration:none}

/* Artists page*/
div.artistbox {width:204px; padding:15px; float:left; margin:30px 30px 0 0; border:1px dotted #999; text-align:center; background:#FFF}
body#artists div#main div.artistbox p {margin-bottom:0}
div.endofrow {margin-right:0}
div.artistbox img {border:1px solid #3e9082}
body#artists div#main h3 {padding:0 0 10px 0}
body#artists div#main h3 a {display:block; color:#c90}
body#artists div#main h3 a:hover {font-style:italic; text-decoration:underline; color:#c90}
body#artists div#main .artistbox p a {display:block; padding:5px 0;font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; border-top:1px dotted #999; border-bottom:1px dotted #999; background:#FFC}
body#artists div#main .artistbox p a:hover {background:#FF9; font-style:italic}
body#artists div#main .artistbox p a:hover img {border:1px solid #C90}
body#artists div#main .artistbox p.imagelink, body#artists div#main .artistbox p.imagelink a {border:0; margin:0; padding:0}
body#artists div#main .available {margin-left:0}
body#artists div#main p.profileemail {margin-bottom:20px;color:#3e9082}
body#artists div#main p.profileemail a {color:#3e9082}
body#artists div#main div.exhibitions {border:1px solid #999; width:560px; margin-left:210px; padding:10px}
body#artists div#main div.exhibitions p {margin:0 0 5px 0; font-size:0.8em}
body#artists div#main div.exhibitions ol {list-style-position:inside; margin:0; padding:0}
body#artists div#main div.exhibitions li {color:#C90}
body#artists div#main p strong {color:#c90}
body#artists p.slideshow {padding-left:210px;}

/* Gallery page */
body#gallerypage div#main div.artistfilters {width:100px; float:left; padding:5px 10px 0 10px; margin:20px 5px 30px 5px; font-size:0.8em; border:1px dotted #999}
* html body#gallerypage div#main div.artistfilters {padding:5px 9px 0 9px;}
body#gallerypage div#main div.artistfilters p {margin:0}
body#gallerypage div#main div.artistfilters a {display:block; min-height:25px; padding:5px 0 0 0; margin:0; text-align:center; color:#3e9082}
* html body#gallerypage div#main div.artistfilters a {padding-bottom:10px}
body#gallerypage div#main div.artistfilters a:hover {text-decoration:none}
body#gallerypage div#main h3.alltitle {margin:10px 0; padding-left:10px; width:50%; float:left}
body#gallerypage div#main div.artworkbox {width:350px; float:left; margin:20px 0px 0 20px; padding:10px; border:1px dotted #999}
* html body#gallerypage div#main div.artworkbox {padding:5px}
body#gallerypage div#main div.artworkbox h3 {margin-bottom:10px; max-height:68px; overflow:hidden;}
body#gallerypage div#main div.artworkbox img {float:left; margin:0 10px 15px 0; height:150px; width:150px}
body#gallerypage div#main div.artworkbox p.tags {color:#c90; font-size:0.8em; padding-bottom:0; max-height:48px; overflow:hidden}

* html body#gallerypage div#main div.artworkbox h3 {height:65px; overflow:hidden;} /* IE6 */
* html body#gallerypage div#main div.artworkbox p.tags {height:48px; overflow:hidden}
*:first-child+html body#gallerypage div#main div.artworkbox h3 {max-height:65px; overflow:hidden;} /* IE7 */
*:first-child+html body#gallerypage div#main div.artworkbox p.tags {max-height:48px; overflow:hidden}

body#gallerypage div#main p.pages {text-align:center; margin:20px; border-top:1px solid #999; border-bottom:1px solid #999; padding:10px 0}
body#gallerypage div#main p.pages a {margin:10px; text-decoration:none; font-weight:bold}
body#gallerypage div#main span.currentpage {margin:0 50px}
body#gallerypage div#main p.artworklink {clear:both; font-size:0.9em} 
body#gallerypage div#main p.artworklink a {background:url(../images/icons/cart.gif) no-repeat left; height:12px; padding:12px 0 10px 40px}
body#gallerypage div#main p.artworklink a:hover {clear:both; background:url(../images/icons/cart_add.gif) no-repeat left}
body#gallerypage div#main div.artworkbox a.artistlink {color:#3e9082}
body#gallerypage div#main div.allartwork {clear:both; border-top:1px solid #c90}
body#gallerypage div#main div.search {float:right; width:45%; font-size:0.9em}
body#gallerypage div#main div.search form {margin-top:10px; float:right; margin-right:10px}
body#gallerypage div#main div.search fieldset {display:inline; float:left; padding:0; border:0; margin:0}
body#gallerypage div#main div.search label {float:left; margin:3px 5px 0 5px;}
body#gallerypage div#main div.search input {margin-left:10px}
.thankyoumessage {background:#FF3; padding:10px 5px}

/* Gallery image page */
p.slideshow a {background:url(../images/icons/slideshow.jpg) no-repeat left; padding:5px 0 0 50px; display:block; height:30px; color:#3e9082}
p.slideshow a:hover {text-decoration:none}
body#gallerypage div#main div.purchasearea {background:#FF9; border:1px solid #c90; padding:20px 30px 10px 30px; width:720px}
body#gallerypage div#main div.purchasearea h3 {float:left; width:85%; text-align:center; margin:0; background:url(../images/icons/credit_cards.gif) left no-repeat; height:21px; padding:5px 0 0 40px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:1em}
body#gallerypage div#main div.purchasearea input#buynowbutton {display:block; background:url(../images/icons/pay.jpg); display:block; height:25px; width:108px; padding-bottom:10px}
body#gallerypage div#main div.purchasearea fieldset {border:0; margin:0; padding:0; display:inline}
body#gallerypage div#main div.purchasearea label {display:block}
body#gallerypage div#main .imageinfo {font-size:0.6em; margin:0}
body#gallerypage div#main .imagetags {font-size:0.8em}
body#gallerypage div#main div.purchasearea label {display:block; width:700px; margin-bottom:15px; background:url(../images/icons/credit_cards.gif) left no-repeat; height:21px; padding:5px 0 0 40px}
body#gallerypage div#main div.purchasearea select {margin:0px; display:inline; width:600px; float:left}
body#gallerypage div#main div.purchasearea input {float:left; margin:0 0 0 20px}
body#gallerypage div#main div.purchasearea p.paypallogo {margin:30px 0 0 0; text-align:center}
body#gallerypage div#main div.purchasearea table {clear:both; margin-top:10px; padding:10px 0 0px 0; border-top:1px dotted #5a181c; width:100%; font-size:0.9em; text-align:center; font-size:0.8em}
body#gallerypage div#main div.purchasearea table .alignleft {text-align:left}
*:first-child+html body#gallerypage div#main div.purchasearea table td.alignleft {width:45%} /* IE7 */
* html body#gallerypage div#main div.purchasearea table td.alignleft {width:40%}
* html body#gallerypage div#main div.purchasearea table td {width:40%}
body#gallerypage div#main div.purchasearea table td.sizecol {width:200px}
* html body#gallerypage div#main div.purchasearea table td.sizecol {width:25%}
body#gallerypage div#main div.purchasearea table td.pricecol {width:50px}
* html body#gallerypage div#main div.purchasearea table td.pricecol {width:15%}
body#gallerypage div#main div.purchasearea tr.tablehead {font-weight:bold; font-size:1.1em}
#buynowbutton { float:right;background:url(../images/icons/buynow.jpg) no-repeat; width: 83px; border:0; text-indent:-9999px; height:20px}
.buynow {background:url(../images/icons/buynow.jpg) no-repeat ; display:block; height:20px; font-size:0em}
p.postage {padding-bottom:10px; border-bottom:1px dotted}
p.paypaltext {font-size:0.8em}
p.samplelinkp {font-size:0.9em; border-bottom:1px dotted #5a181c; padding:20px 0;}
p.samplelinkp a {color:#3e9082}
div#main p.watermark {position:relative; top:300px; left:150px; margin-top:-80px; color:#FFF; font-size:4em}

/* Sample product page */
a.samplelink {padding-left:20px; background:url(../images/icons/search.gif) no-repeat left; height:25px}
div.sampleproduct {margin-top:20px}

/* Contact page */
body#contact div#main ul {padding:8px 0 0 0; list-style:none}
body#contact div#main ul li {margin:8px 0}
body#contact div#main p.emaildetails {margin-top:30px}
body#contact div#main h3 {margin:30px 0 0px 0; padding-top:20px; font-size:1.1em; border-top:1px dotted #999}
body#contact form {width:400px; font-size:0.9em; margin-left:20px}
body#contact form, body#contact fieldset {border:none; padding:10px 0}
body#contact form #whenlabel {display:block; margin: 0 0}
body#contact form #when {margin: 10px 0 0 0px}
body#contact main strong {margin-right:10px; color:#C90}
body#contact input {width:300px}
#email {margin-left:3px}
#name {margin-left:3px}
input#submitbutton {width:110px; background:#5a181c; border-top:#666 2px solid; border-left:#CCC 2px solid; border-right:#300 2px solid; border:#300 2px solid; color:#FFF}
body#contact input#submitbutton {width:110px}
div#main p.error {padding:20px; border:1px solid #F00; background:#FFF; color:#F00; font-size:0.9em}

/* Footer */
div#footer {margin-top:20px}
div#footer h3 {margin:10px 0 0px 0; padding-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif; color: #3e9082;  color:#C90; border-bottom:1px dotted #999; background:url(../images/icons/chilli.gif) no-repeat left; padding: 0 0 10px 40px}

/* Popular */
div#popular {margin-left:1px; margin-bottom:0px; padding-bottom:0px; border-bottom:1px dotted #999}
div.popularbox {float:left; min-height:150px; border-right:1px dotted #999; text-align:center; margin-bottom:10px; margin-top:10px}
div.popularbox img {width:125px; height:125px;}
div.popularbox p {margin:5px}
div.popularbox a {color:#3e9082}
div.popularbox {width:139px}
div.last {border:0}

/* Sample products */
div.sampleproduct li {list-style:none; border:1px dotted #999; padding:10px; margin-bottom: 20px; clear:both}
div.sampleproduct li h3 {margin:0 0 10px 0; color:#c90}
div.sampleproduct li img {float:left; margin-right:20px;}
div.sampleproduct li p {text-align:left}

/* Link boxes promoting main navigation links */
div#linkboxes {padding:30px 0 20px 28px}
div.linkbox {width:200px; min-height:180px; margin-right:40px; float:left; line-height:1.5em; background:url(../images/icons/footerlink_about.gif) no-repeat center #FFF; border: 1px solid #3e9082; padding-top:0}
div.linkbox2 {background:url(../images/icons/footerlink_artists.gif) no-repeat center #FFF; border: 1px solid #C90}
div.linkbox3 {background:url(../images/icons/footerlink_gallery.gif) no-repeat center #FFF; border: 1px solid #5a181c}
div.linkbox4 {margin:0; background:url(../images/icons/footerlink_contact.gif) no-repeat center #FFF}
div#linkboxes div.last {border:0; margin-right:0}
div#linkboxes img {min-width:125px; min-height:125px}
div#linkboxes h4 {text-align:center; margin-bottom:-10px; font-family:Georgia, "Times New Roman", Times, serif}
* html div#linkboxes h4 {margin-top:20px}
div#linkboxes h4 a {display:block}
div#linkboxes h4 a:hover {text-decoration:none}
div.linkbox p {padding:10px; font-size:1.4em}
div.linkbox p a {display:block; color:#5a181c; font-size:1.2em; text-decoration:none;  font-family:Georgia, "Times New Roman", Times, serif}
div.linkbox p a:hover {text-decoration:underline}

/* Copyright statement/w3c/admin/contact links */
div#footer p {text-align:center; font-size:0.8em; margin:10px 0 10px 0}
div#footer p.copyright {border-top:1px solid #999}
div#footer p.copyright, div#footer p.copyright a {margin-top:10px; margin-bottom:10px; padding:0 5px; color:#999; text-decoration:none}
div#footer p.copyright a {display:inline-block; padding-left:8px; border-left:1px solid #999}
div#footer p.copyright a:hover {text-decoration:underline}

/* CMS CSS */
body.login div#main p {margin-top:30px}
body.login form {width:300px; margin:50px auto 0 auto}
body.login fieldset {border:none; padding:10px 0}
body.login div#main input#submitbutton {margin:20px 0 0 62px}
body.login div#main p.error {margin-left:10px; color:#F00}

body#cms form {border:1px solid #000; padding:10px 0}
body#cms div#popular, body#cms div#header ul, body#cms #linkboxes, body#cms div#footer p {display:none}
body#cms div#main {margin-right:85px}
body#cms div#main form {margin-top:20px; font-size:0.8em}
body#cms div#main fieldset {border:0; margin:10px; padding:0 0 0 20px}
body#cms div#main .submitfieldset {background:url(../images/icons/arrow_left_green.gif) no-repeat 20% 50%}
body#cms div#main label {display:block; margin-bottom:10px}
body#cms div#main a {text-decoration:underline}
body#cms div#main a:hover {font-style:italic; color:#C90; border:1px dotted #999}
body#cms div#main ul {margin:20px 0}
body#cms div#main li {list-style:none;margin:5px 0}
body#cms div#main li a {background:url(../images/icons/user_small.gif) left no-repeat; padding-left:20px}
body#cms div#main p.return a {display:block; min-height:35px; background:url(../images/icons/home.gif) left no-repeat; padding-left:45px; padding-top:6px; margin-top:20px}
body#cms div#main p.editproducts a {display:block; min-height:35px; background:url(../images/icons/cart.gif) left no-repeat; margin-left:5px; padding-left:45px; padding-top:6px}
body#cms div#main p.editartwork a {display:block; min-height:35px; background:url(../images/icons/picture.gif) left no-repeat; padding-left:50px; padding-top:6px}
body#cms div#main p.editpopular a {display:block; min-height:35px; background:url(../images/icons/chilli.gif) left no-repeat; padding-left:50px; padding-top:6px}
body#cms div#main p.editsamples a {display:block; min-height:35px; background:url(../images/icons/bag_green.gif) left no-repeat; padding-left:50px; padding-top:6px}
body#cms div#main p.editexhibitions a {display:block; min-height:35px; background:url(../images/icons/home.gif) left no-repeat; padding-left:50px; padding-top:6px}
body#cms div#main p.gotopaypal a {display:block; min-height:35px; background:url(../images/icons/creditcard_paypal.gif) left no-repeat; padding-left:55px; padding-top:8px}
body#cms div#main p.logout {margin-top:30px}
body#cms div#main p.logout a {display:block; min-height:28px; background:url(../images/icons/key.gif) left no-repeat; padding-left:42px; padding-top:6px; color:#F00;}
body#cms div#main p.logout a:hover {background:url(../images/icons/padlock.gif) no-repeat}
body#cms div#main p.logout span {background:#FF0; font-size:0.8em}
body#cms div#container {border-bottom:1px solid #999}
body#cms #submitbutton {margin:20px 0;}
body.login div#main form.loginform fieldset label {display:inline!important}

body#cms div#main h3 {margin-top:30px; color:#C90}
body.edit_products table {text-align:center; margin: 15px 0 0 0; font-size:0.8em}
body.edit_products table a {padding-left:25px; background:url(../images/icons/delete.gif) left no-repeat; color:#F00}
body.edit_products tr.tablehead {font-weight:bold}
body.edit_products table td {padding:10px 20px; border-top:0px dotted #999; background:#FF9}
body.edit_products table td.productrefcell {padding:5px; width:20px;}
body.edit_products table td.priceupdateheader {padding:0;}
body.edit_products table td.priceupdate {width:110px; margin:0; padding:15px 0 0px 0}
body.edit_products table span {float:left; margin:0 5px;}
body.edit_products tr.tablehead td {border:0; background:none}priceupdateheader
body.edit_products div#main fieldset {padding:0!important;}
body.edit_products div#main #updatepriceform {border:none; margin:0 0 5px 0; padding:0}
body.edit_products div#main #updatepriceform fieldset {margin:0; padding:0;}
body.edit_products #updatepriceform {border:0; margin:0; padding:0;}
body.edit_products #updatepriceform input {margin:0; padding:0; display:inline; float:left; width:60px; text-align:center}
body.edit_products #updatepriceform input#updatepricebutton {width:20px; border:0; margin:0 0 0 5px; padding:5px; text-indent:-9999px; background:url(../images/icons/ok.gif) no-repeat}
span.required {font-size:0.8em; color:#F00}

body.edit_popular div#main fieldset {margin-bottom:20px;}
#exhibitiondescinput {width:300px;}
a.marginleft {margin-left:50px;}