/* CSS Document */
html {
  background: url(/WebRoot/Flac/SF/img/bg.jpg) repeat-x top center;
  overflow-y: scroll;
}
body {  
  background: url(/WebRoot/Flac/SF/img/s.gif) no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
	padding: 0 0 12px 0;   
	text-align: center;
	color: #000;
}
table {
	width: 100%;
  border: 0px solid red;
  border-collapse: collapse;
}
td {
	border: 0px solid red;
  padding: 0px;
}

/* e-pages StorefrontStyle.css supra */
p, table, tr, td, th, span, ul, li, samp, select, option, textarea, samp, label {
  font-family: Arial, Helvetica, sans-serif;
}
a {
  color: #2F3D84;
}
.Separator{
  display: block;
  clear: both;
  width: auto;
  height: 6px;
  margin: 5px 0 5px 0;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;    
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  display: block;
  clear: both;
  height: 0em;
}
.png {
  display: block;
}  
#RefreshButtonTop,
#CheckOutTop {
  display: none;
}
.CustomerOrder h1,
.InfoArea h1 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.Address h3,
.BasketDetails h3,
h3.title {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #2E4080;
}
.Addresses .Address,
.AddressOptions,
.AddressFields,
.AddressColumnLeft,
.AddressColumnRight,
.BasketAddressSelect .Address,
.BasketAddressForm .Address,
.EditAddress .Address,
.ProductRatingSwitch:hover .ProductRatingStarText  {
  background: #fff !important;
}  
.TableHead {
  background: url(/WebRoot/Flac/SF/img/bgr_boxhead.gif) no-repeat left top !important;
}
.TableHead div {
  background: url(/WebRoot/Flac/SF/img/bgr_boxhead_floatin.gif) no-repeat scroll right top;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 18px;
  color: #2E4080;
}

td.Money {
	border-right: 1px solid #D9DCDF;
}

.Dialog,
.AddressDialog {
	background: #fff !important;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}
table.Dialog,
table.Basket,
table.OrderList,
table.ShoppingList,
table.CustomerList {
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background: #fff;
}
table.Dialog th,
table.Basket th,
table.OrderList th,
table.ShoppingList th,
table.CustomerList th {
	border-bottom: 1px solid #E0E0E0;
	background: #C9E4FC;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #2E4080;
}
table.Dialog td,
table.Basket td,
table.OrderList td,
table.ShoppingList td,
table.CustomerList td {
	background: #fff;
}
table.Basket tr.AlternateRow td,
table tr.Alternate td,
.AlternateRow td,
.AlternateRow,
.Alternate td,
.Alternate {
	background: #fff !important;
}
tr.SeparateRow td {
	border-top: 1px solid #E0E0E0;
}
tr.SeparateRow th {
	border-top: 1px solid #E0E0E0;
}   
.Dialog div.LeftHalf,
.Dialog td.LeftHalf,
.Dialog div.RightHalf,
.Dialog td.RightHalf,
.Dialog div.InputBlock,
.Dialog tr.InputBlock,
.Dialog div.TextBlock,
.Dialog div.InputLabelling,
.Dialog td.InputLabelling,
.Dialog div.InputField,
.Dialog td.InputField,
.DialogSnippet {
	background: #fff !important;
} 
textarea.BasketComment {
  border: solid 1px #ccc;
  padding-bottom: 1px;
  width: 100% !important;
  height: 64px;
} 
.BoxShippingOption {
  border: solid 1px #ccc;
  background: #fff !important;
}
.SlideShowPreview a {
	width:90px;
	height:96px;
} 
.SlideShowPreview a table, .SlideShowPreview a table td {
	width:90px;
	height:96px;
}             
.SlideShowPreview a img {
	max-height:94px !important;
	max-width:94px !important;
	_height:94px !important;
} 
h6.color-variations {
	margin-top: 10px;
}
ul.OrderProcess li {
  background: url(/WebRoot/Flac/SF/img/bgr_orderprocess_item.gif) no-repeat left top;
}
ul.OrderProcess li.ActiveItem {
  background: url(/WebRoot/Flac/SF/img/bgr_orderprocess_activeitem.gif) no-repeat left top;
}
ul.OrderProcess li.ActiveItem a {
  color: #fff;
}   
ul.OrderProcess li.ActiveItem .ExplainItem {
  color: #fff;
}        

.breadcrumb {
  position: relative;
  top: -27px;
  left: 0;                                                 
  margin-bottom: -27px;  
  font-size: 10px;
  color: #999999;
  width: 780px;
  height: 27px;
  line-height: 22px;
}
.breadcrumb span {
  line-height: 22px;
}
.breadcrumb a {
  color: #666666;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #999999;
}
.breadcrumb .pager {
  margin-bottom: -22px;
}
.pager {
  float: right;
  font: 11px Arial, sans-serif;
}
.pager {
  text-align: right;
  color: #333;
  line-height: normal;
}
.pager a {
  color: #2E4080;
  text-decoration: none;
  padding: 0 2px;
}
.pager a img {
  position: relative;
  top: 3px;
}
.pager a:hover,
.pager a.active {
  color: #333;
} 
#page .pager select {
  margin-right: 12px;
  font: 11px Arial, sans-serif;
  color: #333;
}

