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

body { 
	font-size: 100%; 
}
.BREAD-CRUMB-BAR-QCOMM {
	position:relative;
	float:right;
	top:0px;
	background-color:#644696;
	width:970px;
	height:25px;
}
.BREAD-CRUMB-TXT-QCOMM {
	padding: 5px 0 0 8px;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;
	text-decoration: none;
}

.BREAD-CRUMB-TXT-QCOMM a:link {
	padding: 5px 0 0 8px;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;
	text-decoration: underline;
}
.BREAD-CRUMB-TXT-QCOMM a:hover {
	padding: 5px 0 0 8px;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#FFB300;
	text-align:left;
	font-weight:normal;
	text-decoration: underline;
}
.BREAD-CRUMB-BAR {
	position:relative;
	float:right;
	top:0px;
	background-color:#FEB000;
	width:970px;
	height:25px;
}
.BREAD-CRUMB-TXT {
	padding: 5px 0 0 8px;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;
	text-decoration: none;
}

.BREAD-CRUMB-TXT a {
	padding: 5px 0 0 8px;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;
	text-decoration: underline;
}

.BREAD-CRUMB-TXT a:hover {
	padding: 5px 0 0 8px;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#7d7d7d;
	text-align:left;
	font-weight:normal;
	text-decoration: underline;
}

