body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background:#CBD5DB url(images/06_sides_body.jpg) repeat-y center top;
}


/* =header
----------------------------------------------- */

#header {
  background: #2E4797 url(images/06_sides_head.jpg) repeat-y center top;
  position: center;
	padding: 0px 0 0px 0;
margin:0;	  } 
	  
#splashbar {
  background: #CBD5DB url(images/06_sides_body.jpg) repeat-y center top;
	  } 
	  
#headwrapper { /* what a hack this was because the header stuff wasn't in the wrapper stuff - probably should have been - I recreated a proxy wrapper just for the logo and rhtext */
	position: relative;
	text-align: left;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0px 0;
}


/* =logo
----------------------------------------------- */	  
/*aka h6*/

#phark {
width: 200px;
height: 70px;
text-indent: -5000px;
background:   url(images/06_logo.jpg) no-repeat left top; 
margin: 0px; /*stops unwanted margin in ie */
float: left;/*allows the rhtxt to come up beside - note clear div in html page*/

} 

#logolink {/* provides link to hark logo*/

	position: absolute;
top: 0px;
left: 0px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0px 0;
width: 200px;
height: 70px;
} 







/* =rhtxt
----------------------------------------------- */


/* Right hand text - Login, Sitemap border: 1px solid #FF9900;
*/
.rhtxt {
margin-top: 0px;
margin-bottom: -3px;
	height: 45px;
top: 0px;
font-size: 70%;
	color: #333;
	padding: 12px 10px 0px 0px;
	text-align: right;
	line-height: 0.8em;
}

.rhtxt a:link, .rhtxt a:visited {  /*dotted link form Stop Design */
	color: #4A85BA;
	text-decoration: none;
	line-height: 0.8em;
	}

.rhtxt a:hover {
	color: #29B7B7;
	text-decoration: none;
	line-height: 0.8em;
}



/* =tm
----------------------------------------------- */
	  

#topmenu {
	margin-right: auto;
	margin-left: auto;
  background:#2E4797 url(images/06_sides_head.jpg) repeat-y center top;
}


/* =accessibility
----------------------------------------------- */

#accessibility {

	display:none;

}

.accesspicr {
float: right;
position: relative;
top: 40px;
left: -50px;
}


/* =wrapper       
---------------------------------#FFF-------background-color: ;------- */

#wrapper {
	position: relative;
	text-align: left;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	background:   url(images/06_vert_line2.gif) repeat-y left top;
	background-position: 182px 0px;

}

#wrapperform {
	position: relative;
	text-align: left;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF url(images/06_vert_line2col.gif) repeat-y left top;
	background-position: 182px 0px;
}

#wrappersplash {
	position: relative;
	text-align: left;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0px 0; /* allows image to start flush with topbar */
}

#wrappersplashcontent {
	position: relative;
	text-align: left;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0px 0; /* allows image to start flush with topbar */
	background: #FFF url(images/06_vert_line2col.gif) repeat-y left top;
	background-position: 182px 0px;
}

/* =content
-------------------------------------green---------- */


#content {
margin-top:0;
margin-right:0;
		margin-left: 182px;
	padding: 0px 230px 40px 0;/* keeps content text out of sidebar */
	background: #FFF url(images/06_vert_line2.gif) repeat-y left top;
	background-position: 0px 0px;
}


#content p {   /* p can only be used once in whole doc */
	font-size: 80%;
	line-height: 1.6em;
	padding-left: 19px;
	color: #333;

}


#content p a:link  { 
	color: #4A85BA;
	text-decoration: none;
	border-bottom: 1px dotted #4A85BA;
	}

#content p a:visited  {  
	color: #99B4C7;
	text-decoration: none;
	border-bottom: 1px solid #99B4C7;

}	
#content p a:hover  {  
	color: #29B7B7;
	text-decoration: none;
	border-bottom: 1px solid #29B7B7;
}


	
div.inlinethumbs  {  
margin-top: 15px;}



#content ul.contimgpad { 
	margin: 0px 19px 0px 19px;
padding: 0;}

#sidebar ul.contimgpad { 
	margin: 0px 19px 0px 8px;
padding: 0;}


#content li.contimg, #sidebar li.contimg { 
margin-right: 19px;
}


#content .contimg, #content .enlarge, #sidebar .contimg { 
list-style: none;
display: inline;
margin-top: 15px;
width: 60px;
	border-bottom:1px solid #FFF;
}




#sidebar .sbimg {  /* changed from list style list-style: none;
*/
	padding: 15px 10px 0 8px;

}
#content .contimg a:link, #sidebar li.contimg a:link, #sidebar .sbimg a:link, 
#content .contimg a:visited,  #sidebar li.contimg, 
#sidebar .sbimg a:visited, #content .enlarge a:link, #content .enlarge a:visited { 
	text-decoration: none;
	border-top: 3px solid #FFF;
	border-bottom: none;
width: 60px;
}



#content .contimg a:hover, #sidebar li.contimg a:hover, #sidebar .sbimg a:hover{ 
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
width: 60px;
background: #FFF;
	border-top: 3px solid #29B7B7;
	border-bottom: none;
}

#content .enlarge a:hover { 
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
width: 60px;
background: #FFF;
	border-top: 3px solid #FFF;
	border-bottom: none;
}

	
#content h2 {
	font: bold 120%, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 19px;
font-size: 120%;/*sets font size in opera-safari*/
}

#content h2 a:link {
	color: #333;
	text-decoration: none;
}

#content h2 a:hover {
	text-decoration: none;
	border-bottom: 1px solid #666;
}
#content h2 a:visited {
	text-decoration: none;
	background-color: #EDEDED;

}

#content h2 a:active {
	color: #29B7B7;
	text-decoration: none;
	border-bottom: 1px solid #29B7B7;
}




h3 {/*formerley known as quote 	*/
	font: 18px, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	letter-spacing: 0.15em;
	padding-left: 19px;
}

#content .bullet {
	padding-left: 15px;
	background-image:  url(images/arw_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
margin-left: 19px;
}

#content .faqq {
font-weight:bold;
	font-size: 85%;
line-height: 1.4em;
	padding-left: 26px;
	background-image:  url(images/question.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
margin-left: -2px;
}

#content .faqa {
	padding-left: 26px;
	background-image:  url(images/answer.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
margin-left: -2px;
}

#content .faqanobullet {
	padding-left: 18px;
margin-left: 6px;
}

#content .faqabullet {
	padding-left: 18px;
	background-image:  url(images/arw_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
margin-left: 6px;
}


#content .divider {
	border-bottom: 1px solid #ccc; 
height: 3px;
	margin-left: 19px;
}

#content .faqdivider {
	border-bottom: 1px solid #ccc; 
height: 33px;
	margin-left: 19px;
}


#content .dl {
	font: bold 120%, Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	padding: 11px 36px 23px 56px;
	background:  url(images/06_icon_dl_pdf.jpg) top left no-repeat ;
	background-position: 19px 0px;

}


/*=download panels   
----------------------------------------------	*/

#dltv {
	background:  url(images/dl_panel_tv.jpg) top left no-repeat ;
	background-position: 19px 0px;
	height: 76px;
	padding-bottom: 30px;
	padding-left: 19px;
}

#dlaudio {
	background:  url(images/dl_panel_audio.jpg) top left no-repeat ;
	background-position: 19px 0px;
	height: 76px;
	padding-bottom: 30px;
	padding-left: 19px;
}

#dlpj {
	background:  url(images/dl_panel_pj.jpg) top left no-repeat ;
	background-position: 19px 0px;
	height: 76px;
	padding-bottom: 30px;
	padding-left: 19px;
}

#dlcam {
	background:  url(images/dl_panel_cam.jpg) top left no-repeat ;
	background-position: 19px 0px;
	height: 76px;
	padding-bottom: 30px;
	padding-left: 19px;
}

#dlpro {
	background:  url(images/dl_panel_pro.jpg) top left no-repeat ;
	background-position: 19px 0px;
	height: 76px;
	padding-bottom: 30px;
	padding-left: 19px;
}




#content .dlh {
margin: 0;
	font: bold 83%, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 20px 10px 0px 17px;
}



#content .dllink {
margin: 0;
	font: normal 80%, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0px 10px 0px 17px;
}

#content .dllink a:link { 
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
	}

#content .dllink a:visited {  
	color: #99B4C7;
	border-color: #99B4C7;
	border-bottom-style: 1px solid;
}	

#content .dllink a:hover {  
	color: #29B7B7;
	border-color: #29B7B7;
	border-bottom-style: solid;
}



.contentbanner { 
padding:0;
margin-top: 0px;
height: 150px;
}

#contentimgrh { 
float: right;/*using float enables text to wrap around image so there is no overlap 	*/
	padding: 0px 25px 0px 25px;
top: 50px ;
}



/* =splash
----------------------------------------------- */
#contentsplash {
	margin-left: 0px;
	padding: 0px 0px 0px 0;
	background: #FFF url(images/splash_06.jpg) repeat-y left top;
	background-position: 0px 0px;
	margin-bottom: -11px;
	}




/*_____________2COL___2COL___2COL________________ */
/*________________2COL___2COL___2COL____________________ */
/* =2col
-----------------------------------#c2colbgpatch {
position: absolute;
top: 95px;
right: 0;
width: 220px;
height: 20px;
	background-color: red ;
}
------------ */
#content2col {
	margin-left: 182px;
	padding: 0px 0px 40px 0;/* keeps content text out of sidebar */
	background: #FFF url(images/06_vert_line2col.gif) repeat-y left top;
	background-position: 0px 0px;
	margin-bottom: -57px; /* covers gap of wrapper pic showing through */
	}

#content2col p {   
padding-top:0;/* brings text & img to top edge of div  */
margin-top: 0;
	font-size: 80%;
	line-height: 1.6em;
	padding-left: 19px;
	margin-right: 100px; /* pads the text but not the dl graphic or divider line */
	color: #333;
}



#content2col p a:link, .secbanbod a:link, .secmbod a:link, .secmbodhilite a:link { /*piggyback other style onto each other */
	color: #4A85BA;
	text-decoration: none;
	border-bottom: 1px dotted #4A85BA;
	}

#content2col p a:hover, .secbanbod a:hover, .secmbod a:hover, .secmbodhilite a:hover {  
	color: #29B7B7;
	text-decoration: none;
	border-bottom: 1px solid #29B7B7;
}


#content2col p a:visited, .secbanbod a:visited, .secmbod a:visited, .secmbodhilite a:visited {  
	color: #99B4C7;
	text-decoration: none;
	border-bottom: 1px dotted #99B4C7;
}




#content2col h2 {
	font: bold 120%, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
padding-top:0;
margin-top: 0;
margin-left: 19px;
font-size: 120%;/*sets font size in opera-safari*/
}


#content2col .bullet {
	padding-left: 15px;
	background-image:  url(images/arw_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
margin-left: 19px;
}

#content2col .divider {
margin-left: 19px;
	border-bottom: 1px solid #ccc; 
margin-right: 8px;

}


#content2col .secdivider {
position: relative;
padding-top: 0px;
margin-bottom:0px;
	border-top: 1px solid #CCC; 
width: 541px; 
height:10px;
}


#content2col .secdivider2p {
position: relative;
padding-top: 0px;
margin-bottom:0px;
left: 0px;
	border-top: 1px solid #CCC; 
width: 338px;
height:10px;
}


#content2col .dl {
	font: bold 120%, Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	padding: 11px 10px 23px 37px;

	background:  url(images/06_icon_dl2col_pdf.jpg) top left no-repeat ;
	background-position: 0px 3px;
