/* CSS Document */
body{padding:0px; margin:0px; background:url(images/back.jpg) 0 0 repeat-x #fff; color:#5F7A77; font:12px/19px Arial, Helvetica, sans-serif;}

div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

/*----MAIN FRAME----*/
#mainframe{width:777px; position:relative; margin:0 auto; background-color:#fff}

/*HEADER NAVIGATION*/
#header{width:765px; height:237px; background-color:#fff; position:relative; margin:0 auto;}

#toppan{width:765px; height:22px; background:url(images/topnavbg.jpg) 0 0 no-repeat #fff; position:relative; margin:0 auto;}

#toppan ul{  position:relative; margin:0 auto; padding:6px 0px 0px 378px}
#toppan li{float:left; padding:0px; color:#B3D1E7; text-decoration:none; font-size:11px; font-family:Trebuchet MS;}
#toppan ul li a{padding:0px; color:#2D8ACD; text-decoration:none; font-size:11px; font-family:Trebuchet MS;}
#toppan ul li a:hover{text-decoration:Underline; color:#000000; padding:0px;}


#logosection{width:765px; height:60px; background:url(images/logosection.jpg) 0 0 no-repeat #fff; position:relative; margin:0 auto;}

#logosection img.logo{width:271px; height:45px; position:absolute; top:0px; left:27px;}

#searcharea{width:269px; height:25px; position:absolute; top:15px; left:470px; padding:0px 0 0;}

#searcharea p.search{width:55px; color:#C70000; position:absolute; top:0px; left:6px; font-family:Tahoma; font-size:10px; font-weight:bold;}

#searcharea input.txtfield{width:173px; height:14px; position:absolute; top:0px; left:55px; padding:1px; font-family:Tahoma; font-size:11px; font-weight:normal; color:#000000; float:left; border:1px solid #BBB5B5}

#searcharea input.gobtn{width:28px; height:18px; position:absolute; top:0px; left:235px; padding:0px;}

#mainimage{width:765px; height:155px; background:url(images/headerimage.jpg) 0 0 no-repeat #fff; position:relative; margin:0 auto;}


/*----BODY STARTS HERE----*/
#blankrow{width:765px; height:7px; background-color:#fff; position:relative; margin:0 auto;}

#mainbody{width:765px; height:530px; background-color:#fff; position:relative; margin:0 auto;}
#mainbody2{width:600px; height:500px; background-color:#fff; position:relative; margin:0 auto;}

/*----LEFT PANEL STARTS HERE----*/
#leftpanel{width:187px; height:100%;  background:url(images/leftpanbg.jpg) 0 0 repeat-y #B5DCF8; position:relative; margin:0 auto; top:0px; left:0px; float:left}

#brandheading{width:187px; height:28px;  background:url(images/brand-stocklist.jpg) 0 0 no-repeat #fff; position:relative; margin:0 auto; top:0px; left:0px;}

#catbg{width:187px; position:relative; margin:0 auto; top:0px; left:0px;}

#catbg ul.leftmenu{width:159px; padding:0px 0px 0px 12px}
#catbg ul.leftmenu li{width:159px; height:22px;}
#catbg ul.leftmenu li a{width:141px; height:20px; display:block; background:url(images/leftmenubg.jpg) 0 0px no-repeat #fff; color:#59849C; text-decoration:none; padding:2px 0px 0px 18px}
.more{width:141px; height:20px; display:block; color:#E50102; text-decoration:none; padding:2px 0px 0px 18px}
a.more{width:141px; height:20px; display:block; color:#E50102; text-decoration:none; padding:0px 10px 0px 0px; font-weight:bold}
a.more:hover{width:141px; height:20px; display:block; color:#000000; text-decoration:none; padding:0px 10px 0px 0px}

#catbg ul.leftmenu li a:hover{width:141px; height:20px; display:block; background:url(images/leftmenubghover.jpg) 0 0px no-repeat #57A0FE; color:#FFFFFF; text-decoration:none; padding:2px 0px 0px 18px}


#middlepanel{width:390px; background-color:#fff; position:relative; margin:0 auto; top:0px; left:0px; float:left}

#welcome{width:390px; height:41px;  background:url(images/welcomeheading.jpg) 0 0 no-repeat #fff; position:relative; margin:0 auto; top:0px; left:0px;}

#bodytext{width:370px; background-color:#FFFFFF; position:relative; margin:0 auto; top:0px; left:0px; padding:0px 10px 10px 10px; text-align:justify; color:#1C1C1C}

#address{width:368px; background-color:#fff; position:relative; margin:0 auto; top:0px; left:0px; padding:5px 0px 0px 0px}
#addressbar{width:368px; height:27px; background:url(images/addressbar.jpg) 0 0 no-repeat #fff; position:relative; margin:0 auto; top:0px; left:0px; padding:5px 0px 0px 0px}
#addresstxt{width:348px; height:120px; background-color:#E7F5FF; position:relative; margin:0 auto; top:0px; left:0px; padding:10px; line-height:14px; color:#000000}

#addressdiv{width:368px; height:4px; background-color:#B5DCF8; position:relative; margin:0 auto; top:0px; left:0px;}

#rightpanel{width:188px; background-color:#fff; position:relative; margin:0 auto; top:0px; left:0px; float:left}
#righttop{width:188px; height:8px; background:url(images/righttopbg.jpg) 0 0 no-repeat #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#rightmiddle{width:188px; height:496px; background:url(images/rightmiddlebg.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px; padding:10px 0px 10px 0px}

/*logos*/
#fujitsu{width:178px; height:37px; background:url(images/fujitsu.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#yageo{width:178px; height:44px; background:url(images/yageo.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#hitano{width:178px; height:52px; background:url(images/hitano.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#sanyo{width:178px; height:37px; background:url(images/sanyo.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#kemet{width:178px; height:43px; background:url(images/kemet.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#nichicon{width:178px; height:35px; background:url(images/nichicon.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#taiyo{width:178px; height:28px; background:url(images/taiyo.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#tdk{width:178px; height:39px; background:url(images/tdk.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#panasonic{width:178px; height:41px; background:url(images/panasonic.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#avx{width:178px; height:40px; background:url(images/avx.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#murata{width:178px; height:38px; background:url(images/murata.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}
#nic{width:178px; height:48px; background:url(images/nic.jpg) 0 0 repeat-y #fff; position:relative; margin:0 auto; top:0px; left:0px;}



#rightbottom{width:188px; height:6px; background:url(images/rightbottombg.jpg) 0 0 no-repeat #fff; position:relative; margin:0 auto; top:0px; left:0px;}

/* FOOTER STARTS HERE*/
#footer{width:765px; height:60px; background-color:#fff; position:relative; margin:0 auto; padding:16px 0px 0px 0px}
#footerlink{width:765px; height:35px; background:url(images/footerbg.jpg) 0 0 repeat-x #fff; position:relative; margin:0 auto; padding:0px}
#footerlink ul{width:550px; height:35px; position:relative; margin:0 auto; padding:8px 0px 0px 0px}
#footerlink li{float:left;padding:0px; color:#ffffff; text-decoration:none; font-size:10px; font-family:Trebuchet MS;}
#footerlink ul li a{padding:5px; color:#ffffff; text-decoration:none; font-size:10px; font-family:Trebuchet MS;}
#footerlink ul li a:hover{text-decoration:none; color:#000000; padding:5px; background-color:#69C0FF}
#footerlink p.copyright{ margin:0px; font-family:Trebuchet MS; color:#0584AA; padding:0px 0px 8px 0px; font-size:11px}
a.blacklink{font-family:Trebuchet MS; color:#000000; font-size:11px; text-decoration:underline;}
a.blacklink:hover{font-family:Trebuchet MS; color:#0584AA; font-size:11px; text-decoration:None;}

a.emaillink{font-family:Arial; color:#0586E2; font-size:12px; text-decoration:underline;}
a.emaillink:hover{font-family:Arial; color:#000000; font-size:12px; text-decoration:underline;}

/* products.jsp*/
#prodcontainer{width:578px; background:#FFFFFF; position:relative; margin:0 auto; top:0px; left:0px;}

#prodcontainer_inner{width:548px; height:485px; background:#FFFFFF; position:relative; margin:0 auto; top:0px; left:0px; border:1px dashed #D5D5D5; border-collapse:collapse}



.category{ color:#CCCCCC; font-weight:bold;}

a.subcat{ width:245px; background:#EAEAEA; display:block; color:#B90300; text-decoration:none; font-size:11px; padding:0px 0px 0px 5px}
a.subcat:hover{ width:245px; background:#B90300; display:block; color:#FFFFFF; font-size:11px; padding:0px 0px 0px 5px}

a.subcat3{ background:#EAEAEA; display:block; color:#B90300; text-decoration:none; font-size:11px; padding:0px 0px 0px 5px}
a.subcat3:hover{ background:#B90300; display:block; color:#FFFFFF; font-size:11px; padding:0px 0px 0px 5px}


a.subcat2{ width:150px; background:#EAEAEA; display:block; color:#B90300; text-decoration:none; font-size:11px; padding:0px 0px 0px 5px}
a.subcat2:hover{ width:150px; background:#B90300; display:block; color:#FFFFFF; font-size:11px; padding:0px 0px 0px 5px}


/*contactus.jsp*/

#info{width:340px; height:20px; position:relative; margin:0 auto; top:0px; left:0px; padding:10px; background-color:#FFEBEB; border:1px dashed #FFD1D1; border-collapse:collapse}
a.emaillink2{font-family:Arial; color:#B90300; font-size:11px; text-decoration:underline;}
a.emaillink2:hover{font-family:Arial; color:#000000; font-size:11px; text-decoration:underline;}
.formtxt{ font-size:11px; font-weight:bold; color:#000000}
.txtbox{width:240px; padding:1px 1px 1px 5px; font-family:Tahoma; font-size:11px; font-weight:normal; color:#000000; float:left; border:1px solid #BBB5B5}