html, body { margin: 0; padding: 0; }
body { margin: 1em; font-size: 0.64em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; text-align: center; background: #f0f8ff; }
a { color: red; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
p { margin: 0; padding: 0.5em 0; }
form, div { margin: 0; padding: 0; }
.clear { clear: both; margin: 0; padding: 0; height: 0; float: none; }
.cl { clear: left; }

.required span { color: red; }

#logo { margin: 1em auto; display: block; width: 17.5em; }
#logo img { width: 17.5em; height: 2.9em; }

h1 { color: #004596; font-weight: bold; font-size: 120%;}
h2 { color: #004596; font-weight: bold; font-size: 120%;}
h3 { font-weight: bold; font-size: 110%; margin: 0; padding: 0 0 0.5em 0; }

ul, li { list-style-type: none; margin: 0; padding: 0; }

#container, #hcontainer, #mcontainer { position: relative;  width: 49em; margin: 0 auto; text-align: left; padding: 1em; background: #fff2d0; }
#hcontainer { width: 34em; }
#mcontainer { width: 64em; }
#container.home { padding: 1em 12em; }

.randproducts { position: absolute; width: 10em; height: 100%; background: #fbe9ba; top: 0; bottom: 0; padding: 0 0.5em; overflow: hidden; }
#randproducts1 { left: 0; } 
#randproducts2 { right: 0; _margin-right: -1px; }
.randproducts a { display: block; margin-top: 2em; }
.randproducts a.first { margin-top: 9em; }
.randproducts a img { width: 10em; }


#menu { margin: 2em auto; text-align: center; padding: 0.5em 0; border-bottom: 1px solid #A9A9A9;}
#menu li { display: inline; border-left: 1px solid black; padding: 0 0.5em; line-height: 0.9em; }
#menu li.first { border: none; }

#search { border: 1px solid #A9A9A9; float: left; position: relative; width: 27.5em; height: 15em; overflow: hidden; background: #f0f8ff; }
#search a, #advsearch a  { position: absolute; top: 5px; right: 10px; }

#advsearch { width: 47em; position: relative; height: auto; margin: 0 auto 1em auto; border: 1px solid #A9A9A9; background: #f0f8ff;}
#advsearch ul.main { width: 95%; border-top: 1px solid #A9A9A9; border-bottom: 1px solid #A9A9A9; margin: 0 auto; padding: 1em 0 }
#advsearch ul.main li { float: left; width: 45%; margin: 0.2em; padding: 0;}
#advsearch ul.main li.clear { clear: both; margin: 0; padding: 0; height: 0; float: none; }
#advsearch ul.specifics { margin: 1em auto; width: 95%; }
#advsearch ul.specifics li.odd { clear: left; float: left; width: 52.5%; padding: 0.5em 0; }
#advsearch ul.specifics li.even { clear: right; float: right; width: 45%; padding: 0.5em 0; }
#advsearch ul.specifics li.odd label, 
#advsearch ul.specifics li.even label { width: 8em; display: block; padding-top: 0.3em; float: left; clear: left; }
#advsearch ul.specifics li.even select { width: 9.5em; float: right; clear: right; }
#advsearch ul.specifics li.even label { width: 5em; }
#advsearch ul.specifics li #year { width: 4em; }


#searchResults { margin: 0; width: 45em; margin: 0 auto; }
#searchResults th { background: #004596; color: #FFF; padding: 0.4em; }
#searchResults td { padding: 0.4em; }
#searchResults tr.odd td { background: #fff9e8; }
#container.search p { text-align: center; }

#login { border: 1px solid #A9A9A9; float: right; width: 20em; height: 15em; margin-bottom: 1em; background: #f0f8ff; }
#login h2, #search h2, #login p { margin: 0.5em; }
#login li, #search li { height: 2.5em; }
#login input, #search input { width: 7em; float: right; clear: right; margin-right: 0.5em; }
#search input { width: 14em; }
#login label, #search label { width: 7em; float: left; clear: left; margin-left: 0.5em; }
#search label { width: 5em; font-weight: bold; }
#search input.button { margin: .3em .5em .3em 0; width: 14.5em}
#welcome h1 { font-size: 100%; font-weight: bold; margin: 0; padding: 0.5em 0; }
#welcome, #copyright { border-top: 1px solid #A9A9A9; margin-top: 1em; clear: both; padding: 0.5em; }
#copyright { border: none; }
#search div { clear: both; margin: .5em; border-top: 1px solid #A9A9A9; padding: 0.5em 0; }

#randstands { border: 1px solid #A9A9A9; }
#randstands h2, #randstands p { margin: 0.5em; } 
#randstands ul li, .standlist li { padding: 0.3em; border-bottom: 1px solid #A9A9A9; }
#randstands ul { margin: 0.5em 1em; }
.standlist { margin: 1em; }

.Regions h1 { padding-left: 0.5em; } 
div.region { float: left; width: 15.1em; margin: 0.5em; padding: 0; }
div.region h2 { margin: 0; color: #FFF; background: #004596; padding: 0.2em 0.5em; }
div.region h2 a { background: #004596; color: #FFF; }
div.region ul { margin-top: 0.5em; }
div.region .more { padding-top: 0.3em; }

#copyright { text-align: center; }

#registerform, #loginform  { width: 40em; margin: 0 auto; padding: 10px 0; }

#registerform label, #loginform label { width: 10em; display: block; float: left; line-height: 2em; vertical-align: middle; }
#registerform label.multiline { line-height: 1em; }
#registerform input { float: left; width: 20em; }
#registerform select { float: left; }
input#street { width: 15em; }
input#house { width: 4em; margin-left: 0.8em; }
input#male, input#female, input#accept { width: auto; }
#registerform label.small { width: auto; }
#registerform li,#registerform p { clear: both; padding: 0.3em 0; }
p.error { padding-left: 3em; color: #800000; }
#registerform .button { float: none; width: auto; }

#admin { border: 1px solid black; width: 63em; margin: 0 auto; padding: 0.1em; position: relative; background: #f0f8ff url('images/grey400.png') 45em 0 repeat-y; }
#admin li { margin-bottom: 1.5em; }
#admin li ul li { margin-bottom: 0; }
#admin div { width: 44em; padding: 0.2em; }
#admin #adminmenu, #admin #cpf { float: right; width: 17.5em; padding: 0.5em 0; background: #DDD; overflow: hidden; }
#admin #adminmenu.form { width: 16em; }
#colorpicker { margin: 0 auto; }
#colorpicker div { padding: 0; }
#cpf input { margin: .5em 1.5em; }
#cpf label { display: block; }
#cpb { width: 10.5em; }

#products h2, #wishlist h2 { display: block; color: #000; text-align: center; margin: 0.2em 0 1em; padding: 0.35em; }
#products h2 span { font-weight: normal; }
#products ul { margin: 0; padding: 0; }
#products ul li  { float: left; padding: 0.3em; margin: 0; }
#products ul li ul { width: 8em; }
#products ul li ul li { float: none; width: 100%; text-align: center; padding: 0; }
#products ul li ul li img { width: 7em; }
#products ul li input { width: 90%; margin: 0 auto; }
#products li.img { height: 8em; }
#products li.title { height: 2.4em; }

#products ul.overview { padding: 1em 0 0 0.9em; overflow: auto; height: 8em; } 
#products ul.overview li { width: 8em; float: left; }
#products ul.overview li img { width: 7em; }

#wishlist ul { margin: 0  0 .5em 0; padding: 0; }
#wishlist li { display: block; margin: 0; padding: 0.2em; overflow: auto; _height: 1%; }
#wishlist li a {vertical-align: middle; }
#wishlist li.odd { background: #ECECEC; }
#wishlist form { display: inline; }
#wishlist form input { vertical-align: middle; }
#wishlist span { display: block; float: left; padding-top: 0.4em; padding-bottom: 0.4em; }
span.product { width: 12em; }
span.desc { width: 17em; }

#standdescription { margin: 1em 0; border-top: 1px solid #A9A9A9; }
#standdescription label { font-weight: bold; display: block; padding: 0.3em 0; }
#standdescription #description { width: 20em; }
#standdiscription input { display: inline; float: left; }

#productform { width: 59em; border: 1px solid black; margin: 1em auto; padding: 0.8em 0 1em 0; background: #f0f8ff url('images/grey400.png') 32.5em 0 repeat-y; }
#productform #image { width: 32.5em; float: left; }
#productform #image p { margin-top: 9em; height: 10em; }
#productform #image img { width: 25em; }
#productform textarea { width: 18em; height: 7em; }
#productform #details { width: 25em; float: right; margin: 0 0 0 .5em; padding: 0 .5em .5em .5em; text-align: left; background: #DDD;  }
#productform label { display: block; font-weight: bold; padding: 0.6em 0 0.4em; clear: both;  }
#productform #year { width: 4em; }
#productform #imgcontrol { text-align: center; padding-bottom: 1em; }
#productform #imgcontrol input { width: auto; float: none; margin: 0 auto; }

#stand { text-align: center; padding-bottom: 0.3em; }
#stand h1, #stand h2 { margin: 0.2em 0.2em 1em; padding: 0.35em; text-align: center; color: #000; clear: both;  }
#offered { margin: 0 auto; padding: 0; }
#offered li { width: 9.74em; margin: 0.5em 0; padding: 0; float: left; text-align: center; overflow: hidden; }
#offered li img { display: block; width: 90%; border: 1px solid black; margin: 0 auto; }
#offered li input { margin: 1em 0; }
#offered li label { font-weight: bold;  margin: 0; display: block; height: 2.4em; overflow: visible; }
#wanted { width: 32em; margin: 0 auto; text-align: left; }
#wanted li { display: block; margin: 0.1em;  }
#wanted li label { margin-right: 0.5em; font-weight: bold; }
#wanted li input { vertical-align: middle; }
li.bod { padding-top: 1em; }
#bod { width: 3em; margin: 0 0.5em; }
#ownerinfo { margin: 3em 0.2em 0.2em; border-top: 1px solid #808080; height: 3em; }
#ownerinfo li { width: 45%; display: block; text-align: left; float: left; height: 1em; margin: 1em 0 0 2%; }
#ownerinfo li.first { margin: 1em 2% 0 2%; text-align: right; }
#propose { text-align: center; margin: 1em; }
#propose p { text-align: left; }
#propose label { display: block; padding: 0.3em; font-weight: bold; }

#proposal ul { margin-left: 0.5em; padding-left: 1.5em; } 
#proposal li { list-style-type: square; font-weight: bold; }
#proposal label { display: block; font-style: italic; margin-top: 1em; }
#proposal textarea { display: block; width: 30em; height: 8em; }
#submission { margin-top: 2em; padding-top: 1em; border-top: 1px solid #A9A9A9; }

#submission label { padding-left: 0.3em; }
div#product { padding: 0.4em; overflow: auto; _height: 1%;  }
#product h1 { color: #000; font-size: 110%; }
#product img { width: 30em; float: left; }
#product #details { float: right; width: 17em; }
#product dt { font-weight: bold; width: 7em; float: left; }
#product dt, #product dd { padding-top: 1em; }

.mail ul { background: #DDD; height: 2.2em; margin: 0; padding: 0; overflow: hidden;}
.mail ul li { display: block; float: left; margin: 0.5em 0 0.5em; padding: 0 0.5em; border-left: 1px solid #000; }
.mail ul li.first { border-left: none; }
.mail table { clear: left; margin: 0; width: 100%; padding: 0; }
.mail th { font-weight: bold; padding: 1em 0.2em; border-bottom: 1px solid #A9A9A9; }
.mail .footer td { border-top: 1px solid #A9A9A9; }
.mail td { padding: 0.2em; }
.mail .even td { background: #f0f8ff; }
.mail td.from { width: 20%; }
.mail td.subject { width: 30%; }
.mail td.date { width: 27%; }

div#mail { background: #ececec; border: 1px solid #000; margin: 1em; width: 42em; overflow: hidden; padding: 0; }
div#mail .message { background: #FFF; margin: 1em; overflow: auto; height: 10em; width: 39.5em; border: 1px solid #000; }
div#mail textarea.message { width: 94%; margin: 0 1em 1em 1em; _margin: 0 0 1em 0;}
#mail ul { margin: 0 0 1em 0;  border-bottom: 1px solid #000; background: #f0f8ff; }
#mail ul li { padding: 0.5em 1em; margin: 0; }
#mail ul li label { width: 8em; display: block; float: left; font-weight: bold; }
#mail ul li input { width: 24em; }
.mail .controls { height: 3.1em; }
.mail .controls li { height: 2em; padding: 0.5em  }
.mail .controls li.button { padding: 0 0.5em; }

ul.userdetails, ul.ruilkramen { margin: 0 1em; }
ul.userdetails li { margin: 0.2em 0; display: block; height: 1.5em;   }
ul.userdetails li label { width: 8em; display: block; float: left; clear: left; font-weight: bold; }

ul.ruilkramen li { margin: 0.2em 1em; list-style-type: square; }

#wishlistform { margin: 1em auto; width: 34em; text-align: left; }
#wishlistform ul { border: 1px solid #000; background: #DDD; padding: 0.5em; }
#wishlistform ul li { margin: 0.5em; }
#wishlistform ul li input { width: 17em; }
#wishlistform ul li input.button { width: auto; }
#wishlistform ul li label { font-weight: bold; display: block; float: left; width: 9em; padding-top: 0.2em;}

#accountform ul li { padding: 0; margin: 0.5em; height: 1.8em; }
#accountform ul li span { display: block; padding-top: 0.4em; }
#accountform label { width: 11em; display: block; float: left; padding-top: 0.4em; }
#accountform label.small { float: none; display: inline; }

#accountform .preferences li { clear: both; }
#accountform .preferences li input { float: left; }
#accountform .preferences li label { width: auto; }

#favorites table { width: 95%; }
#favorites table th { background: #CCC; padding: 0.4em 0.2em; }
#favorites table td { padding: 0.2em; }
#favorites table .odd td { background: #ececec; }

.AV ul { padding: 0.5em 2em; }
.AV ul li { list-style-type: square; }

#helpons li { padding-top: 1em; }
#helpons label { display: block; font-weight: bold; margin-bottom: 0.3em; }
#helpons label span { font-weight: normal; }
#helpons textarea { width: 30em; height: 12em; }

#help { padding-top: 1em; text-align: center; clear: both; }

#password li { margin: 0.4em; }
#password label { display: block; font-weight: bold; width: 10em; float: left;  }
#password input { width: 7.5em; }