/* -------------------------------------------------------------------------------------------------------------
   ePages 5 - Storefront Style $Revision: 1.268.2.6 $
   ------------------------------------------------------------------------------------------------------------- */



/* -- ALGEMEIN -- */

input, select, textarea {
  border: 1px solid #DEDEDE;7
  border-top: 1px solid #7B7B7B;
}

input.Login {
  width:145px;
}

.Button {
  border: 1px solid #aaaaaa !important;
  background-color: #cccccc !important;
  color: #000000 !important
}


.NavBarLeft, .NavBarLeft div, .NavBarRight, .NavBarRight div, .Header, .Header div,.ContentArea, .ContentArea div {
  padding: 0px !important;
}


.ContentArea h1, 
.ContentArea h2 {
  margin-top: 12px;
  margin-bottom: -2px;
}

.SearchForm {
  text-align: right;
}
.SearchForm a {
  height: 24px;
  line-height: 24px;
}
.SearchForm input.Search {
  width:158px;
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.SearchForm a img {
  margin-right: 5px;
}

a.Action {
  padding: 0 0 0 0 !important;
 /*  background: url("../../../../SF/Icon/RelaxFactory/img_actionlink.gif") no-repeat 100% 50% !important;*/
}
.NavBarLeft .PropertyContainer .SizeContainer .ContextBox {
  margin-bottom:5px;
  margin-top: 0px;
}
.NavBarLeft .PropertyContainer .SizeContainer .ContextBox .BoxContainer {
  margin-left: 25px;
  margin-right: 5px;
}
.NavBarLeft .PropertyContainer .SizeContainer .NavigationText .HomeElement {
  margin-left: -12px !important;
  margin-right: -5px !important;
  width: 187px;
  margin-bottom: 0px !important;

}
.NavBarLeft .PropertyContainer .SizeContainer .NavigationText {
  margin-left: 25px;
  margin-right: 5px;
  margin-bottom: 0px !important;
}



.NavBarRight .PropertyContainer {
  margin-left: 5px;
  margin-top: 5px;
}



.NavBarLeft .ShopSlogan,
.NavBarLeft .ContextBox .NavigationElement,
.NavBarLeft .NavigationElement,
.NavBarLeft .BoxContainer,
.NavBarLeft .ShopNameHead,
.NavBarLeft .ContextBoxHead,
.NavBarLeft .NavigationText,
.NavBarRight .ShopSlogan,
.NavBarRight .ContextBox .NavigationElement,
.NavBarRight .NavigationElement,
.NavBarRight .BoxContainer,
.NavBarRight .ShopNameHead,
.NavBarRight .ContextBoxHead,
.NavBarRight .NavigationText {
  max-width:170px !important;
  width:170px !important;
  padding-right:0px;
}            
.NavBarLeft .NavigationText .NavigationElement,
.NavBarRight .NavigationText .NavigationElement,
.NavBarLeft .ContextBoxHead,
.NavBarRight .ContextBoxHead,
.NavBarRight .ContextBox .NavigationElement,
.NavBarLeft .ContextBox .NavigationElement {
  padding-left:0px !important;
}

.NavBarLeft .ShopSlogan,
.NavBarLeft .ContextBox .NavigationElement,
.NavBarLeft .NavigationElement,
.NavBarLeft .BoxContainer,
.NavBarLeft .ShopNameHead,
.NavBarLeft .ContextBoxHead,
.NavBarLeft .NavigationText {
  margin-left:20px;
}
.NavBarLeft .NavigationText .NavigationElement {
  margin-left:0px;
}


table.Basket,
.Basket tr td,
.Basket tr th,
.ShoppingList,
.ShoppingList tr td,
.ShoppingList tr th,
.VariationsTable,
.VariationVariationsTable,
.ProductListImageBox tr td,
.CrossellingCount tr td,
.BundledProductsTable tr td,
.ProductListImageBox tr th,
.CrossellingCount tr th,
.BundledProductsTable tr th,
.VariationVariationsTable tr td,
.VariationsTable tr th,
.VariationsTable tr td,
.VariationVariationsTable tr th,
.ComparisonTable tr td,
.ComparisonTable tr th{
  border: 1px solid #CCCCCC !important;
  border-collapse:collapse;
}

.ComparisonTable, .SearchMask {
  border-collapse: collapse !important;
  border-spacing: 0px !important;
}

.SearchMask,
.SearchMask tr td,
.SearchMask tr th,
.Dialog  {
  border:0px !important;
}
       
table.MiniBasket {
  width: 170px !important;
  background: #CCCCCC;
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  

}
table.MiniBasket td {
  padding: 1px 4px 2px 4px !important;
  border-color: #CCCCCC;
}


/* -- LAYOUT -- */

.GeneralLayout {
  width: 910px;
}

table.Middle {
  max-width: 920px;
  width: 920px;
}

.BoxHeadline {
  margin-bottom:-5px !important;
}

.BoxHeadline img {
  margin: 8px;
}

.CategoryList {
  background-image:url('floral.jpg');
  background-repeat: no-repeat;
  width: 490px;
}

.ListItemProductContainer {
  margin-top: 4px;
}

html>body .ListItemProductContainer {
  margin-top: 5px;
}

.NavBarRight a.NavBarRightImage {
  border: 1px solid #cccccc;
  overflow: hidden;
  width: 168px;
  display: block;
  height: 143px;
  margin-top: 5px;
}

.NavBarRight a img {
  margin-bottom: -2px;
}

body>html .NavBarRight a img {
  margin-bottom: 0px;
}

.ListItemArticle .ImageArea a,
.ListItemProduct .ImageArea a {
  display: block;
  border: 1px solid #cccccc;
  width: 168px;
  height: 143px;
  overflow: hidden;
}


.ListItemArticle .InfoArea,
.ListItemProduct .InfoArea {
  min-width: 295px !important;
  width: 295px !important;
  min-height: 143px; !important;
  height: 143px; !important;
  float: right !important;
  padding: 1px 5px 1px 15px !important;
}

.ListItemProduct .InfoArea .LinkBasket {
  display: none; 
}

.ListItemArticle .InfoArea .Headline,
.ListItemProduct .InfoArea .Headline {
  margin-top: 5px;
}

.ListItemProduct .PriceArea {
  float:left !important; 
  height: 16px;
}
.ListItemProduct .PriceArea .Price {
  margin-left: 0px;
}
html>body .ListItemProduct .PriceArea .Price {
  margin-left: -4px;
}
.ListItemProduct .TaxAndShippingInfo {
  margin-top: 1px;
  margin-left: 5px;
}
.ListItemProduct .nobr br {
  display: none !important;
}

.ListItemProduct .Links {
  float:right !important; 
}

.ProductRecommendation .PriceArea .Price {
  margin-left: 0px;
}
.ProductRecommendation .TaxAndShippingInfo {
  margin-left: 0px;
}
.ProductRecommendation .PriceArea {
  margin-bottom: 10px;
}


/* -- LAYOUT -- HEADER -- */

.ShopLogo {
  position:relative;

} 

.Header .ShopLogo .ContextBox {
  position:absolute;
  top: 50px;
  left: 4px;
}
.Header .ShopLogo .ContextBoxBody {
  display: inline;
}

.BorderLine {
  border-left:1px solid #CCCCCC;
}

/* -- LAYOUT -- NAVBARTOP -- */
.NavBarTop .NavigationElement {
  margin-right:15px;
}

/* -- LAYOUT -- NAVBARLEFT -- */
.NavBarLeft #NavbarLeftElementNo0 {
  margin-top: 5px;
}

