/******************************************************************************/
/*       <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%;
}

#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{
	margin: auto;
	height: 29px;	/* height of footer */
}



/*** 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: #000 url(../images/neon/bckg.jpg) 50% 0 no-repeat;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #444444;
}
#basis{
	width: 1000px;
}
#main{
	width: 980px;
	padding: 0 10px 0 10px;
	background: url(../images/neon/bg-main.png) 0 bottom repeat-y;
}
#basis #bottom{
	width: 1000px;
	background: url(../images/neon/bg-main-bottom.png) 0 bottom no-repeat;
	height:22px;
}
h1{
	font-size: 20px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	padding-bottom: 10px;
}

h2{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	font-weight:  bold;
	color: #fff;
	background-color: #007f32;
}

p{
	margin-bottom: 5px;
}

a{
	color: #007f32;
	text-decoration: underline;
	font-weight: normal;
}

strong{
	font-weight: bold;
}

.hidden{
	display: none;
}

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;
}

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

/*** header **************************************************************/
#header{
	position: relative;
	height: 113px;
}
a#logo{
	background-image: url(../images/neon/logo.gif);
	background-repeat: no-repeat;
	display: block;
	width: 390px;
	height: 50px;
	position: absolute;
	top: 17px; left: 25px;
}
a#phones4u{
	position: absolute;
	top: 10px; right: 245px;
}
a#login2{
	position: absolute;
	top: 27px; right: 10px;
}
/*** 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: 84px;
	left: 0;
	height: 22px;
}
#top-links ul{
	margin: 2px 0px 0px 20px;
}
#top-links ul li{
	text-align: center;
	float: left;
	margin-right: 10px;
}
#top-links ul li a{
	padding: 5px 30px 2px 30px;
	height: 20px;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#top-links ul li a.active, #top-links ul li a:hover{
	background-color: #fff;
	text-decoration: none;
	color: #007f32;
}

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


/*** top-sub-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/neon/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: #007f32;
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs ul li a:hover{
	text-decoration: underline;
}
#breadcrumbs ul li.first{
	margin-left: 0px;
	padding-left: 0px;
	background-image: none;
}
/*** left & right ***********************************************************/
#left{	
	width: 210px;
	padding: 25px 15px 10px 10px;
	background-color: #fff;
}
#right
{
	width: 210px;
	float: left;
	padding: 25px 10px 10px 15px;
	background-color: #fff;
}
#left h2, #right h2{
	background: transparent url(../images/neon/bg-h2.png) left top no-repeat;
	font-size: 11px;
	padding: 13px 4px 7px 17px;
	color: #d22b19;
}
#left h2.empty, #right h2.empty{padding: 12px 4px 0 17px;font-size: 1px;}
#prize{text-align:center;}
#prize a{text-decoration:none;}
#prize a strong{margin: 5px 0 4px 0; display:block; font-size:12px;}
#prize span{text-decoration:underline;}
#left h2.cats{
	color: #fff;
	background: transparent url(../images/neon/bg-h2-c.png) left top no-repeat;
	padding: 13px 4px 22px 17px;
}


/*** sections **********************************/
#left .section, #right .section{
	margin-bottom: 15px;
	width: 188px;
	background: #fcfcfc url(../images/neon/bg-section.png) left bottom no-repeat;
	padding: 10px 10px 15px 12px;
}
#left div.cats{
	background: #fcfcfc url(../images/neon/bg-section-c.png) left bottom no-repeat;
	padding-top: 0;
}
#left .section p, #right .section p{

}


/*** leftmenu **********************************/
ul#leftmenu {
	border-top: 1px solid #eeeeee;
	width: 180px;
	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: 165px;
	font-size: 12px;
	padding: 5px 5px 5px 12px;
	background: url(../images/neon/corner-small.png) no-repeat 0 8px;
}
ul#leftmenu li a:hover{
	display: block;
}
ul#leftmenu li.current a{
	border-bottom: none;
	background: url(../images/neon/corner-small.png) 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/neon/sub.gif) no-repeat 10px 7px;
	width: 165px;
	padding: 5px 5px 5px 20px;
	border: none;
}
/*** center ***********************************************************/
#center{
	width: 476px;
	float: left;
	padding: 25px 15px 0 15px;
	background-color: #fff;
	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;
	margin: 1px 0px 0px 3px;
	background-image: url(../images/neon/corner-small.png);
	background-position: 3px 5px;
	background-repeat: no-repeat;
}

