/* CSS Document */

*{padding:0;margin:0}
body {
	background:url(../images/main_bg.jpg) no-repeat top center;
	font:11px Tahoma
}
#container{width:950px;margin:0 auto;}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#333333;
	text-decoration:underline;
}
.whitetext{
	color:#FFFFFF;
}
a.whitetext:link{
	color:#FFFFFF;
	text-decoration:none;
}
a.whitetext:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.bluetext{
	color:#6dcff6;
}
a.bluetext:link{
	color:#6dcff6;
	text-decoration:none;
}
a.bluetext:hover{
	color:#6dcff6;
	text-decoration:underline;
}
/* top nav */
#navBase{width:100%;height:62px;background-image:url(../images/nav_base_bg.gif)}
#nav {width:950px;margin:0 auto}
#nav ul{height:62px;text-indent:-9000px;list-style:none;overflow:hidden;}
#nav li {float:left;height:62px;text-decoration: none;}	
#nav li a:link, #nav li a:visited, #nav li a:hover{display:block;height:62px}

#home a{width:190px;background: url(../images/nav.gif) 0 0}
#about a{width:190px;background: url(../images/nav.gif) -190px 0}
#shopping a{width:190px;background: url(../images/nav.gif) -380px 0}
#faqs a{width:190px;background: url(../images/nav.gif) -570px 0}
#contactus a{width:190px;background: url(../images/nav.gif) -760px 0}

#home a:hover{background: url(../images/nav.gif) 0 -62px}
#about a:hover{background: url(../images/nav.gif) -190px -62px}
#shopping a:hover{background: url(../images/nav.gif) -380px -62px}
#faqs a:hover{background: url(../images/nav.gif) -570px -62px}
#contactus a:hover{background: url(../images/nav.gif) -760px -62px}

#home_active {width:190px;background: url(../images/nav.gif) 0 -62px}
#about_active {width:190px;background: url(../images/nav.gif) -190px -62px}
#shopping_active {width:190px;background: url(../images/nav.gif) -380px -62px}
#faqs_active {width:190px;background: url(../images/nav.gif) -570px -62px}
#contactus_active {width:190px;background: url(../images/nav.gif) -760px -62px}
/* masthead */
#header{
	width:950px;
	height:149px;
	background:url(../images/masthead.jpg) no-repeat;
}
.logoClick{
	float:left;
	width:214px;
	height:96px;
	margin:25px 0 0 37px;
}
/* account */
#acctSec{
    width: 950px;
	height:35px;
	background:url(../images/acct_bg.jpg) no-repeat;
}
#acctSec ul{
	padding:5px 0 0 5px;
	list-style:none;
    width: 100%;
}
#acctSec ul li.reg{
	padding:0 0 0 18px;
	font-weight:bold;
	color:#FFFFFF;
	display:inline;
	background:url(../images/reg_icon.gif) no-repeat;
	margin:0 10px;
}
#acctSec ul li.acct{
	padding:0 0 0 18px;
	font-weight:bold;
	color:#FFFFFF;
	display:inline;
	background:url(../images/acct_icon.gif) no-repeat;
	margin:0 10px;
}
#acctSec ul li.cart{
	padding:0 0 0 18px;
	font-weight:bold;
	color:#FFFFFF;
	display:inline;
	background:url(../images/cart_icon.gif) no-repeat;
	margin:0 10px;
} 
#content{
	width:950px;
	background-color:#FFFFFF;
	float:left;
}
/* about us */
#aboutusSec{
	float:left;
	margin:1px 0 0 0;
}
#aboutusSec .hdr{
	background:url(../images/about_us_sec.jpg) no-repeat;
	width:315px;
	height:219px;	
}
.textHolder{
	background-color:#00101c;
	width:285px;
	height:70px;
	padding:15px;	
}
.textHolder p.title{
	font-weight:bold;
	color:#FFFF00;
}
/* .textHolder p.info{*/
.textHolder .info{
	color:#FFFFFF;
    line-height: 11px;
    font-weight:lighter;
    height:33px;
	padding:5px 0 0 0
}

.textHolder p.more{
	float:right;
	font-weight:bold;
	color:#FFFF00;
	padding:5px 0 0 0;
}
.textHolder p.more a{
	color:#FFFF00;
	text-decoration:none;
}
.textHolder p.more a:hover{
	color:#FFFF00;
	text-decoration:underline;
}
/* shopping */
#shoppingSec{
	float:left;
	margin:1px 0 0 2px;
}
#shoppingSec .hdr{
	background:url(../images/shopping_sec.jpg) no-repeat;
	width:315px;
	height:219px;	
}
/* faq */
#faqSec{
	float:left;
	margin:1px 0 0 3px;
}
#faqSec .hdr{
	background:url(../images/faq_sec.jpg) no-repeat;
	width:315px;
	height:219px;	
}
/* featured prods */
#featuredProd{
	margin:10px 0 0 0;
	width:950px;
	float:left;
}
#featuredProd .secTitle{
	background:url(../images/featured_prod_sectitle.gif) no-repeat;
	display:block;
	width:950px;
	height:33px;
	border-bottom:1px solid #99b3c6;
}
#featuredProd .imageObj{display:block;float:left;width:211px;height:200px;padding:20px 11px}
#featuredProd .imageObj img{display: inline;border:2px solid #0f4b79}
#featuredProd .imageObj a:hover img {display:inline;border:2px solid #0099FF}
#featuredProd .imageObj .desc{font-size:12px;font-weight:bold;text-align:center;display:block;margin:12px 0 0 0;color:#333333}
#featuredProd .imageObj .desc a{text-decoration:none;color:#333333}
#featuredProd .imageObj .desc a:hover{text-decoration:underline;color:#333333}
#featuredProd .imageObj .price{font-size:11px;font-weight:bold;text-align:center;display:block;margin:3px 0 0 0;color:#FF0000}
/* ssl */
.ssl{
	clear:both; /*elmer*/
	display:block;
	width:950px;
	text-align:center;
	margin:10px 0 0 0;
}
/* footer */
#footerBase{float:left;background:url(../images/footer_bg.gif);width:100%;height:195px;margin:15px 0 0 0}
#footer{margin:0 auto;width:950px;height:195px;display:block;}
#footer ul {
	list-style:none;
	padding:30px;
	display:block;
	text-align:center;
}
#footer li {
	color:#FFFFFF;display:inline;margin:0 2px;text-align:center;
}
#footer li a {
	text-decoration:none;color:#FFFFFF
}
#footer li a:hover {
	text-decoration:underline;color:#FFFFFF
}
span.copyright {
	float:left;
	margin:50px 0 0 0;
	text-align:left;
	color:#FFFFFF;
}
span.creations {
	float:right;
	margin:50px 0 0 0;
	text-align:right;
	color:#FFFFFF;
}
/*========================== */
/* content pages css */
/*elmer added*/
#content .content_text{
    padding: 0 35px 35px 35px;
    text-align: justify;
    line-height: 1.2em;
    color: #999999;
}
#content .content_text p { 
    font-weight:lighter;
    margin-top: 1.5em;
} 

