@import url("shell.css");
@import url("content.css");
@import url("page-types.css");

/***************************************
Global 
***************************************/
div {
overflow:visible;
}

* {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}


ol {	
margin:50;
}


ul.tabs li.bannerSearch select {
display:none;
}







/***************************************
Common properties
***************************************/
html, body {
font-size: 100%;
width: 100%;
background-color: #000;
color: #ff0;
text-align: center;
margin-top: 0px;
}

.clear {
clear:both !important;
visibility:hidden !important;
overflow:hidden !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
font-size:1px !important;
height:1px !important;
width:1px !important;
}

.scontent {
position:absolute;
top:-5000px;
}



/**************************************
General layout 
***************************************/
div.mainWrap {
border-top: 10px solid #000;
border-bottom: 15px solid #000;
background-color: #000;
}




/***************************************
Utilities Bar
***************************************/
div.utilsBar {
background-color: #000;
}
	/*accessibility links */
	div.utilsBar ul {
	background-color: #000;
	}
	
	div.utilsBar ul li {
		float:left;
		font-size: 0.7em;
		margin: 0px 0 0px 8px !important;
		padding: 4px 0 0 0px;
		color:#666;
		min-height: 20px !important;
		height: auto !important;
		height: 20px !important;
		}
			div.utilsBar ul li a, 
			div.utilsBar ul li a:visited {
			display: block;
			color: #ff0;
			/*color: #ec008c;*/
			text-decoration: none;
			padding: 0px;
			}
			div.utilsBar ul li img {
			width: 20px;
			height: 20px;
			border: none;
			}
		div.utilsBar ul li.size-s {
		margin: 0px 0 0px 8px !important;
		padding: 0 0px;
		width: 20px;
		background-position: right 1px;
		background-image: url('../../images/std/access-sml-alt.gif');
		background-repeat: no-repeat;
		background-color: #000;
		}
		div.utilsBar ul li.size-l {
		margin: 0px 0px 0px 0px !important;
		padding: 0 0px 0 0;
		width: 20px;
		background-position: right 1px;
		background-image: url('../../images/std/access-lge-alt.gif');
		background-repeat: no-repeat;
		background-color: #000;
		}
		div.utilsBar ul li.contrast-off {
		margin: 0px 5px 0px 0px !important;
		padding: 0 0px 0 0;
		width: 20px;
		background-position: right 1px;
		background-image: url('../../images/std/access-lge-alt.gif');
		background-repeat: no-repeat;
		background-color: #000;
		}
		div.utilsBar ul li.contrast-on {
		margin: 0px 0px 0px 0px !important;
		padding: 0 0px 0 0px;
		width: 20px;
		background-position: right 1px;
		background-image: url('../../images/std/access-swap-alt.gif');
		background-repeat: no-repeat;
		background-color: #000;
		}
			div.utilsBar ul li.contrast-on a, 
			div.utilsBar ul li.contrast-on a:visited {
			color: #fff;
			text-decoration: none;
			padding: 0px;
			}
			div.utilsBar ul li.contrast-on a:hover {
			text-decoration:underline;
			}
		div.utilsBar ul li.last {
		padding: 4px 0px 0 0;
		background-image: none;
		}		
		/*Search Box */
		/*div.bannerSearch {
		background: #000;
		}	
				div.bannerSearch fieldset label {
				color: #ff0;
				}
				div.bannerSearch fieldset input.searchquery {
				background: #ff0;
				}
				div.bannerSearch fieldset input.go {
				margin: 0px 0px 0 0 0px;
				width:  25px !important;
				height: 25px !important;
				border: none;
				color: #FFF;
				font-size:0.7em;
				font-weight: bold;
				text-align:left;
				padding-left: 10px;
				background: #fff;
				background-image: url('../../images/std/searchButtonBanner.gif');
				background-repeat: no-repeat !important;
				background-position: right 2px;
				}
					* html div.bannerSearch fieldset input.go {
					top: 0px;
					height: 25px;
					}	
					*/
			
			
			
