/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(../images/design/bgr.gif) #ffffff repeat-x top;
	color: #161616;
	font: 12px Arial,Verdana,Helvetica,Sans-Serif;
}
a{
	color: #176392;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 12px;
	padding: 2px;
}
li{
	list-style: none;
}
/*=== Layout ===*/
#page{
	background: #ffffff;
	margin: 0 auto;
	padding: 0 0 28px;
	width: 950px;
}
/*=== Header ===*/
#header{
	background: url(../images/design/header-bgr.gif) no-repeat top;
	height: 106px;
	padding: 0 7px;
}
/*- Logo -*/
#header h1{
	background: url(../images/design/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 257px;
}
#header h1 a{
	display: block;
	height: 68px;
}
#header h1 a:hover{
	text-decoration: none;
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	float: right;
	float: right;
	font-size: 14px;
	font-weight: bold;
	height: 68px;
	text-transform: uppercase;
}
#nav1 li{
	background: url(../images/design/nav1-sep.gif) repeat-y left top;
	float: left;
	line-height: 68px;
}
#nav1 li a{
	color: #196797;
	display: block;
	float: left;
	margin: 0 0 0 2px;
	padding: 0 15px;
}
#nav1 li a:hover,
#nav1 li.active a{
	background: url(../images/design/nav1-hover.gif) repeat-x top;
	color: #ed8101;
	text-decoration: none;
}
/*- Nav2 -*/
.nav2{
	font-size: 13px;
	height: 1%;
	margin: 0 0 10px;
}
.nav2 li{
	background: url(../images/design/ico-list.gif) no-repeat 0 5px;
	margin: 0 0 7px;
	padding: 0 0 0 13px;
}
.nav2 li a{
	padding: 1px 2px;
	text-decoration: underline;
}
.nav2 li a:hover{
	background: #f56800;
	color: #ffffff;
	text-decoration: none;
}
.nav2.inline li{
	float: left;
	margin: 4px 25px;
}
.nav2.inline2{
	float: left;
	margin: 0 30px 20px 0;
}
.nav2.inline2.last{
	margin: 0;
}
/*=== All Columns ===*/
#columns{
	margin: 5px 0 0;
	padding: 0 25px 5px;
}
#columns h2{
	font-size: 16px;
	margin: 0 0 10px;
}
#columns h3{
	font-size: 14px;
	margin: 0 0 15px;
	/*clear: both;*/
}
#columns h3 a{
	padding: 1px;
}
#columns h3 a:hover{
	background: #f56800;
	color: #ffffff;
	text-decoration: none;
}
#columns h5{
	color: #464646;
	font-size: 16px;
	margin: 0 0 15px;
}
#columns p{
	padding: 0 0 10px;
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	width: 245px;
}
/*=== Center Column ===*/
#centercol{
	float: right;
	width: 625px;
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	padding: 0 20px;
	width: 410px;
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: url(../images/design/box-bgr.gif) repeat-y;
	margin: 0 0 20px;
}
.box a{
	text-decoration: underline;
}
.box .top{
	background: url(../images/design/box-top.gif) no-repeat top;
	clear: both;
	color: #ffffff;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0 42px;
}
.box.orange .top{
	background: url(../images/design/box-top-orange.gif) no-repeat top;
}
.box .spacer{
	background: url(../images/design/box-bot.gif) no-repeat bottom;
	height: 1%;
	padding: 20px 10px 20px 25px;
}
/*- Box2 -*/
.box2{
	background: url(../images/design/box2-bgr.gif) repeat-y;
	height: 1%;
	margin: 0 0 20px;
}
.box2 .top{
	background: url(../images/design/box2-top.gif) no-repeat left top;
	clear: both;
	height: 8px;
	overflow: hidden;
}
.box2 .spacer{
	background: url(../images/design/box2-bot.gif) no-repeat left bottom;
	height: 1%;
	padding: 15px 10px 20px 25px;
	width:600px
}
.box2 .pic{
	float: left;
}
.box2 .pic img{
	border: 1px solid #ebebeb;
	height: 113px;
	margin: 0 15px 0 0;
	width: 157px;
}
/*- Box3 -*/
.box3{
	background: url(../images/design/box3-bgr.gif) #f1f8fd repeat-y;
	clear: both;
	margin: 0 0 20px;
}
.box3 .top{
	background: url(../images/design/box3-top.gif) no-repeat top;
	clear: both;
	color: #ffffff;
	height: 45px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 0 0 50px;
}
#columns .box3 .top h3{
	font-size: 20px;
}
.box3 .spacer{
	background: url(../images/design/box3-bot.gif) no-repeat bottom;
	height: 1%;
	padding: 5px 20px 50px 25px;
}
#columns .box3 .spacer h3{
	background: url(../images/design/ico-hdr.gif) no-repeat left;
	clear: both;
	color: #ed8101;
	font-size: 18px;
	padding: 0 0 0 20px;
}
#columns .box3 .spacer h3 a{
	color: #ed8101;
}
#columns .box3 .spacer h3 a:hover{
	color: #ffffff;
}
/*- Box4 -*/
.box4{
	background: url(../images/design/box4-bgr.gif) no-repeat;
	clear: both;
	height: 1%;
	margin: -13px 0 20px;
	padding: 25px;
	position: relative;
}
.box4 .pic{
	margin: 0 20px 0 0;
	width: 142px;
}
.box4 .pic img{
	border: 1px solid #e1e1e1;
	float: left;
}
/*- Box5 -*/
.box5{
	background: #ecf9ff;
	height: 1%;
	margin: 0 0 20px;
	width: 410px;
}
.box5 .top{
	background: url(../images/design/box5-top.gif) no-repeat top;
	clear: both;
	color: #196697;
	height: 39px;
	line-height: 39px;
	overflow: hidden;
	padding: 0 10px 0 15px;
}
#columns .box5 .top h3{
	float: left;
	font-size: 16px;
}
#columns .box5 .top .fl{
	margin: 8px 5px 0 0;
}
.box5 .top .fr{
	margin: 8px 0 0;
}
.box5 .spacer{
	background: url(../images/design/box5-bot.gif) no-repeat bottom;
	height: 1%;
	padding: 15px;
}
.box5 .ico-rate{
	margin: 0 0 10px;
}
.box5 .paging{
	font-size: 12px;
	margin: 0 0 8px;
	text-align: left;
}
.box5 .portfolio img{
	border: 1px solid #c0c0c0;
	float: left;
	height: 81px;
	margin: 0 12px 14px 0;
	width: 81px;
}
/*- Details -*/
.details{
	margin: 0 0 30px;
	width: 330px;
}
/*- Map -*/
.map{
	float: right;
	width: 350px;
}
/*- Search Box -*/
#search-box{
	background: url(../images/design/search-bgr-right.gif) #196697 no-repeat top right;
	color: #bad1e0;
	height: 38px;
	line-height: 38px;
	margin: 0 0 13px;
	overflow: hidden;
}
#search-box h3{
	color: #ffffff;
	float: left;
	margin: 0 30px 0 0;
}
#search-box a{
	background: url(../images/design/ico-list2.gif) no-repeat left;
	color: #bad1e0;
	padding: 0 0 0 8px;
}
#search-box .left{
	background: url(../images/design/search-bgr-left.gif) no-repeat top left;
	float: left;
	height: 38px;
	overflow: hidden;
	width: 15px;
}
#search{
	background: url(../images/design/search-inp-bgr.gif) no-repeat left top;
	float: right;
	height: 25px;
	margin: 6px 0 0;
	width: 320px;
}
.search-results{
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 13px;
}
/*- Rate-Review -*/
.rate{
	font-size: 11px;
}
.box2 .rate{
	width: 50%;
}
.ico-rate{
	margin: 0 0 20px;
}
.ico-rate img{
	margin: 0 0 -3px;
}
.ico-rate a{
	color: #d92c03;
}
/*- Paging -*/
.paging{
	font-size: 14px;
	margin: 0 0 15px;
	text-align: center;
}
.paging a{
	margin: 0 2px;
	padding: 1px;
	text-decoration: underline;
}
.paging a:hover{
	background: #f56800;
	color: #ffffff;
	text-decoration: none;
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1{
	float: left;
	font-size: 11px;
	margin: 0 0 15px;
	width: 49%;
}
.list1 li{
	margin: 0 0 4px;
}
.list1 li a{
	padding: 1px;
	text-decoration: underline;
}
.list1 li a:hover{
	background: #f56800;
	color: #ffffff;
	text-decoration: none;
}
/*=== Styling Forms ===*/
input.btn{
	border: 0;
	padding: 0;
}
/*- Find Form -*/
#find{
	background: url(../images/design/find-bgr.gif) no-repeat left top;
	clear: both;
	height: 53px;
	margin: 5px auto;
	padding: 0 0 10px;
	width: 590px;
}
#find input{
	background: transparent;
	border: 0;
	float: left;
	font-size: 22px;
	margin: 12px 0 0 6px;
	width: 395px;
}
#find .btn{
	margin: 0 0 0 18px;
	width: auto;
}
/*- Search Form -*/
#search input{
	background: transparent;
	border: 0;
	float: left;
	margin: 4px 0 0 10px;
	width: 195px;
}
#search .btn{
	float: left;
	margin: 0 0 0 15px;
	width: auto;
}
/*=== Footer ===*/
#footer{
	background: url(../images/design/footer-bgr.gif) no-repeat top;
	clear: both;
	color: #9b9b9b;
	height: 51px;
	margin: 0 auto;
	padding: 20px 15px 0;
	width: 870px;
}
#footer a{
	color: #595959;
}
#footer p{
	padding: 0 0 0 5px;
}
#footer ul{
	padding: 0 0 5px;
}
#footer li{
	border-right: 1px solid #9b9b9b;
	display: inline;
	line-height: 10px;
	padding: 0 5px;
}
#footer li.last{
	border: 0;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
