/*
   ---------------------  Checkout layout prop  ---------------------------- 
*/

div.cmsCheckout {}

div.cmsCheckout .empty {}
div.cmsCheckout .error {}
div.cmsCheckout .title {}
div.cmsCheckout .content {}

div.cmsCheckout .checkBox {}

div.cmsCheckout .content .ShoppingContent {}
div.cmsCheckout .content .ShoppingContent .OutOfStockMessage {}
div.cmsCheckout .content .ShoppingContent .shoppingData {}
div.cmsCheckout .content .ShoppingContent .shoppingData .headerRow {}
div.cmsCheckout .content .ShoppingContent .shoppingData .headerRow .code {}
div.cmsCheckout .content .ShoppingContent .shoppingData .headerRow .name {}
div.cmsCheckout .content .ShoppingContent .shoppingData .headerRow .amount {}
div.cmsCheckout .content .ShoppingContent .shoppingData .headerRow .price {}
div.cmsCheckout .content .ShoppingContent .shoppingData .headerRow .totalPrice {}
div.cmsCheckout .content .ShoppingContent .shoppingData .dataRow {}
div.cmsCheckout .content .ShoppingContent .shoppingData .articleOutOfStock {background-color: Yellow}
div.cmsCheckout .content .ShoppingContent .shoppingData .dataRow .code {}
div.cmsCheckout .content .ShoppingContent .shoppingData .dataRow .name {}
div.cmsCheckout .content .ShoppingContent .shoppingData .dataRow .amount {}
div.cmsCheckout .content .ShoppingContent .shoppingData .dataRow .price {}
div.cmsCheckout .content .ShoppingContent .shoppingData .dataRow .totalPrice {}
div.cmsCheckout .content .ShoppingContent .shoppingData .attributeRow {}
div.cmsCheckout .content .ShoppingContent .shoppingData .attributeRow .attributeData {}
div.cmsCheckout .content .ShoppingContent .shoppingData .attributeRow .attributeData div.artAttrItem .attributeName {}
div.cmsCheckout .content .ShoppingContent .shoppingData .attributeRow .attributeData div.artAttrItem .attributeValue {}
div.cmsCheckout .content .ShoppingContent .shoppingData .DeliveryFeeValue {}
div.cmsCheckout .content .ShoppingContent .shoppingData .DeliveryFeeValue {}
div.cmsCheckout .content .ShoppingContent .shoppingData .DeliveryFeeValue .text {}
div.cmsCheckout .content .ShoppingContent .shoppingData .DeliveryFeeValue .value {}
div.cmsCheckout .content .ShoppingContent .shoppingData .TotalPriceValue {}
div.cmsCheckout .content .ShoppingContent .shoppingData .TotalPriceValue .text {}
div.cmsCheckout .content .ShoppingContent .shoppingData .TotalPriceValue .value {}

div.cmsCheckout .content .CustomerContent {}
div.cmsCheckout .content .CustomerContent .CustomerTitle {}
div.cmsCheckout .content .CustomerContent table .desc {}
div.cmsCheckout .content .CustomerContent table .data {}
div.cmsCheckout .content .CustomerContent table .required {}

div.cmsCheckout .content .LoginContent {}
div.cmsCheckout .content .LoginContent .LoginData {}
div.cmsCheckout .content .LoginContent .LoginData .LoginTitle {}
div.cmsCheckout .content .LoginContent .LoginData table .desc {}
div.cmsCheckout .content .LoginContent .LoginData table .data {}
div.cmsCheckout .content .LoginContent .LoginData table .required {}

div.cmsCheckout .content .DeliveryContent {}
div.cmsCheckout .content .DeliveryContent .DeliveryTitle {}
div.cmsCheckout .content .DeliveryContent table .desc {}
div.cmsCheckout .content .DeliveryContent table .data {}
div.cmsCheckout .content .DeliveryContent table .required {}

div.cmsCheckout .DeliveryFeeContent {}
div.cmsCheckout .DeliveryFeeContent .DeliveryFeeTitle {}
div.cmsCheckout .DeliveryFeeContent table .desc {}
div.cmsCheckout .DeliveryFeeContent table .data {}
div.cmsCheckout .DeliveryFeeContent table .required {}
div.cmsCheckout .DeliveryFeeContent .DeliveryFeeCalculation {}

