/* Common Styles */


body {
	color: #fff;
	background: #fff url(images/bgGradient.gif) 0 0 repeat-x;
	}
	#wrapper {
		margin-top: 25px;
		color: #000;
		background: #fff;
		/*\*/height:auto !important;/**/
		min-height: 500px;
		height: 500px;
		}

	#top {}
		#logo {
			float: left;
			width: 140px;			
			padding: 18px 0 17px 18px;
			}
			#logo span {
				position: absolute;
				top: -5000px;
				left: 0;
				}
		#topRow {
			padding: 20px 0 0 0;
			}
			#strap {
				float: left;
				width: 190px;				
				}
				#strap h2,
				#strap p {
					text-indent: -5000px;
					background: url(images/mobileComms.gif) 0 3px no-repeat;
					}
			#topTools {
				float: left;
				width: 268px;
				font-size: 120%;
				}
				#topTools p {			 
					padding-left: 35px; 
					}
				#topTools a {			 
					color: #333;					
					text-decoration: none;
					}
					#topTools a:hover,			 
					#topTools a:focus {			 
						color: #F70800;					
						text-decoration: underline;
						}
					#topTools #print {
						position: absolute;
						top: 60px;
						right: 32px;
						text-align: right;
						}
						#topTools #print span {
							position: absolute;
							top: -5000px;
							left: 0;
							}
					#topTools #print a {
						display: block;
						color: #F70800;
						font-weight: bold;
						font-size: 85%;						
						padding: 3px 20px 5px 0;
						background: url(images/printIcon.gif) 100% 0.3em no-repeat;
						}
					#topTools #print a:hover,
					#topTools #print a:focus, 
					#topTools #print a:active{			 	
						text-decoration: underline;
						}
					
			#langChoice {
				float: left;
				width: 150px;				
				}	
				#langChoice select,
				#langChoice input.btn {
					vertical-align: middle;
					}
				#langChoice select {
					width: 80px;
					}
			#searchBox {
				float: left;
				width: 150px;
				}
				#searchBox input.txt,
				#searchBox input.btn {
					vertical-align: middle;
					}
				#searchBox input.txt {
					width: 80px;
					}
				
			
		

				
		#mainNav {
			padding-left: 20px;
			font-size: 115%;
			}
			#mainNav ul {
				list-style: none;
				margin: 0;
				padding: 0;				
				}
				#mainNav ul li {
					margin: 0;
					padding: 0;			
					background: none;
					}		
					/* #mainNav ul li div {
						display: block;						
						height: 20px;
						padding-top: 8px;
						} */
					#mainNav ul li div {
						display: block;												
						padding-top: 6px;
						}
								
				#mainNav ul li.selected {				
					background: url(images/hozDotsDbl.gif) 0 0 repeat-x;					
					}
					#mainNav ul li.selected div {						
						background: url(images/hozDotsDbl.gif) 0 100% repeat-x;
						}
				
										
				#mainNav ul li.open {					
					background: url(images/hozDotsDbl.gif) 0 0 repeat-x;
					}											
					#mainNav ul li.open a {						
						margin-bottom: -12px;
						}
						#mainNav ul li.open div {
							height: auto;
							}
						/* Top level links */					
						/* #mainNav ul li a {	
							display: block;
							height: 18px;						
							color: #000;
							text-indent: -5000px;
							overflow-x: hidden;
							text-decoration: none;
							background-color: transparent;
							background-position: 0 0;
							background-repeat: no-repeat;
							} */
						#mainNav ul li a {	
							display: block;
							font-size: 100%;
							font-weight: normal;
							color: #666;
							text-decoration: none;
							padding-bottom: 6px;
							}	
						
						/* graphic backgrounds */
						/* li#homepage a {background-image: url(../images/navHomepage.gif);}
						li#aboutUs a {background-image: url(../images/navAboutUs.gif);}
						li#products a {background-image: url(../images/navProducts.gif);}
						li#techSupport a {background-image: url(../images/navTechSupport.gif);}
						li#mediaCentre a {background-image: url(../images/navMediaCentre.gif);} */
						
							
						#mainNav ul li a:hover,
						#mainNav ul li a:focus,
						#mainNav ul li a.active,
						#mainNav ul li a.selected {
							color: #f70800;
							background-position: 0 -24px;
							text-decoration: none;
							}
						
						/* 2nd level nav */					
						#mainNav ul li ul {
							font-size: 90%;
							padding: 12px 0 5px 0;
							/* margin-bottom: 8px; */
							margin-bottom: 4px;
							background: url(images/hozDotsDbl.gif) 0 100% repeat-x;  															
							}	
							#mainNav ul li ul li {
								margin-bottom: 6px;
								}											
								#mainNav ul li ul li a { 									
									display: inline;
									position: relative;
									color: #666;
									font-weight: normal;
									height: auto;	
									background: none;															
									text-indent: 0;
									padding: 0 0 4px 16px;
									margin-bottom: 0 !important;									
									}									
									#mainNav ul li ul li a:hover,
									#mainNav ul li ul li a:focus, 
									#mainNav ul li ul li a.active,
									#mainNav ul li ul li a.selected  {										
										color: #f70800;
										text-decoration: none;
										}

									#mainNav ul li ul li dfn {			
										margin: -2px 0 0 10px;
										}
									
									
									#mainNav ul li.open ul li a.selected  {background-position: 90% 2px;}


						
						/* Page Nav - 3rd level */		
						#pageNav {
							padding: 0 20px 20px 0;
							/*\*/height:auto !important;/**/
							min-height: 70px;
							height: 140px;
							}
							#pageNav ul {	
								list-style: none;
								margin: 0;
								padding: 0;
								font-size: 115%;
								}
								#pageNav ul li {
									margin: 0 0 4px 0;
									padding: 0;			
									background: none;								
									}
									#pageNav ul li a {
										display: block;
										padding-left: 14px;
										color: #333;
										text-decoration: none;
										background: url(images/arrowRed.gif) 0 4px no-repeat;
										}
									/* IE 6 fix */
									* html #pageNav ul li a { zoom: 1; }
									
									#pageNav ul li a:hover,
									#pageNav ul li a:focus, 
									#pageNav ul li a.active,
									#pageNav ul li a.selected {
										color: #f70800;
										text-decoration: underline;										
										}
									#pageNav ul li a sup {	
										/* not working - would also need a hover state on gif*/
										/* background: url(../images/reg.gif) 0 0 no-repeat; */
										}

/***** Footer *****/	
		#footer {
			padding: 10px 18px;
			}
			#footer p {}
			#footer a {
				color: #333;
				text-decoration: none;
				}
				#footer a:hover,
				#footer a:focus,
				#footer a:active {
					color: #f70800;
					text-decoration: underline;
					}