hr{
	border-bottom: 1px solid #dfdfdf;
	clear: both;
	height: 1px;
	margin: 5px 0 10px 0;
	width: 100%;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}

/***************************************************/
/**************** STAR RATING **********************/
/***************************************************/      
.star-rating { background:transparent url(../images/star_rating.gif) repeat-x scroll left top; float:left; height:16px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px; position:relative; width:80px; }
.star-rating li { float:left; margin:0px; padding:0px; clear: none; }
.star-rating li a { display: block; height: 16px; line-height: 16px; overflow: hidden; padding: 0px; position: absolute; text-decoration: none; text-indent: -9000px; width: 16px; z-index: 20; }
.star-rating li a:hover { background: transparent url(../images/star_rating.gif) repeat scroll left center; border: medium none; left: auto; z-index: 2; }
.star-rating a.one-star { left:0px; }
.star-rating a.one-star:hover { width:16px; }
.star-rating a.two-stars { left:16px; }
.star-rating a.two-stars:hover { width:32px; }
.star-rating a.three-stars { left:32px; }
.star-rating a.three-stars:hover { width:48px; }
.star-rating a.four-stars { left:48px; }
.star-rating a.four-stars:hover { width:64px; }
.star-rating a.five-stars { left:64px; }
.star-rating a.five-stars:hover { width:80px; }
.star-rating ul { padding: 0px; }
.star-rating li.current-rating { background:transparent url(../images/star_rating.gif) repeat scroll left bottom; display: block; height: 16px; position: absolute; text-indent: -9000px; z-index: 1; padding: 0px; padding-left: 0px; }

