/* 	-------------------------------------------------------------------------------
	NOTE: This is client-specific css profile. 
	Changes made here will to apply globally to ALL landers for this client. 
	If you need lander-specific styles, please create an additional style sheet.
	
	DO NOT REMOVE ANYTHING FROM THIS FILE!
	------------------------------------------------------------------------------  */



/* =============================== STRUCTURAL STYLING  ================================ */

body {
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#fff;
	margin-left:0;
	margin-right:0;
	margin-top:8px;
	padding-top:0;
}


#main-wrapper {
	margin:0;
	width:100%;
	padding:0;
}

#wrapper {  
	width:950px; /* overall width. Leave blank if you want it to fill the browser window */
	background:#fff;
	border:0;
	padding:0;  /* this number is added to the width! */
	position:relative;
	margin:0;
}






/* ============================= GLOBAL TEXT STYLES  ============================== */

body, input, select, option { 
	font-family:arial, sans-serif;
	line-height:20px;
	font-size:14px;
	color:#000;
}


.attention {     /* use this for important inline copy  */
	font-weight:bold;
	color:#000;
}

.indent {
	margin-left:20px;
}

p {
	margin:0;
	padding:0 0 20px 0;
}


/* ============================= HEADER TEXT STYLES  ============================== */

h1 {
	color:#495e7b; /* blue color */
	color:#000000; /* black */
	font-size:30px;
	line-height:36px;
	margin:20px 0 10px 0;
	padding:0;
}



h2 {
	color:#000; /* black color */
	font-size:18px;
	line-height:30px;
	padding:0px 0 8px 0;
	margin:0;
}


h3 {
	color:#000000;  /* black */
	font-size:15px;
	line-height:20px;
	margin:0 0 1px 0;
	padding:0;

}

h4, h5 {
	font-size:14px;
	color:#3fa9dd;
	color:#000;
	margin:0;
	padding:0;
}


/* ============================= FOOTER TEXT STYLES  ============================== */

div#footer {
	background:url(../img/bg-footer.gif) repeat-x;
	padding:0;
	padding-top:35px;
	text-align:center;
	width:100%;
	color:#696969;
	margin:30px 0;
}



/* ============================= NAVIGATION  STYLES  ============================== */

ul#navigation {
	background:url(../img/nav-divider.gif);
	background-repeat:no-repeat;
	background-position:top right;
	position:absolute;
	top:0px;
	right:0;
	margin:0;
	padding:0;
}

ul#navigation li {
	display:block;
	float:left;
	padding:7px 21px 0px 21px;
	background:url(../img/nav-divider.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:40px;
}


ul#navigation li a {
	color:#f36a06;
	text-decoration:none;
}
	

ul#navigation li a:hover,
ul#navigation li a.active {
	color:#000;
}


/* ================================== LINK STYLES  ================================== */

/*  NOTES:
	
	1. Default text links:  Client's standard link styles, no class necessary. 
	   Syntax:  <a href="link.html">Link Text</a>
	   
	   
	2. Button Style links:  Use class="action" for a button effect. You must also 
	   define which style to apply to it:
		
		a. Use class="default", for normal company branded colors, reversed.
		
		b. Use class="alternate" for variation. 
		
	   Syntax: <a href="link.html" class="action default">Link Text</a>  

 */




/* ------------------------------ Default text links  ------------------------------- */


a {
	color:#0799d8;
	color:#3693d2;
	text-decoration:underline;
}

a:hover {
	color:#10639a;

}


/* ------------------------------ Button Style links  ------------------------------- */


a.action,
div.buttonSubmit input {
	display:inline-block;
	clear:both;
	width:auto;
	overflow:hidden;
	font-size:19px;
	font-weight:normal;
	margin:10px auto;
	padding: 10px 20px;
	text-decoration: none;
	position: relative;
	/* min-width:300px; */ /* add min-width to make all button links the same width */
}



/* Default button-shaped links and input buttons */	

a.default,
div.buttonSubmit a.default input {
	background-color:#dc6d01;
	border:1px solid #9a0f0f;
	color:#fff;	
}	

/* hiding png from IE6 with selector */
body>div a.default,
body>div div.buttonSubmit a.default input {
	background-image:url(../img/bg-grad-white-base.png);
	background-repeat:repeat-x;
	background-position:center bottom;
}

a.default:hover,
div.buttonSubmit a.default input:hover {
	background-color:#dc4901;
	color:#fff;
}



/* Alternate button-shaped links and input buttons */

a.alternate,
div.buttonSubmit a.alternate input {
	background-color:#2e6eef;
	border:1px solid #315eba;
}

/* hiding png from IE6 with selector */
body>div a.alternate,
body>div.buttonSubmit a.alternate input {
	background-image:url(../img/bg-grad-white-base.png);
	background-repeat:repeat-x;
	background-position:center bottom;
}


a.alternate:hover,
div.buttonSubmit a.alternate input:hover {
	background-color:#3fa9dd;
}


/* ------------------------ Style submit input like other links --------------------- */

div.buttonSubmit a.action {
	padding:0;
	margin:0;
}

