/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
		font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color:#222;
        background:#e8e8e8;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:80%;
    }
	img {
		outline:none;
		border:none;
	}
	
	a {
    	color:#9d9d9d;
    	text-decoration:none;
	}
	a:active {
		outline:none;
	}
	
	a:link,
	a:visited,
	a:active {
		color:#666;
	}
	a:hover {
		color:#000;
		background:none;
		text-decoration:none;
	}
   
   #logo {
		float:left;
		margin:0 0 0 15px;
		padding:0;
		color:#fff;
		text-align:left;
	}
	#logo #logo_text {
		color:#fff;
		text-align:left;
		font:bold 24px/26px "Lucida Grande", Lucida, Verdana, sans-serif;
		margin:0;
		padding:0;
		display:block;
		text-decoration:none;
	}
	#logo #logo_text:hover {
		border:none;
	}
	#logo p {
		color:#fff;
		font:16px/18px Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
	}
	
	.block {
		padding:0 10px;
		font-size:11px;
	}
	
	
    h1, h2, h3, h4, h5, h6 {
        margin:.2em 0 .4em 0;
        padding:0;
    }
	h1 {
		font-size:16px;
	}
	h2 {
		font-size:16px;
	}
	h3 {
		font-size:14px;
	}
	h4 {
		font-size:12px;
	}
	h5 {
		font-size:12px;
	}
	h6 {
		font-size:12px;
	}
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
        height:130px;
        background:url(../images/banner.jpg) repeat-x;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 0px;
        margin:0;
	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		margin:0;
		color:#fff;
		padding:15px 10px 5px 12px !important;
		text-align:right;
	}
	#layoutdims a {
		color:#fff;
	}
	#layoutdims a:hover{
		text-decoration: underline;
	}
	
	.menu {
		clear:both;
		margin:0;
		background:#ccc;
		border-top:5px solid #ccc;		
	}
	.menu .left {
		clear:both;
		float:left;
		text-align:left;
		font-size:12px;
		font-weight:bold; 
		margin-top: 2px;
		padding:3px 10px 6px 12px !important;

	}
	.menu .right {
		text-align:right;
		font-size:12px;
		font-weight:bold;
		padding:6px 8px 6px 8px !important;
	}
	.menu .right a {
		background-color: #dddddd;
		text-decoration:none;
		padding:6px 10px 6px 10px !important;
		border: 1px solid #949494;

	}
	.menu .right a:hover {
		background-color: #8c8c8c;
		text-decoration:none;
		border: 1px solid #000;
	}
	
	#strip {
		height:10px; 
		background:#e8e8e8;
		border-top:5px solid #ccc;
	}
	.clear {
		clear: both;
		height: 1px;
	}
			
	#colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background:#e8e8e8;		/* Left column background colour */
	}
	#colmid {
		float:left;
		width:200%;
		position:relative;
		left:210px;
		background:#fff;    	/* Centre column background colour */
	}
	#colright {
		float:left;
		width:100%;
		position:relative;
		left:50%;
		margin-left:-420px;
		background:#e8e8e8;    	/* Right column background colour */
	}
	#col1wrap {
		float:right;
		width:50%;
		position:relative;
		right:100%;
	}
	#col1pad {
		margin:0 0 0 425px;
		overflow:hidden;
	}
	#col1 {
		width:100%;
		overflow:hidden;
	}
	#col2 {
		float:left;
		width:210px;
		position:relative;
		margin-left:-50%;
		left:220px;
		overflow:hidden;
	}
	#col3 {
		float:left;
		width:210px;
		position:relative;
		right:10px;
		overflow:hidden;
	}
	
	.col_shape {
		background-color:#fff;
	}

	.col_right_sidebar .col_shape span {
		float:right;
		font-size:14px;
		line-height:30px;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	.col_right_sidebar .top,
	.col_right_sidebar a.top:link,
	.col_right_sidebar a.top:active,
	.col_right_sidebar a.top:hover,
	.col_right_sidebar a.top:visited,
	.col_right_sidebar a.mid:link,
	.col_right_sidebar a.mid:active,
	.col_right_sidebar a.mid:hover,
	.col_right_sidebar a.mid:visited,
	.col_right_sidebar a.btm:link,
	.col_right_sidebar a.btm:active,
	.col_right_sidebar a.btm:hover,
	.col_right_sidebar a.btm:visited {
		background:transparent url(../images/layout_col_sidebar_top.gif) no-repeat top;
		height:30px;
		color:#fff;
		font:12px/30px "Lucida Grande", Lucida, Verdana, sans-serif;
		padding:0 10px;
		display:block;
		text-decoration:none;
	}
	.col_right_sidebar a.mid:link,
	.col_right_sidebar a.mid:active,
	.col_right_sidebar a.mid:hover,
	.col_right_sidebar a.mid:visited {
		background:transparent url(../images/layout_col_sidebar_top.gif) no-repeat left center;
	}
	.col_right_sidebar a.btm:link,
	.col_right_sidebar a.btm:active,
	.col_right_sidebar a.btm:hover,
	.col_right_sidebar a.btm:visited {
	background:transparent url(../images/layout_col_sidebar_top.gif) no-repeat left bottom;
	}
	.col_right_sidebar .col_shape .btm {
		background:transparent url(../images/layout_col_sidebar_btm.gif) no-repeat left bottom;
		height:10px;
		clear:both;
		margin:0;
		font:1px/1px monospace;
		display:block;
	}
	.col_right_sidebar {
		float:right;
		width:190px;
		position:relative;
	}

	
	/* List Styles */
	.toggle {
		cursor:pointer;
	}
	ul.sidebar_nav {
		margin:0;
		padding:0;
		clear:both;
		border-top:1px solid #e3e3e3;
	}
	ul.sidebar_nav li {
		margin:0;
		padding:0;
		list-style-type:none;
		border-bottom:1px solid #e3e3e3;
		background-color:#fff;
	}
	ul.sidebar_nav a {
		display:block;
		margin:0;
		padding:14px 10px 6px 40px;
		font-size:11px;
		line-height:16px;
		font-weight:bold;
		background:#fff url(../images/icons/yellowfolder.jpg) no-repeat 12px center;
		text-decoration:none;
	}
	ul.sidebar_nav a:hover {
		text-decoration:none;
	}
	ul.sidebar_nav a.account {
		background:url(../images/icons/user_gray.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.home {
		background:url(../images/icons/house.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.search {
		background:url(../images/icons/magnifier.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.browse {
		background:url(../images/icons/browse.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.listing_add {
		background:url(../images/icons/layout_add.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.favs {
		background:url(../images/icons/heart.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.listing_edit {
		background:url(../images/icons/layout_edit.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.logout {
		background:url(../images/icons/lock_open.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.login {
		background:url(../images/icons/lock_go.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.popular {
		background:url(../images/icons/popular.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.viewed {
		background:url(../images/icons/most.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.new {
		background:url(../images/icons/new.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.special {
		background:url(../images/icons/star.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.featured {
		background:url(../images/icons/featured.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.page {
		background:url(../images/icons/page.jpg) no-repeat 10px center;
	}
	ul.sidebar_nav a.pricing {
		background:url(../images/icons/creditcards.jpg) no-repeat 10px center;
	}
	a.icon_login {
		background:url(../images/icons/lock_go.gif) no-repeat 0 center;
		margin:0;
		padding:8px 3px 6px 25px;
		color:#fff;
		font-size:11px;
		font-weight:bold;
	}
	a.icon_logout {
		background:url(../images/icons/lock_open.gif) no-repeat 0 center;
		margin:0;
		padding:8px 3px 6px 25px;
		color:#fff;
		font-size:11px;
		font-weight:bold;
	}
	a.icon_register {
		background:url(../images/icons/key_add.gif) no-repeat 0 center;
		margin:0;
		padding:8px 3px 6px 23px;
		color:#fff;
		font-size:11px;
		font-weight:bold;
	}
	a.icon_rss {
		background:url(../images/icons/feed.gif) no-repeat 0 center;
		margin:0;
		padding:8px 3px 6px 28px;
		font-size:11px;
		font-weight:bold;
	}
	a.icon_contact {
		background: transparent url(../images/icons/email_go.jpg) no-repeat 0 center;
		margin:0;
		padding:6px 0 6px 28px;
		font-size:11px;
		font-weight:bold;
		display:block;
	}
	
	.alert {
		color:#444;
		padding:8px 12px 8px 33px;
		text-decoration:none;
		margin:10px 10px 0 10px;
		font-size:1.1em;
		font-weight:bold;
		font-style:normal;
		background:#fcf4ed url(../images/icons/exclamation.gif) no-repeat 8px 8px;
		border:1px solid #ebc0a9;
		clear:both;
		text-align:left;
	}
	.alert a {
		text-decoration:none;
	}
	.alert em,
	.alert p {
		color:#444;
		font-size:11px;
		font-weight:normal;
		font-style:normal;
		margin:0;
		padding:4px 0 0 0;
	}
	.beta {
		background-color:#fdf7e2;
		background-image:url(../images/icons/wrench.gif);
		border:1px solid #d7cd90;
	}

	.info {
		background-color:#fdf7e2;
		background-image:url(../images/icons/asterisk_yellow.gif);
		border:1px solid #d7cd90;
	}

	.switcher {
		background-color:#fdf7e2;
		background-image:url(../images/icons/magic.gif);
		border:1px solid #d7cd90;
	}
	
	.prices {
		position: relative;
		background-color: #f9f9f9;
		border: 1px solid #ddd;
		line-height: 14px;
		display: block;
		margin: 0 0 10px 0;
		padding: 6px 15px 10px 15px;
	}
	.prices .figures{
		padding: 8px 15px 0px 0px;
	}

	#footer {
		clear:both;
		text-align:center;
		width:100%;
		background:none;
		font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size:11px;
		border-top:1px solid #ccc;
		padding-top:10px;
	} 
	#footer p {
        padding:7px 10px;
        margin:0;
        color:#444 !important;
    }
	#footer a:link {
		text-decoration:none;
	}
	#footer a:visited {
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	footer a:active {
		text-decoration:none;
	}

   
    /* 68C styles change */
    
    
    
	p,ul, ol {
		font-size:11px;
		line-height:14px;
	}
	/* TH
	 * This class handles the appearence of the
	 * the first row in all tables. With the default
	 * template this is the blue row.
	 *
	*/
	th {
		border-bottom:2px solid #ddd;
		padding:0;
	}
	th a:link,
	th a:visited {
		color:#222;
		text-decoration:none;
	}
	th a:hover {
		color:#006699;
		text-decoration:underline;
	}
	a.sortheader, th {
		color:#222;
		font-weight:bold;
		font-size:12px;
		text-align:left;
		line-height:1.4em;
	}
	/* Main Table
	 * This class handles the appearence of the
	 * the main tables used with 68classifieds
	 *
	*/
	table,
	table.main {
		border:none;
		background-color:#FFFFFF;
		border-collapse:collapse;
	}
	table,table.main tr td{
		line-height:14px;
	}
	table.norm tr td {
		line-height:14px;
		padding-top:5px; 
	}
	/* Table Border
	 * This class handles the inside table layout
	 *
	*/
	.tableborder {
		margin:10px 0;
		padding:0;
		width:100%;
	}
	table.main tr td {
		padding:5px;
	}
	table.main a {
		font-size:12px;
		text-decoration:none;
	}
	table.main a img {
		vertical-align:middle;
	}
	#newlistings table tbody tr td {
		text-align:center;
	}
	/* Featured Listings
	 * td.featured handles the display of featured listings
	 *
	*/
	td.featured {
		background:url("../images/featured_bg.gif") repeat-x left -30px;
	}
	td.bold {
		font-weight:bold;
	}
	/* Highlighted Listings
  	 * td.highlighted handles the display of highlighted listings
	 *
	*/
	td.highlighted {
		background:url("../images/highlight_bg.gif") repeat-x left -30px;
	}
	/* Checkout Steps */
	.error {
		background:#E8EFF5;
		border:1px solid #2580B2;
	}
	.total {
		background-color:#F5F5DC;
	}
	.step {
		background-color:#EAEAEA;
		color:#000;
		width:100%;
		padding:5px;
		border:1px solid #ccc;
	}
	span.completed {
		color:green;
	}
	span.pending {
		color:black;
	}
	span.pendingpayment {
		background:#FFFF99;
		color:#000;
		padding:3px;
		display:block;
	}
	span.notcompleted {
		color:#CACACA;
	}
	/* Form */
	div.blueerror {
		color:#444;
		padding:8px 12px 8px 38px;
		text-decoration:none;
		margin:5px 0 15px 0;
		font-size:1.1em;
		font-weight:bold;
		font-style:normal;
		background:#fff url(../images/icons/error.jpg) no-repeat 8px center;
		border:1pxsolid #ead19b;
		clear:both;
		text-align:left;
	}
	
	.icon {
		margin: 10px 0 10px 0;	
	}
	
	form {
		margin:0;
	}
	form p {
		margin:0;
		padding:5px 0 10px 0;
	}
	form h2 {
		border-bottom:1px solid #ccc;
		line-height:1.4em;
		margin:0 10px;
	}
	.block form .fieldgrp {
		margin-bottom:0.5em;
		width:100%;
	}
	.block form .field {
		float:left;
		font-size:95%;
		width:200px;
	}
	.block form .field input {
		border:2px solid #CCCCCC;
		margin:0px;
	}
	.block form .field textarea {
		border:2px solid #CCCCCC;
		margin:0 0 0px;
	}
	.block form input {
		border:2px solid #CCCCCC;
		margin:0 0 5px;
		padding:2px;
	}
	.block form textarea {
		border:2px solid #CCCCCC;
		margin:0 0 10px;
	}
	.block form select {
		border:2px solid #CCCCCC;
		margin:0 0 10px;
		padding:1px;
	}
	.block form label.top {
		display:block;
	}
	#form label {
		clear:both;
		color:#333333;
		display:block;
		float:left;
		font-size:11px;
		font-weight:bold;
		line-height:22px;
		padding:0 10px 0 0;
		text-align:right;
		width:180px;
	}
	td.formleft {
		width:180px;
		text-align:right;
		padding-right:5px;
		font-size:11px;
		font-weight:bold;
	}
	td.formright {
		float:left;		
	}

	/* row1 & row2
	 * This section handles alternating rows
	 *
	*/
	.row1 {
		background-color:#d0d0d0;
		background-color:#F1F1F1;
	}
	.row2 {
		background-color:#FFF;
	}
	#form label.onehpx {
		width:120px;
	}
	#form input.error {
		background-color:#DEEFFF;
		color:#000000;
		border:1px SOLID #EA5200;
	}
	#form label.error {
		background:url("../images/cross.png") no-repeat 0px 0px;
		padding-left:18px;
		padding-bottom:2px;
		font-weight:bold;
		color:#EA5200;
		float:none;
		display:inline;
		border:none;
	}
	#form label.checked {
		background:url("../images/check.png") no-repeat 0px 0px;
		float:none;
		display:inline;
		border:none;
	}

	table.main tbody tr td input,
	input.button,
	p.submit input,
	p.continue input {
		border:1px outset #ccc;
		color:#333;
		font-weight:normal;
		background-color:#ddd;
		padding:4px 8px;
		margin:5px 0 0 0;
		text-align:center;
	}
	p.continue input {
		float:left;
	}
	#submit {
		border:1px outset #ccc;
		color:#333;
		font-weight:normal;
		background-color:#ddd;
		padding:4px 8px;
		margin:10px 0 0 0;
		text-align:center;
	}
	.block fieldset p {
		clear:both;
		padding:0px;
		margin:0px;
	}
	.block fieldset p label {
	float:left;
	}
	.block fieldset {
		margin-bottom:6px;
		border:1px solid #CCCCCC;
		padding:10px
	}
	.block fieldset legend {
		padding:.1em .3em;
		font-size:12pt;
		font-weight:bold;
		color:#222;
	}
	span.characters {
		color:#666666;
		font-size:10px;
		margin:0 0 5px 0;
		padding:0;
		display:block;
	}
	span.characters span {
		display:inline;
	}
	/*		.page fieldset p select, .page fieldset p input { float:right; }*/
	input,select,textarea {
		font-family:Verdana, Arial, Geneva;
		font-size:11px;
	}
	div#step2 table td {
		width:50%;
		padding:10px 0;
	}
	/* Breadcrumb
	 * This class handles the category
	 * breadcrumb trail
	*/
	.breadcrumbs:link,
	.breadcrumbs:visited,
	.breadcrumbs:active,
	.breadcrumbs:hover {
	font-weight:bold;
	text-decoration:none;
	}
	.page p.breadcrumb {
		color:#666;
		font-size:12px;
		margin:0 0 10px 0;
	}
	/* Pagination
 	* This class handles the appearence of the
 	* previous and next section
	 *
	*/
	.pageNav a {
		text-decoration:none;
	}
	table.pagination {
		text-align:right;
		background-color:#ccc;
		color:#333333;
		font:bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		border:1px solid #ccc;
	}
	.paginationNum {
		background-color:#FFFFFF;
		color:#333333;
	}
	.navigationBack {
		background-color:#eaeaea;
		color:#000;
		white-space:nowrap;
	}
	.pageNav td {
		padding:4px;
	}
	.navigation {
		font:x-small verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	}
	.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,
	.printer,
	.moreads,
	.friendmail,
	.contact,
	.delfavorites {
		padding:4px 0 4px 20px;
		margin-left:10px;
		height:20px;
		line-height:20px;
		font-size:11px;
		font-weight:bold;
	}
	.favorites {
		background:url('../images/favorites.gif') no-repeat left center;
	}
	.printer {
		background:url('../images/printer.gif') no-repeat left center;
	}
	.moreads {
		background:url('../images/moreads-seller.gif') no-repeat left center;
	}
	.friendmail {
		background:url('../images/friendmail.gif') no-repeat left center;
	}
	.contact {
		background:url('../images/contact.gif') no-repeat left center;
	}
	.delfavorites {
		background:url('../images/favorites_delete.gif') no-repeat left center;
	}

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

	#step2 fieldset table tr td { padding:5px;vertical-align:top;}
	#step2 fieldset table tr td form { line-height:14px;}