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

 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: #FFFFFF;
 text-align: center;
}

#wrapper {
 margin-left: auto ;
 margin-right: auto ;
 width: 960px;
 margin-bottom: 15px;
 margin-top: 15px;
}

#footer {
 margin-left: auto ;
 margin-right: auto ;
 width: 960px;
 clear: both;
 height: 120px;
 background: url(/images/koelnton/moto-pagebg.png);
 background-repeat: no-repeat;
 background-position: bottom left;
}

#hotline {
 font-size: 18px;
 font-weight: bold;
 color: #E60005;
 text-align: right;
 padding: 0px 0px 6px 0px;
 letter-spacing: 1px;
}

#slogan {
 float: left;
 font-weight: bold;
 font-style: italic;
 font-size: 18px;
 
}

#topmenu {
 background-color: #ffffff;
/* border-top: solid 3px #E60005; */
 border-top: solid 3px #97979B;
 height: 38px;
}

#leftwrapper {
 width: 227px;
 float: left;
 margin-top: 3px;
}

#rightwrapper {
 width: 680px;
 float: right;
}

#catmenu {
 width: 680px;
 background: #98989C;
 clear: both;
 float: left;
}

#mainmenu {
}

#usermenu {
 width: 596px;
 float: left;
 margin-top: 20px;
 border: solid 1px #97979B;
 background: #D8DADC;
 text-align: left;
 height: 28px;
}

#specials {
 clear: right;
 float: right;
 width: 76px;
 margin-left: 0px;
}

#cartarea {
}

#contentarea {
 width: 598px;
 margin-top: 20px;
 float: left;
}

div#search {
 float: right;
 width: 277px;
 text-transform: uppercase;
 background: #97979B;
 font: 10px Arial, Geneva, Arial, Helvetica, sans-serif;
}

div.mini-search {
}

div.mini-search input.query {
 margin: 1px;
 border: none;
 float: left;
 display: block;
 width: 170px;
}

div.mini-search input.button {
 font-size: 10px;
 padding: 1px;
 text-transform: uppercase;
 margin: 1px;
 background: #E60005;
 color: #ffffff;
 font-weight: bold;
 border: none;
 float: right;
 display: block;
 width: 40px;
}



span.mini-search-title {
 color: #ffffff;
 margin: 3px 9px;
 display: block;
 float: left;
 letter-spacing:2px;
}
.shop-topmenu ul {
 float: right;
}

.shop-topmenu li {
 margin: 7px 0px;
 display: block;
 float:left;
}

.shop-topmenu a {
 display: block;
 color: #B1B1B4;
 font: 12px Arial, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-transform: uppercase;
 border-right: solid 1px #B1B1B4;
 padding: 0px 7px;

}

.shop-topmenu a:hover {
 color: #000000;
 border-right: solid 1px #000000;
}

.shop-topmenu a.active {
 color: #000000;
}

.shop-mainmenu ul {
 float: left;
 margin-top: 4px;
 margin-bottom: 20px;
}

.shop-mainmenu li {
 display: block;
 float:left;
}

.shop-mainmenu a {
 color: #ffffff;
 font: 11px Arial, Geneva, Arial, Helvetica, sans-serif;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: 1px;
 display: block;
 width: 100px;
 background: url(/images/koelnton/moto-menubg.png) #98989C;	
 padding: 3px 0px;
}

.shop-mainmenu a:hover {
 color: #97979B;
 background: url(/images/koelnton/moto-menubg.png) #ffffff;	
}

.shop-mainmenu a.active {
 color: #ffffff;
 background: url(/images/koelnton/moto-menubg.png) #E60005;	
}

.shop-catmenu ul {
}

.shop-catmenu li {
 display: block;
 float:left;
}

.shop-catmenu a {
 color: #ffffff;
 font: 11px Arial, Geneva, Arial, Helvetica, sans-serif;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: 1px;
 display: block;
 width: 100px;
 background: url(/images/koelnton/moto-menubg.png) #98989C;	
 padding: 3px 0px;
}

.shop-catmenu a:hover {
 color: #97979B;
 background: url(/images/koelnton/moto-menubg.png) #ffffff;	
}

.shop-catmenu a.active {
 color: #ffffff;
 background: url(/images/koelnton/moto-menubg.png) #E60005;	
}

div.shop-extramenu, div.shop-usermenu {
 position: relative;
 z-index: 2;
 border: solid 1px #97979B;
 text-align: left;
 margin-bottom: 10px;
}

