/*

	GARY STEEL CSS 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES & VIDEOS
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITE INFO/FOOTER
       10.GLOBAL ELEMENTS

	
    -------------------
    
    COLOURS -----------
    
        
    
    -------------------
	
*/

/* @group 6.0 LAYOUT */

#home-head {
	height: 270px;
	background-image: url(../../images/head_background_copy.jpg);
}

#pages-head {
	height: 180px;
	background-image: url(../../images/pages_head_background_tile.jpg);
}

/* @end */

/* @group 9.0 SITE INFO/FOOTER */

#footer {
	height: 324px;
	background-color: #497D32;
}

#footer #email {
	background-color: #5B8F47;
	width: 468px;
	border: 1px solid #8B9F7E;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-style: normal;
}

#footer #question-box {
	background-color: #5B8F47;
	height: 50px;
	width: 468px;
	border: 1px solid #8B9F7E;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-style: normal;
}

#footer #question {
	font-style: italic;
	color: #DCF5D5;
}

#footer .container #question h2 { color: #DCF5D5; }

#footer #question p { margin-bottom: 0px; }

#sponsored-logo p {
	background-image: url(../../images/sponsored_logo.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 230px;
	text-indent: -9000px;
}

#footer #search {
	background-color: #5B8F47;
	width: 228px;
	border: 1px solid #8B9F7E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #FFF;
}

#menu-footer ul { margin: 0; }

#menu-footer ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	color: #FFF;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6D9F5D;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-type: none;
}

#menu-footer ul li a:focus, #menu-footer ul li a:hover { color: #000; }

#menu-footer ul li a {
	color: #FFF;
	text-decoration: none;
}

.copyright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	color: #FFF;
	font-style: italic;
}

/* @end */

#article p {
	font-size: 1.25em;
	color: #333;
}

#introduction p {
	font-size: 1.5em;
	font-style: italic;
	color: #666;
}

#introduction p img.left {
	float: left;
	padding: 0;
	margin-top: 0em;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}

#home-head .container {
	background-image: url(../../images/daisy_background.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 216px;
}

#pages-head .container {
	background-image: url(../../images/echinacea-background.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 180px;
}

#home-head-title {
	height: 144px;
	margin-top: 36px;
	margin-bottom: 36px;
}

#home-head-title h1 {
	background-image: url(../../images/masthead_title.gif);
	background-repeat: no-repeat;
	height: 72px;
	text-indent: -9000px;
	margin-bottom: 0px;
}

#home-head-title h2 {
	background-image: url(../../images/masthead_sub.gif);
	background-repeat: no-repeat;
	height: 72px;
	text-indent: -9000px;
	margin-bottom: 0px;
}

#pages-head-title {
	height: 72px;
	margin-top: 36px;
	margin-bottom: 18px;
}

#pages-head-title h1 {
	background-image: url(../../images/masthead_title.gif);
	background-repeat: no-repeat;
	height: 72px;
	text-indent: -9000px;
	margin-bottom: 0px;
}

#navbar #navlocator {
	height: 36px;
	color: #FFF;
	text-align: center;
	background-image: url(../../images/navbar-transparent-background.png);
	background-repeat: no-repeat;
	padding-top: 8px;
}

* html #navbar #navlocator { background-image: url(../../images/navbar-ie-background.gif); }

#sidebar .sidebox {
	border: 1px solid #C0E0B0;
	width: 208px;
	background-image: url(../../images/box-background.jpg);
	background-position: left top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sidebar .sidebox a {
	background-image: url(../../images/grey-triangle-button.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
	display: block;
	width: 190px;
	padding-right: 18px;
	color: #666;
	text-decoration: none;
}

#sidebar .sidebox a:focus, #sidebar .sidebox a:hover {
	color: #000;
	background-image: url(../../images/yellow-triangle-button.gif);
}

#featured-herbs {
	border: 1px solid #C0E0B0;
	background-image: url(../../images/box-background.jpg);
	background-position: left top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 168px;
}

#featured-herbs p { margin-bottom: 0px; }

#featured-herbs a {
	background-image: url(../../images/grey-triangle-button.gif);
	background-position: right;
	background-repeat: no-repeat;
	display: block;
	width: 170px;
	color: #666;
	text-decoration: none;
	height: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#featured-herbs a:focus, #featured-herbs a:hover {
	color: #000;
	background-image: url(../../images/yellow-triangle-button.gif);
}

