body {
	background-image:url(/images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F4FFFF;
}
h1,h2,h3,h4,h5,h6 {
	color: #00B1F8;
	margin-bottom:10px;
}

/* Wrapper positioning and dropshadows*/
#wrapper {
	background-image: url(/images/border_fader_right.png);
	background-position: right;
	padding-right: 10px;
	background-repeat: repeat-y;
	text-align:left;
/*	width: 840px; */
	width: 940px;
	margin-top:10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#wrapper_style {
	background-image: url(/images/border_fader_left.png);
	background-position: left;
	padding-left: 10px;
	background-repeat: repeat-y;
}


/* Header */
#hd {
	background-image: url(/images/index_02a.jpg);
	background-repeat:no-repeat;
	background-color:#AFF1FF;
	height: 105px;
}
#hd h1 a{
	text-indent: -4000px;
	display: block;
	width: 325px;
	height: 40px;
	position: relative;
	left: 17px;
	top: 45px;
}



/* Content - a wrapper for all content zones... put in mainly for future adaptability */
#content {
	border:2px solid #FFFFFF;
}



/* Sliding Doors Tabbed Navigation */

#nav_main {
    /* (en) This image is mainly transparent */
    background: transparent url("/images/bg.gif") repeat-x bottom;
    float: left;
	width:100%;
	background-color:#AFF1FF;
  }

#top_nav  {
    float:right;
	margin-right:20px;
  }
  
#top_nav ul {
    line-height: 1em;
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
    white-space: nowrap;
  }

#top_nav li {
	/* Repeat the main color from the image */
    background: #e0ecf8 url("/images/left.gif") no-repeat top left;
	border-bottom: 1px solid #056EC1;
	float: left;
	list-style-type: none;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
  }

#top_nav a,
#top_nav strong {
	/*  This image is mainly transparent */
    background: transparent url("/images/right.gif") no-repeat top right;
	color: #26B2D3;
	display: block;
	font-weight: bold;
/*	font-size:112%; */
	text-decoration: none;
	text-transform: none;
	/**
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
     */
    width: auto; /* only IE 5.x */
	width/**/:/**/ 0.1em; /* only IE 6.0 */
	padding-top: 6px;
	padding-right: 17px;
	padding-bottom: 6px;
	padding-left: 17px;
  }

  /**
   * @bugfix
   * @affected   IE5.x, IE6
   * @css-for    all browsers
   * @valid      yes
   */
  
  #top_nav > ul a,
  #top_nav > ul strong { width: auto; }  /* for other browsers */

#top_nav ul li:focus,
#top_nav ul li:hover,
#top_nav ul li:active {
    /* (en) Repeat the main color from the image */
    background-color: #c4d0dc;
    background-position: 0 -150px;
  }

#top_nav li:focus a,
#top_nav li:hover a,
#top_nav li:active a { background-position: 100% -150px; }

#top_nav a:focus,
#top_nav a:hover,
#top_nav a:active { background-color: transparent; color:#0075BB; }

#top_nav #current {
    /* (en) Repeat the main color from the image */
   background: white url("/images/left_on.gif") no-repeat top left;
    border: 0;
  }

#top_nav #current a,
#top_nav #current strong {
    /* (en) This image is mainly transparent */
    background: transparent url("/images/right_on.gif") no-repeat top right;
    color: #334;
    font-weight: bold;
 padding: 7px 17px 6px 17px;
  }




/* login and register options */
#login {
	float: right;
	margin-right:20px;
}
#login ul {
    line-height: 1em;
    list-style: none;
    margin: 0;
    padding: 0 0 0 50px;
    white-space: nowrap;
  }
#login li {
	float: left;
	list-style-type: none;
	font-size:109%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
  }


/* Main body of content under header */
#bd {
	background-color: #FFFFFF;
}
#bd a {color:#538AD0;}



/* Main content block*/
.main_content, .main_content_var {
	float: left;
	width:504px;
	margin-bottom: 50px;
	position: relative;
	left: 40px;
	top: 14px;
}

.main_content h2, .main_content_var h2 {
	display:block;
	padding-bottom:4px;
	padding-top:3px;
}




/* Other sections */

.side_content {
	float: left;
	margin-left:20px;
}
#ft {
	padding-top: 3px;
	padding-bottom: 13px;
	font-size:93%;
}




