/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/

html, body, #basic{
	height:100%;
}

#basis{
	margin: auto;
	width: 1000px;	/* width of basis */
	min-height: 100%;
	margin-bottom: -70px;
}

#main{
	min-height: 100%;
}

#header{
	height: 142px;	/* height of header */
}
#left{
	float: left;
	width: 220px;	/* width of left column */
}
#center{
	float: left;
	width: 500px;	/* width of center column */
}
#right{
	float: right;
	width: 220px;	/* width of right column */
}

#footer{
	width: 970px;	/* width of basis */
	margin: auto;
	height: 29px;	/* height of footer */
}


/*needed to make room for footer*/
#clearfooter{
	clear: both;
	height: 70px;	/* height of footer */
}
* > html #clearfooter {
	float: left;
	width: 100%;
}/* ie mac styles */

html>body #minHeight{
	float: left;
	width: 0px;
	height: 100%;
	margin-bottom: -70px;	/* height of footer */
} /*safari wrapper */


/*** standard classes ***********************************************************************************************/
.separator1{
	height: 1px;
	font-size: 1px;
	display: block;
}
.separator2{
	height: 2px;
	font-size: 1px;
	display: block;
}
.separator3{
	height: 3px;
	font-size: 1px;
	display: block;
}
.separator5{
	height: 5px;
	font-size: 1px;
	display: block;
}
.separator10{
	height: 10px;
	font-size: 1px;
	display: block;
}
.separator20{
	height: 20px;

	font-size: 1px;
	display: block;
}
.separator50{
	height: 50px;
	font-size: 1px;
	display: block;
}

.cl_clear, .clear{
	clear:both;
	display: block;
}






/*** follow sections can edit *****************************************************************************/
body{
	background-color: #eff2f3;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	color: #444444;

}
#basis{
	width: 1000px;
	background-color: #fff;
}

H1{
	font-size: 20px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: normal;
	padding-bottom: 10px;
}

H2{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	font-weight:  bold;
	color: #333;
	background-color: #d9d9d9;
}

p{
	margin-bottom: 5px;
}

a{
	color: #417dc4;
	text-decoration: underline;
	font-weight: normal;
}

strong{
	font-weight: bold;
}

.hidden{
	display: none;
}
.orange{

}
.red{
	color: #990000;
}
.gray{
	color: #D3D3D3;
}
.underline{
	text-decoration: underline;
}

input{
	width: 124px;
	padding: 3px;
	border: 1px solid #D3D3D3;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	color: #444444;
}
textarea{
	border: 1px solid #D9D9D9;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	color: #444444;
}
input.checkbox{
	border: none;
	padding: 0px;
	width: auto;
}
button{
	background-color: transparent;
	border: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

table td{
	padding-left: 3px;
	vertical-align: middle;
}

table td input{
	width: 95%;
}


.error
{
	color: #FF0000;
	font-size: 10px;
}

#warning{
	background-color:#FFF9D8;
	background-image: url(../images/warning.gif);
	height: 27px;
	font-weight:bold;
	vertical-align:bottom;
	padding-left: 50px;
	padding-top: 15px;
	background-repeat:no-repeat;
	background-position: 7px 7px;
	margin-bottom:10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0.0; opacity:0.0;	
	
}


/*** header **************************************************************/
#header{
	position: relative;
	height: 145px;
}
a#logo{
	background-image: url(../images/rewardon/logo.gif);
	background-repeat: no-repeat;
	display: block;
	width: 270px;
	height: 56px;
	position: absolute;
	top: 30px; left: 10px;
}
a#logo:hover{
	background-position: 0 -54px;
}


/*** top-info ********************************************/
#top-info{
	height: 20px;
	padding: 3px 10px 3px 3px;
	color: #999;
	text-align: right;
	background-color: #f6f6f6;
}
#top-info A{
	margin: 3px;
	text-decoration: none;
	color: #999;
	font-weight: bold;
}

#top-info fieldset.lang{
	position: absolute;
	top: 2px; left: 21px;
	margin: 0;
}
#top-info fieldset.lang SELECT{
	font-size: 10px;
}
/*** top-links ********************************************/
#top-links{
	position: absolute;
	top: 55px;
	right: 9px;
	height: 22px;
}
#top-links ul{
	margin: 2px 0px 0px 20px;
}
#top-links ul li{
	text-align: center;
	float: left;
	margin-right: 4px;
}
#top-links ul li A{
	background: #efefef url(../images/rewardon/tab.png) 0 0 no-repeat;
	padding-top: 7px;
	width: 128px; height: 24px;
	display: block;
	color: #999999;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

