/*------------------------------------------------------------------------------------*\
    SUB MENU
    (two columns, to one column)
\*------------------------------------------------------------------------------------*/
#sub-menu .dropdown_area_full {
  width: 100%;
}

#sub-menu .dropdown_area_full ul {
  width: 100%;
}



/*------------------------------------------------------------------------------------*\
    ACCOUNT LINKS
    (adding dropdown list of links)
\*------------------------------------------------------------------------------------*/
.account-links .dropdown-area {
	display: none;
}

.account-links .dropdown-list {
	background: #fff;
	margin: 0;
	padding: 3px 0;
	position: relative;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.account-links .dropdown-list:after {
	content: "";
	margin: 0;
	bottom: 100%;
	left: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: none;
	border-bottom-color: #fff;
	border-width: 7px;
	margin-left: -7px;
}

	.account-links .dropdown-list li {
		padding: 0;
		margin: 0;
		border: none;
		display: block;
	}

		.account-links .dropdown-list li:after {
			content: "";
			margin: 0;
		}

	.account-links .dropdown-list li a {
		display: block;
		text-decoration: none;
		padding: 5px 10px;
		font-size: 10px;
		color: #7e7e7e !important;
		font-family: "AvantGardeGothicITCW01D 731075";
	}

	.account-links .dropdown-list li a:hover {
		background: #f2f2f2;
		color: #7e7e7e;
	}

.account-links li {
	position: relative;
}

.account-links li:hover a {
	color: #ffc20e;
}

.account-links li:hover .dropdown-area {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 160px;
	background: none;
	z-index: 1000; /* clear searchbox */
	text-align: left;
	padding: 9px 0 0 2px;
	margin: 0;
}




/*------------------------------------------------------------------------------------*\
    ACCOUNT SELECT
    (fixing page overflow)
\*------------------------------------------------------------------------------------*/
@media (min-width: 64em) {
  .page-header .account-cart {
    min-width: 406px;
  }
}



/*------------------------------------------------------------------------------------*\
    FLOATING HEADER
    (fixing overflow with dropdown menu)
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
  .page-header.floating-header {
    overflow: visible;
	z-index: 8000;
  //  z-index: 1000000;
  }
}





/*------------------------------------------------------------------------------------*\
    PROCESSING BUTTON
    (While in grey background, use different style)
\*------------------------------------------------------------------------------------*/
.grey-box .cv-is-processing {
    background: white;
    box-shadow: 0 0 4px #ddd;
}

.grey-box .cv-is-processing:hover {
    background: white;
    box-shadow: 0 0 4px #ddd;
}


/*------------------------------------------------------------------------------------*\
    LOGIN BUTTON
    (Padding adjustment to match input boxes)
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
    .checkout-login .btn.login {
        margin-top: 21px;
        padding: 8px 0;
    }
}


/*------------------------------------------------------------------------------------*\
    ORDER TRACKING
    (adjust button style for processing state)
\*------------------------------------------------------------------------------------*/
@media (min-width: 37em) {
  .order-track .btn.search {
    width: 160px;
  }
}

@media (min-width: 37em) {
  .order-track .advanced-search .btn.search {
    margin-top: 10px;
  }
}



/*------------------------------------------------------------------------------------*\
    PAGINATION
    (Different layout and elements from initial design)
\*------------------------------------------------------------------------------------*/
.pagination-buttons {
    width: 50%;
    padding: 0;
}
@media (min-width: 48em) {
    .pagination-buttons {
        width: 320px;
    }
}
@media (min-width: 64em) {
    .pagination-buttons {
        width: 480px;
    }
}

.pagination-list {
    display: inline-block;
    float: right;
    padding-right: 15px;
}


.pagination-list .k-dropdown {
    width: 50px;
    display: inline-block;
}

.pagination-system {
    display: inline-block;
    float: right;
    margin-top: 5px;
    display: none;
}
@media (min-width: 37em) {
    .pagination-system {
        display: inline-block;
    }
}

.shaded .product-pagination .pagination-system {
    display: inline-block;
}

.shaded .product-pagination .pagination-list {
    display:none;
    float: right;
    padding-right: 15px;
}

@media (min-width: 37em) {
    .shaded .product-pagination .pagination-list {
        display: inline-block;
    }
}








/*------------------------------------------------------------------------------------*\
    HEADER CART
     + (Client Request: Remove shading that indicates seperation of the two sections)
\*------------------------------------------------------------------------------------*/
.page-header .account-cart {
  background: transparent;
}



/*------------------------------------------------------------------------------------*\
    STORE TITLE
     + (Client Request: Increase font size and not allow for larger store tiles)
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
  .store-info .store {
    font-size: 26px;
  }
}
@media (min-width: 64em) {
  .store-info .store {
    font-size: 28px;
  }
}
@media (min-width: 92em) {
  .store-info .store {
    font-size: 30px;
  }
}



/*------------------------------------------------------------------------------------*\
    BUTTON TEXT SHADOW
     + (Client Request: Remove text shadow from buttons)
\*------------------------------------------------------------------------------------*/
.btn {
  text-shadow: none !important;
}



/*------------------------------------------------------------------------------------*\
    TAB ACTIVE STATE
     + (Client Request: Remove blue active state indicator on active tab)
\*------------------------------------------------------------------------------------*/
.k-tabstrip .k-tabstrip-items .k-state-active {
  border-top-color: #ccc;
}




/*------------------------------------------------------------------------------------*\
    PRODUCT GRID
     + Updating element positioning within product items
\*------------------------------------------------------------------------------------*/
.product-grid.grid .product .product-info {
  height: auto;
  min-height: 224px;
}
@media (min-width: 56em) {
  .product-grid.grid .product .product-info {
    min-height: 190px;
  }
}

@media (min-width: 64em) {
  .product-grid.grid .product .product-info {
    min-height: 0;
  }
}

@media (min-width: 64em) {
  .product-grid.grid .product .product-info .k-numeric-wrap {
    width: 20%;
  }
}

@media (min-width: 56em) {
  .product-grid.grid .product .product-info .atc {
    width: 60%;
    float: right;
    padding: 8px 15px 9px;
  }
}

@media (min-width: 64em) {
  .product-grid.grid .product .product-info .atc {
    width: 60%;
  }
}
@media (min-width: 92em) {
  .product-grid.grid .product .product-info .atc {
    width: 60%;
  }
 
}
@media (min-width: 92em) {
 .product-grid.grid .product .product-info .atcRegOrLog {
    width: 100%;
  }
}

.product-grid.grid .product .product-info .multi {
  margin: 5px 0 0 0;
}

.product-grid.grid .product .product-info .title {
    font-weight: normal;
    font-family: "AvantGardeGothicITCW01B 731069";
    height: 72px;
}



/*------------------------------------------------------------------------------------*\
    SIDEBAR FILTER
     + Remove hover state on clear filter
\*------------------------------------------------------------------------------------*/
.expandable-content a.filter-clear:hover {
  background: #f2f2f2
}



/*------------------------------------------------------------------------------------*\
    LOGIN PAYNOW
     + Increasing size of subtitle text
\*------------------------------------------------------------------------------------*/
.checkout-guest .form-subtitle {
    font-size: 12px;
}



/*------------------------------------------------------------------------------------*\
    PRODUCT DETAIL
     + Adjusting feature list layout
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
  .info-group.detailed-info .push-left {
    width: 40%;
  }
}
@media (min-width: 64em) {
  .info-group.detailed-info .push-left {
    width: 60%;
  }
}

.info-group.detailed-info .push-left ul {
  list-style: disc;
  margin: 10px 0 10px 20px;
  padding: 0;
}

.info-group.detailed-info .push-left ul li {
  font-size: 13px;
  font-family: "AvantGardeGothicITCW01M 731087";
  line-height: 150%;
}


/*------------------------------------------------------------------------------------*\
    PRODUCT DETAIL
     + Adjusting positioning of ATC & FAV
\*------------------------------------------------------------------------------------*/
.product-detail-info .fav {
  clear: none;
  float: right;
  margin: 15px 0 0;
  width: auto;
  min-width: 105px;
  text-align: center;
  margin-top: 0;
}

.product-detail-info .atc {
  width: 100%;
}

@media (min-width: 48em) {
  .product-detail-info .atc {
    width: 56%;
  }

  .product-detail-info .fav {
    position: static;
    top: auto;
    right: auto;
    margin-top: 0;
  }

  .atc-info {
    width: 40%;
    max-width: 240px;
  }
}

@media (min-width: 64em) {
  .product-detail-info .atc {
    width: 66%;
  }
}




/*------------------------------------------------------------------------------------*\
    ADD TO FAVOURITES IS PROCESSING
     + Adding "processing" state to add to favourites button
\*------------------------------------------------------------------------------------*/
.fav.cv-is-processing:before {
  content: "\e679";
  color: #ccc !important;
  margin-right: 4px;
  top: 4px !important;
}


/*------------------------------------------------------------------------------------*\
    ADD TO ORDER
     + Adding new section to product grid
\*------------------------------------------------------------------------------------*/
.ato-wrapper {
  clear: both;
  min-height: 70px;
}

@media (min-width: 37em) {
  .ato-wrapper {
    min-height: 75px;

  }
}

@media (min-width: 48em) {
  .ato-wrapper {
    min-height: 75px;
  }
}

@media (min-width: 56em) {
  .ato-wrapper {
    min-height: 0;
  }
}


@media (min-width: 64em) {
  .ato-wrapper {
    min-height: 40px;

  }
}




/*------------------------------------------------------------------------------------*\
    CART
      + Increasing font sizing
      + Decreasing size of QTY box
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
  .cart-summary.full .heading-row {
    font-size: 12px;
  }
}
.cart-summary.full .product-row {
  font-size: 11px;
}


@media (min-width: 48em) {
  .cart-summary.full .k-numerictextbox {
    width: 70px;
  }
}




/*------------------------------------------------------------------------------------*\
    PROGRESS STEPS
      + Client request, remove hover state indicating you can go to preivous steps
\*------------------------------------------------------------------------------------*/
.progress-steps li.completed a:before, .progress-steps li.completed span:before {
  color: #ffc20e;
}
.progress-steps li.completed:hover a span {
  background: white !important;
}

.progress-steps li.completed:hover span {
  color: #535353 !important;
}

.progress-steps li.completed:hover a:before, .progress-steps li.completed:hover span:before {
  color: #535353 !important;
}
.progress-steps li.active a, .progress-steps li.active span {
  background: #535353;
  color: white;
}
.progress-steps li.active a:before, .progress-steps li.active span:before {
  color: #ffc20e;
}
.progress-steps li.active a:hover, .progress-steps li.active span:hover {
  cursor: default;
}







/*------------------------------------------------------------------------------------*\
    DELIVERY SELECTION
      + Increse spacing on mobile
\*------------------------------------------------------------------------------------*/
.delivery-click, .pickup-click {
  padding: 10px 0;
}


/*------------------------------------------------------------------------------------*\
    RELATED PRODUCTS
      + Adjusting height sizing of product info
\*------------------------------------------------------------------------------------*/
.product-grid.grid.related .product .product-info {
  height: auto;
}


/*------------------------------------------------------------------------------------*\
    SUB MENU
      + Adjusting from 5 to 6 items
      + Adjusting to include home icon
\*------------------------------------------------------------------------------------*/
#sub-menu > li {
  width: 15.8%;
}

