/* ********************************************************  */
/* (c) Gützlaff & Pinneker GbR ; 2007 - http://www.3fact.com */
/* Author: FLorian Gützlaff ; guetzlaff@3fact.com            */
/* ********************************************************  */
   
html, body{
margin:0;
padding:0; }

body{
font-family: Verdana, Geneva, Arial, sans-serif;
font-size:0.8em;
color:#333;
background-color:#fff;
}


/* Headlines */

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
}

h1, h2{
font-size:1.2em;
}

h3, h4{
font-size:1.1em;
}

h5, h6{
font-size:1em;
}

#main h1, h2{
font-size:1.2em;
}

#navileft h2, #naviright h2{
font-size:0.9em;
}

#navileft h3, #naviright h3{
height:25px;
color:#333;
padding:0 0 0 10px;
line-height:1.5em;
font-size:1.1em;
background-color:#eee;
background-image:url(img/smallheader.gif);
background-repeat:no-repeat;

}

#navileft h4, #naviright h4{
font-size:1.1em;
height:25px;
color:#333;
padding:0 0 0 10px;
line-height:1.5em;
background-color:#eee;
background-image:url(img/smallheader.gif);
background-repeat:no-repeat;
}

/* <p> -text */

p {
margin:0;
padding:0;
}

/* Images */

img{
border:none;
}

.rightmargin{
margin-right:15px;
}

/* General links */

a:link, a:visited{
color:#6c941a;
}

/* general classes */

.floatcontainer{
overflow:hidden;
}

* html .floatcontainer{ /* bugfix for IE 6.0 */
height:140px;
}

.clearfield{
clear:both;
}

.cursive{
font-style:oblique;
}

textarea{
margin:10px 0 10px 0;
padding:5px;
}

.infobox{
width:250px;
border:#2a2a2a solid 2px;
padding:5px;
margin:10px auto 10px auto;
}

.messageBox{
display:block;
background-color:#FFCCCC;
padding:2px;
}

.messages{
border:#ff0000 solid 1px;;
}

.centeralign{
text-align:center;
}

#xtc{
width:985px;
margin: 0 auto;
text-align:center;
}

/* Main container */

#page {
/*min-*/width:985px; /* Here you can switch the page size. Attention! - Do not forget to change #headerwrap and #breadcrumbwrap too!. */              
margin:50px auto 0 auto;  /* For 100% width just remove the comments and comment oout the other margin styles. */ 
/*margin:50px 10px 0 10px;*/
}

* html #page {  /* bugfix for IE 6.0 */
/*min-*/width:985px;          
margin:50px auto 0 auto; 
/*margin:50px 10px 0 10px;*/
}

/* Header */

#headerWrap{
background-color:#cccccc;
overflow:hidden;
}

#header{
width:990px;
margin:0 auto 0 auto;
/*background-image: url(img/header.gif);
background-repeat:repeat-x;*/
}

#logo{
float:left;
}

#backtomain{
float:left;
margin-left:60px;
}

/* Main Navigation  */


#navitop ul{
float:right;
margin:10px 0 0 0;
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#navitop li{
float:left;
margin:0;
padding:0;
}

#navitop a:link,#navitop a:visited{
text-decoration:none;
}

/* Category-Navigation */

#navigation{
float:left;
width:100%;
background:#ccc;
}

#navigation .firstLevel{
margin:0px;
padding:0px;
list-style:none;
}

#navigation .firstLevel ul{
list-style:none;
float:left;
margin:0px;
padding:0px;
}

#navigation li{
float:left;
width:auto;
}

#navigation a {
float:left;
width:auto;
background: url(img/leftTab.gif) no-repeat left top;
padding: 0 0 0 12px;
text-decoration:none;
font-weight:bold;
color:#000;
}

#navigation a:hover{
background-position: 0% -47px;
}

#navigation li.current a{
background-position: 0% -94px;
color:#fff;
}

#navigation li.current a span{
background-position: 100% -94px;
color:#fff;
}

#navigation a span{
float:left;
width:auto;
background: url(img/rightTab.gif) no-repeat right top;
padding:5px 15px 4px 0px;
color:#333;
}

#navigation a:hover span{
background-position: 100% -47px;
cursor: pointer;
}
/* Small navigation - "Breadcrumbs" */

#breadcrumbWrap{
clear:both;
background:#ddd url(img/breadcrumbBack.gif) repeat-x left bottom;
border-top:1px solid #888;
padding:7px 0 3px 0;
}