margin-bottom: -15px;
}

#content2col .contimg { /*for images - won't necessarily show up in DW 	*/
	padding: 15px 20px 0 0px;
}

#content2col .widepic { 
	padding: 15px 20px 0 0px;
margin-right: -100px;/*countereacts right margin of 100px on p	*/
}


/* =album
----------------------------------------------- */



#products {
height: 700px; /*stops the footer creeping up	*/
position: relative;
top: 0px;
margin-top: 0px;
padding: 0;
background-color: none;
margin-left: 19px;}




/* =secban album
--------------------------------------------background-color: #FFF;--- */


div.pic {float: left; height: 150px; width: 183px; 
  padding: 0px; margin: 0px 0px 0px 0px;  }

div.mpic {float: left; height: 90px; width: 183px; 
  padding: 0px 0px 0px 0px; margin: 0px;  }

#content2col .fmpic {position: absolute; 	margin: 0px 0px 0px 0px;/* 366px left margin locates items horizontally*/
right: 0px; top: 92px; height: 90px; width: 183px; 
  padding: 0px 0px 0px 0px;   
	background: green url(images/spacer_w_250_.gif) repeat-y left top;
	background-position: -33px -20px;

  }

  
div.ls img {height: 150px; width: 183px; margin: 0px 0px 0px 0px ;}



.catdetail {float: left; height: 80px; width: 120px; /* the actual product images*/
  padding: 0px 32px 10px 0px;  margin: 0px 0px 0px 0px;  background-color: none;}





div.secbantxt {float: left;  width: 183px;/* 183 -pad10 -pad10 */ 
    margin: 4px 0px 0px 0px;   
    padding: 0px 0px 20px 0px;
	/* use padding rather than height so that the text flow will position pics and text rathe- this is important as text size differs from browser to browser background-color:green;*/ 
}




div.sechilite {  width: 183px;/* 183 -pad10 -pad10 background-color: #ff9900;*/ 
    margin: 0px 0px 0px 0px;   
    padding: 4px 0px 0px 0px;
	background:  url(images/hilite_txt_bg.jpg) no-repeat;
	background-position: -8px 0px;
float: left;
}


#content2col .fsechilite {  
position: absolute;
top: 182px;
right: 0px; 
width: 183px;/* 183 -pad10 -pad10 background-color: #ff9900;*/ 
    margin: 0px 0px -15px 0px;   
    padding: 4px 0px 0px 0px;
	background:  url(images/hilite_txt_bg.jpg) repeat-y left top;
	background-position: -8px 0px;

}

#content2col .secbanbod {
	font: 80%, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.2em;
    margin: -10px 0px 0px -19px;   
	padding-right: 12px; 
float: bottom;

}

/* __________________________________margin-top: 0px;
_______________________*/ 
#content2col p.secmbod {/* link styles piggybacked at #content2col */
	font: 80%, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.2em;
    margin: 0px 0px 0px 0px;   
	padding-left: 0px;
	padding-right: 1px; 
float: bottom;
}

#content2col .secmbodhilite { /* link styles piggybacked at #content2col */
	font: 70%, Verdana, Arial, Helvetica, sans-serif;
	color: #2E4797;
	line-height: 1.2em;
margin: -4px 0px 0px 0px;
	padding: 8px 1px 10px 10px;
}










.sechilitend {   
	background: #FFF url(images/1-sm_end.gif) top left no-repeat ;
margin: 0;
	padding: 0;
	background-repeat: no-repeat;
height: 36px;
}



#content2col .secbantxt h2 {
	font: bold, 18px, Verdana, Arial, Helvetica, sans-serif;
	color: #999;
margin: 4px 1px 15px 0px;
}


#content2col .secbantxt h2 a:link { 
	color: #333;
	text-decoration: none;
	border-bottom: none;
	}


#content2col .secbantxt h2 a:hover {  
	color: #29B7B7;
	text-decoration: none;
	border-bottom: 1px dotted #29B7B7;
}


#content2col .secbantxt h2 a:visited {  
	color: #99B4C7;
	text-decoration: none;
	border-bottom: 1px dotted #99B4C7;
}


#content2col .secbantxt h2 a:active {  
	color: #6E9090;
	text-decoration: none;
	border-bottom: 1px dotted #6E9090;
}












/* ______________FORM FORM SECTION */
/* ______________FORM FORM 	

SECTION */
/* =form
----------------------------------------------- */
#contentform {
	margin-left: 201px;
	padding: 10px 10px 0px 0px;
	margin-bottom: -19px;/*  background removed - using table bg as have problem rendering in pc ie */
	}

.contentformtext {
margin: 0px;/*  important to align text to top of td in ffox */
	font-size: 80%;
	text-align: right;
	color: #333;
	padding: 3px 10px 0px 0px;/*  2nd number (right) adjusts x-posn of form elements */
	}
.contentformh2 {
	font: bold, 120%, Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	padding: 0px 10px 5px 24px;
}

.contentformtextl {
margin: 0px;/*  important to align text to top of td in ffox */
	font-size: 80%;
	text-align: left ;
	padding: 30px 10px 0px 0px;/*  2nd number (right) adjusts x-posn of form elements */
	color: #333;
width: 280px;
	}


input {
width: 180px;
	padding: 0px 0px 2px 0px;/*  2nd number (right) adjusts x-posn of form elements  extra specs such as color: #484852; are not worth the trouble too many conflicts and detracts from standard look */

margin-bottom: 25px;/* spaces out form feilds */
font: 80% Verdana, Arial, Helvetica, sans-serif;
}

input#phone {
width: 126px;
	padding: 0px 0px 2px 0px;
margin-left: 0px;
margin-bottom: 25px;/* spaces out form feilds */
font: 80% Verdana, Arial, Helvetica, sans-serif;
margin-top: -1px;}


select {
width: 183px;
margin-bottom: 33px;
}

