
/* ############################################ */
/*                  Common Styles               */
/* ############################################ */
body
{
	background: 	url('/img/page_background.png') repeat-x;
	margin-bottom:	50px;
	font-size:		12px;
}

a, a:visited {
	color: 			#000;
}

a:hover {
	color:			#e83c2a;
}

/* ############################################ */
/*                   Header Styles              */
/* ############################################ */
#header
{
	background: 	url('/img/banner.png') no-repeat;
	height:			135px;
	margin:			0px auto;
	width:			720px;
	margin-bottom:	20px;
}

#header #logo
{
	display:		block;
	float:			left;
	height:			130px;
	text-indent: 	-9999px;
	width:			355px;
}

#main_menu
{
	float: 			right;
	line-height: 	52px;
	padding-top:	52px;
}

#main_menu li
{
	display:		inline;
	padding:		0px 5px;
	color:			#ffffff;
}

#main_menu li a
{
	color:				#ffffff;
	text-decoration: 	none;
}

/* ############################################ */
/*                 Content Styles               */
/* ############################################ */
#content {
	width:			712px;
	margin:			30px auto 0 auto;
}

#main_content {
	width: 			465px;
	float:			left;
}

#searchbox {
	background: 	#cb1c00;
	padding:		15px;
	padding-right:	0;
	margin-bottom: 	15px;
	
	border-radius:	12px 12px 0px 0px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	behavior: 		url(/css/PIE.php);
}

#searchbox h2 {
	font-size:		24px;
	line-height: 	28px;
	color: 			#fce529;
}

.pagetitle {
	background: 	#cb1c00;
	padding:		15px;
	padding-right:	0;
	margin-bottom: 	15px;
	
	/* Add additional radius tags here -moz, -webkit etc */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: 		url(/css/PIE.php);
}

#flashMessage.bad {
	padding: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	
	color: #A30013;
	background: #FFD1D7;
	border: 2px solid #cb1c00;
	/* Add additional radius tags here -moz, -webkit etc */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
 	behavior: 		url(/css/PIE.php); 
}

#flashMessage.good
{
    background:#D7FFC9;
	color: #1B4D0B;
    padding: 20px;
	margin-bottom: 20px;
	font-weight: bold;
    
	border: 2px solid #458530;
	/* Add additional radius tags here -moz, -webkit etc */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
 	behavior: 		url(/css/PIE.php);
}

.pagetitle h2 {
	font-size:		24px;
	line-height: 	28px;
	color: 			#fce529;
}

#searchbox form .searchinput {
	width:			220px;
	
	padding: 		10px;
	margin:			10px 10px 0 0;
	
	background: 	#FFF;
	
	border-top: 	2px solid #404040;
	border-left:	1px solid #404040;
	border-right:	2px solid #FFF;
	border-bottom: 	2px solid #FFF;
	
	font-size:		18px;
	color:			#f8c4bf;
	text-align:		center;
	
	behavior: 		url(/css/PIE.php);
	/* Add additional radius tags here -moz, -webkit etc */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	 
}

#searchbox form .searchinput select {
	width: 200px;
}

#searchbox form .search {
	float: 			right;
	margin-top: 	-47px;
	margin-right: 	5px;
}

#popularsearches {
	height: 		120px;
	background: 	#cb1c00;
	padding:		15px;
	padding-right:	0;
	margin-bottom: 	15px;
	width: 450px;
	
	border-radius:	0px 0px 12px 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	behavior: 		url(/css/PIE.php);
}

#popularsearches div.heading {
	height:			40px;
}

#popularsearches h3 {
	padding:		8px;
	float: 			left;
	
	font-size: 		14px;
	color: 			#FFF;
	
	border:			2px solid #FFF;
	
	/* Add additional radius tags here -moz, -webkit etc */
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	behavior: 		url(/css/PIE.php); 
	float: left;
}

#popularsearches ul {
	float: 			left;
	position: relative;
	top: 6px;
}

#popularsearches ul li {
	color:			#FFF;
	line-height:	19px;
	font-size:		14px;
	width: 150px;
	height: 20px;
}

#popularsearches ul li a {
	color:			#FFF;
	background: #cb1c00;
	width: 150px;
	height: 20px;
	overflow: none;
}

.main_box {
	padding: 		10px;
	padding-bottom: 5px;
	border:			2px solid #cb1c00;
	margin:			5px 0 20px 0;
	
	/* Add additional radius tags here -moz, -webkit etc */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: 		url(/css/PIE.php); 
}

.searchresults {
	padding: 		20px;
	border: 		2px solid #cb1c00;
	margin:			5px 0;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: 		url(/css/PIE.php);
}

.searchresults .company {
	margin: 		10px 0;
	border-bottom: 	2px solid #cb1c00;
	margin-top: 	10px;
}