.shop-extramenu h3, .shop-usermenu h3 {
 font: 16px Arial, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #ffffff;
 background: #97979B;
 padding: 4px 0px 8px 4px;
 width: 140px;
 margin-bottom: 6px;
}

.shop-extramenu ul, .shop-usermenu ul {
 margin-left: 18px;
 margin-bottom: 6px;
}

.shop-extramenu li, .shop-usermenu li {
 list-style: url(/images/koelnton/moto-bullet2.png);
 text-align: left;
}

li.navspacer {
 list-style: none;
}

.shop-extramenu a, .shop-usermenu a {
 font: 16px Arial, Geneva, Arial, Helvetica, sans-serif;
 color: #97979B;
}

.shop-extramenu a:hover, .shop-usermenu a:hover {
 color: #000000;
}

.shop-extramenu a.active, .shop-usermenu a.active {
 color: #000000;
}

/* Shopping Cart */

div.minicart {
 display: block;
 margin-top: 19px;
 border: solid 1px #97979B;
 margin-bottom: 8px;
 text-align: left;
 padding-bottom: 12px;
}

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

.minicart a {
 color:  #97979B;
 font-size: 10px;
 text-align: left;
}

.minicart h3 {
 font: 16px Arial, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #ffffff;
 background: #97979B;
 padding: 4px 0px 8px 4px;
 width: 140px;
}

.minicart ul {
}

.minicart li {
 clear: both;
 display: block;
 padding: 2px;
 font-size: 10px;
 text-align: left;
}

span.mini-price {
 display: block;
 float: right;
}

span.mini-count {
 clear: both;
 float: left;
}

span.mini-code {
 float: left;
}

li.mini-total {
 font-size: 14px;
 padding: 4px 2px;
 border-top: solid 1px #D8DADC;
}

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: #D8DADC;
}

/* Usermenu */

#usermenu p {
 font: 12px Arial, Geneva, Arial, Helvetica, sans-serif;
 float: left;
 margin: 6px 30px 4px 8px;
 color: #97979B;
 font-weight: bold;
 letter-spacing: 3px;
}

#usermenu input {
 text-align: center;
 border: solid 1px #97979B;
 border-top: none;
 margin: 0px;
 width: 120px;
 color: #97979B;
}

#usermenu input.login {
 border-right: none;
}

#usermenu input.hiddensubmit {
 border-right: solid 1px #97979B;
 background: #E60005;
 color: #ffffff;
 font-weight: bold;
 width: 30px;
}

#usermenu ul {
 float: right;
 margin-top: 1px;
}

#usermenu li {
 font: 10px Arial, Geneva, Arial, Helvetica, sans-serif;
 list-style: url(/images/koelnton/moto-bullet.png);
 margin-right: 24px;
}

#usermenu a {
 color: #97979B;
}

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

#usermenu div {
 float: left;
 padding: 0px;
 margin: 0px;
 margin-top: 0px;
}
/* All Boxes */

.box {
 clear: left;
 background: #ffffff;
 float:left;
}

body {
 color: #98989c;
}

div.content {
 border: solid 1px #98989C;
 width: 576px;
 padding: 10px;
 margin-bottom: 10px;
}

div.special {
 border: solid 1px #E60005;
 background: url("/images/koelnton/shop/special-corner.png") top right no-repeat;
}

/* Header Formating */

.box h1 {
 margin:  0px 0px 4px 0px;
 padding: 0px 0px 4px 0px;
 font-size: 12pt;
 text-align: left;
 color: #97979B;
}

.box h2 {
 margin: 4px 6px 10px 0px;
 color: #1B1C20;
 text-align: left;
 font-size: 13px;
 clear: both;
}

.box h3 {
 margin:  0px 0px 4px 0px;

}

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

.box a { color: #98989C; }
.box a:hover { color: #000000; }

/* Text Formating */

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

/* Shop Formating */

#specials h3 {
 display: block;
 background: #E60005;
 color: #ffffff;
 text-transform: uppercase;
 font-size: 13px;
 padding: 6px 0px;
 margin: 0px 0px;
 height: 18px;
 margin-top: 20px;
}

.specials-mini li {
 margin-top: 0px;
 float: left;
 background: url("/images/koelnton/moto-specialbullet.png");
 background-repeat:no-repeat;
 background-position: 32px 6px;
}

.specials-mini a {
 float: left;
 margin: 20px 0px 0px 0px;
 border: solid 4px #E60005;
}

.specials-mini a:hover {
 background: #D8DADC;
}

.specials-mini img {
 margin: 0px;
}




.specials-list a {
 border: solid 1px #E60005;
 float: left;
 padding: 6px;
 margin-top: 4px;
 width: 585px;
 background: url("/images/koelnton/shop/special-corner.png") top right no-repeat;
}

.specials-list a:hover {
 border: solid 1px #E60005;
 color: #000000;
 background: url("/images/koelnton/shop/special-corner.png") top right no-repeat #D8DADC;
}

.specials-list img {
 float: left;
}

.specials-list span.price {
 padding-top: 40px;
 text-align: right;
 float: right;
}

.specials-list span.title {
 float: left;
 padding-top: 10px;
 padding-left: 10px;
}




.specials-cat a {
 display: block;
 border: none;
 float: left;
}

.specials-cat span {
 display: block;
 padding-bottom: 10px;
}

ul.specials-cat {
 display: block;
 border: none;
 float: left;
}

img.specials-cat {
 margin: 10px 9px;
}

/* Base of Cat List Settings */

ul.cat-list {
 display: block;
 float: left;
 margin-right: 0px;
 padding-right: 0px;
}

.cat-list span {
 color: #98989c;
 text-align: center;
 padding: 0px;
 margin: 3px;
}

.cat-list li {
 display: block;
 float: left;
 margin-right: 12px;
 margin-bottom: 12px;
}

li.endofrow {
 margin-right: 0px;
}

.cat-list-3 li {
}

.cat-list-4 li {
}

.cat-list a {
 display: block;
 border: solid 1px #C8C9CC;
 color: #1B1C20;
 font-size: 14px;
 padding: 3px;
}

.cat-list-2 a {
 width: 183px;
 text-align: center;
}

.cat-list-3 a {
 width: 183px;
 text-align: center;
}

.cat-list-4 a {
 width: 284px;
 text-align: left;
 float: left;
}

.cat-list-4 img {
 float: left;
}

.cat-list-4 span {
 float: right;
 text-align: left;
 width: 184px;
 margin-top: 10px;
}

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

ul.product-list {
 display: block;
 width: 596px;
 margin: 0px;
 padding: 0px;
 float: right;
}

.product-list li {
 text-align: left;
 margin: 0px;
 padding: 0px;
 float: right;
 width: 596px;
}

.product-list a {
 display: block;
 margin: 2px 0px;
 border: solid 1px #C8C9CC;
 color: #1B1C20;
 font-size: 12px;
 padding: 4px;
 float: left;
 width: 586px;
}

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

ul.product-grouplist {
 display: block; 
}

.product-grouplist li {
 display: block;
 text-align: left;
 margin: 0px;
 margin-right: 10px;
 margin-bottom: 6px;
 float: right;
}

.product-grouplist a {
 display: block;
 border: solid 1px #C8C9CC;
 color: #1B1C20;
 font-size: 10px;
 padding:  1px 3px 1px 3px;
 width: 376px;
 float: left;
}
.product-grouplist a:hover {
 border: solid 1px #CCD4E2;
 color: #000000;
 background: #D8DADC;
}

.product-grouplist span.price {
 font-size: 14px;
 float: right;
 padding: 4px;
}

.product-grouplist span.code {
 float: left;
 font-size: 14px;
 color: #1B1C20;
 padding: 4px;
}

a.special {
 border: solid 1px #E60005;
 background: url("/images/koelnton/shop/special-corner.png") top right no-repeat;
}

a:hover.special {
 border: solid 1px #E60005;
 background: url("/images/koelnton/shop/special-corner.png") top right no-repeat #D8DADC;
}

span.specials-mini-price {
 display: block;
 width: 60px;
 float: left;
 color: #E60005;
 font-weight: bold;
 margin: -9px 0px; 
 padding: 0px;
 position: relative;
 left: 0px;
 top: -15px; 
 background: #f2f2f2;
}

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

.order-list a {
 display: block;
 border: solid 1px #CCD4E2;
 height: 60px;
 color: #0B3458;
 float:left;
 width: 560px;
 margin: 4px 0px;
}

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

.order-list li {
 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: 110px;
}

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

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

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

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

span.proddetails {
 float: right;
 width: 510px;
}

span.prodprice {
 display: block;
 float: right;
 text-align: right;
 padding: 3px;
 padding-right: 14px;
 margin: 0px;
 font-weight: normal;
 font-size: 12px;
 margin-top: 10px;
}

span.prodtitle {
 display: block;
 float: left;
 text-align: left;
 font-size: 14px;
 margin: 0px 6px;
 padding: 0px;
}

span.prodthumb {
 border: solid 1px #C8C9CC;
 display: block;
 float: left;
}

span.prodcode {
 display: block;
 font-weight: normal;
 font-size: 12px;
 margin: 0px;
 padding: 2px 0px;
 float: left;
 clear: left;
}

div.showprod-desc, div.showcat-desc {
 clear: both;
 padding: 0px 0px 0px 0px;
 text-align: left;
}

h2.showprod-desc {
 
}

.showprod-desc h3, .showcat-desc h3 {
 padding: 6px 0px;
 font-size: 14px;
 font-weight: bold;
}

.showprod-desc li, .showcat-desc li {
 list-style-type: square;
 margin-left: 16px;
 font-size: 12px;
}

.showprod-desc p {
 font-size: 12px;
}

div.showprod-attributes {
 padding: 6px;
}

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;
}


