/*
Site:	iOffer.com
Title:	Homepage
Author:	Richie Garcia
Updated:	Feb 5 2007
*/
/*homepage*/
.main-nav{
    border: 1px solid #ccc;
	margin: 0px;
    padding: 5px 0 0 8px;
    margin: 0 0 10px 5px;
	font-size: 11px;
	list-style: none;
	background-color: #FFFFE6;
	width: 170px;
}
.main-nav li{
	float: left;
	width: 168px;
	margin: 2px 0 0 0;
	padding:0;
}
.main-nav a{
	font-size: 13px;
    font-family: Arial,verdana, lucida, sans-serif;
}
.main-nav li a{
	display: block;
	width: 150px;
	height: 16px;
	color:#36c;
	text-decoration: none;
	line-height:16px;
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 18px;
}
.main-nav li a:hover{
    text-decoration: underline;
    background-repeat: no-repeat;
}
.main-nav strong {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #d00;
	font-weight: bold;
	padding: 0 0 15px 0;
	display: block;
	text-align: left;
}

.online{
	width: 200px;
}
.online ul{
	margin: 0;
	padding:12px 0 6px 6px;
	width: 195px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	list-style: none;
}
.online ul a{
	padding: 1px;
}
.online ul li{
	display:inline;
	margin: 0 0 5px;
	padding-left: 0px;
}
.online ul li.separate{
	margin: 0;
	width: 200px;
	height: 9px;
	overflow: hidden;
}
.online ul img{
	margin: 2px 0;
	padding: 3px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
}
.online ul a:hover img {
	background: #f2f7fe;
	border: 2px solid #bbb;
	padding: 2px;
}
.wantads{
    font: Arial, Verdana, sans-serif;
	width: 200px;
	padding: 6px 0 0 0;
	margin: 10px 0 0 0;
}
.wantads img#ad {
    float:left;
    margin-left:17px;
}

.wantads h2{
	color: #EE4800;
	display: block;
	margin: 0 0 0 50px;
	color: #D00;
	font:bold 20px Arial, Helvetica, sans-serif;
}
.wantads ul{
	margin: 0 0 0 8px;
	padding-bottom: 10px;
	width: 185px;
	font-size: 11px;
	overflow: hidden;
	list-style: none;
	font-family: Arial, Verdana, sans-serif;
}
.wantads ul li{
	padding: 4px 0 0 11px;
	margin-bottom:-10px;	
	width: 174px;
	float: left;
	background: url(http://www.ioffer.com/images/icons/bullet.gif) no-repeat 0 10px;
}
html* .wantads ul li{
	margin-bottom:-20px;
}

.wantads ul li a{
	color: #36c;
}
.wantads ul li a:hover{
	text-decoration: none;
}
.wantads form{
	margin: 0;
	padding: 10px 0 25px 9px;
}
.wantads form fieldset{
	margin: 0;
	padding: 0;
	border: none;
}
.wantads form label{
	text-indent: 1px;
	font-size: 13px;
	display: block;
	font-weight: bold;
}
.wantads form input{
	float: left;
}
.wantads form input.text{
	width: 82px;
	height: 18px;
	border: 1px solid #ccc;
	font:12px Arial, Lucida, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0 4px 0 0;
}
/* top-box */
#top-box{
	padding: 0 0 10px 0;
}
#top-box ul.buy-sell-meet{
	margin: 10px 0 0 10px;
	padding: 0 0 13px 0;
	list-style: none;
}
#top-box ul.buy-sell-meet li{
	float: left;
}
#top-box ul li.first{
	width: 169px;
	padding: 0 0 0 4px;
	margin:0 4px 0 0;
    border-right:1px solid #ccc;	
}
#top-box ul li p.make, #top-box ul li p.list, #top-box ul li.third p.browse, #top-box ul li.third p.friends {
    font-family: Arial,Verdana, Lucida, Helvetica, Arial, sans-serif; 
    clear: both;
}
#top-box ul li p.make {
    padding-bottom: 1px;
}
#top-box ul li.second {
	width: 150px;
	padding: 0 0 0 10px; 
    border-right:1px solid #ccc;	
}
#top-box ul li.third {
	width: 160px;
	padding: 0 0 0 20px;
}
#top-box ul li.first h2,
#top-box ul li.second h2,
#top-box ul li.third h2{
	font-family:  Arial, Verdana, Lucida, Helvetica, Arial, sans-serif;    
    float: left;
	margin: 0 10px 0 35px;
	height: 46px;
	line-height: 46px;
	font-size: 24px;
}
* html #top-box ul li.first h2{
        margin-left:0;
        padding-left: 15px;
}
* html #top-box ul li.second h2{
        margin-left:0;
        padding-left: 15px;
}

* html #top-box  ul li.third h2 {
        margin-left: 0px;
        padding-left: 15px;
}
#top-box ul li.first h2 a,
#top-box ul li.second h2 a,
#top-box ul li.third h2 a{
	text-decoration: underline;
	color: #d00;
}
#top-box ul li.third h2{
	margin-left: 18px;
}