#sub-menu > li.sub-menu-home {
  width: 5%;
}


/*------------------------------------------------------------------------------------*\
    MODAL WINDOW MIN WIDTH
      + min with modal window for elements without set width
\*------------------------------------------------------------------------------------*/
@media (min-width: 37em) {
  .modal-window-wide {
    min-width: 450px;
  }
}
@media (min-width: 48em) {
  .modal-window-wide {
    min-width: 600px;
  }
}
@media (min-width: 64em) {
  .modal-window-wide {
    min-width: 800px;
  }
}
@media (min-width: 92em) {
  .modal-window-wide {
    min-width: 960px;
  }
}


/*------------------------------------------------------------------------------------*\
    FILTER SIDEBAR
      + changing styles to match widget requirements
\*------------------------------------------------------------------------------------*/
.expandable-header {
  padding: 4%;
  max-height: 32px;
}

.expandable-content ul.filter-checklist li {
  padding: 0;
}

.expandable-content ul.filter-checklist li:hover {
  background: #f2f2f2;
}

.expandable-content ul.filter-checklist li label, .expandable-content ul.filter-checklist li a {
  padding: 8px;
  display: block;
  width: 100%;
}

.expandable-content ul.filter-checklist li label:hover, .expandable-content ul.filter-checklist li a:hover {
  background: #f2f2f2;
  cursor: pointer;
}

.current-filter .expandable-content li a {
  color: black;
  font-size: 12px;
}

