#bgformat {
background: url(http://www.openhousetopekatv.com/images/bg.jpg) top center #151515 no-repeat;
}

#header {
width:846px;
float:left;
height:85px;
margin:0 auto;
}


#logo a{
float:left;
background:url(../images/logo.png) no-repeat 0 0;
height:55px;
text-indent:-9999px;
width:331px;
margin:30px 0 0 0;
}

#logo a:hover {
background-position:0 -54px;
}



.h3border {
border-bottom:2px dashed #737373;
}







#nav {
float:right;
list-style:none;
margin:45px 0 0;

}

#nav li {
float:left;
list-style:none;
}

#nav li a {
display:block;
height:28px;
background:url(../images/menu.png) 0 0 no-repeat;
text-indent:-9999px
}


#nav li.home a {
width:60px;
background-position:0 0;
}
#nav li.home a:hover {
background-position:0 -31px;
}
#nav li.login a {
width:60px;
background-position:-60px 0;
}
#nav li.login a:hover {
background-position:-60px -31px;
}
#nav li.thelist a {
width:74px;
background-position:-62px 0;
}
#nav li.thelist a:hover {
background-position:-62px -31px;
}

#nav li.about a {
width:72px;
background-position:-132px 0;
}
#nav li.about a:hover {
background-position:-132px -31px;
}

#nav li.schedule a {
width:89px;
background-position:-204px 0;
}
#nav li.schedule a:hover {
background-position:-204px -31px;
}

#nav li.advertise a {
width:87px;
background-position:-292px 0;
}
#nav li.advertise a:hover {
background-position:-292px -31px;
}

#nav li.contact a {
width:72px;
background-position:-380px 0;
}
#nav li.contact a:hover {
background-position:-380px -31px;
}




#subnav-wrap {
width:846px;
float:left;
}
#subnav-wrap a:link, #subnav-wrap a:visited {
color:#FFFFFF;
}


#thedrive {
width:151px;
float:left;
text-align:center;
margin:20px 0px 0 0;
}
#thedrive li {
float:left;
list-style:none;

}

#thedrive li a {
display:block;
height:45px;
background:url(../images/submenu_red.png) 0 0 no-repeat;
font-size:14px;
line-height:45px;
}
#thedrive li.yourdrive a {
width:151px;
background-position:0 0;
}
#thedrive li.yourdrive a:hover {
background-position:0 -49px;
}


#subnav {
width:695px;
float:left;
height:65px;
margin:0 auto;
}
#subnav li {
float:left;
list-style:none;
margin:20px 2px 0 0;
}

#subnav li a {
display:block;
height:45px;
background:url(../images/subnav.png) 0 0 no-repeat;
text-indent:-9999px;

}



#subnav li.featured a {
width:84px;
background-position:-472px 0;
}
#subnav li.featured a:hover {
background-position:-472px -47px;
}

#subnav li.under125 a {
width:125px;
background-position:-87px 0;
}
#subnav li.under125 a:hover {
background-position:-87px -47px;
}

#subnav li.med125 a {
width:147px;
background-position:-215px 0;
}
#subnav li.med125 a:hover {
background-position:-215px -47px;
} 

#subnav li.up250 a {
width:104px;
background-position:-365px 0;
}
#subnav li.up250 a:hover {
background-position:-365px -47px;
} 
#subnav li.active a{
background-position:0 -47px;
}

#subnav li.theshow a {
width:84px;
background-position:0 0;
}
#subnav li.theshow a:hover {
background-position:0 -47px;
} 

#subnav li.openhouses a {
width:108px;
background-position:-560px 0;
}
#subnav li.openhouses a:hover {
background-position:-560px -47px;
} 


#titlebar {
border-top:6px solid #023666;
border-bottom:6px solid #023666;
width:846px;
background:url(../images/titlebar.jpg) no-repeat;
float:left;
height:75px;
line-height:75px;
text-align:left;
text-indent:15px;
}


#content {
background-color:#d5d5d5;
width:834px;
padding:8px 6px 8px 6px;
text-align:left;
float:left;
}
#content-left {
float:left;
width:400px;
padding:0 6px 0 0;
}
#content-right {
float:left;
width:420px;
min-height:400px;
padding:0 0 5px 5px;
border-left:solid 1px #c3c3c3;
}