/***************************************
Banner
***************************************/
div.banner  {
border-top: 1px solid #ff0;
}
		



		
/***************************************
Tabs Bar
***************************************/
div.tabsBar  {
background-color: #ff0;
border-top: 1px solid #222;
border-bottom: 1px solid #222;
}
	
	ul.tabs {
	background-color:#ff0;
	}
	
	
	
		ul.tabs li {
		background-image: url('../../images/std/tabsArrow-alt.gif');
		}
		
			ul.tabs li a,
			ul.tabs li a:visited {
			color:#000;
			}
			
				ul.tabs li a:hover {
				color: #000;
				}
				
					
	ul.tabs li.bannerSearch {
	background: #ff0;
	}
		ul.tabs li.bannerSearch fieldset {
		border: none;
		margin: 0px 0px 0 0px;
		}	
			ul.tabs li.bannerSearch label {
			color: #ff0;
			}
			ul.tabs li.bannerSearch fieldset input.searchquery {
			color: #ff0;
			background: #000;
			border:1px solid #ff0;
			}
			
			ul.tabs li.bannerSearch fieldset input.go {
			color: #ff0;
			background: #000;
			}

			
				
				





/***************************************
General Layout
***************************************/
div.layout  {
border-top: 15px solid #000;
}
		







/***************************************
Navigation
***************************************/
		div.navigation ul li {
		background-color: #ff0;
		border-bottom: 1px solid #000;
		}
			div.navigation ul li a,
			div.navigation ul li a:visited {
			color:#000;
			text-decoration:underline;
			}					
				div.navigation ul li a:hover {
				color:#000;
				text-decoration:none;
				}
		div.navigation ul li.navtitle {
		color: #000;
		background-color: #ff0;
		border-bottom: 1px solid #000;
		}
		div.navigation ul li.sel {
		background-image: url('../../images/std/navTab-alt.gif') !important;
		background-position: right 0px;
		background-repeat: no-repeat;
		background-color: #000;
		}
			div.navigation ul li.sel a,
			div.navigation ul li.sel a:visited {
			color:#ff0;
			text-decoration:underline;
			}	
			div.navigation ul li.sel a:hover {
			color:#ff0 !important;
			}					
				div.navigation ul li.sel ul.subnav {
				border-top:1px solid #ff0;
				}	
				div.navigation ul li.sel ul.subnav li {
				border-bottom:1px solid #fff;
				background-color: #222 !important;
				}
					div.navigation ul li.sel ul.subnav li a,
					div.navigation ul li.sel ul.subnav li a:visited {
					color:#ff0;
					text-decoration:underline;
					}									
						div.navigation ul li.sel ul.subnav li a:hover {
						color:#ff0;
						text-decoration:none;
						}




/***************************************
A to Z Box
***************************************/
div.atozBox {
background-color:#222;
border-top: 10px solid #ff0;
}
	div.atozBox h2 {
	color: #ff0;
	}
	
	
		div.atozBox table.azSelect td {
		background-color: #ff0;
		border-right: 1px solid #222;
		border-bottom: 1px solid #222;
		}
			div.atozBox table.azSelect td a,
			div.atozBox table.azSelect td a:visited {
			color: #000;
			}
				
		div.atozBox table.azSelect td.blank {
		background-color:#222;
		}




/***************************************
Main column
***************************************/

div.backtop {
border-top: 1px solid #fff;
}
div.emailprint {
border-top: 1px solid #ff0 !important;
}

		div.emailprint ul li.email {
		background-image: url('../../images/std/actionbar-email-alt.gif');
		}
		div.emailprint ul li.print {
		background-image: url('../../images/std/actionbar-print-alt.gif');
		}
		div.emailprint ul li.rsslink {
		background-image: url('/hikicontrols/images/icons/gif/rss.gif');
		}
		div.backtop ul li {
		background-image: url('../../images/std/actionbar-up-alt.gif');
		}
		
			div.actionbar ul li a,
			div.actionbar ul li a:visited {
			color:#ff0;
			text-decoration:underline;
			}
				div.actionbar ul li a:hover {
				color: #ff0;
				text-decoration:none;
				}
		