.current-filter .expandable-content li a:before {
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.current-filter .expandable-content li a:hover {
  color: black !important;
}

.current-filter .expandable-content li a:hover:before {
  color: red;
}

@media (min-width: 48em) {
  .mobile-heading {
      display: none;
   }
}

.sidebar-filter {
  width: 96%;
  margin: 2%;
  padding: 0;
  float: none;
  display: block;
}

@media (min-width: 48em) {
  .sidebar-filter {
    float: left;
    display: inline-block;
    width: 23%;
    margin: 0 1% 0 0;
  }
}
@media (min-width: 64em) {
  .sidebar-filter {
    width: 18%;
  }
}
@media (min-width: 92em) {
  .sidebar-filter {
    width: 15%;
  }
}

.sidebar-filter select {
  width: 100%;
}

@media (min-width: 48em) {
  .mobile-filter-list {
    display: none;
  }
}

.filter-wrapper {
  background: #f2f2f2;
  padding: 10px 10px 3px;
}

@media (min-width: 48em) {
  .filter-wrapper {
    background: none;
    padding: 0;
  }
}

.filter-wrapper {
  *zoom: 1;
}
.filter-wrapper:before, .filter-wrapper:after {
  content: "";
  display: table;
}
.filter-wrapper:after {
  clear: both;
}

.filter-item-mobile {
  margin: 0 0 10px;
}

.filter-item-mobile .filter-title {
  background: #ee3424;
  color: white;
  font-family: "AvantGardeGothicITCW01M 731087";
  padding: 5px;
  font-size: 12px;
  margin: 0 0 3px;
}

.filter-select-list {
  background: white url("/images/TemplateImages/icons/arrow-down.gif") no-repeat 95% 45%;
  border: 1px solid #ddd;
  -webkit-appearance: none !important;
  font-size: 12px;
  padding: 5px;
  border-radius: 0;
  border-left-width: 2px;
}



.sidebar-filter .mobile-heading {

}

.sidebar-filter .mobile-heading:before {
  content: "\e6b6";
  font-family: 'cv-ico-general';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
  top: 2px;
  position: relative;
}



.current-filter .expandable-header {
  padding: 2%;
}




/*------------------------------------------------------------------------------------*\
    FLOATING HEADER
      + adjusting the search bar in floating header
\*------------------------------------------------------------------------------------*/
.page-header.floating-header .site-search fieldset .btn:before {
  position: relative;
  top: 2px;
  left: 3px;
  font-size: 16px;
}





/*------------------------------------------------------------------------------------*\
    PRODUCT GRID (RELATED)
      + Adjusting last-child float right
\*------------------------------------------------------------------------------------*/
@media (min-width: 64em) {
  .product-grid.grid.related .product:last-child {
    float: left !important;
  }
}


/*------------------------------------------------------------------------------------*\
    CART
      + Adjustments to make consistent with widget
\*------------------------------------------------------------------------------------*/
.cart-body {
  text-align: left;
}

.cart-headings .col-3, .cart-body .col-3 {
  text-align: left;
}

.cart-headings .col-2, .cart-body .col-2 {
  text-align: left !important;
  padding: 0 2%;
}

.cart-summary.full .cart-body .col-2 a {
  color: #7e7e7e;
}

.cart-summary.full .cart-body .col-3 .title a {
  color: black;
}

.cart-summary.full .cart-body .col-4 {
  color: black;
  font-size: 20px;
  padding-top: 18px !important;
}

.cart-summary.full .cart-body .col-4:after {
  content: "x";
  color: #999;
  margin-left: 5px;
}

.cart-summary.full .cart-body .col-5 {
  color: black;
}

.cart-summary.full .cart-body .col-6 {
  padding-top: 18px;
  font-size: 20px;
}




@media (min-width: 37em) {
    .cart-summary.full .cart-body .col-4 {
      padding: 0 2% !important;
    }
    .cart-summary.full .cart-body .col-5 {
      padding: 0 2% !important;
    }
    .cart-summary.full .cart-body .col-6 {
      padding: 0 2% !important;
    }
}

@media (min-width: 48em) {
    .cart-summary.full .cart-body .col-1 {
      padding: 0 5px 0 0 !important;
    }
    .cart-summary.full .cart-body .col-2 {
      padding: 0 5px 0 0 !important;
    }
    .cart-summary.full .cart-body .col-3 {
      padding: 0 5px 0 0 !important;
    }
    .cart-summary.full .cart-body .col-4 {
      padding: 0 10px 0 0 !important;
      font-size: 12px !important;
    }
    .cart-summary.full .cart-body .col-4:after {
      content: "";
    }
    .cart-summary.full .cart-body .col-5 {
      padding: 0 5px 0 0 !important;
    }
    .cart-summary.full .cart-body .col-6 {
      padding: 0 15px 0 0 !important;
      font-size: 12px !important;
    }
    .cart-summary.full .cart-body .col-7 {
      padding: 0 5px 0 0 !important;
    }
}










/*------------------------------------------------------------------------------------*\
    HEADER CART
      + Adjustments for multiple accounts
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
  .page-header.logged-in .cart {
    margin-top: 20px;
  }
  .page-header.floating-header.logged-in .cart {
    margin-top: 0px;
  }
  .page-header.logged-in .site-search {
    margin-top: -10px;
  }
  .page-header.logged-in .cart.has-multiple-accounts {
    margin-top: 40px;
  }
}
@media (min-width: 64em) {
  .page-header.logged-in .cart {
    margin-top: 20px;
  }
  .page-header.logged-in .cart.has-multiple-accounts {
    margin-top: 25px;
  }
  .account-cart .account-links {
    right: 0;
    left: auto;
  }
  .page-header.logged-in .c-login {
    min-width: 200px;
    width: 100%;
    text-align: right;
  }
  .account-select.login-show {
    left: 15px;
    top: -42px;
  }
  .page-header.logged-in .site-search {
    margin-top: -15px;
  }
}
@media (min-width: 92em) {
  .account-cart .c-login {
      left: 30%;
      top: 1px;
  }
  .page-header.logged-in .c-login {
    left: auto;
    }
  .page-header.logged-in .site-search {
    margin-top: -15px;
  }
  .account-select {
    position: relative;
    top: -43px;
    left: 23%;
    width: 200px;
  }
  .account-cart .account-links {
    left: auto;
    right: 0;
  }
  .account-select.login-show {
    left: 103px;
  }
}

.floating-header .account-links {
  display: none !important;
}



@media (min-width: 92em) {
  .floating-header .account-cart .c-login {
      left: auto;
  }
}

@media (min-width: 64em) {
  .floating-header .account-cart .c-login.login-show {
      left: -160px;
  }
}




@media (min-width: 48em) {
  .page-header.logged-in.floating-header .cart.has-multiple-accounts {
    margin-top: 0;
  }
  .page-header.logged-in.floating-header .site-search {
    margin-top: 5px;
  }

}

@media (min-width: 64em) {
  .page-header.logged-in.floating-header .cart.has-multiple-accounts {
    position: relative;
    top: -14px;
  }
  .page-header.logged-in.floating-header .site-search {
    margin-top: 0px;
  }
}

@media (min-width: 64em) {
  .page-header.floating-header.logged-in .cart {
    margin-top: -14px;
    position: relative;
  }
}

@media (min-width: 92em) {
  .page-header.logged-in .cart.has-multiple-accounts + .account-select.login-show {
    left: 0%;
    top: -42px;
  }
}


/*------------------------------------------------------------------------------------*\
    STORE TITLE
      + Increasing font weight
\*------------------------------------------------------------------------------------*/
.store-info .store {
  font-family: "AvantGardeGothicITCW01B 731063", "Helvetica Neue", Helvetica, Arial, sans-serif;
}




/*------------------------------------------------------------------------------------*\
    CHECKOUT REGISTER BOX
      + Increasing padding
\*------------------------------------------------------------------------------------*/
.checkout-register .expandable-header {
  min-height: 70px;
}

.checkout-register .expandable-header {
  *zoom: 1;
}
.checkout-register .expandable-header:before, .checkout-register .expandable-header:after {
  content: "";
  display: table;
}
.checkout-register .expandable-header:after {
  clear: both;
}

/*------------------------------------------------------------------------------------*\
    EXPANDABLE PAY NOW
      + Removing max-height value
\*------------------------------------------------------------------------------------*/
.grey-box .expandable-header {
  max-height: none;
}








/*------------------------------------------------------------------------------------*\
    MEGAMENU
      + Adjusting padding to the same as previous breakpoint
\*------------------------------------------------------------------------------------*/
@media (min-width: 92em) {
  #menu > li > a {
    padding: 10px 28px;
  }
}




