/* Template layout Styles*/

#cmsindustryHeader
{
	margin: 0;
	padding: 16px 6px 0 0px;
	width: 99%;
}

#cmsindustryHeader img
{
	clear:both;
	display:block;
}

#cmsindustryleftnav
{
	float:left;
	width: 150px;
}

#cmsindustrybody, #cmsindustryleftbody
{
	float:left;
	padding-top: 10px;
}

#cmsindustrybody
{
	width: 360px;
	padding-left: 25px;
}

#cmsindustryleftbody
{

	clear:none;
	width: 59%;
}

div.cmssitecontent > #cmsindustrybody
{
	visible:false;
}


.cmsbgsec
{
	width: 170px;
	visible:false;
}

.cmsmain
{
	border-right: 1px white solid;
	border-left: 1px #B37E00 solid;	
	width: 170px;
	visible:false;
}


#cmswhyList
{
	margin: 0px;
	padding: 0px;
}

#cmswhyList h5
{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #B37E00;
}

#cmswhyList ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

#cmswhyList ul li
{
	padding: 17px 0;
	border-bottom: 1px #666666 dotted;
	line-height: 0;
	
}


#cmswhyList dl
{
	margin: 0 0 0 110px;
}

#cmswhyList dt
{
	margin: 0;
	padding: 0;
	color: black;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

#cmswhyList dd { margin-left: 0; }

#cmswhyList dd li
{
	padding: 0;
	border-bottom: none;
	line-height: 16px;
	padding-left: 10px;
	background: url(/CMS400Examplev5/BradyID/images/industry/bullet.gif)  no-repeat  3px center;
}

/* cmsnarrowListhtml is for the html version of industry left nav */

#cmsnarrowListhtml
{
	width: 170px;
	font-size: 11px;
	color: #B37E00;
	margin-top: 6px;
}


#cmsnarrowListhtml strong
{
	color: #666;
	font-size: 12px;
}

#cmsnarrowListhtml strong em
{
	color: #B37E00;
	font-style: normal;
}

#cmsnarrowListhtml p
{
	margin: 2px 0 0 0;
	padding: 6px 30px 8px 8px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	clear: both;
}

#cmsindustryleftnav #cmsnarrowListhtml p
{
	background: url(/CMS400Examplev5/BradyID/images/common/narrowtop.gif);
}

#cmsnarrowListhtml #yourSelections p
{
	background: url(/CMS400Examplev5/BradyID/images/common/narrowshorttop.gif);
}

#cmsnarrowListhtml #yourSelections
{
	padding-bottom: 8px;
	margin-bottom: 8px;
	background: url(/CMS400Examplev5/BradyID/images/common/narrowshortbottom.gif) no-repeat left bottom;
}

#cmsnarrowListhtml a:hover { text-decoration: underline; }

#cmsnarrowListhtml ul
{
	margin: 0;
	padding: 0;
	border-right: 1px white solid;
	border-left: 1px #B37E00 solid;
	list-style-type:none;
	list-style-image:none;
}

#cmsnarrowListhtml ul li
{
	margin: 0;
	padding: 0 5px 4px 8px;
	color: #4C4C4C;
	font-weight: bold;
	font-size: 11px;
	list-style-type:none;
	list-style-image:none;
}

#cmsnarrowListhtml ul li a
{
	padding-left: 14px;
	font-weight: bold;

	text-decoration: none;
	background: url(/CMS400Examplev5/BradyID/images/common/arrowgray.gif) no-repeat 0 1px;
}
#cmsnarrowListhtml ul li a:link
{
	color: #666666;
}

#cmsnarrowListhtml ul li a:visited
{
	color: #800080;
}

#cmsnarrowListhtml ul li a:hover, #cmsnarrowListhtml ul li a:active
{
	color: #666666;
}

#cmsnarrowListhtml ul li ul
{
	margin: 0;
	padding: 0 0 10px 0;
	border-right: none;
	border-left: none;
	list-style-type:none;
	list-style-image:none;
}

#cmsnarrowListhtml ul li ul li
{
	margin: 0;
	padding: 0 0 3px 0;
	background: none;
	list-style-type:none;
	list-style-image:none;
}

#cmsnarrowListhtml ul li ul li a
{
	background: none;
	padding: 0 0 0 8px;
	font-weight: normal;
	font-size: 10px;
	background: url(/CMS400Examplev5/BradyID/images/common/arrow.gif) no-repeat 0 4px;
}

#cmsnarrowListhtml ul li ul li a:link
{
	color: #003399;
}

#cmsnarrowListhtml ul li ul li a:visited
{
	color: #800080;
}

#cmsnarrowListhtml ul li ul li a:hover, #cmsnarrowListhtml ul li ul li a:active
{
	color: #003399;
}

#cmsnarrowListhtml .narrowOpen a
{
	padding: 0 0 6px 14px;
	display: block;
	background: url(/CMS400Examplev5/BradyID/images/common/arrowyellowish.gif) no-repeat 0 1px;
}

#cmsnarrowListhtml .narrowOpen ul li a
{
	background: none;
	display: inline;
}

#cmsnarrowListhtml .narrowOpen a:link
{
	color: #B37E00;
}

#cmsnarrowListhtml .narrowOpen a:visited
{
	color: #800080;
}

#cmsnarrowListhtml .narrowOpen a:hover, #cmsnarrowListhtml .narrowOpen a:active
{
	color: #B37E00;
}
#cmsnarrowListhtml .narrowOpen ul
{
	margin: 0;
	padding: 0 0 10px 0;
	border-right: none;
	border-left: none;
	list-style: none;
}

#cmsnarrowListhtml .narrowOpen ul li
{
	margin: 0;
	padding: 0 0 3px 0;
	background: none;
}

#cmsnarrowListhtml .narrowOpen ul li a
{
	padding: 0;
	font-weight: normal;
	font-size: 10px;
}

#cmsnarrowListhtml .narrowOpen ul li a:link
{
	color: #003399;
}

#cmsnarrowListhtml .narrowOpen ul li a:visited
{
	color: #800080;
}

#cmsnarrowListhtml .narrowOpen ul li a:hover, #cmsnarrowListhtml .narrowOpen ul li a:active
{
	color: #003399;
}


#cmsindustryleftbody  #bodyheading
{
	margin-bottom: 10px;
	width:auto;

}

#cmsindustryleftbody #bodyheading img
{
	float:left;
	margin-right: 5px;
	margin-bottom:10px;
}

#cmsindustryleftbody  #bodyheading h5
{
	margin-bottom : 10px;
}

#yellowIndustrybox
{
	width:375px;
	color: #039;
	margin: 10px 0px;
	clear:left;
}


#cmsindustryleftbody #cmsnarrowListhtml p
{
	padding-top: 0px;
	margin-top:1px;
}

#yellowIndustrybox #inner
{
	width:370px;
}

#yellowIndustrybox #cmsnarrowListhtml
{
	width:370px;
	background: url(/CMS400Examplev5/BradyID/images/common/yellowwidetop_body.gif) repeat-y;	
	border-bottom: 1px white solid;
	border-right: 1px white solid;
	border-top: 1px #B37E00 solid;

}
#yellowIndustrybox #cmsnarrowListhtml ul
{
	border-right: none;
}


/* The styles has to be fixed by adding the clearfix code as NS6.2 does not like the layout. 
	 The complex floating of ul and li is necessary as the same menu appears in two 
	 different layout in the different industry layout pages.
*/
#yellowIndustrybox #cmsnarrowListhtml ul
{
	width: 370px;

}


#yellowIndustrybox #cmsnarrowListhtml ul li
{
	width: 170px;
	float:left;
}

#yellowIndustrybox #cmsnarrowListhtml ul li:after, #yellowIndustrybox #cmsnarrowListhtml ul:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: left;
    visibility: hidden;
}

