/* 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;
	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: 90%;
	background: white url(../images/custom/body_bg.jpg) repeat-x;
}

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
{
	margin: -20px auto;
	color: #fff;
	padding-bottom: 5px;
	text-align: center;
}

#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 0 5px;
	font-size: 12px;
}

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;
	height: 35px;
	background: #CBD3E1;
	border-top: 8px solid #CBD3E1;
}

.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;
	margin-top: 1px;
}

.menu .right a
{
	background-color: #dddddd;
	text-decoration: none;
	padding: 6px 10px 6px 10px !important;
	border: 1px solid #949494;
	margin-top: 1px;
}

.menu .right a:hover
{
	background-color: #8c8c8c;
	text-decoration: none;
	border: 1px solid #000;
}

#strip
{
	height: 5px;
	background: #CBD3E1;
	border-top: 1px solid #CBD3E1;
}

.clear
{
	clear: both;
	height: 1px;
}

#page {
	width: 1000px;
	margin: 0 auto;
}

#colmask
{
	width: 100%;
	/* width of whole page */
	/* center this in the window */
	margin: 0 auto;
	overflow: hidden;
	/* This chops off any overhanging divs */
	background: #CBD3E1;
}

#colmid
{
	float: left;
	/* changed to fixed width */
	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: #CBD3E1;
	/* Right column background colour */
}

#col1wrap
{
	float: right;
	width: 50%;
	position: relative;
	right: 100%;
}

#col1pad
{
	margin: 0 0 0 425px;
	overflow: hidden;
}

/* changed to fixed width */
#col1
{
	width: 580px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 5px;
	background-color: white;
}

#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: 12px;
	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: #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;
	font-size: 14px;
}

.page p.breadcrumb
{
	color: #666;
	font-size: 14px;
	margin: 0 0 10px 0;
}
/* Modification by Mike-N-Tosh to make the breadcrumb links larger */

.breadcrumb a {
	font-size: 14px;
}

/* 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;
}
/* Modifications by Mike-N-Tosh custom styles below */
.cat_box
{
	background-color: transparent;
	background-position: 12px 5px;
	background-repeat: no-repeat;
	width: 170px;
	height: 110px;
	text-align: center;
	display: inline-block;
}

.cat_pic {
	text-align: center;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0;
	width: 100%;
	height: 65px;
	padding-left: 3px;
	display: inline-block;
}

.cat_title, .cat_title a:link, .cat_title a:visited {
	text-align: center;
	text-decoration: none;
	color: #0a57bd;
	padding-left: 4px;
	height: 30px;
	overflow: hidden;
	width: 160px;
	display: block;
	font: bold 13px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 2px;
}

.cat_title a:hover {
	color: yellow;
}

.packages {
	width: 100%;
	text-align: center;
	padding-left: 4px;
}

.ad_box {
	width: 170px;
	height: 230px;
	display: inline-block;
	text-align: center;
	margin: 5px auto 0;
	color: white;
	font-weight: bold;
	font-size: 11px;
	background: url(../images/custom/adbox.png) no-repeat 8px 0;
	float: left;
	padding-left: 5px;
}

.ad_box a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	color: white;
}

.ad_box a:hover {
	color: yellow;
}

.ad_text {
	height: 146px;
	text-align: left;
	padding-left: 24px;
}

span input.button {
	background: url(../images/custom/input_button.png) no-repeat left top;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	width: 142px;
	border-style: none;
	display: inline-block;
	height: 30px;
}

span input.button:hover {
	color: yellow;
}

th.browse {
	font-size: 14px;
	font-weight: bold;
	color: #0a57bd;
	border-bottom-color: #0a57bd;
}