/*------------------------------------------------------------------------------------*\
    MESSAGE CONTAINER
      + Added a min-hieght to avoid page jumping
\*------------------------------------------------------------------------------------*/
#message-container {
  min-height: 30px;
}

.alert-box {
  margin: 0;
}

.alert-box + .alert-box {
  margin-top: 5px;
}

/*------------------------------------------------------------------------------------*\
    Order Approval
      + Adding in styles, not included in base templates
\*------------------------------------------------------------------------------------*/
.widget-47573 br {
  display: none;
}

.widget-47573 .container {
  width: 100%;
}

.widget-47573 .widget-line-title {
  font-family: "AvantGardeGothicITCW01M 731087";
  display: block;
  margin: 5px 0;
}

.widget-47573 .wideget-options-area {
  font-size: 12px;
  margin-bottom: 25px;
}

.widget-47573 .widget-buttons .button-generic {
  background: #f2f2f2;
  clear: both;
  display: block;
  border: none;
  margin: 0;
  padding: 4% 0;
  text-align: center;
  font-size: 1em;
  display: block;
  color: #7e7e7e;
  font-family: "AvantGardeGothicITCW01M 731087";
}
.widget-47573 .widget-buttons .button-generic:before {
  /* icon */
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.widget-47573 .widget-buttons .button-generic:hover {
  text-decoration: none;
  background: #ee3424;
  text-decoration: none !important;
  color: white;
  cursor: pointer;
}
@media (min-width: 37em) {
  .widget-47573 .widget-buttons .button-generic {
    display: inline-block;
    clear: none;
    padding: 10px 15px;
    margin: 0 10px 0 0;
  }
}


/*------------------------------------------------------------------------------------*\
    Cart Message
     + Adjustments for old cv layout style
\*------------------------------------------------------------------------------------*/
#message-container center {
  text-align: left;
  display: inline;
}




/*------------------------------------------------------------------------------------*\
    LOGIN / REGISTER
     + Adjusting layout from 2/3 on small viewport
\*------------------------------------------------------------------------------------*/
@media (min-width: 37em) {
  .col-2-3.login-page-layout {
    width: 100%;
  }
}

@media (min-width: 64em) {
  .col-2-3.login-page-layout {
    width: 66.666%;
  }
}


/**
 * top tooltip align right to left
 */
.tooltip-top.alignright:before {
  margin-bottom: -12px;
}
.tooltip-top.alignright:after {
  margin-right: -18px;
  margin-left: auto;
}
.tooltip-top.alignright:before, .tooltip-top.alignright:after {
  bottom: 100%;
  right: 18px;
  left: auto;
}
.tooltip-top.alignright:hover:after, .tooltip-top.alignright:hover:before, .tooltip-top.alignright:focus:after, .tooltip-top.alignright:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}








/*------------------------------------*\
    MULTIPLE ADD TO CART (MODAL WINDOW)
\*------------------------------------*/
.multiple-atc header, .multiple-atc section, .multiple-atc footer {
  clear: both;
}


















/*------------------------------------------------------------------------------------*\
    ORDER TRACKING
     + Paging Dropdown alignment
\*------------------------------------------------------------------------------------*/
.order-track-results .number-results-row span {
  display: inline;
}


.order-track-results .no-of-records span {
  display: inline;
}

.order-track-results .page-pagination .no-of {
  width: 50px;
  display: inline-block;
  text-align: center;
}

.order-track-results .page-pagination .no-of span {
  display: inline;
}

.order-track-results .page-pagination .k-dropdown {
  display: inline-block;
  width: 70px;
}

.order-track-results .page-pagination .k-dropdown .k-dropdown-wrap {
  display: block;
}

