@charset "utf-8";
/* CSS Document */

body {
	background:#f2f2f2;
	padding:0;
	margin:0;
	font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*color:#fceeee;*/
	color:#000;
}
p, div, h1, h2, h3, h4, form, label, input, textarea {
	padding:0;
	margin:0;
}
img {
	padding:0;
	margin:0;
	border:none;
}
a {
	outline:none;
	color:#006BB6;
}
ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.spacer {
	font-size:0;
	line-height:0;
	clear:both;
}
/*------------------------------ GENERAL -----------------------------*/

#main {
	width:810px;
	padding:10px 0 0 0;
	margin:0 auto;
	background:#fff;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-box-shadow:0 0 11px #CCCCCC;
-webkit-box-shadow:0 0 11px #CCCCCC;
border:1px solid #ccc;
}
#header {
	background:url(/images/header-bg.png) repeat-x 0 0;
	/*	background-color:#bf2e1a;*/
/*	height:100px;*/
	height:80px;
	padding:4px 0 0px;
	position:relative;
}
#header img.logo {
	position:absolute;
	right:11px;
	top:-10px;
	z-index:100;
}
#headerMainLeft {
	width:400px;
	padding:0 10px 5px;
	font-size:11px;
	line-height:29px;
	color:#000;
}
#headerMainLeft p {
	line-height:11px;
	padding:0 0 0 19px;
	font-size:11px;
}
#headerMainLeft a {
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	height:10px;
	line-height:0;
                     background:#dd0000;
	padding:4px 10px 4px 10px;
	text-decoration:none;
}
#headerMainLeft a:hover {
	text-decoration: underline;
}
#headerLeft {
	width:270px;
	padding:10px 18px 12px 7px;
	font-size:21px;
	line-height:29px;
	color:#FFFFFF;
}
#headerLeft p {
	line-height:23px;
	padding:0 0 0 19px;
}
#headerLeft a {
	/*	background:url(/images/area.gif) no-repeat 0 0;*/
	display:block;
	text-decoration:none;
	width:95px;
	height:26px;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0 0 0 6px;
}
#headerLeft a:hover {
	color:#404041;
}
#mainBody {
	/*	background:url(/images/bg-logo.gif) no-repeat 78px 36px;*/
	padding:0 21px 0 21px;
}
#navPanel {
	height:73px;
	padding-bottom:6px;
}
#navPanel ul.menu {
	height:33px;
}
#navPanel ul.menu li {
	/*height:33px;*/
	/*line-height:28px;*/
	font-family: "Trebuchet MS";
	font-size:11px;
	padding:5px 15px;
	float:left;
	font-weight:normal;
}
#navPanel ul.menu li a {
	text-decoration:none;
	color:#006BB6;
}
#navPanel ul.menu li a:hover {
	color:#0051BA;
}
#submenu {
	background:url(Images/submenu-bg.png) no-repeat 0 0;
	background-color:#0051BA;
	height:29px;
}
#submenu ul {
	padding:0 0 0 15px;
}
#submenu ul li {
	float:left;
	line-height:29px;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#FFFFFF;
}
#submenu ul li span {
	padding:0 8px;
}
#submenu ul li a {
	text-decoration:none;
	color:#FFFFFF;
}
#submenu ul li a:hover {
	color:#231f20;
}
#leftPanel {
	float:left;
	width:520px;
	padding:0 0 10px 5px;
}
h2.heading {
	color:#006BB6;
	font-size:22px;
	font-weight:normal;
	line-height:23px;
	padding-bottom:10px;
}
h2.subheading {
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
	padding:0 0 0 12px;
}
h2.subheading a {
	text-decoration:none;
	color:#FFFFFF;
}
h2.subheading a:hover {
	color:#231f20;
}
h3.subheading {
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
	text-align:right;
	padding:0 30px 5px 0;
}
.curveBox {
	background:url(/ima*es/curve-bg.gif) repeat-y 0 0;
	width:520px;
	background:#fff;
	margin-bottom:10px;
}
.curveBoxTop {
	background:url(/ima*es/curve-top.gif) no-repeat 0 0;
	height:10px;
	background:#fff;
}
.curveBoxBottom {
	background:url(/ima*es/curve-bottom.gif) no-repeat 0 100%;
	padding:0 10px 10px 10px;
	color:#231f20;
}
.productPanel {
	padding:6px 0 0 0;
}
.productBox {
                     border: #004a80;
                     border-style:dotted;
                     border-width: thin;
	height:130px;
                     width:155px;
	float:left;
                     margin-left:2px;
                     margin-bottom:16px;
}
.productBox img {
margin:5px;
}
.productBox h2 {
                     margin:1px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.productBox h2 a {
	text-decoration:none;
	color:#004a80;
}
#rightPanel {
	width:218px;
	float:right;
	padding:0 0 10px 0;
}
#rightPanel1 {
	width:218px;
	float:right;
	padding:0 0 10px 0;
}
#searchForm {
	background:#FFFFFF;
	color:#bcbdc0;
	height:25px;
	padding:0px;
	margin-bottom:6px;
}
#searchForm div.txtBox {
	/*border:1px solid #0051BA;*/
	background: url(/images/inp_bg.gif) repeat-x left top;
	border-left: 1px solid #d9d9d9;
	height: 21px;
	padding: 4px 0 0 0;
	float: left;
}
#searchForm div.item {
	float: left;	
}
#searchForm input.txtBox {
	margin: 0px
	background: transparent;
	width:182px;
	height:18px;
	border:0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#bcbdc0;
	padding:0px 0 0 5px;
}
#searchForm input.txtBox:focus{
	outline: none;
	border: none;
}
#searchForm input.searchButton {
	background:url(/images/searchButton.gif) no-repeat 0 0;
	width:30px;
	height:25px;
	border:none;
	cursor:pointer;
	float:left;
}
#newsLetter {
	border:solid 1px #0051BA;
}
h2.rightHeading {
	height:20px;
	/*	background-color:#bf2e1a;*/
	background:url(/images/panel-bg.png);
	padding:3px 0 1px 8px;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
	color:#ffffff;
}
#newsletterForm {
	padding:1px 6px 2px 6px;
	border-bottom:solid 1px #918f8f;
	border-left:solid 1px #918f8f;
	border-right:solid 1px #918f8f;
}
#newsLetter img {
	margin:0 auto;
	display:block;
}
form div.field {
	padding-top:7px;
	height:15px;
	color:#c8c7c7;
}
form label.fieldLeft {
	display:block;
	height:19px;
	float:left;
	width:35px;
	font-size:12px;
}
form label.fieldRight {
	width:100px;
	display:block;
	float:left;
	height:19px;
}
form label.fieldRight4 {
	width:100px;
	display:block;
	float:left;
	height:70px;
}
formlabel.fieldRight1 {
	width:50px;
	display:block;
	height:19px;
	float:left;
	padding:0 3px 0 0;
}
form label.fieldRight2 {
	width:100px;
	display:block;
	height:19px;
	float:right;
}
form input.txtBox2 {
	width:60px;
	height:15px;
	font-size:10px;
	line-height:15px;
	float:left;
	border:none;
	background:#FFFFFF;
}
form input.txtBox3 {
	width:119px;
	height:15px;
	font-size:10px;
	line-height:15px;
	float:left;
	border:none;
	background:#FFFFFF;
}
form input.txtBox4 {
	width:100px;
	height:15px;
	font-size:10px;
	line-height:15px;
	float:left;
	border:none;
	background:#FFFFFF;
}
form input.button {
	background:url(/images/submit-buttom.gif) no-repeat 0 50%;
	width:44px;
	height:17px;
	margin:0 auto;
	border:none;
	float:right;
	cursor:pointer;
}
.rightWhiteBox {
	background:#FFFFFF;
	border:solid 1px #0051BA;
	margin-top:5px;
	font-size:12px;
}
img.featureProduct {
	margin:15px auto 0;
	display:block;
	float:none;
}
p.featureText {
	font-size:18px;
	line-height:21px;
	text-align:center;
	color:#140f10;
	padding-bottom:23px;
}
ul.writingList {
	padding:10px 0 10px 16px;
}
ul.writingList li {
	height:26px;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
}
ul.writingList li a {
	color:#4d4a4a;
	text-decoration:none;
}
ul.writingList li a:hover {
	text-decoration:underline;
}
#logoPanel {
	height:50px;
	background:#006BB6;
	border:solid 1px #ccc;
}
#logoPanel img {
	margin:0 10px 0 10px;
}
#bottomLeft {
	width:370px;
	padding:27px 0 40px 19px;
	float:left;
}
#bottomRight {
	width:370px;
	padding:27px 3px 40px 0px;
	float:right;
}
#bottomLeft p, #bottomRight p {
	padding-bottom:15px;
}
#footer {
	border-top:solid 1px #000;
	border-bottom:1px solid #000;
	padding:5px 20px 30px 10px;
	/*color:#9f9fa0;*/
	color:#000;
	margin:0 0 0 0;
	font-size:10px;
}
#footer p.copyright {
	float:left;
}
#footer p.footerLink {
	float:right;
}
#footer a {
	color:#000;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
	text-decoration: underline;
}
#footer span {
	padding:0 3px;
}
/*--- New added 21-04 -----*/	

