/*Styles for body.*/

html {
	min-width: 915px;
} /*IE7*/
body
{
	margin: 0 auto;
	padding: 0 20px;
	font: 76% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	background: #8ABC41;
	color: #380;
}

a {	color: #360; text-decoration: none; }
a:visited { color: #360; }
a:active { color: #e37400; }
a:hover, a:focus { color: #e37400; text-decoration: underline; }


img {
	display: block;
	border: 0;
}
/*
 * Overall Structure 
 */
#Wrap
{	
	text-align: left;
	position: relative;
	margin: 2px auto;
	max-width: 1100px;
}
#Header{
	color:#ffffff;
	height: 108px;
	margin: 0;
}
#Content{
	width:100%;
	clean:both;
}
#MainContent
{	clear: left;
	margin-right: 226px;
	line-height: 1.6em;
	padding: 0 10px;
}
#SideContents
{	clear:right;
	float:right;
	display: inline;
	width:196px;
	height: 550px;
	color: #333300;
	padding:0 6px 0 0px;
	line-height:1.4em;
	background-color:#ffffff;
	background: url(/img/side_bar_bg.gif) repeat-y;
}
#Footer 
{	
	clear: both;
	margin: 40px auto 0px auto;
	padding: 10px 0 20px 0;
	border-top: 1px solid #ddd;
	width: 900px;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.6em;
	background-color: #fff;
	color: #666;	
}

/*over all*/
.outline1
{
	background: inherited;
	margin: 2px;
	border: #d7d7cd 1px solid;
}
.outline2
{
	background: #ffffff;
	border: #c7c7bf 1px solid;
}

/*
 * Main header at the top
 */
#Header img
{
	border: 0;
	margin-left: 25px;
	padding-top: 15px;
}

#account { 
	float: right;
	display: inline;
	width: 300px;
	color: #e37400;
	padding:10px 30px 0 0;
	text-align: right;
	font-size:110%;
}
#account a{
	padding: 0 5px;
}

/* login box */
#loginbox{
	left: -400;
	position: absolute;
	display: none;
	width: 200px;
	padding: 8px;
	border: 1px solid #7F9DB9;
	color: #666;
	background: #faf9f7;
	z-index: 100;
	text-align: center;
}
a.closebutton {
	float:left; 
	border:1px solid #e37400;
	margin:0;
	color:#e37400;
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height: 100%;
}
#loginbox a.closebutton {
	padding:0 1px;
}
#loginbox dl {
	margin:0;
	padding:0;
}
#loginbox dt {
	float: left;
	width: 70px;
	padding: 4px 6px 4px 0;
	text-align:right;
}
#loginbox dd{
	padding: 4px 0 4px 0;
	color: #360;
	text-align:left;
}

/*
 * Side column
 */
.vnav
{
	font-family: "Lucida Grande", Georgia, Trebuchet, "Trebuchet MS", Arial, sans-serif;
	width: 180px;
	margin: 10px auto 0 auto;
	background-color: #edf6e5;
	padding: 3px 5px;
}
.vnav a {
	font-size: 90%;
	color:#693;
}

.vnav a:hover, .vnav a:active{
	color: #e37400;
}

.vnav h2 {
	font-size: 120%;
	color: #380;
	display: block;
	padding: 8px 0 8px 5px;
	margin: 0;
	text-align:left;
}
.vnav h2.on, .vnav h2.on a {
	color: #e37400;
}

.vnav ul {
	padding-left: 3px;
	margin: 0;
}
.vnav li {
	list-style-image: url(/img/arrow.png);
	list-style-position: inside;
}
.vnav li a {
	*padding-left: 5px;
}

.vnav li a.menuon, .vnav .merchantlink {
	color: #e37400;
}

/*
 * Main content
 */
#MainContent p
{
	color:#494949;
	background-color:inherit;
}
#MainContent a
{
	background-color:inherit;
}
#MainContent img 
{
	display:inline;
	color: inherit;
	background-color:inherit;
}

/*div{border: 1px #eee solid;}*/
/* nav tab in the Main content */
#navtab {
  float:left;
  display: inline;
  width: 100%;
  min-width:400px;
  margin:0px 0px 0px 0;
  background:#FFF url(/img/bg.gif) repeat-x bottom;
  font-size:110%;
}
#navtab ul {
  margin:0;
  padding:0 10px 0;
  list-style:none;
}
#navtab li {
  float:left;
  background:url(/img/left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}
#navtab  li a {
  float:left;
  display:block;
  color:#aaa;
  background:url(/img/right.gif) no-repeat right top;
  padding:8px 25px 8px 11px;
  text-decoration:none;
  font-weight:bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navtab a {float:none;}
/* End IE5-Mac hack */
#navtab a:hover {
  color:#e37400;
  text-decoration:none;
}
#navtab li.currenttab {
  background-image:url(/img/left_on.gif);
}
#navtab li.currenttab a {
  background-image:url(/img/right_on.gif);
  color:#e37400;
  padding-bottom:9px;
}

#navtab li.hiddentab a {
  background: none;
  padding-bottom:9px;
}
#navtab li.hiddentab {
  width:0;
  background: none;
}

.navbtn {
  height: 20px;
  float: right;
  padding: 0;
  margin:5px 10px 3px 20px;
}

.navbtn a , #MainContent .navbtn a {
	color: #fff;
	background: #e37400 url(/img/btn_bg.gif) 0px top no-repeat;
	padding: 2px 0 2px 0px;
	*padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
}
.navbtn a:hover span {
	color: #333;
}
.navbtn a span
{	
	*display: block;
	background: url(/img/btn_bg.gif) 100% top no-repeat;
	padding: 2px 5px;
	*height: 16px;
} 

