/* -----------------------------------*/
/* ------->>> PRODUCT VIEW <<<--------*/
/* -----------------------------------*/

#thumb {
	border: 1px solid #d5d3d3;
	float:left;
	margin:17px 0 0 20px;
	text-align:center;
	width:250px;
	vertical-align:middle;
	-moz-border-radius: 4px;
  	-webkit-border-radius:4px;
	background:url('http://static.extrabux.com/images/icons/magnifier.png') no-repeat bottom right;
}

#thumb a {
	padding:10px;
	display:block;
}

.shop-now-promo { float:left; }

.shop-now-name {
	float:left;
	line-height:80px;
}

#product-info {
	float:left;
	font-size:12px;
	line-height:16px;
	margin:20px 0 20px 20px;
	width:385px;
}

.text-label {
	color:#368000;
	font-weight:bold;
}

#product-info .spec {
	color:#252525;
	display:block;
	float:left;
	font-size:1em;
	margin-bottom:5px;
	padding-right:10px;
}

#product-info .spec a {
	color:#252525;
	text-decoration:underline;
}

#product-info .spec a:hover { color:#368000; }

#product-info .desc {
	clear:left;
	font-size:1em;
}

#product-info .relatedBlogPosts {
	padding:10px 0;
}

#product-info .relatedBlogPosts h5 {
	font-size:13px;
	font-weight:bold;
	padding-left:15px;
	background:url('http://static.extrabux.com/images/icons/quote.png') no-repeat center left;
}

#product-info .relatedBlogPosts li a {
	font-size:1.1em;
	color:#368000;
	text-decoration:underline;
}

#product-info #price-range {
	color:#999;
	font-size:1.3em;
	font-style:italic;
}

#product-info #price-range a {
	color:#252525;
	font-weight:bold;
	font-size:1.2em;
	font-style:normal;
}

#product-info #price-range a:hover { text-decoration:underline; }

#product-info a.compare {
	color:#7d7d7d;
	font-style:italic;
	padding-top:3px;
	text-decoration:underline;
}

#product-info a:hover.compare { text-decoration:none; }

#pricePromo {
	width:240px;
	float:right;
	height:69px;
	background: url('http://static.extrabux.com/images/price-promo-bg.png') no-repeat;
	margin:50px 20px 0 0;
}

#pricePromo .promoInfo {
	width:115px;
	float:left;
	margin:15px 0 0 10px;	
}

#pricePromo .promoInfo .price {
	color:#b2030a;
	font-size:2em;
	font-weight:bold;
}

#pricePromo .merchant {
	width:110px;
}

#pricePromo .promoInfo .merchant {
	color:#000;
	text-align:right;
	text-decoration:underline;
}

#pricePromo a:hover.merchant {
	text-decoration:none;
}

#pricePromo .promoButton {
	width:94px;
	float:right;
	margin:23px 18px 0 0;
}

/* ------->>> TABBED NAVIGATION <<<--------*/

.tabs {
	clear:left;
	float:left;
	font-size:1.0em;
	font-weight:bold;
	margin:20px 0px 0px 20px;
	text-transform:uppercase;
}

.tabs li {
	float:left;
	font-weight: bold;
}

.tabs a {
	background:#f7f7f7;
	line-height:3em;
	height:3em;
	margin-right:7px;
	border-top:1px solid #c6ddb1;
	border-right:1px solid #c6ddb1;
	border-left:1px solid #c6ddb1;
	color:#525252;
	padding:0 20px;
	display:block;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius:4px;
}

.tabs a:hover {
}

.tabs .active {
	background: #5a9820 url('http://static.extrabux.com/images/matrix-nav-bg.gif') repeat-x;
	border:1px solid #5a9820;
	color:#FFF;
	cursor:pointer;
}

#tabFilter {
	background:#eef4e8;
	border: 1px solid #5a9820;
	border-top: 3px solid #5a9820;
	clear:left;
	color:#252525;
	display:block;
	font-size:1.2em;
	margin:0 20px 0px 20px;
	width:944px;
	text-align:right;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius:4px;
}

