/* For PRODUCT COMPARE pages */
/*-------------- FOR DEV ( remove )------------------*/

.compare { display:none; }

/*--------------------------------------------------*/

#loadingMessage { visibility:visible; position: fixed; }

.listview ul.product-row { float: left; margin: 0; padding: 0; width: auto; }
.listview li.product { width: 675px; position:relative; padding: 20px 0; border-bottom: 1px dashed #CCE1E6; border-left: 0; float: left; font-size: 12px; list-style: none; margin: 0 20px; text-align: center; }

.listview .productInfoLeft { width: 152px; margin-right: 20px; display: block; float: left; }
.listview .product-image { cursor: pointer; text-align: center; }
.listview .product-price { font-weight: bold; margin: 2px 0 3px; }
.listview .category-review { min-height: 30px; text-align: center; }
.listview .productCopy { overflow: hidden; text-align: left; }

.listview .product-name { font-size: 18px; }
.listview .product-name a { font-weight: normal; font-size: 97%; line-height: 1.45; padding: 0; display: block; }
.listview .productSubText { font-size: 11px; color: #999; margin-top: -4px; }
.listview .bulletHead { font-weight: bold; margin-top: 3px; }
.listview .productCopy ul { padding-left: 16px; list-style-type: disc; }
.listview .productCopy li { padding-top: 5px; list-style-type: disc; font-size: 12px; }
.listview .product-alternate-view { display:none; }

.listview .ctaColumn { float: right; width: 156px; }
.listview .toppickbuybutton { display: block; height: 25px; margin-left: auto; width: 130px; margin-bottom: 20px; position: relative; left: auto; bottom:5px; }
.listview .toppickbuybutton a { background: #A63123; display: block; height: 30px; margin-top: 7px; border-radius: 6px; width: 140px; border: #99271A; color: #FFF; font-weight: bold; font-size: 14px; line-height: 28px; }
.listview .toppickbuybutton a:hover { text-decoration: none; background-color: #C83E2D; }
.ctaBadge { margin-left: 27px; display: block; }
.badge2 { margin-top: 10px; }

.listview .product-compare { color: #666; font-size: 9px; text-transform: uppercase; position: absolute; right: 1px; bottom: 22px; } 

.sort-by.top { margin: 0px; margin-top: 4px; } 
.gridToggle { background: url('/images/compare/gridToggle.png') no-repeat;  }
.listToggle { background: url('/images/compare/listToggle.png') no-repeat;  }

.pageList .CurtrentPage { color:#999; cursor:default; }
.pagelist { padding-left: 15px; border-left: 1px dashed #CCC; }

#productGridBottom { clear: both; }
#productGridBottom .pagerWrapper { padding: 10px 0!important; }

/* -----  Compare widget  ---*/


div#compareBar {
	border-bottom: 1px solid #ededed;
	padding: 5px 27px 5px 0px;
	overflow: hidden;
	box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.08);
	background: #FFF;
	z-index: 200;
	width: 710px;
	display: none;
}

.fixed { position:fixed; top:0; }


button#compareButton {
	float: right;
	color: white;
	font-weight: bold;
	margin-top: 6px;
	cursor: pointer;
	border-radius: 8px;
	padding: 6px 20px;
	letter-spacing: .3px;
	background: #a80000;
	border: 0;
}
.disabled { background-color: #999!important; color: #AAA!important; text-shadow: 1px 1px 0px #777; cursor: no-drop!important; border-color: #CCC!important; }

ul#thumbList {
	list-style: none;
	float: right;
	margin: 0px;
	margin-right: 20px;
	padding: 4px 0 0 0;
	height: 41px;
	vertical-align: middle;
}

li.cell { width: 30px; height: 30px; float:left; display: inline-block; border: 2px solid #dedede; margin-left: 18px; border-radius: 2px; background: #FAFAFA; background-size: 100%; background-repeat:no-repeat; }

li.cell.live { border: 3px solid #FD5D37; border-radius: 6px; position: relative; box-shadow: 0px 1px 2px #646464; cursor:pointer; margin-left: 16px; }

.cellThumb { width: 100%!important; height:100%!important; opacity:0;}

.cell .closeX { display:none; }

.cell.live .closeX { background-color: #FD5D37; display: inline-block; border-radius: 10px; width: 16px; text-align: center; position: absolute; top: -8px; right: -7px; color: white; cursor:pointer; box-shadow: 0px 1px 2px #646464; }

button#clearClose {
	color: white;
	font-weight: bold;
	float: left;
	margin-top: 6px;
	cursor: pointer;
	background: #004b97;
	border: 0;
	padding: 6px 20px;
	border-radius: 8px;
	letter-spacing: .3px;
}

.fullQueueMsg { color: #FFF!important; background-color: #ED143D; font-weight: bold; padding: 2px 12px; box-shadow: 0px 0px 10px #ED143D; margin-top:-20px!important; }

.msgLive { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

#msgBox { display: none; float: left; width: 195px; color: #07529E; margin-top: 8px; margin-left: 15px; font-size: 14px; text-align: center; font-weight: bold; line-height: 15px; }

.noClick { cursor: no-drop; }

/* ---- TOUCH STYLES --- */

.touchy { user-select:none; padding-bottom: 5px!important; }
.touchy .cell { width:35px; height:35px; }
.touchy #msgBox { width: 195px; margin-top:6px; }
.touchy.fixed.zoomed { width: auto!important; right: 0px; left: 0px; background:#bada55!important;}

/* -----  Compare Modal  ---*/

.ui-widget-overlay { position:fixed!important; }