﻿/*header styles*/
.banner
{
	 background:url('Images/Header/QuadrantHeader_bg.png') no-repeat;	
	 width:1024px;
	 height:76px;
}

body
{
	background-color:#f4f4f5;	
	margin:0pt;
}

.menu_bg
{
	background-image:url('Images/Header/menu_bg.png');	
	height:32px;
	background-repeat:repeat-x;	
	color:#cecfd1;	
	font-size:13px;
	font-family:Arial;
	font-weight:600;		
	text-align:center;
	cursor:pointer;
}

.menuSelected
{
	background-image:url('Images/Header/menu_bgSelected.png');	
	height:32px;
	background-repeat:repeat-x;	
	color:#5a5958;	
	font-size:13px;
	font-family:Arial;
	font-weight:600;		
	text-align:center;
	cursor:pointer;
}

.headerBottom
{
	background-image:url('Images/Header/menu_bottom.pmg');		
	height:6px;
	background-repeat:repeat-x;		
}

.separator
{
	background-image:url('Images/Header/menu_separator.png');	
	width:3px;
	height:32px;			
    background-repeat:no-repeat;
}

.container
{
	width:1024px;
	text-align: center;
	padding:0px 0px 0px 0px;
	margin: 0 auto; 
	background-color:#1D0000;
}

/* about us red portlet styles*/

.redPortletTop
{
	background-image:url('Images/redPortlet/redPortletTop.png');
	cursor: pointer;
	width:336px;
	height:89px;
	background-repeat:no-repeat;
}

.portletVideos
{
	background-image:url('Images/redPortlet/productVideos.png');		
	width:336px;
	height:99px;
	background-repeat:no-repeat;
	cursor: pointer;
}

.caseStudies
{
	background-image:url('Images/redPortlet/caseStudies.png');		
	width:336px;
	height:184px;
	background-repeat:no-repeat;
	cursor: pointer;
}

.grayGrad
{
	background-image:url('Images/redPortlet/gradBg.png');		
	width:336px;
	height:177px;
	background-repeat:no-repeat;
}

.portletBottom
{
	background-image:url('Images/redPortlet/portletBottom.png');		
	width:336px;
	height:67px;
	background-repeat:no-repeat;
}

.anouncement
{
	background-color:Black;
	width:100%;
	height:204px;
}

.anouncement2
{
	background-color:White;
	width:100%;
	height:204px;
}

.portletLeftBorder
{
	background-image:url('Images/redPortlet/portletLeftBorder.png');		
	width:1px;
	background-repeat:repeat-y;		
}

.portletRightBorder
{
	background-image:url('Images/redPortlet/portletRightBorder.png');		
	width:3px;
	background-repeat:repeat-y;		
	background-position:right;
}

.horizontalSep
{
	background-image:url('Images/redPortlet/horizontal_separator.png');		
	width:327px;
	height:20px;
	background-repeat:no-repeat;
	background-position:center;
}

.verticalSep
{
	background-image:url('Images/Content/vertical_separator.png');		
	width:18px;
	background-repeat:repeat-y;
}

.redTop
{
	background-image:url('Images/redPortlet/AboutUs_portlet.png');	
	width:185px;
	height:30px;			
    background-repeat:no-repeat;		
}

.redBottom
{
	background-image:url('Images/redPortlet/aboutUs_bottom.png');	
	width:185px;
	height:4px;			
    background-repeat:no-repeat;		
}

.bannerLeft
{
	background-image:url('Images/redPortlet/bannerLeft.png');	
	height:76px;			
    background-repeat:repeat-x;		
}

.bannerRight
{
	background-image:url('Images/redPortlet/rightBanner.png');	
	height:76px;			
    background-repeat:repeat-x;		
}

.whiteBg
{
	background-color:White;
	width:1024px;
}

.missionItem
{
   padding-left:15px;
   height:30px;	
}

/*about us text*/
.ourCompany
{
		
}

/* about us portlet*/


.plainText
{
	 font-family:Arial;	
	 font-size:10pt;
	 text-decoration:none;
	 font-weight:bold;
	 text-align:left;
}