#content .content_title{
    font-weight:bold;
    font-size: 20px;
    padding:5px 0px 2px 25px;
    color: #0D3D65;
}
#content .line_break{
    width: 900px;
    border:1px solid thin;
    margin: 0px 25px 5px 25px;
    color: #99B3C6;
}
#content .bread_crumbs{
    padding:10px 0px 2px 25px;
    font-weight: bold;
    color: #999999;
}
#content .bread_crumbs a{
    color: #999999;
}
/*========================== */
#regForm{
    margin: 5px 0 5px 35px;
    color: #999999;
}
/*user logout text below the navigation*/
a.logout{
	font-weight:bold;
	color:#FFFF00;
}
a:hover.logout{
	font-weight:bold;
	color:#FFFF00;
}

span.cart_item{
    color:#FFFF00;
}

/*Create A New Account link in Sign-In Page*/
a.sign_up{
	font-weight:bold;
	color:#FF0000;
}
a:hover.sign_up{
	font-weight:bold;
	color:#FF0000;
}
/*========================== */
/* welcome text in header */
#header .welcome
{
    position:relative;
    top:5px;
    left:325px;
    width: 300px;
    height:146px;
    color: #FFFFFF;
    overflow:hidden;
    padding:0px;
    margin:0px;
    clear:right;
}

/* IE6 hack */
html>body #header .welcome {
   left: 360px;
}
/*========================== */

/* product root category  */
#content .category_root_name{
    text-transform: uppercase;
    font-size: 12px;
    font-weight:bold;
}
#content .category_root_name a{
    color: #999999;
    text-decoration: none;
}
#content .category_root_name a:hover{
    color: #999999;
    text-decoration: underline;
}
/* the root category table */
table.root_category 
{ 
    /*
    margin-left: auto;
    margin-right: auto;
    */
    margin-left: 45px;
    
}

html>body table.root_category 
{
    
}


/* the root category table */
table.category_in 
{ 
    margin: 5px 20px 5px 20px;
}

/* display no product found in a category */
#content .no_product{
    width: 100%;
    margin: 51px 0 51px 0;
    text-align:center;
    font-weight: bold;
    font-size:14px;
}

/*display products */
#content .product_price p{
    font-weight:bold;
    color: #FF0000;
}

/*display products */
#content .product_name a{
    font-weight:bold;
    color: #999999;
    text-transform:capitalize;
}
/* individual product CSS */
table.product_info{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}
#content .info_product_name{
    font-size: 16px;
    font-weight:bold;
    color: #646464;
}
#content .info_product_price{
    font-size: 12px;
    font-weight:bolder;
    color: #FF0000; 
}

 .info_product_desc{
    color:#999999;
    margin: 10px 0 10px 0;
}

#content .product_quantity{
    margin: 0px;
    color:#999999;
}
#content .add_cart{
    margin-top: 5px;
}

#searchBoxCont{                                                              
    float:right;
    padding: 0px;
}
.productSearch{
    float:right;
    font:bold 11px Tahoma;
    color:white;
    padding:0px;
    margin: 10px 5px 0 0;                   
}
#searchBox{
    float:right;
    background: url(img/search_box_bg_white.gif);
    padding:0px;
}  
#searchBox #search_text{
    float:left;
    padding:0;
    margin-top:3px;
    margin-left:2px;
    border:0;
    width:140px;
    background-color:white;
    font-size:11px;
    height:20px;
}
html>body #searchBox #search_text{
    margin-top: 4px;
}
#go{
    padding:0px;
    border:0px;
    height:20px;
    margin-top: 5px;
    margin-right:10px;
}
html>body #go{
    margin-top: 6px;
}

/* cart css */
html>body .cartTbl{
    padding:0px; 
    margin-left:24px;
}
#content .search_text{
    padding:0px;
    margin-left: 24px;
}
/* used in the form */
.tbox{
    border: #777 1px solid;
    margin: 5px;
}
/* css used in password request */
#content .request_form{
    padding:0px;
    margin-left:25px;
} 

/* generic para sa lahat */
#content .after_linebreak
{
    padding:0px;
    margin-left:25px;
}
h2.secTitle{
    display:block;
    padding:0;
    margin: 5px 25px 5px 25px;
    border-bottom:1px solid #99b3c6;
    font:bold 24px Arial, Helvetica, sans-serif;
    color:#004071;
}