body
{
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
         font-size:12px;
}

/***********************************************************************/
/* main container build N/A                                               */
/***********************************************************************/

#outer
{
	margin: 0px;
	padding: 0px;
	height: 265px;
}

/* background colour options */

.longBG
{
	background-image: url(bg.gif);
	background-repeat: repeat-x;
}

.redBG
{
	background-image: url(bg_red.gif);
	background-repeat: repeat-x;
}

.blueBG
{
	background-image: url(bg_blue.gif);
	background-repeat: repeat-x;
}

.darkBlueBG
{
	background-image: url(bg_dark_blue.gif);
	background-repeat: repeat-x;
}

.pinkBG
{
	background-image: url(bg_pink.gif);
	background-repeat: repeat-x;
}

.orangeBG
{
	background-image: url(bg_orange.gif);
	background-repeat: repeat-x;
}

.greenBG
{
	background-image: url(bg_green.gif);
	background-repeat: repeat-x;
}

.standardBG
{
	background-image: url(bg_dark_blue.gif);
	background-repeat: repeat-x;
}

/* background colour options END */

/***********************************************************************/
/* banners ids and class's                                             */
/***********************************************************************/

#banner
{
	float: left;
	width: 962px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 63px;
         background-repeat: no-repeat;
}

.redBG #banner
{
	background-image: url(fire_sys_banner.jpg);
	
}

.blueBG #banner
{
	background-image: url(it_cabling_banner.jpg);
	background-repeat: no-repeat;
}

.darkBlueBG #banner
{
	background-image: url(ip_networking_banner.jpg);
	background-repeat: no-repeat;
}

.pinkBG #banner
{
	background-image: url(electrical_banner.jpg);
	background-repeat: no-repeat;
}

.orangeBG #banner
{
	background-image: url(cctv_banner.jpg);
	background-repeat: no-repeat;
}

.greenBG #banner
{
	background-image: url(rail_banner.jpg);
	background-repeat: no-repeat;
}

.standardBG #banner
{
	background-image: url(standard_banner.jpg);
         background-position:center center;
}

/* END */

#container
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 962px;
}

#content
{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 962px;
	padding: 0px;
}

/***********************************************************************/
/* top | includes print etc                                            */
/***********************************************************************/

#top
{
	float: left;
	width: 962px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 94px;
	overflow: hidden;
}

#logo
{
	float: left;
	width: 480px;
	padding: 0px 0px 0px 1px;
	margin: 4px 0px 0px 0px;
	background-image: url(logo.gif);
	background-repeat: no-repeat;
	height: 90px;
	background-color: #FFFFFF;
}

#logo p
{
	padding: 0px 0px 0px 54px;
	margin: 0px;
        width:400px;
	color: #003876;
}

#logoContainer
{
	/*float: left;
	width: 300px;*/
	margin: 0px;
	padding: 0px;
}

#logoLink
{
	/*float: left;*/
	/*width: 196px;*/
	height: 56px;
	padding: 0px;
	margin: 0px;
	display: block;
        clear:right;
}

#logoLink a
{
	float: left;
	width: 196px;
	height: 56px;
	padding: 0px;
	margin: 0px;
	display: block;
	text-indent: -99999px;
}


#topRight
{
	float: left;
	width: 480px;
	padding: 0px 1px 0px 0px;
	margin: 0px;
	height: 90px;
}

#clientTop
{
	float: right;
	padding: 0px;
	margin: 0px;
	width: 170px;
	/*overflow: hidden;*/
	height: 21px;
}

.clientLogin
{
	float: right;
	background-image: url(client_left_curve.gif);
	background-repeat: no-repeat;
	/*padding: 4px 6px 0px 7px;*/
        padding: 4px 0px 0px 0px;
	margin: 0px;
	background-color: #003876;
	display: block;
	height: 17px;
	/*width: 60px;*/
        width:10px;
}

.clientLogin p a
{
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	float: right;
	font-weight: normal;
	text-decoration: none;
}

.clientLogin p a:hover
{
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	float: right;
	font-weight: normal;
	text-decoration: underline;
}