#top-box ul li.first p,#top-box ul li.third p,#top-box ul li.second p{
	margin: 0;
	color: #000;
}
#top-box ul li.first form,#top-box ul li.third form{
	margin:23px 0 0 0;
	padding: 0;
}
#top-box ul li.first form label,#top-box ul li.third form label{
	display: block;
	font-size: 13px;
	font-weight: bold;
}
#top-box ul li.first form input.txt,#top-box ul li.third form input.txt{
	width: 78px;
	height: 18px;
	padding: 0 0 0 4px;
	margin: 0 4px 0 0;
	border: 1px solid #A5ACB2;
}
#top-box ul li.first form input,#top-box ul li.third form input{
	float: left;
}
#top-box ul a{
	color: #36c;
	text-decoration: none;
}
#top-box ul a:hover{
	text-decoration: underline;
}
#top-box p.l-item a{
	font-size: 16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 40px 0 0 0;
	float: left;
	text-decoration: underline;
}
#top-box a.l-item:hover{
	text-decoration: none;
}
.recent-activity{
	width: 188px;
	margin-top: 0px;
	padding: 0;
}
* html .recent-activity{
	width:183px;
}
.recent-activity h3 {
	color: #d00;
	font:bold 20px Arial, Helvetica, sans-serif;
	margin: 8px 0 0 5px;
}
.recent-activity ul{
	margin:10px 0 0 12px;
	font-size: 13px;
	padding: 0;
	list-style: none;
}
.recent-activity ul li{
	padding: 0 0 0 20px;
	margin: 2px 0 0 0;
    font-family: Arial, Lucida, Helvetica, sans-serif;	
}
* html .recent-activity ul li, html* .recent-activity ul li{
	margin: -5px 0 0 -10px;
}
.recent-activity ul a {
    font-family: Arial, Lucida, Helvetica, sans-serif;	
}
.top-categories {
    width:180px;
    margin-left: 5px;
    font-family: Arial, Verdana, sans-serif;
}
* html .top-categories {
    width:160px;
}

.recent-searches {
	width: 550px;
	padding:10px 0 20px;
}
.recent-searches h3 {
	color: #d00;
	margin: 0 0 0 18px;
}
.recent-searches ul{
	margin: 10px 0 0 10px;
	padding: 0;
	width: 100%;
	float: left;
	list-style: none;
	font-family: Arial, Verdana, sans-serif;
}
* html .recent-searches ul {width:700px;}
.recent-searches li{
	float: left;
	width: 30%;
	display: inline;
	padding: 0 1% 0 0;
	margin: 0 0 0 1%;
}
.recent-searches li a{
    text-decoration: underline;
    color: #36c;
}
.recent-searches li.clear{
	width: 100%;
	height: 6px;
	background: none;
	overflow: hidden;
	float: left;
}
.top-categories h3{
	color: #d00;
}
.featured-items{
	margin:10px 0 0 0;
	padding: 4px 0;
}
.hot-items {
	padding-bottom:20px;
}
.featured-items h2{
	width:400px;
	margin: -2px 0 0 11px;
	color: #D00;
	font:bold 20px Arial, Verdana, Helvetica, sans-serif;
}
.featured-items ul a {font-family: Arial, Verdana, sans-serif;}
.featured-items h2{*margin-top:-5px}

* html .featured-items h2{*margin-top:-23px}

.featured-items ul{
	margin: 0;
	padding: 5px 0 0 0;
	width: 575px;
	list-style: none;
}
.featured-items ul li{
	display:inline;
	width: 16%;
	text-align: center;
	margin: 0 2.0% 0 0;
	float: left;	
}
* html .featured-items ul li{
	width: 12%;
	margin: 0 5px 0 0;
}
.featured-items ul li.clear{
	width: 100%; 
	height: 20px;
	margin: 0;
	background: none;
	overflow: hidden;
	float: left;
}
.featured-items ul h3{
	font-family: Arial,"lucida grande", verdana, arial, sans-serif; 
	font-size: 12px;
	margin: 0 1px;
	font-weight: normal;
}
.featured-items ul h3 a{
	color: #36c;
	text-decoration: none;
}
.featured-items ul h3 a:hover{
	text-decoration: underline;
}
.featured-items ul strong{
	font-size: 11px;
	color: #990000;
	font-weight: normal;
}
.featured-items ul .image{
	width: 100%;
	padding: 0 0 7px 0;
	margin: 0 auto;
}
.featured-items ul .image img{
	margin: 5px 0;
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
}
.featured-items ul .image a:hover img, .two-column-list ul .image a:hover img{
	background: #f2f7fe;
	border: 2px solid #bbb;
	padding: 3px;
}
.featured-items ul .title{
	width: 90px;
}
.featured-items div.all a{
	float: right;
	color: #36c;
	margin: 0 37px 0 0;
	font-size: 11px;
}
.featured-items .all a{
	text-decoration:underline;
}
.featured-items div.all a:hover{
	text-decoration:none;
}
.blink { text-decoration: blink; }