/* right nav */
.rnav {
	width: 171px;
	float: left;
	position: relative;
/*	left: 20px;
	top: 14px; */
}
.rnav ul {
	margin: 0px;
	padding: 0px;
}
.rnav li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Left nav Promo box */
.rnav .promo {
	background-image:url(/images/blue_merge_promo.gif);
	background-position:center top;
	background-repeat:no-repeat;
	padding:10px;
}
.rnav .promo_bottom {
	background-image:url(/images/blue_merge_promo_bottom.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-bottom:1em;
	height: 10px;
	width: 171px;
}
.rnav .promo h3 {color:#056EC1;}

/* Left nav Promo outline box */
.rnav .promo_var {
	background-image:url(/images/outline_merge_promo.gif);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.rnav .promo_var_bottom {
	background-image:url(/images/outline_merge_promo_bottom.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
	height: 10px;
	width: 171px;
	padding: 0px;
	margin-top: 0px;
}
.rnav .promo h3 {color:#056EC1;}








/* Left nav */
.lnav {
	width: 171px;
	float: left;
	position: relative;
	left: 20px;
	top: 14px;
}
.lnav ul {
	margin: 0px;
	padding: 0px;
}
.lnav li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Left nav Promo box */
.lnav .promo {
	background-image:url(/images/blue_merge_promo.gif);
	background-position:center top;
	background-repeat:no-repeat;
	padding:10px;
}
.lnav .promo_bottom {
	background-image:url(/images/blue_merge_promo_bottom.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-bottom:1em;
	height: 10px;
	width: 171px;
}
.lnav .promo h3 {color:#056EC1;}

/* Left nav Promo outline box */
.lnav .promo_var {
	background-image:url(/images/outline_merge_promo.gif);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.lnav .promo_var_bottom {
	background-image:url(/images/outline_merge_promo_bottom.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
	height: 10px;
	width: 171px;
	padding: 0px;
	margin-top: 0px;
}
.lnav .promo h3 {color:#056EC1;}



/* Main Search */
#main_search {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00B1F9;
	padding-bottom: 10px;
}
#main_search #search {
	border: 1px solid #7ED0DE;
	padding: 4px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

#main_search_small {
}
#main_search_small #search {
}

#main_search_small button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
}
#main_search_small button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}
#main_search_small #filter_search {
	float:left;
	display:block;
	clear:left;
	margin-top:4px;
}


/* Form button */
#main_search button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
}
#main_search button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}
#main_search #filter_search {
	float:left;
	display:block;
	clear:left;
	margin-top:4px;
}
/*blue buttons*/
.bluebutton{
 border-style:solid;
 border-width:1px;
 border-color:#fff;
 color:#fff;
 background-image:url(/images/blueform_button.jpg);
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 line-height:130%;
 height:32px;
 width:93px;
 padding-bottom:1px;
 background-repeat: no-repeat;
}
 
.bluebutton:hover {
 border-style:solid;
 border-width:1px;
 border-color:#fff;
 color:#fff;
 background-image:url(/images/blueform_button_over.jpg);
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 line-height:130%;
 height:32px;
 width:93px;
 padding-bottom:1px;
 background-repeat: no-repeat;
}

#main_search button.submitBtn { 
  background:url(/images/btn_blue_right.gif) right no-repeat; 
  font-size:109%; 
}
#main_search button.submitBtn span {
	line-height:28px;
	background:url(/images/btn_blue_left.gif) left no-repeat;
	color:#fff;
}
#main_search button.submitBtn:hover {
	background:url(/images/btn_blue_right_hover.gif) right no-repeat; 
}
#main_search button.submitBtn:hover span {
	background:url(/images/btn_blue_left_hover.gif) left no-repeat; 
}
	

/*blue buttons*/
#main_search_small button.submitBtn { 
  background:url(/images/btn_blue_right.gif) right no-repeat; 
  font-size:109%; 
}
#main_search_small button.submitBtn span {
	line-height:28px;
	background:url(/images/btn_blue_left.gif) left no-repeat;
	color:#fff;
}
#main_search_small button.submitBtn:hover {
	background:url(/images/btn_blue_right_hover.gif) right no-repeat; 
}
#main_search_small button.submitBtn:hover span {
	background:url(/images/btn_blue_left_hover.gif) left no-repeat; 
}


/* The end-of-content rounded corner dropshadow */
#end_content {
	background-image:url(/images/footer_end_right.png);
	background-position:right center;
	background-repeat:no-repeat;
	margin:0pt auto;
	padding-right:10px;
	text-align:left;
	width:940px;
}
#end_content_inner {
	background-image:url(/images/footer_end_left.png);
	background-position:left center;
	background-repeat:no-repeat;
	height:25px;
	margin-right:43px;
}