div.cmsCheckout .PaymentContent {}
div.cmsCheckout .PaymentContent .PaymentTitle {}
div.cmsCheckout .PaymentContent table .desc {}
div.cmsCheckout .PaymentContent table .data {}
div.cmsCheckout .PaymentContent table .required {}

div.cmsCheckout .ValidateContent {}

div.cmsCheckout .ButtonsArea {}
div.cmsCheckout .ButtonsArea .Checkout {}

/*div.cmsCheckout input,
div.cmsCheckout select {border: 1px Solid Black;}
div.cmsCheckout .checkBox input {border: none;}
div.cmsCheckout .required {border-width: 2px;}*/

/* ---------------------  Checkout layout prop  ---------------------------- */

/*
   ---------------------  Register customer layout prop  ---------------------------- 
*/

div.cmsCustomerRegister {}

div.cmsCustomerRegister .title {}

div.cmsCustomerRegister .content {}

div.cmsCustomerRegister .content .LoginContent {}
div.cmsCustomerRegister .content .LoginContent .LoginTitle {}
div.cmsCustomerRegister .content .LoginContent table .desc {}
div.cmsCustomerRegister .content .LoginContent table .data {}
div.cmsCustomerRegister .content .LoginContent table .required {}

div.cmsCustomerRegister .content .CustomerContent {}
div.cmsCustomerRegister .content .CustomerContent .CustomerTitle {}
div.cmsCustomerRegister .content .CustomerContent table .desc {}
div.cmsCustomerRegister .content .CustomerContent table .data {}
div.cmsCustomerRegister .content .CustomerContent table .required {}

div.cmsCustomerRegister .content .DeliveryContent {}
div.cmsCustomerRegister .content .DeliveryContent .DeliveryTitle {}
div.cmsCustomerRegister .content .DeliveryContent table .desc {}
div.cmsCustomerRegister .content .DeliveryContent table .data {}
div.cmsCustomerRegister .content .DeliveryContent table .required {}

div.cmsCustomerRegister .ValidateContent {}

div.cmsCustomerRegister .ButtonsArea {}
div.cmsCustomerRegister .ButtonsArea .Save {}
div.cmsCustomerRegister .ButtonsArea .Cancel {}

/*div.cmsCustomerRegister input,
div.cmsCustomerRegister select {border: 1px Solid Black;}*/

/* ---------------------  Register customer layout prop  ---------------------------- */

/*
   ---------------------  Edit registration info layout prop  ---------------------------- 
*/

div.cmsCustomerEditRegisterInfo {}

div.cmsCustomerEditRegisterInfo .title {}

div.cmsCustomerEditRegisterInfo .content {}

div.cmsCustomerEditRegisterInfo .content .LoginContent {}
div.cmsCustomerEditRegisterInfo .content .LoginContent .LoginTitle {}
div.cmsCustomerEditRegisterInfo .content .LoginContent table .desc {}
div.cmsCustomerEditRegisterInfo .content .LoginContent table .data {}
div.cmsCustomerEditRegisterInfo .content .LoginContent table .required {}

div.cmsCustomerEditRegisterInfo .content .CustomerContent {}
div.cmsCustomerEditRegisterInfo .content .CustomerContent .CustomerTitle {}
div.cmsCustomerEditRegisterInfo .content .CustomerContent table .desc {}
div.cmsCustomerEditRegisterInfo .content .CustomerContent table .data {}
div.cmsCustomerEditRegisterInfo .content .CustomerContent table .required {}

div.cmsCustomerEditRegisterInfo .content .DeliveryContent {}
div.cmsCustomerEditRegisterInfo .content .DeliveryContent .DeliveryTitle {}
div.cmsCustomerEditRegisterInfo .content .DeliveryContent table .desc {}
div.cmsCustomerEditRegisterInfo .content .DeliveryContent table .data {}
div.cmsCustomerEditRegisterInfo .content .DeliveryContent table .required {}

div.cmsCustomerEditRegisterInfo .ValidateContent {}

