/*
-----------------------------------------------
Title: gravityscripts gallery template dku 2
Author:   soul76 // gravitydesign
Date:  MAR 2006
History:
ver1.0 160306
----------------------------------------------- */

/* structure
----------------------------------------------- */

body, html { margin: 0; padding:0; }
  
body { background: white; color: black; }

#pagecontainer { position: relative; background: transparent url(img/header.gif) no-repeat; margin: 0 auto; width: 681px; font: 7pt verdana, geneva, arial, sans-serif; font-weight: normal; }

#header { width: 681px; height: 152px; background: transparent; }

#footer { clear: both; background: transparent url(img/footer.gif) bottom no-repeat; width: 681px; height: 45px; padding-top: 20px; }

/* headlines/* other elements
----------------------------------------------- */
h1, h2, h3 { text-transform: uppercase; font-weight: bold; padding: 0 5px 0 5px; }

h1 { font-size: 9pt; }

h2 { margin: 20px 0 10px 0; font-size: 12pt; font: 12pt verdana, geneva, arial, sans-serif; font-weight: bold; }

h3 { font-size: 12pt; }

#order_form h3 { font-size: 8pt; } 


/* paragraphs/* other elements
----------------------------------------------- */
p { color: black; font-weight: bold; font: 8pt Arial, sans-serif; margin: 10px; }

#footer p { margin: 20px 0 20px 0; text-align: right; }


/* links
----------------------------------------------- */
a:link { color: #AC070E; }
a:visited { color: #AC070E; }
a:hover { color: #BABABA; text-decoration: none; }
a:active { color: #BABABA; text-decoration: none; }
a:focus { color: #BABABA; text-decoration: none; }

.article a:link { color: #AC070E; padding: 0; }
.article a:visited { color: #AC070E;  padding: 0; }
.article a:hover { color: #BABABA; text-decoration: none;  padding: 0;  }
.article a:active { color: #BABABA; text-decoration: none;  padding: 0;  }
.article a:focus { color: #BABABA; text-decoration: none;  padding: 0;  }

#header a { display: block; font-size: 9pt; width: 100px; }
#header a:link { color: black; text-decoration: none;  padding: 0; font-weight: bold; text-transform: uppercase; background: #E9E9E9;  }
#header a:visited { color: black; text-decoration: none;  padding: 0; font-weight: bold; text-transform: uppercase; background: #E9E9E9; }
#header a:hover { color: #BABABA; text-decoration: none;  padding: 0; font-weight: bold; text-transform: uppercase; background: #E9E9E9;}
#header a:active { color: #BABABA; text-decoration: none;  padding: 0; font-weight: bold; text-transform: uppercase; background: #E9E9E9;}
#header a:focus { color: #BABABA; text-decoration: none;  padding: 0; font-weight: bold; text-transform: uppercase; background: #E9E9E9;} 


/* images
----------------------------------------------- */
img { border:none; }

#legal { width: 110px; height: 45px; background: transparent; position: absolute; top: 20px; right: 55px; }

#cart img { width: 110px; height: 45px; background: transparent; position: absolute; top: 20px; right: 55px; }


/* other elements
----------------------------------------------- */
#error_reason { display: block; border: 1px solid #C40303; padding: 5px; margin: 3px 0 3px 0; background: grey;  }


/* form elements
----------------------------------------------- */
input, textarea { border: 1px solid #BABABA; background: transparent; }
button { border: 1px solid #BABABA; background: transparent; color: #BABABA; }
button:hover { border: 1px solid #C40303; color: #C40303; }
textarea { height: 100px; }
select, file { border: 1px solid #BABABA; }


/* articles
----------------------------------------------- */
.article { float: left; width: 135px; height: 160px; background: transparent; color: black; margin: 0 0 10px 20px; text-align: center; border: 1px solid #E9E9E9; }

.article:hover { border: 1px solid #C40303; }

.article a.txtlink { display: block; text-transform: uppercase; font-weight: bold; color: #C40303; padding: 0; }

.article a.txtlink:hover { color: white; background: #C40303; }

.article .article_price { display: block; font-weight: bold; }

.article_details { overflow: hidden; }

.article_details p { padding: 5px; }

#article_details_img { width: 350px; height: 280px; float: left; }

.article_details table { float: left; width: 325px; }

.article_details td { padding: 5px; }

#article_location { margin: 10px 10px 10px 0; }

#Fsubmit { border: none; background: #E9E9E9; color: #C40303; padding: 1px; font-size: 7pt; }

#article_list { margin: 0; padding: 0;}

#article_list_totals { margin: 0px; padding: 0px; height: 35px; vertical-align: middle; }

#postage_total { margin: 0px; padding: 0px; height: 30px; vertical-align: middle; border-top: 1px solid #333333;}

#article_list_total { margin: 0px; padding: 0px; width: 200px; text-align: left; font-weight: bold; font-size: 9pt; }

#article_list td { width: 100px; padding: 0 0 3px 3px; background: #F1F1F1;}

#article_list .nr2 { width: 20px; }

#article_list .nr { width: 20px; border-right: 1px solid #333333;}

#article_list th { text-align: left; border-bottom: 1px solid #333333; }


/* order form
----------------------------------------------- */
#order_form { margin: 0 10px 10px 10px; width: 660px; }

#order_form  td { padding: 5px; }

#order_form .hl { padding-top: 30px; border-bottom: 1px solid #333333; }

#order_form input { font-size: 7.5pt; }

#order_form .txt { width: 160px;  }

#order_form select { margin: 0 5px 0 0; }


/* lists
----------------------------------------------- */
#header ul { margin: 0px 0 0 240px; list-style-type: none; padding: 10px 0 0 0; }
li { margin: 0; padding: 4px; }