#breadcrumb{
width:990px;
margin:0 auto 0 auto;
font-size:inherit;
color:#222;
}

#breadcrumb a:link, #breadcrumb a:visited{
color:#222;
}

#smallnavigation{
float:left;
margin-left:5px;
}

/* Search */

#search{
text-align:right;
padding-bottom:4px;
}

#search form{
display:inline;
vertical-align:top;
padding:1px;
margin:1px;
}

#search input{
border:1px solid #bbbbbb;
margin-top:-2px;

}

#search input[type="submit"]{
height:20px;
border:1px solid #bbbbbb;
padding:0px;
}

.errorsearch input{
border:1px;
}

/* Main Content */

#main{
margin-left:200px;
margin-right:200px;
padding:0 10px 0 10px;
background-color:inherit;
}

* html #main{ /* just for IE 6.0 */
width:550px;
margin-left:202px;
margin-right:202px;
background-color:inherit;
}

#main p{
padding:5px 5px 0 0;
}

.leftmain{
float:left;
width:49.5%;
padding-top:5px;
}

.rightmain{
width:49.5%;
margin-left:50%;
padding-top:5px;
}

.maintext{
width:100%;
padding:10px 0 20px 0;
border-bottom:#ccc solid 2px;
}

.products{
overflow:hidden;
margin-top:10px;
overflow:hidden;
padding:10px 0 20px 0;
border-bottom:#ccc solid 1px;
}

/* Wraps (Container with space control) */
.mainwrap{
width:100%;
padding:5px 0 5px 0;
border-top:#ccc solid 1px;
}

.productwrap{
width:100%;
overflow:hidden;
padding:10px 0 20px 0;
}

.categorywrap{
width:100%;
border-bottom:#ccc solid 2px;
margin-top:10px;
}

.standardwrap{
width:540px;
margin:0 auto 0 auto;
background-color:#eee;
border:#ccc solid 1px;
padding:5px;
text-align:center;
}

.formwrap, .loginwrap{
width:540px;
margin:0 auto 0 auto;
background-color:#eee;
border:#ccc solid 1px;
padding:5px;
}

.helpwrap{ /* popup windows */
width:400px;
margin:0 auto 0 auto;
background-color:#eee;
border:#ccc solid 1px;
padding:5px;
}

.orderwrap{
width:540px;
margin:0 auto 0 auto;
background-color:#eee;
border:#ccc solid 1px;
padding:5px;
}

#orderinfowrap, #addresswrap, #checkoutwrap, #shoppingwrap{
width:97%;
margin:0 auto 0 auto;
background-color:#eee;
border:#ccc solid 1px;
padding:5px;
}

#contentwrap{
width:540px;
margin:0 auto 0 auto;
background-color:#eee;
border:#ccc solid 1px;
padding:5px
}

#warningwrap{
width:540px;
margin:0 auto 0 auto;
background-color:#ff9966;
border:#ff0000 solid 1px;
padding:5px
}

.splitaddresswrap{
width:100%;
margin-top:10px;
border-top:#ccc solid 1px;
}

/* end - wraps */

/* Sitesplitter - divs which are split a higher div in two parts */

.leftsplitaddress{
width:45%;
float:left;
}

.rightsplitaddress{
width:49.5%;
margin-left:46%;
}

/* end -Sitesplitter */

.historyblock{
display:block;
padding:5px 0 5px 0;
border-top:#ccc solid 1px;
border-bottom:#ccc solid 1px;
}


/* Orderhistory */


.orderhistory ul{
width:100%;
list-style:none;
margin:0px;
padding:0px;
}

.orderhistory li{
float:left;
}

.producthistorylist{
width:100%;
padding:10px 0 2px 0;
border-bottom:#ccc solid 1px;
}

.pieces{
width:10%;
}

.productnames{
width:30%;
}

.productnumber{
width:20%
}

.singleprice{
width:20%;
}

.price{
width:19.9%;
text-align:right;
}

.total{
padding:5px 0 0 2px;
border-bottom-style:double;
border-bottom-color:#ccc;
border-bottom-width:1px;
text-align:right;
}

/* end - Orderhistory */

/* Adress styles */

#addresswrap h2{
margin-top:20px;
border-bottom:#ccc solid 1px;
}

#standardaddress{
width:100%;
min-height:110px;
}

#addressentries{
width:100%    
}

.leftaddressbook{
width:49%;
float:left;
}

.rightaddressbook{
width:49%;
margin-left:50%;
text-align:right;
}

