/* - - - - - - - - - - - - - - - - - - - - -

Title: Penny + Giles
Author: http://www.idealogyltd.com/

Description: style.css

- - - - - - - - - - - - - - - - - - - - - */


/* PAGE ATTRIBUTES */

html,body {
	margin:0;
	padding:0;
	height:100%;
	background:#fff url(images/background.png) top left repeat fixed;    
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
	color:#333;
	}
#container {
	position:relative;
	margin:0 auto;
	width:995px;
	background:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	}
p {
	margin: 0;
	padding: 0;
	font-size: 70%;
	line-height: 16px;
	}
a {
	color: #333;
	text-decoration: none;
	}
a:hover {
	color: #ec1c24;
	text-decoration: underline;
	}
h1 {
	color: #333;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 80%;
	}
h2 {
	color: #333;
	margin: 0;
	padding: 0 0 10px 12px;
	font-weight: bold;
	font-size: 80%;
	text-transform:uppercase;
	}
h3 {
	color: #333;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 120%;
	}
h4 {
	color: #333;
	margin: 0;
	padding: 8px 0 3px 0;
	font-weight: bold;
	font-size: 80%;
	}
h5 {
	color: #333;
	margin: 0;
	padding: 2px 0 15px 0;
	font-weight: bold;
	font-size: 80%;
	}
h6 {
	color: #333;
	margin: 0;
	padding: 9px 0 7px 0;
	font-weight: bold;
	font-size: 80%;
	}
img {
	border:0;
	}	


/* HEADER */

#header {
	display: block;
	width: 965px;
	height: 80px;
	padding: 20px 0 0 30px;  
	margin:0;
	background: #302f31 url(images/masthead.png) 0 0 no-repeat;    
	}
#logo {
	display: block;
	width: 155px;
	padding: 65px 0 0; 
	overflow: hidden;  
	background: url(images/logo.png) no-repeat;    
	height: 0px !important; height /**/: 65px;
	}
#topdiv {
	position: absolute;
	top: 15px;
	left: 500px;
	z-index: 10;
	width: 465px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	text-align: right;
	color: #fff;
	}
#topmenu {
	position: relative;
	display:inline;
	float:right;
	text-align: right;
	}
#topdiv p, #topdiv a{
	color: #fff;
	text-decoration: none;
	}
#topdiv a:hover{
	color: #ec1c24;
	text-decoration: none;
	}
#date {
	position: relative;
	display:inline;
	float:right;
	padding-left:25px;
	text-align: right;
	color: #fff;
	}
#search {
	position: absolute;
	top: 43px;
	left: 750px;
	width:223px;
	height:18px;
	background:url(images/searchbg.png) 0 0 no-repeat;    
	margin: 0;
	padding: 11px;
	}
#search input {
	position: absolute;
	font-size: 70%;
	margin: 2px;
	top:7px;
	background-color: #fff;
	color: #999;
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
	}

/* MENU */

#menu {
	position:relative;
	float:left;
	display: block;
	width: 983px;
	height: 42px;
	background:url(images/menubg.png) 0 0 no-repeat;    
	margin: 0;
	padding: 0 0 0 12px;
	}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#menu ul li {
	display: inline;
	margin:0;
	height: 42px;
	}
#menu ul li a {
	display: block;
	position:relative;
	float:left;
	text-decoration: none;
	color: #333;
	background-color: inherit;
	font-size: 70%;
	text-transform:uppercase;
	padding: 8px 17px 17px;
	}
#menu ul li a:hover {
	color: #333;
	}
#menu ul li a.active {
	color: #fff;
	background:url(images/menubg_on.png) 0 0 no-repeat;    
	}


/* MAIN CONTENT */

#content {
	position:relative; 
	float: left;
	display:block;
	margin:0;
	width: 935px;
	padding: 0 30px 0 30px;
	background:#fff;
	}
#breadcrumb {
	display: block;
	float: left;
	width: 935px;
	height: 30px;
	padding: 0;
	margin: 0;
	}
#breadcrumb p, #breadcrumb a{
	color:#333;
	text-decoration:none;
	}
