/* =THE BIG GUYS */
html {margin:0;padding:0}
body {
	background:#CFCFCF;
	margin:0;
	padding:0;
	color:#0B3668;
	font:83%/1.5 arial,tahoma,verdana,sans-serif;
}


/* =GENERAL */
form {margin:0}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
input.f-submit {padding: 1px 3px;font-weight:bold;margin-bottom:1px}
img {border:none} 
/*hr {margin: 1em 0;background:#E3E8EE;height:1px;color:#E3E8EE}*/
hr {background:#E3E8EE;height:1px;color:#E3E8EE}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 



/* =HEADINGS */

h1, h2, h3, h4, h5, h6 {
	font-family: arial,verdana,sans-serif;
	color:#000;
	padding-bottom: .1em
}


/* =TYPOGRAPHY */
p {
	color: black;
	line-height: 16px;
	margin: 10px 0;
}
ul, ol {margin-top:0}
#content li {color: #000;line-height:1.2em;}



/* =LAYOUT =HEADER */
#header {
	background: url("../images/header.jpg");
	height: 129px;
}



/* =LAYOUT =WRAP */
#wrap {
	width: 775px;
	margin: 0 auto;
	border: 1px solid black;
	background: #fff;
}



/* =LAYOUT =NAV */	
#e11_leftNav {
	float:left;
	color: #FFFFFF;
	background: #000066;
	/* NOTE: The width here was moved to #nav a and changed to 131px because the :hover rollover would not work */
	/* width: 152px; */
}

#e11_leftNav em {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	display: block;
	margin: 5px;
	width: 130px;
}

#e11_leftNav div#e11_address {
	font-size: 11px;
	padding: 5px 0 0 0;
	line-height: 13px;
	border-top: 1px solid white;
	margin: 15px 10px 10px 10px;
}

#nav, #nav ul {list-style: none;padding: 0;margin: 0;}
#nav {
	font-weight:bold;
	line-height: 14px;
}
#nav a {
	display: block;
	padding: 5px 5px 5px 14px;
	border: 1px solid #CCCCCC;
	margin: 3px 0;
	/* NOTE: The width was originally 152px AND WAS ASSIGNED TO e11_leftNav, but the :hover rollover would not work */
	width: 131px;
	background: url("../images/nav_bg_up.gif") repeat-y 0 0;
}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	text-decoration:none;
	cursor:pointer;
	font-size:12px;
	display:block;
} 
#nav a:link {color:#fff;} 
#nav a:visited {color:#fff;} 
#nav a:hover {
	background: url("../images/nav_bg_over.gif") repeat-y 0 0;
} 

#nav li {
	display:block;
	margin: 0 1px;
}
#nav li li {border-bottom:1px solid #3F6AB7;}
#nav li ul {background: #000;font-weight:normal;}
/*#nav li:hover ul, #nav li.sfhover ul {left: auto;}*/
#nav li.active a, #nav li.active a:hover {
	background: url("../images/nav_bg_selected_up.gif") repeat-y 0 0;
}
#nav li.active li {border-bottom:1px solid #333;}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */



/* =NAV =NAV_FOOTER */
#nav_footer, #nav_footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2em;
}
#nav_footer {
	padding: 0 10px 0 10px;
	margin: 0;
	width: 600px;
}
#nav_footer a:link {color:#fff} 
#nav_footer a:visited {color:#fff} 
#nav_footer li {
	display:inline;
	margin-left: 10px;
	padding-right: 10px;
	font-size:14px;
	border-right: none;
}
#nav_footer li.useDivider {
	border-right: 1px solid white;
}
/* hide from IE mac \*/
#nav_footer li {width:auto}
/* end hiding from IE5 mac */



/* =LAYOUT GENERAL */
#content {
	float: left;
}