.LEFT-DROP {
	position:absolute;
	float:left;
	top:0;
}
html>body .LEFT-DROP {
	position:absolute;
	top:0;
	left:190px;
	background-image:url(../images/SIDE-DROP.png);
	height:100%;
	width:5px;
	z-index:160;
}
#MAIN-CONTENT {
	position:relative;
	left:0;
	top:0;
	float:left;
	width:970px;
	background-color:#9f9f9f;
	height:100%;
	z-index:200;
}
html>body #MAIN-CONTENT {
	position:relative;
	left:0;
	top:0;
	float:left;
	width:970px;
	background-color:#9f9f9f;
	height:100%;
	z-index:200;
}
#RIGHT-SIDE {
	position:relative;
	float:right;
	top:0;
	left:0;
	width:780px;
	height:100%;
	z-index:190;
}
.HEADLINE-COPY {
	position:absolute;
	float:left;
	margin:40px 35px;
	text-align:left;
	width:330px;
	z-index:5;
}
.HEADLINE-COPY-1 {
	position:absolute;
	float:left;
	margin:40px 35px;
	text-align:left;
	width:330px;
	z-index:5;
}
.HEADLINE-HEAD {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	text-align:left;
	color:#000000;
}
.HEADLINE-HEAD-1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	text-align:left;
	color:#ffffff;
}
.HEADLINE-COPY {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#000000;
}
.HEADLINE-COPY-1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#ffffff;
}
.PRODUCTS-BOX {
	position:relative;
	float:left;
	margin:10px 5px;
	display:block;
	background-image:url(../images/WHITE-G.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	width:760px;
	z-index:80;
}
* + html .PRODUCTS-BOX {
	position:relative;
	float:left;
	margin:5px;
	display:block;
	background-image:url(../images/WHITE-G.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	width:770px;
	border-bottom:5px solid #644696;
	z-index:80;
}
html>body .PRODUCTS-BOX {
	position:relative;
	float:left;
	margin:5px;
	display:block;
	background-image:url(../images/WHITE-G.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	width:770px;
	z-index:80;
}
.PROD-AREA {
	position:relative;
	float:left;
	left:0px;
	background-color:#FFFFFF;
	width:780px;
	height:100%;
	z-index:81;
}
html>body .PROD-AREA {
	position:relative;
	float:right;
	left:0;
	display:block;
	background-color:#FFFFFF;
	width:780px;
	height:100%;
	z-index:81;
}
.PROD-AREA1 {
	position:relative;
	float:left;
	left:0px;
	background-color:#FFFFFF;
	width:970px;
	height:100%;
	z-index:81;
}
html>body .PROD-AREA1 {
	position:relative;
	left:0;
	display:block;
	background-color:#FFFFFF;
	width:970px;
	height:100%;
	z-index:81;
}
.PROD-COPY {
	position:relative;
	float:left;
	text-align:left;
	padding:15px 20px 10px 30px;
	width:400px;
	z-index:82;
}
.PROD-NEWS {
	position:relative;
	float:left;
	text-align:left;
	padding:15px 20px 10px 15px;
	width:400px;
	z-index:82;
}
.PROD-COPY-HOME {
	float:left;
	margin:10px 30px 0 15px;
	width:300px;
	text-align:left;
}

html>body .PROD-COPY-HOME {
	float:left;
	margin:10px 30px;
	width:300px;
	text-align:left;
}
.GEN-COPY {
	position:relative;
	float:left;
	text-align:left;
	padding:15px 20px 10px 30px;
	width:700px;
	z-index:82;
}

.PROD-HEAD {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
	line-height:20px;
	color:#2D8D99;
}
.NEWS-HEAD {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:20px;
	color:#2D8D99;
}
.PROD-HEAD-SUPPORT {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	line-height:13px;
	color:#2D8D99;
}
.IMAGE-HEAD {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	line-height:20px;
	color:#2D8D99;
}
.PROD-SUB-HEAD {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height:30px;
	color:#000000;
}
.PROD-IMAGE-CONTAINER {
	position:relative;
	float:right;
	text-align:left;
	margin:15px 25px 25px 25px;
	width:250px;
	height:230px;
	border:1px solid #333333;
	z-index:83;
}
.PROD-IMAGE-CONTAINER2 {
	position:relative;
	float:right;
	text-align:left;
	margin:15px 25px 25px 25px;
	width:250px;
	height:230px;
	/* border:1px solid #333333;*/
	z-index:83;
}
.PROD-IMAGE {
	margin:15px;
}
.PROD-ZOOM {
	position:relative;
	margin:-10px 0 5px 5px;
}
.PROD-ZOOM img {
	position:relative;
	top:7px;
}
.PROD-AREA a {
	font-size:11px;
	text-align:left;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#644696;
	font-weight:normal;
	text-decoration:underline;
}
.PROD-AREA a:hover {
	text-decoration:underline;
}
.PROD-AREA li {
	font-size:11px;
	text-align:left;
	margin-left:-10px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
.PURPLE-HEAD {
	float:left;
	font-size:14px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#644696;
	font-weight:bold;
	text-decoration: none;
}
.LINK-INDENT {
	margin-bottom:10px;
	margin-left:5px;
	text-align:left;
}
.PURPLE-BLOCK {
	position:relative;
	margin-top:0px;
	float:left;
	top:0px;
	left:0;
	width:780px;
	/* background-image:url(../images/INTERNAL-DROP.png); */
	background-repeat:repeat-x;
	background-color:#644696;
	height:100%;
}
.TABS-CONTAINER {
	position:relative;
	float:left;
	left:5px;
	padding:10px 5px 5px 5px;
	width:760px;
	height:100%;
}
html>body .TABS-CONTAINER {
	position:relative;
	float:left;
	left:0;
	padding:5px;
	width:760px;
	height:100%;
}
.TABS {
	position:relative;
	top:1px;
	left:5px;
	display:block;
	float:left;
	width:700px;
	z-index:95;
}
.TABS-BOX {
	position:relative;
	margin-bottom:4px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	width:760px;
	z-index:80;
	float:left;
}
html>body .TABS-BOX {
	position:relative;
	margin-bottom:0;
	background-color:#FFFFFF;
	border:1px solid #999999;
	width:769px;
	z-index:80;
	float:left;
}

.TABS-CONTENT {
	position:relative;
	display:block;
	padding:15px 10px 15px 20px;
	text-align:left;
}
.W-TAB-L {
	float:left;
	background: #644696 url(../images/W-TAB-L.gif) center top;
	background-repeat:no-repeat;
	height:20px;
	width:2px;
}
.W-TAB-M {
	float:left;
	background: #644696 url(../images/W-TAB-M.gif) center top repeat-x;
	height:20px;
	text-align:center;
}
.W-TAB-R {
	float:left;
	background: #644696 url(../images/W-TAB-R.png) center top;
	height:20px;
	width:6px;
}
.W-TAB-COPY {
	vertical-align:middle;
	margin:3px 15px;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#333333;
	font-weight:bold;
}
.W-TAB-COPY a {
	vertical-align:middle;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
.W-TAB-COPY a:hover {
	vertical-align:middle;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
.P-TAB-L {
	float:left;
	background: #644696 url(../images/P-TAB-L.gif) center top;
	background-repeat:no-repeat;
	height:20px;
	width:2px;
}
.P-TAB-M {
	float:left;
	background: #644696 url(../images/P-TAB-M.gif) center top repeat-x;
	height:20px;
	z-index:230;
	text-align:center;
}
.P-TAB-R {
	float:left;
	background: #644696 url(../images/P-TAB-R.png) center top;
	height:20px;
	width:6px;
}
.P-TAB-COPY {
	vertical-align:middle;
	margin:3px 15px;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}
.P-TAB-COPY a {
	vertical-align:middle;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.P-TAB-COPY a:hover {
	vertical-align:middle;
	font-size:11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
.TABS-CONTENT li {
	font-size:10px;
	text-align:left;
	margin-left:13px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
/* SUBMENU CSS */
#menu {
	position:relative;
	float:left;
	top:10px;
	left:0;
	padding-bottom:12em;
	z-index:250; /* To allow room for bottom dropdown */
}
#menu a {
	font:11px/16px verdana, arial, helvetica, sans-serif;
	text-align:left;
	display:block;
	white-space:normal;
	margin:0;
	padding:1px 3px;
}

#menu a.x {
	padding:8px 15px;
	font:11px/16px verdana, arial, helvetica, sans-serif;
	color:#644696;
	font-weight:bold;
}
#menu > ul >li > a {
	padding:8px 15px;
	width:90%;
	color:#644696;
	font-weight:bold;
	background:none;
	border:none;
}
#menu > ul >li > a.sub-x {
	padding:0 0 0 20px;
	width:90%;
	color:#000000;
	font-weight:normal;
	background:none;
	border:none;
}
#menu a.sub-x {
	padding:0 0 0 20px;
	width:90%;
	color:#000000;
	font-weight:normal;
	background:none;
	border:none;
}
#menu a.sub-active{
	padding:0 0 0 20px;
	width:90%;
	color:#644696;
	font-weight:normal;
	background:none;
	border:none;
}
#menu a.sub-active:hover{
	padding:0 0 0 20px;
	width:90%;
	color:#644696;
	font-weight:normal;
	background:none;
	border:none;
}

#menu li:hover { 
	background:#AEAEAE;
}
#menu > ul >li > a.sub-x:hover {
	padding:0 0 0 20px;
	width:90%;
	color:#000000;
	font-weight:normal;
	background:#AEAEAE;
	border:none;
}
#menu > ul >li > .x:hover {
	padding:8px 15px;
	width:90%;
	color:#644696;
	font-weight:bold;
	background:#AEAEAE;
	border:none;
}
#menu > ul > li > a:hover {
	padding:8px 15px;
	color:#644696;
	font-weight:bold;
	background:#AEAEAE;
}
#menu ul li {
	float: left; /* cure IE5.x "whitespace in lists" problem */
	width: 100%;
}
#menu ul li a {
	height: 1%; /* make links honour display: block; properly */
}
#menu a {
	color:#FFFFFF;
	text-decoration:none;/*border-bottom:1px solid #FFFFFF;*/
}
#menu ul li ul li a {
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	text-decoration:none;
}
#menu ul li a:hover{
	color:#FEB000;
	background:#644696;
}

#menu ul li :hover > sub-x{
	padding:0 0 0 20px;
	width:90%;
	color:#000000;
	font-weight:normal;
	background:#AEAEAE;
	border:none;
}


#menu a:active {
	color:#644696;
	background:#FFFFFF;
}
#menu ul {
	cursor:pointer;
	list-style:none;
	margin:0;
	padding:0;
	width:180px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover {
	position:relative;
	z-index:95;
}
div#menu li ul .sub-x {
	position:absolute;
	top:0px;
	left:180px;
	background-color:#FFFFFF;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	display:none;
	z-index:250;
}
div#menu li ul {
	position:absolute;
	top:0px;
	left:180px;
	width:200px;
	background-color:#644696;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	display:none;
	z-index:250;
}
div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul {
	display:none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
	display:block;
	z-index:250;
}
/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited {
	background:none;
}

#menu a.x:hover {
	color:#644696;
	background:#AEAEAE;
}
#menu a.x:active {
	color:#AEAEAE;
	background:#644696;
}
#menu a.active {
	padding:8px 15px;
	font:11px/16px verdana, arial, helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}