/* footer nav */
#footer_nav {
	text-align:center;
	margin-bottom: 4px;
}
#footer_nav ul {
    line-height: 1em;
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
    white-space: nowrap;
	text-align:center;
  }
#footer_nav li {
	display:inline;
	margin: 0;
	padding: 0 0 0 3px;
	list-style-type: none;
  }





/* 

Generic form stylings

*/


/*
	In the following section, many of the values must be changed in reference to another.
	Items labeled as 'subjective' are not dependent and may be easily changed as you see fit.
*/
.awesomeform label { 
	width: 100px; /* label width *//* label margin = (input left margin) - (label width) */
	margin-right: 10px; /* label margin */
}
.awesomeform label.long, .awesomeform p.label {
	margin-left: 120px; /* subjective */
	width: 390px; /* (textarea width) + (label width) + (label margin) - (left margin) */
}
.awesomeform label span {
	color: #900; /* color of required asterisk */
}
.awesomeform input, .awesomeform textarea, .awesomeform select,
.awesomeform .checks input, .awesomeform.checks input {
	margin-left: 110px; /* (label width) + (label margin) */
	/*width: 100px;*/ /* subjective, only applies to non-checkbox or radio inputs */
	border:1px solid #7ED0DE;
	padding:1px;
}


.awesomeform textarea { 
	width: 300px; /* subjective, recommend: (3/2)(input width) */
}
.awesomeform p.desc {
	margin-left: 110px; /* (label width) + (label margin) **recommended */
}
.awesomeform .checks label, .awesomeform.checks label {
	margin-left: 120px; /* (label width) + 2(label margin) */
}

/*
	The following makes Internet Explorer 6.x play nicely. 
	These fix the double float margin bug.
*/
* html .awesomeform .checks input, * html .awesomeform.checks input { 
	margin-left: 105px;  /* (1/2)((label width) + (label margin)) */
}
* html .awesomeform .checks label, * html .awesomeform.checks label { 
	margin-left: 110px; /* (label width) + (label margin) */
	height: 1em; 
}


/*********************************************************************************
	DO NOT EDIT BELOW THIS LINE
*********************************************************************************/


.awesomeform {
	margin: 0 0 1em;
}

.awesomeform label {
	/* 
		A label must precede the form element in the HTML
		You must keep the top padding for some browsers to keep the label and the form element looking on the same line
	*/
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 1em;
}

.awesomeform label:after { 
	/* 
		Creates a ":" after LABELs. This only works in some browsers 
	*/
	content: ":"; 
}

.awesomeform label.long {
	/*
		If your label text does not fit in the left-hand side, consider this class
	*/
	float: none;
	display: block;
	text-align: left;
}

.awesomeform label.long:after {
	content: "";
}

.awesomeform input, .awesomeform textarea, .awesomeform select {
	/*
		These items must immediately follow the LABEL item associated with it and followed by a BR (see below).
		The following width must be 10pixels wider than the width of the LABEL.
	*/
	display: block;
	margin-top:-2px;
}
.awesomeform select[multiple="multiple"] {
	/*
		Mozilla has some weird concept of how to display multiple select boxes.
		For some reason, display: block; does not affect it.
		For more information, see https://bugzilla.mozilla.org/show_bug.cgi?id=342531
		This fixes that problem. DON'T FORGET YOUR BR TAG AFTER SELECT!
	*/
	margin-left: 0px;
}
.awesomeform br { 
	/* 
		Always include a BR tag at the end of a line of items -- generally immediately following one of an INPUT, SELECT or TEXTAREA.
		Within div.checks, include the BR after the LABEL
	*/
	clear: left;
} 

.awesomeform input[type="radio"], .awesomeform input[type="checkbox"], 
.awesomeform input[type="hidden"] { 
	/* 
		Keeps Mozilla browsers (and others) from making the RADIO and CHECKBOXES too wide and/or tall.
		Also removes unnecessary borders from these browsers (They don't respond as expected) 
	*/
	width: auto; 
	
	border: 0;
}

.awesomeform input[type="hidden"] {
	/*
		Firefox doesn't want to make them actually hidden, so I'll force it.
	*/
	display: none;
}