a.abutton {
  background: url(/WebRoot/Flac/SF/img/button-l.gif) no-repeat left;
  display: block;
  float: left;
  padding-left: 8px;
  *width:1;  
  cursor: pointer;
  overflow: visible;  
  outline: 0 none;
  text-decoration: none;
  text-transform: uppercase;
}
a.abutton span {
  background: url(/WebRoot/Flac/SF/img/button-r.gif) no-repeat right;
  display: block;
  font: bold 12px/18px  Arial, Helvetica, sans-serif;
  color: #fff;
  padding-right: 18px;
  height: 20px; 
}

a.abutton2 {
  background: url(/WebRoot/Flac/SF/img/button-l2.gif) no-repeat left;
  display: block;
  float: left;
  padding-left: 6px;
  *width:1;  
  cursor: pointer;
  overflow: visible;  
  outline: 0 none;
  text-decoration: none;
  text-transform: uppercase;
  height: 20px;
}
a.abutton2 span {
  background: url(/WebRoot/Flac/SF/img/button-r2.gif) no-repeat right;
  display: block;
  _float:left;
  font: bold 13px/19px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  padding-right: 6px;
  height: 20px; 
}

a.abutton3 {
  background: url(/WebRoot/Flac/SF/img/button-l3.gif) no-repeat left;
  display: block;
  float: left;
  padding-left: 6px;
  *width:1;  
  cursor: pointer;
  overflow: visible;  
  outline: 0 none;
  text-decoration: none;
  text-transform: uppercase;
}
a.abutton3 span {
  background: url(/WebRoot/Flac/SF/img/button-r3.gif) no-repeat right;
  display: block;
  font: bold 13px/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  padding-right: 6px;
  height: 20px; 
}

.button {
  background: none;
  border: 0;
  padding: 0; 
  margin: 0;
  *width:1;  
  cursor: pointer;
  overflow: visible;  
  outline: 0 none;
}
.button span {
  background: url(/WebRoot/Flac/SF/img/button-l3.gif) no-repeat top left;
  padding-left: 6px;
  _width:1%;
  cursor: pointer;
  display: block;
  position: relative;
}
.button span strong {
  background: url(/WebRoot/Flac/SF/img/button-r3.gif) no-repeat top right;
  cursor: pointer;
  display: block;
  font: bold 13px/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  padding-right: 6px;
  height: 20px;   
  white-space: nowrap; 
  text-transform: uppercase;
}

#container {
  background: url(/WebRoot/Flac/SF/img/bg-content.png) repeat-y top center;
  width: 992px;
  padding: 0 4px;
  margin: 0 auto;
  text-align: left;
  font-size: 11px;
  line-height: 140%;
}

