@charset "utf-8";
/* CSS Document */

html{
margin:0;
padding:0;
}

img{
border:none;
}

img a {
border:none;}

body{ margin:0px; padding:0px;}
#main{width:980px; margin:0px auto;}
#container{width:980px; float:left; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;}
#top{ 
width:980px;
height:70px;
margin:0px;
}

.pagebody p {
margin:0;
padding:0 0 0 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.pagebody p a {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;}

.pagebody p a:hover {
text-decoration:underline;
}

.pagebody h1{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF8B3E;
font-weight:bold;
}

.pagebody h2{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
}

.pagebody h3{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
}

#top .logo img { 
width:193px;
height:65px;
margin:0px;
float:left;
}

#top .iso img { 
width:153px;
height:65px;
margin:0px;
float:left;
}

#top .iso2{
width:260px;
height:20px;
margin:0px;
padding:25px 0px 0px 0px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#1875b2;
float:left;
text-align:left;
}

#top .toplinks{ 
width:280px;
height:35px;
margin:0px;
padding:15px 0px 0px 0px;
float:left;
text-align:right;
}

#top .innerright{ 
width:300px;
height:65px;
margin:0px;
float:right;
}

#top .toplinks a{ 
margin:0px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#1875b2;
text-decoration:none;
text-align:right;
}

#top .toplinks a:hover{ 
margin:0px;
text-decoration:underline;
color:#FF8B3E;
}

.clear{ clear:both;}

#breadcrumps{width:980px;
height:20px;
margin:0px;
padding:0px;
background: #6dacd9;
float:left;
}

#breadcrumps .path{
width:620px;
height:20px;
margin:0px;
padding:8px 0px 0px 10px;
font: 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
float:left;
}

#breadcrumps .path a{
margin:0px;
padding:0px;
font: 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
text-decoration:none;
}

#breadcrumps .path a:hover{
color:#ffffff;
text-decoration:underline;
}

#breadcrumps .welcome{
width:320px;
height:20px;
margin:0px;
padding:8px 10px 0px 10px;
font: 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
float:right;
text-align:right;
}

#breadcrumps .welcome a{
margin:0px;
padding:0px;
font: 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
text-decoration:none;
}
#breadcrumps .welcome a:hover{
color:#ffffff;
text-decoration:underline;
}

#midcontainer{ 
width:980px;
margin:2px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

#midcontainer .midleft{ 
width:262px;
margin:0px 0px 0px 30px;
padding:0px;
float:left;
}


.loginbox{ 
width:262px;
height:197px;
margin:2px 0px 15px 2px;
padding:0px;

}


.midleft2{ 
width:262px;
margin:-255px 0px 0px 30px;
padding:0px;
float:left;
}

.loginbox2{ 
width:262px;
margin:0px 0px 15px 2px;
padding:0px;

}

.loginboxmid2{ 
width:242px;
background:url(../images/login-box-bg.jpg) repeat-y top;
margin:0px;
padding:0px;
float:left;
}


.loginboxtop{ 
width:242px;
height:23px;
background:url(../images/login-box-top.jpg) no-repeat;
margin:0px;
padding:8px 0px 0px 36px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;

}


.loginboxmid{ 
width:242px;
background:url(../images/login-box-bg.jpg) repeat-y top;
margin:0px;
padding:0px;
float:left;
}


.loginboxbottom{ 
width:242px;
height:10px;
margin:0px;
padding:0px;
float:left;
}


#menu{ width:234px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px;
float:left;

}

#menu ul{margin:0px 0px 0px 7px; list-style:none; padding:0px;}

#menu ul li{ margin: 0px 0px 2px 0px;
padding: 0px;
display: block;
 }


#menu ul li a {
height:15px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#464646;
margin:0px 0px 0px 0px;
display: block;
border:1px solid #bbbbbb;
background:#e6e6e6;
padding: 0px 0px 0px 6px;
text-decoration: none;
width:220px;
background:url(../images/arrow.gif) right no-repeat;
}

#menu ul li a:hover, #menu  ul li a:focus {
color: #1875b2;
background-color: #fbfbfb;
}


#midcontainer .midright{ 
width:726px;
height:455px;
margin:2px 2px 2px 0px;
padding:0px;
float:right;
text-align:right
}



#midcontainer .midrightinner{ 
width:726px;
margin:2px 0px 0px 0px;
padding:0px;
float:right;
text-align:right;
}

.midrightinner .midtop{
width:726px;
height:40px;
margin:5px;
padding:10px 0px;
float:right;
}

.midtop .brand{
width:663px;
margin:0px;
padding:3px 0px 0px 5px;
float:left;
text-align:justify;
font:  11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}

.midtop .brand p{
text-align:justify;
font:  11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}

.midtop .brand p a{
text-decoration:none;
text-align:justify;
font:  11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}

.midtop .brand p a:hover{
text-decoration:underline;
text-align:justify;
font:  11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}


.midtop .brand h1{
margin:0;
padding:0;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
}

.midtop .brand2{
width:663px;
height:150px;
margin:10px 5px 0px 0px;
padding:3px 0px 0px 0px;
float:left;
text-align:justify;
font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#666666;
}

#mid{
width:663px;
margin:5px 0px 5px 3px ;
padding:0px;
float:left;
}

#mid .midtop{
width:653px;
height:25px;
margin:0px auto;
padding:8px 0px 0px 10px;
background: url(../images/categorytop-bg.jpg) top no-repeat;
text-align:left; 
font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#1875b2;
}

