/* Talkback CSS Layout Change*/
 /*  Jan 2006  */
 /* Jason Scully */
 /* jaycbb@googlemail.com */
 
body {
  margin: 0;
  padding: 0;
  font:70% Tahoma, "Trebuchet MS", Verdana, Helvetica, sans-serif;}
#threeColLayout {
  background: #fff;}
#twoColLayout {
  background: #fff;}
#oneColLayout {
  background: #fff;}

/* default links 
==================*/

a:link {
	background-color: transparent;
	text-decoration: underline;
	color: #003399;}/*dark nerc blue*/

a:hover {
	background-color: transparent; /* #ffc */
	text-decoration: underline;
	color: #ff6600;}/*Orange Orange Red*/

a:visited {
	background-color: transparent;
	text-decoration: underline;
	color: #ff9933;  }
/*============================================================================*/

/* headers here 
=================*/

h2 {
	margin: 0 5px 0 5px;
	padding: 2px;
	font-size: 100%;
	color: #606060;/* gray text */
	/*background:#606060; dark gray */}


h3 {
  /*text-transform: uppercase;*/
	display: inline;
	font-size: 92%;
	margin:0 0 0 10px;/*spaces heading off the left edge abit*/
	padding:0;
	color:#041d76;}

h4 {
  /*text-transform: uppercase;*/
	display: inline;
	font-size: 92%;
	margin:0 0 0 10px;/*spaces heading off the left edge abit*/
	padding:0;
	color:#3366cc;}

	

/* main wrapper
================*/

#wrapper {
  width:750px;
	margin:0 auto;
	background-color: #fff; /* white */
	padding: 0px 10px 10px 10px;} 

/* end of wrapper
==================*/
	
	
/* default Shea IR tech. and title
================================= */
#sheaIRheader{
  width:750px;
	height:75px;
	position:relative; 
	font-size: 200%;}
	
#sheaIRheader span{
  background: url(images/talkback_header_8_750x60.gif) no-repeat;
  position:absolute;
	width:100%;
	height:100%;
	font:60% papyrus, "Trebuchet MS", Verdana, Helvetica, sans-serif;}
  
#sheaIRheader span a{
  text-decoration: none;}

#sheaIRheader span img{
  margin:0 0 0 120px;/* moves the logo to the right abit */}
	
#TalkbackTitle {
  margin:0;
  padding:0;
  text-align: center;}
#TalkbackTitle h2 {
  margin:0;
  padding:0;
  text-align:center;
	font-weight: bold;
	font: 250% "Trebuchet MS", Verdana, Helvetica, sans-serif;}
#TalkbackTitle h3 {
  margin:0;
  padding:0;
  text-align:center;
	font: 100% "Trebuchet MS", Verdana, Helvetica, sans-serif;}

/* end of header
==================*/	

/* now the three main columns, named in order of importance and display when 
styles switched off */

#primaryContent {
	float:left;
	width:750px;
	display:inline;
	margin: 10px 0 20px 0;}

/* note here that specifying threeColLayout in the body will activate the 
following div instead of the default primaryContent */

#threeColLayout #primaryContent {
	float:left;
	width:300px;/* was 270px */
	margin: 10px 0 20px 135px;}

/* Trial Two Equal Col Layout 
==============================*/

#twoEqualColLayout #primaryContent{
  float:left;
	width:365px;/* was 353 */
	margin:10px 0px 20px 10px;}

#twoEqualColLayout #secondaryContent{
  float:left;
	width:365px;/* was 352 */
	margin:10px 0px 20px 10px;}

/* End of Trial Layout
=======================*/
	
/* note here that specifying twoColLayout in the body will activate the 
following div instead of the default primaryContent */

#twoColLayout #primaryContent {
	width:615px; /* was 555 */
	float:left;
	margin: 10px 0 20px 135px;}
	
/* end of Layout
==================*/

/* just incase twoColLayout is specified in body, and secondaryContent is left in, we turn it off
==================================================================================*/

#twoColLayout #secondaryContent {
	display: none;}

#secondaryContent{
	float:left;
	width:300px;/* was 270*/
	margin: 10px 0 20px 15px;}