select#areacode {
width: 43px;
margin-bottom: 25px;
}

.selectcat {
width: 250px;
margin-bottom: 33px;
}
.selectbg {
background-color: #ededed;
}

textarea { /* butts beyond 180 right margin via relative posn tag */
width: 250px;
height: 100px;
margin-bottom: 23px;
font: 80% Verdana, Arial, Helvetica, sans-serif;
}

.boxes {
width: 1em;
margin-right: 10px;
margin-top: 30px;
margin-bottom: 0px;
}


#submitbutton {
width: 150px;
margin-top: 33px;
margin-bottom: 38px;
background-color: #CBD5DB;
}




.formdivider {
border-bottom: 1px solid #ccc; 
width: 531px;
margin-bottom: 10px;
padding-bottom: 10px
	}
	




/* ______________TITLE TITLEs */
/* ______________TITLE TITLEs s2.0empacer_w.gif*/
/* =title
-------------------------------------#FF9900---------- */
#title {
		margin-bottom: 0px;
	margin-left: 182px;
	left: 182px;
	width: 568px;
	margin-top: 0;
/*	height: 102px;decided to just allow for one line of breadcrumb - if you want two add 15 px here and adjust top margin on contentbanner*/
	background: #fff url(images/06_vert_line2col.gif) repeat-y left top;
	background-position: 0px 0px;
float: bottom;
	padding: 0px 0px 2px 0;/*7px fixed problem of space bn divs underneath title also in divs concerned - */
	 }

#title h1 {
	margin-top: 0px;
padding-top: 16px;/*getrs rid of two gap paras above h1*/
	margin-bottom: 0px;
	margin-left: 19px;
	font: 1.8em, Verdana, Arial, "Helvetica", sans-serif;/*trying to standardise hight of letters across browsers to allow for breadcrumb div */
font-size: 1.8em;/*sets font size in opera-safari*/
font-weight: normal;/*sets font size in opera-safari*/
	color: #333;
height: 37px;
}
.titlebar { 	
	margin-top: 0px;
	margin-bottom: 0;
	padding: 10px 0px 0px 0px;
}

.pricenote { 	
color: #CC0033;
font-size: 40%;
position: relative;
top: -7px;
}

/* =title backgrounds*/

/*create customised backgrounds for individual pages use: sec_banner_pic_06.psd naming convention:  tBAN_ left top*/
#title.bgproducts { 	
	background: url("images/tBAN_products.jpg") left top no-repeat ;
	background-position: 2px 0px;
}


#title.bgwhatsnew { 	
	background: url("images/tBAN_whatsnew.jpg") left top no-repeat ;
	background-position: 2px 0px;
}

#title.bgtv { 	
	background: url("images/tBAN_tv.jpg") left top no-repeat ;
	background-position: 2px 0px;
}

#title.bgaudio { 	
	background: url("images/tBAN_audio.jpg") left top no-repeat ;
	background-position: 2px 0px;
}


#title.bgpj { 	
	background: url("images/tBAN_pj.jpg")  no-repeat ;
	background-position: 2px 0px;
}

#title.bgcam { 	
	background: url("images/tBAN_cam.jpg")  no-repeat ;
	background-position: 2px 0px;
}

#title.bgpro { 	
	background: url("images/tBAN_pro.jpg")  no-repeat ;
	background-position: 2px 0px;
}

#title.bgspecials { 	
	background: url("images/tBAN_specials.jpg")  no-repeat ;
	background-position: 2px 0px;
}


/* =breadcrumb
----------------------------------------------- */

#breadcrumb {
margin: 0;
line-height:1.2em;
	font-size: 65%;
	color: #6E9090;
	padding: 0px 10px 16px 19px;
	}

#breadcrumb  a:link, #breadcrumb a:visited {
	text-decoration: none;
	color: #6E9090;
}
#breadcrumb a:hover {
	color: #29B7B7;
	text-decoration: underline;
}
#breadcrumb a:active {
	color: #6E9090;
}	

/* =blockquote
----------------------------------------------- */
blockquote {
	font-size: 95%;
	line-height: 1.5em;
	color: #999;
	padding: 10px 0px 10px 23px;
	background:  url(images/icon-quotes.gif) no-repeat 0px 13px;
	margin: 30px 0 0 19px;
}

.sidebarquote {
	padding: 10px 10px 10px 23px;
margin-left: 5px;	
margin-top: 50px;	

}



#content p.author{
	font-size: 65%;
	line-height: 1.0em;
	color: #666;
	padding: 0 0 0 23px;
	margin: 0 0 0 19px;
}



#sidebar p.author{
	font-size: 65%;
	line-height: 1.0em;
	color: #666;
	padding: 0 0 0 28px;
	margin: 0;
	background-image:  url(images/emdash.gif);
	background-repeat: no-repeat;
	background-position: 16px 2px;



}



/* Hides from IE5-mac \*/
.buggybox {height: 1%;}
#wrapper>.buggybox {height: auto;}
/* End hide from IE5-mac */


/* ______________SIDEBAR */
/*______SIDEBAR________ */
/* =sidebar
--------------------------------------background-color: red;
--------- */

#sidebar {
	position: absolute;
	top:106px;
	right: 0px;
	margin-left: 4px;
	margin-bottom:0;
	width: 217px;
	padding: 7px 0px 0px 0;
	display: inline;
	left: 529px;
}



#sidebarlong {
	float: right;
	margin-left: 4px;
margin-bottom:0;
	width: 217px;
	padding: 7px 0px 0px 0;
position: relative;
display: inline;}

#sidebar .sbtxt, #sidebarlong .sbtxt {
	font-size: 70%;
line-height: 1.4em;
	padding: 0px 10px 0px 8px;
	color: #333;
}

#sidebar .brackettxt, #sidebarlong .brackettxt {
	font-size: 70%;
 	color: #333;
	padding: 50px 10px 40px 8px;
	background:  url(images/06_sbar_bracket.gif) top left no-repeat ;
	background-position: 10px 20px;
	line-height: 1.6em;
}

