body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;margin:0px;background-color: #e2e2e2;background-image: url(library/main_bg.jpg);background-repeat: repeat-y;background-position: center top;color: #666666;}


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





			/*                  layout      */
			
			#container{width:912px; margin-left:auto; margin-right:auto; }
			
			#main{width: 100%;height:auto;}/*the container for content */
			
			
					#leftcol{width: 226px; float:left;}
					#rightcol{width: 674px;float:right;}
					#rightcol_home{width: 686px;float:right;}/*have to 2 two types as IE 6 is throwing a .....*/
					
							#slideshow{width: 456px;height: 287px;float: left;background-image: url(library/slides/slide1.jpg);	background-repeat: no-repeat;}
							#right_ad{width: 226px;	height: auto;float:right;background-image: url(library/right_ad_bg.jpg);background-repeat: repeat-y;}
								#right_ad_content{width: 220px; margin-left: 8px; text-align: center; color: #FFFFFF;}
					
					#content{/*margin-left: 10px;*/}
					
						#homebox1{width: 222px;background-image: url(library/homead1_bg.jpg);background-repeat: repeat-y;height: auto; float:left;margin:2px;}
					#homebox2{width: 222px;background-image: url(library/homead2_bg.jpg);background-repeat: repeat-y;height: auto; float:left;margin:2px;}
					#homebox3{width: 222px;background-image: url(library/homead3_bg.jpg);background-repeat: repeat-y;height: auto; float:left;margin:2px;}
					
					#homebox1 p,#homebox2 p , #homebox3 p{margin: 10px;}
					
					
			
					
					/* side menu  */
					#mainnav li ul{display:none;}
					
					
					#mainnav{padding: 0;margin: 0;list-style: none; background-color: #A7CDCD; width: 220px;}
					#mainnav li{background-image: url(library/leftmenu/menu_main_under.jpg);background-repeat: no-repeat; width: 220px; height: 24px;color: #FFFFFF;line-height: 220%;}
					
					
						
					
					
					
					#mainnav li a:link, #mainnav li a:visited, #mainnav li a:active{text-decoration: none;color:#FFFFFF;font-family: "Trebuchet MS";/*font-weight: bold;*/font-style:italic; font-size: 14px; margin-left: 25px;}
					
							#mainnav li a:hover{text-decoration: none; color:#FABD6D;}	


					
					
					
					#mainnav li ul{padding: 0;margin: 0;list-style-type: circle;list-style-position: outside;}
					#mainnav li ul li{background-image: none;background-color: #A7CDCD; width: auto;line-height: 100%;margin-bottom: 5px;margin-left: 20px;}
					
					#mainnav li ul li a:link, #mainnav li ul li a:visited, #mainnav li ul li a:active{text-decoration: none;color:#036667;font-family: "Trebuchet MS"; font-style:normal;margin-left: 0px;font-size: 12px; }
					
							#mainnav li ul li a:hover{text-decoration: underline; color:#FFFFFF;}	

					
					
				
					
					
					#first_option{background-image: url(library/leftmenu/menu_first_over.jpg);background-repeat: no-repeat;width: 220px; height: 24px;}
					#last_option{background-image: url(library/leftmenu/menu_last_over.jpg);background-repeat: no-repeat;width: 220px; height: 24px;}
					
					
					
					#footer{width: 100%;height: auto;text-align:center;margin-top: 10px; margin-bottom: 20px;}		
															



		/*  inside pages*/
		#inside_top_left{width: 250px;height: 100px; float:left;}
		




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


#content p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#content ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #999999;
}
h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #009999;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #009999;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}




/****************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: #A7CDCD; 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*************************/



/*    slide show inside pages              */


#mask{height: 100px;width:5px;position: absolute;z-index: 700;top: 0;left: 50%;margin-left:452px;background-color: #FFFFFF;}/*items hiding the transition on the right*/

#inside_top_right{width:662px; height: 100px;float:right;}

#slider {width:662px;height:100px;position:relative;overflow:hidden;}

#mask-gallery {overflow:hidden;}
#gallery {list-style:none;margin:0;	padding:0;z-index:0;width:340px;overflow:hidden;}
	#gallery li {float:left;}
#mask-excerpt {position:absolute;top:0;left:340px;z-index:500px;width:320px;overflow:hidden;}
	
#excerpt {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;list-style:none;margin:0;padding:0;
z-index:10;position:absolute;top:0;left:0;width:320px;background-color:#FFFFFF;overflow:hidden;font-family: "Trebuchet MS";font-size:25px;
color:#83B4B4; font-style:italic;text-align:center;	}
	#excerpt li {padding:5px;}
	
.clear {clear:both;	}

#buttons{color:blue;font-size:20px; text-decoration:none}


	#excerpt strong{font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; border-bottom:1px solid #25a0bf;font-weight:normal}

		#buttons{margin-left: 110px;}