form#offer div.buttonSubmit input {
	width: auto;
	cursor:pointer;
	background:transparent;
	background-color:transparent;
	border:0;
	margin:0;
}

/* adds padding between form and submit */
div.buttonSubmit {
	margin:0;
	padding:20px 0 0 0;
	position:relative;
}








/* ================================ MISC TREATMENTS  ================================== */


/* style this if needed */
#branding {
	background:url(../img/bg-footer.gif) repeat-x;
	background-position:left 32px;
	padding:10px 0 10px 0;
	margin:0;
	display:block;
	height:40px;
}

.divider {
	border-bottom:3px solid #d1e5f5;
	margin-bottom:23px;
	padding-bottom:23px;
}




/* ---------------------------------- Hero Shot  ------------------------------------ */

body#standard-hero-top #hero {
	padding:6px;
	border:1px solid #ccc;
}

/* -------------------------------- Ordered Lists  ---------------------------------- */

/*  NOTE:  Any number of steps can be added, just make sure there are images for each one.
	Syntax: 
	
	<ol id="step">
		<li>first list item</li>
		<li>second list item</li>
		<li>third list item</li>
	</ol>  */


#step {
	margin: 10px 0 15px 15px;
	padding: 0;
}

#step li {
	padding: 3px 0 6px 28px;
	margin: 0 0 5px 0;
	list-style: none;
}

#step .item1 {
	background: url(../img/one.jpg) no-repeat;
	background-position:left 1px;
}

#step .item2 {
	background: url(../img/two.jpg) no-repeat;
	background-position:left 1px;
}

#step .item3 {
	background: url(../img/three.jpg) no-repeat;
	background-position:left 1px;
}



/* -------------------------------- Unordered Lists  -------------------------------- */

ul {
	margin:0 0 20px 20px;
	padding:0;
}


ul li {
	background:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	margin:0;
	list-style-type:none;
	padding:0 0 5px 18px;
	line-height:18px;
}



/* --------------------------------- Shadow Styles  --------------------------------- */


a.shadow span {
	cursor:pointer;
}

.shadow span  {
	line-height:30px;
	position:relative;
	clear:none;
	white-space:nowrap;
}



/* ------------------------------------- Quotes  ------------------------------------ */


blockquote {
	padding:0;
	margin:0 0 35px 0;
}

div.quote {
	margin:0 0 10px 0;
	padding:10px 27px 0 27px;
}


div.quotation, 
span.quotation {
	font-weight:normal;
	font-size:30px;
	font-family:arial;
	overflow:visible;
	color:#666666; /* black color */
}



div.quotation {
	height:15px;
	padding:0;
	margin:2px 5px 0 0 ;
	position:relative;
	float:left;
}


span.quotation {
	position:absolute;
	padding:2px 0 0 0;
	margin:0;
}


div.quotation, 
span.quotation {
	font-weight:bold;
	font-size:30px;
	font-family:Georgia, serif;
	overflow:visible;
}




/* ------------------------------- Special JS selectors  ---------------------------- */
/* any additional cases must be added to profile-ec.js */

.js-blockquote-p { margin-top:30px; }   /* if blockquote is followed by p, add extra padding */

.js-h2-h3 {margin-top:0px} /* if h2 is followed by h3, remove extra padding */

.js-h2-p { margin-top: 0px; } /* if h2 is followed by p, remove extra padding */





/* modal dialog flash popup */
#simplemodal-overlay {
  background-color:#000;
  cursor:pointer;
}

#simplemodal-container {
  height:500px;
  width:950px;
  background-color:#fff;
 
}

#simplemodal-container a.modalCloseImg {
  background:url(../img/CloseFlashPopup.gif) no-repeat;
  width:69px;
  height:21px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-25px;
  right:0px;
  cursor:pointer;
}
#simplemodal-container a.modalCloseImg:hover{
	background-position:0 -21px;
}


div.wrapper-components {
	color:#515151;
}

div.wrapper-components h3.contact {
	background:url(../img/hdr-contact.gif) no-repeat;
	background-position:left 25px;
	height:50px;
	margin-top:20px;
	color:#000000;  /* black */
	font-size:16px;
	line-height:30px;
	margin:0 0 10px 0;
	padding:0;

}




div.wrapper-components h3.contact span {
	display:none;
}


div.wrapper-components h4.trigger {
	padding: 0;
	margin: 0 0 5px 0;
	font-weight: normal;
	display:block;
	height:32px;
}
div.wrapper-components h4.trigger a {
	text-decoration: none;
	display: block;
	outline: none;
	background:url(../img/bg-toggle-header.jpg);
	background-position:0 0;
	height:12px;
	padding:10px 10px 10px 30px;
	overflow:hidden;
	color:#515151;
}

div.wrapper-components h4.trigger a:hover {
	color:#515151;
}

div.wrapper-components h4.active a {background-position: 0 32px; color:#515151;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
div.wrapper-components .toggle_container {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 300px;
	clear: both;
	color:#515151;
}
div.wrapper-components .toggle_container .block {
	padding-left:30px;
	padding-bottom:20px;/*--Padding of Container--*/
}