/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
    MARGIN:0;
}
.Site FORM
{
	margin:0;
}
.Site form th
{
	text-align:right;
}
.Site form TD
{
	padding:2px 0;
}
.Site IMG
{
	BORDER:none;
}
.Site TABLE
{
	WIDTH: 100%;
	BORDER:none;
}
.Site th, 
.Site td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}
.Site dl, 
.Site ol, 
.Site ul
{
	margin-left:20px;
	padding:0;
	margin-top:5px;
}
.Site ul li
{
	list-style-type:none;
	padding-left:15px;
	background:transparent url(/images/layout/list_item.gif) no-repeat left 50%;
}
.Site .blueImgBgbox ul li
{
	background:transparent url(/images/layout/list_item_blueImgBgBox.gif) no-repeat left 50%;
}
.Site dd
{
	margin-left:8px;
}
/* ####################################   Classes   #################################### */

.Site .box
{
    padding:0;
    width:auto;
    height:1%;
    margin-bottom:25px;
}
.Site .module
{
	margin-bottom:25px;
}
.Site .box .tl, 
.Site .box .tr
{
	padding:0;
    margin:0;
    width:auto;
}
.Site .box .tr h2
{
    margin:0;
    width:auto;
}
.Site .box .content
{
    position:relative;
    padding:20px 18px 10px 18px;
}
.Site .blueImgBgbox h1
{
	line-height:1.1;
}
.Site .content img
{
	margin:0 5px 5px;
}
.Site .content table td
{
	padding:0;
}

.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px;
    position: relative;
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required
{
    WIDTH:200px;
    font-size:1em;
}

.Site .formMainTable td,
.Site .formMainTable th
{
   padding: 5px;     
}
.Site .list
{
    MARGIN-BOTTOM: 10px;
    margin-left:1px;
    PADDING: 5px 0;
}
.Site .label
{
	FONT-WEIGHT: bold;
}
.Site .list H3
{
    MARGIN-TOP:0;
    MARGIN-BOTTOM: 5px
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px;
    position: relative;
}
.Site .newsarticle img.thumbnail
{
    float:none;
    margin-left:0;
    margin-right:10px;
}
.Site .list P
{
	MARGIN: 3px 0;
}
.Site .morelink
{
    TEXT-ALIGN: right;
    clear:none;
    padding-bottom:5px;
}
.Site p.venue,
.Site p.summary,
.Site p.date,
.Site p.contract,
.Site p.ref,
.Site p.location,
.Site p.salary,
.Site p.applyBy,
.Site p.jobContractType,
.Site p.jobLocation,
.Site p.department,
.Site p.stockCode,
.Site p.manufacturer,
.Site .telecoms p
{
	padding-bottom:5px;
	margin:0;
}
.Site .address p
{
	padding-bottom:2px;
}
.Site .backlink
{
    TEXT-ALIGN: right
}
.Site .stepper
{
    PADDING:3px 5px;
    width:auto !important;
}
.Site .stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right;
}
.Site TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site .template
{
	padding-left:1px;
}
.Site .template ul
{
	margin-left:5px;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}
.Site a.imageLink img.image
{
	margin:0 !important;
}
.Site a.imageLink
{
	position:relative;
}
.Site .imageLinkDetail
{
	position:absolute;
	left:0;
	bottom:2px;
}
.Site .imageLinkDetailInner
{
	padding:20px 20px;
	display:block;
}
.Site .imageLinkDetailInner p
{
	padding-bottom:0;
	padding-top:5px;
	font-weight:normal;
}
.Site .imageLinkDetailInner h1
{
	line-height:1.1;
	padding:0;
}
/* ################################### Site IDs ################################# */