#sidebar .tel, #sidebarlong .tel {
	font-size: 70%;
 	color: #333;
	padding: 50px 10px 20px 8px;
	background:  url(images/06_sbar_tel.jpg) top left no-repeat ;
	background-position: 10px 20px;
	line-height: 1.6em;
}

#sidebar .also, #sidebarlong .also {
	font-size: 70%;
 	color: #333;
	padding: 50px 10px 20px 8px;
	background:  url(images/06_sbar_bracket.gif) top left no-repeat ;
	background-position: 10px 20px;
	line-height: 1.6em;
	margin-bottom: -10px;
}


#sidebar .clearitem, #sidebarlong .clearitem {
	font-size: 70%;
 	color: #333;
	padding: 50px 10px 20px 8px;
	background:  url(images/06_sbar_clearance_bracket.gif) top left no-repeat ;
	background-position: 10px 20px;
	line-height: 1.6em;
	margin-bottom: -10px;
}


#sidebar .sidebarbracket, #sidebarlong .sidebarbracket {
	padding: 10px 10px 0px 8px;
	background:  url(images/06_sbar_bracket.gif) top left no-repeat ;
	background-position: 10px 0px;
}

#sidebar .bracketbullet, #sidebarlong .bracketbullet {
	font-size: 70% ;
 	color: #999;
	padding: 5px 10px 0px 16px;/*larger left indent for bullet text */
	background-image:  url(images/arw_bullet_bracket.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

#sidebar .bracketbulletno, #sidebarlong .bracketbulletno {
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
 	color: #999;
	padding: 15px 10px 0px 8px;
}

#content .itemno {
	font: bold 85% ;
 	color: #999;
	padding: 15px 10px 0px 19px;
}


#sidebar h4, #content h4, #sidebarlong h4 {
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 10px 0px 8px;
	color: #333;
}

#sidebar h2, #sidebarlong h2 {
	font: bold, 110% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 10px 0px 8px;
	color: #999;
font-size: 110%;/*sets font size in opera-safari*/

}


#sidebar h2.clearance {
	padding: 0px 10px 0px 8px;
	color: #333;
margin-bottom: -20px;
	background:  url(images/clearance_bg.gif) top left no-repeat ;
	background-position: 32px -20px;
height:60px;
}


#sidebar h2 a:link, #sidebar h2 a:visited,     #sidebarlong h2 a:link, #sidebarlong h2 a:visited{
	color: #999;
	text-decoration: none;
}

#sidebar h2 a:hover, #sidebarlong h2 a:hover {
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #333;
}


#content h4.sh, #content2col h4.sh {
	padding: 0px 10px 0px 19px;

}

#content h4.sh999 {
	padding: 0px 10px 0px 19px;
	color: #999;
}



#content h4.sh a:link,#content h4.sh a:visited {
	color: #333;
	text-decoration: none;
}

#content h4.sh a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
}


#sidebar .sbtxt a:link, #sidebar .sbtxt a:visited,     #sidebarlong .sbtxt a:link, #sidebarlong .sbtxt a:visited {  
	color: #4A85BA;
	text-decoration: none;
	border-bottom: 1px dotted #4A85BA;
	}

#sidebar .sbtxt a:hover, #sidebarlong .sbtxt a:hover {
	color: #29B7B7;
	border-color: #29B7B7;
	border-bottom-style: solid;
}

.sidebardl {
	width: 217px;
	font-size: 80%;
	color: #666;
	letter-spacing: 0.15em;
	padding: 15px 0px 3px 0px;
	background:  url(images/06_icon_pdf.jpg) top left no-repeat ;
	background-position: 10px 15px;
text-indent: 32px; /*pushes "Download" in past the logo */
}

.dltext {
	letter-spacing: 0.05em;
	font-size: 88%;
	padding: 5px 10px 0px 8px;
text-indent: 0px;/*stops 32 indent being repeated in this child class */
}

.dltext a:link, .dltext a:visited {
	color: #4A85BA;
	text-decoration: none;
	border-bottom: 1px dotted #4A85BA;
}
.dltext a:hover {  
	color: #29B7B7;
	border-color: #29B7B7;
	border-bottom-style:solid;
}



#sidebarlong .sbimg { /*for th images */
	padding: 15px 10px 0 8px;
}

#sidebar .sbimgnm { /*for th images */
	padding: 0px 10px 0 8px;
}


/* ________________|||||________________ */
/* =navigation
----------------------------------------------- */
#navigation {
	position: absolute;
	top: 10px;
	left: 0;
	width: 182px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navigation ul {
	list-style: none;
	margin: 0; /*meyer style*/
	padding: 0; /*meyer style*/

}
#navigation li {


	vertical-align: bottom; /* Removes unwanted margin in IE */
}
#navigation a:link, #navigation a:visited {/* these are the default link styles - (common) which wasn' necessarily good as #nax links won't work */
}



#navigation ul.common a:link, #navigation ul.common a:visited {/* these are the default link styles - (common) which wasn' necessarily good as #nax links won't work */
	display: block;
	width: 182px;
	padding: 9px 0px 10px 5px;
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	color: #6E9090;
	background:  url(images/06_sm_common.gif) top left no-repeat;
	text-decoration: none;
}

#navigation ul.common a:hover {
	background-position: 0 -66px;
	color: #333333;
}
#navigation ul.common a:active {
	background-position: 0 -132px;
	color: #00EAEA;
}

#navigation ul.incommon {/* instate  for COMMON */
	display: block;
	width: 182px;
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	background:  url(images/06_sm_common.gif) top left no-repeat;
	background-position: 0 -66px;
	color: #333333;
	padding: 9px 0px 10px 5px;
}






#navtxt {
position: absolute;
top: 200px;	
width: 162px;
font-size: 70%;
	padding: 0px 10px 0px 5px;
	color: #333;
height: 90px;
}

#navtxt a:link, #navtxt a:visited {  /*dotted link form Stop Design */
	color: #4A85BA;
	text-decoration: none;
	border-bottom: 1px dotted #4A85BA;
	}

#navtxt a:hover {
	color: #29B7B7;
	border-color: #29B7B7;
	border-bottom-style: solid;
}


/* format for tv */
#navigation ul.tv {
	margin-left: 0px;
}

#navigation ul.tv a:link, #navigation ul.tv a:visited {
	background:  url(images/06_sm_tv.gif) top left no-repeat;
	display: block;
	width: 182px;
	padding: 9px 0px 10px 5px;
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	color: #6E9090;
	text-decoration: none;
}

#navigation ul.tv a:hover {
	background-position: 0 -66px;
	color: #333333;
}
#navigation ul.tv a:active {
	background-position: 0 -132px;
	color: #BC00BC;
}

#navigation ul.intv {/* instate  for TV */
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 182px;
	background:  url(images/06_sm_tv.gif) top left no-repeat;
	background-position: 0 -66px;
	color: #333333;
	padding: 9px 0px 10px 5px;
}


/* format for AUDIO */
#navigation ul.audio {
	margin-left: 0px;
}

#navigation ul.audio a:link, #navigation ul.audio a:visited {
	background:  url(images/06_sm_audio.gif) top left no-repeat;
	display: block;
	width: 182px;
	padding: 9px 0px 10px 5px;
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	color: #6E9090;
	text-decoration: none;
}

#navigation ul.audio a:hover {
	background-position: 0 -66px;
	color: #333333;
}
#navigation ul.audio a:active {
	background-position: 0 -132px;
	color: #B2844F;
}

#navigation ul.inaudio {/* instate  for AUDIO */
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	background:  url(images/06_sm_audio.gif) top left no-repeat;
	display: block;
	width: 182px;
	background-position: 0 -66px;
	color: #333333;
	padding: 9px 0px 10px 5px;
}


/* format for PJ */
#navigation ul.pj {
	margin-left: 0px;
}

#navigation ul.pj a:link, #navigation ul.pj a:visited {
	background:  url(images/06_sm_pj.gif) top left no-repeat;
	display: block;
	width: 182px;
	padding: 9px 0px 10px 5px;
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	color: #6E9090;
	text-decoration: none;
}

#navigation ul.pj a:hover {
	background-position: 0 -66px;
	color: #333333;
}
#navigation ul.pj a:active {
	background-position: 0 -132px;
	color: #FF5BAC;
}

#navigation ul.inpj {/* this replaces the .inpj, .incam non-descendent class ::: tip: converting to instate to remove<a> tag -do it in design view then simply reset class of <li> no need for silly <p> tags */
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 182px;
	background:  url(images/06_sm_pj.gif) top left no-repeat;
	background-position: 0 -66px;
	color: #333333;
	padding: 9px 0px 10px 5px;
}

/* piggybacked all linked in-states here */

#navigation ul.intv a:link, ul.incommon a:link, ul.inaudio a:link, ul.inpj a:link, ul.incam a:link, ul.inpro a:link,    #navigation ul.intv a:visited, ul.incommon a:visited,  ul.inaudio a:visited, ul.inpj a:visited, ul.incam a:visited, ul.inpro a:visited {
	color: #333333;
	text-decoration: none;
}

#navigation ul.intv a:hover, ul.incommon a:hover, ul.inaudio a:hover, ul.inpj a:hover, ul.incam a:hover, ul.inpro a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #333333;


}
#navigation ul.intv a:active, ul.incommon a:active, ul.inaudio a:active, ul.inpj a:active, ul.incam a:active,  ul.inpro a:active {
	color: #FF5BAC;
	text-decoration: none;
	border-bottom: 1px solid #FF5BAC;
}








/* format for CAM */
#navigation ul.cam {
	margin-left: 0px;
}

#navigation ul.cam a:link, #navigation ul.cam a:visited {
	background:  url(images/06_sm_cam.gif) top left no-repeat;
	display: block;
	width: 182px;
	padding: 9px 0px 10px 5px;
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	color: #6E9090;
	text-decoration: none;
}

#navigation ul.cam a:hover {
	background-position: 0 -66px;
	color: #333333;
}
#navigation ul.cam a:active {
	background-position: 0 -132px;
	color: #49E200;
}

#navigation ul.incam {/* instate  for CAM */
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	background:  url(images/06_sm_cam.gif) top left no-repeat;
	background-position: 0 -66px;
	display: block;
	width: 182px;
	color: #333;
	padding: 9px 0px 10px 5px;
}


/* format for Pro */
#navigation ul.pro {
	margin-left: 0px;
	margin-top: 0px;
}

#navigation ul.pro a:link, #navigation ul.pro a:visited {
	background:  url(images/06_sm_pro.gif) top left no-repeat;
	display: block;
	width: 182px;
	padding: 9px 0px 10px 5px;
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	color: #6E9090;
	text-decoration: none;
}

#navigation ul.pro a:hover {
	background-position: 0 -66px;
	color: #333333;
}
#navigation ul.pro a:active {
	background-position: 0 -132px;
	color: #05E1B1;
}
/* =in
----------------------------------------------- */
#navigation ul.inpro {/* instate  for PRO */
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	background:  url(images/06_sm_pro.gif) top left no-repeat;
	background-position: 0 -66px;
	display: block;
	width: 182px;
	color: #333;
	padding: 9px 0px 10px 5px;
}



/* ______________format for subnav */
/* =subnav
----------------------------------------------- */


.subnav ul {
	list-style: none;
}
.subnav li {
	vertical-align: bottom; /* Removes unwanted margin in IE */
	width: 182px;/* this has to be here to work in both IE & ffox */
}