#breadcrumb a:hover{
	color: #ec1c24;
	text-decoration:underline;
	}

/* COLUMN 695px */

#column695px {
	display: block;
	float: left;
	width: 695px;
	padding: 0;
	margin: 0;
	}
#column695px h1#t-cis {
	display: block;
	width: 695px;
	padding: 97px 0 0; 
	overflow: hidden;  
	background: url(images/t-cis.png) no-repeat;    
	height: 0px !important; height /**/: 97px;
	}
#column695px h1#t-industry2 {
	display: block;
	width: 695px;
	padding: 97px 0 0; 
	overflow: hidden;  
	background: url(images/t-industry2.png) no-repeat;    
	height: 0px !important; height /**/: 97px;
	}
#column695px h1#t-products {
	display: block;
	width: 695px;
	 
	overflow: hidden;  
	background: url(images/t-products-small.png) no-repeat;    
	height: 0px !important; height /**/: 97px;
	}
	
#column695px h1#t-products-top {
	display: block;
	width: 695px;
	padding: 97px 0 0; 
	overflow: hidden;  
	background: url(images/t-products.jpg) no-repeat;    
	height: 0px !important; height /**/: 97px;
	}
	
#column695px h1#t-industryCategory {
	display: block;
	width: 695px;
	padding: 97px 0 0; 
	overflow: hidden;  
	#background: url(images/t-defence.png) no-repeat;    
	height: 0px !important; height /**/: 97px;
	}
#column695px h1#t-news {
	display: block;
	width: 695px;
	padding: 97px 0 0; 
	overflow: hidden;  
	background: url(images/t-news.png) no-repeat;    
	height: 0px !important; height /**/: 97px;
	}
#column695px h1#t-library {
	display: block;
	width: 695px;
	padding: 97px 0 0; 
	overflow: hidden;  
	background: url(images/t-library.png) no-repeat;    
	height: 0px !important; height /**/: 97px;
	}
#column695px #intropara {
	display: block;
	float: left;
	width: 655px;
	height:133px;
	padding: 0 20px;
	margin: 0;
	background: url(images/redshad.png) top left repeat-x;    
	}
#formPage {
	display: block;
	float: left;
	width: 655px;
	height:700px;
	padding: 0 20px;
	margin: 0; 
	}

.formtext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #EFEFEF; font-weight: normal}
.formtext2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #F4F4F4; font-weight: normal }
.formtext3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #ADAEB5; font-weight: bold}
	
#column695px #intropara p{
	color:#fff;    
	padding-bottom:3px;
	}
h3.subhead {
	padding:18px 0;
	}
h3.subhead2 {
	padding:0 0 10px 0;
	}
h3.subhead3 {
	padding:0 0 2px 0;
	}
	
	h2.subhead3 {
	padding:0 0 2px 0;
	}

/* COLUMN 455px */

#column455px {
	display: block;
	float: left;
	width: 455px;
	padding: 0 30px 0 0;
	margin: 0;
	overflow:hidden;
}
	
h1#t-products {
	display: block;
	width: 455px;
	padding: 38px 0 0; 
	overflow: hidden;  
	background: url(images/t-products.png) no-repeat;    
	height: 0px !important; height /**/: 38px;
	}
#products {
	height:136px;
	background: url(images/products-bg.png) top left repeat-x;    
	}
h1#t-industry {
	display: block;
	width: 455px;
	padding: 38px 0 0; 
	overflow: hidden;  
	background: url(images/t-industry.png) no-repeat;    
	height: 0px !important; height /**/: 38px;
	}
#industry {
	height:227px;
	background: url(images/industry-bg.png) top left repeat-x;    
	}
#column455px img{
	float: left;
	}
#column455px ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 70%;
	line-height: 18px;
	color: #333;
	}
#column455px li a{
	color: #333;
	text-decoration:underline;
	padding-left: 15px;
	background: url(images/arrow-grey.png) center left no-repeat;    
	}
#column455px li a:hover{
	color: #ec1c24;
	text-decoration:underline;
	padding-left: 15px;
	background: url(images/arrow-red.png) center left no-repeat;    
	}