#tabFilter #calculateZip {
	float:right;
	margin:.5em;
	height:22px;
}

#tabFilter label { 
	font-weight:bold;
	line-height:22px;
}

#tabFilter #zip-input { 
	height:15px;
	width:65px;
}

#tabFilter #zipButton { vertical-align:middle; height:20px; }

#tabBorder {
	border-top: 3px solid #5a9820;
	clear:left;
	color:#252525;
	margin-left:20px;
}

/* ------->>> PRODUCT MATRIX <<<--------*/

table.matrix {
	clear:left;
	margin:10px 20px 30px 20px;
	text-align:center;
}

table#matrix-products { width:945px; }

table#matrix-profile { width:600px; }

.matrix th {
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #c4c4c4;
	background: #e7e6e6 url('http://static.extrabux.com/images/matrix-bg-header.gif') repeat-x bottom;
	font-size:1em;	
	padding:8px 0;
	text-transform: uppercase;
	text-align: center;
}

.TH-borderLeft { border-left: 1px solid #c4c4c4; }
.TH-borderRight { border-right: 1px solid #c4c4c4; }

.matrix th.header a:active,
.matrix th.header a:link,
.matrix th.header a:visited {
	background: url('http://static.extrabux.com/images/matrix-head-sort.gif') no-repeat right; 
	color:#404040; 
	display:block;
	font-weight: bold;
}

th.header .cashbackCol a {
}



.matrix th.header a:hover {
	background: url('http://static.extrabux.com/images/matrix-head-sort-on.gif') no-repeat right; 
	color:#000;
	display:block;
}

.matrix th.headerSortDown a:link, 
.matrix th.headerSortDown a:visited,
.matrix th.headerSortDown a:active { 
	background: url('http://static.extrabux.com/images/matrix-sort-up.gif') no-repeat right; 
	color:#000;
	display:block;
}

.matrix th.headerSortUp a:link,
.matrix th.headerSortUp a:visited,
.matrix th.headerSortUp a:active { 
	background: url('http://static.extrabux.com/images/matrix-sort-down.gif') no-repeat right; 
	color:#000;
	display:block;
}

.matrix td {
	background:url('http://static.extrabux.com/images/zebra-bg-lt.gif') repeat-x bottom;
	border-bottom: 1px solid #d4d4d4;
	vertical-align:middle;
	height:60px;
}

.matrix td.merchant-name {
	border-left: 1px solid #d7d7d7;
	width: 160px;
	text-align: center;
}

.matrix td.merchant-name .iconsWrap {
	height:36px;
	margin:0 8px 0 6px;
	width:16px;
	float:left;
}

.matrix td.merchant-name .iconInfo a {
	background:url('http://static.extrabux.com/images/icons/store-info.gif') no-repeat;
	display:block;
	margin-bottom:4px;
	width:16px;
	height:16px;
}

.matrix td.merchant-name .iconFav a {
	background:url('http://static.extrabux.com/images/icons/star-empty.gif') no-repeat;
	display:block;
	height:16px;
	width:16px;
}

.matrix td.merchant-name .iconFav a:hover,
.matrix td.merchant-name .iconFav a.active { background:url('http://static.extrabux.com/images/icons/star-full.gif') no-repeat; }

.matrix td.merchant-name .storeName {
	float:left;
}

.matrix td.merchant-name a {
	font-size:1.0em;
	color:#838383;
	text-decoration:underline;
}

.matrix td.merchant-name a:hover { text-decoration:none; }

.matrix td.name { width:150px; }

.matrix td.base-price {
	color:#252525;
	font-size:1.5em;
	text-decoration:line-through;
	width:110px;
}

.matrix td.cashback a {
	color:#368000;
	font-size:15px;
	width:115px;
}

.matrix td.tax {
	width:125px;
}

.matrix td.coupons {
	font-size:1.25em;
}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
}

a.tooltip:hover{
	z-index:25; 
}

a.tooltip span.couponTip{
	display: none;
}

a.tooltip:hover span.couponTip{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
	left:2em; 
	width:15em;
	padding:5px;
    border:1px solid #77a34d;
	background:#e6f2db;
	color:#252525;
    text-align: left;
	font-size:11px;
	line-height:14px;
	text-transform: none;
	text-decoration: none;
	font-weight:normal;
}

a.tooltip span#cashbackTip{
	display: none;
}

