* {
	margin: 0;
	padding: 0;
	font: normal normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #296295;
}



body{
	text-align: center;
	margin:0;
}

#wrapper{
	position: relative;
	background: #FFF url(../Images/bg_spot.gif) repeat scroll 0 0;
	width: 762px;
	margin: 0px auto;
	text-align: left;
}

#container{
	width: 760px;
	background: transparent url(../Images/bg_top.final.jpg) no-repeat scroll 0 0;
	border:1px solid #E1E1E1;
}

#navtools {
	position: absolute;
	top: 170px;
	left: 19px;
	width:741px;
	height:50px;
	background: transparent;
	text-align:center;
}

#navtools a:link, #navtools a:visited, #navtools a:active, #navtools span {
	width:150px;
	height:50px;
	font: normal normal 20px/32px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	margin: 0 20px;
	
}

#navtools a:hover, #navtools span.selected {
	color: #CCC;
}



#content{
	position:relative;
	width:462px;
	background: #FFF url(../Images/bg_content.gif) repeat-y scroll 0 0;
	margin: 308px 0 0 152px;
	padding: 0;
	min-height:460px;
	text-align:left;
}

#content h1, #content h2{
	font-size:22px;
	margin: 0;
	padding:5px 40px 28px 74px;
	color:#00002F;
}

#content h2{
	font-size:18px;
}

#content h4{
	color:#E32220;
	padding:0 110px 18px 74px;
	font-size:18px;
	position:relative;
	margin-top:-5px;
}

#content p{
	padding:0 100px 20px 75px;
}

#content p.source {
	margin:0 100px 20px 75px;
	padding:0 0 20px 0;
	border-bottom:1px dashed #296295;
}

#content p.source span.smallprint {
	font-size: 10px;
	font-weight:bold;
}

#content ul {
	padding:0 100px 20px 96px;
}

#content ul li {
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	list-style: circle outside url(../Images/ul_bullet.gif);
	padding: 0 ;
	margin: 0 0 8px 0;
}

* html #content ul li {padding: 0 0 0 5px;}

#content a:link,#content a:visited, #content a:active, #content a:hover {
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dashed #00002F;
	padding-bottom:1px;
}

#content a:hover {
	color:#E32220;
}


* html #content {height:460px;}


#content dl {
	padding:0 100px 20px 75px;
}

#content dl dt {
	margin-bottom: 4px;
	font-weight:500;
	color:#00002F;
}

#content dl dd {
	margin-bottom: 16px;
}

.productRange {
	width:285px;
	border:1px solid #ccc;
	background:#fff;
	margin:0 0 15px 75px;
}

.productRange h3{
	padding:3px;
	font: normal bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #ccc;
}


#content .productRange p{
	padding:3px;
	font: normal normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
}

#content .productRange a{
	font: normal normal 9px/11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	border-width:0;
}

#content .productRange a:hover{
	color:#E13033;
	border-bottom:0px solid #FFF;
}

#content .productRange h3 a{
	padding:3px 2px;
	font: normal bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
}

#content .productRange a img{
	border-width:0;
}

#content .downloadList {border:1px dashed #CCC;border-bottom-width:0;}



#adobeDownload{
	/*margin-top:20px;*/
}

#adobeDownload a{
	text-decoration:none;
	line-height:16px;
	margin-top:20px;
}
#adobeDownload a img{
	float:right;
	border-width:0;
}

#leftcol {
	position:absolute;
	top:262px;
	left:0;
	width:152px;
	z-index:20;
}

#leftcol li{
	list-style: outside none none;
}

#leftcol a:link, #leftcol a:visited, #leftcol a:active, #leftcol a:hover,#leftcol a.CategoryOpen:link, #leftcol a.CategoryOpen:visited, #leftcol a.CategoryOpen:active, #leftcol a.CategoryOpen:hover, #leftcol span {
	display: block;
	width: 146px;
	height: 36px;
	color: #FFF;
	background: transparent url(../Images/bg_leftnav.jpg) no-repeat scroll 0 0;
	font: normal normal 20px/32px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	padding:0 0 0 15px;
	margin-bottom: 3px;
	overflow:hidden;
}

