/** 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: 980px;}
.page_container.home_page .inner_header_container { margin: 0 auto;}
.page_container .header_container { position:relative; z-index:10; }

/* FOOTER */
.inner_footer_container { margin-bottom: 0; margin-top:8px; }
.footer_content { background: #fff;  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;}
.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;}
.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-top: 5px; }

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

/* MAIN NAV */
ul.mainNavigation_linkList li.parent a {  font-weight: normal; font-family: "Avalon-Demi"; font-size:16px; }
.mainNavigation_linkList_content > ul > li.parent a { line-height:46px; padding: 0 20px;}
.mainNavigation_linkList li.parent:hover {background-color: #000;  }
.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: 1px solid #000; /* background-image: url('images/mainNavChildSeparator.png'); background-repeat: repeat-y; */ }
/* 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;}
/* Inside Lists */
.mainNavigation_linkList li.parent div ul.childlist li.child ul li.grandchild a:hover { background-color: #000;}


/***   001 Page Templates   ***/
.global_navigation_inner, .checkout_navigation_inner { background-color: #000; }
.global_navigation_inner .image_container, .checkout_navigation_inner .image_container  {margin:25px 0 25px 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;}

/***   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/btns/p_small.png') 0 0 repeat-x; font-family: "Avalon-Medium"; letter-spacing: 0.07em; line-height:25px; height:25px; padding:0 12px; font-size:12px; font-weight: 200;}
.p_small:hover {background-position: 0 -25px; text-decoration:none;}

.p_small_blk { background: url('images/btns/p_small_blk.png') 0 0 repeat-x; 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/btns/p_large.png') 0 0 repeat-x; 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/btns/p_large_blk.png') 0 0 repeat-x; 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;}

/***   004 Mini Basket   ***/
.myBasket {margin: 13px 16px 0 0; cursor: pointer; }
.myBasket_container_left { background: url('images/myBagIcon.png') top left no-repeat; padding-left: 35px; margin-top:12px; float: left; }
.myBasket_container_left span { color: #ffffff; }
.myBasket_container_left:hover span { color: #ff0099; }
.myBasket_head {display:none;}
.myBasket_contents {z-index: 100;  right: 0;}
.myBasket_items span { font-weight: bold; text-transform: uppercase; }
.myBasket_name span {display:block; margin:3px 0px 5px; font-size:11px; }
.myBasket_items { float: left; font-size: 3.727em; line-height:41px; margin: 0 4px 0 0; text-align: left;}
.myBasket_contents { right: -21px; top: 53px; display:none; }
.myBasket_outer_contents {display:none;}
.myBasket_inner_contents { border: 1px solid #000; border-top: 0 none; 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: #ff0099; }
.mb_viewbasket { letter-spacing: 0.06em; margin: 0 4px; padding: 0; text-align: center; width: 100px;}
.myBasket_name .title { width: 37px; }

.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-top: 7px; margin-right: 16px; }
.headerlinks_linkList_content a { color:#fff; }
ul.headerlinks_linkList li {background: url('images/headerlink_seperator.gif') center right no-repeat; }
.rememberme { color:#fff;}
.rememberme a { color:#fff; }
                      
                      
/***   005B Input Box   ***/
.inputFld { background: url('images/inputFldBg.png') 0 0 repeat-x;  border: 1px solid #bcbcbc; height: 23px; margin-right:4px; padding: 0 0 0 4px;  font-size:11px; width:181px; border-top: 0; }
.selectFld, select { padding:2px 2px 2px 0px; height:23px; font-size:11px;}
.selectFld option {padding:2px 4px 2px 4px;}
.selectFld.long { width:204px;}
.banner_search { margin: 10px 0 11px;}
.miniMail.homePromoContainer #email { width: 219px; margin-left: 5px;}

/***   006 Main Navigation   ***/
.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 { background:transparent url('images/compContainer_tabActive.png') center 22px no-repeat;  }
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; }

.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;}

.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   ***/

.categoryTree ul li ul li a.checked_facet { background: url('images/facetChecked.jpg') top left no-repeat;}
.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;}


/***  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;}
.total {background: url("images/totalBg.png") repeat-x scroll right bottom transparent !important; }
.shoppingbasket_item img { border:1px solid #e6e5e5;}
.shoppingBasket_continue { margin-right:167px; 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   ***/
.deliveryMethod { margin-bottom:15px; }
.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;}

/***   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;}

/*** Gift Card chechout ***/



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

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

/***   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;}

/***   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; }

/***   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 span { background: url(/styles/images/bg-arrow2.gif) no-repeat 140px 50%;}
.categoryTree_facetTree span.active { background: url(/styles/images/bg-arrow.gif) no-repeat 140px 50%;}
.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;}