.addresschange{
height:30px;
padding-top:5px;
border-bottom:#ccc solid 1px;
}

#addressblock{
width:150px;
margin-top:20px;
margin-left:auto;
text-align:left;
padding:3px;
background-color:#ccc;
border:#888 solid 1px;
}

#address_count{
margin:20px 0 0 10px;
}

.highlighted{
color:red;
}

/* end - adress styles */

.categorywrap_image{
min-height:150px;
border-bottom:#ccc solid 2px;
margin-top:15px;
}

.categorywrap h2{
margin-bottom:5px;
}

* html .categorywrap_image{ /* just for IE 6.0 */
height:150px;
border-bottom:#ccc solid 2px;
margin-top:15px;
}


.productwrap ul, .products ul{
margin:0;
padding:0;
list-style:none;
line-height:1.2em;
}

.accountlist ul, .newsletterlist ul{
list-style-image:url(img/arrow_green.gif);
line-height:1.5em;
}

.productimage, .categoryimage{
width:25%;
float:left;
text-align:center;
}

.categorytext, .productstext{
width:72%;
margin-left:25%;
padding-left:10px;
}

.categorytext p, .productstext p{
padding:0 !important;
margin-bottom:10px;
}

.subcategories{
margin-top:20px;
}

.buynow{
text-align:right;
border-bottom:#ccc solid 2px;
padding-bottom:5px;
}

.orderlist{
width:250px;
border:#ccc solid 1px;
background-color:#fff;
padding:5px 5px 5px 5px;
margin-bottom:20px;
}

.orderwrap ul, .orderlist ul{
list-style:none;
line-height:1.4em;
}

#upcoming_products{
padding:5px 0 5px 0;
}

#newproducts{
margin-top:10px;
}

.splitbar{
margin-top:20px;
padding-bottom:10px;

}

/* Form */

.form{
margin-top:30px;
}

.formheader{
text-align:center;
}

fieldset{
border:none !important;
margin:5px 0 5px 10px;
padding:5px;
}

legend {
background:inherit;
border:1px solid #bbbbbb;
font-size:1em;
padding:2px 5px;
}

.form label, .loginwrap label{
width:25%;
float:left;
font-size:1em;
line-height:1.3em;
margin-bottom:5px;
padding-right:5px;
}

.form form{
margin:0;
padding:0;
}

input{
margin-top:3px;
}

.formfooter{
margin-top:20px;
height:25px;
}

.backbutton{
float:left;
}

.submitbutton{
float:right;
}

.creditcard label{
width:40%;
}

/* end - form */

/* advanced search */

#advancedsearch{
width:100%;
}

#advancedsearch form{
margin-top:20px;
}

#advancedsearch input[type="radio"],#advancedsearch input[type="checkbox"]{
color:#000000;
border:#bbbbbb solid 1px;
float:left;
height:1em;
width:1em !important;
}

#advancedsearch input{
width:45% !important;
margin-right:5px;
border:#bbbbbb solid 1px;
}

#advancedsearch label{
width:50%;
float:left;
}

#advancedsearch select{
background-color:#000;
border:1px solid #ccc;
float:left;
margin:3px 5px 5px 0;
color:#bbbbbb;
}

.help{
text-align:right;
display:block;
}

/* end - advanced search */

/* also_purchased */

.purchased{
float:left;
height:160px;
margin:20px 20px 20px 0;
padding:5px;
text-align:center;
}

/* checkout properties */

#orderinfowrap a:link, #orderinfowrap a:visited{
color:#6c941a;
}

.payment_method{
font-weight:bold;
color:#333;
}

.credit{
margin:10px 0 20px 0;
border:green solid 1px;
background-color:#669966;
color:#bbbbbb;
}

/* Statusdisplay -part of "checkout" */

#statusdisplay{

height:41px;
margin-top:10px;
padding:0 2px 0 2px;
}

#statusdisplay ul{
list-style:none;
margin:0px;
padding:0px;
}

.status_done{
width:auto;
padding:0 5% 0 0;
height:40px;
float:left;
border-bottom:#6c941a solid 2px;
}

.status_active{
width:auto;
padding:0 5% 0 0;
height:40px;
float:left;
border-bottom:#6c941a solid 2px;
}

.status_next{
width:auto;
padding:0 5% 0 0;
height:40px;
float:left;
border-bottom:#bbbbbb solid 2px;
}

/* end -statusdisplay */


#blockaddress{
padding:20px 0 20px 0;
}

