@import url(/css/resets.css);
@import url(/css/global.css);
@import url(/css/utilities.css);
@import url(/css/bt_business_v2/fonts.css);

/* theme defaults */
button{font-family:Tahoma, Arial, Sans-Serif; font-size:100%;} /* have to explictly set button fonts */
a{color:#005293; font-weight:bold;}
a:hover {color:#005293; font-weight:bold;}
a:visited {color:#005293; font-weight:bold;}
h1,h2,h3,h4,h5,h6{color:#333;}
h3,h4,h5,h6{ font-weight:bold;}
h1{font-size:165%; font-weight:normal;}
h2{font-size:150%;}
h3{font-size:110%; font-weight:bold;}
h4{font-size:100%; font-weight:bold;}



/* master page elements */
body{font-family:Tahoma, Arial, Sans-Serif; color:#444; font-size:0.9em;}
#wrapper{padding:8px 8px 0px 8px;}
.remove-shim{margin-left:-8px; margin-right:-8px;}
 header{background:url('/images/theme/mobile/bt_business_v2/en/layout/logo-header-bg.png') repeat-x #CCC; height:48px; border-bottom:3px solid #00528e; overflow:hidden;}
header a.header-button{display:block; float:right;}
header a.logo {float:left; padding:0; margin:0}
header #homebutton{float:left;}
header #basketbutton{position:relative; text-decoration:none}
header #basketcount {background-color:#d71f85; border-radius:10px; color:#FFFFFF; display:block; height:18px; position:absolute; top:5px; right:5px; text-align:center; width:18px; text-decoration:none}
#wrapper #filterpanel {overflow:hidden;margin-top:4px;}

#breadcrumb {border-bottom:1px solid #CCC; border-top:1px solid #FFF; margin-bottom:8px; margin-top:-8px; overflow:hidden; height:35px;background:url("/images/theme/mobile/bt_business_v2/en/layout/breadcrumb-bg.png") repeat-x scroll 0 0 transparent;}
#breadcrumb #breadcrumbback{width:35px; float:left; border-right:1px solid #999; height:35px; background-color:#AAA}
#breadcrumb #pagetitle{float:right;margin-left:35px; height:35px; padding:9px;font-weight:bold;}
#breadcrumb div.breadcrumb-back-button {float:left;margin:5px;}
#breadcrumb div.breadcrumb-back-button a { font-weight:bold; color:#FFF;text-decoration:none}
#breadcrumb div.breadcrumb-back-button div.fl {float:left; width:9px;height:25px;background-image: url("/images/theme/mobile/bt_business_v2/en/buttons/btn-back-nav-bg-arrow.png"); background-repeat:no-repeat;}

#breadcrumb div.breadcrumb-back-button div.fr {float:right;overflow:hidden;height:25px; padding:4px 8px 6px 5px;background-image: url("/images/theme/mobile/bt_business_v2/en/buttons/btn-back-nav-bg.png"); background-repeat: repeat-x}
#breadcrumb div.breadcrumb-back-button div.fr a {color:#005292}
div.filter-area {background-image: url("/images/theme/mobile/bt_business_v2/en/layout/filter-bg.png"); background-repeat:repeat-x; overflow:hidden; height:100px;margin: -7px -8px -1px -8px}
.alert {color:#D71F85;}


/*extra rules to remove if graphic */#breadcrumb #breadcrumbback{text-align:center;}
#breadcrumb #breadcrumbback a{text-decoration:none; color:#888; font-size:26px; font-weight:normal;}

footer{background-color:#DDDCDB; border-top:3px solid #00528e; clear:left; padding:10px 8px; overflow:hidden;}
footer a{color:#005293;}
footer .buttons a{width:40%; padding-top:8px; padding-bottom:8px; text-align:center; margin-right:10px;}
footer ul.link-area li{margin-bottom:4px;}
footer h3{margin-top:15px; font-weight:normal; font-size:120%; color:#333}
footer #loginarea{margin-right:30px; float:left;}
/*footer #footermore{float:right; width:46px; height:22px; padding:6px 4px 4px 8px; background:url("/images/theme/mobile/bt_business_v2/en/buttons/btn-more-footer-bg.png"); background-repeat:no-repeat}*/
footer div.footermore-close{color:#005292;float:right; width:46px; height:22px; padding:3px 4px 4px 8px; background:url("/images/theme/mobile/bt_business_v2/en/buttons/btn-more-footer-bg.png"); background-repeat:no-repeat}
footer div.footermore-open{color:#005292;float:right; width:46px; height:22px; padding:3px 4px 4px 8px; background:url("/images/theme/mobile/bt_business_v2/en/buttons/btn-more-footer-bg-close.png"); background-repeat:no-repeat}
footer #desktopswitch{background-color:#FFF;margin-top:12px; padding:8px 0; text-align:center;}
#footerexpand{display:none; clear:both; margin-top:15px; overflow:hidden;}

#sitealert{background-image:url('/images/theme/bt_business_v2/en/icons/icn-site-alert-header.gif'); background-repeat:no-repeat; background-position:5px 7px; background-color:#FC6; color:#000; font-weight:bold; margin:0 auto; padding:5px 10px 5px 46px; text-align:left}
#sitealert a{color:#1C366C;}

/*search box */
div.search-popup{display:none;}
div#sitesearch{padding:12px 10px; background:url("/images/theme/mobile/bt_business_v2/en/layout/site-search-bg.png") repeat scroll 0 0; margin:-8px -8px 0 -8px;}
input.searchbox{font-size:140%; height:37px;}
div#sitesearch input.gobtn{float:right;}

/* styled headings */
h1.hot-deals, h2.hot-deals, h2.help{background: url("/images/theme/mobile/bt_business_v2/en/layout/hot-deals-bg.png") repeat-x scroll 0 0; padding-left:8px; margin-bottom:0; font-size:126%; font-weight:bold; line-height:40px;}
h1.hot-deals, h2.help{font-size:115%; line-height:40px;margin-top:5px} /* smaller font on listings pages */
h1.heading-red {background: url("/images/theme/mobile/bt_business_v2/en/layout/header-bg.png") no-repeat scroll 0 0 transparent;border-bottom: 2px solid #D71F85;font-size: 125%;line-height: 34px;margin-bottom: 5px;padding-left: 15px;color:#D71F85; font-weight:bold; clear:both}


/* controls */
a.input-button { background: url("/images/theme/mobile/bt_business_v2/en/buttons/css-button-bg-grey.png") repeat-x scroll 0 48% #333;border: 1px solid #BBBFC4;border-radius: 4px 4px 4px 4px;color: #3B3B3B;font-size: 11px;font-weight: normal;padding: 4px 6px;text-decoration: none;width:23px}
a.link-button{background:url('/images/theme/mobile/bt_business_v2/en/buttons/css-button-bg-grey.png') repeat-x #333; border:1px solid #BBBFC4; border-radius:4px; color:#005293; font-size:11px; /*font-weight:bold;*/ padding:4px 6px; display:inline-block; text-decoration:none; font-weight:normal;}
input.button, button{background:url('/images/theme/mobile/bt_business_v2/en/buttons/css-button-bg-grey.png') repeat-x #333; border:1px solid #BBBFC4; border-radius:4px; color:#005293; font-size:11px; /*font-weight:bold;*/ padding:4px 6px;}
input.remove, a.remove, button.remove{background:url("/images/theme/mobile/bt_business_v2/en/buttons/css-button-bg-grey-redcross.png") no-repeat 0 50% #333; padding-left:16px;}
input.action, a.action, button.action{background:url("/images/theme/mobile/bt_business_v2/en/buttons/css-button-bg-grey-greentick.png") no-repeat 0 50% #333; padding-left:16px;}


/* home page */
ul.category-icons{overflow:hidden;}
ul.category-icons li{width:47%; height:120px; border:1px solid #F1F1F1; position:relative; margin-bottom:3%;}
ul.category-icons li.left{float:left;}
ul.category-icons li.right{float:right;}
ul.category-icons li a{border-bottom:3px solid #69be28;position:absolute; bottom:0px; font-size:110%; text-decoration:none; background-color:#F1F1F1; opacity:0.8; display:block; height:35px; color:#FFF; width:100%;padding:3px 0; text-align:center}
ul.category-icons li a span{display:block; padding:0 3px; line-height:15px; vertical-align:middle; color:#005293 }
div.banner-area{margin:10px 0 0 0; clear:both; overflow:hidden; text-align:center;}

/*Hero buttons*/

div.hero-buttons {color:#FFF;text-align:center; font-weight:bold; font-size:110%;overflow:hidden;padding:0}
div.hero-buttons a {color:#FFF; text-decoration:none}
div.hero-buttons .browse, div.hero-buttons .it-services, div.hero-buttons .my-acount {width:33.333334%; float:left; text-align:center;}
div.hero-buttons div.browse a, div.hero-buttons div.it-services a, div.hero-buttons div.my-account a {display:block; padding:10px 0 8px 0px; margin:0 auto; min-height:41px;}

div.hero-buttons div.browse a{background:url('/images/theme/mobile/bt_business_v2/en/layout/bg-browse-it-products.png') repeat-x 0 0; text-shadow: 0.05em 0.05em #006BBB;}
div.hero-buttons div.it-services a{background:url('/images/theme/mobile/bt_business_v2/en/layout/bg-browse-it-services.png') repeat-x 0 0; text-shadow: 0.05em 0.05em #8859C8;}
div.hero-buttons div.my-account a{background:url('/images/theme/mobile/bt_business_v2/en/layout/bg-my-account.png') repeat-x 0 0; text-shadow: 0.05em 0.05em #50891D;}

/*Cookie preferences*/
fieldset.unified .cookierestrictions label {font-weight:bold; font-size:16px}
fieldset.unified .cookierestrictions label.cookie-alert-unrestricted{color:#007B00}
fieldset.unified .cookierestrictions label.cookie-alert-functional{color:#F90}
fieldset.unified .cookierestrictions label.cookie-alert-strictlynecessary{color:#C03}
fieldset.unified .cookierestrictions dt {float:left; width: 30px}
fieldset.unified .cookierestrictions dd label.cookie-alert-unrestricted {color:#007B00; display: block;}
fieldset.unified .cookierestrictions dd label.cookie-alert-functional {color:#F90; display: block;}
fieldset.unified .cookierestrictions dd label.cookie-alert-strictlynecessary {color:#C03; display: block}
fieldset.unified .cookierestrictions .button-bar {overflow:visible}
fieldset.unified .cookierestrictions .button-bar.bottom {float:left; margin:0 0 10px 32px; overflow:hidden; text-align:left; width:112px}
fieldset.unified .cookierestrictions p {font-size:126%;}
fieldset.unified .cookierestrictions dl p {font-size:100%; padding-left:31px}
fieldset.unified .cookierestrictions .cookie-options {}
fieldset.unified .cookierestrictions .cookie-options img {position:absolute}
fieldset.unified .cookierestrictions .cookie-options dl {padding-bottom:10px}

.cookie-list {margin-left: 5px; overflow: hidden; background-color:#F5F5F5; background:url("/images/theme/bt_business_v2/en/layout/grey-cross-hatch-bg.png") repeat scroll 100% 0}
.cookie-list .content {}
.cookie-list h3 {background:url("/images/theme/bt_business_v2/en/layout/product-header-background.png") repeat scroll 100% 0 #015294; background-color: #3A4671; color: #FFFFFF; padding: 5px 12px; margin:0; font-size: 165%; font-weight:normal}
.cookie-list h4 { background-color: #E9E9E9; font-size: 110%; margin: 0; padding:10px 15px; border-right:2px solid #F5F5F5; border-bottom:1px solid #FFF}
.cookie-list ul { list-style: none outside none; margin: 5px 0 15px 15px;}
.cookie-list li {line-height: 1.4em}

#edit-cookie-restrictions .header{margin:5px 0 5px 0; padding:5px }
#edit-cookie-restrictions .cookie-info{margin:5px 0 15px 0; padding:5px }

/* click anywhere*/
.click-anywhere{cursor:pointer}/* rules to help testing on non-mobile browsers */
.click-anywhere-active{background-color:#FADA58!important;}

div.button-pair {overflow:hidden; margin:0 -8px}

h3.category-filter, h3.help-category{border-bottom:1px solid #E9E9E9; font-size:112%; margin:0;padding:14px 10px;background:url('/images/theme/mobile/bt_business_v2/en/layout/category-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;}
h3.category-filter a, h3.help-category a{text-decoration:none; color:#333; font-weight:normal;}
h3.category-filter .refinement-count {display:none;}
h3.category-filter .refinement-count-search {display:block;}

div#categorynavigator{margin-bottom:1px;}
div.category-nav-heading{background:url('/images/theme/mobile/bt_business_v2/en/layout/search-category-bg.png') repeat-x 0 0; margin-top:-7px;margin-bottom:1px; padding:8px 8px 0 8px;}
div.category-nav-heading h1{margin-bottom:0.5em; font-size:115%; font-weight:bold;}

/* common styles for resizeable full width searchbox */
table.search-box{width:100%;}
table.search-box td{vertical-align:top;}
table.search-box td.search-cell{padding-right:10px;}
table.search-box td.search-cell input{width:97%;border:2px solid #D2D2D2;padding:1px 5px}
table.search-box td.button-cell{width:45px; text-align:right;}

table.product-listing{width:100%; background-color:#F3F3F3; border-spacing: 0; padding: 0; border: 0 }
table.product-listing td{vertical-align:top; border-bottom:1px solid #E9E9E9; padding:5px 5px 5px 0; }
table.product-listing td.product-image{padding-left:8px; width:60px; background-color:#FFF}
table.product-listing td.product-image a{display:block; font-size:1px;}
table.product-listing td.description{padding:12px;}
table.product-listing td.description a{text-decoration:none;}
table.product-listing tr .lprice{font-weight:bold; color:#000;font-size:115%}
table.product-listing tr .freedelivery{font-weight:bold; color:#69BE28; background: url(/images/theme/mobile/bt_business_v2/en/icons/icn-delivery-van.png) 0 50% no-repeat; padding-left:16px; margin-left:2px}
table.product-listing tr span.price-vat-suffix{font-size:90%;}
.lprice{font-weight:bold;}
p.line-alerts{color: #d71f85; font-weight: bold;font-size: 85%;}

div.category-page-heading h1{margin:0 0 6px;}
div.category-page-heading h1 > div{display:inline;}
div.category-page-heading h1 > div:not(:last-child):after{content:" -";}

div#filterbox{padding:8px 0;background-position:bottom; width:62%; float:left}
div#filterbox > h3{color:#FFF;margin:0; background:url("/images/theme/mobile/bt_business_v2/en/buttons/btn-filter-results.png") no-repeat scroll right 50% transparent; padding:4px 0 4px 2px}
div#filters{display:none;}
div#filters div.filter-group{border-bottom:1px solid #E9E9E9; margin:1px 0; padding:10px;}
div#filters div.filter-group h3{margin:0; padding:4px 0;}
div#filters div.filter-group h2 {padding:2px 0;font-size:112%; margin:0; background:url("/images/theme/mobile/bt_business_v2/en/layout/icn-filter-arrow.png") no-repeat scroll right 50%; height:22px}
div#filters div.filter-group h2.open {font-size:112%; font-weight:bold; margin:0; background:url("/images/theme/mobile/bt_business_v2/en/layout/icn-filter-arrow-down.png") no-repeat scroll right 50%; margin-right:6px}
div#filters div.filter-group ul{display:none; margin:6px 0 0 6px;}
div.filter-left-nav, div.filter-right-nav {padding:8px 0;background-position:bottom; width:19%; float:left; text-align:center}
div.filter-left-nav img {padding-right:8px; margin-top:2px}
div.filter-right-nav img {padding-left:8px; margin-top:2px}
div.filter-wrapper {overflow:hidden;background:url('/images/theme/mobile/bt_business_v2/en/layout/refine-filter-bg.png') repeat-x 0 0}

div#pagerbox{background:url('/images/theme/mobile/bt_business_v2/en/layout/refine-filter-bg.png') repeat-x 0 0; padding:8px 0 18px 0;background-position:bottom; width:60%; float:left; text-align: center; height:21px}
div#pagerbox > h3{color:#FFF;margin:0;padding-top:8px}
div#pagers{display:none;}
div.pager-left-nav, div.pager-right-nav {background:url('/images/theme/mobile/bt_business_v2/en/layout/refine-filter-bg.png') repeat-x 0 0; height:47px;background-position:bottom; width:20%; float:left; text-align:center}
div.pager-left-nav img {padding:15px 0 0 0;}
div.pager-right-nav img {padding:15px 0 0 0;}
div.pager-wrapper {overflow:hidden; height:47px;}

ul.nav-filter-list{margin-top:-2px;}
ul.nav-filter-list li{padding:12px 8px;text-transform:capitalize; padding-right:15px}
ul.nav-filter-list a{float:right;}

div.pager{overflow:hidden; text-align:right; margin-bottom:8px;}
div.pager div.pager-button{border:2px solid #830923; padding:4px 10px; float:left; margin-right:10px; width:65px;}
div.pager div.next{float:right; margin-right:0;}
div.pager div.pager-button a{text-decoration:none;}

/*General layout styles*/
.panel-bg { border:0;background-color:#F1F1F1; overflow:hidden; padding:10px; margin:0}/*Used to seperate panels containing information*/

.clr {clear:both}

/*Account area*/
div.account-menu h2 {background:url('/images/theme/mobile/bt_business_v2/en/layout/hot-deals-bg.png') repeat-x 0 0; margin:1px 0 0 0; padding:7px 10px 8px 10px; border-bottom:1px dotted #CCC; font-size:160%; border-bottom:2px solid #D71F85;}
div.content-area p{margin-bottom:1em;}
div.account-options {border-bottom:1px dotted #CCC; padding:10px 0 10px 12px; margin-bottom:1px; background:url('/images/theme/mobile/bt_business_v2/en/layout/category-arrow.png') no-repeat 0 0; background-position:right;background-color:#F1F1F1;}
div.account-options a, div.account-menu a:visited {text-decoration:none; font-size:120%;font-weight:normal}
div.account-options h3 {padding-top:6px}
/*fieldset styling */
fieldset.unified, fieldset.login{border:0; background: url("/images/theme/bt_business_v2/en/layout/grey-cross-hatch-bg.png") repeat scroll 0 0 #FFF; border-radius: 0 0 5px 5px;padding:10px; margin:5px 0 16px 0;}
fieldset.unified ol li em {font-weight:bold; color:#D71F85; padding-left:2px}
fieldset.unified legend, fieldset.unified h4.fieldset-title, fieldset.login legend{font-size:117%; font-weight:bold;}
fieldset.unified ol li label{margin:7px 0 2px;}
fieldset.unified ol li label.question-label{display:block;}
fieldset.unified ol li, fieldset.login ol li{margin-top:5px;padding-bottom:10px}
fieldset.unified p.requiredfieldindicator em {font-weight:bold; color:#D71F85; padding-left:2px}
fieldset.unified li span.readonly-field{padding:2px 0; display:block; font-weight:bold;}
fieldset.unified .note {margin-bottom:10px}
fieldset.unified div.fr {float:right}
fieldset.unified ol li textarea.other-reason{width:265px}
fieldset.unified .udprn-searchresults{width:100%;}
fieldset.unified .cancel-selected-reason{width:100%}
fieldset.unified div.popupfieldhelp {font-size:90%; margin-top:3px;}

/*Login area*/
fieldset.login{padding-top:35px; position:relative;}
fieldset.login legend{position:absolute; top:8px; font-size:117%}
fieldset.login .g-recaptcha{margin-top:10px;}
fieldset.login p.alert {color:#D71F85;}
fieldset.login p{margin-bottom:10px;}
fieldset.login label{display:block; margin:10px 0 5px;font-weight:bold}
fieldset.login .sign-in-button{display:block; margin-top:15px; clear:left;}
fieldset.login p.transfer-link {display:none} /*Hides link to Irish site until mobile version is developed*/
fieldset.login #loginemailaddress, fieldset.login input#Email{width:98%;}
div.login-register-option{margin-top:5px}

/*Activate account*/
div.activate-account-option{padding:10px; overflow:hidden; background-color:#F1F1F1;margin-bottom:10px}
div.activate-account-option.footer {overflow:hidden}
div.activate-account-option .footer input {float:left}
div.activate-account-option .set-password-tickbox {overflow:hidden}
div.activate-account-option .set-password-tickbox input {float:left}
div.activate-account-option .set-password label {position:absolute; text-align:right; width:105px;}
div.activate-account-option .set-password input {margin-left:110px}
div.activate-account-option .set-password li {padding-bottom:5px}

/*Validation messaging*/
.validation-summary {border:1px solid #C03; padding:5px;margin:10px 0 20px 0}
.validation-summary, .validation-summary a {color:#C03}
.validation-summary ul li {padding:5px 0; list-style-type:disc; margin-left:20px}

/*Form error messaging*/
fieldset.unified ol li.field-error div.error-message {color:#C03;padding:5px 0} 

fieldset.unified li.field-error {background-color:#FFF;margin: 1em 0;padding:5px;color:#C03}
fieldset.unified li.field-error label {font-weight:bold}

/*General registration styling*/
div.registration-header {margin:10px 0 15px 0}
div.registration-header p {margin:0 0 10px 0}
div.registration-header .countrylink { background-color:#F1F1F1;border:1px solid #CCC;padding: 5px 10px;clear:both; overflow:hidden; display:none}/*Remove display:none when there is a mobile version version of dabs.ie*/
div.registration-header .countrylink h5 {font-size: 100%;font-weight: bold;margin: 0 0 3px;padding: 0;}
.reg_ire_flag a {float: left;padding-right: 5px;text-decoration: none;}
#page2 ol #editEmail { margin-top: -12px; font-size:90%;}

/*Registration footer*/
div.registration-footer p {margin:10px 0; clear:both}
div.registration-footer input.savebutton {float:right;margin-bottom:20px; }

/*Card billing address*/
#recentaddresslist #basic_client_paging {background-color:#CCC;padding:5px;margin-bottom:10px}
#recentaddresslist table {margin-bottom:10px;border-bottom:1px dotted #999; padding-bottom:10px}
#recentaddresslist table td.address-details {padding-right:10px;width:200px}
ul#paymentcardaddresslist.compact-address-list span.addressline-name {display: block;font-weight: bold;}

fieldset .email, fieldset .emailfield{width:98%;}

#cardentry div.help{display:none;}

/* account area */
div.account-menu .header{overflow:hidden; margin-bottom:10px;}
div.account-menu .header a{float:right;}
div.account-menu .header p{clear:right; padding:0 10px}

div.button-bar{overflow:hidden;margin:10px 10px 20px 10px}
div.button-bar.top{margin:0;}
div.button-bar.bottom{margin:20px 5px;}
div.button-bar .right{float:right;}

ul.address-list li{background-color:#F1F1F1; margin-bottom:8px;}
ul.address-list li div.address-area{padding:8px;}
ul.address-list li div.buttons{padding:6px; overflow:hidden; background-color:#E9E9E9;}
ul.address-list li div.buttons input.remove{float:right;}
div.home-selector{margin-bottom:10px;}
#addresslistsearch{margin-bottom: 5px}

div.login-register-option{float:left; width:49%;}
div.home-selector{text-align:right;}
div.home-selector .link-button {background:url("/images/theme/mobile/bt_business_v2/en/buttons/css-button-bg-grey-homeuser.png") no-repeat 0 45%; padding-left:30px; width:90px; text-align:left; height:30px; line-height:30px;} 
div.business-selector .link-button {background:url("/images/theme/mobile/bt_business_v2/en/buttons/css-button-bg-grey-business.png") no-repeat 0 45%; padding-left:24px; width:90px; text-align:left; height:30px; line-height:30px;} 

ul.payment-list li{background-color:#F1F1F1; margin-bottom:8px;}
ul.payment-list li div.card-details{padding:8px;}
ul.payment-list li div.buttons{padding:6px; overflow:hidden; border-top:1px solid #AFAFAF; background-color:#CCC;}
ul.payment-list li div.buttons input.remove{float:right;}

ul.order-list li{background-color:#F1F1F1; margin-bottom:1px; padding:10px;border-bottom:1px dotted #CCC}
ul.order-list li table{width:100%;}
ul.order-list li table td{width:50%;}
ul.order-list li table td.right{text-align:right;}

div.view-options{border-bottom:1px solid #CCC; background:url('/images/theme/mobile/bt_business_v2/en/layout/breadcrumb-bg.png') repeat-x 0 0; overflow:hidden;}
div.view-options div.ca {margin:6px auto; overflow:hidden;text-align:center;width:100%; float:left;padding:0 2px}
div.view-options div.status, div.sort-option {width:100%; margin:0 auto;float:left;padding:10px 0; text-align:center;}
div.view-options div.sort-option select.sort-option-ddl{width: 190px}
div.view-options div.left-nav, div.view-options div.right-nav {width:15%; height:56px; background-color:#D71F85;top:0;background:url('/images/theme/mobile/bt_business_v2/en/layout/prev-next-bg.png') repeat-x 0 0}

div.button-and-text{margin-top:8px;}
div.button-and-text p{margin-top:8px;}

div.epp-option{overflow:hidden; margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #CCC;}
div.epp-scheme-list{clear:left; float:left; padding-top:4px;}
div.epp-select{float:right;}

div.accordion {margin-bottom:10px}
div.accordion-heading, div.accordion-lines-heading{font-size:120%; margin-bottom:1px; padding:15px 10px; border-bottom:1px dotted #CCC; background-color: #F1F1F1;}
span.accordion-heading-arrow{float:right}
span.accordion-heading-arrow img{padding-left: 0}
div.accordion-content {padding:5px 10px}
div.accordion-content ul li {padding-bottom:3px}
div.order-details-content {padding:5px; border: solid 3px #F1F1F1;}
div.order-details-content h3{background-color: #CCC; font-weight:normal; color: #000; padding:5px}
div.order-details-heading{background-color: #737373; color: #FFF; font-weight:bold;height:21px; width:100%; margin-bottom: 5px; padding: 7px 0 0 5px; }
div.view-order-item {overflow:hidden}
div.view-order-item a{text-decoration:none;}
div.view-order-item .line-cancel a{width:53px; text-align:center;}
div.view-order-item table{width:100%; padding:5px; margin-bottom: 3px; background-color:#F1F1F1;}
div.view-order-item-bun table {width:100%; padding:5px; border: solid 2px #F1F1F1}
div.view-order-item td{vertical-align:top;}
div.view-order-item td.line-cancel{vertical-align:bottom;}
div.view-order-item td.product-image{width:35px;}
div.view-order-item td.product-description, td.product-status{padding-left:8px; padding-top:5px}
div.vieworder-page .lines-sub-heading{background-color: #CCC; color: #FFF; font-weight:bold}
div.vieworder-page div.cancel-order{background-color:#F1F1F1;padding:8px;margin-bottom:10px; overflow:hidden}
div.vieworder-page div.cancel-order a.link-button{margin-top:8px;float:right}
div.vieworder-page table{width: 100%;padding:7px}
div.vieworder-page table.delivery-total-table td {padding-bottom:5px; background-color:#F1F1F1;border-bottom:1px solid #FFF}
div.vieworder-page table.delivery-total-table td.total-all-title, div.vieworder-page table.delivery-total-table td.total-price {background-color:#00528E;padding:5px;color:#FFF}
div.vieworder-page table.delivery-total-table td.total-all-title {padding:10px}
div.vieworder-page table.delivery-total-table td.total-price {font-weight:bold;padding:10px; background-color:#00528E; font-size:125%}
div.vieworder-page table.delivery-total-table td.lprice {text-align:center;color:#D71F85;}
div.vieworder-page table.delivery-total-table td.spacer {padding:10px}
div.vieworder-page table.unified-list th {font-weight:bold; background-color:#F1F1F1;}
div.unified-list-footer div.unified-list-search{font-weight:bold; text-align:center; background-color:#F1F1F1; padding:10px; margin-top:10px}
div.unified-list-footer div.unified-list-search input {margin-top:5px}
div.button-bar2 {margin:10px 10px 20px 10px}

div.bundle-item-layout { background-color:#FFF}
div.bundle-item-layout td.product-description {padding:0; margin:0}
div.bundle-item-layout td.product-image {margin:30px 0 0 0}
div.bundle-item-layout td.product-status-slave {padding-left:42px}
div.bundle-item-layout td.cancel {padding:10px 0 0 40px}

div.plus-icon {margin-top:-20px}

div.order-status-item .header{padding:0; overflow:hidden; margin-bottom:3px; overflow:hidden;}
div.order-status-item td.product-description{padding:0 0 0 8px;margin:0; top:0;vertical-align:top}

/* basket page */
div.checkoutinfo p {padding-bottom:7px}
#mainbasket{clear:right;}
div.basket-item{background-color:#F1F1F1; margin-bottom:16px; overflow:hidden;}
div.basket-item a{text-decoration:none;}
div.basket-item .header{padding:8px; overflow:hidden;}
div.basket-item .buttons{padding:6px; overflow:hidden; border-top:1px solid #CECECE; background-color:#DADADA;}
div.basket-item table{width:100%;}
div.basket-item table td{vertical-align:top;}
div.basket-item td.product-image{width:35px;}
div.basket-item td.product-description{padding-left:8px;}
div.basket-item button.move-wishlist{float:left;}
div.basket-item button.copy-to-basket{float:left;margin-left:4px}
div.basket-item button.remove-item{float:right;}
div.basket-item button.update-button{vertical-align:top; padding:2px;}
div.basket-item .qty-area{margin:5px 0 0 43px;}
div.basket-item span.used-stock{border:1px solid #660099; background-color:#FFF; color:#660099; padding:2px 5px;}

div.basket-item div.bundle-wrapper{margin:6px; border:1px solid #FFF;}
div.basket-item div.bundle-items{padding:8px; background-color:#FFF; position:relative; padding-top:15px;}
div.basket-item div.bundle-items .plus-icon{position:absolute; top:-13px; left:11px;}
div.basket-item div.bundle-pricing{background-color:#F1F1F1; padding:5px 9px;}
div.basket-item div.bundle-pricing .saving{float:right;}

table.basket-total {background-color:#F1F1F1; width:100%;margin:5px 0 0 0}
table.basket-total td {padding:8px; background-color:#DBDBDB; border-bottom:1px solid #FFF}
table.basket-total tr.grand-total {background-color:#CCC}
table.basket-total td.lprice {text-align:right; font-size:100%;color:#333}
table.basktbl th.limitedstock {background-image:none; color:#D71F85; font-weight:normal; font-size:110%; border:none; text-align:left;padding-bottom:10px}
table.basket-total td.grey-bg {background-color:#DBDBDB;border-bottom:1px solid #FFF }
table.basket-total td.price {text-align:right}
table.basket-total tr.grand-total td.total-bg {background-color:#00528E; color:#FFF;font-weight:bold; font-size:125%}

#main-basket-summary {background-color:#EEE; margin-bottom:10px}
#main-basket-summary.remove-shim{margin-top:-8px;margin-bottom:0}
#main-basket-summary .header {overflow:hidden;}
#main-basket-summary .header .fl span {font-size:113%}
#main-basket-summary .header a.link-button {margin-top:5px}
#main-basket-summary .fl, #main-basket-summary .fr {padding:5px 8px;margin-top:5px} 
#main-basket-summary .fl {float:left; width:110px;}
#main-basket-summary .fr {float:right; width:143px; border-left:1px solid #CCC}
#main-basket-summary .fr .checkout-button.paypal{display:block; margin-top:10px;}
#main-basket-summary .basket-header div.dabs {padding-bottom:7px}
#main-basket-summary p {padding:7px 5px; font-size:113%}
.merged-item{background:url('/images/theme/mobile/bt_business_v2/en/areas/basket-page/merged-item-background.png') no-repeat 0 0}

div.discontinued-items{background-color:#E9E9E9; margin-bottom:10px;}
div.discontinued-items h3{font-weight:bold; background:#C03; padding:4px; color:#FFF; font-size:100%;}
div.discontinued-items .item {overflow:hidden; border-bottom: 1px solid #CECECE;}
div.discontinued-items .item a{text-decoration:none;}
div.discontinued-items .item .header{padding:8px; overflow:hidden;}
div.discontinued-items .item .buttons{padding:6px; overflow:hidden; border-top:1px solid #CECECE; background-color:#DADADA;}
div.discontinued-items .item table{width:100%;}
div.discontinued-items .item table td{vertical-align:top;}
div.discontinued-items .item td.product-image{width:35px;}
div.discontinued-items .item td.product-description{padding-left:8px;}
div.discontinued-items .item .remove-item{float:right;}
div.discontinued-items .item span.used-stock{border:1px solid #660099; background-color:#FFF; color:#660099; padding:2px 5px;}
#main-basket-summary p {padding:7px 5px; font-size:113%}

/*Social Links*/
div.social-wrapper {overflow:hidden; margin:6px 0 2px 0;}
div.social-wrapper ul{padding: 0; font-size: 12px; list-style: none; overflow:hidden}
div.social-wrapper li{float:left; width:33.3%; text-align:center; font-size:11px;}
div.social-wrapper li a{display:block;}
div.telno {background:url('/images/theme/mobile/bt_business_v2/en/layout/bg-tel-no.png') repeat-x 0 0; overflow:hidden; text-align:center;}
div.telno img{display:block; margin:auto;}


/*Pager*/
.generic-pager {margin-bottom:10px}


p.legal-instructions{background-color:#F1F1F1; margin-bottom:8px; padding:8px; border-top:3px solid #D71F85;}

/*Button Controls*/
a.link-button.add-address-button{float: left}
a.link-button.show-address-button{float: right}
input.button.select-delivery{width:40%}
a.link-button.edit-basket{margin:5px 0 5px 0}

/* Page alert control - generic message/warning control used across the site */
div.page-alert {border:2px solid #D71F85; padding:8px; margin:0 0 10px 0;}
div.page-alert h1 {font-size:100%; font-weight:bold; background-image:none; text-align:left; margin-bottom:2px}
div.page-alert ul {list-style-type:disc; margin:0 0 0 15px;}
div.page-alert div.cardprobfoot {display:none;}

/* red variant */
div.page-alert h1 {color:#D71F85;}
div.page-alert h1 img {display:none;}
div.page-alert {font-size:110%}

/* green variant */
div.page-alert.green {border-color:#390; color:#390; margin-top:10px}
div.page-alert.green h1 {color:#390;}
div.page-alert div.falertboxcontent {color:#444}
div.page-alert div.falertboxfooter {display:none;}

/* yellow variant */
div.page-alert.yellow {border-color:#F90; color:#444; margin-top:10px}
div.page-alert.yellow h1 {color:#F90;}
div.page-alert div.nalertboxfooter {display:none;}

/* articles */
div.helpcommonfaqbox{margin-bottom:20px;}
div.search-results{padding:8px; border-bottom:2px solid #D71F85; text-align:center;}
div.article p{margin:0 0 1.3em 0;}
ul.article-list li {padding:12px 8px; border-bottom:1px dotted #CCC; margin-bottom:1px}
ul.article-list li a{text-decoration:none;}
div.article div.help-intro-text{ margin-top:8px;}
div.article div.help-intro-text ul{overflow:hidden; margin:0 0 8px 2px; list-style:square inside;}
div.article div.help-intro-text ul li{width: 49%; float:left; margin-bottom:8px;}

/* custom colour coding for articles */
h3.break-fix-and-insurance, h3.mobile-voice-and-data {background:url('/images/theme/mobile/bt_business_v2/en/layout/pink-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center}
h3.break-fix-and-insurance a, h3.mobile-voice-and-data a {color:#D71F85; font-weight:bold}
h3.structured-cabling-and-wireless-networks, h3.server-consolidation {background:url('/images/theme/mobile/bt_business_v2/en/layout/sky-blue-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center}
h3.structured-cabling-and-wireless-networks a, h3.server-consolidation a{color:#09F; font-weight:bold;}
h3.network-data-solutions, h3.hardware-configuration {background:url('/images/theme/mobile/bt_business_v2/en/layout/purple-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center}
h3.network-data-solutions a, h3.hardware-configuration a {color:#55379B; font-weight:bold}
h3.software-solutions, h3.hardware-disposal {background:url('/images/theme/mobile/bt_business_v2/en/layout/orange-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center}
h3.software-solutions a, h3.hardware-disposal a {color:#FFA02F; font-weight:bold}
h3.phone-systems--calls-and-lines, .hardware-installation {background:url('/images/theme/mobile/bt_business_v2/en/layout/blue-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center}
h3.phone-systems--calls-and-lines a, h3.hardware-installation a {color:#005293; font-weight:bold}
h3.break-fix-and-insurance:hover, h3.mobile-voice-and-data:hover,h3.structured-cabling-and-wireless-networks:hover, h3.server-consolidation:hover,h3.network-data-solutions:hover, h3.hardware-configuration:hover, h3.software-solutions:hover, h3.hardware-disposal:hover, h3.phone-systems--calls-and-lines:hover, .hardware-installation:hover {background-color:#F3F3F3}/*Hover background colour change for article menu section*/


/*Article section colour coding*/
div.section-article-list h2.break-fix-and-insurance, h2.mobile-voice-and-data{color:#FFF; background:#D71F85;}
ul.break-fix-and-insurance li a, ul.mobile-voice-and-data li a {color:#D71F85}
ul.break-fix-and-insurance li, ul.mobile-voice-and-data li {background:url('/images/theme/mobile/bt_business_v2/en/layout/pink-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center;border-bottom:1px solid #FCE4F1}
div.section-article-list h2.structured-cabling-and-wireless-networks, h2.server-consolidation{color:#FFF; background:#09F;}
ul.structured-cabling-and-wireless-networks li a, ul.server-consolidation li a {color:#09F}
ul.structured-cabling-and-wireless-networks li, ul.server-consolidation li {background:url('/images/theme/mobile/bt_business_v2/en/layout/sky-blue-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center;border-bottom:1px solid #E8F5FF}
div.section-article-list h2.network-data-solutions, h2.hardware-configuration {color:#FFF; background:#55379B;}
ul.network-data-solutions li, ul.hardware-configuration li {background:url('/images/theme/mobile/bt_business_v2/en/layout/purple-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center;border-bottom:1px solid #EDE9F8}
ul.network-data-solutions li a, ul.hardware-configuration li a {color:#55379B}
div.section-article-list h2.phone-systems--calls-and-lines, h2.hardware-installation{color:#FFF; background:#005293;}
ul.phone-systems--calls-and-lines li a, ul.hardware-installation li a {color:#005293}
ul.phone-systems--calls-and-lines li, ul.hardware-installation li {background:url('/images/theme/mobile/bt_business_v2/en/layout/blue-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center; border-bottom:1px solid #E1F1FF}
div.section-article-list h2.software-solutions, h2.hardware-disposal{color:#FFF; background:#FFA02F;}
ul.software-solutions li a, ul.hardware-disposal li a {color:#FFA02F}
ul.software-solutions li, ul.hardware-disposal li {background:url('/images/theme/mobile/bt_business_v2/en/layout/orange-arrow.png') no-repeat 0 0; background-position:right;background-color:#FFF;text-align:center;border-bottom:1px solid #FFF3E6}

ul.article-list li:hover, h3.category-filter:hover, h3.help-category:hover {background-color:#F3F3F3}/*Rollover effect*/

/*View Order page*/
ul.order-list li table.order-summary td {width:65%;}
ul.summary-lines {list-style-type: disc; margin-left:17px; width: 70%;}
ul.summary-lines li{border:none; text-align: left; padding: 0; font-size:90%;}
ul .order-summary span.click-anywhere{font-size: 90%; padding-left:17px;}

/*Umbraco Mobile friendly redirect*/
#mobileFriendlyRedirect{ margin-bottom: 20px;margin-top: 20px;}