#top-links ul li A.active, #top-links ul li A:hover{
	background-color: #dfdede;
	background-position: 0 -31px;
	text-decoration: none;
	color: #000;
}

#top-links ul li.last{
	float: left;
	border-right: none;
	padding-right: 0px;
	margin-right: 0px;
}


/*** top-links ********************************************/
#top-sub-links{
	position: absolute;
	top: 85px;
	right: 0px;
	height: 24px;
	width: 100%;
	background-color: #d9d9d9;
	border-top: 1px solid #d9d9d9;
	border-bottom: 3px solid #d9d9d9;
}
#top-sub-links ul{
	margin: 0px;
}
#top-sub-links ul li{
	float: left;
	margin: 5px 0px 5px 5px;
	padding: 0px 5px 0px 0px;
	height: 12px;
	border-right: 1px solid #999999;
	color: #575757;
}
#top-sub-links ul li.last{
	border: none;
}
#top-sub-links ul li a{
	color: #575757;
	text-decoration: none;
	font-size: 11px;
}
#top-sub-links ul li a:hover{
	text-decoration: underline;
	color: #000;
}


/*** breadcrumbs ***/
#breadcrumbs{
	position: absolute;
	top: 120px;
	left: 260px;
}
#breadcrumbs UL{
}
#breadcrumbs UL LI{
	float: left;
	margin-left: 8px;
	padding-left: 10px;
	background-image: url(../images/rewardon/corner-small-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	color: #4F4F4B;
	font-size: 10px;
}
#breadcrumbs UL LI A, #breadcrumbs UL LI A:visited{
	color: #336699;
	font-size: 10px;
}
#breadcrumbs UL LI A:hover{
	text-decoration: underline;
}
#breadcrumbs UL LI.first{
	margin-left: 0px;
	padding-left: 0px;
	background-image: none;
}
/*** left ***********************************************************/
#left{	
	width: 210px;
	margin-right: 5px;
	padding: 0px 10px 10px 10px;
}

#left h2{
	background-image: url(../images/rewardon/bg-h2.gif);
	width: 197px; 
	font-size: 11px;
	padding: 5px 5px 5px 5px;
}

/*** sections **********************************/
#left .section , #right .section{
	margin-bottom: 15px;
	width: 205px;
	border: 1px solid #d9d9d9;
	border-top: none;
	background-color: #fcfcfc;
	padding: 10px 0px 5px 0px;
}

#left .section p, #right .section p{

}


/*** leftmenu **********************************/
UL#leftmenu {
	border-top: 1px solid #eeeeee;
	width: 190px;
	margin: 0px 5px;
}
UL#leftmenu  A{
	text-decoration: none;
}
UL#leftmenu LI{
	border-bottom: 1px solid #eeeeee;
	background-color: #fcfcfc;
}
UL#leftmenu LI A{
	display: block;
	width: 175px;
	font-size: 12px;
	padding: 5px 5px 5px 12px;
	background: url(../images/rewardon/corner-small-red.gif) no-repeat 0 8px;
}
UL#leftmenu LI A:hover{
	display: block;
	background-color: #f1f1f1 ;
}
UL#leftmenu LI.current A{
	border-bottom: none;
	background: url(../images/rewardon/corner-small-red-down.gif) no-repeat 0 8px;
	border: none;
}
UL#leftmenu LI.current UL, UL#leftmenu LI.current UL LI{
	border: none
}
UL#leftmenu LI.current UL LI A{
	background: url(../images/rewardon/sub.gif) no-repeat 10px 7px;
	width: 165px;
	padding: 5px 5px 5px 20px;
	border: none;
}
/*** center ***********************************************************/
#center{
	width: 476px;
	margin-right: 25px;
	margin-left: 25px;
	float: left;
	
	overflow: hidden;
}
#center H2{	
	margin-bottom: 5px;
}
#center .banner { text-align: center; }

#center .banner IMG{
	 border: 1px solid #ccc;
}

#steps { margin-bottom: 10px;}

A.with-corner{
	font-size: 10px;
	padding: 0px 0px 0px 10px;
	margin: 1px 0px 0px 3px;
	background-image: url(../images/rewardon/corner-small-red.gif);
	background-position: 3px 5px;
	background-repeat: no-repeat;
}

#center P STRONG{ 
	font-size: 11px;

}
#center P STRONG SMALL{ 
	font-size: 11px;
}