/***************************************
Right Column 
***************************************/
/* Video Box */
	
/* Global Box */
div.box {
background-color:#222;
border-top: 10px solid #ff0 !important;
}
	div.box h2 {
	color: #ff0;
	}
	div.box p {
	color: #ff0;
	}
		div.box p a,
		div.box p a:visited {
		color: #ff0;
		text-decoration: underline;
		}
			div.box p a:hover {
			color: #ff0;
			text-decoration:none;
			}

		div.box ul li {
		color:#ff0;
		background-image: url('../../images/std/boxarrow-alt.gif');
		}
			div.box ul li a,
			div.box ul li a:visited {
			color: #ff0;
			text-decoration: underline;
			}
				div.box ul li a:hover {
				color: #ff0;
				text-decoration:none;
				}

	div.box p.actions {
	color: #ff0;
	}
	

/* Jobs Box */
div.stdlinks {
background-color:#222;
border-top: 10px solid #ff0;
}
	
		div.stdlinks p.actions a,
		div.stdlinks p.actions a:visited {
		color: #ff0;
		text-decoration: underline;
		}
			div.stdlinks p.actions a:hover {
			color: #ff0;
			text-decoration:none;
			}
				


		
					

/*news filter box */

		div.newsFilter label {
		color: #ff0;
		}
		div.newsFilter fieldset select {
		border: 1px solid #ff0;
		background-color: #ff0;
		}
		div.newsFilter fieldset input.newsgo {
		color: #000;
		background-color: #ff0;
		border: 1px solid #ff0;
		}
		


/***************************************
Footer
***************************************/
div.footer-links {
border-top: 10px solid #000;
}
		div.footer-links ul li {
		background-image: url('../../images/std/sep-footer-alt.gif');
		}
			div.footer-links ul li a,
			div.footer-links ul li a:visited {
			color:#ff0;
			text-decoration:underline;
			}
				div.footer-links ul li a:hover {
				color: #ff0;
				text-decoration:none;
				}
		div.footer-links ul li.copy {
		color: #ff0;
		}	
	
div.footer-logos {
border-top: 10px solid #000;
background-color: #222;
}
		div.address span {
		color:#ff0;
		}
	
	






/***************************************
General content
***************************************/
div.content  {
color: #ff0;
}

div.content .intro  {
color:#fff;
}

div.content h1 {
color: #ff0;
border-top: 10px solid #ff0;
}

div.content h2 {
color: #ff0;
}

div.content h3 {
color: #ff0;
}


div.content a,
div.content a:visited {
color: #ff0 !important;
text-decoration: underline !important;
}
	div.content a:hover {
	color: #ff0;
	text-decoration: none !important;
	}

div.mainImage p {
color: #fff;
}


div.content hr {
color:#ff0;
background-color:#ff0;
}


/* Generic table */
	div.content table th  {
	color: #000;
	background-color:#ff0;
	border: 1px solid #FF0 !important;
	}
		div.content table th  p {
		color: #000;
		}
	div.content table td  {
	border: 1px solid #FF0 !important;
	background-color: #222;
	color: #fff;
	}
		



/* Unstyled table */
	div.content table.nostyle th  {
	color: #000;
	background-color: #FF0;
	border: 1px solid #FF0 !important;
	}
		div.content table.nostyle p {
		color: #FF0;
		}
	div.content table.nostyle td  {
	border: 1px solid #FF0 !important;
	background-color: #222;
	}