#featured-herbs h3, #most-popular h3, #favourite-herbs h3 { color: #497D32; }

#featured-herbs img { border: 1px solid #C0E0B0; }

#herb-list .container { width: 960px; }

#content-page p {
	padding-left: 30px;
	font-size: 1.25em;
}

#content-page ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	padding-left: 30px;
}

#article-block p {
	padding-left: 0;
	font-size: 1.25em;
}

#article-block ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	padding-left: 30px;
}

#article-block li {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 0;
}

#also-known-as {
	background-image: url(../../images/h2_headings/aslo_known_as.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}

#content-page #uses {
	background-image: url(../../images/h2_headings/uses.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}

#content-page #description {
	background-image: url(../../images/h2_headings/description.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}

#content-page #how-it-works {
	background-image: url(../../images/h2_headings/how_it_works.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}

#content-page #additional-advice {
	background-image: url(../../images/h2_headings/additional_advice.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}

#guide-to-herbs {
	background-image: url(../../images/h2_headings/guide_to_herbs.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}

#herbs-for-health {
	background-image: url(../../images/h2_headings/herbs_for_health.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}

#commonly-used-herbs {
	background-image: url(../../images/h2_headings/commonly_used_herbs.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}

#how_to_use_safely {
	background-image: url(../../images/h2_headings/how_to_use_safely.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}

#vogel_story {
	background-image: url(../../images/h2_headings/vogel_story.gif);
	background-repeat: no-repeat;
	height: 36px;
	text-indent: -9999px;
}
#ref p {
	font-size: 10px;
	color: #666;
	margin-bottom: 0px;
	padding-left: 0px;
}


/*HERB LISTING--------------------*/

ul#herbs_listing {
	list-style: none;
	font-size: 9px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul#herbs_listing li {
	width: 110px;
	height: 100px;
	overflow: hidden;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

ul#herbs_listing li img {
	border: none;
	padding: 0;
}

ul#herbs_listing li a {
	text-decoration: none;
	display: block;
	color: #000;
}

ul#herbs_listing li a:hover, ul#herbs_listing li a:focus {
	text-decoration: none;
	color: #666;
}

/*link list--------------------*/

#CollapsiblePanel2 .CollapsiblePanelContent ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#CollapsiblePanel2 .CollapsiblePanelContent ul li {
	background-image: url(plugins/link-icons/icons/external.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}

#CollapsiblePanel2 .CollapsiblePanelContent ul li a:focus, #CollapsiblePanel2 .CollapsiblePanelContent ul li a:hover { color: #3E5C2A; }

#CollapsiblePanel2 .CollapsiblePanelContent ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #222;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3F5D2B;
}

#content-page p a:focus, #content-page p a:hover { color: #3E5C2A; }

#content-page p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #222;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3F5D2B;
}

#sidebar .span-6.last.sidebox p {
	padding-left: 0px;
	font-size: 1em;
	font-style: italic;
}

#left_column p { padding-left: 0px; }

#content-page #category-list h3 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #9AB58F;
	padding-top: 0px;
	margin-top: 30px;
	padding-left: 30px;
	margin-bottom: 0px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666;
}

#content-page #category-list p {
	padding-left: 480px;
	margin-bottom: 0px;
}

#content-page #category-list ul {
	padding-left: 480px;
	margin-bottom: 0px;
}

#navlocator a:focus, #navlocator a:hover { color: #EABE2B; }

#navlocator a {
	text-decoration: none;
	color: #FFF;
}

#dropdown_list_container { height: 800px; }

#content #sidebar #most-popular ul, #content #sidebar #favourite-herbs ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#content #sidebar #most-popular ul li { margin-bottom: 10px; }

#related-articles h2 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #9AB58F;
	margin-bottom: 18px;
	margin-top: 36px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666;
}

#related-articles a:focus, #related-articles a:hover { color: #222; }

#related-articles a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3F5D2B;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3F5D2B;
	font-style: italic;
}

#related-articles li { list-style-type: none; }

#related-articles .relatedArticles {
	padding-left: 30px;
	margin: 0px 0px 18px;
}