#header {
  background: url(/WebRoot/Flac/SF/img/bg-header.gif) repeat-x top;
  height: 72px;  
}
#header h1 {
  padding: 11px 36px 0 33px;
  float: left; 
}
#header ul {
  background: url(/WebRoot/Flac/SF/img/nav-s.gif) no-repeat left top;
  float: left;
  height: 72px;
  margin: 0;
  padding: 0 0 0 1px;
  list-style-type: none;  
  z-index: 888;
  position: relative;
  width: 630px;
}
#header ul li {
  background: url(/WebRoot/Flac/SF/img/nav-s.gif) no-repeat right top;
  display: block;
  float: left;
  height: 72px;  
  padding-right: 1px;
  position: relative;
}
#header ul li a {
  background: url(/WebRoot/Flac/SF/img/bg-nav.gif) repeat-x top;
  display: block;
  color: #2E4080;
  float: left;    
  height: 72px;    
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;    
  overflow: hidden; 
  padding-right: 7px;
}
#header ul li a img {
  display: block;
  float: left;
  margin: 0 auto;
}
#header ul li a:hover,
#header ul li a.active {
  background: url(/WebRoot/Flac/SF/img/bg-nav-o.gif) repeat-x top;
  color: #fff;
}
#header ul li a span {
  background: url(/WebRoot/Flac/SF/img/arrow-d.gif) no-repeat 100% 54px;
  display: block;
  float: left;
  cursor: pointer;
  padding-right: 14px;
  padding-left: 14px;
}
#header ul li a:hover span,
#header ul li a.active span {
   background: none;
}
#header ul li a:hover img,
#header ul li a.active img {
  position: relative;
  top: -72px;
}
#header ul li .sub {
  position: absolute;
  z-index: 2;
  top: 71px;
  left: 0px;
  display: none;
}
#header ul li td img {
  display: block;
}
#header ul li td a {
  background: none;
  display: block;
  color: #333;
  float: none;    
  height: auto;    
  text-transform: none;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;    
  overflow: visible;
  padding-bottom: 4px;
}
#header ul li td a:hover {
  background: none;
  color: #333;
  text-decoration: underline;
}
#header ul li td.tl,
#header ul li td.tr,
#header ul li td.tm {
  background: url(/WebRoot/Flac/SF/img/sub-gradient.gif) repeat-x top #D2E9FC;
  vertical-align: top;
  padding-top: 10px;
}
#header ul li td div {
  border-left: solid 1px #B0B9C1;
  width: 134px;
  float: left;
  padding-left: 6px;
}
#header ul li td div.first {
  border-left: solid 0 #B0B9C1;
}
#header ul li td p {
  font-size: 11px;
  font-weight: bold;
  color: #333;
}
#header ul li td.tl img {
  height: 45px;
  width: 5px;
}
#header ul li td.tm {
  background: url(/WebRoot/Flac/SF/img/sub-gradient.gif) repeat-x top #D2E9FC;
}
#header ul li td.tbl,
#header ul li td.tbr  {
  width: 5px;
  height: 5px;
}
#header ul li td.tbm {
  height: 5px;
  background: #D2E9FC;
}

#basket {
  background: url(/WebRoot/Flac/SF/img/nav-s.gif) no-repeat left top;
  width: 208px;
  float: right;
  height: 72px;
  position: relative;
}
#basket h3 {     
  font-size: 11px;
  color: #333366;
  text-transform: uppercase;
  padding: 0 12px 0 12px;
  margin-bottom: 7px; 
  border-bottom: solid 1px #B9D2E9;
  height: 21px;
}
#basket h3 span {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  display: block;
  float: left;
  background: url(/WebRoot/Flac/SF/img/ico-basket.gif) no-repeat 100% 2px;
  padding-right: 27px;
  height: 21px;
  line-height: 19px;
}
#basket p {
  padding-left: 12px;
  font-size: 10px;
  color: #333366;
  text-transform: uppercase;
  letter-spacing: 0.3em;
}
#basket p span {
  letter-spacing: normal;
}
#basket .buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 208px;
}
#basket .buttons a.abutton {
  float: left;
}
#basket .buttons a.abutton span {
  float: left;
}
#basket .buttons a.abutton.right {
  float: right;
}
#basket .buttons a.abutton.right span {
  float: right;
} 

#content {
  padding: 0 5px; 
}
#search {
  float: right;
  margin-top: 7px;
}
#search input.text {
  display: block;
  float: left;
  border: solid 1px #CECECE;
  border-right: solid 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  padding: 2px 1px;
  width: 167px;
  outline: 0 none;
  margin: 0;
}
#search input.img {
  display: block;
  float: left;
  outline: 0 none;
}
#FACTFinderSearch {
  float: right;
  margin-top: 7px;     
}
#FACTFinderSearch input.text {
  display: block;
  float: left;
  border: solid 1px #CECECE;
  border-right: solid 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  padding: 2px 1px;
  width: 167px;
  outline: 0 none;
  margin: 0;
}
#FACTFinderSearch input.img {
  display: block;
  float: left;
  outline: 0 none;
} 

