@charset "utf-8";
/*  ====================================================================
	STYLES.CSS | CSS FRAMEWORK
	author:Fuel Design Ltd
	version:Sept 2009
    ==================================================================== */

/*  ==================  1 - import Styles  ============================= */	

	@import url("base.css");
	@import url("layout.css");
	
/*  ==================  2 - Width of objects  ========================== */

#dimension	{}
#page		{margin:0 10px; background:white; padding-bottom:20px;
			box-shadow:0px 0px 20px 0px #b1a69b;
			-moz-box-shadow:0px 0px 20px 0px #b1a69b;
			-webkit-box-shadow:0px 0px 15px rgb(177, 166, 155, 0.9);
			}
			
.fixed		{width:980px;}
.fluid		{width:auto;}
									
/*  ==================  3 - Defaults: Typography,Colours...  =========== */

body  {color:#666; background:#efedeb; font:normal normal normal 0.75em/1.2em Verdana,Arial,Helvetica,sans-serif; white-space:normal;}
body > div{margin:0 auto;}

/*  ==================  4 - Base object Styles  ======================== */

#body					{margin-top:13px;}
#head					{background:white url('images/bg/header-margin-bg.png') repeat-x bottom left;}
#content .copy			{margin:0 33px; font-size:1em; width:547px;}
#foot					{clear:both;}    

/*  ==================  5 - Custom Styles  ======================== */

strong								{font-weight:bold;}
em									{font-style:italic;}
#content .copy a,#content .copy a:visited,#content .copy a:active
									{border-bottom:1px dotted #666;}
#content .copy ul					{margin:0 0 10px 30px;}
#content .copy li					{margin-bottom:10px;}
#content .copy ul li ul li			{margin:0 0 5px 20px;}
hr									{border:1px dashed #006a71; border-width:0 0 1px 0; height:1px; margin:10px 0; background:#006a71;
}


/*  ==================  6 - Global Style Types  ======================= */

/* links */
a:link, a:visited 					{color:#006a71;}
a:hover, a:active					{cursor:pointer;}

/* remove dotted outlines in FF */
a:hover, a:active, a:focus, :focus	{outline:0 none;}
a:link.external, a:visited.external	{background:transparent url("../images/bg/external.gif") top right no-repeat;padding-right:12px;}

/* paragraphs */
p 									{padding:0 0 15px;}
.leadin								{font-size:1.167em;}

dl dt								{font-weight:bold;}
dl dd img							{display:inline;}

/* blockquotes */
blockquote							{background:#f5f5f5 scroll 0 0;margin:0 0 1em 0;}
blockquote p						{font-family:georgia,"times new roman",serif;color:#ccc;font-size:1.5em;margin:5px 5px 5px 10px;}
cite								{font-style:normal;color:#ccc;font-weight:bold;}

.comment blockquote					{background:none; margin:0 0 1em 0;}
.comment blockquote p				{font-family:georgia,"times new roman",serif;color:#fff; font-size:1.5em;margin:5px 5px 5px 10px;}
.comment cite						{font-style:normal;color:#fff;font-weight:bold;}


/* headers */
h1									{color:#006a71; font:normal normal normal 2em/1em Georgia,"Times New Roman",Times,serif; padding:0 0 15px; text-transform:uppercase;}
h2									{color:#333;font-size:1.3em; line-height:1.3em; padding:0 0 15px;}
h3									{color:#333;font-size:1.2em; line-height:1.2em; padding:0 0 15px;}
h4									{color:#333;font-size:1.1em; line-height:1.1em; padding:0 0 15px;}
h5									{color:#333;font-size:1em; line-height:1em; padding:0 0 15px;}


/*  ======== Header =============== */
.header								{height:152px;}
#logo								{float:left; background:transparent url('images/bg/logo-area-bg.png') no-repeat 0 0; position:relative;}
#logo img							{position:absolute; left:0; top:0;}
#banner								{float:right; background:transparent url('images/bg/banner-bg.png') no-repeat 0 0;}
#banner	 ul							{height:105px; list-style:none; overflow:hidden;}

/*  ======== Bar ===================== */
#page-copy ul						{margin-top:17px; background-color:#b1a69b; color:white; padding:10px 0;}
#page-copy li 						{list-style:outside; font-size:0.917em; margin:0 7px 10px 20px;}

.comment							{margin-top:17px; background-color:#b1a69b; color:white; padding:10px;}
.comment strong						{font-weight:bold; display:block; margin-bottom:10px;}
.comment blockqoute					{font-size:11px; font-family:Georgia,"Times New Roman",Times, serif;}


/*  ======== Main Navigation ======== */
#nav ul								{list-style:none;}
#nav ul a							{width:104px; height:29px; display:block; font-weight:bold; font-size:0.75em; line-height:29px; cursor:pointer; color:white; text-align:right; padding-right:10px; text-transform:uppercase; background-color:#66a6aa; margin-bottom:8px; }
#nav ul #get-report a,#nav ul a:hover {background-color:#006a71;}
#nav ul a:active, #nav ul li.selected a, body.homepage #home-nav a	
									{background-color:#b1a69b;}
#nav ul #get-report.selected a		{background-color:#b1a69b; cursor:pointer;}		
#nav ul #get-report.selected ul li a,#nav ul #get-report a:hover ul li a, #nav ul #get-report:hover ul li a, #nav ul li ul li a, #nav ul li ul li:hover a,#nav ul li:hover ul li a,nav ul li.selected ul li a
,#get-report ul li a
									{background:white; border:none; line-height:1.225em; cursor:pointer;}						
#nav ul #get-report ul li a			{background:none; color:#666; cursor:pointer;}									
#nav ul #get-report ul li a:hover	{color:#006a71; cursor:pointer;}
#nav ul #get-report ul li.selected a{color:#006a71; cursor:pointer;}


/*  ======== Report Table =========== */
.report-table 						{width:100%; background-color:#f9f9f9; border:1px solid #eee; margin:10px 0;}
.report-table th  					{background-color:#66a6aa; color:white; font-weight:bold; text-align:left;}
.report-table td, .report-table th	{padding:2px 5px;}
.report-table .left					{width:70%;}
.report-table .right				{width:30%;}


/*  ======== Comments =============== */
.comment-form 						{background:#d4cec8 none repeat scroll 0 0;border:1px solid #b1a69b;color:#666;margin:0 0 18px;padding:18px;}
.comment-form fieldset,.contact-form fieldset, .send-form fieldset
					 				{border:0 none; padding:0; margin:0;}
.comment-form h3					{margin:0; padding-bottom:5px; font-size:1.25em; font-family:Georgia,"Times New Roman",Times,serif; color:#006a71; text-transform:uppercase; }
.comment-form  .two-col-item,.send-form  .two-col-item	
									{width:234px; float:left; margin-right:10px;}
.comment-form .cat_textbox_small	{height:20px;}
.cat_button							{height:25px; padding:0 10px; margin:5px 0;}
.comment-form label					{line-height:30px; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size:0.917em;}
.comment-form textarea 				{width:94%; height:120px; padding:10px; }
.comment-form .two-col-item input	{width:100%; margin-bottom:0.5em;}
.captchaimg							{width:170px; float:left;}
#CaptchaV2							{height:25px; float:left; font-size:1.75em; padding:5px 0; text-align:center; letter-spacing:0.5em; }

.shading							{background-color:#efeae0;}
.shading-special					{background-color:#e0efea;}
.bspacing							{width:96%; padding:3px 5px;}
.yourdetails						{width:96%; margin:10px 0 5px 0; padding:5px; }
.rating input						{line-height:20px; margin:0 2px 3px 2px; display:inline; vertical-align:middle;}

#comments-list .citem.h 			{background:#efeae0; border:1px solid #b1a69b;}
#comments-list .citem 				{width:515px; position:relative; clear:both; float:left; margin:5px 0; padding:15px 15px 0;}
#comments-list .citem.h .cavatar	{border:1px solid #b1a69b;}
#comments-list .citem .cavatar 		{width:57px;height:61px;margin:0 10px 15px 0; padding: 2px; background:white; float:left; border:1px solid #b1a69b;}
#comments-list .citem .cbody 		{width:440px; float:left;}
#comments-list .citem h2 			{color:#366582; font-size:0.9em; margin:0 0 4px; padding:0;}
#comments-list .flag				{padding:0; margin:0 2px 0 0;}
#comments-list .citem h2 .flag img	{width:14px; height:8px;}
#comments-list .crating				{position:absolute; right:5px; top:5px; background:white; padding:4px 10px; border:1px solid #ccc; }
#comments-list .citem h2 .cdate		{color:#a9a9a9; font-weight:bold;}
#comments-list .citem p 			{color:#5b5c58; line-height:1.4em; margin:0 0 15px;}


#article-rang						{width:40%; border:1px solid #bfbfbf; background:#fcf5ed; padding:5px; margin-bottom:10px; }

/*  ======== Contact / Send Form / Audit Form ==== */


fieldset							{border:0 none;}
fieldset legend						{text-transform:uppercase; font-size:13px; line-height:15px; font-weight:bold; margin-bottom:2px;}
.contact-form, .send-form,.audit-form {background:#d4cec8 none repeat scroll 0 0;border:1px solid #b1a69b;color:#666;margin:0 0 18px;padding:18px;}
.contact-form .cat_textbox,.send-form .cat_textbox, .send-form .cat_textbox_small, .audit-form .cat_textbox,.audit-form .cat_textbox_small 
									{height:20px; padding-top:3px; text-indent:5px; margin-bottom:0.5em; color:#323232;}
.contact-form .cat_dropdown, .audit-form .cat_dropdown
									{height:23px; margin-bottom:0.5em; padding-top:4px; color:#323232;}
.contact-form select option, .audit-form select option	
									{color:#323232;}
.contact-form h3					{margin:0; padding-bottom:5px; font-size:1.25em; font-family:Georgia,"Times New Roman",Times,serif; color:#006a71; text-transform:uppercase; }
.contact-form .item	,.send-form .item	
									{margin-bottom:10px;}
.contact-form  .two-col-item,.audit-form  .two-col-item		
									{width:234px; float:left; margin-right:10px;}
.contact-form label, .send-form label,.audit-form label
									{line-height:30px; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size:0.917em;}
.contact-form textarea,.send-form textarea, .contact-form textarea
									{width:94%; height:120px; padding:10px; }
.contact-form .two-col-item input, .audit-form .two-col-item input	
									{width:100%; margin-bottom:0.5em;}
.submit								{width:100%; text-align:center; margin:0;}
.cat_button 						{height:25px;margin:0;padding:0 10px;}
.audit-form .cat_textbox.date		{width:100px; cursor:pointer;}
form span.help						{margin-left:10px; color:#4a913c; font-size:11px;}

#contacts							{margin-bottom:10px;}
#contacts .col1						{float:left;}
#contacts p							{margin:0; padding:0 0 3px 0;}
#contacts .col2						{float:right;}
.send-form .friendlist				{width:96%; margin-bottom:10px; padding:5px;}
.send-form h2						{text-transform:uppercase; font-size:1.225em;}

.cat_dropdown_smaller 				{width:150px; padding:3px 0;}
input.cat_textbox.smallnumberfield	{width:65px;}

/*  ======== Newsletter ============= */
.newsletter-form 					{display:none;}

/*  ======== Q AND A =============== */
.faq-question h2 					{padding:10px 0 5px; color:#006a71;}
.faq-answer p						{font-size:1.1em; color:#6e6052; padding:0 0 10px; margin-bottom:10px; border-bottom:1px dashed #b1a69b ; line-height:21px;}
.faq-answer p em					{color:#66a6aa; font-style:italic;}

/*  ======== Litriture ============= */
.literature-container				{width:100%; background:#fcf5ed; border:1px solid #bfbfbf; margin-bottom:10px; padding:8px 0; }
#content .copy .literature-container a,.literature-container a:active,.literature-container a:visited
									{display:block; float:left; width:79%; padding:2px 5px; margin:0 5px; border:1px solid #fcf5ed;  }
#content .copy .literature-container a:hover		
									{background:#7fb4b8; color:white; border:1px solid #006a71;}
									
/*  ======== Media Page ============= */									
.media								{}
.media h2							{width:98%; display:block; line-height:26px; text-indent:10px; padding:0; background-color:#66a6aa; color:white; text-align:left; margin-bottom:10px;}
.media .literature					{}
.media .item						{width:251px; float:left; margin-right:10px; margin-bottom:10px; background:#fcf5ed; border:1px solid #bfbfbf; padding:5px; text-align:center;}	
.item img							{border:0 none; margin:0 auto 2px auto;}
.item p								{font-size:0.9em; text-align:centre; line-height:19px;}		
.item h3							{display:block; background-color:#b1a69b; color:white; font-size:12px; line-height:18px; margin-bottom:5px; padding:0;}					
.literature .item					{}
.videos .item						{}
#content .copy .videos .item p a	{display:block; border:0 none;}

/* =========  Special   ============= */
.code-container						{width:100%; margin:5px 0 10px 0; border:1px solid #ddd; background:white;}
code								{background:white; color:#5c5c5c;}
.quote								{}
blockquote							{font:italic 0.6em/1.4em Georgia,"Times New Roman",Times,serif; color:#333; padding:10px 0 15px 0;}
.quote .author						{color:black; font-style:normal;}
#content .copy a.noborder			{border:0 none;}

.float-right						{float:right;}
.float-left							{float:left;}
.noshow								{display:none;}

/* =========  Custom Messages   ===== */
.error								{}
.confirm							{}
.centre								{text-align:center;}
.leadin								{font-size:1.1em;}
.system-message, .system-error-message {min-height:110px; height:auto !important; background-color:#f9f9f9; border:1px solid #eee; color:#666;  margin:18px;padding:36px;}

/*  ======== Floats ================= */

/* =========  Custom Links  ========= */
a.read-more, a.read-more:link, a.read-more:visited
									{text-transform:uppercase; color:#006a71; font-weight:bold; font-size:0.917em;}
a.read-more:hover,a.read-more:active
									{color:#b1a69b;}
										
.qp_counter 						{margin:10px;}
a.qp_disabled 						{color:#888;}
#images_counter 					{width:200px;}
#images_counter .qp_prev 			{display:block; float:right;}
#images_counter .qp_next 			{display:block; float:left;}

/* =========  Footer nav  =========== */
#footer								{margin-top:5px;}
#footer ul							{list-style:none;padding-right:8px;margin:0; color:#b1a69b; float:right;}
#footer ul li						{float:left;font-size:0.917em;padding:0 2px;margin-left:0; padding:0 5px; border-right:1px solid #b1a69b;}
#footer ul li#foot-last				{border:0 none;}
#footer a, #footer a:hover, #footer a:active,
footer a:visited					{color:#b1a69b;border:0 none; font-size:0.917em;}
#footer a:hover						{color:#006a71;border:0 none;}

/* =========  CMS Editor =========== */
.email								{border-bottom:1px solid;}
.box								{border:1px solid; padding:5px;}
.highlight							{background:blue;}