body { background-color:#686868; padding: 0; margin: 0 auto; font: 0.7em Verdana, Arial, sans-serif; line-height: 1.6em; color: #454545; }

/* content holder */
#wrapper { margin: 0px auto; width:78%; background-position:relative; background-attachment:fixed;}

#container{
	       float:left;
		   clear:none;
		   padding:0px;
	       margin:0px;
		   height:100%;
		   width:100%;
		   background-color:#D93A29;
		   background-position:relative; 
		   background-attachment:fixed;
		   border:0px solid;
		}

img{border:0px;}
/* header */
#header{
		float:left; 
		clear:none;
		font-size:11px; color:#000000; 
		margin:0px;
		background-color:#979797;
		height:150px;
		border:0px solid blue;
       }

.box1{
      float:left;
	  clear:none;
   	  margin:0px;
	  width:276px;
	  height:150px;
	margin-left:15px;
	 padding-right:10px;
	 margin-top:15px;
   }

.box9{
      float:left;
	  clear:none;
      width:320px;
	  padding-left:25px;
	  padding-top:30px;
	  font-family:Tahoma, Arial, Helvetica, sans-serif;
      margin:0px;
      }

.box2{ float:left;
	  clear:none;
   	  background:url(../images/h_bg.jpg) no-repeat;
      background-position:100%;
	  background-color:#979797;
	  height:150px;
	  width:100%;
	  font-family:Tahoma, Arial, Helvetica, sans-serif;
      margin:0px;
		border:0px solid red;
	 	
       }


.box4{
    float:left;
	clear:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
   	margin:0px;
	width:150px;
	height:20px;
	margin-top:10px;
	margin-right:100px;
	text-align:right;
	
    }


#reg{
      float:left;
	  clear:none;
	  background:url(../images/register-small.jpg) no-repeat;
	  width:207px;
	  height:115px;
	  padding-right:0px;
	  padding-left:20px;
	  cursor:hand;
	 
   }

#placead{
		float:left;
	  clear:none;
	  background:url(../images/placead-small.jpg) no-repeat;
	  width:207px;
	  height:115px;
	  padding-right:20px;
	  cursor:hand;
   }


#log{
      float:left;
	  clear:none; 
	  background:url(../images/login-small.jpg) no-repeat;
	  width:207px;
	  height:115px;
	  cursor:hand;
   }

#link{
padding:0px;
margin:0px;
clear:right;
padding-left:40px;
 border:0px solid white;
}

#box-featured{
    float:left;
	clear:none;
   	margin:0px;
	text-align:center;
	color:#000000;
	background-color:#ffffff;
	font-weight:bold;
    }

.callout h3 {
width:135px;
height:174px;
float:right;
text-indent:-8008px;
border:0px solid blue;
margin:0px;
}

.callout p{ font-size:11px; color:#ffffff; font-weight:normal; text-align:left; margin:0px;  }

/* headings */
p{ font-size:11px; color:#000000; font-weight:normal; text-align:left; padding-top:5px; margin:0px; 
 }
p.capitalize {text-transform: capitalize; font-size:11px; color:#ffffff; font-weight:normal; text-align:left; padding-top:5px; margin:0px;}
h1{ font-size:11px; color:#ffffff; font-weight:normal; letter-spacing: 12px
text-align:justify; margin:0px; padding-top:5px; border:0px solid;text-decoration:underline;}
h2{ font-size:24px; color:#ffffff;	font-weight:bold; text-align:left; padding-bottom:5px; padding-left:10px; margin-top:20px;  }
h5{ font-size:24px; color:#DA3A2A; font-family: Times New Roman, Tahoma, Arial, Vardana, sans-serif; font-weight:strong; text-align:center; padding-left:0px;margin-top:20px;  }
#title{
   	background:url(../images/w_thum.jpg) no-repeat;
   	margin:0px;
    color:#C02014;
	padding-left:40px;
	margin-top:20px;
	margin-bottom:5px;
	font-weight:bold;
    height:27px;
	text-align:left;
	font-size:14px;
    }


/* links */
a { color: #000000; text-decoration: none;}
a:hover { color: #D93A29; text-decoration: underline; }	
/* horizontal tabbed menu */	

#nav{ font-size:11px; font-weight:none; text-align:left; margin:0px; padding:0px;margin-bottom:10px;
	 background-color:#D93A29; padding: 0 0 0 6px; border:0px solid blue;}
#nav li { float:left; background:url(../images/navigation.jpg) no-repeat; font-weight:normal; text-align:center;
	padding-top:13px; padding-left:0px; list-style:none; width:77px; height:30px;	margin:0px; }
.key { text-decoration: underline; }

/* horizontal tabbed menu */	
#tabs { color: #000;  height: 64px; text-align: center; padding: 0 0 0 40px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url(../images/navigation.jpg) no-repeat; color: #000000; padding: 12px 0; width: 78px; height:69px; text-align: center; text-decoration: none; }

#top{
    float:left;
	background-color:#D93A29;
   	margin:0px;
	border:0px solid yellow;
	padding-left:10px;
	padding-right:10px;
	}

#login{
   	float:left;
	margin:0px;
	padding-bottom:20px;
	margin-left:15px;
	width:450px;
	height:76px;
    }

#pic{
	float:right;
	background:url(../images/dog_pic.jpg) no-repeat;
   	margin:0px;
	width:450px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:20px;
	height:76px;
	border:0px solid black;
    }



#newlistings{
	background:url(../images/thum_bg.jpg) no-repeat;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin:0px;
	color:#ffffff;
	padding-left:40px;
	text-align:left;
	margin-left:170px;
	padding-bottom:10px;
	margin-top:10px;
	padding-top:5px;
	font-size: 20pt;
	text-decoration:none;
	border:0px solid yellow;
    }

	/* Content Link Styles */
	#newlistings a:link{ color: #fff; font-size: 14pt;  no-repeat;}
	#newlistings a:visited{ color: #fff; text-decoration: none;}
	#newlistings a:hover{ color: #fff; text-decoration: none;}
	#newlistings a:active { color: #fff; text-decoration: none;}

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { float:left; clear:none; width: 85px; border: none; background: #fff ; padding: 4px 0px; color: #000000; }
input.button { padding: 0px; }

/* Top Search Form */
#search { 
	color: #000;
	width: 50px;
	margin: 5px 0 0 0;
}
#search p { padding: 0; margin: 0; }