ul.options {
 margin: 0px 4px;
 padding: 10px 0px;
}

.options li {
 text-align: left;
 margin-left: 5px;
 color: #98989C;
}


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

h1.cat {
 margin: 0px 10px;
 float: left;
}

img.cat {
 border: solid 1px #C8C9CC;
 float: left;
 margin: 0px 0px 6px 1px;
}

div.prodgroup {
 border: solid 1px #C8C9CC;
 width: 586px;
 float: left;
 clear: both;
 margin-bottom: 18px;
 padding: 6px 0px 10px 10px;
 

}

.prodgroup img {
 float: left;
 border: solid 1px #C8C9CC;
 margin: 0px 0px;
}

/* Mini Image Gallery for Shop */

img#mainpic {
 border: solid 1px #98989C;
 margin: 12px 12px 12px 0px;
}

div.showprod-image {
 float: left;
}

div.atribute {
 clear: both;
 margin-left: 170px;
 width: 400px;
 padding: 1px;
}

div.attop {
 margin-top: 40px;
}

p.athead {
 width: 100px;
 font-weight: bold;
 float: left;
}

p.atbody {
}



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

.artsubmit {
 padding: 2px 3px;
 background: url(/images/koelnton/moto-submitbg.png) #E60005;
 background-repeat: repeat-x;
 font: 11px Arial, Geneva, Arial, Helvetica, sans-serif;
 text-align: center;
 text-transform: uppercase;
 border: none;
 border-left: solid 1px #56555A;
 border-right: solid 1px #56555A;
 color: #ffffff;
 position: relative;
 top: 4px;
}

.footnote {
 font-size: 10px;
}

/* Shopping Cart  */

.box table {
 color: #98989C;
}

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

th.product {
 text-align: left;
}

td.num, th.num {
 text-align: right;
 white-space: no-wrap;
}

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

.prodcode {
 font-size: 10px;
 padding-left: 0px;
}

td.product {
 text-align: left;
}

table a { color: #98989C; }
table a:hover { color: #000000; }

th { 
 background: #98989C;
 color: #ffffff;
 padding: 2px 6px;
 border: solid 1px #D8DADC;
}
td.even { background: #f2f2f2; }
td.odd { background: #f9f9f9; }


tr.cleared { border: none; }

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

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

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

table.formtable {
 border: none;
}

.formtable td {
 text-align: left;
}

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

.formtable input {
 border: solid 1px #98989C;
 text-align: left;
}

.formtable textarea {
 border: solid 1px #98989C; 
 text-align: left;
}

.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;
}

.invalid textarea {
 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 {
 color: #98989C;
 width: 600px;
 border-collapse: collapse;
 font-size: 12px;
 border: solid 1px #CCD4E2;
}

table.addresses {
 font-size: 14px;
 float: left;
 width: 280px;
}

td.radiocol {
 width: 5px;

}

.hiddensubmit {
 width: 1px;
}

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

div.address {
	float: left;
	width: 280px;
	text-align: left;
	margin-left: 0px;
}

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

div.userlist {
 border: solid 1px #c0c0c0;
 width: 598px;
 margin: 4px 0px;
}

#totalprice {
 font-size: 16px;
}

.numsmall {
 font-size: 9px;
}

.shop-downloads ul {
 list-style-type: square;
 margin-left: 16px;
 margin-bottom: 20px;
 text-align: left;
 
}

.shop-downloads li {
 list-style-type: square;
 margin-left: 16px;

}

textarea.comment {
 border: solid 1px #98989C; 
 width: 400px;
 height: 100px;
}

div.comment {
 margin-bottom: 20px;
 text-align: left;
}

pre {
 border: solid 1px;
 padding: 3px;
}

div.showprod input {
 border: solid 1px #98989C;
}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%;
}