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

#content {
	height: auto !important;
	height: 100%;
	text-align:center;
	background-color:black;
}

#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 {
	position: relative;
	height: 59px;
	background-color: #000;
	display: inline-block;
}

#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, .mmenu a {
	color: rgb(255, 255, 255);
	border-bottom:.08em solid rgba(255, 255, 255, 0.8);
}

#changecity {
	font-size:140%;
	position: absolute;
	color: #ffffff;
	bottom: 25%;
	left: 180px;
}

#changecity a, .mmenu a{
	color: #aaaaaa;
	border-bottom:.08em solid rgba(195, 195, 195, 0.39);
}

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

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

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

.AStop {
	padding: 5px 0 5px 0;
	margin: 0 auto;
	text-align:center;
}

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

.feedback-header {
	background: #eee;
}


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

#page {
	margin: 0 auto;
	margin-bottom: 0.8em;
	text-align: left;
}

#columns {
  margin: 0 auto;
}

/* Column widths */
.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 {
	font-size:0.8em;
	margin: 0 auto;
	display: block;
	clear: both;
	min-height: 190px;
	background: #000;
	position: relative;
	width:100%;
}

.footer-contents {
	margin: 0 auto;
}

.footer-contents2 {
	color: #fff;
	text-align: left;
}

#footer dl {
	border-right: 1px solid #ddd;
	float: left;
	margin: 5px 0 0;
	min-height: 176px;
	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;
	text-decoration:none;
	border-bottom:.08em solid rgba(255, 255, 255, 0.35);
}

#footer dd a:hover {
	border-bottom:.08em solid rgba(255,255,255,0.85);
}

#footer dd a span {
	text-transform:none;
}

#footer dl.last {
	border: none;
}


/**************************************************************
   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: 0.8em;
	margin-bottom: 10px;
	width: 100%;
}

.post, .post-alt {
  	float: left;
  	width: 100% !important;
  	width: 99%;
  	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;
}

.item {
  padding: 4px 10px 2px;
}

.item a {
  text-decoration: none;
}

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

.details {
}

.price {
	font-size:1.3em;
	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%;
}

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

.sidebox img {
	padding: 10px 0;
}

.dark {
  color: #353E47;
}


/* PAGINATION */

#pagination {
	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 {	
	padding:3px;
	margin:3px 0;
}
#remember {
	margin:5px 0;
}
#main div {
	clear: both;
}
.maincell div label {	
	float:left;	
	width: 120px;
	padding: 2px 0;
	height: 20px;
}


/*-- 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;
	width: 100%;
	z-index:1;
	border-bottom: 7px solid #d5c998;
	background-color: white;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {	
	padding:0;
	margin:0;
	list-style-type:none;
	vertical-align:bottom;
	display:inline-block;
	
}

.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:120px;
}

/* style the links for the top level */
.menu a, .menu a:visited {	
	display:block;
	text-decoration:none;
	color:#000;
	width:120px;
	height:1.5em; 
	background:url(../images/bg/menu-bg.png) repeat-x scroll left top;
	line-height:1.2em;
	letter-spacing:0.04em;
    text-transform: uppercase;
    padding-top: 0.5em;
}

/* 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;
	height:0;
	top:33px;
	left:0;
	width:149px;
	z-index: 0;
}

/* 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:12px;
	line-height:1.4em;
	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 .last { border-right: 1px solid rgb(222, 219, 209);}
.menu .first { border-left: 1px solid rgb(222, 219, 209); }
.menu .menuPost {	
	background:#c00;
	width:110px;
}

.menu .menuPost a, .menu_container .menuPost a:visited {	
	color:#fff;
	width:110px;
	background:#CC0000
}

.menu .menuPost a:hover{	
	color:#252525;
	width:110px
}
.mmenu {
	bottom:18px;
	right:0px;
	font-size: 20px;
	position:absolute;
}
.mmenu a {
	color:#f00 !important;
}
#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;
}

/**************************************************************
   Responsive changes
 **************************************************************/
 
@media (max-width: 480px) { /* smaller than 480, smartphones in portrait */
	#sidebar {
		display:none;
	}
	.menu {
		display:none;
	}
	.mmenu {
		display:block;
	}
	.search-box {
		display:none;
	}
	.login-box{
		display:none;
	}
	.links{
		display:none;
	}
	.users{
		display:none;
	}
	#footer dl {
		width: 49%;
	}
	.width { width:460px; }
}

@media (min-width: 481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
	#sidebar {
		display:none;
	}
	.menu {
		display:none;
	}
	.mmenu {
		display:block;
	}
	.search-box {
		display:none;
	}
	.login-box{
		display:none;
	}
	.links{
		display:none;
	}
	.users{
		display:none;
	}
	#footer dl {
		width: 49%;
	}
	.width { width:585px; }
}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	#sidebar {
		display:none;
	}
	.menu {
		display:none;
	}
	.mmenu {
		display:block;
	}
	.search-box {
		display:none;
	}
	.login-box{
		display:none;
	}
	.links{
		display:none;
	}
	.users{
		display:none;
	}
	#footer dl {
		width: 49%;
	}
	.width { width:635px; }
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	#sidebar {
		display:block;
	}
	.menu {
		display:block;
	}
	.mmenu {
		display:none;
	}
	.search-box {
		display:block;
	}
	.login-box{
		display:block;
	}
	.links{
		display:block;
	}
	.users{
		display:block;
	}
		#footer dl {
		width: 24.5%;
	}
	.width { width:950px; }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }