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

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

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


	/* -- Starting HTML divs styling -- */
	h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#7A2638;margin-bottom: 15px;margin-top: 10px;}
	h2{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;font-size:14px; line-height: 1.4;margin-bottom: 15px;color:#CBA380;}
	h3{ font-family:"Times New Roman", Times, serif; font-size:10px; }	
	/*h1, h2 {margin:0; padding: 0px 0px 10px 0px; font-weight:bold; color:#7A2638; }*/
	h3 {margin:0; padding: 0px 0px 10px 0px; color:#CBA380; text-transform:uppercase;}
	p{padding-bottom:10px; margin:0;}

#container{width:990px; height: auto; margin-left:auto; margin-right: auto;}

/* -- Starting the top banner area -- */

#top-area{width: 990px; height: 226px; background:url(library/main-banner.jpg) no-repeat;margin-left:auto; margin-right: auto;}
#main-links{width:970px; height: auto; /*margin-top:193px;*/ padding-left:20px;overflow:hidden}


/* -- Styling the main links -- */	
#topnav ul{width:990px; height:auto; margin:0;padding:0;}
#topnav li{float:left; margin-top:193px; padding:0; font-family:"Times New Roman", Times, serif; font-size:1.1em; height:25px; width: auto; overflow:hidden; list-style:none;}
ul#topnav a, ul#topnav span {padding: 7px 30px 0px 10px ; float:left; color:#7A2638; text-transform:uppercase; clear:both; width:auto; height:33px; }
ul#topnav a{color:#DC9D50; background:url(library/icon.gif) no-repeat left top; }
ul#topnav span{background-position: left top; }

			/* -- styling main links -- */
			#topnav a:link{text-decoration: none; color:#7A2638;}
			#topnav a:visited{text-decoration: none; color:#7A2638;}
			#topnav a:active{text-decoration: none; color:#7A2638;}
			#topnav a:hover{text-decoration: none; color:#DC9D50;}
			
			
			
			a.bloglink:link{text-decoration: none; color:#7A2638;}
			 a.bloglink:visited{text-decoration: none; color:#7A2638;}
			 a.bloglink:active{text-decoration: none; color:#7A2638;}
			 a.bloglink:hover{text-decoration: none; color:#DC9D50;}
			


	/* -- Content area -- */	
	#content-top{width: 990px; height: 20px; background:url(library/content-top.jpg) no-repeat}
	
	/* -- Styling main content area -- */
	#main_content-wrap{width: 990px; height: auto; background:url(library/container-bg.jpg) repeat-y; float:left; }
	
	/* -- Left content area -- */
	#left_content-wrap{width: 722px; height: auto; background:url(library/left_col-bg.gif) repeat-y; float:left; overflow:hidden}
	#left_col-text{width:682px; height: auto; padding: 10px 20px 10px 20px; margin-top:-10px;line-height:150%}
	#left_col-finish{width: 722px; height: 7px; overflow:hidden; margin: 0; padding: 0; background:                	 	    url(library/left_col-finish.jpg) no-repeat;}
	
	/* -- Right content area -- */
	#right_content-wrap{width: 268px; height: auto;  float:right;}
	.right_col-top{width: 268px; height: 8px; background:url(library/right_col-top.jpg) no-repeat; padding: 0;}
	.right_col-bottom{width: 268px; height: 8px; background:url(library/right_col-bottom.jpg) no-repeat; padding: 0;  overflow:hidden}	
	.right_col-text{width:238px; height: auto; padding:0px 20px 10px 10px;background:url(library/right_col-bg.jpg) repeat-y;}
		#newsticker{width:210px;margin-left: 15px;height: 120px;}
		.newsdetail{width: 210px; height: 120px;background:#FFFFFF; }
		
		#bni-logo{margin-top: 20px; margin-bottom: 20px;margin-left: 55px;}
	
	
	
	
	/* -- Footer area -- */
	#footer{width: 100%; height: auto; background:#7A2638;float:left; color:#fff}
	#footer-content{width: 950px; height: auto; margin-left:auto; margin-right:auto; padding: 5px 10px;}
	#left-footer{width:660px; height: auto; float:left;padding-top:5px;}
	#right-footer{width:250px; height: auto; float:right;padding-top:5px; }
	#footer-finish{width: 950px; height: 30px; margin-left:auto; margin-right: auto;background:url(library/footer-finish.jpg) no-repeat; }
	
	#bni-logo{}

	
			/* -- top links styling -- */	
			#footer a:link{text-decoration: none; color:#fff;}
			#footer a:visited{text-decoration: none; color:#fff;}
			#footer a:active{text-decoration: none; color:#fff;}
			#footer a:hover{text-decoration:underline;color:#fff;}	
			
			/* -- styling main links -- */
			a:link{text-decoration: underline; color:#333333;}
			a:visited{text-decoration: underline; color:#333333;}
			a:active{text-decoration: underline; color:#333333;}
			a:hover{text-decoration: underline; color:#7A2638;}

#blog_cats a:link, #blog_cats a:visited, #blog_cats a:active{text-decoration: none;}
#blog_cats a:hover{text-decoration: underline;}


/****************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:660px;float:left;margin:10px;height: auto;background-image: url(library/members_bg.gif);background-repeat: repeat-y;}/* the div containing each product  */
	div.cms_prod_listing_left{width: auto;height: auto;margin-left: 30px;}
	
	
	
	.bni_members{font-weight: bold; color: #7A2638;}

#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}


input.search, submit.search, submit.select{background: #FEEDED; font-size: 10px;}


/* 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{background-image: url(library/bullet_p.gif);background-repeat: no-repeat;padding-left: 10px;margin-left: 10px;}/* 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: #F0E3D9; 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*************************/

/* members detail etc*/
.member{ height: auto;display:none;}
.loader{display:none;}
.form_errors{display:none;font-weight:bold;color:#FF0000;}
.form_success{display:none;font-weight:bold;}
		.form_errors ul li{margin-left: 150px;}
.form_success{display:none;}
.jslinks{display:none;}
.htmllinks{display:inline;}

p.more{	margin-left: 50px;	background-image: url(library/bullet_p.gif);background-repeat: no-repeat;padding-left: 10px;}

input.search,  select.search, submit.search{background: #E3E3E3; font-size: 12px;}

#left_col-text ul li{list-style-image: url(library/bullet_li.gif);margin-left: 25px;}




/*styling the blog*/

div.blog_list_posts{border:dashed 1px #7A2638;padding:5px;}
h3.blog_list_headline,h3.blog_user_name,h3.blog_detail_headline{font-family:Georgia, "Times New Roman", Times, serif; }

h3.blog_list_headline a{font-size:12px;font-weight:bold; color:#CBA380;font-style: italic;}
h3.blog_list_headline a:hover{ color:#9D6C40;}

div.blog_list_cats{width:auto; margin-left: 0px;margin-bottom: 10px;}

		
/*
						div.blog_list_date a:link,div.blog_list_cats a:link{text-decoration: underline;color: #666666;}
						div.blog_list_date a:visited,div.blog_list_cats a:visited{text-decoration: underline;color: #666666;}
						div.blog_list_date a:active,div.blog_list_cats a:active{text-decoration: underline;color: #666666;}
						div.blog_list_date a:hover,div.blog_list_cats a:hover{text-decoration: underline;color:#CC3300;}
*/

div.blog_list_date{width:auto; margin-left: 0px;}
p.blog_list_more{
	margin-left: 10px;
	background-image: url(library2008/bullet_li.gif);
	background-repeat: no-repeat;padding-left:11px;
}


div.blog_detail_posts{}
div.blog_detail_cats{width:auto; margin-left: 0px;margin-bottom:10px;}
div.blog_detail_date{width:auto; margin-left: 0px;margin-top: 10px;}

						/*div.blog_detail_date a:link,div.blog_detail_cats a:link{text-decoration: underline;color: #666666;}
						div.blog_detail_date a:visited,div.blog_detail_cats a:visited{text-decoration: underline;color: #666666;}
						div.blog_detail_date a:active,div.blog_detail_cats a:active{text-decoration: underline;color: #666666;}
						div.blog_detail_date a:hover,div.blog_detail_cats a:hover{text-decoration: underline;color:#CC3300;}
						*/
						

div.blog_user_detail{}

div.blog_comment{width:90%; border:dashed 1px #CC3300; padding:10px;margin-left:auto; margin-right:auto;}
div.blog_comment_guest{}
#blog_N_comments{}/*the p tag with the number of comments on the detail page*/

h3.blog{margin-left: 25px; color: #FFFFFF; font-size: 14px;}


ul.blog li{list-style-image: url(library/bullet_li.gif);margin-left: 15px;margin-bottom: 7px;}

ul.blog{margin-bottom: 20px;}


#message_board{	width: 231px;height: 272px;	background-image: url(library/note.jpg);background-repeat: no-repeat; float:left;margin-right:15px;}
	#message_board_value1{position: relative;top:50px;}
	#message_board_value2{position: relative;top:99px;}
	#message_board_value3{position: relative;top:149px;}
	.message_board_value{width: 100%;text-align:center;	font-family: Georgia, "Times New Roman", Times, serif;color: #7A4A26;font-weight:bold;font-size: 14px;}