#FACTFinderAfterSearch .ContextBoxHead {
  display: none;
}
#FACTFinderAfterSearch .BoxContainer {
  background: #CAE5FD;
  border: solid 1px #ccc;
  padding:0 0 2px 0;
  margin-bottom: 7px;     
}  
#FACTFinderAfterSearch .BoxContainer .ContextBoxBody {
  background: url(/WebRoot/Flac/SF/img/dot.gif) repeat-x top;
  padding: 7px 8px;
}
#FACTFinderAfterSearch .BoxContainer .ContextBoxBody.first {
  background: none;
}
#FACTFinderAfterSearch .BoxContainer .ContextBoxBody h2 {
  font-size: 11px;
  font-weight: normal;
  padding-bottom: 3px;
  color: #000;
  text-transform: uppercase;
  margin: 0;
  line-height: 140%;
}
#FACTFinderAfterSearch .BoxContainer .ContextBoxBody a:hover {
  color: #000;
}
#suggestLayer .suggestRow {
  text-align: left;
}

#top .BoxContainer {
  float: right;
}
#top {
  height: 33px;
}
#top ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 196px;
  padding-left: 6px;
  border-left: solid 1px #D5D5D5;
  height: 20px;
  line-height: 18px;
  margin-top: 7px;
}
#top ul li {
  display: inline;
  font-size: 10px;
  color: #666666; 
  letter-spacing: 0.2em;
}
#top ul li a {
  color: #666666;
  text-decoration: none; 
  letter-spacing: normal;
}
#top ul li a:hover {
  color: #2F3D84;
}

#page {
  width: 780px;
  float: left;
  padding-bottom: 4px;
}   
#page .rotator {
  padding-bottom: 10px;
  position: relative;
  height: 505px;
  overflow: hidden;
}
#page .rotator img {
  display: block;
} 
#page .rotator div.buttons {
  position: absolute;
  top: 9px;
  left: 0;
  z-index: 887;
}
#page .rotator div.buttons img {
  margin-left: 9px;
  float: left;
  display: block;
}

#page .rotator div.buttons a.no-hover img {
  background: url(/WebRoot/Flac/SF/img/wtransp.png);
}
/*
#page .rotator div.buttons a.hover img {
  background: url(/WebRoot/Flac/SF/img/ptransp.png);
}
*/
#page .rotator div.buttons a#home_button_0.hover img {
  background: url(/WebRoot/Flac/SF/img/hb0transp.png);
}
#page .rotator div.buttons a#home_button_1.hover img {
  background: url(/WebRoot/Flac/SF/img/hb1transp.png);
}
#page .rotator div.buttons a#home_button_2.hover img {
  background: url(/WebRoot/Flac/SF/img/hb2transp.png);
}

#page .big-teaser {
  width: 780px;
  padding-bottom: 10px;
}

#page .small-teaser {  
  padding-bottom: 7px;
  width: 386px;
}
#page .small-teaser img {
  display: block;
}

#page .product-teaser {
  width: 780px;
  padding-bottom: 10px;
}
#page .product-teaser a {
  display: block;
  float: left;
  padding-left: 8px;
}
#page .product-teaser a.first {
  padding-left: 0;  
} 
#page .product-teaser img {
  display: block;
}

#page .kundenstimmen {
  background: url(/WebRoot/Flac/SF/img/s3.jpg) no-repeat right top;
  width: 239px;
  height: 160px;
  float: left;
  padding: 10px 7px 0 17px;
}
#page .kundenstimmen h6 img {
  display: block;
  padding-bottom: 7px;
}
#page .kundenstimmen small {
  display: block;
  background: #fff;
  font-size: 10px;
  line-height: 12px;
  padding: 0 6px 0 3px;
  margin-bottom: 4px;
	text-transform: lowercase;
}
#page .kundenstimmen small span {
  float: right;
  height: 12px;
  line-height: 12px;
}
#page .kundenstimmen p {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 8px;
}
#page .kundenstimmen p span {
  background: #fff;
}
#page .kundenstimmen a img {
  display: block;
  float: right;
}

