body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color:#804000; background:url(library/bg-slice.jpg) repeat-x #371C00;}

td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}

/* -- CSS Reset -- */
	html, body, div, h1, h2, h3, h4, h5, h6, p, a, ul, li {margin: 0px;padding: 0px;border: 0px;outline: 0px;}
	p {padding-bottom: 10px;}

/*** layout ***/

#slide_show{width: 225px;height: 240px;	}

#newsletter-box input, #newsletter-box submit {font-size: 12px;background: #FFE1C4;}

	/* -- Starting HTML divs styling -- */
	h1{ font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;color: #371C00; }
	h2{ font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color: #68781B; padding:5px 0px 10px 0px; line-height: 150%;}
	h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }	
	h1, h3 {padding:5px 0px 10px 0px; font-weight:bold; color:#804000; line-height: 150%;}

	/* container */
	#container {width:990px; height: auto; margin-left:auto; margin-right:auto;}
	
	/* Top nav & banner area */
	#top-nav{width:990px; height: 27px; background:url(library/top_nav-bg.jpg) no-repeat;color: #a6c22b; text-align:right;     padding-top:10px}
	#top-nav a{padding-left:5px; padding-right:5px; }
		
			/* Styling top nav links */
			#top-nav a:link{text-decoration: none; color:#FFFFFF;}
			#top-nav a:visited{text-decoration: none; color:#FFFFFF;}
			#top-nav a:active{text-decoration: none; color:#FFFFFF;}
			#top-nav a:hover{text-decoration: underline; color:#a6c22b;}
	
	/* Banner area and main links */	
	#banner-area{width:990px; height: 243px;z-index:1;}
	#main-links{width:990px; height: 27px; font-size:12px; line-height:220%;}
	#container #main-links #nav{margin-left:150px;}
	
	

			/* Styling main nav links */
			#main-links a:link{ display:block; font-weight:bold; text-decoration: none; color:#FFFFFF;}
			#main-links a:visited{display:block; font-weight:bold; text-decoration: none; color:#FFFFFF;}
			#main-links a:active{display:block; font-weight:bold; text-decoration: none; color:#FFFFFF;}
			#main-links a:hover{display:block; font-weight:bold; text-decoration:none; color:#a6c22b}
		
	/* Styling main content areas left and right */						
	#main-content-area{width:990px; height: auto; background: #ffffff; line-height: 170%; float:left; }	
	
		/* Content left */
		#content-left{width: 680px; height:auto; float:left; margin: 10px 0px 10px 10px; background:	                 	        url(library/content-bg.jpg) repeat-y; padding: 0px 10px 10px 10px;}
		#content-left ul{margin-left:10px; width: auto; height: auto;}
		#content-left li{ padding-bottom:5px; font-weight: bold}
		
		/* Content right */
		#content-right{width: 220px; height: auto; float:right; margin: 10px 20px 10px 0px;}
		
		/* Twitter button */
		#twitter-link{margin-bottom:10px;display:block; width:195px; height:46px;padding-left:45px; line-height:4; background:url(library/twitter-link.png) no-repeat left center}
		
		/* Newsletter box */
		#newsletter-box{width:220px; height: auto; border:1px solid #CFE772; margin-bottom:20px;}
		#newsletter-padding{padding:5px 10px 10px 10px;}													
	
	/* Styling footer area */
	#footer{width: 100%; height: auto; background: #688600; float:left; }
	#footer-content{width:900px; margin-left: auto; margin-right: auto; text-align:center; line-height: 180%; color: #ffffff}
	#footer-content p{margin-top:5px; padding-bottom:5px;}
	#symbol-pic{width: 990px; height: 60px; margin-left: auto; margin-right: auto; }
	
			/*start of the footer links*/
			#footer-content a:link{text-decoration: none; color:#ffffff;}
			#footer-content a:visited{text-decoration: none; color:#ffffff;}
			#footer-content a:active{text-decoration: none; color:#ffffff;}
			#footer-content a:hover{border-bottom: thin; border-bottom-style:dotted;border-bottom-color:#ffffff;             		   			text-decoration:none;color:#ffffff;}
			
			/* Flo web design signature styling */
			#footer-content .sig a:link{text-decoration: underline; color:#ffffff;}
			#footer-content .sig a:visited{text-decoration: underline; color:#ffffff;}
			#footer-content .sig a:active{text-decoration: underline; color:#ffffff;}
			#footer-content .sig a:hover{border-bottom: thin; border-bottom-style:dotted;border-bottom-color:#ffffff;            text-decoration:none;color:#ffffff;}

	


/*start of the links*/
a:link{text-decoration: underline; color:#804000;}
a:visited{text-decoration: underline; color:#804000;}
a:active{text-decoration: underline; color:#804000;}
a:hover{text-decoration: underline;color:#688600;}





/****************STYLING THE AREAS PRODUCED BY THE cms*************************/

/*by leaving the following empty the tags will be styled from your regular tags*/


/*          ECOMMERCE SITES, PRODUCT LISTING           */

div.cms_prod_listing{width:180px;border: solid 1px #A1FF43;float:left;	margin:10px;color: #774C4C;text-align: center;height: 220px;}/* the div containing each product  */

#cms_addedcart{border: solid 1px #E59497; width: 80%;margin-left: auto;margin-right:auto;background: #E9FDCE; text-align:center; }/*the DIV displaying the message when something has been added to the cart*/

select.cms_form_cart, input.cms_form_cart,submit.cms_form_cart{background: #E4FFCA; font-size: 14px;}/*form fields for the add to cart sections*/

p.error{font-weight: bold; color:#FF0000;}/*the errors shown when adding to cart*/

/* styling the table which contains the cart on the detail page*/

td.cart_header_normal{border: solid 1px #E28FD3;border-right:0px;text-align:center;background: #E4FFCA;height:30px;}/*header  / first row, all fields except last to the right*/
td.cart_header_last_right{border: solid 1px #E28FD3;text-align:center;background: #E4FFCA;}/*header  / first row, all fields except last to the right*/

td.cart_td_normal{border-left: solid 1px #E28FD3;border-bottom: solid 1px #E28FD3;}/* all td's except last to the right*/
td.cart_td_last_right{border-left: solid 1px #E28FD3;border-bottom: solid 1px #E28FD3;border-right: solid 1px #E28FD3;}/* td's  last to the right*/
td.cart_total_left{border:0; height: 30px;line-height: 200%;}/*main cart, total at the bottom*/
td.cart_total_right{border:solid 1px #E28FD3;border-top:0px; height: 30px;line-height: 200%;}/*main cart, total at the bottom*/


div.cms_special_offer{width: 100%;text-align:center;}

p.all_offers{}/*the p tag for the link to all offers*/

/* checkout section only*/

		#checkout_container{width: 860px; margin-left:auto; margin-right:auto;padding:15px;}/*container contiing all elements for the checkout*/
					#checkout_step0_left{width: 99%;}/* the div containing the login palette for step 0, login or register*/
					#checkout_step0_right{width: 99%;}/* the div containing the login palette for step 0, login or register*/
					
			h1.checkout{font-size: 18px;color: #E28FD3;	background-image: url(library/bullet_li.gif);background-repeat: no-repeat;padding-left: 18px;}
			p.checkout_steps{}/*The tag showing the links to step by step*/
			p.checkout_general{}/*general p tags during checkout*/
			
			div.products_checkout{width: 90%; margin-left:auto; margin-right: auto; border: solid 1px red;}
			
			
			div.checkout_address{border:solid 1px black;padding:10px;width: 80%;margin-left:auto;margin-right:auto; color: #999999;}
			
			div.checkout_address_selected{border:solid 1px red;padding:10px;background: #FFFFE1}/* the address currently selected*/
			
			div.checkout_shipment{width: 90%;border: solid 1px red; background: #FFFFFF;margin-left:auto;margin-right:auto;}
			
			h2.checkout{font-size: 16px;color: #E28FD3;	background-image: url(library/bullet_li.gif);background-repeat: no-repeat;padding-left: 18px;}

.main_tr1{background: #F1E0EE}
.main_tr2{background: #E7F0D9}





/* customer area*/

p.cust_orders{margin-left: 100px;}/*showing the order detail*/

#cust_area{margin:15px;}/*the area where the content is*/











/*    STYLING THE LINKS PAGE(S)      */
h2.cms_links_cat{}/* Displays the links categories*/
p.cms_links{}/* Displays the actual link and description*/
a.cms_links{}/*Displays the actual links*/
p.cms_links_empty{}/*The line letting users know there is no links in the database if applicable*/



/*    STYLING THE HELP/FAQ PAGE(S)      */
p.cms_nofaq{}/*the line showing that there is no faq in the database*/
h3.cms_faq_category{margin-left: 40px;}/*the category of either help or FAQ*/
p.cms_faq_questions{margin-left: 60px;}/*the clickable questions on the faq or help*/
span.cms_faq_title{font-weight: bold;/*display:none;*/}/*this shows weather this is an help or faq, you can hide this using CSS if you do not want to show it*/
a.cms_faq_links{}/*all links within the FAQ section including the back to the top links*/
#cms_faq_spacer{height: 150px;}/*the div allowing you to include space between the last question and the first answer*/
p.cms_faq_answer_title{margin-left: 40px; font-weight:bold;}/*the title of the answer*/
p.cms_faq_answer_detail{margin-left: 50px;}/*the comment on the answer*/
p.cms_backtop{margin-left: 80px;}/*the P tag containing the back to top link*/
hr.cms_faq_hr{width: 50%;margin-left:auto;margin-right:auto;}

/*        STYLING THE GOOGLE API MAP */

#cms_api{}


/*    STYLING THE FORM FIELDS ON THE CONTACT FORM      */

input.cms_form, textarea.cms_form, radio.cms_form, select.cms_form, submit.cms_form{background: #E4FFCA; font-size: 14px;}/*styling the fields, you can also style them individually*/
#cms_upload_window{border: solid 1px black; background: #FFFFE1;padding:15px;}
/*    STYLING THE IMAGE GALLERY      */
h2.cms_image_gallery{}/*displaying the categories of images*/
div.cms_photo_name{margin-bottom:5px;}/*name of the photo*/
div.cms_image_layout{width:160px; border: solid 1px black; margin:15px;text-align:center;padding-top:4px;padding-bottom:5px;float:left;}/*This is the div which contains the actual thumbnail with name etc*/
div.clearfloat{clear:both;}/*If you are floating the above div, then you might need to cancel the float at the end of category, you can do so by using this div*/
#cms_image_window{border: solid 1px black; width:300px; margin-top:5px;margin-left:auto;margin-right:auto; text-align:center;}/*div styling the container on the window for enlarged images*/
h1.cms_image_window{}/* displays the image name*/

/*styling the news*/
p.cms_current_news{background-image:url(library/bullet_right.gif);background-repeat: no-repeat;padding-left:11px;margin-bottom:0px;}/*displays the listing of news*/
p.cms_current_news_desc{margin-top:0px;margin-left:25px;}/*small description just under the headline on the listing of news*/
p.other_news{}/*the p tag showing the link "to go to archive click here or to go to live news click here*/
h2.cms_news_headline{color: #9F57A4;margin-top:20px;}/*the headline on the news detail page*/
p.cms_news_back{}/*the back link /button on the news detail page*/

/****************END OF STYLING THE AREAS PRODUCED BY THE cms*************************/












/*********************** drop down menu ******************************************************/

/*#main-links ul{float:left;   height: auto; }
	#main-links li{display:inline; background:url(library/links-icon.jpg) no-repeat left center; padding: 3px 0px 3px 20px; margin-right:25px;}*/

#nav, #nav ul { /* all lists */	padding: 0;margin: 0;list-style: none;/*line-height: 180%;*/  }

			/*#nav li a:link {display: block;	width: auto; color: #FFFFFF; font-weight:bold;text-decoration: none; text-align:center;}
			#nav li a:visited {display: block;	width: auto; color: #FFFFFF; font-weight:bold;text-decoration: none;text-align:center;}
			#nav li a:active {display: block;	width: auto; color: #FFFFFF; font-weight:bold;text-decoration: none;text-align:center;}
			#nav li a:hover {display: block;	width: auto; color: #FFFFFF; font-weight:bold;text-decoration: underline;text-align:center;}*/



#nav li { /* all list items */float: left;width: auto; height: 24px;text-align:left;background:url(library/links-icon.jpg) no-repeat left center; padding: 0px 0px 0px 20px; margin-right:25px; /* width needed or else Opera goes nuts */}

#nav li ul { /* second-level lists */position: absolute;width: 160px;	left: -999em; margin: 0;/* using left instead of display to hide menus because display: none isn't read by screen readers */}

#nav li ul li{width:200px;height: 24px;border: solid 1px #FFFFFF;text-align:left;padding-left: 20px;background-color: #653300;background-image:none;background-repeat: no-repeat; line-height:180%;}

			#nav li ul a:link {display: block; font-size:11px;color: #FFFFFF; font-weight:bold;text-decoration: none;text-align:left;}
			#nav li ul a:visited {display: block;font-size:11px; color: #FFFFFF; font-weight:bold;text-decoration: none;text-align:left;}
			#nav li ul a:active {display: block;font-size:11px;color: #FFFFFF; font-weight:bold;text-decoration: none;text-align:left;}
			#nav li ul a:hover {display: block;font-size:11px;	color: #a6c22b; font-weight:bold;text-decoration: none;text-align:left;}


#nav li ul ul { /* third-and-above-level lists */margin: -24px 0px 0px 201px}



#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */	left: auto;}

/*#nav li:hover {background-position: 0 0}*/


#clear {clear: left;color: #ccc;}





/* styling the testimonials page */
div.testimonial_container{margin-left: 50px;}/* full container surrounding each testimonial*/
p.testimonial_text{font-style:italic;}/* actual text*/
p.testimonial_name{font-weight: bold; }/* name and company with link*/
div.testimonial_bottom{
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	height: 5px;
	background-position: center;
	background-image: url(library/separator_testimonials.gif);
	background-repeat: no-repeat;
}/* after each testimonial */












/*********************** drop down menu 2******************************************************/

ul.menu {list-style:none; margin:0; padding:0;margin-left: 160px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display: block; font-size:11px;color: #FFFFFF; font-weight:bold;text-decoration: none;}
ul.menu li {position:relative; float:left;height: 24px;text-align:left;background:url(library/links-icon.jpg) no-repeat left center; padding: 0px 0px 0px 20px; margin-right:25px;font-weight:bold;  width:auto;}
ul.menu ul {position:absolute; top:24px; left:0; display:none; opacity:0; list-style:none;padding: 0px 0px 0px 20px;}

ul.menu ul li {position:relative; border: solid 1px #FFFFFF; width:200px; margin:0;text-align:left;/*padding-left: 20px;*/background-color: #653300; line-height:180%;background-image:none;height: 25px;}

ul.menu ul li a {display:block;  }

ul.menu ul li a:hover {}
ul.menu ul ul {left:200px; top:-1px}





#clear {clear: left;color: #ccc;}


/***********************  blog*********************************/

h3.blog_list_headline, h3.blog_detail_headline,h3.blog_user_name{background-image: url(library/blog-swirl.gif);	background-repeat: no-repeat;padding-left: 20px;margin-left: 10px;}
p.blog_list_more{margin-left: 150px;background-image: url(library/blog_more.gif);background-repeat: no-repeat; padding-left: 15px;}
div.blog_list_posts{}
div.blog_sep{width: 350px; margin-left: 60px; }
div.blog_list_cats,div.blog_detail_cats, div.blog_detail_cats{margin-bottom: 20px;margin-left: 25px;}
div.blog_content_list,div.blog_content_detail,div.blog_content_user{margin-left: 55px;}
.blog_lines{margin-left: 135px; }
div.blog_list_date,div.blog_detail_date{margin-left: 55px;}
p.blog_comment_add{margin-left: 25px;}
div.blog_detail_date{margin-top: 20px;}
h3.blog{font-size: 16px; margin-left: 5px;}
ul.catsblog,.blog_moreposts{list-style-image: url(library/blog_bulet.gif);}
									ul.catsblog li{margin-bottom: 10px;margin-left: 20px;}
									
									ul.blog_moreposts li{margin-bottom: 10px;margin-left: 40px;}
									
.blog_other{margin-left: 35px;}
									
																	
									
		/*forms*/
		.blog_form{background-color: #EFF3DC; border: solid 1px #804000;margin-bottom: 5px;}
		.blog_form:focus{ border: solid 1px #91af02;}
									
									

div.blog_comment{border: dashed 1px #999999;margin: 15px; padding: 10px;}
select.blog, input.blog,submit.blog,textarea.blog, checkbox.blog{background: #EEF4FA; font-size: 14px;}


/************************* testimonials side of pages  *******************************/

#testimo{
	width: 220px;
	background-image: url(library/test-bg.jpg);
	background-repeat: repeat-y;
}	

#testimo_content{
	width: 100%;
	background-image: url(library/test-top.jpg);
	background-repeat: no-repeat;
}
#testimo_content_text{width: 180px; margin-left: 10px;}
#testimo_bottom{width:220px;height: 74px;
	background-image: url(library/test-bottom.jpg);
	background-repeat: no-repeat;
}
#testimo_bottom p{margin-top: 20px; margin-right: 45px;text-align: right;}
				
		
#blog_img{width: 296px;height: 103px;margin-left:-30px;margin-top:-50px;}