/*** search result for categories ***/
#center UL.search_cats{
	margin: 10px 10px 10px 5px;
}
#center UL.search_cats LI{
	background-image:url(../images/rewardon/corner-small-red.gif);
	padding: 0px 0px 0px 10px;
	background-repeat: no-repeat;
	background-position: 2px 5px;
	margin: 5px;
}
#center UL.search_cats LI A{
	font-size: 12px;
	font-weight: bold;
}

/*** info-shopping ***/
.info-shopping{
	border: 1px solid #d9d9d9;
	padding: 10px;
}
.info-shopping H3,last_merchants h3 {
	font-size: 14px;
	padding: 0 0 5px 0;
}
.info-shopping P{
	padding: 0 0 5px 0;
}
.info-shopping UL{
	margin: 0 0 0 10px;
}
.info-shopping UL LI{
	padding: 0 0 4px 12px;
	background: url(../images/rewardon/bullet-grey-cube.gif) 0 4px no-repeat;
}
.info-shopping A{
	margin: 5px !important;
}
.info-shopping, .last_merchants {
	border: 1px solid #D9D9D9;
	padding: 10px;
}
.last_merchants a img{
	border: 1px solid #D5D5D5;
	margin: 13px;
}
/*** right ***********************************************************/
#right
{
	width: 210px;
	margin-left: 5px;
	float: right;
	padding: 0px 10px 10px 10px;
}
#right h2
{
	background-image: url(../images/rewardon/bg-h2.gif);
	width: 197px; 
	padding: 5px 5px 5px 5px;
	font-size: 11px;
}


/*** FORMS ************************************************************/
#basis FORM{
	margin: 5px;
}

#basis LABEL{
	padding-right: 3px;
}

#basis TEXTAREA{ 
	border: 1px solid #DEDEDE; 
	background-color: #FFFFFF;
}

#basis .btn-small{
	background-color: transparent;
	background-image: url(../images/rewardon/btn-small.gif);
	width: 55px; height: 21px;
	display:block; border: none;
	padding: 1px;
	font-size: 11px; font-weight: bold;
	text-align: center;	color: #000000;
}

#basis .big-button{
	background-image: url(../images/rewardon/btn-big.gif);
	width: 81px; height: 28px;
	border: none;
	font-weight: bold;
	color: #000000;
}

#basis INPUT, #basis SELECT{
	width: 100px;
	background-color: #f8fdff;
	padding: 1px; margin: 1px 0;
	border: 1px solid #dedede;
}

A.big-btn{
	background-image: url(../images/rewardon/btn-big.gif);
	width: 81px; height: 22px;
	border: none; display: block;
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding-top: 6px;
	margin: 5px 25px 5px 5px;
	color: #000000;
	float: left;
}
A.big-btn-100{
	background-image: url(../images/rewardon/btn-big-100.gif);
	width: 100px; height: 22px;
	border: none; display: block;
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding-top: 6px;
	margin: 5px 25px 5px 5px;
	color: #000000;
	float: left;
}

SPAN.buttons{ 
	display: block; height: 35px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.errors, .message{
	margin: 10px 0;
	color: #333;
	font-size: 11px;
	padding: 5px;
}
.errors{
	background: #FFD7D7;
	border: 1px solid #FFB0B0;
	
}
.message{
	background: #fffed5;
	border: 1px solid #d8a940;
}
/*** Search ***/
#search FORM { 
	
}

#search TABLE TH{
	width: 65px;
}

#search INPUT, #search SELECT{
	border: 1px solid #d9d9d9;
	height: 17px; 
	width: 118px;
}
#search #cat_container{
	width: 120px !important;
}
#search #cat_wrapping{
	border: 1px solid #d9d9d9;
	margin: 2px 0 0 0;
	width: 118px;
	height: 17px;
	background: #fff url(../images/select_corner.gif) 102px 2px no-repeat;
}

#search #cat_wrapping INPUT{
	border: 1px solid #fff;
	margin: 1px 0 0 0;
	padding: 0;
	font-size: 12px;
	height: 17px;

	width: 98px;
	background: transparent;
	border: none;
}

#search LI.bold{
	font-weight: bold;
}

#search LI.catName{
	font-style: italic;
}


#search FORM .labels{ 
	width: 65px; 
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}


#search INPUT.btn-small{
	float: right;
	margin-top: 3px;
	margin-right: 5px;
	/margin-right: 0px;
}
html>body #search INPUT.btn-small{
	margin-right: 10px;
}



