/* CSS Document 
*
*	@developer:		Samuel Clarke
*	@designer:		Justin Kent
*	@website:		http://www.direc4u.com/
*	@other:			IDs included are intended to start providing consistency and familiarity with styles across all websites
*/

/********************************************************************************
			RESETS
********************************************************************************/

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, center,
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-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

a:active { outline: 0; }

sup, sub { position: relative; height: 0; line-height: 1; vertical-align: baseline !important; vertical-align: bottom; }
sup { bottom: .75ex; font-size:80%; }
sub { top: .5ex; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/********************************************************************************
			GLOBAL STYLES
********************************************************************************/

body { background:#f4f4f4; color:#555; font-family:Arial,Helvetica,sans-serif; }

/* links */
a { color:#5F8AC1; }

/* floats */
.float_left { float: left; }
.float_right { float: right; }
.clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px; }

/* headers */
h1 { color:#5f8ac1; font-size:22px; font-weight:normal; }
h2 { color:#5f8ac1; font-size:18px; font-weight:normal; }
h3 { color:#5f8ac1; font-size:16px; font-weight:normal; }

/* errors */
.error { background: #da0000; font-weight: bold; font-size: 11px; line-height: 21px; color: #ffffff; text-align: center;}

/* hide mobile content */
.mobile { display:none; }

.highlight { color:red; }

/********************************************************************************
			WRAPPERS
********************************************************************************/

.wrapper { background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 auto; overflow:hidden; padding-bottom:25px; width:978px; }
.content_wrapper { float:left; margin-top:20px; }
.main_column { float:left; padding:0 20px; width:698px; }
.right_column { float:right; margin-right:0!important; margin-right:-6px; padding-right:20px; width:220px; }

/********************************************************************************
			HEADER CONTENT
********************************************************************************/

.header { float:left; padding:25px; position:relative; width:928px; }
.direc4u_logo { float:left; margin-top:5px; }

/* social */
.social { float:left; height:63px; margin-left:150px; }
.facebook-like-button iframe { width: 55px !important; overflow: hidden; }
	.fb_edge_comment_widget iframe { width: 401px !important;}
#___plusone_0 { margin-left: 5px !important; position: relative; top: 3px; }

.header .promocode {float:right; margin-right: 15px; margin-top: 15px; padding: 10px; background-color:#00AAFF; color:#fff; border-radius: 10px; font-size: 13px; font-weight: bold; width:200px; text-align:center;}
.header .call_now { background:none; color:#5f8ac1; float:left; font-size:34px; margin-top:8px; text-align:center; width: 430px; }
	.header .call_now span { color:#666; display:block; font-size:15px; font-style:normal; margin-top:2px; }
.partner_logo { float:right; padding-left:25px;}

/********************************************************************************
			MAIN NAV
********************************************************************************/

.main_nav_wrapper { background:url(/images/direc4u-sprite-gradients.png) repeat-x; clear:both; height:35px; }
		.main_nav { height:35px; padding-left:10px; }
			.main_nav li { float:left; }
				.main_nav li a { float:left; }

/********************************************************************************
			HERO IMAGES
********************************************************************************/

.info_01 { background:url(/images/direc4u-sprite-desktop.png) no-repeat 0 -99px; float:left; height:86px; width:498px; }
.info_02 { background:url(/images/direc4u-sprite-desktop.png) no-repeat 0 -189px; float:left; height:71px; width:480px; }
.info_01 p, .info_02 p { text-indent:-9999px; }
.hero_image { display:inline; float:left; margin:20px 20px 0 20px; position:relative; }
	.hero_image img { float:left; }
	.hero_phone { color:#fff; font-size:21px; font-weight:normal; left:217px; position:absolute; text-shadow:0px 1px 2px #000; top:224px; }

/* Tool Tips */
.hero_image .tooltip { bottom:10px; position:absolute; right:10px; }
	.hero_image .tooltip p { color:#fff; font-size:11px; text-shadow: 0 1px 1px #333; }
		.hero_image .tooltip p img { float:none; }
		.hero_image .tooltip span { background:#fff; -moz-border-radius:5px 5px 5px 5px; bottom:20px; -moz-box-shadow:0 2px 4px #444444; color:#444; display:none; padding:6px; position:absolute; right:25px; width:600px; font-size:9px; line-height:1.5; }
		.hero_image .tooltip:hover { cursor:help; }

/********************************************************************************
		 	MAIN COLUMN CONTENT
********************************************************************************/

.main_column .features_01 { background:url(/images/direc4u-sprite-desktop.png) no-repeat 0 -256px; height:113px; list-style-type:none; margin-bottom:30px; padding-left:0; }
	.features_01 li { float:left; }
		.features_01 li a { background:url(/images/direc4u-sprite-desktop.png) no-repeat; float:left; height:113px; text-indent:-9999px; }
		.features_01 li a.feat_01 { background-position:0 -369px; margin-right:10px; width:224px; }
		.features_01 li a.feat_02 { background-position:0 -482px; margin-right:10px; width:230px; }
		.features_01 li a.feat_03 { background-position:0 -595px; width:224px; }

.main_column p, .main_column h1, .main_column h2, .main_column h3, .main_column ul { margin-bottom:20px; }
.main_column p, .main_column ul { font-size:12px; line-height:1.5; }
.main_column ul { list-style-type:disc; padding-left:15px; }
.legal { font-size:10px; }
li .legal { display:block; margin-top:-5px; }

#geoLinkListTable, #top_cities, #localCitiesTable { font-size:12px; line-height:1.5; width:698px; }
#geo_breadcrumbs { font-size:12px; margin-bottom:10px; }

.btm_call_to_action { float:left; font-weight:bold; line-height:24px; padding-top:50px; text-align:center; width:100%; }
	.btm_call_to_action h2 { font-size:24px; font-weight:bold; line-height:30px; }

.legal_em { text-decoration:underline; }

.banner { margin-bottom:20px; }

/********************************************************************************
			RIGHT COLUMN CONTENT
********************************************************************************/

/* save 5 tag */
#save5for12 {display: block; margin: 0 auto 10px auto; position: relative; width: 164px; height:112px; background: url(/images/Save_5_tag.png) 0 0 no-repeat;}
	#save5for12 span {position: absolute; bottom: 0; right: 20px; font-size: 9px; text-decoration: none; color: #333; text-align: right; text-shadow: 0 1px 1px #fff;}

/* lead gen form */
.contact_form_wrapper { float:left; width:220px; }
.contact_form { background:#f4f4f4; border:1px solid #ddd; float:left; padding:10px; }
	.contact_form p { background:url(/images/direc4u-sprite-desktop.png) no-repeat 150px -723px; font-size:12px; line-height:1.2; margin-bottom:15px; padding:5px 53px 5px 0; }
	.contact_form p.ready_to_order { background:none; color:#333; font-size:16px; font-weight:normal; line-height:1; margin:0 0 5px 0; padding:0; text-align:center; }
	.contact_form p.lead_gen_phone { background:none; color:#5f8ac1; font-size:27px; line-height:1; margin:0; padding:0; text-align:center; }
	.contact_form input { border:1px solid #ddd; color:#555; font-family:Arial,Helvetica,sans-serif; font-size:14px; margin-bottom:10px; padding:5px 10px; width:176px; }
	.contact_form .submit { background:url(/images/direc4u-sprite-desktop.png) no-repeat 0 -791px; border:none; cursor:pointer; height:42px; margin:0; padding:0; width:198px; }
	.contact_form .submit:hover { background-position:0 -833px; }

.errors { background:#fe0000; color:#fff; font-size:12px; line-height:1.2; margin-bottom:15px; padding:10px; text-align:center; }

/********************************************************************************
			FOOTER
********************************************************************************/

.footer { font-size:10px; line-height:1.5; margin:0 auto; padding:15px 0 25px 0; text-align:center; width:940px; }
	.footer p { margin-top:10px; text-align:left; }
	.footer .footer_nav { text-align:center; }
	.full_legal_link a { color:#555; font-size:8px; text-decoration:none; }
	.full_legal_link a:hover { text-decoration:underline; }

/********************************************************************************
			CLEARING ELEMENTS THAT CONTAIN FLOATED ELEMENTS
********************************************************************************/

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */