@charset "UTF-8";
/* Vinfaat CSS Document */ 

body, html{
margin:0px;
background-image:url(../images/_bg.gif);
background-repeat:no-repeat;
background-color:#d6e8fb;
font-family: Georgia, Times New Roman, Times, serif, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666; 
text-align:justify;
height:100%;
}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; padding-top:0; margin-top:0;}

#wrapper {width:980px; min-height:700px; margin: 0 auto; padding:0; background-image:url(../images/_trans_bg.png); background-repeat:repeat-y;}

/*------Top Bar-----*/
#topbar {float:left; width:970px; height:88px; background-image:url(../images/_navi_bg.gif); background-repeat:repeat-x; margin-left:5px;}
#logo{ float:left; width:970px; height:40px; margin:0; padding:0;}
#topnavi { float:right; width:845px; height:48px; margin:0; padding:0;}
.list_h {margin:0 10px 0 0; padding:0; float:right;}
.list_h li {display:inline; float:left; margin:0; padding:15px 0; width:132px; height:18px; text-align:center;}
.list_h li:hover {display:inline; width:132px; margin:0; padding:15px 0; background-image:url(../images/_navi_hoverbg.gif); background-repeat:no-repeat;}
.list_h a:link, .list_h a:visited {display:inline; font-family:Helvetica, Arial, sans-serif; font-size:14px; text-decoration: none; color:#333333; padding:15px 0; margin:0;}

#flash{ float:left; width:960px; height:250px; margin:5px 0px 15px 10px; padding:0;}

/*----index---*/
#indexContent{float:left; width:960px; margin-left:10px; }
#featured_title{float:left; width:960px; height:24px;}
#featured_content{float:left; width:960px; background-color:#FFFFFF; border:#eaeaea solid 1px; padding-left:5px;}
.featured{margin:0 0 0 0; padding:5px 5px 0 5px; text-align:justify;}
.featured li{display:block; margin: .5em 0 0 .5em; padding:0 0 0 0; list-style:none;}

/*---aboutus--*/
#titleba_long{float:left; width:960px; height:30px; background-image:url(../images/title_bar_960.png); background-position:top; background-repeat:no-repeat;}

/*----Prod---*/
#prodContent{float:left; width:960px; margin-left:10px;}
/*----Prod Categories listing --- */
#cat_res{float:left; width:470px; min-height:880px; margin:0px 0px 5px 5px; background-color:#ffffff;}
.catlisting{margin:0 0 0 0; padding:5px;}
.catlisting li{display:block; margin:0; padding-bottom:5px; margin:0; list-style:none; height:170px; width:460px;}
#cat_comm{float:right; width:470px; margin:0px 5px 0px 5px; min-height:400px; background-color:#ffffff;}
/*--Prod Listing--*/
#leftprod{float:left; width:260px; min-height:500px; background-color:#eeeeee;}
.subnavi_topbar{float:left; width:260px; height:30px; background-image:url(../images/prod/navi_title.png); background-position:top; background-repeat:no-repeat;}
.subnavi{margin:0; float:left; padding:0;}
.subnavi li{display:block; padding:0; width:260px; height:30px; list-style:none; padding:0; margin:0; }
.subnavi a:link, .subnavi a:visited {display:block; font-size: 13px; font-weight:normal; padding:10px 0 10px 5px; text-decoration: none; color: #003399;}
.subnavi a.active:link, .subnavi a.active:visited {color: #000000;}
.subnavi a:hover {background-color:#cccccc; font-style:italic; color:#000000;} 

/*--Contact Us--*/
#featured_content2{float:left; width:960px; background-color:#FFFFFF; border:#eaeaea solid 1px; padding-left:5px;}
#contact_right {float:right; width:250px; min-height:100px; background-color:#ffffff; }

#rightprod{float:right; width:690px; min-height:40px; background-color:#ffffff; border-left:solid 1px #eaeaea;}
#titlebar{float:right; width:690px; height:30px; background-image:url(../images/prod/title_bg.png); background-position:top; background-repeat:no-repeat;}
.prodlisting{margin:0; float:left; padding:0; border-bottom:#cccccc solid 1px;}
.prodlisting li{display:block; padding:0; width:670px; list-style:none; padding:10px; margin:0; }

.prodlistingGrey{margin:0; float:left; padding:0; border-bottom:#cccccc solid 1px; background-color:#eaeaea;}
.prodlistingGrey li{display:block; padding:0; width:670px; list-style:none; padding:10px; margin:0; }

.proddetails{margin-top:10px; float:left; padding:0;}
.proddetails li{display:block; padding:0; width:500px; min-height:25px; list-style:none; padding:5px; margin:0; line-height:25px;}


/*---CONTACTUS---*/
.cuform {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px;border:1px solid #006699;color: #000;width:400px; height:20px;margin:5px 5px 5px 0;}

.cuformstyle {font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #006699;font-size: 12px;color: #000;width:400px; height:62px;margin:5px 5px 5px 0;}
#cuform{float:left;}
#formcontainer{width:525px; padding-left:10px;}
#formdetails {width:90px; float:left;margin-top:5px; margin-left:10px;}
#formdetails td{padding-bottom:12px; padding-top:5px;}


/* --- FOOTER --- */
#footer { height:30px; width:970px; background-color:#ffffff; text-align:center; padding-top:5px; margin-left:5px; }
.clearfooter {height: 30px; clear: both;}

/* font setting */
h1 { font-family: Arial, Helvetica, sans-serif; color:#003399; font-weight:none; font-size:12px; padding:0; margin:0;}
h2 { font-family: Arial, Helvetica, sans-serif; color:#666666; font-weight:none; font-size:12px; padding:0; margin:0;}
.footertext{ font-family: Arial, Helvetica, sans-serif; color:#333333; font-size:10px;}
.prodtitle{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:14px; padding:0px 10px; margin:0; line-height:30px;}
.text2{font-family:Georgia, Times New Roman, Times, serif, Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:12px; padding:10px; margin:0; line-height:26px;}
.bodytext{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:none; font-size:13px;}

a.contenttext_link, a.contenttext_link:link, a.contenttext_link:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration: none; color: #003399;}
a.contenttext_link:hover {color:#333333; } 
a.contenttext_link:active {color:#333333;} 

a.contenttext_link2, a.contenttext_link2:link, a.contenttext_link2:visited {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration: none; color: #ffffff;}
a.contenttext_link2:hover {color:#ffffff; text-decoration:underline; } 

a.title_link, a.title_link:link, a.title_link:visited {font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color:#006600; font-size:16px; font-weight:none; text-decoration: none;}
a.title_link:hover {color:#000000; text-decoration:underline; } 

a.footer_link, a.footer_link:link, a.footer_link:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:none; text-decoration: none; color: #3399cc;}
a.footer_link:hover {color:#003399; } 
a.footer_link:active {color:#003399;}

a.footer2_link, a.footer2_link:link, a.footer2_link:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:none; text-decoration: none; color: #003399;}
a.footer2_link:hover {color:#666666; } 
a.footer2_link:active {color:#666666;} 

/* LINES */
.whiteline{border-top: solid 1px #ffffff;}
.underlineDotted{ border-bottom:dotted 1px #000000;}
.underline{ border-bottom:solid 1px #3399cc;}