div.list1 {
	position:relative;
	top:12px;
	left:16px;
	float:left;
	width: 166px;
	padding: 0;
	margin: 0;
	}
div.list2 {
	position:relative;
	top:12px;
	left:12px;
	float:left;
	width: 156px;
	padding: 0;
	margin: 0;
	}

/* COLUMN MID */

#columnmid {
	display: block;
	float: left;
	width: 455px;
	padding: 0 0 0 0;
	margin: 0;
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
	/*font-size: 100%; */
	}
#columnmid p{
	padding: 0 0 9px 0;
	margin: 0;
	}
#columnmid p a.pdflink{
	display: block;
	text-decoration:underline;
	background: url(images/pdf-icon.png) top left no-repeat;    
	padding: 0 0 3px 26px ;
	line-height: 15px;   
	}
#columnmid p a {
	padding: 0 0 9px 0 ;
	}
#columnmid ul {
	list-style-type: disc;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 70%;
	line-height: 16px;
	color: #333;
	}
#columnmid li {
	padding: 0 0 4px 0;
	}

/* COLUMN 210px */

#column210px {
	display: block;
	float: left;
	width: 210px;
	padding: 0;
	margin: 0;
	}
#column210px.rightpad30px {
	padding-right: 30px;
	}
div#column210px a.arrowlink{
	color: #333;
	text-decoration:underline;
	padding: 7px 0 7px 15px ;
	background: url(images/arrow-grey.png) center left no-repeat;    
	line-height:45px;
	}
div#column210px a:hover.arrowlink{
	color: #ec1c24;
	text-decoration:underline;
	padding: 7px 0 7px 15px ;
	background: url(images/arrow-red.png) center left no-repeat;    
	line-height:45px;
	}
#column210px ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 70%;
	color: #333;
	}
#column210px li {
	display:block;
	width: 210px;
	height:19px;
	padding: 0 0 4px 0;
	}
#column210px li a{
	width: 183px;
	display:block;
	color: #333;
	text-decoration:none;
	padding: 4px 0 5px 27px;
	background: #ececec url(images/arrow-grey.png) 12px center no-repeat;    
	margin:0;
	}
#column210px li a:hover{
	width: 183px;
	display:block;
	color: #fff;
	text-decoration:none;
	padding: 4px 0 5px 27px;
	background: #999a9c url(images/arrow-white.png) 12px center no-repeat;    
	}
#column210px li a.active{
	width: 183px;
	display:block;
	color: #fff;
	text-decoration:none;
	padding: 4px 0 5px 27px;
	background: #999a9c url(images/arrow-white.png) 12px center no-repeat;    
	}
.menulist {
	width: 210px;
	padding: 0;
	margin: 0 0 16px 0;
	background: #ececec;    
	}
	
/* COLUMN RIGHT */

#column-right {
	display: block;
	float: left;
	width: 210px;
	padding: 0 0 0 30px;
	margin: 0;
	}
h1#t-latestnews {
	display: block;
	width: 210px;
	padding: 25px 0 0; 
	overflow: hidden;  
	background: url(images/t-latestnews.png) no-repeat;    
	height: 0px !important; height /**/: 25px;
	}
h1#t-events {
	display: block;
	width: 210px;
	padding: 25px 0 0; 
	overflow: hidden;  
	background: url(images/t-events.png) no-repeat;    
	height: 0px !important; height /**/: 25px;
	}
h1#t-relateddocs {
	display: block;
	width: 210px;
	padding: 25px 0 0; 
	overflow: hidden;  
	background: url(images/t-relateddocs.png) no-repeat;    
	height: 0px !important; height /**/: 25px;
	}
.productpic {
	margin-top:55px;
	}
.greypanel {
	display: block;
	width: 187px;
	padding: 10px 3px 20px 20px;
	margin: 0 0 12px 0;
	background: #ececec url(images/shadow.png) bottom no-repeat;    
	}
.greypanel p {
	font-size: 60%;
	}
p a.pdflink{
	display: block;
	text-decoration:underline;
	background: url(images/pdf-icon.png) top left no-repeat;    
	padding: 0 0 9px 26px ;
	line-height: 15px;   
	}