#checkoutwrap h4{
border-bottom:#ccc solid 1px;
margin-bottom:3px;
}

#checkoutwrap .leftlabel{
width:49%;
float:left;
}

#checkoutwrap .rightlabel{
width:49%;
margin-left:50%;
}

#checkoutwrap .smalllabel{
float:none;
}

.cleartext{
width:49%;
}

.onebutton{
text-align:right;
margin:10px 0 10px 0;
padding-right:15px;
}

#agbaccept{
height:25px;
border:black solid 1px;
background-color:red;
color:#000;
font-weight:bold;
padding:2px;
margin-bottom:20px;
}

#orderinfowrap ul{
list-style:none;
padding:0px;
margin:0px;
}

.checkoutproducts{
width:49.9%;
float:left;
border-top:#ccc solid 1px;
}

.checkoutprice{
width:50%;
float:left;
text-align:right;
border-top:#ccc solid 1px;
}

.shippingmethod{
margin-top:10px;
}

#checkingsuccess{
margin-left:35%;
}

#checkingsuccess_image{
float:left;
width:34.5%;
text-align:center;
}

#downloadProduct{
margin:20px 0 20px 0;
border:red solid 1px;
}

/* end -checkout properties */

/* Contact */

#error{
border:red solid 1px;
background-color:#bbbbbb;
color:#000;
padding:2px;
margin-bottom:10px;
}

/* end - contact */

/* Product - details */

#productdetails{
width:99%;
}

#detaildescription{
margin:10px 0 5px 0;
}

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

#table_listing, #options_selection, #options_dropdown{
border:#ccc solid 1px;
background-color:#eee;
margin:10px 0 10px 0;
padding:3px;
}

#options_selection h3{
border-bottom:#ccc solid 1px;
}

#options_dropdown label{
width:250px;
float:left;
}

#productNavigator{
margin-bottom:10px;
}

.buyproduct{
 width:160px;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
text-align:right;
}

.add_qty{
float:left;
}

.add_qty input{
width:25px;
color:#000000;
border:#bbbbbb solid 1px;
}

.productdetailinfo{
width:200px;
text-align:right;
padding:2px;
margin-left:auto;
}

.productdetailimage{
float:left;
margin-right:15px;
}

.fsk18{ /* image for restricted products */
border:none;
}

.detailprice{
font-weight:bold;
color:red;
}

.seemore{
margin-top:10px;
}

.attributeName{
border-bottom:#ccc solid 1px;
}

.products_added{
margin:20px 0 20px 0;
}

.cross_selling{
margin:20px 0 20px 0;
}

#alsoPurchased{
text-align:left;
overflow:hidden;
border:1px solid #ccc;
}

#alsoPurchased h4{
padding:2px 2px 2px 5px;
background-color:#ddd;
border-bottom:1px solid #ccc;
}

/* end - product - details */

/* Shooping_cart */
/* Gift_cart */

#giftCart{
width:75%;
border:black solid 1px;
background-color:#ccc;
border:#888 solid 1px;
text-align:center;
margin:20px auto 20px auto;
padding:5px;
}
/* end gift_cart */

#shoppingmessage{
margin:10px 0 20px 0;
text-align:center;
color:red;
}

#orderDetails{
width:100%;
margin:20px 0 10px 0;
padding:5px 0 5px 0;
font-size:0.7em;
overflow:hidden;
}

#orderheaderswrap{
overflow:hidden;
padding-bottom:2px;
border-bottom:#ccc solid 1px;
margin:0 0 10px 0;
}

#orderheaders{
list-style:none;
margin:0;
padding:0;
font-weight:bold;
}

.orderdatawrap{
overflow:hidden;
padding:5px 0 5px 0;
border-bottom:#ccc solid 1px;
}

#orderdata{
list-style:none;
margin:0;
padding:0;
}

#orderheaders li, #orderdata li{
float:left;
}

.quantity{
width:15%;
}

.article{
width:40%;
}

.single{
width:15%;
}

.totalprice{
width:15%;
}

.remove{
width:15%;
}

#OrderTotalPrice{
border-top:#ccc solid 2px;
text-align:right;
}

/* end - shopping_Cart */


/* Login, logout */

.loginwrap h2, .loginwrap h4 {
margin:0 0 20px 0;
}

.loginwrap p{
margin:0 0 10px 0;
}

.loginwrap fieldset{
padding:20px 0 0 0;
}

/* end -login, logout */

/* GV */

#gv_send label{
width:45%;
float:left;
}

