/** OFFICE STYLES **/
/* ERRORS */
.checkoutPayment_giftcard .error { text-align: left; }


/* HEADER */
.headerPromos { background: url("/office/styles/images/headerPromosBg.png") repeat-x scroll right bottom transparent !important; padding: 2px 2px 1px; margin-bottom:10px; }
.headerPromo { border:1px solid #ccc; margin: 0 3px 3px -3px; background-color: #fff; }

/* PAGE CONTAINER */
.page_container { margin: 0 auto; text-align:left; width: 1120px; padding:0px 25px 0px 25px;}
.page_container.home_page .inner_header_container { margin: 0 auto;}
.page_container .header_container { position:relative; z-index:10; }

.standard_inner_container .header-promo-messages, .two_column_top_container .header-promo-messages {
    text-align:center;
    height:30px;
    background-color: #f4f2f3;
}

/* FOOTER */
.inner_footer_container { margin-bottom: 0;padding: 8px 25px 0; }
.footer_content { background: #f8f9fb ! important;  padding: 1.73% 2.04%;}
.footer_content.containerShadow { padding-bottom: 38px; padding-top: 26px; background: #fff url("images/office-footerContainerTopShadow.jpg") left top no-repeat; }

.containerShadow {background-image: url("images/shadow980.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:11px;}
.containerShadow140 {background-image: url("images/shadow140.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px;}
.containerShadow189 {background-image: url("images/shadow189.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px;}
.containerShadow219 {background-image: url("images/shadow219.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px;}
.containerShadow324 {background-image: url("images/shadow324.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px; width:324px;}
.containerShadow387 {background-image: url("images/shadow387.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:15px;}
.containerShadow387.bottomLC { min-height: 122px; }
.containerShadow430 {background-image: url("images/shadow430.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px;}
.containerShadow473 {background-image: url("images/shadow473.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px;}
.containerShadow479 {background-image: url("images/shadow479.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px; width:479px;}
.containerShadow488 {background-image: url("images/shadow488.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px; width:488px;}
.containerShadow782 {background-image: url("images/shadow782.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px;}
.shadowImg {background-image: url("images/shadow825.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px;}
.containerShadow980_2col {background-image: url("images/shadow980_2col.png"); background-repeat:no-repeat; background-position: 0 bottom; padding-bottom:13px;margin-left:75px;}
.containerShadowSmall { background: url("images/smallShadow980.jpg") center bottom no-repeat; padding-bottom: 21px; }
.shoppingbasket_item { background-color:transparent; }
.shoppingbasket_lower_section_left .shopping_basket_cards { background-color:#fff; padding:10px 10px 9px 10px; }
.shoppingbasket_lower_section_left .shopping_basket_cards img { margin-bottom: 20px;}
.txtlarger.bold.txtRight.total.floatPropertiesRight { margin-bottom: 20px;}
.shoppingbasket_lower_section_left { width: 392px;  }
.shoppingbasket_lower_section_right { width: 430px; }
.shoppingbasket_promotion_code > div { padding-top: 5px;}
#youMayAlsoLikeCarouselTabbedPanel.tabbed_componentContainer{ margin: 5px 0 0 70px; }
#moreColourCarousel.tabbed_componentContainer{ margin: 5px 0 0 70px; }
.promotioncode_invalid {color: #ff0000; font-size:8.5px; }

/*.orderConfirm_totals > div:last-child {margin-top:80px;}*/

/* MAIN NAV */
ul.mainNavigation_linkList li.parent a {  font-weight: normal; font-family: "Avalon-Book"; font-size:14px; }
.mainNavigation_linkList_content > ul > li.parent a { line-height:46px; padding: 0 20px; color:#828282; letter-spacing: 0.2em;}
.mainNavigation_linkList li.parent:hover > a {color: #ff0099;}
.mainNavigation_linkList li.parent a:hover {color:#ff0099;}

/* #mainNavlinks >li { background-image: url('images/mainNavPipe.png'); background-position: right center; background-repeat: no-repeat; } */
/* #mainNavlinks >li:hover { background-image:none;} */
/* #mainNavlinks >li.first { padding:15px 0 15px 0px;} */

.childHover { float:none; }
.parent6 .childHover {right:68px;}
.parent7 .childHover {right:0;}

/* Main Pain */
.mainNavigation_linkList li.parent div ul.childlist {  background-color: #FFFFFF; border:0; border-top: 1px solid #ff0099; border-bottom:1px solid #ff0099; }
.mainNavigation_linkList li.parent div ul.childlist li.child div.header{
    background:none;
    font-size:12px;
    font-weight:normal;
    font-family:"Avalon-Book";
    color:#ff0099;
    margin-top:-20px;
    letter-spacing: 0.18em;
}
.mainNavigation_linkList li.parent div ul.childlist li.child{
    border-color:#b4b4b4;
    margin-top:20px;
}

.mainNavigation_linkList li.parent div ul.childlist li.child div.header, .mainNavigation_linkList li.parent div ul.childlist li.child ul li.grandchild{
    padding:0 15px;
}
.mainNavigation_linkList li.parent div ul.childlist li.child ul li.grandchild:last-child{
    margin-bottom:15px;
}

.mainNavigation_linkList li.parent div ul.childlist li.child ul li.grandchild a {
   font-size: 12px;
    font-weight: normal;
    line-height: normal;
    font-family: Arial, sans-serif;
    padding: 2px 3px;
    letter-spacing: normal;
}

.slider .feature-child { float:left;width:740px;height:480px; }
.feature-top-right { float:left;margin-left:20px; }

.homepage-4-column-row { margin-top:40px; }
.homepage-4-column-child:first-child { margin-left: 0px; }
.homepage-4-column-child { float:left;margin-left:20px; }

.homepage-christmas-feature { margin-top: 40px; display: inline-block; }
.homepage-christmas-feature .feature-child:first-child { margin-left:0px; }
.homepage-christmas-feature .feature-child { margin-left:20px; float: left; width: 550px; height: 413px; }

.homepage-christmas-feature-bottom { margin-top: 40px; display: inline-block; }
.homepage-christmas-feature-bottom .feature-child:first-child { margin-left:0px; }
.homepage-christmas-feature-bottom .feature-child { float: left;margin-left:20px;}
/* IE 9 only */
:root .mainNavigation_linkList li.parent div ul.childlist {background-position: -4px 0\9;}


div.header {  min-width: 116px;   }



/* Padding for IE 9 only */
:root .mainNavigation_linkList li.parent div ul.childlist li.child div.header  {padding: 0 13px 0 14px\9;}

/*Labels*/
.user_name{
	color: #000000;
	font-weight:bold;
	padding-bottom:10px;	
}

/***   001 Page Templates   ***/
.global_navigation_inner, .checkout_navigation_inner {  background-color: #ffffff; margin-top: 0px;padding-left: 25px;padding-right: 25px; }
.global_navigation_inner .image_container, .checkout_navigation_inner .image_container  {margin:15px 0 10px 16px; }


/***   002A Page Layout Areas and Widths  ***/

.containerTitle {background: #000; color: #ffffff; padding: 6px 10px; font-size:13px; font-family: "Avalon-Medium";  text-transform:uppercase; letter-spacing: 0.09em;  }
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.aw100{width:auto;}
.addMT {margin-top: 20px;}
.right {float:right;}

/***   002B DOM Styles   ***/
h1 { font-size: 1.833em; font-family:"Avalon-Xlight"; text-transform:uppercase;}
h2 { font-size: 1.333em; font-family:"Avalon-Xlight"; text-transform:uppercase;}
.productDetail_name_and_description h1 { font-family: arial; font-size: 22px; text-transform: none !important;}



/***   002C Text Styles   ***/
.ffCustom {font-family: "Avalon-Xlight", "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif; text-transform:uppercase; letter-spacing: 0.09em; text-align: center;} 
.ffMedium {font-family: "Avalon-Medium", "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif; text-transform:uppercase; letter-spacing: 0.09em; } 
.ffDemi {font-family: "Avalon-Demi", "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif; text-transform:uppercase; letter-spacing: 0.09em; } 
.ffBold {font-family: "Avalon-Bold", "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif; text-transform:uppercase; letter-spacing: 0.09em; }

.fArial { font-family: arial, sans-serif !important; } .fTtransformNone { text-transform: none !important;  }



/***   002E Links and Buttons   ***/
.savedcard_option_content .deleteCardBtn {padding: 6px 20px; text-transform: uppercase;}

.p_small { background: url("images/buttons-sprite.png") repeat-x;
	 background-position: 0 -15px; font-family: "Avalon-Medium"; letter-spacing: 0.07em; line-height:25px; height:25px; padding:0 12px; font-size:12px; font-weight: 200; width:120px; text-align:center;}
.p_small:hover {text-decoration:none; background: url("images/buttons-sprite.png") repeat-x; background-position: 0 -41px;text-align:center; }
#facebox .p_small { min-width: 125px; }
#forgottenPasswordForm .p_small {width: auto;}

.banner_search .p_small { background: url('images/header-and-footer-sprite.png') 0 0 no-repeat; background-position: -328px -1px; font-family: "Avalon-Medium"; letter-spacing: 0.07em; line-height:25px; height:25px; padding:0 12px; font-size:12px; font-weight: 200; width:40px;margin-left:15px;}
.banner_search .p_small:hover { text-decoration:none; background: url('images/header-and-footer-sprite.png') 0 0 no-repeat; background-position: -328px -1px;  }
input#createAccountBtn { width:auto; margin-left: 75px; }


.miniMail div .p_small { background: url('images/btns/email_icn.png') 0 0 no-repeat; font-family: "Avalon-Medium"; letter-spacing: 0.07em; line-height:25px; height:25px; padding:0 12px; font-size:12px; font-weight: 200; width:40px !important;margin-left:15px;}
.myBasket_inner_contents div .p_small { letter-spacing: 0.07em; padding:0 12px; width: auto;}
.mini-cart-arrow {
    background: url('images/arrows-info-sprite.png') no-repeat;
    background-position: 0px 0px; 
	width: 15px;
	height: 8px;
    position: absolute;
    top: -9px;
    left: 156px;
}

.p_small_blk {background: url("images/buttons-sprite.png") repeat-x;
	 background-position: 0 -100px;  font-family: "Avalon-Medium"; letter-spacing: 0.06em; line-height:25px; height:25px; padding:0 12px;  font-size:13px;}
.p_small_blk:hover { color: #ff0099; text-decoration:none; }

.p_large {  background: url("images/buttons-sprite.png") repeat-x;
	 background-position: 0 -10px;  height:32px; padding:0 14px; line-height:32px; font-size:15px; font-family: "Avalon-Medium"; letter-spacing: 0.07em; }

.p_large_blk { 	 background: url("images/buttons-sprite.png") repeat-x;
	 background-position: 0 -94px; height:32px; padding:0 14px; line-height:32px; font-size:15px; font-family: "Avalon-Medium"; letter-spacing: 0.07em;}
.p_large_blk:hover { color: #ff0099; text-decoration:none; }

.p_large:hover {background-position: 0 -41px;}
/***   004 Mini Basket   ***/
.myBasket {margin: 15px 16px 0 0; cursor: pointer; }
#mb{
	 width:52px;
	 margin-bottom:5px;
}
#mb .myBasket_name{
 	display:inline-block;
 	width:0px;
}
.myBasket_container_left { background: url('images/header-and-footer-sprite.png') no-repeat; background-position: -277px 0px; 
width: 0px;
height: 21px; padding-left: 25px; float: left; }
.myBasket_container_left span { color: #ffffff; }
.myBasket_container_left:hover span, .myBasket_container_left:hover span.title  { color: #004275; }
.myBasket_head {display:none;}
.myBasket_name .subTotal { display: none;color:#004277;font-weight: bold; width:37px;}
.myBasket_contents {z-index: 100;  right: 0;}
.myBasket_items span { font-weight: bold; text-transform: uppercase; display:block; }
.myBasket_name span {display:block; margin:0 0 -2px; font-size:9px; letter-spacing: 0.075em; line-height:17px;}
.myBasket_name span:first-child{ color:#b4b4b4; }
.myBasket_items { float: left; font-size: 9px; line-height:17px; margin:0; text-align: left; letter-spacing: 0.075em;}
.myBasket_items .quantity { color:#b4b4b4; }
.myBasket_contents { right: -22px; top: 53px; display:none; }
.myBasket_outer_contents {display:none;}
.myBasket_inner_contents { border: 1px solid #bcbcbc; color: #333; width: 218px; }
.myBasket_inner_contents > ul li.containerShadow219:first-child div.myBasket_contents_item { padding:0 0 10px  ;}
.myBasket_contents_item { padding: 10px 0;  }
.myBasket_contents_info {  border-right:1px solid #ccc; overflow: hidden; word-wrap: break-word; font-size: 11px; padding-right: 5px;}
.myBasket_contents_empty { text-align: center; padding: 16px 0 0 0;}
.myBasket_contents_pricevalue .qty {color: #004275; }
.mb_viewbasket { letter-spacing: 0.06em; margin: 0 4px; padding: 0; text-align: center; width: 100px;}
.myBasket_name .title { width: 37px;font-weight: normal; font-family: avalon-book;text-transform: uppercase; font-size: 9px; }
.myBasket.empty-minicart.notvisible {visibility: hidden;}
.myBasket.empty-minicart a.myBasket_items {width: 10px; visibility: visible;}
.myBasket_container_left a:hover { text-decoration: none; }

.competitionContent p, .competitionContent div.caveat,  .competitionContent fieldset{padding:0 30px}
.competitionterms { margin-top:45px;}

/***   005 Banner Component   ***/
.homePromo { margin: 0 4px; width:324px;}
.homePromo:first-child, .homePromo:last-child { margin:0px; }
#shopByBrandCarouselTabbedPanel .componentContainer_content_container { padding: 14px 2.04% 10px; }
#shopByBrand {margin-top: 15px;}

/***   005A Link List   ***/
.headerlinks_linkList_content { margin: 23px 16px 0px 425px;float:left; }
.headerlinks_linkList_content a { color:#b4b4b4; font-size: 9px; letter-spacing: 0.05em;}
.headerlinks_linkList_content a:hover { text-decoration: none; color: #004275; }
ul.headerlinks_linkList li {background: url('images/headerlink_seperator.gif') center right no-repeat;text-transform: uppercase; }

.rememberme { color:#fff;}
.rememberme a { color:#fff; }
                      
                      
/***   005B Input Box   ***/
.banner_search form .inputFld { background: url('images/inputFldBg.png') 0 22px repeat-x;  height: 23px; margin-right:4px; padding: 0 0 0 4px;text-align:center;  font-size:11px; width:220px; border-top: 0;border-style: none; text-transform: uppercase; color: #004275;}
.inputFld {background: url('images/buttons-sprite.png') 0 -180px repeat-x;  border: 1px solid #bcbcbc; height: 23px; margin-right:4px; padding: 0 0 0 4px;  font-size:11px; width:181px; border-top: 0; line-height: 24px\0/; }
.selectFld, select { padding:2px 2px 2px 0px; height:23px; font-size:11px;}
.selectFld option {padding:2px 4px 2px 4px;}
.selectFld.long { width:206px;}
.banner_search { margin: 10px 0 11px;}
.miniMail.homePromoContainer #email { width: 219px; border:1px solid #999; background: none repeat scroll 0 0 #fff;text-transform: uppercase; color: #004275;}

/***   006 Main Navigatio n   ***/
.mainNavigation_linkList li.parent.first a { background: transparent url("images/btns/icon_home.png") no-repeat center 0; height:15px; width:14px; }
.mainNavigation_linkList li.parent.first:hover a { background-position:center -15px; }


/***   008 Breadcrumb   ***/
#breadcrumbs {margin-bottom: 0.636em;}


/***  009 Carousel   ***/
/***  009A Carousel Tabs   ***/
ul.componentContainer_tabs li a { background-color: #999; }
ul.componentContainer_tabs li.active:after {
	position:absolute;
	content:"";
	background: url('images/arrows-info-sprite.png') no-repeat;
	background-position: -15px 0px; 
	width: 16px;
	height: 9px;
	left: calc(50% - 8px);
	}
ul.componentContainer_tabs li.active a { background-color: #000; }
.basket .tabbed_componentContainer { clear: none;}

/***   010 Mailing List   ***/
.homePromoContainer {background-color: #fff; padding:5px; font-size:10px; color: #666;}
.bloglinks {padding:5px; list-style-position:inside; }
.bloglinks li {list-style-type:disc; }
.bloglinks a {color:#000; }

/* .inner_footer_container div.homePromo*/
.social.homePromo.german form#newsLetterForm { margin-left: 711px; margin-top: -181px;}
.social.homePromo.german h2{ font-family: 'Avalon-Book'; font-size: 14px; letter-spacing: 0.05em; margin: 20px 0 7px 0;  }

.sociallinks { padding:5px; text-align: center; }
.sociallinks li { padding-top: 30px; display: inline-block; margin: 0 12px; }
.sociallinks li.twitter  { background:transparent url('images/btns/btn_twitter.png') center top no-repeat;  }
.sociallinks li.facebook  { background:transparent url('images/btns/btn_fbook.png') center top no-repeat;  }
.sociallinks li.youtube  { background:transparent url('images/btns/btn_youtube.png') center top no-repeat;  }
.sociallinks li.phone  { background:transparent url('images/btns/btn_phone.png') center top no-repeat;  }

.miniMail {display:table; width:314px; }
.miniMail > div {display: table-cell; vertical-align:middle;}


.newsletter_moredetails_thankyou { font-family: "Avalon-Bold"; font-size:56px; line-height:42px; }
.newsletter_moredetails_forprovidingyouremail { font-family: "Avalon-Bold"; font-size: 18px; margin-bottom:20px;}
.newsletter_thankyou_updated { text-align: center; margin-bottom: 100px;}
.newsletter_thankyou_updated h3 { font-family: "Avalon-Medium"; color: #004275; font-size: 29px; margin-top: 70px;}
.newsletter_thankyou_updated p { font-family: "Avalon-Light"; font-size: 17px; margin: 50px auto;}


.addressBookAdd_content_newsletterSignupComp .mailingListRegistration_confirmation { font-family: "Avalon-Bold";  font-size:24px; padding: 25px; }
.addressBookAdd_content_newsletterSignupComp .mailingListRegistration_confirmation ul { margin: 40px 0; }

#moreColourCarousel .componentContainer_content_container { padding: 0 2.04%; }

/***   011 Category Landing, Product List and Search Pages   ***/
/***   011A Category Tree   ***/

.truncate {
  width: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.categoryTree ul li ul li {width: 100%; display: inline-block;}
.categoryTree ul li ul li a {clear: none;}
.categoryTree ul li ul li a.facet_remove {float: right; display:inline-block; margin-right: 14px;}
.categoryTree ul li ul li a.checked_facet { background: url('images/facetChecked.jpg') top left no-repeat; display:inline; font-weight: bold;}
.facetPromo { margin-bottom:20px; }

/***   011B Right Hand Side of Category Landing Page   ***/
h1.categoryLandingPageTitle_heading { font-size: 218%; text-transform: uppercase; font-weight: normal;line-height: 20px; letter-spacing: 0.020em; }

/***   011D Product Grid   ***/
.productList { background-color:#fff;  }
.productList li { border: 1px solid #fff;}
.productList_quickbuy { top: 145px; }

/***   011E Quickbuy Pop Up   ***/
.quickBuyPopup_error { background-color: #000 }


/***   012 Non Purchase Registration   ***/
.checkout_process_bar .stages div { text-transform: uppercase; font-family:"Avalon-Demi"; font-size:13px; font-weight:normal; }
.checkout_process_bar .stages div.current {color: #000;}
.centered_progress_bar {border-left: 0px;border-right: 0px; width: 980px;} /* progress bar width for old checkout should be 980px */


/***  015A Left Hand Side   ***/
.ql_product_picture_options a { background-color: #999; }


/***   018 Shopping Basket   ***/
.headStyle { background-color: #333; }
.peeriusContent { border:1px solid #333; }
.paymentOptions { background: url('images/shoppingBasketCards.png') bottom left no-repeat; display:block; margin-bottom: 21px; padding-bottom: 38px;}
.paymentOptionsDE { background: url('images/shoppingBasketCards.png') -106px 0px no-repeat;display: block;margin-bottom: 21px;padding-bottom: 38px;width: 88px;}
.total {background: url("images/buttons-sprite.png") repeat-x 0 -141px !important; padding:1px 0 0  !important;  }
.shoppingbasket_item img { border:1px solid #e6e5e5;}
.shoppingBasket_continue { margin-right:250px; margin-top:-10px;}
.basketAndRecommends, .shoppingbasket_lower_section_left { position: relative; }
#productDetailInfo .tabbed_componentContainer { margin: 40px 0 5px 0;}
#myaccountTabbedPanel.tabbed_componentContainer {margin-top: 3px;}


 /***   020 Checkout Delivery Page OLD   ***/
.deliveryMethod { margin-bottom:15px; }
.checkout_process_bar { padding: 10px 0 15px 0; }
.checkout_process_bar .stages div { width:25%; height: 30px; background-image: url('/styles/images/progress.png'); background-position: 10px bottom;  background-repeat: repeat-x; text-align: left;}
.checkout_process_bar .stages div.current { width:24%; height: 30px; background-image: url('/styles/images/progress_current_office.png'); background-position: 25px bottom;  background-repeat: repeat-x;}
.checkout_process_bar .stages div.stage1 { width:22%; height: 30px; background-image: url('/styles/images/progress_stage1.png'); background-position: -20px bottom;  background-repeat: repeat-x; text-align: left;}
.checkout_process_bar .stages div.stage4 { width:22%; height: 30px; background-image: url('/styles/images/progress_stage4.png'); background-position: -90px bottom;  background-repeat: no-repeat; text-align: left;}
.checkout_process_bar .stages div.stage4.current { width:22%; height: 30px; background-image: url('/styles/images/progress_stage4_office_current.png'); background-position: -95px bottom;  background-repeat: no-repeat; text-align: left;}
.checkout_process_bar .stages div.stage1.current{ width:22%;  height: 30px; background-image: url('/styles/images/progress_stage1_office_current.png'); background-position: -15px bottom; background-repeat: repeat-x;}
.checkout_process_bar .stages div.stage3 { width: 23%; background-position: 19px bottom;}
.checkout_process_bar .stages div.stage2 { width: 26%; background-position: 33px bottom;}
.delivery_type_label {display: block; text-transform:uppercase; }

    /*Guest checkout section details*/

.contact_details, .billing_address, .shipping_address {
    width: 33.1%;
}
.deliveryMethod {
    width: 49.49%;
}

.billing_address .p_small, .shipping_address .p_small {
    margin-right: 49px;
}

.shipping_address #shippingAddressFormBean_country {
    width: 206px;
}


/***   020 Checkout Delivery Page NEW  ***/
.deliveryMethod { margin-bottom:15px; }
.new_checkout_process_bar .stages div { width:25%; height: 30px; background-image: url('/styles/images/progress.png'); background-position: 10px bottom;  background-repeat: repeat-x; text-align: left; width: 5% !important;}
.new_checkout_process_bar .stages div.current { width:24%; height: 30px; background-image: url('/styles/images/progress_current_office.png'); background-position: 25px bottom;  background-repeat: repeat-x;}
.new_checkout_process_bar .stages div.stage1 { width:22%; height: 30px; background-image: url('/styles/images/progress_stage1.png'); background-position: -20px bottom;  background-repeat: repeat-x; text-align: left;}
.new_checkout_process_bar .stages div.stage4 { width:22%; height: 30px; background-image: url('/styles/images/progress_stage4.png'); background-position: -90px bottom; text-align: left;}
.new_checkout_process_bar .stages div.stage4.current { width:22%; height: 30px; background-image: url('/styles/images/progress_stage4_office_current.png'); background-position: -95px bottom;   text-align: left;}
.new_checkout_process_bar .stages div.stage1.current{ width:22%;  height: 30px; background-image: url('/styles/images/progress_stage1_office_current.png'); background-position: -15px bottom; background-repeat: repeat-x;}
.new_checkout_process_bar .stages div.stage3 { width: 23%; background-position: 23px bottom;}
.new_checkout_process_bar .stages div.stage2 { width: 26%; background-position: 33px bottom;}
.new_checkout_process_bar .stages div.stage5 { background-image:url(/styles/images/new_checkout/progress_stage4.png); background-position: -90px bottom; }
.new_checkout_process_bar .stages div.stage5.current { width:22%; height: 30px; background-image: url('/styles/images/progress_stage4_office_current.png'); background-position: -95px bottom;   text-align: left;}
.new_checkout_process_bar .stages div:last-child { background-repeat: no-repeat; }
.delivery_type_label {display: block; text-transform:uppercase; }

/***   023 Order Confirmation Page   ***/
.continueLinks_linkList_content a { color: #FFFFFF; cursor: pointer;  overflow: hidden; position: relative; display: inline-block; text-align: center; text-transform: uppercase;}
.block { display: block;}

.displayInlineBlock.billing{
	float:left;
}

/*** Gift Card chechout ***/
.giftcardpayment_otheroptions_content #giftCardPaymentComponent_billing .p_small { width: auto;}
#giftcardForm .floatProperties { position:relative; }



/***   024 My Account Pages   ***/
#myaccountTabbedPanel ul.componentContainer_tabs { height:30px; }
#myaccountTabbedPanel ul.componentContainer_tabs li { height:30px; min-width:96px; }
#myaccountTabbedPanel ul.componentContainer_tabs li a {font-size:14px; padding-top:4px; padding-bottom: 4px;}
.signuplongLabel { width: 220px; }
.selectAddress.long { width:234px; }

/***   024A My Account Details   ***/     
.accountDetailsTitle { font-family:"Avalon-Xlight"; text-transform:uppercase; font-size:13px; letter-spacing: 0.09em}    

.shippingAddressEdit_myaccount_expandableUK .selectedAddress { margin-right: 47px; }

/***   026 Footer   ***/
.footer_content ul.mainNavigation_linkList li.first a, .footer_content ul.mainNavigation_linkList li.first {color: #666666; font-family: arial; font-size: 12px; font-weight: 600;}
.footer_content ul.mainNavigation_linkList li a:hover { color: #004275; text-decoration: none;}
.inner_footer_container div.homePromo form#newsLetterForm  { margin-left: 780px;margin-top: -145px;position: absolute; }
.inner_footer_container div.homePromo form#newsLetterForm fieldset .homePromoContent img { display:none; }
.inner_footer_container div.homePromo form#newsLetterForm fieldset .homePromoContainer { background:none; padding:10px 0 0; }
.newsletter_signup_xmas { color:#004277;font-weight: bold; font-size: 12px; }
.footer-social-bottom { display: inline-block; width: 100%; padding-top: 10px; min-height: 35px;background-color:#ffffff;text-align:center; }

/***   027 Store Locator   ***/
.storelocator_search_container label {text-transform:uppercase; font-size:12px; padding-right: 34px; margin-bottom: 2px; color:#666666; font-weight: bold; -webkit-margin-end: 44px; -moz-margin-end: 22px;}
#sidebar li.locatorRegion { font-family:"Avalon-Xlight"; background-color: #000; padding:2px; margin-bottom:1px; }
#sidebar li.locatorRegion input { background-color: #000; color: #fff; font-size:13px; text-align:left; width:100%; cursor: pointer; }
#sidebar li.locatorRegion input:hover {color: #ff0099;}
.storelocator_addressdetails_and_open_times > div span.titles {  font-family: 'Avalon-Bold'; font-size:14px; }

/***   027a Store Locator DE ***/
.storelocator_DE .containerTitle { background: #fff; color:#000; font-size:24px; padding-left: 0px; margin-left: 40px; }
.storelocator_DE .store_locator_description { color: #080808; font-family: 'Avalon-Book', Arial, sans-serif; font-size:14px; margin-left: 40px;} 
.storelocator_DE .storelocator_content {padding: 40px 40px 0;}
.storelocator_DE .storelocator_content h2 { font-size:24px; font-family: 'Avalon-Medium', Arial, sans-serif; }
.storelocator_DE h2 { margin-left:15px; }
.storelocator_DE .store h3 {font-family: 'Avalon-Medium', Arial, sans-serif; font-size:14px; color: #003468;margin-left:50px; }
.storelocator_DE .store p { font-family: 'Avalon-Book', Arial, sans-serif;  font-size:14px; color:#080808; margin-left:50px}
.storelocator_DE .store { display:inline-block; min-height: 140px; vertical-align: top; width: 24.7%;}
.storelocator_DE .new_stores_row .store { width:33%; }
.storelocator_DE .store:before {
    content:url('images/address_icon.png');
    display:inline-block;
    float:left;
}
.storelocator_DE .banner-brands { margin: 40px 0; }

.store_images_stripe img{
    margin-left: 6px;
}
.store_images_stripe img:first-child{
    margin-left:0px;
}
/***   028 Brand Directory   ***/
.brand_directoryLogos { background-image: url("images/shadow479.png");  background-repeat:no-repeat; background-position: 0 bottom; }
#shopByBrandCarouselTabbedPanel.tabbed_componentContainer { margin: -5px 0 5px 0; }

.myaccount #savedcard, .orderConfirm_content #myaccountTabbedPanel > div .containerShadow488, .myOrdeputAttributers_content {padding-bottom:0px;}

.viewOrders {margin-bottom:10px; }

img.competition{ margin-top: 21px;  }
img.competitionHeader{ height: 174px; width: 384px;}

/* dropdown menu style */
.selectBox-dropdown { border: 1px solid #c4c3c3; border-top: none; height: 22px; background: url('/styles/images/selectBox_bg_off.png') repeat-x; padding: 0;}
.selectBox-dropdown:focus,.selectBox-dropdown:focus .selectBox-arrow {border-color: #666;}
.selectBox-dropdown .selectBox-arrow {position: absolute; top: 0; right: 0; width: 18px; height: 22px;background: url('/styles/images/selectBox_btn_arrow_off.png') no-repeat;}
.selectBox-dropdown-menu {position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; border: solid 1px #c4c3c3; /* should be the same border width as .selectBox-dropdown */ background: #FFF;}
.productDetail_purchaseOptions .selectBox-dropdown .selectBox-label{padding: 4px 8px 0 6px;}

/* Facet list */

.categoryTree_facetTree {
	position:relative;
}
.categoryTree_facetTree span.categoryTree_bold:after { 
	position:absolute;
	content:"";
	background: url('images/arrows-info-sprite.png') no-repeat -64px 0;
	width: 7px;
	height: 8px;
	right: 28px;
    top: 4px;}
.categoryTree_facetTree span.categoryTree_bold.active:after  { 
	position:absolute;
	content:"";
	background: url('images/arrows-info-sprite.png') no-repeat;
	background-position: -49px 0px; 
	width: 11px;
	height: 7px;
	right: 28px;
    top: 4px;}
.categoryTree_facetTree a:hover{color: #F09;}

#myaccountTabbedPanel .containerShadow{background: #ffffff url("images/shadow980.png") no-repeat;}

/*Change password*/
#changePasswordTabbedPanel .componentContainer_content_container ,#changeEmailTabbedPanel .componentContainer_content_container {margin-bottom: 15px; margin-top: 10px; background-image: url("images/shadow980.png"); background-repeat:no-repeat; background-position: 0 bottom;}
#changeEmailTabbedPanel .componentContainer_tab {margin-left: 0;}
#changePasswordTabbedPanel .componentContainer_tab {margin-left:0;}
#changePasswordTabbedPanel .changeEmailSaveBtn,#changeEmailTabbedPanel .changeEmailSaveBtn {float: right; font-size: 13px; font-weight: 500; height: 26px; margin-right: 40px; text-align: center; width: 120px;}
#cs_changePasswordTab1 , #cs_changeEmailTab1{position: relative; top: -15px; left: -19px; background: #fff; }
#changePasswordTabbedPanel .containerShadow, #changeEmailTabbedPanel .containerShadow {margin-top: -16px; padding-bottom: 0;}
#changePasswordTabbedPanel .forgotten_password_content.containerShadow,#changeEmailTabbedPanel .forgotten_password_content.containerShadow {background: none;}
#changePasswordTabbedPanel .containerTitle, #changeEmailTabbedPanel .containerTitle { width: 956px;}
#changePasswordTabbedPanel ul.componentContainer_tabs, #changeEmailTabbedPanel ul.componentContainer_tabs {height: 29px;}
#changePasswordTabbedPanel ul.componentContainer_tabs li.active a { padding-top: 4px;}
#changeEmailTabbedPanel ul.componentContainer_tabs li.active a { padding-top: 4px;}

.total.promotions {display: block; width:85%; overflow: visible; margin-bottom: 5px; height: auto; padding-bottom: 1px !important; background: #000 !important; background-image: none !important;}
.total.promotions table {width: 100%; height: auto; margin: -5px 3px 3px -3px;}
.total.promotions table td {vertical-align: middle;}
.promotions_text {font-weight: bold; border: 1px solid #000000; box-shadow: 3px 3px 2px #000000; margin: 0 0 8px 70px !important; padding: 6px 2px 4px 4px; width: 828px}

.delivery_method_radiobutton { margin-right: 15px; margin-bottom: 30px;}
.delivery_mode_text_wide {color: #666; width: 550px;}

.qtip {
    width: 350px !important;
}

.saved_card.input_box label span {margin-right: 10px;}

.waiting_for_payment { padding:5px; text-align: center; }

/* Country selection */
.countrySelector { 
    border: 3px solid #003468; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 39px 32px;
 }
 
 .countrySelector .message {
    font-family: 'Avalon-Book', Arial, sans-serif;
    font-size: 23px;
    color: #003468;
    text-align: center;
 }
 
 .countrySelector .country {
    padding:0px;
    text-align:center;
    display: block;
    margin: 20px auto 30px auto;
 }
 
 .countrySelector .country.last{
    margin-bottom: 0px;
 }
 
 .country .wrap {
    display: inline-block;
    text-align: center;
 }
 
 .country .wrap a {
    font-family: 'Avalon-Medium', Arial, sans-serif;
    font-size: 16px;
    color: #003468;
    display:block;
 }
 
 .country .wrap a.linkDescription { margin-top: 10px; }
 
 
#facebox .country img {
    margin-bottom: 15px
 }

/*----------------------------
	delivery address 
-----------------------------*/
.delivery-address-content a.edit{
	color: #ff0099;
}

#facebox div {
    margin-left: 0 !important;
}
 

.footer-social-bottom a.fb {
	background: url('images/header-and-footer-sprite.png') no-repeat 0 0;
	width: 27px;
	height: 28px;
	 display: inline-block;
}
.footer-social-bottom a.tw {
	background: url('images/header-and-footer-sprite.png') no-repeat -34px 0;
	width: 28px;
	height: 28px;
    display: inline-block;
}
.footer-social-bottom a.ins {
	background: url('images/header-and-footer-sprite.png') no-repeat -71px 0;;
	width: 27px;
	height: 28px;
	display: inline-block;
}
.footer-social-bottom a.pi {
	background: url('images/header-and-footer-sprite.png') no-repeat -105px 0;
	width: 27px;
	height: 28px;
	display: inline-block;
}
.footer-social-bottom a.beh {
	background: url('images/header-and-footer-sprite.png') no-repeat -142px 0;
	width: 27px;
	height: 28px;
	display: inline-block;
}
.footer-social-bottom a.res {
	background: url('images/header-and-footer-sprite.png') no-repeat -177px 0;
	width: 35px;
	height: 28px;
	display: inline-block;
}
span.icon-email{
	background: url('images/header-and-footer-sprite.png') no-repeat -305px -8px;
	width: 14px;
	height: 10px;
	display: inline-block;
	margin:5px 10px 0 6px;
}
.footer-social-bottom a.icn {
	background: url('images/header-and-footer-sprite.png') no-repeat -229px 0;
	width: 37px;
	height: 28px;
	display: inline-block;
}
.shoppingbasket_lower_section_left .shopping_basket_cards .paymentOptions{
	height: 45px;
    padding-bottom: 0;
    width: 353px;
}

#youMayAlsoLikeCarouselTabbedPanel .productList_item img{
	width:161px;
	height:165px;
}

.global_navigation  .global_navigation_inner.office .image_container img{
	width:197px;
	height:29px;
}
.global_navigation  .global_navigation_inner.officede .image_container img{
	width:197px;
	height:50px;
}

/* carousel */		
.jquery-slider-selectors {		
	max-width:145px ! important;		
    left:432px ! important;		
}		
/* end */

/* Homepage Slider for Office and OfficeDe */
.home_page .slider{
    background: #FFFFFF;
    width: 1120px;
    height:480px;
    padding-top: 0px;
}
.home_page #parent_div_1{
    background: #FFFFFF;
    height: 265px;
    width: 1120px;
    margin-top:40px;
    text-align: left;
    float:left; padding-bottom: 50px;
}
.home_page .child_div_1{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;    padding-bottom: 50px;
    height: 265px;
    width: 265px;
    text-align: left;
}
.home_page .child_div_2{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;    padding-bottom: 50px;
    height: 265px;
    width: 265px;
    text-align: left;
}
.home_page .child_div_3{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;    padding-bottom: 50px;
    height: 265px;
    width: 265px;
    text-align: left;
}
.home_page .child_div_4{
    background: #FFFFFF;
    float:left; padding-bottom: 50px;
    height: 265px;
    width: 265px;
    text-align: left;
}
.home_page #parent_div_2{
    background: #FFFFFF;
    height: 480px;
    width: 1120px;
    text-align: left;
    float:left; padding-bottom: 50px;
}
.home_page .child_div_5{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;    padding-bottom: 50px;
    height: 480px;
    width: 740px;
    text-align: left;
}
.home_page .child_div_6{
    background: #FFFFFF;
    float:left; padding-bottom: 50px;
    height: 480px;
    width: 360px;
    text-align: left;
}
.home_page #parent_div_3{
    background: #FFFFFF;
    height: 170px;
    width: 1120px;
    text-align: left;
    float:left; padding-bottom: 50px;
}
.home_page .child_div_7{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;    padding-bottom: 50px;
    height: 170px;
    width: 170px;
    text-align: left;
}
.home_page .child_div_8{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;    padding-bottom: 50px;
    height: 170px;
    width: 170px;
    text-align: left;
}
.home_page .child_div_9{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;    padding-bottom: 50px;
    height: 170px;
    width: 170px;
    text-align: left;
}
.home_page .child_div_10{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;    padding-bottom: 50px;
    height: 170px;
    width: 170px;
    text-align: left;
}
.home_page .child_div_11{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;    padding-bottom: 50px;
    height: 170px;
    width: 170px;
    text-align: left;
}
.home_page .child_div_12{
    background: #FFFFFF;
    float:left; padding-bottom: 50px;
    height: 170px;
    width: 170px;
    text-align: left;
}
.home_page #parent_div_4{
    background: #FFFFFF;
    height: 413px;
    width: 1120px;
    text-align: left;
    float:left; padding-bottom: 50px;
}
.home_page .child_div_13{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;
    height: 413px;
    width: 550px;
    text-align: left;   padding-bottom: 50px;
}
.home_page .child_div_14{
    background: #FFFFFF;
    float:left;
    height: 413px;
    width: 550px;
    text-align: left;   padding-bottom: 50px;
}
.home_page #parent_div_5{
    background: #FFFFFF;
    height: 265px;
    width: 1120px;
    text-align: left;
    float:left;
}
.home_page .child_div_15{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;   
    height: 265px;
    width: 265px;
    text-align: left;
}
.home_page .child_div_16{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;
    height: 265px;
    width: 265px;
    text-align: left;
}
.home_page .child_div_17{
    background: #FFFFFF;
    float:left;
    padding-right: 20px;   
    height: 265px;
    width: 265px;
    text-align: left;
}
.home_page .child_div_18{
    background: #FFFFFF;
    float:left;
    height: 265px;
    width: 265px;
    text-align: left;
}

/* Copied from custom.css which is removed from office site (Page Load Speed project). 
   I don't think it's used anywhere on the site, but I'll leave it in the comment for now */

/* GERMAN ABOUT US */		
/* 	.about-content{		
		padding: 0 40px;		
		width: auto;		
	}		
	.about-content hr{		
		width: 100%;		
		border-top: 1px dashed #d4d4d4;		
		background: none;		
	}		
	.about-content h1{		
		font-size: 34px;		
		text-align: center;		
		float: none;		
	}		
	.about-content h3{		
		text-transform: uppercase;		
		color: #9e9e9e;		
		margin-bottom: 10px;		
	}		
	.about-content h4{		
		font-size: 19px;		
		text-transform: uppercase;		
		color: #003468;		
	}		
	.about-content .section1{		
		margin: 50px 0 40px;		
		overflow: hidden;		
	}		
	.about-content .section1 p{		
		font-size: 16px;		
		color: #000000;		
		margin-bottom: 20px;		
	}		
	.about-content .section2{		
		margin-bottom: 12px;		
		overflow: hidden;		
	}		
	.about-content .section2 p{		
		margin: 5px 0 50px;		
		font-size: 14px;		
	}		
	.about-content .section2 a{		
		text-decoration: underline;		
	}		
	.about-content .office-logo{		
		text-align: center;		
		margin: 20px 0 30px;		
	}		
	.brands-logos{		
		margin: 20px 0;		
	}		
	.about-content .left-side{		
		float: left;		
		width: 49%;		
	}		
	.about-content .right-side{		
		float: right;		
		width: 49%;		
	}		
	ul.about-process {		
		 margin-left: 0;		
		 padding-left: 0;		
		 display: inline;		
	 } 		
	ul.about-process li {		
		 margin-left: 0;		
		 padding: 15px 60px;		
		 list-style: none;		
		 display: inline-block;		
		 text-align: center;		
	 }		
	 ul.about-process a{		
		text-decoration: none;		
	 }		
	ul.about-process img{		
		float: left;		
	}		
	ul.about-process span{		
		color: #9e9e9e;		
		text-transform: uppercase;		
		margin-top: 125px;		
		display: block;		
	}		
	.about-content img.lifestyle{		
		width: 100%;		
		margin-bottom: 40px;		
	}  */