.boldText
{
	 font-family:Arial;	
	 font-size:9pt;
	 text-decoration:none;
	 font-weight:bold;
	 text-align:left;
	 color:#686768;
	 height:20px;
}

.bigBoldText
{
	 font-family:Arial;	
	 font-size:12pt;
	 text-decoration:none;
	 font-weight:bold;
	 text-align:left;
	 color:#686768;
	 height:20px;
}

.mediumBoldText
{
	 font-family:Arial;	
	 font-size:10pt;
	 text-decoration:none;
	 font-weight:bold;
	 text-align:left;
	 color:#686768;
	 height:20px;
}

.tbx
{
	font-family:Arial;	
	font-size:8pt;	
	height:15px;
}

.redLink
{
	color:#bc5743;	
	font-family:Arial;	
	font-size:10pt;
	font-weight:bolder;
	text-decoration:none;
}

.blackLink
{
	color:#650200;	
	font-family:Arial;	
	font-size:10pt;
}

.smallRed
{
	color:#bc5743;	
	font-family:Arial;	
	font-size:10pt;
	text-decoration:none;
    
}

.smallRed2
{
	color:#bc5743;	
	font-family:Arial;	
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
    
}

.mediumRedBold
{
	color:#bc5743;	
	font-family:Arial;	
	font-size:11pt;
	text-decoration:none;
	font-weight:bold;
    
}

.postTitle
{
	font-family:Arial;	
	font-size:13pt;	
	font-weight:600;
	text-align:left;
}

.grayLink
{
	text-decoration:underline;	
	color:#7c7a79;	
	font-family:Arial;	
	font-size:10pt;			
	text-align:left;	
}

.smallGray
{
	text-decoration:none;	
	color:#3d3c3d;	
	font-family:Arial;	
	font-size:12px;			
	text-align:left;	
}

.giantFont
{
	font-family:Arial;	
	font-size:14pt;	
}

.boldBigText
{
	font-family:Arial;
	font-size:12pt;
	font-weight:bold;
	text-align:center;	
}

.contentText
{
	font:13px "Arial",sans-serif;
	color:#5a5756;		
	text-align:justify;
}

.contentText2
{
	font:12px "Arial";
	color:#5a5756;		
	text-align:left;
}

.contentText3
{
	font:13px "Arial";
	color:#5a5756;		
	text-align:left;
}

.linkText3
{
	font:11px "Arial";
	color:#5a5756;		
	text-align:left;
	text-decoration:underline;
}

/*Content styles*/

.redTitle
{
	font-family:Arial;
	font-size:18pt;
	color:#a41f20;	
}

.redTitle2
{
	font-family:Arial;
	font-size:16pt;
	color:#a41f20;	
}

.blackTabLeft
{
	background-image:url('Images/Content/blackTab_left.png');	
	height:31px;		
	width:9px;	
    background-repeat:no-repeat;	
    background-position:bottom;	
}

.blackTabRight
{
	background-image:url('Images/Content/blackTab_right.png');	
	height:31px;			
	width:9px;
    background-repeat:no-repeat;
    background-position:bottom;		
}

.blackTabBg
{
	background-image:url('Images/Content/blackTab_bg.png');	
	height:31px;			
    background-repeat:repeat-x;		
    font-family:Arial;
    color:White;
    font-size:11pt;
    cursor:pointer;
    background-position:bottom;
}

.grayTabLeft
{
	background-image:url('Images/Content/grayTab_left.png');	
	height:31px;	
	width:9px;		
    background-repeat:no-repeat;
    background-position:bottom;		
}

.grayTabRight
{
	background-image:url('Images/Content/grayTab_right.png');	
	height:31px;	
	width:9px;		
    background-repeat:no-repeat;	
    background-position:bottom;	
}

.grayTabBg
{
	background-image:url('Images/Content/grayTab_bg.png');	
	height:31px;			
    background-repeat:repeat-x;		
    font-family:Arial;
    color:#5b5b5b;
    font-size:11pt;
    cursor:pointer;
    background-position:bottom;
}