/***************************************
Homepages generic
***************************************/
div.PicPromo{
background-color: #000;
}
div.homebox {
background-color: #000;
}
	div.homebox h2 {
	color:#ff0;
	}
		div.homebox h2 a {
		color: #ff0;
		text-decoration: underline;
		}
			div.homebox h2 a:hover {
			color:#ff0;
			text-decoration:none;
			}

	div.homebox p {
	color:#ff0;
	}

		div.homebox ul li {
		color:#ff0;
		background-image: url('../../images/std/boxarrow-alt.gif');
		}
			div.homebox ul li a,
			div.promo ul li a:visited {
			color: #ff0;
			text-decoration: underline;
			}
			div.homebox ul li a:hover {
			color:#ff0;
			text-decoration:none;
			}



/* HomeLinks Box */
div.homelinks {
background-color: #000;
border-top: 10px solid #ff0;
}
div.LatestNews {
border-top: 10px solid #ff0;
}
div.Popular {
border-top: 10px solid #ff0;
}
div.rightHS {
width:260px;
border-top: 10px solid #ff0;
}
	div.homelinks h2 {
	color: #ff0;
	}
		div.homelinks ul li {
		color:#ff0;
		background-image: url('../../images/std/boxarrow-alt.gif');
		}
			div.homelinks ul li a,
			div.homelinks ul li a:visited {
			color: #ff0;
			text-decoration: underline;
			}
				div.homelinks ul li a:hover {
				color:#ff0;
				text-decoration:none;
				}
	div.homelinks p.actions {
	color: #ff0;
	}
		div.homelinks p.actions a,
		div.homelinks p.actions a:visited {
		color: #ff0;
		text-decoration: underline;
		}
			div.homelinks p.actions a:hover {
			color:#ff0;
			text-decoration:none;
			}


div.doitBox {
background-color:#000;
border-top: 10px solid #ff0;
}
	div.doitBox h2 {
	color: #ff0;
	}
	div.doitBox p {
	color: #ff0;
	}
		div.doitBox ul li {
		color:#ff0;
		}
			div.doitBox ul li a,
			div.doitBox ul li a:visited {
			color: #ff0;
			text-decoration: underline;
			}
				div.doitBox ul li a:hover {
				color:#ff0;
				text-decoration:none;
				}

	div.doitBox p.actions {
	color: #ff0;
	}
		div.doitBox p.actions a,
		div.doitBox p.actions a:visited {
		color: #ff0;
		text-decoration: underline;
		}
			div.doitBox p.actions a:hover {
			color:#ff0;
			text-decoration:none;
			}
	
	

/* RHSboxes */
div.RHS-hl-pos_0 {
background-color: #222;
}
div.RHS-hl-pos_1 {
background-color: #ff0;
}

	div.RHS-homeboxLink h2 {
	color:#ff0;
	}
		div.RHS-homeboxLink h2 a {
		text-decoration: underline;
		}
			div.RHS-homeboxLink a:hover {
			text-decoration:none;
			}
		div.RHS-hl-pos_0 h2 a {
		color:#ff0;
		}
		div.RHS-hl-pos_1 h2 a {
		color:#000;
		}
	div.RHS-hl-pos_0 p {
	color:#ff0;
	}
	div.RHS-hl-pos_1 p {
	color:#000;
	}
	
/* Home 'Box' Style*/
div.HBoxStyle {
border-top: 10px solid #ff0;
background-color:#000;
}

/* Home 'News' Style*/	
div.HNewsBox {
background-color: #000;
border-top: 10px solid #ff0;
}

	div.HNewsBox h2 {
	color: #000;
	background-color: #000;
	border-top: 7px solid #000;
	border-bottom: 0px solid #000;
	}
	
		div.HNewsBox ul li {
		color:#ff0;
		background-color: #000;
		}	
			div.HNewsBox ul li a,
			div.HNewsBox ul li a:visited {
			color: #ff0;
			text-decoration: underline;
			}
				div.HNewsBox ul li a:hover {
				color:#ff0;
				text-decoration:none;
				}

		



	
	
	
