div.cmsCustomerEditRegisterInfo .ButtonsArea {}
div.cmsCustomerEditRegisterInfo .ButtonsArea .Save {}
div.cmsCustomerEditRegisterInfo .ButtonsArea .Cancel {}

/* ---------------------  Edit registration info layout prop  ---------------------------- */

/*
   ---------------------  ArticleList layout prop  ---------------------------- 
*/
/* style the outer div */
.cmsArticleList{}
.cmsArticleList a, 
.cmsArticleList a:visited{
    display:block;text-decoration:none;}

/* style elements */
.cmsArticleList div.artListEmpty {}

.cmsArticleList div.artListHeader{float:right;}
.cmsArticleList div.artListHeader div.artListFilterInStock{float: left; padding-right: 5px;}
.cmsArticleList div.artListHeader div.artListFilterByBrand{float: left; padding-right: 5px;}
.cmsArticleList div.artListHeader div.artListFilterByCategory{float: left; padding-right: 5px;}
.cmsArticleList div.artListHeader div.artListSort{float: left;}

.cmsArticleList div.artListItems div.artListItem{}
.cmsArticleList div.artListItems div.artListItem .articleName{}
.cmsArticleList div.artListItems div.artListItem .articleNumber{}
.cmsArticleList div.artListItems div.artListItem .articleShortDesc{}
.cmsArticleList div.artListItems div.artListItem .articleThumb{}
.cmsArticleList div.artListItems div.artListItem .articlePrice{}
.cmsArticleList div.artListItems div.artListItem .articlePriceDiscount{}
.cmsArticleList div.artListItems div.artListItem .articlePricePrevious{text-decoration:line-through;}
.cmsArticleList div.artListItems div.artListItem .articleLink{}
/* only for article view components
.articleWeight{}
.articleStorage{}
*/
.cmsArticleList div.artListItems div.artListItem .artListArtClear{}
.cmsArticleList div.artListItems div.artListArtHeader
.cmsArticleList div.artListItems div.artListArtSeparator{}
.cmsArticleList div.artListItems div.artListArtFooter{}

.cmsArticleList div.artListFooter{}
.cmsArticleList div.artListFooter { margin-top: 10px; }
.cmsArticleList div.artListFooter .artListPaging { margin: auto; }
.cmsArticleList div.artListFooter .artListPaging div
{
    float: left;
    width: 10px;
    margin: 0px 1px 0px 1px;
    text-align: center;
}
.cmsArticleList div.artListFooter span.artListCurrPage {}
.cmsArticleList div.artListFooter a, 
.cmsArticleList div.artListFooter a:visited {}
.cmsArticleList div.artListFooter a:hover {}
.cmsArticleList div.artListFooter div.artListPrev { margin-right: 5px; width: auto; }
.cmsArticleList div.artListFooter div.artListNext { margin-left: 5px; width: auto; }
.cmsArticleList div.artListFooter a.artListNext, 
.cmsArticleList div.artListFooter a.artListNext:visited {}
.cmsArticleList div.artListFooter a.artListPrev, 
.cmsArticleList div.artListFooter a.artListPrev:visited {}
    

/* ---------------------  ArticleList layout prop  ---------------------------- */

/*
   ---------------------  Article Search layout prop  ---------------------------- 
*/

div.cmsArticleSearch
{
}

.cmsArticleSearch div.cmsAdvancedSearch
{
}

.cmsArticleSearch div.cmsAdvancedSearchButton
{
	clear:both;
}

.cmsArticleSearch .cmsSearchText
{
    width: 15em;
    border: 1px solid Black; 
    /*font-family: Verdana;*/
}

.cmsArticleSearch .cmsSearchDropDown
{
    width: 15em;
    border: 1px solid Black; 
    /*font-family: Verdana;*/
}


.cmsArticleSearch .cmsSearchCheckBox
{
}

.cmsArticleSearch .cmsSearchAdvancedLink
{
}

.cmsArticleSearch .cmsSearchTextEmptyLabel
{
}

.cmsArticleSearch .cmsSearchButton
{
    cursor: pointer;
    border: 1px solid Black; 
    /*font-family: Verdana;*/
}