/* =LAYOUT TYPE B */
/* NOTE: attributes.layoutClass is coming with a hypen (i.e. type-b) while the css expects no hyphen and uppercase (typeB) (jl-20060613) */
#type-b #contentWrap {
	width: 775px;
	background: url("../images/bg_vert_stripe.gif") repeat-y 0 0;
}
#type-b #utility {
	float:left;
	width:165px;
	margin-top:0px;
}
#type-b #content {
	margin: 20px 0 0 20px;
	width: 580px;
}


/* =SECONDARY NAVIGATION */
#navSecondary, #navSecondary li {list-style: none;margin:0;padding:0}
#navSecondary {padding-top:0}
#navSecondary a {line-height:1.8;padding: 5px 0 5px 31px;background:transparent url("../wsimages/2nd_nav_bg.gif") no-repeat 5px 2px;font: bold 86% arial;display:block;width:130px}
#navSecondary a, #navSecondary a:link, #navSecondary a:visited, #navSecondary a:hover, #navSecondary a:active {text-decoration:none;cursor:pointer} 
#navSecondary a:link {color:#000} 
#navSecondary a:visited {color:#000} 
#navSecondary a:hover, #navSecondary a:active, #navSecondary li.active a:link, #navSecondary li.active a:visited {color:#E17000;background:transparent url("../wsimages/2nd_nav_bg.gif") no-repeat 5px -48px} 
#navSecondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* =SECONDARY NAVIGATION - 2nd TIER */
#navSecondary ul {margin: -4px 0 1em 32px}
#navSecondary li.active li a, #navSecondary li.active li a:link, #navSecondary li.active li a:visited {line-height:1.5;background:transparent;padding:0;font-weight:normal;width:auto;display:inline;color:#000}
#navSecondary li.active li a:hover, #navSecondary li.active li a:active {background:transparent;color: #E17000}
#navSecondary li.active li {border: none}

#navSecondary li.active li.active a:link, 
#navSecondary li.active li.active a:visited, 
#navSecondary li.active li.active a:hover, 
#navSecondary li.active li.active a:active {font-weight:bold}

/* =SECONDARY NAVIGATION - 3rd TIER */
#navSecondary ul ul {margin: 0 0 1em 15px}
#navSecondary li.active li.active li a:link, 
#navSecondary li.active li.active li a:visited, 
#navSecondary li.active li.active li a:hover, 
#navSecondary li.active li.active li a:active {font-weight:normal}

/* =LAYOUT =FOOTER */
#e11_footer {
	/*border-top: 1px solid #ccc;*/
	padding: 10px 0 10px 120px;
	/*font-size:86%;*/
	color:#999;
	text-align:center;
	/*background: #fff url("../wsimages/content_wrap_bg.gif") repeat-x 0 0;*/
	background:#000066;
}
#e11_footer p {margin:0}
#e11_footer a {
	color: #fff;
	text-decoration: none;
}
#e11_footer a:hover {
	text-decoration: underline;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

/* to match cfwebstore */
.cat_text_large {
	color: #666699;
}
.menu_trail {
	font-size: 12px;
	text-decoration : none;
	COLOR: #808080;
}
a.menu_trail
{
	font-size: 12px;
}
.cat_title_large {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #666699;
}
HR.thickline {
	size: 1;
	height: 2px;
	margin-bottom : 0px;
	margin-top : 0px;
	border: 0;
}
HR.thinline {
	size: 1;
	height : 1px;
	margin-bottom : 0px;
	margin-top : 0px;
	border: 0;
}
/* end to match cfwebstore */

/* Begin Aslett Clearing Method */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearFix:after {
    content: ".";              	/* the period is placed on the page as the last thing before the div closes */
	display: block;          	/* inline elements don't respond to the clear property 						*/ 
    height: 0;                  /* ensure the period is not visible 										*/
    clear: both;               	/* make the container clear the period 										*/
    visibility: hidden;	     	/* further ensures the period is not visible 								*/
}

.clearFix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* End hide from IE-mac */
/* End Aslett Clearing Method */