*, html, body{ 
  margin:0;
  padding:0;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  color: #333;
  }
body.main{
  background: url(../img/layout/bg_body.jpg) #e6e1d9;
  }

img, a{
  border: 0;
  } 

p{
margin: 1em 0;
}
  
a:link,
a:visited{
  color: #ff6633;
  text-decoration: none;
  }
a:active,
a:hover{
  color: #33ff33;
  text-decoration: underline;
  }

b{font-size: 110%;}
em{color: red;}

#mainContainer{
  width: 864px;
  margin: 0 auto;
  }

.container{
  background: url(../img/layout/bg_leftColumn.jpg) #fff !important;
  background-repeat: repeat-y !important;
  background-position: top left !important;
  }

#topTopmargin{
  height: 7px;
  width: 864px;
  /* margin-left: 42px; */
  background: url(../img/layout/bg_topTopmargin.jpg) #fff;
  }

#topHead{
  width: 865px; /*+1px wegen border-right: headRight.jpg*/
  height: 119px;
  /* margin-left: 42px; */
  background: url(../img/layout/bg_topHead.jpg);
  }
.headLeft{
/*   margin-left: 42px; */
  width: 220px;
  height: 31px;
  font-size: 11px;
  font-weight: bold;
  position: relative;
  display: block;
  text-align: center;
  color: #625c53;
  }

#topNav{
  width: 864px;
  height: 31px;
  /* margin-left: 42px; */
  border-right: 1px solid #e6e1d9;
  background: url(../img/layout/bg_topNav.jpg);
  display: block;
  }

#topNav .topNavMenu{
  margin-left: 10px;
  position: relative;
  float: left;
  display: block;
  height: 31px;
  width: 700px;
  font-size: 11px;
  font-weight: bold;
  padding-left: 10px;
  }

#topSpacer{
  width: 864px;
  height: 35px;
  border-right: 1px solid #e6e1d9;
  background: url(../img/layout/bg_topSpacer.jpg); 
  background-repeat: no-repeat;
  }
#topSpacer .language{
  background: url(../img/layout/boxHead_neutral.jpg);
  background-repeat: no-repeat;
  font-weight: bold;
  }

#contentFrame{
  width: 864px;
  border-right: 1px solid #e6e1d9;
  background: url(../img/layout/bg_contentFrame.jpg); 
  display: block;
  display: table;
  background-repeat: repeat-y;
  }

.leftColumn{
  background: url(../img/layout/bg_leftColumn.jpg);
/* background: red; */
  }

#topSpacer img:hover{
  opacity: .75;
  filter: alpha(opacity=75);
  }

.contentColumn{
  background-color: #fff;
  line-height: 1.3em;
/* background: blue; */
  }

.contentColumn h2{
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.5em;
  }

#footer{
  clear: left;
  width: 864px;
  height: 30px;
  background: url(../img/layout/bg_footer.jpg);
  color: #979189;
  border-right: 1px solid #e6e1d9;
  text-align: center;
  padding: 4px 0;
  vertical-align: bottom;
  }



#footer .center{
  margin-left: 220px;
  text-align: center;
  }

.innertube{
  margin: 10px;
  margin-top: 0;
  }
.innertube2{ /* Margins for topNav menus */
  margin: 6px 8px;
  }

/* additional styles */
/* #topNav start */ 

/* #topNav end */ 

/* Sideboxes start */
.leftColumn , .leftColumn td {
  font-size: 11px;
  }

.leftColumn h3{
  margin: 0;
  padding-top: 3px;
  padding-left: 20px;
  font-size: 11px;
  font-weight: bold;
  }  
.leftColumn input.textfield ,
.leftColumn textarea.textfield{
  border: 1px solid #e6e1d9;
  background-color: #eeeae4;
  font-size: 11px;
  margin-bottom: 5px;
  }
.leftColumn input.textfield:focus,
.leftColumn textarea.textfield:focus{
  border: 1px solid #d7cfc4;
  background-color: #fff;
  color: #625c53;
  margin-bottom: 5px;
  }
  
.infoBox_right{
 padding-right: 12px;
}
div.boxHead{
  width: 205px;
  height: 20px;
  margin-left: 7px;
  margin-bottom: 0px;
  }
div.boxContent{
  background-color: #fff;
  width: 205px;
  background: url(../img/layout/bg_boxContent.jpg);
  background-repeat: repeat-y;
  font-size: 11px;
  line-height: 15px;
  margin-left: 7px;
  padding: 5px 12px 2px 8px;

  }
div.padBox{
/*   padding: 5px 12px 2px 8px; */
  }
div.boxBot{
  width: 205px;
  height: 10px;
  background: url(../img/layout/bg_boxBot.jpg);
  background-repeat: no-repeat;
  margin-bottom: 15px;
  margin-left: 7px;
  }
form{
  margin: 0;
  }
div .headBlack {
  background: url(../img/layout/boxHead_black.jpg);
  background-repeat: no-repeat;
  color: #33ff33;
  }
div .headOrange{
  background: url(../img/layout/boxHead_orange.jpg);
  background-repeat: no-repeat;
  color: #111;
  }
div .headGreen{
  background: url(../img/layout/boxHead_green.jpg);
  background-repeat: no-repeat;
  color: #111;
  }
div .headRed{
  background: url(../img/layout/boxHead_red.jpg);
  background-repeat: no-repeat;
  color: #111;
  }
div .headYellow{
  background: url(../img/layout/boxHead_yellow.jpg);
  background-repeat: no-repeat;
  color: #111;
  }

div .headBlack h3{
  color: #33ff33;
  }
div .headOrange h3{
  color: #111;
  }
div .headGreen h3{
  color: #111;
  }
div .headRed h3{
  color: #111;
  }
div .headYellow h3{
  color: #111;
  }
/* Sideboxes end */


/* PiLu basic colors */
a.black b{color: #000;}
a.orange b{color: #ff782b;}
a.green b{color: #33cc00;}
a.red b{color: #ff0009;}
a.yellow b{color: #ffea00;}

.copyright{
  margin: 0 auto;
  padding: 5px 0 5px 0;
  }

.copyright,
.parseTime{
  font-size: 11px;
  width: 864px;
  background: black;
  text-align: center;
  background: url(../img/layout/bg_footer_seemless.jpg);
  }
.copyright, 
.copyright a{
  color: #979189;
  }

/* contentColumn styles */
.contentColumn input.textfield,
.contentColumn textarea.textfield{
  border: 1px solid #e6e1d9;
  }
.contentColumn input,
.contentColumn textarea, 
.contentColumn select{
  background-color: #e6e1d9;
  color: #625c53;
  }
.contentColumn option{
  color: #625c53;
  border-bottom: 1px solid #e6e1d9;
  }
.contentColumn {
  line-height: 20px;
  }
  
/* whats new frontpage start */
.contentHeading{
  font-size: 14px;
  font-weight: bold;
  background-color: #e6e1d9;
  padding: 5px;
  border-top: 1px solid #d7cfc4;
  border-bottom: 1px solid #d7cfc4;
  margin-top: 10px;
  margin-bottom: 10px;
  }

#whatsNew{
  margin-left: 10px;
  }
#newFrame{
  margin: 25px 10px 0 10px;
  width: 180px;
  font-size: 11px;
  display: block;
  float: left;
  }
.newHead{
  background: url(../img/layout/whatsnewHead.jpg);
  font-weight: bold;
  padding: 2px 2px 3px 22px;
  color: #e6e1d9;
  min-height: 30px;
  }
.newHead a:link,
.newHead a:visited{
  color: #fff;
  }
.newHead a:active, 
.newHead a:hover{
  color: #33ff33;
  text-decoration: none;
  }
.newBody{
  background: url(../img/layout/whatsnewBody.jpg);
  padding: 5px;
  text-align: center;
  height: 140px;
  }
.newBody img{
  }

.newBottom{
  background: url(../img/layout/whatsnewBottom.jpg);
  height: 33px;
  text-align: center;
  }
  .buyNow{
  }

/* whats new frontpage end */
.noframe{
  border: 0 !important;
  }

#breadCrumbs{
  padding: 3px;
  border-bottom: 1px solid #d7cfc4; 
  }
#breadCrumbs a{
  color: #979189;
  }
#breadCrumbs a:hover{
  color: #33ff33;
  }

.categoriesName{
  width: 95%;
  border: 1px solid #e6e1d9;
  border-left: 5px solid #e6e1d9;
  border-top: none;
  border-bottom: 1px solid #e6e1d9;
  background-color: #f2eee7;
  padding: 5px;
  margin-top: 10px;
}
.categoriesName h2{
  margin: 0;
  }
.categoriesHeadingTitle{
  font-weight: bold;
  font-size: 12px;
  }
.categoriesDescription{
  width: 95%;
  border: 1px solid #e6e1d9;
  border-left: 5px solid #e6e1d9;
  border-top: none;
  padding: 5px;
  background: url(../img/layout/quote.jpg) #f2eee7;
  background-repeat: no-repeat;
  }
.manufacturerDropdown{}

.productListingRow{
  display: inline;
  font-size: 11px;
  border-bottom: 1px solid #e6e1d9;
  }
.plProductsImage img {
  width: 64px;
  }
.plNavigation{
  margin-top: 25px;
  }
.plCol1{
  display: block;
  float: left;
  width: 20%;
  padding: 5px 0;
  }
.plCol2{
text-align: justify;
  display: block;
  float: left;
  width: 50%;
  padding: 5px 5px;
  border-right: 1px solid #eee;
  }
.plCol3{
  display: block;
  float: left;
  text-align: right;
  padding: 5px;
  width: 155px;
  }
.plSpacer{
  border: 0;
  color: #e6e1d9;
  background-color: #e6e1d9;
  height: 1px;
  clear: both;
  }
.productOldPrice{
  color: #979189;
  text-decoration: line-through;
  }
.searchButton{
  vertical-align: middle;
  }

/* 
print styles moved to print_products_info.php
*/

/* products_info styles start*/
#pHeader{
  margin-left: 25%;
  }
#pHeader h2{
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  color: #979189;
  border-bottom: 1px dotted #d7cfc4;
  }
.pModel{
  color: #666;
  font-size: 11px;
  }
#pDescFrame{
  width: 100%;
  display: table;
  }
.pPicColumn{
  position: relative;
  width: 24%; /*1px border right!*/
  display: block;
  float: left;
  overflow: hidden;
/*   text-align: right; */
  }
.pPicColumn img{
  margin: 8px;
  margin-top: 0;
  width: 130px;
  }
.pDescColumn{
  border-left: 1px dotted #d7cfc4;
  width: 75%;
  position: relative;
  display: block;
  float: left;

  border: 1px solid #e6e1d9;
  border-left: 5px solid #e6e1d9;
/*   border-top: none;
  padding: 5px; */
  background: url(../img/layout/quote.jpg) #f2eee7;
  background-repeat: no-repeat;
  }
 .pad10{
  display: block;
  padding: 10px;
 }
.pDesc p {
margin-bottom: 10px;
}
 
 /* override inline styles, clean up wysiwyg editor rubbish: */
/*.plCol2 font,
.pDesc font{
   color: inherit !important;
  size: inherit !important;
  margin: inherit !important;
  padding: inherit !important;
  font: inherit !important;
  text-decoration: inherit !important;
  border: inherit !important;
  background: inherit !important;
  bottom: inherit !important;
  top: inherit !important;
  left: inherit !important;
  right: inherit !important;
  position: inherit !important;
  clear: inherit !important;
  float: inherit !important;
  height: inherit !important;
  width: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  outline: inherit !important;
  overflow: inherit !important;
  display: inherit !important;
  visibility: inherit !important;
  text-indent: inherit !important;
  white-space: inherit !important;
  word-spacing: inherit !important;
  z-index: inherit !important;
  text-align: inherit !important;
  max-height: inherit !important;
  max-width: inherit !important;
  min-height: inherit !important;
  min-width: inherit !important;
  cursor: inherit !important; 
  }*/
.plCol2 font,
.pDesc font{
  color: #333 !important;
  size: 12px !important;
  font-family: verdana, arial, sans-serif !important;
  }  

#pBottomFrame{
  width: 100%;
  display: inline;
  }
.pBotLeft{
  border-top: 1px solid #e6e1d9;
  padding-top: 5px;
  position: relative;
  width: 50%;
  display: block;
  float: left;
  vertical-align: middle;
  color: #979189;
  }
.pBotRight{
  border-top: 1px solid #e6e1d9;
  padding-top: 5px;
  text-align: right;
  position: relative;
  width: 50%;
  display: block;
  float: left;
  }
.pPrice{
  font-weight: bold;
  font-size: 14px;
  }
.pTaxinfo{
  font-size: 11px;
  }
.pShippingTime{
  color: #666;
  font-size: 11px;
  }
.pAddCart{
  display: block;
  width: 180px;
  margin: 0;
  margin-top: 20px;
  padding: 0;
  height: 21px;
  text-align: right;
  float: right;
  }
.pAddCart input.textfield{
  padding: 0;
  float: left;
  }
.pAddCart input.submit{
  float: right;
  }
/* products_info styles end*/

/* general xtc heading styles */
.contentsTopics{
  font-weight: bold;
  }

/* popup_content styles */
body#popup{
  margin: 5%;
  }
body#popup a{
  font-size: 11px;
  }
  
.onepxwidth {
	width: 1px;
}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.copyrightXtc, .copyrightXtc a{
  font-size: 10px;
  color: #bdb3a5;
}