@import url(navigation.css);
body, html {
	behavior:url("css/csshover.htc");
  margin: 0 0 0 0;
  text-align: left;
  font-family: "Trebuchet MS";
  font-size: 11px;
	line-height: 150%;
	background-image: url('../images/background.jpg');
	background-repeat: repeat-x;
	background-color: #ffe3b6;
	color: #333;
}

#container {
	position: relative;
	width: 920px;
	margin-left:-460px;
	left:50%;
	height: auto;
	z-index:1;
	background-image: url('../images/container.jpg');
	background-repeat:repeat-y;
}

#header {
	position: relative;
	width: 920px;
	height: 195px;
	background-image: url('../images/header.jpg');
	z-index:1;
	background-repeat: no-repeat;
}

#navigationcontainer{
	position: relative; 
	width: 880px;
	height: 35px;
	z-index:5000;
	left: 15px;
	top: 98px;
}

#logoContainer{
	position: relative;
	width: 400px;
	height: 50px;
	left: 15px;
	top: 0px;
	float: left;
}

#siteInfo h1{
	position: relative;
	top: -30px;
	left: 50px;
	color: #fff;
}

/* login container */
#logincontainer{
	position: relative;
	width: 230px;
	height: 55px;
	float: right;
	top: 20px;
	padding-top: 5px;
	font-size: 10px;
	color: #fff;
	z-index:1;
}

.loginTextfield{
	position: relative;
	width: 120px;
	font-size: 10px;
	border: 1px solid #000;
	z-index:1;
}

.passTextfield{
	position: relative;
	width: 72px;
	left: 1px;
	font-size: 10px;
	border: 1px solid #000;
	float: left;
	z-index:1;
}

#loginButton{
	position: relative;
	left: 3px;
	width: 44px;
	font-size: 10px;
	float: left;
	height: 15px;
	border: 0px;
	padding: 0px;
	background-image: url('../images/loginBtn.jpg');
	background-color: #ff9600;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	z-index:1;
	top: 1px;
}

#adplace468{
	position: absolute;
	width: 470px;
	height: 62px;
	top:115px;
	left: 437px;	
}

#adplace468 img{
	border: 1px solid #000;
}

#mainContainer{
	position: relative;
	width: 880px;
	height: auto;
	left: 20px;
	overflow:hidden;
}

.overFlowCnt{
	position: relative;
	width: 890px;
	height: auto;

	overflow:hidden;
}

#leftContainer{
	position: relative;
	width: 170px;
	height: auto;
	float: left;
}

#rightContainer{
	position: relative;
	width: 710px;
	height: auto;
	float: left;
	margin-bottom: 30px;
}

.rcOverflow{
	position: relative;
	width: 750px;
	height: auto;
	overflow:hidden;
}

/* adContainer */
.adContainer{
	position: relative;
	width: 710px;
	height: 109px;
	overflow:hidden;
	background-color: #ffeac6;
}