#yellowIndustrybox #cmsnarrowListhtml ul li, #yellowIndustrybox #cmsnarrowListhtml ul 
{
	display: inline-table;
}


/* Hides from IE-mac \*/
* html #yellowIndustrybox #cmsnarrowListhtml ul li, * html #yellowIndustrybox #cmsnarrowListhtml ul 
{
	height: 1%;
}

#yellowIndustrybox #cmsnarrowListhtml ul li, #yellowIndustrybox #cmsnarrowListhtml ul   
{	
	display: block;
}
/* End hide from IE-mac */



#yellowIndustrybox #cmsnarrowListhtml ul li ul
{
	width: 170px;
	float:left;
}

/*The fix for NS6.2 ends here*/

#yellowIndustrybox #cmsnarrowListhtml p
{
	padding: 4px 30px 8px 8px;
}


#rightnav
{
	width: 30%;
	float:right;
	border-left-width: 1px;
	border-left-style: none;
	clear: right;
	height: auto;
	margin-left: 10px;
}


#rightnav .bluebox #cmsrightprod 
{
	padding-left:0px;
	width: 160px;	
}


#rightnav .bluebox
{
	width: auto;
	font-size: 11px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #CCCCCC;
}

#rightnav .bluebox img
{
	clear: both; 
	display: block; 
}

#rightnav .bluebox ul
{
	margin-bottom: 0px;
}


#rightnav .bluebox h6
{
	margin: 0;
	padding: 6px 2px 0 6px;
	font-size: 11px;
	color: white;
	text-transform: uppercase;
}

#rightnav .bluebox ul li
{
	margin-left: 5px;
	padding: 1px 1px;
	list-style-type: none;
}
	
#rightnav .bluebox a:link
{
	color: #000000;
	font-weight: bold;
}

#rightnav .bluebox a:visited
{
	color: #800080;
}

#rightnav .bluebox a:hover, #rightnav .bluebox a:active
{
	color: #2A0055;
}


#news
{
	margin-top: 25px;
	border-top:1px black dotted;
	padding-top: 10px;
	clear:both;
	width:350px;


}

#news ul li
{
	border-bottom: 1px black dotted;
	padding-bottom: 10px;
	padding-top: 5px;
	background: url(/CMS400Examplev5/BradyID/images/common/arrow.gif) no-repeat 0px 8px;
}