/* -----------------------------------*/
/* ----->>> SEARCH RESULTS <<<--------*/
/* -----------------------------------*/

#results {
	background-color: white;
	margin:0 3px 0 210px;
	width:760px;
}

/* ----->>> facet navigation <<<-------*/

#facetNav {
	/*background: url('http://static.extrabux.com/images/content-faceted-bg.gif') no-repeat 3px 0px;*/
	float:left;
	padding-top:15px;
	width:203px;
	min-height:185px;
}

#facetNav div.parent { 
	margin-bottom:10px;
	padding-left: 15px;
}

#facetNav div.divider { background: url('http://static.extrabux.com/images/facet-div.gif') no-repeat bottom center; }

#facetNav div.parent span {
	background: url('http://static.extrabux.com/images/facet-arrow.gif') no-repeat 0% 50%;	
	color:#252525;
	font-size:1.3em;
	font-weight:bold;
	margin-top:10px;
	padding:2px 0 2px 10px;
}

#facetNav div.parent span a {
	color:#252525;
}

#facetNav div.parent span a:hover,
#facetNav div.parent span #active {
	color:#368000;
	text-decoration:underline;
}

#facetNav ul.child { padding:3px 0 10px 0; }

#facetNav ul.child li {
	background:none;
	font-size:1.2em; 
	margin:2px;
	padding:0 10px 2px 0;
}

#facetNav ul.child li label { padding-left:2px; }

#facetNav ul.child li a { color:#368000; padding-left:3px; }
#facetNav ul.child a:hover { color:#368000; text-decoration:underline; }
#facetNav ul.faq li a { padding-left:10px; }

/* ----->>> Store Dropdown <<<-------*/

#info {background:#f8f8f8; border:0;}

.menu {width:158px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; }
.menu ul ul {width:159px;}
#menuContainer {overflow-y:auto; height:500px; width:185px; border-bottom:1px solid #CCC; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:159px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:158px; height:30px; border:1px solid #000; border-width:1px 1px 1px 1px; background:#b7d186; padding-left:10px; line-height:29px; font-weight:bold; border-color:#51802c;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:159px; w\idth:158px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:159px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#FFF; font-weight:normal; color:#000; height:auto; line-height:1em; border-color:#CCC; padding:5px 10px; width:148px; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:160px;w\idth:158px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#558d1e;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/*-- End Store Dropdown --*/

.coupons h3 {
	color: #353535;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:5px;
}

.facet input.text {
	color:#b7b7b7;
	font-size:1em;
	height:12px;
	width:40px;
}

.facet input.text:focus { color: #000; }

#amount {
	color: #368000;
	font-size: 1.3em;
	font-weight: bold;
	margin-right: 25px;
	text-align: center;
}

#slider-range { margin-right: 25px; }

/* ----->>> refine results <<<-------*/

#refine {
	border-bottom: 1px solid #d7d7d7;
	color: #252525;
	float:right;
	font-size:1.2em;
	font-weight:bold;
	margin-top:7px; 
	padding-bottom:5px;
	width:760px;
}

#refine input { font-size: 10px; }

#refine #sort {
	float:left;
	width:275px; 
}

#refine #tax {
	float:right; 
	width:425px; 
	text-align: right;
}

#refine #tax #zip-input { width:65px; }

#refine #prodPerPage {
	float:left; 
	text-align:right; 
	width:175px;
}

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

#rightCol {
    \width: 720px; /* for IE5 and IE6 in quirks mode */
    w\idth: 720px; /* for IE6 in standards mode */
 }

/* ----->>> product results <<<-------*/

.productResult {
	background:url('http://static.extrabux.com/images/zebra-bg.gif') repeat-x bottom;
	border-bottom: 1px solid #d7d7d7;
	float:right;
	height:9em;
	margin:10px 5px 5px 5px;
	width:750px;
}

.productResult.inactive { background:url('http://static.extrabux.com/images/zebra-bg-lt.gif') repeat-x bottom; }

.productResult.active { background:url('http://static.extrabux.com/images/zebra-bg.gif') repeat-x bottom; }

.productResult h3 { margin-bottom:5px; }
.productResult h3 a {
	color: #368000;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:underline;
}

.productResult h3 a:hover { text-decoration:none; }

.productResult .thumb {
	background: url('http://static.extrabux.com/images/thumb-divider.gif') no-repeat top right;
	display:block;
	float: left;
	height:100px;
	padding:0px;		
	text-align:center;	
	width:100px;
}

.productResult .pInfo {
	color: #515151;
	float:left;
	font-size:1.2em;
	margin-left:15px; 
	padding-top:3px;
	width:450px;
}

.productResult .pInfo .desc { line-height:1.3em; }

.productResult .pInfo a.more { color:#515151; }

.productResult .pInfo a:hover.more {
	color:#368000;
	text-decoration:underline;
}

.productResult .CtA {
	float:right;
	text-align:right;
}

.productResult .CtA a.price {
	color:#b2030a;
	font-size:1.8em;
	font-weight:bold;
}

.productResult .CtA a:hover.price {
	text-decoration:underline;
}

.productResult .CtA .details {
	color:#7d7d7d;
	font-size:1.2em;
}

.productResult .CtA .details a,
.productREsult .CtA .details a:visited {
	color:#b2030a;
	text-decoration:underline;
}

.productResult .CtA .details a:hover { text-decoration:none; }

#noResults {
	font-size:1.4em;
	padding:20px;
	height:200px;
	text-align: center;
	padding-top: 25px;
}

