/* TABLE OF CONTENT
1 Universal
2 Template Layout
3 Branding / Logo elements
4 Main navigation elements
5 Sub navigation elements
6 Footer elements  */

/* ------- 1 UNIVERSAL ---------- */

html {
	padding:0;
	margin:0;
}

body {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	padding:0;
	margin:0;
	height:100%;
	background:url(../images/site_objects/body_back.gif) top left repeat-y;
	/*background: #fff;
	color: #000;
	margin: 0;
	padding: 40px 5% 5% 5%;*/
}

img { 
	border: 0;
}

.hidden {
	position: absolute;
	top: -1000px;
	left: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
}

#gwyn_burr {
	margin-top:10px;
}
#mike_coupe {
	margin-top:10px;
}
#darren_shaplan {
	margin-top:10px;
}
#ken_mcmeikan {
	margin-top:10px;
}
#imelda_walsh {
	margin-top:10px;
}

/* ------- 2 TEMPLATE LAYOUT ---------- */

#sitecontainer {
	position: relative;
	background: #ffffff;
	height: 100%!important;
	margin: 0;
	padding:0;
	width: 870px;
	float:left;
	text-align: left;
	border-right:1px solid #999999!important;
	min-height:800px;
}

#topcontainer {
	float:left; 
 	width: 870px;
	padding:0;
	margin:0;
	min-height:100px;
	clear:both;
}

#topcontainer div.topleft {
	float:left;
	width: 585px;
	margin: 0;
	padding:0;
	background:url('../images/site_objects/background_top.gif') top left repeat-y;
	min-height:100px;
}

#topcontainer div.topright {
	width: 285px;
	float:left;
	margin: 0;
	padding:0;
	background:#F26334;
	min-height:100px;
}

#topcontainer div.topright div.form {
	float:left;
	margin: 0;
	padding:25px 0 0 0;
}

#maincontentcontainer {
	float:left; 
 	width: 870px;
	padding:0;
	margin:0;
	clear:both;
}

#maincontentcontainer div.leftmenu, #maincontentcontainer div.leftmenu #navigation  {
	float:left;
	width:200px;
	padding:0;
	margin:0;
}

#maincontentcontainer div.leftmenu img  {
	display:block;
}

#maincontentcontainer #maincontent {
	float:left;
	width:670px;
	padding:0;
	margin:0;
}

 

#footer {
	position: relative;
	float:left;
	text-align: left;
	margin: 0;
	height: 34px;
	width: 848px;
	padding: 0 0 12px 22px;
}

#footer div.footleft {
	float:left;
	width:630px;
	padding:0;
	margin:40px 0 0 0;
}

#footer div.footright {
	float:right;
	width:195px;
	padding:0;
	margin:0;
}


#footer ul.footer {
	font-size:70%;
	color:#B6B6B6;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#footer ul.footer li {
	padding:3px 4px 3px 0;
	margin:0;
	display:inline;
}

#footer ul.footer li a, #footer ul.footer li a:visited {
	color:#B6B6B6;
	font-weight:normal;
}

/* ------- 3 BRANDING / LOGO  ---------- */

#topcontainer div.topleft div.logo {
	float:left; 
	margin:20px 0 0 0;
	padding:0 0 0 12px;
	width:400px;
}


/* -------  Print basket  ---------- */

#topcontainer div.print {
	float:left; 
	margin:0;
	padding:20px 0 0 2px;
	width:135px;
}

#topcontainer div.print ul {
	margin:0;
	padding:0;
	list-style:none;
	color:#ffffff;
	font-size:70%;
}

#topcontainer div.print ul li {
	margin:0;
	padding: 4px 0 2px 0;
}

#topcontainer div.print ul li.pad {
	padding: 4px 0 1px 3px;
	margin:0;
}

#topcontainer div.print ul li a.add, #topcontainer div.print ul li a:visited.add {
	padding:0 0 2px 20px;
	margin:0;
	background:url('../images/site_objects/b_add_page.gif') top left no-repeat;
	color:#ffffff;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
}

#topcontainer div.print ul li a.view, #topcontainer div.print ul li a:visited.view {
	padding:0 0 4px 20px;
	margin:0;
	background:url('../images/site_objects/b_view_basket.gif') top left no-repeat;
	color:#ffffff;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
}

#topcontainer div.print ul li a:hover.add, #topcontainer div.print ul li a:active.add, #topcontainer div.print ul li a:hover.view, #topcontainer div.print ul li a:active.view {
text-decoration:underline;

}

/* ------- 4 MAIN NAVIGATION ELEMENTS   ---------- */
/* Add your  ul  and li classes for the main / top nav if required  */
#navigation ul {
	margin: 0;
	padding: 0;
	display: list-item;
	color: #231F20;
	list-style-type: none; 
	width:200px;
	font-size: 70%;
	border-top:1px solid #999999;
}

#navigation ul li {
	display: block;
	border-bottom: 1px solid #E5E5E5;
	padding: 0;
	margin:0;
}

#navigation ul ul  {
	font-size: 100%;
	padding:0;
	margin: 0;
	border-bottom:1px solid #999999;
	border-top:none;

}

#navigation ul ul ul  {
	font-size: 100%;
	padding: 0;
	margin: 0;
	background:#ffffff;
	border:none!important;

}

#navigation ul li ul li  {
	display: block;
	padding: 0;
	margin:0;
	border-bottom: 1px solid #E5E5E5;
}

