/**************************************************************
   All page content except for footer
 **************************************************************/
* {
  margin: 0;
  padding: 0;
}

#content {
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}

#content-wrapper
{
	width: 565px;
	float: left;
	background: #FFFFFF;
	margin: 8px 0;
	border: 1px solid #DDD8C3;
	padding: 10px;
}

#sidebar {
	margin-top: 8px;
}
/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;

  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
clear: both;
position: relative;
height: 159px;
margin: 0 auto;
background-color: #000;
}

#header img {
position: absolute;
bottom: 7px;
left: 0;
}

#header ul {
float: right;
font-size: 10px;
}

#header ul li {
display: inline;
list-style: none;
}

#header ul li a {
float: left;
padding: 0 1em;

font: 400 1.1em arial, sans-serif;
letter-spacing: 0.1em;
line-height: 1em;

color: #cccccc;
border-right: 1px solid #4D5760;
}

#header ul li a.last {
padding-right: 0;
border-right: 0;
}

#header ul li a:hover, #changecity a:hover {
color: #3B5D77;
}

#changecity {
font-size:140%;
position: absolute;
color: #ffffff;
bottom: 8%;
left: 19%;
}

#changecity a {
color: #aaaaaa;
}

#header form {
padding: 0;
color:#fff;
}

.search-box {
position: absolute;
bottom: 7px;
right: 0;
}

.login-box {
position: absolute;
bottom: 38px;
right:0px;
}

.topAd {
padding: 5px 0 5px 0;
}

.feedback {
display:block;
padding: 4px;
border: 1px solid #999;
border-left: none;
border-right: none;
}

.feedback-header {
background: #eee;
}

/**************************************************************
   Page Content
 **************************************************************/

#page {
	clear: both;
	position: relative;
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: left;
    padding-top: 10px;
}

#columns {
  margin: 0 auto;
}


/* Column widths */
.width {
  width: 950px;
}

.widthPad {
  width: 950px;
}

.width35 {
  width: 350px;
}

.width50 {
  width: 48%;
}

.width70 {
  width: 70%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width80 {
  width: 80%;
}

.width100 {
  width: 100%;
}

.red {
	color: c00;
}


/**************************************************************
   Footer
 **************************************************************/

#footer {
margin: 0 auto;
display: block;
clear: both;
padding-right: 20px;
min-height: 145px;
background: #000;
position: relative;
border-top: 1px solid #000;
}
.footer-contents {
margin: 0 auto;
width: 950px;
}
.footer-contents2 {
color: #fff;
text-align: left;
}
#footer dl {
border-right: 1px solid #ddd;
float: left;
margin: 5px 0 0;
min-height: 130px;
padding: 1px 0;
width: 24.5%;
}
#footer dt {
color: #cc1100;
font-size: 110%;
font-weight: bold;
letter-spacing: -0.02em;
padding: 0 10px;
text-transform: uppercase;
}
#footer dd {
font-size: 85%;
margin: 0;
padding: 3px 10px;
}
#footer dd a {
color: #fff;
font-family:tahoma,sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-bottom:1px;
text-transform:uppercase;
}
#footer dd a span {
text-transform:none;
}
#footer dl.last {
border: none;
width: 24.5%;
}

/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

a.lightTheme img {
  background: url(../images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
  background: url(../images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
  background: url(../images/icons/light_submit.gif) no-repeat center center;
}


/**************************************************************
   Posts
 **************************************************************/

.results {
	font-size: 11px;
	margin-bottom: 10px;
	width: 100%;
}
.post, .post-alt {
  	float: left;
  	width: 100% !important;
  	width: 99%;
  	position: relative;
  	padding-bottom: 5px;
  	padding-top: 0;
  	background-color: #FFF;
  	border-bottom: 1px solid #E0E0E0;
}

.post-alt {
  	background-color: #F5F5F5;
}


.post .date {
  float: left;
  top: 0;
  left: 5px;
  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.ad {
  position: relative;
  padding: 4px 10px 2px;
}

.ad a {
  text-decoration: none;
}

img#mainImage {
	border:1px solid #999;
    padding: 4px;
    background: #fff;
}

.details {
}

.price {
	font-weight:600;
	padding-right:10px;
	float:right;
}

/**************************************************************
   Thumbnail Lists
 **************************************************************/
.thumb {
	margin-top: 10px;
	margin-right: 5px;
    border: 1px solid #999;
	padding: 2px;
    background: #fff;
}

a.thumb img {
	border: 5px solid #000;
}

a:hover.thumb img {
	background: #8EB4C6;
	border: 5px solid #668FA3;
}

a:hover.thumb {
	background: none;
}

a.thumb span {
	display: block;
	margin-top: -5px !important;
	margin-top: -2px;
}


/**************************************************************
   Generic Display
 **************************************************************/

#sortby {
	font: 400 14px arial, sans-serif;
	margin-top: 8px;
}
#showme {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 0;
	width: 100%;
	font-size: 14px;
}
.regions {
	width:100%;
}
.listing {
	padding: 10px 0 0 0;
	font: 400 19px arial, sans-serif;
	color: #536C71;
	border-bottom: 8px solid #d5c998;
	min-height: 20px;
}
.viewitem {
	background: #eee;
	border: 1px solid #aaa;
	padding: 10px;
}
.itemdesc {
	padding-bottom:25px;
}
.warning {
	color: #ff0000;
	border: 4px solid #ff0000;
	font: 18px arial;
	padding: 5px;
}
.yourad {
	color: #f00;
}
.red {
	color: #f00;
}
.block {
	display: block;
}

