﻿/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Norman Geiersbach                                                                              */
/* Eitido (c) 2009                                                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

a, body, div, h1, h2, h3, html, img, li, p, table
  { border: 0; margin: 0; padding: 0; }

a { color: #cccccc; outline: none; text-decoration: none; }
a:hover { text-decoration: none; }

body { background: #000000; color: #cccccc; font-family: Arial, Sans-Serif; font-size: 12px; line-height: 18px; }

input, select, textarea
  { color: #ffffff; font: 11px Arial, Tahoma, Helvetica; }

h2 { display: block; color: #99cc00; font-size: 12px; margin-bottom: 4px; height: 25px; }
h2 span { display: none; }
h3 { margin-bottom: 4px; color: #99cc00; font-size: 12px; font-weight: normal; }
h3 span { color: #ffffff; font-size: 10px; font-style: italic; }

strong { color: #99cc00;}


/* -- Common elements --------------------------------------------------------------------------- */

.clear { clear: both; }
.highlight { color: #99cc00; }
.footnote { float: left; font-size: 10px; }

.button { background: url('Images/button.png') no-repeat; border: 0; color: #ffffff; width: 100px; height: 23px; }
.buttonLarge { background: url('Images/buttonLarge.png') no-repeat; border: 0; color: #ffffff; width: 139px; height: 23px; padding-bottom: 3px; }
.button:hover,
.buttonLarge:hover
  { color: #99cc00; }
.buttons { float: right; margin: 16px 0 0 0; height: 23px; }
.buttons .button,
.buttons .buttonLarge
  { float: left; margin-left: 4px; }
.buttonsBack { float: left; margin: 16px 0 0 0; height: 23px; }
.buttonsBack .button,
.buttonsBack .buttonLarge
  { float: left; margin-left: 4px; }


/* -- Page container ---------------------------------------------------------------------------- */

#aspnetForm { }
#pageWrapper { background: url('Images/bkgDefault_.jpg') 0 840px repeat-y; margin: 0 auto; padding-bottom: 4px; width: 1240px; }
#pageContainer { background: url('Images/bkgDefault.jpg') no-repeat; min-height: 840px; }

#headerContainer { }
#pageLogo { display: block; padding: 58px 0 65px 0; }
#pageLogo a { background: url('Images/logoStarbarks.png') center center no-repeat; display: block; margin: 0 auto; width: 101px; height: 28px; }
#pageLogo span { display: none; }
#categoriesContainer { background: #000000; height: 45px; }

#mainContainer { background: url('Images/mainContainer.png') repeat; margin: 1px 0; min-height: 480px; }
#contentWrapper { padding: 48px 0; position: relative; }
#contentWrapper a { color: #99cc00; }

#footerContainer { background: #000000; clear: both; height: 45px; }
#copyright { float: left; padding-left: 296px; color: #666666; font-size: 11px; line-height: 45px; display: none; }
#bookmarks { float: left; padding-left: 296px; padding-top: 14px; }
#bookmarks a img { padding-right: 2px; }

#eitidoReference { background: url('Images/logoEitido.png') no-repeat; display: block; margin-top: 4px; height: 35px; }
#eitidoReference span { display: none; }

#noscript { background: #ffffe1; border-bottom: solid 1px #333333; position: absolute; left: 0; top: 0; width: 100%; line-height: 20px; }
#noscript span { display: block; color: #000000; font-weight: bold; text-align: center; padding: 0 10px; }


/* -- Navigation elements ----------------------------------------------------------------------- */

#navigationMain { list-style-type: none; margin: 0; padding: 0 0 0 260px; width: 718px; height: 36px; }
#navigationMain li { float: left; }
#navigationMain li a { background: url('Images/navMain.png') no-repeat; display: block; position: relative; width: 120px; height: 36px; color: #808080; text-transform: uppercase; text-align: center; line-height: 46px; }
#navigationMain li a span { display: block; position: absolute; left: -5px; top: 0; width: 130px; }

#navigationMain li.navMen a,
#navigationMain li.navWomen a
  { background-image: url('Images/navMain_a.png'); }

#navigationMain li a:hover,
#pageMen #navigationMain li.navMen a,
#pageWomen #navigationMain li.navWomen a,
#pagePreSale #navigationMain li.navPreSale a,
#pageCulture #navigationMain li.navCulture a,
#pageSport #navigationMain li.navSport a
  { background-image: url('Images/navMain_h.png'); color: #99cc00; line-height: 44px; }
#navigationMain li a:hover span,
#pageMen .navMen a span,
#pageWomen .navWomen a span,
#pageCulture .navCulture a span,
#pageSport .navSport a span,
#pagePreSale .navPreSale a span
  { background: url('Images/navMain_h_.png') no-repeat; z-index: 101; }

#navigationMain .navShoppingCart { float: right; }
#navigationMain .navShoppingCart a { color: #cccccc; }
#navigationMain .navShoppingCart a, 
#navigationMain .navShoppingCart a:hover 
  { background: url('Images/btnShoppingCart.png') 13px 10px no-repeat; width: 118px; font-size: 11px; text-transform: none; text-align: left; line-height: 46px; }
#navigationMain .navShoppingCart a span { display: inline; position: inherit; left: auto; top: auto; padding-left: 40px; width: auto; }
#navigationMain .navShoppingCart a:hover span,
#pageShoppingCart .navShoppingCart a span { background: none; color: #99cc00; }

#navigationCategories { list-style-type: none; margin: 0; padding: 0 0 0 260px; height: 45px; }
#navigationCategories li { float: left; }
#navigationCategories li a { background: url('Images/navBarSeparator.gif') left center no-repeat; display: block; padding: 0 12px; height: 45px; color: #999999; line-height: 45px; }
#navigationCategories li:first-child a,
#navigationCategories li.first-child a
  { background-image: none; padding-left: 36px; }
#navigationCategories li a:hover,
#navigationCategories li a.active
  { color: #99cc00; }
  
#navigationContent { background: url('Images/navContentBack.png') left 1px no-repeat; list-style-type: none; margin: 0; position: absolute; left: 60px; top: 41px; padding: 0; width: 200px; }
#navigationContent li { display: block; width: 200px; height: 32px; }
#navigationContent li a { display: block; color: #999999; line-height: 32px; padding-left: 36px; width: 148px; height: 32px; overflow: hidden; }
#navigationContent li a:hover,
#navigationContent li a.active
  { color: #99cc00; }
#navigationContent li a.sub { background: url('Images/navContentSub.png') 38px 13px no-repeat; padding-left: 52px; width: 132px; }
#navigationContent li a.sub:hover { background-image: url('Images/navContentSub_h.png'); }

#navigationPager { background: url('Images/navPagerBack.png') left bottom no-repeat; list-style-type: none; margin: 0; margin-top: 23px; position: absolute; left: 740px; top: 0; padding: 0; width: 240px; height: 18px; }
#navigationPager li { float: left; }
#navigationPager li.listPages { line-height: 12px; text-align: center; width: 170px; }
#navigationPager li.listPages a { color: #999999; padding: 0 3px; }
#navigationPager li.listPages a:hover,
#navigationPager li.listPages a.active
  { color: #99cc00; }
#navigationPager li.prevPage a { background: url('Images/pagePrev.png') no-repeat; display: block; margin-left: 18px; width: 17px; height: 18px; }
#navigationPager li.prevPage a:hover { background-image: url('Images/pagePrev_h.png'); }
#navigationPager li.prevPage a span { display: none; }
#navigationPager li.nextPage { float: right; }
#navigationPager li.nextPage a { background: url('Images/pageNext.png') no-repeat; display: block; margin-right: 18px; width: 17px; height: 18px; }
#navigationPager li.nextPage a:hover { background-image: url('Images/pageNext_h.png'); }
#navigationPager li.nextPage a span { display: none; }

#navigationFooter { float: right; list-style-type: none; margin: 0; padding: 0 288px 0 0; }
#navigationFooter li { float: left; }
#navigationFooter li a { background: url('Images/navBarSeparator.gif') left center no-repeat; display: block; float: left; padding: 0 12px; height: 45px; line-height: 45px; }
#navigationFooter li:first-child a,
#navigationFooter li.first-child a
  { background-image: none; padding-left: 36px; }
#navigationFooter li a:hover,
#pageTermsConditions #navigationFooter li.navTermsConditions a,
#pagePrivacy #navigationFooter li.navPrivacy a,
#pageContact #navigationFooter li.navContact a,
#pageImprint #navigationFooter li.navImprint a
  { color: #99cc00; }


/* -- Content elements -------------------------------------------------------------------------- */

.innerContentWrapper { padding-left: 260px; }

.matrixBlock { width: 720px; height: 384px; }
.matrixFooter { clear: both; }
.matrixContainer { }
.matrixContainer44l { float: left; width: 480px; }
.matrixContainer21r { float: right; width: 240px; }
.matrixElement { float: left; margin: 0 2px 2px 0; }
.matrixElement img { float: left; }

a.matrixElement { position: relative; }
a.matrixElement .hoverText, a.matrixElement .hoverTextLarge
  { display: none; position: absolute; left: 0; bottom: 0; padding: 4px 12px; width: 214px; height: 55px; overflow: hidden; color: #ffffff; font-size: 10.5px; }
a.matrixElement .hoverTextLarge { width: 454px; }
a.matrixElement .hoverText strong, a.matrixElement .hoverTextLarge strong
  { color: #ffffff; }
a.matrixElement:hover .hoverText { display: block; background: url('Images/imageTextBack.png') no-repeat; }
a.matrixElement:hover .hoverTextLarge { display: block; background: url('Images/imageTextBackLarge.png') no-repeat; }

.contentBlock { padding: 0 380px 24px 36px; }
.contentBlock a { }
.contentBlock strong { color: #cccccc; }

.contentBlockEx { padding: 0 100px 24px 36px; }
.contentBlockEx .contentText { float: left; width: 564px; }
.contentBlockEx .contentText strong { color: #cccccc; }
.contentBlockEx .contentImage { float: right; padding-top: 18px; width: 160px; }
.contentBlockEx .contentImage img { margin-bottom: 8px; }

.contentImageText { float: right; width: 372px; }

.justifyTextContainer { text-align: justify; }

#contentWrapper .hyperLink { background: url('Images/lnkArrow.png') left center no-repeat; display: block; padding-left: 32px; color: #cccccc; }
#contentWrapper .hyperLink:hover { background-image: url('Images/lnkArrow_h.png'); color: #99cc00; }

.galleryBlock { background: url('Images/galleryBlock.png') no-repeat; width: 720px; }
.galleryBlock .galleryImage { display: block; float: left; margin: 0 1px 1px 0; position: relative; width: 119px; height: 95px; }
.galleryBlock .galleryImage img { width: 119px; height: 95px; }
.galleryBlock .galleryImage .hideBlock { background: url('Images/hideBlock.png') no-repeat; cursor: pointer; position: absolute; left: 0; top: 0; width: 119px; height: 95px; overflow: hidden; }
.galleryBlock .galleryImage:hover .hideBlock { display: none; }


/* -- Block matrix elements --------------------------------------------------------------------- */

.blockContainer { background: url('Images/blockContainer.png') no-repeat; width: 720px; height: 384px; }
.blockContainer4 { width: 480px; }
.blockProduct { float: left; margin: 0 2px 2px 0; width: 238px; height: 191px; position: relative; }
.blockProduct .hideBlock { background: url('Images/blockProduct.png') no-repeat; cursor: pointer; position: absolute; left: 0; bottom: 0; width: 238px; height: 191px; overflow: hidden; }
.blockProduct .hideBlock .hoverText { display: none; padding-top: 162px; color: #7f7f7f; font-size: 11px; text-align: center; }
.blockProduct:hover .hideBlock { display: block; background-image: url('Images/blockProduct_h.png'); }
.blockProduct:hover .hideBlock .hoverText { display: block; }

.blockLarge { position: relative; }
.blockLarge .hoverText { background: url('Images/blockLarge_h.png') no-repeat; cursor: pointer; display: none; position: absolute; left: 0; bottom: 0; width: 720px; height: 123px; overflow: hidden; }
.blockLarge:hover .hoverText { display: block; }

.blockContainerEnd { clear: both; }


/* -- Shop elements ----------------------------------------------------------------------------- */

#shopContainer { background: url('Images/mainContainerShop2.png') 0 480px no-repeat; padding: 48px 260px; position: relative; }
#shopNavigationLeft { position: absolute; top: 0; left: 60px; width: 200px; height: 480px; }
#shopNavigationRight { position: absolute; top: 0; left: 980px; width: 200px; height: 480px; }

.shopNavigation a,
.shopNavigation .placeholder,
.shopNavigation .state
  { background: url('Images/navShopDefault.png') no-repeat; display: block; float: left; width: 40px; height: 480px; }
.shopNavigation a span,
.shopNavigation .state span
  { display: none; }

.categoryContainer { position: absolute; top: 0; left: 261px; width: 718px; height: 432px; }

.shoppingCart { width: 646px; }
.shoppingCartHeader { font-size: 11px; }
.shoppingCartHeader .shoppingCartCell { line-height: 21px; text-align: center; text-transform: uppercase; }
.shoppingCartRow { background: url('Images/cartRow.png'); border-bottom: solid 1px #212121; font-size: 11px; }
.shoppingCartRow .shoppingCartCell { padding: 12px 4px; }
.shoppingCartImageColumn,
.shoppingCartProductColumn,
.shoppingCartQuantityColumn,
.shoppingCartUnitPriceColumn,
.shoppingCartSubtotalColumn,
.shoppingCartDeleteColumn
  { float: left; }
.shoppingCartImageColumn { width: 52px; }
.shoppingCartProductColumn { width: 317px; }
.shoppingCartQuantityColumn { width: 69px; }
.shoppingCartUnitPriceColumn { width: 69px; }
.shoppingCartSubtotalColumn { width: 69px; }
.shoppingCartDeleteColumn { width: 69px; }
.shoppingCartHeader .shoppingCartImageColumn { background: url('Images/cartImageColumn.png') no-repeat; }
.shoppingCartHeader .shoppingCartProductColumn { background: url('Images/cartProductColumn.png') no-repeat; }
.shoppingCartHeader .shoppingCartQuantityColumn { background: url('Images/cartColumn.png') no-repeat; }
.shoppingCartHeader .shoppingCartUnitPriceColumn { background: url('Images/cartColumn.png') no-repeat; }
.shoppingCartHeader .shoppingCartSubtotalColumn { background: url('Images/cartColumn.png') no-repeat; }
.shoppingCartHeader .shoppingCartDeleteColumn { background: url('Images/cartColumn.png') no-repeat; }
.shoppingCartRow .shoppingCartImageColumn { height: 42px; }
.shoppingCartRow .shoppingCartImageColumn img {  margin: 1px; width: 50px; height: 40px; }
.shoppingCartRow .shoppingCartProductColumn { }
.shoppingCartRow .shoppingCartProductName { color: #99cc00; overflow: hidden; margin-top: 2px; padding: 0 20px; height: 18px; }
.shoppingCartRow .shoppingCartProductVariant { overflow: hidden; padding: 0 20px; height: 18px; }
.shoppingCartRow .shoppingCartQuantityColumn input { background: #444444; border: solid 1px #797979; width: 14px; }
.shoppingCartRow .shoppingCartQuantityColumn .shoppingCartCell { padding-left: 10px; padding-bottom: 0; }
.shoppingCartRow .shoppingCartUnitPriceColumn .shoppingCartCell { padding-right: 10px; text-align: right; }
.shoppingCartRow .shoppingCartSubtotalColumn .shoppingCartCell { padding-right: 10px; text-align: right; }
.shoppingCartRow .shoppingCartDeleteColumn a { background: url('Images/btnDelete.png') center center no-repeat; display: block; height: 16px; }
.shoppingCartRow .shoppingCartDeleteColumn a:hover { background-image: url('Images/btnDelete_h.png'); }
.shoppingCartSummary { margin-left: 370px; line-height: 20px; font-size: 11px; }
.shoppingCartSubtotal { background: url('Images/cartRow.png'); border-bottom: solid 1px #212121; height: 20px; }
.shoppingCartTaxAmt { background: url('Images/cartRow.png'); border-bottom: solid 1px #212121; height: 20px; }
.shoppingCartFreight { background: url('Images/cartRow.png'); border-bottom: solid 1px #212121; height: 20px; }
.shoppingCartTotalDue { background: url('Images/cartRow.png'); height: 20px; }
.shoppingCartSummaryTitle { float: left; color: #ffffff; text-align: right; width: 129px; }
.shoppingCartSummaryValue { float: right; padding-right: 80px; }

.shoppingCartReadOnly { width: 646px; }
.shoppingCartReadOnly .shoppingCartHeader .shoppingCartProductColumn { background: url('Images/cartProductColumn_a.png') no-repeat; }
.shoppingCartReadOnly .shoppingCartProductColumn { width: 386px; }
.shoppingCartReadOnly .shoppingCartRow .shoppingCartQuantityColumn .shoppingCartCell { padding-left: 4px; padding-right: 17px; text-align: right; }
.shoppingCartReadOnly .shoppingCartSummary { margin-left: 439px; }
.shoppingCartReadOnly .shoppingCartSummaryValue { padding-right: 11px; }


/* -- Shop product elements --------------------------------------------------------------------- */

.productContainer { background: url('Images/formWrapper.png') repeat; width: 718px; height: 384px; }
.productContainerInner { /*padding: 37px;*/ padding: 36px 39px 38px 26px; }
.productContainerEnd { clear: both; }

.productContainer .productImageWrapper { background: url('Images/productImageWrapper.png') repeat; float: left; width: 322px; height: 310px; }
.productContainer .productImageContainer { margin: 10px; }
.productContainer .productImageContainer a { position: relative; height: 260px; }
.productContainer .productImageContainer .hoverText { display: none; position: absolute; left: 0; top: 0; padding: 221px 12px 4px 12px; width: 302px; height: 35px; overflow: hidden; color: #ffffff; font-size: 10.5px; }
.productContainer .productImageContainer .hoverText strong { color: #ffffff; }
.productContainer .productImageContainer a:hover .hoverText { display: block; background: url('Images/productImageTextBack.png') left bottom no-repeat; }
.productContainer .productImageControls { padding: 2px 10px; }
.productContainer .productImagePrev { background: url('Images/btnPrev.png') no-repeat; float: left; width: 36px; height: 18px; }
.productContainer .productImagePrev:hover { background-image: url('Images/btnPrev_h.png'); }
.productContainer .productImageNext { background: url('Images/btnNext.png') no-repeat; float: right; width: 36px; height: 18px; }
.productContainer .productImageNext:hover { background-image: url('Images/btnNext_h.png'); }
.productContainer .productImageList { text-align: center; }
.productContainer .productImageList a { color: #333333; padding: 0 2px; }
.productContainer .productImageList a:hover,
.productContainer .productImageList a.active
  { color: #99cc00; }

.productContainer .productDetails { color: #666666; float: right; width: 312px; height: 310px; }
.productContainer .productName { color: #ffffff; font-size: 20px; font-weight: normal; margin-bottom: 4px; height: 30px; }
.productContainer .productName span { display: none; }
.productContainer .productVariant { font-size: 11px; line-height: 16px; }
.productContainer .productVariant .dropDownList { background: url('Images/dropdownList.png') no-repeat; position: relative; margin-bottom: 8px; width: 312px; height: 23px; line-height: 23px; }
.productContainer .productVariant .dropDownList:hover { background-image: url('Images/dropdownList_h.png'); }
.productContainer .productVariant .dropDownListTitle { float: left; width: 61px; color: #ffffff; }
.productContainer .productVariant .dropDownListTitle span { padding-left: 7px; }
.productContainer .productVariant .dropDownListValue { float: left; color: #cccccc; }
.productContainer .productVariant .dropDownListMenu { background: url('Images/dropdownListMenuHeader.png') no-repeat; display: none; position: absolute; left: 0; top: 18px; padding-top: 4px; width: 312px; z-index: 101; }
.productContainer .productVariant .dropDownListValues { background: url('Images/dropdownListMenuFooter.png') left bottom no-repeat; padding-bottom: 4px; }
.productContainer .productVariant .dropDownListValuesItem { background: url('Images/dropdownListMenu.png') repeat-y; display: block; padding: 0 25px 0px 61px; height: 21px; color: #666666; line-height: 21px; }
.productContainer .productVariant .dropDownListValuesItem:hover { color: #99cc00; }
.productContainer .productVariant .dropDownList:hover .dropDownListMenu { display: block; }
.productContainer .productDescriptionWrapper { margin-bottom: 12px; height: 163px; overflow: hidden; }
.productContainer .productDescription { font-size: 11px; line-height: 16px; }
.productContainer .productBuyContainer { height: 51px; }
.productContainer .productPrice { float: left; color: #ffffff; font-size: 24px; line-height: normal; }
.productContainer .productPriceTax { display: block; color: #666666; font-size: 11px; }
.productContainer .specialFreeShipping { background: url('Images/specialFreeShipping.png'); display: block; position: absolute; left: 883px; top: 219px; width: 56px; height: 56px; }
.productContainer .productAddToCart { background: url('Images/btnShoppingCart.png') no-repeat; display: block; float: right; padding-left: 27px; font-size: 11px; text-transform: none; text-align: left; line-height: 19px; }
.productContainer .productAddToCart:hover { color: #99cc00; }

.productContainer .productReferencesContainer { }
.productContainer .productReferencesTitle { color: #ffffff; font-size: 11px; font-weight: bold; }
.productContainer .productReferenceContainer { float: left; padding-left: 6px; width: 73px; height: 45px; } /* Solves nasty IE7 bug */
.productContainer .productReferenceContainer:first-child { padding-left: 0; }
.productContainer .productReference { display: block; width: 73px; height: 45px; position: relative; }
.productContainer .productReference .hideBlock {  display: block; background: url('Images/hideReference.png') no-repeat; cursor: pointer; position: absolute; left: 0; top: 0; width: 73px; height: 45px; overflow: hidden; }
.productContainer .productReference:hover .hideBlock { display: none; }


/* -- Form elements ----------------------------------------------------------------------------- */

.formWrapper { background: url('Images/formWrapper.png') repeat; color: #999999; width: 718px; min-height: 384px; }
.formWrapper a { color: #99cc00; }
.formWrapperInner { padding: 20px 36px; }
.formWrapperSubmit { min-height: 305px; }
.formContainer { font-size: 11px; }

.formValidationSummary { color: #d40008; float: right; width: 262px; }
.formContainer .errorField { color: #d40008; }
.formContainer .errorBlock { display: block; line-height: 150%; padding-bottom: 18px; }
.formContainer .successBlock { display: block; color: #70cc14; line-height: 150%; padding-bottom: 18px; }

.formContainer .fieldsContainer { float: left; width: 384px; }
.formContainer .fieldsContainerSplitter .fieldsContainer { width: 288px; }
.formContainer .fieldsContainerSplitter .fieldsContainer:first-child { margin-right: 32px; }

.formContainer .fieldContainer { clear: both; margin-bottom: 8px; }
.formContainer .fieldsetHeadline { padding-bottom: 4px; }
.formContainer .fieldTitle { color: #ffffff; float: left; width: 80px; }
.formContainer .fieldTitle label { padding-right: 4px; }
.formContainer .fieldControl { color: #ffffff; }

.formContainer .checkBoxControl { padding-left: 20px; }
.formContainer .checkBox { margin-left: -24px; }
.formContainer .checkBoxText { }
.formContainer .radioButton { color: #ffffff; margin-left: -5px; }
.formContainer .dropDownList { background: #444444; border: solid 1px #797979; }
.formContainer .editField { background: #444444; border: solid 1px #797979; width: 224px; }
.formContainer .textField { background: #444444; border: solid 1px #797979; width: 224px; }
.formContainer .fieldsContainerSplitter .editField { background: #444444; border: solid 1px #797979; width: 192px; }
.formContainer .fieldsContainerSplitter .textField { background: #444444; border: solid 1px #797979; width: 192px; }

.formSummaryContainer { float: right; width: 262px; }
.formSummaryContainer .formValidationSummary { float: none; }
.formProductSummary { }
.formProductSummary .productImage { float: left; margin-top: 4px; }
.formProductSummary .productDetails { color: #ffffff; float: right; width: 173px; }
.formProductSummary .productName { font-weight: bold; }
.formProductSummary .productVariant { color: #999999; }
.formProductSummary .productPriceTax { display: block; color: #666666; font-size: 11px; }
.formProductSummary .productOrderTable { clear: both; margin-top: 8px; width: 262px; }
.formProductSummary .productOrderTable td { border-top: solid 1px #1b1b1b; line-height: 20px; height: 20px; }
.formProductSummary .productOrderTable td.productOrderTitle { color: #ffffff; padding: 0 24px; }
.formProductSummary .productOrderTable td.productOrderValue { font-weight: bold; text-align: right; padding-right: 24px; }
.formProductSummary .productOrderTable .productOrderTotalDue { color: #ffffff; }
.fieldsContainerSplitter .formSummaryContainer { /*width: 326px;*/ width: 246px; }

.formContainer3Split { }
.formContainer3Split .formSplitContainer { float: left; margin-right: 16px; width: 199px; }


/* -- Popup mode -------------------------------------------------------------------------------- */

.popupWindow #pageWrapper { padding-bottom: 0; width: 800px; }
.popupWindow #headerContainer { display: none; }
.popupWindow #mainContainer { min-height: 840px; }
.popupWindow #mainContainer .innerContentWrapper { padding-left: 12px; }
.popupWindow #mainContainer .contentBlock { padding-right: 36px; }
.popupWindow #footerContainer { display: none; }


/* -- Gallery elements -------------------------------------------------------------------------- */

#popupGallery { display: none; }
#popupBackground { background: url('Images/popupBackground.png'); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 101; }
#galleryBox { background: #141414; position: fixed; left: 50%; top: 50%; margin: -310px 0 0 -410px; width: 820px; height: 620px; z-index: 103; }
#galleryImageWrapper { background: url('Images/loading.gif') center center no-repeat; margin: 10px; height: 600px; position: relative; }
#galleryImage { display: none; margin: 0 auto; max-height: 600px; }
#galleryImageText { background: url('Images/galleryImageTextBack.png') left bottom repeat-x; display: none; position: absolute; left: 0; top: 0; padding: 6px 12px; width: 580px; height: 18px; overflow: hidden; color: #ffffff; font-size: 10.5px; font-weight: bold; }
#galleryButtonPrev { background: url('Images/ieBugFix.png') left center no-repeat; display: block; position: absolute; left: 0; top: 0; width: 192px; height: 600px; z-index: 104; }
#galleryButtonPrev:hover { background-image: url('Images/btnPrevImage_h.png'); }
#galleryButtonNext { background: url('Images/ieBugFix.png') right center no-repeat; display: block; position: absolute; right: 0; top: 0; width: 192px; height: 600px; z-index: 104; }
#galleryButtonNext:hover { background-image: url('Images/btnNextImage_h.png'); }
#galleryButtonClose { background: url('Images/btnCloseImage_h.png') no-repeat; display: block; position: absolute; right: -10px; top: -10px; width: 40px; height: 40px; z-index: 104; }
#galleryButtonClose:hover { background-image: url('Images/btnCloseImage_h.png'); }
#galleryStatus { text-align: center; }
#galleryIndex { }


/* -- Product view elements --------------------------------------------------------------------- */

#popupProductView { display: none; }
#popupProductView #galleryBox { margin: -270px 0 0 -312px; width: 624px; height: 540px; }
#popupProductView #galleryImageWrapper { height: 520px; }
#popupProductView #galleryImage { max-height: 520px; }
#popupProductView #galleryButtonPrev { height: 520px; }
#popupProductView #galleryButtonNext { height: 520px; }


/* -- Headline specific graphics ---------------------------------------------------------------- */

.hlBillingAddress { background: url('Images/headlineBillingAddress.png') no-repeat; }
.hlCheckOrder { background: url('Images/headlineCheckOrder.png') no-repeat; }
.hlConfirmation { background: url('Images/headlineConfirmation.png') no-repeat; }
.hlContactForm { background: url('Images/headlineContactForm.png') no-repeat; }
.hlFailure { background: url('Images/headlineFailure.png') no-repeat; }
.hlNewsletter { background: url('Images/headlineNewsletter.png') no-repeat; }
.hlOrder { background: url('Images/headlineOrder.png') no-repeat; }
.hlOrderConfirmation { background: url('Images/headlineOrderConfirmation.png') no-repeat; }
.hlPaymentMethod { background: url('Images/headlinePaymentMethod.png') no-repeat; }
.hlPersonalData { background: url('Images/headlinePersonalData.png') no-repeat; }
.hlPreSale { background: url('Images/headlinePreSale.png') no-repeat; }
.hlShipToAddress { background: url('Images/headlineShipToAddress.png') no-repeat; }
.hlShoppingCart { background: url('Images/headlineShoppingCart.png') no-repeat; }


/* -- Horizontal navigation specific graphics --------------------------------------------------- */


/* -- Page specific style ----------------------------------------------------------------------- */

  /* Navigation specials */
#navigationMain li.navWomen a,
#navigationMain li.navMen a
  { color: #ffffff; }
#navigationMain li.navWomen a:hover,
#navigationMain li.navMen a:hover
  { color: #99cc00; }
  
  /* Navigation horizontal specials */
#navigationHorizontal #navLeftProducts a { background-image: url('Images/navLeftProducts.png'); }
#navigationHorizontal #navLeftProducts a:hover { background-image: url('Images/navLeftProducts_h.png'); }

#navigationHorizontalRight #navRightAddToCart a { background-image: url('Images/navRightAddToCart.png'); }
#navigationHorizontalRight #navRightAddToCart a:hover { background-image: url('Images/navRightAddToCart_h.png'); }
  
  /* Shop pages */  
#pageMen #mainContainer,
#pageWomen #mainContainer,
#pageShoppingCart #mainContainer,
#pageOrder #mainContainer
  { background: url('Images/mainContainerShop.png') no-repeat; }
  
/*.contentProducts { background: url('Images/contentProducts.png') no-repeat; }
.contentProductDetail { background: url('Images/contentProductDetail.png') no-repeat; }*/