/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(../images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(../images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(../images/hoverbtn.gif) no-repeat; color: #fff; }
.error{ background: #E8EFF5; border: 1px solid #2580B2; padding: 3px; }
.total{ background-color: #F5F5DC; }
.clear{ clear: both; }

/* Left Sidebar */	
#left{ width:226px;	height:398px; background:url(../images/big_img.jpg) no-repeat; padding:0px; margin:0px;}

/* Main Table
 * This class handles the appearence of the
 * the main tables used with 68classifieds
 *
*/
table.main {
	background-color: #FFFFFF;
}

/* Table Border
 * This class handles the inside table layout
 *
*/
.tableborder {
	border: 1px solid #D6D5D6;
	width: 100%;
	padding: 4px;
}

/* TH
 * This class handles the appearence of the
 * the first row in all tables. With the default
 * template this is the blue row.
 *
*/
th{
	background:url(../images/th.jpg) repeat-x;
	color: #FFF;
	font-weight: bold;
	border-bottom: 0px solid #D6D5D6;
	text-indent: 5px;
	padding: 5px;
	margin: 5px;
	font-size: 10px;
	text-align: left;
	height:25px;
	background-color:#D93A29;
}

.border {
	border-bottom: 1px solid #D6D5D6;
	padding: 0px;
	margin:0px;
}

/* .norm{border: 1px solid #D6D5D6;
	padding: 0px;
	margin:0px;
	}

*/
/* Content
 * Main content area
*/
#content{
	padding-left: 10px;
}
#content th a:link, #content th a:visited {
     color: #FFF;
     text-decoration: none;
}
#content th a:hover {
     color: #FFF;
     text-decoration: underline;
}

#content h1, #content h2{ 
font-size: 14pt; font-weight: bold; color: #C02014; background:url(../images/w_thum.jpg) no-repeat;	
padding-left:40px; height:27px; padding-bottom:0px;}

