body { font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: white; text-align: center; color: black; }
body.popup {  background: black; color: white; }

a { text-decoration: none; font-weight: bold; color: black}

ul.links li a {font-weight: normal}

h1, h2, h3, h4, h5, h6, a:hover, a.cur, label, #copy, .smalltitle, .error { color: #fc0; }

h1, h2, h3, h4, h5, h6 { margin: 20px 20px 10px 20px; }
h1, h2, h3 { font: 18px/30px Georgia, serif;}

h4, h5, h6 { font: bold 14px/22px Georgia, serif; }

label, .smalltitle { font-weight: bold; }


h1 a, h2 a, h3 a { text-decoration: none }

img { border: none; }	
img.b {border: 1px solid #fc0}

p { margin: 10px 20px 10px 20px; }

div.clearer { clear: both; line-height: 0; height: 0; }

ul {margin-right: 10px}
ul li {margin-bottom: 4px}

address {font-style: normal; margin: 20px 10px 10px; text-align: center}

/*structure*/
#outer { margin: 0 auto; width: 780px; background: url(../img/bg.gif) black center top repeat-y; color: white; }
#container { width: 740px; margin: 0 auto; text-align: left; }
#body {	border-top: 1px solid #fc0;	background: url(../img/bg_body.gif) black center top repeat-y; }
#main {	float: left; width: 490px;}
#sidebar { float: right; width: 250px;}
#sidebar .account { background: url(../img/bg_account.gif) #060505 left top repeat-x;}
#sidebar .login { background: url(../img/bg_login.gif) #060505 left top repeat-x; border-bottom: solid 1px white;}

#outer a {color: white;}

/*header*/
#header { padding: 20px; background: url(../img/fr/seal.gif) black 15px 15px  no-repeat; position: relative; text-align: center; }
#header #languages { width: 200px; text-align: right; position: absolute; right: 20px; top: 20px; }
#header h1 { margin: 0 auto;	width: 220px; height: 220px; position: relative; text-align: center; }
#header h1 span { display: block; background: url(../img/fr/logo.gif) transparent left top no-repeat;	position: absolute;	left: 0; top: 0; width: 220px; height: 220px; }


/*header2*/
#header2 { padding: 20px; background: black; position: relative; text-align: left; }
#header2 #languages { width: 400px; text-align: right; position: absolute; right: 20px; top: 60px; } /*57*/
#header2 h1 {font: bold 12px/12px Georgia, serif; margin: 0; width: 238px; height: 55px; position: relative; text-align: center; }
#header2 h1 span { display: block; background: url(../img/fr/inner_logo.gif) transparent left top no-repeat; position: absolute;	left: 0; top: 0; width: 238px; height: 55px; }
#header2 #home { width: 160px; position: absolute; right: 20px; top:10px; text-align: right }

/*footer*/
#footer { clear: both; text-align: center; border-top: 1px solid #313131; padding: 8px 0; font-size: 10px; }
#footer p {	margin-top: 0; margin-bottom: 8px;}
#footer a {	text-decoration: none; font-weight: bold; margin: 0 5px; }
#footer #copy {	border-top: 1px solid #fc0; margin: 0; padding: 8px 0;}

/*
#footer2 { clear: both; text-align: center; border-top: 1px solid #313131; height: 130px;  background: url(../img/bg_footer.gif) black left top  no-repeat; font-size: 10px; }
#footer2 a {	text-decoration: none; font-weight: bold; margin: 0 5px; }
*/


#footer3 { clear: both; text-align: center; border-top: 1px solid #313131; padding: 8px 0; font-size: 10px; }
#footer3 a {	text-decoration: none; font-weight: bold; margin: 0 5px; }
#footer3 #copy { height: 130px;  background: url(../img/bg_footer.gif) black left top  no-repeat; margin-top: 8px; }
#footer3 #copy p { margin: 0; }

/*sidebar*/
#sidebar h3 { color: white;	margin: 20px 5px 0px 20px; }
#sidebar ul { margin: 10px 5px 10px 20px; padding: 0; list-style: none; }
#sidebar li { margin: 10px 0;  list-style: none; padding: 0;}
#sidebar p { margin: 10px 10px 10px 20px; }
#message { font: 9px/15px Verdana, sans-serif; color: #999; background: black; margin: 10px 20px 10px 20px;}
#message p {padding: 5px; margin: 0}

#paypal { text-align: center; margin: 20px;  }

ul#featured { margin: 10px 5px 10px 20px; padding: 0; list-style: none; }
ul#featured li { margin: 10px 0; padding: 0; list-style: none; }
ul#featured a { display: block; width: 213px; height: 71px; text-decoration: none; font: 9px Verdana, sans-serif; padding: 2px 0 0 3px;}
ul#featured span.featured { color: #fc0; }
#featartist { background: url(../img/featured_artist.gif) black left top no-repeat;}
#featstyle { background: url(../img/featured_style.gif) black left top no-repeat;}
#featsubject { background: url(../img/featured_subject.gif) black left top no-repeat;}

/*main*/
#main h2 { margin: 20px 5px 10px 10px; padding-left: 15px; background: url(../img/bg_title.gif) black left top no-repeat; clear: both; }
#main h2.painting { line-height: 20px; padding: 0; margin: -5px 20px 10px 20px; background: transparent; }
#main h2.painting-no-artist { line-height: 20px; padding: 0; margin: 20px 20px 10px 20px; background: transparent;}
#main h3 { line-height: 24px; color: white; border-bottom: 1px solid white;}

#main #register {text-align: center; }

#samples { margin: 10px 10px 0 20px; }
#samples a { float: left; width: 147px;	height: 90px; text-decoration: none; font-weight: bold; font-size: 9px;	margin: 5px 1px 0 0; padding: 3px 0 0 5px; }
#byartist { background: url(../img/sample_artist.gif) black left top no-repeat;}
#bystyle { background: url(../img/sample_style.gif) black left top no-repeat;}
#bysubject { background: url(../img/sample_subject.gif) black left top no-repeat;}

#letters { margin: 10px 20px; padding: 5px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: center; }
#letters a, #letters .letter { text-decoration: none; font: bold 14px Georgia, serif; color: #666; padding: 2px 2px 2px 0; }
#letters .last { padding: 2px 0; }
#letters a:hover { color: #fc0; }
#letters a.current { color: white; font-size: 15px;}

#countries { margin: 10px 20px; padding: 5px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: center; }
#countries a { text-decoration: none; font: bold 11px Georgia, serif; color: #666; padding: 2px; }
#countries a:hover { color: #fc0; }
#countries a.current { color: white; font-size: 14px;}

#pages { margin: 10px 20px; padding: 5px 0; border-top: 1px solid #333; text-align: center; }
#pages a, #pages span.pagenav { text-decoration: none; font: normal 12px Georgia, serif; color: white; padding: 2px; }
#pages span.pagenav { color: #666; }
#pages a:hover, #pages a.current { color: #fc0; }

#browsesub { margin: 10px 20px; color: #666; font: bold 9px Verdana, sans-serif; padding: 2px 2px 2px 0;}
#browsesub a { text-decoration: none; font: bold 9px Verdana, sans-serif; color: #666; padding: 0 1px; }
#browsesub a:hover { color: #fc0; }
#browsesub a.current { color: white; }
#browsesub .sep { padding: 0 5px; }

ul.browse { margin: 10px 20px; padding: 0; list-style: none; }
ul.browse li { list-style: none; margin: 4px 0; padding: 0; font: 9px Verdana, sans-serif; color: #666;}
ul.browse li a.item { font:  11px Verdana, sans-serif; padding: 0 0 0 10px; text-decoration: none; background: url(../img/small_bullet_g.gif) left 20% no-repeat;}
ol.browse { margin: 10px 20px; padding-left: 20px; }
ol.browse li { margin-bottom: 4px; font: 9px Verdana, sans-serif; color: #666;}
ol.browse li a.item { font: 11px Verdana, sans-serif; text-decoration: none;}
#main ul.browse  p { margin: 3px 10px 6px; }

div.thumbcont { clear: both; margin: 5px 10px 5px 20px; border: 1px solid #999; padding: 6px; width: 436px;}
div.thumbcont img { float: left; border: 1px solid #fc0;}
div.thumbcont p.title { text-align: center; margin: 15px 0 15px 0; overflow: hidden;}
div.thumbcont .content {margin-left: 140px}

div.imgcont { text-align: center; margin: 10px 0; }

table.samples {margin: 10px auto}

div.paintcont { text-align: center; margin: 10px 0; }
div.paintcont img, table.samples img { border: 1px solid #fc0;}	




table.details { margin: 10px 10px;}
table.details th, table.details td {padding: 3px;}  
table.details th { color: white; font: normal 10px Verdana, sans-serif; text-align: right; padding-right: 8px; vertical-align: top; width: 132px;}
table.details td { font: normal 10px Verdana, sans-serif; color: #fc0; vertical-align: top; }


/*forms*/

input, textarea { color: #FFFFFF; background-color: #000000; }
input.tb, select, textarea { background: black; color: white; font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #3a3a3a;}
input.tb, textarea {padding-left: 2px;}

#sidebar form {	margin: 10px 5px 10px 20px; }
#sidebar input.textbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  border-style: ridge; border-width: 1px; border-color: #333333 #999999 #CCCCCC #333333; padding: 2px; }
#sidebar .button { vertical-align: bottom; }

form#paging { display: inline; float: right; margin: -35px 20px 0 0;}
form#paging select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #000000; border: 1px solid white; }

form.product {margin: 10px 20px;}
form.product th { width: 215px; text-align: right; font: normal 9px Verdana, sans-serif; padding: 3px 5px 3px 0; color: white; background: #0b0b0b;}
form.product td, form.product input.tb, form.product select { color: #fc0; font: normal 9px Verdana, sans-serif;}
form.product td { padding: 3px 0 3px 5px;}

.number { text-align: right }


div.rowholder { margin: 20px 20px; background: black; }
div.row { height: 20px; background: #0b0b0b; margin-top: 17px; position: relative }
div.row span.label  { display: block; position: absolute; top:0 ; left: 0;  height: 20px; width: 220px; text-align: right; line-height: 20px;}
div.row span.formw {  line-height: 20px; text-align: left; padding-left: 235px; color: #fc0; }
div.row input.tb { width: 210px; color: #fc0;}
div.row input.rb { background: #0b0b0b;}
div.row select  { width: 214px; color: #fc0;}
div.row label  { font-weight: normal;}
div.buttons { text-align: right; margin: 40px 20px 20px}
div.buttons img { border: none; margin-left: 5px }

div.rowerror {  background: url(../img/arrow_up.gif) black 235px 0px no-repeat; font-weight: normal; padding-left: 260px;}

div.simplerow { background: #0b0b0b; margin-top: 17px; position: relative; line-height: 20px;  }
div.simplerow label  { color: #fff; font-weight: normal;}
div.simplerow input.rb { background: #0b0b0b; }
div.simplerow input.tb, div.simplerow textarea { width: 210px; color: #fc0;}
div.simplerow span.label  { display: block; position: absolute; top:0 ; left: 0;  height: 20px; width: 220px; text-align: right; line-height: 20px;}
div.simplerow span.formw {  line-height: 20px; text-align: left; padding-left: 235px; color: #fc0; }


div.error { margin: 10px 20px 20px; background: url(../img/arrow_r.gif) black top left no-repeat; text-indent: 18px; line-height: 16px; }


p.desc, div.desc {font: normal 9px Verdana, sans-serif; color: #666; margin-bottom: 20px;}


.note { color: #666; font: normal 9px Verdana, sans-serif; margin: 10px 20px; padding: 5px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.note p {margin: 0;}

.question { font-weight: bold; }

.priceconv {color: #666;}

.response { margin: 10px 20px 30px 20px;  border-bottom: 1px solid #fc0; }
.response .back{ text-align: right; margin: 0 0 5px 10px;  }
.response .back a, p.more a, p.less a  { font-weight:normal; font-size: 9px}

.super { font-size: 0.75em; vertical-align: text-top }

p.more, p.less {display: none; margin-top: -1em; text-align: right}

.tac { text-align: center }
.tar { text-align: right }

table.wl {border: none; margin: 10px 20px; width: 450px}
table.wl tr {  background: #0b0b0b;  }
table.wl td { height: 23px; color: #fc0; padding: 0 0 0 5px; border-bottom: 3px solid black; }
table.wl td.data { color: #fff; }
table.wl td.hasDetails { border-bottom: 3px solid #0b0b0b; }
table.wl td.desc {color: #666; font-size: 9px;} 
table.wl th { padding: 5px 5px; border-bottom: 3px solid black; font-weight: normal }
table.wl th.first {  background: url(../img/rc_left.gif)  #0b0b0b left top no-repeat; }
table.wl th.last {  background: url(../img/rc_right.gif)  #0b0b0b right top no-repeat; }
table.wl td.button {text-align: center}

table.overview {border: none; margin: 10px 20px;}
table.overview td {  color: #fc0; padding-left: 10px}
table.overview th { font-weight: normal }

table.overview td.qty { text-align: right }



.delete { color: red }

span.titledetail {font-size: 0.6em}

strong.subtitle { font-weight: normal; text-transform: uppercase}