.cmsArticleSearch div.artListFilterInStock,
.cmsArticleSearch div.artListFilterByBrand,
.cmsArticleSearch div.artListFilterByCategory
{
padding-top: 5px;
clear:both;
}


/* ---------------------  Search layout prop  ---------------------------- */


/*
   ---------------------  RelatedArticles layout prop  ---------------------------- 
*/
/* style the outer div */
.cmsRelatedArticles{}
.cmsRelatedArticles a, 
.cmsRelatedArticles a:visited{
    display:block;text-decoration:none;}

/* style elements */
.cmsRelatedArticles div.relArtEmpty {}

.cmsRelatedArticles div.relArtHeader{}
.cmsRelatedArticles div.relArtHeader div.relArtSort{}

.cmsRelatedArticles div.relArtItems div.relArtItem{}
.cmsRelatedArticles div.relArtItems div.relArtItem .articleName{}
.cmsRelatedArticles div.relArtItems div.relArtItem .articleNumber{}
.cmsRelatedArticles div.relArtItems div.relArtItem .articleShortDesc{}
.cmsRelatedArticles div.relArtItems div.relArtItem .articleThumb{}
.cmsRelatedArticles div.relArtItems div.relArtItem .articlePrice{}
.cmsRelatedArticles div.relArtItems div.relArtItem .articlePriceDiscount{}
.cmsRelatedArticles div.relArtItems div.relArtItem .articlePricePrevious{text-decoration:line-through;}
.cmsRelatedArticles div.relArtItems div.relArtItem .articleLink{}
/* only for article view components
.articleWeight{}
.articleStorage{}
*/
.cmsRelatedArticles div.relArtItems div.relArtItem .relArtArtClear{}
.cmsRelatedArticles div.relArtItems div.relArtArtHeader
.cmsRelatedArticles div.relArtItems div.relArtArtSeparator{}
.cmsRelatedArticles div.relArtItems div.relArtArtFooter{}

.cmsRelatedArticles div.relArtFooter{}
.cmsRelatedArticles div.relArtFooter { margin-top: 10px; }
.cmsRelatedArticles div.relArtFooter .relArtPaging { margin: auto; }
.cmsRelatedArticles div.relArtFooter .relArtPaging div
{
    float: left;
    width: 10px;
    margin: 0px 1px 0px 1px;
    text-align: center;
}
.cmsRelatedArticles div.relArtFooter span.relArtCurrPage {}
.cmsRelatedArticles div.relArtFooter a, 
.cmsRelatedArticles div.relArtFooter a:visited {}
.cmsRelatedArticles div.relArtFooter a:hover {}
.cmsRelatedArticles div.relArtFooter div.relArtPrev { margin-right: 5px; width: auto; }
.cmsRelatedArticles div.relArtFooter div.relArtNext { margin-left: 5px; width: auto; }
.cmsRelatedArticles div.relArtFooter a.relArtNext, 
.cmsRelatedArticles div.relArtFooter a.relArtNext:visited {}
.cmsRelatedArticles div.relArtFooter a.relArtPrev, 
.cmsRelatedArticles div.relArtFooter a.relArtPrev:visited {}
    

/* ---------------------  RelatedArticles layout prop  ---------------------------- */


/*
   ---------------------  Buy button layout prop  ---------------------------- 
*/

div.cmsBuyButton
{
}

div.cmsBuyButton .cmsBuyButtonButton
{
    cursor: pointer;
    border: 1px solid Black; 
    /*font-family: Verdana;*/
}

/* ---------------------  Buy button layout prop  ---------------------------- */


/*
   ---------------------  Article predefined attributes list view layout prop  ---------------------------- 
*/

.cmsArtPredefAttrView {}

.cmsArtPredefAttrView div.artPredefAttrItem{}
.cmsArtPredefAttrView div.artPredefAttrItem .attributeName{}
.cmsArtPredefAttrView div.artPredefAttrItem .attributeValue{}

/*.cmsArtPredefAttrView div.artPredefAttrItem .attributeValue{margin-left: 5px;}*/

/* ---------------------  Article predefined attributes list view layout prop  ---------------------------- */