a.tooltip:hover span#cashbackTip { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:2em; 
	left:-2.5em; 
	width:15em;
	padding:5px;
    border:1px solid #ccc;
	background:#FFF;
	color:#252525;
    text-align: left;
	font-size:12px;
	line-height:14px;
	text-transform: none;
	text-decoration: none;
	font-weight:normal;
}

a.tooltip span.percentTip {
	display: none;
}

a.tooltip:hover span.percentTip{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
	left:2em; 
	width:10em;
	padding:5px;
    border:1px solid #77a34d;
	background:#e6f2db;
	color:#252525;
    text-align: left;
	font-size:12px;
	line-height:14px;
	text-transform: none;
	text-decoration: none;
	font-weight:bold;
}

.matrix td.coupons .coupon {
	border:1px dotted #CCC;
	padding:5px;
	text-align:center;
}

.matrix td.coupons .title {
	color:#368000;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:2px;
}

.matrix td.coupons .code {
	color:#666;
	font-size:.75em;
	text-transform:uppercase;
	font-weight:bold;
}

.matrix td.coupons span.default { padding:2px 0 2px 0px; }

.matrix td.coupons span.default { /*background: url('http://static.extrabux.com/images/icons/coupon_default.gif') no-repeat left bottom; */ }

.matrix td.coupons span.shipping { background: url('http://static.extrabux.com/images/icons/coupon_shipping.gif') no-repeat left center; }

.matrix td.coupons span.gift { background: url('http://static.extrabux.com/images/icons/coupon_gift.gif') no-repeat left center; }

.matrix tr td.tax {
	width:115px;
	font-size:1.2em;
	padding-left:30px;
	color:#636363;
	text-align:left;
}

.matrix td.final-price {
	text-decoration:none;
	width:120px;
}

.matrix td.final-price .final {
	color:#b2030a;
	font-size:2em;
	font-weight:bold;
}

.matrix td.final-price .lowest {
	color:#252525;
	font-size:1em;
	text-transform:uppercase;
	font-weight:bold;
}

.matrix .shop-now {
	border-right: 1px solid #d7d7d7;
	width:150px;
}


/* -----------------------------------*/
/* ------->>> MERCHANT VIEW <<<-------*/
/* -----------------------------------*/

.merchantView_Width { width:725px; }

#merchantView {
	min-height:400px;
  	height:auto !important;
  	height:400px;
	width:700px;
	float:left;
}

#merchantViewCol {
	width:255px; 
	margin:0 0 0 725px; 
	height:100px; 
}

#merchantView #storeInfo {
	float:left;
	margin:20px 0 0 20px;
	width:700px;
}

#merchantView #storeInfo #logo {
	float:left;
	text-align:left;
	padding:10px;
}

#merchantView #description {
	border:1px solid #CCC; 
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	padding:15px;
	color:#252525;
	font-size:13px;
	line-height:1.4em;
	float:left;

}

#merchantView #storeBtn a {
	color:#368000;
	float:right;
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
}

#merchantView #storeBtn a:hover { text-decoration:underline; }

#rightCol {
	float:right;
	width:240px;
}

#rightCol .merchant.couponTitle {
	color:#252525;
	font-size:13px;
	font-weight:bold;
	margin:10px 0 0 10px;
}

#merchantViewCol .coupons { margin:10px 10px 0 0; float:right; }

#merchantViewCol .coupons li {
	background:#FFF;
	border: 1px dotted #CCC;
	color:#368000;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	margin:4px 0;
	padding:10px 5px;
	width:220px;
}

#merchantViewCol .coupons li a {
	text-decoration:underline;
	color:#368000;
}

#merchantViewCol .coupons li a:hover {
	text-decoration:underline;
}


#merchantViewCol ul li .details {
	color:#7d7d7d;
	font-size:11px;
}