/*** search result for categories ***/
#center ul.search_cats{
	margin: 10px 10px 10px 5px;
}
#center ul.search_cats li{
	background:url(../images/neon/corner-small.png) 2px 8px no-repeat;
	padding: 5px 5px 5px 12px;
}
#center ul.search_cats li a{

}

/*** info-shopping ***/
.info-shopping{
	padding: 10px;
	background: url(../images/neon/bg-intro.jpg) 0 0 no-repeat;
	height: 150px;
}
.info-shopping h3,last_merchants h3 {
	font-size: 18px;
	padding: 0 0 5px 5px;
	color:#fff
}
.info-shopping p{
	padding: 0 0 5px 0;
}
.info-shopping ul{
	margin: 10px 0 0 5px;
	color: #fff;
}
.info-shopping ul li{
	padding: 0 0 4px 12px;
	background: url(../images/neon/intro-bullet.png) 0 4px no-repeat;
}
.info-shopping a{
	margin: 5px !important;
}
.info-shopping, .last_merchants{
	padding: 10px;
}
.last_merchants a img{
	border: 1px solid #D5D5D5;
	margin: 13px;
	height: 60px;
}
.info-shopping .btn-big-long{
	margin: 0 5px 0 0;
	width: 120px;
}
.info-shopping .btn-big-long em{
	background: transparent url(../images/neon/intro-btn-big.png) 50% 0 no-repeat;
	height: 30px;width: 110px;
	padding: 8px 10px 0 0;
	color: #007f32;
	font-size: 12px;
}

/*** Forms ************************************************************/
#basis form{
	margin: 5px 0;
}

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

#basis textarea{ 
	border: 1px solid #dedede; 
	background-color: #FFFFFF;
}
/*** Buttons ***/
button{
	margin: 5px 5px 0 0; padding: 0;
	cursor: pointer;
}
.btn-small,
.btn-small-long,
.btn-big,
.btn-big-long
{
	float: left;
	text-decoration: none;
	cursor: pointer;
}
.btn-small em,
.btn-small-long em,
.btn-big em,
.btn-big-long em
{
	display:block;
	text-align: center;
	font-weight: bold;
	color: #007f32;
}

.btn-small, .btn-big, .btn-big-long{
	width: 120px;
	margin-top: 5px;
}
.btn-small em,.btn-big em, .btn-big-long em{
	height: 18px;
	width: 112px;
	background: url(../images/neon/btn-small.png) 100% 50% no-repeat;
	padding: 9px 6px 6px 0;
	font-size: 11px;
}

.btn-small-long{
	width: 103px;
}
.btn-small-long em{
	height: 17px;
	width: 100px;
	background: url(../images/neon/btn-small-long.png) 50% 0 no-repeat;
	padding: 4px 0 0 0;
	font-size: 11px;
}

#basis input.text, #basis select, #basis textarea{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f8fdff;
	padding: 2px;
	margin: 1px 0;
	border: 1px solid #dedede;
	font-size: 12px;
	color: #444444;
}

span.buttons{ 
	display: block; height: 35px;
	margin-top: 10px;
	margin-bottom: 25px;
}
span.buttons a{
	margin-right: 10px;
}
.errors, .message{
	margin: 10px 0;
	color: #333;
	font-size: 11px;
	padding: 5px;
}
#basis .errors ul,
#basis .errors ul li,
#basis .message ul,
#basis .message ul li{
	list-style: none !important;
}
.errors{
	background: #FFD7D7;
	border: 1px solid #FFB0B0;
	
}
.message{
	background: #fffed5;
	border: 1px solid #d8a940;
}