#navigation ul li ul li ul li  {
	display: block;
	padding: 0;
	margin:0;
	border-bottom: 1px solid #E5E5E5;
}

/*page navigation*/
div.intnavigation {
	padding:0;
	margin:0 0 16px 0;
	width:670px;
	float:left;
	height:54px;
}

html>body div.intnavigation {
	padding:0;
	margin:0 0 16px 0;
	width:670px;
	float:left;
	height:auto;
	min-height:54px;
}

div.intnavigationnopad {
	padding:0;
	margin:00;
	width:670px;
	float:left;
	height:40px;
}

html>body div.intnavigationnopad {
	padding:0;
	margin:0;
	width:670px;
	float:left;
	height:auto;
	min-height:40px;
}

div.intnavigationbottom {
	padding:0;
	margin:0 0 14px 0;
	width:195px;
	float:left;
}

div.intnavigation div.navImage, div.intnavigationnopad div.navImage {
	width:450px;
	float:left;
	padding:0;
	margin:0;
}

div.intnavigation div.navContent, div.intnavigationnopad div.navContent {
	float:left;
	width:210px;
	padding:0;
	margin:0;
}

div.intnavigationbottom div.navContentbot {
	float:left;
	width:195px;
	padding:0;
	margin:0;
}

div.intnavigation div.navContent ul, div.intnavigationnopad div.navContent ul  {
	float:left;
	margin:10px 0 17px 0;
	padding:0 0 5px 0;
	display:inline;
	list-style:none;
	font-size:70%;
	clear:both;
}

div.intnavigationbottom div.navContentbot ul {
	float:left;
	margin:0;
	padding:0 0 5px 0;
	display:inline;
	list-style:none;
	font-size:70%;
	clear:both;
	border-bottom:1px solid #999999;
}

div.intnavigationbottom div.navContentbot ul.top {
	float:left;
	margin:6px 0 17px 0;
	padding:0 0 5px 0;
	display:inline;
	list-style:none;
	font-size:70%;
	clear:both;
	border:none;
}

div.navContent ul li, div.navContentbot ul li {
	margin:0;
	padding:2px 0 0 0;
	display:inline;

}


div.intnavigationbottom a.pageback, div.intnavigationbottom a.pageback:visited, div.intnavigation a.pageback, div.intnavigation a.pageback:visited, div.intnavigationnopad a.pageback, div.intnavigationnopad a.pageback:visited   { 
	color:#C8C8C8;
	text-decoration:none;
	background:url('../images/site_objects/arrow_back_grey.gif') top left no-repeat;
	padding:0px 6px 6px 18px;
	margin:0;
	font-weight:normal;
	
}

div.intnavigationbottom a.pagenext, div.intnavigationbottom a.pagenext:visited, div.intnavigation a.pagenext, div.intnavigation a.pagenext:visited, div.intnavigationnopad a.pagenext, div.intnavigationnopad a.pagenext:visited  { 
	color:#FBAC18;
	text-decoration:none;
	background:url('../images/site_objects/arrow_orange.gif') top right no-repeat;
	padding:0px 18px 6px 6px;
	margin:0;
	font-weight:normal;
	
}

div.intnavigationbottom a.pagetop, div.intnavigationbottom a.pagetop:visited { 
	color:#C8C8C8;
	text-decoration:none;
	background:url('../images/site_objects/arrow_top.gif') top left no-repeat!important;
	padding:0px 18px 6px 18px;
	margin:0;
	font-weight:normal;
}


div.intnavigation a.orangearrow , div.intnavigation a.orangearrow:visited, div.intnavigationnopad a.orangearrow , div.intnavigationnopad a.orangearrow:visited {
	color:#FBAC18;
	text-decoration:underline;
	background:url('../images/site_objects/arrow_orange.gif') top right no-repeat;
	padding:0px 14px 6px 6px;
	margin:0;
	font-weight:bold;
}

div.intnavigationbottom a:hover, div.intnavigationbottom a:focus, div.intnavigationbottom a:active, div.intnavigation a:hover, div.intnavigation a:focus, div.intnavigation a:active, div.intnavigationnopad a:hover, div.intnavigationnopad a:focus, div.intnavigation a:active { 
	text-decoration:underline!important;
}


/* ------- 5 SUB NAVIGATION ELEMENTS   ---------- */
/* Add your  ul  and li classes for the sub / side  nav if required  */

#accessiblenav ul, #accessiblenavHome ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#accessiblenav li, #accessiblenavHome li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#accessiblenav a:link, #accessiblenav a:visited {
	position: absolute;
	top: 9em;
	left: 201px;
	overflow: hidden;
	width: 0;
	color:#ffffff;
	height: 0;
	z-index: 1002;
}
#accessiblenav a:active, #accessiblenav a:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 4px;
	background:#FBAC18;
	z-index: 10000;
	text-decoration:underline;
}

#accessiblenavHome a:link, #accessiblenavHome a:visited {
	position: absolute;
	top: 0;
	left: 529px;
	overflow: hidden;
	width: 0;
	color:#ffffff;
	height: 0;
	z-index: 1002;
}
#accessiblenavHome a:active, #accessiblenavHome a:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 4px;
	background:#FBAC18;
	z-index: 10000;
	text-decoration:underline;
}





/* ------- 6 FOOTER ELEMENTS   ---------- */
/* Add your  ul  and li classes for the footer  nav if required  */


/* ------- END OF LAYOUT.CSS   ---------- */