.NavBarLeft .HomeElement {
  background: transparent url("Home.jpg") no-repeat top right;
  height: 26px;
}

.NavBarLeft .HomeElement div {
  background: url(../../../../SF/Icon/RelaxFactory/ico_s_paging_backward.gif) no-repeat 0 50%;
  vertical-align: middle;
  line-height:26px;
  padding-left:15px !important;
}

.NavBarLeft .PropertyContainer {
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 20px;

}

html>body .CategoriesTreeBox img.NavImage {
  width: auto;
  height: auto;
  margin-top:5px;
}

.NavBarLeft a {
  color: black !important;
}

.CategoriesTreeBox img.NavImage {
  width: 170px;
  height: 44px;
  margin-top:5px;
}

.CategoriesTreeBox li {
      white-space: normal !important;
      width: 130px !important;
      line-height: 12px !important;
      margin-top: 2px !important;
}

.CategoriesTreeBox ul, ContextBox {
  width:170px;
}

.CategoriesTreeBox ul {
  margin-top: -5px;
}
.CategoriesTreeBox ul ul {
  margin-top: 0px;
  min-height: 149px;
}
.CategoriesTreeBox ul ul ul {
  min-height: 0px;
}

.CategoriesTreeBox li.HasSubCategoriesMinus li a {
  font-weight: normal;
}
.CategoriesTreeBox li a.ActiveNode,
.CategoriesTreeBox li.HasSubCategoriesMinus a,
.CategoriesTreeBox li.HasSubCategoriesMinus li a.ActiveNode {
  font-weight: bold;
}
.CategoriesTreeBox li a.ActiveNode {
  text-decoration: none;
}
.CategoriesTreeBox li.NoSubCategories,
.CategoriesTreeBox li.HasSubCategoriesMinus,
.CategoriesTreeBox li.HasSubCategories {
  background: none;
  font-weight: normal;
}
.CategoriesBox .BoxContainer .ContextBoxBody {
  padding:0px;
  margin:0px;
  background:transparent;
}