/*** login ***/
#login-section{

}
#login-section DIV.hello{
	margin: 10px;
}
#login-section FORM { 
	margin: 5px auto 5px auto;
}
#login-section INPUT, #login-section SELECT{ 
	border: 1px solid #dedede;
}

#login-section INPUT.btn-small {
	float: right;
	margin-top: 3px;
	margin-right: 5px;
}
html>body #login-section INPUT.btn-small{
	margin-right: 13px;
}

.section .labels{ 
	float: left; 
	width: 75px;
	padding: 0px 0px 0px 12px;
	line-height: 22px;
}

#login-section .links {
	float: left;
	width: 140px;
	padding-left: 8px;
}
#login-section .links A { 
	display: block; 
	font-size: 10px;
	background: none;
}


/*** spec-offerrs, most-popular ***/
#spec-offers, #most-popular{
	text-align: center;
}

#most-popular INPUT.btn-small{
	margin: auto;
}
#spec-offers a.description, #most-popular a.description{
	background-image: url(../images/rewardon/corner-small-red.gif);
	background-position: 8px 5px;
	background-repeat: no-repeat;
	display: block;
	font-weight: normal;
	padding-left: 20px;
	text-align: left;
	width: 170px;
}
/*** clicks ***/
#clicks-section{
	text-align: center;
	margin-bottom: 10px;
	padding: 15px 0 0 0;
}
#clicks-section SPAN{
	font-weight: bold;
	font-size: 30px;
}
#clicks-section P{
	padding: 5px 15px;
	text-align: left;
}


/*** merchants *****************************/
ul.merchants
{
	margin-top: 10px;
}
ul.merchants li
{
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding: 5px 0px 5px 5px;
	height: 85px;
	position: relative;
}
ul.merchants li.odd
{
	background-color: #fff;
}
ul.merchants li.even
{
	background-color: #fbfbfb;
}


ul.merchants li img.img-merchant
{
	float: left;
	width: 120px;
	margin-right: 10px;
	border: 1px solid #d5d5d5;
}
ul.merchants li p
{
	float: left;
	width: 330px;
}
ul.merchants li p A{
	white-space: nowrap;
}

span.earn
{
	display: block;
	height: 20px;
	padding: 0px 18px 0px 0;
	font-weight: bold;
	font-size: 12px;
	width: 300px;
	color: #4F4F4B;
	position:absolute;
	left: 135px;
	top: 55px;
}

span.earn EM{
	display:block;
	float: left;
	padding: 3px 2px 0 0;
}
span.earn A{
	display:block;
	float: left;
}


P.offers-absentee{
	font-weight: bold;
	font-size: 12px;
}

.earn a.N, .earn a.V, .earn a.S, .earn a.E,
.earn a.C, .earn a.P, .earn a.T{
	display: block; float: left; 
	width: 16px; height: 16px;
	padding: 0 0 0 0; margin: 0 2px 0 1px; 
	text-decoration: none;
}