.order-track-results .page-pagination .k-dropdown .k-input {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.order-track-results .page-pagination .k-dropdown .k-icon {
  display: inline-block;
}




/*------------------------------------------------------------------------------------*\
    IE 10 + Placeholder text
     + Adding style
\*------------------------------------------------------------------------------------*/
input:-ms-input-placeholder {
  color: #7e7e7e;
}



/*------------------------------------------------------------------------------------*\
    CART FINAL
     + Adding styles for new elements
\*------------------------------------------------------------------------------------*/
.cart.final .cart-headings .col-2, .cart.final .cart-body .col-2 {
  text-align: left !important;
}

@media (min-width: 48em) {
  .cart.final .cart-headings .col-2, .cart.final .cart-body .col-2 {
    text-align: right !important;
  }
}



.cart.final .col-2 {
  padding-top: 2% !important;
}
@media (min-width: 48em) {
  .cart.final .col-2 {
    padding-top: 1% !important;
  }
}

.cart.final .qty-title, .cart.final .price-title {
  font-family: "AvantGardeGothicITCW01M 731087";
  padding-right: 5px;
}

@media (min-width: 48em) {
  .cart.final .qty-title, .cart.final .price-title {
    display: none;
  }
}


.checkout-summary.final .text-left {
  font-family: "AvantGardeGothicITCW01M 731087";
}



/*------------------------------------------------------------------------------------*\
    VALIDATION INPUT DISABLED
     + Creating validation disabled style
\*------------------------------------------------------------------------------------*/
.validation input[disabled] {
  background: #f3f3f3 !important;
  border-left: 2px solid #ddd !important;
  color: #b1b1b1 !important;
}

.k-state-disabled {
  background: #f3f3f3 !important;
  border-left: 2px solid #ddd !important;
}

.k-state-disabled .k-input {
  color: #b1b1b1 !important;
}



/*------------------------------------------------------------------------------------*\
    VALIDATION
      + error password and email
\*------------------------------------------------------------------------------------*/

.validation.error input[type="password"], .validation.error input[type="email"] {
  border-left: 2px solid #f26053 !important;
  border-radius: 0;
}




/*------------------------------------------------------------------------------------*\
    HOMEPAGE
      + Adjusting carousel width on XL screen size
\*------------------------------------------------------------------------------------*/
@media (min-width: 92em) {
  .jcarousel-skin .jcarousel-clip {
    width: 1400px;
  }
}








/*------------------------------------------------------------------------------------*\
    DASHBOARD
      + Adjustment for % based grid
\*------------------------------------------------------------------------------------*/
.dashboard li {
  width: 48%;
  margin: 0 1% 2%;
}
@media (min-width: 37em) {
  .dashboard li {
    width: 23%;
    margin: 0 1% 2%;
  }
}
@media (min-width: 48em) {
  .dashboard li {
    width: 18%;
    margin: 0 1% 2%;
  }
}
@media (min-width: 64em) {
  .dashboard li {
    width: 140px;
    margin: 0 10px 10px;
  }
}


/*------------------------------------------------------------------------------------*\
    CART
    + Button placement of inline update / delete
\*------------------------------------------------------------------------------------*/
.cart-summary.full .col-7 {
  text-align: right;
}








/*------------------------------------------------------------------------------------*\
    HEADER CART
    + Updating to a "button" style as per client request
\*------------------------------------------------------------------------------------*/
/*.account-cart .cart {
  background: white;
  color: black;
  padding: 3px 4px;
  width: auto;
  background: rgb(228,228,228);
background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(201,201,201,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(100%,rgba(201,201,201,1)));
background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%);
background: -o-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%);
background: -ms-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%);
background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(201,201,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#c9c9c9',GradientType=0 );
}

.account-cart .cart:hover {
  background: white;
}
.account-cart .cart[class^="cv-ico-general-"]:before, .account-cart .cart[class*=" cv-ico-general-"]:before {
  color: black;
}
*/
@media (min-width: 37em) {
  .account-cart .cart {
    float: right;
  }
}


@media (min-width: 48em) {
  .username {

  }
}
@media (min-width: 64em) {
  .username {

  }
}
/*
.page-header.floating-header .account-cart {
  width: 52%;
}
*/


@media (min-width: 48em) {
  .logged-in#normal-header .site-search {
    margin-top: 5px;
  }
}

@media (min-width: 64em) {
  .logged-in#normal-header .site-search {
    margin-top: 0px;
  }
}

/*
@media (min-width: 48em) {
  .page-header.logged-in.floating-header .cart.has-multiple-accounts {
    margin-top: -3px;
  }
  .page-header.logged-in.floating-header .c-login {
    float: left;
    max-width: 240px;
    overflow: hidden;
    height: 16px;
  }
}


@media (min-width: 64em) {
  .page-header.logged-in.floating-header .account-cart {
    width: 26%;
  }
  .page-header.logged-in.floating-header .c-login {
      left: 0;
  }
}
*/



/*------------------------------------------------------------------------------------*\
    PRODUCT DETAIL TABS
    + Spacing of tabbed elements
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
  .tabbed-info {
    padding: 20px 0 0;
  }
}


/*------------------------------------------------------------------------------------*\
    JCarousel
    + Product Info Min Height different to grid
\*------------------------------------------------------------------------------------*/
.product-grid.grid.carousel .product .product-info {
  min-height: 0 !important;
}


/*------------------------------------------------------------------------------------*\
  Payment Tabs
   + Removing CC icon, only to appear on small and up
\*------------------------------------------------------------------------------------*/
.cv-tabs .ico.cv-ico-general-credit:before {
  display: none;
}




/*------------------------------------------------------------------------------------*\
  MOBILE MENU
   + Updating cover
\*------------------------------------------------------------------------------------*/
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #a6acba;
  color: white;
}




/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer.page-footer {
  background: #a6acba;
  padding: 10px 10px 0 10px;
}

@media (min-width: 64em) {
  footer.page-footer {
    background: #f2f2f2 url("/images/TemplateImages/backgrounds/bg-footer.jpg") top center;
  }
}









/*------------------------------------*\
    OCL BLUE BUTTON
\*------------------------------------*/
.ocl-blue .btn:hover {
  background: #0187de;
}




/*------------------------------------*\
    MENU CHANGES
\*------------------------------------*/
@media (min-width: 48em) {
  #menu > li > a {
    padding: 13px 9px;
    font-size: 11px;
  }
}

@media (min-width: 56em) {
  #menu > li > a {
    padding: 10px 11px;
    font-size: 12px;
  }
}


@media (min-width: 64em) {
  #menu > li > a {
    padding: 10px 14px;
    font-size: 12px;
  }
}

@media (min-width: 70em) {
  #menu > li > a {
    padding: 10px 16px;
    font-size: 13px;
  }
}

@media (min-width: 80em) {
  #menu > li > a {
    padding: 10px 21px;
    font-size: 14px;
  }
}

@media (min-width: 92em) {
  #menu > li > a {
    padding: 10px 32px;
    font-size: 14px;
  }
}



.dl-menuwrapper {
  z-index: 1000000;
}

@media (min-width: 48em) {
  .nivo-controlNav {
    width: 200px;
    z-index: 8010;
  }
}