/* -- LAYOUT -- NAVBARRIGHT -- */


.FloralBoxRight {
  /*background: transparent url("FloralRight.jpg") no-repeat bottom left;*/
  background-color: #cccccc;
  height: 145px;
}

.ContextBox .NavigationElement a {
  margin-left:0px !important;
}
.FloralBoxRight .NavigationElement,
.LoginBox h1 {
  background: transparent;
  margin-left:8px !important;
}

.FloralBoxRight .NavigationElement {
  margin-left:8px !important;
  margin-right:-8px !important;
}

html>body .FloralBoxRight .NavigationElement {
  margin-left:8px !important;
}

.FloralBoxRight .NavigationElement img {
  margin-top: 8px;
  margin-bottom: 8px;
}

.LoginBox .InputField input{
  width:158px;
  margin-left: -3px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.LoginBox {
  height: 120px;
}
body>html .LoginBox {
  height: 121px;
}
.LoginBox {
  min-height: 120px;
  background-color: #CCCCCC;
}

.NavBarRight .NavigationText {
  margin-bottom: 0px;
  margin-top: 0px;
}

.NavBarRight .ContextBox {
  margin-bottom: 5px;
}
.NavBarRight .ContextBox .ContextBoxBody {
  margin-bottom: 0px;
  padding-bottom: 8px !important;
  padding-left: 8px !important;
}

/* -- LAYOUT -- INHALTSBEREICH -- */
td.ContentArea {
  width: 490px !important;
  max-width: 490px !important;
  min-width: 490px !important;
  padding: 5px !important;
}

.ContentArea .BreadcrumbLastItem {
  font-size: 10px;
  color: #666666;
  font-weight:  normal;
}

.ContentArea .BreadcrumbItem:hover,
.ContentArea .BreadcrumbItem {
  font-size: 10px;
  font-weight:  normal;
  color: #666666;
  background-position: right 50% !important;
}

.ContentArea .Separator {
  height: 0px;
  margin: 0 0 0 0;
}

.CategoryList .Separator {
  height: 0px;
  margin: 2px 0 0px 0;
}

.CategoryList .CategoryText {
  height: 64px;
}

/* -- LAYOUT -- INHALTSBEREICH -- PRODUKTANSICHT -- */
div.ImageBroad {
  margin-top: -12px;
}
div.ImageBroad div.ImageArea div.ImageAreaPropertyContainer {
  text-align: left;
  width: 346px;
  height: 295px;
  position: relative;
  margin: 3px 0px 9px 0px;
}

div.ImageBroad div.ImageArea div.ImageAreaPropertyContainer img {
  border: 1px solid #cccccc;
}


div.ImageBroad div.ImageArea div.ImageAreaPropertyContainer a.Action {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background: url("lupe.gif") no-repeat 0 0 !important;
  height: 14px;
  display: block;
  line-height: 1px;
  font-size: 1px;
  color: white;
  text-decoration: none;
}
div.ImageBroad div.ImageArea div.ImageAreaPropertyContainer .OuterPreviewArea {
  width: 346px;
  height: 295px;
}
.ProductDetails .InfoArea td {
  vertical-align: top;
}

.ProductDetails .InfoArea .Links {
  width: 150px;
  height: 85px;
  text-align: left;
  background-color: #CCCCCC;
  padding:5px !important;
  float:right;
}

.ProductDetails .InfoArea .TaxAndShippingInfo,
.ProductDetails .InfoArea .Price {
  text-align: left;
  width: 150px;
  padding:5px !important;
  float:right;
}


.ProductDetails .InfoArea .Links a {
  padding:0px;
  background-image: none;
  color: #666666;
  font-size: 11px;
  margin: 3px;
}

.ProductDetails .InfoArea div {
  margin-top: 5px;
}
.ProductDetails .InfoArea div.FullSize {
  margin: 0px;
  
  width: 314px !important;
  padding: 0px !important;
}

.ProductDetails .LinkBasket {
  padding: 0 18px 0 0 !important;
  background: url("../../../../SF/Icon/RelaxFactory/img_actionlink.gif") no-repeat 100% 50% !important;
  color: #666666;
  font-size: 11px;
}

.ProductDetails .LinksBasket {
  width: 160px;
  height: 45px;
  padding:0px;
  float:right;
  margin: 0px !important;
}
.ProductDetails .LinksBasket form,
.ProductDetails .LinksBasket a {
  margin: 5px;
}
.ProductDetails .LinksBasket a {
  display: block; 
  overflow: hidden;
  width: 147px;
  height: 15px;
  background-position: middle right;
  padding: 0px !important;
  margin-left: 8px;
  margin-right: 8px;
}
.ProductDetails .LinksBasket form {
  margin-top: 3px;
}
.ProductDetails .LinksBasket form input {
  width: 148px;
}

.ProductDetails .Links br {
  display: none;
}
.ProductDetails .Links a {
  display: block;
}

.ProductListImageBox,
.CrossellingCount,
.BundledProductsTable{
}



.OrderByName {
  left: 111px;
}

/* -- TABELLEN -- */

.ContentArea table.SelectVariation {
  margin: 0px;
}

.ContentArea table.SelectVariation,
.ContentArea table.ComparisonTable,
.ContentArea table.BundledProductsTable,
.ContentArea table.UserAttributes,
.ContentArea table.VariationsTable,
.ContentArea table.VariationVariationsTable,
.ContentArea table.CustomerList,
.ContentArea table.OrderList,
.ContentArea table.ShoppingList,
.ContentArea table.Basket {
  border: 1px solid #cccccc !important;
  border-collapse:collapse;
}

.ContentArea table.SelectVariation td,
.ContentArea table.ComparisonTable td,
.ContentArea table.BundledProductsTable td,
.ContentArea table.UserAttributes td,
.ContentArea table.VariationsTable td,
.ContentArea table.VariationVariationsTable td,
.ContentArea table.CustomerList td,
.ContentArea table.OrderList td,
.ContentArea table.ShoppingList td,
.ContentArea table.Basket td {
  border: 1px solid #cccccc !important;
  border-collapse:collapse;
}

.ContentArea table.SelectVariation th,
.ContentArea table.ComparisonTable th,
.ContentArea table.BundledProductsTable th,
.ContentArea table.UserAttributes th,
.ContentArea table.VariationsTable th,
.ContentArea table.VariationVariationsTable th,
.ContentArea table.CustomerList th,
.ContentArea table.OrderList th,
.ContentArea table.ShoppingList th,
.ContentArea table.Basket th {
  border: 1px solid #cccccc !important;
  border-collapse:collapse;
}

.ContentArea table.VariationVariationsTable {
  margin: 0px;
  padding: 0px;
  border: 0px !important;
}
.ContentArea table.VariationVariationsTable td {
  padding: 0px;
  border: 0px !important;
}
.ContentArea table.VariationVariationsTable td a {
  display: block;
  height: 47px;
  width: 158px;
  overflow: hidden;
  border: 1px solid #cccccc !important;
  border-bottom: 0px !important; 
}
.ContentArea table.VariationVariationsTable td div {
  border: 1px solid #cccccc !important;
  border-top: 0px !important;
  margin-bottom: 5px;
  width: 158px;
}
.ContentArea table.VariationVariationsTable td.Black div,
.ContentArea table.VariationVariationsTable td.Black a {
  border-color: #000000 !important;
  font-weight: bold;
  color: #000000;
}
.ContentArea table.VariationVariationsTable th {
  display: none;
}





.ContentArea table.BundledProductsTable {
  border: 0px !important;
}
.ContentArea table.BundledProductsTable td {
  padding: 0px;
  border: 0px !important;
}
.ContentArea table.BundledProductsTable td .BundledProductsImageArea img {
  position: static !important;
}
.ContentArea table.BundledProductsTable td .BundledProductsImageArea a {
  display: block;
  height: 145px;
  width: 158px !important;
  overflow: hidden !important;
  border: 1px solid #cccccc !important;
}
.ContentArea table.BundledProductsTable td .BundledProductsInfoArea {
  border: 0px !important;
  margin-bottom: 5px;
  width: 158px;
  text-align: left !important;

}
.ContentArea table.BundledProductsTable td .BundledProductsInfoArea .FloatRight,
.ContentArea table.BundledProductsTable td .BundledProductsInfoArea .Price {
  float: left !important;
  text-align: left !important;
}
.ContentArea table.BundledProductsTable th {
  display: none;
}





.ContentArea table.CrossellingCount {
  border: 0px !important;
}
.ContentArea table.CrossellingCount td {
  padding: 0px;
  border: 0px !important;
}
.ContentArea table.CrossellingCount td .CrossellingImageArea img {
  position: static !important;
}
.ContentArea table.CrossellingCount td .CrossellingImageArea a {
  display: block;
  height: 145px;
  width: 158px !important;
  overflow: hidden !important;
  border: 1px solid #cccccc !important;
}
.ContentArea table.CrossellingCount td .CrossellingInfoArea {
  border: 0px !important;
  margin-bottom: 5px;
  width: 158px;
  text-align: left !important;

}
.ContentArea table.CrossellingCount td .CrossellingInfoArea .FloatRight,
.ContentArea table.CrossellingCount td .CrossellingInfoArea .Price {
  float: left !important;
  text-align: left !important;
}
.ContentArea table.CrossellingCount th {
  display: none;
}


/* -- WARENKORB -- */
ul.OrderProcess li {
  border: 1px solid #cccccc;
  margin-right:5px;
}

/* -- STARTSEITE -- */

.NewsList .ListItemCategory {
  text-align:center;
  width: 490px;
  min-width: 490px;
  padding:0px;
  margin:0px 0px 5px 0px;
  height:145px;
 

}

.NewsList .ListItemCategory .ImageArea {
  text-align:center;
  width: 490px;
  min-width: 490px;
  margin:0px;
  padding:0px;
}

.ListItemCategory .ImageArea img {
  margin-bottom: 0px;
  _margin: 0px;
}
html>body .NewsList .ListItemCategory .ImageArea img {
  margin-bottom: -3px;
}
.NewsList .ListItemCategory .ImageArea img {
  margin-bottom: 0px;
}

.ListItemCategory .ImageArea {
  margin:0px;
  padding:0px;
}

.ListItemArticle .ImageArea,
.ListItemProduct .ImageArea {
  padding:0px 5px 0px 0px;
}

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

#PreviewArea {
  height: 350px;
  width: 350px;
}