.greypanel p a.arrowlink2{
	display: block;
	text-decoration:underline;
	background: url(images/arrow-red.png) 0 5px no-repeat;    
	padding: 5px 0 0 14px ;
	line-height: 15px;   
	}
#column-right p.zoom{
	display: block;
	padding: 4px 0 0 0;
	text-align:right;
	height:40px;
	}
#column-right p.zoom a{
	text-decoration:none;
	background: url(images/zoom.png) right 0 no-repeat;    
	padding: 2px 24px 20px 0 ;
	}
#column-right p.zoom a:hover{
	text-decoration:underline;
	background: url(images/zoom.png) right 0 no-repeat;    
	padding: 2px 24px 20px 0 ;
	}
#column-right p{
	color: #333;
	line-height: 14px;   
	padding-bottom:2px;
	}
#column-right a{
	color: #333;
	text-decoration:underline;
	}
#column-right a.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-grey.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}
#column-right a:hover{
	color: #ec1c24;
	text-decoration:underline;
	}
#column-right a:hover.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-red.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}

/* SUBLIST */

.sublist {
	display: block;
	float: left;
	width: 337px;
	}
.subcat a{
	color: #333;
	text-decoration:underline;
	}
.subcat a:hover{
	color: #ec1c24;
	text-decoration:underline;
	}
.subcat a.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-grey.png) 3px center no-repeat;    
	padding: 0 0 0 14px ;
	}
.subcat a:hover.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-red.png) 3px center no-repeat;    
	padding: 0 0 0 14px ;
	}
.subcat {
	display: block;
	float: left;
	width: 327px;
	height:76px;
	padding: 0 10px 10px 0;
	background: #ececec url(images/shadow.png) bottom repeat-x;    
	margin-bottom:10px;
	}
.subcat img{
	float: left;
	padding: 0 12px 0 0;
	}
.subcat p{
	line-height:13px;
	}
.subcat2 a{
	color: #333;
	text-decoration:underline;
	}
.subcat2 a:hover{
	color: #ec1c24;
	text-decoration:underline;
	}
.subcat2 a.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-grey.png) left center no-repeat;    
	padding: 0 0 0 11px ;
	}
.subcat2 a:hover.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-red.png) left center no-repeat;    
	padding: 0 0 0 11px ;
	}
.subcat2 {
	display: block;
	float: left;
	width: 327px;
	height:76px;
	padding: 0 10px 10px 0;
	background: #fff;    
	margin-bottom:10px;
	border-bottom: 1px dotted #333;
	}
.subcat2 img{
	float: left;
	padding: 0 12px 0 0;
	}
.subcat2 p{
	line-height:15px;
	padding: 0 0 3px 0;
	}
.subcat2 h4{
	padding: 1px 0 3px 0;
	}

/* NEWSLIST */

.newslist {
	display: block;
	float: left;
	width: 331px;
	}
.newscat a{
	color: #fff;
	text-decoration:underline;
	}
.newscat a:hover{
	color: #ec1c24;
	text-decoration:underline;
	}
.newscat a.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-white.png) 156px center no-repeat;    
	padding: 0 0 0 167px ;
	}
.newscat a:hover.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-red.png) 156px center no-repeat;    
	padding: 0 0 0 167px ;
	}
.newscat {
	display: block;
	float: left;
	width: 321px;
	height:87px;
	padding: 0 10px 10px 0;
	margin-bottom:10px;
	}
.newscat img{
	float: left;
	padding: 0 12px 0 0;
	}
.newscat p{
	color: #fff;
	line-height:15px;
	padding-top:30px;
	}

.newsitem a{
	color: #333;
	text-decoration:underline;
	}
.newsitem a:hover{
	color: #ec1c24;
	text-decoration:underline;
	}
.newsitem a.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-grey.png) left center no-repeat;    
	padding: 0 0 0 11px ;
	}
.newsitem a:hover.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-red.png) left center no-repeat;    
	padding: 0 0 0 11px ;
	}
.newsitem {
	display: block;
	float: left;
	width: 695px;
	height:76px;
	padding: 0 0 10px 0;
	background: #fff;    
	margin-bottom:10px;
	border-bottom: 1px dotted #333;
	}