/*** Search ***/
#search fieldset{
	margin: 5px 5px 5px 0;;
}
#search form {
}

#search table th{
	width: 65px;
}

#search input, #search select{
	height: 16px; 
	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 .btn-small{
	float: right;
	margin: 5px 3px 0 0;
}



/*** login ***/
#login-section fieldset{
}
#login-section div.hello{
	margin: 10px;
}
#login-section form{ 
	margin: 5px auto 5px auto;
}
#login-section input.text{
	height: 16px; 
	width: 120px;
	margin: 0 5px 4px 0;
	float: right;
}
#login-section .btn-small {
	float: right;
	margin: 3px 5px 0 0;
}
#login-section{
	position: relative;
	height: 107px;
}
#login-section a.join{
	position: absolute;
	bottom: 38px;
	font-size: 12px;
}
#login-section a.forgot{
	position: absolute;
	bottom:14px; right: 15px;
	font-size: 10px;
}


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

#most-popular .btn-small{
	margin: 10px 0 3px 78px;
}
#spec-offers a.description, #most-popular a.description{
	background-image: url(../images/neon/corner-small.png);
	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;
}

span.earn{
	display: block;
	height: 20px;
	padding: 0px 18px 0px 0;
	font-weight: bold;
	font-size: 12px;
	width: 300px;
	color: #4F4F4B;
	margin:5px 0 0;
}

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/neon/icon_flag_n.png) 0 0 no-repeat;}
.earn a.V{background: #c19dc1 url(../images/neon/icon_flag_v.png) 0 0 no-repeat;}
.earn a.S{background: #de0000 url(../images/neon/icon_flag_s.png) 0 0 no-repeat;}
.earn a.E{background: #000000 url(../images/neon/icon_flag_e.png) 0 0 no-repeat;}
.earn a.C{background: #2970c7 url(../images/neon/icon_flag_c.png) 0 0 no-repeat;}
.earn a.P{background: #e6dc01 url(../images/neon/icon_flag_p.png) 0 0 no-repeat;}
.earn a.T{background: #ff7d00 url(../images/neon/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: 0;
}

/*** icons **************************************************/
h2 em { display: block; float: left; width: 0px; height: 10px; margin: 0px 3px 0px 3px; overflow: hidden;}

label { color:#000;}

#login-page form.form, 
#forgot-page form.form{
	padding: 0 4px;
	vertical-align: top;
}
#login-page form.form fieldset,
#forgot-page form.form fieldset{
	width: 280px;
	padding: 0px 0 0 5px;
	margin: 10px 0 0 0;
	display: block;
}
#login-page form.form label,
#forgot-page form.form label{
	padding: 2px 2px 0 0;
	display: block;
	float: left;
	width: 120px;
}
#login-page input.text,
#forgot-page input.text{
	float: left;
	width: 150px;
	padding: 2px;
}
#login-page form.form a{
	float:right;
	margin: 3px 10px 0 0;
}
#forgot-page form.form .btn-big,
#login-page form.form .btn-big{
	margin: 0 0 0 120px;
	float:none;
}


/*** merchant - btns ***/
.merchant-btns{
	width: 295px;
	margin-bottom: 10px;
}

.merchant-btns button{
	margin: 0 0 2px 0;
}

.merchant-btns .btn-big-long{
 	float: left;
	margin: 0 10px 10px 0;
}
 
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/neon/box-top.gif) 0 0 no-repeat;
	margin: 10px 0;
	position: relative;
	width: 477px;
}

.box .bottom{
	background: transparent url(../images/neon/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/neon/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;
}

/*** calc ***/
div.calc{
	padding: 0 10px;
	width: 250px;
	font-size:12px;
}
 
div.calc a.logo{
	background: #0a270b url(../images/neon/logo.gif) 20px 50% no-repeat;
	display: block;
	height: 60px;
	width: 230px;
	margin: 5px 0 15px 0;
}

.calc p{
	display: block;
	padding: 0;
	margin: 2px 0;
}
 
.calc input#price{
 	width: 110px;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 !important;
	font-size: 12px;
	float: left;
}
.calc button{
	margin: 0  !important;
	float: left;
} 
.calc #result{
	display: block;
	font-size: 26px;
	white-space: no-wrap;
	padding: 8px 0 0 0;
	background-color: #ffffff;
	text-align: left;
}

