.overlayContainer {
	.rel;
	z-index: 10;
}

.overlayContainer .overlayObj {
	.noshow;
	left: 0;
	.abs;
  	top: 22px;
  	width: 229px;
	z-index: 5;
	background: #eee;
	.box-shadow;
} 

#hTools .square {
	padding-left: 20px;
}

#orderByCatalog .overlayObjcontent img {
	margin: 10px 0 0 10px;
}

.overlayContainer .overlayObj .loading-light {
	background: #F9F9F9 @jq-ajax-loader1 no-repeat 50% 50%;
	height: 32px;
	padding: 5px;
	overflow: hidden;
}

#inkpredictSearchFlyout .overlayObj, 
#headerinkpredictSearchFlyout .overlayObj {
	.border;
	.box-shadow;
  top: 40px;
  width: 277px;
}

.inkpredictsearchresults {
  .w100;
  margin: 0 0 6px 0;
  padding: 0;
  clear: none;
  float: none;
  background:#fff;
}
.inkpredictsearchresults a {
  color: @brand-text;
  display: block;
  padding: 6px 6px 0px;
  width: 264px;
}
.inkpredictsearchresults a:hover {
  color: @brand;
	text-decoration:none;
}
.searchmorerow {
  text-align: right;
}
.searchHighlight {
  background-color: #98C6EA;
  .underline;
}

.highlight {
  background-color: #ffff00;
}
/*for address book search*/
#inkpredictSearchFlyout table tr.searchresrow {
  font-size: @base-font;
  width: 200px;
  padding: 0px;
}
#inkpredictSearchFlyout table td {
  padding-bottom: @gutter/2;
}
div#inkpredictSearchFlyout table.inkpredictsearchresults tr td.suggestions {
  padding-left: (@gutter+1) !important;
}
* :first-child + html #predictSearchFlyout .overlayObj {
  top: 23px;
}
#searchBar #predictSearchFlyout .predictsearchresults {
  .w100;
  margin: 3px 0 6px 0;
  padding: 0;
  clear: none;
  float: none;
}
#searchBar #predictSearchFlyout .predictsearchresults a {
  color: @brand-text;
  display: block;
  margin: 0 @gutter/2;
  padding: 0 0 2px 8px;
  width: 208px;
}
#searchBar #predictSearchFlyout .predictsearchresults a.hovered, .searchHighlight {
  background-color: #98C6EA;
  text-decoration: underline;
}
.highlight {
  background-color: #ff0;
}

