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

body    { background: #0b2d4f url('public/images/body-bg.jpg') no-repeat center top; }
h1      { background: #134b84; color: #fff; text-transform: uppercase; font-size: 1.1em; padding: 4px 8px; margin: 10px -8px; width: 100%; }
h2      { color: #69C; text-transform: uppercase; font-size: 1.2em; line-height: 1.5em; margin: 1.5em 0 .5em 0; border-bottom: solid 1px #69C; }
h3		{ margin: 1em 0; font-weight: bold; font-size: 1.2em; }
p       { line-height: 1.8em; font-size: 1.1em; color: #464646; text-align: justify; 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-text { background: #f7f7f7; color: #444; font-size: 80%; font-weight: bold; text-align: center; }

/** LAYOUT
------------------------------------------*/
#header { height: 85px; }
	#header h1 { display: none; }

#site_search { float: right; padding: 15px 0; }
	#site_search .text { width: 100px; border: none; background: #036; border: solid 1px #369; color: #9CF; }
	#site_search .button { margin-bottom: -9px; }

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

#content { background: #fff url('public/images/content-bg.png') repeat-y left; }

#footer { margin: 1em auto; font-size: .9em; background: url('public/images/footer-rpt.png'); }
    #footer * { color: #4371A6; }
    #footer p, 
	#footer address { margin: 1em 30px; float: left; }
    #footer #contact_details, 
	#footer #contact_details a { color: #679DD6; }
    #footer #contact_details span { display: block; float: left; width: 50px; font-weight: bold; color: #4371A6; }
    #footer #contact_details small { font-size: 1em; }

/** MENU
------------------------------------------*/

#menu { background: url('public/images/menu-bg.png') no-repeat; height: 45px; overflow: hidden; }

	#subMenusContainer { margin-top: -1px; }
	#menu li { background: url('public/images/menu-div.png') no-repeat right; list-style: none; margin: 0; float: left; }
	#menu li a, #subMenusContainer a { display: block; float: left; padding: 14px; color: #C4EBFF; font-size: 1.1em; text-transform: uppercase; text-decoration: none; text-shadow: #576973 1px 1px 1px; }

	#menu li ul, #subMenusContainer ul { background: url('public/images/sub-menu-bg.png') repeat-x; width: 180px; margin: 45px 0 0 0;}
	#menu li ul { position: absolute; left: -9999px; }
	
	#menu li ul li { background: transparent; float: none; margin: 0; }
	#menu li ul li a, #subMenusContainer a { color: #fff; text-transform: none; padding: 4px 10px; float: none; }
	#menu li ul li a:hover,	#subMenusContainer a:hover { background: #036; }
	
	#menu li:hover ul, #menu li.hover ul { left: auto; }
	#menu li:hover a, #menu li.hover a { color: #fff; }


/** CONTENT
------------------------------------------*/

.entry { margin: 20px 30px; padding: 0 8px; }
.entry li { line-height: 1.8em; font-size: 1em; color: #333; margin: .2em 0 .4em 1em; }

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


/** RAIL
------------------------------------------*/

#rail { width: 240px; margin: 0; }
#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 ul { list-style: none; margin: 15px; }
#rail ul.promo li { background: #fff; border: solid 1px #CCC; }
#rail ul.promo li span { display: block; padding: 10px; }
#rail ul.promo li ul li { border: none; background: url('public/images/tick.png') no-repeat left 1px; padding: 2px 0 2px 20px; line-height: 1.2em; }
#rail ul.promo a { position: absolute; bottom: 1px; }

#rail #product-promos { position: absolute; margin: 0;  }
#rail #product-promos li.promo { display: block; float: left; width: 209px; height: 265px; }
#rail .mask { position: relative; width: 211px; height: 270px; margin: 15px 0 0 15px; overflow: hidden; }

#rail ul.promos li { background: transparent; border: none; }

#rail div.promo-tiles { padding: 10px 20px; }
#rail div.promo-tiles img { margin: 5px 0 5px 0; }

#rail div.promo-tiles .visit_shop_promo { margin-left: -5px; }
#rail .wp-image-124 { margin-left: -1px; }

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

#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: #E5E5E5; text-decoration: none; color: #222; border-left: solid 4px #E5E5E5; }

	#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: #ccc; color: #000; border-left-color: #80b9e4; }

	#rail #sub-pages li.current_page_parent li.current_page_item a,
	#rail #sub-pages li.current_page_item a { background: #666; color: #fff; border-left-color: #80b9e4; }
	
	#rail #sub-pages li.current_page_parent > a { background: #999 !important; color: #fff !important; border-left-color: #80b9e4 !important; }
	#rail #sub-pages li.current_page_ancestor a { background: #999; 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; }

/** HOME
------------------------------------------*/

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

#newsletter-signup { border: solid 1px #ccc; background: #fff; margin: 15px; padding: 10px; }
#newsletter-signup h3 { margin: 0 0 10px 0; }


/** 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; }
	

/** TABLE
------------------------------------------*/

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


/** 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; }