/* -----------------------------------*/
/* ------>>> COUPON RESULTS <<<-------*/
/* -----------------------------------*/

.couponList {
	border-bottom: 1px solid #d7d7d7;
	float:right;
	margin:0px 15px 5px 10px;
	width:750px;
}

.couponList.inactive {
	background:url('http://static.extrabux.com/images/zebra-bg-lt.gif') repeat-x bottom;
}

.couponList.active {
	background:url('http://static.extrabux.com/images/zebra-bg.gif') repeat-x bottom;
}
.couponList .logo {
	background: url('http://static.extrabux.com/images/thumb-divider.gif') no-repeat top right;
	float:left;
	height:50px;
	margin:0px 0 5px 5px;
	padding-top:20px;
	text-align:center;
	width:135px;
}

.couponList .cInfo {
	float:left;
	margin:13px 0 0 10px;
	width:350px;
}

.couponList .cInfo h3 a {
	color:#368000;
	font-weight:bold;
	margin:0px 0 5px 0px;
	font-size:1.45em;
	text-decoration:underline;
}

.couponList .cInfo h3 a:hover { text-decoration:none; }

.couponList .details { 
	color:#515151;
	font-size:1.25em;
	margin-top:5px; 
}

.couponList .cInfo a.couponCode {
	border-bottom:1px dotted #666;
	color:#515151;
}

.couponList .cInfo a.couponCode:hover {
	border-bottom:1px dotted #368000;
	color:#368000;
}

.couponList .expiration,
.couponList .instructions {
	clear:right;
	color:#666;
	font-size:11px;
	height:20px;
	line-height:20px;
	width:175px;
}

.couponList .button {
	float:right;
	margin-top:1.5em;
}

.couponList .CtA {
	float:right;
	height:40px; 
	text-align:right; 
	width:140px; 
}
.couponList .instructions {
	float:right;
	height:20px;
	width:150px;
	text-align:right;
}

.noCoupons {
	font-size:1.4em; 
	height:200px;
	padding:50px; 
}

/* -----------------------------------*/
/* ----->>> MERCHANT RESULTS <<<------*/
/* -----------------------------------*/

.merchantList {
	border-bottom: 1px solid #d7d7d7;
	float:right;
	font-size:1.2em;
	margin:0px 15px 5px 5px;
	width:745px;
	height:70px;
}

.merchantList.inactive {
	background:url('http://static.extrabux.com/images/zebra-bg-lt.gif') repeat-x bottom;
}

.merchantList.active {
	background:url('http://static.extrabux.com/images/zebra-bg.gif') repeat-x bottom;
}

.merchantList .logo {
/*	background: url('http://static.extrabux.com/images/thumb-divider.gif') no-repeat top right; */
	float:left;
	height:35px;
	width:105px;
	margin: 10px 0 0 0;
	padding-top:10px;
}

.merchantList .desc {
	color:#252525;
	font-size:1em;
	float:left;
	height:2em;
	width:285px;
	line-height:1.25em;
	margin:20px 15px 0 15px;
}

.merchantList .coupon {
	float:left;
	font-size:1em;
	margin-top:25px;
	width:110px;
}

.merchantList .coupon a {
	border: 1px dotted #CCC;
	color:#515151;
	font-weight:bold;
	padding:10px;
	text-decoration:underline;	
}

.merchantList .coupon a:hover {
	border: 1px dotted #999;
	color:#368000;
}

.merchantList .button {
	float:right;
	height:2em;
	margin-top:1.5em;
	width:93px;
}

/* -----------------------------------*/
/* ---->>> BOTTOM PAGINATION <<<------*/
/* -----------------------------------*/

.pagination { margin:10px 5px; }

.pagination-info {
	color:#252525;
	float: right;
	font-size: 1.2em;
	line-height:2em;
	height:2em;
	padding-right: 25px;
	text-align: right;
	text-transform:uppercase;
}

.pagination-controls { float: right; }
	
.pagination-prev a,
.pagination-next a,
.pagination-page a,
.pagination-page-current a {
/*	background-color: #8b8b8b; */
	display: block;
	float: left;
	font-size: 1.4em;
	height: 22px;
	line-height:22px;
	margin: 0 3px;
	padding:0 8px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
}

.pagination-prev a,
.pagination-next a,
.pagination-page a {
	border: 1px solid #c6ddb1;
	color: #252525;
}

.pagination-prev a:hover,
.pagination-next a:hover,
.pagination-page a:hover {
	color:#000;
	background:#edf5e9;
	border: 1px solid #589c34; 
}

.pagination-page-current a {
/*	border: 1px solid #558628; */
	background-color: #589c34;
	color: #FFF;
	font-weight: bold;
}

.pagination-spacer {
	display: block;
	float: left;
	font-weight: bold;
	height: 15px;
	width: 15px;
	text-align: center;
}