.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.fill { display: block; width: 99%; }

.action-bar { background: #d0d0d0; padding: 1em; }
.action-bar .col { display: block; width: 33%; float: left; }
.action-bar .col2 { text-align: center; }
.action-bar .col3 { text-align: right; }



/*.featured-listing:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/
.featured-listing { background: #cff2fb url(../images/featured-listing-fill.png) repeat-y top right; border: 1px solid #005298; padding: 20px 5px 15px 20px; margin: 13px 0; height:auto; }
.featured-listing p.logo-and-contact { width: 140px; margin: 0 0 0 0; float: right; text-align: center; position: relative;  overflow:hidden; }
.featured-listing p.logo-and-contact a img{ border:none; display:block; margin:auto;}
.featured-listing div.text-content{ float:left;}
.featured-listing .phone { margin: 0 -10px; display: block; font-size: 11px;}
.featured-listing  h3 { font-size: 16px; }
.featured-listing .recommendations{ background: url(../images/featured-listing-thumb-up.png) no-repeat center left; padding: 0 0 0 30px;}
.featured-listing .description{width:460px;}

.featured-listing small { color: #cff2fb; font-size: 10px; }






.basic-listings-title { border-bottom: 1px solid #cff2fb; padding: 0 0 8px 0; }

.basic-listing { margin:0px 0px 14px 0px; padding:0px;}
.basic-listing p{ margin:0px; padding:0px;}
.basic-listing h3 { font-size: 12px; margin:0px; padding:0px;}
.basic-listing .details { color: #7d7d7d; margin:0px; padding:0px; }
.basic-listing small { color: #fefefe; font-size: 10px; }
.basic-listing .description{ width:650px; height:auto; overflow:hidden; }






.grid { }
.grid .row  {display:block; }
.grid .row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.grid .row  { padding-left: 140px; margin: 0.8em 0; }
.grid .row .title { width: 130px; margin: 0 0 0 -130px; display: block; float: left; text-align: right; font-weight: bold; position: relative; left: -10px; }

.grid img.hand{float:left; margin-right:30px;}

.grid ol.floated-left, .grid ul.floated-left{display:block; width:240px; float:left;  margin:0px; padding:0px;}
.grid ol.floated-left li, .grid ul.floated-left li{ padding:0px; margin:0 0 0 23px; height:18x;}


/*.grid .row .title { width: 19%; margin: 0.2em 1% 0.2em -21%; display: block; float: left; text-align: right; font-weight: bold; }*/

/*
.grid .grid { background: #ddd; }
.grid .grid .row .title { text-align: left; color: #555; }
*/

.grid.normal-weight-titles .row .title { font-weight: normal; }
.grid.normal-weight-titles .row  img, .grid.normal-weight-titles .row #payment_type {float:left; }

.grid.grid-100 .row { padding-left: 100px; }
.grid.grid-100 .row .title { width: 90px; margin-left: -90px;}


/*.file_button { border: 1px solid blue; }*/


.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:block;}


/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.cols-2-container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cols-2-container .col { width: 49%; float: left; }
.cols-2-container .col.col-right { float: right;  }