/* Checkout Steps */
.step { background-color: #EAEAEA; color: #000; width: 100%; padding: 5px; border: 1px solid #ccc;}
.breadcrumbs:link, .breadcrumbs:visited, .breadcrumbs:active, .breadcrumbs:hover {
	color: #858585;
	font-weight: bold;
	text-decoration: none;
}
span.completed{color: green;}
span.pending{color: black; }
span.pendingpayment{
	background: #FFFF99;
	color: #000;
	padding: 3px;
	display: block;
}
span.notcompleted{color: #CACACA;}
span.notcompletedred{color: red;}
/* Characters
 * This class is used when a user is placing an ad
 * It formats the characters remaining
*/
.characters{ color: #666666; font-size: 9px; }

	/* Forms */
#content fieldset { margin-bottom: 6px; border: 1px solid #CCCCCC; padding: 4px}
#content fieldset legend { padding: .1em .3em; font-size: 14pt; font-weight: bold; color: #C02014; }
#content .continue input{ float: right; border: 3px double #999;	border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; }
#content .submit input{ border: 3px double #999;	border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; }

	#content fieldset p { clear: both; padding: 0px; margin: 0px; }
		#content fieldset p label { float: left; }
/*		#content fieldset p select, #content fieldset p input { float: right; }*/


/* Breadcrumb
 * This class handles the category
 * breadcrumb trail
*/
#content .breadcrumb a{ color: #858585; font-weight: bold; text-decoration: none;}
#content a.breadcrumb:hover { color: #858585; font-weight: bold; text-decoration: underline;}


/* Pagination
 * This class handles the appearence of the
 * previous and next section
 *
*/
.pageNav td { padding: 2px 4px 2px 4px; }
.pageNav a { text-decoration: none; }

.pagination{
	text-align: right;
	background-color: #848484;
	color: #333333;
}
.paginationNum{
	background-color: #FFFFFF;
	color: #333333;
}
.navigationBack{
	background-color: #C3C3C3;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.navigation{
	font: x-small verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
/* Featured Listings
 * td.featured handles the display of featured listings
 *
*/
td.featured{
	background-color:#F1F1F1;
}

/* Bold Listings
 * td.bold handles the display of bold listings
 *
*/
td.bold{
	font-weight: bold;

}
/* Highlighted Listings
 * td.highlighted handles the display of highlighted listings
 *
*/
td.highlighted{
	background-color:#CCCCCC;
}
/* row1 & row2
 * This section handles alternating rows
 *
*/
.row1{
     background-color:#d0d0d0;
     background-color:#F1F1F1;
}
.row2{
     background-color:#FFF;
}

.listingextras,
.listingextras a {
	margin: 5px 0 ;
	font-size: 1em;
	text-align: center;
	}
.listingextras2 {
	border: 1px solid #F1F1F1;
	margin: 5px;
	padding: 5px;
}
.listingextras2 a {
	margin: 5px 0 ;
	font-size: 1em;
}
.favorites {
	background: url('../images/favorites.gif') left top no-repeat;
	padding: 0px 0 2px 20px;
	margin-left: 10px;
	height: 16px;
}
.printer {
	background: url('../images/printer.gif') left top no-repeat;
	padding: 0px 0 2px 20px;
	margin-left: 10px;
	height: 16px;
}
.moreads {
	background: url('../images/moreads-seller.gif') left top no-repeat;
	padding: 0px 0 2px 20px;
	margin-left: 10px;
	height: 16px;
}
.friendmail {
	background: url('../images/friendmail.gif') left top no-repeat;
	padding: 0px 0 2px 20px;
	margin-left: 10px;
	height: 16px;
}
.contact {
	background: url('../images/contact.gif') left top no-repeat;
	padding: 0px 0 2px 20px;
	margin-left: 10px;
	height: 16px;
}
blockquote {
	margin: 10px 0;
	padding: 5px;
	color: #666;
	border:1px inset;
	}
.updated {
	background: #E8EFF5 url(../images/check.png) no-repeat 1em ;
	border: 1px solid #2580B2;
	margin: 1em 5% 10px;
	padding: 0 1em 0 3em;
}


/* footer  */

#footer{
		text-align:center;
		background:url(../images/fot_bg.gif) repeat;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#ffffff;
		margin:0px;
		height:70px;
		font-weight:normal;
		padding-left:0px;
		padding-top:5px;
	    }

 #footer a{
           font-family:Tahoma, Arial, Helvetica, sans-serif;
           font-size:11px;
           color:#ffffff;
		   margin:0px;
		   text-decoration:none;
		   font-weight:bold;
		   padding:15px;
           }

#footer a:hover{
                font-family:Tahoma, Arial, Helvetica, sans-serif;
                font-size:11px;
                color:#000000;
		        margin:0px;
				text-decoration:underline;
		        font-weight:bold;
                }

#coppyright{
            font-family:Tahoma, Arial, Helvetica, sans-serif;
            font-size:11px;
            color:#ffffff;
		    margin:0px;
			padding-top:10px;
			padding-bottom:5px;
		    text-align:center;
		    text-decoration:none;
		    font-weight:none;
           }

#aughtbit{color:#555555;}

#aughtbit a{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#555555; margin:0px; text-decoration:none;
		   padding:0px; }

#aughtbit a:hover{color:#555555; text-decoration:underline;}

/* banner */

#ad{ float:left; background:url(../images/ban_1.gif) no-repeat;	margin:0px; text-align:left; padding-left:5px; width:262px; height:122px;   }

 #register{ float:left; background:url(../images/ban_2.gif) no-repeat; margin:0px; padding:0px; width:262px; height:122px;  }

	.orange{
      float:left;
	  clear:none;
      font-family:Tahoma, Arial, Helvetica, sans-serif;
   	  margin:0px;
	  width:85px;
	  height:23px;
	  padding-left:14px;
	  padding-top:85px;
	  border:none;
   }