#mid .midtophead{
width:653px;
height:25px;
margin:0px auto;
padding:8px 0px 0px 10px;
background: url(../images/categorytop-bg.jpg) top no-repeat;
text-align:left; 
font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#FF8B3E;
}

#mid .midtop .left{
width:450px;
height:15px;
margin:0px;
padding:2px 0px 0px 5px;
text-align:left; 
font:11px Verdana, Arial, Helvetica, sans-serif; color:#1875b2;
float:left;
}

#mid .midtop .left a{
text-align:left; 
font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#1875b2;
text-decoration:none;
}

#mid .midtop .left a:hover{
text-decoration:underline; color:#1875b2;
}



#mid .midtop .right{
width:190px;
height:15px;
margin:0px;
padding:2px 8px 0px 0px;
text-align:right; 
font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#1875b2;
float:right;
}



#mid .middel{
width:663px;
margin:0px;
padding:0px;
background: url(../images/category-bg.jpg) top repeat-y;
float:left;
}


.prodmain{
width:653px;
margin:5px auto;
padding:2px 0px 0px 0px;
background:#EBEBEB; 
height:225px;
}


.prod1{
width:204px;
height:165px;
margin:5px;
padding:0px;
background:#FFFFFF; 
float:left;
}

.prod2{
width:204px;
height:165px;
margin:5px;
padding:0px;
background:#FFFFFF; 
float:left;
}

.prod3{
width:204px;
height:165px;
margin:5px;
padding:0px;
background:url(../images/logic.jpeg) top no-repeat;
background:#FFFFFF;
float:left;
}

.prod1bot{
width:204px;
height:25px;
margin:-4px 0px 0px 5px ;
padding:0px 0px 0px 0px;
background:#FFFFFF; 
float:left;
}

.prod2bot{
width:204px;
height:25px;
margin:-4px 0px 0px 10px ;
padding:0px 0px 0px 0px;
background:#FFFFFF; 
float:left;
}

.prod3bot{
width:204px;
height:25px;
margin:-4px 0px 0px 10px ;
padding:0px 0px 0px 0px;background:#FFFFFF; 
float:left;
}

.prodtext{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#1875b2; margin-top:0px; text-align:right; }
.prodtext a{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#1875b2; margin-top:100px; text-align:center; text-decoration:none; line-height:12px;}
.prodtext a:hover{color:#FF8B3E; text-decoration:underline;}

.prodtext2{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#1875b2; margin-top:0px;margin-left:0px; margin-right:0px;text-align:left;}
.prodtext2 a{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#1875b2; margin-top:100px; text-align:center; text-decoration:none; line-height:12px;}
.prodtext2 a:hover{color:#FF8B3E; text-decoration:underline;}

.prodname{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background:#FF8B3E; margin-top:0px; text-align:center; line-height:18px;}

.prodbody{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#666666; background:#FFFFFF; margin-top:5px;margin-left:5px;margin-right:5px; text-align:justify; }


#mid .midbottom{
width:663px;
height:14px;
margin:0px auto;
padding:0px;
float:left;
}


#bottom{
float:left;
width:980px;
height:25px;
margin:0px;
padding:0px;
background:#6dacd9; 

}

#bottom .left{
width:400px;
height:15px;
margin:0px;
padding:8px 0px 0px 10px;
font: 10px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
float:left;
}


#bottom .left a{
margin:0px;
padding:0px;
font: 10px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
text-decoration:none;
}

#bottom .left a:hover{
color:#FF8B3E;
text-decoration:underline;
}

#bottom .right{
width:280px;
height:20px;
margin:0px;
padding:8px 10px 0px 10px;
font: 10px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
float:right;
text-align:right;
}

#bottom .right a{
margin:0px;
padding:0px;
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
text-decoration:none;
}

#bottom .right a:hover{
color:#FF8B3E;
text-decoration:underline;
}

#bottom .counter{
width:60px;
height:20px;
margin:0px;
padding:2px 2px 0px 0px;
font: 10px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
float:left;
text-align:left;
}

#QuickEnquiry{ 
width:262px;
margin:0px 0px 0px 30px;
padding:0px;
float:left;
}

.label{ 
width:30px;
margin:5px 0px 0px 5px;
padding:0px;
float:left;
}

.srch{
width:230px;
height:10px;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
float:left;
text-align:left;
align:center;
font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#000000;
}


.inputbox{ width:140px; height:14px; border-style: inset; border-width: 1px; font: 9px Verdana, Arial, Helvetica, sans-serif; color:#464646;}
.inputboxsrch{ width:100px; margin-left:10px; border:1px solid #aaaaaa; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#464646;}
.listbox{border:1px solid #aaaaaa; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#464646; height:18px;}
.btn {height:15px; border:0px; text-align:center; margin-left:5px; width:227px; margin-top:5px;} 

.pageheading{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background:#FF8B3E; margin-top:0px; text-align:center; line-height:18px;}
.pageheading h1{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background:#FF8B3E; margin-top:0px; text-align:center; line-height:18px;}
.pagebody{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; background:#FFFFFF; margin-top:0px; text-align:left; line-height:18px;}
.pagespace{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#FF8B3E; background:#FFFFFF; margin-top:0px; text-align:left; line-height:6px;}

.ramco img { 
width:107px;
height:94px;
margin:10px 0px 0px 65px;
float:center;
}

.ramcoerp img { 
width:187px;
height:66px;
margin:10px 0px 0px 20px;
float:left;
}

.clr_bot{
display:inline;
clear:both;
}