.navbtn input.txt {
	color: #888;
	width: 135px;
	height: 15px;
	vertical-align: top;
	padding-left: 3px;
}
.navbtn input.imgbtn {
	vertical-align: text-bottom;
	background: none;
}

#breadcrumb {
	color: #360;
	width: 300px;
	font-size: 100%;
	padding:15px 0 10px 10px; 
}
#subnav {
	float: right;
	width: 500px;
	padding:15px 8px 10px 0; 
	color: #bbb;
	text-align: right;
}
#subnav a {
	padding: 0 5px;
}
#subnav a.menuon {
	color: #e37400;
}

/* deal area*/
.deals-summary {
	clear: left;
	padding: 0;
}

.deals-left {
	float: left;
	width:190px;
	height: 140px;
	background:url(/img/link_sep.png) no-repeat 65% 100%;
}

.deals-vote-wrapper {
	width: 50px;
	float: left;
	margin-top: 90px;
	display: inline;
	text-align: center;
}

a.votes {
	color: #360;
	font-size: 180%;
	letter-spacing: 0px;
	text-decoration: none;
}

votes:hover {
	text-decoration: none;
}

.voteit{
	color: #999;
	font-size: 100%;
	display: block;
}

a.votebox {
	color: red;
	text-decoration: none;
	padding: 0px 2px;
	margin: 0;
	border: 1px solid #fee;
}

a.votebox:hover {
	background-color: #fee;
	text-decoration: underline;
}

.deals-image-wrapper {
	float: left;
	display: inline;
	width: 120px;
	height: 120px;
	margin: 10px 0;
	text-align:center;
}

.deals-image-wrapper img {
	border: 0;
}

/* right site of the deal area*/
.deals-right {
	margin-left: 200px;
	height: 80px;
	padding: 20px 0;
}

.deals-title {
	font-family: "Lucida Grande", Georgia, Trebuchet, "Trebuchet MS", Arial, sans-serif;
	line-height: 16px;
	padding-bottom: 3px;
	font-size: 140%;
	color: #380;
}
.deals-title a{
	color: #380;
}
.deals-title a:hover{
	color: #e37400;
}
.deals-price {
	padding: 0px 4px; 
	font-size: 90%; 
	color:#333;
	background: #daf6bd;
}

.deal_expired {
	color: #e37400;
}

.deals-profile {
	width:100%;
	position: relative;
	font-size: 95%;
	color: #666;
	padding: 0;
	margin:0;
}
.deals-profile img {
	border: 1px solid #eee;
}

.deals-body-text {
	min-width: 350px;
	padding: 6px 0 6px 0;
	line-height: 140%;
	color: #333;
}

/* for viewlink page*/
#deal-info {
	padding: 0 40px;
}
#deal-info .deals-left {
	background: none;
}
#deal-info .deals-vote-wrapper {
	margin-top: 20px;
}
#deal-info .deals-right {
	padding: 20px 0;
}
/* page list*/
#pagelist {
    clear: left;
    padding: 10px 16px;
    font-size: 85%;
}

#pagelist a, #pagelist span.current, #pagelist span.nextprev{
    display: block;
    float: left;
	margin: 2px;
    padding: 0.0em 0.5em;
}	
#pagelist a {
    border: 1px solid #66CC66;
    background: #fff;
    text-decoration: none;
}

#pagelist a:hover {
	color: #250;
    border-color: #5A9A0B;
}

#pagelist span.current {
    color: #fff;
    background: #5A9A0B;
    border: 1px solid #5A9A0B;
    font-weight: bold;
}

#pagelist span.nextprev {
    color: #666;
	border: 1px solid #ddd;
}
#pagelist span.middle {
    float: left;
    color: #666;
    padding: 0.2em 1em;
}

/*
 * Page footer
 */
#Footer a 
{
	padding: 0 3px;
	color: #009900;
	font-weight: bold;
	text-decoration: none;
}
#Footer a:hover 
{
	text-decoration: underline;
}
#Footer img 
{
	position: relative;
	top: 4px;
}


/*
 * Complian list
 */
 /* problem dropdown */

.complaindrop, .complaindrop ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font: 11px arial, sans-serif;
}

.complaindrop {
    position: absolute;
    top: 0;
    right: 0;
}
.complaindrop li {
    margin-bottom: 0;
}

.complaindrop li ul {
    position: absolute;
	padding: 0;
	margin: -1px 0 0 5px;
	border: 1px solid #DDEAF6;
	border-bottom: 0;
}
.complaindrop li ul li {
	background: #fff;
}
.complaindrop li:hover ul, .complaindrop li.probhover ul {
    display: block;
    left: 0;
    top: 20px;
}

.d-item a {
    display: block;
    width: 8em;
    font-size: 11px;
    text-decoration: none;
    padding: 3px 0.5em 3px 0.5em;
	background: #fff;
	border-bottom: 1px solid #DDEAF6;
}

.d-item a:hover {
    background-color: #D8E6F3;
}

a.droplisttop {
    background: url(/img/down-arrow.png) 100% 50% no-repeat;
    white-space: nowrap;
    display: block;
    width: 3.3em;
    border: 1px solid #DDEAF6;
    text-decoration: none;
    height: 15px;
    margin: 0 0 0 5px;
    font-size: 11px;
    padding: 2px 35px 2px 5px;
    height: 14px;
}