/* CSS Document */


*{margin:0; padding:0} 

body{
	font:12px/130% Arial, Helvetica, sans-serif;
	background:#fff url(../images_0408/bg.jpg) repeat-x;
	text-align:center;
	color:#000;
}


a{
	text-decoration:underline;
	outline:none;
	color:#000;
	font-size: 11px;
}

a:hover{
	color: #333;
	text-decoration: none;
}

a:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.7
}


a:focus{
	color: #000;
	outline:none;
}

h1,h2,h3,h4{
	margin:0;
	padding: 0;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

p{
	margin:15px 0 0 0;
	padding:0;
}

select{
	font-size:12px;
}

input{
	font-size:12px;
	padding:2px;
	margin:0;
}

a img{
	border:none;
}



/* layouts */
#wrapper_outside{
	margin: 0 auto;
	width: 1000px;
	height:103px;
	background:url(../images_0408/bg_transparent.jpg) no-repeat top left;
	padding:20px 0 0 0;
}
#wrapper{
	background:#FFFFFF;
	width:761px;
	text-align:left;
	margin: 0 auto 0 auto;
	border:#478D6D 2px solid;
}

#banner{
	height:111px;
	background:#fff url(../images_0408/philippine_handicraft_banner.jpg) repeat-x;
}

#pagebox, #otherpagebox{
	padding: 23px 54px 35px 21px;
}

#leftbox{
	width: 147px;
	float:left;
	display:inline;
	margin-right:30px;
}

#rightbox{
	float:left;
	display: inline;
	width: 500px;
}
#footer{
	background:#D8D4D4 url(../images_0408/philippine_handicraft_footer.jpg) repeat-x;
	height:51px;
}

/* styles */


.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


h1#logo{float:left;display:inline;background:#fff url(../images_0408/tesoros_logo.jpg) no-repeat;text-indent:-9999px;
	width:289px;height:35px;margin:33px 0 0 15px;}

h1#logo a{height:100%;width: 100%;display: block;}

h1.headertitle{
	color: #00897E;
	font-size: 30px;
	padding: 15px 0;
}
h1.maintitle{font-size: 20px;padding: 8px 0 8px 0;color: #00897E;}
h1.mainprodtitle{font-size: 15px;padding: 10px 0 8px 8px;color: #00897E;}



.mainmenu{
	color:#00897E;
	font-size:16px;
	float:right;
	font-weight:bold;
	margin: 60px 10px 0 0;
}

#otherpagebox img{
	margin: 25px 0 10px 9px;
	
}

/* left styles */
.lftimgbox{
	width:148px;
}

ul.lftmenu{
	list-style: url(../images_0408/bullet.gif);
	margin:0 0 0 20px;
	padding: 10px 0;
}


.title_lftmenu{
	color: #00897E;
	font-weight: bold;
	padding: 20px 0 0 0;
	font-size: 16px;
	text-align: center;
}

.lftmenu li{
	line-height: 1.5;
}

/* searchbox styles */

.search_box{
	margin-bottom: 20px;
}
.input_search{
	width: 113px;
}
.btn_search{
	background:url(../images_0408/btn_imgsearch.jpg) no-repeat;
	width: 24px;
	height: 18px;
	border: none;
}


/* right styles */
.rghtimgbox{
	width:500px;
	height:300px;
	background: #FAF9F9;
	margin-bottom: 20px;
}

.rghtthumbindex{
	width:158px;
	height:120px;
	float:left;
	margin: 0 9px 10px 2px;
}

.rghtthumbbox{
	background:#038A52;
	width:158px;
	height:161px;
	float:left;
	margin: 0 9px 10px 2px;
}

.margright{
	margin-right:0
}

.rghtthumbbox .thumbtitle{
	padding: 3px 0 0 5px;
}
.rghtthumbbox .thumbtitle a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

.rghtthumbbox .thumbtitle a:hover{
	color:#FFFFCC;
}

.prod_def{
	float:left;
	width: 216px;
	margin-top: 25px;
	margin-left: 15px;
}

.prod_def p{
	color:#00897E;
	padding-left: 15px;
}
.prod_pic{
	width: 243px;
	float: right;
	padding-bottom: 8px;
}

.btnsearch{background:url(../images_0408/btn_search.jpg) left top no-repeat;margin: 8px 0 0 90px;width: 95px;}
.btnsearch a{padding: 0 0 0 20px;}

h2.prod_title{color:#00897E;font-size: 18px;line-height: 1.2;}
h2.prod_spec{
	color:#00897E;
	font-size: 17px;
	margin-top: 40px;
}
h2.prod_code{color: #008951;font-size: 14px;line-height: 1.4;padding: 10px 0 0 8px;}


/* order form styles */
.order_form, .contact_frm{
	width:471px;
	border:#89007C solid 3px;
	margin: 10px 0 0 15px;
	padding-bottom: 10px;
}
.frm_header{color: #444;font-weight: bold;font-size: 30px;margin: 15px 0 0 20px;}/* order_contact form styles */
div.formbox label{width: 120px;display: block;float: left;text-align: right;margin: 0 5px 0 0;color: #999999;}
.formbox{display: inline;float: left;margin: 3px;}

.formbutton{padding-left: 300px;}
input.inputtxt, select.inputtxt{background:url(../images_0408/input_orderform.jpg) repeat-x left bottom;width:275px;
	border:0;height: 25px;font-size: 13px;}
input.input_prod{width:370px;border:0;height: 23px;color:#666;font-size:15px;background: transparent;}/* disable txtbox */
textarea.inputtxt{
	border:1px #000000 dashed;
	height: 110px;
} 
input.button{background:url(../images_0408/btn_orderform.jpg) no-repeat;width:100px;height: 34px;border: 0;}


/* contact styles*/
.frmcontactbtn{width: 325px; padding: 15px 0 0 130px;}
input.contactinputtxt, textarea.contactinputtxt, select.contactinputtxt{
	background:#F8F9F9;color:#333333;font-size:16px;border:#ccc 1px solid;width: 215px;height: 25px;}
textarea.contactinputmsg{
	background:#F8F9F9;color:#333333;font-size:15px;border:#ccc 1px solid;width: 215px;height: 85px;}
input.contactbutton{
	background-color: #CBF4DF;border: #000 3px double;color: #000000;font-weight: bold;float: left;margin: 0 3px 0 0;
	height: 30px;width: 90px;font-size: 15px;padding-top: 3px;}
h3.brnchheader{color: #333333;font-size: 14px;padding: 25px 0 0 15px;
}
h3.brnchtitle{font-size: 11px;color: #666666;padding-bottom: 5px;}
.brnchbox{margin: 10px 0 0 30px;}


/* footer styles */
.ftxt{
	padding:25px 10px 0 10px;
	color: #21523C;
	font-weight: bold;
}
.company{
	float:left;
}

.company a{
	color:#21523C;
}

.tbs{
	float:right;
	font-size: 10px;
}

/* link styles */

.mainmenu a{
	color:#00897E;
	font-size:16px;
	text-decoration:none;
	padding: 0 6px;
}

.mainmenu a:hover, .lftmenu  a:hover{
	color: #000;
	text-decoration:underline;
}
.lftmenu  a{
	font-size:14px;
	color: #00897E;
	font-weight: bold;
	text-decoration: none;
}

.b_links{
	text-align: right;
	padding: 10px 8px 0 0;
	
}
.b_links a{
	color: #00897E;
	text-align: right;
	font-size: 13px;
}