#sideContent{
	float:left;
	width:120px;/* was 180 */
	margin: 10px 0 20px -750px;}

/* end of 
=================*/	
	
/* just incase oneColLayout is specified in body, and these are left in, we turn them off
========================================================================================== */

#oneColLayout #secondaryContent, #oneColLayout #sideContent, #twoEqualColLayout #sideContent{
	display: none;}

/* end of onecollayout
======================*/

/* twoColContent - used to span two right-hand columns
======================================================*/

#twoColContent{
	width:615px;
	float:left;
	margin: 10px 0 20px 135px;}

/* end of two col content
==========================*/

/* date and posted control the small text info in article blurbs
=============================================================== */

.date {
	font-size: 85%;
	font-weight: bold;
	/*color: #666;*/ }
.posted {
  font:85% "Trebuchet MS", Verdana, Helvetica, sans-serif;
	display: block;
	margin: -5px 0 0 25px;
	padding:0;
	font-weight: bold;
	color: #ff9933;}
address {
	margin-left: 20px;}

/* end of date & post
======================*/

/*  footer section
================== */

#footerlinks{
  clear:both;
	width: 750px;
	height: 35px;
	background:#ff7f00;
	padding: 0;
	border-bottom:1px solid #696;
	margin:5px 0 0 0;
	color:#fff;}
#footerlinks li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
	border-bottom:2px solid #808080;} 
#footerlinks a{
  float:left;
	line-height:14px;
	font-weight:bold;
	margin: 10px 10px 4px 10px;
	/* text-decoration:none; */
	color:#000;}
#footerlinks a:active, #footerlinks a:hover {
	border-bottom:2px solid #c0c0c0;
	padding-bottom:2px;
	color:#ffd;}			 												 	 					/* changed */
#footerlinks a:visited {
	color: #667;}				 																	/* changed */
#footerlinks a:hover {
	color: #ffc;}                                          /* changed */
#footer{
	width: 750px;
	height: 60px;
	background:#666;                                      /* change */
	padding:0;
	margin:0;
	color:#fff;
	line-height:70%;}	
#footer p{
	text-align:center;
	margin:0 0 4px 0;
	padding-top:0.5em;
	line-height:1em;
	font-weight:bold;}
#footer a{
	font-weight:bold;
	margin: 10px 10px 4px 10px;
	/* text-decoration:none; */
	color:#c0c0c0;/* light grey */}
#footer h5{ }

/* end of footer definition 
============================*/


/* image control. First we define stuff common to ALL images on the page.
=========================================================================*/

img {
  float: left;
	margin: 0px;
	padding:0px;
	border:0;  }

.floatright img {
  float:right;
	margin:0px 8px 0px 0px;
	}
	
.floatleft img {
	float:left;
	margin:0px 8px 0px 5px;
	}
		
/* end of image control
=========================*/

/* For these larger images, I don't want them to float, for that causes the h3 above to be pushed to the right. 
I also declare a top margin to space the header and image apart, and also increase the border width slightly.  
We also set it to display:block so that if body id is twoColLayout, the image will force the header and other bits to wrap around it */

.mainImage {
  display: block;
	float: none;
	margin-top: 4px;
	border: 3px solid #C5BDBD;}

/* drop shadow effect for the gallery thumbnails.*/

.img-wrapper {
  margin: 20px 40px 0 0;
	background: url(shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;}
 
.img-wrapper img {
  float:none;
	margin:0;
	background:#fff;
	padding:4px;
	border:1px solid #C5BDBD;
	position:relative;
	left:-5px;
	top:-5px;}

/* end of drop shadow
======================*/

/* used to ensure all our floated thumbnails stay the right width away from the left side of the box */

.thumbnails {
  margin: 0 0 20px 50px;}
/* end of thumbnails
=====================*/
/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
  clear: both;}
/* end spacer
===============*/

/* Highlighting external links ONLY 
====================================*/

.box.default a[href^="http:"] { 
  background: url(external.gif) no-repeat right top;
  padding-right: 10px; 
} 
 .box.default a[href^="http://www.neradio.co.uk"], .box.default a[href^="http://www.neradio.co.uk"] { 
  background-image: none; 
  padding-right: 0; 
}
/* end of highlighting external link
======================================*/

/* breadcrumbs section 
=======================*/

.breadcrumbs {
  display:block;
	margin: 2px 0px 2px 0px;
	padding: 0;
	font-size:70%;
/* font-size: 70%;*/}
.breadcrumbs h3{
  padding-left:15px;
	font-weight:bold;
	background: url(images/breadcrumb.gif) no-repeat 0 50%;}
.breadcrumbs #breadcurrent {
  color:#ff9901; /* nerc orange         changed */
	font-size:120%;
	font-weight:bold;}
