﻿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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;	background: transparent;
}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/*=@MAYER GLOBAL RESET COMPLETE-----------------------------------------------------------------------------------*/
/* @TYPOGRAPHY ---------------------------------------------------------------------------- */
	body {font-family: Tahoma, Arial;font-size:76%;color:black; text-align:left}
	div {font-size:1em;}
	img {border:0;}
	
/* @LINKS -------------------------------------------------------------------------------- */
	a, a:link, a:active {text-decoration: none;}
	a:visited {	}
	a:hover {text-decoration: none;}

/* @HEADINGS--------------------------------------------------------------------------------*/
	h1,h2,h3,h4,h5,h6 {font-weight: bold; margin:0 0 0.25em 0; padding: 0;}
	h1 {font-size: 1.5em; margin:0.5em 0 0.5em 0;}
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.3em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1em;}
	h6 {font-size: 0.8em;}

/* @TEXT ---------------------------------------------------------------------------------- */
	p {	font-size: 1em;	margin: 0 0 1.5em 0;padding:0;line-height:1.4em;}
	blockquote {border-left: 10px solid #ddd;margin-left: 10px;}
	pre {display:block;overflow:scroll;margin:0 16px 1.5em 16px;padding:2px;font-family:"Courier New", Courier, monospace;font-size: 1em;background-color:#eee;}
	strong, b {	font-weight: bold;}
	em, i {	font-style:italic;}
	code {display: block;font-family: "Courier New", Courier, monospace;font-size: 1em;background-color: #eee;}
    h2 code, p code {display: inline;}
        
 /* @TABLE -------------------------------------------------------------------------------- 
	table {margin:0;border-collapse: collapse;font-size: 1em;}
	table caption {font-weight: bold;margin: 0 0 0 0;padding: 0 0 0.5em 0;text-align: left;}
	th {padding: 2px;font-weight: bold;text-align: right;text-transform: lowercase;}*/
	td {padding: 2px; font-size: 1em; text-align:left; vertical-align:top}
        
/*--------------------------*/

body { background: url(images/bg.png) #000 center top no-repeat; }

.wrapper {width:940px; margin:0 auto;}


.header { width:940px; height:125px; position:relative; }
	.us-site { width:78px; height:20px; background:url(images/us_site1.gif) no-repeat top; position:absolute; top:0; left:0; text-indent:-999px;}
	.lang { position:absolute; top:0; right:0;}
	.lang li { float:left; display:inline; margin-left:5px;}
	.lang li a { width:34px; height:20px; text-indent:-9999px; display:block; }
	
	.lang li a.en { background:url(images/en.gif) no-repeat top; }
	.lang li a.en:hover { background:url(images/en.gif) no-repeat bottom; }
	
	.lang li a.fr { background:url(images/fr.gif) no-repeat top; }
	.lang li a.fr:hover { background:url(images/fr.gif) no-repeat bottom; }
	
	.lang li a.de { background:url(images/de.gif) no-repeat top; }
	.lang li a.de:hover { background:url(images/de.gif) no-repeat bottom; }
	
	.us-site:hover {  background:url(images/us_siteH.gif) no-repeat bottom; }
	
	.lang li.active a.en,
	.lang li.active a.fr,
	.lang li.active a.de { background-position:bottom; } 
	.language { width:112px; position:absolute; top:0; right:0px; margin:0; padding:0; font-size: 11px;font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#5f6a75; }
	.language ul { margin:0; padding:0;}
	.language ul li { margin:0; padding:0; }
	
	.language span { margin-top:-12px;}
	
    .language span.LanguageTrue { width:24px; height:20px; display:block; margin-left:3px; padding-left:10px; float:left; cursor:pointer; }
	
	.language a span.LanguageTrue { color:#ffffff; text-transform:uppercase; line-height:20px; background:url(images/lang_bg.gif) no-repeat bottom;}
	.language a:hover span.LanguageTrue { color:#ffffff; background:url(images/lang_bg.gif) no-repeat top; }
	
	.language span.LanguageFalse {width:24px; height:20px; display:block; margin-left:3px; padding-left:10px; float:left; cursor:pointer; }
	
	.language a span.LanguageFalse { color:#18233d; text-transform:uppercase; line-height:20px; background:url(images/lang_bg.gif) no-repeat top;}
	.language a:hover span.LanguageFalse { color:#ffffff; background:url(images/lang_bg.gif) no-repeat bottom; }

/* ----------------------------------------------------------------*/
/*                         CHROME HACK                             */
/* ----------------------------------------------------------------*/

body:nth-of-type(1) .language
{
width:112px; position:absolute; top:0; right:0px; margin:0; padding:0; font-size: 11px;font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#5f6a75; 
}
body:nth-of-type(1) .language span.LanguageFalse {width:24px; height:20px; display:block; margin-left:3px; margin-top:0px; padding-left:10px; float:left; cursor:pointer; }
body:nth-of-type(1) .language a span.LanguageFalse { color:#18233d; text-transform:uppercase; line-height:20px; background:url(images/lang_bg.gif) no-repeat top;}
body:nth-of-type(1) .language a:hover span.LanguageFalse { color:#ffffff; background:url(images/lang_bg.gif) no-repeat bottom; }
body:nth-of-type(1) .language span.LanguageTrue { color:#ffffff; background:url(images/lang_bg.gif) no-repeat top; margin-top:0px; }
body:nth-of-type(1) .language a span.LanguageTrue { color:#ffffff; text-transform:uppercase; line-height:20px; background:url(images/lang_bg.gif) no-repeat bottom;}
body:nth-of-type(1) .language a:hover span.LanguageTrue { color:#ffffff; background:url(images/lang_bg.gif) no-repeat top; }

/* ---------------------------------------------------------------- */

#content {width:100%; margin:0; padding:0; background:url(images/body_bg_content.gif) repeat-y;}
#content .leftcontent {float:left;width:160px;background:#27568e; height:590px;}
#content .productContent{float:right;padding:0;margin:0; background:#e0e8f0 url(images/productstopbg.gif) no-repeat;}
/* Overlap DE -- > */
.overlapDE { position:absolute; right:0px; width:24px; height:19px; font-size: 11px;font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#18233d; background:url(images/lang_bg.gif) no-repeat top; line-height:18px; padding-left:10px; }
body:nth-of-type(1) .overlapDE
{
height:33px;
background:url(images/lang_bg_chr.gif) no-repeat top #18233e;
right:1px;
}
/* fin */
/*
#content .ContactPane{min-height:615px; height:auto !important; height:615px;}
*/


/*START OF CHANGES MADE BY PRAVASH
.productContent { width:779px;   height:615px; float:right; }

.leftContent { float:left; width:161px; background:#27568E; height:615px;} */
.productContent .topcontent { height:160px; width:738px; padding:0 21px; }
.productContent .topcontent h1 { font-weight:normal; color:#fff; font-size:14px; letter-spacing:1px; }
.productContent .productList { background:#fff; width:740px; padding:20px 15px; margin:0 5px }



.productBox {font-size:12px; color:#525252; width:730px; margin-bottom:20px;}

.productBox .topline{ background:url(images/prdboxtop.gif) no-repeat; width:730px; height:2px;_margin-bottom:-13px}
.productBox .midbox { background:url(images/newsBoxMid.gif) #dbe9f2 repeat-x bottom; width:700px;  padding:11px 15px;  position:relative;}
a.ajaxlayer { display:block; position:absolute; top:15px; right:18px; background:url(images/ajax.gif) no-repeat top; width:34px; height:34px; text-indent:-9999px; }
a.ajaxlayer:hover {background:url(images/ajax.gif) no-repeat bottom;}
.productBox .midbox a { color:#27568e;  }
/* Jan 8-2009 Modification*/
.productBox .midbox div p{ float:right; width:535px; margin-right:40px; _width:495px; }
.productBox .midbox img { height:106px; width:106px; border:1px solid #8ca4b3 !important; float:left; margin-right:12px; }
.productBox .bottomline { background:url(images/prdboxbottom.gif) no-repeat; width:730px; height:2px; margin-bottom:10px}

a.one,
a.two,
a.three,
a.four { color:#8da0ae; padding:5px 0; padding-left:28px; line-height:15px; padding-top:2px;}

a.one { background:url(images/1.gif) no-repeat;}
a.two { background:url(images/2.gif) no-repeat;}
a.three { background:url(images/3.gif) no-repeat;}
a.four { background:url(images/4.gif) no-repeat;}

a.one:hover,
a.two:hover,
a.three:hover,
a.four:hover { text-decoration:underline;}

.selectme { width:600px; border:1px solid #a3b8cf; background:#cfdbe8; color:#3e627b; font-size:12px; padding-left:5px; margin:0;  }
.selectme:focus { outline:0; }
/*
.selectme option { background:#fff; border:1px solid red; }*/

.productList h2 { color:#beccd4; font-size:14px;  padding:5px 0 0 0}
a.sc, a.sc:visited,a.sc:hover,a.sc:active{color:#beccd4; font-size:14px; margin-bottom:15px;font-weight:bold;margin:0pt 0pt 0.25em;font-family:Tahoma,Arial,Helvetica; line-height:18px }


a.backtotop { background:url(images/back2Top.gif) no-repeat; width:104px; height:16px; text-indent:-9999px; display:block; margin-top:25px; margin-left:625px;}
.postLogin{float:right; margin-bottom:5px}
.postLogin span{color:#27568e}
/*END OF CHANGES MADE BY PRAVASH*/


#footer {width:100%; color:#315169;background:#0e1b2d; font:normal 9px Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0; height:25px;}
#footer li {margin-right:30px; display:inline; text-align:center; margin:0; padding:0 } 
#footer a {line-height:25px}
.ebusiness {text-align:center; padding-top:25px; }
#footer li a{ color:#335875; text-decoration:none}
#footer li a:hover{ color:#85a9c5; text-decoration:none}

/* =TOOLS -------------------------------------------------------------------------------------*/
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clear { height:1%; }
/* End hide from IE-mac */

.loginDiv ul { list-style:none; display:inline; float:left; width:500px !important; position:relative; line-height:20px; margin-top:-5px;}
.loginDiv ul li { float:left !important; list-style:none; margin-right:6px;}
.loginInput { width:100px;  position:relative; background:#cfdbe8; border:1px solid #7f9db9;}

#btnLogin{ border:1px solid red}
.imgArea{ float:right;}

.paging span{background:#cfdbe8; padding:4px 6px; border:1px solid #a3b8cf; position:relative} 
.paging td a{ padding:4px 6px; _padding:4px 6px; background:#7998b9; color:#fff; border:1px solid #99afc8; position:relative}
.paging td a:hover{ background:#d2e0e9; border:1px solid #a3b8cf}

.loginArea{ width:auto;}