@import url('../libraries/reset.css');
@import url('../libraries/baseforms/baseforms.css');


/* File Download Icons */
a.file {background: url('../images/core/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/core/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/core/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

.clear:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
.clear { display: inline-block; clear: both; } /* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;} /* End hide from IE-mac */

.nil { padding: 0; margin: 0; border: none; }
.icon { vertical-align: middle; margin-right: 5px; }
.hidden { display: none; }
.show { display: inline-block; visibility: visible; }
.pointer { cursor: pointer; }

.left {float:left;}
.right { float:right;}


/*=============================================================
	Global settings  
=============================================================*/

body { font: normal 62.5%/20px Arial, Helvetica, sans-serif; color: #44474c; background-color:#44474c;}

table, tr,  td { vertical-align: top; border: none; }
p, h1, h2, h3, h4, h5, ol, ul.list { margin-bottom: 20px; text-align: left; }
p { font-size: 1.4em; }
h1 { font-size: 2.2em; line-height:26px;}
h2 { font-size: 1.6em; color: #89b400; margin:0; }
h3 { font-size: 1.5em; margin:0;}
h4 { font-size: 1.5em; color: #89b400; }
h5 { font-size: 1.4em; }

ul.list { margin-left: 30px; margin-bottom:30px;}
ul.list li { list-style:none; font-size: 1.4em; list-style-image:url('../images/core/icon-bulletpoint.gif');}

a { color: #44474c;  text-decoration: underline; }
a:hover { color: #89b400; text-decoration: none ; }
em, b {color: #89b400; }

hr { width:100%; border: none; border-top:1px solid #e3e3e3; height:0px; clear: both; display: inline-block; margin: 15px 0 20px 0; }

.two-lists { display: inline;float:left; width:600px;}
.two-lists .list  { width:270px; display: block; float:left;}
.hidden { display: none!important; }
div.small_note { font-size: 8px!important; padding-bottom: 10px; }
div.small_note p, div.small_note ul.list { margin-bottom: 10px!important }


form.baseform textarea { margin: 0; width: 250px; }
form.baseform select { 
  border-color:#7C7C7C #C3C3C3 #DDDDDD;
  border-style:solid;
  border-width:1px;
  width: 256px;
  padding:2px;
}

/*=============================================================
	Header 
=============================================================*/

#header { width: 985px; height: 215px; clear: both; background: url('../images/core/bg-header.gif') 0 0 no-repeat; display:block; float:left; }

#logo { width: 220px; height: 65px; float:left; margin:35px 0 0 70px; }


/*=============================================================
	Nevigation  
=============================================================*/

ul#navigation { width: 925px; height: 31px; display:block; clear: both;  background:url('../images/core/bg-nav.gif') repeat-x 0 0; color:#fff; text-align:center; font-size:1.2em; padding:0 10px 0 50px; position:relative; text-transform: lowercase; position:relative; z-index: 15; }
ul#navigation li { height:25px; display:inline-block; float:left; position:relative; padding-top:6px;}
ul#navigation li a { height:25px; width:auto; display:block; text-decoration:none; color:#fff; padding:0px 35px; cursor:pointer!important;}
ul#navigation li a:hover { color: #a1c334; text-decoration: none; cursor:pointer!important;}

/* drop down */
ul#navigation li ul { width:240px; height:auto; position:absolute; top:100%; left: -9999em;  background: url('../images/core/bg-dropdown.png') repeat-x 0 0;  padding:0px 0 15px 0; z-index: 15; }
ul#navigation li ul li { width: 190px;  height: auto!important; background-image: none;  display: block; float: left; padding:0; position:relative; z-index: 15;}
ul#navigation li ul li a { width: 190px; line-height:16px; height: auto!important; display:block; text-align:left;  padding:10px 15px 0 35px; cursor:pointer!important;}
ul#navigation li:hover ul, ul#navigation li.child ul { left:0!important; cursor:pointer!important;}




/*=============================================================
	Main body - left + right
=============================================================*/
#banner { width: 985px; height: 199px; display: block; overflow: hidden; clear: both; margin:0 auto; border-bottom:6px solid #e3e3e3; background: #e3e3e3 url('../images/core/flash-placeholder.jpg') no-repeat 50% 0; position: relative; z-index: 5; }
#flash { width: 985px; height: 199px; display: block; position: relative; z-index: 10; margin: 0 auto;  }

#container { width: 985px; height:auto; display:block; clear: both; padding:0; margin: 0 auto; background: #ffffff;  }
#content { width: 905px; height:auto; display:block; clear: both;  float:left; background: #fff url('../images/core/bg-content.gif') no-repeat top left; padding:40px 0 40px 80px;}

#content-right { width:250px; float:right; display:block;  clear:right; }
#content-left { width:600px; float:left; display:block;}

#p-index #content-left p { line-height:24px;}

/*tooltip*/
#tooltip { position:absolute; background:#a1c334; padding:5px 12px; display:none; color:#fff; font-size:1.2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:16px;}	
#caption #tooltip { position:absolute; background:#fff; padding:5px 12px; display:none; color:#fff; font-size:1.2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:16px;}	

/*FAQ page*/
.faq-question { padding-top:20px; }
.faq-question a { text-decoration: none; }
.faq-answer  { padding-top:10px;font-size: 14px!important;}


/*=============================================================
	Side Panel
=============================================================*/

.cta-photo { width:250px; height:200px; margin-bottom:10px;  display:none;}
#p-why-choose-ifresh .cta-photo, #p-our-team .cta-photo, #p-ethical-approach .cta-photo { background: url('../images/core/photo-about.jpg') no-repeat 0 0; display: inline-block; visibility: visible;}
#p-holistic-services .cta-photo, #p-standard-services .cta-photo, #p-optional-services .cta-photo, #p-24-7-account-services .cta-photo { background: url('../images/core/photo-services.jpg') no-repeat 0 0; display: inline-block; visibility: visible;}
#p-transparent-pricing .cta-photo, #p-contracts .cta-photo { background: url('../images/core/photo-pricing.jpg') no-repeat 0 0; display: inline-block; visibility: visible;}
#p-support .cta-photo { background: url('../images/core/photo-developers.jpg') no-repeat 0 0; display: inline-block; visibility: visible;}
#p-faqs .cta-photo, #p-glossary .cta-photo, #p-links .cta-photo { background: url('../images/core/photo-need-answers.jpg') no-repeat 0 0; display: inline-block; visibility: visible;}
#p-contact .cta-photo { background: url('../images/core/photo-contact.jpg') no-repeat 0 0; display: inline-block; visibility: visible;}

.caption-bg { width:250px; height:auto; background:#89b400 url('../images/core/corner-green-top.gif') no-repeat top left; padding:15px 0 5px 0; margin:0; }
.caption { width:210px;  height:auto; padding:5px 20px; margin:0; border-bottom:2px solid #a1c334; border-top:2px solid #a1c334; color:#fff; overflow:hidden; }
.caption h3 { color:#fff; }
.caption p { font-size:1.3em; margin:0; line-height:20px;}
.caption a { color:#fff; text-decoration:underline; }
.caption a:hover  {color:#fff; text-decoration:none; }

#show-contact, #show-faqs, #show-contract, #show-pricing, #show-team { display:none; }

#p-index #show-contact,
#p-why-choose-ifresh #show-faqs,
#p-our-team #show-contract,
#p-ethical-approach #show-faqs,
#p-holistic-services #show-contact,
#p-standard-services #show-faqs,
#p-optional-services #show-contact,
#p-24-7-account-services #show-contract,
#p-transparent-pricing #show-contact,
#p-contracts #show-pricing,
#p-support #show-team,
#p-faqs #show-contact,
#p-glossary #show-contact,
#p-links #show-contact,
#p-contact #show-contract { display: inline-block; visibility: visible; }

h4#talktous { width:210px; height:auto; padding:10px 20px; margin:0; background-color:#c3c4c5; font-weight:bold; font-size:1.5em; color: #44474c;}

ul#cta { width:210px; padding:15px 20px; background: #e3e3e3 url('../images/core/corner-grey-bottom.gif') no-repeat bottom left; margin:0;}
ul#cta li { display:block; font-size:1.2em; padding:8px 0; }
ul#cta li img { padding-right:15px; vertical-align:middle; margin-top:-6px;}
ul#cta li a  { text-decoration:none; }
ul#cta li a:hover { text-decoration:none; }


/*=============================================================
	Login box 
=============================================================*/
#login_box {  width:400px; height: 25px; display:block; margin:35px 0 0 0; float:right; }
#login_box_form, #login_box_form fieldset ol  {	 width:400px; height: 22px; display:inline; float:right; margin:0; padding:0; list-style: none; color: #44474c; }
#login_box_form fieldset ol li {  height: 22px; display: inline; list-style: none; margin:0; vertical-align:top; padding:0 0 0 3px; font-size: 1.1em!important;}
#login_box_form fieldset ol li.forgotten_password { float: left; clear: left; margin-left:105px;}
#login_box_form fieldset ol li input {  margin:0; background: #fff url('../images/core/button-login-field.gif') no-repeat 0 0; border: 0; font-size: 1em!important; height:19px; width: 90px!important; color: #44474c; padding: 3px 0 0 10px; vertical-align:top;}
#login_box_form fieldset ol li input[type="text"] {width: 90px!important; }
.login_box-submit, #login_box_form .login_box-submit { margin:0; padding:0; display:inline; border: 0;  width: 43px!important; height: 22px; overflow: hidden; text-indent: -9999px; vertical-align:middle; vertical-align:top;}
#login_box.loggedin p { color: #959595;	border: 0; font-size: 1em!important;}

/*-------------------------------------------
	table
-------------------------------------------*/

#content-left table { width:100%;}

table.member-data { border: 1px solid #c9eb98; border-left: 0; border-top: 0; margin-bottom: 1em;font-size:1.2em; font-weight:normal; }
table.member-data tr.d1{ background-color: #fff;}
table.member-data tr.d0{ background-color: #fff;}
table.member-data th { background: #e8f7cb; border: 1px solid  #c9eb98; border-bottom: 0;border-right: 0; color: #78a421;  padding: 4px; text-align: left;}
table.member-data td { border: 1px solid #c9eb98; border-bottom: 0; border-right: 0; padding: 4px; text-align: left;}
.text-right { text-align: right;}

/*#content-left ol, #content-left ul { margin-bottom: 1em; margin-left: 3em; }*/

#content-left ul.ticks { list-style-type: none;}
#content-left ul.ticks li {	padding-left: 20px;background: url('../images/core/icon-tick.gif') left center no-repeat;}

#content-left ol.seperated_numbered_list { margin-bottom: 1em; }
#content-left ol.seperated_numbered_list li { font-size:14px!important;  font-family:Arial, Helvetica, sans-serif;}
#content-left ol.seperated_numbered_list div p {font-size:14px!important;  font-family:Arial, Helvetica, sans-serif;}

#logosright div img { }

/*-------------------------------------------
	NEW GREEN Box
-------------------------------------------*/
.blue, .green {	width:250px; background: #89b400 url(../images/core/corner-green-bottom.gif) no-repeat left bottom; color: #fff; font-size: 1.2em; margin-bottom: 1em;}
.blue .content, .green .content { background: url(../images/core/corner-green-top.gif) no-repeat left top; padding: 20px; }
.blue h2, .content h2 {color: #fff;	font-size: 1.6em; font-weight: normal;	margin-bottom: 0.5em;	padding: 0;height: 26px; }
.blue h4 { color: #fff;	font-size: 1.1em;  margin:0;}
.blue p {color: #fff;	font-size: 1em; margin:0 0 5px 0;}

ul.blue_links_list, ul.green_links_list { margin: 0; padding: 0; }
ul.blue_links_list li, ul.green_links_list li { display: inline; list-style: none;  padding: 0; margin: 0;}
ul.blue_links_list li a, ul.green_links_list li a { /*border-bottom: 1px solid #1a6380; */ color: #fff; display: block;padding: 3px 0; text-decoration: none;}
ul.blue_links_list li a:hover { color: #fff; text-decoration:underline; }

/*-------------------------------------------
	NEW GREY Box
-------------------------------------------*/
.green { background: #5c6064 url(../images/core/corner-dgrey-bottom.gif) no-repeat left bottom; }
.green .content { background: url(../images/core/corner-dgrey-top.gif) no-repeat left top; }
.green a {	color: #fff; text-decoration: underline;}
.green a:hover { color: #a1c334;  text-decoration:underline;}

/*-------------------------------------------
	Blue box text
-------------------------------------------*/
.blue #all_contracts_entered {	background: url(../images/core/blue_all_contracts.gif) ;height: 126px; margin: 6px auto; overflow: hidden; text-indent: -9999px; width: 161px;}
.green #prices-inclusive {	background: url(../images/core/cta-prices.gif) no-repeat;	height: 112px; margin: 6px auto; overflow: hidden; text-indent: -9999px; width: 161px;}
.blue #happily_discuss { background: url(../images/core/cta-strata.gif) no-repeat;	height: 112px; margin: 6px auto; overflow: hidden;	text-indent: -9999px;	width: 161px;}

/*-------------------------------------------
	Logged In As Panel
-------------------------------------------*/
#logged_in_as {	background: url(../images/core/logged_in_as_user.gif) no-repeat left center; display: block;font-size: .8em; padding: 2px 0 2px 40px;border-bottom:2px solid #a1c334; border-top:2px solid #a1c334; margin:0 0 15px 0;}
#logged_in_as span.username { font-size: 1.3em;font-weight: bold; }
#logged_in_as p { padding:0; margin:0;}



/*-------------------------------------------
	Management Form
-------------------------------------------*/
#management_forms ol li.alt input { background: #efefef; }
#management_forms ol li input.not_active { border: 0; }


/*-------------------------------------------
	Contacts with vCard.vcard h3 {	color: #005172 !important;	margin: 0 !important;}
.vcard h4 {color: #666 !important;	margin: 0 !important;margin-bottom: 1em !important;}

-------------------------------------------*/
#contacts_list { border-bottom: 1px solid #e3e3e3;	margin: 0 0 1em 0 !important;}
#contacts_list li {	border-top: 1px solid #e3e3e3; list-style: none; padding: 8px 0;}


.hide_type { display: none !important; }
#contacts_list .editable { background: #e7f5cb; }

/*-------------------------------------------
	Pricing Table
-------------------------------------------*/
#pricing_table th, #pricing_table td { text-align: center; }
#pricing_table td.description { text-align: left; }


/*-------------------------------------------
	Glossary
-------------------------------------------*/
.glossary_list {border-bottom: 1px solid #e3e3e3;margin: 0 0 1em !important; padding-bottom: 1em;}
.glossary_list dt {	border-top: 1px solid #e3e3e3;	color: #666;font-weight: bold;	margin-top: 1em;padding: 8px 0 5px;}


/*-------------------------------------------
	Back to top
-------------------------------------------*/
.back_to_top {	border-bottom: 1px solid #efefef;	border-top: 1px solid #efefef;	display: block;	font-size: .9em;margin: 1em 0;padding: .5em 0; text-align: right;}
.back_to_top a {background: url(../images/core/icon_link_go.gif) no-repeat left center;	padding-left: 22px;}

/*-------------------------------------------
	Account Details
-------------------------------------------*/
.account_details { margin: 0 0 5px 0;  font-size:1.2em; }
.account_details dt { float:left; font-weight: bold;  width:210px; line-height:20px;}


/*-------------------------------------------
	Insurance Details
-------------------------------------------*/
ul.downloads_box {	list-style-type: none; display:block; height:100px; margin: 0 auto;	padding:0; margin-bottom: 20px; }
ul.downloads_box li { margin:1%; float: left;	display:inline; width: 28%; font-size: 12px; }
ul.downloads_box li a {	border: 1px solid #c9eb98; padding: 4px; display: block; text-align: center;	border-top: none;}
ul.downloads_box li label {display:block; background: #e8f7cb; border: 1px solid #c9eb98; color: #78a421; text-align: center;	font-weight: bold; padding:4px 0px;}


td.positive {}
td.negative {  color: red;}
tr.odd {}
tr.even { /*background-color: #dcf2b6 !important;*/  background-color: #f5ffd9 !important;}


/*=============================================================
	Footer
=============================================================*/

#affiliate-logos {  width: 825px; height:50px; margin:0 auto; padding: 10px 80px 5px 80px; clear: both; border-top:3px solid #e3e3e3; font-size:1em; display:block; vertical-align:bottom; background-color:#fff;}
#affiliate-logos a { padding:0; vertical-align:bottom; display:inline; margin-left:15px; width:auto;}

#footer {width: 825px; height: 22px;  margin:0 auto;  padding: 0 80px; background-color:#89b400; font-size:1em; color:#fff; clear:both;display:block; margin-bottom:40px; }
#footer a { color:#fff; text-decoration:none; margin:0 5px; }
#footer a:hover { color:#fff; text-decoration:underline;}
#footer a#pp { color:#fff;text-decoration:underline; }
#footer a#pp:hover {color:#fff;text-decoration:none; }

/********************************************
        FEEDBACK STYLES
********************************************/
ul.feedback { background: #fff!important; margin-left: 0px!important; margin-bottom: 20px!important; }
ul.feedback , ul.feedback li { list-style: none; padding: 0px; margin: 0px; font-size: 13px; }
ul.feedback li  ul { margin-left: 20px!important; margin-bottom: 10px; margin-top: 10px; }
ul.feedback  li  strong { display: inline-block; }
ul.feedback  li  ul li { font-weight: normal!important; color: #000!important; }
ul.feedback  li.title strong { font-weight: bold; }

ul.important { background: #fff url(../images/icons/info.png) no-repeat 5px 5px!important; padding: 3px 5px 5px 25px; border: 1px dashed #C0C0C0;}
ul.important  li.title strong, ul.important  li  strong { color: #C0C0C0!important; }

ul.error { background: #fff url(../images/icons/error.png) no-repeat 5px 5px!important; padding: 3px 5px 5px 25px; border: 1px dashed red;}
ul.error  li.title strong, ul.error  li  strong { color: red!important; }

ul.complete { background: #fff url(../images/icons/accept.png) no-repeat 5px 5px!important; padding: 3px 5px 5px 25px; border: 1px dashed green;}
ul.complete  li.title strong, ul.complete  li  strong { color: green!important; }

/* FORM ERROR MESSAGES */
form.baseform li { position: relative; }
form.baseform label.error { position: absolute;background: #fff url(../images/icons/error.png) no-repeat 0 0!important; top:3px; z-index: 2!important; left:153px; padding: 0px!important; width: 16px!important; height: 16px; overflow: hidden; text-indent: -9999em; }
form.baseform  div.error-message { color: red; font-size:9px; position: absolute; z-index: 1!important; top: 0; left: 105px; margin: 0px!important; padding: 4px!important; border: 1px solid red; font-style: normal; width: 130px!important; padding-right: 20px!important; background: #FFF; }

form.validate_form_contact label.error { left: 286px!important; }
form.validate_form_contact  div.error-message { font-size: 12px!important; padding: 0 5px !important; left: 209px!important; width: 244px !important; }


/********************************************
        PAGINATION
********************************************/
div#pagination {
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
div#pagination ul {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
div#pagination ul li {
  display: inline;
  list-style: none;
  margin: 0 5px 0 0;
  padding: 0px;
}
div#pagination ul li a, div#pagination ul li strong {
  background: #E8F7CB;
  border: 1px solid #C9EB98;
  color: #78A421;
  padding: 5px
} 
div#pagination ul li strong.active {
  background: #FFF;
  font-weight: bold;
  padding: 5px 5px 6px 5px;;
}