/* --------------------------------------------------

 CSS Style sheet for Menschik Website

  Designed & Coded: Nico van Leeuwen
  Created: 04.03.2009
  Updated: 04.03.2009
  filename: neutral.css
  
----------------------------------------------------*/

/* Neutralise BODY Tag */

body {
 margin: 0;
 padding: 0;
}

/* Neutralise DIV Tag */

div {
 margin: 0;
 padding: 0;
}

/* Neutralise P Tag */

p {
 margin: 0;
 padding: 0;
}

/* Neutralise H1 Tag */

h1 {
 margin: 0;
 padding: 0;
}

/* Neutralise H2 Tag */

h2 {
 margin: 0px;
 padding: 0px;
}

/* Neutralise H3 Tag */

h3 {
 margin: 0;
 padding: 0;
}

/* Neutralise H4 Tag */

h4 {
 margin: 0;
 padding: 0;
}

h5 {
 margin: 0;
 padding: 0;
}

/* Neutralise UL Tag */

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

/* Neutralise LI Tag */

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

/* Neutralise A Tag */

a {
 text-decoration: none;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

/* Neutralise IMG Tag */

img {
 margin: 0;
 padding: 0;
 border: 0;
}

body {
 font: 14px Arial, Geneva, Arial, Helvetica, sans-serif;
 background-color: #7489A1;
 text-align: center;
}

#wrapper {
 margin-left: auto ;
 margin-right: auto ;
 width: 950px;
 margin-bottom: 15px;
 margin-top: 15px;
 background: url(/images/menschik/wu-bg-wrapper.gif) repeat-y;
}

#menuarea {
 width: 230px;
 float: left;
 padding: 0px 0px 0px 0px;
}
  
#contentarea {
 width: 720px;
 margin: 0px 0px 0px 0px;
 float: right;
}

#userarea {
 width: 230px;
 float: left;
}

#footer {
 clear: both;
 height: 30px;
 background: #536273;
}

#header {
 clear: both;
 height: 30px;
 background: #536273;
}

#headertext {
 float: right;
 width: 720px;
}

#header p {
 padding: 2px;
 font-size: 20px;
 font-weight: bold;
 letter-spacing: 9px;
 color: #85919F;
 text-align: center;
}
  
#footer p {
 display: block;
 color: #ffffff;
 font-size: 12px;
 text-align: right;
 padding-top: 8px;
 padding-right: 10px;
 margin-bottom: 0px;
}

#footer ul {
 float: left;
}

#footer li {
 display: inline;
 float: left;
 padding: 6px 5px 4px 30px;
}

#footer a {
 color: #ffffff;
}

#footer a:hover {
 color: #000000;
}

#footer a.active {

}


img.head {
 margin: 10px 18px;
 background: #ECF1F7;
 border: solid 8px #ECF1F7;
}

img.logo {
 margin:10px;
}
ul.menu0 {
 background: #C0D0E5;
 margin: 0px 15px 15px 15px;
 padding: 9px 0px;
}
  
ul.menu0 li {
 border: solid 1px #C0D0E5;
 display: block;
 text-align: left;
 padding: 0px 9px 0px 9px;
}
  
ul.menu0 a {
 display: block;
 font: 14px Arial, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #0B3458;
 padding: 3px 4px;
 text-align: left;
 text-transform: uppercase;
}

ul.menu0 a.active {
 color: #0B3458;
 background: #D4DCE7;
}

ul.menu0 a:hover {
 color: #FFFFFF;
 background: #1C57A2;
}


/* Shopping Cart */

div.minicart {
 display: block;
 background: #C0D0E5;
 margin: 5px 15px 15px 15px;
}

div.minicart:hover {
 background: #ffffff;
}

p.contents {
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 padding: 5px;
 color: #536273;
}

p.cart {
 font: 28px Arial, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 color: #A5B8D1;
}

div.cartactive {
 background: #D4DCE7;
}
/* Usermenu */

ul.usermenu {
}

.usermenu li {
 font: 14px Arial, Geneva, Arial, Helvetica, sans-serif;
 display: inline;
 float: left;
 text-align: center;
 
}

.usermenu a {
 display: block;
 width: 105px;
 padding: 7px 5px;
 text-transform: uppercase;
 color: #E7EDF5;
 
}

.usermenu a:hover {
 background: #85919F;
}/* All Boxes */

.box {
 clear: both;
 margin: 10px 20px;
 background: #ffffff;
}

/* Header Formating */

.box h1 {
 margin: 8px;
 padding: 0px 0px 4px 0px;
 font-size: 22px;
 color: #536273;
 border-bottom: #CCD4E2 solid 1px;
}