#mainTable
{
	margin:auto;
	position:relative;
}
.Site #mainHeader
{
	position:relative;
}
.Site #mainHeaderInner
{
	height:101px;
}
.Site #logo
{
	float:right;
	padding-top:15px;
	padding-right:25px;
}
.Site #location
{
	margin-top:10px;
	margin-bottom:23px;
}
.Site #drawingSet
{
	position:absolute;
	left:0;
	bottom:30px;
	z-index:2;
}
.Site #bottomMenu td
{
	width:256px;
}
.Site #bottomMenu td#bottomMainMenu
{
	width:235px !important;
}
.Site #bottomMenu
{
	margin-top:0;
	margin-left:4px;
}
.Site #bottomMenu dd
{
	padding-top:3px;
	padding-bottom:3px;
	margin-left:10px;
}
.Site #bottomMenu td#bottomMainMenu dd
{
	padding-top:0;
}
.Site #bottomMenu dt
{
	padding-bottom:2px;
}
/* ################################## Menu setup ################################### */
.Site #topNav  
{   
    padding:0;
    text-align:left; 
    margin-top:0;
    margin-bottom:4px;
    padding-top:8px;
}
.Site #topNav a 
{ 
     padding: 0 0 0 12px;
     margin: 0;
     white-space:nowrap;
}
.Site #topNav ul 
{
     margin:0;
}
.Site #topNav ul li
{ 
    display:inline;
    margin: 0; 
    padding-right:10px;
    padding-left:1px;
} 
.Site #mainMenu ul, 
.Site #mainMenu li, 
.Site #subMenu ul, 
.Site #subMenu li
{
    padding:0;
    margin:0;
}
.Site #mainMenu li, 
.Site #subMenu li
{
	list-style:none;
	display:inline;
}
.Site #mainMenu ul a
{
	float:left;
	padding:11px 17px 15px 16px;
	line-height:1.1;
}

/* ################################## Sub Menu setup ################################### */

.Site #subMenuOuter
{
	width:170px;
	margin:0;
	margin-left:777px;
}
.Site #mainLayoutContainer,
.Site #bottomMenuTable,
.Site #mainMenuContainer
{
	/*position:relative;*/
	z-index:3;
}
.Site #subMenu
{
	padding-bottom:16px;
}
.Site #subMenu ul
{
	padding-bottom:18px;
	padding-top:13px;
}
.Site #subMenu ul ul
{
	padding-bottom:5px;
	padding-top:0;
}
.Site #subMenu ul a
{
	display:block;
	padding:4px 20px 7px 15px;
	margin:0;
}
.Site #subMenu ul ul a
{
	padding:7px 20px 5px 25px;
}
.Site #subMenu ul ul ul a
{
	padding:2px 20px 4px 37px;
}
.Site #subMenu ul ul ul ul a
{
	padding-left:47px;
}
.Site #subMenu ul ul ul ul ul a
{
	padding-left:57px;
}

/* ################################## Bottom Menu setup ################################### */

.Site #mainFooterInner,
.Site #copyright
{
	width:713px;
	margin:auto;
	padding-top:0;
}
.Site #mainFooterInner
{
    padding-top:8px;
   }
.Site #copyright
{
	padding-left:40px;
	padding-top:20px;
	width:60%;
	height:33px;
}
/* ======================== */

.Site #mainTitle
{
    MARGIN:0 0 0 175px;
}
.Site #mainTitle H1
{
	MARGIN: 0;
}
.Site #mainLayout
{
	margin-left:0;
	padding:0;
	width:738px;
	float:left;
	position:relative;
	z-index:10;
}
.Site .homePage #mainLayout
{
	margin-left:0;
	width:100% !important;
}
.Site #mainMenuContainer,
.Site #mainHeaderInner,
.Site #mainLayoutContainer,
.Site #headerImageEdit
{
	width:968px;
	margin:auto;
}
.Site #mainMenuContainer
{
	min-height:46px;
	padding-left:0;
	width:980px !important;
	padding-left:0;
	padding-right:0;
}
.Site #mainLayoutContainer.homePage
{
	margin-top:19px;
}
.Site #mainLayout TABLE#productList TD.list
{
    width: 50%;
}
.Site #template_News_Articles_Style_2 #column1
{
	float:left !important;
	width:230px !important;
}
.Site #template_News_Articles_Style_2 #column2
{
	margin:0 0 0 250px !important;   
}
.Site #template_Mailform_Right #column1
{
	float:none !important;
    width: 490px !important;
}

.Site #template_Mailform_Right #column2
{
	margin:20px 0 !important;
	width: 490px !important;
}
.Site #mainFooter
{
    padding:10px;
    padding-bottom:35px;
    padding-top:0;
}

/* ======================== */


.Site #header
{
	padding-bottom:10px;
	margin-bottom:10px;
}
.Site #footer
{
	margin-top:10px;
	padding-top:10px;
	clear:both;
}

/* ======================== */

