﻿/* Header HTML Start */
#HeaderContentBox {
width: 990px;
border: 0px solid red;
overflow:auto;
}

.LogoBox {
float: left;
width: 445px;
height:195px;
margin: 0 20px 0 30px;
border: 0px solid aqua;
}

.InfoTxtBox{
float: left;
width: 204px;
max-width:204px;
height:117px;
border: 0px solid aqua;
text-align:center;
white-space:normal !important;
padding: 20px 18px 8px 0px;
}

.CompanyInfoBox{
float: right;
width: 240px;
height:135px;
padding: 10px 0 0 0; 
border: 0px solid aqua;
text-align:right;
}
.SearchBox{
float: left;
width: 465px;
height:30px;
text-align: center;
border: 0px solid aqua;
}
.HeaderLinkBox{
float: left;
width: 465px;
height:15px;
border: 0px solid aqua;
}
.HeaderLinkBox span{
float: left;
padding: 0 5px 0 5px;
}

/* Header HTML Stop */

.NavBarTop .NavigationElement {
	display:inline;
	float:left;
	font-size:15px;
	height:27px;
	line-height:27px;
	margin:0;
	padding-left:30px;
	padding-right:30px;
}

#submenu {
	height: 28px;
	text-align: left;
	color: #fff;
	padding: 2px 8px 0 0;
	border: 0px solid #000;
}

#submenu  a{
	color: #fff;
}

#submenu  a:hover{
	color: #fff;
	text-decoration: underline;
}

#submenu  a.ActivePage{
	color: #000;
	font-weight: bold;
}

#submenu  ul{
	display:inline;
	padding:0;
	margin:0;
}

#submenu  ul li{
	display:inline;
	padding-left:30px;
	padding-right:30px;
	margin:0;
}

.ProductDetails .Price {
	float: left;
}

a.BrownButton {
	background: #99877d;
	color: #fff;
	padding: 5px 40px 5px 40px;
	border-top: 1px solid #ccc3be;
	border-bottom: 1px solid #ccc3be;
}

a:hover.BrownButton {
	background: #99877d;
	color: #fff;
	padding: 5px 40px 5px 40px;
	border-top: 1px solid #ccc3be;
	border-bottom: 1px solid #ccc3be;
}

#CrossellingHolder {

	float: right;
}

#CrossellingHolder h2{
	margin: 15px 0 15px 0;
	
}


div.CrossellingImageArea {
      background: transparent;
      white-space: nowrap;
      padding: 0;
      margin-bottom: 3px;
 }

.SmallProductBox {
     float: left;
     border: 0px solid aqua;
     width: 130px;
     margin-bottom: 5px;  
     padding: 0;
 }
.Skille {
     float: left;
     border: 0px solid #ccc;   
     width: 5px;
     height: 100px;
 }
 
.CrossInfoBox {
	background: #b1a199;
	overflow: auto;
	padding: 2px 3px 2px 3px;
}
 
.SmallProductBox a, .SmallProductBox a:hover{
  font-size: 12px;
  font-weight: bold;
  color: #fff;    
 }
 
.SmallProductBox .Price{
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: left !important;
  }
 
.ImageLeft .ImageArea {
    width: 345px;
    min-width: 345px;
    min-height: 345px;
    text-align: center;
    background: transparent;
    padding: 0px;
    margin: 0 12px 0 0;
    overflow: visible;
}
  
#PreviewArea {
      width: 345px;
      height: 345px;
      margin: 0;
      padding: 0;
      display: block;
      text-align:left;
      overflow:hidden;
      background: #fff;
      position: relative;
}

.OuterPreviewArea {
      position: relative;
      height: 345px;
      width: 345px;
}

table.SmallImageTbl {
      background: transparent;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      border: 0px;
}
  
td.SmallImageCell {
      width: 168px;
      min-width: 168px;
      min-height: 168px;
      height: 168px; 
      background: transparent;
      padding: 0;
}
  
td.SmallSpacer {
      width: 9px;
      height: 9px;
}

#VariantTbl {
	margin: 10px 0 10px 0;
	border: 1px solid #ddd6d2;
}
    
#VariantTbl th, #VariantTbl td{
    background: #fff;
    padding: 4px 6px 4px 6px;
    border-bottom: 1px solid #fff;
    width: 100%;    
}

#VariantTbl td select.LongText{
    width: 100px;    
}

.MoreImages {
	font-size: 16px !important;
	color: #464648 !important;
	margin: 15px 0 15px 0;
}

.ProductImageHolder {
	float: left;
	border: 0px solid aqua;
	width:362px;
}

.ProductExtra {
	float: right !Important;
	width:52% !Important;
}

.ProductListImageBox tr td {
      padding: 5px;
      padding-top: 10px;
      text-align: center;
      vertical-align: top;
      background:  #ffffff ;
      border: 1px solid  #FFFFFF ;
      width: 368px;
}


.ProductListImageBox div.ImageArea {
	width: 168px;
	height: 168px;
	border: 0px solid #b7aba4;
}
  
.ProductListImageBox div.Info {
	border: 0px solid #b7aba4;
	height: 156px;
	width: 189px;
	padding: 6px 6px 6px 0;
}


.ProductListImageBox div.InfoArea {
	position:relative;
	height: 100%;
	_height: auto;
	padding-bottom: 0 !important;
	border: 1px solid #b7aba4;
	overflow:auto;
}
  
.ProductListImageBox div.LinkArea {
	background: #b7aba4;
	float: left;
	padding: 4px 0 4px 0;
	width:100%;
	color: #fff !important;
}

.ProductListImageBox div.LinkArea div{
	font-size: 12px;
	font-weight:bold;
	color: #fff !important;
}


.ProductListImageBox div.LinkArea a,
.ProductListImageBox div.LinkArea a:hover {
	color: #fff;
	font-size: 12px;
	font-weight:bold;
}


.PaddingMini {
	padding: 0 5px 0 5px;
}

.PaddingLarge {
	padding: 0 5px 0 25px;
}

a.LinkFacebook2{
background:transparent url(knapp_facebook_on.gif) no-repeat scroll left top;
display:block;
height:20px;
padding:14px 0 3px 35px;
text-align:left;
}

  