.subnav li.first {/* pads out first line */
	vertical-align: bottom; /* Removes unwanted margin in IE */
	width: 182px;/* this has to be here to work in both IE & ffox */
padding-top: 8px;
}




.subnav a:link, .subnav a:visited {
font: 65% Verdana, Arial, Helvetica, sans-serif;
	color: #6E9090;
	padding: 0px 7px 5px 15px;
	background:  url(images/arw_breadcrumb.gif) top left no-repeat;
	background-position: 5px 3px;
	text-decoration: none;
	display: block;
}
.subnav a:hover {
	color: #29B7B7;
	text-decoration: underline;
}
.subnav a:active {
	color: #6E9090;
}	

.subnav li.inthis {
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0 5px 15px;
	color: #333;
}
/* perhaps because .subnav is a class and not a div it couldn't inherit link state as with #navigation ul.intv a:link for example*/
.inthislink a:link, .inthislink a:visited {
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0 5px 15px;
	color: #333;
	text-decoration: none;
	background: none;
	display: block;
}
.inthislink a:hover {
	color: #333;
	text-decoration: underline;
}
.inthislink a:active {
	color: #6E9090;
}	


.subnav li.inthisfirst {/* pads out first line */
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0 5px 15px;
	color: #333;
	vertical-align: bottom; /* Removes unwanted margin in IE */
	width: 182px;/* this has to be here to work in both IE & ffox */
padding-top: 8px;
}

	
	
	/* ______________format for SUB_SUBnav */
/* =subsubnav
----------------------------------------------- */
#subsubnav ul {/* ______________subsubnav will only ever be used once so we can leave it as an id and not a class */
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	margin-left: 0px;
}
#subsubnav li {
	vertical-align: bottom; /* Removes unwanted margin in IE */
	width: 182px;/* this has to be here to work in both IE & ffox */
}
#subsubnav a:link, #subsubnav a:visited {
	font: 65% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 7px 5px 25px;
	color: #6E9090;
	background:  url(images/arw_breadcrumb.gif) top left no-repeat;
	background-position: 15px 3px;
	text-decoration: none;
	display: block;
}
#subsubnav a:hover {
	color: #29B7B7;
	text-decoration: underline;
}
#subsubnav a:active {
	color: #6E9090;
}

#subsubnav li.ininthis {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom; /* Removes unwanted margin in IE */
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0 5px 25px;
	color: #009999;
	width: 152px;/* not subject to li width */

}

/* ______________formats for nolink sm text IN THIS paras */

.inthis li {
	vertical-align: bottom; /* Removes unwanted margin in IE */
	width: 182px;/* this has to be here to work in both IE & ffox it is list based not text based (in the .class text specs)*/
}


.inthis li.first {/* pads out first line */
	vertical-align: bottom; /* Removes unwanted margin in IE */
	width: 182px;/* this has to be here to work in both IE & ffox */
padding-top: 8px;
}



.ininthis li {
	vertical-align: bottom; /* Removes unwanted margin in IE */
	width: 182px;/* this has to be here to work in both IE & ffox it is list based not text based (in the .class text specs)*/
}

.ininthis {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom; /* Removes unwanted margin in IE  	bottom: -110px; ____		text-align: right;
	padding: 0px 16px 0px 0px;
 */
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 10px 5px 25px;
	color: #999;
	text-decoration: none;
}


/*________________Catalogue Bar_________________ */



/* =visual
----------------------------------------------- */

#cmvisual {
	padding: 0;
	margin: 0;
	left: 0px;
		float: left;
	}
#cmvisual a:link, #cmvisual a:visited {
	display: block;
	width: 150px;
height: 200px;
	padding: 15px 0px 0px 0px;
	font: bold 110%, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background:  url(images/cat_menu_06_1.jpg) top left no-repeat;
	text-decoration: none;
}
#cmvisual a:hover {
	background-position: 0 -300px;
	color: #FFF;
}
#cmvisual a:active {
	background-position: 0 -600px;
	color: #666;
}



/* =midvisual
----------------------------------------------- */
#midvisual {
margin-top: -206px;
padding-bottom: 3px;/*allow underline to work in ie*/
padding-top: 2px;/*allow underline to work in ie*/
position: absolute;
display: block;
top: 88px;
left: 10px;	
font-size: 70%;
height: 65px;
	border-bottom-style: none;
}


/* =midddlecatpl
----------------------------------------------- */


.middlecatp1 {
margin: 0;
padding: 0;/*clears up line height issues in ie background: blue;  */
	color: #000; /*works */
margin-top: 0px;
	line-height: 1.7em;
width: 130px
}


.middlecatp1 a:link, .middlecatp1 a:visited {  /*dotted link form Stop Design */
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	}

.middlecatp1 a:hover {
	color: #000; /*works */
	text-decoration: none;
	border-color:  #000;
	border-bottom-style: solid;
}


/* =audio
----------------------------------------------- */



#cmaudio {
	padding: 0;
	margin: 0;
	left: 150px;
		float: left;
		}

#cmaudio a:link, #cmaudio a:visited {
	display: block;
	width: 150px;
height: 200px;
	padding: 15px 0px 0px 0px;/*__top indent created here__ */
	font: bold 110%, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background:  url(images/cat_menu_06_2.jpg) top left no-repeat;
	text-decoration: none;

}
#cmaudio a:hover {
	background-position: 0 -300px;
	color: #FFF;
}
#cmaudio a:active {
	background-position: 0 -600px;
	color: #999;
}

/* =midaudio
----------------------------------------------- */
#midaudio {
margin-top: -206px;
padding-bottom: 3px;/*allow underline to work in ie*/
padding-top: 2px;/*allow underline to work in ie*/
position: absolute;
display: block;
top: 88px;
left: 160px;	
font-size: 70%;
height: 65px;
border-bottom-style: none;
}




/* =pj
----------------------------------------------- */




