/*** reseting stuff ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: #000;
background: #fff;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*** beloved clearfix ***/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*** /reset ***/

/*** basics ***/
body {
background:#fff;
font:65%/1.4 tahoma, arial, helvetica, sans-serif;
color:#000;
text-align:center
}
div {
position:relative
}
a {
color:#00c;
text-decoration:none
}
a:hover {
border-bottom:1px solid #00c
}
h1, h2, h3, h4, h5, h6 {
font-family:arial,helvetica-sans-serif 
}
input, select, textarea {
font:1.2em/1.4 arial,helvetica,sans-serif;
}
strong {
font-weight:bold
}
select {
height:1.6em;
}

/* Amazing borders
================================================*/
/* Basic styling, used when JavaScript is unsupported */
#home .cbb {
margin:0;
padding:0;
border:1px solid #f1f1f1;
background:#fff;
}
#home h3 {
font-size:1.4em;
font-weight:bold;
line-height:1;
}
#home h3 a, #home h3 a:hover {
border-bottom:none
}
#home h3 a:hover {
color:#009ed9
}
#home h3 small, #home h3 a small, #home h3 a:hover small {
font-size:.55em;
font-weight:normal;
color:#000;
}
/* Normal styling */
.cb {margin: 0;}
	/* Top corners and border */
.bt {
height:5px;
margin:0 0 0 5px;
background:url(box-ddd0.gif) no-repeat 100% 0;
}
.bt div {
position:relative;
left:-5px;
width:5px;
height:5px;
background:url(box-ddd0.gif) no-repeat 0 0;
font-size:0;
line-height:0;
}
	/* Bottom corners and border */
.bb {
height:5px;
margin:0 0 0 5px;
background:url(box-ddd0.gif) no-repeat 100% 100%;
}
.bb div {
position:relative;
left:-5px;
width:5px;
height:5px;
background:url(box-ddd0.gif) no-repeat 0 100%;
font-size:0;
line-height:0;
}
	/* Left border */
.i1 {
padding:0 0 0 1px;
background:url(borders-.gif) repeat-y 0 0;
}
	/* Right border */
.i2 {
padding:0 1px 0 0;
background:url(borders-.gif) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
display:block;
margin:0;
padding:5px;
position:relative
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* /Default CSS */

/*** some positions ***/
#supercontainer {
width:980px;
margin:0 auto;
text-align:left;
}
#the-content {
font-size:1.2em;
margin:10px 0 20px 0;
}
#home {
width:759px;
float:left;
}
#featured {
width:740px;
float:left;
}
.column {
width:233px;
margin-right:20px;
float:left
}
#home-extras {
float:right;
width:220px;
background:#f6f6f6 url(bkg-home.png) repeat-y 0 0;
font-family:arial,helvetica-sans-serif 
}
.chooseStateDiv {
color:#003;
background-color:#fff;
position:absolute;
top:325px;
left:220px;
width:500px;
height:auto;
z-index:98;
font-size:1.2em;
font-family:arial,helvetica-sans-serif;
text-align:center;
border:5px solid #d9d9d9;
padding:0
}
.chooseStateDiv td {
text-align:center;
padding:3px
}

/*** header_keywords ***/
#header_keywords {
font:1.1em/1 tahoma,arial,sans-serif;
text-align:center;
padding:3px 0 2px 0;
color:#666;
overflow:hidden;
margin:0 auto;
height:16px;
}

/*** the header ***/
#header {
position:relative;
background: url(h_bk-nw0.png) no-repeat 0 0; /* c ch */
font-family:arial, helvetica, sans-serif;
}
#header div.logo {
position:relative;
top:1px;
left:8px;
width:84px;
height:65px;
z-index:1000
}
#header div.logo a {
background:transparent url(h_logo-1.gif) no-repeat 0 0;
display:block;
width:100%;
height:100%;
text-indent:-1000em
}
#header div.logo a:hover, .region a:hover {
border-bottom:0
}
#header h1, .region, #userlocale {
position:absolute;
left:0;
margin:0 213px 0 95px;
font-weight:normal;
width:680px; /* c chg */
line-height:1.1
}
#header h1, #userlocale {
top:12px;
font-size:1.6em;
line-height:1
}
.region {
top:36px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size:1.2em;
}
.region strong {
font-weight:normal
}
.region a:hover {
text-decoration:underline
}
#header .post {
position:absolute;
text-align:right;
top:21px;
right:8px;
width:200px;
}
.post .button { /* #h & #h-ex */
width:200px;
height:34px;
font-size:1.2em;
}
.search {
padding: 0 10px;
margin:0 0 10px 0;
position:relative
}
.search input.text {
width:160px
}
.search p.s-box {
margin:0;
line-height:31px;
height:31px;
min-height:31px;
}
#languages {
position:absolute;
top:3px;
right:8px;
font:.85em/1 arial,helvetica,sans-serif;
}
#languages a:hover {
border-bottom:0
}
.search p.pop-rel {
font-size:1.1em;
margin:0;
padding:3px 0 4px
}
.popsearchlink {
color:#009ed9;
font-size:1.1em
}
.keyWords {
color:#009ed9;
}
a.keyWords:hover, a.popsearchlink:hover {
border-bottom-color:#009ed9;
border-bottom:0;
text-decoration:underline
}