#page .image {
  padding-bottom: 7px;
}
#page .image img {
  display: block;
}

.category-list {
  width: 100%;
}
.category-list a {
  float: left;
  width: 364px;
  padding: 0 10px;
  height: 32px;
  background: #CAE5FD;
  font:bold 11px/30px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
.category-list a:hover {
  color: #000;
}
.category-list a.FloatRight {
  float: right;
}

.brand {
  width: 100%;
}
.brand div {
  float: left;
  width: 260px;
}
.brand div img {
  display: block;
  margin: 0 auto;
  padding-bottom: 14px;
}

.presse {
  font-size: 11px;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-left: 11px;
  border-top: solid 1px #ccc;
}
.presse.first {
  border-top: 0;
}
.presse h6 {
  font-weight: bold;
  font-size: 11px;
  padding-bottom: 3px;
}
.presse h6 small {
  display: block;
  font-size: 10px;
  font-weight: normal;
  padding-bottom: 1px;
}

#product {
  background: url(/WebRoot/Flac/SF/img/dot2.gif) repeat-x bottom;
  margin-bottom: 8px;
}
#product .img {
  float: left;
  width: 518px;
  padding-bottom: 10px;
}
#product .img h6 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 3px;
}
#product .img-box  {
  border: solid 1px #ccc;
  width: 516px;
  height: 300px;
  position: relative;
}
#product .img-box a img {
  display: block;
  margin: 0 auto;
}
#product .img-box img.brand {
  position: absolute;
  top: 1px;
  left: 1px;
}
#product .img-ico {
  float: right;
  height: 25px;
  background: #ccc;
  padding-right: 1px;
}
#product .img-ico img,
#product .img-ico input.iimg {
  display: block;
  float: left;
  padding-left: 1px;
}
#product .img .slide img {
  border: solid 1px #ccc;
  display: block;
  float: left;
  margin-right: 2px;
}

#product .info {
  float: right;
  width: 258px;
  padding-bottom: 10px;
}
#product .info h3 {
  background: url(/WebRoot/Flac/SF/img/dot2.gif) repeat-x bottom;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  line-height: normal;
  padding-bottom: 10px;
  margin-bottom: 7px;
  padding-left: 3px;
}
#product .info h3 small {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 10px;
}
#product .info .price {
  background: url(/WebRoot/Flac/SF/img/dot2.gif) repeat-x bottom;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: normal;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 3px;
}
#product .info .price em {
  font-style: normal;
  font-size: 14px;
  text-decoration: line-through;
  display: block;
}
#product .info .price small {
  display: block;
  font-size: 11px;
  font-weight: normal;
  line-height: normal;
}
#product .info .price span {
  font-size: 10px;
  display: block;
  font-weight: normal;
  line-height: normal;
  color: #666666;
}
#product .info .price span a {
  text-decoration: underline;
  color: #000;
}
#product .info .price span a:hover {
  color: #666666;
}
#product .info .add {
  background: url(/WebRoot/Flac/SF/img/dot2.gif) repeat-x bottom;   
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 3px;
}
#product .info .variations {
  background: url(/WebRoot/Flac/SF/img/dot2.gif) repeat-x bottom;   
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 3px;
}
#product .info .add img {
  display: block;
}
#product .info .description {
  line-height: normal;
  padding-bottom: 10px;
  padding-left: 3px;
}
#product .info .description h6 {
  font-size: 11px;
  line-height: normal;
} 
#product .info .quantity {
  background: url(/WebRoot/Flac/SF/img/dot2.gif) repeat-x bottom;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  padding-left: 3px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#product .info .quantity select {
  width: 44px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}
#product .info .quantity div {
  float: left;
  width: 33%;
}
#product .info .quantity strong {
  display: block;
  padding-bottom: 3px;
}
#product .info .quantity span {
  color: #000;
}

