body 
 {padding: 0px 0px 10px 0px;
  margin: 0px;
  text-align: center;
  background: #fff url(/sites/prins/images/bg_content.gif) top repeat-x;
  font-family: verdana, arial, helvetica, sans-serif;}

h1 
 {color: #336699;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 0px;
  margin: 0px 0px 22px 0px;}

input, textarea 
 {font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  border: 1px inset #ccc;
  padding: 2px;}
.ocmssubmit, .button
  {background: url(/sites/prins/images/el_button.gif) no-repeat 0% 50%;
   width: 80px;
   border: none;
   cursor: pointer;
   text-align: left;
   heigth: 24px;}

.basket 
 {width: 100%;}
.cartAlter
 {width: 100%;}
.cartAlter td 
 {xborder: 1px solid #ccc;}

td.cartAlterOuter
 {width: 100%;}
table.cartOverview
 {width: 100%;}


p 
 {margin-top: 0px;}

h2 
 {font-size: 15px;
  margin-bottom: 5px;}

h3 
 {font-size: 13px;
  margin-bottom: 5px;}

img 
 {border: 0px;}

#container
 {display: block;
  width: 970px;
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background-color: #fff;}


#logo 
 {position: absolute;
  top: 10px;
  margin-left: -32px;
  z-index: 3;}
  
#mainMenu 
 {display: block;
  width: 930px;
  margin-top: 25px;
  position: absolute;
  text-align: right;
  font-family: 'Century Gothic';
  font-size: 14px;
  font-weight: bold;
  color: #fff;}
#mainMenu ul 
 {float: right;
  margin: 0px;
  padding: 0px;
  list-style: none;}
#mainMenu ul li 
 {display: block;
  float: left;}

#mainMenu a 
 {color: #fff;
  text-decoration: none;
  line-height: 54px;
  display: block;
  float: left;
  margin: 1px;
  padding-left: 4px;
  padding-right: 4px;}
#mainMenu a:hover 
 {border: 1px solid #369;
  background: url(/sites/prins/images/bg_mainmenulink.gif) top repeat-x;
  line-height: 54px;
  color: #369;
  margin: 0px;}

#header 
 {display: block;
  height: 140px;
  padding-top: 83px;
  background: url(/file/13171/bg_header.png) top no-repeat;}
  
#header2 
 {display: block;
  height: 60px;
  OFFbackground: url(/sites/prins/images/bg_header2.gif) top no-repeat;
  background: url(/file/13170/bg_header2.png) top no-repeat;}
#header2 form 
 {display: block;
  float: right;
  margin-top: 14px;
  margin-right: 30px;
  _margin-right: 12px;
  padding: 0px;}
.searchbutton 
 {font-size: 11px;
  font-family: Verdana;
  background-color: #999;
  border: 0px outset #ccc;
  cursor: hand;
  color: #fff;
  line-height: 180%;}
.searchfield 
 {font-size: 10px;
  font-family: Verdana;
  width: 145px;
  height: 16px;
  border: 0px;
  _margin-top: 4px;
  line-height: 11px;
  background: url(/sites/prins/images/bg_searchfield.gif) no-repeat;}

#leftfill 
 {display: block;
  float: left;}

#leftcol
 {display: block;
  position: relative;
  float: left;
  padding-left: 0px;
  width: 200px;}

#leftcol ul 
 {margin: 0px!important;
  padding: 0px!important;
  list-style: none;}

#leftcol ul ul
 {margin-left: 20px!important;
  list-style: none;}

#leftcol a 
 {font-family: 'century gothic';
  font-size: 12px;
  font-weight: bold;
  line-height: 170%;
  color: #9BDDE9;
  text-decoration: none;}

#leftcol a:hover 
 {color: #fff;}



/* content */
#rightcol
 {display: block;
  float: right;
  width: 690px;
  padding-right: 40px;
  padding-bottom: 30px;
  letter-spacing: 1px; /* not really shure about that... */
  font-size: 12px;
  color: #5A4956;
  xbackground-color: red;
  line-height: 140%;
  min-height: 430px;
  _height: 430px;}

#footer 
 {OFFbackground: url(/sites/prins/images/bg_footer.gif) top no-repeat;
  background: url(/file/13172/bg_footer.png) top no-repeat;
  color: #fff;
  font-family: 'Century Gothic';
  font-size: 11px;
  letter-spacing: 1px;
  text-align: center;
  height: 65px;
  line-height: 32px;}

#footer img 
  {margin-top: 30px;}


#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9 #lyr10, 
#lyr11, #lyr12, #lyr13, #lyr14, #lyr15, #lyr16, #lyr17, #lyr18, #lyr19, #lyr20,
#lyr21, #lyr22, #lyr23, #lyr24, #lyr25, #lyr26, #lyr27, #lyr28, #lyr29, #lyr30,
#lyr31, #lyr32, #lyr33, #lyr34, #lyr35, #lyr36, #lyr37, #lyr38, #lyr39, #lyr40
 {position: absolute; 
  visibility: hidden; 
  margin-left: 200px; 
  left: 10px;
  width: 270px; 
  top: -1px;
  z-index: 100;
  border: 1px solid #333;
  background-color: #fff;}
#lyr1 h1, #lyr2 h1, #lyr3 h1, #lyr4 h1, #lyr5 h1, #lyr6 h1, #lyr7 h1, #lyr8 h1, #lyr9 h1 #lyr10 h1, 
#lyr11 h1, #lyr12 h1, #lyr13 h1, #lyr14 h1, #lyr15 h1, #lyr16 h1, #lyr17 h1, #lyr18 h1, #lyr19 h1, #lyr20 h1,
#lyr21 h1, #lyr22 h1, #lyr23 h1, #lyr24 h1, #lyr25 h1, #lyr26 h1, #lyr27 h1, #lyr28 h1, #lyr29 h1, #lyr30 h1
 {margin: 0px;
  padding: 4px;
  border-bottom: 4px solid #9BDDE9;
  font-size: 12px;}
.lyrpadding 
 {padding: 12px;
  border-top: 1px solid #369;}


/* ============ product list */

#productList 
 {position: absolute;
  border: 1px solid #333;
  background-color: #9BDDE9;
  width: 200px;
  padding 0px;
  margin: 24px 0px 0px -19px;
  list-style: none;
  font-family: 'Century Gothic';
  font-size: 12px;}
#productList ul 
 {margin: 0px 0px 0px 20px;
  padding: 10px;
  list-style: none;}
#productList li 
 {margin: 0px;
  margin-left: -20px;
  padding: 0px;}
#productList li a 
 {color: #336699;
  font-weight: bold;
  text-decoration: none;
  line-height: 150%;}
#productList li a:hover 
 {color: #fff;}
#productList h2 
 {margin: 0px;
  padding: 4px;
  font-size: 12px;
  color: #369;
  text-align: right;}
#productList hr 
 {border-top: 4px solid #fff;
  height: 0px;
  font-size: 0px;
  border-bottom: 1px solid #369;}
div.productlistImg
 {text-align: center;}

table.cartLogin td
 {vertical-align: top;}

#tinycart
 {float: right;}
#tinycart a 
 {color: #666;
  text-decoration: none;
  font-weight: bold;}


a.button 
 {display: block;
  float: right;
  width: 78px;
  heigth: 20px;
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
  background: url(/sites/prins/images/el_button.gif) 50% 50% no-repeat;
  line-height: 16px;
  padding-top: -20px;}


/* ================== readproduct */

.productImg
 {display: block;
  float: right; 
  margin: 0px 0px 5px 5px;
  padding: 1px;
  border: 1px solid #999;}


/* ================== float fix */

#wrapper
 {xxxbackground: #fff url(/sites/prins/images/bg_wrapper.gif) left repeat-y;
  background: #fff url(/file/13169/bg-wrapper.png) left repeat-y}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearfix {
display: inline-block;
}  

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */