@charset "utf-8";
/* CSS Document */
*.{font:12px;}
body{ background:url(../images/bg.gif); font:12px Georgia,"Times New Roman",Serif;padding:0;margin:0 auto;}

p,h1,h2,h3,h4,h5,ul,ol,li{padding:0;margin:0;}
ul,ol{padding-left:10px;}
a{color:#80A234;text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;}

.light-green{color:#769430;}
.dark-brown{color:#2D1807;}
.s-font{font-size:11px;}
.ss-font{font-size:10px;}
.txt{border:1px solid #241309;}
.center{text-align:center;}
#container{position:relative;padding:0;width:960px;margin:0 auto;}
#header-container{width:960px;height:152px; background: url(../images/headery.jpg) no-repeat;}


#menu{height:33px; background:url(/images/menu.gif) no-repeat;width:100%;}
#menu ul{list-style-type:none;padding:0;margin:0;float:left;}
#menu ul li{float:left;text-align:center;}
#menu ul li a{ font-weight:bold;font-size:11px;color:#FFFFFF;font-family:Tahoma,Verdana,Arial,serif;text-decoration:none;display:block;padding:10px;}
#menu ul li a:hover{color:#76952f;}
.search-menu{padding:3px 0 5px 20px;text-indent:60px;font:bold 11px Tahoma,Verdana,Arial,serif;}

<!-- this original css for bodycontainer #body-container{float:left;background: url(/images/body-bg.jpg) repeat-y; width:960px;border:1px solid red;} -->
#body-container{float:left;background: url(/images/body-bg.jpg) repeat-y; width:960px;margin-top:-1px;}
#left-container{width: 243px;height:100%;min-height:600px;color:#FFFFFF;float:left;padding-top:8px;padding-left:1px;font: 11px Tahoma,Verdana,sans-serif;}
#left-container h3{ padding:10px 0 5px 0;font:18px Georgia, "Times New Roman", Times, serif; color:#FFFFFF;background:#371D0C;text-indent:10px;}



.sub-body{float:left;padding:0; min-height:600px; width: 712px;  height:100%;padding-top:10px;}
.sub-content{margin:0 20px;}
.sub-content a{color:#80A234;}
.sub-h2{font:20px Georgia, "Times New Roman", Times, serif;color:#241407;}
#regionList{
	float:left;	
	display:inline;
	width:650px;
	overflow-x:hidden;
	
}
#regionList a:image{ text-decoration:none;}
#regionList h4 {
	display:block;
	font:16px Georgia, "Times New Roman", Times, serif;color:#2D1807;
}
#regionList .sub-details{
	display:block;
}
#regionList .author{
	font-size:10px;
	color:#666666;
}
#regionList .r-content{
	float:left;
	display:inline;
	margin:10px 0;
	padding:5px 0;
	min-height:150px;
  /*	word-break:break-all;
	word-wrap:break-word;
  */
	height:auto;
	border-bottom: 1px dotted #241407;
}
#regionList .r-content img{margin:5px 10px;}
#regionList a{
	color:#009300;
	text-decoration:underline;
}
.r-content p{width:600px;}
#regionList a.addpost{
	background: url(/images/action_add.gif) no-repeat;
	padding-left:20px;
	padding-right:10px;
	cursor: pointer;
}
#regionList a.viewpost{
	background: url(/images/action_list.gif) no-repeat;
	padding-left:20px;
	padding-right:10px;
	cursor: pointer;
}
#regionList a:hover{color:#B1DB53; text-decoration:none;}


#pages{
	clear:both;
	display:block;
	width:100%;
	padding:5px;
}
#pages  .pagenext{
	padding:0 10px;
	float:right;
	font:12px Georgia, "Times New Roman", Times, serif;
}
#pages .pageprev{
	font:12px Georgia, "Times New Roman", Times, serif;
	padding:0 10px;
	float:left;
}
.greeny{color:#00B190;}
.confirmdetails{border:1px solid #241407;}
.confirmdetails th{background:#241407;text-align:left;padding:1px 10px;color:#CA783E;}
.confirmdetails td{padding:1px 10px;height:19px;}


.login{margin:0 8px;padding-bottom:8px;}
.login-header{background: url(/images/h-login.gif) no-repeat; width:229px;height:29px;}
.l-header{font-weight:bold;font-size:12px;color:#FFFFFF;text-indent:30px;margin:0;padding:5px 0;}
.login-bg{background:  url(/images/login-bg.gif) ;width:229px;padding:0;margin:0;}

.content{padding:8px;padding-right:8px;}
.txtbrown{border:1px solid #000000;background:#CA783E;}
.light-brown{color:#CA783E;}

.side-menu{width:inherit;background:#371D0C;}
.side-menu ul{list-style-type:none;}
.side-menu ul li{ background:url(../images/cat_sep.gif) no-repeat bottom;height:30px; text-indent:5px;padding:0;margin:0;display:block;}   
.side-menu ul li a{color:#CA7A3F;text-decoration:none;display:block;margin:0;}
.side-menu ul li a:hover{color:#B1DB53;}
.readmore {float:right;padding:2px 0;padding-right:10px;text-transform:uppercase;display:block;font:11px Georgia, "Times New Roman", Times, serif;color:#FFFFFF;}
.tips{ padding:5px;}
.tips h3{background: url(../images/tips_header.gif) no-repeat;height:27px;text-indent:-9999px;}

.f-product{float:left;margin-bottom:10px;}
.f-product h4{font:bold 16px Geneva, Arial, Helvetica, sans-serif;color:#4B2D15;}
.p-info{width:480px;float:left;}
.p-desc{clear:both;padding-top:10px;}
.p-img{float:right;padding:5px;border:1px solid #cccccc;}

.imgpic{float:left;padding:5px;border:1px solid #cccccc;margin-right:15px;}
.p-buy{margin:8px 0;color:#CC0000;font-size:16px;font-weight:bold;}
.p-separator{clear:both;margin:5px 0;}
.red{color:#ff0000;}
.green{color:#008800;}
.prod-list thead td{
	background-color:#371D0C;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	height:30px;
	vertical-align:middle;
}
.prod-list tbody td{border-bottom:1px dashed #404040;padding:5px 5px;}
.prod-list td.noborder{ border-bottom-width:0;}
.prod-list td.price{padding-right:20px;text-align:right;}
.prod-list td.ship{
font-weight:bold;
color:#FF0000;
padding-left:20px;
text-align:right;
padding-right:20px;
}
.prod-list td.subtotal{font-weight:bold;font-size:14px;padding-right:20px;text-align:right;}
.prod-list td.totalpay{padding-right:20px;color:#006600;font-weight:bold;text-align:right;font-size:14px;}
.tbl{border:1px solid #371D0C;}
.tbl th{background:#2D1807;color:#CA783E;font-weight:bold;padding:0 5px;text-align:left;}
.tbl td{padding:2px 5px;}
#newsletter{float:left;padding:20px 5px;}
#newsletter h3{background:url(../images/hf-newsletter.gif) no-repeat; width:282px; height:26px;text-indent:-9999px;}
#newsletter .newsletter-c{background: url(../images/hf-bg.gif) repeat-y;width:282px;color:#CA7A3F;padding-left:8px;font-size:11px;}
.newsletter-c a{color:#CA7A3F;text-decoration:none;padding:8px 0;display:block;}
.newsletter-c a:hover{color:#B1DB53;}
.newsletter-f{background: url(../images/hf-footer.gif) no-repeat;width: 284px; height:10px;}

#f-blogs{float:left;padding-top:20px;font-size:11px;color:#C97840; width:300px; font-family: Tahoma,Verdana, Serif; }
.fh5{font-weight:bold;font-size:11px;color:#80461E;}
#f-blogs .datepost{font-style:italic;color:#80461E; font-size:10px; font-family:Tahoma,Verdana, Serif;margin-top:10px;}

.r-border{background:url(../images/f-border.gif) no-repeat; height:218px; width:12px;float:left; }

#f-guestbook{float:left;padding-top:20px;padding-left:10px;font-size:11px;color:#C97840; width:321px; font-family: Tahoma,Verdana, Serif;}
.fh3{ font: bold 16px Georgia, "Times New Roman", Times, serif;margin-bottom:10px;}
/* FOOTER */
#footer-container{border-top-width:0; border-bottom-width:0;clear:both;min-width:inherit; width:100%; background: #371D0C; min-height:220px;}
#footer-container a{color:#75461F; text-decoration:none;}
#footer-container a:hover{color:#CA783E;text-decoration:underline;}
#footer{background: #241407 url(../images/footer_bg.jpg) no-repeat; clear:both; width:958px;border:1px solid #000000; border-top-width:0; border-bottom-width:0;height:50px;font-family: Tahoma,Verdana,Serif; color:#C97840;padding:8px 0;}
.f-content{font-weight:bold;font-size:11px;margin:0 10px;}
.f-content a{color:#CA783E;text-decoration:none;}
.f-content a:hover{text-decoration:underline;color:#80461E;}
/* END FOOTER */
/* FORM CSS */
.frm{margin:0;padding:8px;font:12px Georgia,"Times New Roman",Serif;text-align:left;}
.frm label{float:left;text-align:right;text-indent:10px;width:130px;padding-top:3px;}
.frm p{padding:5px;display:block;}
.frm input,textarea{background:#FFFFFF;margin-left:10px;border:1px solid #cccccc;padding:2px 3px;font:12px Verdana, Geneva, sans-serif;}
.frm .btn{background:#80A234;font-size:12px;font-weight:bold;padding:3px 0;margin:0;}
.frm .up-image{float:left;background:url(../images/photo_add.png) no-repeat left;padding-left:25px;float:left;cursor:pointer;font:bold 11px Arial, Helvetica, sans-serif;}
.frmregister{margin:0;padding:8px;font:12px Arial, Helvetica, sans-serif;text-align:left;}
.frmregister p{margin-bottom:5px;display:block;}
.frmregister label{float:left;text-align:right;text-indent:10px;width:130px;padding-top:3px;}
.frmregister input[type=image],input.image,.frm input.image{border:0;height:100%;}
.frmregister input,textarea{background:#FFFFFF;border:1px solid #cccccc;padding:1px 3px; font:12px Arial, Helvetica, sans-serif;}
.frmregister input{height:19px;}
.frmregister .btn{background:#80A234;font-size:12px;font-weight:bold;padding:3px 0;margin:0;}
/* END FORM CSS */
.up-image{background:url(../images/photo_add.png) no-repeat left;border:0;font:12px Arial, Helvetica, sans-serif;}
.page {text-align:center;padding:5px 0;}
.page a{border:1px solid #000000;background:#241407;color:#FFFFFF;padding:2px 10px;text-decoration:none;}
.page a:hover{background:#4B2B12;color:#FFFFFF;}
.h3-cat{text-indent: -9999px; background: url(../images/browse_categories.gif) no-repeat; height:32px;}
/* sendmail CSS*/
.to{display:block;width:100px;float:left}
.from{display:block;width:100px;float:left}
.subj{display:block;width:100px;float:left}
.greenButton{
background-color:#F7F7F7;
border:1px solid #C3C3C3;
color:#528BC0 !important;
font-size:93%;
font-weight:bold;
margin:0 10px 10px 0 !important;
padding:3px 9px;
white-space:nowrap;
}
.friendForm{margin:0 auto; font:13px Verdana, Geneva, sans-serif;}
.msg_container{margin:0 auto;width:400px;height:500px;padding-left:10px;}
.msg_container ul li{list-style-type:none;}
.msg_container ul li textarea{font:12px Verdana, Geneva, sans-serif;}

/*end*/
/*  upload images from christopher cuizon */
.clear{clear:both;}
.steps-containter{ 
			float:left; width:100%;
			font-family:Trebuchet MS;
			font-size:12px;
		}
		.step-head{
			background: url(../images/latest.jpg) no-repeat;
			float:left;
			width:100%;
			padding:44px 0 0 72px;
	
			 
		}
		.line{
			font-weight:bold;
			color:#8E7463;
			float:left;
			margin-top:-28px;
			margin-left:-45;
		}
		.step-title{
			color:#FFFFFF;
			float:left;
			margin-top:-26px;
			margin-left:-15px;
			
		}
		.step-footer{
			width:610px;
			height:11px;
			float:left;
			text-indent:-999px;
			overflow:hidden;
			background: url(../images/ty-step-footer.jpg) right top no-repeat;

		}
		.step-2footer{width:610px;height:11px;float:left;text-indent:-999px;overflow:hidden;
			background: url(../images/ty-step-footer.jpg) right top no-repeat;margin-left:-72px}
.upload_image{margin:0 20px;}
.upload_image ul{list-style-type:none;}
.upload_image li{}
.upload_btn{font:12px Verdana, Geneva, sans-serif;}
.upload_contents{clear:both;margin:0;padding:0px;width:600px; height:400px;border:1px solid black;margin:0 auto;}
a:image-txt{ text-decoration:none;}
.image-txt{margin:-50px 0px 0px 0px; background: #000;color: #FFF;width:100%; height:47px;filter:alpha(opacity=60); opacity:0.6;text-align:center;padding:3px 0px 0px 0px;overflow:hidden;}
.view_image{border:1px solid black;height:800px;}
.view_image ul{list-style-type:none;} 
.img-content-body{border:1px solid black;height:auto;width:auto;}
/*-------------------end ----------------------*/
/*---- Reviews */
.test{margin:0 auto;border:10px solid #80A234;}


.review{border:none;}
.review_comment{width:650px; height:inherit;position:inherit;font:12px Arial, Helvetica, sans-serif normal; list-style-type:none;margin:4px;}
.review_comment ul li{list-style-type:none;padding:0px;margin:0px;}
.review_comment_pic{background: url('../images/comments.gif') no-repeat left bottom;font-weight:bold; height:auto; width:inherit}
.review_comment h5{background: url('/images/comment-tag.gif') no-repeat left;height:24px;text-indent:35px;margin-top:10px;padding-top:5px;font:16px Georgia, "Times New Roman", Times, serif;color:#371D0C;}
/*----end------*/
/* BLOG CSS */
#bodyblog-container{float:left;border:1px solid #000000; border-top-width:0; border-bottom-width:0;width:inherit; background:url("/images/blog-bg.jpg") repeat-y;min-height:600px}

.blog-list{float:left;width:716px;padding-top:10px;}
.blog-list h4 {font:20px Georgia, "Times New Roman", Times, serif; color:#4B2D15;margin-bottom:10px;}
.blog-list h4 a{color:#4B2D15;text-decoration:none;}
.blog-list h4 a:hover{color:#80A234;}
.blog-content{min-height:150px;padding-left:20px;padding-right:20px;}
.post-date{height:32px;background:url(/images/date.png) no-repeat;text-indent:20px;font-size:10px;color:#888888;}


#rightblog-container{
	padding:0;
	margin:0;
	width:244px;
	wid\th: 242px;
	height:100%;
	color:#FFFFFF;
	float:left;
	font: 11px Tahoma,Verdana,sans-serif;
}
#rightblog-container h3{padding:10px 0 5px 0;font:18px Georgia, "Times New Roman", Times, serif; color:#FFFFFF;background:#371D0C;text-indent:10px;}
.footer-blog{
background: url('../images/tag.gif') no-repeat left;
width: 640px;
font-size:11px;
color:#241407;
margin:5px 0;
border-top:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;	
height:22px;
padding:5px 10px 5px 20px;
display:block;
}
.footer-blog a:hover{text-decoration:none;}
.comments-tag{text-indent:20px;float:right;	height:18px;background: url('../images/comments.gif') no-repeat left bottom;margin-right:20px;}

#b-comments{margin:10px 5px;font-family: Georgia, "Times New Roman", Times, serif;}
#b-comments h5{background: url('/images/comment-tag.gif') no-repeat left;height:24px;text-indent:35px;margin-top:10px;padding-top:5px;font:16px Georgia, "Times New Roman", Times, serif;color:#371D0C;}
#b-comments h5 a{text-decoration:none;color:#371D0C;}
#b-comments h5 a:hover{color:#CA783E;}
.bc-date{text-indent:35px;font:italic 11px Arial, Helvetica, sans-serif;border:0px;color:#4B2B12;}
.p-comments{font:12px Arial, Helvetica, sans-serif;padding:10px 0;padding-bottom:20px;border-bottom:1px dotted #cccccc;}
.p-comments-region{font:12px Arial, Helvetica, sans-serif;padding:10px 0;padding-bottom:20px;border-bottom:1px dotted #cccccc;}
.bc-date-region{text-indent:35px;font:italic 11px Arial, Helvetica, sans-serif;border:0px;color:#4B2B12;}
#post-comments{width:650px;float:left;border:1px solid #000000;background:#371D0C;padding:10px;color:#FFFFFF;}

.post-comments label{float:left;text-indent:10px;width:130px;padding-top:3px;}
.post-comments p{margin-bottom:5px;display:block;}
.post-comments input,textarea{background:#FFFFFF;border:1px solid #cccccc;padding:2px 3px;font:14px Georgia, "Times New Roman", Times, serif;}
.post-comments .btncomment{background:#80A234;font-size:12px;font-weight:bold;padding:3px 0;margin:0;}
/*this is the btnsendtofriend christopher*/
.sendtofriend{background:url(/images/btn_sendafriend.gif)no-repeat;}
.comment_btn{background:url(images/btn_sendafriend.gif) no-repeat;font-weight:bold;;font-size:12px;padding:3px 0;margin:0;}
/*end*/

.guest-book{margin:10px 0;min-height:100px;}
.g-name{font-size:11px;margin-top:10px;padding-bottom:10px;border-bottom:1px dotted #cccccc;color:#CA783E;font-weight:bold;}
.g-website a{font-size:11px;font-style:italic;color:#888888;font-weight:normal;text-decoration:none;}
.g-website a:hover{color:#80A234;}
/* VALIDATION HINT */
/* The hint to Hide and Show */
.hint {
    position: absolute;
  	margin-left:10px;
    min-width: 180px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 4px 12px;
	z-index:1001;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
}
/* THIS IS A LIGHTBOX FOR CSS */
.black_overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%; height: 100%; background-color: #000000; z-index:1001; -moz-opacity: 0.4; opacity:.40;filter: alpha(opacity=40);}
.white_content {display: none; position:fixed;top: 10%;left: 25%;width: 50%;height: 53%;padding: 3px 5px;border: 12px solid #371D0C;background-color: #FAFAFA;z-index:1002;overflow: auto; overflow:hidden}
.lightclose{font:bold 14px Arial, Helvetica, sans-serif;text-decoration:none;float:right;position:relative;color:#404040;}
/* END OF LIGHTBOX CSS*/
/*search files */
#cse-search-results{font:12px Georgia, "Times New Roman", Times, serif;width:660px;height:inherit;position:inherit; overflow:auto; margin-left:-9px;overflow:hidden;}
#cse-search-results table{border:1px solid #0000
}
iframe{width:650px;padding:10px;}



.side-menu iframe{width:130px !important;text-align:center;margin-left:20px;padding:0px;background:#371D0C}
/*end google search */
/*  start */
.image_nput{font:12px Georgia, "Times New Roman", Times, serif;}
/*   xxx */
/* google adsense ads in the region above */
.google_con{height:77px;}
.ads_sense_gog{width:inherit;margin-top:15px;padding:0px;}
.ads_sense_gog iframe{width:160px !important;text-align:center;margin-left:20px;padding:0px;background:#371D0C}
/* region pic */
#container_region_pic{margin:0px auto; padding:0px;width:600px; font-family: Georgia, "Times New Roman", Times, serif;height:auto; float:left; width:287px;}

.back_image{background:url(/images/imagebg.jpg) no-repeat;width:287px; height:368px; float:left;margin:0px ;padding:0px;}
.back_image a:hover img{border:1px solid #D2D2D2;}
.title_post{display:block;color:#39C;text-align:center;padding:3px 0px 0px 0px;}
.back_image img {margin:18px 0 0 17px; border:1px solid #000; }
.back_image p{color:#ABA8A6;font-size:12px; margin:26px 0 0 13px}
.vid-here{border:1px solid pink !important;height:250px !important;width:250px !important;margin:18px 0 0 17px !important;  }
.vid-here object{
  height:250px !important;width:250px !important;
}
.vid-here embed{
  height:250px !important;width:250px !important;
}



/* end */
/* The pointer image is hadded by using another span */
.hint .hint-pointer {
	display: inline;
    position: absolute;
    left: -10px;
    top: 2px;
    width: 10px;
    height: 19px;
	z-index:1002;
    background: url(../images/pointer.gif) left top no-repeat;
}
/* END VALIDATION HINT */
.loading{
/*background: url(/images/loader.gif) no-repeat;
height:32px;
width:32px;*/
}

.embed{
  height:inherit !important;position:inherit !important;padding:10px !important;margin-top:10px !important;overflow:hidden;
  width:620px !important;
}