.breadcrumbs a:hover, .breadcrumbs a:active { 
  background: #ff9900;/* nerc orange */
	color: #fff; /* white */}
.breadcrumbs a.active:link, .breadcrumbs a.active:visited{
  position: relative;
	z-index: 102;
	background: #BBB;
	color: #D7D493;
	font-weight: bold;}

/* end of breadcrumb section
============================= */
                                                     

/* rounded section corner boxes
================================*/

.rbox {
  font-size: 2em; }

.rrbox {
  font:62.5%/1.6 Tahoma, "Trebuchet MS", "Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif;
  color:#111; /* blackish   */
  background:#fff; /* white */  }
	
.rrbox h2 {
  font-variant:small-caps;
  font-size:1.75em;
  font-weight:normal;
  line-height:1.5;
	text-align:left;
  color:#ff7f01;/* heading colour - burnt orange  changed*/
  margin:0;  }

.rbox {
  width: auto;
  background: url(images/bottom-left_a.gif) no-repeat left bottom; }

.rbox-outer {
  background: url(images/bottom-right_a.gif) no-repeat right bottom;
  padding-bottom: 1%;  }

.rbox-inner {
  background: url(images/top-left_a.gif) no-repeat left top;  }

.rbox h2 {
  background: url(images/top-right_a.gif) no-repeat right top;
  padding-top: 1%;  }

.rbox h2, .rbox p {
  padding-left: 1%;
  padding-right: 1%;  }
  
/* end of rounded corner box
============================ */

/* end of form styling
======================*/

/* back and home buttons 
========================*/
.buttonhome a {
  float:left;
  margin:0px 40px 0px 0px;
  display: block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  color: #000;
  text-decoration: none;
  background: #94B8E9 url(images/home_pixy.gif) no-repeat left top;
  text-indent: 50px;}
.buttonback a {
  float:left;
  margin:0px 40px 0px 0px;
  display: block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  color: #000;
  text-decoration: none;
  background: #94B8E9 url(images/back_pixy.gif) no-repeat left top;
  text-indent: 50px;}
.buttonback a:hover {background-position: right top;}
.buttonhome a:hover {background-position: right top;}
/* end of buttons section
==========================*/

/* sitemap section 
===================*/

.TalkbackSitemap{
  margin-left:30px;
	padding-left:0;
	list-style: none;
	font-size:140%;
	font-weight:bold;
	color:#ff6600; /* orange color */}

.TalkbackSitemap li{
  margin-left:20px;
  padding-left: 20px;
  background-image: url(images/breadcrumb.gif);
  background-repeat: no-repeat;
  background-position: 0 0.25em;}

.TalkbackSitemap ul li{
  list-style: none;
  padding-left: 20px;
  background-image: url(images/arrow_b.gif);
  background-repeat: no-repeat;
  background-position: 0 0.25em;
  border-left:2px dashed #666;}/* gray color */
	
.TalkbackSitemap ul li ul li{
  list-style: none;
  padding-left: 20px;
	background-image: url(images/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: 0 0.25em;
	border-left:2px dashed #666;} /* gray color */

.TalkbackSitemap a {
  color:#003399;}

/*#sitemap a:visited {
  color:#3366cc;} blue */

.TalkbackSitemap a:hover {
  color:#ff6600;}/* orange */

.TalkbackSitemap a:active {
  color:#cccccc;}/* gray  */

/* end of sitemap section
==========================*/

/* map class in the contact page 
==================================*/
.map {
  padding:0;}
.map img{
  margin:0 0 0 9px;}
.map p{
  text-align:center;
	font-size: 120%;
	font-weight: bold;}	
/* end of map 
=============*/

/* side menu buttons
======================*/		
.SideMenu {
  position:relative; 
	margin-top:2px; 
	left:0px;/* was 5px */ 
	display:block; 
	width:120px;} /* was 180px  */
.SideMenu a.SideButton, .SideMenu a.SideButton:visited {
  display:block; 
	width:120px; /* was 175px  */ 
	height:30px; 
	background:url(images/sidebutton_e.gif); 
	background-position:top left; 
	background-color:transparent; 
	text-align:center; 
	color:#666666;/* gray */ 
	line-height:28px; 
	/* text-decoration:none; */ 
	font-family:Tahoma,'Trebuchet MS',arial, sans-serif;
	font-weight: bold;
	margin-top:0px;}/* control spacing between buttons */

.SideMenu a.SideButton:visited {
  color:#333;
	background-position:0 -90px;}
		
.SideMenu a.SideButton:hover {
  background-position:0 -30px; 
	line-height:31px; /*offsets the text when hovered over */
	overflow:hidden;
	color:#041d76;/*NERC Blue*/
	text-decoration:none;
	}
	
.SideMenu a.SideButton:active {
  background-position:0 -60px;}
	
/* below code is not tidy */
.SideMenu a.SideButtonCurrent {
  display:block; 
	width:120px; /* was 175px  */ 
	height:30px; 
	background:url(images/sidebutton_e.gif); 
	background-position:0 -60px;  
	background-color:transparent; 
	text-align:center; 
	color:#ff9933; 
	line-height:28px; 
	text-decoration:none; 
	font-family:Tahoma,'Trebuchet MS',arial, sans-serif;
	font-variant:small-caps;
	font-weight: bold;
	margin-top:0px;}/* control spacing between buttons */
	
/* end of side menu 
=====================*/

/* side content headings
==========================*/

#sideContent h2 {
	font: 120% "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 5px 0px 0px 0px;
	text-align: center;
	padding: 5px 0 0 0;
	width: 120px;  
	height: 30px; 
	font-weight: bold;
	color: #fff;/* White text */
	background:#999; /*light  gray */
	background: url(images/120x20.gif) no-repeat top center;
	/* border: 1px solid #000;*/}
	
	
/* end of side content heading
===============================*/



/* TalkbackFAQ styling
======================*/

.TalkbackFAQ{
  margin-left:5px;
	padding-left:0;
	list-style: none;}
.TalkbackFAQ li{
	margin-left:1px; /*works with FFox */
  padding-left: 20px;
  background-image: url(images/breadcrumb.gif);
  background-repeat: no-repeat;
  background-position: 0 0.25em;
	color:#667;}				 	 											 		 /* changed */
.TalkbackFAQ ul li{
  margin-right:5px;
  list-style: none;
  padding-left: 20px;
  background-image: url(images/breadcrumb_a.gif);
  background-repeat: no-repeat;
  background-position: 0 0.25em;}

/* End of FAQ Styling
======================*/		

/* Misc Styling
=================*/		
.price{
  color:#ff7f02;								 								 	 /* changed */
  font: 200% "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: bold;}
.Blue{
  color:#041d76;}
.Orange{
  color:#ff7f03;}		 				 										 /* changed */
.DrkGray{
  color:#998;}

#whohires ul{
  margin:0;
	padding:0;
  text-align:left;}
#whohires li{
  list-style: none;
  margin:0;
	padding:0;
	color:#041d76;
  text-align:center;
	font-weight: bold;
  font: 100% "Trebuchet MS", Verdana, Helvetica, sans-serif;}

#AccessoryList{
	line-height:50px;
	list-style: none;}
	
.BusinessHours p{
 	text-align:center;}
	
.WebSite{
  font: 120% "Trebuchet MS", Verdana, Helvetica, sans-serif;
  text-align:center;}

/*    WIP  */	

.AccList{
  margin:0;
	padding:0;
}

.AccList img{
  display:inline;
	margin:5px 20px 5px 20px;
}
.AccList p{
  color:#041d76;
  height:130px;
	font-weight: bold;	
}
.AccList h3{
  font: 140% "Trebuchet MS", Verdana, Helvetica, sans-serif;
  display:block;
	}