/*
Theme Name: Igennus Healthcare-Nutrition
Theme URI: http://igennus-hn.com/
Description: The theme for Igennus Healthcare-Nutrition website
Version: 1
Author: Richard Standbrook
Author URI: http://koorb.co.uk/
Tags: custom, fixed width, two columns
*/

body    { background: #f2f2f2; }
h1      { color: #222; font-size: 2em; padding: 8px; margin: 10px -8px; width: 100%; }
h2      { color: #336b7c; text-transform: uppercase; font-size: 1.3em; line-height: 1.4em; margin: 2em 0 1.5em 0; padding: .2em; border-bottom: solid 2px #C8DBE3; }
h3		{ margin: 1em 0; font-weight: bold; font-size: 1.3em; }
h4		{ margin: 2em 0 .5em 0; font-weight: bold; }
p       { line-height: 1.5em; font-size: 1.1em; color: #464646; margin-bottom: 1em; }
address { font-style: normal; }
strong	{ color: #000; }


/** WORDPRESS STYLES
------------------------------------------*/
.alignright,
.alignleft { float: left; margin: 5px 20px 5px 0; }
.alignright { float: right; margin: 5px 0 5px 20px; }

.wp-caption img { padding: 5px; }
.wp-caption-text { background: #f7f7f7; color: #444; font-size: 80%; font-weight: bold; text-align: center; }

/** BLUEPRINT
------------------------------------------*/
.box { background: transparent; padding: 0; }

.box { margin: 20px 2px 0 2px; float: left; }
	.box h3 { background: url('public/images/box_header.jpg') no-repeat; width: 250px; height: 19px; margin: 0; color: #fff; font-size: 1.2em; padding: 8px; }
	.box .content { padding: 10px; border: none 1px #666; border-style: none solid none solid; width: 237px;  }


/** LAYOUT
------------------------------------------*/
#header { height: 85px; background: url('public/images/sales_line.jpg') no-repeat 350px 35px; }
	#header h1 { background: url('public/images/logo.jpg') no-repeat; text-indent: -9999px; width: 310px; height: 55px; position: absolute; }

#site_search { float: right; padding: 15px 0; }
	#site_search .text { width: 100px; border: none; background: #fff; border: solid 1px #f7f7f7; color: #7F7F7F; }
	#site_search .button { margin-bottom: -9px; border: none; text-indent: -9999px; background: url('public/images/search_btn.png') no-repeat left; width: 74px; height: 24px; }
	#site_search .button:hover,
	#site_search .button:active { background-position: right; cursor: pointer; }

#extra_links { text-align: right; }
    #extra_links li { list-style: none; display: inline; padding: 5px; }
    #extra_links a  { color: #7F7F7F; }
    #extra_links a:hover  { color: #3F3F3F; text-decoration: none; }

#content { background: #fff; margin-top: 10px; padding-bottom: 1em; }

#footer { margin: 1em auto; font-size: .9em; }
    #footer * { color: #999; }
    #footer p, 
	#footer address { margin: 1em 30px; float: left; }
    #footer #contact_details, 
	#footer #contact_details a { color: #999; }
    #footer #contact_details span { display: block; float: left; width: 50px; font-weight: bold; color: #666; }
    #footer #contact_details small { font-size: 1em; }


/** MENU
------------------------------------------*/
#menu { background: url('public/images/menu-bg.jpg') no-repeat; height: 60px; overflow: hidden; }

	#main-menu { margin: 0; }
	#main-menu li { background: url('public/images/menu-div.png') no-repeat right; list-style: none; margin: 0; float: left; }
	#main-menu li a, #subMenusContainer a { display: block; float: left; padding: 10px 8px; color: #C4EBFF; font-size: 1.1em; font-weight: normal; text-transform: uppercase; text-decoration: none; text-shadow: #576973 1px 1px 1px; }
	#main-menu li.current_page_item a,
	#main-menu li.current_page_ancestor a { color: #FFF; }
	
	#main-menu li ul, #subMenusContainer ul { background: #069; width: 180px; margin: 45px 0 0 0;}
	#main-menu li ul { position: absolute; left: -9999px; }
	
	#main-menu li ul li { background: transparent; float: none; margin: 0; }
	#main-menu li ul li a, #subMenusContainer a { color: #fff; text-transform: none; padding: 4px 10px; float: none; }
	#main-menu li ul li a:hover,	#subMenusContainer a:hover { background: #0072AE; }
	#main-menu li a.mainMenuParentBtnFocused { background: #069; color: #fff; }
	
	#main-menu li:hover ul, #main-menu li.hover ul { left: auto; }
	#main-menu li:hover a, #main-menu li.hover a { color: #fff; }
	
	#mc_menu_1 { clear: both; }
	#mc_menu_1 li { list-style: none; margin: 0; padding: 0; float: left; }
	#mc_menu_1 li a { display: block; float: left; padding: 1px 20px 0 0; color: #88C6DA; font-size: 1em; text-decoration: none; }
	#mc_menu_1 li a:hover { color: #CBF0FF; }
	#mc_menu_1 li.current_page_item a { color: #FFF; }


/** TABS
------------------------------------------*/
.tabs { clear: both; border: solid 1px #ddd; padding: 10px; margin-top: 25px; position: relative;  }
	.tab-menu { list-style: none; margin: 0; padding: 0; position: absolute; top: -1px; left: -1px; height: 30px; width: 100%; border: solid 1px #eee; background: url('public/images/tab_bg.png') repeat-x; }
	.tab-menu li { float: left; }
	.tab-menu li a { display: block; padding: 6px; margin: 0 5px 0 -1px; text-decoration: none; color: #777; font-weight: bold; border: solid 1px transparent; border-style: none solid none solid; }
	.tab-menu li a:hover { color: #222; }
	.tab-menu li.tab-selected a { color: #111; background: url('public/images/tab_bg.png') bottom repeat-x; border-color: #ddd; }
	
	.tab-container { margin-top: 40px; }


/** CONTENT
------------------------------------------*/
#breadcrumbs { list-style: none; margin: 0; padding: 20px 0; }
	#breadcrumbs li { float: left; margin: 0 5px 0 0; }

#breadcrumbs { margin: 0 0 20px 0; text-transform: uppercase; font-size: .8em; color: #444; letter-spacing: .1em; font-weight: bold; }
	#breadcrumbs a { color: #777; text-decoration: none; font-weight: normal; }
	#breadcrumbs a:hover { color: #000; }

.post h1 a { color: #222; text-decoration: none; }
.post h1 a:hover { text-decoration: underline; }
.post .date { font-family: Georgia, serif; font-size: 1.3em; }
.entry { margin: 20px 0; padding: 0 8px; }

.secondary h2 { background: #444; padding: 1px 4px; font-size: 1em; margin: 0 0 1em 0; }

ul.tick { list-style: none; }
ul.tick li { font-size: 1em; color: #333; background: url('public/images/tick.png') no-repeat left 2px; padding-left: 25px; margin-bottom: 1em; }


/** RAIL
------------------------------------------*/
#rail { width: 200px; margin: 10px; padding: 10px; background: #e4f0f5; }
#rail h4 { margin: 1em 1em 0 1em; padding-bottom: 4px; margin-top: 20px; border-bottom: 1px solid #999; font-size: 1em; color: #555; text-transform: uppercase; }
#rail h3 { margin: .5em 0; }
#rail .item { margin: 10px 0; }

.widgets { margin: 0; list-style: none; }
.widgets li { margin-bottom: 10px; }

#rail #sub-pages { margin: 0 0 10px 0; }

#rail #sub-pages li { list-style: none; margin: 0 0 1px 0; border: none; }

#rail #sub-pages li.current_page_parent ul a,
#rail #sub-pages li.current_page_ancestor ul a,
#rail #sub-pages li.current_page_item ul li.page_item a,
#rail #sub-pages li a { display: block; padding: 4px 4px 4px 6px; background: #C5D8E5; text-decoration: none; color: #222; border-left: solid 4px #A5B5C3; }

	#rail #sub-pages li.current_page_parent ul a:hover,
	#rail #sub-pages li.current_page_item ul li.page_item a:hover,
	#rail #sub-pages li a:hover { background: #CEE2F9; color: #000; border-left-color: #008dbb; }

	#rail #sub-pages li.current_page_parent li.current_page_item a,
	#rail #sub-pages li.current_page_item a { background: #008dbb; color: #fff; border-left-color: #80b9e4; }
	
	#rail #sub-pages li.current_page_parent > a { background: #009DD2 !important; color: #fff !important; border-left-color: #80b9e4 !important; }
	#rail #sub-pages li.current_page_ancestor a { background: #009DD2; color: #fff; border-left-color: #80b9e4; }
	
#rail #sub-pages ul  { display: none; }

#rail #sub-pages li.current_page_item > ul,
#rail #sub-pages li.current_page_parent > ul,
#rail #sub-pages li.current_page_ancestor > ul { margin: 1px 0 5px 10px; display: block; }

#rail #toc ol { margin: 10px; }
#rail #toc ol li { list-style: none; margin: 0 0 4px 0; border: none; }
#rail #toc a { display: block; padding: 2px 2px 2px 6px; text-decoration: none; color: #444; border-left: solid 4px #E5E5E5; }
#rail #toc a:hover { color: #000; border-color: #ccc; }

#right-rail img { margin: 10px 0; }

.widget_newslettersignupfrom h3 { margin: 0; }
.widget_newslettersignupfrom p { margin: 0; }
.widget_newslettersignupfrom .text { width: 180px; }

#health-sites-sidelist h3 { background: url('public/images/healthsites_sidebar_header.png') no-repeat; text-indent: -9999px; height: 30px; margin: 0; }
#health-sites-sidelist ul { list-style: none; margin: 0; padding: 0; }
#health-sites-sidelist li { margin: 0; }
#health-sites-sidelist a { display: block; background: #B8D657; color: #333; text-decoration: none; padding: 4px; }
#health-sites-sidelist a:hover { color: #000; background: #C7E75F; }

.quality { text-align: left; font-size: .9em; margin: -1em 2em 1em 1em; }
.alert { text-align: center; font-size: .9em; font-weight: bold; margin: .5em; padding: .5em; background: #fce600; color: #000; }


/** HOME
------------------------------------------*/
#home-content .promos { width: 650px; margin-left: -5px; }
#home-content .promos .alignleft { margin: 5px 5px 5px 0; }

#health-sites { margin: 10px 0 0 5px; }
#health-sites-list { position: relative; float: left; background: url('public/images/health_sites_bg.jpg') no-repeat; margin: 2px; width: 215px; overflow: auto; height: 270px; padding: 5px; }
	#health-sites-list h3 { margin: 5px; text-transform: uppercase; color: #fff; }
	#health-sites-list ul { list-style: none; padding: 0 0 10px 0; margin: 0; }
	#health-sites-list ul li { margin: 0; }
	#health-sites-list ul li a { display: block; padding: 4px; color: #FFC; text-decoration: none; }
		#health-sites-list ul li a:hover { color: #330; background: #B8D657; }

	#home #ask-experts .content { position: relative; }
		#home #experts-photos { position: absolute; left: 0; top: 0; }
		#home #ask-experts .content { padding-top: 136px; }
	
	#home #testimonials { position: relative; }
		#home #testimonials .testimonial-picture { position: absolute; top: 40px; right: -15px; }
		#home #testimonials .testimonial-picture img.picture { border: solid 4px #fff; }
		#home #testimonials .testimonial-picture img.paperclip { position: absolute; right: 4px; top: -8px; }
		#home #testimonials .with_photo blockquote { margin: 0 90px 0 0; }

#newsflash_mask { width: 540px; overflow: hidden; height: 50px; position: relative; border: solid 1px #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-top: 20px; }
#newsflash { position: absolute; }
	#newsflash .item { float: left; width: 520px; padding: 5px 10px; }
	#newsflash h4 { margin: 0; }


/** TESTIMONIALS
------------------------------------------*/
.testimonial { margin: 40px 40px 40px 20px; padding: 10px; }
	.testimonial.odd { background: #f7f7f7; }
.testimonial blockquote { line-height: 1.5em; font-style: normal; margin: 5px; text-align: justify; }
blockquote span { font-family: Georgia, serif; font-size: 6em; color: #ddd;  line-height: .9em; height: .4em; }
	blockquote .bqstart { float: left; margin-right: .2em; }
	blockquote .bqend { float: right; margin-left: .2em; }
.testimonial cite { color: #3E698B; font-weight: bold; margin: 0 0 1.5em 0; display: block; }


/** CONTACT US
------------------------------------------*/
.contact-details { font-size: 120%; background: #f5f5f5; padding: 20px; }
	.contact-details address { float: left; margin: 0 60px 0 20px; line-height: 1.3em; }
	.contact-details strong  { float: left; display: block; width: 60px; text-align: right; margin-right: 20px; }
	.contact-details .clear { display: block; padding-top: 20px; }
	

/** TABLE
------------------------------------------*/
table { border: solid 1px #eee; border-style: none solid solid none; border-collapse: collapse; }
table th { background: #eee; text-align: left; }
table tbody td { border: solid 1px #eee; border-spacing: 1px; border-collapse: separate; }

table.bright th { background: #9C0; color: #fff; }
table.bright thead td { background: #E8F9C8; color: #fff; }
table.bright tbody td { border: solid 1px #9C0; }


/** CONDITIONS CLOUD
------------------------------------------*/

.conditions_cloud li { list-style: none; float: left; overflow: hidden;  margin: 1px; }
	.conditions_cloud li a { padding: 4px; white-space: nowrap; }
	.conditions_cloud li a.current,
	.conditions_cloud li a:hover { background: #009; color: #fff; text-decoration: none; }
	.conditions_cloud li a.current { background: #444; }

/** NEWSROOM
------------------------------------------*/
#latest_news ul { margin: 0; }
#latest_news li { list-style: none; }
#latest_news a.title { font-size: 1.1em; line-height: 1.4em; color: #693; padding: 2px 1px; }
	#latest_news a.title:hover { background: #693; color: #fff; }
#latest_news .category a { font-size: .9em; color: #999; }
#latest_news .date { display: block; font-size: .9em; color: #8eb6c7; }

#newsroom ul { margin: 0; }
#newsroom ul li { margin: 10px 0; list-style: none; padding: 0; }
#newsroom ul a.title { font-size: 1.3em; line-height: 1.4em; color: #693; padding: 2px 1px; }
	#newsroom ul a.title:hover { background: #693; color: #fff; }
#newsroom ul .category a { color: #999; }

.postmetadata { font-size: .9em; background: #f7f7f7; padding: 4px; }
.postmetadata a { color: #333; }
.postmetadata a:hover { text-decoration: none; }


/** HEALTH SITES
------------------------------------------*/
#health-sites { margin: 10px 0 0 0; }

#health-sites h1 { background: url('public/images/hs_header.png') no-repeat; margin: 0; color: #fff; font-size: 1.1em; }
	#health-sites h1 strong { color: #fff; }
	
#health-sites .entry { padding-left: 0; margin-top: 0; }
	
#health-sites .tabs { margin: 0 8px 0 0; }
	#health-sites .tab-menu { background: url('public/images/hs_tab_bg.png') repeat-x; height: 30px; border: none; margin: 0 1px; }
	#health-sites .tab-menu li a { color: #b5eafa; border: none; }
	#health-sites .tab-menu li a:hover { color: #fff; }
	#health-sites .tab-menu li.tab-selected a { color: #033; background: url('public/images/hs_tab_bg.png') bottom repeat-x; }

#health-sites h4 { margin: 0; height: auto; }

#health-sites-testimonials h3 { font-size: 1.2em; }
#health-sites-testimonials ul { margin: 0; list-style: none; }
#health-sites-testimonials blockquote { margin: 5px; }
#health-sites-testimonials blockquote .bqstart,
#health-sites-testimonials blockquote .bqend { font-size: 3em; }


/** COMPLEMENTARY THERAPIES
------------------------------------------*/
#complementary-therapies h2 { text-align: left; margin-top: 0; }


/** SECTION MAP
------------------------------------------*/
.section_map { list-style: none; margin: 0; padding: 0; }
.section_map li { display: block; float: left; margin: 5px 13px; border: solid 1px #606E7E; border-bottom: solid 2px #606E7E; width: 29%; line-height: 1.4em; }
.section_map li a { display: block; padding: 2px 5px; background: #606E7E; color: #fff; text-decoration: none; font-weight: bold; }
	.section_map ul { margin: 10px 0; padding: 0; }
	.section_map ul li { display: block; float: none; margin: 0; padding: 0; border: none; width: auto; background: url('public/images/li_bg.png') no-repeat 4px 7px; padding-left: 10px; margin: 0 5px; }
	.section_map ul li a { background: transparent; color: #666; font-weight: normal; }
	.section_map ul li a:hover { color: #222; }


/** ORDER FORM
------------------------------------------*/
#order-form { margin-top: 20px; }
#order-form label { display: block; float: left; width: 200px; text-align: right; margin: 5px; font-size: 110%; }
#order-form input,
#order-form select { margin: 5px; font-size: 110%; }
#order-form p.tip { color: #888; font-size: 100%; margin: 10px 0 0 215px; }

#order-form .push { margin-left: 210px; }
#order-form .push label { display: inline; float: none; margin: 0; }

#order-form div.actions { background: #f7f7f7; border-top: dotted 1px #999; padding: 10px; text-align: right; margin-top: 20px; }

#order-form #name_field, 
#order-form #email_field 		{ width: 200px; }
#order-form #promocode_field 	{ width: 100px; }

#order-form table.products .product strong { font-size: 1.2em; }
#order-form table.products .product p { font-size: .9em; margin: 0; }
#order-form table.products .price { width: 60px; text-align: right; }
#order-form table.products .qty { width: 20px; }
	#order-form table.products .qty input { text-align: center; }
	
#order-form #totals { text-align: right; font-size: 1.2em; font-weight: bold; border-top: dotted 1px #444; margin-top: 20px; padding-top: 10px; }
#order-form #totals span { font-weight: normal; }
#order-form #total { font-size: 1.5em; }
#order-form #total_amount { color: #090; }


/** CONTACT FORM
------------------------------------------*/
.wpcf7-mail-sent-ok,
.wpcf7-validation-errors,
.wpcf7-not-valid-tip-no-ajax { color: #C60; font-weight: bold; padding: 5px; }

.wpcf7-mail-sent-ok,
.wpcf7-validation-errors { background: #C60; color: #fff; padding: 10px; }

.wpcf7-mail-sent-ok { background: #093; }

/** SPECIFIC PAGES
------------------------------------------*/

#the-natural-way-to-beat-depression-content table,
#the-natural-way-to-beat-depression-content table td { border: none; }

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