#categoryAZ {
  .bordert (#fff);
  left: @gutter2;
  background: #DEDEDE;
  .fleft;
  height: 35px;
  padding: 0;
  width: @style-width;
  .noshow;
}
#categoryAZ.exposed .ie-glitch {
  .borderl (#dedede);
  .borderr (#dedede);
  height: 10px;
  background-color: #F9F9F9;
  .abs;
  top: 35px;
  left: 0px;
  width: (@style-width)-2;
}
.az_index {
  display: inline;
  padding-bottom: @gutter;
}
.az_index li {
  background: #ffffff @bg-gray-ends repeat-x 0 0;
  height: 25px;
  float: left;
  margin: 5px 0 5px 20px;
}
.az_index .down_arrow {
  .noshow;
}
.az_index a {
  color: #333;
  text-decoration: none !important;
  .pointer;
  .center;
  display: block;
  line-height: 25px;
  height: 25px;
  width: 45px;
  .bold;
  font-size: @base-font2+2;
  margin: 0 1px;
  background-color: #fff;
}
.az_index .currentAZselection {
  background: #e31836 @bg-red-ends repeat 0 0;
  .rel;
}
.currentAZselection .down_arrow {
  z-index: 601;
  display: block;
  .abs;
  top: 25px;
  left: @gutter+1;
  width: 23px;
  height: 12px;
  background: url(/images/od/v2/red_arrow.gif) no-repeat 0 0;
}
.currentAZselection a {
  color: #fff;
  background-color: #E31836;
}
.green a {
  width: 120px;
  color: green;
}
.map a {
  width: 120px;
}
#categoryAZ.overlayContainer {
  z-index: 5;
}
#departmentAZDetails {
  font-size: @base-font;
  width: @style-width;
  top: 42px;
  z-index: 500;
}
#departmentAZDetails .overlayObjcontent {
  background: #F9F9F9;
  padding: 0 10px 10px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #DEDEDE;
  .flcl;
  width: (@style-width)-22;
  /*progressive enhancement*/

	.box-shadow (0, 5px, -3px, alpha#666)
}
#departmentAZDetails .azCol {
  .fleft;
  overflow: hidden;
  line-height: 9px;
}
#departmentAZDetails a {
  color: #333;
}
#departmentAZDetails .azCol a:hover {
  background-color: #bbb;
  color: @brand;
}
#departmentAZDetails .level_1, #departmentAZDetails .level_2 {
  padding: 3px 0;
  text-indent: 0.5pt;
}
#departmentAZDetails .level_1 {
  .bold;
}
#departmentAZDetails #supLinks {
  padding-top: @gutter2;
  .bold;
}
#departmentAZDetails #supLinks .link_button {
  font-size: @base-font2;
}
#hCart td {
  padding-right: 5px;
}
#hCart #cartFlyout, #hCart #currentShiptoFlyout {
  padding-bottom: @gutter/2;
  top: 70px;
  width: 376px;
}
.bsd #hCart #cartFlyout, .bsd #hCart #currentShiptoFlyout {
  top: 50px;
}
#currentShiptoFlyout .address li {
  float: none;
}
#hCart #cartButtons {
  display: none;
  padding: 10px;
}
#hCart #cartCoupons h3 {
  background-color: @brand;
  color: #FFF;
  .bold;
  padding: 4px 0 5px 10px;
}
#hCart #cartButtons .f_left, #hCart #cartButtons .f_right {
  margin-bottom: 5px;
}
#hCart #cartCoupons .couponEntry {
  padding: 3px 0 4px 10px;
}
#hCart #cartCoupons .couponSeeAll {
  padding: 0 10px 5px 0;
  text-align: right;
}
#hCart #cartFlyout #cartPaging {
  text-align: left;
  .noshow;
}
#hCart #cartFlyout #prevNext {
  text-align: right;
  .noshow;
}
#hCart #cartFlyout .cartListTable {
  .w100;
}
#hCart #cartFlyout .cartListTable th {
  .bold;
  background-color: #dbdbdb;
}
#hCart #cartFlyout .cartListTable th, #hCart #cartFlyout .cartListTable td {
  padding: 5px;
  .center;
}
#hCart #cartFlyout .cartListTable .cl_td2 {
  text-align: left;
}
#hCart #cartFlyout .cartListTable .cl_td3 {
  .bold;
  color: @brand;
  .nowrap;
}
#hCart .buttonwrapper {
  padding: 0;
}
#hCart .buttonwrapper li {
  padding: 0 0 0 8px;
}