.ContentArea .ErrorMessage,
.ContentArea .DialogMessage {
  padding-left: 30px !important;
}
.ContentArea .DialogMessage h3,
.ContentArea .DialogMessage p {
  padding-left: 30px;
}
.ContentArea .DialogMessage h3 {
  margin-top: 12px;
}





.ContentArea .CheckoutButtons {
  margin-bottom: 6px;
  margin-top: 6px;
}
.ContentArea .Button {
  margin-top: 6px;
}
.ContentArea .CheckoutButtons button {
  border: 1px solid #000000 !important;
}

.ContentArea .BasketComment {
  font-weight: bold;
  margin-top: 6px;
}
.ContentArea .BasketComment textarea {
  width: 485px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: normal;
}
.ContentArea .Basket .GrandTotal,
.ContentArea .Basket .Total {
  font-weight: bold;
}


.ContentArea .Offer {
  margin-top: 12px;
}



.Pager .PagerInfoLeft {
  left: 25px;
}



.TableHead div {
  margin-left: 0px;
}

table.Imprint td.Label{
  font-weight: bold;
  width: 140px;
}

select.LongText,
select.LongText option {
  width: 230px;
  line-height: 120%;
}


.CategoryList .ProductListHead {
  margin-top: -13px;
}

html>body .CategoryList .ProductListHead {
  margin: 7px 0 0 0;
}