/* ####    With submenu column widths    #### */				
.Site #template_1_Column
{
	float:left;
	width:738px;
}

.Site .template_2_Columns #column1				
{				
	width: 359px !important;			
}				
				
.Site .template_2_Columns #column2				
{				
	margin-left: 374px !important;			
}
.Site #template_Image_Gallery_Right #column2
{
	margin-left:0 !important;
}				
				
.Site .template_2_Columns_66_33 #column1				
{				
	width: 479px !important;			
}				
				
.Site .template_2_Columns_66_33 #column2				
{				
	margin-left: 484px !important;			
}				
				
.Site .template_2_Columns_33_66 #column1				
{				
	width: 239px !important;			
}				
				
.Site .template_2_Columns_33_66 #column2				
{				
	margin-left: 264px !important;			
}				
				
.Site .template_3_Columns #column1,				
.Site .template_3_Columns #column2				
{				
	width: 231px !important;			
}				
				
.Site .template_3_Columns #column2				
{				
	margin-left: 25px !important;			
}				
				
.Site .template_3_Columns #column3				
{				
	margin-left: 512px !important;			
}				
				
.Site .template_2_Columns_Boxed #column1				
{				
	width: 359px !important;			
}				
				
.Site .template_2_Columns_Boxed #column2				
{				
	margin-left: 359px !important;			
}				
				
.Site .template_2_Columns_66_33_Boxed #column1				
{				
	width: 479px !important;			
}				
				
.Site .template_2_Columns_66_33_Boxed #column2				
{				
	margin-left: 504px !important;			
}				
				
.Site .template_2_Columns_33_66_Boxed #column1				
{				
	width: 239px !important;			
}				
.Site .template_2_Columns_33_66_Boxed #column2				
{				
	margin-left: 264px !important;			
}				
.Site #scrollerContainer 				
{				
	width: 694px !important;			
}
.Site #template_Mailform_Right #column1
{
	float:left !important;
	width:359px !important;
}				
.Site #template_Mailform_Right #column2
{
	margin-left:379px !important;
	width:359px !important;
}				
				
/* ####    Fullwidth column widths    #### */				
				
.Site .homePage .template_2_Columns #column1				
{				
	width: 471px !important;			
}				
				
.Site .homePage .template_2_Columns #column2				
{				
	margin-left: 496px !important;
	width:auto;			
}				
				
.Site #template_Mailform_Left
{
	margin-bottom:20px;
}

/* ======================== */

.Site TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
.Site TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
.Site TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}
.Site #template_Products_Grouped .backlink
{
	clear:right;
	padding:3px;
	TEXT-ALIGN: right;
}

/* ======================== */

.Site #template_sitemap ul
{
	margin:0 0 0 20px;
	padding:0;
}
.Site #template_sitemap ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul 
{
}

.Site TABLE#productList
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
.Site TABLE#productList td img
{
    float:none;
    text-align:center !important;
}
.Site TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}
.Site #developerLink
{
	padding-right:20px;
}
.Site #developerLink a
{
	padding: 5px 80px 0 0 !important;
}

/* ############################### Header Info ############################ */

.Site #headerInfo
{
	position:relative;
	float:right;
	width:400px;
}
.Site #headerInfo
{
	width:400px;
}
.Site #logonForm th, 
.Site #logonForm td
{
	vertical-align:middle;
}
.Site .terminus
{
	clear:both;
	line-height:0;
	font-size:0;
}
.Site #printImage
{
	display:none;
}
.Site td.buttons
{
	padding-right:10px !important;
}
.Site #Google_Map_With_LHS_Modules #map
{
	border:solid 3px #1c3e77;
}
.Site .horizontalDivider
{
	z-index:1;
} 
.Site #mapWindow
{
	line-height:1.3 !important;
}
.Site .caseList
{
	
}
.Site .caseList .caseImage,
.Site .relatedImages .Picture
{
	height: 121px;
	overflow:hidden !important;
	width:160px;
}
.Site .caseList img.thumbnail,
.Site .relatedImages img.thumbnail
{
	float:none;
	margin: 0;
}
.Site .caseList .casestudy,
.Site .relatedImages .Picture
{
	float: left;
	width:47%;
	padding-right: 4px;
	padding-top: 0; 
}
.Site .caseList p.morelink
{
	display: inline;
	font-size: 0.8em;
}