.awesomeform p.desc {
	/*
		Use this immediately following an item that needs a longer description than can be handled by the LABEL.
		The left margin should be the same as INPUT, TEXTAREA and SELECT objects.
	*/
	display: block;
	position: relative;
	top: -1em;
	margin-bottom: 0em;
	font-style: italic;
	font-size: 0.9em;
}


/* 
	The following section is for reversing the display of CHECKBOX and RADIO INPUTs.
	Surround the section of items with <fieldset class="checks"></fieldset> or <div class="checks"></div>.
	It is highly recommended to use FIELDSET over DIV when there are multiple items.
	In the section, the INPUT precedes the LABEL and the BR comes last (after the label).
*/
.awesomeform .checks label, .awesomeform.checks label {
	/*
		Overrides for previously defined stuff and changes.
		Left margin must be 10pixels more than ".awesomeform input, .awesomeform select" etc.
	*/
	float: none;
	width: auto;
	clear: none;
	display: block;
	text-align: left;
	height: 1.4em;
	padding-top: 0;
	margin-bottom: 0;
}

.awesomeform .checks label:after, .awesomeform.checks label:after, .checks label:after  { 
	/* 
		Makes the ":" not generated after the LABEL. 
	*/
	content: ""; 
} 

.awesomeform .checks input, .awesomeform.checks input {
	/*
		Left margin is the same value as ".awesomeform input, .awesomeform select" etc.
	*/
	float: left;
	text-align: right;
	width: auto;
}

/* 
	End reverse checks/radios section
*/


/*
	I found my own IE CSS display bug. I call it the "IE sucks, so it redraws the top border all over the fieldset like a jerk bug."

.awesomeform input, .awesomeform textarea, .awesomeform select,
.awesomeform .checks input, .awesomeform .checks label,
.awesomeform.checks input, .awesomeform.checks label {
	margin-top: 0;
	margin-bottom: 0;
}
*/
* html .awesomeform br {
	/*
		Hooray! We have a fix!
		For some crazy reason, IE lets me style its BR tag.
	*/
	line-height: 1em;
	font-size: 0.5em;
}

.instruction {
color:#333333;
display:block;
font-size:100%;
margin-left:110px;}.awesomeform checks legend {
	font-weight: bold;
}

legend span {
color:#000000;
float:left;
font-weight:bold;
left:0pt;
text-align:right;
width:100px;
}
.main_content  h4 {
	font-weight: bold;
	font-size: 109%;
}
.awesomeform img {
	float: right;
}
.awesomeform .submit {
/*	font-family: "tahoma MS", Arial, Helvetica, sans-serif; */
 	font-family:Arial, Helvetica, sans-serif;	
	width: auto;
	font-weight: bold;
	padding: 4px;
	font-size: 109%;
}



.business_name {
	background-color: #E4E4E4;
	padding: 4px;
	color: #000000;
	font-size:131%;
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 10px;
	text-transform: capitalize;
	background-image: url(/images/business.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
}
.address {
	margin-bottom: 7px;
}
.categories li {
	background-image:url(/images/tick.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:93%;
	list-style-type:none;
	margin-right:21px;
	margin-top:5px;
	padding-left:18px;
	margin-bottom: 5px;
}
.categories {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:7px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	float: left;
	width: 100%;


}
.offset {
	text-indent: -4000px;
	display: block;
	float: left;
}
.contact_details {
	margin-bottom: 7px;
}
.compare {
	color:#4A6EC1;
	display:block;
	float:right;
	font-size:108%;
	font-weight:bold;
	margin-top:-1.6em;
}
.compare input {float:left;
margin-right:5px;
margin-top:2px;}


.steps_promo .step {
	display: block;
	text-align: left;
	float: left;
	width: 168px;
}
.steps_promo {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00B1F9;
	padding-bottom: 10px;
	padding-top: 10px;
}
h2 strong, h3 strong  {
	color: #FF4E07;
	font-weight: normal;
}

.main_content .steps_promo h2 {
	text-decoration: none;
}

h2#main_title {
	border-bottom:1px solid #77E3FF;
}
.steps_promo .call_to_action {
	clear: both;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: right;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 4px;
}
.steps_promo .step h2 {
	margin-bottom: 2px;
	background-image: url(/images/blue_merge_promo.gif);
	background-position: center;
	width: 30px;
	float: left;
	text-align: center;
	margin-right: 4px;
}
#wrapper #wrapper_style #content #bd .main_content .steps_promo .call_to_action a {
	color: #FF4E07;
	font-weight:bold;
}