.ContentArea div.AddressDialog div.SizeContainer div.InputBlock div.InputLabelling {
  min-width: 135px;
  !width: 135px !important;
}

.OrderProcess, .Basket, table.Basket { width:485px !important; }

button.ContinueShopping {
	width: 158px;
	height: 27px;
	background:url(/WebRoot/Schunk/Shops/RelaxFactory/Weitershoppen_inactive.gif);
	border: 0 !important;
	text-align:left;
	color:white !important;
	padding: 0px 0px 4px 20px;
	!padding: 4px 0px 4px 24px;
	font-size: 7.5pt;
}

button.ContinueShopping:hover {
	background:url(/WebRoot/Schunk/Shops/RelaxFactory/Weitershoppen_active.gif);	
	color:black !important;
}

button.Refresh {
	width: 159px;
	height: 27px;
	background:url(/WebRoot/Schunk/Shops/RelaxFactory/Aktualisieren_inactive.gif);
	border: 0 !important;
	text-align:right;
	color:black !important;
	padding: 0px 20px 4px 0px;
	!padding: 4px 24px 4px 0px;
	font-size: 7.5pt;	
}

button.Refresh:hover {
	background:url(/WebRoot/Schunk/Shops/RelaxFactory/Aktualisieren_active.gif);	
}

button.DoOrder {
	width: 159px;
	height: 27px;
	background:url(/WebRoot/Schunk/Shops/RelaxFactory/ZurKasse_inactive.gif);
	border: 0 !important;
	text-align:right;
	color:black !important;
	padding: 0px 20px 4px 0px;
	!padding: 4px 24px 4px 0px;
	font-size: 7.5pt;	
}

button.DoOrder:hover {
	background:url(/WebRoot/Schunk/Shops/RelaxFactory/ZurKasse_active.gif);	
}

button.DeleteButton {
	width: 158px;
	height: 27px;
	background:url(/WebRoot/Schunk/Shops/RelaxFactory/BasketDelete_inactive.gif);
	border: 0 !important;
	text-align:left;
	color:black !important;
	padding: 0px 0px 4px 35px;
	!padding: 4px 0px 4px 40px;
	font-size: 7.5pt;
}

button.DeleteButton:hover {
	background:url(/WebRoot/Schunk/Shops/RelaxFactory/BasketDelete_active.gif);	
	color:black !important;
}

button.RightMargin {
	margin-right: 5px !important;
}

div.CreditCards {
	text-align: left !important;
	padding-left: 36px !important;
	margin-top: 8px !important;
}