/*
   ---------------------  Article attributes list view layout prop  ---------------------------- 
*/

.cmsArtAttrView {}

.cmsArtAttrView div.artAttrItem{}
.cmsArtAttrView div.artAttrItem .attributeName{}
.cmsArtAttrView div.artAttrItem .attributeValue{}
.cmsArtAttrView div.artAttrItem .attributeRequiredValidator{}
.cmsArtAttrView div.artAttrItem .attributeExpressionValidator{}
.cmsArtAttrView div.artAttrItem .attributeRangeValidator{}
.cmsArtAttrView div.attributeRequired{}

/*.cmsArtAttrView div.artAttrItem .attributeValue{margin-left: 5px;}*/

/* ---------------------  Article attributes list view layout prop  ---------------------------- */

/*
   ---------------------  Shopping cart small layout prop  ---------------------------- 
*/

.cmsShoppingCartSmall {}

.cmsShoppingCartSmall div.empty{}

.cmsShoppingCartSmall div.OutOfStockMessage {}

.cmsShoppingCartSmall div.productsAmount{}
.cmsShoppingCartSmall div.productsTotalPrice{}
.cmsShoppingCartSmall div.shoppingCartLink{}

/* ---------------------  Shopping cart small layout prop  ---------------------------- */

/*
   ---------------------  Shopping cart layout prop  ---------------------------- 
*/

.cmsShoppingCart {}

.cmsShoppingCart div.empty{}

.cmsShoppingCart div.shoppingCartData{}
.cmsShoppingCart div.shoppingCartData table{}
.cmsShoppingCart div.shoppingCartData tr.headerRow{}
.cmsShoppingCart div.shoppingCartData tr.headerRow td.code{}
.cmsShoppingCart div.shoppingCartData tr.headerRow td.name{}
.cmsShoppingCart div.shoppingCartData tr.headerRow td.amount{}
.cmsShoppingCart div.shoppingCartData tr.headerRow td.price{}
.cmsShoppingCart div.shoppingCartData tr.headerRow td.totalPrice{}
.cmsShoppingCart div.shoppingCartData tr.headerRow td.delete{}
.cmsShoppingCart div.shoppingCartData tr.dataRow{}
.cmsShoppingCart div.shoppingCartData tr.articleOutOfStock {background-color: Yellow}
.cmsShoppingCart div.shoppingCartData tr.dataRow td.code{}
.cmsShoppingCart div.shoppingCartData tr.dataRow td.name{}
.cmsShoppingCart div.shoppingCartData tr.dataRow td.amount{}
.cmsShoppingCart div.shoppingCartData tr.dataRow td.price{}
.cmsShoppingCart div.shoppingCartData tr.dataRow td.totalPrice{}
.cmsShoppingCart div.shoppingCartData tr.dataRow td.delete{}
.cmsShoppingCart div.shoppingCartData tr.attributeRow {}
.cmsShoppingCart div.shoppingCartData tr.attributeRow td.attributeData {}
.cmsShoppingCart div.shoppingCartData tr.attributeRow td.attributeData div.artAttrItem .attributeName {}
.cmsShoppingCart div.shoppingCartData tr.attributeRow td.attributeData div.artAttrItem .attributeValue {}
.cmsShoppingCart div.summaryDeliveryFee{}
.cmsShoppingCart div.summaryDiscount{}
.cmsShoppingCart div.summaryNet{}
.cmsShoppingCart div.summaryVAT{}
.cmsShoppingCart div.summaryTotal{}
.cmsShoppingCart div.checkoutLink{}

/* ---------------------  Shopping cart layout prop  ---------------------------- */

/*
   ---------------------  Teaser layout prop  ---------------------------- 
*/
.cmsTeaser{}

.cmsTeaser div.teaserEmpty{}

/* style item */
.cmsTeaser div.teaserItem{}
.cmsTeaser div.teaserItem .articleName{}
.cmsTeaser div.teaserItem .articleNumber{}
.cmsTeaser div.teaserItem .articleThumb{}
.cmsTeaser div.teaserItem .articlePrice{}
.cmsTeaser div.teaserItem .articlePriceDiscount{}
.cmsTeaser div.teaserItem .articlePricePrevious{text-decoration:line-through;}
.cmsTeaser div.teaserItem .articleLink{}

