/* 
	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 .quoteForm  th
{
	text-align:left;
	
}
.Site form TD
{
	padding:2px 0;
}
.Site IMG
{
	BORDER:none;
}
.Site TABLE
{
	WIDTH: 100%;
	BORDER:none;
}
.Site th, td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}
.Site form .quoteForm th
{
	vertical-align:bottom;
	font-weight:normal;
}
.Site .dropdown, 
.Site .textarea, 
.Site textarea,
.Site .textbox,
.Site .textBox,
.Site .required,
.Site select,
.Site .hasDatepicker
{
	width: 180px;
}
.Site img.helpTip
{
	margin: 2px 0 0 5px !important;
}
.Site dl, ol, ul
{
	margin-left:20px;
	padding:0;
}
.Site ul li
{
	list-style-type:square;
}
.Site #mainLayout ul li
{
	padding-left:20px;
	padding-bottom:11px;
}
.Site #mainLayout ul li li
{
	padding-bottom:3px;
	padding-top:3px;
}
.Site #mainLayout ul li li li
{
	padding-top:0;
	padding-bottom:0;
}

/* ####################################   Classes   #################################### */

.Site .box
{
    padding:0;
    width:auto;
    height:1%;
}
.Site .box .tl,
.Site .box .tr
{
	padding:0;
    margin:0;
    width:auto;
}
.Site .box .tr,
.Site .box .br
{
	margin-left:10px;
}
.Site .box .tr h2
{
    margin:0 5px 0 1px;
    width:auto;
}
.Site .box .content
{
    position:relative;
    padding:10px 9px 10px 8px;
    padding-bottom:3px;
}
.Site .content img
{
	margin:0 5px 5px;
}
.Site .template img[align="left"]
{
	margin:0 5px 5px 0;
}
.Site .template img[align="right"]
{
	margin:0 0 5px 5px;
}

.Site .content .list img
{
	margin:0;
}
.Site .content img.nomargin
{
	margin:0;
	margin-bottom:7px;
}
.Site .content table td
{
	padding:3px;
}
.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px
}

.Site .formMainTable td,
.Site .formMainTable th
{
   padding: 5px;     
}
.Site .list
{
    MARGIN-BOTTOM: 0;
    margin-left:1px;
    PADDING: 3px 0 3px 0;
}
.Site .label
{
	FONT-WEIGHT: bold;
}
.Site .list H3
{
    MARGIN-TOP:0;
    MARGIN-BOTTOM: 3px
}
.Site .list .date
{
	padding-bottom:3px;
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 5px;
    MARGIN-LEFT: 5px
}
.Site .list P
{
	MARGIN: 3px 0;
}
.Site .list .terminus, .detail .terminus
{
	clear:right;
}
.Site .terminus
{
	font-size:0;
	line-height:0;
}
.Site .morelink
{
    TEXT-ALIGN: right
}
.Site p.morelink
{
	margin-top:0;
	margin-bottom:0;
	padding-bottom:3px;
}
.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: #cacace 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 TABLE.documentTable td.title a
{
	font-weight:bold;
}
.Site .template
{
	padding-left:0;
}
.Site .template ul
{
	margin-left:11px;
	margin-top:0;
	margin-bottom:0;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
.Site .template .box ul
{
	margin-left:0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site .subPageTitle a
{
	display:block;
	color:#6f90b2;
}
.Site .subPageTitle a:hover
{
	color:#093c6e;
}
.Site .subPageTitleThumb img
{
	display:block;
}
.Site .job p
{
	padding-bottom:3px;
	margin-bottom:0;
}

/* ################################### Site IDs ################################# */

#mainTable
{
    line-height:1.2;
	width:986px;
	margin:auto;
}
.Site #mainHeader
{
	position:relative;
	height:102px;
	margin-bottom:8px;
}
.Site #logo
{
	float:left;
	padding-top:4px;
}
.Site #pageHeader
{
	position:absolute;
	right:0;
	bottom:3px;
	width:477px;
	height:68px;
}
.Site #openingTimes
{
	float:right;
	padding-right:8px;
	padding-top:8px;
	width:199px;
}
.Site #openingTimes td
{
	text-align:right;
}
.Site #headerTelNumber
{
	float:left;
	padding-top:30px !important;
	padding-left:18px;
}
.Site #location
{
	position:absolute;
	bottom:0;
	left:5px;
}

.Site .imageLinkContainer a.imageLink:hover
{
	background:transparent url(/images/layout/homeHeaderHover_bg.png) no-repeat left bottom;
	color:#ffffff;
}
.Site .imageLinkContainer a.imageLink 
{
	background:transparent url(/images/layout/homeHeader_bg.png) no-repeat left bottom;
	color:#000000;
	position:absolute;
	padding-bottom:36px;
}
.Site a.imageLink .imageLinkDetail
{
	text-align:right;
	display:block;
	cursor:pointer;
	position:absolute;
	bottom:13px;
	left:0;
	font-size:120%;
}
/* ################################## Menu setup ################################### */

.Site #subMenu
{
	float:left;
	width:175px;
	margin:0;
}
.Site #subMenuTop
{
	padding-left:9px;
	padding-top:7px;
	padding-bottom:3px;
}
.Site #subMenuBtm
{
	height:10px;
}
.Site #subMenu ul,
.Site #subMenu li
{
    padding:0;
    margin:0;
}
.Site #subMenu ul
{
	padding-top:8px;
}
.Site #subMenu ul ul
{
	padding:0;
}
.Site #subMenu li
{
	list-style:none;
	display:inline;
}
.Site #subMenu ul a
{
	line-height:1;
	display:block;
	padding:5px 0 6px 5px;
	margin:0;
	margin-left:5px;
	margin-right:5px;
}
.Site #subMenu ul ul a
{
	padding-left:10px;
	padding-bottom:7px;
}
.Site #subMenu ul ul ul a
{
	padding-left:15px;
}
.Site #subMenu ul ul ul ul a
{
	padding-left:20px;
}

/* ################################## Top Nav setup ################################### */

.Site #topNav
{
	float:right;
	padding-top:7px;
}
.Site #topNav ul
{
	height:20px;
	display:inline-block;
}
.Site #topNav ul, 
.Site #topNav li
{
    padding:0;
    margin:0;
}
.Site #topNav li
{
	list-style:none;
	display:inline-block;
	width:auto;
	float:left;
}
.Site #topNav ul a
{
	float:left;
	padding:1px 9px 2px 9px;
}
.Site #topNav ul li.last a
{
	padding-right:4px;
}
/* ################################## Bottom Nav setup ################################### */

.Site #bottomNav
{
	float:right;
}
.Site #bottomNav ul
{
	height:auto;
	display:inline-block;
}
.Site #bottomNav ul, 
.Site #bottomNav li
{
    padding:0;
    margin:0;
}
.Site #bottomNav li
{
	list-style:none;
	display:inline-block;
	width:auto;
	float:left;
}
.Site #bottomNav ul a
{
	float:left;
	padding:0 9px 2px 9px;
	line-height:0.8;
}
.Site #bottomNav li.last a
{
	padding-right:0;
}



/* ======================== */

.Site #mainTitle
{
    MARGIN:0 0 0 175px;
}
.Site #mainTitle H1
{
	MARGIN: 0;
}
.Site #mainLayout
{
	margin-left:185px;
	padding:0 10px;
	min-height:390px;
}
.Site .editMainLayoutImages
{
	/*width:647px;*/
	margin-left:185px;
}
.Site #mainLayoutIntro
{
	margin-left:185px;
	margin-bottom:7px;
	position:relative;
}
.Site #mainLayoutIntroCol1
{
	/*width:647px;*/
}
.Site #mainLayoutIntroCol2
{
	position:absolute;
	right:0;
	top:0;
	width:142px;
}
.Site #mainLayoutBtm
{
	height:10px;
	background-color:#f00;
}
.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
{
    margin-left:185px;
    margin-top:10px;
    margin-bottom:20px;
}
.Site #footerContent
{
	padding:6px 9px 2px 11px;
}
.Site .relatedLink
{
	margin-bottom:0;
}
.Site .relatedLink .morelink,
.Site .relatedLink .listDescription,
.Site .relatedLink hr
{
	display:none;
}
.Site .relatedLink .listsubpage,
.Site .relatedLink .listsubpage h3
{
	margin-bottom:0;
	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_2_Columns #column1				
{				
	width: 376px !important;			
}				
				
.Site .template_2_Columns #column2				
{				
	margin-left: 396px !important;			
}				
				
.Site .template_2_Columns_66_33 #column1				
{				
	width: 509px !important;			
}				
				
.Site .template_2_Columns_66_33 #column2				
{				
	margin-left: 530px !important;			
}				
				
.Site .template_2_Columns_33_66 #column1				
{				
	width: 260px !important;			
}				
				
.Site .template_2_Columns_33_66 #column2				
{				
	margin-left: 280px !important;			
}				
				
.Site .template_3_Columns #column1,				
.Site .template_3_Columns #column2				
{				
	width: 253px !important;			
}				
				
.Site .template_3_Columns #column2				
{				
	margin-left: 20px !important;			
}				
				
.Site .template_3_Columns #column3				
{				
	margin-left: 547px !important;			
}				
				
.Site .template_2_Columns_Boxed #column1				
{				
	width: 380px !important;			
}				
				
.Site .template_2_Columns_Boxed #column2				
{				
	margin-left: 390px !important;			
}				
				
.Site .template_2_Columns_66_33_Boxed #column1				
{				
	width: 507px !important;			
}				
				
.Site .template_2_Columns_66_33_Boxed #column2				
{				
	margin-left: 527px !important;			
}				
				
.Site .template_2_Columns_33_66_Boxed #column1				
{				
	width: 253px !important;			
}				
.Site .template_2_Columns_33_66_Boxed #column2				
{				
	margin-left: 273px !important;			
}				
.Site #scrollerContainer 				
{				
	width: 761px !important;			
}				
				
				
/* ======================== */

.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;
	line-height:1.8;
}
#template_sitemap ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}

.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 a
{
	margin:10px;
}

/* ############################### Header Info ############################ */

.Site #headerInfo
{
	position:relative;
	float:right;
	width:400px;
}
.Site #headerInfo
{
	width:400px;
}
.Site #logonForm th, #logonForm td
{
	vertical-align:middle;
}

.Site #mainLayout
{
	zoom:100%;
}
.Site .quoteForm .column1
{
	width:370px;
	padding-right:10px;
}
.Site .quoteForm .column2
{
	padding-left:10px;
}
.Site .quoteForm .column1,
.Site .quoteForm .column2,
.Site .quoteForm .2col
{
	padding-bottom:0px;
}
.Site .shortInlineHint
{
	width: auto;
}
.Site .quoteForm .question
{
	padding-top: 15px;	
}
.Site .quoteForm img.ui-datepicker-trigger
{
	position: relative;
	top: 0px;
	margin-bottom: 0px;
}
.Site .loadingScreen
{
	text-align:center;
	padding-top: 80px;
}
.Site .loadingScreen img
{
	margin: 20px;
}