ul.listing_options li.listing_options { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding-left: 30px; }
li.listing_options { line-height: 22px; padding-bottom: 5px; }

/***************************************************/
/**************** BOX STYLES ***********************/
/***************************************************/
div.box { width: 100%; margin: 0px auto; /*padding: 5px 0;*/ }
.box .box-header { background:transparent url(../images/box_top_left.gif) no-repeat 0px 0px; }
.box .box-header .box-side { text-align: center; margin: 5px 0 0 0; font-weight: bold; line-height: 28px; height: 28px; background:transparent url(../images/box_top_right.gif) no-repeat right 0px; }
.box .box-header img { float: right; margin: 7px 7px 0 0; border: 0px; }
.box .box-body { background:transparent url(../images/box_middle_left.gif) repeat-y 0px 0px; }
.box .box-body .box-side { background:transparent url(../images/box_middle_right.gif) repeat right 0px; }
.box .box-body .box-side .box-content {  margin:0px 1px 0px 1px; background:#fff /*url(../images/box_middle_content.gif)*/ repeat 0px 0px;  padding: 1em; text-align: left; }
.box .box-footer { background:transparent url(../images/box_bottom_left.gif) no-repeat 0px 0px; }
.box .box-footer .box-side { font-size:1px; height:2px; background:transparent url(../images/box_bottom_right.gif) no-repeat right 0px; }
.box .box-header h1 { font-size: 12px; margin:0px; padding-top: 0px; /*color: #314774;*/ color: #616161; }
.box p { margin:0.5em 0px 0px 0px; padding:0px; }
.box ul.box_list li.box_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; background:transparent url(images/arrow.gif) no-repeat scroll 0px 2px; padding-left: 18px; padding-bottom: 5px;}
.box ul.box_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; padding: 0pt; }