/***************************************
Topic
***************************************/

/* page title */
div.topicTitle {
border-bottom: 10px solid #ff0 !important;
}
	div.topicTitle h1 {
	color: #ff0;
	}




/*promo */
	div.promo h2 {
	color:#ff0;
	}
		div.promo h2 a {
		color: #ff0;
		text-decoration: underline;
		}
			div.promo h2 a:hover {
			color:#ff0;
			text-decoration:none;
			}
	div.promo p {
	color:#ff0;
	}
		div.promo ul li {
		color:#ff0;
		background-image: url('../../images/std/boxarrow-alt.gif');
		}
			div.promo ul li a,
			div.promo ul lia:visited {
			color: #ff0;
			text-decoration: underline;
			}
			div.promo ul li a:hover {
			color:#ff0;
			text-decoration:none;
			}

/* ItemSpots Pair */	
	div.spotpair ul li h2 {
	color:#ff0;
	}
		div.spotpair ul li h2 a {
		color: #ff0;
		text-decoration: underline;
		}
			div.spotpair ul li h2 a:hover {
			color:#ff0;
			text-decoration:none;
			}
	div.spotpair ul li p {
	color:#ff0;
	}
	
	
/* featured */
	div.featured h2 {
	color:#ff0;
	}
		div.featured h2 a {
		color: #ff0;
		text-decoration: underline;
		}
			div.featured h2 a:hover {
			color:#ff0;
			text-decoration:none;
			}

	div.featured p {
	color:#ff0;
	}
		div.featured ul li {
		color:#ff0;
		background-image: url('../../images/std/boxarrow-alt.gif');
		}
			div.featured li a,
			div.promo ul lia:visited {
			color: #ff0;
			text-decoration: underline;
			}
			div.featured ul li a:hover {
			color:#ff0;
			text-decoration:none;
			}



/* spotsBox */
div.spotsBox {
background-color:#222;
border-top: 10px solid #ff0 !important;
}
	div.spotsBox h2 {
	color: #ff0;
	}
	
				div.spotsBox ul li h3 a,
				div.spotsBox ul li h3 a:visited {
				color: #ff0;
				text-decoration: underline;
				}
					div.spotsBox ul li h3 a:hover {
					color:#ff0;
					text-decoration:none;
					}
					
		











/***************************************
News Listing
***************************************/
div.newsList  {
border-top: 10px solid #ff0;
}
	div.newsList h2 {
	color: #ff0;
	}
			div.newsList ul li h3 a,
			div.newsList ul li h3 a:visited {
			color:#ff0;
			text-decoration: underline;
			}
			div.newsList ul li h3 a:hover {
			color:#ff0;
			text-decoration:none;
			}
			
		div.newsList ul li span.date {
		color: #ff0;
		}




















/***************************************
FAQs
***************************************/
dl.faqList {
color: #ff0;
}

	dl.faqList  dt {
	color: #ff0;
	border-top: 10px solid #ff0;
	}
		dl.faqList dd p {
		color: #ff0;
		}
			dl.faqList dd p {
			background-image: url('../../images/std/dot-blk.gif');
			}
			
	dl.faqList dd p.actions {
	color: #ff0;
	}




/***************************************
A to Z
***************************************/ 

	div.content ul.AZletters li.selected a,
	div.content ul.AZletters li.selected a:visited {
	color:#000 !important;
	background:#ff0;
	}
		


		div.content ul.AZletterList li a, 
		div.content ul.AZletterList li a:visited {
		color:#ff0;
		}
		div.content ul.AZletterList li a:hover {
		color:#ff0 !important;
		}

			
					div.content ul.AZletterList li ul li a,
					div.content ul.AZletterList li ul li a:visited {
					color:#ff0 !important;
					}
					div.content ul.AZletterList li ul li a:hover {
					color:#ff0 !important;
					}