/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff url(../img/bg.gif) top left repeat-x;
color: #38464F;
font-family: Arial, Helvetica, sans-serif;
}

#outer{
	height: 852px;
	background: url(../img/shims.gif) bottom center no-repeat;
	width: 100%;
	position: relative;
}

#wrap{
	margin: auto;
	width: 984px;
	padding-bottom: 45px;
	overflow: hidden;
}

	#head{
		position: relative;
		height: 134px;	
		padding: 0 7px 0 7px;
		z-index:10;
	}
	

	
		#logo{
			float: left;
			width: 168px;
			height: 134px;
			text-indent: -9999em;
			background: url(../img/logo.gif) top left no-repeat;
		}
		
		#head h1{
			float: left;
			height: 23px;
			width: 348px;
			text-indent: -9999em;
			margin: 38px 0 0 11px;
			background: url(../img/tag.gif) left center no-repeat;
		}
		
		#search{
			float: right;
			height: 57px;
			width: 208px;
			padding-top: 39px;
		}
	
		
		
			#search p{
				line-height: 2em;
				position: relative;
				font-size: 11px;
				padding-bottom: 2px;	
				overflow: hidden;
				text-align: right;
			}
			
			#search a{
				color: #3D4245;
				text-decoration: underline;
				padding: 2px 0 2px 7px;
				margin-left: 4px;
				text-transform: uppercase;
				background: url(../img/break-line.gif) left center no-repeat;
			}
			
			#search a.help{
				background: url(../img/live-healp.gif) left center no-repeat;
				padding-left: 17px;
			}
			
			#search label{
				float: left;
				width: 48px;
				height: 17px;
				text-indent: -9999em;
				background: url(../img/search-label.gif) top left no-repeat;
			}
			
			#search .text{
				height: 14px;
				font-size: 11px;
				width: 129px;
				float: left;
				padding-top: 1px;
				border: 1px solid #222;
			}
			
			#search .submit{
				float: left;
				font-size: .01em;
				border: 0;
				height: 17px;
				width: 23px;
				margin-left: 4px;
				background: url(../img/go-btn.gif) top left no-repeat;	
			}
		
		
		
		#nav{
			clear: right;
			float: right;
			height: 38px;	
			position: relative;
			display: inline;
			margin-right: -11px;
			z-index: 20;
			_margin-top:-20px;
		}
		
		
		* html #nav{
			float: none;
		}
		
			#nav li{
				float: left;
				height: 38px;
				padding: 0 1px 0 0;	
				background: url(../img/li-break.gif) top right no-repeat;
			}
			
			#nav img{
				display: none;
			}
			
			#nav li a{
				float: left;
				font-size: 1.1em;
				color: #38464F;
				font-weight: bold;
				padding: 11px 10px 0 10px;
				height: 27px;
			}
			
			#nav li a:hover{
				background: #E7E7E9;
				text-decoration: none;
				border-bottom: 1px;
				height: 26px;
			}
			
			#nav li a.active, #nav li a.active:hover, #nav li.selected>a{				
				background: #E7E7E9 url(../img/drop-nav-tick.gif) bottom center no-repeat;
				text-decoration: none;
				height: 27px;
				border-bottom: 0;
			}
			
			#nav li ul{
				display: none;
			}
			
		#nav li.selected ul{
			height: 32px;	
			display: block;
			overflow: hidden;
			position: absolute;
			top: 38px;
			right: 10px;
			z-index: 20;
			font-size: .9em;
			width: 600px;
		}
		
		#nav li.selected ul li{
			float: right;
			height: 32px;
			margin-right: -1px;
			margin-left: 1px;
			background: url(../img/sub-break.gif) top right no-repeat;
		}
		
		#nav li.selected ul li a{
			float: left;
			padding: 10px 10px 0 10px;
			height: 22px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;	
		}
	
		
		#nav li.selected ul li a:hover, #nav li.selected ul li.selected a{
			background: none;
			color: #38464F;
		}
		
		#subnav img{
			display: none;
		}
		

	
	#splash{
		height: 297px;		
		padding: 0 7px 0 7px;
		background: #F2F3F4;
		background: rgba(224,225,227, .4);
		padding-bottom: 2px;
	}
	
		#splash-content{
			float: left;
			width: 632px;
			height: 297px;
			text-align: left;
			background: url(../img/splash.gif) top left no-repeat;	
		}
		
			#splash-content h2{
				position: relative;
				margin: 78px 0 0 185px;
				background: url(../img/welcome.png) top left no-repeat;
				height: 35px;	
				text-indent: -9999em;
			}
			
			#splash-content p{
				font-size: 1.2em;
				color: #fff;
				line-height: 1.4em;
				padding: 0 20px 1em 185px;
			}
		
		
		#splash-movie{
			float: right;
			height: 279px;
			padding-top: 18px;
			text-align: center;
			width: 338px;
			background: url(../img/video-bg.gif) top left;
		}
	
	
	
	
	#subnav{
		position: relative;
		height: 32px;
		background: #FD6500;	
		z-index:2;		
	}
	
		#subnav ul{
			float: right;
			height: 32px;	
			overflow: hidden;
		}
		
		#subnav li{
			float: left;
			height: 32px;
			margin-right: -1px;
			margin-left: 1px;
			background: url(../img/sub-break.gif) top right no-repeat;
		}
		
		#subnav li a{
			float: left;
			padding: 10px 10px 0 10px;
			height: 22px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;	
		}
		
		#subnav img{
			display: none;
		}
	
	.page-wrap{		
		border: 7px solid #F2F3F4;
		border: 7px solid rgba(224,225,227, .4);
		border-top: 0;
	}
	
	#page{
		position: relative;
		overflow: hidden;			
		background: #fff url(../img/sb-bg.gif) top right repeat-y;
		z-index:1;
	}
	
		#content{
			float: left;
			width: 765px;
			text-align: left;	
			color: #55595A;
			font-size: 12px;
		}
		
			.entry-top{
				position: relative;			
				overflow: hidden;
			}
			
				.entry a{
					color: #5997C6;
				}
			
				.entry h1{
					font-size: 2.2em;
					font-weight: bold;
					padding-top: 44px;
					overflow: hidden;
					padding-bottom: 6px;	
				margin-bottom: 6px;
					border-bottom: 2px dotted #B2B8BB;	  
				}
				
					#wrap div.breadcrumbs{
						font-size: 2.2em;
						width: auto;
						font-weight: bold;
						padding-top: 44px;
						overflow: hidden;
						padding-bottom: 6px;
						width: 693px;
						border-bottom: 2px dotted #B2B8BB;	  
					}
					
						.breadcrumbs a{
							color: #8498A4;
							font-weight: normal;
						}
				
					.entry h1 a{
						color: #8498A4;
						font-weight: normal;
					}
					
					.page-details{
						position: absolute;
						bottom: 12px;
						right: 12px;
						text-align: right;
						width: 250px;
					}
					
						.page-details p{
							clear: right;
							padding-top: 5px;	
						}
						
						.page-details .print{
							float: right;
							height: 22px;
							width: 22px;
							margin-left: 4px;
							display: inline;
							background: url(../img/rss.gif) center no-repeat;
						}
						
						.page-details .rss{
							float: right;
							height: 22px;
							width: 22px;
							margin-left: 4px;
							display: inline;
							background: url(../img/print.gif) center no-repeat;
						}
				
				.entry{					
					position: relative;				
					margin: 24px 12px 0 60px;
				}
				
					.entry h2{
						font-size: 1.6em;
						color: #4C595F;
						font-weight: bold;
						padding-bottom: 2px;
					}
					
					.entry h3{
						font-size: 1.6em;
						color: #275376;
						font-style: italic;
						font-weight: bold;
						padding-bottom: 2px;
					}
					
					.entry h4{
						color: #4C595F;
						font-weight: bold;
						padding-bottom: 2px;
					}
					
					.entry h5{
						font-style: italic;
						color: #4C595F;
						font-weight: bold;
						padding-bottom: 2px;
					}
					
					.entry h6{
						font-style: italic;
						color: #275376;
						font-weight: bold;
						padding-bottom: 2px;
					}
					
					.entry p{
						position: relative;
						line-height: 1.5em;
						padding-bottom: 1.2em;
					}
					
					.entry ul{
						position: relative;
						line-height: 1.5em;
						padding-bottom: 1.2em;
						list-style: inside disc;
					}
					
					.entry ul li ul{
						padding-left:25px;
					}
					
					.entry ol{
						position: relative;
						line-height: 1.5em;
						list-style: inside decimal;
						padding-bottom: 1.2em;
					}
					
					.entry table.charts{
						border: 2px solid #DEE3E6;
					}
					
					.entry .charts th{
						padding: 10px 0 8px 10px;
						background: #364855;
						font-weight: bold;
						font-size: 1.2em;
						color: #fff;	
						border: 1px solid #DEE3E6;
					}
					
					.entry .charts td{			
					border: 1px solid #DEE3E6;			
					border-top: 0;
					padding: 10px 0 8px 10px;
					}
					
					.entry .charts tr.alt td{
						background: #F8F9F4;
					}
		
		
		
		
		
		#sidebar{
			float: right;
			width: 205px;
			text-align: left;
			background: url(../img/sb-top.gif) top left no-repeat;
		}
		
			#sidebar #menu{
				border-left: 0;
				margin-left: 7px;
			}
			
			#sidebar #newsletter h3{
				height: 39px;
				padding: 0;
				margin: 5px 0 0 8px;
				background: url(../img/newsletter-alt.gif) top left no-repeat;
			}
			
			#sidebar #newsletter label{
				padding: 2px 0 0 0;
				margin-left: 18px;
				float: none;
				display: block;
				width: auto;
				text-align: left;
			}
			
			#sidebar #newsletter .text{
				float: left;
				margin-left: 18px;
			}
			
			#sidebar #newsletter .submit{
				float: right;
				margin-right: 16px;
			}
	
	
		
		
		
	#front{
		position: relative;
		overflow: hidden;		
		border: 7px solid #F2F3F4;
		border: 7px solid rgba(224,225,227, .4);
		border-top: 0;
		background: url(../img/pbg-front.gif) top left repeat-y;
	}	
	
	
	
	
		#front-sidebar{
			float: right;
			width: 343px;
		}
		
			#menu{
				position: relative;
				overflow: hidden;
				margin-bottom: -1px;
				border-left: 6px solid #E5E4D2;
			}
			
				#menu li{					
					height: 35px;
					background: #F5F5EE;
					border-bottom: 1px solid #E4E5D5;
				}
				
				#menu li a{
					position: relative;
					display: block;
					height: 35px;
					text-indent: -9999em;
					margin-left: 18px;
				}
				
				#menu li#m1 a{
					background: url(../img/btn1.gif) left center no-repeat;
				}
				#menu li#m2 a{
					background: url(../img/btn2.gif) left center no-repeat;
				}
				#menu li#m3 a{
					background: url(../img/btn3.gif) left center no-repeat;
				}
				#menu li#m4 a{
					background: url(../img/btn4.gif) left center no-repeat;
				}
				#menu li#m5 a{
					background: url(../img/btn5.gif) left center no-repeat;
				}
				#menu li#m6 a{
					background: url(../img/btn6.gif) left center no-repeat;
				}
			
			#newsletter{
				position: relative;
			}
			
				#newsletter h3{
					height: 40px;
					text-align: left;
					padding: 60px 0 0 75px;	
					background: url(../img/newsletter-title.gif) top left no-repeat;	
				}
				
					#newsletter h3 strong{
						display: none;
					}
					
					#newsletter form{
						background: none;
					}
				
				#newsletter p{
					position: relative;
					overflow: hidden;
					padding-top: 1em;	
				}
				
					#newsletter label{
						float: left;
						text-align: right;
						width: 128px;	
						padding-right: 10px;
						padding-top: 3px;
					}
					
					#newsletter .text{
						float: left;
						padding: 5px 5px 0 5px;
						height: 17px;
						font-size: 11px;
						width: 159px;
						border: 0;
						background: url(../img/text-bg.gif) top left no-repeat;
					}
					
					#newsletter label span{
						display: none;	
					}
					
					#newsletter .submit{
						float: left;
						height: 34px;
						width: 79px;
						border: 0;
						font-size: .01em;
						text-indent: -9999em;	
						background: url(../img/submit-btn.gif) top left no-repeat;	
					}
	
	
	
		#front-content{
			width: 627px;
			float: left;
			position: relative;
		}
		
			#front-feature{
				height: 195px;
				position: relative;
				padding: 20px 0 0 0;
				background: #E5E4D2;
			}
			
				#front-feature img{
					float: left;
					position: relative;
					border: 4px solid #fff;
					margin-left: 50px;
					display: inline;
				}
			
			#problems{
				position: relative;
				overflow: hidden;
				padding-top: 25px;	
			}
			
				.problem{
					float: left;
					padding-left: 50px;
					width: 232px;
					text-align: left;
				}
				
				#problems h3{
					color: #1977B3;
					font-weight: bold;
					text-transform: uppercase;
				}
				
				#problems h4{
					font-size: 1.4em;
					font-weight: bold;
					color: #FF6600;	
					margin-bottom: 10px;	
				}
				
					#problems h4 a{
						color: #FF6600;
						text-decoration: underline;
					}
				
				#problems p{
					line-height: 1.5em;
					padding-bottom: 1em;
					font-weight: bold;
					overflow: hidden;
				}
				
				#problems .read-more{
					height: 51px;
					width: 142px;
					position: relative;
					text-indent: -9999em;
					float: left;
					background: url(../img/read-more.gif) top left no-repeat;
				}



	
	#front-foot{
		position: relative;
		padding: 40px 18px 10px 18px;
		overflow: hidden;
		font-size: .9em;	
		clear: both;
		text-align: left;
	}
	
		#front-foot ul{
			position: relative;
			overflow: hidden;
			padding-top: 40px;
		}
		
		#front-foot li{
			float: left;
			margin-right: 9px;			
			padding-right: 9px;	
			border-right: 1px solid #646464;	
		}
		
		#front-foot li:last-child{
			border: 0;
		}
		
		#front-foot a{
			color: #646464;
			font-weight: bold;	
		}
		
		#front-foot img{
			float: right;
			height: 87px;
			width: 125px;
		}
		
		#front-foot p{
			line-height: 2.4em;
		}

*+html table.productTable {margin-top:20px;}
*+html .catalogueTable {margin-top:20px;}
*+html .shopBump {clear: both; margin-bottom: 80px;}

/* nav hacks */
#nav #last {background:none;}

#front-foot li.last {border:none;}

*+html #nav{margin-left:-600px; margin-top:29px;z-index:99;}
*+html #search {margin:0px;}
*+html #search{
	float: right;
	height: 57px;
	width: 208px;
	padding-top: 10px;
	
}

*+html #search p {line-height:10px;}
#search p {_line-height:5px;}
#search {_margin-top:-30px;}
#nav {_margin-top:28px;}

#nav li.selected, #nav li.selected a:hover  {
_background:#E7E7E9 url(../img/drop-nav-tick.gif) no-repeat scroll center bottom;
_border-bottom:0 none;
_height:27px;
_text-decoration:none;
}

#content {_width:755px;}
.entry {_margin:0px; _padding:30px;}
#front-foot li {_margin-right:5px; _margin-left:5px; _font-size:90%;}
.catalogueItemNotFound {display:none;}
#outer {_background:transparent url(../img/shims.gif) no-repeat scroll center 134px }