html, body {height:100%}
/* end hide */
body { margin:0px; background:#efefef; Font: Normal 11px Arial, Verdana, Helvetica, sans-serif;}
#shadow{ min-height:100%; width:1003px; text-align:left; background:url(../images/shadowbg.gif) top left repeat-y; /* add 2px if borders are not used */ color:#000; text-align:left; position:relative; margin:0px auto; /* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */ }
* html #shadow{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/
#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */
ul, li, ol, dl, dd, dt, blockquote { padding: 0; margin: 0; list-style: None;}
form,input, textarea, select, option { padding:0; margin:0; color: #2b2b2b; font: Normal 11px Arial;}
a img { border:0 None; padding:0; margin:0; line-height:normal;}
a:active, a:link, a:visited { color:#333; text-decoration:none;}
a:hover { color:#2c7aaf; text-decoration:underline;}
hr { border:0; padding:0; margin:0; background:transparent;}
address { font-style: normal;}
h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a,h4 a { font-weight: bold; margin:0; padding:0; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration:underline; }
h1 { font-size:1.5em; margin:0 0 7px 0; }
h2 { font-size:1.4em; }
h3 { font-size:15px; display:block; padding:20px 20px 20px 0px; width:90%; margin:0px 0px; color:#2f4563; font-weight:normal;}
align { text-align:left; }
v-align { vertical-align:top;}
kbd { font:normal 12px Arial;}
.bdrr { border-right:1px solid #e2e2e2;}
.bdr { border:1px solid #e2e2e2;}
.fltl { float:left;}
.fltr { float:right;}
.cntr { margin:0px auto;}
.cntrt { margin:0px auto; text-align:center;}
.w50p { width:49%;}
.w50 { width:50px;}
.w800 { width:800px;}
.w620 { width:609px; padding:0px; margin:0px;}
.w620 table{ padding:0px; margin:0px;}
/* Layout */
#maincontainer { width:995px; text-align:left; margin:0 auto; padding:0;}
#header { width:auto; display:block; height:97px;} /*IN Header Boundaries had Topbar, Navbar*/
#container { width:100%; padding:0; margin:2px 0px 0px 0px ; clear:both; position:relative;}
#innercontainer { width:auto; padding:0; margin:0 23px 0 28px; clear:both;}/*Inner page Container*/
#innercontainer p { padding-bottom:10px;}
/* links */
.bluelink,a.bluelink, a.bluelink:visited { color:#4b94dc; text-decoration:underline;}
a.bluelink:hover { color:#7d7d7d;}
a.whitelink, a.whitelink:visited { color:#fff; text-decoration:underline;}
a.whitelink:hover { color:#ddd; }
/* and Header Nav */
#header { width:auto; height:97px; border-top:5px solid #006ab8; background: url(../images/headerbg.jpg);repeat-x left bottom; position:relative;}
#header .headerlogo { display:block; }
#header .headerlogo p { float:left; padding:9px 36px 9px;display:block; }
#header div.headernav { height:78px; float:right; margin:0; border-top:1px solid #e7e7e7; padding:7px 0 9px; }
#header div.headernav ul li { text-align:left; display:inline;}
/* Flash Header */
#flashheader { background: url(../images/pm_banner_bg.gif) repeat-x left bottom; height:400px; padding:0; margin:0; }
#content { width:100%; background:#fff ; float:left; }
#middlecontain { width:60%; float:left; background:#fff; padding:20px; }
#rightcontain { width:25%; float:right; margin-left:8px;}
/* Footer */
#footer { width:995px; /* add 2px if borders are not used on the #outer div */ clear:both; text-align:center; left:0; bottom:0; position: absolute; color:#174165; line-height:16px; background:#a5c6d6 url(../images/footer_top.gif) no-repeat ; border-top: 1px solid #e0e0e0; height:40px; margin:0px 0px 0px 5px; padding:5px 0px 0px 0px; }
* html #footer {/*only ie gets this style*/ \height:47px;/* for ie5 */ he\ight:45px;/* for ie6 */ margin-bottom:-1px;}
#footer label { float:left; font:normal 11px arial; margin-left:30px;}
#footer ul { float:left; display:block; font:normal 11px arial; height:14px; margin-left:5px; }
#footer ul.divline li { padding:0 8px 0 0; background: url(../images/rightline.gif) no-repeat right 0px; text-align:right; display:inline; }
#footer ul.divline li a { margin:0 1px 0 2px;}
#footer a,
#footer a:visited { text-decoration:underline; color:#174165}
#footer a:hover { text-decoration:none;}
/* Tabbed */
#gallery {font-size:12px; width:750px; padding:15px 0 0 0; margin-left:25px;}
#gallery div.off1 {color:#000; height:26px; width:155px; margin-right:2px; margin-top:6px; float:left; background:url(../images/who_off.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#e0e0e0; cursor:pointer; position:relative; z-index:90;}
#gallery div.off2 {color:#000; height:26px; width:155px; margin-right:2px; margin-top:6px; float:left; background:url(../images/services_off.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#e0e0e0; cursor:pointer; position:relative; z-index:90;}
#gallery div.off3 {color:#000; height:26px; width:155px; margin-right:2px; margin-top:6px; float:left; background:url(../images/news_off.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#e0e0e0; cursor:pointer; position:relative; z-index:90;}
#gallery div.on1 {color:#000; width:155px; height:33px; padding:0 0px; margin-right:2px; margin-top:0px; float:left; background:url(../images/who_on.gif) no-repeat left top; border:1px solid #e0e0e0; border-bottom:0px; cursor:pointer; position:relative; z-index:110;}
#gallery div.on2 {color:#000; width:155px; height:33px; padding:0 0px; margin-right:2px; margin-top:0px; float:left; background:url(../images/services_on.gif) no-repeat left top; border:1px solid #e0e0e0; border-bottom:0px; cursor:pointer; position:relative; z-index:110;}
#gallery div.on3 {color:#000; width:155px; height:33px; padding:0 0px; margin-right:2px; margin-top:0px; float:left; background:url(../images/news_on.gif) no-repeat left top; border:1px solid #e0e0e0; border-bottom:0px; cursor:pointer; position:relative; z-index:110;}
div.hide {display:none; width:0; overflow:hidden; height:200px;}
div.show { clear:left; background:#fff; height:190px; margin-top:0; margin-left:5px; margin-bottom:5px; top:-1px; border:1px solid #f3f3f3; padding:20px; position:relative; z-index:50; font:12px arial; line-height:18px;}
div.show p{ width:550px;}
div.show img {float:right; margin:0px 10px;}
.clear {clear:both;}
/* inner */
.body{ width:800px; font-size:9pt; float:right; margin:0px; padding:0px 5px 0px 0px;}
.body h1, .body h2,.body h3, .body h4{ color:#2c75c1; margin:0px 10px 0px 0px ; padding:8px 8px 0px 0px; font-size:11pt; }
.body p{ margin:0px 10px 0px 0px ;}
.body .inner{ line-height:1; list-style:none; margin:0px; padding:0px; }
.breadcrumb { background:url(../images/doted.gif) repeat-x left bottom; margin:1px 0px 5px 0px ; padding:0px ; }
.breadcrumb div div div, .breadcrumb div div div span{ line-height:35px; color:#000000; font-weight:bold; color:#2c75c1; font-size:8.5pt; padding:0px; }
.breadcrumb div div div a:link,
.breadcrumb div div div a:visited,
.breadcrumb div div div a:active{ background:url(../images/blts4.gif) no-repeat right; padding:0px 10px 0px 0px; color:#989898; text-decoration:none; margin:0px 5px 0px 0px ; font-weight:bold; }
.breadcrumb div div div a:hover{ text-decoration:none; color:#2c7aaf; }
.leftpart{ float:left; width:182px; }
.leftmenu{ width:182px; padding:0px; margin:0px 0px 0px 2px; position:relative; }
.leftmenu ul{ border:1px solid #c8c8c8; border-top:0px solid #c8c8c8; padding:0px 0px 10px 0px; }
.leftmenu li, .leftmenu td { background:#fff; margin:0px; padding:0px; }
.leftmenu .title{ background:#5a9bdf; color:#fff; border-bottom:1px solid #528cca; padding:8px 10px; margin-bottom:1px; cursor:pointer; width:160px;}
.leftmenu div{ background:#333; color:#fff; padding:4px 8px ; margin:0px 0px 5px 0px; width:164px; }
.leftmenu li a, .leftmenu td a{ background: url(../images/blts.gif) no-repeat 10px 8px; padding:0px 0px 0px 20px ;color:#525252; line-height:20px; display:block; height:auto; clear:none; width:160px; cursor:pointer; text-decoration:none; }
.leftmenu li a:hover, .leftmenu td a:hover{ color:#2c7aaf; text-decoration:underline;}
.leftmenu td div a{ color:#fff; background: url(../images/blts2.gif) no-repeat 10px 8px; }
.leftmenu .curv{ background:url(../images/curv1.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; top:0px ; left:0px; z-index:100; width:10px; height:22px; }
.leftmenu .curv1 { background:url(../images/curv2.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; top:0px ; left:173px; z-index:100; width:10px; height:22px; }
.leftmenu .curv2 {background:url(../images/curv1a.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; top:0px ; left:0px; z-index:100; width:10px; height:22px; }
.leftmenu .curv3 { background:url(../images/curv2a.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; top:0px ; left:172px; z-index:100; width:10px; height:22px; }
.leftmenu .bcurv{ background:url(../images/bcurv.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; bottom:-5px ; left:0px; z-index:100; width:10px; }
.leftmenu .bcurv1 { background:url(../images/bcurv1.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; bottom:-5px ; left:173px; z-index:100; width:10px; }
/**/
.loginpanel{ width:182px; padding:0px; margin:6px 0px 0px 2px; position:relative; border-bottom:1px solid #c8c8c8;}
.loginpanel ul{ border:1px solid #c8c8c8; border-bottom:none; border-top:0px solid #c8c8c8; padding:0px 0px 10px 0px; display:block; }
.loginpanel li{ background:#fff; margin:0px; padding:0px; }
.loginpanel div{ background:#333; color:#fff; padding:4px 8px ; margin:0px 0px 5px 0px; width:164px; }
.loginpanel span { background:#fff; margin:0px; padding:1px 5px; display:block;}
.loginpanel span.loginame{ background:none; margin:0px; padding:1px 5px; display:inherit;}
.loginpanel .winput{ width:95%; padding:1px 0px; margin-bottom:2px;}
.loginpanel .link { width:100px; }
.loginpanel .link a{ background: url(../images/blts.gif) no-repeat 0px 3px; padding:0px 0px 0px 10px;}
.loginpanel .curv2 {background:url(../images/curv1a.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; top:0px ; left:0px; z-index:100; width:10px; height:22px; }
.loginpanel .curv3 { background:url(../images/curv2a.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; top:0px ; left:172px; z-index:100; width:10px; height:22px; }
.loginpanel .bcurv{ background:url(../images/bcurv.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; bottom:-6px ; left:0px; z-index:100; width:10px; }
.loginpanel .bcurv1 { background:url(../images/bcurv1.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; bottom:-6px ; left:173px; z-index:100; width:10px; }
/*
.loginpanel{ width:182px; padding:0px; margin:0px 0px 0px 2px; position:relative; }
.loginpanel ul{ border:1px solid #c8c8c8; border-top:0px solid #c8c8c8; padding:0px 0px 10px 0px; }
.loginpanel li { background:#fff; margin:0px; padding:0px; border:1px solid #fff; }
.loginpanel div{ background:#333; color:#fff; padding:4px 8px ; margin:0px 0px 5px 0px; width:164px; }
.loginpanel span { background:#fff; margin:0px; padding:1px 5px; display:block; line-height:20px; }
.loginpanel .winput{ width:95%; padding:3px 0px;}
.loginpanel .curv2 {background:url(../images/curv1a.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; top:1px ; left:0px; z-index:1000; width:10px; height:22px; }
.loginpanel .curv3 { background:url(../images/curv2a.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; top:1px ; left:172px; z-index:100; width:10px; height:22px; }
.loginpanel .bcurv{ background:url(../images/bcurv.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; bottom:-5px ; left:0px; z-index:100; width:10px; }
.loginpanel .bcurv1 { background:url(../images/bcurv1.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; bottom:-5px ; left:173px; z-index:100; width:10px; }
*/
.tablelist{ margin:15px 0px 0px 0px; background:none; }
.tablelist td{ position:relative; text-align:left; vertical-align:top; }
.tablelist td label{ display:block; height:120px; width:160px; }
.tablelist td.img{ height:150px;}
.tablelist td div{ display:block; border:1px solid #e6e7e8; margin:1px; background:url(../images/dwnarw.gif) no-repeat 10px 0px; text-align:left; color:#5799de; padding:13px 3px 3px 5px; width:195px; }
.tablelist td div li { background: url(../images/blts1.gif) no-repeat 0px 9px; padding:5px 0px 5px 8px ;color:#525252; display:block; height:auto; clear:none; }
.listing{ margin:0px auto; padding:0px;}
.listing li, .w620 .listing li{ width:150px ; text-align:center; float:left; background:none;}
.listing li div a{ color:#2c75c1;}
.download{ margin:1px 0px 5px 0px; padding:0px; width:180px;}
.download h2{ color:#fff; padding:0px; margin:0px; line-height:normal; font-size:9pt; background:#333 url(../images/curv2a.gif) no-repeat top right; font-size:8pt; }
.download h2 strong{ color:#fff; padding:5px; background:url(../images/curv1a.gif) no-repeat top left; display:block; }
.download div{ border:1px solid #dbdbdb; padding:10px; font-size:8pt;}
.download div.downloadicon{ border:1px solid #dbdbdb; padding:10px; background:url(../images/download.gif) no-repeat bottom right;}
.download div li a, .download div td a{ background: url(../images/blts.gif) no-repeat 0px 6px; padding:2px 0px 2px 10px ; display:block; height:auto; clear:none; font-size:8pt; }
.quoteorder{ margin:1px 0px 5px 0px; padding:0px; width:180px; font-size:8pt; }
.quoteorder h2{ color:#fff; padding:0px; margin:0px; line-height:normal; font-size:8pt; background:#333 url(../images/curv2a.gif) no-repeat top right; }
.quoteorder h2 strong{ color:#fff; padding:5px; background:url(../images/curv1a.gif) no-repeat top left; display:block; }
.quoteorder div{ border:1px solid #dbdbdb; padding:5px; font-size:8pt;}
.quoteorder div li, .quoteorder div td a { background: url(../images/blts.gif) no-repeat 0px 6px; padding:2px 0px 0px 10px ;height:auto; clear:none; font-size:8pt; }
.quoteorder div li.noblts, .quoteorder div td.noblts a { background:none; padding:2px 0px 0px 10px ;color:#525252; height:auto; clear:none; font-size:8pt; }
li.noblts, .noblts a { background:none; padding:2px 0px 0px 10px ; height:auto; clear:none; font-size:8pt; }
.rightimageview{ margin:1px 0px 5px 0px; padding:0px; width:180px;font-size:8pt; }
.rightimageview h2{ color:#fff; padding:0px; margin:0px; line-height:normal; font-size:9pt; background:#333 url(../images/curv2a.gif) no-repeat top right; font-size:8pt; }
.rightimageview h2 strong{ color:#fff; padding:5px; background:url(../images/curv1a.gif) no-repeat top left; display:block; }
.rightimageview div{ border:1px solid #dbdbdb; padding:10px; font-size:8pt; }
.rightimageview div td a { padding:0px; height:auto; clear:none; font-size:8pt; }
/*.form{ color:#333; }
.form li label{ float:right; width:70%; text-align:left; display:block; height:100%; }
*/
.form{ width:600px ; border:solid #f2f2f2; border-width:0px 0px 1px 0px; }
.form li { padding:5px 0px; display:block; text-align:left; margin:0px; height:100%; background:none; position:relative; font-size:12px;}
.form li span{ float:left; text-align:right; width:29%; display:block; }
.form li label{ float:right; display:block; text-align:left; width:70%; position:relative; }
.form li label b.error{ text-align:left; display:block; font-weight:normal; position:absolute; top:0px; left:145px; padding:0px; width:100%; text-align:left; }
.form li label.ext{width:100px; position:absolute; left:350px;}
.form .title{ display:block; background:#f2f2f2; padding:3px 7px; }
.form li.none {border-width:0px; }
.pad5{ padding:5px; }
.w180{ width:180px;}
#header .headerlogo span { background:url(../images/search.gif) no-repeat top left; padding:0px 0px 0px 50px ; position:absolute; bottom:10px; right:10px; display:block; width:235px; }
#header .headerlogo span input { border:1px solid #eee; padding:4px; width:175px; color:#666;vertical-align:top;}
#header .headerlogo span
{ float:right; margin:0px 0px 0px 4px;}
.tablelist1{ margin:10px 5px; padding:0px; width:99.2%; border:1px solid #f5f5f5; }
.tablelist1 th{ background:#4d92d8; padding:5px; color:#fff; text-align:left; border: 1px solid #fff;}
.tablelist1 td{ background:#fff; border:1px solid #f5f5f5; text-align:left; padding:2px 5px; color:#444; }
.tablelist1 td a{ text-decoration:none;}
.tablelist1 td a:hover{ text-decoration:underline;}
.tablelist1 td.num{ text-align:right; border:none; padding:3px 0px;}
.tablelist1 td.num span { text-align:center; background:#dff2f8; border:1px solid #b5d7fa; padding:0px 5px; margin:2px 1px; color:#4d92d8; font-weight:bold; }
.tablelist1 td.num span a{ color:#4d92d8; text-decoration:none;}
.tablelist1 td.num span a:hover{ color:#666; text-decoration:underline;}
/* =================== Qpedia Grid ====================== */
.qediagrid{ margin:0px; padding:0px; width:95%; border:1px solid #eee; border-bottom:none;}
.qediagrid th{ background:#4d92d8; padding:5px; color:#fff; text-align:left; border: 1px solid #fff;}
.qediagrid table td{ border-bottom:1px solid #eee;}
.qediagrid td td{ padding:3px 5px;}
.qediagrid .newstitle{ width:400px; }
.qediagrid td.num{ text-align:right; border:none; padding:3px 0px;}
.qediagrid td.num span { text-align:center; background:#dff2f8; border:1px solid #b5d7fa; padding:0px 5px; margin:2px 1px; color:#4d92d8; font-weight:bold; }
.qediagrid td.num span a{ color:#4d92d8; text-decoration:none;}
.qediagrid td.num span a:hover{ color:#666; text-decoration:underline;}
/* =================== Qpedia Grid ====================== */
.tablelist2{ margin:10px 5px; padding:0px; width:99.2%; }
.tablelist2 th{ background:#f2f2f2; padding:5px; color:#161717; text-align:left; font-weight:normal; }
.tablelist2 td{ background:#fff; padding:5px; border:1px solid #eee; text-align:left; color:#161717; font-weight:normal; }
.tablelist2 span{ float:left; margin:0px 5px 0px 0px;}
.tablelist2 span img{ border:3px solid #fff;}
.tablelist2 label { padding:5px 0px 0px 0px; display:block;}
.tablelist2 label, .tablelist2 label a{ color:#3f84cc; font-size:14px; font-family:arial; font-weight:bold; text-decoration:none;}
.executivebios{ margin:10px 5px; padding:0px; width:99.2%; }
.executivebios th{ background:#f2f2f2; padding:5px; color:#161717; text-align:left; font-weight:normal; }
.executivebios td{ background:#fff; padding:5px; text-align:left; color:#161717; font-weight:normal; }
.executivebios span.image{ float:left; margin:0px 5px 0px 0px;}
.executivebios span img{ border:3px solid #fff;}
.executivebios label { padding:5px 0px 0px 0px; display:block;}
.executivebios span.headline{ color:#3f84cc; font-size:14px; font-family:arial; font-weight:bold; text-decoration:none;}
.login{ background:url(../images/login.gif) no-repeat ; width:270px; height:130px; margin:20px auto; text-align:left;padding:70px 0px 0px 50px; }
.login .logindetails{ width:235px; border:0px; text-align:left; padding:0px;}
.login .logindetails label{ float:right; padding:5px 0px 0px 0px; color:#bbb;}
/*modified on the border style on 6th August 2009 */
.login .logindetails input{border:1px solid #ccc; padding:3px; width:225px; color:#666;}
.imgfltl{ border:1px solid #eee; margin:0px 10px 0px 0px;}
/* Menu bar */
.menubar { clear: both; height: 37px; padding: 0; width: 995px; margin: 0 auto; background:url(../images/menubg2.gif) repeat-x ; position:relative; z-index:9999; }
.menubar .a{background:url(../images/menubg1.gif) no-repeat left; height:37px; }
.menubar .b{background:url(../images/menubg3.gif) no-repeat right; height:37px; padding:0px 10px; }
/* table grid */
.tablegrid{ margin:0px; padding:0px; text-align:center; width:100%; }
.tablegrid tr th{ background:#4a92de; padding:2px 10px; color:#fff;}
.tablegrid td{ border:1px solid #4a92de; padding:2px 10px;}
.tablegrid1{ margin:0px; padding:0px; text-align:center; width:100%; }
.tablegrid1 tr th{ background:#4a92de; padding:2px 10px; color:#fff;}
.tablegrid1 td{ }
.tablegrid1 td td td {padding:2px 10px; border:solid #4a92de; border-width:1px 0px 0px 1px; }
.tablegrid1 td td table { width:100%; padding:0px; margin:0px; border:solid #4a92de; border-width:0px 1px 1px 0px; }
.sortheatsinkdetails{ margin:10px 0px 0px 8px;}
/* Menu bar */
.menubar { clear: both; height: 37px; padding: 0; width: 995px; margin: 0 auto 10px auto; background:url(../images/menubg2.gif) repeat-x; position:relative; }
.menubar .a{background:url(../images/menubg1.gif) no-repeat left; height:37px; }
.menubar .b{background:url(../images/menubg3.gif) no-repeat right; height:37px; padding:0px 10px; }
.menu {width:951px; height:32px; position:relative; z-index:9999; padding:0px 0px 0px 20px; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:951px; width:950px; margin:0px 0px 0px 0px; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0px;list-style-type:none; height:35px; }
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:123px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:112px; height:32px; padding:3px 0px 1px 0px; line-height:29px; }
.menu a:hover{ font-weight:bold; text-decoration:none; }
.menu a a:hover{ font-weight:normal; text-decoration:underline; }
/* a hack so that IE5.5 faulty box model is corrected */
.menu a a{text-align:left; }
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#333 url(../images/grey-arrow.gif) no-repeat 145px center; font-size:11px; font-weight:normal;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#444 url(../images/blue-arrow.gif) no-repeat 145px center; font-size:11px; font-weight:normal; }
.menu ul ul :hover > a.drop {background:#444 url(../images/blue-arrow.gif) no-repeat 145px center; font-size:11px; font-weight:normal;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#333;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#444;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:36px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:35px;t\op:36px;}
/* position the third level flyout menu */
.menu ul ul ul{left:163px; top:-1px; width:170px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#333; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:145px; font-size:11px; border-bottom:1px solid #444; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:145px; }
/* style the top level hover */
.menu ul ul a:hover{color:#fff; background:#444; font-weight:normal; }
.menu ul ul :hover > a {color:#fff; background:#444; font-weight:normal; }
.menu li a:hover, .menu li:hover, .menu #qpedia:hover, .menu #qpedia a:hover{ background:url(../images/hover.gif) repeat-x top left; color:#fff; text-decoration:none; font-weight:normal; }
.menu li a:hover, .menu #qpedia a:hover{font-weight:bold; }
.menu li a a, .menu #qpedia li a:hover{font-weight:normal; }
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu #qpedia a {width:195px; }
.menu #qpedia a:hover {color:#fff; background:url(../images/hover.gif) repeat-x; }
.menu #qpedia:hover { background:url(../images/hover.gif) repeat-x; width:195px; }
.menu #qpedia ul li a:hover { color:#2c7aaf; text-decoration:underline; width:195px; background:none; }
.menu li a{text-align:center;}
.menu li li a, .menu li li li a, .menu li li li li a, .menu td a, .menu th a{ text-align:left;}
.menu ul li ul li.table { display:block; width:100px; }
.menu ul li ul li.table td{ padding:5px 0px 0px 0px; background:#fff; }
.menu ul li ul li.table table th a:link,
.menu ul li ul li.table table th a:active,
.menu ul li ul li.table table th a:visited { background:#fff; color:#000; font-weight:bold; font-size:9pt; padding:2px 5px; margin:0px; border:none; text-align:left; display:block; width:auto;}
.menu ul li ul li.table table th a:hover{ color:#2c7aaf; text-decoration:underline;}
.menu ul li ul li.table table th{ display:block; background:none; padding:2px 5px; }
.menu ul li ul li.table table table td{color:#333; line-height:normal; padding:3px 10px; width:100%;text-align:left; }
.menu ul li ul li.table table table td span,
.menu ul li ul li.table table table td span a:link,
.menu ul li ul li.table table table td span a:visited,
.menu ul li ul li.table table table td span a:active { color: #2c7aaf; font-size:9pt; font-weight:normal; display:block; margin:2px 0px 0px 0px; padding:2px 0px 0px 0px; text-align:left;}
.menu ul li ul li.table table table td span a:hover{ color: #333;}
.menu ul li ul li.table table table td span{border-top:1px solid #2c7aaf; }
.menu ul li ul li.table table table td.nobdr span,
.menu ul li ul li.table table table td.nobdr span a{ color: #2c7aaf; font-size:9pt; font-weight:normal; border-top:0px solid #2c7aaf; display:block; margin:5px 0px 0px 0px; padding:5px 0px 0px 0px; text-align:left;}
.menu ul li ul li.table table{ border:1px solid #2c7aaf; width:100%; position:relative; }
.menu ul li ul li.table table table {border:none; padding:0px 10px; width:100%:}
.menu ul li ul li.table table table td a:link,
.menu ul li ul li.table table table td a:active,
.menu ul li ul li.table table table td a:visited{ background:none; color:#444; text-decoration:none; border-bottom:0px solid #eee; padding:0px; font-size:8.6pt; text-align:left;width:163px; }
.table .hello a:link{width:163px;}
.menu ul li ul li.table table table td a:hover{ color:#2c7aaf; text-decoration:underline; }
.menu ul li a{ font-weight:bold}
.menu ul li li a{ font-weight:normal}
.tablelist3{ margin:10px 5px; padding:0px; width:99.2%; border:1px solid #f5f5f5; }
.tablelist3 th{ background:#4d92d8; padding:2px; color:#fff; text-align:center; border:none; border:1px solid #4d92d8; }
.tablelist3 td{ background:#fff; border:1px solid #f5f5f5; text-align:center; padding:0px 5px; color:#444; height:30px;}
.tablelist3 td.num{ text-align:right; border:none; padding:3px 0px;}
.tablelist3 td.num span { text-align:center; background:#dff2f8; border:1px solid #b5d7fa; padding:0px 5px; margin:2px 1px; color:#4d92d8; font-weight:bold; }
.tablelist3 td.num span a{ color:#fff; text-decoration:none;}
.tablelist3 td.num span a:hover{ color:#fff; text-decoration:underline;}
.tablelist3 th a{ color:#fff; text-decoration:none;}
.tablelist3 th a:hover{ color:#fff; text-decoration:underline;}
#lblMessage{ font-size:10pt; color:#bc1b1b; text-align:left; display:block; }
/* left menu adv */
.glossymenu{margin:0px 0px 10px 2px;padding: 0;width: 180px; /*width of menu*/ float:left; position:relative; border:1px solid #c8c8c8; border-top:none; }
.glossymenu a.menuitem{ background:#5a9bdf; color:white; display:block; width: auto; padding:4px 0px; padding-left:10px; text-decoration:none; border-bottom:1px solid #fff; font-weight:bold; }
.glossymenu ul li { background:#333; border-bottom:1px solid #fff; }
.glossymenu ul li a, .glossymenu div.submenu ul li a{ color:#fff; text-decoration:none; line-height:22px; display:block; font-weight:bold; padding:0px 0px 0px 10px; }
.glossymenu ul li a img {
border:0 solid red;
margin-top:-2px;
padding:0 2px 2px 8px;
position:absolute;
}
.glossymenu ul li ul li{ background:#fff url(../images/blts.gif) no-repeat 10px 7px; padding:3px 0px 3px 20px; border-bottom:0px solid #eee; }
.glossymenu ul li ul li a, .glossymenu div.submenu ul li ul li a { color:#333; border:none; line-height:normal; text-indent:0px; font-weight:normal; padding:0px; }
.glossymenu ul li ul li a:hover, .glossymenu div.submenu ul li ul li a:hover{ color:#2c7aaf; text-decoration:underline;}
.glossymenu .bcurv{ background:url(../images/bcurv.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; bottom:-7px ; left:-1px; z-index:100; width:10px; }
.glossymenu .bcurv1 { background:url(../images/bcurv1.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; bottom:-7px ; left:172px; z-index:100; width:10px; }
.glossymenu .curv{ background:url(../images/curv1.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; top:0px ; left:-1px; z-index:100; width:10px; height:22px;}
.glossymenu .curv1 { background:url(../images/curv2.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; top:0px ; left:172px; z-index:100; width:10px; height:22px; }
.glossymenu .curv2 {background:url(../images/curv1a.gif) no-repeat left top; margin:0px; padding:0px; position:absolute; top:0px ; left:0px; z-index:100; width:10px; height:22px; }
.glossymenu .curv3 { background:url(../images/curv2a.gif) no-repeat left top; padding:0px; margin:0px; position:absolute; top:0px ; left:172px; z-index:100; width:10px; height:22px; }
.search{ font-size:11px; margin:0px 0px 0px 10px; display:block; border:1px solid #eee; width:45%;background:#fafafa; }
.search td{ padding:4px 10px; background:#fafafa; text-align:left; color:#333; }
.search td.alt{ padding:4px 10px; background:#fafafa; }
.about blockquote { margin:0px;}
.descrption { padding:0px 0px 0px 15px;}
.descrption .title{ font-size:10pt; color:#2c7aaf; font-weight:bold;}
.descrption .titlenumber{ font-size:9pt; color:#555; font-weight:bold; margin:5px 0px; display:block;}
.descrption ul{margin:5px 0px; float:left; padding:0px; width:370px; display:block; }
.descrption li{ background:url(../images/blts.gif) no-repeat 0px 6px; padding:3px 0px 3px 10px;}
.descrption1 ul { margin:5px 0px; padding:0px; }
.descrption1 ul li{ background:url(../images/blts.gif) no-repeat 0px 6px; padding:3px 0px 3px 10px;}
.adsright{ float:right; margin:35px 0px 0px 0px;}
.adsright li{ padding:0px 0px 5px 0px;}
a:hover{ color:#2c7aaf; text-decoration:underline;}
/* 11/11/2008 */
.tablelistgallery { width:50%; padding:0px; margin:0px; position:relative;}
.tablelistgallery table{ width:125px;}
.tablelistgallery td{position:relative; text-align:center; padding:4px; vertical-align:top;}
.tablelistgallery td td{ border:1px solid #eee; }
.tablelistgallery td a{ text-align:center; text-decoration:none; }
.imagedisply li.pdf, .tablelistgallery td li.pdf{ text-align:left; background:url(../images/pdf.gif) no-repeat 0px 2px; padding:3px 0px 0px 18px;}
.imagedisply li.note, .tablelistgallery td li.note{ text-align:left; background:url(../images/note.gif) no-repeat 0px 2px; padding:3px 0px 0px 18px;}
.imagebanktitle { padding:10px 0px 0px 0px ;}
.imagebanktitle span{ font-size:9.0pt; font-weight:bold; display:block; background:#f2f2f2; padding:6px 10px; border:1px solid #ddd;}
.imagebank td{width:200px;}
.imagebank table{width:100%; padding:0px; text-align:left; }
.imagebank table td{ vertical-align:top; padding:1px;}
.imagebank table table{ border:1px solid #dfdfdf; width:200px; }
.imagebank table td td{ text-align:center; padding:5px; background:#fafafa; border:none;}
.imagebank table td td.img{ height:140px; background:none; vertical-align:middle; }
.mrgn10l{ margin:0px 0px 0px 10px ;}
#txtExtension{ width:50px;}
/* header slides */
#slider1{
width: 746px; /* important to be same as image width */
height: 288px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
background-image: url(images/flash_header1.jpg);
}
#slider1Content{
width: 746px;
position: absolute;
top: 0;
margin-left: 0;
}
.slider1Image {
float: left;
position: relative; display:block;
display: none;
}
.slider1Image span{position: absolute; padding:05px 15px 15px 15px; width: 716px; background-color: #000;filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity:0.7; opacity: 0.7; color: #fff; display: none; font-size:9pt;}
.slider1Image span strong {
font-size: 16pt; font-weight:normal;
}
.slider1Image span label{ display:block; position:absolute; left:20px; bottom:75px;}
.slider1Image span input{ background:url(../images/btn.gif) no-repeat; height:18px; width:73px; padding:0px 5px 2px 5px; line-height:normal; border:0px; color:#fff; font-weight:bold; cursor:pointer; }
.slider1Image span input:hover, .slider1Image span input>hover{ background:url(../images/btn-hover.gif) no-repeat; height:18px; width:73px; padding:0px 5px 2px 5px; line-height:normal; border:0px; color:#fff; font-weight:bold; cursor:pointer; }
.top { top:0; left:0;}
.bottom {bottom:0px; left:0; margin:0px 0px 15px 0px;}
.left {top:0px; left:40px; width:150px !important; height:280px; display:block;}
.right {right:0px; bottom:0px; width:90px !important; height:290px;}
.switchOn{ background:url(../images/thumbbg-hover.gif) repeat-x;}
.switchOff{ background:url(../images/thumbbg.gif) repeat-x;}
.header{ display:block; position:relative;}
.leftpanel{ position:absolute; right:-1px; top:0px; width:250px; margin:0px; padding:0px; }
.leftpanel li{ padding:0px; margin:0px; border:none;}
.leftpanel li a { display:block; text-decoration:none; height:100%; padding:5px; margin:0px; height:62px; }
.leftpanel li a:hover { background:url(../images/thumbbg-hover.gif) repeat-x ;}
.leftpanel li a b{ float:left; margin:1px 5px 1px 1px;}
.leftpanel li b img{ border:1px solid #000; opacity:0.7;filter:alpha(opacity=70)}
.leftpanel li a span{ color:#777; }
.leftpanel li a:hover span, .leftpanel .switchOn a span { color:#fff; }
.leftpanel li a span strong{font-weight:bold; margin:0px; line-height:20px; font-size:12px; }
.leftpanel li a:hover img, .leftpanel .switchOn a img { border:1px solid #ddd; opacity:10; filter:alpha(opacity=100);}
.leftpanel li a:hover span strong, .switchOn a span strong{ color:#fff;}
.contactradiobtns{}
.contactradiobtns td{}
.contactradiobtns td span{ float:left; margin:0px 5px 0px 0px; }
.w620 ul{ padding:3px 0px 3px 10px;}
.w620 li{ background:url(../images/blts.gif) no-repeat 0px 6px; padding:3px 0px 3px 10px;}
.w620 .form li{ padding:5px 0px; display:block; text-align:left; margin:0px; height:100%; background:none;}
.imagedisply{ float:right; margin:0px 0px 5px 10px;}
.multirow th{border:1px solid #fff; }
.multirow .one{ border:1px solid #fff; border-bottom:1px solid #4d92d8; background:#4d92d8;}
.multirow .two{ border:1px solid #fff; font-weight:bold; background:#4d92d8; color:#fff;}
.multirow .firstleft{ text-align:left;}
.multirow th.firstleft{ text-align:left; padding:0px 0px 0px 5px;}
/* index page middle part */
.middlepart{margin:15px 0px 0px 1px; padding:0px 0px 0px 1px; }
.middlepart ul{ margin:auto; padding:0px; letter-spacing:normal; }
.middlepart li{ float:left; width:334px; margin-right:0px;}
.middlepart li li{ float:none; width:100%; color:#555;}
.roundfrm{ background:url(../images/panelbg.gif) no-repeat left top; padding:15px 15px 15px 10px; display:block; height:250px; position:relative; font-size:12px;}
.middlepart li.w320{width:325px; }
.roundfrm h1{ color:#4685c7; padding:0px; margin:8px 0px 18px 5px; line-height:normal; display:block;}
.roundfrm .img{ float:left; margin:0px 10px 8px 0px; border:1px solid #b9c9e1;}
.roundfrm b{ color:#2c75c1;}
.roundfrm ins{ text-decoration:none; display:block;}
.roundfrm a:link,
.roundfrm a:active,
.roundfrm a:visited{ color: #666666; text-decoration:none; }
.roundfrm a:hover{ text-decoration:underline;color:#2c75c1; }
.roundfrm .newslist li{ border-bottom:1px solid #e3e3e3; padding:0px;}
.roundfrm .newslist li.none{ border-bottom:0px;}
.roundfrm small{ display:block; text-align:right; bottom:0px; right:5px; position:absolute;}
.gren{ background:url(../images/gren.gif) no-repeat left; padding:0px 0px 0px 10px; border:1px solid #333; }
.label{color:#2c75c1;}
.accessories{ border-top:1px solid #f2f2f2; background:#eee; text-align:left;}
.accessories h1{ margin:0px 0px 0px 15px;}
.accessories table{ background:#fff; margin:5px 0px 5px 0px; padding:0px; width:98.3%;}
.bios{ margin:10px 5px; padding:0px; width:99.2%; }
.bios tr, .bios td{ border:0px solid #333; height:100%; background:#f9f9f9; }
.bios td{ margin:1px;}
.bios td a:link, .bios td a:visited, .bios td a:active{text-align:left; color:#2c7aaf; font-weight:normal;}
.bios b{ }
.bios b img{ float:left; border:3px solid #fff;}
.bios strong{ color:#2c7aaf; font-size:14px; font-family:arial; font-weight:bold; text-decoration:none; padding:5px 0px 0px 0px; margin:0px; text-align:left; }
.bios a:hover strong{ text-decoration:underline;}
.divLinks{ margin:0px 0px 15px 0px; text-align:right; padding:10px; float:right;}
.backissueslogin{ border:1px solid #ddd; background:#f2f2f2;}
.backissueslogin td{ padding:10px;}
.backissueslogin .loginbtn{ padding:0px; width:70px;}
.backissueslogin1{ border:1px solid #eee; background:#fff;}
.sitemap{ margin:0px 5px;}
.sitemap mainframe{}
.sitemap li.mainlinhk{ margin:0px 5px; background:url(../images/sitemapbtn1.gif) no-repeat 0px 3px; padding:0px 0px 5px 15px; color:#ef882c; font-weight:bold; border-bottom:1px solid #eee; }
.sitemap li.mainlinhk a{color:#ef882c; font-weight:bold;}
.sitemap th.mainlinhk { border-bottom:1px solid #eee; padding:15px 0px 0px 0px; }
.sitemap th.mainlinhk a:link,
.sitemap th.mainlinhk a:active,
.sitemap th.mainlinhk a:visited{ margin:0px 5px; background:url(../images/sitemapbtn1.gif) no-repeat 0px 5px; padding:0px 0px 0px 15px; color:#ef882c; font-weight:bold;}
.sitemap td span{ padding:0px 0px 0px 20px;}
.sitemap td span a:link,
.sitemap td span a:active,
.sitemap td span a:visited{ background:none; padding:0px; margin:0px; color:#2c7aaf; font-weight:normal;}
.sitemap { color:#2c7aaf; padding:2px 0px; font-size:12px; }
.sitemap td a:link,
.sitemap td a:active,
.sitemap td a:visited{ margin:0px 5px; background:url(../images/sitemapbtn3.gif) no-repeat 0px 7px; padding:0px 0px 0px 15px; color:#515151; font-weight:normal; }
.sitemap th a:link,
.sitemap th a:active,
.sitemap th a:visited{ margin:0px 5px; background:url(../images/sitemapbtn2.gif) no-repeat 0px 5px; padding:0px 0px 0px 15px; color:#515151; font-weight:bold; }
/* 04/02/2009 */
.myaccuont{ background:url(../images/acounts.gif) no-repeat 5px 11px; padding:10px 5px 0px 20px; float:right;}
.myaccuont a:link,
.myaccuont a:active,
.myaccuont a:visited{color:#2c7aaf; text-decoration:none;}
.myaccuont a:hover{color:#999; text-decoration:underline;}
.signin{ background:url(../images/signin.gif) no-repeat 5px 11px; padding:10px 5px 0px 20px; float:right; }
.signin a:link,
.signin a:active,
.signin a:visited{color:#2c7aaf; text-decoration:none;}
.signin a:hover{color:#999; text-decoration:underline;}
/*added by anithaa */
.SiteSearch{ padding:10px 5px 0px 20px; float:right; }
.SiteSearch a:link,
.SiteSearch a:active,
.SiteSearch a:visited{color:#2c7aaf; text-decoration:none;}
.SiteSearch a:hover{color:#999; text-decoration:underline;}
.welcome{ float:right; width:50%;}
.searchpanel{ background:#f4f4f4;}
.searchpanel .frm1{ background: url(../images/rund1.gif) no-repeat top left;}
.searchpanel .frm2{ background: url(../images/rund2.gif) no-repeat top right;}
.searchpanel .frm3{ background: url(../images/rund3.gif) no-repeat bottom left;}
.searchpanel .frm4{ background: url(../images/rund4.gif) no-repeat bottom right; padding:10px 10px 5px 10px; height:100%;}
.searchpanel .centerframe{ text-align:left; font-size:16px; }
.searchpanel .centerframe input.txtfld{ width:300px; height:22px; padding:3px 0px 0px 0px; margin:0px; top:0px; line-height:normal; vertical-align:top; font-size:16px; color:#666; }
.searchpanel .centerframe span{ vertical-align:top; padding:0px;}
.searchpanel .centerframe .btn{ width:73px; height:29px; background:url(../images/searchbtn.gif) no-repeat; border:0px; margin:0px; padding:0px;}
.searchpanel .centerframe .name{ padding:5px 5px 0px 0px ; float:left; text-align:right; width:150px; color:#7d7d7d;}
.sndline{text-align:left; font-size:11px; padding:3px 0px 0px 150px; display:block;}
.sndline label{ padding:0px 2px 0px 0px; line-height:20px;}
.btn{ background:url(../images/btn.jpg) repeat-x ; color:#fff; height:27px; font-weight:bold; border:1px solid #006ab8; padding:0px 8px; }
.pagination td { padding:10px 0px 10px 0px;}
.pagination td a{ background:#333; padding:2px 10px; color:#fff;}
.pagination td span{ background:#2e78c3; padding:2px 10px; color:#fff;}
.searchtitle{ padding:5px 0px; color:#5697db; font-size:14px; display:block; margin:2px 0px; }
.searchlist{ background:#f3f3f3; padding:0px 0px 5px 6px;}
.searchlist td{ padding:5px;}
.searchlist .pagination td{ padding:10px 0px 10px 0px;}
#recaptcha_widget_div{padding-left:180px}
#recaptcha_instructions_image{ width:150px; text-align:left; float:left;}
#recaptcha_instructions_error{ width:150px; text-align:left; float:left;}
.addthis_toolbox{ position:absolute; left:10px; bottom:10px;}
.mycart{ background:url(../images/icon_cart.gif) no-repeat 0px 8px; padding:10px 5px 0px 20px; float:right;}
.mycart a:link,
.mycart a:active,
.mycart a:visited{color:#2c7aaf; text-decoration:none;}
.mycart a:hover{color:#999; text-decoration:underline;}