.textPanel {
	padding:8px;
	color:#231f20;
	font-size:12px;
	line-height:15px;
}
.textPanel p img {
	float:left;
	margin:0 6px 6px 0;
}
img.featureProduct2 {
	margin:14px auto 5px auto;
	display:block;
	float:none;
	text-align:center;
}
p.caption {
	text-align:center;
	font-size:12px;
	padding-bottom:10px;
	font-weight:bold;
	color:#231f20;
}
.productListBox {
                     border: #004a80;
                     border-style:dotted;
                     border-width: thin;
	height:170px;
                     width:155px;
	float:left;
                     margin-left:2px;
                     margin-bottom:6px;
}
.productListBox img {
                     margin-top:5px;
                     margin-left:5px;
                     margin-right:5px;
                     margin-bottom:2px;
}
.productListBox h2 {
                     margin-left:10px;
                     margin-bottom:5px;
                     line-height: 12px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.productListBox h2 a {
	text-decoration:none;
	color:#004a80;
}
.productListBox p {
                     margin-left:10px;
                     margin-right:5px;
	color:#004a80;
	font-size:11px;
                     line-height:11px;
}
.prodnextprev a {
	text-decoration:none;
	color:#006BB6;
}
.prodnextprev a:hover {
	text-decoration:underline;
}
/*---22.04.09-------*/

#headerLeft-logout {
	width:160px;
	height:40px;
	background:url(/images/logout.gif) no-repeat 0 0;
	padding:45px 0 0 15px;
	font-size:20px;
	line-height:21px;
	color:#006BB6;
}
h2.welcome {
	color:#006BB6;
	font-size:22px;
	font-weight:normal;
	line-height:32px;
}
.topfield-login {
	padding-top:10px;
	height:12px;
	color:#c8c7c7;
}
.textaeeafield-login {
	padding-top:5px;
	height:75px;
	color:#c8c7c7;
}
.field-submit {
	padding-top:5px;
	padding-right:0px;
	height:20px;
	color:#c8c7c7;
}
form input.name1 {
	width:50px;
	height:12px;
	font-size:10px;
	line-height:12px;
	float:left;
	border:none;
	background:#FFFFFF;
	border:1px solid #C9C8C8;
}
form input.name2 {
	width:100px;
	height:12px;
	font-size:10px;
	line-height:12px;
	float:left;
	border:none;
	background:#FFFFFF;
	border:1px solid #C9C8C8;
}
form input.email {
	width:157px;
	height:12px;
	font-size:10px;
	line-height:12px;
	float:left;
	border:none;
	background:#FFFFFF;
	border:1px solid #C9C8C8;
}
form textarea.topic {
	width:157px;
	height:70px;
	font-size:12px;
	line-height:15px;
	float:left;
	border:none;
	background:#FFFFFF;
	border:1px solid #C9C8C8;
}
form label.fieldLeft-login {
	display:block;
	line-height:12px;
	float:left;
	width:45px;
	font-size:12px;
	color:#C43F29;
}
h3.topicHeading {
	font-size:18px;
	line-height:23px;
	padding-bottom:8px;
}
.news-image {
	float:left;
	margin-right:10px;
}
.rightWhiteBox-news {
	background:#FFFFFF;
	margin-top:5px;
	padding:0 10px 10px 10px;
	color:#000000;
}
.rightWhiteBox-news a {
	color:#231F20;
	text-decoration:none;
}
.rightWhiteBox-news a:hover {
	text-decoration:underline;
}
p.move-right {
	text-align:right;
}
p.move-right a {
	text-decoration:none;
	color:#000000;
}
p.move-right a:hover {
	text-decoration:underline;
}
.printBox {
	float:right;
	padding-right:10px;
	padding-bottom:10px;
}
.printBox a {
	text-decoration:none;
}
.right-text {
	float:right;
	display:block;
	width:auto;
	margin-top:-10px;
	font-size:10px;
}
p.aligncenter {
	text-align:center;
}
/*------------- sliding menu ---------*/

