@charset "UTF-8";
/*
 *	Variables
 */
/*
 *	Colors
 */
/*
 *	Others
 */
/*
 *	Legacy. 
 *	All of this should eventually fall down into either components or pages.
 *	
 *	*** IMPORTANT***
 *	Do not allow the compiled file to exceed 4096 selectors, or the 
 *	overflowing selectors will not kick in on older IEs. 
 *	As a rule of thumb, 1kb = 10 selectors, so try to keep the
 *	compiled file under 400kb, or count the selectors using 
 *	something like http://snippet.bevey.com/css/selectorCount.php#
 */
/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2009, 2010 All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *-----------------------------------------------------------------
 */
/* CSS Document */
/* TABLE OF CONTENTS
1.COMMON GENERAL CLASSES
2.COMMON FONT CLASSES
3.HEADER CLASSES
4.BREADCRUMB and CURRENCY AREA CLASSES
5.MAIN CONTENT CLASSES
6.LEFT NAV CLASSES
7.RIGHT NAV CLASSES
8.FOOTER NAV CLASSES
9.FORM CLASSES
10.BUTTON CLASSES
11.BOX CONTAINER CLASSES
12.PRODUCT GRID CLASSES

/* -----------------------------------------------------------------------------*/
/* 1. COMMON GENERAL CLASSES
/* -----------------------------------------------------------------------------*/
a, fieldset, form, h1, h2, h3, h4, h5, h6, p, li, ol, ul, body, html, tr, td, img, button, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Fira Sans' , sans-serif;
  font-size: 10px;
  color: #656565; }

#staticDialogueContent {
  width: 610px;
  height: 500px;
  border: none;
  overflow: auto; }

body {
  /* height: 100%; */
  /* width: 100%; */
  /* background-color: #fff; */
  /* background-image: url('../../images/background.png'); */
  /* background-repeat: repeat-x; */
  line-height: 1.4; }

/*ff hidden field defect*/
input[type="hidden"] {
  position: absolute;
  left: -999em;
  display: none;
  visibility: hidden; }

input[type="checkbox"], input[type="radio"] {
  background: transparent;
  border: 0; }

/*  fix for ie8 and below unwanted checkbox and radio button border  */
#page_wrapper {
  width: 100%; }

#page,
#search {
  margin: 0 auto; }

#page_shadow {
  margin: 0 auto;
  padding: 0px;
  width: 100%;
  max-width: 977px;
  height: 3px;
  display: none; }

.italic {
  font-style: italic; }

.margBottom {
  margin-bottom: 15px; }

#page .inline, #page #b2cEmail .inline {
  display: inline; }

#page .block {
  display: block; }

#page .clear {
  clear: both; }

#search .clear {
  clear: both; }

.left {
  float: left; }

.normalWeight {
  font-weight: normal; }

img.left {
  padding-right: 10px; }

.checkBox.left {
  margin-right: 3px;
  border: none; }

.offLeft {
  position: absolute;
  left: -9999px; }

.upper {
  text-transform: uppercase; }

.left_wishlist {
  padding: 9px 0;
  float: left; }

.left_drop_down_shipment {
  float: left; }

.right {
  float: right; }

.space {
  height: 6px; }

.cursorPoint {
  cursor: pointer; }

.vertical_align_top {
  vertical-align: top; }

#box .paginateWrap .paginationLinks li a.prev {
  padding-left: 18px; }

.pagination_controls {
  padding: 0px 7px 0px 7px; }

.pagination_input {
  float: left;
  margin-bottom: 2px; }
  .pagination_input label {
    margin-top: 3px; }
  .pagination_input input {
    margin: 0;
    vertical-align: top; }

.pagination {
  float: left; }

div.left a.light_button {
  margin: 0 0 0 4px; }

div#top_pagination, div .top_pagination {
  margin-top: 5px; }

.clear_left {
  clear: left; }

.clear_right {
  clear: right; }

.clear_both {
  clear: both;
  display: block; }

.group:after {
  /* a semantic .clearfix */
  content: "";
  display: table;
  clear: both; }

.compareClass {
  width: 150px;
  padding: 4px 0px 0 33px; }

.backToTopContainer {
  clear: both;
  float: left;
  margin-top: 15px;
  text-align: center;
  width: 100%; }

.backToTop {
  display: inline-block;
  padding: 10px; }

p.emptyTableParagraph {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0px; }

div.table {
  padding: 8px 0; }
  div.table div.row {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #c6d0dc; }
    div.table div.row div {
      padding: 6px 5px; }
      div.table div.row div.gridcell {
        float: left;
        padding: 3px 5px; }
      div.table div.row div.clear_float {
        float: none;
        font-size: 0;
        padding: 0; }
  div.table div.column_heading {
    border-bottom: 1px solid #c6d0dc;
    border-top: 1px solid #c6d0dc;
    font-weight: bold; }
  div.table ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    div.table ul li {
      float: left;
      padding: 3px 5px; }
      div.table ul li.clear_float {
        float: none;
        font-size: 0;
        padding: 0; }
    div.table ul.column_heading {
      border-bottom: 1px solid #c6d0dc;
      border-top: 1px solid #c6d0dc;
      font-weight: bold; }
    div.table ul.row {
      border-bottom: 1px solid #c6d0dc; }
      div.table ul.row li {
        padding: 6px 5px; }
        div.table ul.row li.clear_float {
          padding: 0; }

.clear_float {
  clear: both; }

div.hidden_summary, span.hidden_summary {
  position: absolute;
  left: -99999px; }

/* General info table   */
div.info_table {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin-bottom: 10px;
  display: -moz-inline-block;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  div.info_table div.row {
    border-bottom: 1px solid #cccccc; }
    div.info_table div.row div.label, div.info_table div.row div.info_content, div.info_table div.row div.label1, div.info_table div.row div.label2, div.info_table div.row div.info_content1 {
      float: left;
      text-align: left;
      padding: 7px 0 3px 5px;
      vertical-align: middle; }
    div.info_table div.row div.label {
      border-right: 1px solid #cccccc;
      background-color: #F4F5F5;
      width: 130px;
      padding-left: 5px;
      padding-right: 5px;
      height: auto !important;
      min-height: 23px;
      height: 23px; }
    div.info_table div.row div.info_content {
      background-color: #fff;
      display: -moz-inline-block;
      display: inline-block;
      zoom: 1;
      *display: inline;
      border-right: none;
      padding-right: 7px; }
    div.info_table div.row div.label1 {
      width: 210px;
      padding-left: 5px;
      padding-right: 5px;
      height: auto !important;
      min-height: 23px;
      height: 23px;
      overflow-x: auto; }
  div.info_table div.label1 {
    overflow-x: auto; }
  div.info_table div.row div.label2 {
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 23px;
    height: 23px; }
  div.info_table div.row div.info_content1 {
    display: -moz-inline-block;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border-right: none;
    padding-right: 7px;
    height: auto !important;
    min-height: 23px;
    height: 23px;
    width: 210px; }
  div.info_table div.row div.info_content input, div.info_table div.row div.info_content select {
    margin: 0;
    height: 20px; }

/* 2.COMMON FONT CLASSES
/* -----------------------------------------------------------------------------*/
.error_msg {
  color: #CF0000; }

.landingpage_link {
  font-size: 1.0em; }

.status_msg {
  color: #404040; }

.order_link {
  display: block; }

.underline, .order_content {
  text-decoration: underline; }

.spanacce {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px; }

h1 {
  color: #404040;
  font-size: 1.4em;
  padding-bottom: 4px;
  clear: both; }

h2, .sidebar_header_link {
  font-size: 12px;
  padding-bottom: 2px;
  font-weight: normal; }

h3 {
  font-size: 11px;
  padding-bottom: 1px;
  font-weight: normal; }

.box_headers {
  color: #404040;
  font-size: 14px;
  font-weight: normal;
  padding: 0px;
  margin: 0px; }

.font2 {
  font-size: 11px; }

.font3 {
  font-size: 10px; }

.strong {
  font-weight: bold; }

/* 3.HEADER CLASSES
/* -----------------------------------------------------------------------------*/
.skipNav {
  text-align: left; }
  .skipNav a {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden; }
    .skipNav a:focus, .skipNav a:active {
      position: static;
      left: 0;
      width: auto;
      height: auto;
      overflow: visible;
      text-decoration: underline; }

.skipNav {
  text-align: left; }
  .skipNav a {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden; }
    .skipNav a:focus, .skipNav a:active {
      position: static;
      left: 0;
      width: auto;
      height: auto;
      overflow: visible;
      text-decoration: underline; }

a.accessFocus {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden; }
  a.accessFocus:focus, a.accessFocus:active {
    position: relative;
    left: auto;
    width: auto;
    height: auto;
    overflow: visible; }

div.withAccessLink {
  padding-top: 2px; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a:focus {
    /*Accessible: to enable people using the tab button to see where they are.
    Must not be overidden (!important)*/
    outline: #000 dotted thin; }

input:focus {
  /* Accessible: to enable people using the tab button to see where they are. */
  outline: #000 dotted thin; }

#header {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
  *z-index: 1; }
  #header:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#header_espots {
  padding: 50px 5px 5px 30px;
  float: left;
  width: 470px; }

.enclosed #header_espots {
  padding-top: 60px; }

#header_espots ul li {
  list-style: none; }

#WC_ContentAreaESpot_div_1_SAFEHeaderPageESpot01 {
  _width: 280px;
  padding-right: 10px; }

.espot-group {
  margin-top: 25px;
  float: right; }
  .espot-group .genericESpot {
    float: left;
    height: 30px;
    overflow: hidden; }

#quickLinkTitle {
  font-size: 11px;
  left: -9999px;
  padding-top: 10px;
  position: absolute;
  *width: 180px; }
  #quickLinkTitle span {
    float: right;
    margin-left: 7px;
    width: 7px; }

.clearHeader #header_links {
  border: none;
  background: none; }

#header_links .genericESpot .ad img {
  height: 20px; }

.headerSpotHold .genericESpot {
  padding-top: 5px;
  clear: both; }

.dj_ie .genForm #header_links ul,
.dj_ie .chooseBranch #header_links ul {
  float: right; }

#header_links .headerButton {
  float: right;
  *width: 240px; }
  #header_links .headerButton a {
    display: block;
    float: right;
    font-weight: bold;
    text-decoration: none;
    text-align: center; }

#header_links a.headerButtonRight {
  border-radius: 0 5px 5px 0;
  color: #fff;
  padding: 7px 36px 8px 15px; }

#header_links #headerLogout {
  background: #fff;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 5px 0 0 5px;
  padding: 6px 15px 7px 19px; }

#header_links #headerRegister {
  background: #fff;
  border: 1px solid #cf0000;
  border-right: none;
  border-radius: 5px 0 0 5px;
  padding: 6px 15px 7px 19px;
  color: #cf0000; }

.enclosed #header_links li {
  background: none; }
  .enclosed #header_links li.basket {
    margin-right: 30px; }
  .enclosed #header_links li a {
    padding: 6px 10px;
    display: block;
    text-decoration: underline; }

.enclosed #header_links .basket a {
  padding-right: 30px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; }

.basket #headerShopCart {
  margin: 0; }

#header_links1 {
  position: absolute;
  right: 260px;
  bottom: 30px;
  font-size: 7.5pt;
  display: none; }

#orderConfirmationHeader {
  display: none; }

/*
    ####  ######   ##   #####   ####  ##  ##
   ##  ## ##      ####  ##  ## ##  ## ##  ##
   ##     ##     ##  ## ##  ## ##     ##  ##
    ####  ####   ###### #####  ##     ######
       ## ##     ##  ## ####   ##     ##  ##
   ##  ## ##     ##  ## ## ##  ##  ## ##  ##
    ####  ###### ##  ## ##  ##  ####  ##  ##
 */
#SearchAgainForm {
  height: 30px;
  margin-bottom: 25px; }
  #SearchAgainForm #SimpleSearchForm_SearchAgain {
    margin-top: 12px; }
  #SearchAgainForm .search-btn {
    margin-left: 20px; }

#header-search {
  position: relative; }

#SimpleSearchForm_SearchAgain {
  float: left; }

#header-search #searchInfo {
  left: -25px;
  position: absolute;
  top: 6px; }

#searchDropdown {
  background: none repeat scroll 0 0 #fff;
  left: 0px;
  position: absolute;
  top: 60px;
  width: 363px;
  z-index: 910;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.175); }
  #searchDropdown .heading .tertiary-heading {
    margin-bottom: 0; }
  #searchDropdown .category_list {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

#suggestedKeywordsHeader,
#suggestedBrandsHeader {
  overflow: hidden;
  padding-top: 6px; }

ul div.list_section li a span.highlight {
  font-weight: bold; }

.autoSuggestDivNestedList a {
  float: left;
  font-size: 14px;
  padding: 3px 21px;
  width: 100%;
  color: #333; }

.autoSuggestDivNestedList > li:after {
  content: "";
  display: table;
  clear: both; }

.autoSuggestDivNestedList .heading {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  padding: 9px 20px;
  clear: both; }

#autoSuggestAdvancedSearch {
  padding: 12px 22px; }
  #autoSuggestAdvancedSearch #advancedSearch {
    float: left;
    font-size: 12px;
    padding: 9px;
    width: 100%;
    text-transform: uppercase; }

#searchFilterButton {
  border-left: 1px solid #ccc;
  padding: 4px 0 4px 14px;
  position: absolute;
  left: 204px;
  top: 3px;
  width: 125px; }

#searchFilterMenu {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
  left: 207px;
  position: absolute;
  top: 28px;
  z-index: 200; }
  #searchFilterMenu ul li a {
    border-bottom: 1px solid #ccc;
    clear: both;
    float: left;
    padding: 10px 14px;
    width: 100px; }

.hide {
  display: none !important; }

#header_nav_container {
  z-index: 1;
  width: 964px;
  margin: 0 auto; }

#placeHolder {
  /* Fix for the cart dd to work */
  position: relative;
  *position: static;
  top: 30px;
  left: 0;
  _top: -100px; }

#nav_links a.nav {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  padding: 2px 7px 5px 7px;
  display: inline-block; }

#header_nav .navItem .legacy-dropdown {
  padding: 5px 0;
  margin: 0;
  /* box shadow option */
  -moz-box-shadow: 0 2px 4px 0 #666666;
  -webkit-box-shadow: 0 2px 4px 0 #666666;
  box-shadow: 0 2px 4px 0 #666666;
  /* IE equivelant */
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999',direction='120',strength='5'); }
  #header_nav .navItem .legacy-dropdown a {
    padding: 2px 35px;
    margin: 0px;
    white-space: nowrap; }

#nav_links a.nav:hover {
  background-image: url("../../images/colors/color2/link-hover-over.png");
  background-repeat: repeat-x;
  line-height: 22px;
  padding: 4px 7px 5px 7px; }

#nav_links .spanrange {
  z-index: 3;
  padding-top: 4px 6px 0px 0px; }

.top_category_no_display {
  padding-top: 25px; }

#shopping_store_font {
  color: #404040; }

.column input {
  width: 250px; }

.column select {
  width: 256px;
  border: 1px solid #000; }

#pageregistration .column .input_label input {
  width: auto; }

#pageregistration ul.button {
  clear: both;
  margin: 20px 230px 80px 0; }

#pageregistration .profileContainer .profileFormView, #pageregistration .profileCreateOptionView {
  margin-top: 0; }

#ProfileCreateWidget {
  clear: both; }
  #ProfileCreateWidget br {
    height: 0;
    line-height: 0; }

/* For empty basket on checkout details page*/
.emptyBasket {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px; }
  .emptyBasket h2 {
    padding: 5px;
    font-weight: bold;
    font-size: 18px; }
  .emptyBasket p {
    padding: 5px; }
  .emptyBasket .siteAction {
    text-align: center; }
    .emptyBasket .siteAction a {
      float: none;
      display: inline-block; }

/* Overwrite dojo's drop down button classes */
.dijitDropDownButton {
  margin: 0;
  cursor: pointer; }

.dijitButtonNode {
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  color: white; }
  .dijitButtonNode .dijitButtonText {
    color: black; }

.dijitDropDownButton .dijitA11yDownArrow {
  margin-left: .8em;
  display: none; }

.dropDownButtonText {
  color: white;
  font-size: 12px;
  font-weight: bold; }

.dj_ie .dijitDropDownButton .dijitA11yDownArrow {
  margin-left: .8em;
  display: none; }

.dijitPopup {
  position: absolute;
  background-color: transparent;
  margin: 0;
  border: 0;
  padding: 0; }

.dijitValidationIconText, .dijitValidationIcon {
  display: none; }

.padding {
  padding-top: 0px;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 0px; }

.legacy-dropdown {
  background-color: #fff;
  border: solid 1px #000000;
  padding: 3px 0px 3px 0px;
  border-collapse: collapse; }

#header_nav .legacy-dropdown a {
  text-decoration: none;
  height: auto;
  padding: 2px 10px 0px 7px;
  display: block;
  margin: 0px 3px 0px 3px;
  color: #000; }

.legacy-dropdown a:hover {
  background-color: #CFE7F9;
  height: 17px;
  display: block; }

.legacy-dropdown .first_column {
  float: left;
  margin-bottom: 2px; }

.legacy-dropdown .column {
  float: left;
  margin-bottom: 2px;
  background: transparent url("../../images/colors/color2/dropdown_column_separator.gif") left repeat-y; }

.legacy-dropdown .first_column ul li, .legacy-dropdown .column ul li {
  display: block;
  margin: 0px 3px 0px 3px; }

.legacy-dropdown .first_column ul li:hover, .legacy-dropdown .column ul li:hover {
  background-color: #cfe7f9;
  display: block;
  cursor: pointer;
  color: #000; }

.legacy-dropdown .view_all {
  border-top: 1px solid #cccccc;
  margin: 2px 2px 0 2px; }
  .legacy-dropdown .view_all a {
    display: block;
    margin-top: 2px;
    padding: 3px 0 0 7px; }
  .legacy-dropdown .view_all ul li {
    display: block; }
    .legacy-dropdown .view_all ul li:hover {
      background-color: #cfe7f9;
      display: block;
      cursor: pointer;
      color: #000; }

.legacy-dropdown .clear_float {
  clear: both; }

.dijitMenuItemHover, .dijitMenuItemSelected {
  background-color: #CFE7F9;
  color: white; }

/* Menu Widget classes */
.wcmenu_columnPosition {
  float: left; }

.wcmenu_columnBorder {
  border-right: 1px dotted #cfe7f9; }

.wcmenu_columnPadding {
  padding: 0px 4px 2px 4px; }

.wcmenu_showAllBorder {
  border-top: 1px solid #cfe7f9; }

.wcmenu_showAllPadding {
  padding: 4px 4px 0px 4px; }

.wcmenu_showAllSize {
  width: 100%; }

/* -----------------------------------------------------------------------------*/
/* 4.BREADCRUMB and CURRENCY AREA CLASSES
/* -----------------------------------------------------------------------------*/
#breadcrumb {
  clear: both;
  width: 957px;
  min-height: 25px;
  _height: 25px;
  margin: 0 auto;
  padding: 5px 0 5px 0;
  margin-bottom: 2px; }
  #breadcrumb .breadcrumb_links {
    float: left;
    padding: 4px 3px 0px 5px; }
  #breadcrumb #bc_intro {
    display: none; }
  #breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #breadcrumb li {
    list-style: none;
    margin: 0;
    padding: 1px 10px 1px 20px;
    float: left; }
    #breadcrumb li.first {
      background: none;
      padding-left: 0; }
  #breadcrumb .title {
    padding: 12px 3px 0px 5px; }

.breadcrumb_dropdowns {
  display: none;
  text-align: right;
  float: right; }

.breadcrumb_item {
  float: right;
  padding: 2px 7px 0px 3px; }

.breadcrumb_current {
  color: #fff;
  background: #ccc; }

#currency {
  float: right;
  padding: 2px 7px 0px 3px; }

#checkout_crumb .crumb {
  padding: 0;
  margin-top: 15px; }
  #checkout_crumb .crumb ul {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    clear: both;
    width: 100%; }
  #checkout_crumb .crumb li {
    float: left;
    padding: 6px 35px 0 35px;
    height: 24px;
    font-size: 1.3em;
    text-align: left;
    width: 250px; }
  #checkout_crumb .crumb a {
    text-decoration: none;
    font-weight: normal;
    font-size: 1em; }
    #checkout_crumb .crumb a:hover {
      text-decoration: none; }
  #checkout_crumb .crumb .on {
    color: #dd5901;
    font-weight: bold; }

.step_arrow {
  background: transparent url("../../images/colors/color2/bar.gif") no-repeat;
  height: 14px;
  width: 16px;
  display: inline-block; }

#checkout_crumb .continue_shopping {
  float: right;
  padding-right: 16px;
  padding-top: 15px; }

/* 5.MAIN CONTENT CLASSES
/* -----------------------------------------------------------------------------*/
#content_wrapper {
  width: 957px;
  padding: 0px;
  clear: both;
  margin: 0 auto;
  overflow: hidden; }

#main_content_wrapper {
  /* main_content_wrapper should have the same properties as content_wrapper, but do not delete main_content_wrapper */
  width: 957px;
  padding: 0px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 27px;
  clear: both; }

.clearBasket #main_content_wrapper {
  padding-top: 10px; }

#main_content_wrapper .clearCart iframe {
  border: 1px solid #ccc; }

#body588 {
  width: 520px;
  width: auto;
  float: left; }

#body759 {
  width: 759px;
  float: left; }

#content {
  width: 100%;
  float: left; }

#content588 {
  width: auto;
  float: left;
  padding-top: 1px; }

/* Special pdp page styles */
.twoColumns #body588 {
  width: 747px;
  float: left; }

.twoColumns #box {
  width: 747px; }
  .twoColumns #box .body588 {
    width: 747px; }

.oneColumn #box, .oneColumn #ShopCartDisplay #content759, .oneColumn #box .body588, .oneColumn #body588, .oneColumn #content_wrapper_box, .oneColumn #box .body759 {
  width: 100%;
  padding: 0; }

.basket.oneColumn #content_wrapper_box {
  width: 957px;
  margin: 0 auto;
  float: none; }

.twoColumns #content588 {
  width: 747px; }

.twoColumns #right_nav {
  display: none; }

.twoColumns #content_wrapper_box {
  width: 747px;
  float: right; }

.twoColumns #left_nav {
  margin-right: 0;
  width: 200px; }

#left_nav a {
  text-decoration: none;
  font-size: 1.1em; }
  #left_nav a.btn {
    margin-top: 5px;
    margin-bottom: 12px; }

#left_nav .clearRefine {
  color: #656565;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase; }

#left_nav a:hover, #left_nav a:focus {
  text-decoration: underline; }

#ShopCartDisplay #content759 {
  /*this is only used in the ShopCartDisplay page. It aligns the main content with the email ad on the right*/
  width: 755px;
  float: left;
  padding-top: 6px; }

#content759 {
  width: 755px;
  float: left;
  padding-left: 4px; }

#content790 {
  width: 790px;
  height: auto;
  float: left; }

#content957 {
  width: 957px;
  height: auto;
  float: left; }

#content_wrapper_box {
  width: 745px;
  min-height: 400px;
  _overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin-bottom: 20px;
  display: block;
  float: left; }

.topCategories #content_wrapper_box {
  width: 100%; }

/*Homepage styles*/
#homePage {
  padding: 10px 0 0;
  width: 100%; }
  #homePage .espotWrap {
    float: left;
    padding: 0; }
  #homePage .genericESpot {
    float: none;
    padding: 0; }
  #homePage .espotWrap .ad {
    padding: 6px; }
  #homePage .genericESpot .ad {
    margin-bottom: 0; }
    #homePage .genericESpot .ad a {
      display: block; }

#right_nav .genericESpot {
  float: none; }

.rightads .genericESpot {
  padding: 5px 0 0 0; }

.companyRegTopEspot.genericESpot, .companyRegTopEspot .genericESpot {
  padding: 0; }

#homePage .genericESpot a {
  display: block; }

#homePage .ad {
  padding-bottom: 0; }

.redBold {
  font-weight: bold; }

#slideShow {
  width: 705px;
  height: 453px;
  position: relative;
  overflow: hidden; }
  #slideShow .playPause {
    position: absolute;
    z-index: 5; }

.dijitStackController {
  position: absolute;
  z-index: 5; }

#slideShow .playPause button {
  cursor: pointer; }

.dijitStackController {
  top: 410px;
  right: 60px; }
  .dijitStackController button {
    cursor: pointer; }

#slideShow .dijitVisible {
  padding: 0; }

#slideShow .dijitToggleButtonIconChar {
  display: none; }

#slideShow .dijitButtonNode {
  padding: 0 1px; }
  #slideShow .dijitButtonNode button {
    text-align: center;
    width: 21px;
    height: 21px;
    font-size: 1.1em;
    background: transparent url(../../images/number_button.png) no-repeat left top; }
    #slideShow .dijitButtonNode button:hover {
      background-position: -21px 0; }

#slideShow .playPause {
  top: 402px;
  right: 12px;
  width: 40px;
  height: 40px; }
  #slideShow .playPause button {
    background: transparent url(../../images/playPause.png) no-repeat right top;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    _background: transparent url(../../images/playPause.gif) no-repeat right top; }

#slideShow button:focus {
  outline: none !important; }

#slideShow .playPause button:hover {
  background-position: left top; }

#slideShow .playPause .dijitChecked button {
  background: transparent url(../../images/playPause.png) no-repeat right bottom;
  _background: transparent url(../../images/playPause.gif) no-repeat right bottom; }
  #slideShow .playPause .dijitChecked button:hover {
    background-position: left bottom; }

#slideShow .dijitChecked button {
  background-position: right top; }
  #slideShow .dijitChecked button:hover {
    background-position: right top; }

/* 6.LEFT NAV CLASSES
/* -----------------------------------------------------------------------------*/
#main_content_wrapper #left_nav {
  width: 200px;
  padding: 0px 0px 0 0px;
  margin: 0px 10px 0 0px;
  float: left; }
  #main_content_wrapper #left_nav p, #main_content_wrapper #left_nav li {
    line-height: 1.8;
    margin-right: 7px;
    font-size: 1em;
    margin-bottom: 0; }
  #main_content_wrapper #left_nav h2 {
    color: #656565;
    margin-right: 7px;
    padding: 8px 15px;
    border-bottom: 2px solid #fff; }
    #main_content_wrapper #left_nav h2 a {
      font-size: 1em; }
    #main_content_wrapper #left_nav h2.sidebar_header a {
      color: #656565; }
  #main_content_wrapper #left_nav .left_nav_container {
    background-color: #fff;
    width: 100%;
    padding: 0px 0px 0 0px;
    margin: 0px 0px 0 0px; }
    #main_content_wrapper #left_nav .left_nav_container .icon_links {
      line-height: 14px;
      vertical-align: top; }
    #main_content_wrapper #left_nav .left_nav_container .icon_link_spacing {
      line-height: 18px;
      margin-top: 5px; }
  #main_content_wrapper #left_nav .left_nav_options {
    padding: 24px 0px 0 7px;
    margin: 0px 0px 0 0px; }
  #main_content_wrapper #left_nav .label {
    clear: left;
    float: none;
    position: relative;
    color: #59677d;
    padding: 1px 0px 0px 0px; }
  #main_content_wrapper #left_nav .ads img {
    padding-bottom: 5px; }

.left_nav_divider {
  padding: 10px 0px 10px 0px; }

.leftnav_myaccount_dotted, #left_nav li {
  padding: 5px; }

#filters .leftSection input {
  float: left;
  margin-top: 3px; }

#CategorySubscriptionLink {
  background-color: #E6F1F9; }
  #CategorySubscriptionLink img#CategorySubscriptionImage {
    max-width: 95%; }

#left_nav .leftSection {
  clear: both; }

#orderHistorySearchDisplay label {
  font-weight: bold; }

#left_nav .moreLess span.mllinks {
  cursor: pointer;
  margin: -10px 10px 20px 7px;
  color: #000;
  font-weight: bold;
  display: block;
  float: right;
  padding: 3px 10px;
  text-align: right;
  width: 37px; }
  #left_nav .moreLess span.mllinks a {
    font-size: inherit; }
  #left_nav .moreLess span.mllinks:hover {
    background: #666;
    color: #fff; }

.category .siteAction, .filters .siteAction {
  padding-bottom: 10px; }

/* -----------------------------------------------------------------------------*/
/* 7.RIGHT NAV CLASSES
/* -----------------------------------------------------------------------------*/
#right_nav {
  width: 200px;
  padding: 0 0 0 6px;
  margin: 40px 0 0 0px;
  float: right;
  overflow: hidden; }
  #right_nav .home_sidebar_container {
    background-color: #E6F1F9;
    width: 192px;
    padding: 0;
    margin: 0; }
  #right_nav .home_sidebar_content {
    border: solid 1px #9BABC0;
    padding: 4px 0 0 4px;
    margin: 0 0 0 0; }
  #right_nav #searchRes li {
    margin: 10px 0;
    font-size: 1.1em; }
    #right_nav #searchRes li a {
      font-size: 1em; }
    #right_nav #searchRes li p {
      font-size: 1em;
      margin: 2px 0; }
    #right_nav #searchRes li a:first-child {
      font-weight: bold; }

#compare {
  background: #f7f7f7;
  margin: 0;
  overflow: hidden;
  padding: 5px; }
  #compare .compare_top {
    background: transparent url("../../images/colors/color2/compare_top.png") no-repeat;
    width: 192px;
    font-size: 1px;
    /* fixes ie space bug */ }
  #compare .compare_bottom {
    background: transparent url("../../images/colors/color2/compare_bottom.png") no-repeat;
    width: 192px;
    height: 5px;
    font-size: 1px;
    /* fixes ie space bug */ }
  #compare .compare_content_top {
    background: transparent url("../../images/colors/color2/compare_content_top.png") no-repeat;
    width: 192px;
    font-size: 1px;
    /* fixes ie space bug */ }
  #compare .compare_content_bottom {
    background: transparent url("../../images/colors/color2/compare_content_bottom.png") no-repeat;
    width: 192px;
    font-size: 1px;
    /* fixes ie space bug */ }
  #compare .items {
    margin: 0px auto;
    width: 180px;
    text-align: center;
    padding-top: 5px;
    padding-right: 5px; }
  #compare .toptext {
    padding: 6px 4px 2px 8px;
    background: url("../../images/colors/color2/compare_top_tile.png");
    width: 85px;
    float: left; }
  #compare .contentarea {
    padding: 2px 5px 2px 5px;
    background: url("../../images/colors/color2/compare_content_tile.png");
    margin: 0px auto;
    padding-left: 6px;
    text-align: left; }

#compareDropZoneImgDiv {
  padding-left: 5px; }

#compare .footerbuttons {
  float: right;
  background: url("../../images/colors/color2/compare_top_tile.png");
  background-repeat: repeat-y;
  text-align: right;
  *width: 230px; }

#compare .compare_info {
  display: none; }

#compare #button {
  float: right;
  margin-bottom: -6px; }

#compare .empty_compare_zone {
  padding-top: 10px;
  padding-bottom: 10px; }

#compare .compare_top, #compare .compare_content_top, #compare .toptext, #compare .compare_content_bottom, #compare .contentarea, #compare .footerbuttons, #compare .compare_bottom {
  background: none; }

#compare .contentarea {
  background: #fff;
  float: left;
  padding: 0;
  min-width: 220px;
  max-width: 380px;
  min-height: 40px; }

#compare .empty_compare_zone {
  padding: 12px 0;
  font-size: 1.1em; }

#compare #compareDropZoneImg {
  min-height: 40px;
  padding: 0; }

#compare .items {
  width: auto; }

/* Compare styles */
#compareDropZoneImgDiv {
  padding-left: 0; }

#compare h2 {
  font-weight: bold;
  color: #656565;
  margin-top: 5px;
  *margin-top: 15px; }

#compareDropZoneImgDiv .compare_img {
  position: relative;
  margin: 2px 5px; }
  #compareDropZoneImgDiv .compare_img span {
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 15px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -10px;
    width: 15px;
    overflow: hidden;
    cursor: pointer; }

body div a.regAction {
  width: 310px;
  /*centralise*/
  display: block;
  text-align: center;
  float: none;
  margin: 0 auto; }

body #Register div a.regAction {
  min-width: 200px;
  /*need to make this responsive*/ }

body div a.regAction span {
  display: block;
  text-align: center; }

.regActions {
  padding-bottom: 10px; }
  .regActions .siteAction {
    text-align: center; }
  .regActions .regDesc {
    width: 310px;
    margin: 10px 0;
    display: inline-block;
    font-weight: bold; }

.regOptBox.first a.btn {
  white-space: normal; }

.compButtons .siteAction {
  float: left;
  padding: 0;
  clear: none;
  margin: 5px 0 0 5px; }

.compButtons .compareBox {
  float: right;
  padding: 0; }

span.icon {
  position: absolute;
  background: url(../styles/parts_centre/img/wolseley_icons.gif) 0 0 no-repeat;
  top: 0;
  left: 0; }

a.pdpAdd span.icon {
  width: 22px;
  height: 22px;
  margin: 0 10px 0 0;
  top: 8px;
  left: 10px;
  background-position: 0 0; }

a.btn-primary span.icon {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  top: 2px;
  left: 10px;
  background-position: 0 -40px; }

a.pdpAddTertiary span.icon {
  width: 18px;
  height: 18px;
  top: 4px;
  left: 4px;
  background-position: 0 -22px; }

/* Any button styles put above */
.email_ad {
  padding: 6px 0px 0px 0px; }

#right_nav .email_ad {
  padding: 0; }

#recommend {
  width: 100%;
  padding: 6px 0px 0px 0px;
  font-size: 8pt;
  color: #59677d; }
  #recommend h2 {
    font-weight: bold; }
  #recommend .content {
    width: 190px;
    padding: 4px;
    border: 1px solid #dfdfdf; }
  #recommend .footer {
    display: none; }
  #recommend div.button_fit_padder {
    margin-left: 0; }

#browsingHistoryDisplay .button_fit_padder a {
  color: #ffffff; }
  #browsingHistoryDisplay .button_fit_padder a:hover {
    text-decoration: none; }

#recommend .main_quickinfo_button {
  margin-top: -30px;
  display: none; }

#recommend .siteAction {
  padding: 5px 10px; }

#recommend .imgWrap {
  float: left;
  padding-right: 5px; }

#recommend .scrollPaneDescription {
  font-weight: bold;
  height: auto;
  font-size: 1.0em;
  padding: 0; }

#recommend .scrollPanePrice {
  padding-left: 81px;
  height: auto; }

#product #recommend .scrollPanePrice .price span.nowPrice {
  font-size: 1em; }

.bundle #product #recommend .priceWrap {
  padding-left: 0; }

#product #recommend .scrollPanePrice .price span.wasPrice {
  font-size: 0.9em; }

#recommend .itemWrapper {
  clear: both;
  padding: 5px 0;
  min-height: 120px;
  _height: 120px; }

s #wishlist {
  background: url("../../images/colors/color2/recommend_top.png") no-repeat scroll 0 0;
  width: 192px;
  padding: 0px 0px 0px 0px;
  font-size: 10px;
  color: #59677d; }

#wishlist .form_length {
  width: 170px; }

#wishlist .header {
  padding: 6px 8px 6px 8px;
  line-height: 15px; }

#wishlist .side_footer {
  background: transparent url("../../images/colors/color2/recommend_bot.png") no-repeat;
  width: 192px;
  height: 10px; }

#wishlist .header_text {
  padding: 6px 0px 0px 0px; }

#wishlist .contents {
  background: url("../../images/colors/color2/recommend_tile.gif");
  background-repeat: repeat-y;
  width: 180px;
  padding: 6px 4px 0px 8px; }

#wishlist .content .text {
  width: 175px; }

#right_nav .ads img {
  padding-bottom: 5px; }

/* 8.FOOTER NAV CLASSES
/* -----------------------------------------------------------------------------*/
#footer {
  border-top: 2px solid #9fa1a4;
  position: relative;
  margin: 0px auto;
  max-width: 977px;
  width: 100%;
  padding: 0;
  height: auto;
  clear: both; }
  #footer div {
    padding-right: 20px; }
    #footer div.left {
      padding: 10px 3% 40px;
      _padding-right: 25px;
      width: 14%; }
      #footer div.left p, #footer div.left a {
        color: #404040;
        text-decoration: none;
        border: none; }
      #footer div.left p {
        font-size: 1.2em;
        border-bottom: 1px solid #ccc; }
      #footer div.left a {
        font-size: 1.1em; }
      #footer div.left p.sidebar_header {
        padding: 0 0 30px;
        border: none; }

.footerSecondColumn {
  margin-right: 20px;
  margin-top: 16px; }

#footer p {
  color: #fff;
  font-size: 10px;
  margin-bottom: 2px; }
  #footer p a {
    color: #fff;
    border-bottom: 1px solid #88a4c6; }
    #footer p a:hover {
      text-decoration: underline;
      border: 0; }

#copyright {
  text-align: right;
  font-size: 10px;
  padding: 2px 2px 10px 2px;
  color: #5c5c5c;
  width: 963px;
  margin: 0 auto; }

.footer-box-unregistered {
  height: 63px; }

.footerEspots {
  padding-right: 13px; }
  .footerEspots .toeSpot {
    float: left;
    padding-left: 10px; }

.footerCredits {
  float: right;
  padding: 5px 8px 5px 0; }
  .footerCredits p {
    color: #666;
    float: right; }

/* 9.FORM CLASSES
/* -----------------------------------------------------------------------------*/
input, select {
  background-color: #fff;
  border: 1px solid #000;
  margin: 0px;
  padding: 2px 2px 2px 2px; }

textarea {
  margin: 0px;
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 11px;
  background-color: #ebf3f9;
  border: 1px solid #aab2bc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.drop_down_language_select {
  height: 20px;
  padding: 1px 0px 1px 0px; }

.drop_down_registration {
  height: auto;
  padding: 2px 0px 1px 0px;
  margin-bottom: 9px; }

.drop_down_shipment {
  height: 20px;
  padding: 2px 0px 1px 0px;
  margin-bottom: 1px; }

.drop_down_country {
  height: auto;
  padding: 2px 0px 1px 0px;
  margin-bottom: 9px; }

.drop_down_checkout {
  height: 20px;
  padding: 2px 0px 1px 0px;
  margin-bottom: 9px;
  width: 185px; }

.drop_down {
  height: 2.2em;
  /*this must stay as minimum height (multiple defects keep being raised due to text being cut off)*/
  padding: 1px 0px 1px 0px;
  border: 1px solid #aab2bc; }

.drop_down_adv_search {
  height: 21px;
  padding: 2px 0px 1px 0px;
  margin-bottom: 9px; }

.form_input {
  width: 185px; }

.same_as_billing_checkbox {
  position: relative;
  margin-left: -10px; }

.required-field {
  float: left;
  width: 8px;
  height: 8px;
  /*added for alignment*/
  color: #d90101;
  padding-top: 2px; }

.required-field1 {
  color: #d90101; }

.required-field-text {
  font-size: 9px; }

.required-field_wishlist {
  float: left;
  width: 8px;
  color: #d90101;
  padding-top: 2px;
  _margin-left: 0px;
  _padding: 0px; }

.wishlist_side_space {
  padding-left: 8px; }

.radio {
  width: 13px;
  height: 13px;
  border: none;
  vertical-align: middle;
  background-image: none;
  background-color: #ffffff;
  border: none; }

.radio_text {
  line-height: 10px; }

.radio_label {
  float: left;
  padding-left: 4px;
  padding-top: 0px;
  vertical-align: middle; }

.checkbox {
  padding-bottom: 3px;
  margin-top: 3px;
  margin-right: 4px;
  width: 13px;
  height: 13px;
  border: none;
  vertical-align: middle;
  line-height: 0px; }
  .checkbox .text {
    line-height: 10px; }

.checkbox_left_label {
  float: left; }

.checkbox_label {
  padding-left: 4px;
  padding-top: 3px;
  vertical-align: middle; }

.checkbox_label_registration {
  padding: 3px 0 0 10px;
  vertical-align: middle; }

.formField {
  padding: 0 0 10px; }

.myAccount #page .checkboxLayout {
  margin-left: 20px; }
  .myAccount #page .checkboxLayout label {
    vertical-align: middle;
    display: inline-block; }
  .myAccount #page .checkboxLayout input.radio {
    width: auto;
    border: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px; }

.advancedSearchFormWrap {
  padding-top: 40px; }

/*checkout forms (the grey box style)*/
.genForm h1 {
  font-size: 17px;
  padding: 10px 20px 15px 0; }

.chooseBranch h1,
.advancedSearchFormWrap h1 {
  background: #e5e5e6;
  color: #656565;
  font-size: 1.7em;
  padding: 10px 20px 15px 30px;
  margin-bottom: 20px; }

.chooseBranch h1 {
  padding: 10px 20px 13px;
  border: none; }

body.genForm .greyBox {
  background: #f7f7f7;
  padding: 14px 30px 14px 30px;
  border: none; }
  body.genForm .greyBox .col_1, body.genForm .greyBox .col_2 {
    width: 290px;
    float: left; }

body.genForm legend {
  font-weight: bold;
  font-size: 1.2em;
  padding: 5px 0; }

body.genForm .radioLook {
  clear: both; }
  body.genForm .radioLook input {
    background: transparent !important;
    vertical-align: middle;
    margin: 2px 5px;
    *margin: 0 5px;
    float: left;
    *padding: 0; }
  body.genForm .radioLook label {
    float: left;
    *margin-top: 2px; }

body.genForm .greyBox .col_2 {
  margin-left: 60px; }

body.genForm .greyBox.small {
  width: 350px;
  margin-left: 30px; }

.genForm .labelText, .genForm .registration .label {
  display: block;
  font-size: 1.2em; }

.registration .clearLeft {
  clear: left; }

.genForm .regOptBox {
  float: left;
  margin-left: 15px;
  margin-top: 13px;
  width: 238px;
  min-height: 365px;
  _height: 365px;
  background: #EBEBEB; }
  .genForm .regOptBox.first {
    margin-left: 0; }
  .genForm .regOptBox h2 {
    color: #656565;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 15px; }

.loginOrNew #WC_UserRegistrationOptions_div_5 a.btn-primary {
  background-position: 93% 50%;
  padding: 6px 55px 6px 30px; }

#WC_UserRegistrationOptions_div_6 {
  background: #e5ebf7;
  padding: 15px 30px 7px; }

#WC_UserRegistrationOptions_div_9 {
  background: #e5f7f7;
  padding: 15px 30px 54px; }

#WC_UserRegistrationOptions_div_10 {
  background: #e5f7eb;
  padding: 15px 30px 54px; }

#WC_UserRegistrationOptions_div_11 {
  margin-top: 55px; }

#WC_UserRegistrationOptions_div_6 .option_1-reg {
  border-bottom: 2px solid #fff;
  margin-bottom: 20px;
  margin-left: -30px;
  padding: 0 30px 10px;
  width: 238px; }

#WC_UserRegistrationOptions_div_8 {
  margin-bottom: 20px; }

.loginOrNew p {
  color: #656565;
  font-size: 1.1em;
  margin-bottom: 15px; }

#registration-options {
  border-bottom: 1px solid #ccc;
  overflow: hidden; }
  #registration-options p {
    margin-left: 30px;
    width: 490px; }

.loginOrNew .siteAction.first {
  padding: 0 0 10px 0; }

#registration-options .siteAction.first {
  padding: 0 0 18px 0; }

.regOptBox a {
  text-decoration: underline; }

.regOptBox p a {
  color: #656565;
  font-size: inherit; }

.regOptBox .siteAction {
  padding-top: 0;
  margin-bottom: 15px;
  width: 100%; }

.regOptBox .centeredButton {
  margin-bottom: 15px; }

.centeredButton {
  width: 100%;
  overflow: hidden;
  float: left; }
  .centeredButton div {
    position: relative;
    float: left;
    left: 50%; }
    .centeredButton div a {
      position: relative;
      float: left;
      right: 50%; }

a.iconPdf {
  padding: 10px 0 20px; }

#WC_UserRegistrationOptions_div_9 img {
  margin-right: 15px; }

#WC_UserRegistrationOptions_div_9 a {
  display: block; }

.genForm .registration .button input.checkoutTextField, .genForm .dijitCalendarWidth input, .genForm .registration input, .genForm input.dijitReset {
  border: 1px solid #D0D0D0;
  font-size: 1.2em;
  padding: 6px 4px;
  margin-bottom: 5px;
  clear: both; }

.advancedSearchFormWrap .field input, .advancedSearchFormWrap .fieldWithSelect input, .advancedSearchFormWrap .field .inputBox {
  border: 1px solid #D0D0D0;
  font-size: 1.2em;
  padding: 6px 4px;
  margin-bottom: 5px;
  clear: both; }

#page .advancedSearchFormWrap .fieldWithSelect input {
  float: left;
  margin-right: 2%;
  width: 32%; }

.fieldWithSelect {
  overflow: hidden; }
  .fieldWithSelect > label {
    float: left; }

#page .advancedSearchFormWrap .fieldWithSelect > select {
  clear: none;
  float: left;
  width: 32%; }

.genForm .checkoutTextField, .genForm select, .genForm input.dijitReset {
  width: 98%;
  margin-bottom: 5px;
  border: 1px solid #D0D0D0; }

.genForm .checkoutTextField--checkbox {
  width: 25px; }

.advancedSearchFormWrap select {
  width: 98%;
  margin-bottom: 5px;
  border: 1px solid #D0D0D0; }

input #storeSearchText {
  width: auto; }

#page .priceRangeContainer .inputbox > input {
  width: 100%; }

.priceRangeContainer > div {
  float: left;
  width: 33%; }

.priceRangeContainer .rangeSeparator {
  padding: 7px 10px 7px 3px;
  width: auto; }

.priceRangeContainer .inputbox {
  width: 80%; }

.priceRangeContainer .range > span {
  float: left; }
  .priceRangeContainer .range > span.label {
    padding: 7px 5px 7px 0; }

#AdvancedSearchForm .siteAction {
  float: right;
  margin-bottom: 20px;
  margin-right: 142px; }

#AdvancedSearchForm > p {
  font-size: 12px;
  padding-bottom: 10px;
  padding-left: 10px; }

.genForm .textarea {
  background: #fff;
  border: 1px solid #ccc;
  width: 98%;
  padding: 2px; }

.genForm .disabled {
  background: #ccc !important; }

#page .notActive input {
  background: #ccc !important; }

#page .notActive .required-field {
  display: none; }

a.disabledButton {
  cursor: default;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.genForm select, .advancedSearchFormWrap select {
  padding: 4px; }

.genForm .field h3 {
  margin-bottom: 7px;
  font-weight: bold; }

.genForm .dijitCalendarWidth {
  width: 645px; }
  .genForm .dijitCalendarWidth input {
    width: 292px; }

.genForm label {
  vertical-align: middle; }

.genForm input {
  vertical-align: middle;
  margin: 0;
  border: none; }

.infoTable td input {
  border: 1px solid #656565;
  padding: 3px; }

.genForm .field {
  padding: 2px 0; }
  .genForm .field span.info_icon {
    float: left;
    padding: 0 5px 5px 5px; }

#promotionOptOutInfo {
  float: none;
  vertical-align: middle; }

#orderDownloadInfo.info_icon, #orderRefOptInInfo.info_icon, #emailBuyerOrdersOptInInfo.info_icon, #jobReferenceOptInInfo.info_icon {
  float: none;
  padding: 0; }

#orderDownloadInfo.info_icon img, #orderRefOptInInfo.info_icon img, #emailBuyerOrdersOptInInfo.info_icon img, #jobReferenceOptInInfo.info_icon img {
  vertical-align: middle; }

.genForm .lookup .footer {
  clear: both;
  height: 0;
  line-height: 0; }

.genForm .lookup label {
  clear: both;
  display: block; }

.genForm .lookup .checkoutTextField {
  width: 190px;
  clear: left;
  float: left; }

#addresslookup {
  background: #fff;
  width: 300px;
  height: 100px;
  clear: both;
  margin: 15px 0;
  padding: 4px;
  display: none;
  overflow-y: scroll;
  border: 1px solid #ccc; }
  #addresslookup.alignedToRegistrationForm {
    margin-left: 206px;
    width: 271px; }
  #addresslookup li {
    padding: 2px 0;
    margin-bottom: 7px; }

.fieldGroup {
  clear: both; }

.genForm .leftContainer h1 {
  padding: 10px 30px;
  margin-bottom: 5px; }

.genForm .leftContainer .colWrap .addressFields {
  width: 280px;
  float: left; }

#collectAddressForm .colWrap {
  padding-top: 20px; }

.genForm .leftContainer .colWrap .rightSide {
  /*margin-left:65px;*/
  margin-left: 35px;
  _margin-left: 30px; }

.genForm .colWrap .col_1 {
  clear: right; }

.genForm .leftContainer .col_2 form {
  clear: both; }

.genForm .leftContainer .col_2 h2 {
  padding: 10px 0;
  clear: both;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px; }

.genForm .leftContainer .col_1 h2 {
  padding: 10px 0;
  clear: both;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px; }

.genForm .leftContainer .col_2 .formBrief {
  padding-left: 20px;
  clear: both; }

.genForm .leftContainer #contactDetails {
  clear: both;
  padding: 10px 0 0; }
  .genForm .leftContainer #contactDetails .addressFields, .genForm .leftContainer #contactDetails .zipLookup, .genForm .leftContainer #contactDetails .enterZipManually {
    margin-left: 190px; }

.genForm .leftContainer div.seperated {
  border-top: 1px dotted #ccc;
  padding-top: 12px;
  margin-top: 3px; }

.genForm .leftContainer .note {
  float: right;
  padding: 5px 0; }

.genForm .shipMethod .shipMethodContent {
  clear: both; }

.genForm .shipping_address_content .ship {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px; }

.genForm .addressPanel {
  margin-left: 0; }

.addressOpts {
  min-height: 50px;
  clear: both;
  float: right; }

.genForm .deliveryMethodPage .ship label {
  float: left;
  font-weight: bold;
  width: 180px;
  padding: 2px 0 2px 20px; }

.genForm .collectShip .ship label {
  float: left;
  font-weight: bold;
  width: 180px;
  padding: 2px 0 2px 20px; }
  .genForm .collectShip .ship label img {
    margin-left: 5px;
    vertical-align: top; }

.orderConfMain {
  margin-right: 15px;
  width: 700px; }

.orderConWrap {
  clear: both;
  overflow: hidden;
  padding: 15px 0; }

.orderConfMain h2 {
  font-size: 1.6em;
  margin-bottom: 8px; }

.orderConfMain table#summaryItems th {
  position: relative;
  font-size: 1.2em;
  text-align: center; }
  .orderConfMain table#summaryItems th .info_icon {
    position: absolute;
    top: 5px;
    right: -17px; }
  .orderConfMain table#summaryItems th.productDetails {
    width: 450px;
    text-align: left; }

.orderConfMain table#summaryItems td.quantity, .orderConfMain table#summaryItems td.each {
  text-align: center; }

.orderConfMain table#summaryItems tr.promo td {
  text-align: center; }

table#summaryItems td.total_figures, table#order_details td.total_figures {
  text-align: center; }

table#summaryItems td.total_details, table#summaryItems td.total_figures {
  font-weight: bold;
  padding: 0;
  border: none; }

table#order_details td.total_details, table#order_details td.total_figures {
  font-weight: bold;
  padding: 0;
  border: none; }

table#summaryItems td.total_details div:first-of-type, table#summaryItems td.total_figures div:first-of-type {
  padding: 8px 5px;
  background: none repeat scroll 0 0 #e5ebf7; }

table#order_details td.total_details div:first-of-type, table#order_details td.total_figures div:first-of-type {
  padding: 8px 5px;
  background: none repeat scroll 0 0 #e5ebf7; }

table#summaryItems td.total_details div:first-of-type, table#order_details td.total_details div:first-of-type {
  float: right;
  text-align: left;
  width: 37%; }

.basket table#order_details td.total_details {
  width: 60%; }
  .basket table#order_details td.total_details div:first-of-type {
    float: none;
    padding: 0;
    width: auto; }

.basket table#order_details .noExpress td.total_details {
  width: 62%; }

.basket table#order_details td.total_figures div:first-of-type {
  text-align: left; }

.orderConfMain table#summaryItems td {
  font-size: 1.1em;
  vertical-align: top; }
  .orderConfMain table#summaryItems td .itemspecs {
    padding-right: 10px; }
    .orderConfMain table#summaryItems td .itemspecs p strong {
      font-size: 1em; }

.orderConfMain table#summaryItems tr.promo td {
  font-size: 1em; }

.orderConfMain table#summaryItems td .price {
  font-weight: bold; }

.orderConfMain table#summaryItems tr.promo td a, .orderConfMain table#summaryItems tr.promo td span {
  font-size: 1.2em; }

.orderConfMain .ctaWrap {
  overflow: hidden;
  clear: both;
  margin-top: 16px; }
  .orderConfMain .ctaWrap .siteAction {
    padding: 0; }
  .orderConfMain .ctaWrap a.right {
    float: right; }

.orderConfMain #total_breakdown {
  width: 682px; }

.orderConfMain .totalWrapforTrade #total_breakdown {
  width: 665px; }
  .orderConfMain .totalWrapforTrade #total_breakdown table#order_total {
    width: auto; }

.orderConfMain #total_breakdown td {
  font-size: 1.2em; }

.orderConfHeader > div {
  overflow: hidden;
  clear: both; }

.orderConfHeader h1 {
  padding: 0;
  margin-bottom: 10px;
  float: left;
  background: none; }

.orderConfHeader h3 {
  font-size: 14px;
  padding-bottom: 10px; }

.orderConfHeader .siteAction {
  float: right;
  padding-top: 0; }

.orderConfHeader div.shaded p, .orderConfHeader p {
  font-size: 1.2em;
  margin-bottom: 10px; }

.orderConfHeader div.shaded {
  background: #e5e5e6;
  padding: 10px 20px 0;
  overflow: hidden; }

#collectAddressForm, #requestedShipDateForm {
  margin: 10px 45px 0 0;
  width: 690px; }

#contactDetails .savedAddressAction {
  clear: both; }

#requestedShipDateForm .savedAddressAction a.btn-primary {
  float: right; }

#deliveryAddress .contentBlock {
  max-height: 128px; }

#deliveryAddress .addressSection {
  overflow-y: auto;
  max-height: 80px; }

#requestShippingDateDiv label {
  padding: 0; }

.genForm .collectShip .ship label span.required-field {
  _height: 5px;
  _margin: 0;
  _padding: 0; }

.genForm .ship #singleShipmentDate.standAlone {
  font-weight: bold;
  padding-bottom: 15px;
  font-size: 1.1em; }

.genForm .ship p {
  clear: both; }

.genForm .deliveryMethodPage .field, .genForm .collectShip .field {
  padding: 2px 0;
  clear: both; }

.genForm .field .standAlone {
  float: left;
  padding: 2px 0 2px 10px; }
  .genForm .field .standAlone.right {
    float: right; }

.genForm .deliveryMethodPage .partDelivery, .genForm .collectShip .partDelivery {
  padding-left: 210px;
  clear: left; }

.genForm .deliveryMethodPage #shipInstructions, .genForm .collectShip #shipInstructions {
  width: 327px;
  min-height: 50px;
  _height: 50px;
  resize: vertical; }

.genForm .deliveryMethodPage .ship .radios label {
  padding: 2px 5px 2px 10px;
  font-weight: normal;
  width: auto;
  float: none; }

.genForm .deliveryMethodPage .ship .radios input {
  float: left;
  margin-top: 1px; }

.genForm .deliveryMethodPage .ship .radioWrap {
  width: 400px;
  float: left;
  margin-left: 20px;
  clear: none; }

.accountDetails {
  clear: both;
  float: right;
  padding-top: 10px; }

.genForm .deliveryMethodPage .shipMethodContent select, .genForm .deliveryMethodPage .shipping_address_content select {
  width: 300px;
  border: 1px solid #ccc;
  padding: 3px; }

.genForm .deliveryMethodPage .field {
  clear: both; }

.genForm .deliveryMethodPage .enterZipManually {
  clear: both;
  float: left; }

.genForm .shipping_address_content .ship label, .genForm .invoiceContent .ship label {
  width: auto;
  font-weight: bold;
  float: left;
  padding: 0 5px 0 20px; }

.genForm .shipping_address_content .ship p {
  padding: 2px 0; }

.genForm .invoiceContent .ship p {
  padding: 2px 0; }
  .genForm .invoiceContent .ship p span {
    padding-left: 20px;
    padding-top: 10px;
    display: block; }

.genForm .addressRadios a, .genForm .shipping_address_content .ship a, .genForm .invoiceContent .ship a {
  text-decoration: underline; }

.genForm .addressRadios {
  padding: 20px 0 20px 20px;
  width: 500px; }

.genForm .addressEntry {
  padding: 10px 0; }
  .genForm .addressEntry input {
    float: left;
    padding: 0;
    margin-top: 2px;
    *margin-top: 0;
    border: none; }

.genForm .shipping_address_content .addressEntry label, .genForm .invoiceContent .addressEntry label {
  font-size: 1.1em;
  *padding-left: 13px;
  font-weight: bold; }

.genForm .addressEntry a {
  float: right;
  padding-right: 20px; }

.genForm .addressRadios .addressEntry .addressWrap {
  padding: 0 100px 0 32px;
  clear: both; }

body.genForm .radioBtn, body.genForm .checkbox {
  border: none;
  background: none; }

body .radioBtn, body .checkBox {
  border: none;
  background: none; }

.genForm .checkbox {
  margin: 3px 5px 0 0; }

.genForm .registration .button li {
  float: right;
  margin-left: 20px; }

.genForm .leftContainer {
  width: 670px;
  float: left; }

#unregistered_form .leftContainer, .leftContainer.deliveryMethodPage {
  float: left;
  width: 690px;
  margin-right: 45px; }

#unregistered_form h1 {
  margin-bottom: 0; }

#editAddressContents {
  clear: both; }

#mainContents {
  overflow: auto; }

.genForm .leftContainer.extraWide {
  width: 720px;
  margin-right: 15px; }

.genForm .multipleOpt .siteAction {
  padding-top: 0; }

.genForm .tabularData {
  float: left;
  padding-right: 20px;
  width: 300px; }
  .genForm .tabularData th {
    text-align: left;
    vertical-align: top;
    padding: 5px;
    border: none; }
  .genForm .tabularData td {
    text-align: left;
    vertical-align: top;
    padding: 5px;
    border: none; }
    .genForm .tabularData td.desc {
      font-weight: bold; }
  .genForm .tabularData span.adLine {
    display: block; }

#shipping .addressOpts a, #billing .addressOpts a {
  color: #FDD901; }

.genForm .button_side_message {
  display: none; }

.genForm .siteAction {
  clear: none;
  border: none; }

.genForm.withSummary .button_footer_line {
  float: right; }

.buttonWrapDetails p {
  text-align: right;
  clear: both;
  padding: 5px 0; }

.buttonWrapDetails .orDivider {
  float: left;
  padding: 7px 10px 0; }

.buttonWrapDetails .rightOr {
  float: right; }

.buttonWrapDetails .siteAction {
  padding-top: 0; }

.leftContainer.extraWide .button_footer_line {
  clear: both; }

.genForm .content_footer, .withSum .genForm .content_footer {
  width: 100%; }

.genForm .button_footer_line {
  margin-right: 0;
  margin-left: 120px;
  min-height: 60px; }
  .genForm .button_footer_line.unregistered {
    float: none;
    margin: 20px 0 0 253px; }

.addressOpts li {
  float: left;
  margin-right: 10px; }

.genForm .tabularData th {
  padding-left: 0; }

#editAddressContents .siteAction {
  padding-top: 0; }

#editAddressContents #zipCode {
  margin-right: 10px; }

.address_types {
  margin-bottom: 15px; }
  .address_types .input_label .left {
    padding-right: 5px; }
  .address_types .checkbox_label {
    padding-top: 0; }
  .address_types .input_label {
    margin-top: 7px; }

.genForm .col_1 .dijitContentPane {
  float: none; }

/*General forms end*/
.card_info {
  display: inline-block;
  width: 350px; }
  .card_info .col1 {
    float: left;
    width: 320px;
    font-size: 8pt;
    color: #404040; }
    .card_info .col1 .card_number {
      width: 160px;
      float: left; }
    .card_info .col1 .date {
      display: block; }
  .card_info .month_year {
    float: left;
    padding-right: 18px; }
  .card_info select {
    width: 63px; }
  .card_info a {
    font-size: 8pt;
    color: #404040;
    text-decoration: none;
    padding-left: 4px;
    line-height: 19px;
    vertical-align: top; }
    .card_info a:hover {
      text-decoration: underline; }

.billing_method select {
  margin-bottom: 7px; }

.form_2column {
  padding: 5px 12px 0px 12px; }
  .form_2column .align {
    padding-bottom: 10px; }
  .form_2column .column {
    width: 335px;
    float: left; }
  .form_2column .column_registration {
    width: 500px;
    float: left; }
  .form_2column .birthdayColumn {
    float: left;
    margin-right: 2px; }

.form_img {
  margin-bottom: 5px; }

.label_right {
  padding-left: 2px; }

.product_only_display_description_space {
  padding-left: 15px; }

/* 10.BUTTON CLASSES
/* -----------------------------------------------------------------------------*/
a.button {
  min-width: 40px;
  background: url("../../images/b_tileb.png");
  background-repeat: repeat-x;
  height: 17px;
  padding: 2px 6px 0px 6px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  border-top: solid 1px #da754a;
  border-bottom: solid 1px #a21b00;
  border-left: solid 1px #cb5f31;
  border-right: solid 1px #cb5f31;
  display: -moz-inline-stack;
  display: inline-block;
  margin: 0 auto; }

a.buttons {
  height: 20px;
  line-height: 22px;
  background: url("../../images/b_tileb.png");
  background-repeat: repeat-x;
  padding: 3px 6px 3px 6px;
  margin: 0 auto;
  font-size: 10px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  border-top: solid 1px #da754a;
  border-bottom: solid 1px #a21b00;
  border-left: solid 1px #cb5f31;
  border-right: solid 1px #cb5f31; }

a.button_remove {
  height: 15px;
  line-height: 17px;
  background: url("../../images/b_tile_remove.png");
  background-repeat: repeat-x;
  padding: 2px 6px 2px 6px;
  margin: 0 auto;
  font-size: 10px;
  font-weight: bold;
  color: #555657;
  text-decoration: none;
  border-top: solid 1px #8cc3ed;
  border-left: solid 1px #8cc3ed;
  border-right: solid 1px #8cc3ed; }

a.button_footer {
  height: 22px;
  min-width: 90px;
  line-height: 40px;
  background: url("../../images/b_tileb.png");
  background-repeat: repeat-y;
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  border-top: solid 1px #e79a79;
  border-bottom: solid 1px #a21b00;
  border-left: solid 1px #cb5f31;
  border-right: solid 1px #cb5f31;
  margin-top: 0;
  margin-right: 3px;
  margin-bottom: 0;
  margin-left: 3px;
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px; }

.button_footer_line {
  padding-top: 10px;
  float: right; }
  .button_footer_line .left, .button_footer_line .right {
    padding-left: 5px; }

.button_side_message {
  padding: 15px 10px 0 10px;
  float: left; }
  .button_side_message.right {
    float: right; }

.main_quickinfo_button {
  position: relative;
  padding-left: 2px;
  margin: -40px auto 0 auto;
  overflow: hidden;
  /*hide the buttons on load. The visibilities the buttons will be overwritten by an in-line style*/
  visibility: hidden;
  width: 120px; }

.compare_quickinfo_button {
  position: relative;
  text-align: left;
  padding-left: 4px;
  margin-top: -20px;
  overflow: hidden;
  /*hide the buttons on load. The visibilities the buttons will be overwritten by an in-line style*/
  visibility: hidden; }

.rightside_quickinfo_button {
  position: absolute;
  top: 40px;
  left: -10px;
  /*hide the buttons on load. The visibilities the buttons will be overwritten by an in-line style*/
  visibility: hidden; }

/* primary button styling */
.fixed_width_button {
  width: 50px; }

div.button_fit_padder {
  margin-left: 24px; }

#browsingHistoryDisplay .detailContainer > div.button_fit_padder {
  display: none; }

#pdpCrossSellsWidget .imgWrap, #replacementsWidget .imgWrap {
  float: left;
  width: 75px;
  height: 75px;
  margin-right: 15px; }

#pdpCrossSellsWidget .detailContainer > div.button_fit_padder, #replacementsWidget .detailContainer > div.button_fit_padder {
  float: left; }

#pdpCrossSellsWidget .button_fit_padder.nonBuyable, #replacementsWidget .button_fit_padder.nonBuyable {
  margin: 0;
  text-align: center;
  width: 160px; }

#pdpCrossSellsWidget .detailContainer > div.button_fit_padder .siteAction, #replacementsWidget .detailContainer > div.button_fit_padder .siteAction {
  padding-top: 0;
  margin-left: 0; }

#pdpCrossSellsWidget .scrollPaneDescription, #replacementsWidget .scrollPaneDescription {
  width: 160px;
  padding-top: 0; }

#pdpCrossSellsWidget .scrollPaneDescription p, #replacementsWidget .scrollPaneDescription p {
  margin-bottom: 8px; }

#pdpCrossSellsWidget .scrollPanePrice, #replacementsWidget .scrollPanePrice {
  margin-top: 0;
  width: 160px; }

#pdpCrossSellsWidget .scrollPanePrice .priceWrap .price li, #replacementsWidget .scrollPanePrice .priceWrap .price li {
  font-size: 11px; }

#pdpCrossSellsWidget .scrollPanePrice .priceWrap .price, #replacementsWidget .scrollPanePrice .priceWrap .price {
  padding-top: 0; }

#pdpCrossSellsWidget .espotQty, #replacementsWidget .espotQty {
  margin-top: 0;
  float: left; }

#pdpCrossSellsWidget .espotQty.nonBuyable, #replacementsWidget .espotQty.nonBuyable {
  text-align: center;
  width: 120px; }

#pdpCrossSellsWidget .carouselFeel, #replacementsWidget .carouselFeel {
  margin-bottom: 12px;
  min-height: 85px;
  overflow: visible;
  position: relative; }

#pdpCrossSellsWidget .carouselFeel .rightside_quickinfo_button, #replacementsWidget .carouselFeel .rightside_quickinfo_button {
  left: -20px; }

.scrollingEspots .left, .genericESpot .left {
  width: 100%; }

/* right sidebar ad - remote widget */
.sidebar_ad_remote_widget {
  height: 25px; }

/* right sidebar ad - remote widget for products list */
.sidebar_ad_remote_widget_product {
  background: url("../../images/colors/color2/recommend_bot_remote.gif");
  height: 27px;
  text-align: right;
  padding: 0px 0px 0px 0px;
  background-repeat: no-repeat; }

/* content area spot - remote widget feed button styling */
.feed_widget_area_right {
  padding: 7px 7px 7px 7px;
  float: right; }

.feed_widget_area_left {
  padding: 7px 4px 4px 4px;
  float: left; }

.feed_widget_area_invert {
  float: right; }

.feed_widget_label {
  vertical-align: middle;
  padding-bottom: 8px; }

.feed_widget_label_invert {
  vertical-align: middle;
  padding-bottom: 10px; }

.feed_widget_icon {
  zoom: 1;
  /* gives ie shadow */
  display: -moz-stack;
  display: inline-block; }

.feed_widget_icon_invert {
  zoom: 1;
  /* gives ie shadow */
  display: -moz-stack;
  display: inline-block;
  vertical-align: top !important; }

/* 11.BOX CONTAINER CLASSES
/* -----------------------------------------------------------------------------*/
.box {
  min-height: 400px;
  min-width: 520px;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  overflow: hidden;
  width: 747px;
  _width: 747px !important; }

#box,
#box_1 {
  min-height: 400px;
  min-width: 520px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  display: block;
  overflow: hidden;
  /*just so the existing wlite images dont break the new width of the content section*/ }

#box.orderConf {
  padding: 100px 20px 0 100px; }
  #box.orderConf p {
    margin: 0 0 15px 0;
    font-size: 12px; }

#catonlydisplay {
  float: left;
  margin-top: 30px;
  width: auto; }
  #catonlydisplay h1 {
    float: left; }

.toggle-trigger {
  float: right;
  font-weight: bold;
  display: block;
  margin: 20px 0 20px 0; }

#boxarea {
  min-height: 100px;
  min-width: 520px;
  _width: 520px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  display: block; }

#box .blueline_compare {
  height: 9px;
  background: url("../../images/colors/color2/box_blueline_compare.png");
  background-repeat: repeat-x; }

#box .bluegrad_header {
  height: 33px;
  background: url("../../images/colors/color2/box_bluegrad_header_tile.png");
  background-repeat: repeat-x;
  margin: 0px auto; }
  #box .bluegrad_header .text {
    height: 36px;
    line-height: 33px;
    margin: 0px auto;
    padding-top: 0px;
    white-space: nowrap;
    font-size: 11px; }

#box .main_header {
  height: 33px;
  background: url("../../images/colors/color2/box_header_tile1.png");
  background-repeat: repeat-x; }
  #box .main_header .left_corner {
    float: left;
    background: transparent url("../../images/colors/color2/box_header_left1.png") no-repeat;
    width: 11px;
    height: 33px; }
  #box .main_header .right_corner {
    float: right;
    background: transparent url("../../images/colors/color2/box_header_right1.png") no-repeat;
    width: 11px;
    height: 33px; }
  #box .main_header .left_corner_straight {
    float: left;
    background: transparent url("../../images/colors/color2/box_header_left_straight.png") no-repeat;
    width: 11px;
    height: 33px; }
  #box .main_header .right_corner_straight {
    float: right;
    background: transparent url("../../images/colors/color2/box_header_right_straight.png") no-repeat;
    width: 11px;
    height: 33px; }

#box .content_header {
  height: 39px;
  background: url("../../images/colors/color2/box_header_tile.png");
  background-repeat: repeat-x; }
  #box .content_header .left_corner {
    float: left;
    background: transparent url("../../images/colors/color2/box_header_left.png") no-repeat;
    width: 11px;
    height: 39px; }
  #box .content_header .right_corner {
    float: right;
    background: transparent url("../../images/colors/color2/box_header_right.png") no-repeat;
    width: 11px;
    height: 39px; }
  #box .content_header .step_number {
    float: left;
    padding-top: 9px;
    padding-right: 5px; }
  #box .content_header .vertical_align {
    padding-top: 8px;
    vertical-align: top;
    float: left; }
  #box .content_header .vertical_align_button {
    padding: 8px 0px 0px 10px;
    float: left; }

#box .content_footer .left .content_text {
  vertical-align: middle;
  height: 20px;
  line-height: 40px; }

#box .contentgrad_header {
  height: auto;
  margin: 0px auto; }

#box_1 .contentgrad_header {
  height: auto;
  margin: 0px auto; }

.sortby {
  display: block; }

span.display_text {
  display: none; }

#box .contentgrad_header .left_corner, #box_1 .contentgrad_header .left_corner {
  float: left;
  background: transparent url("../../images/colors/color2/box_grad_header_left.png") no-repeat;
  width: 11px;
  height: 33px;
  display: none; }

#box .contentgrad_header .left_corner_short {
  float: left;
  background: transparent url("../../images/colors/color2/box_grad_header_left_short.png") no-repeat;
  width: 8px;
  height: 15px;
  display: none; }

#box .contentgrad_header .right_corner {
  float: right;
  background: transparent url("../../images/colors/color2/box_grad_header_right.png") no-repeat;
  width: 10px;
  height: 33px;
  display: none; }

#box_1 .contentgrad_header .right_corner {
  float: right;
  background: transparent url("../../images/colors/color2/box_grad_header_right.png") no-repeat;
  width: 10px;
  height: 33px;
  display: none; }

#box .contentgrad_header .right_corner_wishlist {
  float: right;
  background: transparent url("../../images/colors/color2/box_grad_header_right.png") no-repeat;
  width: 10px;
  height: 33px;
  display: none; }

#box .contentgrad_header .right_corner_short {
  float: right;
  background: transparent url("../../images/colors/color2/box_grad_header_right_short.png") no-repeat;
  width: 8px;
  height: 15px;
  display: none; }

#box .contentgrad_header .left_corner_img {
  float: left;
  background: transparent url("../../images/colors/color2/box_grad_header_left.png") no-repeat;
  width: 11px;
  height: 33px;
  display: none; }

.rounded_content_box .contentgrad_header {
  height: 26px;
  background: url("../../images/colors/color2/box_grad_header_tile.png");
  background-repeat: repeat-x;
  margin: 0px auto; }

#box .body, #box_1 .body {
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 0px 8px;
  display: block;
  width: 939px; }

#box .body .title {
  font-weight: bold;
  padding-bottom: 2px; }

#box .body588 {
  clear: both; }

#categoryonlyresults {
  float: right; }

#box .wishlist_body588 {
  width: 520px; }

#box .body588a {
  width: 520px;
  overflow: hidden; }
  #box .body588a .divider_line {
    background-image: url("../../images/colors/color2/product_grid_tr_line.png");
    background-repeat: no-repeat;
    height: 3px; }

.rounded_content_box .body588 {
  padding: 0 10px; }

#box .body759 {
  width: 737px;
  margin: 0px;
  padding: 0px 8px 0px 8px; }

#box .display_text {
  padding-left: 10px;
  font-size: 11px; }

#box .subheader_text {
  font-size: 11px;
  padding-left: 10px; }

#box .footer {
  width: 100%;
  clear: both; }
  #box .footer p.display_text {
    float: left;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 30px;
    font-size: 1.2em; }

.rounded_content_box .footer {
  width: 100%;
  height: 7px;
  background: transparent url("../../images/colors/color2/box_footer_tile.png") repeat-x; }
  .rounded_content_box .footer .left, .rounded_content_box .footer .right {
    font-size: 1px;
    /* set to 1px to fix IE rendering issue */ }

#box .main_header_text {
  height: 33px;
  line-height: 33px;
  margin: 0px;
  padding: 0;
  white-space: nowrap;
  font-size: 14px; }

#box .contentgrad_text {
  color: #000;
  height: 33px;
  line-height: 33px;
  margin: 0px;
  padding: 0;
  white-space: nowrap;
  font-size: 13px; }

.rounded_content_box .contentgrad_text {
  height: 26px;
  line-height: 26px;
  margin: 0px;
  padding: 0;
  white-space: nowrap;
  font-size: 12px; }

#box .content_text {
  height: 31px;
  line-height: 39px;
  display: table-cell;
  white-space: nowrap;
  font-size: 12px; }

#box .contentline .content_text {
  height: 33px;
  line-height: 39px; }

#box .header_element_align {
  padding-top: 9px;
  padding-left: 7px;
  float: left; }

#box .contentgrad_header .text {
  height: 36px;
  line-height: 33px;
  margin: 0px auto;
  padding-top: 0px;
  white-space: nowrap;
  font-size: 11px; }

.paging {
  padding-left: 12px;
  font-size: 1.0em; }
  .paging img {
    vertical-align: bottom;
    vertical-align: text-bottom; }

#box div.sorting_controls {
  border-top: 1px solid #cccccc;
  margin: 0 10px;
  padding: 5px 0 0 0; }
  #box div.sorting_controls .drop_down {
    margin-bottom: 5px; }

#box .sort {
  padding: 0 3px 0 0;
  float: left;
  line-height: 19px; }

#box .sorting_controls {
  border-top: 1px solid #c9d3de;
  margin: 0px 10px;
  padding: 5px 0px 0px 0px; }

#box .sort_dropdown {
  padding: 7px 5px 0px 0px;
  float: right; }

#box .fastFinderSortDropDown {
  padding-top: 5px; }

#box .fastFinderPagination {
  padding-top: 0px; }

#box .views {
  padding-top: 0px;
  margin: 0px; }

#box .views1 {
  float: right;
  margin-top: -70px; }

#box .views img {
  padding-bottom: 5px;
  vertical-align: middle; }

#box .views_icon {
  position: relative;
  left: -10px;
  top: 10px; }

#box .views_icon1 {
  padding-left: 4px; }

#box .content_footer .button_side_message {
  float: right; }

#WC_UnregisteredCheckout_div_13.content_footer {
  clear: both;
  border: none;
  background: none; }

#box .scheduleOrderArea {
  border-left: solid 1px #acacac;
  border-right: solid 1px #acacac;
  margin: 0px 0px 0px 0px;
  padding: 10px 8px 10px 8px;
  display: block; }
  #box .scheduleOrderArea .scheduleOrderAreaInterval {
    float: left;
    padding: 0px 55px 5px 3px; }
  #box .scheduleOrderArea .scheduleOrderAreaStartDate {
    float: left;
    padding: 0px 5px 5px 0px; }
  #box .scheduleOrderArea .title {
    font-weight: bold;
    padding-bottom: 2px; }

.number {
  padding-right: 5px; }

.number_info {
  padding-top: 4px;
  float: left; }

.map_icon {
  padding-left: 9px;
  padding-right: 4px;
  float: left; }

.CVVR_align {
  padding-top: 2px;
  display: inline-block; }

/* Missing styles for broken search */
.product-list {
  clear: both; }
  .product-list .product {
    float: left;
    list-style: none;
    width: 240px;
    min-height: 28.7em;
    /*this caters for promo box going onto 2 lines*/
    _height: 28.7em;
    /*IE hack*/
    border: 1px solid #D4D4D4;
    margin: 5px 0 5px 5px;
    padding: 4px 0px 15px 0px;
    position: relative; }
    .product-list .product .prod-code {
      font-size: 14px; }
  .product-list.four_grid .product {
    border: 2px solid #e5ecf7; }

ul.product-list.four_grid li.product .siteAction.addToList {
  bottom: 5px;
  left: auto;
  right: 6px; }

.dj_ie7 .product-list.four_grid .product .add-to-cart-btn {
  border-bottom: 2px solid #e5ecf7;
  padding-bottom: 10px; }

.horizontal_grid .product {
  min-height: 0;
  padding-top: 0;
  _height: 0;
  /*IE hack*/ }

.product-list .first-product {
  margin-left: 0px;
  clear: left; }

#box .img {
  margin-bottom: 10px; }

.product-list .product h3 {
  font-weight: bold; }
  .product-list .product h3 a {
    font-size: 1.2em;
    text-decoration: none; }

#content_wrapper_box .product-list .product .description a, #WC_AjaxBrowseHistory_div_1 .four-grid .description a {
  font-size: 1.2em;
  text-decoration: none;
  color: #656565; }

.product-list .product h3 a:hover, #content_wrapper_box .product-list .product .description a:hover {
  text-decoration: underline; }

#WC_AjaxBrowseHistory_div_1 .four-grid .description {
  padding: 10px 0; }
  #WC_AjaxBrowseHistory_div_1 .four-grid .description a:hover {
    text-decoration: underline; }

.product-list .product .description {
  background: #e5e5e6;
  min-height: 30px;
  margin-top: 10px;
  padding: 10px; }

.product-list.four-grid .product .description, .product-list.four_grid .product .description {
  background: #e5e5e6;
  min-height: 7.5em;
  margin-top: 10px;
  padding: 10px;
  text-align: center; }

.product-list .product .description a {
  font-weight: bold;
  padding-top: 5px;
  font-size: 1.1em; }

#WC_AjaxBrowseHistory_div_1 .four-grid a {
  font-weight: bold;
  padding-top: 5px;
  font-size: 1.1em;
  display: block;
  text-align: center; }

#WC_AjaxBrowseHistory_div_1 .four-grid .productCode {
  padding-top: 5px;
  text-align: center; }

#WC_AjaxBrowseHistory_div_1 .four-grid .siteAction {
  width: 115px;
  margin: 0 auto; }

.four_grid .priceWrap {
  padding: 10px;
  border-bottom: 2px solid #e5ecf7; }

.product-list .product .gridqty {
  color: #656565;
  padding: 15px 0 10px;
  text-align: center; }
  .product-list .product .gridqty input {
    width: 42px;
    margin: 2px 0;
    height: 20px;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #ddd;
    vertical-align: middle;
    padding-left: 10px;
    width: 32px; }
  .product-list .product .gridqty label {
    font-size: 1.1em; }

.product-list .product .button .siteAction {
  padding-top: 5px;
  bottom: 5px;
  left: 5px; }

.product-list.four_grid .product .button .siteAction {
  margin-left: 42px; }

.product-list .product .img a.itemhover {
  text-align: center;
  display: block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  margin: 0 auto;
  position: relative; }

ul.product-list li.product .siteAction.addToList label {
  margin-right: 18px;
  margin-top: -20px; }

ul.product-list li.product .siteAction.addToList input {
  margin-top: 0;
  vertical-algin: middle; }

.addToList .btn-secondary {
  margin-bottom: 10px; }

.job_reference_rows {
  display: none;
  width: auto;
  padding: 5px 0pt;
  float: left; }

#order_details tr.jobRef td {
  display: block;
  padding: 0;
  position: relative; }

.job_reference_rows input {
  width: 100%; }

#limit_input_div input {
  width: 150px; }

#invoiceRef {
  width: 200px; }

#widget_selectAccount, #selectAccount_label {
  float: left; }

#widget_selectAccount {
  position: relative;
  width: 50%; }

#orderLimitSelect {
  clear: both; }

#widget_selectAccount_dropdown {
  background: #fff; }

#page strong.emph, #page span.emph {
  font-style: italic;
  text-decoration: underline;
  font-weight: normal; }

#widget_selectAccount_dropdown ul {
  border: 1px solid #D0D0D0; }

#widget_selectAccount_dropdown li {
  padding: 2px 10px;
  font-size: 1.1em; }
  #widget_selectAccount_dropdown li:hover {
    background: #999;
    cursor: pointer; }

#widget_selectAccount .dijitArrowButton.dijitDownArrowButton {
  position: absolute;
  background: #999;
  cursor: pointer;
  padding: 6px;
  position: absolute;
  right: 2px;
  top: 0;
  *top: 2px;
  /*hack for ie7*/ }

#widget_selectAccount_dropdown li:first-child {
  display: none; }

#selectAccount_label {
  padding: 5px 5px 0 0; }

.horizontal_grid li.product {
  padding-top: 10px;
  border: none;
  height: auto;
  clear: both;
  margin: 0;
  width: 745px; }

.horizontal_grid li.first-product {
  border-top: 2px solid #efefef; }

.horizontal_grid li.product .imageWrap {
  width: 150px; }
  .horizontal_grid li.product .imageWrap a.itemhoverdetailed {
    border: 1px solid #fff;
    display: block;
    width: 150px;
    height: 150px;
    overflow: hidden;
    text-align: center; }

.horizontal_grid li.product .attrWrap {
  background: #f7f7f7;
  overflow: hidden;
  padding: 10px; }

.horizontal_grid li.product .prod-text {
  color: red;
  float: left;
  font-weight: 900;
  font-size: 1.2em;
  padding: 10px 0;
  overflow: hidden; }

.horizontal_grid li.product .detailsWrap {
  *padding-left: 17px; }

.horizontal_grid li.product .priceWrap, .horizontal_grid li.product .qty, .horizontal_grid li.product .siteAction, .horizontal_grid li.product .imageWrap {
  float: left; }

.product_image .loading {
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 30px;
  height: 30px;
  padding-top: 15px; }

.horizontal_grid {
  padding-top: 30px; }
  .horizontal_grid li.product .qty {
    color: #656565;
    float: right; }
  .horizontal_grid li.product .imageWrap {
    margin-right: 20px; }
  .horizontal_grid li.product .priceWrap {
    margin-bottom: 10px;
    width: auto; }

.priceWrap.loading {
  position: relative; }
  .priceWrap.loading .loadingOverlay {
    width: 100%;
    height: 100%;
    opacity: 1;
    content: "";
    display: block;
    top: 0;
    left: 0;
    min-height: 50px; }
    .priceWrap.loading .loadingOverlay .loadingIcon {
      background: url("../../images/loadinggreydots.gif") 0 0 no-repeat;
      background-size: 160px 13px;
      opacity: 0.5;
      width: 160px;
      height: 13px;
      position: absolute;
      top: 60%;
      left: 50%;
      transform: translate(-50%, 0);
      margin-top: -15px;
      z-index: 101;
      display: block; }
  .priceWrap.loading .loadingMessage {
    display: block !important;
    position: absolute;
    width: 140px;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 11px;
    color: #cd2e31;
    font-weight: 600; }

.horizontal_grid li.product .siteAction.withAccessLink {
  float: left;
  clear: none; }

.horizontal_grid li.product .attrWrap .siteAction {
  clear: none;
  float: right;
  padding-top: 0;
  margin-left: 25px; }

.horizontal_grid li.product .detailsWrap {
  color: #656565;
  _height: 50px; }

li.product .price {
  text-decoration: none;
  color: #666;
  display: block;
  clear: both;
  text-align: center;
  font-size: 1.1em; }

.horizontal_grid li.product .price {
  font-size: 1.2em;
  text-align: left; }

li.product .price .wasPrice {
  color: #666;
  font-size: 0.9em;
  display: block; }

li.product .price .nowPrice, li.product .price .retailPriceForTrade {
  display: block;
  font-size: 1.1em;
  margin: 0 0px 0 0; }

.priceWrap .hidden, .priceWrap .loadingMessage {
  display: none; }

li.product .listPrice {
  font-size: 1.1em; }

.horizontal_grid li.product .qty label {
  font-size: 1.1em;
  margin-top: 5px;
  margin: 5px 5px 0 0;
  text-align: center;
  clear: both;
  display: block;
  font-weight: bold;
  float: left; }

.horizontal_grid li.product .qty input {
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  height: 20px;
  width: 32px;
  border: 1px solid #cfcfcf;
  padding-left: 10px; }

li.product .compareSectionWrap div {
  margin-left: 0px; }

li.product .compareSectionWrap span#infoMsg {
  bottom: 0;
  clear: both;
  color: red;
  float: left;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  right: 0;
  text-align: left; }

.four_grid li.infoMsgPresent .compareSectionWrap > span#infoMsg {
  bottom: 15px;
  width: 220px; }

.four_grid li.product .compareSectionWrap {
  text-align: center; }

.four-grid li.product .compareSectionWrap {
  text-align: center; }

.four_grid li.product .compareSectionWrap div, .four-grid li.product .compareSectionWrap div {
  margin-left: 0px; }

li.product .compareSectionWrap label {
  margin-right: 10px;
  margin-top: -2px; }

.horizontal_grid li.product .compareSectionWrap input, .four_grid li.product .compareSectionWrap input, .four-grid li.product .compareSectionWrap input {
  vertical-align: middle; }

.horizontal_grid .product .main_quickinfo_button {
  padding-bottom: 5px; }

.sortby {
  padding: 10px; }
  .sortby h3 {
    display: inline; }

.product-list .product span.btn-primary {
  position: absolute;
  bottom: 4px;
  left: 20px; }

.product-list .product .dojoDndItem {
  padding: 0; }
  .product-list .product .dojoDndItem a {
    display: block; }

.listGrid {
  padding-top: 8px;
  float: right;
  font-size: 1.1em;
  padding-right: 10px; }
  .listGrid .views span {
    color: #656565;
    padding-right: 5px; }

#box .contentgrad_header {
  height: 36px;
  clear: both; }
  #box .contentgrad_header div.left {
    padding-top: 10px; }
    #box .contentgrad_header div.left p {
      color: #656565;
      font-size: 1.2em;
      font-weight: bold; }

.paginateWrap {
  color: #656565;
  padding: 0;
  clear: both;
  overflow: hidden; }
  .paginateWrap label {
    margin: 0 0.25em 0 0; }
  .paginateWrap select {
    border: 1px solid #e0e0e0 !important;
    color: #000; }
  .paginateWrap .paginationLinks {
    float: left;
    padding: 15px 0 10px;
    font-size: 1.2em; }
    .paginateWrap .paginationLinks .title {
      position: absolute;
      left: -999em; }
  .paginateWrap .pagesize {
    float: left;
    padding: 15px 0 10px;
    font-size: 1.2em; }
  .paginateWrap .paginationLinks, .paginateWrap .sortby {
    width: 39%; }

#accountHistoryMonthlySummaryForm .paginateWrap .paginationLinks {
  width: 100%; }

.paginateWrap .pagesize {
  width: 22%;
  text-align: center; }

.paginateWrap .sortby {
  font-size: 1.3em;
  float: right;
  padding: 15px 0 10px;
  text-align: right; }

.paginateWrap .paginationLinks .title {
  float: left;
  padding: 0 5px 0 10px;
  font-weight: bold; }

.paginateWrap .paginationLinks ul {
  float: left; }

.paginateWrap .paginationLinks li {
  float: left;
  font-size: 1.1em;
  margin-right: 7px; }

#box .paginateWrap .paginationLinks li a {
  text-decoration: none;
  font-size: 1em;
  color: #656565;
  font-weight: bold;
  background: #f7f7f7;
  padding: 2px 8px;
  display: block;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px; }

#Search_Result_Summary p {
  font-size: 1.2em;
  margin: 10px 0; }
  #Search_Result_Summary p a {
    font-size: 1em; }

/* 12.PRODUCT GRID CLASSES
/* -----------------------------------------------------------------------------*/
#four-grid, #four-grid-wishlist, #four-grid-espot {
  margin: 0 auto;
  vertical-align: top;
  padding-right: 10px; }

#four-grid td, #four-grid-wishlist td, #four-grid-espot td {
  width: 20%;
  text-align: center; }

#four-grid .item, #four-grid-wishlist .item, #four-grid-espot .item {
  padding: 10px 5px 3px 0;
  vertical-align: top; }

#four-grid .item .image, #four-grid-wishlist .item .image, #four-grid-espot .item .image {
  padding: 2px 0;
  text-align: center;
  width: 100px; }

#four-grid .item .add_to_cart, #four-grid-wishlist .item .add_to_cart, #four-grid-espot .item .add_to_cart {
  text-align: right;
  width: 106px; }

#four-grid .item .information, #four-grid-wishlist .item .information, #four-grid-espot .item .information {
  width: 300px; }

#four-grid .item .information h3, #four-grid-wishlist .item .information h3, #four-grid-espot .item .information h3 {
  font-size: 10px;
  font-weight: bold;
  padding-right: 7px;
  width: 300px; }

#four-grid .item .information p, #four-grid-wishlist .item .information p, #four-grid-espot .item .information p {
  width: 300px; }

#four-grid .item .container, #four-grid-wishlist .item .container, #four-grid-espot .item .container {
  background-image: url("../../images/colors/color2/product_grid_td_dotted_line.png");
  background-image: none;
  background-repeat: repeat-y;
  padding-top: 1px;
  height: 180px; }

#four-grid .container_links, #four-grid-wishlist .container_links, #four-grid-espot .container_links {
  background-image: url("../../images/colors/color2/product_grid_td_dotted_line.png");
  background-repeat: repeat-y;
  padding: 5px 0 0 15px; }

#four-grid .container_links a, #four-grid-wishlist .container_links a, #four-grid-espot .container_links a {
  text-decoration: underline; }

#four-grid .container_links a:hover, #four-grid-wishlist .container_links a:hover, #four-grid-espot .container_links a:hover {
  text-decoration: none; }

#four-grid .container_links_first, #four-grid-wishlist .container_links_first, #four-grid-espot .container_links_first {
  padding: 5px 0 0 15px; }

#four-grid .container_links_first a, #four-grid-wishlist .container_links_first a, #four-grid-espot .container_links_first a {
  text-decoration: underline; }

#four-grid .container_links_first a:hover, #four-grid-wishlist .container_links_first a:hover, #four-grid-espot .container_links_first a:hover {
  text-decoration: none; }

#four-grid .item .compare, #four-grid-wishlist .item .compare, #four-grid-espot .item .compare {
  padding-left: 5px;
  padding-top: 8px; }

#four-grid .item .description, #four-grid-wishlist .item .description {
  padding-top: 5px;
  padding-left: 5px;
  min-height: 30px; }

#four-grid-espot .item .description {
  padding-top: 5px;
  padding-left: 5px;
  min-height: 30px; }

#four-grid-espot .item div {
  margin-bottom: 10px; }

#four-grid .item .price, #four-grid-wishlist .item .price, #four-grid-espot .item .price {
  padding-left: 3px;
  font-size: 12px; }

#four-grid .item .list_view_price, #four-grid-wishlist .item .list_view_price, #four-grid-espot .item .list_view_price {
  font-weight: bold;
  text-align: left;
  width: 60px; }

#four-grid .item .button, #four-grid-wishlist .item .button, #four-grid-espot .item .button {
  padding-left: 5px;
  margin-bottom: 8px; }

#four-grid .item .button .multiple_buttons, #four-grid-wishlist .item .button .multiple_buttons, #four-grid-espot .item .button .multiple_buttons {
  height: 24px; }

#three-grid td.item {
  padding: 25px 7px 3px 7px;
  text-align: center;
  vertical-align: top; }

#four-grid .item img, #four-grid-wishlist .item img, #four-grid-espot .item img {
  padding: 5px;
  vertical-align: middle; }

#four-grid .item .img a, #four-grid-wishlist .item .img a, #four-grid-espot .item .img a {
  display: block;
  width: 85px;
  height: 85px;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center; }

.itemhover {
  display: block;
  padding-top: 1px;
  margin-top: -1px; }
  .itemhover:hover {
    display: block;
    padding-top: 1px;
    margin-top: -1px; }

.fastfinderhover {
  background-image: url("../../images/colors/color2/transparent.gif");
  background-repeat: no-repeat;
  display: block;
  padding-top: 1px;
  margin-top: -1px;
  background-position: 3px 0; }
  .fastfinderhover:hover {
    background-image: url("../../images/colors/color2/product_hover_background.png");
    background-repeat: no-repeat;
    display: block;
    padding-top: 1px;
    margin-top: -1px;
    background-position: 3px 0; }

.listPrice {
  /*fix Japense YEN */
  text-decoration: line-through;
  font-weight: normal; }

td.item .brand {
  padding: 8px 0px 0px 0px; }

td.item .price {
  font-weight: bold; }

tr.button {
  text-align: center; }

.scrollPaneDescription {
  padding-top: 5px;
  height: 35px;
  overflow: hidden; }

.scrollPanePrice {
  font-weight: bold; }

.display_products {
  padding: 13px 0px 0px 10px;
  float: left; }

.display_views {
  padding: 10px 10px 0px 0px;
  float: right; }

#scroll_ad {
  width: 585px;
  min-width: 585px;
  padding-right: 0px;
  margin: 0px;
  vertical-align: top; }
  #scroll_ad td.item_container {
    text-align: center;
    width: 25%;
    padding: 25px 4px 3px 4px; }
  #scroll_ad .item {
    padding: 25px 4px 3px 4px;
    vertical-align: top; }
  #scroll_ad td.item {
    padding: 25px 7px 3px 7px;
    text-align: center;
    vertical-align: top; }
  #scroll_ad .button_align {
    text-align: center; }
  #scroll_ad .arrow_left {
    padding: 48px 0px 0px 0px; }
  #scroll_ad .arrow_right {
    padding: 48px 0px 0px 0px;
    float: right; }
  #scroll_ad .brand {
    padding: 8px 0px 0px 0px; }
  #scroll_ad .price {
    font-weight: bold; }

#horizontal_grid {
  margin: 0 auto;
  width: 566px;
  padding-right: 10px; }
  #horizontal_grid tr.item_container td {
    padding: 10px 5px 3px; }
    #horizontal_grid tr.item_container td.divider_line {
      background-image: url("../../images/colors/color2/product_grid_tr_line.png");
      background-repeat: no-repeat;
      height: 3px; }
    #horizontal_grid tr.item_container td.image {
      padding: 2px 0;
      text-align: center;
      width: 100px; }
      #horizontal_grid tr.item_container td.image img {
        position: relative;
        left: -5px;
        top: -15px; }
    #horizontal_grid tr.item_container td.information {
      width: 200px; }
      #horizontal_grid tr.item_container td.information p {
        width: 200px; }
      #horizontal_grid tr.item_container td.information h3 {
        font-size: 10px;
        font-weight: bold;
        padding-right: 7px;
        width: 200px; }
    #horizontal_grid tr.item_container td.price {
      font-weight: bold;
      text-align: right;
      width: 60px;
      white-space: nowrap; }
      #horizontal_grid tr.item_container td.price span.price {
        font-weight: bold;
        text-align: right;
        width: 60px;
        white-space: nowrap; }
    #horizontal_grid tr.item_container td.add_to_cart {
      text-align: right;
      width: 130px; }

.attribute_list {
  margin-bottom: 8px; }

td.item .brand {
  padding: 8px 0px 0px 0px; }

td.item .price {
  font-weight: bold; }

table.horizontal_grid {
  margin: 0 auto;
  width: 566px; }
  table.horizontal_grid tr.item_container td {
    border-bottom: 1px solid #cccccc;
    padding: 8px 0; }
    table.horizontal_grid tr.item_container td.divider {
      font-size: 0;
      height: 1px;
      padding: 0;
      width: 100%; }
    table.horizontal_grid tr.item_container td.image {
      padding: 2px 0;
      text-align: center;
      width: 100px; }
    table.horizontal_grid tr.item_container td.information {
      width: 300px; }
      table.horizontal_grid tr.item_container td.information p {
        width: 300px; }
      table.horizontal_grid tr.item_container td.information h3 {
        font-size: 10px;
        font-weight: bold;
        padding-right: 7px;
        width: 300px; }
    table.horizontal_grid tr.item_container td.price {
      font-weight: bold;
      text-align: right;
      width: 60px; }
    table.horizontal_grid tr.item_container td.add_to_cart {
      text-align: right;
      width: 106px; }

.price li {
  list-style: outside none none; }

/*
    ####    ####    ##  ######
   ##  ##  ##  ##   ##  ##  ##
       ##  ## ###  ###     ##
      ##   ### ##   ##    ##
    ##     ##  ##   ##    ##
   ##      ##  ##   ##    ##
   ######   ####  ######  ##
*/
/**
 *  Globals
 */
html {
  /* overflow-y: scroll; */
  min-width: 957px; }

html.scrolling-disabled,
body.scrolling-disabled {
  overflow: hidden; }

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

.jasmine_html-reporter {
  width: 90%; }

.btn.withicon span.icon {
  position: static;
  display: none; }

.specialism-icon {
  width: 50px;
  height: 50px; }

/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2009, 2010 All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *-----------------------------------------------------------------
 */
/* CSS Document */
/* TABLE OF CONTENTS
1.ORDER DETAILS TABLE
2.PRODUCT DETAILS
3.PRODUCT COMPARE
4.ADS
5.SITEMAP
6.HELP AND PRIVACY POLICY
7.SIGN IN AND REGISTRATION
8.QUICK CART
9.POPUP
10.ADVANCED SEARCH
12.BOPIS
13.MY ACCOUNT
14.FREE GIFTS POPUP
15.Miscellaneous utility CSS classes
16.SAVED ORDERS
17.ORDER PRICING POPUP
18.ERROR PAGE
19.Discount Details
20.MESSAGE DISPLAY
21.ACCORDION WIDGET
22.RANKING LIST
23.BROWSING HISTORY
24.PUNCHOUT PAYMENT
25.PDFOBJECT


/* 1.ORDER DETAILS TABLE
/* -----------------------------------------------------------------------------*/
/* Generic Order Details Table Styles */
div.order_status_table {
  padding: 8px 0; }
  div.order_status_table div.ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    div.order_status_table div.ul div.li {
      float: left;
      padding: 3px 5px; }
    div.order_status_table div.ul div.clear_float {
      float: none;
      font-size: 0;
      padding: 0; }
  div.order_status_table div.column_heading {
    border-bottom: 1px solid #c6d0dc;
    border-top: 1px solid #c6d0dc;
    font-weight: bold; }
  div.order_status_table div.row {
    border-bottom: 1px solid #c6d0dc; }
  div.order_status_table div.ul div.row div.li {
    padding: 6px 5px; }
  div.order_status_table div.ul div.row div.clear_float {
    padding: 0; }
  div.order_status_table div.order_number_column_1 {
    width: 15%; }
  div.order_status_table div.order_date_column_1 {
    width: 13%; }
  div.order_status_table div.status_column_1 {
    width: 22%; }
  div.order_status_table div.total_price_column_1 {
    text-align: right;
    width: 12%; }

div#PreviouslyProcessed, div#WaitingForApproval, div#Scheduled {
  padding: 10px; }

div.order_status_table div.purchase_order_column_1 {
  width: 15%; }

div.order_status_table div.option_1 {
  width: 14%; }

div.order_status_table div.order_number_column_2, div.order_status_table div.last_updated_column_2 {
  width: 27%; }

div.order_status_table div.purchase_order_column_2 {
  width: 18%; }

div.order_status_table div.total_price_column_2 {
  text-align: right;
  width: 18%; }

div.order_status_table div.order_number_column_3 {
  width: 30%; }

div.order_status_table div.purchase_order_column_3, div.order_status_table div.next_order_date_column_3 {
  width: 20%; }

div.order_status_table div.total_price_column_3 {
  text-align: right;
  width: 20%; }

div.order_status_table div.option_3 {
  width: 24%; }

div.order_status_table div.option_button {
  float: right; }
  div.order_status_table div.option_button span.btn-primary span.button_container span.button_top span.button_bottom a {
    position: static; }

.order_status {
  background: #fff url("../../images/colors/color2/product_tab_box_tile2.png") repeat-y;
  padding-bottom: 0px;
  width: 100%; }
  .order_status .info {
    padding: 5px 11px 0px 14px;
    line-height: 15px; }
  .order_status .tabfooter {
    background: url("../../images/colors/color2/product_tab_box_footer2.png");
    background-repeat: no-repeat;
    height: 14px; }

#orderItemDisplay {
  color: #59677D;
  font-size: 14px;
  font-weight: normal;
  padding: 15px 7px 7px 14px; }
  #orderItemDisplay .breadcrumb_item {
    float: right;
    padding: 20px 0 0; }
  #orderItemDisplay .left .on {
    color: #404040; }

div#purchase_options {
  border-top: 1px solid #C9D3DE;
  padding: 5px 0 0 6px; }
  div#purchase_options input {
    border: none;
    background-color: none;
    vertical-align: middle; }
  div#purchase_options label {
    padding-right: 15px; }
    div#purchase_options label img {
      padding-right: 5px;
      vertical-align: middle; }

#order_details {
  float: left;
  padding-bottom: 0px;
  margin-top: 10px; }

#WC_ContentAreaESpot_div_1_basketEspotBottom {
  clear: both;
  float: left;
  margin: 10px 0; }

#order_details .strong_content {
  color: #404040; }

#order_details td p img {
  padding-bottom: 4px; }

#order_details .shipAddress {
  width: 150px; }

#order_details .shipMethod {
  width: 300px; }

#order_details .requestedShippingDate {
  width: 12%; }

#order_details .expedite {
  width: 15%; }

#order_details td.collordel {
  background: #e5ebf7;
  width: 120px;
  margin: 0 auto; }

#order_details tr.shaded {
  background: #feefb3; }

#order_details .collordel .coldelWrap {
  width: 120px;
  margin: 16px auto 0;
  text-align: center; }
  #order_details .collordel .coldelWrap img {
    padding-right: 5px; }
  #order_details .collordel .coldelWrap p {
    color: #656565;
    font-size: 1.1em;
    padding-top: 5px; }

#order_details .QTY span {
  padding-top: 10px;
  display: block; }

#order_details tr.productItem td.total {
  padding-top: 20px; }

#order_details tr.productItem .isContract {
  margin-bottom: 10px; }

#order_details tr.productItem td.each {
  font-weight: bold;
  font-size: 1.1em; }

#order_details tr.productItem td.total span.info_icon, #order_details tr.productItem td.each span.info_icon {
  margin-top: -4px;
  display: block; }

#saved_quotes_table {
  table-layout: fixed; }

.savedQuotes_table_textBreak {
  word-wrap: break-word; }

input.checkoutTextField, #customers_new_or_returning .returning input, .job_reference_rows input {
  border: 1px solid #d0d0d0 !important;
  font-size: 1.2em;
  padding: 6px 4px; }

#create_quote_form table.quote input, #create_quote_form textarea {
  border: 1px solid #d0d0d0;
  font-size: 1.2em;
  padding: 6px 4px; }

#create_quote_form table.quote {
  border: none;
  background: none; }
  #create_quote_form table.quote input {
    width: 97%; }
  #create_quote_form table.quote td, #create_quote_form table.quote th {
    border: none;
    background: none; }

#customers_new_or_returning .returning input {
  width: 260px;
  margin-bottom: 15px; }

#customers_new_or_returning .right .siteAction {
  padding-top: 10px; }

.labelLeft {
  float: left;
  padding: 5px 5px 0 0;
  text-align: right;
  width: 87px; }

#order_details .qtyWrap, #upload_table .qtyWrap {
  min-width: 70px; }

#order_details .qtyWrap input, #upload_table .qtyWrap input {
  font-weight: bold;
  width: 40px;
  padding-left: 1px;
  padding-right: 1px;
  text-align: center; }

#order_details .qtyWrap a, #upload_table .qtyWrap a {
  padding: 0;
  margin: 2px 0;
  text-decoration: none; }

#order_details .qtyWrap a img, #upload_table .qtyWrap a img {
  vertical-align: middle;
  *vertical-align: super; }

#order_details .QTY a, #upload_table .QTY a {
  display: inline-block;
  margin-top: 12px; }

#order_details .QTY a.block, #upload_table .QTY a.block {
  display: block; }

#order_details .each {
  width: 57px; }

#order_details .total {
  width: 57px; }

#order_details th {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  vertical-align: middle;
  padding: 0px 7px 0px 7px; }

#upload_table th {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  vertical-align: middle;
  padding: 0px 7px 0px 7px; }

#order_details tr.nested th, #upload_table tr.nested th {
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  font-size: 1.2em;
  color: #656565;
  vertical-align: middle;
  padding: 8px 5px; }

#order_details tr.jobRef td {
  padding: 0;
  border: none; }
  #order_details tr.jobRef td .job_reference_rows {
    padding: 5px 50px 5px;
    float: right;
    width: auto; }
    #order_details tr.jobRef td .job_reference_rows input {
      vertical-align: middle;
      width: 200px; }
    #order_details tr.jobRef td .job_reference_rows label {
      vertical-align: middle; }

#order_details tr.nested th#shoppingCart_tableCell_productName {
  width: 250px; }

#order_details tr.nested th#shoppingCart_tableCell_quantity {
  width: 100px; }

#order_details tr.nested th#shoppingCart_tableCell_each.wider {
  width: 140px; }

#order_details tr.nested th#shoppingCart_tableCell_total {
  width: 100px; }

#order_details tr.nested th#shoppingCart_tableCell_collect, #order_details tr.nested th#shoppingCart_tableCell_delivery {
  background: #e5ebf7;
  width: 142px;
  border-left: 1px solid #dfdfdf; }

#order_details tr.productItem td {
  color: #656565;
  padding: 10px;
  vertical-align: middle; }
  #order_details tr.productItem td.collordel {
    vertical-align: baseline; }
    #order_details tr.productItem td.collordel .coldelSelectMessage {
      margin-bottom: 10px; }

#order_details .productItem.shaded td .coldelWrap {
  margin-top: 32px; }

#order_details tr.productItem td.QTY {
  width: 115px; }

#order_details tr.promo td, #order_details tr.promo a {
  color: #CF0000;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  background: transparent; }

table#summaryItems tr.promo td {
  color: #CF0000;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  background: transparent; }

#order_details td {
  padding: 6px 3px;
  vertical-align: top;
  border-bottom: 1px solid #dfdfdf; }

#order_details .basketAlternatives td {
  padding-left: 20px; }
  #order_details .basketAlternatives td a {
    text-decoration: underline; }

#order_details td.order_total_table {
  border: none;
  padding: 0; }
  #order_details td.order_total_table table {
    width: 100%; }

#order_details td.avail {
  border-left: 1px solid #dfdfdf; }

#order_details td.deleteColumn a {
  display: block;
  text-align: center; }

#order_details .img {
  float: left;
  margin-right: 7px;
  width: 75px;
  height: 75px;
  overflow: hidden; }
  #order_details .img img {
    max-height: 70px;
    max-width: 70px; }

#order_details .itemspecs {
  float: left;
  vertical-align: middle; }
  #order_details .itemspecs .icon_link {
    vertical-align: top; }

#order_details .br {
  padding-bottom: 15px; }

.icon_link_align {
  line-height: 16px;
  display: inline-block; }

.expedite, #order_details .align_center, .QTY, #order_details .align_right, .each, .total {
  text-align: center; }

#order_details .basketCol {
  background: #e5ebf7;
  border-left: 1px solid #dfdfdf;
  text-align: center;
  border-bottom: none; }
  #order_details .basketCol .btn {
    display: inline-block;
    float: none;
    margin-bottom: 12px; }

#order_details .basketButtonRow .basketCol {
  border-bottom: 1px solid #dfdfdf; }

#order_details .align_left {
  text-align: left; }

#order_details .th_align_left_normal {
  text-align: left;
  font-weight: normal;
  padding: 6px 3px;
  vertical-align: top; }
  #order_details .th_align_left_normal .details {
    float: left;
    font-weight: bold;
    max-width: 170px; }
    #order_details .th_align_left_normal .details a {
      color: #656565;
      font-weight: normal;
      font-size: 1.1em; }
    #order_details .th_align_left_normal .details span {
      padding: 5px 0;
      display: block;
      word-wrap: break-word; }

.order_details_my_account {
  padding: 4px 0px 4px 0px; }

#shoppingCart_rowHeader_product2 {
  min-width: 286px; }

.colDateContainer,
.delDateContainer {
  background: #009900;
  width: 85%;
  margin: 10px auto 0;
  padding: 5px; }
  .colDateContainer.bgAmber,
  .delDateContainer.bgAmber {
    background: #FF9900; }
  .colDateContainer p,
  .delDateContainer p {
    color: #fff; }

#premiumDeliveryDiv .disabledButton {
  display: none; }

#total_breakdown {
  background: #fff;
  clear: both;
  float: left;
  overflow: hidden;
  position: relative;
  width: 500px; }

.basket #actionWrap {
  float: right;
  width: 453px; }
  .basket #actionWrap .basketAdd {
    float: right;
    margin-top: 20px; }

.basket #change_branch,
.basket #select_branch,
.basket #changePostcode {
  display: block;
  font-weight: normal;
  margin-top: 8px; }

.basket #order_details td.blankCell {
  border: none; }

.basket #total_breakdown {
  background: none repeat scroll 0 0 #e5ebf7;
  float: none;
  padding: 0; }
  .basket #total_breakdown #order_total {
    margin: 0;
    width: 100%; }

/* Added by development - change order total section to use table instead of divs */
#total_breakdown #order_total {
  margin-right: 20px;
  margin-bottom: 30px;
  float: right;
  width: 423px; }
  #total_breakdown #order_total.premiumAvailable {
    width: 300px; }

#order_total th {
  width: 65%; }

#total_breakdown #order_total .total_details {
  background: #e5ebf7;
  color: #656565;
  font-size: 1.2em;
  text-align: left;
  padding: 9px 0 9px 15px; }

span.specialOrder {
  display: block; }
  span.specialOrder img {
    vertical-align: middle; }

#total_breakdown #order_total td.excluding {
  background: #e5ebf7;
  font-weight: normal;
  border: none;
  font-size: 1.1em; }

.basket #total_breakdown #order_total .total_figures {
  background: #e5ebf7;
  color: #656565;
  font-size: 1.2em;
  padding-right: 15px;
  text-align: right; }

#total_breakdown #order_total td, #total_breakdown #order_total th {
  font-weight: bold; }

#total_breakdown #order_total td.discount {
  color: #CF0000; }

#total_breakdown #order_total tr.paymentLogos td {
  border: none; }

.basket a#emptyBasket {
  font-weight: bold;
  position: absolute;
  right: 16px;
  text-decoration: underline;
  top: 15px; }

.basket .title {
  position: relative; }

/* end - Added by development */
.strong_content {
  color: #404040; }

#promotions {
  float: left;
  margin-top: 30px; }

.promotion_code {
  float: left;
  padding: 5px 10px 0 0; }

.promotion_input {
  float: left; }

.promotion_button {
  float: left;
  margin: 5px 15px 20px; }
  .promotion_button .siteAction {
    padding: 0; }

#PromotionCodeForm {
  margin-left: 30px; }

#total_breakdown .promotion_code {
  color: #656565;
  font-size: 1.1em;
  padding-right: 10px;
  padding-top: 8px;
  float: left;
  height: 23px; }

#total_breakdown .promotion_input {
  float: left;
  padding-right: 15px; }
  #total_breakdown .promotion_input .checkoutTextField {
    width: 170px; }

#total_breakdown .promotion_button {
  height: 23px;
  float: left;
  vertical-align: middle; }
  #total_breakdown .promotion_button .siteAction {
    padding-top: 0;
    clear: none; }

#total_breakdown .promotion_used {
  clear: left;
  padding: 10px 0;
  float: left;
  text-align: left; }
  #total_breakdown .promotion_used a:hover {
    text-decoration: none; }

#total_breakdown .promotion_delete {
  float: right;
  width: 80px;
  padding-left: 3px;
  text-align: left !important; }

#total_breakdown .details {
  float: right;
  padding-right: 14px; }

#total_breakdown .figures {
  float: right; }

#total_breakdown .order_total {
  font-weight: bold; }

.checkoutCrossSells {
  height: auto;
  clear: both; }
  .checkoutCrossSells h2 {
    background: #f7f7f7;
    color: #656565;
    font-weight: bold;
    padding: 7px 15px 8px; }

#BasketCrossSellProducts {
  text-align: center; }
  #BasketCrossSellProducts .contentgrad_header {
    display: none; }
  #BasketCrossSellProducts .wolsCarousels .itemsHold .item .description {
    height: 60px;
    overflow: hidden; }
  #BasketCrossSellProducts .button {
    padding-top: 8px; }
  #BasketCrossSellProducts .btn {
    background-position: 102% center; }
  #BasketCrossSellProducts .dojoDndItem {
    width: 75px;
    height: 75px;
    overflow: hidden;
    margin: 0 auto; }
  #BasketCrossSellProducts .imgContainer {
    width: 180px;
    padding: 5px 20px;
    text-align: center;
    background: none; }

.dj_ie7 #BasketCrossSellProducts .imgContainer {
  text-align: left;
  text-align: left; }

.dj_ie7 #BasketCrossSellProducts .detailContainer, .dj_ie7 #BasketCrossSellProducts .espotQty {
  text-align: center; }

#BasketCrossSellProducts .navPrev {
  margin-left: 0; }

#BasketCrossSellProducts .scrollPaneDescription a {
  font-weight: bold; }

#BasketCrossSellProducts .imgWrap {
  position: relative; }
  #BasketCrossSellProducts .imgWrap .rightside_quickinfo_button {
    left: 40px;
    top: 20px; }

#BasketCrossSellProducts .priceWrap span {
  display: block;
  margin-bottom: 10px; }

#BasketCrossSellProducts .siteAction {
  padding-top: 0; }

#BasketCrossSellProducts div.button_fit_padder {
  margin-left: 0;
  padding-left: 15px;
  position: absolute;
  bottom: 5px; }

#BasketCrossSellProducts .imgWrap div.button_fit_padder {
  padding-left: 46px; }

#BasketCrossSellProducts .espotQty {
  margin-top: 10px;
  margin-bottom: 10px; }

.checkoutCrossSells .thumbOuter {
  height: 220px;
  padding: 0 15px 10px; }

#BasketCrossSellProducts div.thumbScroller {
  border: none;
  position: relative;
  margin: 0; }

#BasketCrossSellProducts div.thumbsNode {
  width: 5000px !important; }

#WC_CheckoutLogonf_div_1 {
  padding: 0 0px; }

#customers_new_or_returning {
  padding-top: 15px;
  color: #656565; }
  #customers_new_or_returning .login-fields {
    padding: 15px; }
  #customers_new_or_returning .forgotten-or-notregistered {
    border-top: 2px solid #fff;
    margin: 0;
    padding: 20px 0 32px;
    width: 100%; }
  #customers_new_or_returning p a {
    color: #656565; }

.forgotten-or-notregistered p {
  padding-left: 25px; }

#customers_new_or_returning .returning, #customers_new_or_returning .new {
  /*padding:14px 35px 20px 35px;*/
  background: #e5ecf7;
  text-align: left !important; }

#customers_new_or_returning .returning {
  /*ie6 hack*/
  _margin-left: 35px;
  float: left;
  margin-left: 3%;
  width: 50%; }

#customers_new_or_returning .right {
  margin-right: 3%;
  width: 42%; }

#customers_new_or_returning .new {
  margin: 0px 0px 5px;
  padding: 15px; }
  #customers_new_or_returning .new p {
    color: #656565;
    font-size: 1.1em; }

#customers_new_or_returning h2 {
  color: #656565;
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 12px; }

#customers_new_or_returning .returning label {
  color: #656565;
  font-size: 1.1em;
  display: block;
  margin-bottom: 5px; }

#customers_new_or_returning .returning input {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

#customers_new_or_returning .returning .myaccount_link {
  text-decoration: underline;
  margin-left: 92px; }

#customers_new_or_returning .returning .siteAction {
  margin: 20px 30px 20px 0;
  padding-top: 0; }

#customers_new_or_returning .returning .clear_right.b_link {
  padding-top: 10px;
  *padding-top: 7px;
  /*ie7 hack*/ }

#customers_new_or_returning a {
  font-size: 1.1em; }

#guestShopperLogon {
  float: right; }

.top_border {
  border-top: 1px solid #cccccc;
  width: 600px; }

.top_border_dotted {
  border-top: 1px dotted #cccccc; }

#shipping {
  padding-left: 0px; }

#store_locator {
  float: left; }

#map-container {
  overflow: hidden; }
  #map-container.hidden {
    display: none; }

.popContentWrap.hidden {
  display: none; }

.locator-storename h2 {
  color: #656565;
  font-size: 1.8em;
  padding: 15px 15px 15px 40px;
  font-weight: bold;
  margin: 0 5px 0 1px;
  text-transform: capitalize; }

#map_canvas {
  border: 1px solid #ccc;
  margin: 0 auto 20px;
  width: 100%;
  height: 600px; }

.pdpPage #map_canvas {
  width: 642px;
  height: 300px;
  margin-left: 1px; }

.pdpPage .popContentWrap #map_canvas {
  width: 642px;
  height: 300px;
  margin-left: 1px; }

#map-container .siteAction {
  margin-right: 15px; }

.pdpPage #map-container .siteAction {
  margin-right: 25px; }

.chooseBranch #map_canvas {
  height: 400px; }

.dialog_map_canvas {
  border: 1px solid #ccc;
  margin: 0 auto;
  width: 400px;
  height: 350px; }

#shipping .shipping_address {
  float: left;
  padding: 10px 50px 5px 3px; }

#shipping .shipping_method {
  float: left;
  padding: 10px 0px 5px 3px; }
  #shipping .shipping_method .legacy-dropdown {
    padding-bottom: 0px !important; }

#shipping .shipping_method2 {
  float: left;
  padding: 10px 20px 5px 3px; }

#store_button {
  width: 50px;
  vertical-align: bottom;
  line-height: 25px; }

#shipping .shipping_address_nested, #shipping .shipping_method_nested {
  float: left;
  padding: 0px; }

#shipping .shipping_method .legacy-dropdown {
  padding-bottom: 5px; }

#shipping .shipping_method .checkbox .element {
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: none; }

#shipping .shipping_method .checkbox .text {
  font-size: 10px;
  vertical-align: 20%;
  padding-bottom: 5px;
  color: #404040; }

#billing, .billing {
  padding-top: 10px; }

#billing th, .billing th {
  border-bottom: 1px solid #cccccc;
  height: 18px;
  vertical-align: top;
  padding: 0px 7px 0px 7px; }

#billing th, .billing th {
  vertical-align: top; }

#billing td, .billing td {
  padding: 6px 7px 6px 7px;
  vertical-align: top; }

#billing .billing_address, .billing .billing_address {
  float: left;
  padding: 0px 50px 5px 3px; }

#billing .billing_address_container, .billing .billing_address_container {
  float: left; }

#billing .billing_method, .billing .billing_method {
  float: left;
  padding: 0px 5px 5px 0px;
  width: 320px; }

#billing .dijitContentPane, .billing .dijitContentPane {
  float: left; }

#checkoutsms {
  padding-left: 0px; }
  #checkoutsms .countryselect {
    float: left;
    padding: 2px 20px 5px 0; }
  #checkoutsms .smsphone_number {
    float: left;
    padding: 2px 0px 5px 0; }

.smsChoose, .smsDetails {
  clear: both;
  padding-top: 10px; }

.smsChoose input {
  vertical-align: middle;
  padding: 3px;
  border: 1px solid #cfcfcf;
  margin: 0; }

.smsDetails input {
  vertical-align: middle;
  padding: 3px;
  border: 1px solid #cfcfcf;
  margin: 0; }

.smsDetails .areaCode {
  padding-right: 10px;
  float: left;
  clear: left; }
  .smsDetails .areaCode input {
    width: 50px; }

.smsDetails .examp {
  float: left;
  width: 110px; }

.smsDetails label {
  clear: both;
  float: left;
  padding: 3px 0;
  font-weight: bold; }

.smsDetails select {
  border: 1px solid #cfcfcf;
  display: block; }

#location {
  padding-left: 0px; }

.location_container {
  border-right: 1px solid #CCCCCC;
  float: left;
  padding-right: 10px; }

.postalcode_container {
  padding-left: 25px;
  float: left; }

#location .location_select {
  margin-right: 10px;
  float: left; }

#location .location_select_label {
  font-size: 11px;
  padding-bottom: 3px; }

#location .location_option_label {
  padding-left: 25px;
  padding-right: 10px;
  font-size: 11px; }

#location .location_select_form {
  padding-right: 0px; }

#location .location_select_button {
  padding-top: 17px;
  display: block; }

div.edit {
  margin-top: 8px; }

#centered_single_column_form {
  width: 240px;
  padding-left: 370px;
  padding-right: 25px; }

#centered_single_column_form_footer {
  padding-left: 369px;
  padding-right: 25px;
  padding-top: 9px; }

#unregistered_form .col1_bill, #unregistered_form .col2_ship {
  float: left;
  width: 240px; }

#unregistered_form .col1_bill {
  margin-left: 38px; }

#unregistered_form .col2_ship {
  margin-left: 30px;
  margin-right: 30px; }

#unregistered_form .checkbox_line {
  padding: 0px;
  margin: 0px; }

#unregistered_form select {
  margin-bottom: 7px; }

#unregistered_form .col1_bill .spacer {
  padding-top: 7px; }

unregistered_form .col2_ship .spacer {
  padding-top: 7px; }

.shipping_billing_content {
  padding: 20px 15px 15px 15px; }

#my_account_billing {
  padding: 0px 145px 0px 0px;
  float: left;
  border-right: solid 1px #cccccc; }

#my_account_shipping {
  padding-left: 20px;
  float: left; }
  #my_account_shipping fieldset label {
    display: inline-table;
    width: 320px; }

.shipping_billing_content {
  padding: 20px 15px 15px 15px;
  float: left; }

.shopcart_pagination {
  float: left;
  width: 100%;
  padding: 5px 0; }

.order_print_signup {
  line-height: 12px; }

.dotted_line {
  border-bottom: dotted 1px #cccccc; }

.billing_border {
  border-top: 1px solid #c9d3de; }

.payment_heading {
  float: left;
  font-weight: bold;
  width: 150px; }

#purchase_order {
  padding-top: 10px;
  padding-left: 7px; }
  #purchase_order title {
    font-weight: bold; }

div#B2BShippingChargeExt_shipcharge_table {
  padding: 8px 0px;
  width: 580px; }
  div#B2BShippingChargeExt_shipcharge_table div.shipcharge_table_row {
    list-style: none;
    margin: 0;
    padding: 0; }
  div#B2BShippingChargeExt_shipcharge_table div.column_heading {
    border-bottom: 1px solid #c6d0dc;
    border-top: 1px solid #c6d0dc;
    font-weight: bold; }
  div#B2BShippingChargeExt_shipcharge_table div.shipcharge_table_row div.gridcell {
    float: left;
    padding: 3px 5px; }
  div#B2BShippingChargeExt_shipcharge_table div.shipcharge_table_row div.clear_float {
    float: none;
    font-size: 0;
    padding: 0; }
  div#B2BShippingChargeExt_shipcharge_table div.shipcharge_table_row div.shipCharge_shipmode {
    width: 157px; }
  div#B2BShippingChargeExt_shipcharge_table div.shipcharge_table_row div.shipCharge_chargeType {
    width: 200px; }
  div#B2BShippingChargeExt_shipcharge_table div.shipcharge_table_row div.shipCharge_account {
    width: 180px; }

.shipChargePadding {
  padding-bottom: 15px; }

/* 2.PRODUCT DETAILS TABLE
/* -----------------------------------------------------------------------------*/
#product {
  color: #404040;
  padding-left: 1px;
  margin: 30px 0; }
  #product .product_images {
    float: left;
    width: 300px;
    height: auto;
    padding-left: 0;
    overflow: hidden;
    /* temp hack till images are loaded */ }
    #product .product_images .product {
      padding-left: 0;
      text-align: center;
      display: block;
      width: 300px; }

.product_images .product {
  padding-left: 0;
  text-align: center;
  display: block;
  width: 300px; }

.pdpImgWrap {
  width: 300px;
  height: 300px;
  overflow: hidden; }
  .pdpImgWrap.hasImgPopup {
    cursor: pointer; }

#product .product_images .product img, .product_images .product img {
  text-align: center;
  vertical-align: middle; }

#product .largeImageLink, .product .largeImageLink {
  padding-top: 10px;
  text-align: center; }

#product .imageDisclaimer {
  margin-bottom: 10px;
  color: #949599; }

#product .largeImageLink a {
  text-decoration: underline; }

#product .socialLinks {
  text-align: center;
  padding-top: 10px;
  width: 102px;
  margin: 0 auto; }

.product_images .socialLinks {
  text-align: center;
  padding-top: 10px;
  width: 102px;
  margin: 0 auto; }

#product .socialLinks .at300bs {
  height: 13px; }

.product .notBuyable {
  float: left;
  margin-top: 20px;
  width: 250px; }

.product-list .notBuyable {
  width: auto; }

.four_grid .product .notBuyable {
  text-align: center;
  margin-top: 10px;
  width: auto;
  float: none; }

/* Variable text length is making height behave randomly and causing issues - Fix heights to prevent this */
ul.product-list.four-grid li.product div.description a, ul.product-list.four_grid li.product div.description a {
  display: block;
  height: 50px;
  overflow: hidden; }

.four_grid .product .description .prod-code, .four-grid .product .description .prod-code {
  padding-top: 8px; }

ul.product-list.four-grid li.product .prod-text, ul.product-list.four_grid li.product .prod-text {
  border-bottom: 2px solid #f2f5fb;
  color: red;
  font-weight: 900;
  font-size: 1.2em;
  padding: 5px 5px 10px;
  overflow: hidden;
  height: 26px;
  text-align: center; }

ul.product-list.four-grid li.product div.button {
  padding-left: 40px; }

.socialLinks .BookMarks {
  display: none; }

#product .socialLinks .shareText {
  display: none; }

#product .product_images span {
  padding-bottom: 3px; }

#product h1 {
  padding-bottom: 0px; }

.pdpPage #product h1 {
  padding-top: 10px;
  padding-left: 25px; }

#product .title {
  background: #f7f7f7;
  padding-bottom: 15px; }
  #product .title h1 {
    padding-bottom: 0; }
  #product .title p {
    margin-left: 24px;
    font-size: 14px; }

#product .price span {
  font-size: 1.4em;
  color: #666;
  display: block; }
  #product .price span.nowPrice, #product .price span.retailPriceForTrade {
    font-size: 1.6em; }
  #product .price span.UOMSuffix strong {
    font-size: 0.9em; }

.offersWrap {
  color: #CF0000;
  font-size: 1.3em;
  font-weight: bold;
  display: none; }

.horizontal_grid .offersWrap {
  font-size: 1.3em; }

#product .offersWrap {
  background: #e5e5e6;
  padding-bottom: 10px;
  font-size: 1.5em; }

.horizontal_grid .product .offersWrap {
  /*margin-left:160px;
  margin-bottom:8px;*/ }

#product .offersWrap a {
  color: #fff;
  font-size: 1.2em;
  font-weight: bold; }

.four_grid .offersWrap {
  position: relative;
  overflow: hidden;
  *height: 2.8em;
  /*height and overflow set as IE7/6 have layout issues when products have different heights*/ }
  .four_grid .offersWrap span {
    position: relative;
    overflow: hidden;
    *height: 2.8em;
    /*height and overflow set as IE7/6 have layout issues when products have different heights*/ }

#product p.singleSku {
  font-size: 1.1em;
  text-transform: capitalize; }

#product .attQtyWrap {
  padding: 10px 0 30px; }
  #product .attQtyWrap .pdpQty {
    display: inline-block;
    padding: 6px;
    clear: both; }
    #product .attQtyWrap .pdpQty input {
      font-weight: bold;
      border: 1px solid #D0D0D0;
      padding: 4px;
      font-size: 1.2em;
      display: block; }
  #product .attQtyWrap .productText .prod-text {
    color: red;
    font-weight: 900;
    padding: 5px 0 10px; }

.jobRefWrap {
  float: right;
  padding-bottom: 10px; }

#product .attQtyWrap select, .attribute_list select {
  vertical-align: middle;
  min-width: 200px;
  _width: 200px;
  height: auto;
  -moz-border-radius: 3px;
  border: 1px solid #D0D0D0;
  padding: 4px;
  display: block;
  clear: left; }

#product .attQtyWrap label, .attribute_list label {
  text-transform: capitalize;
  font-size: 1em;
  float: left;
  width: 52px;
  padding: 3px 0;
  color: #666666; }

#product .rating {
  height: 20px; }
  #product .rating span.img {
    vertical-align: middle; }

#product span.grey {
  color: #5b6779;
  padding-bottom: 0px;
  font-weight: normal; }

#product .combo_area {
  border-top: solid 1px #c6d0dc;
  padding-top: 10px;
  float: left;
  width: 520px; }

#product .specs .info {
  padding: 20px; }

.composer .prodMainCol .specs .info {
  padding: 20px; }

#product .specs #Description h2, #product .specs #Description p, #product .specs #Description li {
  margin-bottom: 10px;
  font-size: 1.1em; }

.composer .prodMainCol .specs #Description h2, .composer .prodMainCol .specs #Description p, .composer .prodMainCol .specs #Description li {
  margin-bottom: 10px;
  font-size: 1.1em; }

#product .specs #Description h2, .composer .prodMainCol #Description h2 {
  font-weight: bold; }

#product .specs #Description li, .composer .prodMainCol .specs #Description li {
  list-style: disc;
  margin-left: 16px;
  font-size: 1.1em; }

#product .specs #Specification th, #product .specs #Specification td {
  width: 50%; }

.composer .prodMainCol .specs #Specification th, .composer .prodMainCol .specs #Specification td {
  width: 50%; }

#product .combo_area .scroller {
  text-align: center;
  float: left;
  margin-top: -5px; }

#product .combo_area .img {
  border: solid 1px #c6d0dc; }

#product .combo_area .product_image {
  padding-top: 7px;
  float: left; }

#product .combo_area .plus_image {
  padding: 35px 7px 0px 7px;
  float: left;
  margin-left: 14px; }

#product .combo_text {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 6px;
  width: 330px;
  float: left; }

#product .combo_button {
  padding-left: 5px;
  padding-right: 5px;
  width: 330px;
  float: left; }

#image_container {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  position: relative;
  text-align: center; }

.tabs {
  width: 514px;
  float: left; }

.tabs_order_status {
  background: transparent url("../../images/colors/color2/product_tab_box_header2.png") no-repeat;
  width: 758px; }

.tabs {
  margin-bottom: -1px; }
  .tabs .on {
    float: left;
    padding: 5px 10px;
    border: 1px solid #e0e0e0; }
  .tabs .off {
    float: left;
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
    background: #efefef; }
  .tabs .on {
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #fff; }
  .tabs a {
    text-decoration: none;
    color: #000; }

.dijitHidden {
  display: none; }

.dijitVisible {
  display: block;
  position: relative;
  padding: 10px; }

.specs {
  width: 500px; }

#WC_CachedProductOnlyDisplay_div_15 {
  width: auto; }

.specs .info {
  padding: 10px;
  line-height: 14px;
  min-height: 25px;
  clear: both;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0; }

.specs .infoContainer {
  clear: both; }

.specs .dijitTabSpacer, .specs .dijitTabNoLayout, .specs .dijitTab {
  display: none; }

.specs .tabfooter {
  background: url("../../images/colors/color2/product_tab_box_footer.png");
  background-repeat: no-repeat;
  height: 14px; }

#product .rightPdpNav, .composer .prodMainCol .rightPdpNav {
  width: 100%;
  margin-top: 20px; }

.rightPdpNav .siteAction {
  margin-left: 15px; }
  .rightPdpNav .siteAction a.quickInfo {
    font-size: 0.9em; }

.rightPdpNav .item {
  padding-bottom: 12px;
  margin-bottom: 5px;
  overflow: auto;
  clear: both; }
  .rightPdpNav .item .imageHolder {
    position: relative; }
  .rightPdpNav .item .detailsHolder p.brand {
    font-weight: bold;
    padding-right: 5px;
    font-size: 1.2em;
    line-height: 1.2em; }
  .rightPdpNav .item .buttonHolder {
    clear: both; }
    .rightPdpNav .item .buttonHolder .siteAction {
      padding-top: 5px; }

.rightPdpNav .ranking_list_container {
  margin-top: 0; }
  .rightPdpNav .ranking_list_container .scroll_pane_container {
    padding-top: 0; }

#product .rightPdpNav .price span.nowPrice, .composer .prodMainCol .rightPdpNav .price span.nowPrice {
  font-size: 1.2em; }

#product .rightPdpNav .price span.wasPrice, .composer .prodMainCol .rightPdpNav .price span.wasPrice {
  font-size: 1.0em;
  color: #ADADAD;
  text-decoration: line-through; }

.rightPdpNav .hideOffers {
  display: none; }

body #product .rightPdpNav h2, body .composer .prodMainCol .rightPdpNav h2 {
  background: #e5e5e6;
  border: none;
  font-size: 1.5em;
  margin-top: 0;
  padding: 15px 30px;
  clear: both; }

#product .bottomPdpNav, #bundle_espots, .composer .prodMainCol .bottomPdpNav {
  clear: both;
  padding: 10px 0; }

#product .bottomPdpNav .homeBottomEspot, .composer .prodMainCol .bottomPdpNav .homeBottomEspot, #bundle_espots .espotBlock {
  float: left;
  padding: 0 10px 0 0; }

#product .bottomPdpNav .last, .composer .prodMainCol .bottomPdpNav .last, #bundle_espots .last {
  padding: 0; }

#product .symbolLogos {
  float: right; }
  #product .symbolLogos .symLogo {
    padding: 0 0 5px;
    overflow: hidden; }
    #product .symbolLogos .symLogo img {
      float: right; }

#product .product_images .angles img {
  margin-right: 3px; }

#product .product_images .angles .off {
  border: solid 1px #aab2bc; }

#product .product_images .angles .on {
  border: solid 2px #f37321; }

#product .product_images .angles a {
  margin-bottom: 1px;
  display: inline-block; }

#product .product_options {
  float: right;
  margin-top: 20px;
  width: 425px;
  vertical-align: middle; }
  #product .product_options .option_container {
    padding: 5px 0px 0px 0px; }
  #product .product_options .option_label {
    line-height: 21px;
    vertical-align: middle;
    float: left;
    padding-right: 4px; }
  #product .product_options .option_form {
    height: 20px;
    line-height: 21px;
    vertical-align: middle;
    float: left; }
  #product .product_options p {
    height: auto;
    vertical-align: middle;
    float: left; }
    #product .product_options p.deliver-info-msg {
      margin-top: 7px; }
  #product .product_options input {
    margin-bottom: 4px;
    vertical-align: middle;
    z-index: 0; }
    #product .product_options input select {
      margin-bottom: 4px;
      vertical-align: middle;
      z-index: 0; }

.product_options .siteAction {
  float: left;
  padding-bottom: 10px; }

.composer .product_options .siteAction {
  padding-bottom: 20px; }

.composer .product_options .collectDeliveryGuide .siteAction {
  padding-bottom: 10px; }

#product .product_options .features {
  float: right; }
  #product .product_options .features .siteAction {
    float: right; }

#product .product_options .buttonWrap {
  height: auto;
  clear: both; }

.collectDeliveryGuide {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  clear: both;
  float: left;
  margin: 10px 0;
  padding-bottom: 10px; }

.bundleItem .collectDeliveryGuide {
  margin-left: 92px; }

.collectDeliveryGuide .panel {
  padding: 10px 5px; }

.collectDeliveryGuide .collect {
  overflow: hidden;
  border-bottom: 1px solid #ccc; }

.collectDeliveryGuide .checkStore {
  width: 412px; }

.collectDeliveryGuide .panel .siteAction {
  padding-left: 40px; }

.collectDeliveryGuide .checkStore .siteAction {
  padding: 0;
  margin-left: -10px; }

.collectDeliveryGuide .stock-check .btn {
  margin-top: 20px; }

.collectDeliveryGuide .delivery {
  border-bottom: 1px solid #ccc;
  clear: both;
  overflow: hidden; }

.collectDeliveryGuide .last {
  border-right: none; }

.collectDeliveryGuide .panel p {
  padding: 0 5px 5px 36px;
  height: auto; }

.collectDeliveryGuide .panel strong.delivery-text, .collectDeliveryGuide .panel strong.collect-text {
  display: inline-block;
  width: 105px; }

.collectDeliveryGuide .panel img {
  vertical-align: top;
  float: left;
  margin-right: 7px; }

.prefDateInfo {
  padding: 15px 0;
  font-weight: bold; }

#requestShippingDateDiv .prefDateInfo {
  background: #f0f0f2;
  clear: both;
  margin: 5px 5px 5px 179px;
  padding-left: 7px; }

#singleShipmentDate {
  margin-left: 10px; }

.ageRestricted {
  float: left; }
  .ageRestricted img {
    vertical-align: middle;
    padding: 0 5px; }

.itemspecs {
  position: relative;
  padding-right: 40px; }
  .itemspecs .ageRestricted {
    position: absolute;
    top: 1px;
    right: 1px;
    _right: 100px; }

.collectDeliveryGuide .panel h5 {
  border-bottom: 1px solid #e0e0e0;
  padding: 7px 5px 17px;
  margin: 0 -5px 10px -5px; }

.collectDeliveryGuide .panel p {
  padding: 0px 2px 0;
  margin: 0; }

.collectDeliveryGuide .collect-branch, .collectDeliveryGuide .delivery-icon {
  margin-right: 5px; }

.collectDeliveryGuide .available-icon, .collectDeliveryGuide .unavailable-icon {
  margin-left: 0px; }

.delivery_ul .collect-text {
  float: left;
  margin-left: 12px;
  margin-top: 12px; }

.collectDeliveryGuide li .collect-branch {
  float: left; }

#product .product_options .coll-del-info {
  display: block;
  vertical-align: top;
  width: 225px;
  margin-top: 7px;
  padding-left: 5px; }

#AltImagesScrollPane {
  height: 85px;
  padding: 10px 0;
  margin: 10px 0;
  border-top: 1px dotted #e0e0e0;
  border-bottom: 1px dotted #e0e0e0; }
  #AltImagesScrollPane .imgContainer {
    width: 85px;
    float: left;
    border: none;
    background: none;
    padding: 0;
    margin: 0; }
    #AltImagesScrollPane .imgContainer a {
      width: 75px;
      height: 75px;
      line-height: 75px;
      overflow: hidden; }
  #AltImagesScrollPane .thumbsNode {
    width: 5000px !important; }
  #AltImagesScrollPane .navPrev, #AltImagesScrollPane .navNext {
    margin-left: 0;
    padding: 0; }

.popContentWrap .branchFind {
  width: 415px; }

.popContentWrap .branchProdAdd {
  clear: both;
  padding-right: 18px; }

.branchProdAdd .siteAction {
  padding-top: 0; }

#viewSelect {
  width: 150px;
  float: right; }
  #viewSelect p {
    display: block;
    width: 150px;
    font-weight: bold;
    height: 1.8em;
    text-align: right; }
  #viewSelect .radioBtn {
    margin: 5px 0 0 5px; }

.dottedTables {
  clear: both;
  padding-top: 30px; }
  .dottedTables table {
    width: 100%;
    border-collapse: collapse; }
  .dottedTables th {
    border: 1px solid #DFDFDF;
    border-left: none;
    font-size: 1.4em;
    text-align: left;
    font-weight: bold; }
  .dottedTables td {
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF; }
  .dottedTables th {
    padding: 10px; }
  .dottedTables td {
    padding: 10px; }
    .dottedTables td:first-child {
      border-left: 1px solid #DFDFDF; }
  .dottedTables th:first-child {
    border-left: 1px solid #DFDFDF; }
  .dottedTables .qtyWrap {
    width: 110px; }
    .dottedTables .qtyWrap .checkoutTextField {
      text-align: center;
      width: 45px;
      margin: 0 5px 0 5px; }
    .dottedTables .qtyWrap a {
      margin-top: 5px;
      float: left; }
    .dottedTables .qtyWrap .checkoutTextField {
      float: left; }

#availabilityByItem .siteAction {
  float: right; }

.store_search {
  float: left; }

#store_search_resultsStoreLocator div.title, #store_search_results div.title, #product_details_store_search_results div.title {
  padding: 0; }

#store_search_resultsStoreLocator div.title h4, #store_search_results div.title h4, #product_details_store_search_results div.title h4, #store_search_results div.result a, #product_details_store_search_results div.result a {
  font-size: 1.2em; }

#store_search_resultsStoreLocator, #store_search_results {
  padding: 0 10px;
  border: 1px solid #fff; }

#store_selection #store_search_results {
  border: none; }

#store_search_resultsStoreLocator .results, #store_search_results .results {
  position: relative;
  top: 0;
  left: 0; }

#WC_product_stock_details_popup_body_content #store_search_results {
  min-height: 0;
  margin-bottom: 0; }

#product_details_store_search_results {
  padding: 0 25px 10px 25px; }

#store_search_results a, #product_details_store_search_results a {
  font-weight: 900; }

#store_search_results .result a {
  text-decoration: none;
  font-weight: bold; }

#store_search_footer {
  float: right; }
  #store_search_footer .genericESpot {
    padding-left: 10px; }

#ad_SAFEHeaderPageESpot01 {
  padding-left: 10px;
  padding-top: 4px; }

#header_links #ad_SAFEHeaderPageESpot01 a {
  display: block; }

#store_selection #store_search_footer {
  clear: both;
  float: none; }

#ESpotInfo_popup_SearchResults_Content .summary, .editMode .espot_dialog_popup .summary {
  clear: both; }

#ESpotInfo_popup_SearchResults_Content .create, #ESpotInfo_popup_SearchResults_Content .edit {
  float: left;
  margin: 10px 0; }

.editMode .espot_dialog_popup .create, .editMode .espot_dialog_popup .edit {
  float: left;
  margin: 10px 0; }

#store_selection {
  position: relative;
  background: none;
  padding-top: 14px; }
  #store_selection #store_search_footer .genericESpot {
    float: left;
    padding: 0 10px 0 0;
    padding-left: 0;
    position: relative;
    bottom: 0; }

.branchList .storeDetail {
  float: left;
  width: 25%; }

#ESpotInfo_popup_SearchResults_Content .bodycontent {
  padding-top: 4px; }

#ESpotInfo_popup_SearchResults_Content .whitespace_background {
  padding: 5px 10px 10px; }

.editMode .espot_dialog_popup .whitespace_background {
  padding: 5px 10px 10px; }

.dataTitle {
  clear: both;
  float: left;
  padding: 2px 0; }

.evaluation_data {
  padding: 2px 0; }

.data_table > span {
  float: left;
  padding: 1px 7px 0 0; }

#storeLocator_popup table {
  border-collapse: collapse;
  margin-top: 12px; }
  #storeLocator_popup table td, #storeLocator_popup table th {
    background: #e5e5e6;
    border: 1px solid #ccc;
    width: 25%; }
  #storeLocator_popup table .productDesc, #storeLocator_popup table .blankCell, #storeLocator_popup table .nextPrev {
    background: none; }

#product_stock_details_popup #popupHeader,
#nonbuyable_popup #popupHeader,
#requisition_list_popup #popupHeader,
#basket_postcode_popup #popupHeader,
#basket_replacements_popup #popupHeader,
#storeLocator_popup #popupHeader,
#checkOutLogin_popup #popupHeader,
#ESpotInfo_popup_SearchResults_Content #popupHeader,
.editMode .espot_dialog_popup #popupHeader {
  background: none; }

.fullPopUp #closeLink,
#ESpotInfo_popup_SearchResults_Content .specialMove,
.editMode .espot_dialog_popup .specialMove {
  background: url("../../images/close-icon.png") 0 0 no-repeat; }

#storeLocator_popup table .productDesc {
  text-align: left; }

.productDesc > p {
  padding-bottom: 5px; }

#storeLocator_popup table .blankCell {
  border: none; }

#storeLocator_popup .siteAction .btn {
  display: inline-block;
  float: none; }

#storeAvail tbody td, #storeAvail th p {
  padding: 10px;
  text-align: center; }

#storeAvail .distance {
  font-weight: normal;
  padding-top: 0; }

.branchProdAdd {
  float: right;
  padding-right: 35px; }

.branchFind {
  width: 330px; }

#store_search_resultsShoppingCart .title,
#townPostcodeDisResults .title {
  padding: 5px 0; }
  #store_search_resultsShoppingCart .title p,
  #townPostcodeDisResults .title p {
    font-size: 1.4em; }

#store_search_resultsShoppingCart a,
#townPostcodeDisResults a {
  font-size: 1.2em; }

.basket .branchFind {
  width: auto; }
  .basket .branchFind > p {
    clear: both;
    float: left;
    margin-left: 92px;
    margin-top: 12px; }

#branchResults {
  float: left;
  width: 99%;
  margin-left: 1px;
  margin-bottom: 10px; }

#nonbuyable_popup .dijitDialogTitleBar, #basket_postcode_popup .dijitDialogTitleBar, #basket_replacements_popup .dijitDialogTitleBar, #storeLocator_popup .dijitDialogTitleBar, #checkOutLogin_popup .dijitDialogTitleBar, #ESpotInfo_popup_SearchResults_Content .dijitDialogTitleBar, .editMode .espot_dialog_popup .dijitDialogTitleBar, #requisition_list_popup .dijitDialogTitleBar {
  display: none; }

#nonbuyable_popup, #basket_postcode_popup, #basket_replacements_popup, #storeLocator_popup, #checkOutLogin_popup, #ESpotInfo_popup_SearchResults_Content, .editMode .espot_dialog_popup, #saved_address_popup, #second_level_category_popup, #product_stock_details_popup, #requisition_list_popup {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 5px;
  width: 820px; }

#product_stock_details_popup {
  width: 700px; }
  #product_stock_details_popup #popupHeader {
    box-sizing: border-box;
    width: 100%; }
  #product_stock_details_popup .bodycontent {
    background: none;
    padding-top: 14px; }

#store_search_resultsStoreLocator .results, #store_search_results .results, #product_details_store_search_results .results {
  border: 1px solid #DFDFDF;
  padding: 14px 30px 0 30px;
  margin: 20px 0 20px -10px;
  width: 328px;
  float: left;
  border: 1px dotted #DFDFDF; }

#store_search_resultsStoreLocator .results {
  padding-top: 0; }

#store_search_results #map_canvas, #product_details_store_search_results #map_canvas {
  width: 540px;
  float: right;
  top: -147px; }

#store_search_resultsStoreLocator #map_canvas {
  width: 540px;
  position: absolute;
  top: 14px;
  left: 400px; }

.fullPopUp .branchFind.greyBox {
  float: none; }

#basket_postcode_popup {
  width: 600px; }
  #basket_postcode_popup .bodycontent {
    background: none;
    padding-top: 14px; }
  #basket_postcode_popup .postcodeEntry {
    margin: 0 auto;
    width: 380px; }
    #basket_postcode_popup .postcodeEntry .siteAction {
      margin-top: 5px;
      text-align: center; }
    #basket_postcode_popup .postcodeEntry .btn {
      float: right; }
    #basket_postcode_popup .postcodeEntry > p {
      margin: 12px 0 0 66px; }

#storeLocator_popup #collectUseLocation,
#basket_postcode_popup #postcodeUseLocation {
  display: inline-block;
  float: none; }

#basket_postcode_popup.withAddresses #popupHeader {
  background: none;
  box-sizing: border-box;
  padding: 0 14px 0 10px; }
  #basket_postcode_popup.withAddresses #popupHeader h2 {
    font-size: 17px;
    font-weight: bold; }

#basket_postcode_popup.withAddresses .bodycontent {
  background: none;
  overflow: hidden;
  padding: 0 10px 10px; }
  #basket_postcode_popup.withAddresses .bodycontent p {
    padding: 12px 0 12px;
    font-size: 1.4em; }
  #basket_postcode_popup.withAddresses .bodycontent .postcodeEntry {
    margin: 10px auto 20px; }
    #basket_postcode_popup.withAddresses .bodycontent .postcodeEntry p {
      padding-bottom: 0;
      font-size: 1em; }
  #basket_postcode_popup.withAddresses .bodycontent .savedAddressSelection {
    overflow-y: auto;
    max-height: 234px;
    border: 1px solid #ccc;
    padding: 0 5px; }
    #basket_postcode_popup.withAddresses .bodycontent .savedAddressSelection li {
      min-height: 30px;
      padding: 8px;
      border-bottom: 1px solid #ccc;
      overflow: hidden; }
      #basket_postcode_popup.withAddresses .bodycontent .savedAddressSelection li .labelAddressWrap {
        float: left;
        font-size: 1.2em;
        width: 250px; }
      #basket_postcode_popup.withAddresses .bodycontent .savedAddressSelection li .btn {
        float: right; }
  #basket_postcode_popup.withAddresses .bodycontent #postcodeEntryTrigger {
    padding: 20px 0 10px;
    display: block;
    font-size: 1.2em; }

#updateWrap {
  background: #e8e8e8;
  overflow: hidden;
  padding: 10px; }
  #updateWrap label {
    float: left;
    padding: 13px 10px 0 0;
    font-weight: bold; }

#branchResults #update-loc label, #branchResults #update-loc input {
  display: block;
  float: left;
  margin-right: 15px; }

#branchResults #update-loc label {
  font-size: 1.7em;
  margin-left: 15px;
  margin-top: 4px;
  font-weight: bold; }
  #branchResults #update-loc label .post-code-loc {
    font-weight: bold; }

#branchResults #update-loc input {
  padding: 6px 4px;
  border: 1px solid #d0d0d0;
  margin-top: 3px;
  width: 164px; }

#branchResults #update-loc .siteAction {
  float: left;
  clear: none; }

#branchResults #updateWrap label {
  font-size: 1.7em;
  font-weight: normal;
  margin-left: 15px;
  padding-top: 3px; }

#updateWrap .qtyWrap {
  float: left; }
  #updateWrap .qtyWrap input {
    width: 37px;
    text-align: center;
    float: left;
    margin-top: 2px; }
  #updateWrap .qtyWrap a {
    float: left;
    padding: 12px 5px; }

#branchResults .qtyWrap a {
  padding: 5px;
  margin-top: 4px; }

#updateWrap .siteAction {
  float: left;
  clear: none;
  padding: 7px 0 0 10px; }

#branchResults .siteAction {
  padding-top: 0; }

#branchResults table {
  width: 100%;
  clear: both; }
  #branchResults table th {
    border: 1px solid #dfdfdf;
    font-size: 1.2em;
    padding: 10px 10px;
    text-align: left;
    width: 50%;
    vertical-align: top; }
    #branchResults table th span.subText {
      font-size: 0.9em;
      font-weight: normal;
      display: block;
      display: none; }
  #branchResults table .storeDetails {
    width: 290px; }

#branchResults .stockAvailHead {
  padding: 12px 20px; }

#branchResults table td.rightSide, #branchResults .stockAvailHead h3 {
  text-align: center; }

#branchResults table td {
  border: 1px solid #dfdfdf;
  border-top: none;
  padding: 5px 10px;
  text-align: left; }
  #branchResults table td p.loc {
    font-weight: bold; }
  #branchResults table td .storeDetails img {
    margin-right: 10px;
    float: left; }
  #branchResults table td .store-loc-info {
    float: left; }
  #branchResults table td p.loc .store-distance {
    font-weight: normal; }
  #branchResults table td a {
    color: #656565; }

#branchResults table th.rightSide {
  border-left: none;
  width: 130px; }

#branchResults table td.rightSide {
  border-left: none;
  width: 130px; }
  #branchResults table td.rightSide span {
    display: inline-block;
    width: auto;
    margin-top: 1px;
    vertical-align: top;
    font-size: 1.8em;
    padding-left: 2px; }

#branchResults table tr .selectedBadge {
  display: none; }
  #branchResults table tr .selectedBadge img {
    width: 18px;
    vertical-align: bottom; }
  #branchResults table tr .selectedBadge span {
    font-size: 14px; }

#branchResults table tr.preSelected .selectedBadge {
  display: block; }

#branchResults table tr.preSelected .btn {
  display: none; }

#product .product_options .features img {
  vertical-align: middle;
  padding-bottom: 2px; }

#CatalogAttachmentAssetsDisplay_div_1 {
  width: 495px; }
  #CatalogAttachmentAssetsDisplay_div_1 div.row div.label1 {
    width: 150px; }

/* select product contract */
.contractPriceRange {
  padding-top: 0px;
  padding-bottom: 0px; }
  .contractPriceRange input {
    margin: 0px;
    padding: 0px;
    background-color: white;
    border: none; }

.contractPriceRangeBorder {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 3px;
  padding-top: 3px; }

.contractPriceRangeTab {
  padding-left: 20px; }

.contractPriceRange .column_heading {
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  font-weight: bold; }

.contractPriceRange div.li {
  float: left; }

.contractPriceRange div.ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.contractPriceRange div.row .contractPriceRange div.row2 {
  border-bottom: 1px solid #CCCCCC;
  padding: 0px 0px 0px 0px !important; }

.contractPriceRange div.quantity_column {
  text-align: left;
  min-width: 116px; }

.contractPriceRange div.price_column {
  min-width: 100px;
  *margin-top: 5px;
  /*ie only */ }

div#product div.product_options div#show_catentry_contract p {
  padding: 2px; }

div#show_catentry_contract p.avail_contracts {
  font-weight: bold;
  border-top: 1px solid #c7d1dd; }

div#show_catentry_contract input {
  background-color: transparent;
  border: none;
  margin-bottom: 0;
  padding: 0;
  vertical-align: text-top; }

div#show_catentry_contract .contentgrad_header .left_corner {
  float: left;
  background: transparent url("../../images/colors/color2/box_grad_hollow_header_left.png") no-repeat;
  width: 10px;
  height: 24px; }

div#show_catentry_contract .contentgrad_header .right_corner {
  float: right;
  background: transparent url("../../images/colors/color2/box_grad_hollow_header_right.png") no-repeat;
  width: 10px;
  height: 24px; }

div#show_catentry_contract div.contentgrad_header {
  background: url("../../images/colors/color2/box_grad_hollow_header_tile.png") repeat-x;
  height: 24px; }
  div#show_catentry_contract div.contentgrad_header div {
    font-size: 1px; }
    div#show_catentry_contract div.contentgrad_header div.heading {
      float: left;
      font-size: 11px; }
  div#show_catentry_contract div.contentgrad_header span.contentgrad_text {
    font-size: 11px;
    line-height: 24px;
    height: 24px; }

div#show_catentry_contract .footer {
  background: transparent url("../../images/colors/color2/box_grad_hollow_footer_tile.png") repeat-x; }
  div#show_catentry_contract .footer .left_corner {
    float: left;
    background: transparent url("../../images/colors/color2/box_grad_hollow_footer_left.png") no-repeat;
    width: 10px;
    height: 7px; }
  div#show_catentry_contract .footer .right_corner {
    float: right;
    background: transparent url("../../images/colors/color2/box_grad_hollow_footer_right.png") no-repeat;
    width: 10px;
    height: 7px; }

div#show_catentry_contract .br1 {
  padding-bottom: 2px; }

div#show_catentry_contract .br2 {
  padding-bottom: 15px; }

div#product div.product_options div#check_store_availability p {
  padding: 2px; }
  div#product div.product_options div#check_store_availability p img {
    vertical-align: middle; }
  div#product div.product_options div#check_store_availability p.indented {
    margin-left: 18px; }

div#check_store_availability p.online_availability, div#check_store_availability p.instore_availability {
  font-weight: bold; }

div#check_store_availability p.online_availability {
  border-top: 1px solid #c7d1dd; }

div#check_store_availability p.stock_status img {
  padding-bottom: 2px; }

div#check_store_availability .contentgrad_header .left_corner {
  float: left;
  background: transparent url("../../images/colors/color2/box_grad_hollow_header_left.png") no-repeat;
  width: 10px;
  height: 24px; }

div#check_store_availability .contentgrad_header .right_corner {
  float: right;
  background: transparent url("../../images/colors/color2/box_grad_hollow_header_right.png") no-repeat;
  width: 10px;
  height: 24px; }

div#check_store_availability div.contentgrad_header {
  background: url("../../images/colors/color2/box_grad_hollow_header_tile.png") repeat-x;
  height: 24px; }
  div#check_store_availability div.contentgrad_header div {
    font-size: 1px; }
    div#check_store_availability div.contentgrad_header div.heading {
      float: left;
      font-size: 11px; }
  div#check_store_availability div.contentgrad_header span.contentgrad_text {
    font-size: 11px;
    line-height: 24px;
    height: 24px; }
  div#check_store_availability div.contentgrad_header div.hide {
    float: left;
    padding-top: 5px; }
    div#check_store_availability div.contentgrad_header div.hide img {
      vertical-align: bottom; }

div#check_store_availability .footer {
  background: transparent url("../../images/colors/color2/box_grad_hollow_footer_tile.png") repeat-x; }
  div#check_store_availability .footer .left_corner {
    float: left;
    background: transparent url("../../images/colors/color2/box_grad_hollow_footer_left.png") no-repeat;
    width: 10px;
    height: 7px; }
  div#check_store_availability .footer .right_corner {
    float: right;
    background: transparent url("../../images/colors/color2/box_grad_hollow_footer_right.png") no-repeat;
    width: 10px;
    height: 7px; }

div#check_product_availability {
  border-top: 1px solid #c7d1dd; }
  div#check_product_availability img {
    float: left;
    padding: 3px 10px 4px; }
  div#check_product_availability div.product_options h1 {
    margin: 0;
    padding: 0; }
    div#check_product_availability div.product_options h1 a {
      font-size: 11px;
      font-weight: normal;
      padding-bottom: 0;
      margin-top: 15px;
      display: block; }
  div#check_product_availability div.product_options div.font3 {
    font-size: 11px; }

/* check product availability */
/* check product availability */
.siteAction, .BookMarks {
  clear: both; }

.siteAction {
  padding-top: 10px; }

.orderHistoryStatus .siteAction {
  padding-top: 0; }

.orderHistoryStatus #WC_AjaxAccountHistoryInvoiceDetailsDisplay_div_40 {
  clear: both; }

.siteAction:after, .BookMarks:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Bundles styles */
#bundleConetnt {
  clear: both; }

.bundleItems {
  width: 520px;
  float: left;
  padding-top: 10px; }

.rightBundleNav {
  float: right;
  width: 200px; }

.bundleItem {
  clear: both;
  padding: 20px 0;
  min-height: 120px;
  _height: 120px;
  border-top: 1px solid #dfdfdf; }
  .bundleItem h2, .bundleItem .package_qty label {
    font-weight: bold; }

.bundle #product .product_options {
  padding-top: 200px; }

.bundleItem .package_img {
  margin-right: 5px;
  border: 1px solid #dfdfdf;
  width: 75px;
  height: 75px;
  overflow: hidden; }

select.selectStyle {
  height: auto;
  border: 1px solid #dfdfdf;
  padding: 2px;
  display: block;
  min-width: 150px; }

.bundle #product .priceWrap span.wasPrice {
  font-size: 1.0em; }

.bundle #product .priceWrap span.nowPrice {
  font-size: 1.2em; }

.bundleItem .package_qty {
  float: right;
  padding-bottom: 5px; }
  .bundleItem .package_qty input {
    display: block;
    width: 42px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #D0D0D0;
    padding: 4px;
    text-align: center; }

.bundleItem .package_promo {
  padding-left: 92px;
  *padding-top: 10px;
  clear: right; }
  .bundleItem .package_promo p {
    background: #CF0000;
    padding: 3px 10px; }
  .bundleItem .package_promo a {
    color: #fff; }

.bundleItem .skuLabel {
  padding: 5px 0; }

.bundleItem .package_desc, .bundleItem .package_attr {
  padding: 5px 0 5px 92px;
  float: none;
  clear: right; }

#product .bundleItem .offersWrap {
  width: 406px;
  clear: right; }

#product .priceQuantity {
  padding-left: 92px; }

.bundleItem h3 {
  font-weight: bold;
  color: #666666; }

.bundleItem .order_content {
  clear: right; }

.bundle .specs {
  width: 747px; }
  .bundle .specs .tabs {
    width: 741px; }
  .bundle .specs .info {
    width: 744px; }

.bundle #product .specs .info {
  width: 704px; }

.bundle #product .specs .tabs {
  width: 724px; }

/* check product availability */
/* -----------------------------------------------------------------------------*/
/* 3.PRODUCT COMPARE
/* -----------------------------------------------------------------------------*/
.compare .contentgrad_header h1 {
  float: left;
  padding-top: 6px;
  color: #000;
  padding-left: 10px; }

.compare #box .contentgrad_header span.text {
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  height: auto;
  line-height: normal; }

#compare_body {
  padding: 0;
  margin: 0px;
  vertical-align: top; }

#compare_details {
  padding: 0;
  margin: 0px;
  vertical-align: top; }
  #compare_details .feature {
    width: auto;
    text-align: left;
    padding: 7px;
    margin: 0px;
    font-weight: bold;
    font-size: 1.1em;
    text-transform: capitalize; }
  #compare_details td {
    border-bottom: solid 1px #cccccc;
    padding: 7px 3px 7px 3px;
    width: 233px;
    text-align: center; }
    #compare_details td span {
      display: block;
      width: 130px;
      word-wrap: break-word; }
  #compare_details tr.even {
    background: #fff9d9; }
  #compare_details tr:nth-child(2n) {
    background: #d0d0d0; }
  #compare_details td .siteAction a.withicon {
    padding-left: 15px;
    font-size: 1em; }
  #compare_details td .siteAction a.btn-primary span.icon {
    left: 6px; }
  #compare_details .price {
    font-weight: bold; }
    #compare_details .price span {
      color: #666; }
      #compare_details .price span.nowPrice {
        font-size: 1.1em;
        clear: both;
        display: block; }
  #compare_details .product_image {
    padding: 8px 5px 6px 5px;
    vertical-align: top; }
    #compare_details .product_image img {
      padding: 7px 5px 6px 5px;
      vertical-align: top; }
  #compare_details .last_row {
    border: none; }
  #compare_details .removeButton {
    text-align: center;
    clear: both;
    _padding-top: 7px; }
    #compare_details .removeButton a {
      text-decoration: underline;
      display: block; }
    #compare_details .removeButton img {
      vertical-align: middle; }
  #compare_details .compare_quickinfo_button {
    padding-left: 0; }

.comparehover {
  display: block;
  text-align: center;
  width: 75px;
  height: 75px;
  overflow: hidden;
  margin: 5px auto; }

#compare_details .product_image .comparehover img {
  padding: 0; }

.compareSectionWrap a {
  color: #656565;
  margin-right: 20px;
  cursor: text; }
  .compareSectionWrap a:hover {
    text-decoration: none; }

/* 4.ADS
/* -----------------------------------------------------------------------------*/
.ad {
  width: 100%;
  _width: auto; }

#header_links .ad {
  padding-bottom: 0px; }

.ad_rollover {
  padding-bottom: 5px;
  width: 588px;
  height: 154px;
  background: url("../../images/Kitchenware_main_ad.jpg");
  background-repeat: repeat-x; }

.rollover_one {
  padding-left: 265px;
  padding-top: 75px;
  float: left; }

.rollover_two {
  padding-left: 95px;
  padding-top: 25px;
  float: left; }

.rollover_three {
  padding-left: 90px;
  padding-top: 55px;
  float: left; }

.ad_product {
  float: left; }
  .ad_product .ad_content {
    border-left: solid 1px #c9d3de;
    border-right: solid 1px #c9d3de;
    padding: 3px 4px 0px 5px;
    background: url("../../images/colors/color2/ad_box_back.png");
    background-repeat: repeat-x;
    width: 181px; }
    .ad_product .ad_content p {
      font-size: 11px; }
  .ad_product .ad_contenttitle p {
    font-size: 11px; }
  .ad_product .ad_content .title, .ad_product .ad_contenttitle .title {
    font-size: 12px; }

#product .price {
  font-size: 12px; }

#box .orderDet td, #box .orderDet th {
  vertical-align: top; }

#box .orderDet .noBorder {
  background: none;
  border: none; }
  #box .orderDet .noBorder td, #box .orderDet .noBorder th {
    background: none;
    border: none; }

#box .infoTable.noBorder {
  background: none;
  border: none; }
  #box .infoTable.noBorder td, #box .infoTable.noBorder th {
    background: none;
    border: none; }

#box .orderDet .noBorder.top td, #box .orderDet .noBorder.top th {
  padding-top: 20px; }

.orderDet #address {
  margin-top: 0; }
  .orderDet #address td, .orderDet #address th {
    border: none;
    background: none; }

#box .infoTable .maxW {
  max-width: 120px;
  word-wrap: break-word; }

.ad_product .ad_contenttitle {
  border-left: solid 1px #c9d3de;
  border-right: solid 1px #c9d3de;
  padding: 3px 4px 0px 5px;
  background: url("../../images/colors/color2/ad_box_back.png");
  background-repeat: repeat-x;
  width: 131px; }

.ad_space_3 {
  width: 6px;
  min-width: 6px;
  float: left; }

.ad_space_1 {
  width: 1px;
  float: left; }

.img_align {
  margin-bottom: -2px; }

.sidebar_ad {
  padding-bottom: 5px; }

#accessories {
  padding-bottom: 5px; }
  #accessories .content {
    float: left;
    padding: 5px 20px 5px 0px;
    width: 85px; }
    #accessories .content .link {
      padding-bottom: 3px; }
  #accessories .content_images {
    float: left;
    vertical-align: middle;
    padding: 5px 0px 5px 0px; }
    #accessories .content_images .item {
      padding: 0px 6px 0px 6px; }
    #accessories .content_images .arrow {
      padding: 5px 6px 0px 6px; }
    #accessories .content_images div {
      vertical-align: middle;
      float: left; }

/* 5.SITEMAP
/* -----------------------------------------------------------------------------*/
.sitemap {
  margin: 0 auto;
  width: 100%; }
  .sitemap .siteMapHeader h2 {
    font-weight: bold;
    font-size: 1.4em;
    background: #d0d0d0;
    border-bottom: 2px solid #9fa1a4;
    padding: 5px 10px; }
    .sitemap .siteMapHeader h2 a {
      font-weight: bold;
      font-size: 1.0em; }
  .sitemap .title {
    padding: 13px 0px 13px 8px; }
  .sitemap .container {
    width: 48%;
    margin-right: 2%;
    padding: 0px 0 16px;
    float: left; }
  .sitemap .containerWrap {
    clear: both; }
  .sitemap .links {
    margin: 0 auto;
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    padding: 5px 10px 5px 10px;
    min-height: 190px;
    background: #fff url("../../images/colors/color2/sitemap_grad.png") no-repeat top; }
  .sitemap .container .header {
    display: block;
    font-size: 13px;
    padding-top: 9px; }

.sitemap_left {
  display: block;
  float: left;
  background: url("../../images/colors/color2/box_bluegrad_header_left.png") no-repeat;
  height: 40px;
  padding-left: 8px; }

.sitemap_right {
  display: block;
  float: right;
  background: url("../../images/colors/color2/box_bluegrad_header_right.png") no-repeat;
  height: 40px;
  padding-right: 9px; }

/* 6.HELP AND PRIVACY POLICY
/* -----------------------------------------------------------------------------*/
.help_privacy {
  margin: 0 auto;
  width: 785px; }
  .help_privacy .title {
    padding: 13px 0px 13px 0px; }
  .help_privacy .align {
    text-align: left; }
  .help_privacy .content {
    background-color: #fff;
    border-left: solid 1px #acacac;
    border-right: solid 1px #acacac;
    display: block; }
  .help_privacy .info {
    padding: 14px 14px 7px 14px; }
  .help_privacy .header {
    height: 33px;
    line-height: 33px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    padding-left: 6px;
    color: #000; }
  .help_privacy .help_privacy_box {
    margin-bottom: 12px;
    float: left; }
  .help_privacy .contact_img {
    float: right;
    padding-left: 70px;
    padding-bottom: 45px; }
  .help_privacy .address {
    padding-left: 35px; }

/* 7.SIGN IN AND REGISTRATION
/* -----------------------------------------------------------------------------*/
#hidden {
  display: none; }

.regForm .container {
  float: none;
  margin-left: 0;
  width: 100%;
  padding: 0;
  text-align: left !important; }

.formHold.regForm {
  float: right;
  margin-bottom: 10px;
  padding: 0; }

#box {
  width: 100%;
  _width: 990px;
  position: relative; }
  #box.plp-box {
    width: 745px;
    _width: 990px; }

.regForm .field {
  clear: both;
  padding-bottom: 12px; }

.regForm p {
  padding: 0 0 0 0;
  font-size: 1.1em; }

.regForm .container form {
  overflow: hidden;
  padding: 10px; }

.regForm .field.desc {
  border-bottom: 1px solid #d0d7eb;
  padding-bottom: 10px; }
  .regForm .field.desc p {
    float: left;
    font-size: 1.4em;
    margin-left: 12px; }

.registration .regForm .container #Register .field {
  margin: 0;
  width: 100%; }

#regOnline .logonFieldHold {
  padding-top: 15px; }

.regForm .container .inner {
  border-bottom: 1px solid #d0d7eb;
  clear: both; }
  .regForm .container .inner:last-child {
    border: medium none; }

.registration .regForm .container .inner {
  padding-top: 12px;
  border-top: 1px solid #d0d7eb;
  border-bottom: none; }
  .registration .regForm .container .inner.addressEntryForm {
    padding-top: 0; }
  .registration .regForm .container .inner.borderless {
    border-top: none; }

.registration .regForm .regSubHeader {
  background: none;
  margin: 2px 0; }

.registration .regForm .heading {
  background: #e5e5e6; }
  .registration .regForm .heading h1.regHeader {
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0; }
  .registration .regForm .heading p.subHeader {
    padding: 5px 20px 15px;
    color: #fff; }

.logonFieldHold a.btn {
  white-space: normal; }

.regForm p.hint {
  float: right;
  margin-bottom: 20px;
  width: 55%;
  font-style: italic; }

.logonFieldHold .hidden {
  display: none; }

.forgot_password_align p {
  font-size: 0.9em;
  padding-bottom: 10px; }

.resetUpdateField {
  padding-top: 10px; }

.regForm .field label {
  display: block;
  float: left;
  font-size: 1.1em;
  margin-bottom: 5px;
  padding: 6px 15px 0 0;
  text-align: right;
  width: 37%; }

.regForm label.withInfo {
  line-height: 20px;
  padding-top: 3px; }

#page .formHold .field .withInfo .info_icon {
  float: right;
  position: static; }

.regSubHeader .info_icon {
  display: inline-block;
  margin-left: 6px; }

#page .registration .regForm .inner .field input#TandCAccepted {
  margin: 7px 10px 0 30px;
  width: auto; }

.regForm .field label.TandCAccepted {
  text-align: left;
  width: 84%; }

.regForm .required-field {
  float: none; }

.regForm .labelWithRequired {
  float: left; }

.regForm .regFormrequired {
  clear: none;
  float: right;
  margin-right: 28px;
  margin-top: 12px; }

.regForm #accountNumber .info_icon, .regForm #accountName .info_icon {
  display: none; }

.existingSection {
  clear: both;
  text-align: center; }

#businessQuestion .field input {
  width: 62%; }

#businessQuestion .field label {
  padding-top: 4px;
  width: 25%; }

#businessQuestion .genericESpot img {
  cursor: pointer; }

#page .registration .regForm .inner .field input {
  clear: none;
  float: left;
  width: 50%; }

#page .registration .regForm .inner .field select {
  clear: none;
  float: left;
  width: 54%; }

#page .registration .regForm .inner .field #personTitle {
  clear: none;
  float: left;
  width: 30%; }

#page .registration .regForm .inner .field.zipLookup input {
  margin-right: 10px;
  width: 82px; }

.regForm .zipLookup .required-field {
  margin-left: 2px;
  padding-top: 0; }

.regForm .special .linkAction {
  float: none;
  overflow: hidden;
  padding: 0 28px 10px 0;
  text-align: right; }
  .regForm .special .linkAction a {
    clear: both;
    float: right;
    text-decoration: underline; }

div.field:after, .genForm .addressPanel:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden; }

.forgot_password_align {
  font-size: 1.2em; }

.pwordSent {
  padding: 20px 0; }

.forgot_password_align .myaccount_link {
  font-size: 1em; }

#login_register_popup .container {
  float: none;
  height: 220px;
  padding: 14px 10px 10px; }

#login_register_popup h1 {
  background: none repeat scroll 0 0 #e5e5e6;
  color: #656565;
  font-size: 1.7em;
  padding: 10px 20px 15px 30px; }

#login_register_popup .bodycontent .title {
  margin-bottom: 10px;
  padding: 10px 23px 0 20px; }

#login_register_popup .header_return {
  margin-bottom: 10px; }

.standard_popup .bodycontent, #login_register_popup .bodycontent, #trading_status_popup .bodycontent, #contract_and_account_popup .bodycontent {
  background-image: url("../../images/popup_center_tile.png");
  background-repeat: repeat-y;
  margin: 0;
  overflow: hidden;
  padding: 2px 2px 2px 0;
  width: 650px; }

.standard_popup.padded .bodycontent {
  padding: 20px 40px;
  box-sizing: border-box; }

#login_register_popup .bodycontent h2, #login_register_popup .bodycontent #productName {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 5px;
  text-align: center; }

.standard_popup .top_left, #login_register_popup .top_left, #trading_status_popup .top_left, #contract_and_account_popup .top_left {
  background-image: url("../../images/colors/color2/popup_topleft.png");
  background-repeat: no-repeat;
  height: 10px;
  width: 8px;
  float: left; }

.standard_popup .top_right, #login_register_popup .top_right, #trading_status_popup .top_right, #contract_and_account_popup .top_right {
  background-image: url("../../images/colors/color2/popup_topright.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 10px;
  width: 642px;
  float: none;
  overflow: hidden; }

.standard_popup .footer .bot_left, #login_register_popup .footer .bot_left, #trading_status_popup .footer .bot_left, #contract_and_account_popup .bot_left {
  background-image: url("../../images/colors/color2/popup_botleft.png");
  background-repeat: no-repeat;
  height: 14px;
  width: 8px;
  float: left; }

.standard_popup .footer .bot_right, #login_register_popup .footer .bot_right, #trading_status_popup .footer .bot_right, #contract_and_account_popup .bot_right {
  background-image: url("../../images/popup_botright.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 14px;
  width: 642px;
  float: left; }

.standard_popup .close, #login_register_popup .close, #trading_status_popup .close, #contract_and_account_popup .close {
  padding: 5px 15px 2px 0px;
  color: #666666; }

.standard_popup .close .icon, #login_register_popup .close .icon, #trading_status_popup .close .icon, #contract_and_account_popup .close .icon {
  background: none; }

.standard_popup #popupHeader .close, #login_register_popup #popupHeader .close, #trading_status_popup #popupHeader .close, #contract_and_account_popup #popupHeader .close {
  position: absolute;
  right: 6px;
  top: 6px; }

.standard_popup .header, #login_register_popup .header, #trading_status_popup .header {
  background-image: url("../../images/popup_center_tile.png");
  background-repeat: repeat-y;
  text-align: right;
  width: 650px;
  clear: both; }

#contract_and_account_popup .header {
  background-image: url("../../images/popup_center_tile.png");
  background-repeat: repeat-y;
  text-align: right;
  width: 650px;
  clear: both; }

#contract_and_account_popup .bodycontent, #contract_and_account_popup .header {
  background-image: url("../../images/popup_center_tile_350.png");
  width: 350px; }

#contract_and_account_popup .bot_right, #contract_and_account_popup .top_right {
  width: 342px; }

#contract_and_account_popup .btn.btn-primary {
  box-sizing: border-box;
  margin-top: 10px;
  width: 100%; }

#contract_and_account_popup .overlayDesc {
  color: #cf0638;
  font-size: 12px;
  padding: 10px 0;
  text-align: left; }

#contract_and_account_popup .bodycontent label, #contract_and_account_popup .bodycontent p {
  clear: both;
  float: left;
  margin: 5px 0; }

#contract_and_account_popup select {
  width: 100%; }

#contract_and_account_popup #cacOverlayLocalContractCheckout {
  white-space: normal; }

#contract_and_account_espot {
  display: inline-block;
  width: 100%; }

#login_register_popup .container {
  float: left;
  margin-bottom: 10px;
  margin-left: 20px;
  padding: 14px 10px 10px;
  width: 273px; }

#login_register_popup .field input {
  width: 270px; }

#login_register_popup .field label {
  font-size: 11px; }

#login_register_popup .linkAction {
  float: none;
  padding-top: 0;
  text-align: center; }

#login_register_popup .siteAction {
  float: none;
  padding-top: 20px;
  text-align: center; }
  #login_register_popup .siteAction a {
    float: none; }

#login_register_popup .field {
  padding-bottom: 10px; }

#login_register_popup .ad {
  padding: 0;
  text-align: inherit; }

#login_register_popup .loginEspot {
  clear: both;
  margin: 0 23px 10px 20px;
  overflow: hidden; }

div#text_information_box h2 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 14px; }

div#text_information_box p {
  padding: 3px; }

#trading_status_popup .bodycontent, #contract_and_account_popup .bodycontent {
  box-sizing: border-box;
  padding: 10px 20px 10px 15px;
  text-align: center; }

#trading_status_popup h2, #contract_and_account_popup h2 {
  display: inline;
  font-weight: bold;
  margin: 0 auto;
  padding: 6px 0;
  position: relative; }

#trading_status_popup h3 {
  padding-bottom: 10px; }

#trading_status_popup h4 {
  background: #d0d0d0 none repeat scroll 0 0;
  padding: 10px; }

#trading_status_popup .sectionWrap {
  margin: 0 auto;
  width: 500px; }

#trading_status_popup .section {
  box-sizing: border-box;
  float: left;
  padding: 10px;
  width: 250px; }

#trading_status_popup p {
  margin: 10px 0; }
  #trading_status_popup p.overlayDesc {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 10px; }

#trading_status_popup .section span {
  font-size: 12px;
  font-weight: bold; }

.standard_popup .btn.btn-primary,
#trading_status_popup .btn.btn-primary,
#contract_and_account_popup .btn.btn-primary {
  display: inline-block;
  float: none; }

#registration_confirmation_popup #storeIcon {
  display: inline-block;
  vertical-align: middle; }

#registration_confirmation_popup #regConfirmHeader {
  display: inline-block;
  vertical-align: middle;
  max-width: 360px;
  margin-left: 40px;
  font-size: 16px; }

#registration_confirmation_popup #regConfirmText {
  border-top: 1px solid #dbdbdb;
  padding-top: 20px;
  margin-top: 5px; }

#registration_confirmation_popup #regConfirmLink {
  text-align: center; }

#registration_confirmation_popup .dijitDialogCloseIcon {
  display: none; }

.titleWrap {
  background: #ffda46 none repeat scroll 0 0;
  float: left;
  margin-bottom: 10px;
  padding: 6px 0;
  text-align: center;
  width: 100%; }

.statusOverlayIcon {
  left: -50px;
  position: absolute;
  top: -7px; }

#ad_ES_TRADE_STATUS_POPUP > div {
  overflow: hidden; }

/* new reg styles */
#page.grey-bg {
  background-color: #f7f7f7; }
  #page.grey-bg .header_nav-wrapper {
    border-bottom: 1px solid #e5e5e6; }
    #page.grey-bg .header_nav-wrapper * {
      box-sizing: unset;
      /*reset style inherited from .pl-enabled*/ }

div.registration, #orgRegistration #main_content_wrapper, #pageregistration #main_content_wrapper {
  padding-top: 40px; }

#orgRegistration div.registration, #pageregistration div.registration {
  padding-top: 0; }

div.fromAjax {
  float: left;
  padding-top: 0;
  width: 735px;
  margin-top: 24px; }

div.registration #B2BRegistrationHeader .genericESpot {
  float: none; }

div.fromAjax .layout2Col {
  width: 45%;
  clear: none;
  float: left; }

div.fromAjax .sec {
  padding-left: 6%; }

.registration.fromAjax .regFormrequired {
  display: none; }

.registration.fromAjax .readOnly {
  background-color: #cccccc;
  margin-top: 5px; }

.contentgrad_header h1 {
  padding: 8px;
  color: #000;
  font-weight: bold; }

div.registration .left_column, div.registration .right_column {
  width: 300px;
  float: left; }

.loginOrCreateNew .thinForm .formHold {
  width: 34%; }

.loginOrCreateNew .regHeader {
  font-size: 1.7em;
  padding: 10px 20px 15px; }

.registration .regHeader {
  font-size: 1.7em;
  padding: 10px 20px 15px; }

.loginOrCreateNew h1 {
  font-size: 1.7em;
  padding: 10px 20px 15px; }

.loginOrCreateNew #AccountDisplayError_1 {
  clear: left;
  padding-top: 15px;
  width: 355px;
  margin-left: 55px; }
  .loginOrCreateNew #AccountDisplayError_1 span {
    display: block;
    margin: 5px 0; }

/* -----------------------------------------------------------------------------*/
/* 21.QUICK ORDER
/* -----------------------------------------------------------------------------*/
#quick_order, #product_upload {
  white-space: normal;
  line-height: 1.4;
  font-size: 10px;
  margin-top: 20px; }

.quick_order_container {
  float: left;
  width: 50%; }

#quick_order h1 {
  background: #f7f7f7;
  color: #3b3b3b;
  font-size: 1.7em;
  padding: 15px 30px;
  margin-bottom: 20px; }

#quick_order .info-text {
  margin-bottom: 20px; }

#quick_order .line_number {
  float: left;
  padding: 8px 5px 0px 5px;
  min-width: 15px; }

#MQuickOrderForm .input {
  margin-bottom: 10px; }

#quickOrderAdd {
  margin-left: 5px; }

#quick_order input {
  margin-right: 7px;
  padding: 6px 4px;
  border: 1px solid #d0d0d0; }

#quick_order .input_form {
  width: 100%; }

#quick_order .error_text {
  color: #dd5901; }

#quick_order .headers {
  margin-bottom: 8px;
  overflow: hidden; }

#quick_order .img {
  float: right;
  padding-right: 8px; }

#quick_order .order_button {
  float: left; }

.quick_order_container .siteAction {
  clear: none;
  float: left;
  margin-left: 20px;
  width: auto; }

#quick_order .input_form .QTY {
  border-bottom: 1px solid #C9D3DE;
  float: left;
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 10px;
  padding-right: 20px;
  width: 45px; }

#quick_order .input_form .SKU {
  border-bottom: 1px solid #C9D3DE;
  float: left;
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 10px;
  padding-left: 25px;
  width: 271px; }

#quick_order .input_form .input .SKU_field {
  width: 250px;
  font-size: 1.2em; }

.input_fields .qty {
  font-weight: bold;
  font-size: 1.2em; }

/* -----------------------------------------------------------------------------*/
/* 10.ADVANCED SEARCH
/* -----------------------------------------------------------------------------*/
.advanced_search {
  padding: 0px; }
  .advanced_search .column {
    padding-right: 8px;
    float: left; }
  .advanced_search .cancel_column {
    float: left; }

#Search_Result_Summary ul {
  /*used when price range is invalid*/
  padding-left: 10px; }

#Search_Result_Summary h1.main-title {
  font-size: 35px;
  font-weight: bold;
  font-style: italic; }

#Search_Result_Summary .try-again-text {
  color: #555555;
  font-size: 30px;
  font-weight: bold; }

#Search_Result_Summary label {
  font-size: 1.2em;
  padding-right: 20px; }

#Search_Result_Summary .siteM {
  font-size: 1.2em;
  padding-right: 20px;
  clear: both;
  margin: 15px 0; }
  #Search_Result_Summary .siteM a {
    font-size: 1em; }

/* -----------------------------------------------------------------------------*/
/* SEARCH FILTER VALUES
/* -----------------------------------------------------------------------------*/
.filterSearchValuesPagination {
  background-color: #e5e5e6;
  text-align: center;
  margin: 5px auto;
  margin: 0; }

#ModelThisFits .filterSearchValuesPagination {
  margin: 0 -20px; }

.filterSearchValuesPagination li {
  display: inline-block;
  margin: 5px 10px;
  padding: 5px;
  font-size: 12px;
  font-weight: bold; }
  .filterSearchValuesPagination li a {
    display: inline-block;
    font-size: 12px;
    font-weight: bold; }

li.filterPageText {
  text-align: center;
  width: 40px;
  margin: 5px 0;
  padding: 5px 0; }

li.filterPreviousPage {
  text-align: right;
  width: 100px; }

li a.filterPreviousPage, li span.filterPreviousPage {
  padding-right: 20px;
  background: transparent url("../../images/pipe.png") right 3px no-repeat; }

li.filterNextPage {
  text-align: left;
  width: 100px; }

li a.filterNextPage, li span.filterNextPage {
  padding-left: 20px;
  background: transparent url("../../images/pipe.png") left 3px no-repeat; }

.filterSearchValuesPagination li.filterPageNumber {
  margin: 0; }
  .filterSearchValuesPagination li.filterPageNumber a {
    margin: 0; }

#filterSearchValuesContainer form {
  margin: 10px 0;
  text-align: left; }

#filterSearchValuesContainer.formCentre form {
  text-align: center; }

#filterSearchValuesContainer form label {
  font-size: 1.2em;
  font-weight: bold; }

#filterSearchValuesContainer form input[type="text"] {
  border: 1px solid #cfcfcf;
  font-size: 1.2em;
  font-weight: bold;
  padding: 7px 10px;
  width: 160px;
  margin: 0 10px 0 5px; }

#filterValuesSearchBtn {
  display: inline;
  border-radius: 15px 15px 15px 15px;
  float: none;
  padding: 8px 30px 8px 30px;
  position: relative;
  top: 7px; }

#filterSearchValuesContainer .filterResults {
  clear: both;
  min-height: 330px;
  margin-bottom: 8px; }
  #filterSearchValuesContainer .filterResults ul {
    float: left;
    width: 33%; }
    #filterSearchValuesContainer .filterResults ul li {
      padding: 4px; }

/* -----------------------------------------------------------------------------*/
/* 13.MY ACCOUNT
/* -----------------------------------------------------------------------------*/
/* style for account headers */
.genForm h2.proud, .genForm h1.proud, .genForm .layout2Col h2 {
  margin: 15px 0 12px 0;
  padding: 8px 10px;
  font-size: 1.3em;
  clear: both;
  border: none;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

#WC_RankContainer .dijitAccordionTitle, .browsing_history_espot h2, #errorPage h1, #product .rightPdpNav h2, .composer .prodMainCol .rightPdpNav h2, .advancedSearchFormWrap h2 {
  margin: 15px 0 12px 0;
  padding: 8px 10px;
  font-size: 1.3em;
  clear: both;
  font-weight: bold;
  border: none;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

#WC_RankContainer .dijitAccordionTitle {
  margin: 0;
  border: 1px solid #D0D0D0;
  border-bottom: 0;
  padding-top: 3px;
  padding-bottom: 3px; }

.browsing_history_espot h2 {
  margin: 0;
  border: 1px solid #D0D0D0;
  border-bottom: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  /*padding: 7px 10px;*/
  /*border-bottom:0;*/ }

.genForm h2.proud:first-child, .genForm .bodyRight h2.proud {
  margin-top: 8px; }

#pageregistration p a, #orgRegistration p a {
  font-size: 1em; }

.myAccount p {
  margin-bottom: 15px; }
  .myAccount p a {
    font-size: 1em; }

.myAccount #Register li {
  margin-bottom: 15px; }

.myAccount .branchFind.greyBox {
  float: none; }

.myAccount .personalInfo .infoTable select {
  *width: auto; }

.myAccount .personalInfo select.accountName {
  width: 250px; }

input.readOnly, .registration input.readOnly {
  background: transparent;
  border: none; }

body.myAccount #main_content_wrapper h2 {
  /*padding: 10px 15px;*/ }

#accountLink {
  clear: both;
  margin: 0 auto;
  width: 937px; }
  #accountLink a {
    font-size: inherit; }

table.infoTable {
  border-collapse: collapse;
  margin: 10px 0 0; }
  table.infoTable th, table.infoTable td {
    padding: 5px;
    border: 1px dotted #ccc;
    text-align: left;
    vertical-align: middle; }
  table.infoTable.notDetached {
    margin-top: 0; }
    table.infoTable.notDetached td,
    table.infoTable.notDetached th {
      border-top: 0; }

#couponWallet #couponWalletTable th, #couponWallet #couponWalletTable td {
  padding: 5px;
  border: 1px dotted #ccc;
  text-align: left;
  vertical-align: middle; }

.dateWidth {
  /* width:70px\9; */ }

table.infoTable th .sortLink {
  cursor: pointer; }
  table.infoTable th .sortLink a {
    width: 13px;
    height: 7px;
    float: left;
    display: block;
    overflow: hidden;
    text-indent: -999em;
    outline: none !important;
    margin: 4px 0px 4px 0; }
  table.infoTable th .sortLink span {
    width: 13px;
    height: 7px;
    float: left;
    display: block;
    text-indent: -999em;
    overflow: hidden;
    opacity: 0.3;
    filter: alpha(opacity=30);
    outline: none !important;
    margin: 4px 0px 4px 0; }

table.infoTable th div.desc a, table.infoTable th div.desc span {
  background-position: 0 -9px; }

table.infoTable th .info_icon img {
  vertical-align: middle; }

table.infoTable td .info_icon img {
  vertical-align: middle; }

table.infoTable th.central, table.infoTable td.central {
  text-align: center; }

table.infoTable th {
  background: #fff9e0; }

#couponWallet #couponWalletTable th {
  background: #fff9e0; }

/* 
#requisition_list_table th, #new_requisition_list_table th {
  height: 32px;
  max-width: 150px;
}

#RequisitionListDetailTable_Supplier_Product_Code {
  min-width: 150px;
}

#RequisitionListDetailTable_Product_code {
  min-width: 100px;
}

#RequisitionList_Action {
  min-width: 70px;
}

#requisition_list_table th a.tableHeaderSort:hover, #new_requisition_list_table th a.tableHeaderSort:hover {
  text-decoration: none;
}

#requisition_list_table td {
  height: 32px;
  max-width: 150px;
}

#new_requisition_list_table td {
  max-width: 150px;
  height: 72px;
  overflow: hidden;
}

#requisition_list_table tr {
  &:nth-child(odd) {
    background: #fff;
  }
  &:nth-child(even) {
    background: #eee;
  }
}

.sortLinkContainer {
  display: inline-block;
  padding-left: 8px;
  vertical-align: middle;
  width: 13px;
}

#requisition_list_table td a {
  color: #656565;
}

#new_requisition_list_table a {

  &.link {
    display: table;
    margin-top: 5px;
    margin-bottom: 5px;
    img {
      max-width: 55px;
      max-height: 75px;
    }
    span {
      display: block;
      padding: 6px 0 0;
      vertical-align: middle;
    }
  }
  // &.partName {
  //   color: #2a64c0;
  // }
}

#requisition_list_table td bold {
  font-weight: bold;
} */
#delete_list_popup .fullPopUp {
  width: 500px; }

#delete_list_popup .header {
  height: 0;
  width: 482px; }

#delete_list_popup .top_right {
  width: 492px; }

#delete_list_popup #closeLink {
  top: 0; }

#delete_list_popup h3 {
  max-width: 440px; }

#delete_list_popup .bodycontent {
  background-position: 100% 0;
  border-left: 1px solid #a2aab4;
  width: 479px; }

#delete_list_popup #buttonContainer {
  overflow: hidden; }

#delete_list_popup .bot_right {
  width: 492px; }

.accountFooter .siteAction a {
  margin-top: 8px;
  display: block;
  margin-left: 10px; }
  .accountFooter .siteAction a.disabledButton, .accountFooter .siteAction a[disabled] {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #999;
    cursor: default; }
  .accountFooter .siteAction a.disabledButton:hover, .accountFooter .siteAction a[disabled]:hover {
    text-decoration: none; }
  .accountFooter .siteAction a.btn {
    margin-top: 0; }

tr.footerTable td {
  background: #fff9e0; }

#couponWallet #couponWalletTable {
  border: 1px dotted #ccc;
  border-bottom: 0; }
  #couponWallet #couponWalletTable th, #couponWallet #couponWalletTable td {
    border: none;
    border-left: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc; }
  #couponWallet #couponWalletTable .siteAction {
    padding-top: 0; }
  #couponWallet #couponWalletTable th:first-child, #couponWallet #couponWalletTable td:first-child {
    border-left: 0; }

table.fullWidth {
  width: 100%; }

#box table.consoleInvoice {
  table-layout: fixed;
  width: 700px; }
  #box table.consoleInvoice th {
    width: 71px; }
    #box table.consoleInvoice th.short {
      width: 20px;
      overflow: hidden; }
    #box table.consoleInvoice th.med {
      width: 60px; }
    #box table.consoleInvoice th.maxW {
      width: 90px; }

table.infoTable .siteAction {
  padding: 0 0 0 5px;
  float: left; }

table.infoTable .setDefault, table.infoTable .delete {
  width: 40px; }

table.infoTable .editButton {
  width: 65px; }

table.pendingStyle th {
  width: 30%; }

table.pendingStyle td {
  width: 60%; }

div.organField {
  padding: 10px 0; }

.requisitionListTable {
  padding: 10px 0; }
  .requisitionListTable span {
    font-size: 1.1em; }
  .requisitionListTable table.infoTable {
    width: 100%; }
    .requisitionListTable table.infoTable.compact {
      float: left;
      width: 450px; }
  .requisitionListTable .top100action {
    float: left;
    width: 250px;
    margin-left: 20px;
    padding: 12px; }
    .requisitionListTable .top100action .heading {
      font-size: 16px;
      font-weight: bold;
      background-color: #dddddd;
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 15px;
      padding: 5px 0; }
    .requisitionListTable .top100action p {
      text-align: center;
      font-size: 11px;
      font-weight: normal; }

#cMessageArea .top100popupContent p {
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  padding-right: 40px;
  /* left: 40px already inherited */ }

.requisitionListTable .top100action a.btn-secondary {
  margin: 10px auto 0;
  display: block;
  width: 50%;
  text-align: center; }

#cMessageArea .top100popupContent a.closeTrigger {
  float: right; }

#cMessageArea .top100popupContent.top100succes a.closeTrigger {
  float: none; }

.accountFooter {
  float: right;
  width: 100%; }
  .accountFooter .siteAction {
    clear: none;
    float: left;
    _float: right;
    padding-left: 18px; }
    .accountFooter .siteAction.right {
      float: right; }

table.infoTable input.checkoutTextField {
  width: auto;
  margin: 0; }

.genForm table.infoTable select {
  margin: 0; }

p.introText {
  margin: 0;
  padding: 5px 0; }

.buttonFooter, .headButtons {
  clear: both; }

.buttonWrapper span.info_icon {
  padding: 12px 10px 0 0;
  float: left; }

.buttonFooter .siteAction {
  float: left;
  padding-right: 10px; }

.headButtons .siteAction, .buttonWrapper {
  float: left; }

.headButtons span.info_icon {
  float: left;
  padding: 12px 0 0 10px; }
  .headButtons span.info_icon img {
    vertical-align: middle; }

/* account address pages */
.address_selector select {
  clear: both;
  display: block;
  padding-top: 5px; }

.formActions .siteAction {
  float: left;
  padding-right: 10px; }

.myAccount #main_content_wrapper h3 {
  /*font-weight: bold;*/
  font-size: 1.2em;
  padding: 5px 0;
  clear: both; }

/** Registration ENtry Points changes **/
.espotHold, .formHold {
  float: left;
  padding: 10px 0; }

.espotHoldBottom {
  float: left;
  width: 100%; }

.espotHold {
  width: 40%; }

.thinForm .espotHold {
  width: 62%; }

.fromAjax .espotHold {
  display: none; }

.formHold {
  background: #f7f7f7;
  border-radius: 5px;
  padding: 2%;
  width: 56%; }

.fromAjax .formHold {
  background: #ffffff; }

.formHold h1 {
  padding: 8px 10px; }

.thinForm .formHold {
  width: 38%; }

.fromAjax .formHold {
  width: 100%;
  padding: 0; }

#page .formHold .layout2Col input {
  width: 96%;
  padding: 6px 2%; }

#page .formHold .field {
  float: left;
  width: 45%;
  min-width: 200px;
  margin-right: 5%;
  position: relative; }

#page .thinForm .formHold .field {
  width: 97%; }

#page .formHold .field .info_icon {
  position: absolute;
  top: 20px;
  right: -11%; }

#page .formHold .field.checkboxLayout .info_icon {
  right: -4%;
  top: 0; }

#page .fromAjax .formHold .field {
  width: 90%; }

#page .formHold .checkBox {
  min-width: 0; }

#page .formHold .auto {
  float: left;
  width: auto;
  padding-right: 20px; }

#page .formHold .layout2Col .selectField {
  width: 45%;
  min-width: 200px;
  margin-right: 5%; }

#page .formHold .layout2Col .hideLabel {
  padding-top: 0; }

#page .formHold .layout2Col .selectField select {
  width: 100%; }

#page .formHold .layout2Col .clearedLeft {
  clear: left; }

.lookAheadFields {
  display: none;
  margin-top: 15px;
  overflow: auto;
  clear: both; }

.zipLookup {
  clear: both;
  overflow: auto; }

#preferredBranchSection #prefBranch {
  overflow: hidden;
  margin: 20px 0 20px 100px;
  font-size: 1.1em; }
  #preferredBranchSection #prefBranch > p {
    float: left;
    margin-top: 8px; }
  #preferredBranchSection #prefBranch div {
    width: 270px;
    float: left;
    margin-left: 20px; }
    #preferredBranchSection #prefBranch div img {
      float: left; }
    #preferredBranchSection #prefBranch div span {
      display: block;
      float: left;
      margin-left: 10px; }

.formHold .layout2Col {
  width: auto;
  float: none;
  clear: both; }
  .formHold .layout2Col .inner {
    overflow: auto;
    padding: 5px 0; }

#page .layout2Col input.checkBox {
  display: inline;
  width: 12px;
  height: 12px;
  margin: 0 10px;
  border: none; }

#page .layout2Col .clearfix {
  clear: both;
  padding-bottom: 12px; }

#page .layout2Col input#TandCAccepted {
  margin-bottom: 12px; }

#page .registration .regForm .inner .field input#TandCAccepted, #page .registration .regForm .inner .field input#infoOffers {
  margin: 7px 10px 0 30px;
  width: auto; }

.regForm .field label.TandCAccepted, .regForm .field label.infoOffers {
  text-align: left;
  width: 84%; }

#page .regForm .inner .checkBox {
  padding: 0; }

#page .checkBox {
  clear: both;
  position: relative;
  padding: 2px 0; }

.pBotMed .checkBox label {
  _padding-left: 20px; }

.TandCAccepted {
  _padding-left: 20px; }
  .TandCAccepted > a {
    text-decoration: underline; }

.infoOffers > a {
  clear: both;
  float: left;
  text-decoration: underline; }

#page .checkBox input.checkBox {
  _width: 15px;
  _height: 15px; }

#page .checkBox label em {
  float: none; }

#page .registration .regForm .inner .inline {
  padding: 10px 0 20px 60px; }
  #page .registration .regForm .inner .inline .field {
    width: 18%; }

#page .registration .regForm .inner .checkBox input {
  margin-top: 8px;
  width: auto; }

#page .layout2Col p.flagText {
  padding: 10px; }
  #page .layout2Col p.flagText .marketingActionMessage {
    font-weight: bold;
    display: block;
    margin-top: 10px; }

#pageregistration #page .content_footer, #orgRegistration #page .content_footer {
  width: 100%; }

.myAccount .wL, .myAccount .wM, .myAccount .wS {
  display: block;
  margin-bottom: 5px; }

.layout2Col input, .layout2Col select {
  display: block;
  margin-bottom: 5px; }

.wS, #page .layout2Col select.wS {
  width: 150px; }

.myAccount .wL {
  width: 745px; }

.myAccount .wM, .myAccount .branchFind.greyBox .checkoutTextField {
  width: auto;
  margin-right: 5%;
  _clear: none; }

#page .layout2Col input, p.hint {
  width: auto;
  margin-right: 5%;
  _clear: none; }

.myAccount .form_1column #Register .wM {
  width: 327px; }

.myAccount .form_1column #Register .opt h2 {
  padding-top: 0;
  font-weight: bold;
  padding-bottom: 10px; }

.myAccount .form_1column #Register .opt ul {
  margin-left: 25px;
  margin-bottom: 15px; }

.myAccount .form_1column #Register .opt li {
  margin-bottom: 5px; }

#page .layout2Col select, #page select.wM {
  width: 310px; }

.layout2Col .inner {
  padding-left: 10px; }

.myAccount .branchFind.greyBox span.clear_both {
  clear: none; }

.myAccount .branchFind.greyBox label {
  *float: none; }

.myAccount #store_search {
  *width: 400px;
  *float: left; }

.myAccount .branchFind.greyBox label {
  padding-top: 0;
  clear: both;
  display: block; }

.myAccount .branchFind.greyBox .checkoutTextField {
  float: left;
  display: block;
  clear: left; }

.pendingItemPagination {
  padding-top: 20px; }
  .pendingItemPagination p {
    margin: 0; }

#unregistered_form #billingAddressCreateEditaddresslookup, #unregistered_form #shippingAddressCreateEditaddresslookup {
  padding-left: 20px; }

#unregistered_form #billingAddressCreateEditaddresslookup, #unregistered_form #shippingAddressCreateEditaddresslookup {
  margin: 0 0 15px 0; }

#page #unregistered_form .zipLookup input {
  width: 185px; }

#page .zipLookup label {
  display: block;
  _clear: both; }

#page .zipLookup input.checkoutTextField {
  float: left;
  width: 205px;
  _clear: none; }

#page .zipLookup .siteAction {
  padding: 0 0 0 10px;
  float: left; }

#page .regForm .zipLookup .siteAction {
  float: none; }

#page .fromAjax .zipLookup .siteAction {
  _margin-right: 10px; }

.dijitTooltipContainer {
  _width: 200px;
  _height: 40px; }

.dijitTooltip iframe {
  display: none; }

.siteAction.right {
  padding-left: 10px; }

.myAccount .wS {
  width: 125px; }

.myAccount .pBotMed {
  padding-bottom: 10px; }

#pageregistration .pBotMed, #orgRegistration .pBotMed {
  padding-bottom: 10px; }

.topBotPad {
  padding: 15px 0;
  font-size: 1.1em;
  clear: both; }

.genForm #page legend {
  font-size: 1.1em;
  font-weight: normal;
  margin-top: 5px; }

.ebillingDisc {
  padding-top: 10px; }

.branchFind.greyBox #prefBranchInfo.info_icon.left {
  display: none; }

.info_icon.left {
  padding-left: 10px; }

.myAccount .branchFind.greyBox #prefBranchInfo.info_icon.left {
  padding: 8px 0 0 12px;
  display: block; }

.myAccount span.clear_both {
  *height: 1px; }

.myAccount .branchFind.greyBox {
  background: none;
  width: 100%;
  padding: 0; }
  .myAccount .branchFind.greyBox .siteAction {
    float: left; }

.eBilling .caps {
  text-transform: uppercase; }

.eBilling ul {
  list-style-type: disc;
  padding-left: 30px;
  margin-bottom: 20px; }

.eBilling .siteAction {
  margin-right: 12px; }

#requisition_list_table_paging {
  height: 50px;
  padding-right: 10px;
  clear: both; }
  #requisition_list_table_paging span {
    font-size: 1.1em;
    line-height: 50px;
    margin-left: 20px;
    display: inline; }
  #requisition_list_table_paging select {
    margin-top: 5px;
    min-width: 150px;
    width: auto; }

#requisition_list_popup_table {
  border: 1px solid #ccc;
  width: 90%;
  padding: 0 20px; }
  #requisition_list_popup_table td {
    border: none;
    border-bottom: 1px solid #ccc; }
    #requisition_list_popup_table td a {
      float: right; }

#contact_us {
  margin: 0 10px; }
  #contact_us h1 {
    margin-bottom: 10px; }
  #contact_us p {
    padding: 10px 2%; }

#contactFormWrap {
  background: #e5e5e6;
  float: right;
  padding-left: 5px;
  margin: 10px 1%;
  width: 59%; }
  #contactFormWrap h2 {
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 20px 15px 30px; }

#contactUsEspot {
  float: left;
  margin: 10px 1%;
  width: 36%; }

#contact_us p, #contact_us label {
  font-weight: bold; }

#contact_us select {
  width: 40%;
  display: block;
  clear: both; }

#contact_us textarea {
  min-height: 100px;
  width: 94%;
  margin: 0 2%;
  clear: both;
  display: block; }

#contact_us .contactRight, #contact_us .contactLeft {
  float: left;
  margin: 10px 2%;
  padding-right: 0;
  width: 45%; }

#contact_us .nextSection {
  clear: both;
  width: 100%; }
  #contact_us .nextSection .field label {
    margin-left: 2%; }

#contact_us .contactRight .field label, #contact_us .contactLeft .field label {
  margin-left: 0; }

#contact_us .nextSection .siteAction {
  float: right;
  margin-right: 3%; }

#contact_us .nextSection .contactRight {
  padding-right: 0; }

#ContactUsForm > .field {
  margin: 0 2%; }

.confirmation-field {
  display: none; }

.genForm .checkboxLayout, .genForm .textareaLayout {
  margin: 10px 0;
  clear: both;
  position: relative; }

.genForm .checkboxLayout input {
  float: left;
  margin: 0 10px 0 0;
  clear: none;
  *position: absolute;
  /* abs pos as ie7 causing issues, maybe change this later */
  *top: 2px;
  *left: 0; }

.genForm .checkboxLayout label {
  *padding-left: 20px; }

.genForm .updateCompany p {
  padding: 10px 0; }

.genForm .updateCompany textarea {
  width: 700px;
  display: block;
  min-height: 70px; }

.genForm .updateCompany .siteAction {
  float: right;
  padding-right: 40px; }

/* orders */
.orderStatus {
  padding-top: 10px; }

.newTabs {
  clear: both;
  float: left;
  margin-top: 30px; }
  .newTabs .tabWrap {
    float: left;
    border-bottom: none;
    margin-right: 5px;
    text-align: center; }

.dijitTabPaneWrapper .hide {
  display: none; }

.dijitTabPaneWrapper .show {
  display: block; }

.newTabs .tabWrap span {
  border: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  position: relative;
  padding: 5px 25px;
  display: block;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px; }
  .newTabs .tabWrap span.off {
    border-bottom: 1px solid #b3c2d2; }

#product .newTabs .tabWrap {
  border-color: #e0e0e0; }
  #product .newTabs .tabWrap span {
    border-color: #fff; }
    #product .newTabs .tabWrap span.off {
      border-bottom: 1px solid #e0e0e0; }

.newTabs .tabWrap span.on {
  font-weight: bold; }

.newTabs .tabWrap span a {
  text-decoration: none; }

.newTabs .tabWrap span.off a {
  font-size: 1em; }

#mainTabContainer, #mainTabContainer_mini {
  clear: both;
  border-top: 1px solid #b3c2d2; }

#product #mainTabContainer, #product #mainTabContainer_mini {
  border-top: 1px solid #e0e0e0; }

.composer .prodMainCol #mainTabContainer, .composer .prodMainCol #mainTabContainer_mini {
  border-top: 1px solid #e0e0e0; }

.order_status_table {
  min-height: 150px; }

#my_account_billing {
  padding: 0px 145px 0px 0px;
  float: left;
  border-right: solid 1px #acacac; }

#my_account_shipping {
  padding-left: 20px;
  float: left; }

#MyAccountCenterLinkDisplay_Widget h1.regHeader {
  background: transparent;
  padding: 8px 10px; }

.my_account_padding {
  padding: 0px 8px 0px 8px; }

.my_account_wishlist_container {
  padding-left: 5px;
  padding-right: 5px; }

.my_account_wishlist {
  width: 588px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: left; }
  .my_account_wishlist .deleteLink {
    margin-top: 5px;
    margin-right: 5px;
    font-weight: bold; }
  .my_account_wishlist #getWidgetButton {
    right: -4px;
    position: relative; }

.wishList_save {
  min-width: 37px; }

.my_account_wishlist .divider_line {
  background-image: url("../../images/colors/color2/product_grid_tr_line.png");
  background-repeat: no-repeat;
  height: 3px;
  width: 586px;
  margin: 0 auto; }

.multiple_wishlist_popup {
  width: 325px !important; }
  .multiple_wishlist_popup h2 {
    font-size: 14px;
    font-weight: bold; }
  .multiple_wishlist_popup .top_right, .multiple_wishlist_popup .footer .bot_right {
    background-position: right center;
    width: 317px !important; }
  .multiple_wishlist_popup .header {
    background-image: url("../../images/colors/color2/popup_center_tile_sm.png");
    background-repeat: repeat-y;
    text-align: right;
    height: 23px;
    clear: left; }

.multiple_wishlist_actions_border {
  padding-top: 7px;
  padding-bottom: 12px; }

.multiple_wishlist_link_divider {
  background-image: url(../../images/colors/color2/listdiv.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 16px;
  padding-left: 5px;
  padding-right: 5px;
  width: 7px; }

.multiple_wishlist_popup .bodycontent {
  background-image: url("../../images/colors/color2/popup_center_tile_sm.png");
  background-repeat: repeat-y;
  padding: 0 25px 0px 25px; }

.addToWishListButtonBorder {
  margin-top: 4px; }

#addToMultipleWishListLinkContainer, #addToWishListLinkAjaxDivContainer, #addToWishListLinkContainer {
  margin-bottom: 4px; }

#addToWishListPanel {
  z-index: 9999; }

#MultipleWishListDropDown {
  margin-top: -4px;
  margin-bottom: 4px; }

.scrollableWishListPanel {
  /* height: expression( this.scrollHeight > 129 ? "130px" : "auto" );  sets max-height for IE */
  overflow: auto;
  max-height: 10em;
  overflow: auto; }

#addToWishListPanel .addToWishListPanel_main {
  border: 1px solid #AAB2BC;
  position: absolute;
  width: 190px; }

#addToWishListPanel .addToWishListPanel_header {
  background-color: #E9F4FF;
  padding: 4px; }

#addToWishListPanel .addToWishListPanel_divider {
  border-top: 1px solid #AAB2BC;
  margin-top: 5px;
  width: 100%; }

#addToWishListPanel .addToWishListPanel_bodycontent {
  background-color: #FFFFFF;
  margin: 0;
  padding: 5px; }
  #addToWishListPanel .addToWishListPanel_bodycontent .existingList {
    padding-left: 15px; }
  #addToWishListPanel .addToWishListPanel_bodycontent .newList {
    margin-left: 3px; }

.my_account_wishlist .content {
  border-left: 1px solid #acacac;
  border-right: solid 1px #acacac;
  position: relative; }
  .my_account_wishlist .content .my_account_wishlist_container {
    padding: 5px; }

.generic_error_container .info {
  padding: 10px 10px 5px; }

.addrbook_header {
  padding-top: 8px;
  float: left; }

#WC_AccountForm_div_4 input {
  margin-bottom: 0px; }

.extraLink {
  padding-top: 10px; }
  .extraLink img {
    vertical-align: middle; }

/* Contracts summary in my account */
div#summary_contracts_table ul li p input {
  background-color: transparent;
  border: 0;
  margin-bottom: 0;
  vertical-align: middle; }

div#org_button {
  float: left;
  padding: 6px 10px 3px 5px; }

div#contract_button {
  float: left; }

#box .my_account_wishlist #WishlistDisplay_Widget .wishList_header_content {
  float: left;
  line-height: normal;
  height: auto;
  position: relative;
  top: -8px;
  white-space: normal;
  width: 400px;
  margin-left: 10px; }

#box .my_account_wishlist #WishlistDisplay_Widget #getWidgetButton {
  top: -14px;
  right: 0px;
  padding-right: 5px;
  height: 15px; }
  #box .my_account_wishlist #WishlistDisplay_Widget #getWidgetButton .sidebar_ad_remote_widget .feed_widget_area_right {
    float: right; }

#box .my_account_wishlist #WishlistDisplay_Widget .divider_line_style {
  background-color: #FFFFFF;
  background-position: left;
  clear: both;
  height: 1px;
  font-size: 0px; }

/*------------------------------------------------------------------------------*/
/* 9.POPUP
/* -----------------------------------------------------------------------------*/
/*All the classes are similar to POPUP except that #tooltip_popup and #popup are different. Tooltip popups position should not be absolute and display should be block.*/
#tooltip_popup, .tooltip_popup {
  width: 285px;
  background: #3b3b3b;
  display: block;
  border: 1px solid #ccc;
  opacity: 1;
  border-radius: 3px;
  color: #fff;
  margin: 5px; }
  #tooltip_popup .close, #tooltip_popup .closeAlt, .tooltip_popup .close, .tooltip_popup .closeAlt {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px 2px 15px; }
  #tooltip_popup .popup_header_title, .tooltip_popup .popup_header_title {
    float: left;
    color: white;
    padding: 5px 4px 0px 15px;
    font-size: 11px; }
  #tooltip_popup .bodycontent, .tooltip_popup .bodycontent {
    padding: 12px;
    margin: 0px 1px 0px 1px; }
  #tooltip_popup .bodycontent_short, .tooltip_popup .bodycontent_short {
    padding: 12px 17px 12px 15px;
    margin: 0px 1px 0px 1px; }
  #tooltip_popup.smallPrice, .tooltip_popup.smallPrice {
    width: 120px; }
    #tooltip_popup.smallPrice .footer, .tooltip_popup.smallPrice .footer {
      width: 120px; }
    #tooltip_popup.smallPrice .close, .tooltip_popup.smallPrice .close {
      display: none; }

/*-- STORE AVAILABILITY POPUP START --*/
#store_availability_popup_main_div {
  display: none; }

#store_availability_popup {
  width: 650px;
  position: absolute;
  display: block;
  z-index: 9999; }
  #store_availability_popup .top_left {
    background-image: url("../../images/colors/color2/popup_topleft.png");
    background-repeat: no-repeat;
    height: 10px;
    width: 8px;
    float: left; }
  #store_availability_popup .top_right {
    background-image: url("../../images/colors/color2/sloc_popup_topright.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 10px;
    width: 642px;
    float: left; }
  #store_availability_popup .header {
    border-left: 1px solid #a5aebd;
    background-image: url("../../images/colors/color2/sloc_popup_center_tile.png");
    background-repeat: repeat-y;
    background-position: right;
    text-align: right;
    height: 23px;
    clear: left; }
  #store_availability_popup .close {
    padding: 5px 15px 2px 0px;
    color: #666666; }
    #store_availability_popup .close .icon {
      padding-top: 2px;
      padding-left: 4px;
      float: right; }
  #store_availability_popup .bodycontent {
    border-left: 1px solid #a5aebd;
    background-image: url("../../images/colors/color2/sloc_popup_center_tile.png");
    background-repeat: repeat-y;
    background-position: right;
    margin: 0;
    padding: 0 0 15px 0; }
    #store_availability_popup .bodycontent table#bopis_table, #store_availability_popup .bodycontent div.clear_float {
      clear: both; }
    #store_availability_popup .bodycontent h2 {
      font-size: 14px;
      font-weight: bold;
      margin-left: 11px; }
    #store_availability_popup .bodycontent div#your_store_list {
      margin-left: 5px; }
    #store_availability_popup .bodycontent .title {
      padding: 0 17px 0 15px; }
  #store_availability_popup .bodycontent_short {
    padding: 12px 17px 12px 15px;
    margin: 0px 1px 0px 1px; }
  #store_availability_popup .footer {
    text-align: right;
    height: 14px;
    width: 750px; }
    #store_availability_popup .footer .bot_left {
      background-image: url("../../images/colors/color2/popup_botleft.png");
      background-repeat: no-repeat;
      height: 14px;
      width: 8px;
      float: left; }
    #store_availability_popup .footer .bot_right {
      background-image: url("../../images/colors/color2/sloc_popup_botright.png");
      background-repeat: no-repeat;
      background-position: right;
      height: 14px;
      width: 642px;
      float: left; }

/*-- STORE AVAILABILITY POPUP END --*/
/* Dojo defined Tooltip css classes */
.dijitTooltip {
  position: absolute;
  z-index: 2000;
  display: block;
  /* make visible but off screen */
  left: 50%;
  top: -10000px;
  overflow: visible; }

.dijitTooltipContainer {
  border: solid black 2px;
  background: #b8b5b5;
  color: black;
  font-size: small; }

.dijitTooltipFocusNode {
  padding: 2px 2px 2px 2px; }

.dijitTooltipConnector {
  position: absolute; }

.dijit_a11y .dijitTooltipContainer {
  opacity: 1 !important;
  background-color: white !important; }

.dj_safari .tundra .dijitPopup {
  -webkit-box-shadow: 0px 5px 10px #adadad; }

.dijitTooltip, .dijitTooltipDialog {
  opacity: 0.95;
  background: transparent;
  /* make the area on the sides of the arrow transparent */
  z-index: 9999; }

.dijitTooltipBelow {
  padding-top: 13px; }

.dijitTooltipAbove {
  padding-bottom: 13px; }

.dijitTooltipContainer {
  background-color: #fafafa;
  border: 1px solid #b6c7d5;
  padding: 0.45em;
  border-radius: 6px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 6px;
  width: 300px;
  _overflow: hidden;
  _height: 40px; }

.dijitTooltipConnector {
  border: 0px;
  z-index: 2; }

.dijitTooltipABRight .dijitTooltipConnector {
  left: auto !important;
  right: 3px; }

.dijitTooltipBelow .dijitTooltipConnector {
  top: 0px;
  left: 3px;
  background: url("../../images/colors/color2/tooltipConnectorUp.png") no-repeat top left;
  width: 16px;
  height: 14px; }

.dj_ie6 .dijitTooltipBelow .dijitTooltipConnector {
  background-image: url("../../images/colors/color2/tooltipConnectorUp.gif"); }

.dijitTooltipAbove .dijitTooltipConnector {
  bottom: 0px;
  left: 3px;
  background: url("../../images/colors/color2/tooltipConnectorDown.png") no-repeat top left;
  width: 16px;
  height: 14px; }

.dj_ie6 .dijitTooltipAbove .dijitTooltipConnector {
  background-image: url("../../images/colors/color2/tooltipConnectorDown.gif"); }

.dijitTooltipLeft {
  padding-right: 13px; }

.dj_ie6 .dijitTooltipLeft {
  padding-right: 15px; }

.dijitTooltipLeft .dijitTooltipConnector {
  right: 0px;
  bottom: 7px;
  background: url("../../images/colors/color2/tooltipConnectorRight.png") no-repeat top left;
  width: 16px;
  height: 14px; }

.dj_ie6 .dijitTooltipLeft .dijitTooltipConnector {
  background-image: url("../../images/colors/color2/tooltipConnectorRight.gif"); }

.dijitTooltipRight {
  padding-left: 13px; }
  .dijitTooltipRight .dijitTooltipConnector {
    left: 0px;
    bottom: 7px;
    background: url("../../images/colors/color2/tooltipConnectorLeft.png") no-repeat top left;
    width: 16px;
    height: 14px; }

.dj_ie6 .dijitTooltipRight .dijitTooltipConnector {
  background-image: url("../../images/colors/color2/tooltipConnectorLeft.gif"); }

.dj_ie .dijitRtl .dijitTooltipLeft {
  margin-right: 0px;
  margin-left: 13px; }

.dj_ie .dijitRtl .dijitTooltipRight {
  margin-left: 26px;
  margin-right: -13px; }

.dj_ie .dijitRtl .dijitTooltipDialog {
  zoom: 1 !important; }

/* -----------------------------------------------------------------------------*/
/* 25.CALENDAR CLASSES
/* -----------------------------------------------------------------------------*/
/* Calendar from dijit.css */
.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td {
  padding: 0; }

.dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td {
  padding: 0; }

.dijitCalendarNextYear {
  margin: 0 0 0 0.55em; }

.dijitCalendarPreviousYear {
  margin: 0 0.55em 0 0; }

.dijitCalendarIncrementControl {
  cursor: pointer;
  cursor: hand;
  width: 1em; }

.dijitCalendarDisabledDate {
  color: #666 !important; }

.dijitCalendarBodyContainer tbody tr td {
  cursor: pointer;
  cursor: hand; }

.dijitCalendarPreviousMonthDisabled, .dijitCalendarCurrentMonthDisabled, .dijitCalendarNextMonthDisabled {
  cursor: default !important; }

.dijitCalendarDateTemplate, .dijitCalendarSelectedYear, .dijitCalendarNextYear, .dijitCalendarPreviousYear {
  cursor: pointer; }

.dijitCalendarMonthLabelSpacer {
  /* don't display it, but make it affect the width */
  position: relative;
  height: 1px;
  overflow: hidden;
  visibility: hidden; }

/* Calendar from tundra.css*/
.dijitCalendarIncrementControl {
  /* next/prev month buttons */
  width: 16px;
  height: 16px; }

.dj_ie6 .dijitCalendarIncrementControl {
  padding: .1em; }

.dijitCalendarIncreaseInner, .dijitCalendarDecreaseInner {
  visibility: hidden; }

.dijitCalendarDecrease {
  background: url("../../images/colors/color2/arrowLeft.png") no-repeat center center; }

.dj_ie6 .dijitCalendarDecrease {
  background-image: url("../../images/colors/color2/arrowLeft.gif"); }

.dijitCalendarIncrease {
  background: url("../../images/colors/color2/arrowRight.png") no-repeat center center; }

.dj_ie6 .dijitCalendarIncrease {
  background-image: url("../../images/colors/color2/arrowRight.gif"); }

.dijitCalendarWidth {
  width: 138px; }
  .dijitCalendarWidth input {
    width: 132px; }

table.dijitCalendarContainer {
  font-size: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ccc;
  margin: 0; }

.dijitCalendarMoContainer th {
  /* month header cell */
  background: white url("../../images/colors/color2/calendarMonthLabel.png") repeat-x top;
  padding-top: .3em;
  padding-bottom: .1em;
  text-align: center; }

.dj_ie6 .dijitCalendarMonthContainer th {
  padding-top: .1em;
  padding-bottom: 0em; }

.dijitCalendarDayLabelTemplate {
  /* day of week labels */
  padding: 3px 5px;
  text-align: center; }

.dijitCalendarMonthLabel {
  /* day of week labels */
  color: #293a4b;
  font-size: 0.75em;
  font-weight: bold;
  text-align: center; }

.dj_ie7 .dijitCalendarDateTemplate, .dj_ie6 .dijitCalendarDateTemplate {
  font-size: 1.1em; }

.dijitCalendarDateTemplate {
  /* style for each day cell */
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  padding: 3px 5px;
  letter-spacing: 1px; }

#requestedShipDateForm .dijitCalendarPreviousMonth, #requestedShipDateForm .dijitCalendarNextMonth {
  /* days that are part of the previous or next month */
  color: #999999;
  background: #C6D6F0 !important;
  background: #C6D6F0;
  cursor: auto; }

.dijitCalendarPreviousMonth .dijitCalendarDateLabel, .dijitCalendarNextMonth .dijitCalendarDateLabel {
  display: none; }

.dojoxCalendar {
  width: 220px;
  float: left; }

/* Calendar from dijit.css */
.dijitCalendarContainer {
  width: auto;
  /* in case user has specified a width for the TABLE nodes, see #10553 */ }
  .dijitCalendarContainer th, .dijitCalendarContainer td {
    padding: 0;
    vertical-align: middle; }

.dijitCalendarYearLabel {
  white-space: nowrap;
  /* make sure previous, current, and next year appear on same row */ }

.dijitCalendarNextYear {
  margin: 0 0 0 0.55em; }

.dijitCalendarPreviousYear {
  margin: 0 0.55em 0 0; }

.dijitCalendarIncrementControl {
  vertical-align: middle;
  cursor: pointer; }

.dijitCalendarDateTemplate, .dijitCalendarMonthLabel, .dijitCalendarPreviousYear, .dijitCalendarNextYear {
  cursor: pointer; }

.dijitCalendarDisabledDate {
  color: gray;
  text-decoration: line-through;
  cursor: default; }

.dijitSpacer {
  /* don't display it, but make it affect the width */
  position: relative;
  height: 1px;
  overflow: hidden;
  visibility: hidden; }

/* Menu for calendar from dijit.css */
.dijitMenu {
  border: 1px solid black;
  background-color: white; }

.dijitMenuTable {
  border-collapse: collapse;
  border-width: 0;
  background-color: white; }

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"] {
  border-right: hidden; }

.dijitMenuItem {
  text-align: left;
  white-space: nowrap;
  padding: .1em .2em;
  cursor: pointer; }
  .dijitMenuItem:focus {
    outline: none; }

/*
No need to show a focus border since it's obvious from the shading, and there's a .dj_a11y .dijitMenuItemSelected
rule below that handles the high contrast case when there's no shading.
Hiding the focus border also works around webkit bug https://code.google.com/p/chromium/issues/detail?id=125779.
*/
.dijitMenuPassive .dijitMenuItemHover, .dijitMenuItemSelected {
  /*
   * dijitMenuItemHover refers to actual mouse over
   * dijitMenuItemSelected is used after a menu has been "activated" by
   * clicking it, tabbing into it, or being opened from a parent menu,
   * and denotes that the menu item has focus or that focus is on a child
   * menu
   */
  background-color: black;
  color: white; }

.dijitMenuItemIcon, .dijitMenuExpand {
  background-repeat: no-repeat; }

.dijitMenuItemDisabled * {
  /* for a disabled menu item, just set it to mostly transparent */
  opacity: 0.5;
  cursor: default; }

.dj_ie .dj_a11y .dijitMenuItemDisabled {
  color: gray;
  filter: alpha(opacity=35); }
  .dj_ie .dj_a11y .dijitMenuItemDisabled * {
    color: gray;
    filter: alpha(opacity=35); }

.dj_ie .dijitMenuItemDisabled * {
  color: gray;
  filter: alpha(opacity=35); }

.dijitMenuItemLabel {
  position: relative;
  vertical-align: middle; }

.dj_a11y .dijitMenuItemSelected {
  border: 1px dotted black !important;
  /* for 2.0 use outline instead, to prevent jitter */ }

.dj_ff3 .dj_a11y .dijitMenuItem td {
  padding: 0 !important;
  background: none !important; }

.dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
  border-width: 1px;
  border-style: solid; }

.dj_ie8 .dj_a11y .dijitMenuItemLabel {
  position: static; }

.dijitMenuExpandA11y {
  display: none; }

.dj_a11y .dijitMenuExpandA11y {
  display: inline; }

.dijitMenuSeparator td {
  border: 0;
  padding: 0; }

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
  height: 50%;
  margin: 0;
  margin-top: 3px;
  font-size: 1px; }

.dijitMenuSeparatorBottom {
  height: 50%;
  margin: 0;
  margin-bottom: 3px;
  font-size: 1px; }

/* the checked menu item */
.dijitCheckedMenuItemIconChar {
  vertical-align: middle;
  visibility: hidden; }

.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar {
  visibility: visible; }

.dj_a11y .dijitCheckedMenuItemIconChar {
  display: inline !important; }

.dj_a11y .dijitCheckedMenuItemIcon {
  display: none; }

.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem {
  /* so bottom border of MenuBar appears on IE7 in high-contrast mode */
  margin: 0; }

#delInfo .text {
  word-wrap: break-word; }

#checkoutCalPartA {
  background: #C6D6F0; }

#checkoutCalPartB {
  background: #C6D6F0;
  display: none;
  width: 240px; }
  #checkoutCalPartB .dojoxCalendarBody, #checkoutCalPartB .dojoxCalendarHeader {
    padding-left: 10px; }

.dijitCalendarWidth .key {
  padding: 0 0 10px;
  clear: both; }

#requestShippingDateDiv .key {
  margin: 0 0 0 179px; }

.genForm .dijitCalendarWidth {
  width: 460px;
  margin-left: 180px; }

#requestShippingDateDiv .prefDateInfo {
  margin: 5px 0; }

#requestShippingDateDiv .key {
  margin: 0; }

.dijitCalendarWidth #selectedDate {
  clear: both; }
  .dijitCalendarWidth #selectedDate p {
    text-align: right;
    padding: 5px 0; }

.dijitCalendarWidth .key p {
  clear: both;
  padding: 5px 0; }

.dojoxCalendarContainer:focus {
  outline: none !important; }

.dijitCalendarWidth .key span {
  float: left;
  margin-right: 10px;
  padding: 3px 5px;
  text-align: center; }
  .dijitCalendarWidth .key span span {
    margin-right: 0;
    padding: 0px 3px; }
  .dijitCalendarWidth .key span.complete {
    background: #9CE0AD;
    margin-bottom: 15px;
    font-weight: bold; }
  .dijitCalendarWidth .key span.partial {
    background: #faa887;
    margin-bottom: 30px; }
  .dijitCalendarWidth .key span.notavailable {
    background: #C6D6F0;
    text-decoration: line-through;
    color: #666; }
  .dijitCalendarWidth .key span.current {
    background: #C6D6F0;
    text-decoration: none;
    color: #666; }
    .dijitCalendarWidth .key span.current span {
      border-bottom: 1px solid #ff0000; }

.dijitCalendarPreviousMonthDisabled, .dijitCalendarNextMonthDisabled {
  /* days that are part of the previous or next month - disabled*/
  background: #C6D6F0; }

.dijitCalendarCurrentMonth {
  /* available dates for complete order */
  background: #9CE0AD !important;
  font-weight: bold !important; }

.dijitCalendarPartialComplete {
  /* available dates for partial order  */
  background: #faa887 !important;
  font-weight: normal !important; }

.dijitCalendarCurrentMonthDisabled {
  /* days that are part of this month - disabled */
  background-color: #bbbbbc !important; }

.dijitCalendarDisabledDate {
  /* one or the other? */
  text-decoration: line-through !important;
  cursor: default !important;
  background: #C6D6F0 !important;
  font-weight: normal !important; }

.dijitCalendarCurrentDate {
  /* cell for today's date */
  text-decoration: underline;
  font-weight: bold; }

.dijitCalendarSelectedDate {
  /* cell for the selected date */
  border: 1px solid #000 !important;
  color: #000 !important; }

.dijitCalendarNextMonth.dijitCalendarPartialComplete, .dijitCalendarPreviousMonth.dijitCalendarPartialComplete {
  background: #C6D6F0 !important; }

.dojoxCal-MY-labels {
  display: none; }

.dojoxCalendarHeader {
  background: #C6D6F0;
  border-bottom: 2px solid #fff;
  padding: 5px 3px;
  font-size: 1.1em;
  text-align: center;
  position: relative; }

.dojoxCalendarDecrease {
  background: url("../../images/spriteRoundedIconsSmall.png") 0px 0px no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 5px;
  left: 5px; }

.dojoxCalendarIncrease {
  background: url("../../images/spriteRoundedIconsSmall.png") 0px 0px no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 5px;
  left: 5px;
  left: auto;
  right: 5px;
  background-position: -31px 0; }

.dijitCalendarDayLabels {
  overflow: hidden;
  height: 16.5em; }

.dojoxCalendarBody {
  overflow: hidden;
  height: 16.5em; }
  .dojoxCalendarBody table {
    width: 100%; }

.dijitCalendarCurrentDate .dijitCalendarDateLabel, #widget_fromDate_dropdown .dijitCalendarCurrentDate span, #widget_toDate_dropdown .dijitCalendarCurrentDate span {
  border-bottom: 1px solid red;
  text-decoration: none; }

.dojoxCalendarBody table thead td, #widget_fromDate_dropdown table thead td, #widget_toDate_dropdown table thead td {
  background: #DDE6F7;
  font-weight: bold;
  font-size: 1.1em;
  *font-size: 1.3em; }

.dojoxCalendarBody table tbody td, #widget_fromDate_dropdown table tbody td, #widget_toDate_dropdown table tbody td {
  background: #C6D6F0;
  font-weight: normal;
  font-size: 1.1em;
  border: 1px solid #C6D6F0; }

.dijitCalendarYearContainer {
  /* footer of the table that contains the year display/selector */
  background: white url("../../images/colors/color2/calendarYearLabel.png") repeat-x bottom;
  border-top: 1px solid #ccc; }

#widget_fromDate_dropdown .dijitCalendarYearContainer, #widget_toDate_dropdown .dijitCalendarYearContainer {
  /* footer of the table that contains the year display/selector */
  background: #C6D6F0;
  font-size: 16px; }

#widget_fromDate_dropdown thead .dijitCalendarMonthContainer, #widget_toDate_dropdown thead .dijitCalendarMonthContainer {
  /* footer of the table that contains the year display/selector */
  background: #C6D6F0;
  font-size: 16px; }
  #widget_fromDate_dropdown thead .dijitCalendarMonthContainer th, #widget_toDate_dropdown thead .dijitCalendarMonthContainer th {
    /* footer of the table that contains the year display/selector */
    background: #C6D6F0;
    font-size: 16px; }

#widget_fromDate_dropdown thead .dijitCalendarDayLabelTemplate, #widget_toDate_dropdown thead .dijitCalendarDayLabelTemplate {
  background: #DDE6F7;
  border-top: 2px solid #fff; }

#widget_fromDate_dropdown .dijitA11ySideArrow:hover {
  cursor: pointer; }

#widget_fromDate_dropdown .dijitCalendarDecrease {
  text-align: left; }
  #widget_fromDate_dropdown .dijitCalendarDecrease .dijitA11ySideArrow {
    text-align: left; }

#widget_toDate_dropdown .dijitCalendarDecrease {
  text-align: left; }
  #widget_toDate_dropdown .dijitCalendarDecrease .dijitA11ySideArrow {
    text-align: left; }

.dijitCalendarYearLabel {
  /* container for all of 3 year labels */
  margin: 0;
  padding: 0.4em 0 0.25em 0;
  text-align: center; }

.dijitCalendarSelectedYear {
  /* label for selected year */
  color: black;
  padding: 0.2em;
  padding-bottom: 0.1em;
  background-color: #bbc4d0 !important; }

.dijitCalendarNextYear, .dijitCalendarPreviousYear {
  /* label for next/prev years */
  color: black !important;
  font-weight: normal; }

.dijitCalendarMonthLabelSpacer {
  /* don't display it, but make it affect the width */
  position: relative;
  height: 1px;
  overflow: hidden;
  visibility: hidden; }

/* -----------------------------------------------------------------------------*/
/* 26.COUPON CLASSES
/* -----------------------------------------------------------------------------*/
/* A div to hold the entire couponWallet jsp so that it can be aligned on the page differently in the My Account section. */
/* A div which adds a top border on the checkout page. */
#couponWalletTopBorder {
  border: 1px solid #C9D3DE;
  float: left;
  margin-top: 30px;
  width: 338px; }

.basket #couponWalletTopBorder {
  border: none; }

/* The coupon wallet table */
#couponWalletTable {
  margin-top: 10px;
  margin-bottom: 10px; }
  #couponWalletTable th {
    text-align: left;
    padding-left: 7px;
    font-size: 1.1em; }
  #couponWalletTable .couponWalletTable_buttonColumn {
    padding: 0; }
    #couponWalletTable .couponWalletTable_buttonColumn .siteAction {
      float: right; }
  #couponWalletTable .selectedCoupon span.strong {
    display: block;
    background: #236e1d;
    padding: 2px;
    color: #fff; }
  #couponWalletTable td {
    padding: 6px 7px;
    vertical-align: middle; }

/* The header columns of the coupon wallet table */
/* The tabel dimensions of the coupon wallet table */
/* The coupon name column of the coupon wallet table */
.couponWalletTable_couponName {
  word-break: break-word;
  width: 70px; }

/* The expiration date column of the coupon wallet table */
.couponWalletTable_expirationDate {
  width: 110px;
  word-break: break-word; }

.couponWalletTable_buttonColumn {
  width: 68px; }

.couponWallet_NoCouponsMessage {
  padding-top: 5px; }

/* -----------------------------------------------------------------------------*/
/* 27.PROGRESS BAR
/* -----------------------------------------------------------------------------*/
/* For the element containing the actual progress bar */
#progress_bar, #chProgBar {
  position: fixed;
  z-index: 9999;
  display: none; }

#progress_bar {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px 5px 5px;
  border-radius: 5px 5px 5px;
  -webkit-box-shadow: 3px 3px 5px -1px rgba(51, 51, 51, 0.3);
  box-shadow: 3px 3px 5px -1px rgba(51, 51, 51, 0.3);
  padding: 5px;
  background-color: white;
  text-align: center; }
  #progress_bar p {
    margin-bottom: 0;
    /* resets */
    padding: 8px 8px 0 8px; }

#progress_bar_dialog .central {
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px; }

#billingAddressSelectBoxArea {
  float: none; }

/* For the dialog containing the progress bar element */
#progress_bar_dialog {
  position: fixed;
  z-index: 100000;
  display: none; }

/* Progress bar dialog background */
.dijitDialogUnderlay {
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.dijitDialogUnderlayWrapper {
  z-index: 902;
  display: none;
  overflow: hidden;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0 !important;
  left: 0 !important; }

/* -----------------------------------------------------------------------------*/
/* 28.PRICE SLIDER WIDGET
/* -----------------------------------------------------------------------------*/
.price-gradient {
  height: 40px;
  margin-top: 8px;
  margin-left: 0px;
  background: url("../../images/colors/color2/price-range-gradient.png") no-repeat;
  position: relative; }

.price-sliders {
  padding-left: 0px;
  height: 14px;
  color: #59677d;
  font-weight: bold;
  position: relative; }

body .rangeSelectorHandle {
  color: #CF0000;
  position: absolute;
  background-image: url(../../images/colors/color2/price-range-marker.png);
  width: 6px;
  height: 21px;
  cursor: pointer;
  z-index: 10;
  background-repeat: no-repeat top center; }

body .rangeSelectorHandleHover {
  background-image: url(../../images/colors/color2/price-range-marker.png); }

body .rangeSelectorBar {
  height: 24px;
  cursor: pointer;
  background-image: url(../../images/colors/color2/price-range-gradient.png);
  background-repeat: no-repeat;
  width: 120px; }

body .rangeSelectorTooltip {
  position: absolute;
  border-color: white;
  padding: 1px 0px 1px 0px;
  font-size: 9px;
  z-index: 30; }

body .empty_image {
  width: 0px;
  height: 0px; }

/* -----------------------------------------------------------------------------*/
/* 29.SCROLLING ESPOT WIDGET START
/* -----------------------------------------------------------------------------*/
#scroll_ad {
  min-width: 585px;
  padding-right: 0px;
  margin: 0px;
  vertical-align: top;
  height: 200px; }

.thumbOuter {
  border: 0;
  height: 210px;
  width: 500px; }
  .thumbOuter div {
    border: 0px; }

.navPrev {
  float: left;
  cursor: pointer;
  width: 20px;
  height: 100%;
  background: url("../../images/colors/color2/accessories_images_arrow_left.png") no-repeat center center;
  padding: 0px 0px 10px 0px;
  margin-left: -2px; }

.navNext {
  float: right;
  cursor: pointer;
  width: 18px;
  height: 100%;
  background: url("../../images/colors/color2/accessories_images_arrow_right.png") no-repeat center center;
  padding: 0px 0px 10px 0px;
  margin-left: -2px; }

.thumbScroller {
  border: 0px;
  float: left;
  overflow: hidden;
  position: relative;
  height: 100%;
  padding: 0px 0px 0px 0; }

#BasketCrossSellProducts .thumbScroller {
  padding: 0 0 10px; }

.thumbsNode {
  border: 0px;
  height: 100%;
  float: left; }

.imgContainer {
  float: left;
  border: 0px;
  width: 135px;
  height: 100%; }

/* -----------------------------------------------------------------------------*/
/* 30.DRAG AND DROP
/* -----------------------------------------------------------------------------*/
/* Dojo defined drag and drop css classes */
.dojoDndItemOver {
  cursor: pointer; }

.dojoDndAvatar {
  font-size: 75%;
  color: black; }

.dojoDndAvatarHeader {
  background: #ccc; }
  .dojoDndAvatarHeader td {
    padding-left: 20px;
    padding-right: 4px; }

.dojoDndAvatarItem {
  background: #eee; }

.dojoDndCopy .dojoDndAvatarHeader {
  background-image: url(../../images/dndNoCopy.png);
  background-repeat: no-repeat; }

.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  background-image: url(../../images/dndCopy.png);
  background-repeat: no-repeat; }

/* -----------------------------------------------------------------------------*/
/* 31.QUICK INFO POPUP
/* -----------------------------------------------------------------------------*/
/*-- SECOND LEVEL CATEGORY POPUP START --*/
#second_level_category_popup_main_div, #requisition_list_popup_main_div, .multiple_wishlist_popups_div {
  display: none; }

#requisition_list_popup, .multiple_wishlist_popup {
  width: 530px;
  position: absolute;
  display: block;
  z-index: 9990;
  background-image: url("../../images/colors/color2/transparent.gif");
  background-repeat: no-repeat; }

#second_level_category_popup iframe {
  display: none;
  display: block;
  position: absolute;
  filter: mask();
  width: 650px;
  height: 498px;
  top: 0px;
  z-index: -1; }

.dijitDialog {
  z-index: 999; }

.multiple_wishlist_popup .top_left, .branchDetailsPopUp .top_left, .fullPopUp .top_left {
  background-image: url("../../images/colors/color2/popup_topleft.png");
  background-repeat: no-repeat;
  height: 10px;
  width: 8px;
  float: left; }

.multiple_wishlist_popup .top_right, .branchDetailsPopUp .top_right, .fullPopUp .top_right {
  background-image: url("../../images/colors/color2/popup_topright.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 10px;
  width: 642px;
  float: left; }

#second_level_category_popup .header, .branchDetailsPopUp .header, .fullPopUp .header, #ESpotInfo_popup_SearchResults_Content .header, .editMode .espot_dialog_popup .header {
  background-image: url("../../images/popup_center_tile.png");
  background-repeat: repeat-y;
  text-align: right;
  width: 100%;
  _width: 650px;
  *width: 650px;
  clear: both; }

#second_level_category_popup.fullPopUp {
  width: 650px; }
  #second_level_category_popup.fullPopUp .header {
    text-align: left; }
  #second_level_category_popup.fullPopUp .bodycontent {
    background-image: none; }
  #second_level_category_popup.fullPopUp #popupHeader {
    background: none;
    box-sizing: border-box;
    padding: 0 14px 0 10px; }
    #second_level_category_popup.fullPopUp #popupHeader h2 {
      border: 0;
      font-size: 1.7em;
      font-weight: bold;
      padding-bottom: 2px;
      width: 95%; }
    #second_level_category_popup.fullPopUp #popupHeader #productSKUValue {
      float: left;
      width: 100%; }

.branchDetailsPopUp .header, .fullPopUp .header, #ESpotInfo_popup_SearchResults_Content .header, .editMode .espot_dialog_popup .header {
  position: relative;
  height: 45px; }

#static_conttent_popup .closeText {
  display: none; }

.fullPopUp, #second_level_category_popup.fullPopUp .footer {
  /*-- original size --*/
  width: 650px; }

.fullPopUp .header {
  clear: both;
  padding: 0 10px; }

#hpp_popup .fullPopUp .header {
  padding: 0; }

.fullPopUp h3 {
  text-align: left;
  font-weight: bold;
  font-size: 1.4em;
  clear: both; }

.fullPopUp #closeLink {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 12px;
  height: 12px; }

#storeLocator_popup #closeLink, #ESpotInfo_popup_SearchResults_Content #closeLink, .editMode .espot_dialog_popup #closeLink {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 12px;
  height: 12px; }

.fullPopUp #branchResults {
  background-color: #fff; }
  .fullPopUp #branchResults table td a {
    color: #fff; }
  .fullPopUp #branchResults #updateLoc {
    /*margin-left: 280px;
      margin-top: 10px;*/ }

.fullPopUp #store_search_resultstradeCashReg {
  overflow: hidden; }

.fullPopUp #closeLink {
  height: 50px;
  width: 30px;
  margin-right: -6px;
  line-height: 0;
  font-size: 0;
  color: transparent; }

.dijitDialog .dijitDialogCloseIcon {
  display: none; }

.fullPopUp #branchResults .show-me-map {
  color: #656565; }

#pageregistration div#pref_branch_details_popup {
  overflow-y: visible !important; }

#product_stock_details_popup .fullPopUp .header #closeLink, #product_stock_details_popup .fullPopUp #closeLink {
  background-position: right center;
  color: #656565;
  display: block;
  font-size: 1.2em;
  height: 28px;
  padding: 10px 40px 0;
  right: 35px;
  text-decoration: none;
  top: 0;
  width: 100px; }

#calendar_popup .fullPopUp .header #closeLink, #basket_postcode_popup .header #closeLink, #storeLocator_popup #closeLink, #ESpotInfo_popup_SearchResults_Content #closeLink, .editMode .espot_dialog_popup #closeLink, #requisition_list_popup .header #closeLink {
  background-position: right center;
  color: #656565;
  display: block;
  font-size: 1.2em;
  height: 28px;
  padding: 10px 40px 0;
  right: 35px;
  text-decoration: none;
  top: 0;
  width: 100px; }

#product_stock_details_popup .fullPopUp .specialMove, #storeLocator_popup .specialMove {
  text-align: right; }

#product_stock_details_popup .fullPopUp #closeLink .fullPopUp .header #closeLink:hover {
  text-decoration: underline; }

.fullPopUp .header #closeLink span.icon {
  position: static;
  display: block;
  background: none; }

.pdpPage .dijitDialogTitleBar {
  display: none;
  /*not needed*/ }

#second_level_category_popup .close, .multiple_wishlist_popup .close {
  padding: 5px 15px 2px 0px;
  color: #666666; }

#second_level_category_popup .close, #popupHeader .close {
  position: absolute;
  right: 20px;
  z-index: 900; }

defaultAddress {
  display: inline;
  width: 10px;
  margin-top: 5px; }

#second_level_category_popup .close .icon,
.multiple_wishlist_popup .close .icon {
  position: static; }

#second_level_category_popup .bodycontent, .branchDetailsPopUp .bodycontent {
  background-image: url("../../images/popup_center_tile.png");
  background-repeat: repeat-y;
  margin: 0;
  padding: 0 0 15px 0; }

.fullPopUp .bodycontent {
  background-image: url("../../images/popup_center_tile.png");
  background-repeat: repeat-y;
  margin: 0;
  padding: 0 10px 15px; }

.fullPopUp #WC_product_stock_details_popup_body_content.bodycontent {
  padding: 0 0 15px; }

.fullPopUp .hostedpop h2 {
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
  margin-right: 25px;
  width: 94%;
  float: none;
  position: absolute;
  top: -40px;
  left: 10px; }

.summaryAction {
  border-top: 1px solid #dfdfdf;
  margin: 8px 0; }
  .summaryAction .prevCard p {
    float: none;
    padding: 0;
    margin: 0 0 10px 0; }
  .summaryAction .halfWidth p {
    float: none;
    padding: 0;
    margin: 0 0 10px 0; }
  .summaryAction .halfWidth .siteAction {
    padding-left: 0; }

.halfWidth {
  float: left;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 10px; }

.branchDetailsPopUp .clear {
  clear: both;
  height: 1px;
  line-height: 1px; }

.payAccountButton {
  margin-top: 10px; }

#second_level_category_popup .bodycontent div.clear_float, .multiple_wishlist_popup .bodycontent div.clear_float {
  clear: both; }

#second_level_category_popup .bodycontent .title, #requisition_list_popup .bodycontent .title, .branchDetailsPopUp .bodycontent .title, .fullPopUp .bodycontent .title {
  padding: 0 10px; }

#second_level_category_popup .bodycontent h2, #second_level_category_popup .bodycontent #productName {
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  padding: 0 50px 0 0; }

#requisition_list_popup.desktop .container {
  min-width: auto; }

#requisition_list_popup .content h2 {
  font-size: 17px;
  font-weight: bold; }

#requisition_list_popup .bodycontent {
  background: none;
  overflow: hidden;
  padding: 0 10px 10px; }

#requisition_list_popup .control-label {
  padding-top: 14px;
  white-space: nowrap; }

#requisition_list_popup #createNewListPopupButton {
  padding: 12px 70px; }

#second_level_category_popup .bodycontent p {
  font-size: 10px; }

#second_level_category_popup .bodycontent .purchase_details {
  background-image: url("../../images/colors/color2/popup_stripe.png");
  background-repeat: repeat-y;
  margin-top: 5px;
  padding: 0 0 0 18px;
  width: 440px; }

#second_level_category_popup .bodycontent .purchase_details .purchase_price {
  float: left;
  font-size: 18px;
  font-weight: bold;
  padding-top: 9px; }
  #second_level_category_popup .bodycontent .purchase_details .purchase_price span {
    font-size: 13px;
    font-weight: normal;
    text-decoration: line-through; }

#productAttributes {
  clear: both; }

#second_level_category_popup .bodycontent .purchase_quantity {
  width: 300px; }

#second_level_category_popup .bodycontent .purchase_details .purchase_quanitity .order_button {
  vertical-align: middle; }

#second_level_category_popup .bodycontent label {
  font-weight: bold;
  margin-right: 10px;
  float: left;
  padding: 3px 0;
  width: 110px;
  text-align: left; }
  #second_level_category_popup .bodycontent label .required-field {
    float: none; }

#second_level_category_popup .bodycontent .purchase_quantity input {
  background-color: #ffffff;
  vertical-align: middle;
  width: 42px;
  margin: 0;
  -moz-border-radius: 3px;
  border: 1px solid #D0D0D0;
  padding: 4px;
  font-size: 1.2em;
  display: block;
  clear: left; }

#second_level_category_popup .bodycontent .moreinfo a {
  font-weight: bold;
  text-transform: capitalize;
  padding-top: 5px;
  display: block; }

#productPromotions, #quickInfo_promo {
  display: none;
  margin-bottom: 5px;
  width: 300px; }

#second_level_category_popup .bodycontent .product_details {
  padding: 5px 14px 0 8px; }

#second_level_category_popup #productPromotions {
  font-weight: bold;
  background: #CF0000;
  color: #fff;
  margin-bottom: 5px; }

#addToNewRequisitionListContainer {
  float: right; }

#addToCartAjaxButton, #replaceCartItemAjaxContainer {
  padding-top: 38px;
  float: left; }

#shippingInstructionsCheckboxDiv label input {
  padding-top: 0;
  margin-top: -5px;
  *margin-top: 3px; }

#shippingInstructionsCheckboxDiv .remLen, #shippingInstructionsCheckboxDiv .remLen1 {
  padding-top: 0;
  margin-top: -3px;
  padding: 0;
  width: auto; }

#create_quote_form .remLen {
  padding-top: 0;
  margin-top: -3px;
  padding: 0;
  width: auto; }

#create_quote_form .desc {
  width: 400px; }

.selectUser, #selectUser {
  display: inline;
  margin: 5px 10px;
  width: 300px; }

.selectUser {
  margin-left: 0; }

.accountName strong {
  padding: 0 10px;
  font-size: 1.2em; }

#accountsAndRoles .userAccount {
  margin-top: 15px; }
  #accountsAndRoles .userAccount .checkbox {
    margin-right: 3px; }

.userAccount .field.checkboxLayout {
  margin-left: 155px; }

#second_level_category_popup .siteAction {
  clear: none; }

#second_level_category_popup .bodycontent .product_details .product_visual {
  float: left;
  width: 190px;
  text-align: center;
  overflow: hidden; }
  #second_level_category_popup .bodycontent .product_details .product_visual .brandLogo {
    padding: 10px 0; }

#product .brandLogo, .product_images .brandLogo {
  padding: 10px 0; }

#second_level_category_popup .bodycontent .product_details .product_visual img.product_image {
  padding: 0 0 0 0; }

.quickImage {
  width: 150px;
  height: 150px;
  overflow: hidden;
  margin: 0 auto 15px; }

#second_level_category_popup .product_description_wrap {
  padding: 10px 0; }

#second_level_category_popup .contentPane ul li {
  list-style: disc outside none;
  margin-left: 13px; }

.specs {
  margin-top: 20px; }

#second_level_category_popup .bodycontent .product_details .product_visual p {
  text-align: left; }

#second_level_category_popup .bodycontent .product_details .product_information {
  width: 420px;
  float: right; }

#second_level_category_popup #productAttributes {
  width: 300px;
  clear: none;
  padding-top: 10px; }

#second_level_category_popup .contentPane {
  padding: 10px; }

#second_level_category_popup #mainTabContainer, #second_level_category_popup #mainTabContainer_mini {
  border: 1px solid #B3C2D2;
  background: none; }

.symbolLogos {
  width: 72px;
  overflow: hidden; }

#second_level_category_popup .bodycontent .product_details .product_information .symbolLogos {
  float: right; }
  #second_level_category_popup .bodycontent .product_details .product_information .symbolLogos .symLogo {
    padding-bottom: 5px;
    overflow: hidden; }
    #second_level_category_popup .bodycontent .product_details .product_information .symbolLogos .symLogo img {
      float: right; }

#second_level_category_popup .bodycontent .product_details .product_information .priceWrap {
  padding-bottom: 5px; }
  #second_level_category_popup .bodycontent .product_details .product_information .priceWrap span {
    font-size: 1.7em;
    font-weight: bold; }

#second_level_category_popup .defAttr {
  clear: none;
  padding-bottom: 5px; }

#second_level_category_popup .bodycontent .product_details .product_information .priceWrap span.wasPrice {
  font-size: 1.5em;
  display: block; }

#second_level_category_popup .bodycontent .product_details .product_information p {
  font-weight: bold; }

#second_level_category_popup .bodycontent .product_details .product_information select {
  background-color: #ffffff;
  font-size: 1.2em;
  min-width: 220px;
  -moz-border-radius: 3px;
  border: 1px solid #D0D0D0;
  padding: 4px;
  display: block;
  clear: left; }

#second_level_category_popup .bodycontent .product_details .product_information p.product_description {
  font-weight: normal;
  margin-top: 10px; }

#second_level_category_popup .bodycontent .product_details .product_information ul.product_actions {
  list-style: none;
  margin: 15px 0 0 0; }
  #second_level_category_popup .bodycontent .product_details .product_information ul.product_actions li a {
    margin: 0 0 5px 0;
    display: block; }

#second_level_category_popup .bodycontent_short {
  padding: 12px 17px 12px 15px;
  margin: 0px 1px 0px 1px; }

#second_level_category_popup .footer {
  text-align: right;
  height: 14px;
  width: 650px;
  clear: both; }

.multiple_wishlist_popup .footer, .branchDetailsPopUp .footer, .fullPopUp .footer {
  text-align: right;
  height: 14px;
  width: 650px;
  clear: both; }

#second_level_category_popup .footer .bot_left, .multiple_wishlist_popup .footer .bot_left, .branchDetailsPopUp .footer .bot_left, .fullPopUp .footer .bot_left {
  background-image: url("../../images/colors/color2/popup_botleft.png");
  background-repeat: no-repeat;
  height: 14px;
  width: 8px;
  float: left; }

#second_level_category_popup .footer .bot_right, .multiple_wishlist_popup .footer .bot_right, .branchDetailsPopUp .footer .bot_right, .fullPopUp .footer .bot_right {
  background-image: url("../../images/popup_botright.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 14px;
  width: 642px;
  float: left; }

#productActions {
  padding-bottom: 10px;
  clear: both; }

#requisition_list_popup .header, #basket_replacements_popup .header, #storeLocator_popup .header, #checkOutLogin_popup .header, #ESpotInfo_popup_SearchResults_Content .header, .editMode .espot_dialog_popup .header, #requisition_list_popup .header {
  box-sizing: border-box;
  padding: 0 14px 0 10px; }

#popupHeader h2 {
  border-bottom: 1px solid #ccc;
  float: left;
  padding: 14px 0;
  text-align: left;
  width: 100%; }

/*-- SECOND LEVEL CATEGORY POPUP END --*/
/* -----------------------------------------------------------------------------*/
/* 14.FREE GIFTS POPUP
/* -----------------------------------------------------------------------------*/
/*-- FREE GIFTS POPUP START --*/
div.free_gifts_block {
  float: left;
  width: 759px; }

#free_gifts_popup_main_div {
  display: none; }

#free_gifts_popup {
  width: 498px;
  position: absolute;
  display: block;
  z-index: 9999;
  background-image: url("../../images/colors/color2/transparent.gif");
  background-repeat: no-repeat; }
  #free_gifts_popup .top_left {
    background-image: url("../../images/colors/color2/popup_topleft.png");
    background-repeat: no-repeat;
    height: 10px;
    width: 8px;
    float: left; }
  #free_gifts_popup .top_right {
    background-image: url("../../images/colors/color2/popup_topright.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 10px;
    width: 490px;
    float: left; }
  #free_gifts_popup .header {
    background-image: url("../../images/colors/color2/popup_center_tile.png");
    background-repeat: repeat-y;
    text-align: right;
    height: auto;
    position: static;
    clear: left; }
  #free_gifts_popup .close {
    padding: 5px 15px 2px 0px;
    color: #666666; }
    #free_gifts_popup .close .icon {
      padding-top: 2px;
      padding-left: 4px;
      float: right; }
  #free_gifts_popup .bodycontent {
    background-image: url("../../images/colors/color2/popup_center_tile.png");
    background-repeat: repeat-y;
    margin: 0;
    padding: 0 0 15px 0; }
    #free_gifts_popup .bodycontent div.clear_float {
      clear: both; }
    #free_gifts_popup .bodycontent .title {
      padding: 0 17px 0 15px; }
    #free_gifts_popup .bodycontent h2 {
      font-size: 14px;
      font-weight: bold;
      margin: 0;
      padding: 0; }
    #free_gifts_popup .bodycontent input {
      background: none;
      border: none; }
    #free_gifts_popup .bodycontent div#radio_choices {
      padding: 8px 17px 0 15px; }

div#radio_choices div {
  margin-bottom: 6px; }
  div#radio_choices div input {
    margin: 0;
    vertical-align: top; }

#free_gifts_popup .bodycontent div#free_gifts_table {
  padding: 0 0 0 15px;
  width: 466px; }

div#free_gifts_table div.gifts_wrapper {
  padding-bottom: 10px;
  border-top: 1px solid #c6d0dc; }

div.gifts_wrapper div.gift_item_container {
  border-bottom: 1px solid #c9d3de; }

div.gift_item_container div.selection {
  float: left;
  padding: 34px 5px 6px 5px;
  width: 25px; }

div.gift_item_container div.image {
  float: left;
  padding: 6px 5px;
  width: 80px; }

div.gift_item_container div.product_info {
  float: left;
  padding: 6px 5px;
  width: 220px; }
  div.gift_item_container div.product_info h2 {
    font-size: 10px !important; }

div.gift_item_container div.price {
  float: left;
  padding: 6px 5px;
  text-align: right;
  width: 80px; }

#free_gifts_popup .actionsBar {
  margin-top: 5px;
  margin-left: 1px;
  padding: 0 15px;
  float: right; }

#free_gifts_popup .clear_both {
  height: 1px;
  line-height: 1px; }

#free_gifts_popup .actionsBar .siteAction {
  clear: none;
  padding: 0 0 0 10px;
  float: left; }

#free_gifts_popup .bodycontent p.status_message, #free_gifts_popup .bodycontent p.error {
  padding: 0 16px; }

#free_gifts_popup .bodycontent .error {
  color: #e70000; }

#free_gifts_popup .footer {
  text-align: right;
  height: 14px;
  width: 498px; }
  #free_gifts_popup .footer .bot_left {
    background-image: url("../../images/colors/color2/popup_botleft.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 8px;
    float: left; }
  #free_gifts_popup .footer .bot_right {
    background-image: url("../../images/colors/color2/popup_botright.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 14px;
    width: 490px;
    float: left; }

/*-- FREE GIFTS POPUP END --*/
/* -----------------------------------------------------------------------------*/
/* 15.Miscellaneous utility CSS classes
/* -----------------------------------------------------------------------------*/
.nodisplay, #page .selectbox.wS.notActive {
  display: none; }

.nodisplay, #page .selectbox.wS.notActive {
  _display: block; }

#MessageArea {
  padding: 0px 0px 0px 10px; }

#content_wrapper #MessageArea {
  padding: 0px 0px 0px 0px;
  float: left;
  width: 588px; }

td.item .listPrice {
  font-weight: normal;
  text-decoration: line-through;
  padding-left: 5px; }

#ShopcartPaginationText1 .textfloat {
  float: left;
  padding-top: 10px; }

#ShopcartPaginationText2 .textfloat {
  float: left;
  padding-top: 5px; }

#ShopcartPaginationText1 .divpadding {
  float: left;
  padding-left: 12px;
  padding-top: 10px; }

#ShopcartPaginationText2 .divpadding {
  float: left;
  padding-left: 12px;
  padding-top: 5px; }

/* -----------------------------------------------------------------------------*/
/* 12.BOPIS
/* -----------------------------------------------------------------------------*/
.dotted_line {
  background: url("../../images/colors/color2/table_dotted_line.png");
  background-repeat: repeat-x; }

.solid_line {
  border-top: 1px solid #c9d3de; }

.bopis_title {
  color: #404040; }

div.content_header div.hide {
  margin-left: -100px;
  margin-right: 10px;
  float: right;
  min-width: 50px;
  padding-top: 12px; }
  div.content_header div.hide img {
    vertical-align: bottom; }

#bopis_empty_table th {
  font-weight: normal;
  border-top: 1px solid #c9d3de;
  height: 18px;
  vertical-align: top;
  padding: 7px 7px 0px 0px;
  text-align: left; }

#bopis_table {
  float: left;
  padding-bottom: 4px;
  margin-top: 5px; }
  #bopis_table tr.nested th {
    border-top: 1px solid #c9d3de; }
  #bopis_table th {
    border-bottom: 1px solid #c9d3de;
    height: 18px;
    vertical-align: top;
    padding: 0px 7px 0px 7px;
    text-align: left; }
  #bopis_table td {
    padding: 6px 7px 6px 7px;
    vertical-align: top;
    border-bottom: 1px solid #c9d3de; }
    #bopis_table td.avail img {
      vertical-align: middle; }
  #bopis_table input, #bopis_table select {
    background: none;
    border: none; }

#box .bopis_contentgrad_header {
  height: 18px;
  background: url("../../images/colors/color2/box_grad_header_tile_short.png");
  background-repeat: repeat-x;
  margin: 0px auto; }

.numbered_content_box {
  background-color: #dbe6f2;
  padding-top: 5px;
  padding-bottom: 2px;
  height: 25px; }

.content_thick_line {
  width: 100%;
  height: 8px;
  background-color: #dbe6f2; }

#box div#store_selection_container {
  height: 15px !important; }

div#store_selection div.body {
  width: 921px; }

div#store_selection div.blue_header {
  border-top: 1px solid #c9d3de; }

div#store_selection .blue_text {
  font-size: 1.4em; }
  div#store_selection .blue_text span.small_bold {
    font-size: 0.7em;
    font-weight: bold;
    padding-left: 18px; }

div#store_selection div.number_info {
  border-bottom: 7px solid #e1effd;
  width: 100%; }
  div#store_selection div.number_info span.blue_text {
    height: 23px;
    line-height: 23px; }

div#location span.bold {
  padding-bottom: 6px;
  display: block; }

div#your_store_list .text_padding {
  padding: 10px 0; }

.info_icon {
  vertical-align: text-bottom; }

.discPromo .info_icon {
  vertical-align: middle;
  margin-left: 5px; }

.sixpixels {
  float: left;
  height: 10px;
  padding-left: 6px; }

div.blue_header div.hide {
  float: left;
  padding-top: 12px; }
  div.blue_header div.hide img {
    vertical-align: bottom; }

/* bopis_table repeat starts - used for store list, the other is used for store results */
#bopis_table1 {
  float: left;
  padding-bottom: 4px;
  margin-top: 5px; }
  #bopis_table1 tr.nested th {
    border-top: 1px solid #c9d3de; }
  #bopis_table1 th {
    border-bottom: 1px solid #c9d3de;
    height: 18px;
    vertical-align: top;
    padding: 0px 7px 0px 7px;
    text-align: left; }
  #bopis_table1 td {
    padding: 6px 7px 6px 7px;
    vertical-align: top;
    border-bottom: 1px solid #c9d3de; }
    #bopis_table1 td.avail img {
      vertical-align: middle; }
  #bopis_table1 input, #bopis_table1 select {
    background: none;
    border: none; }

/* bopis_table repeat ends - used for store list, the other is used for store results */
.map {
  margin-left: auto;
  margin-right: auto;
  width: 570px;
  height: 330px; }

.map_image {
  width: 570px;
  height: 330px; }

.numbered_blue_box {
  background-color: #dbe6f2;
  padding-top: 5px;
  padding-bottom: 2px;
  height: 25px; }

.blue_thick_line {
  width: 100%;
  height: 8px;
  background-color: #dbe6f2; }

#box div#store_selection_container {
  height: 15px !important; }

div#store_selection div.body {
  width: 921px; }

div#store_selection div.blue_header {
  border-top: 1px solid #c9d3de; }

div#store_selection .blue_text {
  font-size: 1.4em; }
  div#store_selection .blue_text span.small_bold {
    font-size: 0.7em;
    font-weight: bold;
    padding-left: 18px; }

div#store_selection span.small_bold {
  font-size: 0.8em;
  font-weight: bold;
  padding-left: 18px; }

div#store_selection div.number_info {
  border-bottom: 7px solid #e1effd;
  width: 100%; }
  div#store_selection div.number_info span.blue_text {
    height: 23px;
    line-height: 23px; }

/* others starts */
#location .location_select {
  margin-right: 10px;
  float: left; }

#location .location_select_label {
  font-size: 11px;
  padding-bottom: 3px; }

#location .location_option_label {
  padding-left: 25px;
  padding-right: 10px;
  font-size: 11px; }

#location .location_select_form {
  padding-right: 0px; }

#location .location_select_button {
  padding-top: 17px;
  display: block; }

.bold {
  font-weight: bold; }

/* others ends */
/* -----------------------------------
 * requisition list
 * -----------------------------------
 */
/* 
.requisitionListBorder {
  padding-bottom: 20px;
}

.requisitionListBorder_top {
  clear: both;
}

#requisitionListType {
  width: 170px;
  height: auto;
}

#requisitionListDescription {
  width: 98%;
}

.new_requisition_list_details {
  display: table;
  padding: 10px 0;
  clear: both;
}

#box .new_requisition_list_details p.title {
  color: #000000;
  font-size: 1.3em;
  line-height: 35px;
  margin: 0;
}

.genForm .new_requisition_list_details {
  input.checkoutTextField {
    width: 200px;
    display: block;
    clear: left;
  }
  label {
    float: left;
    font-weight: bold;
    padding-bottom: 2px;
    clear: left;
  }
  .quantity input.checkoutTextField {
    width: 50px;
  }
  .siteAction {
    float: left;
    clear: none;
    padding-top: 15px;
  }
}

#Description #productLongDescription {
  ul, li {
    list-style-type: disc;
    margin-left: 15px;
  }
  ul, li:first-child {
    margin-top: 10px;
  }
}

div {
  &.requisition_list_info_table {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    display: -moz-inline-block;
    display: inline-block;
    zoom: 1;
    *display: inline;
    div.row div {
      &.label {
        background-color: #F4F5F5;
        border-right: 1px solid #CCCCCC;
        padding-left: 5px;
        width: 130px;
      }
      &.info_content {
        background-color: #FFFFFF;
        border-right: medium none;
        display: -moz-inline-block;
        display: inline-block;
        *display: inline;
      }
      &.label, &.info_content {
        float: left;
        padding: 7px 5px 3px 5px;
        text-align: left;
        vertical-align: middle;
        min-height: 27px;
        height: auto !important;
        height: 27px;
      }
    }
  }
  &.requisition_list_table {
    padding: 8px 0;
  }
  &.requisition_list_popup_table {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 10px;
    width: 95%;
  }
  &.requisition_list_table {
    .ul {
      list-style: none;
      margin: 0;
      padding: 0;
      .li {
        float: left;
        padding: 3px 5px;
      }
      .clear_float {
        float: none;
        font-size: 0;
        padding: 0;
      }
    }
    .column_heading {
      border-bottom: 1px solid #cccccc;
      border-top: 1px solid #cccccc;
      font-weight: bold;
    }
    .row {
      border-bottom: 1px solid #cccccc;
    }
  }
  &.requisition_list_info_table div.row {
    border-bottom: 1px solid #cccccc;
  }
  &.requisition_list_table {
    .row {
      .li {
        padding: 6px 5px;
      }
      .clear_float {
        padding: 0;
      }
    }
    .name_column {
      width: 30%;
    }
    .name_column_popup {
      width: 60%;
    }
  }
  &.requisition_list_popup_button {
    padding-left: 10px;
    width: 95%;
    .siteAction {
      float: left;
      padding-right: 10px;
      clear: none;
    }
  }
  &.requisition_list_table {
    .created_by_column {
      width: 22%;
    }
    .last_updated_column {
      width: 20%;
    }
    .name_column_popup_input {
      margin: -4px;
      padding-left: 5px;
      padding-right: 5px;
    }
    .type_column {
      width: 10%;
    }
    .actions_column {
      width: 11%;
      text-align: right;
    }
    .description_column {
      width: 30%;
    }
    .sku_column {
      width: 100px;
    }
    .quantity_column {
      text-align: left;
      width: 59px;
      input {
        margin: 0;
        vertical-align: top;
      }
    }
    .name_column_popup input {
      margin: 0;
      vertical-align: top;
    }
    .manufacturer_column, .part_number_column {
      width: 115px;
    }
  }
}

iv.requisition_list_message {
  padding-left: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

div.requisition_list_popup_table input {
  border: 0px;
  background-color: white;
  vertical-align: middle;
}
 */
/* -----------------------------------------------------------------------------*/
/* 16.SAVED ORDERS
/* -----------------------------------------------------------------------------*/
/*BEGIN: saved orders list*/
#box .saved_orders .body737 {
  border-left: 1px solid #ACACAC;
  border-right: 1px solid #ACACAC;
  margin: 0;
  padding: 0 8px;
  width: 737px; }

div#saved_orders div.row div.gridcell input {
  margin-bottom: 0px;
  width: 95%; }

div#saved_orders div.row div.checkbox_column {
  width: 4%; }

div#saved_orders div.row div.order_number_column {
  width: 28%; }

div#saved_orders div.row div.last_update_column {
  width: 18%; }

div#saved_orders div.row div.order_description_column {
  width: 30%; }

div#saved_orders div.row div.total_price_column {
  width: 13%;
  text-align: right; }

#box .saved_orders .body {
  border-left: solid 1px #acacac;
  border-right: solid 1px #acacac;
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 0px 8px;
  display: block;
  width: 737px; }

.saved_orders {
  width: 755px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: left; }

.savedOrderDetailsLinkText {
  padding-left: 5px; }

#saved_orders_paging_top {
  padding-top: 5px; }

#saved_orders_paging_bottom {
  padding-bottom: 5px;
  width: 500px; }

.current_order {
  font-weight: bold; }

#set_current_order {
  float: left; }

#savedBaskets {
  clear: both;
  padding-top: 10px; }

#current_order_action ul {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0; }
  #current_order_action ul li {
    display: inline; }
    #current_order_action ul li a {
      display: -moz-inline-box;
      display: inline-block;
      height: 29px;
      width: 26px; }
      #current_order_action ul li a:hover {
        background: transparent url("../../images/colors/color2/current_order_action_icon_hover_bg.gif") no-repeat 0 3px; }
    #current_order_action ul li.disabled a:hover {
      background: none; }

#current_order_action img {
  padding-top: 3px;
  vertical-align: middle; }

#current_order_action select {
  margin-top: 7px;
  vertical-align: top; }

#current_order_action table.info_table {
  margin: 0 0 8px 0; }
  #current_order_action table.info_table td.label {
    font-weight: bold; }

#current_order_action div.info {
  margin-bottom: 10px; }

.savedOrderCheckboxFocus {
  border: 1px dotted black; }

/*END: saved orders list*/
/** BEGIN: Pending order details **/
#PendingOrderDisplay #content759 {
  /*this is only used in the PendingOrderDisplay page. It aligns the main content with the email ad on the right*/
  width: 755px;
  float: left;
  padding-top: 6px; }

.savedOrderDetailsTable {
  width: 200px; }

.savedOrdersDetailsTableContainer {
  width: 100%;
  float: left; }

.savedOrderDetailsTableContent {
  width: 222px; }

.savedOrderDetailsInputBorder {
  border: 1px solid #AAB2BC; }

.savedOrderDetailsInputBorderWarning {
  border: 2px solid red; }

.savedOrderDetailsTableHeader {
  width: 80px; }

.savedOrderDetailsTableHeaderText {
  vertical-align: middle; }

/** END: Pending order details **/
/** END: SAVED ORDERS **/
/* -----------------------------------------------------------------------------*/
/* 17.ORDER PRICING POPUP
/* -----------------------------------------------------------------------------*/
/*-- Order Pricing popup START --*/
#pricing_popup_main_div {
  display: none; }

#pricing_popup {
  width: 427px;
  position: absolute;
  display: block;
  z-index: 9999; }
  #pricing_popup .top_left {
    background-image: url("../../images/colors/color2/popup_topleft.png");
    background-repeat: no-repeat;
    height: 10px;
    width: 8px;
    float: left; }
  #pricing_popup .top_right {
    background-image: url("../../images/colors/color2/popup_topright.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 10px;
    width: 419px;
    float: left; }
  #pricing_popup .header {
    border-left: 1px solid #a5aebd;
    background-image: url("../../images/colors/color2/popup_center_tile.png");
    background-repeat: repeat-y;
    background-position: right;
    text-align: right;
    height: 23px;
    clear: left; }
  #pricing_popup .close {
    padding: 5px 15px 2px 0px;
    color: #666666; }
    #pricing_popup .close .icon {
      padding-top: 2px;
      padding-left: 4px;
      float: right; }
  #pricing_popup .pricingTable {
    max-height: 200px;
    width: 95%;
    overflow-x: hidden;
    overflow-y: auto; }
  #pricing_popup .pricingPopupButton {
    margin-left: 5px; }
  #pricing_popup .bodycontent {
    border-left: 1px solid #a5aebd;
    background-image: url("../../images/colors/color2/popup_center_tile.png");
    background-repeat: repeat-y;
    background-position: right;
    margin: 0;
    padding: 0 0 10px 0; }
    #pricing_popup .bodycontent div.clear_float {
      clear: both; }
    #pricing_popup .bodycontent h2 {
      font-size: 14px;
      font-weight: bold;
      margin-left: 11px; }
    #pricing_popup .bodycontent div#bopis_table_container {
      margin-left: 5px; }
    #pricing_popup .bodycontent div.clear_float {
      clear: both; }
    #pricing_popup .bodycontent .title {
      padding: 0 17px 0 15px; }
  #pricing_popup .bodycontent_short {
    padding: 12px 17px 12px 15px;
    margin: 0px 1px 0px 1px; }
  #pricing_popup .footer {
    text-align: right;
    height: 14px;
    width: 427px; }
    #pricing_popup .footer .bot_left {
      background-image: url("../../images/colors/color2/popup_botleft.png");
      background-repeat: no-repeat;
      height: 14px;
      width: 8px;
      float: left; }
    #pricing_popup .footer .bot_right {
      background-image: url("../../images/colors/color2/popup_botright.png");
      background-repeat: no-repeat;
      background-position: right;
      height: 14px;
      width: 419px;
      float: left; }

/*-- Order Pricing popup END --*/
/* Distributor Pricing Popup Information Table Styles */
div#distributor_pricing_popup {
  padding-right: 16px; }
  div#distributor_pricing_popup div.row div.price_column {
    width: 100px; }
    div#distributor_pricing_popup div.row div.price_column input {
      background-color: transparent;
      border: none;
      margin-bottom: 0;
      padding: 0;
      vertical-align: text-top; }
  div#distributor_pricing_popup div.row div.price_range_link {
    display: block;
    margin: 0 0 0 18px; }
  div#distributor_pricing_popup div.row div.contract_column {
    width: 250px; }

/* -----------------------------------------------------------------------------*/
/* 18.ERROR PAGE
/* -----------------------------------------------------------------------------*/
.warning {
  color: red; }

TD.logontxt {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 1px; }

.generic_error_developers {
  font-weight: bold; }

.generic_error_container {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 60px !important;
  width: 70% !important;
  min-height: 200px !important;
  float: none !important; }

/* -----------------------------------------------------------------------------*/
/* 19.Discount Details
/* -----------------------------------------------------------------------------*/
#discount_details_box {
  width: 880px;
  margin: 50px auto 0;
  padding-bottom: 10px;
  border: 1px solid #d0d0d0; }
  #discount_details_box h1 {
    padding: 5px 10px; }
  #discount_details_box .contentgrad_header {
    height: auto; }
  #discount_details_box h2 {
    font-weight: bold;
    padding: 10px 0; }
  #discount_details_box .details {
    padding: 0px 14px 7px; }
  #discount_details_box .content {
    background-color: #FFFFFF;
    display: block; }

/* -----------------------------------------------------------------------------*/
/* 20. MESSAGE DISPLAY
/* -----------------------------------------------------------------------------*/
#MessageArea {
  display: none;
  width: 890px;
  position: relative;
  min-width: 400px;
  margin: 2px auto 5px;
  padding: 0 15px 10px 50px;
  border: 1px solid #d0d0d0; }

.home #MessageArea {
  margin-top: 40px; }

div.msgpopup2 {
  display: none;
  width: 100%;
  background: #ff999a; }

div.msgpopup2_exc {
  background: transparent url("../../images/colors/color2/msgpopup2_exc.png") no-repeat scroll 0 0;
  position: absolute;
  left: 0;
  margin-left: 10px;
  margin-right: 8px;
  width: 38px;
  height: 100%; }

div.msgpopup2_txt {
  color: #000000;
  text-align: left;
  font-size: 10px;
  padding-top: 10px;
  font-weight: bold; }

div.msgpopup2_bottom {
  background: transparent url("../../images/colors/color2/msgpopup2_bottom.png") repeat scroll 0 0;
  float: left;
  margin-top: 0;
  width: 100%;
  height: 6px; }

div#MessageArea div.msgpopup2_txt span#ErrorMessageText {
  color: #000000;
  font-size: 12px;
  width: 850px; }

div.msgpopup1 {
  display: none;
  min-height: 45px;
  width: 100%;
  background: #fff3b3; }

div.msgpopup1_left {
  background: transparent url("../../images/colors/color2/msgpopup1_left.png") no-repeat scroll 0 0;
  float: left;
  margin: 0;
  width: 3px;
  height: 55px; }

div.msgpopup1_right {
  background: transparent url("../../images/colors/color2/msgpopup1_right.png") no-repeat scroll 0 0;
  float: right;
  margin: 0;
  width: 4px;
  height: 55px; }

div.msgpopup1_exc {
  background: transparent url("../../images/colors/color2/msgpopup1_exc.png") no-repeat scroll 0 0;
  position: absolute;
  margin-left: 10px;
  margin-right: 8px;
  width: 30px;
  height: 100%;
  left: 0;
  top: 0; }

div.msgpopup1_x, div.msgpopup2_x {
  position: absolute;
  right: 5px;
  top: 2px;
  margin-left: 15px; }

div.msgpopup1_x a, div.msgpopup2_x a {
  border: 1px solid #d0d0d0;
  color: #d0d0d0;
  text-decoration: none;
  margin-top: 3px;
  float: left;
  height: 10px;
  text-transform: uppercase;
  line-height: 10px; }

div.msgpopup1_txt {
  color: #000000;
  text-align: left;
  font-weight: bold;
  font-size: 10px;
  padding-top: 14px; }

div.msgpopup1_bottom {
  background: transparent url("../../images/colors/color2/msgpopup1_bottom.png") repeat scroll 0 0;
  float: left;
  margin-top: 0;
  width: 100%;
  height: 6px; }

div#MessageArea div.msgpopup1_txt span#ErrorMessageText {
  color: #000000;
  font-size: 12px;
  width: 850px; }

#msgpopup_close_text {
  vertical-align: top; }
  #msgpopup_close_text a {
    vertical-align: top; }

/* -----------------------------------------------------------------------------*/
/* 21. ACCORDIAN WIDGET
/* -----------------------------------------------------------------------------*/
.accordion {
  width: 98%; }
  .accordion .dijitAccordionContainer {
    background-color: #FFFFFF;
    border-color: #CCCCCC; }
  .accordion .dijitLayoutContainer {
    display: block;
    overflow: hidden;
    position: relative; }

#WC_RankContainer {
  overflow: visible; }

#WC_RankTab1, #WC_RankTab2 {
  border: 1px solid #d0d0d0;
  border-top: 0; }

.accordion .dijitAccordionTitle {
  cursor: pointer;
  font-weight: bold;
  font-size: 1.2em;
  height: auto;
  position: relative;
  border-bottom: 1px solid #d0d0d0; }

.accordion .dijitAccordionTitleBottom {
  display: block;
  padding: 5px 30px 5px 5px; }

.accordion .dijitAccordionTitle-selected {
  cursor: default !important; }

.accordion .dijitAccordionTitleBottom-selected {
  display: block;
  padding: 5px 30px 5px 5px; }

.accordion .dijitTabContainerTop-dijitContentPane, .accordion .dijitTabContainerLeft-dijitContentPane, .accordion .dijitTabContainerBottom-dijitContentPane, .accordion .dijitTabContainerRight-dijitContentPane, .accordion .dijitAccordionContainer-dijitContentPane {
  background-color: #FFFFFF;
  padding: 0; }

.accordion .dijitAccordionTitle-hover {
  cursor: pointer;
  height: auto;
  position: relative; }

.accordion .dijitAccordionTitleBottom-hover {
  display: block;
  padding: 5px 30px 5px 5px; }

.accordion .dijitInline {
  border: 0 none;
  display: inline-block;
  padding: 0;
  vertical-align: middle; }

.accordion .arrowTextUp {
  background-image: url("../../images/colors/color2/arrow_active.png");
  background-repeat: no-repeat;
  font-size: 0px;
  width: 7px;
  height: 13px;
  _line-height: 13px;
  position: absolute;
  right: 12px;
  top: 8px;
  display: block; }

iframe.productDnDIFrame {
  display: none; }

.accordion .arrowTextDown {
  background-image: url("../../images/colors/color2/arrow_normal.png");
  background-repeat: no-repeat;
  text-indent: -999em;
  width: 13px;
  height: 7px;
  _line-height: 7px;
  position: absolute;
  right: 10px;
  top: 14px;
  display: block; }

/* -----------------------------------------------------------------------------*/
/* 22. Ranking List
/* -----------------------------------------------------------------------------*/
.ranking_list_container {
  margin-top: 5px;
  clear: both; }
  .ranking_list_container .thumbOuter div {
    float: left; }

.ranking_list_table {
  width: 100%; }
  .ranking_list_table .ul {
    padding-right: 0px;
    position: relative;
    width: 100%; }
  .ranking_list_table div.img {
    width: 75px;
    height: 75px;
    overflow: hidden;
    margin-right: 5px;
    text-align: center; }
    .ranking_list_table div.img img {
      text-align: center; }
  .ranking_list_table .ul .li {
    float: left;
    text-align: left;
    margin-right: 15px; }
  .ranking_list_table .ul .rank_catEntry_description {
    margin: 0px;
    padding: 0px;
    float: none;
    width: 100%; }
  .ranking_list_table .scrollPaneDescription a {
    font-size: 1.1em; }
  .ranking_list_table .ul .rank_catEntry_description .siteAction {
    padding: 0 0 10px 10px; }
  .ranking_list_table .ul .rank_icon_spacing {
    margin-right: 5px;
    font-weight: bold; }
  .ranking_list_table .ul .li .rank_icon {
    width: 16px;
    height: 16px; }
  .ranking_list_table .ul .li .button_fit_padder {
    margin-left: 0px; }
  .ranking_list_table .rightside_quickinfo_button {
    width: 50px;
    font-size: 0.8em;
    position: absolute;
    top: 40px;
    left: -14px; }

div.browsing_history_espot .imgContainer .rightside_quickinfo_button {
  width: 50px;
  font-size: 0.8em;
  position: absolute;
  top: 40px;
  left: -14px; }

div.browsing_history_espot .imgWrap {
  position: relative; }

#PDPUpsellespotEspotContainer .imgWrap {
  position: relative; }

.ranking_list_container .loadingStatusArea {
  background: url(../../images/colors/color2/loading.gif) no-repeat center center;
  width: 100%;
  height: 100%;
  margin: 0; }

.ranking_list_container .scroll_pane_container {
  width: 100%;
  padding: 10px 0px 0px 0px;
  position: relative; }
  .ranking_list_container .scroll_pane_container .thumbOuter {
    width: 100%; }
  .ranking_list_container .scroll_pane_container .thumbScroller {
    position: relative;
    width: 100%; }
  .ranking_list_container .scroll_pane_container .thumbsNode {
    position: relative;
    min-height: 230px;
    float: none; }
  .ranking_list_container .scroll_pane_container .navPrev {
    background: url("../../images/colors/color2/up_arrow.png") no-repeat center center;
    height: 6px;
    width: 99%;
    clear: both; }
  .ranking_list_container .scroll_pane_container div.navPrev:hover {
    background: url("../../images/colors/color2/up_arrow_hover.png") no-repeat center center;
    height: 6px;
    width: 99%;
    clear: both; }
  .ranking_list_container .scroll_pane_container .navNext {
    background: url("../../images/colors/color2/down_arrow.png") no-repeat center center;
    height: 6px;
    width: 100%; }
  .ranking_list_container .scroll_pane_container div.navNext:hover {
    background: url("../../images/colors/color2/down_arrow_hover.png") no-repeat center center;
    height: 6px;
    width: 100%; }

.ranking_list_container .price span {
  float: left;
  clear: left;
  font-size: 1.2em;
  *font-size: 1em;
  text-align: left; }

#browsingHistoryDisplay .price span, #product .rightPdpNav table .nowPrice {
  float: left;
  clear: left;
  font-size: 1.2em;
  *font-size: 1em;
  text-align: left; }

#browsingHistoryDisplay .price span {
  clear: none; }

.ranking_list_container .price .wasPrice, #browsingHistoryDisplay .price .wasPrice, #product .rightPdpNav table .wasPrice {
  color: #adadad;
  font-size: 1.0em;
  text-decoration: line-through;
  padding: 5px 0 0 0;
  *display: block;
  *clear: right; }

.ranking_list_container .price .nowPrice {
  *display: block;
  *float: none; }

#browsingHistoryDisplay .price .nowPrice, #browsingHistoryDisplay .price .wasPrice {
  *display: block;
  *float: none; }

#ranking_list_table .button_fit_padder .siteAction {
  padding-top: 3px; }

.ranking_list_container .scroll_pane_container .imgContainer {
  height: 75px;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #d0d0d0; }

#additionalWebAccess h3 {
  margin: 10px 0;
  font-weight: bold; }

#additionalWebAccess p {
  margin-bottom: 10px; }

.ranking_list_container .scroll_pane_container .scrollPaneDescription {
  height: auto;
  font-size: 1.2em;
  padding-top: 10px;
  float: left;
  width: 110px;
  overflow: auto;
  margin-right: 10px; }

.ranking_list_container .ranking-prod-code {
  margin-right: 10px;
  margin-top: 10px;
  font-size: 1.2em;
  width: 95px; }

.ranking_list_container .espotQty {
  margin-top: 5px; }
  .ranking_list_container .espotQty label {
    margin-top: 5px;
    font-size: 1.2em; }
  .ranking_list_container .espotQty input {
    padding: 6px 4px;
    border: 1px solid #d0d0d0; }

.ranking_list_container .scroll_pane_container .scrollPaneDescription a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  font-size: 1.2em;
  line-height: 1.2em; }

#browsingHistoryDisplay .scrollPaneDescription a, #PDPUpsellWidget .scrollPaneDescription a, #product .rightPdpNav table .brand {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  font-size: 1.2em;
  line-height: 1.2em; }

.ranking_list_container .scroll_pane_container .scrollPaneDescription a {
  font-weight: normal;
  font-size: 1.1em; }

.ranking_list_container .scroll_pane_container .scrollPanePrice {
  color: #999;
  font-size: 1.2em;
  float: left;
  height: auto;
  width: 95px;
  margin-right: 10px;
  margin-top: 2px; }

/* -----------------------------------------------------------------------------*/
/* 23.BROWSING HISTORY
/* -----------------------------------------------------------------------------*/
/* Browsing history espot */
.loadingStatusArea {
  background: url(../../images/colors/color2/loading.gif) no-repeat top left;
  width: 98px;
  height: 70px;
  margin: 30px 0px 0px 45px; }

#WC_LeftSidebarDisplay_div_5 {
  padding-top: 10px; }

div.browsing_history_espot .espot_header h2 {
  margin-right: 0px !important; }

div.browsing_history_espot .espot_header div.left {
  background: transparent url(../../images/colors/color2/box_yellow2_header_left.png) no-repeat scroll left top;
  float: left;
  height: 13px;
  width: 8px; }

div.browsing_history_espot .espot_header div.center {
  background: transparent url(../../images/colors/color2/box_yellow2_header_tile.png) repeat-x scroll 0 0;
  float: left;
  height: 13px;
  padding: 0;
  width: 129px; }

div.browsing_history_espot .espot_header div.right {
  background: transparent url(../../images/colors/color2/box_yellow2_header_right.png) no-repeat scroll right top;
  float: left;
  height: 13px;
  width: 8px; }

div.browsing_history_espot .espot_header div.content_container {
  padding-top: 5px; }

div.browsing_history_espot .espot_header div.content {
  height: auto; }

div.browsing_history_espot .espot_footer div.center {
  float: left;
  height: 10px;
  width: 125px;
  background: transparent url("../../images/colors/color2/box_yellow_footer_tile.png") repeat-x scroll 0 0; }

div.browsing_history_espot .espot_footer div.left {
  float: left;
  background: transparent url("../../images/colors/color2/box_yellow_footer_left.png") no-repeat scroll 0 0;
  width: 10px;
  height: 10px; }

div.browsing_history_espot .espot_footer div.right {
  background: transparent url("../../images/colors/color2/box_yellow_footer_right.png") no-repeat scroll 0 0;
  float: left;
  height: 10px;
  width: 10px; }

div.browsing_history_espot .body {
  background-color: #FFFFFF;
  float: none;
  margin-top: 0 !important;
  padding: 5px 0;
  *padding-bottom: 25px;
  height: auto;
  border: 1px solid #D0D0D0;
  border-top: 0; }

div.browsing_history_espot .thumbOuter {
  width: 100%; }

div.thumbScroller {
  position: relative;
  margin: 5px 0; }

div.browsing_history_espot .thumbsNode {
  position: relative; }

div.browsing_history_espot .navPrev {
  background: url("../../images/colors/color2/up_arrow.png") no-repeat center center;
  height: 6px;
  width: 190px; }
  div.browsing_history_espot .navPrev:hover {
    background: url("../../images/colors/color2/up_arrow_hover.png") no-repeat center center; }

div.browsing_history_espot .navNext {
  background: url("../../images/colors/color2/down_arrow.png") no-repeat center center;
  height: 6px;
  width: 190px; }
  div.browsing_history_espot .navNext:hover {
    background: url("../../images/colors/color2/down_arrow_hover.png") no-repeat center center; }

div.browsing_history_espot .thumbScroller {
  width: 190px; }

div.browsing_history_espot .imgContainer {
  height: auto;
  width: 185px;
  position: relative;
  padding-bottom: 2px; }
  div.browsing_history_espot .imgContainer a {
    display: block; }

div.browsing_history_espot .thumbOuter {
  height: auto; }

div.browsing_history_espot .imgContainer div.img .dojoDndSource {
  float: left;
  width: 75px;
  height: 750px;
  overflow: hidden;
  margin-right: 5px; }

div.rightPdpNav .imageHolder .dojoDndSource {
  float: left;
  width: 75px;
  height: 750px;
  overflow: hidden;
  margin-right: 5px; }

div.browsing_history_espot .imgContainer .scrollPaneDescription a {
  font-weight: bold; }

div.browsing_history_espot .scrollPaneDescription {
  height: auto;
  padding-top: 7px; }

div.browsing_history_espot .scrollPanePrice {
  height: auto; }

/* Browsing history my account page */
#BrowsingHistoryDisplay_Widget div.divider_line {
  border-top: 1px solid #c6d0dc;
  padding-bottom: 10px;
  *padding-bottom: 0px;
  width: 99%;
  background-color: transparent !important; }

#BrowsingHistoryDisplay_Widget div.divider {
  padding-bottom: 10px; }

div.item_wrapper_grid {
  width: 18%;
  float: left;
  text-align: left;
  padding: 5px;
  border-left: 1px dotted #c3ced9; }

div.item_wrapper_grid_begin {
  width: 18%;
  float: left;
  text-align: left;
  padding: 5px; }

div.item_wrapper_grid .description {
  height: auto; }

div.item_wrapper_grid .price {
  height: 30px; }

div.item_wrapper_grid_begin .price {
  height: 30px; }

div.item_wrapper_list .image_wrapper {
  width: 70px;
  float: left;
  padding: 10px; }

div.item_wrapper_list .information {
  width: 440px;
  float: left;
  padding: 10px; }
  div.item_wrapper_list .information h3 {
    font-size: 10px;
    font-weight: bold;
    padding-right: 7px;
    width: 440px; }
  div.item_wrapper_list .information p {
    width: 440px; }

div.item_wrapper_list .price {
  width: 70px;
  float: left;
  text-align: right;
  padding-top: 5px;
  font-weight: bold; }

div.item_wrapper_list .button_wrapper {
  width: 110px;
  float: right;
  padding: 10px; }

div.browsing_history_empty {
  padding-top: 5px;
  padding-bottom: 5px; }

.display_results {
  padding: 9px 0;
  float: left; }

#WC_AjaxBrowseHistory_div_1 .display_results {
  float: none; }

#WC_AjaxBrowseHistory_div_1 .horizontal_grid .product {
  width: 100%; }

#WC_AjaxBrowseHistory_div_1 .horizontal_grid .image_wrapper {
  float: left; }
  #WC_AjaxBrowseHistory_div_1 .horizontal_grid .image_wrapper a {
    width: 70px;
    height: 70px;
    overflow: hidden; }
    #WC_AjaxBrowseHistory_div_1 .horizontal_grid .image_wrapper a.btn {
      width: auto;
      height: auto; }

#WC_AjaxBrowseHistory_div_1 .horizontal_grid .information {
  float: left;
  width: 400px; }

#WC_AjaxBrowseHistory_div_1 .horizontal_grid .image_wrapper {
  padding-right: 15px; }

#WC_AjaxBrowseHistory_div_1 .horizontal_grid .button_wrapper {
  height: 30px;
  position: absolute;
  right: 30px;
  top: 13px;
  width: 130px; }

#WC_AjaxBrowseHistory_div_1 .item_wrapper_grid_begin {
  width: 220px;
  border: 1px solid #D4D4D4;
  float: left;
  list-style: none outside none;
  margin: 5px 0 5px 5px;
  min-height: 195px;
  padding: 10px;
  position: relative; }

#WC_AjaxBrowseHistory_div_1 .item_wrapper_grid {
  width: 220px;
  border: 1px solid #D4D4D4;
  float: left;
  list-style: none outside none;
  margin: 5px 0 5px 5px;
  min-height: 195px;
  padding: 10px;
  position: relative; }
  #WC_AjaxBrowseHistory_div_1 .item_wrapper_grid .siteAction {
    padding-bottom: 10px; }

#WC_AjaxBrowseHistory_div_1 .main_quickinfo_button.siteAction {
  float: none; }

#WC_BrowseHistoryDisplay_div_2 {
  display: none; }

/* -----------------------------------------------------------------------------*/
/* 24. Punchout Payment
/* -----------------------------------------------------------------------------*/
body#punchout_payment_redirect_page {
  background-image: none; }

div.punchout_pay_button_div {
  margin-top: 10px; }

div.punchout_pay_button {
  display: inline; }

div.punchout_pay_button_div div.punchout_pay_button a {
  color: #FFFFFF !important; }

div.punchout_popup_container {
  display: none;
  left: 50%;
  position: fixed;
  top: 50%;
  width: 325px;
  z-index: 999; }

div.punchout_popup_top_left {
  background-image: url("../../images/colors/color2/popup_topleft.png");
  background-repeat: no-repeat;
  float: left;
  height: 10px;
  width: 8px; }

div.punchout_popup_top_right {
  background-image: url("../../images/colors/color2/popup_topright.png");
  background-position: right center;
  background-repeat: no-repeat;
  float: left;
  height: 10px;
  width: 317px; }

div.punchout_popup_header {
  background-image: url("../../images/colors/color2/popup_center_tile_sm.png");
  background-position: right center;
  background-repeat: repeat-y;
  clear: left;
  height: 23px;
  text-align: right; }

div.punchout_popup_close {
  color: #666666;
  padding: 5px 15px 2px 0;
  position: relative;
  z-index: 999; }

span.punchout_popup_close_icon {
  float: right;
  padding-left: 4px;
  padding-top: 2px; }

div.punchout_popup_bodycontent {
  background-image: url("../../images/colors/color2/popup_center_tile_sm.png");
  background-repeat: repeat-y;
  margin-top: -30px;
  padding: 26px 27px 32px 25px; }
  div.punchout_popup_bodycontent h2 {
    font-size: 14px;
    font-weight: bold; }

div.punch_out_popup_message {
  float: left; }

div.punchout_popup_bot_left {
  background-image: url("../../images/colors/color2/popup_botleft.png");
  background-repeat: no-repeat;
  float: left;
  height: 14px;
  width: 8px; }

div.punchout_popup_bot_right {
  background-image: url("../../images/colors/color2/popup_botright.png");
  background-position: right center;
  background-repeat: no-repeat;
  float: left;
  height: 14px;
  overflow: hidden;
  width: 317px; }

/* 25.PDFOBJECT
/* -----------------------------------------------------------------------------*/
.pdfIcon {
  background-image: url("../../images/icon_pdf.png");
  background-repeat: no-repeat;
  width: 34px;
  height: 36px;
  margin-right: 20px;
  float: left; }

.unsupportedBrowserMsg .pdfIcon {
  background-image: url("../../images/icon_pdf.png");
  background-repeat: no-repeat;
  width: 34px;
  height: 36px;
  margin-right: 20px;
  float: left; }

.unsupportedBrowserMsg .text {
  position: relative;
  display: block;
  top: 3px;
  width: 340px;
  font-size: 11px;
  font-weight: bold;
  color: #333; }

/* pdfObject inside an overlay */
#cMessageArea #pdfOverlayWrapper p.unsupportedBrowserMsg {
  padding-left: 0;
  /* resets */ }

/* -----------------------------------------------------------------------------*/
/* 43. Remote Widget Custom Tool
/* -----------------------------------------------------------------------------*/
#remote_widget_tool_box {
  margin: 0 auto;
  width: 930px; }

#remote_widget_tool_content_wrapper_border {
  width: 955px;
  padding: 0 px;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-top: 5px;
  overflow: hidden;
  border: solid 1px #c0dcf2; }

#remote_widget_tool_box .contentgrad_header {
  background: transparent url(../../images/colors/color2/box_grad_header_tile.png) repeat-x scroll 0 0;
  height: 33px;
  margin: 0 auto; }
  #remote_widget_tool_box .contentgrad_header .left_corner {
    background: transparent url(../../images/colors/color2/box_grad_header_left.png) no-repeat scroll 0 0;
    float: left;
    height: 33px;
    width: 9px; }
  #remote_widget_tool_box .contentgrad_header .right_corner {
    background: transparent url(../../images/colors/color2/box_grad_header_right.png) no-repeat scroll 0 0;
    float: right;
    height: 33px;
    width: 10px; }

#remote_widget_tool_box .remote_widget_tool_create_body {
  border-left: 1px solid #D2D2D2;
  border-right: 1px solid #D2D2D2;
  display: block;
  margin: 0;
  padding: 3px 15px;
  width: auto; }

#remote_widget_tool_box .remote_widget_tool_create_description {
  padding-left: 15px;
  display: block;
  padding-top: 10px;
  width: 900px;
  position: absolute; }

#remote_widget_tool_box .remote_widget_tool_customize {
  padding-bottom: 10px;
  padding-top: 15px;
  float: left;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer; }

#remote_widget_tool_box .remote_widget_tool_customize_button {
  padding-left: 5px;
  cursor: pointer;
  zoom: 1;
  /* gives ie shadow */
  display: -moz-stack;
  display: inline-block;
  margin-top: 18px; }

#remote_widget_tool_box .RegistryCreateHeading {
  border-bottom: 1px solid #D1D1D1;
  padding-top: 8px;
  width: 97%; }

#remote_widget_tool_box .footer {
  background: transparent url(../../images/colors/color2/box_footer_tile.png) repeat-x scroll 0 0;
  height: 7px;
  width: 100%; }
  #remote_widget_tool_box .footer .left_corner {
    background: transparent url(../../images/colors/color2/box_footer_left.png) no-repeat scroll 0 0;
    float: left;
    height: 7px;
    width: 10px; }
  #remote_widget_tool_box .footer .right_corner {
    background: transparent url(../../images/colors/color2/box_footer_right.png) no-repeat scroll 0 0;
    float: right;
    height: 7px;
    width: 10px; }

div.RemoteWidgetTool_color_choice_column {
  float: left;
  width: 77px;
  height: 28px;
  margin-right: 5px; }

div.remote_widget_tool_radio_button_column {
  float: left;
  width: 20px; }

div.remote_widget_tool_layout_column {
  float: left;
  width: 50px;
  height: 80px;
  text-align: center; }

div.remote_widget_tool_layout_image {
  height: 55px; }

div.layout_design_textBox_info {
  color: #666666; }

div.remote_widget_tool_preview {
  margin-top: 15px;
  margin-bottom: 15px; }

div.remote_widget_tool_layout_preview {
  text-align: center;
  margin-bottom: 30px;
  clip: rect(0px, 600px, 200px, 0px);
  width: 200px; }

div.remote_widget_tool_layout_preview_content {
  overflow: auto;
  padding-bottom: 10px;
  padding-top: 10px;
  border-style: solid;
  border-width: 0px;
  border-color: #D2D2D2; }

div.colorChose {
  background-color: #eee;
  height: 20px;
  width: 77px; }

div.widthLabel {
  text-align: right; }

input.remote_widget_input_box {
  margin-right: 5px; }

#remote_widget_tool_box .widget_style {
  width: 100%; }

/* Inner form wrapper */
div.inner_form_wrapper {
  padding: 9px 0; }
  div.inner_form_wrapper h1 {
    padding-bottom: 7px; }

form#inner_form div.row {
  clear: both; }
  form#inner_form div.row div.column {
    float: left;
    width: 260px; }
    form#inner_form div.row div.column select#country, form#inner_form div.row div.column select#state {
      width: 255px; }

/* -----------------------------------------------------------------------------*/
/* 44. Color Picker
/* -----------------------------------------------------------------------------*/
.dojoxColorPicker {
  padding: 8px;
  width: 300px;
  height: 150px;
  background: #ededed;
  border: 1px solid #ccc;
  -moz-border-radius: 4pt;
  -webkit-border-radius: 5pt;
  -webkit-drop-shadow: 3pt; }

.dojoxColorPickerBox {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0;
  padding: 0; }

.dojoxColorPickerUnderlay {
  border: 1px solid #a0a0a0;
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  z-index: 1; }

.dojoxHuePickerUnderlay {
  background: url(../../images/colorPicker/hue.png) no-repeat top center;
  position: absolute;
  top: 0;
  left: 0;
  height: 150px;
  width: 20px;
  z-index: 1; }

.dojoxHuePicker {
  position: relative;
  top: -150px;
  left: 157px; }

.dojoxHuePickerPoint {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 8px;
  z-index: 3;
  background-color: #666;
  cursor: move;
  background: url(../../images/colorPicker/hueHandle.png) no-repeat center center; }

.dojoxColorPickerPoint {
  position: absolute;
  width: 10px;
  height: 10px;
  background: url(../../images/colorPicker/pickerPointer.png) no-repeat center center;
  border: 0;
  z-index: 3;
  cursor: move; }

.dojoxColorPickerPreview {
  display: block;
  width: 45px;
  height: 45px;
  border: 1px solid #333;
  background-color: #fff;
  position: relative;
  top: -150px;
  left: 185px; }

.dojoxColorPickerWebSafePreview {
  display: block;
  width: 25px;
  height: 25px;
  position: relative;
  top: -197px;
  left: 240px;
  border: 1px solid #333; }

.dojoxColorPickerOptional {
  position: relative;
  top: -170px;
  left: 185px; }
  .dojoxColorPickerOptional input {
    border: 1px solid #a7a7a7;
    width: 25px;
    padding: 1px 3px 1px 3px;
    line-height: 1.1em;
    margin-bottom: 0px; }

.dojoxColorPickerRgb {
  position: absolute;
  top: 0;
  left: 0; }

.dojoxColorPickerHsv {
  position: absolute;
  top: 0;
  left: 50px; }

.dojoxColorPickerHex {
  position: absolute;
  top: 73px;
  left: 2px; }
  .dojoxColorPickerHex input {
    width: 55px; }

#hpp_popup {
  z-index: 960 !important;
  /*to override inline apllied style*/ }
  #hpp_popup .dijitDialogTitleBar {
    display: none; }

.checkout .threed {
  font-size: 1.2em;
  margin: 0 auto; }
  .checkout .threed .authframe p {
    float: none; }
  .checkout .threed p {
    float: left;
    line-height: 2em;
    margin: 0 10px 15px 0; }
  .checkout .threed .authframe {
    clear: both; }
    .checkout .threed .authframe iframe {
      display: block;
      width: 100%;
      height: 500px;
      margin: 0 auto;
      overflow: scroll; }
    .checkout .threed .authframe p {
      float: none; }

/* Sub Categories list page */
#SubCategoryDisplay_Widget {
  clear: both;
  width: 100%; }

ol, ul {
  list-style: none outside none; }

.subcategorywrapper, #CategoryDisplay_Widget, .plp-box .subcategory-list {
  _width: 520px; }

.subcategory-list {
  font-size: 1.04em;
  padding-bottom: 5px; }
  .subcategory-list .subcategory {
    background: #eee;
    float: left;
    position: relative;
    text-align: center;
    width: 166px;
    height: auto;
    margin-left: 8px;
    margin-bottom: 5px; }
    .subcategory-list .subcategory.enhanced {
      background: #eeeeee;
      overflow: hidden;
      padding: 5px;
      width: 170px; }

.subcategory.enhanced p, .subcategorywrapper .subcategory.enhanced h3 a.enhancedTitle {
  background: #ffffff;
  color: #656565;
  display: table-cell;
  font-size: 12px;
  height: 34px;
  margin-top: 0;
  padding: 5px;
  vertical-align: middle;
  width: 160px; }

.subcategory.enhanced > ul {
  height: 120px;
  margin: 4px 0;
  overflow: hidden; }
  .subcategory.enhanced > ul li a {
    display: block;
    line-height: 20px;
    text-decoration: underline; }

.subcategory-list .first-subcategory {
  margin-left: 0;
  clear: both; }

.subcategorywrapper .subcategory-list h3 {
  font-size: 1.6em;
  text-shadow: 2px 2px 2px #eee; }
  .subcategorywrapper .subcategory-list h3 a {
    text-align: center;
    width: 166px;
    height: 40px;
    padding-top: 60px;
    display: block; }

.subcategorywrapper .subcategory.enhanced h3 a {
  border: 1px solid #ccc;
  display: inline-block;
  margin-top: 10px;
  width: 164px; }

#page .plp-box .product-list-header .display_text {
  display: block; }

.freeGift {
  float: right; }
  .freeGift .siteAction {
    float: right;
    padding: 5px 0 5px 10px; }
  .freeGift p {
    float: right; }

/* Extra checkout styles */
p.infoText {
  padding: 5px 10px 10px; }

.summaryTop .sumAct {
  float: right;
  margin-right: 3px;
  margin-top: 8px; }
  .summaryTop .sumAct .info_icon {
    float: left;
    padding: 10px 0 0 10px; }

.summaryTop #orderHold {
  float: left;
  clear: left;
  margin-top: 15px; }
  .summaryTop #orderHold label {
    color: #656565;
    font-size: 1.2em;
    padding-right: 10px;
    font-weight: bold;
    *vertical-align: super; }
  .summaryTop #orderHold input {
    width: 200px;
    margin-right: 5px; }
  .summaryTop #orderHold span img {
    vertical-align: middle;
    padding-bottom: 3px; }

.summaryTop .siteAction {
  padding-top: 5px;
  float: left;
  clear: none;
  padding-left: 15px; }

.summaryTop .job-ref-link {
  margin-top: 5px; }
  .summaryTop .job-ref-link a {
    font-size: 1.3em;
    color: #656565; }

.basket #content_wrapper_box h1 {
  background: #f7f7f7;
  color: #3b3b3b;
  font-size: 17px;
  margin: 5px 0;
  padding: 10px 24px 13px; }

.paginWrap {
  clear: both;
  padding-top: 10px; }
  .paginWrap .paginationNumbers {
    padding-top: 10px;
    float: left;
    padding-right: 30px;
    font-size: 1.1em; }

.pendingItemPagination .sortBy {
  padding: 5px 0;
  float: left; }

.pendingItemPagination p {
  float: left;
  padding: 11px 50px 0 0; }

.pendingItemPagination .sortBy label {
  float: left;
  padding: 6px 5px 0 0; }

.pendingItemPagination .sortBy select {
  width: auto;
  min-width: 200px;
  float: left;
  margin: 0; }

.paginWrap .paginationNumbers img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  padding: 0 6px; }

.paginWrap .paginationNumbers a img {
  opacity: 1;
  filter: alpha(opacity=100); }

.botPagWrap {
  padding-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dfdfdf; }

.paginWrap .paginationText {
  float: left;
  padding-right: 10px; }

.paginWrap .paginationNumbers img {
  vertical-align: middle; }

/* checkout order summary */
.summarySidebar {
  float: right;
  width: 218px;
  position: relative; }
  .summarySidebar .component {
    oveflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #c2c8d3;
    border-radius: 0 0 5px 5px;
    overflow: hidden; }
    .summarySidebar .component h3 {
      font-weight: bold;
      height: 40px;
      line-height: 40px;
      background: #f0f0f2;
      padding-left: 10px;
      margin-bottom: 5px;
      font-size: 1.3em; }
    .summarySidebar .component .innerWrap {
      padding: 10px 0;
      font-size: 1em; }
    .summarySidebar .component .addressWrap {
      font-size: 1.1em;
      clear: both; }
    .summarySidebar .component .innerWrap {
      padding: 10px 0; }
      .summarySidebar .component .innerWrap h4, .summarySidebar .component .innerWrap p {
        font-size: 1.1em;
        clear: both; }
    .summarySidebar .component .section {
      border-bottom: 1px solid #c2c8d3; }
      .summarySidebar .component .section:last-of-type {
        border-bottom: none; }

.summary h2 {
  padding-left: 12px; }

.summarySidebar dl {
  font-size: 1.1em;
  margin: 0;
  padding: 0 12px; }
  .summarySidebar dl dt {
    float: left;
    width: 50%;
    clear: both;
    padding: 6px 0; }
  .summarySidebar dl dd {
    float: right;
    width: 50%;
    padding: 6px 0;
    text-align: right;
    margin: 0;
    text-transform: capitalize; }

.detials div {
  padding: 0 12px;
  position: relative; }

.summarySidebar .withMargin {
  margin: 0 12px; }

.summarySidebar .component .noPaddingBtm {
  padding-bottom: 0; }

.borderBottom {
  border-bottom: 1px solid #d0d7eb; }

#OrderSummaryWidget {
  border-radius: 5px;
  float: left;
  width: 218px;
  position: relative;
  color: #656565;
  margin-left: 15px; }

.withSummary #OrderSummaryWidget {
  margin: 36px 0 0 0; }

#OrderSummaryWidget h2 {
  padding: 10px;
  color: #656565;
  font-weight: bold; }

#OrderSummaryWidget table {
  width: 100%;
  border-collapse: collapse; }
  #OrderSummaryWidget table td {
    padding: 15px 5px;
    text-align: left;
    color: #656565;
    padding: 5px; }

#OrderSummaryWidget #summaryBody th {
  padding: 15px 5px;
  text-align: left;
  color: #656565;
  padding: 5px; }

#summaryBody p {
  float: left;
  padding-left: 5px;
  width: 110px; }

#summaryBody span {
  float: left; }

#summaryBody .final td span {
  float: right; }

#OrderSummaryWidget #summaryBody th {
  text-align: left;
  width: 70%; }

.summaryPrice {
  font-size: 2em; }

.paymentRadios {
  padding: 5px 0 5px 170px; }

#OrderSummaryWidget #summaryBody tr {
  border-bottom: 1px solid #dfdfdf; }

#OrderSummaryWidget #summaryBody .final {
  background: #f0f0f2; }

#OrderSummaryWidget table tr.promo td {
  color: #CF0000;
  width: 70px; }

#OrderSummaryWidget #summaryBody tr.final {
  border: none; }
  #OrderSummaryWidget #summaryBody tr.final .summaryPrice {
    font-weight: bold; }

#OrderSummaryWidget .info_icon.left {
  padding-left: 0;
  padding-right: 10px; }

#OrderSummaryWidget .colOrDel {
  position: absolute;
  right: 10px;
  top: 5px; }

/* choose a branch */
.chooseBranch .leftCol {
  width: 680px;
  float: left; }

.chooseBranch #searchByGeoNodeForm table {
  width: 100%;
  clear: right;
  border-collapse: collapse; }

.chooseBranch #searchByGeoNodeForm tbody tr:nth-child(2n+1) {
  background: #e5ebf7; }

.chooseBranch #searchByGeoNodeForm td, .chooseBranch #searchByGeoNodeForm th {
  padding: 10px; }

.chooseBranch #searchByGeoNodeForm td:first-child {
  border-left: 1px solid #DFDFDF; }

.chooseBranch #searchByGeoNodeForm th {
  font-size: 1.4em;
  text-align: left;
  border-top: 1px solid #DFDFDF; }
  .chooseBranch #searchByGeoNodeForm th:first-child {
    border-left: 1px solid #DFDFDF; }

.chooseBranch #searchByGeoNodeForm td {
  font-size: 9px;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  color: #656565; }

.chooseBranch #searchByGeoNodeForm th {
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  color: #656565; }

.chooseBranch #searchByGeoNodeForm .storeDetails input {
  float: left;
  margin-right: 10px;
  margin-top: 10px; }

.chooseBranch #searchByGeoNodeForm .storeDetails .loc {
  font-weight: bold;
  font-size: 1.1em;
  clear: left;
  margin-bottom: 5px; }

#storeAvail td .storeDetails span {
  font-weight: normal; }

#stockKey {
  clear: both;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px 25px; }
  #stockKey p {
    padding: 8px 25px 0 0; }
    #stockKey p img {
      float: left;
      margin: -8px 17px 0 4px; }

#WC_ProductStockLocatorResults_div > a {
  font-weight: bold;
  font-size: 1.1em;
  margin-left: 25px;
  position: relative;
  top: 20px; }

.branchProdAdd .siteAction .btn.pdpAdd.withicon {
  margin-top: 8px; }

.chooseBranch .nextPrev {
  float: left;
  margin: 20px 0px;
  *width: 300px;
  _width: 300px; }

#searchByGeoNodeForm .siteAction {
  clear: none;
  float: left;
  margin-left: 10px;
  width: auto; }
  #searchByGeoNodeForm .siteAction #searchGo {
    margin: 0; }

#searchByGeoNodeForm #store_search {
  padding-top: 20px; }

.delivery-img {
  float: left; }

td.productDesc {
  width: 30%; }

.delivery-msg {
  float: left;
  margin: 7px 0 0 20px; }

.chooseBranch .nextLink {
  display: block;
  font-weight: normal;
  font-size: 1.1em;
  margin-right: 20px; }

.chooseBranch .prevLink {
  display: block;
  font-weight: normal;
  font-size: 1.1em;
  margin-right: 20px;
  padding-left: 0px; }

.chooseBranch .nextLink {
  padding-right: 15px; }

.nextPrev .nextLink {
  float: right; }

.basket .nextPrev {
  padding: 8px; }
  .basket .nextPrev .prevLink {
    float: left; }
  .basket .nextPrev p {
    display: inline; }

.chooseBranch #delivery_switch {
  clear: both;
  padding-top: 10px; }
  .chooseBranch #delivery_switch table td {
    font-weight: bold;
    background: #e5e5e6;
    color: #656565;
    border: none; }

#store_details_ {
  padding-left: 10px; }

.chooseBranch #delivery_switch table .deliveryOption {
  width: 30%;
  border-right: 1px solid #d9dadc;
  border-left: none; }

.chooseBranch #delivery_switch table .deliveryStatement {
  width: 70%; }

.chooseBranch #delivery_switch table td .storeDetails {
  min-height: 32px; }

.chooseBranch #delivery_switch table td p {
  word-wrap: break-word;
  color: #656565; }

.chooseBranch h2 {
  border-bottom: 1px solid #dad9de;
  clear: both;
  color: #656565;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 25px 10px; }

.chooseBranch .leftCol table a {
  text-decoration: underline; }

#product_details_store_search_results .results a, a.info_icon {
  text-decoration: underline; }

#whyWeNeed {
  text-align: right;
  cursor: pointer; }

#store_search_resultsStoreLocator .results p.storeName, #store_search_results .results p.storeName, #product_details_store_search_results .results p.storeName {
  margin-bottom: 1em; }

#store_search_resultsStoreLocator .results p.storeName a {
  color: #656565;
  text-decoration: none;
  font-size: 16px; }
  #store_search_resultsStoreLocator .results p.storeName a:hover {
    color: #656565;
    text-decoration: underline; }

address {
  font-style: normal; }
  address p {
    margin-bottom: 0.5em; }

.chooseBranch .leftCol table a, .chooseBranch .leftCol table p {
  font-size: 1.2em; }

.chooseBranch .leftCol table .availMessages {
  padding-left: 37px;
  display: block;
  color: #656565; }

#store_search_resultsStoreLocator .results h3, #store_search_results .results h3, #product_details_store_search_results .results h3 {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 15px; }

#store_search_resultsStoreLocator .results .storeDetail, #store_search_results .results .storeDetail, #product_details_store_search_results .results .storeDetail {
  border-bottom: 1px dotted #DFDFDF;
  margin: 20px -30px;
  padding: 0 30px 20px 30px; }

#store_details .col {
  width: 265px;
  margin-right: 20px;
  float: left; }

#store_search_resultsStoreLocator .results .storeDetail .specialisms, #store_search_results .results .storeDetail .specialisms, #product_details_store_search_results .results .storeDetail .specialisms {
  clear: both;
  overflow: hidden; }

#store_search_results .results .storeDetail .specialisms h3, #product_details_store_search_results .results .storeDetail .specialisms h3 {
  font-size: 1.2em;
  margin: 5px 0; }

#store_search_resultsStoreLocator .results .storeDetail .specialisms ul li, #store_search_results .results .storeDetail .specialisms ul li, #product_details_store_search_results .results .storeDetail .specialisms ul li {
  float: left;
  padding: 0 5px 5px 0; }

#store_details .col .sect {
  border: 1px dotted #DFDFDF;
  margin: 5px 0 15px;
  padding: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  #store_details .col .sect p.titleText {
    background: #FFF9E0;
    padding: 8px 15px;
    font-weight: bold; }
  #store_details .col .sect .bodyText {
    overflow: hidden;
    padding: 8px 15px; }
    #store_details .col .sect .bodyText ul li {
      padding: 0 5px 5px 0;
      float: left; }
  #store_details .col .sect p {
    padding: 0px 15px; }

#store_details .col.last {
  width: 385px;
  margin-right: 0; }

#store_details .col .setPref {
  overflow: hidden;
  padding: 8px 15px; }
  #store_details .col .setPref input {
    float: left;
    margin: 5px 5px 0 0;
    *margin-top: 0; }
  #store_details .col .setPref label {
    float: left;
    margin-top: 3px; }
  #store_details .col .setPref .info_icon {
    float: left;
    padding: 0 0 0 10px; }

#store_search_resultsStoreLocator .results .storeDetail:last-child, #store_search_results .results .storeDetail:last-child, #product_details_store_search_results .results .storeDetail:last-child {
  border-bottom: none; }

#store_search_resultsStoreLocator .results .storeDetail.prefered, #store_search_results .results .storeDetail.prefered, #product_details_store_search_results .results .storeDetail.prefered, .prefered .storeDetails {
  position: relative; }

#store_search_resultsStoreLocator .results .storeDetail .prefLoc .flag, .results .prefered .prefLoc .flag, #store_search_results .results .storeDetail .prefLoc .flag, #product_details_store_search_results .results .storeDetail .prefLoc .flag, .prefered .storeDetails .prefLoc .flag {
  display: block;
  float: right;
  width: 35px;
  height: 49px; }

#store_search_results .results .storeDetail .prefLoc p, #product_details_store_search_results .results .storeDetail .prefLoc p, .prefered .storeDetails .prefLoc p {
  font-size: 1.1em;
  padding-top: 12px; }

#store_search_resultsStoreLocator .results .storeDetail.prefered .prefLoc, #store_search_results .results .storeDetail.prefered .prefLoc, #product_details_store_search_results .results .storeDetail.prefered .prefLoc, .prefered .storeDetails .prefLoc {
  width: 135px;
  height: 40px;
  display: block;
  padding-top: 5px; }

.storeDetails {
  position: relative;
  padding-left: 0px;
  width: 320px; }

#delivery_switch .storeDetails {
  width: auto; }

.storeDetails .collectOrDelFlag {
  display: block;
  float: left;
  margin: 0 10px 0 0; }

#storeAvail .collectOrDelFlag {
  top: 8px; }

.storeDetails .collectOrDelFlag img {
  width: auto; }

.show-map-lnk {
  display: block; }

.chooseBranch #store_search .small {
  width: 320px; }
  .chooseBranch #store_search .small input {
    width: 140px; }
  .chooseBranch #store_search .small .siteAction {
    padding-top: 0;
    clear: none; }

.chooseBranch #store_selection {
  float: left;
  margin-bottom: 20px;
  margin-left: 26px; }

.chooseBranch #store_search .checkoutTextField {
  float: left; }

.chooseBranch #store_search .labelText {
  float: left;
  padding: 0 10px 2px; }

.chooseBranch #continue {
  float: right;
  width: 295px;
  margin-top: 16px; }
  .chooseBranch #continue .siteAction {
    float: right;
    padding-top: 0;
    clear: both; }
  .chooseBranch #continue .setPref {
    padding: 10px 25px 10px 0;
    width: auto;
    float: right;
    position: relative; }
    .chooseBranch #continue .setPref label {
      vertical-align: middle;
      float: left;
      margin-top: 0;
      *margin-top: 2px; }
    .chooseBranch #continue .setPref input {
      vertical-align: middle;
      margin-top: 0;
      margin-right: 4px;
      float: left; }
    .chooseBranch #continue .setPref .info_icon {
      position: absolute;
      top: 7px;
      *top: 9px;
      right: 0; }

.chooseBranch .branchDetailsPopUp {
  padding-top: 10px;
  z-index: 100;
  zoom: 1; }
  .chooseBranch .branchDetailsPopUp .dialog_map_canvas {
    float: left; }

.branchDetailsPopUp .bodycontent {
  padding: 0 15px 15px; }

.chooseBranch .branchDetailsPopUp .storeAddPopup {
  float: left;
  padding: 0 10px;
  margin-left: 5px;
  width: 185px; }
  .chooseBranch .branchDetailsPopUp .storeAddPopup ul li {
    padding: 1px 0; }
    .chooseBranch .branchDetailsPopUp .storeAddPopup ul li span {
      display: block; }
  .chooseBranch .branchDetailsPopUp .storeAddPopup li.title {
    padding: 3px 0;
    font-size: 1.3em;
    font-weight: bold; }

.chooseBranch .branchDetailsPopUp .close {
  float: right;
  padding-right: 10px; }
  .chooseBranch .branchDetailsPopUp .close span.icon {
    position: static; }

.chooseBranch .branchDetailsPopUp .header {
  height: 16px;
  clear: both; }

.chooseBranch .branchDetailsPopUp .bodycontent {
  clear: both; }

.chooseBranch .dijitDialogTitleBar {
  display: none;
  /*hide title bar for pop up on this page*/ }

.chooseBranch .branchDetailsPopUp .popContentWrap {
  background: #fff;
  _width: 620px;
  _overflow: hidden; }

#store_search_resultsStoreLocator .results, #store_search_results .result, #product_details_store_search_results .result {
  clear: left; }

#store_search_results .result h4, #product_details_store_search_results .result h4 {
  padding-top: 10px; }

#store_search_resultsStoreLocator .title.h4, #store_search_results .title h4, #product_details_store_search_results .title h4 {
  margin-bottom: 10px; }

/* Checkout summary styles */
.checkout .title {
  font-weight: bold; }

.bodySection h2 {
  font-size: 1.4em;
  font-weight: bold;
  padding: 5px 0; }

.bodySection div.addressWrap p {
  padding: 0; }

.checkout h1 {
  color: #000;
  /* this needs to match up with doms h1 styles */
  font-size: 1.7em; }
  .checkout h1.warning {
    background: #ff999a;
    border: 1px solid #d0d0d0;
    font-size: 12px;
    margin-top: 5px; }

.bodySection .bodyLeft {
  width: 470px;
  float: left; }

.bodySection .bodyRight {
  width: 470px;
  float: right;
  padding-left: 10px; }

.summaryAction {
  clear: both;
  float: right;
  padding: 10px 0;
  width: 50%; }

.checkout .threed {
  background: #ffffff;
  position: relative; }

.summaryAction p {
  float: left;
  padding: 10px 20px; }
  .summaryAction p a {
    text-decoration: underline; }

.summaryAction .siteAction {
  clear: none;
  padding: 0 0 0 10px;
  float: left; }

#WC_SingleShipmentSummary_div_29 .siteAction {
  float: right; }

.bodySection .section {
  float: left;
  width: 230px; }

.bodySection .theright {
  float: right;
  width: 230px; }

.bodySection .section p {
  padding: 5px 0; }

#OrderItemPagingDisplay {
  clear: both; }

#SingleShipmentShippingAddress .address_contact, #SingleShipmentShippingAddress .addressWrap {
  word-wrap: break-word; }

table#summaryItems {
  width: 100%;
  clear: both; }
  table#summaryItems th {
    padding: 8px 5px;
    text-align: right; }
    table#summaryItems th.productDetails {
      width: 500px; }
  table#summaryItems td {
    padding: 8px 5px;
    text-align: right; }
  table#summaryItems .align_left {
    text-align: left; }
  table#summaryItems div.img {
    float: left;
    margin-right: 10px;
    width: 75px;
    height: 75px;
    overflow: hidden; }
  table#summaryItems .img img {
    max-height: 70px;
    max-width: 70px; }
  table#summaryItems tr.promo td a {
    color: #CF0000; }
  table#summaryItems tr.promo td.desc {
    text-align: left; }

.summary .toBdSum #order_total .total_figures, .confirmation .toBdSum #order_total .total_figures {
  width: auto;
  text-align: right; }

.summary #box .toBdSum #order_total, .confirmation #main_content_wrapper .toBdSum #order_total {
  width: 245px; }

.summary #box .toBdSum #order_total {
  _margin-right: 20px; }

#marketing_flags_form .field {
  width: 60px;
  float: left;
  clear: none; }

#page .inline {
  display: block;
  height: 20px; }
  #page .inline .field {
    width: 60px;
    float: left;
    clear: none;
    width: 74px; }

#flagsWrap {
  float: left;
  margin-top: 10px;
  width: 620px;
  padding: 15px;
  background: #EBEBEB; }

.checkout #flagsWrap {
  background: none;
  padding: 0; }

#flagsWrap p {
  margin-bottom: 10px; }

#flagsWrap legend {
  margin-bottom: 10px;
  display: inline; }

#flagsWrap input {
  vertical-align: middle;
  margin-right: 5px; }

/* Confirmation styles */
#headerWrap {
  clear: both;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dfdfdf;
  margin-bottom: 10px; }
  #headerWrap p {
    padding: 2px 0; }

.checkout.confirmation #headerWrap p.orderConf {
  margin-bottom: 15px; }

#headerWrap .siteAction {
  clear: none;
  float: right;
  padding: 10px 0 10px 10px; }

.confirmation #checkout_crumb {
  padding-top: 30px; }

.confirmation #OrderItemPagingDisplay {
  padding-top: 20px; }

.confirmation .actionWrap {
  clear: both;
  float: right;
  padding: 10px 0; }
  .confirmation .actionWrap .siteAction {
    float: left;
    padding-left: 15px;
    clear: none; }

p.extraText {
  white-space: normal;
  word-wrap: break-word;
  padding-top: 5px;
  clear: both; }

.confirmation .actionWrap .siteAction p.extraText {
  width: 200px; }

/* add your after selectors here */
div.field:after, .genForm .addressPanel:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

#saved_orders_paging_top_span img, #saved_orders_paging_bottom_span img {
  padding: 0 10px; }

/* Address page */
.fullWidthTable {
  padding-top: 20px;
  width: 100%;
  clear: both; }

.infoTableHeader {
  width: 100%; }
  .infoTableHeader div {
    background: #FFF9E0 none repeat scroll 0 0;
    border: 1px dotted #CCCCCC;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    float: left;
    height: 30px;
    font-weight: bold; }

div.infoCol1, div.infoCol2 {
  width: 25%; }

div.infoCol3 {
  width: 12%; }

div.infoCol4 {
  width: 6%; }

div.infoCol5 {
  width: 14%; }

div.infoCol6 {
  width: 6%; }

#MyAccountCenterLinkDisplay_Widget .infoCol3 {
  min-width: 54px; }

#MyAccountCenterLinkDisplay_Widget .infoCol6 {
  min-width: 40px; }

.infoTableBody div {
  border: 1px dotted #CCCCCC;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
  float: left;
  height: 58px; }

.infoTablePaging {
  padding: 0;
  clear: both;
  float: left;
  padding: 15px 0 10px;
  font-size: 1.2em;
  width: 100%; }
  .infoTablePaging .title {
    float: left;
    padding: 0 5px 0 10px;
    font-weight: bold; }
  .infoTablePaging ul {
    float: left; }
  .infoTablePaging li {
    float: left;
    font-size: 1.1em;
    margin-left: 7px; }
    .infoTablePaging li a {
      text-decoration: none;
      font-size: 1em;
      color: #000;
      font-weight: bold;
      background: #d8d8db;
      padding: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }

.orderDetail #total_breakdown {
  padding-top: 15px; }

.orderDetail p {
  margin-bottom: 5px; }

/*Order tracking page */
#orderDateSearch td {
  padding: 10px 5px 5px 10px; }

.accountStatus .content .info td {
  border: 1px solid #d0d0d0;
  max-width: 100px;
  padding: 6px 10px;
  text-align: left; }

.accountStatus .content .info th {
  background: #fff9e0; }

.accountStatus .accountSelect {
  clear: both;
  float: left; }

.accountStatus p.infoLabel {
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 5px;
  position: relative;
  width: 86px; }

.accountStatus p.singleAccName {
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 5px 0;
  max-width: 400px; }

.myAccount .accountStatus select {
  float: left;
  font-size: 1.3em;
  margin: 0;
  width: 400px; }

.statusInd {
  float: left;
  margin: 0  0 10px 20px;
  width: 220px; }
  .statusInd > p {
    color: #ffffff;
    margin: 0;
    padding: 7px 10px; }

.accountStatus .infoTable {
  border: 1px solid #d0d0d0;
  border-collapse: collapse;
  float: left;
  margin: 10px 0 10px 96px;
  width: 400px; }

.accountStatus .accountInfoTable {
  border: 1px solid #d0d0d0;
  border-collapse: collapse;
  float: left;
  margin: 10px 0 10px 96px;
  width: 400px;
  margin: 10px 0 20px 96px; }

.accountStatus .info {
  float: left;
  padding-top: 0; }

.accountStatus .infoSection {
  float: left;
  width: 500px; }

.accountInfoTable .checkBox input {
  float: left;
  margin: 2px 10px 10px 0; }

.accountSetPreferred {
  clear: both;
  float: left;
  margin: 0 0 10px 96px; }

.collapsable-collapsed {
  display: none; }

#contractExpiry {
  background: #fff9e0;
  border: 1px solid #d0d0d0;
  float: left;
  margin-left: 20px;
  width: 220px; }
  #contractExpiry > p {
    margin: 0;
    padding: 6px; }

p.noContract {
  margin: 0 0 0 96px; }

.statusGreen {
  background: #008000; }

.statusRed {
  background: #cf0000; }

.statusAmber {
  background: #ffa500; }

.creditTable {
  width: 746px; }
  .creditTable p {
    padding: 0; }
  .creditTable .statusGreen p {
    color: #008000; }
  .creditTable .statusRed p {
    color: #cf0000; }
  .creditTable .statusAmber p {
    color: #ffa500; }
  .creditTable th {
    width: 220px; }
  .creditTable .statusInd {
    background: #fff;
    margin: 0;
    width: auto; }

.accountStatus .content .info .genericESpot {
  float: left; }
  .accountStatus .content .info .genericESpot .ad {
    width: auto; }

.accountSelect .info_icon {
  position: absolute;
  right: 10px;
  top: 4px; }

.myAccountEspotHold {
  float: left;
  height: auto;
  margin: 10px 0;
  width: 100%; }

p.error {
  color: #cf0000;
  float: left;
  margin: 5px 0 10px 96px;
  padding: 5px 0; }

.secHead {
  font-size: 1.2em; }

.personalInfo .content .info table table {
  margin-left: 15px; }

#accountHistorySummary .siteAction {
  padding: 0 0 0 10px; }

#accountHistorySummary #invoiceRef {
  margin-right: 10px; }

.orderHistoryStatus #WC_AjaxAccountHistoryInvoiceDetailsDisplay_div_2 .siteAction {
  padding-top: 15px; }

.orderHistoryStatus .upper {
  font-size: 1.2em; }

#orderHistorySearchDisplay .info_icon.left {
  padding: 0 5px 0 0; }

#CopyOfInvoiceDtls td {
  width: 50%; }

.myAccount .displayRes {
  float: right;
  margin: 10px 0 0 0; }

#MyAccountCenterLinkDisplay_Widget #CopyOfInvoiceDtls table td, #MyAccountCenterLinkDisplay_Widget #CopyOfInvoiceDtls table th {
  background: none;
  border: none;
  vertical-align: top; }

#MyAccountCenterLinkDisplay_Widget #CopyOfInvoiceDtls td {
  vertical-align: top; }

span#payOnAccount {
  margin-top: 15px; }

.privacyLink {
  margin: 10px 0; }

.my-account-display #second_level_category_popup #productQuantity, .my-account-display #second_level_category_popup #productMoreInfoLink {
  display: none; }

.my-account-display #addedView .list {
  display: none; }

.product_upload_page #addedView .list, .quickOrderPage #addedView .list {
  display: none; }

#Attachments .lineDetails li {
  padding: 10px 0 10px 36px;
  display: block;
  background: url(../../images/pdf_icon.gif) no-repeat left 3px; }
  #Attachments .lineDetails li a {
    color: #000000;
    font-size: 13px;
    text-decoration: none; }
    #Attachments .lineDetails li a img {
      margin-right: 15px;
      vertical-align: middle; }
    #Attachments .lineDetails li a:hover, #Attachments .lineDetails li a:focus {
      text-decoration: underline; }

.strongLabel {
  font-weight: bold;
  float: left; }

.alignTop td, table .alignTop {
  vertical-align: top; }

.alignMid td, table .alignMid {
  vertical-align: middle; }

#create_quote_form textarea {
  background: #fff; }

#create_quote_form #addresslookup {
  margin-left: 139px; }

.alignTop td .checkboxLayout:first-child {
  margin-top: 0; }

#create_quote_form table {
  margin-bottom: 15px; }
  #create_quote_form table table {
    margin-bottom: 0; }
  #create_quote_form table td {
    padding-right: 10px; }
    #create_quote_form table td td {
      padding-right: 25px; }

#create_quote_form .perc {
  padding: 7px 0 0 5px; }

.quote .introText {
  margin-bottom: 15px; }

.quote .inner label {
  font-weight: bold;
  width: 138px;
  float: left; }

#OHprogBar, #UPprogBar {
  width: 170px;
  padding: 0 7px 10px 7px;
  text-align: center;
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #a6aeb8;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888; }

#OHprogBar p {
  margin-bottom: 0; }

#UPprogBar {
  left: 45%;
  position: fixed;
  top: 50%; }
  #UPprogBar p {
    margin-bottom: 0; }

.quote .inner .field {
  clear: both;
  vertical-align: middle; }

.quote .inner .checkoutTextField {
  width: 300px; }

.quote .inner select {
  width: 310px; }

.quote .inner .zipLookup {
  height: 40px; }

#page .quote .inner .zipLookup .checkoutTextField {
  width: 198px; }

.posR {
  position: relative; }

#quickOrderShowHide .siteAction {
  padding: 0 10px 0 0; }

#createQuoteNarrative {
  padding: 5px;
  width: 297px;
  font-size: 1.2em;
  position: relative; }

#quoteMsg {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #999; }

#uploadedLogo {
  font-size: 1.4em; }

#page .infoTable .cellR {
  text-align: right; }

#page #createQuoteValid {
  width: 250px;
  margin-right: 8px; }

#create_quote_desc {
  padding: 5px; }

#quichOrderDiv {
  height: 50px;
  padding-top: 20px;
  margin-bottom: 10px;
  clear: left;
  border-bottom: 1px solid #DFDFDF; }
  #quichOrderDiv .qtyWrap a {
    margin-top: 10px;
    *position: relative;
    *top: -8px; }
  #quichOrderDiv .qtyWrap label {
    *position: relative;
    *top: -8px; }
  #quichOrderDiv .col1 {
    float: left;
    margin-right: 20px; }
  #quichOrderDiv .qtyWrap {
    float: left;
    margin-right: 20px;
    width: 190px; }
    #quichOrderDiv .qtyWrap img {
      vertical-align: top;
      margin-top: 7px; }
  #quichOrderDiv .plus, #quichOrderDiv .minus {
    color: #fff; }
  #quichOrderDiv .qtyWrap #qty_quick_order {
    width: 30px;
    text-align: center; }
  #quichOrderDiv .siteAction {
    padding-top: 0; }

#quickOrderShowHide {
  float: left;
  margin: 15px 0; }

#quichOrderDiv label {
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 3px; }

.priceDownload .siteAction.right {
  clear: left;
  margin-top: 20px; }

.selectAccountLabel {
  display: block;
  float: left;
  padding-top: 5px;
  width: 100px; }

#customerQuote .shortWidth {
  width: 25px; }

#customerQuote #imgHolder {
  width: 250px;
  height: 120px;
  overflow: hidden; }

.infoTable.fullWidth.orderDet.invoice tbody th {
  text-align: right;
  padding-right: 20px; }

#box .normalWeight {
  font-weight: normal; }

#historySection, #jobListSection {
  width: 238px;
  float: left;
  margin-right: 15px; }

.imgNote {
  margin: 10px 0;
  width: 210px;
  padding: 7px;
  font-style: italic;
  background: #eee; }

.imgDesc {
  margin-top: 7px; }

#additionalSection {
  margin-right: 0; }

.priceDownload .num {
  background: #819098;
  color: #fff;
  font-size: 10px;
  position: relative;
  top: -1px;
  margin-right: 5px;
  padding: 3px 5px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px; }

.priceDownload .pri {
  padding-bottom: 20px; }

.priceDownload #selectAll, .priceDownload #deselectAll {
  display: block;
  cursor: pointer; }

.priceDownload #selectAll {
  padding-bottom: 10px; }

.priceDownload #deselectAll {
  padding-top: 10px; }

.priceDownload select {
  margin-bottom: 20px; }

#rangeSelectionWeb .field, #rangeSelectionFull .field {
  padding-left: 34px;
  position: relative; }

#rangeSelectionWeb li li .field, #rangeSelectionFull li li .field {
  padding-left: 50px; }

#rangeSelectionWeb input, #rangeSelectionWeb a {
  position: absolute;
  left: 0;
  top: 5px; }

#rangeSelectionFull input, #rangeSelectionFull a {
  position: absolute;
  left: 0;
  top: 1px; }

#rangeSelectionWeb a, #rangeSelectionFull a {
  width: 15px;
  height: 15px;
  top: 4px;
  left: 0px; }

#rangeSelectionWeb li li label, #rangeSelectionFull li li label {
  position: static; }

#rangeSelectionWeb li li input, #rangeSelectionFull li li input {
  left: 22px; }

#excelInfo {
  float: none; }

.nolink {
  cursor: default;
  filter: alpha(opacity=20);
  opacity: .2; }

/*CR042*/
#updateDetails {
  width: 460px; }
  #updateDetails .proud {
    margin-bottom: 0; }
  #updateDetails .cont {
    border: 2px solid #9fa1a4;
    border-top: 0;
    overflow: hidden;
    padding: 20px 33px; }
  #updateDetails .field {
    margin: 0 auto;
    width: 100%; }
    #updateDetails .field p {
      margin: 5px 0; }
    #updateDetails .field input {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      width: 100%; }

#changeSubordinate th {
  border: none;
  padding: 0;
  background: none; }
  #changeSubordinate th h2 {
    margin-bottom: 0; }

#changeSubordinate td {
  padding: 7px 10px;
  border-top: 0; }

#updateLogonIdEmail {
  display: inline; }

#contactEmailInfo {
  padding-top: 4px; }

#amend_buyer_details_popup .popContentWrap {
  overflow: hidden;
  padding: 0 20px; }

#amend_buyer_details_popup .header #closeLink {
  position: absolute;
  right: 35px;
  top: 0; }

#amend_buyer_details_popup .dijitDialogTitleBar {
  display: none; }

#amend_buyer_details_popup #buttonContainer {
  width: 250px;
  margin: 0 auto; }

#amend_buyer_details_popup #popupHeader {
  height: 20px; }

#updateEmailText {
  width: 340px; }
  #updateEmailText p {
    margin: 10px 0; }

#empty_basket_popup .popContentWrap {
  overflow: hidden;
  padding: 0 20px; }

#empty_basket_popup .header #closeLink {
  height: 28px;
  position: absolute;
  right: 5px;
  top: -5px;
  width: 27px;
  text-decoration: none; }

#empty_basket_popup .dijitDialogTitleBar {
  display: none; }

#empty_basket_popup #buttonContainer {
  overflow: hidden;
  width: 220px;
  margin: 0 auto; }
  #empty_basket_popup #buttonContainer .siteAction {
    clear: none; }

#empty_basket_popup #popupHeader {
  height: 0;
  width: 255px; }

#empty_basket_popup .fullPopUp {
  width: 280px; }
  #empty_basket_popup .fullPopUp .top_right, #empty_basket_popup .fullPopUp .bot_right {
    width: 272px; }
  #empty_basket_popup .fullPopUp .bodycontent {
    background-position: 100% 0;
    border-left: 1px solid #a2aab4;
    width: 259px; }

#emptyBasketMessage {
  padding-top: 10px; }

#productAccessoriesEspot .navPrev, #productAccessoriesEspot .navNext {
  display: none; }

/*
* New styles added during meeting
*/
#WC_UserRegistrationOptions_div_13 {
  margin: 0 18px 15px 0; }

#btnUpreg_Update {
  margin: 0 0 15px 0; }

#WC_LeftSidebarDisplay_div_2 .category h2, #WC_LeftSidebarDisplay_div_2 .filterheading {
  background-color: #f7f7f7; }

#WC_AjaxOrderHistorySearchDisplay_div_1 h1 {
  margin-top: 23px; }

/* Pre launch issue */
div#product div#productAccessoriesEspot.rightPdpNav div.ranking_list_container div#pdpCrossSellsWidget.thumbOuter div.thumbScroller div.thumbsNode div.imgContainer div#ranking_list_table.ranking_list_table div.ul div.li div.scrollPaneDescription {
  width: 130px; }

div#product div#productAccessoriesEspot.rightPdpNav div.ranking_list_container div#pdpCrossSellsWidget.thumbOuter div.thumbScroller div.thumbsNode div.imgContainer div#ranking_list_table.ranking_list_table div.ul div.li div.ranking-prod-code {
  width: 65px; }

/******************************
Styling for Carousels
******************************/
.wolsCarousels {
  clear: both;
  overflow: hidden;
  padding: 0px;
  position: relative;
  min-height: 215px;
  position: relative; }
  .wolsCarousels.withPagin {
    padding-bottom: 20px; }
  .wolsCarousels .itemsHold {
    width: 50000px;
    /*never exceed*/
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px 0; }
    .wolsCarousels .itemsHold .item {
      clear: none;
      padding: 0 5px;
      float: left; }
  .wolsCarousels .width5 .item {
    width: 150px;
    min-height: 185px; }
  .wolsCarousels .width4 .item {
    width: 176px;
    min-height: 185px; }
  .wolsCarousels div.img {
    width: 75px;
    height: 75px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto; }
    .wolsCarousels div.img img {
      max-height: 70px;
      max-width: 70px; }
  .wolsCarousels.isContent div.img {
    width: auto;
    height: auto; }
    .wolsCarousels.isContent div.img img {
      max-height: none;
      max-width: none; }
  .wolsCarousels .main_quickinfo_button a {
    color: #fff; }

.rightPdpNav .wolsCarousels .siteAction {
  margin-left: 0; }

.wolsCarousels a.btn-primary, input.btn-primary {
  font-size: 1.0em; }

.wolsCarousels .main_quickinfo_button {
  margin: -30px auto 0; }

.wolsCarousels .carAction {
  float: left;
  height: 32px;
  left: 0;
  line-height: 30px;
  margin-top: -16px;
  position: absolute;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 22px;
  color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  opacity: 0.8;
  padding: 0;
  filter: alpha(opacity=80);
  background: url("../../images/arrow-left-car.png") no-repeat center 50% #9fa1a4 !important;
  /*sorry*/ }

#jumboNav > li > div .categoryContent a.carAction {
  float: left;
  height: 32px;
  left: 0;
  line-height: 30px;
  margin-top: -16px;
  position: absolute;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 22px;
  color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  opacity: 0.8;
  padding: 0;
  filter: alpha(opacity=80);
  background: url("../../images/arrow-left-car.png") no-repeat center 50% #9fa1a4 !important;
  /*sorry*/ }

.wolsCarousels .next, #jumboNav > li > div .categoryContent a.next {
  left: auto;
  right: 0;
  background: url("../../images/arrow-right-car.png") no-repeat center 50% #9fa1a4 !important;
  /*sorry*/ }

.wolsCarousels .carAction:hover, #jumboNav > li > div .categoryContent a.carAction:hover, #header_menu .mm_es_recc_cats .wolsCarousels a.carAction:hover {
  background-color: #85878b !important;
  /*sorry*/ }

.wolsCarousels .displayNone, #jumboNav > li > div a.displayNone {
  display: none; }

.wolsCarousels .disabled, #jumboNav > li > div .categoryContent a.disabled {
  cursor: default;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.wolsCarousels .itemsHold .item .description a, #jumboNav > li > div .categoryContent .description a {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0; }

.wolsCarousels div.container,
.pl-enabled .wolsCarousels div.container {
  min-width: auto;
  max-width: inherit;
  padding-left: 0;
  padding-right: 0; }

.wolsCarousels .itemsHold .item .description,
.pl-enabled .wolsCarousels .itemsHold .item .description {
  height: 60px;
  overflow: hidden;
  padding-bottom: 5px; }

.wolsCarousels .itemsHold .item .container > .price,
.pl-enabled .wolsCarousels .itemsHold .item .container > .price {
  margin-top: 5px;
  padding: 5px;
  border-top: 1px solid #e7e7e7;
  background: #e5e5e6; }

.wolsCarousels .itemsHold .item .container > div:first-child,
.pl-enabled .wolsCarousels .itemsHold .item .container > div:first-child {
  height: 75px;
  padding-bottom: 5px; }

.wolsCarousels .itemsHold .item .container > div.price,
.pl-enabled .wolsCarousels .itemsHold .item .container > div.price {
  height: auto;
  padding-bottom: 5px; }

.wolsCarousels .itemsHold .item .price li b,
.pl-enabled .wolsCarousels .itemsHold .item .price li b {
  font-size: 10px;
  line-height: 16px; }

.wolsCarousels .itemsHold .item .price li i,
.pl-enabled .wolsCarousels .itemsHold .item .price li i {
  line-height: 16px;
  font-size: 14px; }

.wolsCarousels .itemsHold .item .price li.struckOut b, .wolsCarousels .itemsHold .item .price li.struckOut i,
.pl-enabled .wolsCarousels .itemsHold .item .price li.struckOut b,
.pl-enabled .wolsCarousels .itemsHold .item .price li.struckOut i {
  color: #656565; }

.wolsCarousels .paginLinks,
.pl-enabled .wolsCarousels .paginLinks {
  position: absolute;
  bottom: 9px;
  left: 0;
  text-align: center;
  width: 100%; }
  .wolsCarousels .paginLinks li,
  .pl-enabled .wolsCarousels .paginLinks li {
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    width: auto;
    margin-top: 0; }

#jumboNav > li > div .subCategories .paginLinks li {
  display: inline-block;
  text-align: center;
  padding: 0 5px;
  width: auto;
  margin-top: 0; }

.wolsCarousels .paginLinks li a, #jumboNav > li > div .subCategories .paginLinks li > a {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #e5e5e6;
  border-radius: 10px;
  border: 1px solid #85878B;
  padding: 0; }

.wolsCarousels .paginLinks li a.current, #jumboNav > li > div .subCategories .paginLinks li > a.current {
  background: #85878B; }

.categoryContent .wolsCarousels {
  clear: both; }
  .categoryContent .wolsCarousels .item .button {
    display: none; }

#jumboNav > li > div .categoryContent .wolsCarousels .button_bottom a {
  padding: 0; }

.categoryContent .wolsCarousels .itemsHold .item .description {
  overflow: hidden;
  height: auto; }

.carouselFeel .imgWrap .img {
  clear: both;
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 75px;
  height: 75px;
  overflow: hidden;
  margin-bottom: 5px; }
  .carouselFeel .imgWrap .img img {
    max-height: 70px;
    max-width: 70px; }

#left_nav .carouselFeel p.break {
  padding: 0px 7px 2px;
  text-align: left;
  line-height: 12px;
  margin: 0; }

#left_nav .carouselFeel p.pdpLink {
  margin: 5px 0 0; }

#left_nav .carouselFeel p.code {
  margin: 5px 0 5px; }

#browsingHistoryDisplay .button_fit_padder a, #PDPUpsellespotEspotContainer .button_fit_padder a {
  padding: 5px; }

#browsingHistoryDisplay .scrollPaneDescription, #PDPUpsellespotEspotContainer .scrollPaneDescription {
  padding: 0 5px 10px; }

#browsingHistoryDisplay .scrollPaneDescription p a, #PDPUpsellespotEspotContainer .scrollPaneDescription p a {
  padding-top: 10px; }

#browsingHistoryDisplay .scrollPaneDescription p.code, #PDPUpsellespotEspotContainer .scrollPaneDescription p.code {
  padding-top: 5px; }

.carouselFeel {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e7e7e7; }
  .carouselFeel:last-child {
    border-bottom: none;
    padding-bottom: 0px; }
  .carouselFeel .rightside_quickinfo_button {
    left: 46px; }
  .carouselFeel .priceWrap {
    background: #e5e5e6;
    padding: 5px;
    margin: 0 7px; }
  .carouselFeel .price li.struckOut b, .carouselFeel .price li.struckOut i {
    color: #656565; }

.wolsCarousels .itemsHold .item .price li.struckOut, .carouselFeel .price li.struckOut {
  display: none;
  /* hide discount price for now*/ }

#left_nav #browsingHistoryDisplay .price ul {
  margin: 0; }

#left_nav #browsingHistoryDisplay .price li {
  border: none;
  padding: 0;
  margin: 0;
  line-height: 16px; }

.browsing_history_espot h2 {
  padding: 7px 10px;
  font-size: 12px; }

div.browsing_history_espot {
  display: inline-block;
  width: 186px;
  margin-top: 36px;
  margin-bottom: 12px;
  padding-left: 7px; }
  div.browsing_history_espot.displayNone {
    display: none; }

.displayNone {
  display: none; }

/* pattern library overrides for carousels */
#homePage .espotWrap,
#BasketCrossSellProducts,
#replacementsEspot {
  width: 100%; }
  #homePage .espotWrap .pl-enabled.genericESpot *,
  #BasketCrossSellProducts .pl-enabled.genericESpot *,
  #replacementsEspot .pl-enabled.genericESpot * {
    box-sizing: content-box; }
  #homePage .espotWrap .pl-enabled .wolsCarousels .container,
  #BasketCrossSellProducts .pl-enabled .wolsCarousels .container,
  #replacementsEspot .pl-enabled .wolsCarousels .container {
    min-width: auto;
    max-width: unset;
    margin: 0;
    padding: 0; }
  #homePage .espotWrap .pl-enabled .wolsCarousels.withPagin,
  #BasketCrossSellProducts .pl-enabled .wolsCarousels.withPagin,
  #replacementsEspot .pl-enabled .wolsCarousels.withPagin {
    padding-bottom: 30px; }
    #homePage .espotWrap .pl-enabled .wolsCarousels.withPagin .paginLinks,
    #BasketCrossSellProducts .pl-enabled .wolsCarousels.withPagin .paginLinks,
    #replacementsEspot .pl-enabled .wolsCarousels.withPagin .paginLinks {
      bottom: 0; }

/******************************
Styling for Top Browsed section
******************************/
#TopBrowsedDisplayScrollPane .imgContainer {
  border: none; }

#TopBrowsedDisplayScrollPane .ranking_list_table div.img {
  width: 100%; }

#TopBrowsedDisplayScrollPane .ranking_list_table .ul .li {
  float: left;
  text-align: center;
  margin-right: 15px;
  width: 180px; }
  #TopBrowsedDisplayScrollPane .ranking_list_table .ul .li .scrollPaneDescription {
    height: auto;
    font-size: 1.2em;
    padding: 10px 10px 0px 10px;
    float: left;
    width: 173px;
    overflow: auto; }
    #TopBrowsedDisplayScrollPane .ranking_list_table .ul .li .scrollPaneDescription a {
      font-weight: bold;
      font-size: 1.0em; }
  #TopBrowsedDisplayScrollPane .ranking_list_table .ul .li .price .wasPrice {
    font-size: 13px;
    text-align: center;
    width: 193px; }
  #TopBrowsedDisplayScrollPane .ranking_list_table .ul .li .price .nowPrice {
    font-size: 14px;
    text-align: center;
    width: 193px; }
  #TopBrowsedDisplayScrollPane .ranking_list_table .ul .li .button_fit_padder {
    float: left;
    width: 194px; }
    #TopBrowsedDisplayScrollPane .ranking_list_table .ul .li .button_fit_padder .siteAction {
      padding: 5px 0px 0px 17px; }

/* Express delivery calendar styles */
span.tooSoon {
  display: block;
  text-align: right;
  padding: 5px 5px 0 5px;
  font-weight: bold; }

p.radioLine {
  font-weight: bold;
  padding-bottom: 5px; }

span.priceText {
  display: inline-block;
  float: right;
  padding-left: 10px;
  font-weight: normal; }

#page .login_div a {
  color: #fff;
  font-size: 1.2em; }

/*login panle css*/
.espot1Wrapper {
  position: relative;
  width: 100%;
  height: 337px; }

#login_panle {
  background: #eee;
  padding: 10px 10px 0;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 200px;
  z-index: 9;
  border: 1px solid #ccc;
  border-radius: 5px; }
  #login_panle .header_return {
    padding: 5px; }
  #login_panle h2 {
    color: #fff;
    height: auto; }
  #login_panle input {
    width: 190px; }

#WC_AccountDisplay_div_7 {
  margin-top: 10px; }

#WC_AccountDisplay_div_12 a {
  font-size: 14px; }

.new_field #WC_AccountDisplay_div_12 {
  margin-top: 0; }
  .new_field #WC_AccountDisplay_div_12 a {
    border: 1px solid #ccc;
    color: #fff;
    padding: 5px 0;
    width: 100%; }

.new_field div {
  text-align: center;
  margin-top: 15px; }

.field .linkAction a {
  font-size: 10px; }

.logonFieldHold .linkAction a.myaccount_link {
  text-decoration: underline; }

#WC_AccountDisplay_div_7 .new_field .linkAction a {
  font-size: 11px;
  text-decoration: underline;
  line-height: 14px; }

/*PLP/PDP variable pack css*/
#new_fonfirm {
  clear: both; }

.order_components {
  float: left;
  margin: 0 auto; }
  .order_components .icon_purple {
    margin: 5px 0;
    width: 32px;
    height: 32px;
    background: url("../../images/VariablePack_icon.png") no-repeat;
    float: left; }

#variablePackConfirm .icon_purple {
  margin: 5px 0;
  width: 32px;
  height: 32px;
  background: url("../../images/VariablePack_icon.png") no-repeat;
  float: left; }

#variablePackConfirm p {
  font-size: 12px;
  font-weight: bold;
  margin-left: 20px;
  width: 250px;
  display: inline;
  float: left;
  color: purple; }

#requestShippingDateDiv {
  position: relative; }
  #requestShippingDateDiv #variablePackConfirm p {
    clear: none;
    margin-left: 10px;
    width: 135px; }
  #requestShippingDateDiv #variablePackConfirm.otherWarning p {
    color: #656565;
    font-weight: bold; }

#variablePackConfirm {
  position: absolute;
  top: 50px;
  left: 0;
  width: 180px; }

#delInfo .order_components p {
  margin-left: 10px;
  width: 185px; }

#delInfo .order_components .icon_purple {
  margin-top: 10px; }

#addedView,
#cMessageArea {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 340px;
  margin-left: -191px;
  margin-top: -123px;
  padding: 30px;
  z-index: 9999;
  opacity: 1;
  box-sizing: content-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 2px; }

#addedView p, #addedView fieldset, #addedView form, #addedView li, #addedView ol, #addedView ul, #addedView dl, #addedView tr,
#cMessageArea p,
#cMessageArea fieldset,
#cMessageArea form,
#cMessageArea li,
#cMessageArea ol,
#cMessageArea ul,
#cMessageArea dl,
#cMessageArea tr {
  font-size: 11px; }
  .pl-enabled #addedView p, .pl-enabled #addedView fieldset, .pl-enabled #addedView form, .pl-enabled #addedView li, .pl-enabled #addedView ol, .pl-enabled #addedView ul, .pl-enabled #addedView dl, .pl-enabled #addedView tr, .pl-enabled
  #cMessageArea p, .pl-enabled
  #cMessageArea fieldset, .pl-enabled
  #cMessageArea form, .pl-enabled
  #cMessageArea li, .pl-enabled
  #cMessageArea ol, .pl-enabled
  #cMessageArea ul, .pl-enabled
  #cMessageArea dl, .pl-enabled
  #cMessageArea tr {
    font-size: 13px; }

#addedView .message {
  padding: 8px 0 16px 10px;
  font-weight: bold;
  display: table; }
  #addedView .message p {
    padding-left: 10px;
    vertical-align: middle;
    display: table-cell; }

#addedView .addedIcon {
  vertical-align: middle;
  display: table-cell;
  margin-bottom: 10px; }

#addedView table {
  border-collapse: collapse; }

#addedView .list {
  padding: 0;
  border-top: 1px solid #ccc; }

#addedView td {
  padding: 5px; }
  #addedView td.cartImage a {
    display: block;
    height: 75px;
    width: 75px;
    overflow: hidden; }
  #addedView td.cartImage img {
    max-height: 70px;
    max-width: 70px; }

#addedView .priceRow {
  border-bottom: 1px solid #ccc; }
  #addedView .priceRow td {
    font-weight: bold;
    border-top: 1px solid #ccc; }

#addedView td p.orderCode, #addedView .footer {
  padding-top: 5px; }

#addedView .btn {
  float: right; }

#addedView .btn.pull-left {
  float: left; }

#cMessageArea {
  margin-top: -30px;
  vertical-align: middle;
  min-height: 30px; }
  #cMessageArea p {
    font-size: 12px;
    vertical-align: middle;
    color: #000;
    padding: 5px 0 5px 40px;
    margin-bottom: 0; }
  #cMessageArea .pl-icon.icon-overlay-status {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 22px; }
    #cMessageArea .pl-icon.icon-overlay-status.icon-times-circle:after {
      width: 18px; }
  #cMessageArea .content {
    padding: 5px 0 5px 40px; }
  #cMessageArea .quoteContrac
tCancel {
    float: right; }

.closeIcon {
  background: url(../../images/svg/png-fallbacks/close_icon_black.png) 0 0 no-repeat;
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer; }
  .closeIcon.static {
    position: static;
    margin-bottom: 5px; }

.qiButtonWrapper {
  clear: both; }

a.withIconRight {
  padding-left: 10px; }

#addToThisRequisitionListContainer {
  float: right; }
  #addToThisRequisitionListContainer .btn-tertiary_shadow {
    background: none; }

#order_details .th_align_left_normal .details a.btn {
  float: right;
  margin-right: 28px; }

/* SRP (Search Results Page) LHN Category filter More button */
.facetSelect > li.more ~ li {
  display: none; }

.facetSelect.active > li.more {
  display: none; }
  .facetSelect.active > li.more ~ li {
    display: block; }

/* Default background for all ribbon ad's */
.product_image .RibbonAdDefault {
  position: absolute;
  bottom: 64px;
  left: 0;
  width: 110px;
  height: 20px;
  background-color: #2C2C2C;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.76, #444444), color-stop(1, rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #444444 76%, rgba(255, 255, 255, 0) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FF444444', endColorStr='#00FFFFFF')";
  zoom: 1;
  font-size: 14px;
  line-height: 20px;
  color: #FFF;
  padding-left: 10px;
  border-radius: 3px;
  text-align: left;
  vertical-align: baseline;
  overflow: visible;
  white-space: nowrap; }
  .product_image .RibbonAdDefault.RibbonAdStyle {
    background-color: #CA4200;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.76, #ca4300), color-stop(1, rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #ca4300 76%, rgba(255, 255, 255, 0) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FFCA4300', endColorStr='#00FFFFFF')";
    bottom: 70px; }

/*change all site height*/
.header_userName {
  line-height: 26px;
  text-align: right;
  font-size: 1.1em; }

.qasButt .btn {
  margin-bottom: 5px; }

.qasButt .link {
  clear: both;
  display: block;
  margin-top: 10px;
  text-align: center; }

.togPriceWrap {
  position: relative; }
  .togPriceWrap a.toggle-trigger {
    position: absolute;
    top: 20px;
    right: 0;
    padding: 0;
    margin: 0; }

/*change for "Phase 1 Release 2 - High Level Req - Journey And Checkout v1.1 â€“ Best Price Messaging section"*/
#plpPriceToggle, #standardPrice, #retailPriceForTrade {
  display: none; }

.price li {
  font-size: 12px; }

li.product .price li {
  font-size: 1.3em;
  font-weight: bold; }
  li.product .price li.struckOut {
    font-size: 1.1em;
    color: #656565; }

#product .price li, #second_level_category_popup .price li {
  font-size: 1.4em;
  font-weight: bold; }

.price li i {
  font-size: 1.4em;
  font-style: normal;
  text-decoration: none; }

.price li b, .price li i {
  display: inline-block; }

.price li.struckOut b, .price li.struckOut i, .price li.struckOut strong {
  color: #656565;
  position: relative;
  text-decoration: line-through; }

#product .price {
  padding-top: 10px; }
  #product .price li.struckOut {
    font-size: 1.1em; }

#second_level_category_popup .price li.struckOut {
  font-size: 1.1em; }

#product .price li.struckOut b, #product .price li.struckOut i {
  color: #656565; }

#second_level_category_popup .price li.struckOut b, #second_level_category_popup .price li.struckOut i {
  color: #656565; }

#product .price span {
  display: inline; }

/*change for new PLP styles*/
.four_grid .compareSectionWrap {
  float: left;
  margin-left: 42px;
  display: inline; }

.four_grid .addToList {
  float: left; }

.details_list_center, .details_list_left {
  float: left; }

.check_box_new {
  margin-right: 8px; }

.compareLabel {
  float: right; }

.compareSectionWrap .checkbox {
  margin-right: 7px; }

.details_list_center {
  width: 350px; }

.details_list_right {
  width: 200px;
  float: right;
  border-left: 2px solid #f2f5fb;
  padding-left: 5px; }

.compareSectionWrap div a {
  float: right; }

.horizontal_grid li.product .qty {
  text-align: center; }

.horizontal_grid li.product .details_list_right .attrWrap .priceWrap {
  float: none; }

.horizontal_grid li.product .details_list_right .attrWrap .siteAction {
  float: none; }
  .horizontal_grid li.product .details_list_right .attrWrap .siteAction a {
    float: none; }

.horizontal_grid li.product .details_list_right .qty {
  float: none; }
  .horizontal_grid li.product .details_list_right .qty label, .horizontal_grid li.product .details_list_right .qty input {
    float: none; }

.horizontal_grid li.product .siteAction, .horizontal_grid li.product .compareSectionWrap div a {
  float: none; }

.horizontal_grid li.product .details_list_right .qty label, .horizontal_grid li.product .details_list_right .qty input {
  display: inline; }

.horizontal_grid li.product .details_list_right .attrWrap .siteAction {
  margin-left: 0;
  margin-top: 10px; }
  .horizontal_grid li.product .details_list_right .attrWrap .siteAction a {
    display: block; }

.addToList label a {
  text-decoration: underline; }

.details_list_center li {
  margin-top: 10px;
  float: left;
  margin-right: 10px;
  display: inline; }
  .details_list_center li img {
    vertical-align: middle;
    width: 25px;
    height: 25px; }

.four_grid ul img {
  vertical-align: middle;
  width: 25px;
  height: 25px; }

.details_list_center li strong {
  padding-left: 6px;
  font-size: 1.1em; }

.delivery_ul {
  margin-left: 90px; }
  .delivery_ul li {
    margin-top: 10px; }

/*change for new PDP styles*/
#product .product_label, #product .priceWrap, #product .attQtyWrap, #product .buttonWrap {
  background-color: #f7f7f7;
  text-align: center; }

#product .attQtyWrap {
  text-align: left; }
  #product .attQtyWrap .btn {
    float: right; }

#product .product_label .pdpQty {
  display: inline-block; }
  #product .product_label .pdpQty input {
    display: inherit; }
  #product .product_label .pdpQty label {
    float: none; }

#product .product_label .buttonWrap {
  height: auto; }
  #product .product_label .buttonWrap p {
    float: none; }
  #product .product_label .buttonWrap .siteAction {
    float: none; }
    #product .product_label .buttonWrap .siteAction a {
      float: none; }

#product .attQtyWrap {
  border-top: 1px solid #fff;
  padding: 10px; }
  #product .attQtyWrap .pdpQty {
    font-size: 16px; }
    #product .attQtyWrap .pdpQty label {
      float: none; }
    #product .attQtyWrap .pdpQty input {
      display: inherit; }

#product .collectDeliveryGuide {
  border-left: 1px solid #F6F6F6;
  border-right: 1px solid #F6F6F6;
  border-top: 0 none;
  border-bottom: 0 none;
  float: none;
  margin: 0;
  padding: 0; }
  #product .collectDeliveryGuide .panel, #product .collectDeliveryGuide .siteAction {
    border-bottom: 1px solid #F6F6F6; }

#product .product_options .siteAction {
  float: none; }
  #product .product_options .siteAction a {
    float: none; }

#product .product_options p {
  float: none; }

#product .product_options .siteAction {
  margin-left: 0;
  text-align: center; }

#new_fonfirm.order_components {
  float: none;
  background: #e5e5e6;
  margin: 0;
  padding: 10px 0;
  text-align: center; }
  #new_fonfirm.order_components div, #new_fonfirm.order_components p {
    float: none; }
  #new_fonfirm.order_components div, #new_fonfirm.order_components p {
    display: inline-block;
    vertical-align: top; }

.order_components {
  float: none;
  margin-top: 10px; }
  .order_components:after {
    content: "";
    display: block;
    clear: both; }

.collectDeliveryGuide + .siteAction {
  border-bottom: 1px solid #F6F6F6;
  border-left: 1px solid #F6F6F6;
  border-right: 1px solid #F6F6F6; }

.collectDeliveryGuide .checkStore.stock-check .siteAction .btn.btn-secondary {
  margin-top: 0; }

.collectDeliveryGuide .btn-secondary,
.collectDeliveryGuide + .siteAction .btn-secondary {
  display: inline-block; }

#product .collectDeliveryGuide .panel.checkStore .siteAction {
  padding-bottom: 0;
  border-bottom: none; }
  #product .collectDeliveryGuide .panel.checkStore .siteAction + .siteAction {
    padding-bottom: 0; }

#product .product_label {
  padding-bottom: 10px; }

#product .collectDeliveryGuide .panel.checkStore .siteAction + .siteAction {
  margin-top: 5px; }

.four_grid .order_components {
  padding: 0 10px; }
  .four_grid .order_components p {
    margin-left: 10px;
    width: 180px; }

.contentBlock {
  background: #fff;
  padding: 15px 10px;
  margin: 5px 0 10px;
  overflow: hidden; }
  .contentBlock.highlight {
    background: #f0f0f2; }

.dateInfo {
  background: #fff;
  padding: 5px; }

.grid {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%; }
  .grid .col {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box; }

.col.full {
  width: 100%; }

.col.fifth {
  width: 20%; }

.col.third {
  width: 33.33%; }

.col.half {
  width: 50%; }

.col.two-thirds {
  width: 66.66%; }

.col.fourth {
  width: 25%; }

.col.three-fourths {
  width: 75%; }

.col.four-fifths {
  width: 80%; }

.contentPanel .genericESpot {
  text-align: center; }

.dateInfo p {
  padding-bottom: 10px; }

.delDateChanged.dateInfo {
  background: #feefb3;
  border: 1px solid #F8CB17; }
  .delDateChanged.dateInfo .delDateChangedInfo {
    background: url(../../images/amber-exclamation.png) no-repeat 10px 0px;
    float: left;
    padding: 2px 20px 5px 45px;
    background-size: 23px 20px; }

.lgText {
  font-size: 14px; }

.deliveryNotes {
  padding: 10px 0; }

.ctaChangeDate {
  margin-left: 30px; }

.deliveryNotes textarea {
  width: 300px; }

.addressAction {
  padding: 5px 0 10px 17px; }
  .addressAction a {
    display: block;
    margin-top: 10px; }

.addressSection label {
  font-weight: bold; }

.addressSection .col {
  margin-bottom: 15px; }

.billing .siteAction a {
  color: #fff; }

.genForm .deliveryMethodPage .leftContainer {
  width: 690px; }

.contentPanel h2 {
  display: inline-block;
  font-size: 14px;
  padding-right: 5px; }

.checkoutForm .field label {
  float: left;
  padding: 6px 12px 0 0;
  text-align: right;
  width: 132px; }

.checkoutForm .field em {
  float: none; }

.checkoutForm .checkoutTextField {
  width: 320px; }

.contentPanel h2 {
  display: inline-block;
  font-size: 14px;
  padding-right: 5px; }

.bodyarea #addressFormContent {
  width: 720px; }

#addressForm {
  overflow: hidden; }

#addressType .radfield {
  display: inline-block;
  padding: 0 10px 0; }

.callToAction {
  text-align: center; }
  .callToAction a {
    display: inline-block;
    margin: 0 auto; }
    .callToAction a.btn {
      float: none; }

.pdpChangeBranch a {
  text-align: center;
  display: block; }

#pdpChangeBranchOverlay {
  width: 650px;
  padding: 12px 0; }

.pdpBranchResults {
  clear: both; }
  .pdpBranchResults .title {
    padding-top: 5px; }
  .pdpBranchResults h4 {
    font-size: 12px;
    margin: 0 0 5px; }
  .pdpBranchResults .storeDetail p {
    margin: 0 0 0 10px; }
    .pdpBranchResults .storeDetail p.storeName {
      margin: 0; }
      .pdpBranchResults .storeDetail p.storeName a {
        font-size: 14px; }
  .pdpBranchResults address {
    float: left; }
  .pdpBranchResults .prefLoc {
    display: none;
    float: right;
    padding-top: 40px; }
    .pdpBranchResults .prefLoc p {
      text-align: right;
      padding-top: 10px;
      padding-right: 45px;
      font-style: italic; }
  .pdpBranchResults .prefered .prefLoc {
    display: block; }
  .pdpBranchResults .storeDetail {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc; }

#pdpBranchForm {
  margin-bottom: 12px;
  border-bottom: 1px solid #ccc;
  overflow: auto;
  padding-bottom: 10px; }
  #pdpBranchForm .siteAction {
    margin-left: 12px; }

.authframe iframe {
  display: block;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  overflow: scroll; }

#hpp_popup {
  width: 650px; }

.genericOverlay {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 5px; }
  .genericOverlay .header {
    box-sizing: border-box;
    padding: 0 14px 0 10px;
    overflow: hidden;
    position: relative; }
    .genericOverlay .header h2 {
      border-bottom: 1px solid #ccc;
      float: left;
      padding: 10px 0 14px;
      text-align: left;
      width: 100%; }
  .genericOverlay .close {
    position: absolute;
    right: 20px; }
    .genericOverlay .close a {
      height: 12px;
      width: 12px;
      position: absolute;
      right: 15px;
      top: 10px; }
  .genericOverlay .bodyarea {
    padding: 10px; }
  .genericOverlay .dijitDialogTitleBar {
    display: none; }

#editShippingAddressArea1 {
  overflow: auto;
  width: 750px; }

.genForm .addressSection label {
  vertical-align: baseline;
  padding-left: 10px; }

.genForm .addressSection input {
  margin-top: -3px; }

.checkoutForm .fieldEspot {
  float: right;
  width: 190px; }

/*  Price breaks table styles */
#priceBreaks table {
  margin: 10px auto 20px;
  width: 250px; }
  #priceBreaks table thead th {
    color: #fff;
    width: 50%; }
  #priceBreaks table th, #priceBreaks table td {
    background: #fff;
    border: 1px solid #ccc; }

.infoMessage {
  margin-top: 12px;
  font-weight: bold;
  color: red; }

#order_details .th_align_left_normal .details .infoMessage, .red {
  color: red; }

#order_details .th_align_left_normal .details .infoMessage a {
  display: inline-block;
  padding-top: 5px; }

.altLink {
  text-align: right;
  padding-top: 12px; }
  .altLink a {
    font-size: 12px; }

.widget-header h2 {
  padding: 12px 0 5px;
  font-weight: bold; }

h2.shaded {
  background: #f7f7f7;
  font-weight: bold;
  margin-bottom: 12px; }

body.myAccount h2.shaded {
  padding-left: 12px; }

table.spacedBottom {
  margin-bottom: 12px; }

/******** Styles for composer generated pages *******/
/*** PLP page ***/
.plpPage #content_wrapper_box, .pdpPage #content_wrapper_box {
  width: 100%; }

.composer .fullWidth {
  clear: both;
  width: 100%; }

.composer .leftCol {
  clear: both;
  float: left;
  margin-bottom: 10px;
  width: 210px; }

.composer .rightCol {
  float: right;
  margin-bottom: 10px;
  width: 210px; }

.composer .depMainCol {
  float: left;
  margin: 30px 0 10px;
  overflow: hidden;
  width: 535px; }

.composer .catMainCol {
  float: left;
  margin: 30px 0 10px;
  width: 745px; }

.plpPage #box, .pdpPage #box {
  min-height: 0px; }

/*** End PLP page ***/
/*** PDP page ***/
.composer #product {
  margin: 0; }

.composer .pdpProdTitle {
  float: right;
  margin-top: 24px;
  width: 747px; }

.composer .rightProdCol {
  float: right;
  width: 425px; }

.composer .leftProdCol {
  float: right;
  margin-right: 22px;
  width: 300px; }

.composer .prodMainCol {
  float: right;
  width: 747px; }
  .composer .prodMainCol #mainTabContainer, .composer .prodMainCol #mainTabContainer_mini {
    border-top: 1px solid #e0e0e0; }
  .composer .prodMainCol .specs .info {
    padding: 20px; }

.composer #mainTabContainer {
  background: none; }

.composer .contentgrad_header .display_text {
  display: none; }

.composer .wolsList {
  padding: 12px; }

/*** End PDP page ***/
/*** static content pages ***/
/*** End static content pages ***/
/******* Grid styles for oob composer layouts *********/
/* Row container */
.rowContainer {
  padding: 5px 0; }
  .rowContainer > .row {
    padding: 5px 0; }
    .rowContainer > .row.margin-true {
      padding: 0 5px; }

.row.margin-true > div > div {
  margin: 10px 5px; }
  .row.margin-true > div > div:first-of-type {
    margin-top: 5px; }
  .row.margin-true > div > div:last-of-type {
    margin-bottom: 5px; }

.row.margin-true > div > .row {
  margin: 0 !important; }

.row:after {
  content: "";
  display: block;
  clear: both; }

.row > div {
  float: left; }

.row > .right {
  float: right; }

/* Row */
/* Columns */
.rowContainer .col1 {
  width: 8.333333%; }

.rowContainer .col2 {
  width: 16.666666%; }

.rowContainer .col3 {
  width: 25%; }

.rowContainer .col4 {
  width: 33.333333%; }

.rowContainer .col5 {
  width: 41.666666%; }

.rowContainer .col6 {
  width: 50%; }

.rowContainer .col7 {
  width: 58.333333%; }

.rowContainer .col8 {
  width: 66.666666%; }

.rowContainer .col9 {
  width: 75%; }

.rowContainer .col10 {
  width: 83.333333%; }

.rowContainer .col11 {
  width: 91.666666%; }

.rowContainer .col12 {
  width: 100%; }

/************* END composer page styles *************/
/************* accordian styles *************/
#accordianContent {
  float: left;
  height: auto;
  margin-top: 20px;
  overflow: hidden; }
  #accordianContent.closed {
    height: 0; }
  #accordianContent > div.expanded {
    top: 0; }

/************* END accordian styles *************/
.header_userName {
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  text-align: left;
  top: 0;
  width: 100%; }
  .header_userName .tradeCashUser {
    width: 100%; }

.withTradeBar span.loggedInUser {
  color: #ffffff;
  margin-top: 6px; }

.withTradeBar .loggedInUser {
  float: left;
  line-height: 15px;
  width: 200px; }
  .withTradeBar .loggedInUser span {
    color: #ffffff; }

.withTradeBar #header_logo {
  padding-top: 0; }

/************* END trade user top bar styles *************/
/************* START custom select box styles **************/
#header_links .select {
  position: relative; }

#header_links .selectContent {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d0d0d0;
  border-radius: 4px 0 4px 4px;
  margin: -1px 0 0;
  position: absolute;
  right: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 110; }
  #header_links .selectContent > ul {
    margin: 0; }
  #header_links .selectContent ul > li {
    float: none; }
  #header_links .selectContent li a {
    border-bottom: 1px solid #d0d0d0;
    border-left: medium none;
    margin: 0;
    padding: 15px 40px 15px 10px; }

#header_links .selectActive {
  border-color: #d0d0d0 #d0d0d0 #ffffff;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px;
  z-index: 120; }

#header_links .selectTrigger {
  margin-right: 4px;
  padding-right: 14px; }

#header_links .selectActive .selectTrigger {
  border-left: 1px solid #ffffff;
  margin-right: 4px;
  margin-top: 9px;
  padding: 0 13px 0 9px; }

#header_links .selectContent ul > li.last a {
  border: medium none; }

/************* END custom select box styles **************/
/************* START product upload styles **************/
.uploadContainer {
  overflow: hidden; }

.uploadLeftEspotHold {
  float: left;
  margin-bottom: 10px;
  width: 560px; }

.uploadRightEspotHold {
  float: right;
  margin-bottom: 10px;
  width: 380px; }

#productuploadform form {
  float: left; }

.uploadContainer > h2 {
  margin-bottom: 10px; }

#UpLoadedFile {
  border: 1px solid #d0d0d0;
  font-size: 12px;
  max-width: 560px;
  min-width: 400px;
  padding: 10px; }

#productUpload {
  margin-bottom: 10px; }

#upload_table, #upload_success_table {
  float: left;
  margin-top: 10px; }

#upload_table .qtyWrap input {
  font-weight: bold;
  width: 40px;
  padding-left: 1px;
  padding-right: 1px;
  text-align: center; }

#upload_table .qtyWrap a {
  padding: 0;
  margin: 2px 0;
  text-decoration: none; }
  #upload_table .qtyWrap a img {
    vertical-align: middle;
    *vertical-align: super; }

#upload_table .QTY a {
  display: inline-block;
  margin-top: 12px; }
  #upload_table .QTY a.block {
    display: block; }

#upload_table th {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  vertical-align: middle;
  padding: 0px 7px 0px 7px; }

#upload_success_table th {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  vertical-align: middle;
  padding: 0px 7px 0px 7px; }

#upload_table tr.nested th, #upload_success_table tr.nested th {
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  font-size: 1.2em;
  color: #656565;
  vertical-align: middle;
  padding: 8px; }

#upload_table td, #upload_success_table td {
  padding: 6px 3px;
  vertical-align: top;
  border-bottom: 1px solid #dfdfdf; }

#upload_tableCell_checkbox {
  width: 70px; }
  #upload_tableCell_checkbox > label {
    display: block;
    margin-bottom: 5px; }

#upload_tableCell_productName {
  width: 300px; }

#upload_tableCell_quantity {
  width: 100px; }

#upload_tableCell_each {
  width: 120px; }

#upload_table .qtyWrap {
  text-align: center; }

#upload_table .img {
  float: left;
  margin-right: 7px;
  width: 75px;
  height: 75px;
  overflow: hidden; }
  #upload_table .img img {
    max-height: 70px;
    max-width: 70px; }

#upload_table .align_center {
  text-align: center; }

upload_table .align_center {
  text-align: center; }

#upload_table .qtyWrap, #upload_table .align_right {
  text-align: center; }

#upload_success_table .align_center {
  text-align: center; }

#upload_table .align_left, #upload_success_table .align_left {
  text-align: left; }

#upload_table tr.productItem td {
  padding: 10px;
  vertical-align: middle; }
  #upload_table tr.productItem td.uploadProductImg {
    width: 90px; }
  #upload_table tr.productItem td.uploadProductDesc {
    max-width: 500px; }

#upload_table tr.special td {
  background: #feefb3; }

#upload_table tr.productItem td.addToList {
  background: #eee; }

#upload_success_table tr.productItem td {
  padding: 20px 10px; }

#upload_table .details p, #upload_table .productItem p {
  font-size: 1.1em;
  margin-top: 5px; }

#upload_table p.productCode {
  display: block;
  font-weight: bold;
  word-wrap: break-word; }

#upload_table .productCode span {
  float: left;
  margin-top: 5px;
  width: 100%; }

#productsDiv .siteAction {
  float: left; }

#uploadSuccess {
  background: #fff9e0 none repeat scroll 0 0;
  border: 1px solid #dfdfdf;
  float: left;
  margin: 10px 0;
  padding: 15px; }

#uploadCount {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px; }

#uploadSuccess h4 {
  clear: both;
  float: left;
  font-size: 12px;
  margin: 10px 0 4px; }

#uploadSuccess > p {
  clear: both;
  float: left; }

#upload_success_table_line {
  width: 70px; }

#nonbuyable_popup {
  width: 600px; }
  #nonbuyable_popup #popupHeader {
    background: none;
    box-sizing: border-box;
    padding: 0 14px 0 10px; }
    #nonbuyable_popup #popupHeader h2 {
      font-size: 1.7em;
      font-weight: bold; }
  #nonbuyable_popup .bodycontent {
    background: none;
    padding-top: 14px; }
    #nonbuyable_popup .bodycontent p {
      padding: 12px 0 12px;
      font-size: 1.2em; }
    #nonbuyable_popup .bodycontent .itemSection {
      overflow-y: auto;
      max-height: 234px;
      border: 1px solid #ccc;
      padding: 0 5px; }
      #nonbuyable_popup .bodycontent .itemSection li {
        border-bottom: 1px solid #ccc;
        font-size: 1.4em;
        min-height: 30px;
        overflow: hidden;
        padding: 8px;
        display: table-cell;
        width: 100%;
        float: left;
        box-sizing: border-box; }
        #nonbuyable_popup .bodycontent .itemSection li p {
          font-size: 1.4em; }
        #nonbuyable_popup .bodycontent .itemSection li span {
          font-weight: bold; }
      #nonbuyable_popup .bodycontent .itemSection li:last-child {
        border-bottom: none; }
    #nonbuyable_popup .bodycontent .siteAction a {
      margin-left: 120px; }
    #nonbuyable_popup .bodycontent .siteAction #addToBasketOrList {
      float: right;
      margin-left: 0;
      margin-right: 120px; }

/* radio button toggle styles */
.toggle {
  /*border: 1px solid #d0d0d0;*/
  float: left;
  margin: 0;
  overflow: hidden;
  width: auto; }
  .toggle label {
    float: left;
    width: 2.0em; }
    .toggle label span {
      cursor: pointer;
      display: block;
      font-size: 1.1em;
      padding: 10px;
      text-align: center; }
    .toggle label input {
      position: absolute;
      right: 999em; }

.toggleWrap .toggle label span.input-checked {
  border: none;
  color: #fff;
  padding: 11px; }

.toggleWrap {
  display: inline-block; }
  .toggleWrap .toggle:first-child label span {
    border-radius: 15px 0px 0px 15px;
    webkit-border-radius: 15px 0px 0px 15px;
    padding-left: 15px;
    border-right: none; }
  .toggleWrap .toggle:last-child label span {
    border-radius: 0px 15px 15px 0px;
    webkit-border-radius: 0px 15px 15px 0px;
    padding-right: 15px; }
  .toggleWrap .toggle label span {
    text-decoration: none;
    color: #fff;
    padding: 10px;
    border-radius: 15px;
    webkit-border-radius: 15px;
    font-size: 1.3rem; }

.toggleLeft {
  border-radius: 5px 0 0 5px; }

.toggleRight {
  border-radius: 0 5px 5px 0; }

/* END radio button toggle styles */
/************* END product upload styles **************/
/************* START basket replacements popup *************/
#basket_replacements_popup .header h2 {
  font-size: 14px;
  font-weight: bold; }

#basket_replacements_popup h2, #basket_replacements_popup h3 {
  margin: 0; }

#basket_replacements_popup .bodyarea {
  padding: 10px; }

#basket_replacements_popup .main_product {
  overflow: hidden;
  padding: 0px 10px; }

#basket_replacements_popup .details_list_center {
  width: 200px;
  margin-left: 150px; }

#basket_replacements_popup .details_list_right {
  border: none;
  clear: both;
  float: left;
  margin-left: 150px;
  padding: 0;
  width: 250px; }

#basket_replacements_popup .details_list_left {
  height: 110px;
  position: absolute;
  top: 60px;
  left: 20px; }
  #basket_replacements_popup .details_list_left img {
    max-height: 70px;
    max-width: 120px; }

#basket_replacements_popup .description a, #basket_replacements_popup .detailsWrap h3 a {
  font-size: 12px;
  font-weight: bold; }

#basket_replacements_popup .description a {
  height: 62px;
  float: left;
  overflow: hidden; }

#basket_replacements_popup .priceWrap {
  overflow: hidden;
  margin: 0 0 8px; }

#basket_replacements_popup .qty {
  position: absolute;
  top: 70px;
  right: 145px; }
  #basket_replacements_popup .qty input {
    background: #d0d0d0;
    border: 1px solid #bbb;
    text-align: center; }

#basket_replacements_popup .RibbonAdDefault {
  display: none; }

table#alternatives_table {
  border: 1px solid #ccc; }

#alternatives_table tr {
  width: 100%;
  display: table; }

#alternatives_table th {
  padding: 10px;
  border-bottom: 1px solid #ccc; }

#alternatives_table td {
  padding: 10px;
  text-align: center;
  border-left: 1px solid #ccc;
  width: 25%; }
  #alternatives_table td:first-child {
    border: none; }

#alternatives_table .siteAction .btn {
  display: block;
  float: none;
  white-space: normal; }

#alternatives_table p.error {
  margin: 0 auto;
  float: none;
  font-weight: bold; }

#alternatives_table strong.collect-text {
  width: 100%;
  float: left; }

#alternatives_table span.coll-del-info {
  display: block; }

#alternatives_table img.collect-branch {
  display: none; }

#closeReplacements {
  float: right;
  margin: 20px 0; }

#ad_alternatives_text_espot {
  float: left;
  width: auto; }

#replacementsEspot .item {
  text-align: center;
  width: 140px; }

#replacementsEspot .description a {
  height: 62px;
  float: left;
  overflow: hidden; }

/************* END basket replacements popup *************/
/************* START PDP Upsell espot *************/
#PDPUpsellespotEspotContainer {
  padding: 20px;
  text-align: center; }

#PDPUpsellWidget {
  border: 1px solid #D0D0D0;
  width: 186px;
  margin: 0 auto; }
  #PDPUpsellWidget h2 {
    background: #e5e5e6;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 7px 10px; }

#PDPUpsellespotEspotContainer .left {
  float: none; }

#PDPUpsellWidget .scrollPaneDescription {
  height: auto;
  padding: 7px; }

#PDPUpsellWidget .price {
  padding: 0; }

#PDPUpsellWidget .carouselFeel {
  padding-bottom: 7px; }

/************* END PDP Upsell espot *************/
/************* START Saved address popup *************/
#saved_address_popup {
  max-height: 435px;
  overflow: hidden;
  width: 600px; }
  #saved_address_popup #popupHeader {
    background: none;
    box-sizing: border-box;
    padding: 0 14px 0 10px; }
    #saved_address_popup #popupHeader h2 {
      font-size: 17px;
      font-weight: bold; }
  #saved_address_popup .bodycontent {
    background: none;
    overflow: hidden;
    padding-bottom: 10px; }
    #saved_address_popup .bodycontent p {
      padding: 12px 0 12px;
      font-size: 1.4em; }
    #saved_address_popup .bodycontent .savedAddressSelection {
      overflow-y: scroll;
      max-height: 326px;
      border: 1px solid #ccc;
      padding: 0 5px; }
      #saved_address_popup .bodycontent .savedAddressSelection li {
        min-height: 30px;
        padding: 8px;
        border-bottom: 1px solid #ccc;
        overflow: hidden; }
        #saved_address_popup .bodycontent .savedAddressSelection li .labelAddressWrap {
          float: left;
          font-size: 1.2em;
          width: 250px; }
        #saved_address_popup .bodycontent .savedAddressSelection li .btn {
          float: right; }

#AltImagesScrollPane [dojoattachpoint=navNext] {
  margin-top: 0 !important;
  margin-right: 0 !important; }

#AltImagesScrollPane [dojoattachpoint=navPrev] {
  margin-top: 0 !important;
  margin-right: 0 !important; }

/************* END Saved address popup *************/
/* All Generic Wolsesy Button styles here */
/*******/
/* disabled button styling */
span.disabled_button {
  background: transparent url("../../images/colors/color2/button_dropshadow.png") bottom repeat-x;
  cursor: pointer;
  margin: 1px;
  font-size: 10px;
  font-weight: bold;
  padding-bottom: 2px;
  zoom: 1;
  /* gives ie shadow */
  display: -moz-stack;
  display: inline-block; }
  span.disabled_button span.button_container {
    background-color: #e9e9eb;
    border-left: 1px solid #c6ccd4;
    border-right: 1px solid #c6ccd4;
    display: -moz-stack;
    display: inline-block; }
  span.disabled_button:hover span.button_container {
    background-color: #e9e9eb; }
  span.disabled_button span.button_container span.button_top {
    background: transparent url("../../images/colors/color2/disabled_button_top_bg.gif") top repeat-x;
    display: -moz-stack;
    display: inline-block; }
  span.disabled_button:hover span.button_container span.button_top {
    background: transparent url("../../images/colors/color2/disabled_button_top_bg_hover.gif") top repeat-x; }
  span.disabled_button span.button_container span.button_top span.button_bottom {
    background: transparent url("../../images/colors/color2/disabled_button_bottom_bg.gif") bottom repeat-x;
    display: -moz-stack;
    display: inline-block;
    padding: 3px 8px;
    text-align: center; }
  span.disabled_button:hover span.button_container span.button_top span.button_bottom {
    background: transparent url("../../images/colors/color2/disabled_button_bottom_bg_hover.gif") bottom repeat-x; }
  span.disabled_button span.button_container span.button_top span.button_bottom a {
    color: #b7b7b7;
    text-decoration: none; }

.wishlist_button_drop {
  margin-left: -2px;
  background: transparent url("../../images/colors/color2/tertiary_button_tile.png") repeat-x;
  border-top: 1px solid #5b98d6;
  border-bottom: 1px solid #5b98d6;
  border-right: 1px solid #5b98d6;
  text-align: center;
  background-color: #d7d4e0;
  padding: 0px;
  height: 16px;
  float: left; }

.disabled_button a.btn {
  opacity: 0.3;
  filter: alpha(opacity=30); }

/*# sourceMappingURL=legacy.css.map */