#cmpj {
	padding: 0;
	margin: 0;
	left: 150px;
		float: left;
		}

#cmpj a:link, #cmpj a:visited {
	display: block;
	width: 150px;
height: 200px;
	padding: 15px 0px 0px 0px;/*__top indent created here__ */
	font: bold 110%, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background:  url(images/cat_menu_06_3.jpg) top left no-repeat;
	text-decoration: none;

}
#cmpj a:hover {
	background-position: 0 -300px;
	color: #FFF;
}
#cmpj a:active {
	background-position: 0 -600px;
	color: #666;
}

/* =midpj
----------------------------------------------- */
#midpj {
margin-top: -206px;
padding-bottom: 3px;/*allow underline to work in ie*/
padding-top: 2px;/*allow underline to work in ie*/
position: absolute;
display: block;
top: 88px;
left: 310px;	
font-size: 70%;
height: 65px;
border-bottom-style: none;
}


/* =cam
----------------------------------------------- */



#cmcam {
	padding: 0;
	margin: 0;
	left: 150px;
		float: left;
		}

#cmcam a:link, #cmcam a:visited {
	display: block;
	width: 150px;
height: 200px;
	padding: 15px 0px 0px 0px;/*__top indent created here__ */
	font: bold 110%, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background:  url(images/cat_menu_06_4.jpg) top left no-repeat;
	text-decoration: none;

}
#cmcam a:hover {
	background-position: 0 -300px;
	color: #FFF;
}
#cmcam a:active {
	background-position: 0 -600px;
	color: #999;
}

/* =midcam
----------------------------------------------- */
#midcam {
margin-top: -206px;
padding-bottom: 3px;/*allow underline to work in ie*/
padding-top: 2px;/*allow underline to work in ie*/
position: absolute;
display: block;
top: 88px;
left: 460px;	
font-size: 70%;
height: 65px;
border-bottom-style: none;
}





/* =pro
----------------------------------------------- */



#cmpro {
	padding: 0;
	margin: 0;
	left: 150px;
		float: left;
		}

#cmpro a:link, #cmpro a:visited {
	display: block;
	width: 150px;
height: 200px;
	padding: 15px 0px 0px 0px;/*__top indent created here__ */
	font: bold 110%, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background:  url(images/cat_menu_06_5.jpg) top left no-repeat;
	text-decoration: none;

}
#cmpro a:hover {
	background-position: 0 -300px;
	color: #FFF;
}
#cmpro a:active {
	background-position: 0 -600px;
	color: #999;
}


/* =midpro
----------------------------------------------- */
#midpro {
margin-top: -206px;
padding-bottom: 3px;/*allow underline to work in ie*/
padding-top: 2px;/*allow underline to work in ie*/
position: absolute;
display: block;
top: 88px;
left: 610px;	
font-size: 70%;
height: 65px;
border-bottom-style: none;
}


h5 {/*__used for catalogue section headings in catalogue_06.php -to be continued??__ */
	margin: 0;/*__removes default margin put in by ie__ */
	padding: 0;
	padding: 0px 0px 0px 8px;/*__left indent created here__ */

}


















.gap {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 4px;
}


.smbodylast {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
	background-image:  url(images/1-sm_last.gif);
}


.end {
	background-image:    url(images/1-sm_end.gif);
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}



/* =footer
----------------------------------------------- */

#footer {
	position: relative;
top:0px;
	background: #FFF url(images/06_1n-footer_line.gif) top left no-repeat;
	height: 90px;
	margin-bottom: -17px;
	width: 750px;
}
#foottext {
	font-size: 70%;
	color: #6E9090;
		text-align: center;
	padding: 20px 0px 0px 0px;
	}

#foottext  a:link, #foottext a:visited {
	text-decoration: none;
	color: #6E9090;
}
#foottext a:hover {
	color: #29B7B7;
	text-decoration: underline;
}
#foottext a:active {
	color: #6E9090;
}	

#footup  {/* using sunrise technique for up button */
	display: block;
	position: absolute;
	bottom: 2em;
	right: 16px;
	width: 21px;
}
#content .footup {
	display: block;
	position: relative;
top: 10px;
	right: -311px;
	width: 21px;
padding-bottom: 15px;
}


#footup a:link, #content .footup a:link, #footup a:visited, #content .footup a:visited {
	display: block;
width: 25px ;
	background:  url(images/06_footer_to_top.gif) top left no-repeat;
	text-decoration: none;
}


#footup a:hover, #content .footup a:hover {
	background-position: 0 -66px;
}
#footup a:active, #content .footup {
	background-position: 0 -132px;
}

.footerlogos {
margin-bottom: -12px;
}


.fieldpad {
margin-top: 0px;
padding: 1px 0px 0px 0px;
}

.noheight {
padding:0;
margin:0;
width: 100%;
font-size: 0.001em; /* trying to avoid gap underneath breadcrumb*/
font: 1px; 
  color: #2E4797;
  background: #2E4797 url(images/06_sides_head.jpg) repeat-y center top;
}

.noheight a:link, .noheight a:visited {
  color: #2E4797;
}


.noheighttarget {
padding:0;
margin:0;
width: 100%;
font-size: 0.001em; /* trying to avoid gap underneath breadcrumb*/
font: 1px; 
  color: #FFF;
  background: #FFF ;
}


.clear { 

clear: both;
}


.tmintext {color: #29B7B7} /* p style for sitemap and login*/





/* Fading Tooltips By Dustin Diaz*/

body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:1px solid #ccc;text-align:left;padding:5px;-moz-border-radius:5px; }

body div#toolTip p { margin:0;padding:0;color:#33CCCC;font:11px/12px verdana,arial,sans-serif;font-weight:bold;  }

body div#toolTip p em { display:block;margin-top:3px;color:#fff;font-style:normal;font-weight:normal; }

body div#toolTip p em span { font-weight:bold;color:#fff; }

