﻿
body {background-image:url(images/bg.jpg); background-repeat:repeat-x; background-color:#999999; margin: 10px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

h1 {font-size:14px; color:#0066CC; font-weight:bold; margin:-2px 0 -4px 0}

#news ul {list-style-image:url(images/arrow.gif); padding-left:16px; margin:0; }
#news li {padding-bottom:5px}

#main {width:918px; background-image:url(images/bgmain.jpg); background-repeat:repeat-y; margin:auto;}
#contents {width:918px;  background-image:url(images/bgmain.jpg); background-repeat:repeat-y; margin:auto; padding-top:10px}
#leftmenu {width:200px; padding-left:30px; padding-top:0px; height:230px; float:left}
#leftmenu ul {list-style-image:url(images/arrow.gif); padding-left:15px; margin:0}

#menubox {width:240px; height:250px; background-image:url(images/sidemenu.jpg); background-repeat:no-repeat; padding:10px 0 0 20px}
#menuboxlong {width:240px; height:340px; background-image:url(images/sidemenu.jpg); background-repeat:no-repeat; padding:10px 0 0 20px}

#leftContent {width:550px;   margin:0 0 0 335px; font-size:12px; line-height:1.5; color:#333333; text-align:justify}
#leftContent a:link {text-decoration:underline; color:#990000}
#leftContent a:visited {text-decoration: underline;color: #990000;}
#leftContent a:hover {text-decoration: none;color:#FFFFFF; background-color:#990000}
#leftContent a:active {text-decoration: none;color: #990000;}

#leftContent2 {width:550px; height:900px;   margin:0 0 0 335px; font-size:12px; line-height:1.5; color:#333333; text-align:justify}
#leftContent2 a:link {text-decoration:underline; color:#990000}
#leftContent2 a:visited {text-decoration: underline;color: #990000;}
#leftContent2 a:hover {text-decoration: none;color:#FFFFFF; background-color:#990000}
#leftContent2 a:active {text-decoration: none;color: #990000;}
#leftContent p {padding-bottom:10px}
#titleMenu {color:#006699; font-size:14px; font-weight:bold;}
#titleMenu ul {list-style-image:url(images/tag_blue.gif); padding-left:25px;  margin:0}

#whiteContent {width:550px; margin:auto; font-size:12px; line-height:1.5; color:#333333; text-align:justify; background-color:#FFFFFF; padding:20px}

#promo {width:240px}

#footer {width:918px; margin:auto; background-image:url(images/bgmain.jpg); margin-top:25px }


/*--------------------------- TABLE ------------------------------------------------------------*/


.tableProduct {width:550px; border-collapse:collapse}
.tableProduct ul {list-style-image:url(images/arrow.gif); padding-left:16px; margin:0}
.tableProduct th { padding:0 0 0 8px; width:190px; color:#660000;  font-weight:bold; text-align:left}
.tableProduct td { padding:5px 10px 0 0; text-align:justify}
.tableProduct2 th { padding-top:5px; width:190px; color:#660000;  font-weight:bold; text-align:left}

.tableASG {width:550px; border-collapse:collapse; margin-bottom:30px}
.tableASG th { padding:0 0 0 10px; width:120px; color:#660000;  font-weight:bold; text-align:left}
.tableASG td { padding:5px 10px 0 0px;}

.tableCompare {width:440px; border-collapse:collapse; margin:auto; border: 1px solid #D6DDE6; height:150px}

.tablePerformance {width:550px; border-collapse:collapse; margin:auto;}
.tablePerformance th {width:170px; color:#660000;  font-weight:bold; text-align:left}

.tableFaq {width:530px; border-collapse:collapse; margin:auto; }
.tableFaq th { padding:0 0px 0 10px;  color:#660000;  font-weight:bold; text-align:left}
.tableFaq td { padding:10px 0px 0 10px;  text-align:left}

.tableAddress {width:550px; border-collapse:collapse; margin:auto;}
.tableAddress td { padding:0px 0px 0 10px; text-align:left}
.tableAddress th { padding:5px 0px 5px 10px; text-align:left; color:#660000;}
/*--------------------------------------------------------------------------------------------*/
h2 {color:#006699; font-size:16px; font-weight:bold; }

/*-------------------TEXT STYLE---------------------------------------------------------------*/
.titleRed {color:#660000;  font-weight:bold; text-decoration:underline;}
.titleRed2 {color:#660000;  font-weight:bold; }
.titleBlue {color:#006699;  font-weight:bold; }
.titleBlack {color:#333333;  font-weight:bold; }
.titleBigBlack {color:#666666; font-weight:bold; font-size:14px; }
.titleBigRed {color:#660000; font-weight:bold; font-size:14px; }
.titleBigRedUnderline {color:#660000; font-weight:bold; font-size:14px; text-decoration:underline }
.titleBig {color:#006699; font-size:16px; font-weight:bold; }
.titleBigUnderline {color:#006699; font-size:16px; font-weight:bold; text-decoration:underline }
.underline{text-decoration:underline}
.dotted {border-bottom: 1px dotted #666666}
.small {font-style:italic; font-size:10px; color:#666666}
.medium {font-size:11px}
.smallDisclaimer {font-style:italic; font-size:10px; color:#666666; padding:5px 8px 5px 8px;  width:255px; margin-bottom:5px; text-align:justify}
.title2 {color:#660000;  font-weight:bold; font-size:11px }
.title3 {color:#660000;  font-size:11px }



/*--------------------NAVIGATION-------------------------------------*/
a:link {text-decoration: none; color:#333333}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: underline;color: #990000;}
a:active {text-decoration: none;color: #333333;}


#product a:link {text-decoration: none; color:#006699}
#product a:visited {text-decoration: none;color: #006699;}
#product a:hover {text-decoration: underline;color: #006699;}
#product a:active {text-decoration: none;color: #006699;}



/*---------------------------------------------------------*/
.RadMenu_asnb .link:hover,
.RadMenu_asnb .focused,
.RadMenu_asnb .expanded
{
cursor: hand;
text-decoration : none;
cursor: pointer;
}

.RadMenu_asnb .text
{
	cursor: hand;
	color: #FFFFFF;
	cursor: pointer;
		
}

.RadMenu_asnb .group
{
	background: #transparent;
	border: solid 0px #0099FF;
	cursor: hand;
    width:120px;  	
	cursor: pointer;
		
}

.RadMenu_asnb .group .link
{

	border-bottom: solid 1px #0099CC;
	border-left: solid 1px #0099CC;
	border-right: solid 1px #336699; 
	
	text-align: left;
	cursor: hand;
	cursor: pointer;
	background-color:#336699;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color:#ffffff;
	text-decoration : none;
	    width:100px; 
	
}

.RadMenu_asnb .group .link:hover
{
	/*background: #f7f7f7 url('img/MenuItemBackground.gif') repeat-y right;*/
	background-color:#0099CC; 
	border-bottom: solid 1px #0099CC;
	border-left: solid 1px #0099CC;
	border-right: solid 1px #0099CC;
	
	
	text-align: left;
	cursor: hand;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
		padding-right: 10px;
	color:#ffffff;
	text-decoration : none;
	
}

.RadMenu_asnb .group .text
{
	font-family:Arial;
	font-size:11px;
	/*background-color:#285A94;*/
	cursor: hand;
	cursor: pointer;
	    width:100px; 	
}




.RadMenu_asnb .group .focused,
.RadMenu_asnb .group .expanded
{
	/*background: #508AB7 url('img/MenuItemBackground.gif') repeat-y right;*/
	width: 120px;
	text-align: left;
	
	
}

.RadMenu_asnb .leftArrow,
.RadMenu_asnb .rightArrow,
.RadMenu_asnb .topArrow,
.RadMenu_asnb .bottomArrow,
.RadMenu_asnb .leftArrowDisabled,
.RadMenu_asnb .rightArrowDisabled,
.RadMenu_asnb .topArrowDisabled,
.RadMenu_asnb .bottomArrowDisabled

{
	
	
}

.RadMenu_asnb .topArrow,
.RadMenu_asnb .topArrowDisabled
{
	background-image:url('img/top.gif');
	width:100%;
	padding-left: 10px;
}

.RadMenu_asnb .bottomArrow,
.RadMenu_asnb bottomArrowDisabled
{
	background-image:url('img/bottom.gif');
	width:100%;
	
}

.RadMenu_asnb .rightArrow,
.RadMenu_asnb .leftArrow
{
	height:100%;
	
	
}

.RadMenu_asnb .rightArrow,
.RadMenu_asnb .rightArrowDisabled
{
	background-image: url('img/right.gif');
	
}

.RadMenu_asnb.vertical .separator .text
{
	padding-top: 3px;
	background: #f7f7f7 url('img/Separator.gif') no-repeat right;
	font-size: 0px;
	border-top:0px;
	border-bottom:0px;
	
	
}



.RadMenu_asnb .link:hover .expandLeft,
.RadMenu_asnb .link:hover .expandRight,
.RadMenu_asnb .focused .expandLeft,
.RadMenu_asnb .focused .expandRight,
.RadMenu_asnb .expanded .expandLeft,
.RadMenu_asnb .expanded .expandRight

{
	background:transparent url(img/invertedGroupImage.gif) right center no-repeat;
	padding-right: 10px;
	
}