#leftcol a:hover {
	color: #CCC;
}

#leftcol span{
	background: transparent url(../Images/bg_leftnav_hover.gif) no-repeat scroll 0 0;
}

#leftcol a.CategoryOpen:link, #leftcol a.CategoryOpen:visited, #leftcol a.CategoryOpen:active, #leftcol a.CategoryOpen:hover{
	background: transparent url(../Images/bg_leftnav_hover_down.gif) no-repeat scroll 0 0;
}
#leftcol span.n_hire{background: transparent url(../Images/bg_leftnav_hover_down.gif) no-repeat scroll 0 0;}
#leftcol a.n_sales:link, #leftcol a.n_sales:visited, #leftcol a.n_sales:active{background-position: -19px 0;}
#leftcol span.n_sales{background: transparent url(../Images/bg_leftnav_hover_down.gif) no-repeat scroll -19px 0;}
#leftcol a.n_faq:link, #leftcol a.n_faq:visited, #leftcol a.n_faq:active, #leftcol span.n_faq{background-position: -38px 0;}
#leftcol a.n_downloads:link, #leftcol a.n_downloads:visited, #leftcol a.n_downloads:active, #leftcol span.n_downloads{background-position: -6px 0;}

ul#subnav{
	width:137px;
	background: transparent url(../Images/bg_leftnav_sub_t.png) no-repeat scroll 0 0;
	padding-top:9px;
	border-bottom:5px solid #333;
	margin-bottom:4px ;
	overflow:hidden;
}

* html ul#subnav{
	background: transparent url(../Images/bg_leftnav_sub_t.jpg) no-repeat scroll 0 0;
}

#leftcol #subnav a:link, #leftcol #subnav a:visited, #leftcol #subnav a:active, #leftcol #subnav a:hover,  #leftcol #subnav span {
	display: block;
	width: 137px;
	height: 16px;
	color: #333;
	background: transparent url(../Images/bg_leftnav_sub_m.jpg) repeat-y scroll 0 0;
	font: normal normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	padding:0 0 4px 10px;
	margin: 0;
}

#leftcol #subnav span {
	color:#E32220;
}

#leftcol #subnav a:hover {
	color:#E32220;
}




#rightcol, #rightcol_content {
	position:absolute;
	top:308px;
	right:0;
	width:230px;
	background: #FFF url(../Images/bg_rightcol.jpg) no-repeat scroll 0 0;
	text-align:left;
	height:450px;
}

#rightcol_content {background: #FFF url(../Images/bg_rightcol.contact.jpg) no-repeat scroll 0 0;}

#rightcol_content .box1,  #rightcol_content .box2{
	position:absolute;
	top:118px;
	left:64px;
	width:180px;
	float:left;
	padding:0;
}

#rightcol_content .box2{
	top:297px;
	left:20px;
}

#rightcol_content .box1 p, #rightcol_content .box2 p{
	padding:0px;
	margin:13px 0 15px 7px;
	font:normal bold 14px/20px Verdana, Arial, Helvetica, sans-serif;	
}

#rightcol_content .box2 a{
	font:normal bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#rightcol_content .box2 p{
	margin:15px 0 30px 5px;
}

#rightcol_content .box2 a:hover{
	border-bottom:1px solid #CC0000;
}

#footer {
	width:760px;
	height:313px;
	background: #003333 url(../Images/bg_footer.jpg) no-repeat scroll 0 0;
	text-align:center;
}

#footer p{
	padding-top:293px;
	color:#FFFFFF;
}

strong{
	font-weight:bold;
}






/* Code exlusively for left hand side image. IE6 down recieves split image using AlphaImageLoader in seperate style sheet. All Else just displays trans. png8 file */

#sideImage{
	position:absolute;
	left:0px;
	bottom:320px;
	width:211px;
	height:450px;
	background: transparent ;
	z-index:10;
}
#sideImageSplitter{display:none;}



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