.clear {
	clear: both;
}


.content_header {
	color: #fff;
    background: url(/images/sidebar-header-bg.gif) repeat-x bottom left;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 5px;
	border: 1px solid #333333;
}
.sponsorlink {
	text-align:left;
	font-size:11px;
}
.sponsorlink a {
color:#0066CC;
}
.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.sidebox {
  background-color: #fff;
  border: 1px solid #CCC;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

.dark {
  color: #353E47;
}

/* PAGINATION */

#pagination {
	text-align: right;
	width: 100%;
    padding: 5px 0;
	float: right;
}

#pagination ul {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	padding: 0;
	margin: 0;
}

#pagination li {
	display: inline;
}

#pagination a {
	color: #000;
	text-decoration: none;
	padding: .1em .3em;
	border: 1px solid #aaa;
}

#pagination a:hover {
color: #cc0000;
border-color: #000;
}

#pagination li.current span { /* a span is used to avoid problems in IE*/
color: #000;
padding: .1em .3em;
background-color: #d0d7e2;
border: 1px solid #32528c;
}

#pagination li.disabled span {
color: #888;
padding: .1em .3em;
border: 1px solid #888;
}
.maincell {
	border-top: 4px solid #D5C998;
	border-bottom: 1px solid #D5C998;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/**************************************************************
   Form Elements
 **************************************************************/

.searchform {
padding:3px 7px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 1px #d5c998;
background:#fdfdfd;
}
#stylized input, #stylized select{
font-size:13px;
padding:4px;
border:solid 1px #777;
width:130px;
margin:3px 6px 1px 5px;
}
button{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#111;
font-weight:bold;
padding: 5px;
background: #fff url(/images/formbg.gif) repeat-x left top;
}

.maincell div input, .maincell div textarea {
	margin: 3px 0;
}

.maincell div input#remember {
	width: 0;
}

#main div {
	clear: both;
}

.maincell div label {
	float:left;
	width: 120px;
}




/*-- menu --*/
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
.menu {
	background:url(../images/bg/menu-bg.png) repeat-x scroll left top;
	position:relative;
	height:34px;
	width: 950px;
	z-index:100;
	margin:0 auto;
	border-right: 1px solid #DEDBD1;
	border-left:1px solid #DEDBD1;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:950px; w\idth:945px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}

.menu ul ul {
	width:105px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:105px;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#000;
	width:105px;
	height:24px;
	border-right:1px solid #000;
	border-width:1px 0 1px 1px;
	background:url(../images/bg/menu-bg.png) repeat-x scroll left top;
	line-height:29px;
	font: 400 15px arial, sans-serif;
	letter-spacing:0.1em;
    text-transform: uppercase;
    padding-top: 10px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:105px;
	w\idth:100px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 }
.menu ul ul :hover > a.drop {background:#c9ba65 }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:33px;
	left:0;
	width:149px;
	}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* position the third level flyout menu */
.menu ul ul ul{
	left:149px;
	top:-1px;
	width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;;
	}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:url(../images/bg/menu-bg.png) repeat-x scroll left top;
	color:#000;
	height:10px;
	line-height:1em;
	padding:1px 8px;
	width:190px;
	font-size:10px;
	text-align: left;
	}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:160px;w\idth:158px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#fff;
	background:#3B5D77;
	}
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background:#3B5D77;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu .menuRight {float:right;}
.menu .menuPost {
	background:#c00;
	width:150px;
}
.menu .menuPost a, .menu_container .menuPost a:visited {
	color:#fff;
	width:150px;
	background:#CC0000
}
.menu .menuPost a:hover{
	color:#252525;
	width:150px
}

#maintain {
	clear:both;
	border-bottom: 1px solid #DEDBD1;
	background: rgb(255, 250, 228) none repeat scroll 0% 0%;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	color: #CC0000;
	margin-top:7px;
}