/*------------------------------------*\
    Homepage Change
    + View All vertically centred
\*------------------------------------*/
.view-all {
    padding: 6px 15px 0;
}
@media (min-width: 64em) {
  .view-all {
    margin-top: 0px;
  }
  .jcarousel-skin .jcarousel-container {
    padding: 0;
  }
    .top-sellers {
    padding: 0 0 20px;
    margin: 0 0 20px;
  }
}




/*------------------------------------*\
    SITE SEARCH
    + Updating dropdown widths
    + Allowing for product images in
      search results
\*------------------------------------*/
.site-search fieldset input[type="search"], .site-search fieldset input[type="text"] {
  background: white;
}

.site-search fieldset .k-autocomplete {
  width: 85%;
}

.site-search fieldset .btn {
  width: 15%;
}





/*------------------------------------*\
    PREDICTIVE SEARCH
\*------------------------------------*/
#predictive-search-list .search-heading,
#predictive-search-list .product-heading {
    color: #003471;
    font-weight: bold;
}

#predictive-search-list .product-item {
  *zoom: 1;
}
#predictive-search-list .product-item:before, #predictive-search-list .product-item:after {
  content: "";
  display: table;
}
#predictive-search-list .product-item:after {
  clear: both;
}


#predictive-search-list .product-item {
    display: block;
    clear: both;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}
#predictive-search-list .product-item img {
    width: 32px;
    margin-right: 10px;
    float: left;
}




/*------------------------------------*\
    MOBILE MENU THEME
\*------------------------------------*/
.dl-menuwrapper li.dl-back > a {
  background: white;
  color: #7e7e7e;
}
.dl-menuwrapper li.dl-back:after {
  color: #7e7e7e;
  left: 15px;
}




/*------------------------------------------------------------------------------------*\
    MESSAGE CONTAINER
      + Added a min-hieght to avoid page jumping
\*------------------------------------------------------------------------------------*/
.alert-box.info {
  background: #003471;
}



/*------------------------------------------------------------------------------------*\
    PRODUCT DETAIL
      + Add to cart element positioning
\*------------------------------------------------------------------------------------*/
.atc-info {
  *zoom: 1;
  max-width: 310px;
  margin: 15px auto 0;
}
.atc-info:before, .atc-info:after {
  content: "";
  display: table;
}
.atc-info:after {
  clear: both;
}

@media (min-width: 37em) {
  .atc-info {
    max-width: 270px;
    margin: 10px 0 0;
    float: left;
    width: 100%;
  }
}

@media (min-width: 48em) {
  .atc-info {
    max-width: 240px;
    margin: 10px 0 0;
    float: right;
    width: 100%;
  }
}

.product-detail-info .multi {
  clear: right;
  margin: 25px 0 0;
}
@media (min-width: 37em) {
  .product-detail-info .multi {
    margin: 25px 0 0 0;
  }
}
@media (min-width: 48em) {
  .product-detail-info .multi {
    margin: 25px 0 0 0;
  }
}

.product-detail-info .k-numeric-wrap {
  width: 110px;
}
@media (min-width: 37em) {
  .product-detail-info .k-numeric-wrap {
    width: 28%;
  }
}

@media (min-width: 48em) {
  .product-detail-info .k-numeric-wrap {
    width: 70px;
  }
}

@media (min-width: 64em) {
  .product-detail-info .atc {
    width: 56% !important;
  }
}


/*------------------------------------------------------------------------------------*\
    4 Step Progress bar
      + Removing top margin
\*------------------------------------------------------------------------------------*/
.progress-bar {
  margin: 0 auto 25px;
}



/*------------------------------------------------------------------------------------*\
    Main Content
      + adding overflow for cv templates on mobile viewports
\*------------------------------------------------------------------------------------*/
.main-content {
  overflow: auto;
}
@media (min-width: 48em) {
  .main-content {
    overflow: visible;
  }
}



/*------------------------------------------------------------------------------------*\
    MULTI WRAPPER
      + Spacing for multi by on grid
\*------------------------------------------------------------------------------------*/
.multi-wrapper {
  display: block;
  clear: both;
  height: 30px;
}
@media (min-width: 64em) {
  .multi-wrapper {
    display: inline-block;
    float: right;
    clear: none;
  }
  .multi-wrapper .multi {
    width: 100% !important;
  }
}

@media (min-width: 64em) {
  .detailed-list .multi-wrapper {
    display: block;
    float: none;
  }
}


/*------------------------------------------------------------------------------------*\
    KENDO NUMBER INPUT
      + K-Slect side by side on mobile
\*------------------------------------------------------------------------------------*/
.product-grid.grid .product .product-info .k-numeric-wrap {
  width: auto;
}
@media (min-width: 56em) {
  .product-grid.grid .product .product-info .k-numeric-wrap {
    width: 21%;
    float: left;
  }
}

.product-grid.grid .product .product-info .k-numeric-wrap input {
  width: 60%;
}
@media (min-width: 56em) {
  .product-grid.grid .product .product-info .k-numeric-wrap input {
    width: 100%;
  }
}

.k-numeric-wrap .k-select {
  width: 50%;
}

@media (min-width: 56em) {
  .k-numeric-wrap .k-select {
    width: 35%;
  }
}

.k-numeric-wrap .k-select .k-link {
  display: inline-block;
  float: right;
  width: 50%;
  height: inherit;
}
@media (min-width: 56em) {
  .k-numeric-wrap .k-select .k-link {
    display: block;
    width: 100%;
    height: auto;
  }
}

.k-numeric-wrap .k-select .k-link .k-icon {
  margin-top: 10px;
}
.k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s {
  margin-top: 12px;
}
@media (min-width: 56em) {
  .k-numeric-wrap .k-select .k-link .k-icon, .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s {
    margin-top: 0;
  }
}

/*------------------------------------------------------------------------------------*\
    MORE INFO PRODUCT GRID
\*------------------------------------------------------------------------------------*/
@media (min-width: 37em) {
  .product-grid.grid .product .product-info .more {
    padding: 4px 6px;
  }
}

/*------------------------------------------------------------------------------------*\
    NIVO SLIDER
      + Adding border on status indicators
\*------------------------------------------------------------------------------------*/
.nivo-controlNav .nivo-control {
  border: 1px solid #ddd;
}
.nivo-controlNav .nivo-control:hover {
  border-color: #67d0fa;
}
.nivo-controlNav .nivo-control.active {
  border-color: #003471;
}




