﻿@import url(/Css/resets.css);
@import url(/Css/global.css);
@import url(/Css/utilities.css);
@import url('/css/thickbox_bn.css');

/* theme defaults */
body{background:no-repeat fixed 50% 0 #FFFFFF; font-family:Tahoma, Arial, Sans-Serif; font-size:12.33px; color:#282828}	
/*
body{background:#FFF url('/images/page-backgrounds/dabs-com-background.jpg'); background-repeat:no-repeat; background-position:center top; font-family:Tahoma, Arial, Sans-Serif; font-size:0.9em; color:#444}
*/

/*Temporary rule needed to hide checkout button loading spinner div until these are supported in main site RF 17/07/15*/
.action-button div {display: none;}

a{color:#344264; font-weight:bold;}
a:hover {color:#006688; font-weight:bold;}
/*a:visited {color:#3e8ece; font-weight:bold;}*/
h1,h2,h3,h4,h5,h6{color:#282828;}
h3,h4,h5,h6{ font-weight:bold;}
h1{font-size:155%; font-weight:normal; text-align:center; color:#FFF; margin:0 0 10px 0; padding:5px; background-color:#282828;}
h2.main-content{text-align:center; color:#CC0033; font-size:200%}
h2{font-size:150%; margin-bottom:10px;}
h3{font-size:110%; font-weight:bold;}
h4{font-size:100%; font-weight:bold;}
.clr{display:none;}
.clr2{ clear:both;}
.shadow-full-width{height:30px}
#skiplink{display:none;}/*Redundant style*/

.css-infobutton, a.css-infobutton{background:#ccc; color:#282828;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:2px;border: none; padding:7px 16px; text-decoration:none; behavior:url(/scripts/internet_explorer/PIE.htc);}
.css-infobutton:hover, .css-infobutton:hover{background:#3e8ece;color:#fff;}

.css-warnbutton, a.css-warnbutton{background:#ccc; color:#282828;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:2px;border: none; padding:7px 16px; text-decoration:none; behavior:url(/scripts/internet_explorer/PIE.htc);}
.css-warnbutton:hover, a.css-warnbutton:hover{background:#cc0033;color:#fff;}

.css-button{background:#4b9225; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:2px; color:#FFF; padding:6px 12px; text-decoration:none; behavior:url(/scripts/internet_explorer/PIE.htc);min-width: 100px;text-align: center;display: inline-block;}
.css-button:hover{background:#76b62c;}
a.css-button{color:#FFF; font-weight:bold;}
.css-button.major-option{text-transform:uppercase; font-family:Tahoma, Arial, Sans-Serif; font-size:14px; padding-left:16px; padding-right:16px;}
.css-button.action-button{font-family:Tahoma, Arial, Sans-Serif; text-align: center; display: block; background-color: #4b9225; font-weight: bold; font-size:14px;}
.css-button.action-button:hover{background:#76b62c;}
.css-button.warning-button{font-family:Tahoma, Arial, Sans-Serif; font-size:14px; padding-left:16px; padding-right: 16px; background:#CC0033}
.css-button.cancel-button{font-family:Tahoma, Arial, Sans-Serif; font-size:14px; padding-left:16px; padding-right:16px; background:#282828}
.css-button.minor-option{font-family:Tahoma, Arial, Sans-Serif; text-align: center;display:block; background-color: #ededed;color: #282828;border: 1px solid #A1A1AF;font-weight: normal;font-size:12px;}
input.css-button{color:#FFF!important; border:none; padding:6px 12px; cursor:pointer;}

.css-button.full-size-basket-add {text-transform:none;width: 244px;height: 40px;cursor: pointer;background:#4b9225;color: #ffffff;}
.css-button.full-size-basket-add:hover { background: #76b62c;color: #fff;}

.css-button.full-size-wishlist-add {background:#ccc; color:#282828;width: 220px;height: 18px;display: inline-block;text-transform:none;text-align: center;}
.css-button.full-size-wishlist-add:hover {background:#3e8ece;color:#fff;}

/*Skiplink*/
a.skip:link, a.skip:visited {display: block;overflow: hidden; text-indent: -600em; font-size:10px;width: 12em;color:#3e8ece;padding:0;margin:0;height:15px;background-color:#FFF}
a.skip:focus, a.skip:active, a.skip:hover {text-indent: 0; font-size:10px;width: 12em;color:#3e8ece;padding:0;margin:0;height:15px;}
.skipfloat {position:absolute; float:left; z-index:3000}

#breadcrumb, .breadcrumb{display:none;}
.price, .lprice{color:#CC0033; font-weight:bold;}
.bundle-saving{color:#4b9225;}
.alert {color:#CC0033;}
.fl {float:left}
.fr {float:right}

/* page structure */
body{text-align:center;}
#pagewrapper{width:988px; text-align:left; margin:0 auto; background-color:#FFF;border-left:5px solid #ededed; border-right:5px solid #ededed; border-bottom:5px solid #ededed; overflow:visible;}
#page{margin:0 10px;position:relative; overflow:visible;}
#contentbody{overflow:hidden; padding-top:0px;}

/* three col mode */
#contentbody.three-column{position:relative;}
#contentbody.three-column #middle-col{margin:0 200px}
#contentbody.three-column #left-col{position:absolute; width:180px; top:10px; left:0;}
#contentbody.three-column #right-col{position:absolute; width:180px; top:10px; right:0px;}

/* left col only mode */
#contentbody.left-col-only{}
#contentbody.left-col-only #middle-col{float:right; width:740px;}
#contentbody.left-col-only #left-col{float:left; width:214px;}
#contentbody.left-col-only #right-col{display:none;}

/* right col only mode */
#contentbody.right-col-only{}
#contentbody.right-col-only #middle-col{float:left; width:740px; }
#contentbody.right-col-only #left-col{display:none;}
#contentbody.right-col-only #right-col{float:right; width:214px;}

/* full width mode */
#contentbody.full-width{}
#contentbody.full-width #left-col{display:none;}
#contentbody.full-width #right-col{display:none;}

/* LowerBody Styling */
#lowerbody {margin-top: 10px;}
#lowerbody div.rb {height: 120px;border: #b4b4b4 solid 1px;}
#lowerbody div.rb div.colbord { position: relative;width: 974px;}
#lowerbody div.rb div.colbord div.item { float: left;width: 230px;padding: 8px 4px 8px 4px;text-align: left;font-size: 11px; position: relative;}
#lowerbody div.rb div.colbord div.item div.item-image { float: left;width: 80px;height:80px;padding: 0;}
#lowerbody div.rb div.colbord div.item div.item-image img {width: 80px;height:80px;}
#lowerbody div.rb div.colbord div.item div.item-text { float: left;width: 145px;padding: 0;padding-left: 5px;}

/* site-wide tables CSS */
table.unified-list{width:100%; margin:5px 0;}
table.unified-list tr{background-color:#ededed;}
table.unified-list tr.alt{background-color:#FFF;}
table.unified-list tr.ruled{background-color:#b4b4b4;}
table.unified-list td.first-cell{border-left:1px solid #b4b4b4;}
table.unified-list td.last-cell{border-right:1px solid #b4b4b4;}
table.unified-list td, table.unified-list th{text-align:center;}
table.unified-list th{background-color: #3e8ece;font-weight:bold; font-size:12px; color:#FFF; padding:5px; vertical-align:middle;border-right: 1px solid #b4b4b4;}
table.unified-list td{padding:10px; vertical-align:middle; border-bottom:1px solid #b4b4b4;}
table.unified-list th.content-column, table.unified-list td.content-column{padding-left:12px; text-align:left}
table.unified-list .price-col{color:#CC0033; font-weight:bold;}
table.unified-list td.button{text-align:center; vertical-align:middle;}
table.unified-list th.sub-heading{color:#282828; font-weight:bold; background-color:#b4b4b4;}
table.unified-list td.no-results{text-align:center; padding:40px 0;}

div.unified-list-header{margin-top:20px;}
div.unified-list-footer{overflow:hidden;}

div.unified-list-search{float:left; height:25px; padding-top:2px;}
div.unified-list-search *{float:left;margin-right:5px;}
div.unified-list-search label{line-height:26px;}
div.unified-list-search input{margin-right:5px; }
div.unified-list-search input.gobtn {position:relative; top:0;min-width: 40px;height: 22px;padding: 0;}

table.vertical-list{border-collapse:collapse}
table.vertical-list td{border:1px solid #b4b4b4; padding:6px 20px 6px 8px;}
table.vertical-list td.label{color:#FFF; background-color:#b4b4b4; text-align:right; padding:6px 8px 6px 20px;}

ul.compact-address-list li{padding:5px; border-bottom:1px solid #b4b4b4; border-right:1px solid #b4b4b4; margin-bottom:5px; background-color:#FFF;}
ul.compact-address-list div.address-details{float:left; margin-right:120px;}
ul.compact-address-list div.select-button{float:right; width:120px;}
ul.compact-address-list td{vertical-align:middle;}
ul.compact-address-list td.select-button{text-align:right; padding-right:10px;}

/* site alert */
#sitealert{background-image:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-repeat:no-repeat; background-color:#f68c1f; color:#282828; font-weight:bold; margin:0 auto; padding:10px 10px 10px 40px; width:948px; text-align:left; background-position:-70px 0px}
#sitealert a{color:#3e8ece;}

/*Header section*/
#header{height:85px; overflow:hidden;}
#header .messagearea {float:right;margin-top:13px}
#header #logo{float:left; width:255px; height:85px; display:block}
#header #logo-right{float:right; width:145px; height:85px;display: block;padding-top: 17px;}

#header .logo-img {position:absolute}
#header #search{float:left; height:85px; margin-top:8px;margin-left: 22px;width: 45%;}
#header #search p{border-bottom:1px dashed #b4b4b4; margin-bottom:5px; padding-bottom:5px}
#header #search label, #header #search select{display:none;}

#header #search input.searchbox {border: solid 2px #b4b4b4;color:#282828; float:left; font-size:120%; margin-top:4px; padding:1px 0 1px 12px; height:33px; width:350px;border-radius: 2px 0 0 2px;}
#header .site-search {margin-top: 17px;}
#header #search input.searchbox .login input {display:block;}
#header #search span#SearchTermsHolder {width:50px;}
#header #search div#SearchTermsHolder {width:50px}
#header #search input.gobtn {background-image: url("/images/spritesheets/icons-v2.png");background-position: -70px 0;background-repeat: no-repeat;border: none;border-radius: 0;cursor: pointer;margin: 4px 0 0 0;height: 39px;width: 39px;}

#header #search .jGrowl-notification{position:absolute; z-index:2500; left:245px}

#header #minibasket{font-size:11px; float:right; width:310px; padding:0 10px 10px 10px; height:80px; margin:0; position:relative;}
#header #minibasketbasket-summary {text-align:left; padding-right:0;}
#header #minibasketbasket-summary p {padding:0 0 0 28px; background:transparent url('/images/theme/dabs_com_v3/en/layout/mini-basket-full.jpg') no-repeat 0 3px;}
#header #minibasket .empty {text-align:center; margin:0 auto;}
#header #minibasket .empty p {background-image:url('/images/theme/dabs_com_v3/en/layout/mini-basket-empty.jpg'); padding:3px 0 7px 28px; display:inline;}
#header #minibasket .checkout-links {padding-left:0; width:120px;}
#header #minibasket .checkout-links img {padding:5px 0 0 0;}
#header #minibasket .line-items-price{float:right; font-weight:bold;}
#header #minibasket .order-total{color:#CC0033; float:right; font-weight:bold; position:relative; top:1px;}
#header #minibasket .delivery-charge{float:right; font-weight:bold; } /*Fix for dabs.ie delivery message*/
#header #minibasket span.discount-saving {color:#008000; font-weight:bold; float:right}
#header #minibasket .total-separator{display:block; font-size:1px; border-top:1px dashed #CCC;height:1px; margin-top:4px; clear:both}
#header #minibasket .main-info {float:left; width:150px; padding:20px 0 0 25px;}
#header #minibasket .link-buttons {float:left; width:100px; padding-top:20px}
#header #minibasket .link-buttons img {margin-top:5px}
#header #minibasket table tbody tr td.empty p strong {font-size:14px}
#header #minibasket .fl {float:left}
#header #minibasket .fr {float:right; font-weight:bold}
#header #minibasket .clear {clear:both}
#page #minibasketAndLogin {background-color:#E4E4E4; margin:0 -12px; padding:3px 1px 0 5px; font-size:12px;min-height:33px;display:table;width:985px;}
#page #minibasketAndLogin #loginarea{height:39px;display:table-cell;vertical-align:middle;padding-right:4px;}
#page #minibasketAndLogin ul {float:right;font-size:11px;display:table-cell;vertical-align:middle;white-space:nowrap;}
#page #minibasketAndLogin ul.basketLoginList li {display:inline-block; line-height:38px; height:38px; margin-top:0; padding:0; top:0; }
#page #minibasketAndLogin ul.basketLoginList li.empty { background-image:url(/images/theme/dabs_com_v3/en/icons/icn_mini_basket_empty.gif ); background-repeat:no-repeat; background-position:left center;padding:0 10px 0 40px;background-color: #FFF;}
#page #minibasketAndLogin ul.basketLoginList li.empty strong{line-height:38px; height:38px;}

#page #minibasketAndLogin ul.basketLoginList li.full a {display: inline-block; width: 130px; height: 35px;border: 0;margin: 0;padding: 0;text-decoration: none;font-size: 16px;font-weight: normal;color: #cccccc;}
#page #minibasketAndLogin ul.basketLoginList li.full a .rightarrowdiv{width:90px;min-height:30px;top: 0;background:#fff;padding:8px 0 2px 20px ;position:relative;color: #282828;}
#page #minibasketAndLogin ul.basketLoginList li.full a .rightarrowdiv:after{content:'';display:block;position:absolute;top:0;left:100%;width:0;height:0;border-color: transparent transparent transparent #fff;border-style: solid;border-width: 20px;}
#page #minibasketAndLogin ul.basketLoginList li.full a .rightarrowdiv:hover{color:#c03;}

#page #minibasketAndLogin ul.basketLoginList li img {vertical-align:middle}
#page #minibasketAndLogin ul.basketLoginList .lprice {line-height:32px; padding:0 5px 0 0; margin:0; font-size:12px}
#page #minibasketAndLogin #email {width:200px; float:left}
#page #minibasketAndLogin #email div {padding:9px 0 0 0; width:240px}
#page #minibasketAndLogin .mini-basket-icon {background-image:url(/images/theme/dabs_com_v3/en/icons/icn-add-to-basket.gif); background-repeat:no-repeat; background-position:left top }
#page #minibasketAndLogin .minibasket-icon-area {display:block; background-color:#FFF}
#page #minibasketAndLogin div.jGrowl-notification {position:absolute; top:25px; left:675px; width:300px;margin-left:10px; z-index:5000;}
#page #minibasketAndLogin div.jGrowl div.jGrowl-body .message h4 { border-bottom:1px solid #E3E3E3; font-size:125%; padding:2px 0 7px 45px; background-image:url(/images/theme/dabs_com_v3/en/icons/icn-add-to-basket.gif); background-repeat:no-repeat; background-position:left top }

#page #minibasketAndLogin ul.basketLoginList li.checkout a {display: inline-block; width: 130px; height: 35px;border: 0;margin: 0;padding: 0;text-decoration: none;font-size: 16px;font-weight:normal}
#page #minibasketAndLogin ul.basketLoginList li.checkout a .rightarrowdiv{width:90px;min-height:30px;top: 0;background:#4b9225;color:white;padding:8px 0 2px 20px ;position:relative;font-weight: bold;}
#page #minibasketAndLogin ul.basketLoginList li.checkout a .rightarrowdiv:after{content:'';display:block;position:absolute;top:0;left:100%;width:0;height:0;border-color: transparent transparent transparent #4b9225;border-style: solid;border-width: 20px;}
#page #minibasketAndLogin ul.basketLoginList li.checkout a .rightarrowdiv:hover{background:#76b62c;}
#page #minibasketAndLogin ul.basketLoginList li.checkout a .rightarrowdiv:hover:after{content:"";display:block;position:absolute;top:0;left:100%;width:0;height:0;border-color: transparent transparent transparent #76b62c;border-style: solid;border-width: 20px;}

div.content-area p{margin-bottom:1em;}
div.content-area ul{margin-left:1.3em; list-style:disc;}

#cookie-notification { z-index:7000; position:fixed; bottom:10px; right:10px ;width:300px;}

#cookie-notification div.jGrowl-notification {margin:0; padding:0; background-color:Transparent;}
#cookie-notification div.jGrowl-header {display:none}
#cookie-notification div.jGrowl-body {padding:0; margin:0; background: none white; background-image:url(/images/theme/dabs_com_v3/en/layout/cookie-bg.png); width:290px; padding-top:10px; border:5px solid #ededed; width:285px}
#cookie-notification div.jGrowl-body a {font-weight:normal}
#cookie-notification div.jGrowl-notification div.jGrowl-body div.message {padding: 5px 15px 15px 15px; z-index:7000; color:#282828}
#cookie-notification div.jGrowl-notification div.jGrowl-body div.message h4 {font-size:16px}
#cookie-notification div.jGrowl-notification div.jGrowl-body div.message strong {color:#282828}
#cookie-notification div.jGrowl-notification div.jGrowl-body div.close {z-index:8000; bottom: 0;position: absolute;right: 0; background: url(/images/theme/dabs_com_v3/en/buttons/no-thanks.png) no-repeat; width: auto; height: auto; padding:69px 140px 7px 0;}
#cookie-notification div.jGrowl-notification div.jGrowl-body div.close img {display:none}
#cookie-notification div.jGrowl-notification div.jGrowl-body div.change-settings {margin-top:17px; text-align:left}
#cookie-notification div.jGrowl-closer {display:none;}

fieldset.unified .cookierestrictions {margin:5px 0}
fieldset.unified .cookierestrictions p.intro {padding:5px 0 10px 0}
fieldset.unified .cookierestrictions label {font-weight:bold; font-size:16px}
fieldset.unified .cookierestrictions dt {float:left; width: 30px}
fieldset.unified .cookierestrictions dd label.cookie-alert-unrestricted {color:#4b9225; display: block; padding-bottom:6px}
fieldset.unified .cookierestrictions dd label.cookie-alert-functional {color:#f68c1f ; display: block; padding-bottom:6px}
fieldset.unified .cookierestrictions dd label.cookie-alert-strictlynecessary {color:#CC0033; display: block; padding-bottom:6px}
fieldset.unified .cookierestrictions dd label .sub-text{font-size:13px; color:#282828; font-weight: normal}
fieldset.unified .cookierestrictions .button-bar {overflow:visible;float:left; margin:0 0 15px 72px; overflow:hidden;}
fieldset.unified .cookierestrictions .button-bar .right {float:left}
fieldset.unified .cookierestrictions p {font-size:126%; margin-left:10px}
fieldset.unified .cookierestrictions dl p {font-size:100%; padding-left:23px}
fieldset.unified .cookierestrictions .cookie-options {margin-left:10px}
fieldset.unified .cookierestrictions .cookie-options img {position:absolute}
fieldset.unified .cookierestrictions .cookie-options dl {margin-left:28px; padding-bottom:10px}
fieldset.unified .cookierestrictions .traffic-light-icon {float:left}

.cookie-list {overflow: hidden; background-color:#ededed;}
.cookie-list .content {width:33.3%;float:left}
.cookie-list h4 {background-color: #ededed; font-size: 110%; margin: 0; padding:10px 15px; 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; }
#edit-cookie-restrictions .cookie-info{margin:5px 0 20px 0; }

/* special rules for popup dialogs and other non-standard pages */
body.popup-dialog{background:none;}

/* jGrowl customisations */
div.jGrowl div.jGrowl-notification {margin:0; padding:0; background-color:Transparent;}
div.jGrowl div.jGrowl-header {background: transparent url(/images/theme/dabs_com_v3/en/jgrowl/themes/default/top-no-arrow.gif) no-repeat top center; width:300px; height:35px}
div.jGrowl div.jGrowl-body {padding:0; margin:0; background: transparent url(/images/theme/dabs_com_v3/en/jgrowl/themes/default/bottom-no-arrow.gif) no-repeat bottom center; color:#282828; width:300px;}
div.jGrowl div.jGrowl-notification div.jGrowl-body div.message {padding:5px 35px 50px 35px; z-index:7000;}
div.jGrowl div.jGrowl-notification div.jGrowl-body div.message h4 {font-size:16px}
div.jGrowl div.jGrowl-notification div.jGrowl-body div.message strong {color:#282828}
div.jGrowl div.jGrowl-notification div.jGrowl-body div.close {padding:17px 10px 7px 0; z-index:8000; width:42px; margin-top:-10px;}
div.jGrowl-closer {display:none;}

/* configure the correct background graphic(s) depending on requested position of tip */
div.topCentre div.jGrowl-header {background-image:url(/images/theme/dabs_com_v3/en/jgrowl/themes/default/top-middle-arrow.gif);}
div.topLeft div.jGrowl-header {background-image:url(/images/theme/dabs_com_v3/en/jgrowl/themes/default/top-left-arrow.gif);}
div.topRight div.jGrowl-header {background-image:url(/images/theme/dabs_com_v3/en/jgrowl/themes/default/top-right-arrow.gif);}
div.bottomCentre div.jGrowl-body {background-image:url(/images/theme/dabs_com_v3/en/jgrowl/themes/default/bottom-middle-arrow.gif);}
div.bottomLeft div.jGrowl-body {background-image:url(/images/theme/dabs_com_v3/en/jgrowl/themes/default/bottom-left-arrow.gif);}
div.bottomRight div.jGrowl-body {background-image: url(/images/theme/dabs_com_v3/en/jgrowl/themes/default/bottom-right-arrow.gif);}

/* auto suggest elements*/
.autocomplete-w1{background:url(/images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px;}
.autocomplete{z-index:9999; position:relative; border:3px solid #C1C1C1; background:#FFF; cursor:default; text-align:left; overflow:auto; margin:-9px 6px 6px -6px; color:#3e8ece; padding:5px 0 0 5px}
.autocomplete .autocomplete-item{padding:3px; overflow:hidden; width:335px;}
.autocomplete .category .ac-text{padding-top:8px;}
.autocomplete .category {background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png') no-repeat scroll 11px 9px transparent; padding-left:35px; width:310px; height:37px; background-position:0px -420px;}
.autocomplete .selected{background-color:#3e8ece}
.autocomplete .selected .ac-text{color:#FFF}
.autocomplete img{float:left; width:35px; height:35px; border:1px solid #b4b4b4; padding:1px;}
.autocomplete .ac-text{width:250px; float: left; padding-left:10px; color:#3e8ece; border:none; padding-top:0px;}

.autocomplete div.autocompleteheading{background-color:#ededed; border:none; padding:5px 3px; margin:0px 0 4px 0; color:#282828; font-weight:bold; font-size:100%; width:335px;}
#SearchAutoCompleteFooterMessage{color:#282828;text-align:center; padding-top:10px; height:20px}

/* Returns Collection methods */
.ca {text-align:center}
.returnsHeader table p {padding-left:7px}
.returnsHeader table .quantity {text-align:center; font-weight:bold; width:60px}
.returnsHeader table {width:968px; border:2px solid #ededed; margin-top:10px}
.returnsHeader table th {font-size:16px; color:#3e8ece; border:1px solid #ededed; vertical-align:middle; padding:10px; background-color:#ededed; width:480px}
.returnsHeader table td {border:1px solid #ededed; vertical-align:middle; padding:10px}
.returnsHeader table td.header-fill {border:1px solid #ededed; background-color:#ededed; width:480px}
.returnsHeader table td img.table-btn {padding:10px 0}
.returnOptions {margin-top:20px}
.returnOptions table {width:968px; border:2px solid #ededed; margin-top:0px}
.returnOptions table th {font-size:16px; color:#3e8ece; border:1px solid #ededed; vertical-align:middle; padding:10px; background-color:#ededed;} 
.returnOptions table td {border-top:1px solid #ededed; vertical-align:middle;}
.returnOptions table td h4 {font-size:15px; font-weight:bold; padding:10px 0 5px 10px; margin:0}
.returnOptions table td.header {padding:0 0 0 10px}
.returnOptions table td.header-fill {background-color:#ededed; border:1px solid #ededed}
.returnOptions table td.select-fill {background-color:#ededed; border-top:1px solid #ededed; border-bottom:1px solid #FFF; width:16%; text-align:center}
.returnOptions table td.info-fill {background-color:#ededed; border-top:1px solid #ededed; border-bottom:1px solid #FFF;text-align:center; width:100px; vertical-align:middle; padding:5px}
.returnOptions table td.info-fill .icon {float:left; width:30px; height:30px}
.returnOptions table td.info-fill .more-info {display:block; width:120px; margin:8px auto 0 auto}
.returnOptions table td.info-fill .more-info-link {background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-repeat:no-repeat; background-position:0px -480px; padding:15px 5px 15px 30px}
.returnOptions ul.list {width:70px}
.returnOptions table.shop-directions .emph {color:#CC0033; font-weight:normal}
.returnOptions table.shop-directions h4 {font-size:14px; font-weight:bold; padding:0; margin:0}
.returnOptions table p.courier-dropdowns {margin:-10px 0 0 0}
.returnOptions table .alert {color:#CC0033; padding:0 0 10px 10px}
.returnOptions table td.method-fill {color:#3e8ece; font-size:20px; font-weight:normal; background-color:#ededed; border-top:1px solid #ededed; border-bottom:1px solid #FFF; width:68px; text-align:center}
.returnOptions table td p {padding:0 0 10px 10px; margin:0}
.returnOptions table td #map_canvas {width: 390px; height: 400px; float: left; margin:20px 10px 10px 10px;}
.returnOptions table td #myMap {width: 390px; height: 400px; float: left; margin:20px 10px 10px 10px;}
.returnOptions table td #directions-show {width:380px; padding-left:10px;}
.returnOptions table td #directions-show h3 {font-weight:bold; color:#2D5884; height:20px; text-align:center}
.returnOptions table td #directions-show ul li {height:35px}
.returnOptions table td select {margin-top:10px; border:2px solid #ededed; color:#3e8ece}
.returnOptions table.shop-directions {width:543px; float:right; border:none}
.returnOptions table.shop-directions td.marker-pos {vertical-align:top; padding-top:20px}
.returnOptions table.shop-directions img.marker {padding:0 5px;}
.returnOptions table.shop-directions .address-select {background-color:#ededed; text-align:center;width:155px; border-bottom:1px solid #FFF}
.returnOptions table.shop-directions .leftdetails {float:left; width:165px; padding:15px 0}
.returnOptions table.shop-directions .rightdetails {float:right; width:145px; padding:15px; border-left:1px solid #ededed;}
.returnOptions table td.merge {border-top:none}
.returnOptions .googledir table {width:385px; border:1px solid #b4b4b4}
.returnOptions .googledir table a {text-decoration:none}
.returnOptions #route {width:300px; height:480px; float: left; padding: 10px; margin: 15px;}
/*Collect plus store address styling*/
.addresses {float:right; padding-top:10px;}
.addresses .storeAddress {border:1px #AED7E9 solid; padding:6px; width:390px;}
.addresses .select {border:1px #AED7E9 solid; padding:6px; width:130px;}
.addresses .leftdetails {float:left;}
.addresses .rightdetails {float:right;}
.addresses .rightdetails pre {float:right;}
.addressTable td.method-fill {color:#3e8ece; font-size:20px; font-weight:normal; background-color:#ededed; border-top:1px solid #ededed; border-bottom:1px solid #FFF; width:68px; height:50px; text-align:center}
.addressTable td {border-top:1px solid #ededed; vertical-align:middle;}
.addressTable th.header-fill {background-color:#ededed; border:1px solid #ededed}
.addressTable table {border:2px solid #ededed; margin:0 0 20px 0; width:100%}
.addressTable table td.address-line {width:800px;}
.addressTable table td p {padding:0 0 10px 10px; margin:0}
.addressTable table th {font-size:16px; color:#3e8ece; border:1px solid #ededed; vertical-align:middle; padding:10px; background-color:#ededed; width:480px}

/*Collect plus generic styling*/
.collections {border:3px solid #ededed; overflow:hidden; margin-top:20px;}
.collections .split {overflow:hidden;background-image:url(/images/theme/dabs_com_v3/en/layout/collect-plus-bg.gif); background-repeat:repeat-y; background-position:top}
.collections h3 {font-weight:normal; padding:5px 0 0 5px; font-size:16px}
.collections p {padding:0 0 0 5px}
.collections .ca {text-align:center}
.collections .page-pad {padding:20px}
.collections .leftdetails p { margin-bottom:10px}
.collections .leftdetails .lprice {font-size:14px}
.collections .button {margin:20px 0 10px 0}
.collections .gen-table td.button p {padding:10px 0 0 0 ;}
.collections .complete-alert {color:#4b9225; font-size:18px; margin-bottom:10px}
.collections span.complete-alert {text-align:center}
.collections table.table-pullout {background-color:#ededed; width:100%; padding:30px; margin:10px 0}
.collections table.table-pullout td {padding:5px}

/*Collect plus returns label page*/
.collections .label {float:right;width:550px;padding:25px 20px 30px 20px; text-align:center}
.collections .btn {margin:25px 0 0 120px}
.collections table.label-table {border:3px solid #ededed; width:315px; margin:5px 0 20px 0}
.collections table.label-table th {padding:5px; background-color:#ededed; border:1px solid #ededed;}
.collections table.label-table th h3 {padding:10px 0 0 8px}
.collections table.label-table td {padding:10px 10px 10px 15px; border:1px solid #ededed; font-size:15px}
.collections .info-instructions {float:left; width:315px; padding:20px}
.collections .info-instructions table.gen-table td img {padding-left:40px}
.collections .info-instructions table.gen-table td p {padding:0 0 10px 0}


/*Collect plus confirmation page */
.collections .leftdetails {float:left;width:325px; padding:20px}
.collections .rightdetails {float:right; width:550px; padding:20px 20px 30px 20px; text-align:center}
.collections table.gen-table {width:100%; margin:10px 0;border:2px solid #ededed;}
.collections table.gen-table th {background-color:#ededed;border:1px solid #ededed; padding:10px 15px; color:#3e8ece; font-size:16px}
.collections table.gen-table td {padding:15px; border:1px solid #ededed; font-size:12px; background:#FFF}
.collections .table-border {background-color:#FFF; border:1px solid #ededed; padding:10px 20px} 
.collections #total-price {font-size:22px; color:#CC0033; padding:5px 0}
.collections .submit-btn img {margin:10px 0}
.collections .total-amount {border:3px solid #ededed; padding:20px;}
.collections table.goods-value-table {width:100%;}
.collections table.goods-value-table tr td {border-collapse:collapse; border:none; margin:0; padding:0; text-align:left;}
.collections table.goods-value-table tr td.price-cell {text-align:right;}
.collections table.gen-table td input.btnChangeAddress {padding-top:15px}
.collections table.gen-table td input#SpecialInstructions{width:100%; margin-top:8px}

/*Collection request complete */
.collections .carrier-date {font-weight:bold; margin:20px 0; font-size:16px}

/*Collect plus Returning products to dabs page */
.collections .sbcontent {padding:20px}
.collections .sbcontent p {padding:0 0 10px 0; margin:0}
.collections .sbcontent h3 {padding:0 0 10px 0; margin:0}
.collections .sbcontent .rma-address {padding:15px; display:block; width:300px; border:1px dashed black;background:#FFF; margin-bottom:20px}
.collections .sbcontent .rma-address p {padding-top:10px}
.collections .sbcontent .rma-address strong {font-size:15px}
.collections .sbcontent .gen-table {margin:10px 0 20px 0}
.collections .sbcontent .gen-table table {width:100%;border:2px solid #ededed}
.collections .sbcontent .gen-table table tr {background-color:#ededed;border:2px solid #ededed; color:#3e8ece; font-size:16px; font-weight:normal; text-align:center}
.collections .sbcontent .gen-table table.basktbl th {background-color:#ededed;border:2px solid #ededed; color:#3e8ece; font-size:16px; font-weight:normal; text-align:center; background-image:none}
.collections .sbcontent .gen-table table th.la {text-align:left}
.collections .sbcontent .gen-table table td {padding:10px; border:2px solid #ededed; font-size:15px; background:#FFF; text-align:center}
.collections .sbcontent .gen-table table td.la {text-align:left}
.collections .sbcontent .gen-table table td p {font-size:12px}
.collections .sbcontent ul {margin:10px 10px 20px 20px}
.collections .sbcontent ul li {margin-left:20px; list-style-type:disc; padding-top:5px}
.collections .sbcontent a.print-btn {display:block; margin:10px 0 30px 0; list-style-type:circle}

/*Courier collection*/
.collections ul.confirm-checklist {padding:20px}
.collections ul.confirm-checklist li {list-style-type:circle}

/* Return methods insurance page */
table.paymenttable {border:2px solid #ededed; float:left; width:968px; margin:10px 0}
table.paymenttable td {border:1px solid #ededed; padding:10px}
table.paymenttable th.header-fill {background-color:#ededed; border:1px solid #ededed}
table.paymenttable .collection-date-fill {background-color:#ededed}
table.paymenttable tr th.header-fill h3 {float:left; font-size:140%; padding:7px 0 0 10px; vertical-align:middle; font-weight:normal;background-color:#ededed;}
table.paymentdata {border:1px #AED7E9 solid; padding:5px;}

table.collection-confirmation-table {border:2px solid #ededed; float:left; width:700px; margin:10px 0}
table.collection-confirmation-table td {border:1px solid #ededed; padding:10px}
table.collection-confirmation-table th.header-fill {background-color:#ededed; border:1px solid #ededed}
table.collection-confirmation-table .collection-date-fill {background-color:#ededed}
table.collection-confirmation-table tr th.header-fill h3 {float:left; font-size:140%; padding:7px 0 0 10px; vertical-align:middle; font-weight:normal;background-color:#ededed;}
table.collection-confirmation-table {border:1px #AED7E9 solid; padding:5px;}

/*collection label printing screen */
body#collectionlabel #pnlCollectionsLabel{margin:20px 0}

/*Left column background decoration*/
#left-col .navigation-filter-col h2.side-bar-heading { background-color:#CC0033; background-repeat:no-repeat;}

/* ajax load panel */
div.ajax-load-placeholder{padding:10px; border:1px solid #ededed; text-align:center; background: transparent url('/images/theme/dabs_com_v3/en/animations/loading.gif') 50% 50% no-repeat;}
div.ajax-load-placeholder p{ font-weight:bold;}

/* tabbed navigator (uses CSS sprite to avoid having to use 10 separate bg images) */
#navigation{padding:10px 0 0 0; margin-bottom:10px;}
#navigation div, #maintabs ul{overflow:hidden;}
#navigation #maintabs{position:relative; z-index:2000;}
#navigation #maintabs ul{list-style:none; margin:0; padding:0; float:left;}
#navigation #maintabs ul li{float:left; background-color:#CC0033; margin:0 1px 0 0; padding:0 0 0 14px; height:35px; line-height:35px;}
#navigation #maintabs ul li a{display:block; height:35px; line-height:34px; padding-right:14px; color:#FFF; text-decoration:none; font-size:11px;}
#navigation #maintabs ul li.multi-line a{line-height:13px; padding-top:4px; text-align:center;}
#navigation #maintabs ul li.dabs-play{background-color: #3e8ece;}
#navigation #maintabs ul.right li.dabs-help{background-color: #4b9225;}
#navigation #maintabs ul.right li.dabs-play{background-color: #3e8ece;}
#navigation #maintabs ul li.selected, #navigation #maintabs ul.right li.selected{background-color: #ededed;}
#navigation #maintabs ul li.selected a, #navigation #maintabs ul.right li.selected a{color:#CC0033;}
#navigation #maintabs ul li.hover, #navigation #maintabs ul.right li.hover{background-color: #ededed;}
#navigation #maintabs ul li.hover a, #navigation #maintabs ul.right li.hover a{color:#CC0033;}
#navigation #maintabs ul.right{float:right;}
#navigation #maintabs ul.right li{margin:0 0 0 1px;}
#navigation .category-lines{font-size:11px; position:relative; top:-1px; z-index:1000;}
#navigation .category-lines .category-list{padding:3px 5px 9px 5px;}
#navigation .category-lines .category-list ul{list-style:none; margin:0; padding:3px 0 0 0; overflow:hidden; line-height:20px;}
#navigation .category-lines .category-list li{float:left; padding:3px 5px; border-right:1px solid #C0C0C0;}
#navigation .category-lines .category-list ul.right li{float:right;}
#navigation .category-lines .category-list li.last{border-right:0;}
#navigation .category-lines a {color:#344264}
#navigation .category-lines a:hover {color:#006688}
#navigation .category-lines .category-list li.selected a{color:#CC0033;}
#navigation .category-lines .level-2{background-color:#ededed; border-width:1px 1px 1px 1px;}
#navigation .category-lines .level-3{background-color:#f8f9fc; border:1px solid #ededed; border-width:0 1px 1px 1px;}

div.navigation-filter-col h2{color:#FFF; text-align:center; font-size:95%; padding:8px 5px 4px 5px; margin:0; background-color:#282828; background-repeat: repeat-x; font-weight:bold; }
div.navigation-filter-col {position:relative;margin-bottom:30px}
div.navigation-filter-col h2.sidebar-heading {height:19px}
div.navigation-filter-col #refinesearch h2 {height:19px}
div.navigation-filter-col a {color:#344264}
div.navigation-filter-col a:hover{color:#006688}
div.navigation-filter-col form {text-align:center; background-color:#ededed; margin:0; padding:0; font-weight:bold; background-position: center bottom;background-repeat: no-repeat; border-bottom:solid 15px #FFF;}
div.navigation-filter-col form input.searchbox {padding:3px 2px 3px 8px; margin-left:10px; float:left;width:146px; background-color:#FFF; border:4px solid #b4b4b4; border-radius: 3px 0 0 3px;}
div.navigation-filter-col ul li h2 {text-align:left;}
div.navigation-filter-col ul.nav-filter-list{font-size:90%; background-color:#ededed; margin:0 0 5px 0;}
div.navigation-filter-col ul.nav-filter-list li{padding:6px 7px;}
div.navigation-filter-col ul.nav-filter-list li img{float:right; position:relative; top:2px;}
div.navigation-filter-col .toggle{background-color:#b4b4b4; color:#FFF; padding:5px; font-weight:bold;}
div.navigation-filter-col ul.category-tree li ul {margin:5px 0 0 0; margin-left:2%; font-size:90%;background: transparent url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png') no-repeat 0 0; background-position:0px -540px; padding:0 0 5px 12px;}
div.navigation-filter-col ul.category-tree li ul li ul {font-size:100%; background: transparent url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png') no-repeat 2px 0; background-position:0px -600px; padding:0 0 0 15px;}
div.filter-box{background-color:#f8f9fc; padding:5px}
div.filter-box a{text-decoration:none;}
div.filter-box a:hover{text-decoration:underline;}
div.filter-prompt-box{background-color:#ededed; padding:7px;}
#full-filter div.filter-box h1{font-weight:bold; font-size:115%; text-align:left; background-image:none;color:#282828; background-color:#ededed; margin:0; display:block; overflow:hidden}
div.filter-box h2{font-weight:bold; font-size:115%; color:#282828; margin:0; border-bottom:1px solid #b4b4b4; padding:0 0 2px 0; text-align:left; background-color:Transparent; background:none}
div.filter-box h2.category{border-bottom:none; font-size:100%; padding:0; background:none}
div.filter-box h3{font-size:100%; padding-bottom:0px; border-bottom:none; margin:0 5px 0 0; display:inline;}
div.filter-box ul{list-style:none; margin:0 0 12px 0; padding:0 5px;}
div.filter-box ul li{padding:4px 0 0 0;}
div.filter-box span.refinement-count{font-size:100%; color:#282828; font-weight:normal;}
#full-filter {background-position:center bottom; background-repeat:no-repeat; margin-bottom:20px;padding-bottom: 2px; background-color:#ededed}
#full-filter .refineyoursearch {overflow:hidden; background-repeat:no-repeat; background-position:-1px -8px;padding:15px 0 20px 0}
#full-filter .refineyoursearch .button {margin: 0 0 0 174px}
#full-filter .refineyoursearch .button input.searchBtn {background-image: url('/images/spritesheets/icons-v2.png');background-position: -70px -51px;background-repeat: no-repeat;border: 0;cursor: pointer;height: 30px;width: 30px;margin-left: -10px;}

/* merchandising layout */
.product-grid{overflow:hidden;}
.product-grid h1 {background-color:#282828;}
.product-grid h3, .top-promo-area h3{text-align:center; font-size:200%; font-weight:normal; color:#282828; margin-bottom:0.3em;}
.product-grid .column{float:left; width:177.5px; margin-right:10px;}
.product-grid .col-1{clear:left;}
.product-grid .col-4{margin-right:0;}
.top-promo-area{margin-bottom:5px; overflow:hidden;}
.product-grid .col-1, .product-grid .col-2, .product-grid .col-3, .product-grid .col-4 {background-position:center bottom; background-repeat:no-repeat;margin-bottom: 10px;}

.recently-viewed-grid{overflow:hidden; margin-bottom:10px;}
.recently-viewed-grid .fl{float:left;}
.recently-viewed-grid h1{margin:8px 0;}

/* product merchandising */
.product-merchant{margin-bottom:0; height:335px; border:1px solid #dadada; padding:5px 5px 15px 5px;text-align: center;}
.product-merchant:hover{ border: 1px solid #3e8ece;cursor: pointer;}
.product-merchant .image{text-align:center; width:120px; height:120px; margin:0 auto;}
.item-details .image{text-align:center; width:100px; height:100px;}
.basket-item .item-details .image{text-align:center; width:60px; height:60px; margin-right:12px;}
.product-merchant .image a img{width:120px; height:120px;}
.product-merchant .image a:hover{background-color:#FFF}
.product-merchant .description{visibility:visible /* nonsensical visibility selector fixes an IE8 rendering bug (USA-7414)*/}
.product-merchant .lower-section{text-align:center;}
.product-merchant .description a.title, .product-merchant-wide a.title{font-weight:bold; font-size:12px;}
.product-merchant p.product-title{height:50px; margin:0;overflow:hidden}
.product-merchant p.product-title a{ color: #344264;}
.product-merchant p.product-title a:hover{color: #006688;}/*344264#*/
.product-merchant .rating, .product-merchant-wide .rating{text-align:center; height:20px;}
.item-details .rating{text-align:center; height:20px; width:100px;}
.product-merchant .rating img, .product-merchant-wide .rating img{vertical-align:middle; margin-top:6px;}    
.product-merchant .lower-section p, .product-merchant-wide .lower-section p, .product-recommended .lower-section p{margin:4px 0; padding:0;}
.product-merchant .description .lprice, .product-merchant-wide .lprice{font-size:160%}
.product-merchant .description .lprice, .product-merchant .description .price{font-weight:bold;}
.product-merchant .sales-info{color:#4b9225; height:55px; line-height:1.05em; clear:left; font-size:97%; font-weight:bold}
.product-merchant .sales-info a {color:#CC0033; font-weight:normal; text-decoration:underline}
.product-merchant .sales-info em{line-height:1.05em;}
.product-merchant div.info-icons-placeholder{height:24px;margin: 8px 0;}
.product-merchant ul.info-icons{min-height:24px; margin:4px 0; padding:0;}
.product-merchant-wide ul.info-icons{height:25px; margin:0; padding:0;text-align: left;}
.product-merchant ul.info-icons li, .product-merchant-wide ul li{display:inline; margin-right:2px}
.product-merchant-wide {overflow:hidden; margin:0 auto; border:1px solid #ededed; background: url(/images/theme/dabs_com_v3/en/layout/prod-view-details-bg.jpg) repeat-x scroll center bottom; padding:10px 10px 20px 10px}
.product-merchant-wide .image, .product-merchant-wide .image-large{float:left; text-align:center;}
.product-merchant-wide .image{width:85px;}
.product-merchant-wide .image-large{width:150px;}
.product-merchant-wide .description{margin-left:135px;}
.product-merchant-wide .description-large-image{margin-left:170px;}
.product-merchant-wide p.product-title {padding-bottom:3px} 

p.buy-control{padding-bottom:5px;}
p.buy-control .buybtn {background-color:#4b9225;color:white;cursor: pointer;height: 30px;width: 100px;}
p.buy-control .buybtn:hover{background-color:#76b62c;}

p.buy-control input.qtyfield{display:none;}

h2.product-slider-title{text-align:center; font-weight:normal; font-size:200%;color:#CC0033}
.product-slider-container {position:relative; margin:0 auto 10px auto;}
.product-slider-container .button-area-left{width:27px; height:27px; position:absolute; left:0; top:50%;}
.product-slider-container .button-area-left a, .product-slider-container .button-area-right a{display:block; width:27px; height:27px; position:relative; text-decoration:none;}
.product-slider-container .button-area-left a{background-image:url('/images/spritesheets/icons-v2.png'); background-position:-30px -27px; left:2px;}
.product-slider-container .button-area-left a.inactive{cursor:default; background-image:url('/images/spritesheets/icons-v2.png'); background-position:-30px 0px;}
.product-slider-container .button-area-right{width:27px; height:27px; position:absolute; right:0; top:50%;}
.product-slider-container .button-area-right a{background-image:url('/images/spritesheets/icons-v2.png'); background-position:0px -27px;}
.product-slider-container .button-area-right a.inactive{cursor:default; background-image:url('/images/spritesheets/icons-v2.png'); background-position:0px 0px;}


.product-slider{overflow:hidden; position:relative;}
.product-slider ul.item-collection{width:9000px; list-style:none; margin:0; padding:0;}
.product-slider .product-slider-item{float:left; width:166px; ;background-position:center bottom!important; background-repeat:no-repeat!important;margin-bottom: 10px}
.product-merchant-wide .rating img{vertical-align:middle; margin-top:6px;}    
.product-slider-container .product-slider .product-merchant{margin:0 5px 10px 5px; }
.product-slider .recommended-slider-item{float:left; width:217px;}
.product-recommended{height:105px; position:relative; border:1px solid #ededed; height:120px; padding:15px 5px 5px 5px; margin-right:5px; margin-bottom:10px}
.product-recommended p.product-title{height:45px;}
.product-recommended .description{margin:0 5px 0 45px;}
.product-recommended .description a.title{font-weight:bold; font-size:12px;}
.product-recommended .image{float:left; width:45px; text-align:center;}
.product-recommended .description .lprice{font-size:160%;}
.product-recommended .description .lprice, .product-recommended .description .price{font-weight:bold;}
.product-recommended .description{visibility:visible /* nonsensical selector fixes an IE8 rendering bug (USA-7414)*/}



a.more-recently-viewed{padding-left:10px;float:right; margin-bottom:5px; background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png') no-repeat right 50%; background-position:0px -897px;}
a.scroller-more-link{font-size:14px; padding-right:76px; display:block; margin:0 0 15px 0; text-align:right}
h2.product-scroller, h3.product-scroller{padding-top:10px;}
h2.product-scroller {font-weight:normal; font-size:200%; text-align:center; margin-top:10px}

/* homepage featured brands */
.homepage-featured-brands h3{text-align:center; font-size:200%; font-weight:normal; color:#282828; margin:0.5em 0 0.3em 0;}
.homepage-featured-brands {background-position:bottom;background-repeat: repeat-x;}
.homepage-featured-brands img { border: 1px solid #b4b4b4;}
.homepage-featured-brands img:hover { border: 1px solid #3e8ece;}
.homepage-featured-brands ul li {text-align:center; height:97px}

/* brand views and partials */
ul.homepage-brand-list{overflow:hidden;}
ul.homepage-brand-list li{float:left; width:19.9%; margin-bottom:30px;}

a.more-brands {width: 150px;top: -3px;float: right;background: transparent;padding: 0 0 0 6px;position: relative;}
a.more-brands::before {content: '';display: block;position: absolute;top: 3px;left: -5px;width: 0;height: 0;border-color: transparent transparent transparent #3e8ece;border-style: solid;border-width: 6px;}

ul.by-brand {padding-bottom:20px; overflow:hidden;} 
ul.by-brand li{float:left; width:19.9%; text-align:center}
ul.by-brand li{float:left; width:19.9%; text-align:center; height:96px;}
ul.alphabet{text-align:center; overflow:hidden; padding:30px 0;}
ul.alphabet li{display:inline;padding:0 2px}
ul.by-brand li img, ul.by-brandAlphabet img {border:1px solid #ededed}
ul.alphabet a{background:#ededed; padding:5px 8px; text-transform:uppercase; text-decoration:none; font-weight:bold}
ul.alphabet a:hover,.alphabet li.current a{background:#3e8ece;color:#FFF}
.brandpage-intro p {padding:0 0 20px 2px;}

ul.by-brandAlphabet{overflow:hidden;}
ul.by-brandAlphabet li{float:left; width:24.9%; text-align:center; padding:10px 0;}

/*Finance example*/
.financeexample {margin-top:20px}
.financeexample table {border:1px solid #b4b4b4;}
.financeexample table td {border-bottom:1px solid #b4b4b4; padding:10px}

/*LIVE VERSION!!! INSTANT INVITE (LiveChat) dynamic div */
/* INSTANT INVITE (LiveChat) dynamic div */
#instantInvite {display:none; position:absolute; z-index:2000; top:200px; left:0; width:100%;}
#instantInvite div {position:relative; width:390px; margin:0 auto; text-align:left;}
#instantInvite div h6 {background:url("/images/theme/dabs_com_v3/en/chat/lc_instantinvite_header.gif") no-repeat; height:37px; color:#3e8ece; font-size:250%; padding:17px 0 13px 155px; margin:0; width:100%;}
#instantInvite div div  {border-left:4px solid #b4b4b4;border-right:4px solid #b4b4b4; border-bottom:4px solid #b4b4b4; border-top:none; width:384px; background-color:#FFF}
#instantInvite div div a {display:block; background-color:#FFF; height:35px; text-align:left; padding:3px 0 0 0;}
#instantInvite div div div {border:2px solid #FFF; padding:0px; font-weight:bold; font-size:85%; color:#282828; width:372px;}
#instantInvite div div div p {margin:5px 0 0 92px; padding:0 0 0 15px; font-size:115%;}
#instantInvite div {position:relative; width:390px; margin:0 auto; text-align:left; border:20px solid #FFF}
#instantInvite div h6 {background:url("/images/theme/dabs_com_v3/en/chat/lc_instantinvite_header.gif") no-repeat; height:37px; color:#3e8ece; font-size:250%; padding:17px 0 13px 155px; margin:0; width:237px;}
#instantInvite div div  {border-left:4px solid #b4b4b4;border-right:4px solid #b4b4b4; border-bottom:4px solid #b4b4b4; border-top:none; width:384px; background-color:#FFF}
#instantInvite div div a {display:block; background-color:#FFF; height:35px; text-align:left; padding:3px 0 0 0;}
#instantInvite div div div {border:2px solid #FFF; padding:0px; font-weight:bold; font-size:85%; color:#282828; width:372px;}
#instantInvite div div div p {margin:17px 0 0 92px; padding:0 0 0 15px; font-size:115%;}
#instantInvite div div div.clr {height:1px;}
#instantInvite div div div img.csr {padding:0;float:left;margin-top:-2px; margin-left:-6px}
#instantInvite div div div img.close {float:right; z-index:3000; position:relative; margin:-62px -5px 0 0;}
#instantInvite div div div img.close:hover {cursor:pointer;}
#instantInvite div div div div {border:none}

/* Page alert control - generic message/warning control used across the site */
div.page-alert {border:2px solid #CC0033; border-left-width:9px; padding:10px 8px; margin:0 0 10px 0;overflow:hidden}
div.page-alert h1 {padding:0px; font-size:120%; font-weight:bold; text-align:left; color:#282828; margin-bottom:3px; background-color: #FFF;}

div.page-alert ul {list-style-type:disc; margin:0 0 0 0;}
div.page-alert div.cardprobfoot {display:none;}
div.page-alert h1 img {display:none;}
div.page-alert {font-size:110%}

/* green variant */
div.page-alert.green {border-color:#390;}
div.page-alert div.falertboxcontent {color:#282828; overflow:hidden;}
div.page-alert div.falertboxfooter {display:none;}

/* yellow variant */
div.page-alert.yellow {border-color:#f68c1f ; color:#282828;}
div.page-alert div.nalertboxfooter {display:none;}

/* table(s) specific */

.basktbl {border-collapse:collapse;}
.basktbl, .attrtb, .rtbl{width:100%}
.basktbl colgroup {width:20%}
.basktbl th, .attrtbl th {padding:5px; background-color:#3e8ece; /*background:url("/images/theme/dabs_com_v3/en/layout/bg-table-head.jpg") repeat-x scroll left bottom #b4b4b4*/ vertical-align:middle; font-weight:bold; font-size:11px; color:#FFF; border-right:1px solid #b4b4b4; text-transform:none; text-align:center;}
.basktbl th.la {text-align:left; padding-left:12px}
.basktbl td, .attrtbl td{text-align:center; background:#ededed; border-right:1px solid #FFF; border-bottom:1px solid #FFF; padding:8px;vertical-align:middle}
.basktbl td.la {text-align:left}
.basktbl td.bundledivide {background-color:#FFF; border-top:3px solid #b4b4b4;}
.basktbl td.bundlenameprice {border-top:3px solid #b4b4b4;}
.attrtbl th, .attrtbl td {text-align:left}
.basktbl td.la img {float:left; border:1px solid #b4b4b4; margin-right:5px}
.basktbl td.white-tbl-bg {background:#FFF;}
.basktbl td.dark-tbl-bg {background-color:#282828;}
.basktbl th.thin-cell {width:60px}

.total{background:#4063B4;color:#FFF;font-weight:bold}
.choosetbl{margin-top:10px;width:100%}
.choosetbl td{margin:0;padding:5px}
.ctl{background:#FFF;border-bottom:2px solid #BBC6E0;border-left:2px solid #BBC6E0;border-top:2px solid #BBC6E0;text-align:center;width:50px}
.ctm{background:#FFF;border-bottom:2px solid #BBC6E0;border-top:2px solid #BBC6E0;font-weight:bold;text-align:left;white-space:nowrap;width:100%}
.ctr, .ctr2{vertical-align: middle;background:#FFF;border-bottom:2px solid #BBC6E0;border-right:2px solid #BBC6E0;border-top:2px solid #BBC6E0;text-align:right}
.ctr2 {font-weight: bold;text-align:left;width:100%}
.rtbl p, .basktbl p {margin: 0 0 0 40px;padding:0}
.sorttbl .gobtn{padding: 5px 0 0 5px;}
.sorttbl .selector{padding-top: 5px;}

/*view order page*/
table.order-summary{width: 100%; border:1px solid #b4b4b4; margin-bottom: 10px;}
table.order-summary td{vertical-align: top;}
table.order-summary td.gray-cell-left{background-color: #ededed; border-right: 1px solid #ededed;width: 20%;padding:0;position: relative;}
table.order-summary td.gray-cell-right{background-color: #ededed; border-left: 1px solid #ededed; width: 20%; text-align: center; padding:0;}

table.order-summary td div.order-details {padding: 10px 0 10px 8px;}
table.order-summary td div.order-details .order-date{font-size:140%;}
table.order-summary table.summary-lines{width: 100%; border-collapse: collapse;}

table.order-summary table.summary-lines td.has-border{border-bottom: 1px solid #ededed;}
table.order-summary table.summary-lines td.image{width:60px; padding:5px 0 5px 5px;}
table.order-summary table.summary-lines td.image-bundle{width:35px; padding:5px 0 5px 5px;}
table.order-summary table.summary-lines td.title{padding:5px 0 0 5px;}

table.order-summary table.summary-lines .remaining-items{background-color: #3e8ece; color: #FFF; font-size: 90%; font-weight: bold; padding: 4px; text-align: center;}
table.order-summary table.buttonstbl {margin: 10px auto auto auto; border-collapse: collapse;}
table.order-summary table.buttonstbl td{padding-bottom:1em;}
table.order-summary table.buttonstbl .css-button {width: 107px; display:block;}
table.order-summary table.summary-lines .quicklinx{font-size:90%; margin-top:3px;}
.order-search {float: right; overflow: hidden; padding-top: 3px;}

/* forms (legacy) */
.form label, .formlogin label {float: left;text-align: right; width: 150px; padding:7px 2px 4px 2px; line-height:15px}
/*.form input, .form textarea, .formlogin input, .form .readonlyfield, .form select, .formlogin select {margin: 5px; vertical-align: middle}*/
.form .readonlyfield{padding:5px 2px 4px 2px; float:left; vertical-align:middle;}

/* content boxes */
.sbhead h1{ margin: 0;}
.sbhead h1 img {display:none;}

/* merch styles (left col) */
#left-col div.guttermerch {margin-bottom:20px; text-align:center;}

/* jquery carousel styles */
.jcarousel-scroll{display:none;}
ul.jcarousel-skin-tango{margin:0; padding:0; list-style:none;}

/* These rules apply to all carousel zones - specifics for each zone are set below */
.jcarousel-container div.guttermerch {padding:0;}
.jcarousel-container {width:180px;}
.jcarousel-container .bullets{overflow:hidden; float:left; margin: 0 4px 0 4px;}
.jcarousel-container .bullets a{float:left; text-indent:-9000px;height:10px;width:10px;margin-top:15px;background-color: #ccc;border-radius:50%;margin-right: 4px;}
.jcarousel-container .bullets a.current { background: #3e8ece;}

.jcarousel-container a:focus, .halfcarousel a:hover, .halfcarousel a:active { outline:none }  
.jcarousel-container .homecarousel-prev {background:transparent url('/images/spritesheets/icons-v2.png') no-repeat scroll left bottom; cursor:pointer; display:block; float:left; height:27px; width:27px; text-indent:-9000px; background-position:-30px -27px;margin-top: 6px;}
.jcarousel-container .prev-disable {background:transparent url('/images/spritesheets/icons-v2.png') no-repeat scroll left bottom; cursor:default; background-position:-30px 0px;}
.jcarousel-container .homecarousel-next {background:transparent url('/images/spritesheets/icons-v2.png') no-repeat scroll left bottom; cursor:pointer; display:block; float:left; height:27px; width:27px; text-indent:-9000px; background-position:0px -27px;margin-top: 6px;}
.jcarousel-container .next-disable {background:transparent url('/images/spritesheets/icons-v2.png') no-repeat scroll left bottom;cursor:default; background-position:0px 0px;}

.jcarousel-scroll{position:absolute; z-index:10; bottom:0;}
.halfcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.halfcarousel-list li, .halfcarousel-item {float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px;}

/* site features carousel - left col top*/
#left-col #sitefeatures {height:115px}
#left-col #sitefeatures .jcarousel-item {height:135px;}
#left-col #sitefeatures .jcarousel-clip{width:180px; height:115px; overflow:hidden;}
#left-col #sitefeatures .jcarousel-scroll{bottom:10px; height:35px; background-color:#FFF}

/* half carousel - left col middle */
#left-col .halfcarousel h3{display:none;}
#left-col #rightcarousel {margin:10px 0 0 0; width:180px; height:150px}
#left-col #rightcarousel .jcarousel-item {height:120px;}
#left-col #rightcarousel .jcarousel-clip{width:180px; height:150px; overflow:hidden;}
#left-col #rightcarousel .jcarousel-scroll{bottom:5px;}

/* left carousel - left col bottom */
#left-col #leftcarousel {margin:10px 0 0 0; width:180px; height:280px}
#left-col #leftcarousel .jcarousel-item {height:290px;}
#left-col #leftcarousel div.jcarousel-clip{width:180px; height:280px; overflow:hidden;}

/* center carousel - main column top */
#middle-col #mainBanner {width:740px; height:125px; overflow:hidden; margin-bottom:20px}
#middle-col #mainBanner .jcarousel-item {height:200px;}
#middle-col #mainBanner div.jcarousel-clip{width:740px; height:200px; overflow:hidden;}
#middle-col #mainBanner .jcarousel-scroll {padding-left:30px;height:35px; right:0; background:url(/images/1/carousel/hero-carousel-scroll-bg-2.gif); background-repeat: no-repeat}

/* styling of inner carousel content */
div.carousel-frame{height:235px;}
div.carousel-frame div{padding:125px 10px 5px 10px; font-size:11px;}
div.carousel-frame div h4{font-size:14px; font-weight:normal; color:#282828; margin:0; padding:0;}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.halfcarousel-next {z-index: 3; display: none;}
.halfcarousel-prev {z-index: 3; display: none;}

.jcarousel-skin-tango .jcarousel-next-vertical:active {background-position:0 -64px;}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {background-position:0 0; cursor:default;}
.jcarousel-skin-tango .jcarousel-prev-vertical {background:transparent url(prev-vertical.png) no-repeat scroll 0 0; cursor:pointer; height:32px; left:43px; position:absolute; top:5px; width:32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position:0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position:0 -64px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {background-position:0 -96px; cursor:default;}

/* secure site defaults */
div.button-bar{/*overflow:hidden;*/height: 30px;margin-top: 10px;}
div.button-bar.top{margin:0;}
div.button-bar .right{float:right;}
div.button-bar .left{float:left;}
div.button-bar.bottom a#button-logout{display: inline-block;}

div.button-bar.bottom a#back-to-prod{float:left;display: inline-block;}

div.button-bar.bottom input#btnSendMessage{float:right;display: inline-block;border: 0;}

div.button-bar.bottom input#btnSubmit{float:right;display: block;border: 0;}
div.button-bar.bottom input#btnSubmit:hover {background-position: 0px -1323px;}


div.validation-summary {border:1px solid #CC0033; color:#CC0033; padding:10px; margin:10px 0 0 0;}
div.validation-summary p{font-weight:bold; margin-bottom:10px;}
div.validation-summary ul {list-style-type:disc; margin:0 0 0 30px}
div.validation-summary ul li a {color:#CC0033; font-weight:normal; text-decoration:none;}
div.validation-summary ul.enrole-error { margin: 0 0 0 80px; padding:0px; }

div.registration-header{overflow:hidden;}
div.registration-header p {float:left; width:770px; margin:0;}
div.registration-header .countrylink{padding:5px 10px; float:right; border:1px solid #BBC6E0;}
div.registration-header .countrylink h5{font-weight:normal; font-size:100%; padding:0; margin:0 0 3px 0;}
div.registration-header .countrylink .text-link{padding-top:1px;}
div.registration-header .countrylink .countrylinkUK{width:180px;}
div.registration-footer{margin-top:20px; overflow:hidden;}
div.registration-footer input.savebutton{float:right;}
.reg_ire_flag a {float:left; text-decoration:none; padding-right:5px}
.reg_uk_flag a {float:left; text-decoration:none; padding-right:5px}
fieldset.unified ol li .home-selector, fieldset.unified ol li .business-selector {margin-right:20px; background-color:#FFF; float:left}
fieldset.unified .email{width:300px}
fieldset.unified .large-email{font-size:150%; width:400px;}

/* authentication */
fieldset.login, #login-para {margin-bottom:20px; padding:0 12px 20px 12px; position:relative;
    background:#ededed; 
    background-image:linear-gradient(to bottom, #FEFEFE 0%, #ededed 100%);
    background-image: -webkit-linear-gradient(top, #FEFEFE 0%, #ededed 100%);
    behavior: url(/scripts/internet_explorer/PIE.htc); -pie-background:linear-gradient(#FEFEFE, #ededed);
border:1px solid #DFDFDF; }

div.login-left {float:left; width:475px; }
div.login-right {float:right; width:475px;}

#loginHeader { text-align: center;}
#loginHeader h1 { background: #ffffff;color: #000000;font-size: 19px;margin: -4px 0 14px;padding: 0;}

#loginText { text-align: center;}
#loginText p {padding: 0 0 15px;font-size: 12px;}

#login-para h4.para-title {background:#7d7d7d;color: #fff;font-weight:bold; padding:10px 0; margin:0 -12px;font-size: 16px;text-align: center;font-weight: normal !important;}
#login-para p {padding:15px 0;margin: 0;font-size: 12px;}
#login-para label {margin:10px 0 0 0; display:block; font-weight:bold}
#login-para ul { list-style: disc;}
#login-para ul li { margin-left: 15px;font-size: 12px;}
#login-para a{ width: 425px; height: 45px; margin: 15px 0 0 0; font-weight: normal;font-size: 17px;}

fieldset.login h4.fieldset-title {background:#DFDFDF; font-weight:bold; padding:6px 12px; margin:0 -12px;}
fieldset.login p {padding:5px 0; margin:10px 0 0 0}
fieldset.login .new-customer-intro {padding:10px 0}
fieldset.login label {margin:10px 0 0 0; display:block; font-weight:bold}
fieldset.login input {font-size:16px;color:#282828; margin-top:5px}
fieldset.login input#loginemailaddress {width:445px;}
fieldset.login input#password {width:445px;}
fieldset.login input#Email {width:250px;}
fieldset.login span.forgotten-password{font-size:90%;}
fieldset.login .send-password-button {padding:10px 0; border:0;}
fieldset.login .forgotten-login {float:right; padding-top:10px}

div.login-register-option{margin:10px 0 17px 0;}
div.home-selector{float:left; margin-top:20px; width: 126px;font-size:16px;font-weight: bold;width: 150px;}
div.business-selector{float:right; margin-top:20px; width: 126px;font-size:16px;font-weight: bold;width: 150px;}

fieldset.login p.transfer-link{padding:3px 0 3px 45px;}
fieldset.login p.uk{background: url(/images/1/icn_flag_uk_reg.gif) no-repeat 0 0}
fieldset.login p.ireland{background: url(/images/1/icn_flag_ire_reg.gif) no-repeat 0 0}
div.login-right div.header, div.login-left div.header {padding:10px 0}

fieldset#signin ol li{position:relative;}
fieldset#signin{height:192px;}
fieldset#signin input#Login{margin-top:14px;cursor: pointer;font-family: Tahoma, Arial, sans-serif;}

fieldset#signin div.payment-options{position:absolute; bottom:15px; left:15px;}
fieldset#signin div.payment-options img{margin-top:5px;}
fieldset#signupoptions{height:75px;}
fieldset#paypalecs{height:75px;}
fieldset#paypalecs #paypalecsbutton{position:absolute; bottom:15px;}
fieldset#passwordreset{height:120px;}
fieldset#passwordreset input#Email{height:25px; width:270px;}
fieldset#passwordreset input#Submit{float:right;}

div.globalsign-container{clear:both; padding-top:10px;font-size: 11px;}
div.paymenttypes-container{clear:both; padding-top:10px;width: 475px;height: 50px;background: url('/images/1/gt/spritesheet/dabs-payment-types-sprite_March2015.png') no-repeat 70px 30px;}

h2.fieldset-title {

	color: #282828;
	font-size: 140%;
	font-weight: normal;
	margin: 1.2em 0 0;
	padding: 10px 10px 10px 0;
}


/* HIGHWAY account page */
/*div.account-menu .header{}*/

div#upperbody .header {padding-top:5px;}
div#upperbody .header a {float:left; display:block;border-width: 0;width: 133px;}

div#upperbody .header p{clear:left;padding-bottom:10px}
div.account-menu table.myacc{margin-bottom:10px;}
div.account-menu table.myacc td{background-color:#ededed; padding:15px 40px}
div.account-menu table.myacc tbody tr {border-bottom:1px solid black;border-spacing: 4px;margin-bottom: 10px;}
/*div.account-menu table.myacc td .fl{display:none;}*/
div.account-menu table.myacc td a{font-size:110%; display:block;}

div.account-menu table.myacc td a img {display:block; width:35px; height:35px}
div.account-menu table.myacc td h3 {padding-left:55px}
div.account-menu table.myacc td p {margin-left:55px}

div.account-menu .footer img {float:right; padding-top:10px}/*Repositions sign out button to the right of the footer of the main section*/
div.account-menu h2 {font-size:150%; font-weight:normal; text-align:center;color:#FFF; margin:0px;background-color: #282828; padding:3px 5px;}

/*Activate account area*/
div.activate-account h2{font-size:150%; font-weight:normal; text-align:left;color:#FFF; background-color:#282828; padding:3px; margin:0; overflow:hidden}
div.activate-account h2 span.green-indicator, div.activate-account h2 span.amber-indicator {height:37px; width:42px; float:left; text-align:center; font-size:1.3em; font-weight:bold;padding-top:5px}
div.activate-account h2 span.green-indicator {background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png') no-repeat; background-position:0px -1080px;}
div.activate-account h2 span.amber-indicator {background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png') no-repeat; background-position:0px -1140px;}
div.activate-account h2 span.title {position:absolute; padding:7px 0 0 15px}
div.activate-account table {border:1px solid #393F4A}
div.activate-account table tr td.tick {width:15px;background-color:#FFF;  background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png') no-repeat; background-position:0px -1200px;}
div.activate-account table tr td.no-tick {width:50px;background-color:#FFF;}
div.activate-account table.myacc{margin-bottom:20px;}
div.activate-account table.myacc td{background-color:#ededed; padding:15px 17px; width:93.5%}
div.activate-account .set-password {margin-bottom:15px}
div.activate-account .set-password ul li {list-style:none; margin-bottom:5px}
div.activate-account .set-password label {width:115px; text-align:right; position:absolute; text-align:right}
div.activate-account .set-password input {margin-left:125px}
div.activate-account .set-password input.right {margin-left:200px}
div.set-password-tickbox {padding:0 0 0 3px;}
div.set-password-tickbox label {margin-left:5px}
div.progress-steps .completed-step{background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png') no-repeat; background-position:0px -1080px;}
div.progress-steps .active-step {background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png') no-repeat; background-position:0px -1140px;}
div.progress-steps {padding: 5px 0 20px 5px; background-color:#ededed; overflow:hidden;}
div.progress-steps ul {overflow:hidden; margin:0 0 5px 5px}
div.progress-steps ul li.completed-step,div.progress-steps ul li.active-step {color:#FFF; font-size: 2em;font-weight: bold;height: 38px;padding-top: 4px;text-align: center;width: 42px;float:left;}
div.progress-steps ul li.step-description {float:left;padding:10px}
div.progress-steps ul li.completed-text {font-weight:bold;float:left;padding:13px}
div.progress-steps ul li.active-text {font-weight:bold;color:#b4b4b4;float:left;padding:13px}
.panel-pointer {background: url("/images/theme/dabs_com_v3/en/layout/right-panel-pointer.png") no-repeat; height:15px; background-color:#ededed}
#right-col div.rbthold h3.progress-side-bar-header {font-size:1.3em;padding:6px 0 2px 0}

/* Site Footer */
#footer div.links .content {float:left}
#footer div.links .sign-up {width:300px; float:right; margin-right:50px}
#footer div.links .sign-up .text{width:350px}
#footer div.links .sign-up .text-offers-info{ padding-bottom:10px}
#footer div.links .sign-up {padding:0 5px; font-weight:normal; color:#b4b4b4}
#footer div.links .sign-up h4 {padding:0 0 5px 0; margin:0; font-size:100%; color:#FFF; font-weight:bold; font-size:120%}
#footer div.links .sign-up ul li  {margin:0; padding:3px 0; list-style:square; margin-left: 15px}
#footer div.links .sign-up ul li a {font-weight:normal; text-decoration:none; color:#b4b4b4}
#footer div.links .sign-up ul li a:hover {text-decoration:none; display:block; color:#FFF; text-decoration:underline}
#footer input#signupfirstname{height:30px; width:130px; margin: 10px 0 5px 0; color:#282828}
#footer input#signuplastname{height:30px; width:130px; margin: 10px 0 5px 0; color:#282828}
#footer input#signupemailaddress {height:30px; width:270px; color:#282828}
#footer input#Signup {margin: 10px 0 5px 0}
#footer.footerColumns-3 ul {width:286px;}
#footer.footerColumns-4 ul {width:130px;}
#footer {margin:20px -10px 0 -10px;color:#FFF;background-color:#282828}
#footer a {color:#FFF}
#footer div.links .fl {padding:0 5px; width:180px;}
#footer div.links .fl h4 {padding:0 0 5px 0; margin:0; font-size:100%; color:#FFF; font-weight:bold; font-size:120%}
#footer div.links {padding:15px; overflow:hidden;}
#footer div.links .fl ul  {float:left; margin:0 0 5px 0;}
#footer div.links .fl ul.last {margin:0;}
#footer div.links .fl ul li  {margin:0; padding:3px 0;}
#footer div.links .fl ul li a {font-weight:normal; text-decoration:none; color:#b4b4b4}
#footer div.links .fl ul li a:hover {text-decoration:none; display:block; color:#FFF; text-decoration:underline}
#footer div.links .fl ul.sociallinks{width:120px;}
#footer div.links .fl ul.sociallinks li {margin-bottom:5px; padding:8px 0 0 35px; height:23px; background-repeat:no-repeat; background-color:#282828; background-position:3px 3px;}

#footer div.links .fl ul.sociallinks li.facebook {width: 150px;position: relative;}
#footer div.links .fl ul.sociallinks li.facebook:before {background-image:url('/images/spritesheets/icons-v2.png');background-position:-120px 0px;width: 32px;height: 32px;content:'';position: absolute;margin: -8px 0 0 -35px;}
#footer div.links .fl ul.sociallinks li.twitter {width: 150px;position: relative;}
#footer div.links .fl ul.sociallinks li.twitter:before {background-image:url('/images/spritesheets/icons-v2.png'); background-position:-160px 0px;width: 32px;height: 32px;content:'';position: absolute;margin: -8px 0 0 -35px;}
#footer div.links .fl ul.sociallinks li.blog {width: 150px;position: relative;}
#footer div.links .fl ul.sociallinks li.blog:before {background-image:url('/images/spritesheets/icons-v2.png'); background-position:-200px -41px;width: 32px;height: 32px;content:'';position: absolute;margin: -8px 0 0 -35px;}
#footer div.links .fl ul.sociallinks li.forum {width: 150px;position: relative;}
#footer div.links .fl ul.sociallinks li.forum:before {background-image:url('/images/spritesheets/icons-v2.png'); background-position:-120px 0px;width: 32px;height: 32px;content:'';position: absolute;margin: -8px 0 0 -35px;}
#footer div.links .fl ul.sociallinks li.youtube {width: 150px;position: relative;}
#footer div.links .fl ul.sociallinks li.youtube:before {background-image:url('/images/spritesheets/icons-v2.png'); background-position:-240px -41px;width: 32px;height: 32px;content:'';position: absolute;margin: -8px 0 0 -35px;}
#footer div.links .fl ul.sociallinks li.google-plus {width: 150px;position: relative;}
#footer div.links .fl ul.sociallinks li.google-plus:before {background-image:url('/images/spritesheets/icons-v2.png'); background-position:-200px 0px;width: 32px;height: 32px;content:'';position: absolute;margin: -8px 0 0 -35px;}
#footer div.links .fl ul.sociallinks li.pinterest {width: 150px;position: relative;}
#footer div.links .fl ul.sociallinks li.pinterest:before {background-image:url('/images/spritesheets/icons-v2.png'); background-position:-120px -41px;width: 32px;height: 32px;content:'';position: absolute;margin: -8px 0 0 -35px;}

#footer div.vat-message {padding:5px 5px 5px 7px; clear:both; color:#b4b4b4}
#footer div.footer-col-1 {float:left; clear:both; width:45%}
#footer div.footer-col-2 {float:right; clear:both; width:45%}
#footer div.aboutus {width:380px; float:left}
#footer div.aboutus h4 {background-color: #3e8ece;font-size: 100%;font-weight: bold;margin: 0;padding: 5px; color:#FFF}
#footer div.aboutus p {padding:5px}
#footer div.badges {padding: 10px 0; background:#FFF;overflow:hidden}
#footer div.badges table {float:left; margin-left:10px;}

#footer div.badges img {vertical-align: middle;}

/* product view list control */
.view-options{padding:10px; background-color:#282828;color: #ffffff; overflow:hidden; margin:0 0 0 0;}
.view-options .status{float:left; width:240px;padding-top:4px}
.view-options .page-size{float:left; width:195px; overflow:hidden;padding-top:3px}
.view-options .page-size *, .view-options .sort-option *, .view-options .order-search *{float:left;line-height:19px; margin:0 6px 0 0}
.view-options .page-size .gobtn, .view-options .sort-option .gobtn, .view-options .order-search .gobtn {background: #4b9225;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 2px;color: #FFF;text-decoration: none;behavior: url(/scripts/internet_explorer/PIE.htc);text-align: center;border: 0 none;height: 20px;width: 26px;padding-right:23px;}
.view-options .page-size .gobtn:hover, .view-options .sort-option .gobtn:hover, .view-options .order-search .gobtn:hover {background: #76b62c;}

.view-options .sort-option{float:right; width:205px; overflow:hidden;padding-top:3px}
table.product-listing{width:100%;}
table.product-listing th.compare-button{line-height:0;background-color: #e4e4e4;}

table.product-listing th.page-nav{text-align:right; vertical-align:middle;line-height:1em;}
table.product-listing th.page-nav span.page-list{padding-right:10px;}
table.product-listing td{vertical-align:top; padding:8px; background-color:#f8f9fc; border-bottom:3px solid #FFF;}
table.product-listing tr.last-row td{border-bottom:0}
table.product-listing td.compare-col{width:25px; padding-top:16px; background-color:#ededed; text-align:center; vertical-align:middle; border-bottom:2px solid #ededed;}
table.product-listing td.description{padding-left:0;}
table.product-listing td.description span.mfr-no{font-size:90%;}
table.product-listing td.description span.line-alerts{font-size:90%; color:#4b9225; font-weight:bold;}
table.product-listing td.description span.line-alerts a{color:#4b9225;}
table.product-listing td.description a.rating{display:block; margin:2px 0;}
table.product-listing td.description ul.info-icons{margin:4px 0 0 0;}
table.product-listing td.description ul.info-icons li{display:inline; float:left; margin-right:4px;}
table.product-listing td.description a{ color: #344264;}
table.product-listing td.description a:visited{ color: #344264;}
table.product-listing td.description a:hover{ color: #006688;}
table.product-listing td.product-image{width:65px; vertical-align:middle;}
table.product-listing td.product-image a img{width:60px; height:60px; border:1px solid #b4b4b4; margin-top:0}
table.product-listing td.b-grade{width:51px; vertical-align:middle;}
table.product-listing td.stock-status{width:65px; text-align:center; vertical-align:middle;}
table.product-listing td.price{text-align:center; vertical-align:middle;}#footer div.links .fl ul.sociallinks li.facebook
table.product-listing td.price a.bundles-available{font-size:90%;}
table.product-listing td.price a.bundles-available img{position:relative; top:2px;}
table.product-listing td.price span{font-size:90%;}
table.product-listing td.price span.lprice{font-weight:bold; font-size:160%;}
table.product-listing td.price span.usedstockfrom{color:#282828; font-weight:normal; display:block;}
table.product-listing td.quantity{vertical-align:middle; line-height:0; width:25px; padding-right:0;}
table.product-listing td.buy-button{vertical-align:middle; line-height:0; text-align:center;}
table.product-listing th.record-count{vertical-align:middle; padding:0 5px 0 0;margin: 0;background-color: #e4e4e4; }
table.product-listing th.record-count span.record-count{float:left; margin-right:10px; width:100px}
table.product-listing th.record-count div.pager-container{float:right; overflow:hidden; padding-top:3px;}


/* Did you mean...*/
#ql-suggest {padding:7px; background-color:#ededed; border:1px solid #3e8ece; margin-bottom:10px;}
#ql-suggest h2 {font-size:15px; color:#3e8ece; font-weight:bold; margin-bottom:5px;}
#ql-suggest .description{padding-left:5px; float:left;}
#ql-suggest .description a.rating{display:block; margin:2px 0;}
#ql-suggest .description ul.info-icons{margin-top:4px;}
#ql-suggest .description ul.info-icons li{display:inline; float:left; margin-right:4px;}
#ql-suggest .product-image{width:65px; float: left;}
#ql-suggest .product-image a img{width:60px; height:60px; border:1px solid #b4b4b4; margin-top:0}
#ql-suggest .clear {clear:both}

/* product search/listing - no results found */
div.no-search-results {padding:0 20px}
div.no-search-results ul {list-style-type:disc; padding:10px; margin:0 0 0 5px;}
div.no-search-results ul li {padding:2px 0 0 0;}

/* Discount Scheme Forms */
fieldset.discountScheme {border:0; background-color:#ededed; margin: 0 0 10px 0; padding:10px 0 0 0;}
fieldset.discountScheme legend {display:none;}
fieldset.discountScheme label{float:left; text-align:right; width:100px; margin:0 5px 0 7%;}
fieldset.discountScheme input, fieldset.discountScheme span{float:left; margin-bottom:5px;}
fieldset.discountScheme span {width:35%; margin-left:5px; font-weight:bold;}

/* view order page */
.vieworder-page h2 {color:#282828;margin:0; padding:0; font-size:1.4em; font-weight:normal; width:580px}
.vieworder-page h3 {color:#282828; margin:10px; clear:both; font-weight:bold; font-size:1.3em}
.vieworder-page h4 {color:#282828; clear:both; font-weight:bold; font-size:1.2em}
.vieworder-page .lprice {color:#CC0033}
.vieworder-page .sbcontent table.pad tbody th h2 {font-size:140%; font-weight:normal; margin-top:20px} 
.vieworder-page table.pad td {padding-right:10px;}
.vieworder-page table.basktbl, .vieworder-page .status-msg {width:100%;margin:20px auto 15px auto}
.vieworder-page table.basktbl td, .attrtbl td {padding:10px; text-align:center; border-right:1px solid #FFF}
.vieworder-page table.basktbl td {border-bottom:2px solid #FFF}
.vieworder-page table.basktbl tr th {color:#FFF; font-size:100%; text-align:center; border-bottom:6px solid #FFF; vertical-align:middle; border-right:1px solid #b4b4b4}
.vieworder-page table.basktbl th {font-weight:bold; padding:10px; vertical-align:middle}
.vieworder-page table.basktbl th.narrow {width:20px}
.vieworder-page table.basktbl th.la {text-align:left}
.vieworder-page table.basktbl tbody tr td img.plimg {float:left;}
.vieworder-page table.basktbl tbody tr td strong {font-size:14px}
.vieworder-page table.basktbl td.la {text-align:left}
.vieworder-page table.basktbl td.total {text-align:center; background-color:#282828}
.vieworder-page table.basktbl td.total-desc {text-align:right; background-color:#FFF}
.vieworder-page .dispatchcosts table.dispatchformat {border-top:5px solid #FFF; margin-bottom:20px;}
.vieworder-page .dispatchcosts table.dispatchformat td {background-color:#ededed; padding:10px; width:120px; text-align:center}
.vieworder-page .dispatchcosts table.dispatchformat th.la, .vieworder-page .dispatchcosts table.dispatchformat td.la {text-align:left}
.vieworder-page .dispatchcosts table.dispatchformat td.total {background-color:#282828}
.vieworder-page .dispatchcosts {text-align:center}
.vieworder-page .dispatchcosts td {padding-left:20px}
.vieworder-page th {font-weight:bold; border:1px solid #ededed; padding:10px}/*Bolds up delivery & payment heading seperately*/
.vieworder-page tr td div.whitebox {width:85%; background-color:#ededed;padding:20px; overflow:auto; margin:10px 0}
.vieworder-page .fr {float:right}
.vieworder-page .fl {float:left;}
.vieworder-page .cancel-order{width: 80px;height: 20px;}

.vieworder-page b { font-size:110%;}
.vieworder-page .w {padding-bottom:10px}
.vieworder-page .os-delivery-charges {padding:10px}
.vieworder-page p {padding:0 15px 15px 10px}
.vieworder-page .outer-border {border:5px solid #ededed; margin-bottom:20px}
.vieworder-page .total {padding:10px}
.vieworder-page table.order-summary h3 {margin:0; font-weight:normal}
.vieworder-page table.order-summary h2 span {padding-left:20px;}
.vieworder-page table.order-summary {border-left:3px solid #ededed; border-right:3px solid #ededed; border-top:3px solid #ededed; width:100%}
.vieworder-page table.order-summary td {border:2px solid #ededed; padding:10px; width:150px;}
.vieworder-page table.order-summary td.total-all-title {font-size:14px}
.vieworder-page table#ordersummarysub td {border:none; padding:1px; width:95px}
.vieworder-page table#ordersummarysub td#desc {width:195px}
.vieworder-page .status-bar-area {background-color:#FFF}
.vieworder-page .status-msg {overflow:hidden; margin:20px 25px 0 10px;}
.vieworder-page .status-msg .exclamation {float:left; margin-right:5px}
.vieworder-page .status-msg .red-alert {color:#CC0033; font-size:12px; font-weight:bold; line-height:20px;}
.vieworder-page .status-msg .amber-alert {color:#f68c1f ; font-size:12px; font-weight:bold; line-height:20px;}
.vieworder-page .status-msg .green-alert {color:#4b9225; font-size:12px; font-weight:bold; line-height:20px;}
.vieworder-page .order-function-area {overflow:hidden; margin-top: 10px; margin-bottom:10px; }
.vieworder-page .order-function-area p {width:825px; float:left; padding:0}
.vieworder-page table.delivery-total-table {width:100%; margin-bottom:20px; border-left:3px solid #ededed; border-right:3px solid #ededed; border-bottom:3px solid #ededed}
.vieworder-page table.delivery-total-table td {border:2px solid #ededed; padding:10px; text-align:right}
.vieworder-page table.delivery-total-table td.total {text-align:center; background-color:#282828; font-size:16px}
.vieworder-page table.delivery-total-table td.lprice { text-align:center}
.vieworder-page table.delivery-total-table td.spacer {width:617px}
.vieworder-page .status-bar-area .progress-bar img {margin:0 auto; text-align:center}
.vieworder-page .status-bar-area .progress-bar {text-align:center; background-color:#b4b4b4;}
.vieworder-page table.basktbl td.la .expdel{clear:both; text-align:left; display:block; padding-top:5px; margin-left:43px; font-weight:bold}
.vieworder-page table.basktbl td .bundle-slave-info {text-align: left; padding-left:118px}
.vieworder-page .bgrade {display:block; margin-left:43px;}
/* my dabs page */
.link-panel-left, .link-panel-right {background-color:#ededed; width:444px; height:90px; margin-bottom:10px; padding:15px;}
.link-panel-left h3, .link-panel-right h3{background-color:#ededed;margin:0;}
.link-panel-left p, .link-panel-right p{background-color:#ededed; padding-top:10px}
.link-panel-left{float:left; clear:left;}
.link-panel-right{margin-left:492px;}

/* homepage poll fragment */
div.homepage-poll{padding:5px; margin-bottom: 20px;padding-bottom: 11px;}
div.homepage-poll p.question{font-size:12px; color:#282828;}
div.homepage-poll p{margin:5px 0}
div.homepage-poll fieldset{border:none; line-height:1.8em; margin-top:6px;}
div.homepage-poll label{font-weight:normal;}
div.homepage-poll div.submit-button{text-align:center; margin:10px 0 5px 0;}

table.horizontal-bar-graph{width:170px;}
table.horizontal-bar-graph td{padding:2px;}
table.horizontal-bar-graph td.label{padding:4px 0 0 1px;}
table.horizontal-bar-graph td.bar{padding-left:2px; width:135px;}
table.horizontal-bar-graph td.bar-label{padding-right:0; text-align:right; vertical-align:bottom; width:35px;}
table.horizontal-bar-graph td.bar div{border:1px solid #CC0033; height:14px; background: #CC0033 url('/images/1/polls/bar-background.jpg') repeat-x 0 0}

div.rbthold{background-color:#CC0033; text-align:center;}
div.rbthold h3{color:#FFF; font-size:100%; padding:5px; margin:0; background-color:#CC0033;}
div.rbthold h3 a{color:#FFF;}

/* restricted product page*/
#right-col div.rb{padding-bottom:20px; margin-bottom:7px;}
#restrictedproductlist{margin-bottom:30px;}
#restrictedproductlist div.accordion-content{background-color:#ededed;} 
#restrictedproductlist .intro {margin:20px 0;}
#restrictedproductlist ul.rpl {margin-bottom:10px;}
#restrictedproductlist h2 {background-color:#ededed; padding:5px 10px; cursor:pointer; margin-bottom:0; border-bottom:1px solid #b4b4b4}
#restrictedproductlist div.accordion-content span{display:block;padding:6px 10px;}
#restrictedproductlist div.accordion-content table{width:100%;}
#restrictedproductlist div.accordion-content table td {padding:6px 0; border-bottom:1px solid #FFF;}
#restrictedproductlist div.accordion-content table td.remove-icon{width:20px; padding-left:10px;}
#restrictedproductpanel div.whitelistitemtype {padding:10px;}
#restrictedproductpanel select {width:180px;}
#restrictedproductpanel hr.whitelistseperator {height:1px; border:none; border-bottom:2px solid #FFF;margin:0}
#restrictedproductpanel label {display:block; margin-bottom:5px;}
#restrictedproductpanel input.whitelistbtn{background: url("/images/theme/dabs_com_v3/en/buttons/btn-whitelist-bg.png") no-repeat scroll 0 3px transparent;border: 0 none;color:#282828;cursor: pointer;font-size:100%;height:28px;margin-top:5px;padding:0;width:92px;}

/* instant service performance report fragment */
#left-col div.livechat {background-color:#ededed; padding:5px; margin-bottom:15px;}
#left-col div.rbthold div.livechat{display:none;}
#left-col div.livechat strong{color:#282828;font-weight:bold;}
#left-col div.livechat em {font-style:normal; font-weight:bold;}
#left-col div.livechat p {margin:5px}
#left-col div.livechat p.divider {border-top:solid 1px #cdd7ed; padding-top:5px}

/* product compare page */
div.compare table.basktbl {border-top: 1px;border-left: 1px; border-style: solid; border-color: #b4b4b4; border-collapse:separate;}
div.compare table.basktbl tbody tr td {background-color:#FFF; padding:10px; border-bottom:1px solid #ededed;}
div.compare table.basktbl tbody tr th {padding:10px; background-color:#b4b4b4; border-bottom:1px solid #ededed;}
div.compare table.basktbl tbody tr td.ra, div.compare table.basktbl tbody tr th.ra, div.compare table.basktbl tbody tr th div.ra {text-align:right;}
div.compare table.basktbl tbody tr td.la, div.compare table.basktbl tbody tr th.la {text-align:left;background-color: #b4b4b4;color: #fff;} 
div.compare table.basktbl tbody tr td.va {font-weight:bold;background-color: #e4e4e4;color: #282828;}
div.compare table.basktbl tbody tr.product-row td {text-align:center; background-color:#fff;position: relative;}
div.compare #mheadspec, div.compare #eheadspec {cursor:pointer; background-color:#282828; text-align:center; border-right:none; font-size:20px; font-weight:normal}
div.compare table.basktbl tbody tr td img.star {padding-bottom:7px}
div.compare table.basktbl tbody tr td {border-right:1px solid #b4b4b4; vertical-align:top;}
div.compare table.basktbl tbody tr.product-row td.empty {width:20%; border-top:none; background-image:none}
div.compare table.basktbl tbody tr.product-row td a {text-decoration: none;}
div.compare table.basktbl tbody tr.product-row td form input.buybtn{border-width: 0; width: 80px; height: 30px;
                        cursor: pointer;background: #4b9225;color: #fff;}
div.compare table.basktbl tbody tr.product-row td form input.buybtn:hover{background: #76b62c;color: #fff;}

div.compare table.basktbl tbody tr.product-row td a#removeCompare {position: absolute;top: 4px;right: 4px;z-index: 5000; width:17px;height: 17px;display: inline-block; 
                                                                   background:url("/images/spritesheets/icons-v2.png") no-repeat scroll -30px -60px;}
div.compare table.basktbl tbody tr.product-row td a#removeCompare:hover {background-position: -47px -60px;}

/* recently viewed page */
#recently-viewed-container{position:relative;}
#recently-viewed-container .button-area-left{width:27px; height:27px; position:absolute; left:0; top:50%;}
#recently-viewed-container .button-area-left a, #recently-viewed-container .button-area-right a{display:block; width:27px; height:27px; position:relative; text-decoration:none;}
#recently-viewed-container .button-area-left a{background-image:url('/images/spritesheets/icons-v2.png'); background-position:-30px -27px; left:2px;}
#recently-viewed-container .button-area-left a.inactive{cursor:default; background-image:url('/images/spritesheets/icons-v2.png'); background-position:-30px 0px;}
#recently-viewed-container .button-area-right{width:27px; height:27px; position:absolute; right:0; top:50%;}
#recently-viewed-container .button-area-right a{background-image:url('/images/spritesheets/icons-v2.png'); background-position:0px -27px;}
#recently-viewed-container .button-area-right a.inactive{cursor:default; background-image:url('/images/spritesheets/icons-v2.png'); background-position:0px 0px;}

/* OLD
#recently-viewed-container{position:relative;}
#recently-viewed-container .button-area-left{width:50px; position:absolute; left:0; top:0;}
#recently-viewed-container .button-area-left a, #recently-viewed-container .button-area-right a{display:block; width:26px; height:24px; position:relative; text-decoration:none;}
#recently-viewed-container .button-area-left a{background-image:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); left:14px; background-position:0px -660px;}
#recently-viewed-container .button-area-left a.inactive{background-image:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-position:0px -720px;}
#recently-viewed-container .button-area-right{width:50px; position:absolute; right:0; top:0;}
#recently-viewed-container .button-area-right a{background-image:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); left:9px; background-position:0px -780px;}
#recently-viewed-container .button-area-right a.inactive{background-image:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png');  background-position:0px -840px;}
*/



#recently-viewed-container .top-promo-area .recently-viewed-grid h2 {margin-bottom:20px}
#recently-viewed-container .recently-viewed-grid {margin:0 50px;}
#recently-viewed-container .recently-viewed-grid .midcolfl{float:left; margin-bottom: 10px}
#recently-viewed-container .recently-viewed-grid .clr{clear:left; display:block;}

/* Product reviews (standalone and inline on product page) */
#reviewwrapper{clear:left;}
#reviewwrapper .productrevcont div.lb {margin:10px 0; background-color:#ededed; border-bottom:1px solid #ededed}
#reviewwrapper .productrevcont h5{font-size:115%; color:inherit;margin-bottom:0.7em}
#reviewwrapper .productrevcont h6{font-size:100%; font-weight:normal; color:#282828}
#reviewwrapper .productrevcont em{font-weight:bold;}
#reviewwrapper .productrevcont ul{overflow:hidden; padding-top:10px}
#reviewwrapper .productrevcont ul li{float:left; line-height:22px; margin-right:20px; font-weight:bold;}

/*Dabs comments on products reviews*/
#reviewwrapper .productrevcont .ourcomments { border: thin solid #CC0033; padding-bottom: 10px; padding-top: 10px; background-color:#ededed; margin-top:10px;}
#reviewwrapper .productrevcont .ourcomments .ourcomments-inner { min-height: 40px; width:700px; margin-right: 10px; margin-left: 5px; margin-top: -10px;}
#reviewwrapper .productrevcont .ourcomments .ourcomments-inner div { width:700px; margin-left:1px; margin-top:3px;}
#reviewwrapper .productrevcont .ourcomments .ourcomments-inner div .logo {background-image: url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-repeat: no-repeat; width:29px; height:28px; background-position:0px -1620px;}
#reviewwrapper .productrevcont .ourcomments .ourcomments-inner div ul {padding-top: 0;}
#reviewwrapper .productrevcont .ourcomments .ourcomments-inner div ul li {font-weight:inherit; line-height: inherit; margin-right: 0;}
#reviewwrapper .productrevcont .ourcomments .ourcomments-inner div ul li .logo-title{padding-left:43px; margin-top:-20px;}
#reviewwrapper .productrevcont .ourcomments .ourcomments-inner div p {padding-left:43px;}
#reviewwrapper .productrevcont .ourcomments .ourcomments-inner div ul li span{font-weight:bold; padding-top:10px;}

/* product review list page */
div.product-review-header{border:2px solid #ededed; border-top-width:10px; border-bottom-width:1px;}
div.product-review-header .back-link{padding:5px; background-color:#ededed; overflow:hidden;}
div.product-review-header .back-link img{float:left; margin-right:10px;}
div.product-review-body{border:1px solid#ededed; padding:15px; overflow:hidden;}
div.product-review-body .header{overflow:hidden; margin-bottom:12px;}
div.product-review-body .footer{overflow:hidden; margin-top:15px;}

/* product review entry page */
fieldset#reviewentry textarea#reviewtext{width:400px; height:200px;}


/* email recommend page */
#email-recommend-container{position:relative;}
#email-recommend-container .email-recommend-grid{margin:0 50px;}
#email-recommend-container .email-recommend-grid .midcolfl{float:left;}
#email-recommend-container .email-recommend-grid .clr{clear:left; display:block;}

/*Item cancellation page*/
fieldset.itemcancel label.fl {float:left; width:140px}
fieldset.itemcancel table.basktbl {padding:0; margin:10px 0 15px 0; width:690px}

/*Bundle notification*/
#bundleselectiondialog div.bundlewrapper h3{font-size:100%; color:#282828; width:500px;}
#bundleselectiondialog .chosen-product {margin-bottom:5px; padding-bottom:10px; color:#282828; overflow:auto; background:url(/images/theme/dabs_com_v3/en/layout/prod-view-details-bg.jpg) repeat-x scroll center bottom}
#bundleselectiondialog .main-product-info h2 {font-size:155%; font-weight:normal; overflow:hidden; padding:0; margin:5px 0; line-height:23px}
#bundleselectiondialog .bundle-pager h4.top-heading {font-weight:normal; padding:5px 0 0 10px; float:left; margin:0}
#bundleselectiondialog .bundle-pager {clear:both;}
#bundleselectiondialog .chosen-product p {font-size:120%; padding:10px 0 0 0;}
#bundleselectiondialog .chosen-product .master-product img {width:120px; height:120px; margin:5px 10px; padding:0;}
#bundleselectiondialog .chosen-product strong {color:#3e8ece}
#bundleselectiondialog .chosen-product .main-product-info {float:left;overflow:hidden; margin:15px 0 5px 0; width:400px}
#bundleselectiondialog .price-button {float:right; width:175px;margin:23px 0 0 10px}

#bundleselectiondialog .price-button .button a#tb_remove_a,#bundleselectiondialog .price-button .button a#tb_remove_a:link, #bundleselectiondialog .price-button .button a#tb_remove_a:visited, #bundleselectiondialog .price-button .button a#tb_remove_a:visited{border-width: 0; display: inline-block;cursor: pointer;margin-top: 30px;color: #000;}
#bundleselectiondialog .price-button .button a#tb_remove_a:hover{color: #ffffff;}

#bundleselectiondialog .price-button .lprice {font-size:135%}
#bundleselectiondialog .chosen-product img {float:left; margin-top:28px}
#bundleselectiondialog .bundle-pager a{text-decoration:none; width:35px; background-repeat:no-repeat;}
#bundleselectiondialog .bundle-pager a{}

#bundleselectiondialog .bundle-pager .pagerleft {float:left; margin-left:10px; padding-left:10px; background-image:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-position: 0px -1676px;}
#bundleselectiondialog .bundle-pager .pagerleft-disabled {float:left; margin-left:10px; padding-left:10px; background-image:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-position: 0 -1736px; color:#b4b4b4; }

#bundleselectiondialog .bundle-pager .pagerright {float:right; padding-right:2px; margin-right:10px; background-image:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-position: 32px -1795px;}
#bundleselectiondialog .bundle-pager .pagerright-disabled {float:right; padding-right:2px; margin-right:10px; background-image:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-position: 32px -1855px; color:#b4b4b4; }
#bundleselectiondialog .footer {bottom:12px; clear:both; overflow:hidden; padding: 0 10px; position: absolute; width: 97%;}
#bundleselectiondialog .footer .fr {float:right; width:300px; text-align:right}
#bundleselectiondialog .footer .fl {float:left; width:300px;}
#bundleselectiondialog .bundle-navigation {overflow:hidden; padding:20px 20px 5px 20px; text-align:right; width:200px; float:right}
#bundleselectiondialog .bundle-pager .bundle-pager-header {overflow: hidden;margin:20px 0 0 0}
#bundleselectiondialog .pager {float:right; width:120px; padding:5px; margin:0 10px 0 0;background:url('/images/theme/dabs_com_v3/en/layout/bundles-notif-paging-bg.jpg') no-repeat left;}
#bundleselectiondialog .pager .pager-nav {overflow:hidden; width:120px}
#bundleselectiondialog #OtherBundles{padding:0 10px 0 10px; position:relative; top:-10px;}
#bundleselectiondialog div.bundlewrapper div.bundlecolleft ul{padding:0;}
#bundleselectiondialog div.bundlewrapper div.bundlecolright{width:160px;}
#bundleselectiondialog div.bundlewrapper p{padding:0;}

#bundleselectiondialog a.addbundletowishlist{color: #fff;font-size: 10px;margin-left: -10px;}

/******Bundle Details Page*******/
div.bundlewrapper{background-color:#ededed; overflow:hidden; padding:15px; margin-top:10px;}
div.bundledisclaimer{float:right;}
div.bundlewrapper h3{font-size:100%; color:#282828;}
div.bundlewrapper h4{margin:5px 0 2px 0;}
div.bundlewrapper div.bundlecolleft{float:left; width:65%;}
div.bundlewrapper div.bundlecolright{float:right; width:20%; text-align:left;}
div.bundlewrapper div.bundlecolright input {margin-top:5px}
div.bundlewrapper div.bundlecolright span.price{font-size:140%;}
div.bundlewrapper div.bundlecolleft .bundledetail ul{overflow:hidden;}
div.bundlewrapper div.bundlecolleft .bundledetail ul li {float:left; margin-left:12px; background:url('/images/theme/dabs_com_v3/en/icons/plus.gif_SPRITSHEET') no-repeat 0 12px; padding-left:23px; background-position:0px -1920px;}
div.bundlewrapper .bundledetail{overflow:hidden;}
div.bundlewrapper .bundledetail div.masterthumbwrapper{float:left;width:35px;}
div.bundlewrapper .bundledetail div.masterthumbwrapper img{border:1px solid #3e8ece;}
div.bundlewrapper .bundledetail div.slavethumbwrapper{float:left; margin:0; padding:0; width:85%;}
div.bundlewrapper .bundledetail div.slavethumbwrapper img{border:1px solid #3e8ece;}
div.bundlewrapper .slavedetails{background-color:#FFF; border:1px solid #FE9901; display:none; margin:0; padding:5px 5px 10px 10px; position:absolute; width:600px;}
div.bundlewrapper div#descriptionsection p a {margin:10px 0; display:block;}
div.bundlewrapper #bundlefinance{border:1px solid #C0C0C0; padding:10px; background-color:#ededed; margin-top:10px;}
div.bundlewrapper .fr {float:left}
div.bundlewrapper div.multiplemastercount {font-size:150%; padding:5px 10px 0 0;}
div.bundlewrapper ul.bundle-breakdown li{margin-bottom:3px;}


/******Order status******/

/* parcel tracking */
#parcel-tracking {padding:0; margin:10px 0; overflow:hidden;}
#parcel-tracking div.tracking-wrapper {position:absolute;overflow:hidden; clear:both; background-color:#ededed; padding:0; margin:25px 0 0 0; width:605px}
#parcel-tracking div.tracking-wrapper div.tracking-left {float:left; width:185px; padding:10px; text-align:center}
#parcel-tracking div.tracking-wrapper div.tracking-left img {vertical-align:middle} 
#parcel-tracking div.tracking-wrapper div.tracking-right {float:right; width:65%; text-align:left; margin:10px 0}
#parcel-tracking div.tracking-wrapper div.tracking-right {padding-bottom:5px}
#parcel-tracking div.tracking-pager {clear:both;}
#parcel-tracking div.tracking-pager p b {padding:25px 0 0 0;position:absolute}
#parcel-tracking div.tracking-pager .pagerleft {float:right; width:85px; padding-left:10px; background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-repeat:no-repeat; background-position:0px -1680px;}
#parcel-tracking div.tracking-pager .pagerleft-disabled {float:right; width:85px; padding-left:10px; background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-repeat:no-repeat; background-position:0px -1740px; color:#b4b4b4; }
#parcel-tracking div.tracking-pager .pagerright {float:right;width:60px; margin-right:15px; background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-repeat:no-repeat; background-position:0px -1800px; padding-right:10px }
#parcel-tracking div.tracking-pager .pagerright-disabled {float:right;width:60px; margin-right:15px; background:url('/images/spritesheets/dabs-interface-spritesheet_march-2015.png'); background-repeat:no-repeat; background-position:0px -1860px; color:#b4b4b4; padding-right:7px}
#parcel-tracking div.tracking-pager h2 {font-weight:normal; font-size:20px; margin:-35px 0 30px 0; padding:0; position:absolute; clear:both; width:100%}
#parcel-tracking div.tracking-pager h3 {font-weight:bold; overflow:hidden; padding:0 0 0 20px; font-size:140%; margin:10px 0 0 0}
#parcel-tracking div.tracking-pager h4 {font-weight:normal;padding:0 0 0 20px; float:left; margin:0}
#parcel-tracking div.pager {position:absolute; margin:39px 0 0 405px;float:right; width:198px; padding:5px;background:url('/images/theme/dabs_com_v3/en/layout/parcel-tracking-bg.jpg') no-repeat right;}
#parcel-tracking div.pager .pager-nav {overflow:hidden; width:120px; clear:both}
#parcel-tracking fieldset.unified {position:relative; padding:1em 1.5em; margin:1.5em 0; border:1px solid #BBC6E0; background: #ededed url('/images/1/fieldset-gradient-250-1px.jpg') 0 -1px repeat-x; width:563px;  }
#parcel-tracking fieldset.unified legend{color:#2D5884; font-weight:bold; border:1px solid #BBC6E0; padding:2px 8px; background-color:#FFF;}
#parcel-tracking div.tracking-pager div.tracking-pager-header {overflow: hidden;margin:0}

/* Articles index page */
div.helpsearchbox{padding:10px; background-color:#ededed; margin:10px 0;}
div.helpsearchbox p{padding:5px}
div.helpsearchcontrol div.helpsearchlabel{float:left; font-weight:bold; margin-right:15px; padding-top:3px;}
div.helpsearchcontrol div.helpsearchfield{float:left; margin-right:5px;}
div.helpsearchcontrol div.helpsearchbutton{float:left; margin-right:10px}
div.helpsearchcontrol div.helpsearchbutton input[type=submit]{ min-width: 35px;min-height: 22px;padding: 0;}

div.all-topics-list{overflow:hidden; margin-top:15px; margin-bottom:20px; padding-bottom:30px;}
div.all-topics-list div.topiclist{float:left; width:355px; padding:10px 0 10px 10px;}
div.all-topics-list div.topiclistfull{float:none; width:auto; padding-right:10px;}
div.all-topics-list h1{background-color:#282828; color:#FFF; padding:5px; font-size:110%; margin:0; text-align:center; font-weight:bold;}
div.topiclist h2 a{color:#282828;}
div.all-topics-list h3 {color:#FFF; text-align:center; padding:5px; background-color:#CC0033; height:20px}
div.topiclist h4{background-color:#ededed; font-size:110%; padding:5px; margin:0;}
div.topiclist ul{list-style:none; margin:5px 0 15px 8px;}
div.topiclist ul li{padding:4px 0;}

div.article div.conthold div.clr{display:block;clear:left;}
div.helpcommonfaqbox{overflow:hidden;background-color:#ededed!important; margin-bottom:20px;}
div.helpcommonfaqbox div.topiclist{float:left; width:355px; padding:10px 0 10px 10px;}
div.helpcommonfaqbox h3{background-color:#3e8ece; color:#FFF; padding:7px 5px 10px; font-size:110%; margin:0; text-align:center; background-color:#CC0033;}

/* article section list page */
div.section-article-list h2{background-color:#3e8ece; color:#FFF; font-size:110%; padding:5px; margin:10px 0 0 0; font-weight:bold;}
div.section-article-list div.topiclist {background-color:#ededed; margin-bottom:10px; padding:10px 0 10px 15px;}
div.section-article-list div.topiclist ul{margin:0;}

/* finance view header*/
.financeheader {padding:0;margin:10px 0 10px 0;background-color:#3e8ece;height:1%;}
.financeheader .lefticon {background-color:#3e8ece;float:left; margin:0; padding:0}
.financeheader .main, .financeheader .main2 {float:left;margin:0; background-color:#3e8ece;width:511px;color:#FFF; font-weight:bold; font-size:110%}
.financeheader .main {padding:8px}/*specifically for 1 line of text*/
.financeheader .main2 {padding:18px 0 16px 10px}/*specifically for 2 lines of text*/
.financeheader .righticon {background-color:#3e8ece;float:right}
.financeheader .heading {font-size:130%; line-height:20px}

/* second pager on product listings */
div.lower-pager{padding:8px 0 0 0; text-align:right; margin-bottom:20px; margin-bottom: 10px;}
 
/*Refine your search*/
#refinesearch.collapsible h2, #refinesearch.collapsed h2{background-color:Transparent; font-weight:bold}
#refinesearch.collapsible {cursor:pointer; background:url('/images/theme/dabs_com_v3/en/buttons/btn-refine-search-closed-2.gif') no-repeat top left;}
#refinesearch.collapsed {cursor:pointer; background:url('/images/theme/dabs_com_v3/en/buttons/btn-refine-search-open-2.gif') no-repeat top left;}

/*  Refine your search indicator */
#refine-indicator {clear:both; overflow:hidden; display:none}
#refine-indicator .arrow {float:left;width:24px; height:42px; background:url('/images/theme/dabs_com_v3/en/icons/icn-refine-pointer.gif') no-repeat;margin-left:1px}
#refine-indicator .infobox {background:url('/images/theme/dabs_com_v3/en/layout/refine-pointer-dec.gif') no-repeat left; float:right; text-align:left; font-size:110%; border-bottom:1px solid #b4b4b4; border-right:1px solid #b4b4b4; border-top:1px solid #b4b4b4; padding:11px 5px 0 5px; margin-bottom:10px; width:704px; height:29px} 
#refine-indicator .copy {padding-left:45px}
#refine-indicator strong {color:#CC0033; font-weight:bold}

/*Chat form interface*/
.chatformlinks {width:464px;height:200px; margin:0 0 15px 10px; background:url("/images/theme/dabs_com_v3/en/chat/unavailable-bg.gif"); background-repeat:no-repeat}
.chatformlinks ul {padding:88px 0 0 100px;}
.chatformlinks a:hover {text-decoration:underline; font-weight:bold; color:#2D5884}
.chatformlinks ul li {list-style-image: url("/images/theme/dabs_com_v3/en/icons/icn-nav-arrows.gif"); background-position:bottom; padding:0; margin:0}
.chatformlinks ul li a {color:#3e8ece; text-decoration:none; font-weight:bold; line-height:23px; text-decoration:underline}
.flchat1 {float:left; width:99%}
.flchat2 {float:left}
.promopage-content h1 {color:#3e8ece; font-size:17px; border-bottom:1px solid transparent; margin:10px 0; padding-bottom:10px; font-weight:bold; clear:both}

/* Order status page courier information */
#courier-info {background-color:#FFF; border:4px solid #b4b4b4; overflow:hidden; padding:5px; width:205px;}
#courier-info h5 {color:#282828;float:left;font-weight:bold;padding:8px 8px 8px 2px;}
#courier-info .courier-name {border-bottom:1px solid #b4b4b4;float:left;padding-bottom:5px;width:205px;}
#courier-info .courier-boxes {border-bottom:1px solid #b4b4b4;float:left;overflow:hidden;width:205px;}
#courier-info .courier-view-dispatch-items {float:left;margin-top:5px;overflow:hidden;width:205px;}
#courier-info .courier-logo {overflow:hidden;text-align:left;}
#courier-info strong {float:left;padding:8px;}

/* social networking */
div.social-networking-panel{color:#3e8ece; font-family:Tahoma, Arial, Sans-Serif; text-align:center;}
div.social-networking-panel .close-icon{float:right; cursor:pointer;}
div.social-networking-panel h1{color:#282828; text-align:left; line-height:27px;}
div.social-networking-panel ul{overflow:hidden; font-size:125%; width:350px; margin:30px auto 10px auto !important;}/* important to override stuff in thickbox css */
div.social-networking-panel ul li{float:left; width:49%; text-align:left; margin-bottom:15px;}
div.social-networking-panel ul li img{vertical-align:middle; margin-right:10px;}
div.social-networking-panel a{font-weight:normal; color:#3e8ece}
div.social-networking-panel p.email-friend{font-size:125%;}
div.social-networking-panel p.email-friend a{position:relative; top:3px;}
div.social-networking-panel p.email-friend img{vertical-align:middle; margin-right:5px;}

/* new unified CSS for forms */
fieldset.unified {position:relative; padding:3em 1.5em 1em 1.5em; margin:1.5em 0; background: #ededed url('/images/theme/dabs_com_v3/en/layout/bg-fieldset.png') 0 -1px repeat-x;}
fieldset.unified h4.fieldset-title{background:#4B8AC7; color:#FFF; font-size:100%; font-weight:bold; text-align:center; min-width:90px; padding:6px 25px; position:absolute; top:0; left:0; margin:0}
fieldset.unified legend{font-weight:bold;}
fieldset.unified p.requiredfieldindicator{font-size:90%; position:absolute; top:10px; right:10px;}
fieldset.unified p.requiredfieldindicator em{color:#CC0033; font-style:normal;}
fieldset.unified h3{font-weight:normal; color:#282828}
fieldset.unified h4.fieldset-title {background: none repeat scroll 0 0 #4B8AC7;color: #FFF;font-size: 100%;font-weight: bold;left: 0;margin: 0;min-width: 90px;padding: 6px 25px;position: absolute;text-align: center;top: 0;}
fieldset.unified label.question-label{padding-top:2px; float:left; width:12em; margin-right:1em; font-weight:normal; clear:both; text-align:right;}
fieldset.unified label.alert{font-weight:bold;}
fieldset.unified label.question-label em{color:#CC0033; margin-left:5px;}
fieldset.unified ol{clear:both;}
fieldset.unified ol p.context-text{margin:10px 0}
fieldset.unified li {padding:0.5em 0; overflow:hidden; height:100%; list-style-type:none;}/* list-style fixes an odd webkit rendering issue */
fieldset.unified li.field-error{border:1px solid #FFD2D2; background:#ededed url("/images/theme/dabs_com_v3/en/icons/formbuilder/icn_fielderror.gif") no-repeat scroll 8px 8px; margin:1em 0; color:#CC0033;}
fieldset.unified li.field-error label.question-label{font-weight:bold; padding-left:1.2em; width:10.8em;}
fieldset.unified li.field-error div.error-message{padding:5px 10px 5px 13em; clear:left;}
fieldset.unified li div.field-container{float:left;}
fieldset.unified li span.readonly-field{padding:2px; display:block; float:left; font-weight:bold;}
fieldset.unified div.button-and-text{margin-top:10px;}
fieldset.unified div.button-and-text p{margin-top:5px;}
fieldset.unified input.adjacent-button{margin-left:15px;}
fieldset.unified .tickbox {float:left; width:1%; padding:0; margin:0; text-align:left;}
fieldset.unified .ticktext {float:right; width:96%; text-align:left}
fieldset.unified span.field-validation-error{display:block; color:#CC0033; margin-top:5px;} /* basic non-fieldwrapper validation errors */
/* fieldset block layout where question label and fields are in separate lines */
fieldset.unified li.block-layout label.question-label{display:block; float:none; width:auto; text-align:left; margin-bottom:5px;}
fieldset.unified p.info {margin-bottom:10px}
fieldset.unified div.warning {padding:10px; border:1px solid #f68c1f ; background-color:#FFF; color:#f68c1f ; margin-bottom:10px;}
fieldset.unified div.note {float:right; width:350px; margin-top:2px;}
fieldset.unified div.popupfieldhelp{display:none; position:absolute; margin-left:20px; border:1px solid #BBC6E0; background: #FBFFFF url('/images/theme/dabs_com_v3/en/icons/formbuilder/icn_fieldinfo.gif') no-repeat 5px 5px;padding: 5px 10px 5px 30px; color: #2D5884; width:240px;}

/*unified forms CSS - online forms extra */
fieldset.unified li input.small{width:100px;}
fieldset.unified li input.medium{width:200px;}
fieldset.unified li input.large{width:300px;}
fieldset.unified li textarea.small{width:200px; height:50px}
fieldset.unified li textarea.medium{width:250px; height:80px}
fieldset.unified li textarea.large{width:300px; height:100px}
fieldset.unified li div.address-type-selector {float:left;margin-left:20px;}

/*online forms survey styling*/
fieldset.unified div.survey-intro{color:#2D5884; font-size:90%; margin:0.5em 0;}
fieldset.unified table.survey-table{width:100%; padding:1em 0;}
fieldset.unified table.survey-table th{color:#2D5884; text-align:center;}
fieldset.unified table.survey-table td, fieldset.unified table.survey-table th{line-height:1.5em; padding:0.75em 0;}
fieldset.unified table.survey-table td.survey-option-cell{text-align:center; vertical-align:top;}
fieldset.unified table.survey-table td label.question-label{float:none; width:auto;}
fieldset.unified table.survey-table td div.surveyfieldhelp{clear:left; font-size:10px; color:#b4b4b4;}
fieldset.unified table.survey-table td div.surveyfieldhelp-error{clear:left; color:#CC0033;}
fieldset.unified table.survey-table tr.fielderror{background-color:#ededed; margin-bottom:0.5em;}
fieldset.unified table.survey-table tr.fielderror label.question-label{font-weight:bold; color:#CC0033; padding-left:2em; background:url(/images/theme/dabs_com_v3/en/icons/formbuilder/icn_fielderror.gif) 0 50% no-repeat;}
fieldset.unified table.survey-table tr.fielderror td.surveylabel{padding-left:5px;}
fieldset.unified table.survey-table tr.fielderror div.surveyfieldhelp{color:#CC0033;}

/* nested fieldset styling, used by online forms and certain account pages so be careful making changes */
fieldset.unified fieldset{background:none; border:none; padding:0;}
fieldset.unified fieldset legend{padding:0 0 6px 0;}


/* payment details page */
fieldset#cardentry ol{float:left; width:450px;}
fieldset#cardentry div.help{float:left; width:300px;margin-left:50px}
fieldset#cardentry div.help img#cvvhelp{float:right;}
fieldset#cardentry div.help h5{margin-bottom:10px; color:#2D5884;}
p.find-cvv-help{margin-right:65px; font-size:90%;}
select#selectedbillingaddressid{width:100%;}
#recentaddresslist #basic_client_paging {margin-bottom:10px; overflow:hidden;}

/* delivery details page */
div.delivery-page-content{margin-bottom:1em; line-height:1.4em;}
div.delivery-page-content ul{margin-left:1.5em; list-style:disc; margin-top:1em; margin-bottom:1em;}
div.delivery-page-content ul li{margin-bottom:0.5em;}

table.delivery-details{border-collapse:collapse;}
table.delivery-details th{border:1px solid #FFF;}
table.delivery-details th.service{width:60%; text-align:left; padding-left:1em;}
table.delivery-details th.order-value{width:30%; text-align:left; padding-left:1em;}
table.delivery-details th.cost{width:10%; text-align:right; padding-right:1em;}
table.delivery-details td{border:1px solid #FFF; text-align:left; padding-left:1em;}
table.delivery-details td.price{text-align:right;}

#delivery {padding:10px 20px 20px 20px}
#delivery h2 {margin:20px 0; font-size:150%;}
#delivery table {margin:20px 0; width:100%}
#delivery table th{padding: 10px; color:#FFF; background: url('/images/theme/dabs_com_v3/en/layout/bg-table-head.jpg') repeat-x scroll left bottom #b4b4b4; border: 1px solid #b4b4b4;border-top: 1px solid #282828;font-weight: bold; vertical-align: middle;}                   
#delivery table#calendar th.la {text-align:left} 
#delivery table td {border:1px solid  #FFF; background-color:#ededed; padding:10px; }
#delivery ul {padding:10px}
#delivery .region-select {float: left; width: 45%;}
#delivery .schedule-select {float: right; width: 45%;}
#delivery ul {list-style-type: disc; margin-left: 20px; margin-bottom: 20px;}
#delivery li {margin-top: 5px; margin-bottom: 5px;}
#delivery td.label{width: 40%;}
#delivery td.disabled{background-color: #b4b4b4;}
#delivery table td.price {text-align:center; color:#CC0033}
#delivery table td span.price {color:#CC0033}

/* table classes */
table .notbl-bg{background-color:#FFF;}
table .total-bg{background-color:#282828; color: #FFF;}

/*Epp names list*/
div.epp-option {width:50%; overflow:hidden}
div.epp-scheme-list {float:left; width:72%; font-size:15px; padding:6px; border-bottom:1px dotted #282828}
div.epp-select {float:right;text-align:right; padding:5px 0 0 0}
div.epp-select a {text-decoration:none;padding:4px 13px 3px 13px;}/*No text decoration for new expandable buttons*/

/* ajax dialogs */
div.ajax-dialog{background:#FFF; text-align:left; padding:10px;}
div.ajax-dialog .close-icon{float:right; cursor:pointer;}
div.ajax-dialog h1{color:#282828; text-align:left; line-height:27px; margin-bottom:5px;}
div.ajax-dialog div.lightbox-buttons{margin:10px 10px 10px 0;}
div.ajax-dialog div.lightbox-buttons .right{float:right;}

/* iframed lightbox support - base rules */
body.lightbox-iframe{background:#FFF; text-align:left; padding:10px;}
body.lightbox-iframe .close-icon{float:right; cursor:pointer;padding:2px}
body.lightbox-iframe h1{ font-weight:normal; text-align:left; color:#FFF}
body.lightbox-iframe fieldset.unified p.requiredfieldindicator{display:none;}

/* iframed address lightbox*/
body.lightbox-iframe #addresslightbox{padding-top:20px; padding-left:20px}
body.lightbox-iframe #addresslightbox{overflow:hidden}
body.lightbox-iframe #addresslightbox fieldset.unified{background:none; border:none; margin:0; padding:45px 0 20px 2px;}
body.lightbox-iframe #addresslightbox fieldset.unified legend{border:none; padding:0}
body.lightbox-iframe #addresslightbox fieldset.unified ol li{padding:0.25em 0;}
body.lightbox-iframe #addresslightbox fieldset.unified ol li.field-error{background-image:none; padding-left:3px;}
body.lightbox-iframe #addresslightbox fieldset.unified ol li.field-error label{padding-left:0;}
body.lightbox-iframe #addresslightbox fieldset.unified ol li.field-error div.error-message{display:none;}
body.lightbox-iframe #addresslightbox .contact-details{float:left; width:175px; height:100%}
body.lightbox-iframe #addresslightbox .address-entry{float:right; width:410px;height:100%}
body.lightbox-iframe #addresslightbox .address-entry #saveaddressoptionpanel{margin-bottom:5px;}
body.lightbox-iframe #addresslightbox .address-entry #saveaddressoptionpanel label{font-weight:normal; display:inline}
body.lightbox-iframe #addresslightbox div.button-bar{border-top:1px solid #b4b4b4; padding-top:5px; clear:both;}
body.lightbox-iframe #addresslightbox div.button-bar .left{float:left;}
body.lightbox-iframe #addresslightbox div.button-bar .left p{color:#CC0033; font-weight:bold;}
body.lightbox-iframe #addresslightbox label{float:none; text-align:left; display:block;}
body.lightbox-iframe #addresslightbox select#selectedaddressudprn{width:100%;}

div.ajax-dialog#confirmlightbox p{margin:20px 0;}



ul#paymentcardaddresslist.compact-address-list span.addressline-name{font-weight:bold; display:block;}

#addresslistpagetable{clear:left;}
#addresslistpagetable span.addressline-name{font-weight:bold;}

div.generic-pager{float:right; margin-bottom:10px;}
div.generic-pager a, div.generic-pager span.current-page{float:left; padding:2px 5px; border:1px solid #ededed; margin-left:5px; font-weight:bold;}
div.generic-pager a{text-decoration:none;}
div.generic-pager a:hover{border-color:#3e8ece;}
div.generic-pager span.current-page{background-color:#b4b4b4; color:#FFF;}

/* returns (new MVC pages) */   
fieldset#returnreasonlist dt{float:left; width:30px;}
fieldset#returnreasonlist dd{margin:5px 0 15px 40px;}
fieldset#returnreasonlist dd label{font-weight:bold; margin-top:5px; display:block;}
table.returnsproductlist .product-info img{float:left;}
table.returnsproductlist .product-info p{margin-left:45px;}
table.returnsproductlist .price-col{color:#CC0033; font-weight:bold;}

textarea#supportinginformation{width:450px; height:120px;}
span#supportinginfofootnote{width:445px; font-size:90%; display:block; margin-left:5px;}

div#returnsdeliveryaddress{padding:10px; border:1px solid #b4b4b4; margin:20px 0;}
div#returnsdeliveryaddress h2{font-size:120%;}
div#returnsdeliveryaddress p{margin:0 0 10px 0;}

fieldset#returninfopanel label{font-weight:bold;}
fieldset#returninfopanel select{margin:10px 0 20px 0;}

fieldset#faultreportpanel div#faultselection{margin-bottom:20px;}
fieldset#faultreportpanel textarea{width:400px; height:120px;}
fieldset#faultreportpanel p#textareanotes{width:445px; font-size:90%; margin-left:5px;}
fieldset#faultreportpanel div#termsandconditions{margin-top:20px;}
fieldset#faultreportpanel div#termsandconditions label{font-weight:bold;}

fieldset#supportinginfopanel div#termsandconditions{margin-top:20px;}

fieldset#termsdeclinedpanel p#textareanotes{width:445px; font-size:90%; margin-left:5px;}
fieldset#termsdeclinedpanel textarea{width:450px; height:120px; margin-top:10px;}

fieldset.return-details textarea{width:450px; height:120px;}

table#returnorderheader{width:100%; margin:20px 0;}
table#returnorderheader td.label{width:120px;}

#returnordercollectionpanel {margin:20px 0}
#returnordercollectionpanel form{margin:10px 0;}

/* view orders page */
div#orderviewoptions{margin-bottom:10px; margin-top: -10px;}
div#orderviewoptions .sort-option{width:370px;}

/* Tooltip styling */
#tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #ededed; padding: 5px; opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0; }

/* Email a friend */
#emailfriend #targetname{width:175px;}
#emailfriend #targetemail{width:250px;}
#emailfriend #message{width:400px; height:200px;}

/* Product Info Thickbox */
div.product-info {position:absolute; top:0; left:0; width:535px; height:400px;}
div.product-info img.close-icon {position:absolute; top:10px; right:10px;}
div.product-info img.manufacturer-logo {float:left; padding:20px 0 20px 12px; width:78px; height:30px;}
div.product-info div.icons {clear:left; float:left; width:120px; height:250px; border:1px solid #b4b4b4; border-left:none; border-right:none; margin:5px 0 0 0;}
/* note that title div needs to leave enough space for mfr image! */
div.product-info div.title {float:left; width:420px; margin:10px 0 0 0; padding:0 0 0 10px; height:60px}
div.product-info div.stock-info {float:left; width:100px; height:230px; border:1px solid #b4b4b4; border-left:none; border-right:none; padding:10px; margin:5px 0 0 0;}
div.product-info h1 {margin:0; padding:0; text-align:left; font-size:125%; font-weight:bold; background-image:none; color:#282828;width: 390px;background-color: #ffffff;}
div.product-info span.sales-info {color:#4b9225; font-weight:bold; display:block;}
div.product-info img.product-image {border:1px solid #b4b4b4; float:left; padding:0 20px; margin:5px 0 0 0;width:250px; height:250px}
div.product-info div.left {width:250px; float:left; padding:10px 0 0 10px;}
div.product-info div.right {width:250px; float:right; text-align:right; padding:10px 10px 0 0;}
div.product-info ul.info-icons {padding:15px 15px;}
div.product-info ul.info-icons li {display:inline; padding:2px;}
div.product-info span.lprice {font-size:160%; display:block;padding-right:5px;padding-bottom: 8px;}
div.product-info span.stock-status {font-weight:bold;}

/* email verification page */
fieldset#emailverification input#verificationcode{width:360px;}
#messageconfirmationpanel{margin-top:20px;} 
#messageconfirmationpanel h3{color:#FFF; padding:5px 8px; margin-bottom:0}
#messageconfirmationpanel #panelcontent{padding:10px 5px; background-color:#ededed; overflow:hidden;}
#messageconfirmationpanel table{width:100%;}
#messageconfirmationpanel table td{padding:3px; font-weight:bold;}
#messageconfirmationpanel table td.label{width:100px; font-weight:normal;}
#messageconfirmationpanel.message-found h3{background-color:#4b9225;}
#messageconfirmationpanel.message-found a.view-message-button{float:right; margin:10px 10px 5px 0;}
#messageconfirmationpanel.message-not-found{background-color:#CC0033;}
#messageconfirmationpanel.message-not-found h3{color:#FFF;}

/*Home page expandable box*/
.home-page-intro {margin: 20px 0 0 0; clear:both}

/*File not found */
#filenotfoundcontent{margin-top:30px;}
#filenotfoundcontent ul{list-style:disc; margin-left:20px;}
#filenotfoundcontent ul li{margin:10px 0;}

/*Latest offer page*/
div.latestcommsheader{overflow:hidden;background-color:#ededed!important; margin-bottom:20px; padding-bottom:25px}
div.latestcommsheader h3{background-color:#3e8ece; color:#FFF; padding:5px; font-size:110%; margin:0; text-align:center; height:40px}
div.latestcommsheader ul{margin-left: 15px}
div.latestcommsheader ul li {line-height:22px}
div.latestcommsheader .header-text{padding:10px}


@media print
{
	
	/* Homepage styling */ 
	h3 {color:#282828; padding-bottom:3px; margin-bottom:10px}
	#minibasket, #search, #navigation {display:none;}
	#contentbody.left-col-only {width: 100%; margin: 0; float: none}
	#contentbody.left-col-only #left-col {display:none}
	div.navigation-filter-col {display:none}
	.product-grid .column {width:155px}
	h2.main-content {text-align:left;}
	#middle-col #mainBanner {height:1px;margin-bottom:20px}

	p.buy-control .buybtn {display:none}
	p.buy-control label {display:none}
	.product-merchant {border:1px solid #b4b4b4; height:250px}
	#contentbody.left-col-only #middle-col {float:left; width:100%}
	#contentbody {overflow:visible}
	.homepage-featured-brands {display:none} 
	.top-promo-area {border:none}
	.product-merchant ul.info-icons {display:none;}
	
	
	hr.hidcontent {display:none;}
	#printhead{display:block}
	.hidcontent{display:inline}
	.cookies {display:none;}
	#pagewrapper{width:988px; text-align:left; margin:0 auto; background-color:#FFF;border-left:0; border-right:0; border-bottom:0; overflow:visible;}
	.screen-hidden{display:block;}
	
	div.product-detail-body{border-top:none; overflow:visible;}
	div.product-detail-body .tabs{display:none;}
	div.product-detail-body .content .tabcontent{display:block;}
	div.product-detail-body .content {margin-left:0; width:auto; border-bottom:0; border-left:0; border-right:0}

	.noprint, .printhide{display:none!important;}
	
	/* Collect plus print styling */
	.collections .label {position:absolute; margin:-40px 0 0 -20px;width:670px; padding:0; background-color:#FFF}
	.collections table.gen-table {border:1px solid #282828}
	.collections table.gen-table.print-position1 {position:absolute; margin-top:540px; width:280px}
	.collections table.gen-table.print-position2 {position:absolute; margin:540px 0 0 150px; width:280px}
	.collections table.gen-table th {border:1px solid #282828; color:#282828; font-weight:bold}
	.collections table.gen-table td, .collections table.gen-table th {padding:10px;}
	.collections table.gen-table td {border:1px solid #282828}
	.collections {border:none}
	#logo img {margin-top:-30px}
   
	/* Footer links */
	#footer div.links {display:none}
	#footer div.vat-message {border-bottom:1px solid #FFF;padding:4px 4px 4px 10px ; width:500px; text-align:left}
	#footer div.vat-message a {display:none}
	.hide {display:none}
	#footer div.badges {display:none}
	.emph {padding:10px; margin:0;}
	
}

@media screen{
	.screen-hidden{display:none;}
}

/*Edit communication preferences*/
#edit-communication-preferences #emailInvoicingTextBox {width:235px; margin:-17px 0 0 95px}

/*wishlist panel */
#right-col div.rbthold h3{font-size:13px;}
#right-col div.wishlist-gallery{overflow:hidden;}
#right-col div.wishlist-gallery p.empty{margin:10px;}
#right-col div.wishlist-gallery .wishlist-item{padding:8px 0 4px 7px; float:left;}
#right-col div.wishlist-gallery .wishlist-item span{text-align:center; display:block; font-size:11px;}
#right-col div.wishlist-gallery .wishlist-item a img{border:1px solid #b4b4b4;}

/* recommended panel */
#right-col div.rbthold h3{font-size:13px;}
#right-col div.rb{padding-bottom:15px; margin-bottom:7px;}
#right-col div.rb .item{padding:8px; overflow:hidden; font-size:90%;}
#right-col div.rb .item a img{border:1px solid #b4b4b4; float:left; width:35px; height:35px;}
#right-col div.rb .item p{margin-left:42px;}

/* heading panels on product list */
.product-list-heading, .featured-brand-heading{overflow:hidden; padding-bottom:10px; margin-bottom:5px;}
.product-list-heading .logo{position:relative; width:105px; margin-right:-105px; float:left; top:8px; left:3px;}
.product-list-heading img.used-stock{position:relative; top:10px;}
.product-list-heading img.clearance-corner{position:relative; top:5px;}

.product-list-heading .content{border-left:105px solid #CC0033; float:left; width:615px; background-color:#ededed; padding:10px; min-height:95px;}
.product-list-heading .content h1, .featured-brand-heading .content h1{background:none; width:auto; text-align:left; padding:0; margin-bottom:3px;}
.product-list-heading .content h1 a, .featured-brand-heading .content h1 a{color:#CC0033; text-decoration:none; font-weight:normal;}
.product-list-heading .content h1 a:hover, .featured-brand-heading .content h1 a:hover{text-decoration:underline;}

.featured-brand-heading{position:relative;}
.featured-brand-heading .logo{position:absolute; top:12px; left:12px; padding:4px; background:#FFF; border:1px solid #e5e5e5}
.featured-brand-heading .logo img{width:155px; height:60px;}
.featured-brand-heading img.used-stock{position:relative; top:10px;}
.featured-brand-heading img.clearance-corner{position:relative; top:10px;}
.featured-brand-heading .content{padding:10px 10px 10px 188px; min-height:75px;}

/*alternative and recommended products*/
div.alternative-recommended { margin-left: 179px; margin-top: 5px; width: 727px; padding: 15px 30px; border: 1px solid #ededed;}
div.alternative-recommended .product-merchant-recommended .product-merchant {height: 265px;}
div.alternative-recommended .product-merchant-recommended .descripton .lower-section .buy-control{display:inherit;}
div.alternative-recommended .product-merchant-alternatives .description .lower-section .buy-control{display:none}
div.alternative-recommended .product-recommended .lprice{font-size:100%;}
div.alternative-recommended .product-merchant .sales-info{height:30px;}
div.alternative-recommended .product-slider .product-slider-item{background-image:none;}
div.alternative-recommended .product-merchant ul.info-icons{display:none;}
div.alternative-recommended h2 {margin-left:5px; padding-top:3px;}
div.alternative-recommended .alternative-recommended-heading {margin: -16px -30px 10px -30px; background-color: #ededed; height: 32px;}
div.alternative-recommended .product-recommended .description { padding-left: 20px;}
div.alternative-recommended .product-recommended{ background-image: none;}
div.alternative-recommended .product-recommended .lower-section{padding-top:10px;}
div.alternative-recommended .product-slider-container .button-area-left, div.alternative-recommended .product-slider-container .button-area-right {top:33%}
div.alternative-recommended .product-merchant-alternatives .product-recommended {height:90px;}

/*hide communication fieldset legend on registration page*/
#reg-communicationPrefs fieldset.unified h4.fieldset-title {display: none;}
#reg-communicationPrefs fieldset.unified {padding: 1em 1.5em;}

/*hide first two check boxes and only display third parties check box*/
div.marketingcheckbox {display: none;}
div.marketing-third-parties{ display:block;}

#page2 .confirm-email {display:block; margin-right:10px;}
#page2 ol #editEmail { margin-top: -9px; margin-bottom: 15px; margin-left:162px; font-size:93%;}

.account-details { padding-top:10px;}
.account-details label { padding-right: 10px; margin-bottom: 10px;}