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

body{
	background:#000000;
	background-image:url(Images/bg-main.gif);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
	font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fceeee;
	}
	
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:#fff;
	}
	
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:#222222;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
	}
	

#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:#FFFFFF;
	}

#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;
	padding:0 0 4px 18px;
	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:0 15px;
	float:left;
	font-weight:normal;
	}
	
#navPanel ul.menu li a{
	text-decoration:none;
	color:#FFFFFF;
	}
	
#navPanel ul.menu li a:hover{
	color:#bf2e1a;
	}
	
#submenu{
	background:url(Images/submenu-bg.png) no-repeat 0 0;
	background-color:#bf2e1a;
	height:29px;
	}
	
#submenu ul{
	padding:0 0 0 15px;
	}	
	
#submenu ul li{
	float:left;
	height:39px;
	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:#FFFFFF;
	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{
	background:url(/images/product-box-bg.png) no-repeat 0 0;
	width:158px;
	height:130px;
	padding:2px 0 0 3px;
	float:left;
	color:#ffffff;
	}
	
.productBox h2{
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	padding:3px 0 1px 8px;
	text-decoration:none;
	color:#ffffff;
	}	
.productBox img{
	margin: 0px 1px 0px 1px;
	}


.productMargin{
	margin-right:8px;
	}									
	
#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:0 2px;
	margin-bottom:6px;
	}
	
#searchForm input.txtBox{
	width:180px;
	height:22px;
	border:0;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#bcbdc0;
	padding:3px 0 0 3px;
	line-height:25px;
	float:left;	
	} 									
	
#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 #9f9fa0;
	}	
	
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 #9f9fa0;
	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:#111;
	border:solid 1px #666666;
	}
	
#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 #FFFFFF;
	border-bottom:1px solid;
	padding:5px 20px 30px 10px;
	color:#9f9fa0;
	margin:0 0 0 0;
	font-size:10px;
	}
	
#footer p.copyright{
	float:left;
	}
	
#footer p.footerLink{
	float:right;
	}
	
#footer a{
	color:#9f9fa0;
	text-decoration:none;
	}
	
#footer a:hover{
	color:#FFFFFF;
	}
	
#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{
	background:url(/images/product-box-bg2.png) no-repeat 0 0;
	width:158px;
	height:170px;
	float:left;
	padding:0 8px 0 3px;
	}
	
.productListBox h2{
	font-size:10px;
	line-height:20px;
	font-weight:bold;
	padding:3px 0 1px 5px;
	}
	
.productListBox h2 a{
	text-decoration:none;
	color:#FFFFFF;
	}
	
.productListBox h2 a:hover{
	color:#231f20;
	}	

.productListBox p{
	padding:5px 11px 5px 5px;
	color:#FFFFFF;
	font-size:11px;
	}
.productListBox img{
	margin: 0px 1px 0px 1px;
	}


.prodnextprev a{
	text-decoration:none;
	color:#FFFFFF;
	}
	
.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:#FFFFFF;
	}
h2.welcome{
	color:#FFFFFF;
	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;
}


.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: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
clear:both;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
clear:both;
}

/*------------- 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:#FFFFFF;
float:left;
font-size:12px;
width:95%;
text-align:right;
padding:0 30px 5px 0;
}

.breadcrumbs a {
background-color:inherit;
color:#fff;
text-decoration:none;
}

.breadcrumbs a:hover {
background-color:inherit;
color:#fff;
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:#fff !important;
}

#imageData #numberDisplay {
clear:left;
display:none !important;
padding-bottom:1em;
}
.literature a{
color:#000;
text-decoration:underline;
}