.earn a.N{background: #669933 url(../images/rewardon/icon_flag_n.png) 0 0 no-repeat;}
.earn a.V{background: #c19dc1 url(../images/rewardon/icon_flag_v.png) 0 0 no-repeat;}
.earn a.S{background: #de0000 url(../images/rewardon/icon_flag_s.png) 0 0 no-repeat;}
.earn a.E{background: #000000 url(../images/rewardon/icon_flag_e.png) 0 0 no-repeat;}
.earn a.C{background: #2970c7 url(../images/rewardon/icon_flag_c.png) 0 0 no-repeat;}
.earn a.P{background: #e6dc01 url(../images/rewardon/icon_flag_p.png) 0 0 no-repeat;}
.earn a.T{background: #ff7d00 url(../images/rewardon/icon_flag_t.png) 0 0 no-repeat;}
.earn a:hover, .earn a.active{background-position: 0 -16px;}

img.small-logo
{
	vertical-align: middle;
	margin-right: 5px;
}

/*** icons **************************************************/
H2 EM { display: block; float: left; width: 0px; height: 10px; margin: 0px 3px 0px 3px; overflow: hidden;}
/*** login and registration pages ***********************************/
form.form
{
}

form input
{
	width: 124px;
	border: 1px solid #dedede;
	background-color: #FFFFFF;
	margin: 1px 0;
}
form a
{
	font-size: 11px;
}

label { color:#000;}

#info-page label {padding: 0px 10px 0px 0px; height: auto;}


input#userTOCConfirmed{
	width: auto; border: none;
}
.btn-long{
	border: none;
	background: url(../images/rewardon/btn-long.gif) 0 0 no-repeat;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	width: 100px;
	height: 23px;
	padding: 0px 0 3px 0;
	*padding: 2px 0 1px 0;
}




/*** statement ************************************/

#statement
{
}
#statement ul
{
}
#statement ul li
{
	padding: 0px 0px 15px 0px;
	font-weight: normal;
}

#statement ul li.expanded A.expand-link{
	display: none;
}
#statement ul li.expanded A.collapse-link{
	display: inline;
}
#statement ul li A.expand-link{
	display: inline;
}
#statement ul li A.collapse-link{
	display: none;
}

#statement ul li BIG{
	font-size: 11px;
	width: 160px;
	display: block;
	float: left;
	font-weight: bold;
}
#statement ul li ol
{
	margin: 5px 0px 10px 0px;
}

#statement ul li ol li
{
	padding: 2px 0 0 5px;
	font-weight: normal;
	margin: 3px 0;
}

#statement ul li ol.list LI{
	border: 1px solid #ccc;
}
#statement ul li ol li.void{
	background-color: #FFCCCC;
}
#statement ul li ol li.approved{
	background-color: #CCFFCC;
}
#statement ul li ol li.pending{
	background-color: #EEEEEE;
}
#statement EM.void{
	background: url(../images/rewardon/icon-status-void.gif) 100% 0 no-repeat;
	padding: 0px 15px 0 5px;
}
#statement EM.approved{
	background: url(../images/rewardon/icon-status-approved.gif) 100% 0 no-repeat;
	padding: 0px 15px 0 5px;
}
#statement EM.pending{
	background: url(../images/rewardon/icon-status-pending.gif) 100% 2px no-repeat;
	padding: 0px 15px 0 5px;
}

#statement STRONG.cashback{
	padding: 0 0 0 22px;
}

#statement ul li ol li dl
{
	margin: 5px 0px 5px 0px;
}
#statement ul li ol li dl dt
{
	float: left;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
}
#statement ul li ol li dl dd
{
	float: left;
	padding: 0px 15px 0px 0px;
	font-weight: normal;
}
#statement ul li ol li dl dd.important
{
	font-weight: bold;
	color: #DD6600;
}

.plus-minus
{
	color: #DD6600;
	font-weight: bold;
	text-decoration: none;
}

/*** Page: user.account ***************************************/
H2.trigger{
	position: relative;
	display: block;
	width: 468px;
}

H2.trigger A{
	position: absolute;
	right: 5px; top: 2px;
	display: block;
	width: 52px;
	background: transparent url(../images/rewardon/btn-view-close.gif) 0 0 no-repeat;
	height: 18px;
	padding: 0;
	text-decoration: none;
}
H2.trigger A:hover{
	background: transparent url(../images/rewardon/btn-view-close.gif) -52px 0 no-repeat;
}

H2.trigger A.on{
	background: transparent url(../images/rewardon/btn-view-close.gif) 0 -18px no-repeat;
}
H2.trigger A.on:hover{
	background: transparent url(../images/rewardon/btn-view-close.gif) -52px -18px no-repeat;
}
li ol
{
	display: none;
}

li.expanded ol,li.expanded p
{
	display: block;
}

DIV.user-favorites{
}

DIV.user-favorites .item{
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}

DIV.user-favorites .item H1{
	display: inline;
	float: left;
}

DIV.user-favorites .item A.remove{
	float: left;
	padding: 6px 0 0 10px;
	font-weight: normal;
}

#edit-page LABEL, #info-page LABEL{
	font-weight: bold;
	font-size: 12px;
	display:block;
	width: 80px;
	color: #000;
}
#edit-page INPUT{
	width: 165px;
}

/*** charities ***/
#charities{
	 margin: 0 0 15px 0;
}

#charities UL{
	width: 475px;
	margin: 10px 2px 20px 2px;
}
#charities UL LI{
	display: block; 
	float: left;
	width: 150px;
}
#charities UL A{
	font-size: 12px;
	font-weight: bold;
}

DIV.charities{
	padding: 10px;
	margin: 10px 0 15px 0;
}
DIV.charities .item{
	padding: 0;
	position: relative;
	margin: 0 0 25px 0;
}
DIV.charities .item H3, DIV.charities .item P {
	padding: 5px 0 0 25px;
	margin: 0;
}
DIV.charities .item INPUT{
	position: absolute;
	top: 5px; left: 1px;
}