.searchresults .last {
	border-bottom: 	none !important;
	margin-bottom:  0;
}

.searchresults .first {
	margin-top: 0 !important;
}

.searchresults .company .contact_details {
	font-weight: bold;
	font-size: 14px;
}

.searchresults .services li {
	list-style-type: none;
	margin-left: -15px;
}

.resultsfeed {
	list-style: disc inside;
}

.resultsfeed li {
	margin: 6px 0;
	text-indent: 5px;
}

.searchresults .left_content {
	width: 250px;;
	float: left;
}

.searchresults .right_content {
	width: 100px;
	float: right;
	margin-top: -20px;
}

.searchresults .featured .view_link {
	background: 	#cb1c00 !important;
} 

.searchresults .view_link {
	background: 	#cb1c00;
	padding:		5px;
	color: 			#FFF;
	text-decoration: none;
	font-weight: 	bold;
	width: 			83px;
	text-align:		center;
	line-height: 	16px;
	font-size: 		14px;
	float: left;
	
	/* Add additional radius tags here -moz, -webkit etc */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: 		url(/css/PIE.php);
}


.searchresults .company .heading {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.main_box .left {
	width: 			215px;
	float: 			left;
	margin-right:	15px;
}

.main_box h3 {
	padding: 		10px;
	background: 	#cb1c00;
	font-family:	Arial, Helvetica, sans-serif;
	font-size: 		14px;
	margin:			0 0 10px 0;
	color:			#FFF;
	text-align:		center;
	
	/* Add additional radius tags here -moz, -webkit etc */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: 		url(/css/PIE.php);
}

.main_box .right {
	width: 200px;
	float: right;
	margin-right: 5px;
}

.main_box .right ul li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dashed #000;
	line-height: 	15px;
}

.main_box .right ul li.last {
	border-bottom: none !important;
}

.main_box p {
	margin: 		5px 0;
	line-height: 	15px;
}

.main_box .clear {
	clear: both;
}

/* ############################################ */
/*                 Sidebar Styles               */
/* ############################################ */
#content #sidebar {
	width: 			233px;
	float: 			right;
}

#sidebar .side_box {
	padding: 		10px;
	border:			2px solid #cb1c00;
	margin:			0 0 20px 10px;
	
	/* Add additional radius tags here -moz, -webkit etc */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: 		url(/css/PIE.php);
}

#sidebar .side_box h3 {
	padding: 		10px;
	background: 	#cb1c00;
	font-family:	Arial, Helvetica, sans-serif;
	font-size: 		14px;
	margin:			0 0 10px 0;
	
	/* Add additional radius tags here -moz, -webkit etc */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: 		url(/css/PIE.php);
}

#sidebar .side_box ul li {
	clear:			left;
	min-height:		50px;
}

#sidebar .side_box ul li img {
	float:			left;
	margin:			0 10px 0 0;
}

#sidebar .side_box ul li a.item {
	display: 		block;
	padding:		25px 0 0 0;
	text-align:		center;
}

#sidebar .side_box h3 a {
	color: 				#FFF;
	text-decoration: 	none;
}

.main_box h3 a {
	color: 				#FFF;
	text-decoration: 	none;
}

#sidebar .side_box p {
	font-size: 12px;
	line-height: 15px;
}

/* ############################################ */
/*                Special Styles                */
/*  	(For buttons, specific links etc…)		*/
/* ############################################ */
.quality-first {
	width: 		80px;
	height: 	80px;
}
.magazine-icon {
	width: 		70px;
	height: 	70px;
	
}

.featured {
	background: #fffdd1;
	padding: 10px;
}

.searchresults .featured img {
	border: 1px solid #cd1d00;
	margin-left: -2px;
}

div.rating {
	float: right;
	width: 65px;
	height: 11px;
	background: url(/img/rating_bg.gif) no-repeat top left;
	position: relative;
	top: -27px;
}

#TestimonialEmailForm label {
	margin-top: 6px;
}

#TestimonialEmailForm .text {
	width: 66.5%;
}

.company .testimonial {
	margin-bottom: -25px;
}

.testimonial_frame {
	margin-top: 0px !important;
	border-bottom: 1px dotted #CCC !important;
}

.nopad {
	float: none !important;
	top: 0 !important;
	margin-left: 50px;
	
}

span.stars {
	height: 11px;
	background: url(/img/rating_stars.gif) no-repeat top left;
	float: left;
}

#contact_form label, #TestimonialAddForm label {
	width: 100px;
	float: left;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
}

#contact_form label {
	width: 300px;
}

#contact_form input, #TestimonialAddForm input {
	margin-bottom: 8px;
}

#contact_form .texty, #TestimonialAddForm .texty {
	width: 295px;
	margin-left: 2px;
}