/*** Page: Contact Us ***/
.contact-us textarea{
	width: 300px;
}

#basis .contact-us INPUT#formName, 
#basis .contact-us INPUT#formEmail, 
#basis .contact-us SELECT{
	width: 180px;
	margin-top: 4px;
	font-size:11px;
	color:#000;
	margin-top: 4px;
	border: 1px solid #dedede;
}
#basis .contact-us SELECT{
	width: 184px;
	margin-bottom: 4px;
}

#basis .contact-us INPUT,#basis .contact-us TEXTAREA{
	font-size:11px;
	color:#000;
	margin-top: 4px;
	font-family:Arial,Lucida,Verdana,sans-serif;
}
#basis .contact-us #tr_helper{
	display: none;
}
#basis .contact-us .btn-big{
}
/*** footer **************************************************************/
#footer{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding-top: 20px;
	color: #000;
	width: 100%; height: 65px;
	background:url(../images/neon/bg-footer.png) 0 0 repeat-x;
	overflow: hidden;
}
#footer a{
	color: #000;
	text-decoration: none;
	margin-top: 20px;
	font-weight: bold;
}
#footer a:hover
{
	text-decoration: underline;
}

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

#footer .links {
	color: #000;
	margin-bottom: 5px;
}
#footer .links a
{
	font-weight: bold;
}
#footer .links2 {
	margin: 0 auto 5px auto;
	width: 1000px;
	position: relative;
}
#footer .links2 a.card{
	position: absolute;
	left: 5px;
	top: -43px;
}
.bottomLine{
	height: 20px;
}
/*** 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/neon/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 input.text{
	width: 110px;
	padding: 2px;
}
#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{

}

#reply .btn-big{ 
	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#captcha{
	width: 90px; height: 16px;
	font-size: 14px;
	margin: 0px;
	padding: 7px 5px 7px 5px;
	position: absolute;
	top: 1px; left: 100px;
	border: 1px solid #cccccc;
}
#reply div.captcha .hint{
	color: #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;
	color: #575757;
	padding: 5px 10px;
	vertical-align: top;
}
#send-link table input{
	width: 180px;
}
#send-link table textarea{
	width: 352px; height: 185px;
	overflow: auto;
	margin: 2px 0 5px 0;
	background: #fff;
}



/*** 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/neon/btn-view-close.png) 0 0 no-repeat;
	height: 18px;
	padding: 0;
	text-decoration: none;
}
h2.trigger a:hover{
	background-position: -52px 0;
}

h2.trigger a.on{
	background-position: 0 -18px;
}
h2.trigger a.on:hover{
	background-position: -52px -18px;
}
/*** #info-page, #edit-page ****/
#edit-page fieldset, #info-page fieldset{
	width: 315px;
	padding: 0px 20px 0 5px;
	margin: 10px 0 0 0;
	display: block;
}
#edit-page strong{
	display:block;
	padding: 15px 5px 5px 5px;
	color: #666
}
#edit-page label, 
#info-page label{
	padding: 3px 2px 0 0;
	float: left;
	width: 105px;
	font-weight: bold;
	color: #000;
}
#edit-page input, #info-page input{
	padding: 2px;
	float: left;
	width: 165px;
}
#info-page .field{
	display:block;
	float:right;
	width: 205px;
	margin: 3px 0 0 0;
}
#edit-page button{
	margin: 0 0 10px 110px;
}

div.user-favorites{
}

div.user-favorites .item{
	border-bottom: 1px solid #ccc;
	padding: 10px 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;
}

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

#statement a.on span,
#statement a span.on{
	display: none;
}