/*** Welcome message ***/
.reg-welcome{
	margin: 15px 0;
}
.reg-welcome STRONG{
	font-size: 18px;
}
.reg-welcome P{
	padding: 15px 0;
	line-height: 18px;
}



/*** calc ***/
DIV.calc{
	padding: 0 10px;
	width: 250px;
	font-size:12px;
}
 
DIV.calc a.logo{
	background: url(../images/rewardon/logo.gif) -10px 0 no-repeat;
	display: block;
	width: 270px;
	height: 52px;
	margin: 5px auto 15px auto;
}

.calc p{
	display: block;
	padding: 0;
	margin: 2px 0;
}
 
.calc INPUT#price{
 	width: 110px; 
	height: 14px;
	margin: 0 !important;
	font-size: 12px;
}
 
.calc #result{
	display: block;
	font-size: 26px;
	white-space: no-wrap;
	padding: 8px 0 0 0;
	background-color: #ffffff;
	text-align: left;
}
 
 
 /*** merchant - btns ***/
 .merchant-btns{
	width: 275px;
	margin-bottom: 10px;
 }
 .merchant-btns A.big-btn-100{
 	float: left;
	font-size: 13px;
 }
 .merchant-btns BUTTON{
 	float: right;
	margin: 2px;
	width: 130px;
	border: none;
	background: none;
	font-size: 0.1px;
 }
 
P.merchant-url{
	border: 1px solid #ccc;
	padding: 5px;
}

p.special{
	border: 1px solid #CCCCCC;
	color: #990000;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
}

/*** box ***/
.box{
	background: transparent url(../images/rewardon/box-top.gif) 0 0 no-repeat;
	margin: 10px 0;
	position: relative;
	width: 477px;
}

.box .bottom{
	background: transparent url(../images/rewardon/box-bottom.gif) 0 0 no-repeat;
	bottom: -1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 477px;height: 5px;
}

.box p, .box_voucher p{
	padding: 8px;
}

.box_voucher{
	margin: 10px 0;
	background: #ebf8ff;
	border: 1px solid #dbecf4;
}
.box_voucher .bottom{

}
.box_voucher p{
	float: left;
	width: 300px;
}
.box_voucher big{
	height: 46px;
	background: transparent url(../images/rewardon/voucher-code.gif) left bottom no-repeat;
	margin: 4px 4px 0 0;
	float: right;
}
#center .box_voucher big input{
	background-color:#fff;
	font-weight: bold;
	border: 1px solid #d7eaf3;
	font-size: 18px;
	text-align: center;
	height: 24px;
	width: 140px;
	text-align: center;
	padding: 4px 3px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}
 
 

/*** footer **************************************************************/
#footer{
	text-align: center;
	font-size: 10px;
	border-top: 4px solid #D9D9D9;
	margin-top: 30px;
	padding-top: 5px;
	background-color: #fff;
}
#footer a{
	color: #444444;
	text-decoration: none;
	margin-top: 20px;
	
}
#footer a:hover
{
	text-decoration: underline;
}

#footer #copyright{
	padding-top: 18px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #F2F2EE;
}

#footer #core8-link{
	float: right;
	width: 100px;
}

#footer .links {
	color: #a9a181;
}
#footer .links A
{
	font-weight: bold;
}

/*** rebate slider ***/
.slider {
	background: #fff;
	height: 18px;
	width: 205px;
	margin:auto;
	border: 1px solid #ccc;
	margin-right:10px;
	float:left;
}

.slider-fill {
	height: 18px;
	width: 0px;
	float: left;
	background-color:#DD6600;
}

.slider-handle {
	background: #888;
	width: 7px;
	height: 18px;
	float: left;
	z-index: 100;
}

input.slider-value{
	width: 25px;
	padding: 0px;
	height:18px;
	text-align:center;
}

/*** paging class ****/

.paging
{
	float: right;
}
.paging ul
{
	margin-top: 25px;
	margin-bottom: 0px;
}
.paging ul li
{
	float: left;
	margin: 0px 5px 0px 0px;
	width: 20px;
}
.paging ul li a
{
	color: #999;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: white;
	border: 1px solid #999;
	background-color: #EFEFEF;
}

.paging ul li a:hover
{
}

.paging ul li.current a
{
	color: #333;
	background-color: #D9D9D9;
}

.paging ul li.current a:hover
{
}