#product .carouselwrap {
	width: 518px; 
	overflow: hidden;
}
#product .carousel {
	float: left;
	width: 470px; 
	overflow: hidden; 
	height: 99px;
	position: relative;
}
#product .carouselscroll {
	position: relative;
	overflow: hidden;
}
#product .carouselprev.enabled {
	background-image: url(/WebRoot/Flac/SF/img/carousel-prev-small-enabled.png);
}
#product .carouselnext.enabled {
	background-image: url(/WebRoot/Flac/SF/img/carousel-next-small-enabled.png);
}
#product .carouselprev.disabled {
	background-image: url(/WebRoot/Flac/SF/img/carousel-prev-small-disabled.png);
}
#product .carouselnext.disabled {
	background-image: url(/WebRoot/Flac/SF/img/carousel-next-small-disabled.png);
}
#product .carouselprev, 
#product .carouselnext {
	float: left;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
	height: 99px;
	z-index: 10;
}
#product .carouselprev.enabled:hover, 
#product .carouselnext.enabled:hover{
  cursor:pointer;
}

.product-list {
  width: 780px;
  float: left;
  /* border-top: solid 1px #ccc; */

}
.product-list .item {
  float: left;
  border: solid 1px #ccc;
  /* border-top: solid 0; */
	border-top: solid 1px #ccc;
  border-left: solid 0;   
  width: 259px;
	position: relative;
} 
.product-list .item.first {
  width: 258px;
  border-left: solid 1px #ccc;   
}
.product-list .item .img {
  display: block;
  height: 225px;
  border-bottom: solid 1px #ccc;   
}
.product-list .item .img img {
  display: block;
  /* margin: 0 auto; */
}

.product-list .item .color-variation {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 5px;
	border: 1px solid #ccc;
}
.product-list .item .color-variation:hover {
	cursor: pointer;
}

.product-list .item .info {
  height: 49px;
  overflow: hidden;
  padding-left: 8px;
  font-size: 11px;
  font-family: Verdana, sans-serif;
}
.product-list .item .info h3 {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  color: #A71F1F;
  padding-right: 8px;
  padding-top: 2px;  
  padding-bottom: 2px;
  line-height: 125%; 
}
.product-list .item .info h3 a {
  color: #A71F1F;
  text-decoration: underline;
}
.product-list .item .info strong {
  font-size: 11px;
}
.product-list .item .info strong em {
  font-style: normal;
  padding-right: 5px;
  text-decoration: line-through;
  font-size: 10px;
}
.product-list .item .ico {
  float: right;
  background: #ccc;
  width: 50px;
}
.product-list .item .ico img,
.product-list .item .ico input.iimg {
  display: block;
  float: left;
  padding-bottom: 1px;
  padding-left: 1px;
}

.cross-selling {
  width: 100%;
  margin-bottom: 7px;
}
.cross-selling h4 {
  text-transform: uppercase;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 5px;  
}

.cross-selling .carouselwrap {
	position: relative;
	width: 781px; 
	overflow: hidden;
}
.cross-selling .carousel {
	width: 779px;
	overflow: hidden; 
	border: 1px solid #ccc; 
}
.cross-selling .carouselscroll {
	position: relative;
	border: 0 !important;
}
.cross-selling .carouselscroll .item {
	border-top: 0;
	border-bottom: 0;
}
.cross-selling .carouselscroll .item.first {
	border-left: 1px solid #ffffff;
}
.cross-selling .carouselprev {
	background-image: url(/WebRoot/Flac/SF/img/carousel-prev.png);
	left: 0;
}
.cross-selling .carouselprev.enabled {
	display: block;
}
.cross-selling .carouselprev.disabled {
	display: none;
}
.cross-selling .carouselnext {
	background-image: url(/WebRoot/Flac/SF/img/carousel-next.png);
	right: 0;
}
.cross-selling .carouselnext.enabled {
	display: block;
}
.cross-selling .carouselnext.disabled {
	display: none;
}
.cross-selling .carouselprev, .cross-selling .carouselnext {
  background-position: center;
  background-repeat: no-repeat;
	position: absolute;
	top: 0;
  width: 30px;
  height: 225px;
	z-index: 10;
}
.cross-selling .carouselprev:hover, .cross-selling .carouselnext:hover{
  cursor:pointer;
}

#bottom-teasers {
  background: url(/WebRoot/Flac/SF/img/bg-bottom-teasers.gif) no-repeat bottom #CAE5FD; 
  min-height: 76px;
  _height: 76px;
  padding-left: 20px;
  padding-top: 10px;
  width: 760px;
  float: left;
  margin-top: 4px;
}
#bottom-teasers h5 {
  color: #333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}