/*------------------------------------------------------------------------------------*\
    ON CONTRACT
      + Adjusting positioning
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
  .product-grid.detailed-list .product .product-info .contract {
    top: 0;
  }
}




/*------------------------------------------------------------------------------------*\
    LIST VIEW
      + Adjusting font-weight
\*------------------------------------------------------------------------------------*/
.product-grid.detailed-list .product .product-info .title a {
  font-family: "AvantGardeGothicITCW01B 731069";
  font-weight: normal;
}



/*------------------------------------------------------------------------------------*\
    HOMEPAGE
      + Removing white space that incrases UX
\*------------------------------------------------------------------------------------*/
.current-offers {
  clear: both;
  padding: 0 0 15px;
  margin: 0 0 15px;
}
.top-sellers {
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.jcarousel-skin {
  margin: 0 0 0 0;
}

@media (min-width: 48em) {
  .slides {
    margin: 0 0 15px;
  }
}


@media (min-width: 64em) {
  .current-offers {
    clear: both;
    padding: 0 0 15px;
    margin: 0 0 15px;
  }
    .top-sellers {
      padding: 0 0 15px;
      margin: 0 0 15px;
  }
}




/*------------------------------------------------------------------------------------*\
    PRODUCT GALLERY
      + Adjusting zoom positioning
\*------------------------------------------------------------------------------------*/
.product-gallery .zoom {
  top: 85%;
}


/*------------------------------------------------------------------------------------*\
    LOGIN BOX
      + Adjusting checkbox positioning
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
  .form-fieldset.remember-email .form-checkbox{
    float: left;
    margin-right: 5px;
  }
}


/*------------------------------------------------------------------------------------*\
    PRODUCT DETAIL
      + Adjusting product detail
\*------------------------------------------------------------------------------------*/
.product-detail-info .price {
  margin-top: 0;
}


/*------------------------------------------------------------------------------------*\
    MAIN CONTENT
      + Adjusting padding
\*------------------------------------------------------------------------------------*/
.page-content .main-content {
  padding-top: 0;
}









/*------------------------------------------------------------------------------------*\
    FLOATING HEADING
      + Adjusting height
\*------------------------------------------------------------------------------------*/

.page-header.floating-header.logged-in .account-cart {
  height: 15px;
}


/*------------------------------------------------------------------------------------*\
    BREADCRUMBS
      + Adjusting margin
\*------------------------------------------------------------------------------------*/
.breadcrumbs {
  margin: 15px 0;
}





/*------------------------------------------------------------------------------------*\
    PAGINATION
      + Adjusting width
\*------------------------------------------------------------------------------------*/

.pagination-sort .cv-dropdown {
  width: 150px;
}
@media (min-width: 64em) {
  .pagination-sort .cv-dropdown {
    width: 150px;
  }
}



/*------------------------------------------------------------------------------------*\
    PRODUCT OVERLAY MESSAGES
      + Adding overlay message styles
\*------------------------------------------------------------------------------------*/
.product-grid.grid .product-overlay-message-container {
  background: white;
  background: rgba(255,255,255,0.9);
  position: absolute;
  width: 100%;
  margin: -5px;
  height: 100%;
  z-index: 100;
}

.product-grid.detailed-list .product-overlay-message-container {
  background: white;
  background: rgba(255,255,255,0.9);
  position: absolute;
  width: 100%;
  margin: -10px 0 -20px 0;
  height: 100%;
  z-index: 100;
}

.product-grid.grid .product-overlay-message-container.success .product-overlay-message {
  display: block;
  background: #003471;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 11px;
  color: white;
  padding: 10px;
  margin-top: 60px;
}

.product-grid.grid .product-overlay-message-container.fail .product-overlay-message {
  display: block;
  background: #ee3424;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 11px;
  color: white;
  padding: 10px;
  margin-top: 60px;
}


.product-grid.detailed-list .product-overlay-message-container.success .product-overlay-message {
  display: block;
  background: #003471;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  font-size: 11px;
  color: white;
  padding: 10px;
  margin-top: 45px;
}

.product-grid.detailed-list .product-overlay-message-container.fail .product-overlay-message {
  display: block;
  background: #ee3424;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  font-size: 11px;
  color: white;
  padding: 10px;
  margin-top: 45px;
}


.atc-info {
  position: relative;
}

.atc-info .product-overlay-message-container {
  background: white;
  background: rgba(255,255,255,0.9);
  position: absolute;
  width: 100%;
  margin: 0;
  height: 100%;
  z-index: 100;
}

.atc-info .product-overlay-message-container.success .product-overlay-message {
  display: block;
  background: #003471;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 11px;
  color: white;
  padding: 10px;
  margin-top: 18px;
}

.atc-info .product-overlay-message-container.fail .product-overlay-message {
  display: block;
  background: #ee3424;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 11px;
  color: white;
  padding: 10px;
  margin-top: 12px;
}




/*------------------------------------------------------------------------------------*\
    FLOATING HEADER MESSAGES
      + Adding full with messages to the floating header
\*------------------------------------------------------------------------------------*/
@media (min-width: 48em) {
  .page-header.floating-header {
    padding-right: 0;
    padding-left: 0;
    overflow: visible !important;
  }
}

.page-header.floating-header #message-container {
  display: block;
  background: white;
  padding: 0;
  margin-top: 5px;
}

.page-header.floating-header #message-container .itemList {
  width: 100%;
  padding-top: 5px;
}
.page-header.floating-header #message-container .itemList {
  *zoom: 1;
}
.page-header.floating-header #message-container .itemList:before, .page-header.floating-header #message-container .itemList:after {
  content: "";
  display: table;
}
.page-header.floating-header #message-container .itemList:after {
  clear: both;
}
@media (min-width: 64em) {
  .page-header.floating-header #message-container .itemList {
    margin: 0 auto;
    width: 94%;
  }
}
@media (min-width: 92em) {
  .page-header.floating-header #message-container .itemList {
    width: 1440px;
  }
}

.floating-header #message-container {
  min-height: 0;
}


/*------------------------------------------------------------------------------------*\
    CATEGORY GRID
      + Adjusting heights
\*------------------------------------------------------------------------------------*/
.product-grid.category .product .product-info {
  min-height: 0;
}
.product-grid.category .product .product-info .title {
  height: 30px;
}

/*------------------------------------------------------------------------------------*\
    UNIT OF MEASURE
      + Adding unit-of-measure classes
\*------------------------------------------------------------------------------------*/
.unit-of-measure {
  font-size: 11px;
  position: relative;
}

.product-grid.grid .unit-of-measure {
  clear: both;
  display: block;
}
@media (min-width: 64em) {
  .product-grid.grid .unit-of-measure {
    float: left;
    display: inline-block;
    width: 70px;
    top: 0px;
  }
}