.overTabLeft
{
	background-image:url('Images/Content/overTab_left.png');	
	height:31px;		
	width:9px;	
    background-repeat:no-repeat;	
    background-position:bottom;	
}

.overTabRight
{
	background-image:url('Images/Content/overTab_right.png');	
	height:31px;			
	width:9px;
    background-repeat:no-repeat;
    background-position:bottom;		
}

.overTabBg
{
	background-image:url('Images/Content/overTab_bg.png');	
	height:31px;			
    background-repeat:repeat-x;		
    font-family:Arial;
    color:White;
    font-size:11pt;
    cursor:pointer;
    background-position:bottom;
}

.containerPortletTL
{
	background:url(Images/containerPortlet/containerTL.gif);
	width:15px;
	height:15px;
}

.containerPortletT
{
	background:url(Images/containerPortlet/containerT.gif) repeat-x;
	height:15px;
}

.containerPortletTR
{
	background:url(Images/containerPortlet/containerTR.gif);
	width:15px;
	height:15px;
}

.containerPortletL
{
	background:url(Images/containerPortlet/containerL.gif) repeat-y;
	width:15px;
}

.containerPortletCenter
{
	background:#ffffff; 	
}

.containerPortletR
{
	background:url(Images/containerPortlet/containerR.gif) repeat-y;
	width:15px;
}

.containerPortletBL
{
	background:url(Images/containerPortlet/containerBL.gif);
	width:15px;
	height:15px;
	background-repeat:no-repeat;
}

.containerPortletB
{
	background:url(Images/containerPortlet/containerB.gif) repeat-x;
	height:15px;
}

.containerPortletBR
{
	background:url(Images/containerPortlet/containerBR.gif);
	width:15px;
	height:15px;
	background-repeat:no-repeat;	
}

.bannerBg
{
	background:url(Images/Header/bannerBg.png) repeat-x;
	height:76px;
}

.personalizedDemo
{
	background:url(Images/Content/personalizedDemo.png) no-repeat;	
	width:455px;
	height:146px;
}

/*BOTTOM PORTLET*/
.bottomPortlet1
{
	background:url('Images/Content/bottom_portletDesc1.png') no-repeat;
	width:298px;
	height:182px;	
}

.bottomPortlet2
{
	background:url('Images/Content/bottom_portletDesc2.png') no-repeat;
	width:310px;
	height:182px;	
}

.bottomPortlet3
{
	background:url('Images/Content/bottom_portletDesc3.png') no-repeat;
	width:375px;
	height:182px;		
}

.bottomPortlet4
{
	background:url('Images/Content/bottom_portletDesc4.png') no-repeat;
	width:298px;
	height:182px;			
}