#bottom-teasers input.text {
  display: block;
  color: #777;
  font-size: 10px;
  width: 155px;
  border: solid 1px #E3E9EF;
  border-top: solid 1px #ABADB3;
  padding: 1px 2px;
  margin-bottom: 8px;
}
#bottom-teasers input.img {
  display: block;
}
#bottom-teasers form {
  float: left;
}
#bottom-teasers .box {
  float: left;
  padding-left: 27px;
  width: 120px;
  padding-bottom: 10px;
} 
#bottom-teasers ul {
  margin: 0;
  padding: 0;
  list-style-type: none;  
}
#bottom-teasers ul li {
  line-height: 120%;
}
#bottom-teasers ul li a {
  font-size: 11px;
  color: #666666;
  text-decoration: none;         
}
#bottom-teasers ul li a:hover {
  color: #2F3D84;
}   

#sidebar {
  width: 192px;
  float: right;
}
#sidebar .ad img {
  display: block;
  margin: 0 auto;
}
#sidebar .ad {
  padding-bottom: 10px;
}
#sidebar .kundenstimmen {
  background: url(/WebRoot/Flac/SF/img/bg-feedback.gif) no-repeat bottom left #CCE4EE;
  width: 179px;
  float: left;
  padding: 10px 10px 10px 3px;
  margin-bottom: 10px;
}
#sidebar .kundenstimmen h6 img {
  display: block;
  padding-bottom: 7px;
}
#sidebar .kundenstimmen small {
  display: block;
  background: #fff;
  font-size: 10px;
  line-height: 12px;
  padding: 0 6px 0 3px;
  margin-bottom: 4px;
	text-transform: lowercase;
}
#sidebar .kundenstimmen small span {
  float: right;
  height: 12px;
  line-height: 12px;
}
#sidebar .kundenstimmen p {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 90px;
}
#sidebar .kundenstimmen p span {
  background: #fff;
}
#sidebar .kundenstimmen a img {
  display: block;
  float: right;
}

#sidebar .filter {
  background: #CAE5FD;
  border: solid 1px #ccc;
  padding: 5px 0 2px 0;
  margin-bottom: 7px;
}
#sidebar .filter h6 {
  padding-left: 8px;
  padding-bottom: 7px;
  padding-right: 8px;
  font-size: 11px;
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
  margin: 0;
  line-height: 140%;
}
#sidebar .filter label {
  padding-left: 11px;
  display: block;
  font-size: 11px;
  color: #000;
  padding-bottom: 4px;
  padding-right: 8px;
  line-height: 140%;
}
#sidebar .filter label img {
  position: relative;
  top: 3px;
  padding-right: 4px;
}
#sidebar .filter label input {}
#sidebar .filter .dots {
  display: block;
  clear: both;
  background: url(/WebRoot/Flac/SF/img/dot.gif) repeat-x;
  height: 1px;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 5px;
}

#sidebar .last-visited {
  border: solid 1px #ccc;
  margin-bottom: 10px;
}
#sidebar .last-visited h5 {
  margin-bottom: 4px;
  padding-left: 10px;
  padding-top: 7px;
  text-transform: uppercase;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#sidebar .last-visited div {
  background: url(/WebRoot/Flac/SF/img/vdot.gif) repeat-y top center;
  width: 190px;
}
#sidebar .last-visited div a {
  display: block;
  float: left;
  width: 94px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#sidebar .last-visited div .dots {
  background: url(/WebRoot/Flac/SF/img/dot2.gif) repeat-x top center;      
  height: 1px;
  width: 100%;
  display: block;
  clear: both;
}
#sidebar .last-visited div a img {
  display: block;  
  margin: 0 auto;  
}
#sidebar .last-visited div a.right {
  float: right;
}
 
#payment {
  width: 192px;
  float: right;
} 
#payment img {
  float: left;
  display: block;
  padding-bottom: 5px;
  padding-right: 9px;
}  
#payment img.right {
  float: right;
}

