@charset "utf-8";
/*------------------------------Reset style Starts-------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
/* remember to define focus styles! */
:focus { outline: 0; }
/*ul { list-style: none; }*/
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
img { margin:0; }
/*------------------------------Reset style Ends-------------------------------*/

/*-----------------------------------float start-------------------------------*/
.fltrt { float: right; }
.fltlft { float: left; color:#494747; }
.clear { clear:both; }
/*-----------------------------------float ends--------------------------------*/

/*-----------------------------------body start-------------------------------*/
body { font: normal 12px/20px "Arial", Helvetica, sans-serif; color:#333333; text-align:left;  background:#c0c0c0;  }
/*-----------------------------------body ends--------------------------------*/

/*-----------------------------------globel setting start-------------------------------*/
h1, h2, h3, h4 { font-family:Calibri, Arial, Helvetica, sans-serif; }
h1 { color:#010000; font-size:11px; font-weight:bold; }
h1 span { color:#d9261f; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
a { color:#0087c4; }
.grayColor { color:#585858; }
.red { color:#B50000; }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Calibri, Arial, Verdana; color: #0087c4;  line-height:15px; font-size:22px; text-transform:uppercase; border:#CCC 1px solid; padding:6px 0px 6px 6px;  }
h3 { font-size:12px; line-height:25px; color:#0087c4; background:url(../images/heading-sep.png) no-repeat right; text-transform:uppercase; font-weight:bold;  }
h4 { font-size:18px; line-height:22px; color:#B50000; font-weight:bold; text-transform:uppercase; }
h5{ color:#c13030; font-size:11px; line-height:20px; font-weight:bold; }
p { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; }
.red { color:#da2420; }
/*-----------------------------------globel setting ends--------------------------------*/


/*-----------------------------------wrapper start-------------------------------*/
#wrapper { width:980px; margin:0 auto; padding:5px; background:#FFF; }
/*-----------------------------------wrapper ends--------------------------------*/

/*-----------------------------------header start-------------------------------*/
#header { width:980px; margin:0 auto; background:#fff; height:79px; }
#topheader { margin:0 auto; width:100%; padding:5px 0px 0px; height:79px; }
#rightbox{width:200px; height:50px; float:right;}
.serachHolder {
	float:right;
	width: 206px;
	margin-top:20px;
	
}
.serachHolder input, .serachHolder img { float:left; }

.serachHolder input {
    border-color: #c8c8c8;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #969696;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 21px;
    margin-top: 0;
    width: 165px;
}

#topNav {
	 font-size:11px;
	 float:right;
	 width:190px;
	 margin:auto;
	 height:15px;
	 text-align:right;
}
#topNav ul li {
    background:#fff;
    color: #1e1e1e;
    display: inline;
    float: left;
    padding: 0 3px;
}
#topNav ul li a { color:#1e1e1e; text-decoration:none; }

/*-----------------------------------header ends--------------------------------*/

/*-----------------------------------menu start-------------------------------*/
#imenu { width:980px; margin:0px; background:url(../images/menu-bg.png) no-repeat transparent; height:38px; margin-top:10px; z-index:50000000; }
ul.menu { list-style:none; margin:0; padding:0 }
ul.menu * { margin:0; padding:0 }
ul.menu a { display:block; color:#fff; text-decoration:none; padding:8px 53px 5px 53px;  margin-top:0px; }
ul.menu li { position:relative; float:left;}
ul.menu ul { position:absolute; top:38px; left:1px; display:none; opacity:0; list-style:none; }
ul.menu ul li { position:relative; border-top:none; width:200px; margin:0px; border-bottom:#d1d1d1 1px solid; }/*width:157px;*/
ul.menu ul li a { display:block; padding:3px 7px 5px; background-color:#1a97cf; }
ul.menu ul li a:hover { background-color:#1a97cf; color:#ffffff; text-decoration:underline; }
ul.menu ul ul { top:0px;  margin-left:197px;}
ul.menu .menulink { font-weight:normal; }
ul.menu .menulink:hover, ul.menu .menuhover { color:#ffffff; }
ul.menu .sub { background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;}
ul.menu .topline { }
ul.menu .lastLI a { border:none; }
/*-----------------------------------menu ends--------------------------------*/

/*-----------------------------------menu start-------------------------------*/
    
#banner { width:980px; height:267px; margin:0 auto; background: #fff; margin-top:10px; z-index:-1000;}

/*-----------------------------------menu ends--------------------------------*/

/*-----------------------------------containner start--------------------------------*/
#containner { margin:0 auto; width:980px; background:#FFF; padding:10px 0px; }
#middle1{ background:url(../images/index-middle.png) no-repeat transparent;  float:left; width:867px; height:131px; margin-left:50px; margin-top:10px;}
/*-----------------------------------containner ends--------------------------------*/

 /*-----------------------------------footer starts here-------------------------------*/
#footer { margin:0 auto; width:980px; background:#FFF; height:62px; }
.topfooter { background:url(../images/footer-bg.png) no-repeat transparent; float:left; padding:7px 11px 8px; width:958px; }
.bottomfooter { float:left; width:99%; }
.companyname, .bottomfooter { color:#494747; }
.companyname a { background:url(../images/magnonlogo.gif) no-repeat scroll right center transparent; color:#494747; display:block; float:right; padding:0 36px 0 4px; text-decoration:none; }
.bottomfooter a:hover { text-decoration:underline; }
.companyname { }
.sitemaplink ul li { color:#494747; display:inline; padding:0 2px; float:left }
.sitemaplink ul li a { color:#494747; text-decoration:none; }
.sitemaplink ul li a:hover { text-decoration:underline; }
.addAndLinks { float:left; }
.fltlft text { float: left; padding-right:10px; color:#494747; }
/*-----------------------------------footer ends ends--------------------------------*/

.seperator1
{ height:244px; width:9px; float:left; background:url(../images/about-seperator.gif) no-repeat;}
.bottomImg{ width:230px; height:110px; padding:10px 10px 10px 24px; margin-top:176px;}

/*----------------------------------- breadcrum starts-----------------------------------------*/
.bradcrumb { font-size:11px; font-weight:bold; padding:0px 0px 0px 5px; width:975px; margin:0 auto; background-color:#CCC; }
.bradcrumb ul li { color:#1e1e1e; display:inline; font-weight:bold;}
.bradcrumb ul li a { color:#1e1e1e; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.bradcrumb ul li a:hover { color:#0087c4; text-decoration:underline;  }
/*---------------------------------- breadcrum ends-----------------------------------------*/
/*-------------------left and right module for index page start here -----------------*/
.leftmodule
{ width:740px;
height:127px;
float:left;
background:url(../images/left-bg.png);
margin:20px 10px 20px 0px;
padding:5px 10px 0px;
}
.readmore { float:left; background:url(../images/read-more.gif) no-repeat; width:67px; height:16px; margin-top:5px; }
.readmore1 { float:left; background:url(../images/read-more.gif) no-repeat; width:67px; height:16px; margin-top:3px; }
.rightmodule
{ width:190px;
float:right;
height:127px;
/*background:url(../images/left-bg.png);*/
/*background:url(../images/right-bg.png) no-repeat;*/
margin:20px 0px 20px 0px;
padding:5px 9px 0px 9px;
border:#d8d8d8 1px solid;
}

/*-------------------left and right module for index page ends here -----------------*/

/*-------------------left and right module for inner page start here -----------------*/
.leftMiddle { width:136px; float:left; margin-right:20px; }
.topimage { width:136px; height:23px; background:url(../images/left-menu-bg.png) no-repeat; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:center; }
.rightMiddle { width:813px; overflow:auto; padding:1px 10px 10px 0px; }
.rightMiddlecontent { width:810px; padding-left:3px; padding-top:5px; overflow:none; }

.rightMiddle2 { width:980px; overflow:auto; padding:1px 0px 10px 0px; }
.rightMiddlecontent2 { width:977px; padding-left:3px; padding-top:5px; overflow:none; }

.graph { width:269; height:202px; float:right; margin:0px 5px}
/*-------------------left and right module for inner page ends here -----------------*/

/*-----------------------------------side menu start--------------------------------*/
.sideMenu { width:134px; float:left; border-bottom:0px; border:1px solid #004b6d; border-bottom:none; }
.sideContent ul{ font-size:12px;  }
.sideContent ul li {color:#1e1e1e; display:block; font-size:12px; padding:0px 15px 8px; text-decoration:none; background:url(../images/bullet.gif); font-weight:bold; font-size:12px; background-repeat:no-repeat; background-position:top; }
.sideContent ul li a {  color:#1e1e1e; text-decoration:none;}

/*-----------------------------------side menu ends--------------------------------*/
/*-----------------------------------side menu starts here--------------------------------*/
.glossymenu { }
.glossymenu a.menuitem { display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 4px 0; padding-left:5px; text-decoration: none; margin-left:0px; font-size:11px; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color:#003164; font-size:11px; }
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/ border:medium none; left:-7px; position:absolute; top:10px; }
.glossymenu a.menuitem:hover { }
.glossymenu div.submenu { /*DIV that contains each sub menu*/ background: none; }
.glossymenu div.submenu ul { /*UL of each sub menu*/ list-style-type: none; margin:0 0 0 10px; padding: 0; }
.glossymenu div.submenu ul li { }
.glossymenu div.submenu ul li a { font-size:11px; display: block; text-decoration: none; padding: 2px 0; padding-left: 10px; color:#666666; }
.glossymenu div.submenu ul li a:hover { color:#003164; }
/*-----------------------------------side menu ends here--------------------------------*/

/*-----------------------------------static side menu starts here--------------------------------*/
.staticMenu { margin:0px; padding:0px;  } /*.staticMenu { margin:0px 0 5px 3px; padding-top:5px; }*/
.staticMenu ul li { list-style:none; }
.staticMenu ul li a { color:#1e1e1e; display:block; font-size:12px; padding:0px 0px 3px 20px; text-decoration:none; background:url(../images/bullet.gif) 1px 3px;  font-size:12px; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; text-align:left; }
.staticMenu ul li a:hover{ color:#0087c4; text-decoration:underline; }

/*-----------------------------------static side menu ends here--------------------------------*/

.img{width:208px; padding-left:10px; float:right;}
.brick{width:170px; height:25px; margin-top:10px;}
.icon{width:25px; height:25px; padding-right:5px; float:left;}

.product_imgbox{width:810px; margin-bottom:10px; margin-top:10px; height:200px;}
.prod_image{width:250px; height:200px; margin-right:20px; float:left;}

/*-----------------------------------inner page format starts here--------------------------------*/

#postarea{width:100%; border:#ececec 1px solid; background-color:#f7f6f6; text-align:justify; margin:8px 0px 8px 0px;} /*width:810px;*/
.column{width:389px; margin:8px 8px 8px 8px; float:left;}
.imgbase{width:389px; height:227px; margin:10px 0px 10px 0px; background-image:url(../images/img_base.gif); background-repeat:repeat-y;}
.img_dropshadow{width:208px; height:164px; background-image:url(../images/img_dropshadow.gif); background-repeat:no-repeat; margin:0 auto; padding-top:22px; text-align:center;}

.img_text{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#0075a9; font-style:italic;}
.shortheadings{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#000; font-style:italic; margin-bottom:15px;}
h6{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-style:italic; margin-bottom:8px;}

.pagetitle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Calibri, Arial, Verdana; color: #0087c4;  line-height:15px; font-size:22px; text-transform:uppercase; border:#CCC 1px solid; padding:6px 0px 6px 6px; background-image:url(../images/title-breadcrumb.gif); background-repeat:no-repeat; }

.pagetitle2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Calibri, Arial, Verdana; color: #0087c4;  line-height:15px; font-size:22px; text-transform:uppercase; border:#CCC 1px solid; padding:6px 0px 6px 6px; background-image:url(../images/title-breadcrumb2.gif); background-repeat:no-repeat; }

/*-----------------------------------inner page format ends here--------------------------------*/

/*-----------------------------------contact page format starts here--------------------------------*/
.addressblock{width:465px; height:160px; background-color:#f0efef; margin-right:10px; float:left; padding:5px;}
.mailblock{width:303px; height:60px; padding:5px; background-color:#f0efef; margin-top:10px; margin-right:10px; float:left;}

/*-----------------------------------contact page format ends here--------------------------------*/

/*-----------------------------------feedback page format starts here--------------------------------*/
.formblock{width:500px; background-color:#f0efef; margin:0 auto; padding:5px; border:#dedddd 1px solid;}
.formbg{width:100%; background-image:url(../images/form-bg.gif); background-repeat:repeat-y;}
.sitemapbg{width:100%; background-image:url(../images/siteform-bg.gif); background-repeat:repeat-y;}

/*-----------------------------------feedback page format starts here--------------------------------*/