/* end - GV */

/* Reviews */

.reviewblock{
overflow:hidden;
width:97%;
margin-top:10px;
padding-bottom:10px;
border-bottom:#ccc solid 1px;
}

.reviewimage{
width:25%;
float:left;
}

.reviewtext{
width:73%;
margin-left:26%;
}

#navibar{
margin-top:20px;
}

/* end - reviews */

/* Sitemap */

#sitemap ul{
line-height:1.3em;
}

#sitemap a:link, #sitemap a:visited{
text-decoration:none;
}

#sitemap a:hover{
text-decoration:underline;
}

.sitemapHeader{
font-weight:bold;
}

/* end - sitemap */

/* Navigation menu and containers - left  */

#navileft{
width:200px;
float:left;
}

#navileft h4 a:link, #navileft h4 a:visited{
color:#333;
}

* html #navileft h3{  /* bugfix for IE 6.0 */
line-height:1.2em;
}

.leftcontainer, .leftcontainer2{
padding:2px 2px 0 2px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background-color:#fff;

}

.leftcontainer3, .leftcontainer4{
padding:2px 2px 0 2px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background-color:#fff;
}

#navileft a, #navileft p,#navileft span{
margin:0px;
padding:5px 2px 2px 5px;
}

.bottomback{
height:12px;
margin-bottom:20px;
background-image:url(img/bottomback.gif);
background-repeat:no-repeat;
border:none !important;
background-color:#fff;
}

.leftcontainer p{
padding:5px 10px 5px 10px;
}

.leftcontainer ul, .leftcontainer2 ul{
list-style:none;
margin:0;
padding:0;
}

.leftcontainer a:link, .leftcontainer a:visited{
font-size:1.1em;
display:block;
color:#333;
min-height:20px;
padding:3px 0 0 10px; 
text-decoration:none;
}

.leftcontainer2 a:link, .leftcontainer2 a:visited{
font-size:0.9em;
display:block;
color:#333;
min-height:20px;
padding:3px 0 0 10px; 
text-decoration:none;
}

.leftcontainer a:hover, .leftcontainer2 a:hover{
background-color:#f4f4f4;
text-decoration:underline;
}

.leftcontainer .inputfield{
margin:0 2px 0 5px;
border:#eee solid 1px;
}

.conleftimg{
margin:5px 0 5px 10px;
}

.productdata{
padding:5px 5px 0 10px;
}

.leftcontainer3 .links{
padding:0 5px 0 10px;
}

.links a:link, .links a:visited, .productdata a:link, .productdata a:visited{
color:#6c941a;
}

.personal a:link, .personal a:visited{
color:#6c941a;
}

.morebutton{
position:relative;
float:right;
bottom:23px;
right:5px;
}

.reviews{
margin:5px 10px 0 10px;
}

.reviews a:link, .reviews a:visited{
text-decoration:none;
color:#bbbbbb;
}

.reviews a:hover{
text-decoration:underline;
}

/* Navigation menu and containers - right */

#naviright{
width:200px;
float:right;
}

#naviright h4 a:link, #naviright h4 a:visited{
color:#333;
}

.navi_p{
margin-left:20px;
font-size:0.8em;
padding-top:2px;
}

.rightcontainer{
padding:2px 2px 2px 5px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background-color:#fff;
}

* html .rightcontainer { /* IE6 and Padding...the old game...*/
padding:0 !important;
}

.bestsellers{
padding-bottom:5px;
}

.status{
font-weight:bold;
}

.linkbutton{
margin-top:3px;
float:right;
}

.heading{
float:left;
}

.login input{
border:#eee solid 1px;
}



/* Footer */

#footer{
clear:both;
height:50px;
margin-top:50px;
text-align:center;
color:#333;
background-image:url(img/footer.gif);
background-repeat:no-repeat;
}

/* Copyright and ParseTime */

.copyright{
text-align:center
}

.parseTime{
text-align:center;
}

/* Javascript default-cheets */

.moduleRow {
font-family: Verdana, Arial, sans-serif;
background-color: #ccc;
border: 1px solid;
border-color: #bbb;
}

.moduleRowOver {
background-color: #ccc; 
border: 1px solid;
border-color: #888;
font-family: Verdana, Arial, sans-serif;
}

.moduleRowSelected {
background-color: #6c941a;
border:#888 solid 1px;
}

/* Table styles */
.messageStackError{
background-color:#ffb3b5;
}

.messageStackSuccess{
background-color:#99ff00;
}