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

/**************************************************************************************************************************/
/*---------- GENERIC STYLES BEGIN ----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/

/********** Default Body ********************/
body {
	/* Box model */
	/*
	margin: 0;
	padding: 0;
	*/
	
	/* Background */
	/*
	background-color: #FFFFCC;
	*/
	
	/* Text */
	/*
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	*/
}

/********** Link Anchors (Generic) ********************/
ul.clxMasterMenu a {
	/* Box model */
	display: block;
	padding: 2px;
padding: 0;
	_padding-left: 0;
	
	/* Text */
	vertical-align: middle;
	text-decoration: none;
	text-align: left;
	
	/* Borders */
	border-width: 0;
	border-style: solid;
	
	/* Outlines */
	outline-style: none;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/*---------- GENERIC STYLES END ------------------------------------------------------------------------------------------*/
/**************************************************************************************************************************/


/**************************************************************************************************************************/
/*---------- MASTER MENU BEGIN -------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/

/********** Master (Top-Level) Menu ********************/
/* Delete ul.clx_mmenu after completely transitioning to ul.clxMasterMenu */
ul.clx_mmenu, 
ul.clxMasterMenu {
	/* Box model */
	margin: 0;
	padding: 0;

	/* Background */
	/*background: url('http://www.wittysparks.com/wp-content/themes/wp-max/images/menu_bg.gif') top left repeat-x;*/
	/*background-color: #C60C30;*/ /* PANTONE 186 red */
	background: none;

	/* Text */
	color: #FFFFFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;

	/* Lists */
	list-style: none;

	/* Dimensions */
	width:800px;
	height:30px;

	/* Positioning */
	display: block;
	float: left;
	
	/* Mozilla/Firefox rounded corners */
	/*
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 0px;
	*/
	
	/* Safari/Chrome rounded corners */
	/*
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	*/
	
	/* CSS3/Chrome/Opera/Safari rounded corners */
	/*
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 0px;
	*/
}

/********** Master Menu List Items ********************/
/* Delete ul.clx_mmenu li after completely transitioning to ul.clxMasterMenu li */
ul.clx_mmenu li, 
ul.clxMasterMenu li {
	/* Box model */
	margin: 0;
	
	/* Positioning */
	display: block;
	float: left;
}

/********** Master Menu Link Anchors (All) ********************/
ul.clxMasterMenu li a, 
ul.clxMasterMenu li a:link, 
ul.clxMasterMenu li a:hover, 
ul.clxMasterMenu li a:visited {
	/* Box model */
	padding: 0;

	/* Dimensions */
	/*width: 160px;*/
	width: 158px; /* Width adjusted for left and right borders */

	/* Text */
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;

	/* Borders (WIP) - Should only be applied to the first links */
	border-left: solid 1px #C60C30; /* PANTONE 186 red */
	border-right: solid 1px #C60C30; /* PANTONE 186 red */
	
	/* Mozilla/Firefox rounded corners */
	/*
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 0px;
	*/
	
	/* Safari/Chrome rounded corners */
	/*
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	*/
	
	/* CSS3/Chrome/Opera/Safari rounded corners */
	/*
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 0px;
	*/
}

/********** Master Menu Link Anchors (Directly and Descendant Hovered) ********************/
ul.clxMasterMenu li a:hover, 
ul.clxMasterMenu li.clxDropProducts:hover > a, 
ul.clxMasterMenu li.clxDropServices:hover > a, 
ul.clxMasterMenu li.clxDropSupport:hover > a, 
ul.clxMasterMenu li.clxDropSmartPartners:hover > a, 
ul.clxMasterMenu li.clxDropCorporate:hover > a {
	/* Background */
	background-color: #FFFFFF;
	
	/* Text */
	color: #C60C30; /* PANTONE 186 red */
	text-decoration: none;
}

/********** Master Menu Link Anchors Only (Descendant Hovered) ********************/
ul.clxMasterMenu li.clxDropProducts:hover > a, 
ul.clxMasterMenu li.clxDropServices:hover > a, 
ul.clxMasterMenu li.clxDropSupport:hover > a, 
ul.clxMasterMenu li.clxDropSmartPartners:hover > a, 
ul.clxMasterMenu li.clxDropCorporate:hover > a {
	/* Borders (WIP) */
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	
	/* Box model */
	padding-top: 7px;
	
	/* Borders */
	border-top: 1px solid #999999;
	
	/* Positioning */
	/* The following styles enable position correction when Master Menu links receive extra top padding and border (8px) when hovered */
	position: relative;
	top: -8px;
}

/********** Master Menu Link Anchors (Hovered) ********************/
ul.clxMasterMenu li a:hover, 
ul.clxMasterMenu li:hover {
	/* ul.clxMasterMenu li:hover is required for Opera*/
	/* Positioning */
	position: relative;
	
	text-decoration: underline;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/*---------- MASTER MENU END ---------------------------------------------------------------------------------------------*/
/**************************************************************************************************************************/


/**************************************************************************************************************************/
/*---------- DROPDOWN MENU - BEGIN ---------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/

/********** Dropdown Menu Hide ********************/
/* TODO: ul.clxMasterMenu a:hover ul ul and probably be replaced by ul.clxMasterMenu a:hover > ul */
ul.clxMasterMenu ul, 
ul.clxMasterMenu a:hover ul ul {
	display: none;
	z-index: 99999;
}

/********** Dropdown Menu Reveal ********************/
ul.clxMasterMenu li:hover > ul
{
	display: block;
}

/********** Dropdown Menu Reveal (IE5/IE6) ********************/
ul.clxMasterMenu a:hover ul, 
ul.clxMasterMenu a:hover a:hover ul/*, 
ul.clxMasterMenu a:hover a:hover a:hover ul*/ {
	display: block;
	
	/* Positioning */
	position: absolute;
	left: 8px;
}

/********** Dropdown List ********************/
ul.clxMasterMenu li ul {
	/* Dimensions */
	/*width: 140px;*/
	width: 118px; /* Width adjusted for left and right padding and borders (160px W3C width) */
	
	/* Box model */
	padding: 10px 20px;
margin: 0;
/*padding: 0;*/
	
	/* Borders */
	border: 1px solid #999999;
	border-top: 0;
	
	/* Positioning */
/* The following styles enable position correction when Master Menu links receive extra top padding and border (8px) when hovered */
position: absolute;
top: 30px;
/*left:-1px;*/ /* Shift the dropdown menu to the left to create a distinct left edge */

	/* Background */
background-color: #FFFFFF;
	
	/* Mozilla/Firefox rounded corners */
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 0px;
	
	/* Safari/Chrome rounded corners */
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	
	/* CSS3/Chrome/Opera/Safari rounded corners */
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 0px;
	
	/* TODO: Additional CSS selectors will be required to apply shadows to the Master and Dropdown menus, specifically */
	
	/* Mozilla/Firefox box shadows */
	/*-moz-box-shadow: 4px 4px 6px #666;*/
	
	/* Safari/Chrome box shadows */
	/*-webkit-box-shadow: 4px 4px 6px #666;*/
	
	/* CSS3/Chrome/Opera/Safari box shadows */
	/*box-shadow: 4px 4px 6px #666;*/
}

/* Dropdown Menu List Items */
ul.clxMasterMenu li ul li {
/*background:#99CCFF; /* Light blue FOR DEBUGGING ONLY */
/*width:120px;*/ /* not absolutely necessary to enforce width for the dropdown LI since we style its link anchors below*/
	/* Positioning */
	float: left;
}







/********** Dropdown Menu List Items (Links and Headings) ********************/
/* Delete ul.clxMasterMenu li li.catSubHeading after completely transitioning to ul.clxMasterMenu li li.clxDropHeadings */
ul.clxMasterMenu li li a, 
ul.clxMasterMenu li li a:link,
ul.clxMasterMenu li li a:visited,  
ul.clxMasterMenu li li a:hover, 
ul.clxMasterMenu li li a:active,
ul.clxMasterMenu li li a:focus, 
/*ul.clxMasterMenu li li.clxDropHeadings, */
ul.clxMasterMenu li li.clxDropHeadings a, 
ul.clxMasterMenu li li.clxDropHeadings a:link, 
ul.clxMasterMenu li li.clxDropHeadings a:visited, 
ul.clxMasterMenu li li.clxDropHeadings a:hover, 
ul.clxMasterMenu li li.clxDropHeadings a:active, 
ul.clxMasterMenu li li.clxDropHeadings a:focus {
	/* Box model */
	padding: 0 10px;
	
	/* Text */
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-transform: none;
	font-variant: normal;
	text-align: left; /* IE6 would inherit text-align: center otherwise*/
	
	/* Borders */
	border: 0;
	
width:120px;
padding:0;




	/* Box model */
	margin-bottom: 1em;

	/* Text */
	white-space: normal; /* Enforce normal wrapping of text. */
	line-height: 1.3em;
/*	text-align: left;*/
	/*color: #C60C30;*/ /* PANTONE 186 red */


}

/* WIP: Dropdown Menu Links */
/********** Master Menu Link Anchors (All) ********************/
/*
ul.clxMasterMenu li li a, 
ul.clxMasterMenu li li a:link,
ul.clxMasterMenu li li a:visited,  
ul.clxMasterMenu li li a:hover, 
ul.clxMasterMenu li li a:focus {
*/
	/* Box model */
	/*padding: 0 10px;*/

	/* Dimensions */
	/*width: 160px;*/
	/*width: 120px; /* Width adjusted for left and right borders */

	/* Text */
	/*
	color: #666666;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	*/

	/* Borders (WIP) - Should only be applied to the first links */
	/*border: 0 none;*/
	
	/* Mozilla/Firefox rounded corners */
	/*
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 0px;
	*/
	
	/* Safari/Chrome rounded corners */
	/*
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	*/
	
	/* CSS3/Chrome/Opera/Safari rounded corners */
	/*
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 0px;
	*/
/*}*/

/********** Dropdown Menu List Items ********************/
li.clxDropProducts li, 
li.clxDropServices li, 
li.clxDropSupport li, 
li.clxDropSmartPartners li, 
li.clxDropCorporate li {
	/* Box model */
/*	padding:0 10px; */ /* Redundant */
}

/********** Dropdown Menu Headings ********************/
ul.clxMasterMenu li li.clxDropHeadings {
	/* Box model */
	margin-bottom: 1em;
/*	padding: 0 10px;*/
	
	/* Dimensions */
/*	width: 120px;*/

	/* Text */
/*	line-height: 1.3em;*/
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
}





/********** Dropdown Link Anchors (Hovered) ********************/
ul.clxMasterMenu li li a:hover, 
ul.clxMasterMenu li li a:active,
ul.clxMasterMenu li li a:focus {
	/* Background */
	background: none;
	
	/* Text */
	color: #C60C30; /* PANTONE 186 red */
	text-decoration: underline;
	/* Hover color is inherited from the Master Menu's link anchor styles */
	
	/* Borders */
	border: 0;
}

/* WIP: Dropdown Menu Heading Links Anchors (Default) */
/*ul.clxMasterMenu li li.clxDropHeadings a, */
ul.clxMasterMenu li li.clxDropHeadings a:link, 
ul.clxMasterMenu li li.clxDropHeadings a:visited {
	/* Box model */
	margin-bottom: 0; /* Override margin-bottom from ul.clxMasterMenu li li.clxDropHeadings */
/*	padding: 0; /* Override padding from ul.clxMasterMenu li li.clxDropHeadings */
	
	/* Dimensions */
/*	width: 120px;*/

	/* Text */
/*	line-height: 1.3em;*/

	font-weight: bold;
	color: #333333;
	text-transform: uppercase;s
}
/* WIP: Dropdown Menu Heading Links Anchors (Hovered) */
ul.clxMasterMenu li li.clxDropHeadings a:hover, 
ul.clxMasterMenu li li.clxDropHeadings a:active, 
ul.clxMasterMenu li li.clxDropHeadings a:focus {
	text-transform: uppercase;
	font-weight:bold;
	color: #C60C30; /* Have to set this because the generic dropdown link anchors (hovered) style is overridden by the li.clxDropHeadings a styles */
}



/********** First Dropdown Menu Heading in a Column ********************/
ul.clxMasterMenu li + li.clxDropHeadings {
	/* Box model */
	margin-top: 10px;
}

/********** 2-Column Dropdown (Left) ********************/
ul.clxMasterMenu ul.clxDropCol1 {
	/* Dimensions */
	/*width:140px;*/ /* Width was originally needed to make the border appear */
	
	/* Borders */
	border-right: 1px dotted #CCCCCC;

	/* Mozilla/Firefox rounded corners */
	-moz-border-radius-bottomright: 0px;
	
	/* Safari/Chrome rounded corners */
	-webkit-border-bottom-right-radius: 0px;
	
	/* CSS3/Chrome/Opera/Safari rounded corners */
	border-bottom-right-radius: 0px;
}

/********** 2-Column Dropdown (Right) ********************/
ul.clxMasterMenu li ul.clxDropCol2 {
	/* Dimensions */
	/*width:140px;*/ /* Width was originally needed to make the border appear */
	
	/* Box model */
	/*margin-left:162px;*/ /* Column 2 must be shifted 162px to the right to clear column 1 (1px left border + 10px left padding + 140px width + 10px right padding + 1px right border) */
	margin-left: 160px; /* Column width adjusted for left and right borders */
	
	/* Borders */
	border-left: 0;
	
	/* Mozilla/Firefox rounded corners */
	-moz-border-radius-bottomleft: 0px;
	
	/* Safari/Chrome rounded corners */
	-webkit-border-bottom-left-radius: 0px;
	
	/* CSS3/Chrome/Opera/Safari rounded corners */
	border-bottom-left-radius: 0px;
}

/********** 2-Column Dropdown (Products) ********************/
ul.clxMasterMenu li.clxDropProducts ul {
	/* Dimensions */
	height: 316px; /* Use a common height for all Products columns */
}






/*------------------------------------------------------------------------------------------------------------------------*/
/*---------- DROPDOWN MENU - END -----------------------------------------------------------------------------------------*/
/**************************************************************************************************************************/

/* The following style was added to underline Master Menu link anchors when hovered.  The original selector is currently being overridden. */
/* WIP: Master Menu Link Anchors (Hovered) */
ul.clxMasterMenu li a:hover, 
ul.clxMasterMenu li:hover {
	/* ul.clxMasterMenu li:hover is required for Opera */
	text-decoration: underline !important;
}