#clientBottom
{
	float: right;
	padding: 30px 0px 0px 0px;
	margin: 0px;
	width: 480px;
}

#clientBottom p
{
	text-align: right;
}

/***********************************************************************/
/* main navigation                                                     */
/***********************************************************************/

#mainNavigation
{
	float: left;
	width: 961px;
	border-left: solid 1px #FFFFFF;
	/*border-right: solid 1px #FFFFFF;*/
	margin: 0px;
	padding: 0px;
}

#mainNavigation ul, #mainNavigation li
{
	list-style: none;
	display: block;
        float:left;
	margin : 0px;
	padding: 0px;
}


#mainNavigation a
{
	float: left;
	width: 123px;
	height: 25px;
	padding: 145px 0px 0px 36px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	border-right: solid 1px #FFFFFF;
}

#mainNavigation a:hover
{
	color: #FFF;
	text-decoration: underline;
}

#mainNavigation a.active, #mainNavigation a.active:hover
{
	color: #FFF;
	text-decoration: underline;
}

#mainNavigation a.selected, #mainNavigation a.selected:hover
{
	color: #FFF;
	text-decoration: underline;
}

/* id's for main nav bg's :) */

#IPNetworking
{
	background-image: url(main_nav_ip_networking.jpg);
	background-repeat: no-repeat;
}

#ITCabling
{
	background-image: url(main_nav_it_cabling.jpg);
	background-repeat: no-repeat;
}

#electricalServices
{
	background-image: url(main_nav_elect_services.jpg);
	background-repeat: no-repeat;
}

#fireSystems
{
	background-image: url(main_nav_fire_systems.jpg);
	background-repeat: no-repeat;
}

#cctv
{
	background-image: url(main_nav_cctv.jpg);
	background-repeat: no-repeat;
}

#railIndustry
{
	background-image: url(main_nav_rail.jpg);
	background-repeat: no-repeat;
}



/***********************************************************************/
/* main navigation SHORT                                               */
/***********************************************************************/

#mainNavigationShort
{
	float: left;
	width: 961px;
	border-left: solid 1px #FFFFFF;
	/*border-right: solid 1px #FFFFFF;*/
	margin: 0px 0px 1px 0px;
	padding: 0px;
}

#mainNavigationShort ul, #mainNavigationShort li
{
	list-style: none;
	display: block;
        float:left;
	margin : 0px;
	padding: 0px;
}


#mainNavigationShort a
{
	float: left;
	width: 123px;
	height: 24px;
	padding: 10px 0px 0px 36px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	border-right: solid 1px #FFFFFF;
}

#mainNavigationShort a:hover
{
	color: #FFF;
	text-decoration: underline;
}

#mainNavigationShort a.active, #mainNavigationShort a.active:hover
{
	color: #FFF;
	text-decoration: underline;
}

#mainNavigationShort a.selected, #mainNavigationShort a.selected:hover
{
	color: #FFF;
	text-decoration: underline;
}

/* id's for main nav bg's :) */

#mainNavigationShort #IPNetworking
{
	background-image: url(main_nav_ip_net_short.jpg);
}

#mainNavigationShort #ITCabling
{
	background-image: url(main_nav_it_cabling_short.jpg);
}

#mainNavigationShort #electricalServices
{
	background-image: url(main_nav_elect_ser_short.jpg);
}

#mainNavigationShort #fireSystems
{
	background-image: url(main_nav_fire_sys_short.jpg);
}

#mainNavigationShort #cctv
{
	background-image: url(main_nav_cctv_short.jpg);
}

#mainNavigationShort #railIndustry
{
	background-image: url(main_nav_rail_short.jpg);
}


/***********************************************************************/
/* main content sets                                                   */
/***********************************************************************/