/*** category page ***/
DIV.category { 
	display: block; 
	height: 22px; 
	overflow: hidden;
	padding: 1px;
	position: relative;
	margin: 0 0 10px 0;
}
DIV.category H2{
	padding: 5px 5px;
}
DIV.category FORM {
	padding: 0px;
	margin: 0px;
	position: absolute; 
	right: 0px; top: -4px; width: 160px;
}
#basis DIV.category FORM SELECT{ 
	font-size: 11px; 
	text-transform: uppercase;
	width: 160px;
}
#center DIV.category SPAN.formOrder FORM{ padding: 0px; margin: 0px;}

/*** reviews ***/
#reviews {
	dispay: none;
}

#reviews H2 { 
	display: block; 
	height: 12px; 
	overflow: hidden;
	padding: 5px;
	position: relative;
}
#reviews H2 SPAN.stars { 
	position: absolute; 
	right: 5px; 
	top: 3px; 
}
#reviews H2 SPAN.stars IMG{ 
	position: absolute;
	top:0px; right: 90px;
}
#reviews H2 SPAN.stars SMALL{
	text-transform: none; 
	position: absolute;
	top:2px; right: 5px;
	width: 80px;
}
#reviews DIV.review TEXTAREA{
	width: 340px;
	height: 65px;
	overflow: auto;
}


#reviews EM.review { background-image: url(../images/rewardon/icon-reviews.gif); margin: 2px 3px 0px 2px; font-size: 1px; text-decoration: none;}
#reviews DIV.review { 
	border-bottom: 1px solid #cccccc;
	margin: 10px 0px 10px 0px;
	padding: 3px 0px 10px 0px;
}
#reviews DIV.hidden{
	display: none;
}
#reviews .review .info {
	float: left; width: 120px; 
	margin: 0px 0px 0px 2px;
}
#reviews .review .info SPAN { display: block;}

#reviews .review .comment{
	width: 350px;
	float: right
}

#reply { 
	position: relative;
	height: 220px;
}

#reply LABEL { 
	letter-spacing: 1px; 
	font-weight: bold; 
	display: block;
	margin: 0px; 
	padding: 0px;
}
#reply DIV.name{
	width: 120px;
	position: absolute;
	top: 5px; left: 0px;
}
#reply DIV.rating { 
	width: 140px; 
	position: absolute;
	top: 60px; 	left: 0px;
}
#reply DIV.comment{
	position: absolute;
	top: 5px; right: 3px;
	width: 350px; height: 120px;
}
#reply DIV.comment TEXTAREA { 
	background-color: #ffffff;
	width: 339px; 
	height: 100px;
	display:block;
	margin:0px;

}
#reply DIV.comment DIV { 
	border: 1px solid red;
}

#reply INPUT.big-button{ 
	position: absolute;
	top: 140px;
	right: 10px;
}
#reply DIV.captcha {
	position: absolute;
	width: 200px;
	top: 140px;
	right: 153px;
	vertical-align: top;
}
#reply DIV.captcha IMG { 
	border: 1px solid #cccccc;
	position: absolute;
	top: 1px; left: 0px;
}
#reply DIV.captcha INPUT#captchaWord{
	width: 90px; height: 16px;
	font-size: 14px;
	margin: 0px; padding: 7px 5px 7px 5px;	
	color: #CCCCCC;
	position: absolute;
	top: 1px; left: 100px;
	border: 1px solid #cccccc;
}
#reply UL.errors{ position: absolute; top: 180px; left: 125px; color: #CC0000;}

UL.stars { width: 90px;}
UL.stars li { float: left; width: 18px; }
UL.stars li a{display: block; width: 13px; height: 13px; font-size: 1px;}

/*** Page: Send link to friend ***/
#send-link TABLE{
	margin: 15px 0;
}
#send-link TABLE TH{
	font-weight: bold;
	font-size: 12px;
	color: #575757;
	padding: 5px 10px;
	vertical-align: top;
}
#send-link TABLE INPUT{
	width: 180px;
}
#send-link TABLE TEXTAREA{
	width: 182px; height: 185px;
	overflow: auto;
	margin: 2px 0 5px 0;
	background: #fff;
}

/*** Page: Registration ***/
#reg-page{
	margin-top: 10px;
}
.line {
	background: transparent url(../images/rewardon/line-divider.gif) repeat-x 0 8px;
	display: block;
	height: 10px;
	width: 210px;
	margin: 5px 0 0 0;
}