/***************************************************/
/*************** FORM STYLES ***********************/
/***************************************************/
div.form-container { padding: 0px 5px 0px 5px; background-color: #FFF; }
div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; margin-top: 3px; }
div.form-container div.controlset { margin-left: 170px; float: none;}
div.form-container div.controlset input { width: auto; margin-bottom: 5px; vertical-align: middle; border:0 none; }
div.form-container input.controlset { width: auto; }
div.form-container select.page-numbers  { width: 50px; padding: 1px; font-size: 90%; }
div.form-container input.error, div.form-container select.error, div.form-container textarea.error { border: 1px solid #C00; background-color: #FEF; }
div.form-container div.custom { padding: 3px 5px 3px 5px; }

fieldset ol { margin: 0; padding: 0; }
fieldset li { list-style: none; padding: 5px; margin: 0; clear: both; }
fieldset label { font-size: 12px; margin-right: 10px; padding: 0px 10px 0 0; width: 150px; display: block; float: left; text-align: right; position: relative; }

div.form-container em { font-weight: bold; font-style: normal; right: 0; color: #C00; } /* removed position: absolute; due to IE7 overlap bug */
label.error { color: #C00; }
div.form-container fieldset.buttonrow { border: 0px; padding: 0px; }
div.form-container fieldset.buttonrow input { margin: 0 0 0 185px; }


fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; -moz-border-radius: 8px; border-radius: px; }
fieldset.hidden { border: 0px; }
fieldset li img { padding-left: 10px; }
fieldset li p img { padding: 0; }
fieldset div div img { padding: 0px; } /* fix for tree selects */
legend { font-weight: bold; color: #555; padding: 5px 10px 5px 10px; border: #DDD 1px solid; background-color: #EEE }
input.submit-button { background-color: #EEE; border: 1px solid #C6C3C6; color: #666; padding: 2px 5px 2px 5px; cursor: pointer; width: auto;}
input.submit-button:hover { background-color:#f5f7fa; border: 1px solid #79a8f5;}
input, textarea, select { width: 250px; background-color: #FFFFFF; font-size: 12px; color: #000000; font-family: inherit;  border: 1px solid #C0C0C0; padding: 3px 5px 3px 5px; }
select option { padding-left: 5px; }
select { width: 262px; padding: 2px 3px 2px 3px; }
textarea { height: 150px; }
input:focus, input.error:focus, textarea:focus { background-color: #f5f7fa; border: 1px solid #79a8f5; }

/***************************************************/
/**************** TABLE LIST ***********************/
/***************************************************/
div.table-list table { width: 100%; margin-bottom: 10px;}
div.table-list table, div.table-list td { border: 1px solid #CCC; border-collapse: collapse; font-family: tahoma, verdana, arial, helvetica; }
div.table-list thead th, div.table-list tbody th { background: #FFF url(../images/gradient_silver.gif) repeat-x; color: #666; padding: 5px 10px; border-left: 1px solid #CCC; text-align: left;}
div.table-list tbody th { background: #fafafb; border-top: 1px solid #CCC; text-align: left; font-weight: normal; }
div.table-list tbody tr td { padding: 5px 10px; color: #666; }
div.table-list tbody tr.odd,
div.table-list tbody tr.odd th { background: #f6f6f6; }  
div.table-list tbody tr:hover { background: #FFF url(../images/table_tr_background.gif) repeat; }
div.table-list tbody tr:hover th { background: #FFF url(../images/table_tr_background.gif) repeat; color #454545; }
div.table-list tbody tr:hover td { color: #454545; } 
div.table-list tfoot td, div.table-list tfoot th { border-left: none; border-top: 1px solid #CCC; padding: 5px 10px; background: #ebebeb; color: #666; font-weight: normal; }
div.table-list caption { text-align: left; padding: 5px 0 0 5px; color: #666; height: 4ex;}
div.table-list caption span.page-numbers { font-size: 90%; padding-bottom: 3px; }
div.table-list caption span.page-numbers-results, div.table-list caption span.page-numbers-results a { font-size: 90%; margin-top: 3px; }

div.table-list table a:link { color: #666; }
div.table-list table a:visited { color: #666; }
div.table-list table a:hover { color: #003366; text-decoration: none; }
div.table-list table a:active { color: #003366; }

/* Page Numbers in Table List */
span.page-numbers-results { float: left; }
span.page-numbers { float: right; } 
div.table-list span.page-numbers a { text-decoration: none; }
div.table-list span.page-numbers a:hover { text-decoration: underline; }

/***************************************************/
/******************* MESSAGES **********************/
/***************************************************/
div.message div.error, div.success { margin-bottom: 10px; padding: 10px 5px 10px 35px; line-height: 1.2em; border-width: 1px; border-style: solid; -moz-border-radius: 4px; }
div.message div.error { border-color: #e82a2a; background: #ffeaea url(../images/message_error.gif) no-repeat 10px 10px;}
div.message div.success { border-color: #4dda2c; background: #eaffea url(../images/message_success.gif) no-repeat 10px 10px;}

/**************CUSTOM PRINTERLISTINGS CHANGES **************/
.noborder { border:none; padding:0;}
.preferred-stamp { position:relative; left:-50px; top:5px; }

/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
a:hover {text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:5px; margin-left:8px; width:200px;}
a.tooltip:hover span{display:inline; padding:5px; position:absolute; border:1px solid #cccccc; background:#ffffcc; color:#262626; text-decoration:none;}

/**************GOOGLE ADS***********************/
#adsense-ads {
	/*border: #999999 1px solid;*/
	margin-bottom:20px;
	text-align:center;
}

#adsense-side-ad {}

.preferred_2 {
	background-color: #E6F5FF;
	padding: 10px;
	-moz-border-radius: 6px 6px 6px 6px;
	margin-top:10px;
}

.pad_el {
	padding: 5px;
}

.preferred_img {
	float:left;
	padding-right:10px;
	padding-left:10px;
}

.oio-body {
	margin-bottom:15px;
}
.oio-banner-zone .border {
	border: none !important;
}
.cls {
clear:both;
}

.listing_image_tb {
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 15px;
	
	spacing: 15px;
}
