﻿/* for range page */
ul.CallsToAction { display:none; }
.divider { background-color: #d8d8d8; clear: left; float: left; height: 1px; line-height:1px; overflow:hidden; margin: 0; padding: 0; width: 740px;}
.itemList {display: block; float: left; margin:0;padding:0;text-transform: uppercase;  width: 640px;}
.itemList li {display: block;  float: left; height: 118px; list-style-type: none; margin-bottom: 0px; width: 160px; text-align:center; position: relative; font-size: 11px; line-height: 11px; }
.itemList li div.infoPopup {position: absolute; left: 0; top: -50px; z-index: 1000; line-height: 14px;}
.familyBox {float: left; clear: left;  width: 100px; height: 100px;  text-align:center; font-weight: bold;text-transform: uppercase; }
.familyBox span { display:block; width: 100px; height: 100px; text-indent:-9999px;  }
.pnlInfoPopup { height: 74px; background-repeat: repeat-x; color: #fff; text-align: left; text-transform: none; padding-left: 20px; font-weight: bold;  }
.pnlInfoPopup a,
.pnlInfoPopup a:visited { color: #fff; text-decoration: none; width: 80px; display: block; }
.price { display: block; font-size: 14px; }
.infoPopup img { display: block;}
* html .infoPopup img { float:left}
*:first-child+html .infoPopup img { float:left}
*:first-child+html .pnlInfoPopup {width: 140px;}
.latestOffers { height: 64px; text-transform: none; text-align: left; padding-left: 20px; padding-top: 15px; background-image: url('/resources/images/rangepage/hoverbgLatestOffers.gif'); background-repeat: repeat-x; }
.latestOffers span { width: 140px; display: block; font-weight: bold; }
.latestOffers a,
.latestOffers a:visited { color: #000; text-decoration: none; width: 140px; display: block; }
.RangeHeaderColor { color: #000; }
.van { top:-105px!important; }
.van .pnlInfoPopup { position: absolute; left: 0; top: 40px;}
img.arrow { float: left; border:0; margin-right: 3px; margin-top: 3px; }


/* for compare range page */
.RangeSlot,.RangeTitle,.RangeBotttom {
	width:185px;
	font-weight:bold;
	font-family:Trebuchet MS;
	font-size:12px;
	border-right:1px solid #ffffff;
}

.RangeSlot {
	clear:left;
	background-color:#ededed;
	margin:0!important;
	padding:0!important;
	text-align:center;
}

.RangeSlot img {
	margin-top:10px;
}

.RangeSlot span {
   /* float:left;
	text-align:center;
	width:185px; */
	display: block;
	background-color:#ededed;
}

.RangeSlot div {
	/*height:80px;*/
	overflow:hidden;
}

.RangeTitle {
	height:20px;
	border-bottom: 1px solid #ffffff;
	background-color:#CACCCB;
	text-align:center;
	vertical-align:middle;
	float:left;
	padding-top:4px;
}

.RangeBotttom {
	border-top:1px solid #ffffff;
	background-color:#CACCCB;
	height:10px;
	clear:left;
}

.PageTitle h2 {
	margin-bottom:0!important;
	padding-bottom:0!important;
	color:#f8ca41;
	text-transform:uppercase;
	white-space:nowrap;
	font-family:Trebuchet ms,Arial,Verdana,sans-serif;
}

.popupDiv {
	display:none;
	position:absolute!important;
	top:10px;
	left:10px;
	width:235px;
	color:#ffffff;
	text-align:left!important;
	z-index:10000;
}

.popupDivInside {
	padding:9px 15px!important;
}

.popupTile,.popupSubTitle {
	float:left;
	clear:left;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Trebuchet MS;
}

.popupTile {
	font-size:21px;
	text-align:left!important;
}

.popupSubTitle {
	font-size:12px;
	width:100%;
	text-align:left!important;
}

.popupDivInside{
	width:205px!important;
	/*width:100%;*/
	height:100%!important;
	padding:15px;
}

.spacerDiv {
	clear:left;
	margin:5px 0 5px 0;
	border-top:1px outset!important;
	border-right:0!important;
	border-bottom:1px outset!important;
	border-left:0!important;
	height:0px!important;
	overflow:hidden!important;
}

.linkClass {
	display:block!important;
	font-size:11px!important;
	width:100%!important;
	color:#ffffff;
	text-decoration:none;
	background-position:right;
	background-repeat:no-repeat;
	font-weight:normal!important;
	font-family:Arial!important;
}

.priceDiv {
	margin:15px 0px 15px 0px;
	font-size:11px!important;
	font-weight:normal!important;
	font-family:Arial!important;
	height:15px!important;
	clear:both;
}

.MainColumn {
	margin-top:9px!important;
}

.RangeImgOver {
	display:none;
	position:relative;
	top:-10px;
}

.Compare {
	width:142px;
	height:210px;
	background-repeat:no-repeat;
	background-position:top left;
	padding:9px;
	position:relative;
}

.Compare a {
	display:block!important;
	position:absolute;
	bottom:9px;
	right:9px;
	width:110px;
}