.newsitem img{
	float: left;
	padding: 0 12px 0 0;
	}
.newsitem p{
	line-height:14px;
	padding: 0 0 2px 0;
	}
.newsitem h4{
	padding: 0 0 1px 0;
	}

/* Listing */


.itemlisting a{
	color: #333;
	text-decoration:underline;
	}
.itemlisting a:hover{
	color: #ec1c24;
	text-decoration:underline;
	}
.itemlisting a.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-grey.png) left center no-repeat;    
	padding: 0 0 0 11px ;
	}
.itemlisting a:hover.arrowlink{
	text-decoration:underline;
	background: url(images/arrow-red.png) left center no-repeat;    
	padding: 0 0 0 11px ;
	}
.itemlisting {
	display: block;
	float: left;
	width: 695px;
	padding: 0 0 10px 0;
	background: #fff;    
	margin-bottom:12px;
	border-bottom: 1px dotted #333;
	}
.itemlisting img{
	float: left;
	padding: 0 12px 0 0;
	}
.itemlisting p{
	line-height:14px;
	padding: 0 0 2px 0;
	}
.itemlisting h4{
	padding: 0 0 1px 0;
	}


/* SPECIAL */

h1#t-potm {
	display: block;
	width: 210px;
	padding: 38px 0 0; 
	overflow: hidden;  
	background: url(images/t-potm.png) no-repeat;    
	height: 0px !important; height /**/: 38px;
	}
p#distributors {
	display: block;
	width: 78px;
	padding: 10px 0 0 132px; 
	background: url(images/t-distributors.png) no-repeat;    
	height: 40px;
	margin-bottom:6px;
	}
p#distributors a.arrowlink{
	color: #fff;
	text-decoration:underline;
	background: url(images/arrow-white.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}
p#distributors a:hover.arrowlink{
	color: #ec1c24;
	background: url(images/arrow-red.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}
p#contacts {
	display: block;
	width: 78px;
	padding: 10px 0 0 132px; 
	background: url(images/t-contacts.png) no-repeat;    
	height: 40px;
	margin-bottom:6px;
	}
p#contacts a.arrowlink{
	color: #fff;
	text-decoration:underline;
	background: url(images/arrow-white.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}
p#contacts a:hover.arrowlink{
	color: #ec1c24;
	background: url(images/arrow-red.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}
p#register {
	display: block;
	width: 196px;
	padding: 50px 0 0 14px; 
	background: url(images/t-register.png) no-repeat;    
	height: 36px;
	margin-bottom:6px;
	}
p#register a.arrowlink{
	color: #fff;
	text-decoration:underline;
	background: url(images/arrow-white.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}
p#register a:hover.arrowlink{
	color: #ec1c24;
	background: url(images/arrow-red.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}
p#aerospace {
	display: block;
	width: 78px;
	padding: 60px 0 0 132px; 
	background: url(images/t-aerospace.png) no-repeat;    
	height: 38px;
	margin-bottom:6px;
	}
p#aerospace a.arrowlink{
	color: #fff;
	text-decoration:underline;
	background: url(images/arrow-white.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}
p#aerospace a:hover.arrowlink{
	color: #ec1c24;
	background: url(images/arrow-red.png) center left no-repeat;    
	padding: 0 0 0 14px ;
	line-height: 18px;   
	}

/* PAGENAV */

.pagenav {
	width: 695px;
	display: block;
	float: left;
	padding:18px 0;
	text-align:right;
	}
.pagenav p{
	float: right;
	text-align:right;
	}
.pagenav p a{
	color:#333;
	}
.pagenav p a:hover{
	color: #ec1c24;
	text-decoration:underline;
	}	
.pagenav p a.active{
	text-decoration:underline;
	}
div.squarebts {
	display: block;
	width:60px;
	height:25px;
	float: right;
			}	
a div.squarebtleft {
	display: block;
	float: left;
	width:20px;
	height:20px;
	background: #ececec url(images/arrow-greyleft.png) 4px center no-repeat;    
	border:3px solid #fff;
	margin-top: -5px;
	}	