.product-grid.detailed-list .unit-of-measure {
  position: relative;
  top: 60px;
  left: -75px;
}
@media (min-width: 48em) {
  .product-grid.detailed-list .unit-of-measure {
    bottom: auto;
    top: 42px;
    right: 130px !important;
    width: 35px;
    text-align: right;
    padding-left: 0;
  }

}
@media (min-width: 64em) {
 .ato-wrapper {
    margin-top: 15px;
  }
}

@media (min-width: 48em) {
  .product-grid.detailed-list .product .product-info .price {
    text-align: right;
  }
}

.info-group.detailed-info .unit-of-measure {
  top: 29px;
  left: -57px;
  width: 60px;
  display: inline-block;
}

.product-row .unit-of-measure {
  font-size: 9px;
  left: 3px;
}

@media (min-width: 48em) {
  .product-row .unit-of-measure {
    display: block;
    left: 0;
  }
}

.product-detail-info .price {
  margin-bottom: 15px;
}

.product-grid.grid .multi-wrapper {
  width: 85px;
  float: right;
  margin-top: -20px;
}
@media (min-width: 64em) {
  .product-grid.grid .multi-wrapper {
    margin-top: -15px;
  }
}



@media (min-width: 37em) {
  .product-grid.detailed-list .product {

  }

  .product-grid.detailed-list .product .product-img {
    width: 12%;
  }

  .product-grid.detailed-list .product .product-info {
    width: 86%;
    max-height: 120px;
  }

  .product-grid.detailed-list .product .product-info .title {
    max-width: 280px;
    height: 60px;
  }

  .product-grid.detailed-list .product .product-info .code {
    max-width: 280px;
  }

  .product-grid.detailed-list .product .product-info .price {
    position: absolute;
    right: 130px;
    top: 15px;
    width: 70px;
    text-align: right;
  }

  .product-grid.detailed-list .product .product-info .fav {
    position: relative;
    top: -75px;
  }

  .product-grid.detailed-list .unit-of-measure {
    left: auto;
    position: absolute;
    top: 43px;
    right: 130px;
  }

  .product-grid.detailed-list .product .product-info .k-numeric-wrap {
    position: absolute;
    right: 130px;
    top: -75px;
    width: 70px;
  }

  .product-grid.detailed-list .product .product-info .atc {
    position: relative;
    top: -75px;
  }

  
  .product-grid.detailed-list .product .product-info .atcRegOrLog{
    position: relative;
	float:right;
    top: -75px;
  }
  
  .product-grid.detailed-list .product .product-info .multi {
    clear: both;
    position: relative;
    top: -75px;
    right: 0;
  }

  .product-grid.detailed-list .product .product-info .ato-wrapper {
    min-height: 0;
  }

}

@media (min-width: 48em) {
  .product-grid.detailed-list .product {
    background: white;
  }
}

@media (min-width: 64em) {
.product-grid.detailed-list .product .product-info .title {
    max-width: 460px;
  }
}

@media (min-width: 92em) {
.product-grid.detailed-list .product .product-info .title {
    max-width: 680px;
  }
}

/*------------------------------------------------------------------------------------*\
    PRODUCT GRID
      + Adjusting Button Layouts
\*------------------------------------------------------------------------------------*/
.product-grid.grid .product .product-info .fav {
  padding-left: 0;
}



/*For ZD:242773*/

#PaymentMethod_0 { 
display: none !important;	
}
#PaymentMethod_1 { 
display: none !important;	
}
label[for=PaymentMethod_0]
{
    display: none !important;
}
label[for=PaymentMethod_1]
{
    display: none !important;
}


/*------------------------------------------------------------------------------------*\
    245113
      cart layout mod
\*------------------------------------------------------------------------------------*/

.cart-summary.full .cus-col-1 {
        width: 100%;
}
.cart-summary.full .cus-col-2 {
        width: 100%;
        display: inline-block;
}
.cart-summary.full .cus-col-3 {
    width: 100%;
    display: inline-block;
}
.cart-summary.full .cus-col-4 {
    width: 100%;
    display: inline-block;
}
.cart-summary.full .cus-col-5 {
    width: 100%;
    display: inline-block;
    text-align: left;
}

    .cart-summary.full .cus-col-5 .k-numerictextbox {
        max-width: 150px;
    }

.cart-summary.full .cus-col-6 {
    width: 100%;
    display: inline-block;
}
.cart-summary.full .cus-col-7 {
    width: 100%;
    display: inline-block;
}
.cart-summary.full .cus-col-8 {
    width: 100%;
    display: inline-block;
}
.cart-summary.full .cus-col-9 {
    width: 100%;
    display: inline-block;
}
.cart-summary.full .cart-body .cus-col-2 a {
    color: black;
}
.cart-summary.full .cart-body .cus-col-3 a {
    color: black;
}

@media (max-width: 37em) {
    [class*="cus-col-"] {
        margin-bottom: 5px;
    }

    [class*="cus-col-"]:before {
        padding-right: 10px;
        float: left;
    }
    .cart-summary.full .cus-col-2:before  {
        /*content: "code";*/
    }
    .cart-summary.full .cus-col-3:before {
        content: "Description";
    }
    .cart-summary.full .cus-col-4:before {
        content: "Price (ex GST)";
    }

    .cart-summary.full .cus-col-6:before {
        content: "Extended Price (ex GST)";
    }

    .cart-summary.full .cus-col-7:before {
        content: "GST";
    }

    .cart-summary.full .cus-col-8:before {
        content: "Extended Price (inc GST)";
    }

	.cus-col-1 {
		display: none;
	}

}


@media (min-width: 37em) {

    .cart-summary.full .cus-col-1 {
            width: 10%;
    }
    .cart-summary.full .cus-col-2 {
            width: 10%;
    }
    .cart-summary.full .cus-col-3 {
            width: 15%;
    }
    .cart-summary.full .cus-col-4 {
            width: 10%;
    }
    .cart-summary.full .cus-col-5 {
            width: 10%;
    }
    .cart-summary.full .cus-col-6 {
            width: 10%;
    }
    .cart-summary.full .cus-col-7 {
            width: 10%;
    }
    .cart-summary.full .cus-col-8 {
            width: 10%;
    }
    .cart-summary.full .cus-col-9 {
            width: 15%;
    }
}

#seo-copy h1 {
		font-size: 14px;
		margin: 0 0 -15px;
		padding: 0;
}
#seo-copy h2 {
		font-size: 14px;
		margin: 0 0 -15px;
		padding: 0;
}