#content-full {
float:left;
width:834px;
}
#footer {
float:left;
margin:0px 0 10px 0;
padding:0 2px 0 2px;
width:842px;
background-color:#353535;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;

}
#footer h4 {
float:left;
width:421px;
line-height:30px;
padding:0px 0px 0 0px;
margin:0px;
}
#footer #outerContainer { width:842px; height:182px; margin:auto; position:relative; }
#footer #viewer { width:822px; height:162px;  overflow:hidden; margin:auto; position:relative; top:10px;}
#footer .js-disabled img { width:90px; height:100px; display:block; float:left; margin:20px 10px 0 0; }
#footer #sponsors {
height:150px;
color:#CCCCCC;
width:842px;
margin:0 auto;
}
#footer #sponsors ul {
width:842px;
padding:0px;
margin:0px;
}
#footer #sponsors li {
list-style:none;
float:left;
width:120px;
padding:0 0 5px 0;
text-align:center;
}






#wrapper {

margin:0 auto;
width:846px;
min-height:800px;
}
























/*Tool Tip Styles*/
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	text-align:left;
	}
#screenshot img {
border:none;
padding:0 0 4px 0;
}


#openlisting {
/*width:414px;*/
width:100%;
margin:5px 0 0 0;
float:left;
font-size:10px;
}
#openlisting .openitem {
width:200px;
height:170px;
float: left;
margin:0 0 4px 6px;
}
#openlisting .openitem span {
height:20px;
line-height:20px;
float:left;
}
#openlisting .openitem span a {
display:block;
background:url(../images/carticon.png) 0 0 no-repeat;
background-position:center;
text-indent:-9999px;
}
#openlisting .openitem span.time {
width:190px;
padding:0 5px 0 5px;
} 
#openlisting .openitem span.price {
width:95px;
padding:0 0 0 5px;
} 
#openlisting .openitem span.incart a{
background:url(../images/indrive.png) 0 0 no-repeat;
background-position:5px 3px;
width:100px;
}
#openlisting .openitem span.cart a {
background-position:5px 3px;
width:100px;
}
#openlisting .openitem span.cart a:hover {
background-position:5px -15px;
}

#openlisting .openitem img {
float:left;
width:200px;
height:130px;
}

/*custom for listing table*/
#listtable span {
height:20px;
line-height:20px;
float:left;
}
#listtable span a {
display:block;
background:url(../images/carticon.png) 0 0 no-repeat;
background-position:center;
text-indent:-9999px;
}
#listtable span.incart a{
background:url(../images/indrive.png) 0 0 no-repeat;
background-position:5px 3px;
width:100px;
}
#listtable span.cart a {
background-position:5px 3px;
width:100px;
}
#listtable span.cart a:hover {
background-position:5px -15px;
}








.format li {
list-style:none;
border-bottom:1px solid #999;
float:left;
padding:5px 0 5px 0;
width:100%;
}

.format .leftfloat img{
border: 1px solid #999;
padding:3px;
float: left;
margin: 8px 14px 8px 8px;
}

.format .leftfloat:hover img{
border: 1px solid #333;
}
.format .rightfloat img{
border: 1px solid #999;
padding:3px;
float: right;
margin: 8px 8px 8px 14px;
}

.format .rightfloat:hover img{
border: 1px solid #333;
}
.format li ul {

float:left;
width:400px;
}
.format li li {
padding:0px;
list-style: disc;
float:left;
border:none;
}
.format h4 {
padding:8px 0 6px 0;
margin:0px;
float:left;
width:400px;
}
.format p {
margin:3px;
width:100%;
clear:both;
}
#viewmore {
clear:both;
padding:0 4px 0 4px;
line-height:20px;
border:1px solid #999;
background-color:#CCC;
}





.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #d8d5ff;
color: #2d2b2b;
}

.basictab li a:visited{
color: #333333;
}

.basictab li a:hover{
background-color: #6c88ff;
color: #000;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #6c88ff;
color: black;
}