.titleFont{font: 38px "Arial",sans-serif; color:#a62524;}
.subtitleFont{font: 18px "Arial",sans-serif; color:#000000;}
.smallTitleFont{font: 600 20px "Arial",sans-serif; color:#a62524; text-align:left; text-decoration:none;}
.smallTitleFont2{font: 18px "Arial",sans-serif; color:#a62524; text-align:left; text-decoration:none; font-weight:bold;}
.smallTitleFont3{font: 600 26px "Arial",sans-serif; color:#a62524; text-align:left; text-decoration:none;}
.smallTitleFont4{font: 9pt "Arial",sans-serif; color:#a62524; text-align:left; text-decoration:none; font-weight:bold; font-style:italic;}
.smallSubtitleFont{font: 14px "Arial",sans-serif; color:#212324;}
.textFont{font: 14px "Arial",sans-serif; color:#5a5d61; text-align:left;}
.messageFont{font: 16px "Arial",sans-serif; color:#5a5d61; text-align:center;}
.messageNoteFont{font: 13px "Arial",sans-serif; color:#5a5d61; text-align:center; width:100%;}

.smallTextFont{font: 12px "Arial",sans-serif; color:#5a5d61; text-align:left;}
.smallTableFont{font: 12px "Arial",sans-serif; color:#5a5d61; text-align:right;}
.smallTableTextboxCell{text-align:left;}
.smallTableTD{width:5px}
.smallerTextFont{font: 11px "Arial",sans-serif; color:#5a5d61; text-align:left;}
.portletText{font:13.5pt "Arial", sans-serif; color:#3d3c3d; text-align:left;}
.portletSmallText{font:11pt "Arial", sans-serif; color:#3d3c3d; text-align:left;}
.portletSmallerText{font:9pt "Arial", sans-serif; color:#3d3c3d; text-align:left;}
.learnMore{font:9pt "Arial", sans-serif; color:#af1f24; text-align:left; text-decoration:none;}
.learnMore a:hover{font: 9pt "Arial", sans-serif; color:#af1f24; text-align:left; text-decoration:underline;}
.submenuLeft{background:url(Images/submenu/leftSide.png) no-repeat; width:18px; height:30px;}
.submenuLeft2{background:url(Images/submenu/leftSide2.png) no-repeat; width:18px; height:30px;}
.submenuRight{background:url(Images/submenu/rightSide.png) no-repeat; width:22px; height:30px;}
.submenuRight2{background:url(Images/submenu/rightSide2.png) no-repeat; width:22px; height:30px;}
.submenuBg1{background:url(Images/submenu/background.gif) repeat-x; height:30px; color:#ffffff; font: 11pt "Arial", sans-serif; cursor:pointer;}
.submenuBg2{background:url(Images/submenu/background2.gif) repeat-x; height:30px; color:#5b5c5c; font: 11pt "Arial", sans-serif; cursor:pointer;}
.submenuBg3{background:url(Images/submenu/background3.gif) repeat-x; height:30px; color:#5b5c5c; font: 11pt "Arial", sans-serif; cursor:pointer;}
.submenuSeparator1{background:url(Images/submenu/separator.gif) no-repeat; height:30px; width:28px;}
.submenuSeparator2{background:url(Images/submenu/separator2.gif) no-repeat; height:30px; width:30px;}
.submenuSeparator3{background:url(Images/submenu/separator3.gif) no-repeat; height:30px; width:28px;}
.textTop{vertical-align:top; text-align:left; padding:0px 10px 0px 0px;}
.paddingBottom{padding:0px 0px 20px 0px;}
.headerFont{font:10pt "Arial"; color:#ffffff; text-align:left; text-decoration:none; font-weight:bold}
#products{width:100%;
	height: 1017px;
}
#separator{background:url(Images/division.gif) repeat-y; width:2%;}

.tableFooter
{
	border-top-width:1px; 
	border-top-color:#d2d1d2; 
	border-top-style:solid;	
	border-bottom-width:1px; 
	border-bottom-color:#d2d1d2; 
	border-bottom-style:solid;
}

.style1
{
    font-weight:600;   
    color: #a62524;
    width: 600px;
    letter-spacing : -2px;
    font-style: normal;
    font-variant: normal;
    font-size: 38px;
    line-height: normal;
    font-family: Arial;
}

.title
{
    font-weight:600;   
    color: #a62524;
    letter-spacing : -2px;
    font-style: normal;
    font-variant: normal;
    font-size: 1.8em;
    line-height: normal;
    font-family: Arial;
}

.linkTo
{
    font-weight: 600;
    color: #a62524;
    width: 127px;
    letter-spacing : -2px;
    font-style:normal;
    font-variant: normal;
    font-size: 16px;
    line-height: normal;
    font-family: Arial;
    text-decoration: underline;
}

.subTitle
{
    font-weight: 400;
    color: #a62524;
    width: 682px;
    font-style:normal;
    font-variant: normal;
    font-size: 14px;
    line-height: normal;
    font-family: Arial;
    text-decoration: none;
}

.footerSlogan
{
	font: 24px "Arial";
	font-weight:600;
	color: #a62524;
	letter-spacing: -2px;
}

.grayPortletLeft
{
	background:url(Images/grayPortlet/contactUs_portletLeft.png) no-repeat;	
	width:6px;
	height:647px;		
}

.grayPortletRight
{
	background:url(Images/grayPortlet/contactUs_portletRight.png) no-repeat;	
	width:6px;
	height:647px;		
}

.grayPortletCenter
{
	background:url(Images/grayPortlet/contactUs_portletCenter.png) repeat-x;	
	height:647px;		
	
}

.tbxImage
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('Images/grayPortlet/texboxImage.png') no-repeat;
    width:238px;
	height:23px;
}

.tbxImageBig
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('Images/grayPortlet/texboxImageBig.png') no-repeat;
    width:700px;
	height:100px;
}

.tbxMessage
{
	background: url('Images/grayPortlet/messageImage.png') no-repeat;
	width:259px;
	height:100px;
	border-style: none;
    border-color: inherit;
    border-width: medium;
    
}

.tbxMessageBig
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('Images/grayPortlet/messageImageBig.png') no-repeat;
    width:700px;
	height:100px;
}

.cursorStyle
{
	cursor:pointer;	
}

.dash
{
	width:100%; 
	background: url(Images/Content/dash.gif) repeat-x;
}

.supportLink
{
	color:#bc5743;	
	font-family:Arial;	
	font-size:13pt;
	font-weight:bolder;
	text-decoration:underline;
}

.showHideLink
{
	font: 12px "Arial",sans-serif; 
	text-align:left;
	color:#bc5743;
	text-decoration:none;
}

.showHideLink a:hover
{
	text-decoration:underline;
}

.loginFont
{
	color:#5a5d61;
	font: 10pt Arial;
}
.loginFontSmall
{
	text-align:right;
	vertical-align:top;
	color:#5a5d61;
	font: 8.5pt Arial;
}

.logoutFont
{
	color:#ffffff;
	font: 11.5pt Arial;
}

.txt 
{
color:#807F81;
font-family:Arial;
font-size:12px;

	width:375px;
}

table{border:0px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
tr{border:0px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
td{border-style: none;
    border-color: inherit;
    border-width: 0px;
    margin: 0px 0px 0px 40px;
    padding: 0px;
}
center{border:0px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
img{border:0px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
div{border:0px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

/* ---------  Q portal Portlets ------------*/

.portalPortletLeft
{
	background-image:url('Images/portlet/portletLeft.png');		
	width:5px;
	height:298px;
	background-repeat:no-repeat;
}

.portalPortletBg
{
	background-image:url('Images/portlet/Untitled-1.png');		
	height:298px;
	background-repeat:repeat-x;
}

.portalPortletRight
{
	background-image:url('Images/portlet/portletRight.png');		
	width:5px;
	height:298px;
	background-repeat:no-repeat;
}


/*User Portal*/
.doublePortletLeft
{
	background-image:url('Images/DoublePortlet/leftBg.png');		
	width:5px;
	height:298px;
	background-repeat:no-repeat;
}	

.doublePortletCenter
{
	background-image:url('Images/DoublePortlet/centerBg.png');		
	width:4px;
	height:298px;
	background-repeat:no-repeat;
}

.doublePortletRight
{
	background-image:url('Images/DoublePortlet/rightBg.png');		
	width:9px;
	height:298px;
	background-repeat:no-repeat;
}

.doublePortletBg
{
	background-image:url('Images/DoublePortlet/Bg.png');		
	height:298px;
	background-repeat:repeat-x;
}

.link
{
	color:#860020; 
	font:10pt Arial;
}
.link2
{
	color:#ffffff; 
	font:11pt Arial;
	
}
.userName
{
	color:#ffffff;
	font:11pt Arial;
	padding-left:15px;
}
.moveRight
{
	padding-left:200px;
}
.portalFont
{
	color:#7c7a79;	
	font-family:Arial;	
	font-size:9pt;			
	text-align:left;	
}

.faceBoxTitle
{
    font: 29px "Arial";        
    color: #a62524;        
    vertical-align:middle;    
    height:15px;
}

.faceBoxContentText
{
	color:#7c7a79;	
	font: 12px "Arial";    		
	text-align:left;	
}
/*User Portal End*/