a div.squarebtright {
	display: block;
	float: left;
	width:20px;
	height:20px;
	background: #ececec url(images/arrow-grey.png) 8px center no-repeat;    
	border:3px solid #fff;
	margin-top: -5px;
	}	
a:hover div.squarebtleft {
	display: block;
	float: left;
	width:20px;
	height:20px;
	background: #999a9c url(images/arrow-whiteleft.png) 4px center no-repeat;    
	border:3px solid #fff;
	margin-top: -5px;
	}	
a:hover div.squarebtright {
	display: block;
	float: left;
	width:20px;
	height:20px;
	background: #999a9c url(images/arrow-white.png) 8px center no-repeat;    
	border:3px solid #fff;
	margin-top: -5px;
	}	


/* FOOTER */

#footer {
	clear: all;
	position:relative; 
	float: left;
	display:block;
	margin:0;
	width: 935px;
	padding: 40px 30px 10px 30px;
	background:#fff url(images/footershad.png) top repeat-x;
	bottom: 0px;
	}
#footer p {
	margin-bottom: 5px;
	color: #333;
	font-size: 60%;
	font-weight: normal;
	line-height:13px;
	}
#footer p a{
	color: #333;
	text-decoration: none;
	padding:0;
	}
#footer p a:hover{
	color: #ec1c24;
	text-decoration: underline;
	}
#footer p.padded a{
	font-size: 110%;
	padding:0 4px;
	line-height:17px;
	}
#footer p a.arrowlink{
	text-decoration:underline;
	background: url(images/emailicon.png) center left no-repeat;    
	padding: 0 0 0 22px ;
	line-height: 18px;   
	}
#footerpics {
	float: right;
	display:block;
	}




/* MENU */





ul#cssmw {
  cursor: default;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
ul#cssmw ul {
  cursor: default;
  font-size: 0;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
ul#cssmw ul li {
  background-image: none;
  float: none;
}
ul#cssmw li {
  background-image: none;
  float: left;
  padding: 0 0 0 0;
  position: relative;
  white-space: nowrap;
}
ul#cssmw li ul {
  display: none;
  top: 0;
}
ul#cssmw li:hover > ul {
  display: block;
  position: absolute;
}
ul#cssmw > li {
  background-image: none;
}
ul#cssmw > li > span {
  background-image: none;
  display: block;
}
ul#cssmw > li > span > a {
  background-color: #CCCCCC;
  background-image: url("../cssmw_images/menu_off.gif");
  background-repeat: repeat-x;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  color: #000000;
  display: block;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  height: 22px;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 0px 10px;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
}
ul#cssmw > li:hover > span {
  display: block;
}
ul#cssmw > li:hover > span > a {
  background-color: #999999;
  background-image: url("../cssmw_images/menu_on.gif");
  background-repeat: repeat-x;
  color: #FFFFFF;
}
ul#cssmw ul.level-1 {
  left: 0px;
  top: 100%;
}
ul#cssmw ul.level-1 > li {
  background-image: none;
}
ul#cssmw ul.level-1 > li > span {
  background-image: none;
  display: block;
}
ul#cssmw ul.level-1 > li > span > a {
  background-color: #999999;
  background-image: none;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  color: #000000;
  display: block;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 0;
  padding: 5px 20px 5px 5px;
  text-decoration: none;
  text-transform: capitalize;
  width: 150px;
}
ul#cssmw ul.level-1 > li:hover > span {
  display: block;
}
ul#cssmw ul.level-1 > li:hover > span > a {
  background-color: #999999;
  color: #FFFFFF;
}
ul#cssmw ul.level-2 {
  left: 176px;
}
ul#cssmw ul.level-2 > li {
  background-image: none;
}
ul#cssmw ul.level-2 > li > a {
  background-color: #a2a5b9;
  background-image: none;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  color: #2d2b2e;
  display: block;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px;
}
ul#cssmw ul.level-2 > li:hover > a {
  background-color: #d8dcbf;
  color: #2d2b2e;
}


ul#cssmw ul {
        z-index: 1000;
}
 
ul#cssmw ul.level-2 {
        z-index: 1010;
}