.glossymenu {
	margin: 5px 0;
	padding: 0;
}
.glossymenu a.menuitem {
	font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	text-decoration: none;
	clear:both;
	background:#C0DDFA;
	padding-left:5px;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: #000;
	clear:both;
}
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	clear:both;
}
.glossymenu a.menuitem:hover {
	background-image: url(/glossyback2.gif);
	clear:both;
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/
	background: white;
	clear:both;
}
.glossymenu div.submenu ul { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li {
	border-bottom: 1px solid blue;
}
.glossymenu div.submenu ul li a {
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #006BB6;
/*	color: white;*/
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	clear:both;
}
.glossymenu div.submenu ul li a:hover {
	background: #DFDCCB;
	color: #0051BA;
	clear:both;
/*	color: blak;*/
}
/*------------- sliding menu ---------*/															

img.productBig {
	display:block;
	margin:0 auto;
}
.infoBox {
	float:left;
	width:auto;
	padding:0 15px 0 0;
	font-size:10px;
	line-height:15px;
	color:#000000;
}
.breadcrumbs {
	background-color:inherit;
	color:#006BB6;
	float:left;
	font-size:12px;
	width:95%;
	text-align:right;
	padding:0 30px 5px 0;
}
.breadcrumbs a {
	background-color:inherit;
	color:#006BB6;
	text-decoration:none;
}
.breadcrumbs a:hover {
	background-color:inherit;
	color:#0051BA;
	text-decoration:underline;
}
.faq-details {
	padding:10px;
	margin-bottom:5px;
	background-color:#EEE;
}
.faq-question {
	font-weight:bold;
	margin-top:5px;
	margin-bottom:3px;
}
.faq-question a {
	color:#000;
	text-decoration:none;
	margin-bottom:5px;
}
.faq-question a:hover {
	color:#000;
	text-decoration:underline;
}
.faq-answer {
}
.goBack a {
	color:#231F20;
	text-decoration:none;
	margin-bottom:5px;
	font-weight:bold;
}
.goBack a:hover {
	color:#000;
	text-decoration:underline;
}
#imageData #imageDetails {
	float:left;
	display:none !important;
	text-align:left;
	width:50%;
	color:#000 !important;
}
#imageData #numberDisplay {
	clear:left;
	display:none !important;
	padding-bottom:1em;
}
.literature a {
	color:#000;
	text-decoration:underline;
}
#adRotator {
margin:0 0 5px 15px;
}