/* ---------------------  Teaser layout prop  ---------------------------- */

/*
   ---------------------  Teaser layout prop  ---------------------------- 
*/
.cmsTeaserArticles{}

.cmsTeaserArticles div.teaserArticlesEmpty{}

/* style item */
.cmsTeaserArticles div.teaserItem{}
.cmsTeaserArticles div.teaserItem .articleName{}
.cmsTeaserArticles div.teaserItem .articleNumber{}
.cmsTeaserArticles div.teaserItem .articleThumb{}
.cmsTeaserArticles div.teaserItem .articlePrice{}
.cmsTeaserArticles div.teaserItem .articlePriceDiscount{}
.cmsTeaserArticles div.teaserItem .articlePricePrevious{text-decoration:line-through;}
.cmsTeaserArticles div.teaserItem .articleLink{}

/* ---------------------  Teaser layout prop  ---------------------------- */

/*
   ---------------------  Article view prop  ---------------------------- 
*/

.articleName{}
.articleFullDesc{}
.articleNumber{}
.articlePrice{}
.articlePriceDiscount{}
.articlePricePrevious{text-decoration:line-through;}
.articleThumb{}
.articleStorage{}
.articleWeight{}

.articleImage {}
.articleImage .bigImage {}
.articleImage .thumbnails {}
.articleImage .thumbnails .articleThumb {}

/* ---------------------  Article view prop  ---------------------------- */

/*
   ---------------------  Category description prop  ---------------------------- 
*/

.cmsCategoryDescription {}
.cmsCategoryDescription .categoryDescription {}
.cmsCategoryDescription .categoryImage {}

/* ---------------------  Category description prop  ---------------------------- */

/*
   ---------------------  FeaturedCategories layout prop  ---------------------------- 
*/
/* style the outer div */
.cmsFeaturedCategories{}
.cmsFeaturedCategories a, 
.cmsFeaturedCategories a:visited{
    display:block;text-decoration:none;}

/* style elements */
.cmsFeaturedCategories div.catListEmpty {}

.cmsFeaturedCategories div.catListItems div.catListItem{}
.cmsFeaturedCategories div.catListItems div.catListItem .categoryName{}
.cmsFeaturedCategories div.catListItems div.catListItem .categoryThumb{}

.cmsFeaturedCategories div.catListItems div.catListItem div.subCatListItems{}
.cmsFeaturedCategories div.catListItems div.catListItem div.subCatListItems .subCategoryName{}
/* only for article view components
.articleWeight{}
.articleStorage{}
*/
.cmsFeaturedCategories div.catListItems div.catListItem .catListArtClear{}
.cmsFeaturedCategories div.catListItems div.catListArtHeader
.cmsFeaturedCategories div.catListItems div.catListArtSeparator{}
.cmsFeaturedCategories div.catListItems div.catListArtFooter{}
    

/* ---------------------  FeaturedCategories layout prop  ---------------------------- */

/*
   ---------------------  Category description prop  ---------------------------- 
*/

.cmsPaymentStatus {}
.cmsPaymentStatus .error {}
.cmsPaymentStatus .empty {}
.cmsPaymentStatus .approvedMessage {}
.cmsPaymentStatus .errorMessage {}
.cmsPaymentStatus .errorAdditionalMessage {}
.cmsPaymentStatus .order {}
.cmsPaymentStatus .order .orderTitle {}
.cmsPaymentStatus .order .orderData {}

/* ---------------------  Category description prop  ---------------------------- */

/*
   ---------------------  Teaser layout prop  ---------------------------- 
*/
.cmsBrand{}


/* style item */
.cmsBrand ul.BrandsMain{ list-style-type:none;}
.cmsBrand li.BrandsMainSelectedLI {background-color:Red;}
.cmsBrand li.BrandsMainLI {}
.cmsBrand li a.BrandsMainSelected {color:Green;}
.cmsBrand li a.BrandsMain {}

/* ---------------------  Teaser layout prop  ---------------------------- */