/*** keywords footer ***/
#txt-block {
margin-bottom:15px;
}
#txt-block .i3 {
text-align:center;
padding:5px 10px
}
#txt-block, #kw-footer {
font:1.2em/1.2 arial,helvetica,sans-serif;
}
#kw-footer h3 {
font-weight:bold
}
#kw-footer ul {
width:23%;
float:left;
margin-right:1%
}
#kw-footer .i3 {
padding:5px 10px
}
#kw-footer a:hover {
border-bottom:0;
text-decoration:underline
}

/*** footer ***/
#footer {
font-size: 1.1em;
margin:0pt auto;
width:980px;
clear:both;
text-align:left;
}
#footer div {
padding:5px 10px;
}
#footer #copyright {
float:right;
}
#footer .links {
background-color:#e3e3e3;
position:relative;
zoom:1
}
#footer .countries {
padding-bottom:30px;
}
#footer .countries, #footer .countries a {
color:#666;
}
#footer .countries a {
text-decoration: underline;
}
#footer .countries a:hover {
color:#000;
border-bottom:0
}

/*** MyOlx box ***/
#my_olx {
font:1.1em/1.4 tahoma,verdana,arial,sans-serif;
position:absolute;
right:8px;
top:71px;
text-align:right;
z-index:100;
}
#my_olx a:hover {
border-bottom:0;
text-decoration:underline
}
#my_olx .my_classifieds {display: none;}

.hidden {visibility:hidden;}

/*** autocomplete ***/
.autocomplete {
position:absolute !important;
z-index:10000 !important;
float:none !important;
width:auto !important;
background:#fff;
cursor:default;
font:1.2em/1 arial,helvetica,sans-serif;
color:#000;
}
.autocomplete ul {
float:none !important;
line-height:1 !important;
border:1px solid #888;
}
.autocomplete ul li {
float:none !important;
line-height:1 !important;
display:block !important;
padding:2px 5px !important;
border:0 !important;
white-space:nowrap;
}
.autocomplete ul li.selected {
background-color:#092569;
color:#fff;
}
.autocomplete ul strong.highlight {
color: #800;
}
/*** distance_div ***/
#distance_div {
position:absolute;
top:0;
left:0
}
#distance_selector {
position: absolute;
top: 120px;
left: 225px;
width: 335px;
height: 215px;
z-index: 1000;
background: url(distance.gif) no-repeat left bottom;
color: #fff;
font-size:1.2em;
text-align:left
}
#distance_selector .Container {
margin: 0 5px;
padding: 8px 0;
border-top: 1px solid #ddd;
font-family:arial,helvetica,sans-serif
}
#distance_selector p.Title {
background: url(distance.gif) no-repeat left top;
}
#distance_selector p.Title[class] {
background-image: url(distance.png);
}
#distance_selector[id] {
background-image: url(distance.png);
}
#distance_selector #track1-left {
position: absolute;
width: 2px;
height: 12px;
background: transparent;
}
#distance_selector #track1{
background: transparent;
width: 102px;
height: 12px;
}
#distance_selector #handle1 {
width: 11px;
height: 12px;
background: url(slider_c.png) no-repeat 0 0;
}
#distance_selector #handle1 img {
float: left;
}
#distance_selector #slider {
margin: 4px 0 0 140px;
padding: 1px 0 0 23px;
background: url(slider_c.png) no-repeat -18px 1px;
}
#distance_selector p.Title {
font-family: Tahoma, Verdana, Arial, Sans-Serif;
margin: 0;
padding: 7px 17px;
}
#distance_selector p.Title a {
float: right;
color: #b9d400;
}
#distance_selector .Buttons {
padding: 6px 0 0 0;
text-align: center;
font-size:.8em
}
#distance_selector .Line {
background-color: #333;
margin: 0 0 1px;
padding: 7px 0;
width:100%;
}
#distance_selector .Line label {
float: left;
width: 135px;
padding: 3px 5px 0 5px;
}
#distance_selector .Line select {
width: 145px;
font-size:1em
}
#distance_selector .Line input {
width: 140px;
font-size:1em
}
#distance_selector .Line span.City {
color: #d3d3d3;
}
#distance_selector .Line span.Distance {
color: #ff840e;
}
#distance_selector .Line p {
margin: 0;
}

.top_banner {
margin-bottom:6px;
}
.top_banner a:hover {
border:0;
text-decoration:none
}
.ramblerLogo {
text-align:center
}
.ramblerScript, .liveInternet {
position:absolute;
top:-1000em;
left:-1000em
}
.dimo {
margin-top:-3px;
height:25px;
line-height:22px;
font-size:11px;
color:#fff;
background:#fff url(dimo-log.gif) no-repeat 0 0;
padding-left:52px;
border-bottom:1px solid #ddd
}
.dimo strong {
color:#000
}
.h1 {font-size:20px};