#statement a.on span.on{
	display: inline;
}
#statement ul li big{
	font-size: 11px;
	width: 160px;
	display: block;
	float: left;
	font-weight: bold;
	color: #000
}
#statement ul li ol
{
	margin: 5px 0px 10px 0px;
	display: none;
}

#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.list li.text{
	border: none;
}
#statement ul li ol li.void{
	background-color: #fcc;
}
#statement ul li ol li.approved,#statement ul li ol li.paid{
	background-color: #cfc;
}
#statement ul li ol li.pending{
	background-color: #eee;
}
#statement em.void{
	background: url(../images/neon/icon-status-void.gif) 100% 0 no-repeat;
	padding: 0px 15px 0 5px;
}
#statement em.approved,#statement em.paid{
	background: url(../images/neon/icon-status-approved.gif) 100% 0 no-repeat;
	padding: 0px 15px 0 5px;
}
#statement em.pending{
	background: url(../images/neon/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;
}


/*** 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;
}


/*** Page: Registration ***/
#reg-page{
	margin-top: 10px;
}
#reg-page input#userTOCConfirmed{
	width: auto; border: none;
}

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

#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: 3px 2px 0 0;
	display: block;
	float: left;
	width: 105px;
}
#reg-page input.text, #reg-page select{
	padding: 2px;
	float: left;
	width: 100px;
}
#reg-page form.form .error{
	margin: 0 0 0 115px;
}
#reg-page span.hint{
	font-size: 11px;
	background: transparent url(../images/neon/bg-span-hint-kindagood.gif) no-repeat top left;
	color:#444;
	padding: 2px 2px 8px 17px;
	margin: -8px 0 0 1px;
	position: absolute;
	height: 60px; width:240px;
	overflow: hidden;
	z-index: 5;
	display:none;
}
#reg-page span.pass{
	margin: 27px 0 0 1px;
}

#reg-page fieldset.welldone span.hint{
	background: transparent url(../images/neon/bg-span-hint-welldone.gif) no-repeat top left;
}
#reg-page fieldset.kindagood span.hint{
	background:	transparent url(../images/neon/bg-span-hint-kindagood.gif) no-repeat top left;
}
#reg-page form.form  fieldset.welldone{
	background: url(../images/neon/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{
	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 .btn-big{
	margin: 4px 0 0 103px;
}
.reg-welcome{
	margin: 15px 0;
}
.reg-welcome strong{
	font-size: 18px;
}
.reg-welcome p{
	padding: 15px 0;
	line-height: 18px;
}
/*** popupTC ***/
.popupTC{
	background: #fff;
	padding: 10px 10px 20px 10px;
}
/**************** .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/neon/bullet.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.75em; }
#main .content ol ol, 
#main .content ul ol { margin-left: 1.5em; }

#main .content .earn a{margin-right: 4px;}
/*** prize page *******************************************/
.prizeBox{
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
.prizeBox .links{
	float:left;
	font-size: 12px;
	font-weight: bold;
	color: #d9d9d9;
}
.prizeBox .links a{
	padding: 0 3px;
}
.prizeBox a.tc{
	float:right
}

.prizeItem{
	background: url(../images/neon/box_prize_bg.png) 0 0 no-repeat;
	margin: 0;
}
.prizeItem .inner{
	background: url(../images/neon/box_prize_bottom.png) 0 100% no-repeat;
	padding: 30px 25px 5px 30px;
}
.prizeItem em{
	position:absolute;
	margin: 23px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	display: block;
	width: 70px;
}
.prizeItem em.shadow{
	color: #379c59;
	margin: 25px 12px;
}
.prizeItem .inner img{
	float: left;
	margin: 60px 0 0 0;
}
.prizeItem .descr{
	width: 280px;
	float: right;
	font-size: 12px;
	color: #666;
}
.prizeItem .descr h3{
	margin: 5px 0 27px 0;
	text-align: center;
	color: #000
}
.prizeItem .logo{
	float:right;
	margin: -5px 3px 5px 3px;
	height:auto;
}