#hCart #cartFlyout #cartNavControl td {
  padding: 5px 10px;
}
#hCart #nextFO,#hCart #previousFO {
  .pointer;
  color: @brand-link;
  padding-right: @gutter2;
  background: transparent @bg-arrows no-repeat 100% -875px;
}
#hCart #previousFO {
  padding-left: 9px;
  padding-right: 0;
  background-position: 0 -840px;
}
#hCart #cartFlyout .cartItem td div {
  min-height: 25px;
  .auto;
}
#hCart #cartFlyout .cartSubtotalTable {
  .noshow;
  .w100;
}
#hCart .cartSubtoal,
#hCart #totalPrice  {
  background-color: #dbdbdb;
  text-align: left;
  padding: 5px 10px;
  .bold;
  font-size: @base-font2;
}
#hCart #cartFlyout #cartSubtoalObj {
  .normal;
  font-size: @base-font;
}
#hCart #cartFlyout #totalPrice {
 text-align: right;
  color: @brand;
}
.hovertip {
  overflow: hidden;
  .rel;
  top: 2px;
  width: 15px !important;
  height: 15px !important;
}
.hoverCloudText {
  line-height: normal !important;
  color: (@brand-text) !important;
  .bold;
  padding: 5px;
  text-align: left !important;
  .borderw (2px, @brand);
  background-color: #fff;
  .noshow;
  .abs;
  width: 220px;
  height: auto;
  font-size: @base-font2;
  z-index: 999999;
}
#container .quantity_box .list .hovertip {
  .fright;
  margin: 2px 0 0 5px;
}
.snapAccordion h3 {
  background: @bg-grayicons no-repeat 0 -689px;
  .bold;
  font-size: 11px !important;
  padding: 0 0 0 13px;
  margin-top: 5px;
  padding-top: 0;
  border: 0;
  width: 140px;
}
.snapAccordion h3.closed {
  background-position: 0 -524px;
}
.snapAccordion h3.first {
  margin-top: 0;
}
.snapAccordion ul {
  padding: 0;
  margin: 0;
  background: none;
  width: @grid1;
  font-size: 11px !important;
  overflow: hidden;
}
.snapAccordion .square li {
  .flcl;
  background: url(/images/od/v2/arrows.gif) no-repeat 0 -1890px;
  padding-left: @gutter;
  line-height: normal;
  font-size: 11px !important;
  margin-left: @gutter/2;
  width: 130px;
}
.snapAccordion .square a {
  color: #333;
}
.snapAccordion .square .first {
  background: none;
  padding-left: @gutter/2;
}
.snapAccordion .square .none {
  background: none;
}
/*Sliding Accordion Module CSS*/
.accordion {
  .border (#eee);
  width: 178px;
  height: 262px;
  overflow: hidden;
}
.nojs .accordion {
  height: auto;
  overflow: visible;
}
.accordion .accordionContents {
  height: 0;
  overflow: hidden;
  .abs;
}
.nojs .accordion .accordionContents {
  height: auto;
  overflow: visible;
  position: static;
}
.js .accordion .initialOpen {
  height: 143px;
  position: static;
}
.accordionContents img {
  margin: 0 10px 10px;
}
.accordionContents p, .accordionContents form {
  padding: 0 10px;
}
.accordionContents .square {
  padding-left: 18px;
}
.dealsOffersAccordion .accOpen {
  background: none;
}
.flashAd, .flashBackup {
  display: block;
}
.js .flashAd, .js .flashBackup {
  .noshow;
}
/*jQuery UI*/
#tooltip {
  .abs;
  color: #333;
  .noshow;
  width: 210px;
  padding: 0 0 @gutter 0;
}
#tooltip p {
  background: transparent @img-tooltip no-repeat 0 50%;
  padding: 0 16px 0 34px;
}
#tooltip .ttTop,#tooltip .ttBot {
  background: transparent @img-tooltip no-repeat 0 0;
  display: block;
  width: 210px;
  height: 12px;
}
#tooltip .ttBot {
  background-position: 0 100%;
}
.closeLink {
  .fright;
  .pointer;
  color: #666;
  .bold;
}
.closeLink span {
  background: #999;
  color: #fff;
  padding: 0 .25em;
}
.hide-title-bar .ui-dialog-titlebar {
  .noshow;
}
.ui-widget-overlay {
  background: #000;
  .opacity;
  .abs;
  top: 0;
  left: 0;
}
.ui-dialog {
  /*resets*/

  margin: 0;
  padding: 0;
  outline: none;
  line-height: 1.3em;
  text-decoration: none;
  list-style: none;
  font-family: .dfont;
  font-size: @base-font2+2;
  background: #e9e8e2 @jq-textures1 repeat-x 0 0;
  color: #3b392b;
  .borderw (4px, #ddd);
  .abs;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  .w100;
  bottom: -5px;
  left: 0px;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 13px;
  height: 13px;
  right: 0px;
  bottom: 0px;
  background:@jq-resize no-repeat 0 0;
}
.ui-dialog-titlebar{
  margin: 0;
  padding: 0;
  outline: none;
  line-height: 1.3em;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
  padding: .5em 1.5em .5em 1em;
  color: #fff;
  background: @brand @sprite1 repeat-x -630px -150px;
  .borderb (#ddd);
  font-size: 1em;
  .bold;
  .rel;
}
.ui-dialog-titlebar-close {
 
  background: @jq-close-fff no-repeat 0 0;
	.abs;
  right: 8px;
  top: .7em;
  width: 11px;
  height: 11px;
  z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
  background: @jq-close-fff no-repeat 0 0;
}
.ui-dialog-titlebar-close:active {
  background: @jq-close-222 no-repeat 0 0;
}
.ui-dialog-titlebar-close span {
  .noshow;
}
.ui-dialog-content {
  /*resets*/

  margin: 0;
  padding: 0;
  outline: none;
  line-height: 1.3em;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
  color: #3b392b;
}
.ui-dialog-buttonpane {
  .abs;
  bottom: 0;
  .w100;
  text-align: left;
  .bordert (#ddd);
  background: #e9e8e2;
}
.ui-dialog-buttonpane button {
  margin: .5em 0 .5em 8px;
  color: #fff;
  background: @brand @jq-textures4-50 repeat-x 0 50%;
  font-size: 1em;
  .border (#ddd);
  cursor: pointer;
  padding: .2em .6em .3em;
  line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
  color: #333;
  background: #cc0000 @jq-textures4-60 repeat-x 0 50%;
  .border (#ddd);
}
.ui-dialog-buttonpane button:active {
  color: #3b392b;
  background: #e9e8e2 @jq-textures4-50 repeat-x 0 50%;
  .border (#ddd);
}
.ui-dialog.ui-draggable .ui-dialog-titlebar, .ui-dialog.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.loadingDialog .ui-dialog-titlebar {
  display: none;
}
.loadingDialog p {
  color: #555;
  font-size: (@base-font)-1;
  padding: 107px 9px 2px;
}
/**Ad Slider **/
.ad_slider {
  width: 646px;
  height: 208px;
  overflow: hidden;
  background: transparent;
  border: 0;
}
.ad_slider ul {
  width: 1500px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ad_slider ul li {
  .rel;
  .fleft;
  display: block;
  padding: 0px;
  margin-right: 0px;
  height: 208px;
  width: 139px;
}
.ad_slider ul li#ss_open_panel {
  width: 370px;
}
#inkHeader {
  .rel;
}
#inkSlider {
  .abs;
  display: block;
  height: 208px;
  width: 646px;
  top: 0;
  left: 0;
  padding-left: 302px;
}
.crossRefSkuMessaging {
  .borderw (2px, #ffd50c);
  .bold;
  font-size: @base-font2;
  padding: 4px;
}
/* Citi dynamic APR UI */
.nojs #citiAprDisAgreeJS {
  .noshow;
}
#dynamicAPRSection .apr_overview {
  font-size: @base-font2+2;
  padding-top: 0;
}
#dynamicAPRSection .apr_offer {
  font-size: @base-font;
  margin: 8px 0;
  padding: 5px 0;
}
#dynamicAPRSection .apr_confirm {
  background: #ccc;
  padding: 5px;
  font-size: (@base-font)-1;
}
#dynamicAPRSection .apr_question {
  font-size: @base-font2+2;
  padding: 5px;
}
#dynamicAPRSection .apr_agree, #dynamicAPRSection .apr_decline {
  width: 50%;
  vertical-align: top;
  padding: 10px;
}
#dynamicAPRSection .apr_decline {
  .borderl (#999);
}
#dynamicAPRSection .apr_assert {
  .bold;
  .uppercase;
  margin-bottom: @gutter/2;
}
#dynamicAPRSection .apr_button,
#dynamicAPRSection .apr_description {
  float: none !important;
  clear: both !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.js #dynamicAPRSection .apr_offer {
  .borderw (2px, @brand);
  padding: 5px;
}
.js #dynamicAPRSection .moduleStruct {
  margin-bottom: 0;
}
.nojs #dynamicAPRSection h2 {
  background: none;
  padding-left: @gutter;
  color: @brand;
}
.nojs #dynamicAPRSection .moduleStruct {
  .borderw (2px, @brand);
  font-size: @base-font;
}
.nojs #dynamicAPRSection .moduleStructContent {
  border: 0;
  padding-top: 2px;
}
.refine_dialog_box {
  min-height: 144px !important;
  height: 144px !important;
}
/* Attachments Lightbox */
.atc_dialog .carouselLoading {
  background: transparent @jq-load 50% 50% no-repeat;
}
.atc_dialog .ui-dialog-titlebar {
  .noshow;
}
#addToCartDialog, #atc_lightbox {
  background-color: #e8e8e8;
}
#atc_lightbox {
  padding-bottom: 5px;
}
.nojs #mainSkuProductImageNoJS {
  display: block;
}
.js #mainSkuProductImageNoJS, #mainSkuProductImageJSNoFlash, .nojs #scene7flyoutTable {
 .noshow;
}
.js #scene7flyoutTable,
#flyout, #flyoutObj {
  display: block;
  .rel;
}

#flyoutObj {
  height: 250px;
}