.space20
{
	float: left;
	width: 962px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

#leftSide
{
	float: left;
	width: 159px;
	margin: 0px;
	padding: 0px 19px 0px 1px;
}


/***********************************************************************/
/* left sub navigation                                                 */
/***********************************************************************/

#subNav
{
	float: left;
	width: 159px;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

#subNav ul, #subNav li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}


#subNav a
{
	float: left;
	width: 145px;
	padding: 3px 0px 3px 14px;
	margin: 0px 0px 1px 0px;
	color: #404040;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	background-color: #EFEEEB;
}

#subNav a:hover
{
	color: #FFF;
	text-decoration: none;
	background-color: #003876;
}

#subNav a.active, #subNavLevel1 a.active:hover
{
	color: #FFF;
	text-decoration: none;
	background-color: #003876;
}

#subNav a.selected, #subNavLevel1 a.selected:hover
{
	color: #FFF;
	text-decoration: none;
	background-color: #003876;
}

/* subNav level2 */

#subNav ul ul
{
	float: left;
	width: 159px;
	margin: 0;
	padding: 0;
        display: none;
	list-style: none;
}


#subNav ul ul li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}


#subNav ul ul a
{
	float: left;
	width: 145px;
	padding: 3px 0px 3px 14px;
	margin: 0px 0px 1px 0px;
	color: #404040;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	background-color: #E5EDF4;
}

#subNav ul ul a:hover
{
	color: #003876;
	font-weight: normal;
	text-decoration: none;
	background-color: #E5EDF4;
}

#subNav ul ul a.active, #subNav ul ul a.active:hover
{
	color: #003876;
	text-decoration: none;
	font-weight: normal;
	background-color: #E5EDF4;
}

#subNav ul ul a.selected, #subNav ul ul a.selected:hover
{
	color: #003876;
	text-decoration: none;
	font-weight: bold;
	background-color: #E5EDF4;
}


/* subNav level3 */

#subNav ul ul ul
{
	float: left;
	width: 159px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#subNav ul ul ul, #subNavLevel3 ul ul ul li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}


#subNav ul ul ul a
{
	float: left;
	width: 136px;
	padding: 3px 0px 3px 23px;
	margin: 0px 0px 1px 0px;
	color: #404040;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	background-color: #F3F6FA;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
}

#subNav ul ul ul a:hover
{
	color: #003876;
	font-weight: normal;
	text-decoration: none;
	background-color: #F3F6FA;
}

#subNav ul ul ul a.active, #subNav ul ul ul a.active:hover
{
	color: #003876;
	text-decoration: none;
	font-weight: normal;
	background-color: #F3F6FA;
}

#subNav ul ul ul a.selected, #subNav ul ul ul a.selected:hover
{
	color: #003876;
	text-decoration: none;
	font-weight: bold;
	background-color: #F3F6FA;
}

/* display subMenus */

#subNav ul li.open ul
{
   display:block;
}

#subNav ul li.open ul ul
{
   display:none;
}

#subNav ul li.open ul li.open ul
{
   display:block;
}


/* end sub navs */


#middle
{
	float: left;
	width: 601px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}

#largePicRight
{
	float: right;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	width: 194px;
        clear:right;
}

#largePicRight p
{
	text-align: right;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	color: #003876;
	font-weight: bold;
}

/* summary box */

#summaryBox
{
	float: left;
	background-color: #FFF;
	border: solid 1px #EFEEEB;
	padding: 2px;
	margin: 0px 0px 14px 0px;
	width: 595px;
}

#summaryBoxInner
{
	float: left;
	background-color: #EFEEEB;
	padding: 7px 10px 10px 10px;
	margin: 0px;
	width: 575px;
}

#summaryBoxInner h2
{
        font-size:15px;
        font-weight:bold;
}

#rightSide
{
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#rightSide h3
{
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	background-color: #404040;
	width: 146px;
	margin: 0px 0px 12px 0px;
	padding: 9px 0px 9px 14px;
}

#rightSide h4
{
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	background-color: #0077BB;
	width: 146px;
	margin: 0px 0px 12px 0px;
	padding: 9px 0px 9px 14px;
}

#rightSide h5
{
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	background-color: #12A2EC;
	width: 146px;
	margin: 0px 0px 12px 0px;
	padding: 9px 0px 9px 14px;
}

#rightSide p
{
	font-size: 12px;
	line-height: 17px;
	color: #404040;
	padding: 0px 0px 0px 14px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#rightSide p a
{
	font-size: 12px;
	line-height: 17px;
	color: #404040;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}

#rightSide p a:hover
{
	font-size: 12px;
	line-height: 17px;
	color: #404040;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: underline;
}

/***********************************************************************/
/* case study dl                                                       */
/***********************************************************************/

#leftCaseList
{
	float: left;
	width: 159px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

#leftCaseList dl, #leftCaseList dt, #leftCaseList dd
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}

/* title set */
#leftCaseList dt a
{
	float: left;
	width: 145px;
	padding: 3px 0px 2px 14px;
	margin: 0px 0px 1px 0px;
	color: #0077BB;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

#leftCaseList dt a:hover
{
	color: #0077BB;
	text-decoration: underline;
}

#leftCaseList dt a.active, #leftCaseList dt a.active:hover
{
	color: #0077BB;
	text-decoration: underline;
}

#leftCaseList dt a.selected, #leftCaseList dt a.selected:hover
{
	color: #0077BB;
	text-decoration: underline;
}

/* dd set */
#leftCaseList dd
{
	float: left;
	width: 145px;
	padding: 3px 0px 15px 14px;
	margin: 0px 0px 5px 0px;
	color: #404040;
	font-weight: normal;
	font-size: 11px;
	background-image: url(dotted_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#leftCaseList dd a,
#leftCaseList dd a:link,
#leftCaseList dd a:visited,
#leftCaseList dd a:hover
{
  color: #404040;
  font-weight: normal;
  text-decoration:none;
}

#leftCaseList dd img
{
	margin: 0px 0px 10px 8px;
	padding: 0px;
	float: right;
}


/***********************************************************************/
/* featured product dl                                                 */
/***********************************************************************/

#leftCaseListTwo
{
	float: left;
	width: 159px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

#leftCaseListTwo dl, #leftCaseListTwo dt, #leftCaseListTwo dd
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}

/* title set */
#leftCaseListTwo dt a
{
	float: left;
	width: 145px;
	padding: 3px 0px 2px 14px;
	margin: 0px 0px 1px 0px;
	color: #12A2EC;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

#leftCaseListTwo dt a:hover
{
	color: #0077BB;
	text-decoration: underline;
}

#leftCaseListTwo dt a.active, #leftCaseListTwo dt a.active:hover
{
	color: #0077BB;
	text-decoration: underline;
}

#leftCaseListTwo dt a.selected, #leftCaseListTwo dt a.selected:hover
{
	color: #0077BB;
	text-decoration: underline;
}

/* dd set */
#leftCaseListTwo dd
{
	float: left;
	width: 145px;
	padding: 3px 0px 15px 14px;
	margin: 0px 0px 5px 0px;
	color: #404040;
	font-weight: normal;
	font-size: 11px;
	/*background-image: url(dotted_line.gif);
	background-repeat: repeat-x;*/
	background-position: bottom;
}

#leftCaseListTwo dd img
{
	margin: 0px 0px 10px 8px;
	padding: 0px;
	float: right;
}
	

/***********************************************************************/
/* footer container build                                              */
/***********************************************************************/

#footer
{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 12px 0px 3px 0px;
	height: 25px;
	background-color: #003876;
}

#footerContent
{
	margin: 0px auto 0px auto;
	width: 962px;
	padding: 0px;
}

#footerContent p
{
	font-size: 11px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
}

#footerContent p a
{
	font-size: 11px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}

#footerContent p a:hover
{
	font-size: 11px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: underline;
}

.footerLeft
{
	float: left;
	width: 481px;
	margin: 0px;
	padding: 0px;
}

.footerRight
{
	float: left;
	width: 481px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

/***********************************************************************/
/* general spans inc colors clear etc                                  */
/***********************************************************************/

.hide
{
   display:none;
   height:0px;
}

.show
{
   display:block;
   height:200px;
}

.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
}

.blue
{
	color: #003876;
	font-weight: bold;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

img
{
	border: none;
}

.visualadvert img
{
	border: solid 1px #F0EFEC;
	margin: 0px 0px 10px 0px;
	padding: 0px;
        clear:both;
}

.bottomBorder
{
	border-top: solid 1px #F0EFEC;
	height: 2px;
	font-size: 2px;
	margin: 3px 0px 10px 0px;
	padding: 0px;
	display: block;
}

br
{
	height: 1px;
	font-size: 1px;
	clear: both;
        line-height:1px;
}

.screenHide
{
	display: none;
}

/***********************************************************************/
/* basic xhtml styling :)                                              */
/***********************************************************************/

p,td
{
	font-size: 12px;
	line-height: 13px;
	color: #404040;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

p a
{
	font-size: 12px;
	line-height: 12px;
	color: #003876;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}

p a:hover
{
	font-size: 12px;
	line-height: 12px;
	color: #003876;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: underline;
}

h1
{
	color: #003876;
	font-size: 20px;
	line-height: 28px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

h2
{
	color: #003876;
	font-size: 18px;
	line-height: 26px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

a
{
	text-decoration: none;
	color: #003876;
}

a:hover
{
	text-decoration: underline;
	color: #003876;
}


/***********************************************************************/
/* sitemap                                                             */
/***********************************************************************/

#sitemap
{
   padding-bottom:20px;
}

#sitemap ul
{
  margin:0;
  padding:0 20px;
  list-style:none;
}

#sitemap li
{
  margin:0;
  padding:0;
  list-style:none;
}

/***********************************************************************/
/* pepperio application overrides                                      */
/***********************************************************************/

.pepperio_noneditable .pepperio_buttonbar
{
   display:none;
   width:0px;
   height:0px;
   overflow:hidden;
}

.peppreview #middle
{
   width:599px;
   overflow:visible;
}

/***********************************************************************/
/* extranet styles                                                     */
/***********************************************************************/

label
{
   display:block;
   width:200px;
   float:left;
   clear:left;
}
input
{

}
fieldset
{
         border:0;   
}
.login
{

}
.msg
{	

}

.account
{
}
.password
{
}
.submit
{
}
#logon_succes
{
	color:Green;
}
#logon_form
{	

}
#logon_panel
{

}
#logon_error
{
	color:Red;
}
#logout
{
}

/***********************************************************************/
/* table styles                                                       */
/***********************************************************************/

table.plain
{
   border: 0px;
   margin:0px;
   margin-top: 10px;
   padding:0px;
   border-collapse: collapse;
}

table.plain tbody,table.plain thead
{
   border: 0px;
   border-collapse: collapse;
}

table.plain th, table.plain td
{
   border: 0px;
   padding:8px;
   margin:0px;
}

table.listing,table.grid,table.data
{
   border: 1px solid #003D7E;
   border-right:0px;
   padding:0px;
   margin:0px;
   border-spacing: 0px;
   border-collapse:collapse;
   margin-top: 10px;
}

table.listing th ,table.grid th ,table.data th
{
   border:0px;
   border-bottom: 1px solid #003D7E;
   border-right: 1px solid #003D7E;
   padding: 0px;
   margin:0px;
   text-align:center;
   font-weight:bold;
   border-collapse:collapse;
}

table.listing td, table.grid td ,table.data td
{
   border:0px;
   border-right: 1px solid #003D7E;
   padding: 0px;
   margin:0px;
   border-collapse:collapse;
}

/***********************************************************************/
/* image styles                                                       */
/***********************************************************************/

img.left
{
   float:left;
   margin-right:16px;
   margin-bottom:10px;
}

img.right
{
   float:right;
   margin-left:16px;
   margin-bottom:10px;
}

/***********************************************************************/
/* newslisting                                                         */
/***********************************************************************/

#newslisting dl
{
  margin:0;
  padding:0;
}

#newslisting dt
{
  color: #003876;
  font-size: 18px;
  line-height: 26px;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}

#newslisting dd
{
	font-size: 12px;
	line-height: 13px;
	color: #404040;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}