.box h2 {
 margin: 10px 6px 1px 12px;
 color: #536273;
 text-align: left;
 font-size: 16px;
 border-bottom: #CCD4E2 solid 1px;
 clear: both;
}

h2.success {
 background: #CAFFC5;
 color: green;
 border: green solid 1px;
 padding: 3px;
 text-align: center;
}

.box a { color: #7489A1; }
.box a:hover { color: #000000; }

/* Text Formating */

.box p {
 font-size: 16px;
 margin: 2px 12px 10px 10px;
 padding: 2px 0px 2px 0px;
 color: #7489A1;
 text-align: left;
}

/* Shop Formating */

ul.product-list {
 clear: both;
 display: block;
 margin: 4px;
}

.product-list a {
 display: block;
 border: solid 1px #CCD4E2;
 padding: 6px;
 color: #0B3458;
 float: left;
}

.product-list a:hover {
 border: solid 1px #CCD4E2;
 color: #000000;
 background: #CCD4E2;
}

.product-list li {
 margin: 6px 1px 6px 6px;
 display: block;
 text-align: left;
}

p.listcap {
 text-align: right;
 margin: 2px;
 font-size: 12px;
}

h1.cat {
 margin-right: 222px;
}

h1.prod {
}

img.catimg {
 background: #ECF1F7;
 border: solid 8px #CCD4E2;
 float: right;
 margin: 0px 5px 10px 16px;
}

/* Mini Image Gallery for Shop */

img#mainpic {
 border: solid 9px #CCD4E2;
 margin: 1px 6px 0px 0px;
}

div.minigallery {
 float: right;
}

div.thumbnails {
 margin: 0px 0px 0px 0px;
 float: left;
 width: 68px;
}

.thumbnails ul {
 margin: 0px;
 padding: 0px;
}

li.thumbnail {
 margin: 1px;
 float: left;
}

.thumbnail a {
 display: block;
 border: solid 3px #CCD4E2;
 margin: 0px;
 padding: 0px;
}


div.atribute {
 width: 100%;
 padding: 1px;
}

p.athead {
 width: 150px;
 text-align: right;
 font-weight: bold;
 float: left;
}

p.atbody {
}

.artcount {
 font-size: 18px;
 font-weight: bold;
 color: #7489A1;
 width: 30px;
 text-align: center;
 position: relative;
 top: 2px;
}

.artsubmit {
 padding: 2px 3px;
 font-weight: bold;
 font-size: 14px;
 background: #7489A1;
 color: #ffffff;
 position: relative;
 top: 4px;
}

.footnote {
 font-size: 10px;
}

/* Shopping Cart  */

.box table {
 color: #7489A1;
}

.box td {
 vertical-align: top;
 padding: 5px;
}

pre {
 border: solid 1px;
 padding: 3px;
 color: #7489A1;
 margin-left: 20px;
}

th.product {
 text-align: left;
}

td.num, th.num {
 text-align: right;
}

span.numsmall {
 text-align: center;
 font-size: 10px;
 padding-left: 0px;
 padding-right: 0px;
 
}

td.count, th.count {
 text-align: center;
}

.prodcode {
 font-size: 12px;
 padding-left: 20px;
}

table a { color: #7489A1; }
table a:hover { color: #000000; }

th { 
 background: #7489A1;
 color: #ECF1F7;
 padding: 6px;
 border: solid 1px #7489A1;
}
td.even { background: #ECF1F7; }
td.odd { background: #f6f6f6; }


tr.cleared { border: none; }

.cartcount {
 padding: 2px;
 width: 30px;
 text-align: center;
 border: solid 1px #7489A1;	
}

p.big {
 text-align: center;
 font-size: 24px;
 margin-top: 20px;
}

div.submitbar {
 border-top: solid 1px #CCD4E2;
 margin-top: 4px;
 clear: both;
 text-align: right;
}

table.formtable {
 border: none;
}

td.formtitle {
 width: 190px;
 text-align: right;
}

.formtable input {
 border: solid 1px #7489A1; 
}

.ballot-start img {
 float: left;
 border: solid 4px #CCD4E2;
 margin: 0px 6px 6px 6px;
}
.ballot-start div {
 padding-bottom: 20px;
}

.ballot-payment img {
 clear: right;
 float: right;
}

.ballot-payment p {
 clear: both;
}

.ballot-imprint img, .ballot-shipping img, .ballot-contact img {
 float: right;
}

.invalid input {
 border: solid 1px red;
}

span.errmsg {
 font-style: italic;
 color: red;
}

.list-address li {
 text-align: left;
 margin: 10px;
 list-style: decimal;
 border-top: solid 1px #CCD4E2;
 color: #536273;
 
}

ul.address-menu {
 float: right;
}

.address-menu li {
 list-style: none;
 border: none;
}

table.cart {
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 color: #7489A1;
 width: 650px;
 border-collapse: collapse;
 font-size: 14px;
 border: solid 1px #CCD4E2;
}

table.addresses {
 font-size: 14px;
 float: left;
 width: 300px;
 margin: 10px;
 margin: 10px;
}

td.radiocol {
 width: 10px;

}

/* Order List */

ul.order-list {
 clear: both;
 display: block;
 margin: 4px;
}

.order-list a {
 display: block;
 border: solid 1px #CCD4E2;
 height: 60px;
 color: #0B3458;
}

.order-list a:hover {
 border: solid 1px #CCD4E2;
 color: #000000;
 background: #CCD4E2;
}

.order-list li {
 margin: 6px 1px 6px 6px;
 display: block;
 text-align: left;
}

span.order-no {
 display: block;
 float: left;
 border: solid 1px;
 padding: 16px 0px;
 margin: 4px;
 width: 65px;
 text-align: center;
}

span.order-date {
 display: block;
 float: left;
 margin: 4px 10px;
 width: 140px;
}

span.order-ship {
 display: block;
 float: left;
 margin: 4px 10px;
 width: 140px;
}

span.order-count {
 display: block;
 float: left;
 margin: 4px 10px;
 width: 90px;
 text-align: right;
}

span.order-total {
 display: block;
 float: left;
 margin: 4px 10px;
 width: 130px;
 text-align: right;
}

span.order-user {
 display: block;
 float: left;
 margin: 4px 10px;
}








span.ship-title {
 float: left;
}

span.item-price {
 float: right;
 padding-top: 26px;
}


span.order-username {
 margin: 0px 20px;
 padding: 0px 20px;
 float: left;
}

div.address {
	float: left;
	width: 320px;
	text-align: left;
	margin-left: 10px;
}

.address p {
 padding-left: 20px;
}

div.userlist {
 border: solid 1px #c0c0c0;
 width: 660px;
 margin: 4px 6px;
 padding: 4px;
 float: left;
}

div.useroptions {
 float:right;
 margin: 0px;
 padding: 0px;
}

.useroptions input {
 border: solid 1px;
}

p.username {
 margin: 0px;
 padding: 0px;
}

p.userdates {
 float: right;
 font-size: 10px;
 clear: both;
 margin: 0px;
 padding: 0px;
}

p.userrights {
 float: left;
 font-size: 10px;
 margin: 0px;
 padding: 0px;
}


span.small {
 font-size: 10px;
}


div.showprod-price {
 width: 200px;
 float: left;
 text-align: left;
 margin-left: 0px;
 margin-top: 10px;
}

p.showprod-priceTitle {
 font-size: 18px;
 text-align: left;
 padding: 0px;
 margin: 0px;
}

p.showprod-priceOriginal {
 text-decoration: line-through;
 text-align: left;
 margin: 0px;
}

p.showprod-priceNormal {
 font-size: 18px;
 font-weight: bold;
 text-align: left;
 margin: 1px;
}

p.showprod-priceInfo {
 font-size: 10px;
 font-weight: bold;
 text-align: left;
 padding: 0px;
 margin: 0px;
}

p.showprod-priceSpecial {
 font-size: 18px;
 font-weight: bold;
 text-align: left;
 color: #E60005;
 padding: 0px;
 margin: 0px;
}

p.showprod-priceNoVat {
 font-size: 10px;
 text-align: left;
 margin-top: 4px;
}

textarea.comment {
 border: solid 1px #CCD4E2; 
 width: 400px;
 height: 100px;
 margin: 14px;
}

div.comment {
 text-align: left;
}div#adminbar {
 text-align: left;
 padding: 4px;
 background: #000000;
 color: #ffffff;
}

#adminbar {
 color: #ffffff;
}

#adminbar form {
 display: inline;
}

#adminbar input {
 display: inline;
 margin: 4px 2px 4px 10px;
 padding: 2px;
 font-size: 12px;
 background: #000000;
 color: #ffffff;
}

#adminbar table {
 margin-left: auto ;
 margin-right: auto ;
 color: #ffffff;
}

.areaoverview td {
 padding: 4px;
 border: solid 1px;
 width: 300px;
 vertical-align: top;
}

.addfunction td {
 border: solid 1px;
 width: 800px;
 padding: 10px;
}

#adminbar p {
 color: #ffffff;
}


td.addfunction {
 width: 400px;
}

.edit-content textarea {
 width: 100%;
 height: 70%;
}