@charset "utf-8";

* { margin:0px; padding:0px;}

img { border:0px; }


body { padding: 0 10px; font-family:Arial, Helvetica, "Nimbus Sans L", FreeSans; position: relative; }

hr { height:1px; color: #464646; background-color: #464646; }

.brown1 { color: #B69573; }

.style1 {font-family: Arial, Helvetica, sans-serif}

.style3 {font-size: 10px}

.style4 {font-size: 9px}

.style30 {font-family: "Comic Sans MS"; font-size: 13px; font-weight: bold; color: #957B6E; }

.style29 {font-family: "Comic Sans MS"; font-size: 12px; font-weight: bold; color: #957B6E; }



p { padding:6px 0;}

#Wrap { padding: 8px 0; min-width: 840px; width:expression(document.body.clientWidth < 876 ? "876px" : "100%" ); overflow: hidden; }

#Header { float: left; background-image: url(images/bkg.gif); width: 100%; }

#Center { width:100%; float: left; }

#left { float: left; width: 160px; }

#right { float: right; width: 160px; padding: 0 0px 10px 0; }

#center { color: #333333; margin: 0 160px; padding: 20px 0 0 0; min-width: 375px; }

#Footer { float: left; width: 100%; }

#Header .leftcorn { float: left; width: 120px; height: 150px; background: url(images/leftcurv.gif) no-repeat; padding-left: 20px; }

#Header .rightc { float: right; width: 20px; height: 150px; background-image: url(images/rightcurv.gif); }

#Header .center { margin: 0px 20px 0px 140px; background: url(images/slogan.gif) no-repeat right 20px; padding: 50px 0px 0px 0px; }

#Header .center .banner a { display: block; float: right; background-image: url(images/topad.gif); width: 474px; height: 73px; padding-top: 12px; padding: 12px 0 0 6px; }

#div_initiate { float: left; }

#div_initiate a { background: none; }

#Header .center .livehelp { float: right; font-size: 11px; position: relative; width: 140px; line-height: 12px; padding: 0 0 0 20px; }

.livehelp a { color: #DABB94; text-decoration: none; }

.livehelp a:hover { text-decoration: underline; }

#Header .center .livehelp .livetext { z-index: 2; position: relative; top: 83px; font-family: "Comic Sans MS"; }

#Nav { float: left; width: 100%; background-image: url(images/bar.gif); height: 21px; overflow: hidden; }

#Nav ul { }

#Nav li { float: left; display: block; list-style-type: none; padding: 3px 0px 0 4px; font-size: 11px; font-weight: bold; color: #FFFFFF; }

#Nav a { color: #FFFFFF; text-decoration: none; }

#Nav a:hover { color: #5F4334; }

#Nav div { margin: 0 auto; }

#Nav ul { width: 400px; overflow: visible; float: left; }

#Nav div { width: 326px; overflow: visible; margin: 0 auto; }

/* glossy accordion*/



.glossymenu { margin: 5px 0; padding: 0; width: 160px; border: 1px solid #9A9A9A; border-bottom-width: 0; }

.glossymenu a.menuitem { background: black url(images/glossyback2.gif) repeat-x bottom left; font: bold 14px "Arial"; color: white; display: block; position: relative; width: auto; padding: 4px 0; padding-left: 10px; text-decoration: none; }

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color: white; }

.glossymenu a.menuitem .statusicon { position: absolute; top: 5px; right: 5px; border: none; }

.glossymenu a.menuitem:hover { background-image: url(images/glossyback.gif); }

.glossymenu div.submenu { background: white; }

.glossymenu div.submenu ul { list-style-type: none; margin: 0; padding: 0; }

.glossymenu div.submenu ul li { border-bottom: 1px solid brown; }

.glossymenu div.submenu ul li a { display: block; font: normal 13px "Arial"; color: black; text-decoration: none; padding: 2px 0; padding-left: 10px; }

.glossymenu div.submenu ul li a:hover { background: #DFDCCB; color: #000000; }

/*end of accordion*/





#Footer { float: left; width: 100%; background: url(images/bar.gif) repeat-x; height: 30px; text-align: center; font-size: 12px; }

#right .rboxes .rboxes2 span { display: block; float: left; padding: 8px 0 0 0; height:20px; }

#right .rboxes .rboxes2 .stats { width: 85px; text-align: left; padding: 8px 0 0 15px; height:20px; }

#left .sidepush { float: left; width: 160px; overflow: hidden; }

#right .rboxes, #left .sidepush .rboxes { background-image: url(images/sidebg.gif); float: right; margin-top: 10px; top: 0px; right: 0px; width: 160px; overflow: hidden; color: #B69573; }

#right .rboxes .rboxes2, #left .sidepush .rboxes .rboxes2 { float: right; width: 160px; background: url(images/sidebottom.gif) no-repeat bottom; text-align: center; font-family: "Arial"; font-size: 12px; padding: 0 0 4px 0; top: 0px; right: 0px; overflow: hidden; position: relative; }

#left .sidepush .rboxes .rboxes2 span { display: block; padding:5px 0; }

#testinput_xml, .inputbrownbox { color: #5F4334; border: solid #DDC3A4 1px; margin: 5px 0; width:130px; font-family: "Arial"; }



#right .rboxes .rboxes2 a.rlinks, #left .sidepush .rboxes .rboxes2 a.rlinks { display: block; margin: 0 auto; background: url(images/100line.gif) no-repeat center bottom; color: #5F4334; text-decoration: none; padding: 0 0 3px 0; width: 130px; line-height: 16px; }

#right .rboxes .rboxes2 a, #left .sidepush .rboxes .rboxes2 a { color: #5F4334; }

#right .rboxes .rboxes2 a:hover, #left .sidepush .rboxes .rboxes2 a:hover { color: #93714F; }

#right .rboxes .rboxes2 a.img, #left .sidepush .rboxes .rboxes2 a.img { float: left; display: block; position: static; width: 10px; padding: 0 10px 0 140px; margin: -15px 0 0 0; }

#right .rboxes .rboxes2  a.loginlink { text-decoration: none; color:#B69573; font-size:9px;}

#right .rboxes .rboxes2  a.loginlink:hover { text-decoration: underline; color:#B69573; }

#right .rboxes .rboxes2  a.newslink { color:#5F4334; font-size:9px; display: block; padding:8px 0 0 5px;}

#right .rboxes .rboxes2  a.newslink:hover { color:#B69573; }

#Footer ul { width: 400px; overflow: visible; float: left;}

#Footer li { float: left; display: block; list-style-type: none; padding: 3px 0px 0 4px; font-size: 11px; font-weight: bold; color: #FFFFFF; }

#Footer a { color: #FFFFFF; text-decoration: none; }

#Footer a:hover { color: #5F4334; }

#Footer div { width: 290px; overflow: visible; margin: 0 auto; height: 29px; }

#Footer p { display: block; padding: 5px 0; line-height: 20px;}

#center .earningcafe div { float: left; width: 125px; padding: 27px 0; }

#center .enterpage div {

  align: center;

}

#center .earningcafe { margin: 0 auto; text-align: center; width: 375px; font-size: 11px; font-family: "Comic Sans MS"; }

#fx { float: left; width: 890px; height: 1px; }

/***java suggestion searchbox***/







div.autosuggest { position: absolute; background-image: url(css/img_inquisitor/as_pointer.gif); background-position: top; background-repeat: no-repeat; padding: 9px 0 0 0; opacity:0.95; }

div.autosuggest div.as_header, div.autosuggest div.as_footer { position: relative; height: 6px; padding: 0 6px; background-image: url(css/img_inquisitor/ul_corner_tr.gif); background-position: top right; background-repeat: no-repeat; overflow: hidden; }

div.autosuggest div.as_footer { background-image: url(css/img_inquisitor/ul_corner_br.gif); }

div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner { position: absolute; top: 0; left: 0; height: 6px; width: 6px; background-image: url(css/img_inquisitor/ul_corner_tl.gif); background-position: top left; background-repeat: no-repeat; }

div.autosuggest div.as_footer div.as_corner { background-image: url(css/img_inquisitor/ul_corner_bl.gif); }

div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar { height: 6px; overflow: hidden; background-color: #552F1C; }

div.autosuggest ul { list-style: none; margin: 0 0 -4px 0; padding: 0; overflow: hidden; background-color: #552F1C; }

div.autosuggest ul li { color: #ccc; padding: 0; margin: 0 4px 4px; text-align: left; }

div.autosuggest ul li a { color: #ccc; display: block; text-decoration: none; background-color: transparent; text-shadow: #000 0px 0px 5px; position: relative; padding: 0; width: 100%; font-family: "Comic Sans MS"; font-size: 14px; }

div.autosuggest ul li a:hover { background-color: #FFFFFF; }

div.autosuggest ul li.as_highlight a:hover { background-color: #DABB94; }

div.autosuggest ul li a span { display: block; padding: 3px 4px; font-weight: bold; }

div.autosuggest ul li a span small { font-weight: normal; color: #999; font-size: 12px; line-height:12px; }

div.autosuggest ul li.as_highlight a span small { color: #FFFFFF; }

div.autosuggest ul li.as_highlight a { color: #ffffff; background-color: #DABB94; background-image: url(css/img_inquisitor/hl_corner_br.gif); background-position: bottom right; background-repeat: no-repeat; }

div.autosuggest ul li.as_highlight a span { background-image: url(css/img_inquisitor/hl_corner_bl.gif); background-position: bottom left; background-repeat: no-repeat; }

div.autosuggest ul li a .tl, div.autosuggest ul li a .tr { background-image: transparent; background-repeat: no-repeat; width: 6px; height: 6px; position: absolute; top: 0; padding: 0; margin: 0; }

div.autosuggest ul li a .tr { right: 0; }

div.autosuggest ul li.as_highlight a .tl { left: 0; background-image: url(css/img_inquisitor/hl_corner_tl.gif); background-position: bottom left; }

div.autosuggest ul li.as_highlight a .tr { right: 0; background-image: url(css/img_inquisitor/hl_corner_tr.gif); background-position: bottom right; }

div.autosuggest ul li.as_warning { font-weight: bold; text-align: center; }

div.autosuggest ul em { font-style: normal; color: #fff; }



/*adding other css */

A.menu:link { color: #FFFFFF; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; }

A.menu:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; font-family: Arial; font-size: 11px; }

A.menu:hover { color: #806355; font-family: Arial; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; }

.menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #EEEEEE; line-height:15px; }

td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }

.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }

.account_menu { background-color: #f9f9f9; width: 160px; }









.centerbox { width: 375px; margin: 10px auto 0 auto; background: url(../NewHomepage/welcome.gif) no-repeat; height: 228px; padding: 40px 130px 0px 15px; text-align: left; overflow: hidden; }

.centerbox2 { width: 440px; margin: 10px auto 0 auto; padding: 55px 0 0 80px; height: 123px; background: url(http://www.coffeeclicking.com/NewHomepage/3stepsbg.gif) no-repeat 1px top; text-align: center; overflow: hidden; }

.centerbox2 div { float: left; width: 136px; padding: 3px 0 0 10px; overflow: hidden; }

.centerbox2 .p { display:block; }





.directorycont { width:510px; height:120px; padding:10px 0 0 10px; margin: 0 auto; }

.directoryimg { position:relative; vertical-align:middle; height: 83px; width: 150px; background: url(bg.png) no-repeat; float: left; padding: 20px 6px 0 0; }





.directoryimg a {

  display:block;

line-height:60px;

color: #006699;

text-decoration:none;

  }

.directoryimg a:hover {

text-decoration:underline;

  }



.directorycont div { float: left; }

#center .dirtop { text-align: center; width: 520px; height: 150px; border-bottom: solid #888 1px; margin: 0 0 6px 0; line-height: 12px;}

#center .dirbot1 { text-align: center; width: 480px; height: 70px; border-bottom: solid #888 1px; margin: 0 0 6px 0; margin: 0 auto; }

#center .dirbot2 { text-align: center; width: 520px; }



#center .dirmsg { width:272px; height:20px; background:#CCCCCC; }

#center .dirlisting { text-align:center; width:520px; }

#center .cashback { width:260px; height:25px; text-align:left; }

#center .cashback a { color:#006699; text-decoration: none; }

#center .cashback a:hover{  text-decoration: underline; }

#center .merchid { width: 19px; height:25px; }

#center .daily { width:75px; height:25px; }

#center .dirdescription { height:48px; width:354px; text-align: left; }

#center .dirvalues1 { width:71px; height:24px; }

#center .dirvalues2 { width:83px; height:24px; }

#center .dirvalues3 { width:129px; height:24px; text-align:left; }

#dirwrap { width: 520px; overflow: visible; margin: 0 auto; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }



#Center table td td a, #Center table td span a, #dirwrap .dirtop a  { color: #006699; text-decoration: none; }

#Center table table td a:hover, #Center table td span a:hover, #dirwrap .dirtop a:hover { text-decoration: underline; }

#redeemtable ul { padding:10px 0 0 40px; }



/*table stuff replace when switching to tableless*/



#inbox td { padding: 0 3px; }

#inbox td a { font-size: 11px; line-height:15px; font-family:Verdana,Arial,Helvetica,sans-serif;  }

.transactions1 td { padding: 3px; }

#adstats { padding: 0 6px; }

#help a { color: #B69573; }

#help a:hover { color: #5F4334;}





/*enter page*/

#enter { padding: 0 30px; color: #532D1A; overflow: hidden; padding-bottom:16px; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size: 14px;  }

#enter div { margin:0; padding:0; }

#enter p { color: #532D1A; font-size:13px; }

.title_1 { font-size:24px;}

#enter .enter_lt_Content { float: left; /*width:329px;*/ width:47%;  }

.title_2 { display: block; font-size: 18px; padding-top:6px; }

#enter .enter_rt_Content  { float:left; width:53%; overflow:hidden; text-align:center;  }

#enter .enter_rt_Content a { position:relative;  display:block;  width:245px; height: 226px; margin:0 auto;  }

#enter .enter_rt_Content a span { position: absolute; top:202px; left:12px; display:block; background:#fff; width:223px; font-size:11px; text-align:center; }

#enter .enter_rt_Content a .banner { background: url(large_banner_bg.png) no-repeat; padding: 14px 7px 8px 7px; }

#enter .enter_btm_Content { width:100%; float:left;  }

#enter .enter_btm_Content span.title2 { clear:both; }

#earningTable ul { display: block; width: 101%; float: left; margin: 0; padding: 0; text-align: center; }

#earningTable ul li { display: block; float: left; width: 39%; list-style: none; padding: 10px 5%; font-size:11px;  }

#earningTable ul li a .info { display: block; padding: 0 25px; }



#enter  a:link, a:visited, a:hover, a:active {

	text-decoration: none;

	color: #532D1A;

	

}

#enter  a:hover {

	text-decoration: underline;

}

/*shopping*/ 

#shoppingTable ul, #nopurchaseTable ul { display: block; width:33%; float:left; margin: 0;  padding: 10px 0 0 0 ; }

#shoppingTable ul li { display:block; float:left; width:100%; list-style:none;}

.clear { clear:both; height:0; overflow:hidden; font-size:0; line-height:0; }

/* no purchase */

#nopurchaseTable ul {  display: block; width:33%; float:left; }

#nopurchaseTable ul li { float: left; width: 100%; display: block; list-style: none; text-align: center; font-size: 9px; height: 60px; }

#nopurchaseTable ul li a { display: block; font-size: 16px;  }

#nopurchaseTable ul li span { padding: 0 35px; display:block; }