#footer {
  width: 1000px;
  padding: 0 0 12px 0;
  margin: 0 auto;
  text-align: left;
  font-size: 11px;
}  
#footer img {
  display: block;
}
#footer div.right {
  padding-right: 4px;
  padding-top: 2px;
}
#footer ul {
  margin: 0;
  padding: 2px 0 0 4px;
  list-style-type: none;
  float: left;
}
#footer ul li {
  display: inline;
  letter-spacing: 0.3em;
}
#footer ul li a {
  letter-spacing: normal;
  font-size: 10px;
  color: #666666;
  text-decoration: none;
}
#footer ul li a:hover {
  color: #2F3D84;
}

/*basket popup*/    
#divbasketpopup {
  background: url(/WebRoot/Flac/SF/img/basket-box.gif) no-repeat;
  border: solid 1px #2E4080;
  width: 250px;
  height: 129px;
  font-size: 0em;
  line-height: 0em;
  position: relative;
  color: #fff;
}
#divbasketpopup #loader {
  display: block;
  margin: 0 auto;
  padding-top: 75px;
}
#divbasketpopup .close {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  text-align: left;
}
#divbasketpopup div {
	color: #000;
}
#divbasketpopup p {	
	font-family: Arial, Helvetica, sans-serif;
  padding-top: 60px; 
  font-size: 11px;
  font-weight: bold;
  color: #2E4080;
  margin: 0;
  padding-bottom: 10px;
}
#divbasketpopup ul {
  padding: 0; 
  list-style-type: none;
  margin: 0;
}
#divbasketpopup ul li {
  display: inline;
}
#divbasketpopup ul li.first {
  margin-right: 15px;
}
#divbasketpopup ul li a {
	font-family: Arial, Helvetica, sans-serif;
  padding-left: 8px;
  background: url(/WebRoot/Flac/SF/img/sarrow2.gif) no-repeat 0 5px;
  text-decoration: none;
  color: #2E4080;
  font-size: 11px;
  line-height: 15px;
}
#divbasketpopup ul li a:hover {
  color: #000000;
}



.katalog {
  padding: 0 10px 10px 0;    
  margin-bottom: 5px;
  
}
.borderK {
  border-bottom: dotted 1px #002C7E;
}
.katalog .img {
  float: left;
  position: relative;
  
}
.katalog .img img {
  display: block;
}
.katalog .img .zoom {
  position: absolute;
  bottom: 0;
  right: 5px;
  display: block;
}
.katalog .txt {
  float: left;
  width: 300px;
  padding-left: 20px;
}
.katalog .txt label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.katalog .reason{
  margin-left:245px;
}

.shipping-info {
  padding: 0 10px 10px 0;    
  margin-bottom: 2px;
  border-bottom: dotted 1px #002C7E;
}
.shipping-info1 {
  padding: 0 10px 10px 0;    
  margin-bottom: 2px;
}

.MultiBoxContainer {
	position: absolute;
	border: 2px solid #333;
	padding: 0px;
	background-color: #FFF;
	display: block;
	z-index: 999;
	text-align: left;
	/*overflow: hidden;*/	
}

.MultiBoxLoading {
	background: url(/WebRoot/Flac/SF/img/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -6px;
	right: -6px;
	background: url(/WebRoot/Flac/SF/img/multibox/close.png) no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
}
* html .MultiBoxClose {
  background: none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/Flac/SF/img/multibox/close.png', sizingMethod='crop'); 
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #6B0000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(/WebRoot/Praesentwerk/SF/img/multibox/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	margin-left: 5px;
	cursor: pointer;
}
* html .MultiBoxPrevious {
  background: none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/Flac/SF/img/multibox/left.png', sizingMethod='crop'); 
}

.MultiBoxNext {
	position: absolute;
	background: url(/WebRoot/Praesentwerk/SF/img/multibox/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	margin-right: 5px;
	cursor: pointer;
}
* html .MultiBoxNext {
  background: none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/Flac/SF/img/multibox/right.png', sizingMethod='crop'); 
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(/WebRoot/Praesentwerk/SF/img/multibox/rightDisabled.png) no-repeat;
}
* html .MultiBoxNextDisabled {
  background: none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/Flac/SF/img/multibox/rightDisabled.png', sizingMethod='crop'); 
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(/WebRoot/Praesentwerk/SF/img/multibox/leftDisabled.png) no-repeat;
}
* html .MultiBoxPreviousDisabled {
  background: none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebRoot/Flac/SF/img/multibox/leftDisabled.png', sizingMethod='crop'); 
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}