.adContainerThumb{
	position: relative;
	width: 100px;
	height: 100px;
	float: left;
	background-color: #ffdfae;
	padding: 3px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.adContainerThumb img{
	border: 0px solid #fff;
}

.adContainerMid{
	position: relative;
	width: 435px;
	height: 100px;
	float: left;
	background-color: #ffdfae;
	padding: 3px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.adContainerRight{
	position: relative;
	width: 148px;
	height: 100px;
	float: left;
	text-align: right;
	background-color: #ffdfae;
	padding: 3px;
	margin-bottom: 2px;
	vertical-align:middle;
}

/* ////// special edtition */
.adContainerThumbSE{
	position: relative;
	width: 100px;
	height: 100px;
	float: left;
	background-color: #febf5d;
	padding: 3px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.adContainerThumbSE img{
	border: 0px solid #fff;
}

.adContainerMidSE{
	position: relative;
	width: 435px;
	height: 100px;
	float: left;
	background-color: #febf5d;
	padding: 3px;
	margin-right: 2px;
		margin-bottom: 2px;
}

.adContainerRightSE{
	position: relative;
	width: 148px;
	height: 100px;
	float: left;
	text-align: right;
	background-color: #febf5d;
	padding: 3px;
	margin-bottom: 2px;
	vertical-align:middle;
}

/* ////// black edtition */
.adContainerThumbB{
	position: relative;
	width: 100px;
	height: 100px;
	float: left;
	padding: 3px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.adContainerThumbB img{
	border: 0px solid #fff;
}

.adContainerMidB{
	position: relative;
	width: 435px;
	height: 100px;
	float: left;
	padding: 3px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.adContainerRightB{
	position: relative;
	width: 148px;
	height: 100px;
	float: left;
	text-align: right;
	padding: 3px;
	margin-bottom: 2px;
	vertical-align:middle;
}

/* end of adContainer */

#footer {
	position: relative;
	width: 880px;
	height: 35px;
	z-index:1;
	padding-top: 15px;
}

.fullAutoFloatLeft{
	position: relative; 
	width: auto; 
	float: left;
	margin-right: 3px;
}

.moreInfo{
	position: relative;
	top: -10px;
}

.fullAutoFloatRight{
	position: relative; 
	width: auto; 
	float: right; 
	text-align: right;
}

.imageborder1{
	border: 1px solid #fff;
}

div.hr {
  height: 1px;
	width: 880px;
 	border-bottom: 1px solid #ccc;
	margin-bottom: 7px;
	margin-top: 6px;
}
div.hr hr {
  display: none;
}

/* list classes */
ul.default{
	list-style-type: square;
	padding:0px;
	margin-left: 20px;
	z-index: 200;
}	

/* colom classes */ 
.twocol{
	position: relative;
	width: 348px;
	height: auto;
	float: left;
	overflow: hidden;
}




/* paragraph and heading styles */ 
p{
	margin: 0px;
	padding: 0px;
}

h1 {	
	position: relative;
	font-size: 11px;
	color: #000;
	top: 3px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h1 b {
	color: #ff8a00;
	font-weight: bold;
}

h2 {	
	position: relative;
	font-size: 11px;
	color: #ff6000;
	top: 3px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h2 b {
	color: #fff;
	font-weight: bold;
}

h3 {	
	position: relative;
	font-size: 11px;
	color: #ff0090;
	top: 3px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: bold;
}
h3 b {
	color: #5d5d5d;
	font-weight: bold;
}


/* form styling */
.labelContainer{
	position: relative;
	width: 700px;
	height: auto;
	padding: 5px;
	border-bottom: 2px solid #fff;
	background-color:#ffdfae;
}

.labelContainerBlack{
	position: relative;
	width: 700px;
	height: auto;
	padding: 5px;
	border-bottom: 2px solid #80aed1;
}

.labelContainer img{
	border: 1px solid #000;
}

.formInfo{
	position: relative;
	top: 2px;
	width: auto;
	font-size: 10px;
	color: #000;
	margin-left: 3px;
}

.formError{
	position: relative;
	top: 2px;
	width: auto;
	font-size: 10px;
	color: #ff0000;
	margin-left: 3px;
}

.small_textfield{
	width: 125px;
	padding: 2px;
	border: 1px solid #000;
	font-size: 11px;
}

.small_textfieldError{
	width: 125px;
	padding: 2px;
	border: 1px solid #ff0000;
	font-size: 11px;
}

.medium_textfield{
	width: 173px;
	padding: 2px;
	border: 1px solid #000;
	font-size: 11px;
}

.medium_textfieldError{
	width: 173px;
	padding: 2px;
	border: 1px solid #ff0000;
	font-size: 11px;
}

.default_textfield{
	width: 232px;
	padding: 2px;
	border: 1px solid #000;
	font-size: 11px;
}

.default_textfieldError{
	width: 236px;
	padding: 2px;
	border: 1px solid #ff0000;
	font-size: 11px;
}

.default_select{
	width: 236px;
	padding: 0px;
	font-size: 11px;
	border-bottom: 1px solid #000;
}

.auto_select{
	width: auto;
	padding: 0px;
	float: left;
	margin-right: 5px;
	font-size: 11px;
}

.default_textarea{
	width: 233px;
	height: 75px;
	font-size: 11px;
	padding: 0px;
	font-size: 11px;
	border: 1px solid #000;
}

.default_textareaError{
	width: 233px;
	height: 75px;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 0px;
	border: 1px solid #ff0000;
	font-size: 11px;
}

.large_textarea{
	width: 640px;
	height: 75px;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 0px;
	border: 1px solid #666;
	font-size: 11px;
}

.default_button{
	width: auto;
	padding: 0px;
	height: 20px;
	border: 1px solid #000;
	background-color: #ccc;
}


label{
	width: 150px;
	float: left;
	text-align: left;

}

.labelsmall{
	width: 120px;
	float: left;
	text-align: left;
	padding-left: 10px;
}

.clear{
	clear: both;
	padding: 0px;
	margin: 0px;
}

.formField{
	margin: 0px;
	background-color: #fff;
	border: 1px solid #7f9db9;	
	margin-bottom: 3px;	
}

.succesbox{
	position: relative;
	width: 696px;
	padding: 5px;
	background-color: #ebffe5;
	border: 2px solid #32eb00;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
}

.errorbox{
	position: relative;
	width: 696px;
	padding: 5px;
	background-color: #ffe5e5;
	border: 2px solid #e30000;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
}


/* end of form styling */


#mailContainer{
	position: relative;
	width: 330px;
	height: auto;
	padding: 4px;
	border: 1px solid #333;
}

#Send2friendContainer{
	position: relative;
	width: 330px;
	height: auto;
	padding: 4px;
	border: 1px solid #333;
}

#reportFakerContainer{
	position: relative;
	width: 330px;
	height: auto;
	padding: 4px;
	border: 1px solid #333;
}

.divider{
	position: relative;
	width: 610px;
	height: 1px;
	border-bottom: 1px dotted #666;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* my_ads section */ 
.my_adsContainer{
	position: relative;
	width: 710px;
	height: 22px;
	overflow:hidden;
	padding-top: 3px;
	padding-left: 3px;
}

.my_adsTitle{
	position: relative;
	width: 257px;
	float:left;
}

.my_adsCat{
	position: relative;
	width: 150px;
	float:left;
}

.my_adsPrice{
	position: relative;
	width: 100px;
	float:left;
}

.my_adsViewed{
	position: relative;
	width: 60px;
	float:left;
	text-align: center;
}

.my_adsEdit{
	position: relative;
	width: 70px;
	float:left;
}

.my_adsDelete{
	position: relative;
	width: 50px;
	float:left;
}

/* my_ads section */

.topLinksContainer{
	position: relative;
	width: 328px;
	height: auto;
	padding: 5px;
	left:8px;
	border: 1px solid #333;
}


.footerlinks{
	position: relative;
	width: 125px;
	height: 20px;
	float: left;
}

/**** topad container ****/
.topAdContainer{
	position: relative;
	width: 280px;
	height: 100px;
	padding: 2px;
	border: 1px solid #333;
	float: left;
	margin-right: 10px;
	font-size: 10px;
	line-height: 120%;
	margin-bottom: 5px;
	background-color: #febf5d;
}

.topAdImage{
	position: relative;
	width: 100px;
	height: 100px;
	margin-right: 5px;
	float: left;
}

.topAdInfo{
	position: relative;
	width: 170px;
	height: 100px;
	float: left;
}

.topAdContainer p{
	position: relative;
	height: 70px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	color: #333;
}

.topAdLink{
	position: relative;
}

.topAdContainer img{
	border: 0px;
}

.topAdContainer:hover{
	background-color: #fff;
}

.topAdContainer h2{
	position: relative;
	font-size: 10px;
	color: #000;
	top: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
	text-transform: uppercase;
}	


/**** subcategoryContainer ****/
.subcategoryCnt{
	position: relative;
	width: 345px;
	height: auto;
	border: 1px solid #333;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	font-size: 10px;
	background-color: #ffdfae;
}


.subcategoryTitle{
	position: relative;
	width: 340px;
	height: 20px;
	background-color: #febf5d;
	padding-left: 5px;
}


.subcategoryTitle h2{
	margin: 0px;
	padding: 0px;
	top: 1px;
}


.subcatCnt{
	position: relative;
	width: 340px;
	height: 20px;
	background-color: #ffdfae;
	padding-left: 5px;
	border-top: 1px solid #febf5d;
}

.subcatCnt:hover{
	background-color: #fff;
}

.subcategory_ad_title{
	position: relative;
	width: 260px;
	height: 15px;
	float: left;
}

.subcategory_ad_price{
	position: relative;
	width: 75px;
	height: 15px;
	float: right;
	text-align: right;
	padding-right: 4px;
}

.clear{
	clear: both;
}

.quickJumperContainer{
	position: relative;
	width: auto;
	height: auto;
	margin:0;
	padding:0;
	margin-top: 20px;
}

.quickJumper{
	position: relative;
	width: 15px;
	height: 20px;
	border: 1px solid #000;
	background-color: #ffdfae;
	text-align: center;
	padding: 5px 5px 0px 5px;
	margin-right: 3px;
	float: left;
	text-transform:uppercase;
}

.quickJumperSelected{
	border: 1px solid #000;
	background-color: #febf5d;
	position: relative;
	width: 15px;
	height: 20px;
	text-align: center;
	padding: 5px 5px 0px 5px;
	margin-right: 3px;
	float: left;
	text-transform:uppercase;
}


/* default link classes */ 
a:link { color: #333; 	text-decoration:none; }
a:visited {	color: #333;	text-decoration:none;}
a:hover { color: #ff8a00;	text-decoration:none;}
a:active { color: #333; text-decoration:none; }

/* default link classes */ 
#leftContainer a:link { color: #333; 	text-decoration:none; }
#leftContainer a:visited {	color: #333;	text-decoration:none;}
#leftContainer a:hover { color: #ff8a00;	text-decoration:none;}
#leftContainer a:active { color: #333; text-decoration:none; }



.navigatorSp{
	color: #ff8a00;
	font-weigh: bold;
}

.submitad_btn{
	position: relative;
	width: 250px;
	left: 650px;
	top: 70px;
	height: 30px;
	background-color: #febf5d;
	border: 1px solid #000;
	text-align: center;
}

.submitad_btn h1{
	position: relative;
	top: 8px;
	color: #000;
}


/* special section */ 
.autoFloatSp{
	position: relative;
	width: 350px;
	height: auto;
	float: left;
	margin-right: 2px;
}

.colomContainer{
	position: relative;
	width: 350px;
	height: 18px;
	overflow:hidden;
	padding-top: 3px;
	padding-left: 3px;
	font-size: 10px;
	margin:0px;
}

.colom1{
	position: relative;
	width: 25px;
	height: 18px;
	float:left;
	background-color: #ffdfae;
	padding-left: 3px;
}

.colom1bl{
	position: relative;
	width: 25px;
	height: 18px;
	float:left;
	background-color: #ffeac6;
	padding-left: 3px;
}

.colom2{
	position: relative;
	width: 195px;
	height: 18px;
	float:left;
	background-color: #ffdfae;
}

.colom2bl{
	position: relative;
	width: 195px;
	height: 18px;
	float:left;
	background-color: #ffeac6;
}

.colom3{
	position: relative;
	width: 122px;
	height: auto;
	float:left;
	background-color: #ffdfae;
	height: 18px;
	text-align: right;
	padding-right: 3px;
}

.colom3bl{
	position: relative;
	width: 122px;
	height: auto;
	float:left;
	background-color: #ffeac6;
	height: 18px;
	text-align: right;
	padding-right: 3px;
}

/* special section */

a.logincontainer:link {color: #fff; text-decoration: none; }
a.logincontainer:visited {color: #fff; text-decoration: none; }
a.logincontainer:hover {color: #ff8a00; text-decoration: underline; }
a.logincontainer:active {color: #fff; } 

a.black:link {color: #000; text-decoration: none; }
a.black:visited {color: #000; text-decoration: none; }
a.black:hover {color: #000; text-decoration: underline; }
a.black:active {color: #000; }