.errorExplanation { background: #ffcccc; padding: 1em; margin: 0.5em 0 1em 0; border: 2px solid #ff0000; }
.errorExplanation h2 { font-size: 14px; }




























* { margin: 0; padding: 0 }




.link-big-arrow { font-size: 14px; font-weight: bold; padding: 0 0 0 12px; background: url(../images/icon-arrow-right.png) no-repeat left center; margin: 0.2em 1em 0.2em 0; }

hr{
	display:block;
        margin: 1.4em 0 1.7em 0;
	padding:0px;
	border-bottom:1px solid #777;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
}
/*#page-page-feature_your_company hr{margin:2px 0 6px 0;}*/

input, select, textarea { border: 1px solid #a5acb2; }

#page { width: 981px; margin: 0 auto; text-align: left; position: relative; }

#header { position: relative; width: 981px; height: 65px; background: url(../images/header.png) no-repeat top center; overflow: hidden; }
#header #logo a span { display: none; }
#header #slogan { position: absolute; left: 253px; top: 26px; color: white; font-weight: bold; font-size: 18px; }
#header #login-links { position: absolute; right: 8px; top: 4px; color: white; font-family: Tahoma,Helvetica,sans-serif; font-size: 11px; }
#header #login-links a { color: #00fffc; }

#main { width: 704px; background: #fff; }
#main #menu { width: 100%; height: 36px; background: #cff2fb url(../images/main-opening.png) no-repeat top center; }
#main #menu ul { margin: 0 0 0 35px; list-style: none;}
#main #menu li { display: inline }
#main #menu li a { display: block; float: left; padding: 0 9px; text-decoration: none; font: bold 14px/36px arial,sans-serif; margin: 0 0 0 -1px; position: relative; }

#main #menu li a:hover { text-decoration: underline; }
#main #menu li.first a { background: none; }
#main #menu li a.active { border-color: white; z-index: 100; background: white; }

#main #submenu { margin: 12px 0 20px 0; }
#main #submenu ul { margin: 0 0 0 35px; list-style: none; }
#main #submenu li { display: inline; padding: 0; margin: 0; }
#main #submenu li a { margin: 0 6px 0 6px; }
#main #submenu li a.active { font-weight: bold; }

#main #main-closing { clear: both; height: 7px; background: url(../images/main-closing.png) no-repeat bottom center; }

#main #content { margin: 10px 20px 20px 35px; }

#sidebar { width: 259px; position: absolute; right: 0; top: 65px; }
#sidebar .block { background: #fff url(../images/block-closing.png) no-repeat bottom center; margin: 0 0 20px 0; }
#sidebar .block-title { background: #cff2fb url(../images/block-opening.png) no-repeat top center; padding: 12px 17px 8px 14px; font-size: 14px; font-weight: bold; }
#sidebar .block-content { padding: 11px 17px 15px 14px; }
#sidebar .block-content a{  margin:auto; margin-top:2px;}
#sidebar .block-content a img{ border:none;  }


#footer { width: 704px; margin: 0; text-align: left; position: relative; color: white; padding: 30px 0 0 20px; }
#footer a { color: #cff2fb; }
#footer .col { width: 190px; float: left; margin: 0 18px 0 0; }
#footer .col h3 { font-weight: bold; font-size: 14px; display: block; border-bottom: 1px solid #005298; margin: 0 0 7px 0; padding: 0 0 7px 0; }
#footer .col ul { list-style: none;  }
#footer .col ul li{ margin-left:0px;  }
#footer .clear { clear: both; display: block; width: 99%; height: 1px; font-size: 1px; overflow: hidden; margin: 0 0 30px 0; }
#footer p { margin: 1px 0; }
#footer .closing { display: block; margin: 2em 0 0 0; }





.optional, .note { color: #666; }


ul.related-categories { list-style: none; }
ul.related-categories li {margin-bottom:0px; margin-left:0px; }



h1 { font: bold 18px tahoma,helvetica,sans-serif; margin: 1em 0 0.6em 0; position: relative; }
h2 { font: bold 14px arial,helvetica,sans-serif; margin: 0.8em 0 0.4em 0; position: relative; }
ul li { margin: 0 0 0 18px; }
p { margin: 0.3em 0; }

ol{padding:0px; margin:0 0 0 30px;}
ul.user-agreement li, ol.user-agreement li { margin-bottom:5px;}



.submit-basic-lising { text-align: right; }


.yellow-frame { background: #fffd7d; border: 1px solid #ffc509; padding: 20px; margin: 1em 0; }
.yellow-frame .title { font-size: 16px; }


.recommendation { margin: 0.4em 0; }
.recommendation h3 { color: #757575; font-size: 12px; font-weight: bold; margin: 0; }
#content .recommendation p { margin: 0; }

.action-bar .status-hidden, .action-bar .status-payment {color: red; }


.back-to-list { font-size: 120%; font-weight: bold; margin: 0 1em; }


.labeled-layout p { clear: both; padding: 0 0 1em 110px; }
.labeled-layout label { width: 110px; float: left; /*text-align: right;*/ font-weight: bold; margin: 0 0 0 -110px; }
.labeled-layout .fieldWithErrors label { margin:0px;}
.labeled-layout .fieldWithErrors{clear:both;}
 
.labeled-layout.right label { width: 90px; float: left; text-align: right; }


div.info { background: #ffff7f; border: 2px solid #fff87a; padding: 1em; margin: 1em 0 1em -1em; }





#categories-index .col { width: 49%; float: left; }

#categories-index ul { list-style: none; margin: 0 0 25px 0; padding: 0; }
#categories-index ul li { margin: 0px 0px 0px 0px; padding: 0; }


#page-referals-list table { font-size: 12px; }
#page-referals-list table { border-collapse: collapse; width: 635px; }
#page-referals-list table td { padding: 0.2em; }
#page-referals-list table thead { font-weight: bold; color: #828282; }
#page-referals-list table tbody td { border: 1px solid #a0a0a0;}
#page-referals-list table tr.odd { background: #cecfcf; }

#page-referals-list table td.description { width: 213px; white-space: nowrap; overflow: hidden; }

#add-referals-ul{ margin-top:10px; padding-left:20px;}
#add-referals-ul li{ list-style:decimal; }




body#page-purchase_companies-add .category-slot-term {
    /*border: 1px solid gray;*/
    min-height: 90px;
}




body#page-pages-welcome #content h1 { margin-bottom: 0; }
body#page-pages-welcome #content h2 { border-bottom: 1px solid #cff2fb; width: 290px; margin: 10px 0 9px 0; padding: 0 0 10px 0; }



.fieldWithErrors { display: inline; }
.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea
    { border: 1px solid #c00; }



#content .phone-input input.phone_p1 { width: 30px; }
#content .phone-input input.phone_p2 { width: 30px; }
#content .phone-input input.phone_p3 { width: 40px; }
#content .phone-input input.phone_ext { width: 30px;  }



body.page-login input.text_field { width: 130px; }



#social-bookmarking-button {
    /*height: 30px;*/
    /*width: 200px;*/
    /*border: 1px solid lime;*/
    text-align: center;
}














/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:600px;
	height:400px;
	margin:-220px 0 0 -300px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;

        overflow: auto;
}



#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}















/* ########################################################################## */
/*                               THICKBOX CSS                                 */
/* ########################################################################## */



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;

}



#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;

	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}