#reg-page form.form{
	padding: 0 4px;
	vertical-align: top;
}
#reg-page form.form fieldset{
	width: 215px;
	padding: 0px 20px 0 5px;
	margin: 10px 0 0 0;
	display: block;
}
#reg-page form.form label{
	padding: 0 2px 0 0;
	display: block;
	float: left;
	width: 105px;
}
#reg-page form.form input{
	padding: 0;
	float: left;
}
#reg-page form.form .error{
	margin: 0 0 0 115px;
}
#reg-page span.hint {
	font-size: 11px;
	background: transparent url(../images/rewardon/bg-span-hint-kindagood.gif) no-repeat top left;
	color:#444;
	padding: 2px 2px 8px 17px;
	width:240px;
	position: absolute;
	margin: -8px 0 0 1px;
	display:none;
	border: none;
	height: 60px;
	overflow: hidden;
	z-index: 5;
}
#reg-page span.pass{
	margin: 27px 0 0 1px;
}

#reg-page fieldset.welldone span.hint {
	background: transparent url(../images/rewardon/bg-span-hint-welldone.gif) no-repeat top left;
}
#reg-page fieldset.kindagood span.hint {
	background:	transparent url(../images/rewardon/bg-span-hint-kindagood.gif) no-repeat top left;
}


#reg-page form.form  fieldset.welldone {
	background: url(../images/rewardon/bg-fieldset-welldone.gif) no-repeat 220px 50%;
}
#reg-page fieldset.kindagood {
	
}
#reg-page INPUT.hint{
	text-align: center; color: #999
}
#reg-page form.form fieldset#fpassword{
	width: 350px;
}
#reg-page form.form fieldset#fpassword label, 
 input{
	margin-top: 6px;
}
#passwordCheck{float: right;width: 115px;height: 25px;overflow: hidden;}
p.pass-streight{color: #999;padding: 0;}
div#divPassStrong {border: 1px solid #ccc;width: 100px;margin-left: 2px;height: 10px;overflow: hidden;font-size: 0.1px;position: relative;}
DIV#divPassStrong{margin: -5px 0 0 0;}
DIV#divPassStrong *{padding: 0;}
DIV#divPassStrong DIV{ height: 10px; width: 100px;position: absolute;top: 0;left: 0;background-image: url(../images/colour_line_gray.gif);}
DIV#divPassStrong DIV#divStrong{background-image: url(../images/colour_line.gif);width: 0px;}
#reg-page form.form fieldset.agree{width: 300px}
#reg-page form.form fieldset.agree div label{width: 160px;}
#reg-page form.form fieldset.agree div input{margin-right: 3px; *margin-right: -2px;}
#reg-page form.form .big-button{margin-left: 100px;}
/*** forgot-password ***/
fieldset.forgot-password TABLE TD{
	vertical-align: middle;
}
fieldset.forgot-password LABEL{
	padding: 2px;
}

/*** .content ***/
#main .content{
}
#main .content p, #main .content ul{
	margin-top: 5px;
	margin-bottom: 5px;
}
#main .content H1,.content H2,.content H3,.content H4,.content H5,.content H6{
	background: none;
	text-transform: none;
}
#main .content h1 { font-size: 1.4em; margin: 1em 0 .5em;  }
#main .content h2 { font-size: 1.3em; margin: 1.07em 0 .535em; }
#main .content h3 { font-size: 1.2em; margin: 1.14em 0 .57em; }
#main .content h4 { font-size: 1.1em; margin: 1.23em 0 .615em; }
#main .content h5 { font-size: 1em; margin: 1.33em 0 .67em; }
#main .content h6 { font-size: 1em; margin: 1.6em 0 .8em; }


/* LISTS */
#main .content ul li {margin-left: .35em;}
#main .content ul li{ 
	padding: 0 0 4px 11px;
	background: url(../images/rewardon/bullet-grey-cube.gif) 0 4px no-repeat;
}
#main .content ol { list-style-position: outside; list-style-type: decimal; }
#main .content dt { font-weight: bold; }

/* TABLES */
#main .content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
#main .content th, .content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */
#main .content blockquote *:first-child { margin: .8em 0; }
#main .content p,
#main .content ul,
#main .content ol,
#main .content dl,
#main .content pre,
#main .content blockquote,
#main .content address,
#main .content table{ margin-bottom: 1.6em; }
#main .content p+p { margin-top: -.8em; }

#main .content th, .content td { padding: .8em; }
#main .content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
#main .content blockquote { padding: 0 1em; margin: 1.6em 0; }
#main .content dt { margin-top: .8em; margin-bottom: .4em; }
#main .content ul { margin-left: 1.5em; }
#main .content ol { margin-left: 2.35em; }
#main .content ol ol, 
#main .content ul ol { margin-left: 2.5em; }

#main .content .earn A{margin-right: 4px;}