/*
  Color pallete

  pale blue: 			rgb(216, 222, 232)
  dark blue: 			rgb(0,   56,  92)

  grey blue: 			rgb(131, 143, 162)
  light grey blue: 		rgb(181, 191, 204)

  header darkish blue: 	rgb(93,  125, 149)

  purply blue: 			rgb(181, 189, 214) 
*/

h2 {
		font-size: 18px;
		text-align: left;		
	}

h3 {
		font-size: 14px;
		text-align: left;
		margin-bottom: 0px;
	}

h4 {
		font-size: 11px;
	}
	


cite {
		padding: 0px 3px 0px 4px;
	}
	
img.imageFloatRight {
		float: right;
		clear: right;
		padding: 10px 20px 10px 10px;
	}

img.imageFloatLeft {
		float: left;
		clear: left;
		padding: 10px 10px 10px 20px;
	}

div#header {
		

	}

a.docLink {
		background-image: url('images/small_s_background.jpg');
		padding: 2px 10px 2px 16px;
		background-position: 3px 4px;
		background-repeat: no-repeat;
	}

a.docLink:hover {
		background-image: url('images/small_s_selected.jpg');
		background-repeat: no-repeat;
		background-position: 3px 4px;
	}

a.docLinkDisabled,
a.docLinkDisabled:hover {
		background-image: url('images/small_s_background.jpg');
		background-repeat: no-repeat;
		background-position: 3px 4px;
	}

a#indexCaption {
		text-align: center;
		display: block;
		margin-top: -10px !important;
		margin: 0px 50px 0px 50px;
	}



	
/* cover page
-----------------------------------*/

body#coverPage {
		background: rgb(216, 222, 232);
	}

body#coverPage img {
		display: block;
	}

body#coverPage img#logo {
		/*margin: 10px auto 5px auto;*/
		padding: 0px;		
	}



/*
body#coverPage a#covershot {
		background: transparent;
		display: block;
		margin: 10px auto 10px auto;
		padding: 0px;
		width: 300px;
	}

body#coverPage a#covershot img{
		width: 300px;
		display: block;
		border: none;
		margin: 0px;
		padding: 0px;
		
	}*/

body#coverPage p {		
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

/*body#coverPage img#range {
		position: absolute;
		z-index: 10;
	}*/

body#coverPage img#bottomLeft {
		position: absolute;
		margin-top: -40px;
		margin-left: 25px;
		width: 250px;
	}

body#coverPage img#bottomMiddle {
		position: absolute;
		margin-top: 10px;
		margin-left: 275px;
		width: 250px;
	}

body#coverPage img#bottomRight {
		position: absolute;
		margin-left: 525px;
		margin-top: -40px;
		width: 250px;
	}





/* UK MENU ITEMS
--------------------------------*/

div.mainMenuSelected p {				
		background-position: 3px 10px;
		background-image: url('images/small_s_selected.jpg');
	}

div.mainMenu p {		
		background-position: 3px 10px;
		background-image: url('images/small_s.jpg');
	}


div#menuProducts div.subMenu {
		margin-left: -390px;		
	}

div#menuServices div.subMenu {
		margin-left: -250px;		
	}

div#menuInformation div.subMenu {
		margin-left: -110px;		
	}

div#menuAbout div.subMenu {
		margin-left: 30px;		
	}

div#menuInternational div.subMenu {
		margin-left: 170px;		
	}

div#menu div.mainMenu p,
div#menu div.mainMenuSelected p {
		font-size: 11px;
	}

div#menuStelradLifestyle a {
		display: inline;
			
		padding: 8px 5px 8px 15px;		
		margin: 0px 0px 0px 0px;										
		
		font-size: 11px;
		line-height: 33px;		
		font-weight: bold;
					
		cursor: pointer;
			
		color: white;
		background: url('images/small_s.jpg') 3px 9px no-repeat;

		
		text-decoration: none;
	   
	}

div#menuStelradLifestyle a:hover {		
		
		background: rgb(153, 168, 190) url('images/small_s_selected.jpg') 3px 9px no-repeat;

		
		color: white;
	}

div#header a#installerLiveLogo {
		display: block;
		position: absolute;
		
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;

		margin-top: -52px;
		margin-left: 277px;
	}

div#header {
		
	}

#ssThumbs a img#ssID13 { margin-left: 180px; margin-top: 553px;}
#ssThumbs a img#ssID14 { margin-left: 240px; margin-top: 553px;}



/* INDEX PAGE
-----------------------------------------------------------*/


div#contentIndex a#instLiveStrip {
		position: absolute;		
		display: block;
		top: 0px;
		left: 50%;
		bottom: auto;
		right: auto;
		margin-top: 0px;
		margin-left: -130px;
		padding: 0px;
	}
	
div#contentIndex a#new_stars {
		position: relative;
		display: block;
		padding: 3px;
		border: solid 1px rgb(181, 191, 204);
	}
	
div#contentIndex a#new_stars:hover {
		border: solid 1px rgb(131, 143, 162);		
	}
	
div#contentIndex a#new_stars img {
		
	}
	
div#contentIndex a#new_stars span {
		position: absolute;
		line-height: 25px;
		left: 55px;
		font-size: 18px;
		text-align: center;
	}

div#contentIndex h2#K3 {
		position: absolute;				
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;

		width: 210px;

		margin-top: 2px;
		
		text-align: center;
	}
	
div#contentIndex h2#lst_vert {
		text-align: center;
	}

div#contentIndex div.contentTitle {
		margin-top: 35px;
	}

img.imageCollage {		
		width: 500px;
		padding: 0px;
		margin: 0px;
		border: none;
	}

body#bodyIndex div.imagery a.imageLink {
		padding: 0px;
		margin: 0px;
		font-size: 0%;
		display: block;
	}

body#bodyIndex img#big1 {		
		height: 315px;
		background: url('../UK/images/elite_big.jpg') 0px -120px no-repeat;
		border-top: 1px solid rgb(216, 222, 232);
	}

body#bodyIndex img#big2 {		
		height: 315px;
		background: url('../UK/images/compact_big.jpg')  0px -150px no-repeat;
		border-top: 2px solid rgb(216, 222, 232);
	}

body#bodyIndex img#big3 {
		height: 315px;
		background: url('../UK/images/softline_big.jpg')  0px -90px no-repeat;
		border-top: 2px solid rgb(216, 222, 232);
	}

div#lastUpdated {
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;

        margin-left: 20px !important;
		margin-left: -350px;
		margin-top: 8px;
		text-indent: 155px;
		
		font-style: italic;
		color: rgb(0,   56,  92);
	}

*:first-child+html div#lastUpdated {
		margin-left: -520px !important;
	}





/* Product - general
-------------------------------------------*/

/*p.productCategory {		
		padding: 0px;
		margin: 0px 0px 10px 0px;		

		white-space: nowrap;
		text-align: left;
	}

p.productCategory a {
		padding: 2px;
	}*/

div.productCategory {
		margin: 0px 0px 55px -10px;
		/*border: red solid 1px;*/
		position: absolute;
		left: auto;
		top:auto;
		bottom: auto;
		right: auto;
		width: 300px;
		z-index: 10;
	}

p.category {
		text-align: left;
		display: inline;
		padding: 0px 7px 0px 2px;
		margin: 0px 0px 0px 2px;
		background: url('images/category.gif') right 2px no-repeat;
		
		background-position: right 2px !important;
		background-position: right 5px;

		padding-right: 10px !important;
		padding-right: 7px;
	}

div.productCategory p#category_horizontal {
		display: none;
	}



body.bigImagePage div#contentProduct div.contentTitle,
body.bigImagePage div#contentProductTechInfo div.contentTitle {
		/*margin-top: -35px;*/
	}

body.imagePage div#contentSubRange div.contentTitle {
		/*margin-top: -35px; */
	}

body.imagePage div#contentRange div.contentTitle {
		margin-top: -15px;
	}

ul.categoryProductList {
		/*border: solid red 1px;*/
		margin: 0px;
		padding: 0px 0px 0px 30px;
		list-style: none;
	}

ul li {
	   margin: 3px 0px;
	}

img#guarantee {
		margin: 15px 0px;
		display: block;
	}

div#contentSubRange h2 {
		margin-left: 5px;
	}

/* Product Page
-----------------------*/

div#contentProduct ul {
		margin-left: 0px;
		padding-left: 0px;
	}

div#contentProduct li {
		padding: 5px 0px 7px 25px;
		list-style: none;
		background: url('images/dot.gif') 0px 4px no-repeat;
	}


/* Product Technical Info page
-------------------------------------------*/


div#contentProductTechInfo p#back {
		margin: 20px 0px;		
	}

div#contentProductTechInfo div div p {
		padding-bottom: 10px;
		text-align: left;
	}



/* STARS
---------*/

div#contentNewStars {
		position: relative;
		padding-left: 200px;
		height: 200px;
		margin-top: -10px;
		margin-bottom: 20px;
		border-top: 1px solid rgb(181, 191, 204);
		border-bottom: 1px solid rgb(181, 191, 204);
	}
	
div#contentNewStars img {
		position: absolute;
		left: 0px;
		top: auto;
		bottom: auto;
		right: auto;
	}

div#contentNewStars h2 {
		margin-top: 50px;
	}

div#contentNewStars * {
		text-align: center;
	}

div#downloadStars {
		float: right;
		width: 220px;
		padding: 0px 5px 10px 20px;
		color: white;		
		
	}

div#downloadStars div.downloadBox {
		background: url('images/bg_middle_strip.gif') 0px 0px repeat-y;

	}


div#downloadStars h3#download {
		padding: 20px 0px 10px 0px;		
		background: url('images/bg_top_strip_thin.gif') 0px 0px no-repeat;
		text-align: center;
		
	}

div#downloadStars h3#download a {		
		color: white;	
		text-align: center;
	}

div#contentStars img#imageStars { 		
		display: block;
		padding: 10px 0px 10px 27px; 
	}

div#downloadStars p#downloadBottom {
		background: url('images/bg_bottom_strip_thin.gif') 0px 0px no-repeat;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

div#downloadStars h3,
div#downloadStars p,
div#downloadStars h4 {
		padding: 5px 10px;
		margin: 0px;
	}



/* Downloads 
------------------------------------------*/

ul.productRangeDownloads {
		list-style: none;
	}

ul.productRangeDownloads li {
		
	}

div#contentDownloads h3 {
		background: url('../style/images/block_complete_long.jpg') 0px 0px no-repeat;
		font-size: 14px;
		line-height: 34px;
		color: white;
		text-indent: 20px;
	}
	
body#bodyDownloads p.caption {
	text-align: center;
}

body#bodyDownloads p.caption a.imageLink {
		text-decoration: none;
	}
	
	


p#adobe img {
		float: left;
		margin: 0px 10px;
	}
	


/* Home choice
--------------------------------------------*/

div#contentHomeChoice div.contentTitle {
		display: none;
	}

div#contentHomeChoice img#homeChoiceTitle {
		margin: 0px 0px 0px 135px;
	}	

div#contentHomeChoice img#homeChoiceIcon {
		display: block;
		float: left;
		margin: 10px 20px 10px 10px;
	}
	
/* Overview
------------------------------------------*/

body#bodyOverview img#collage1 {
		width: 415px;
		background: url('../UK/images/factory/stelrad_house.jpg') 0px 0px no-repeat;		
		height: 278px;
	}

body#bodyOverview img#collage2 {
		width: 415px;		
		background: url('../UK/images/factory/ndc_external.jpg') -85px -50px no-repeat;
		height: 262px;
	}

body#bodyOverview img#collage3 {
		width: 430px;		
		background: url('../UK/images/compact_with_style_big.jpg') -85px -180px no-repeat;
		height: 410px;
	}

/* NDC
------------------------------------------*/

body#bodyNDC img#collage1 {		
		height: 312px;
		background: url('../UK/images/factory/ndc_external.jpg') 0px 0px no-repeat;		
	}

body#bodyNDC img#collage2 {				
		height: 350px;
		background: url('../UK/images/factory/inside_ndc.jpg') 0px 0px no-repeat;	
	}

body#bodyNDC img#collage3 {		
		height: 250px;
		background: url('../UK/images/factory/lorry.jpg') 0px 0px no-repeat;
	}


/* Production
-------------------------------------------*/

body#bodyProduction img#collage1 {
		width: 500px;
		height: 300px;
		background: url('../UK/images/factory/metal_pressing.jpg') 0px 0px no-repeat;		
	}

body#bodyProduction img#collage2 {
		width: 500px;
		background: url('../UK/images/factory/lug_welding.jpg') 0px 0px no-repeat;
		height: 300px;
	}

body#bodyProduction img#collage3 {
		width: 500px;
		background: url('../UK/images/factory/painting_and_rail_4.jpg') 0px 0px no-repeat;
		height: 351px;
	}

/* Press releases
-------------------------------------------*/

/*
  IE seems to have real difficulty with the js that changes the article to Hidden and then
  the content div appears. 
  
  A border or background just gets screwed up, must be calc them in an odd order.

  So non-IE have a boder around an entire article when expanded.
  IE have a border around just the content.
*/

div.article {		
		border: rgb(181, 189, 214) solid 1px !important;
		border: none;
		
		margin: 10px 0px;
		
		padding: 0px !important;
		padding: 1px;
	}

div.articleHidden {
		border: none;
		margin: 10px 0px;
		padding: 1px;
	}

div.articleHeader {		
		margin: 10px 0px 0px 0px;
		padding: 0px 10px;
	}

h3.articleDate {
		/*border: red solid 1px;*/
		font-size: 12px;
		font-weight: normal;
		margin: 0px;
		padding: 0px;
	}

h2.articleTitle,
h2.articleTitleOver {
		/*border: green solid 1px;*/
		font-size: 14px;
		margin: -16px 0px 0px 120px;
		padding: 0px;
		cursor: pointer;
		text-align: justify;
	}

h2.articleTitleOver,
h2.articleTitle {
		color: red;
		text-decoration: underline;
	}

h2.articleTitleOver {			
		/*color: white;
		background: rgb(153, 168, 190);	
		text-decoration: none;	*/
	}

div.articleContent {		
		margin: 5px 5px 5px 20px;
		padding: 0px 10px;
		
		border: none !important;
		border: rgb(181, 189, 214) solid 1px;
	}

div.articleContent p {
		padding: 0px;
		margin: 5px 0px 10px 0px;
	}

div.articleHidden div.articleContent {
		display: none;
	}

/* color selector
-------------------------------------------*/

div#contentColorSelector {
		padding-top: 0px;
	}


p#colorWarning {		
		margin: 20px 0px 0px 160px;		
	}   	

ul.colorList {	
		padding: 0px 0px 0px 20px;
		margin: 30px 0px 0px 160px;		
	}   	

ul.colorList li {
		margin: 0px 0px; 
		padding: 0px;
		
		list-style: none;		
	}

ul.colorList li.evenItem {
		margin-left: 20px;
	}

ul.colorList li p {
		padding: 0px;
		margin: -5px 0px 0px 0px;
		line-height: 20px;		
	}

ul.colorList li.evenItem p {
		margin-left: 140px;	
	}

ul.colorList li div,
ul.colorList li img {
		display: block;

		width: 30px;
		height: 30px;
		margin: -25px 0px 0px 70px;
		padding: 0px 0px 0px 0px;
		border: solid 1px black;
	}

ul.colorList li.evenItem div,
ul.colorList li.evenItem img {
		margin-left: 90px;
	}

div#contentColorSelector ul {				
		margin-top: 0px !important;
		margin-top: -10px;

		margin-bottom: 0px !important;
		margin-bottom: -10px;
		
	}

/* exhibitions
-------------------------------------------------*/

ul.exhibition li {
		clear:both;
	}

ul.exhibition li a.imageLink {
		float: right;
		display: block;
	}


/* competition
-----------------------------------------------*/
div#contentCompetition label {
		display: block;
		height: 20px;
		
		line-height: 20px;
	}

div#contentCompetition label#label_new_name {
		font-weight: bold;
		font-size: 14px;
	}

div#contentCompetition label#label_new_name span {
		font-size: 11px;
		font-weight: normal;
	}

div#contentCompetition .inputText,
div#contentCompetition .inputTextArea {	
		width: 300px;
		margin-bottom: 0px;
	}
div#contentCompetition textarea#address {
		height: 80px;
	}

div#contentCompetition .inputButton {
		width: 300px;
		text-align: center;
	}

img.newRadSmall {
		float: right;
		clear: right;
		padding-right: 25px;
		padding-bottom: 15px;
	}

div#rules {
		width: 250px;
		float: right;
		padding-top: 30px !important;
		padding-top: 50px;
	}

div#rules li {
		padding-bottom: 15px;
	}

div#rules h4 {
		text-align: center;
	}

/* football
-----------------------------------------------*/

div#contentFootballCompetition img#footballFull {
		margin-left: 20px;
	}
 
div#contentFootballCompetition h3 {
		margin-top: 10px;
		text-align: center;
	}

div#contentFootballCompetition span#point1Subtext {
		display: block;
		font-size: 10px;
		text-indent: 10px;
		margin-top: 5px;
	}

div#contentFootballCompetition div#compTerms {
		font-size: 10px;
		
		margin: 0px 15px;		
		padding: 2px 10px 2px 5px;
		 
	}

div#contentFootballCompetition div#compTerms li {
		background: none;
		list-style: inside decimal;		
		margin: 0px;
	}

div#contentFootballCompetition div#compTerms {

	}


div#contentFootballCompetition form {
		margin-left: 110px;
		margin-bottom: 50px;
	}

div#contentFootballCompetition div.box {		
		width: 332px;
		float: none;
		clear: none;
		overflow: hidden;
		background: url('images/box_header_start.jpg') 0px 0px no-repeat;
	}

div#contentFootballCompetition div.box h3.boxHeader {
		height: 30px;
		padding-left: 0px;
		margin-top: 0px;
		font-size: 11px;
		line-height: 30px;
		color: white;
		background: url('images/box_header_end.jpg') right 0px no-repeat;
	}

div#contentFootballCompetition div.boxContent {
		width: 310px;
		padding: 10px;
		margin-left: 5px;
	}

div#contentFootballCompetition label {
		display: block;
		height: 20px;
		
		line-height: 20px;
	}

div#contentFootballCompetition .inputCheckbox {		
		height: 14px;
		width: 14px;
		margin: 3px;
	}

div#contentFootballCompetition div#boilerSalesQ,
div#contentFootballCompetition div#radSalesQ {
		float: left;
		width: 156px;
		margin-left: 10px !important;
		margin-left: 5px;		
		margin-bottom: 20px !important;
		margin-bottom: 0px;
		clear: none;
	}

div#contentFootballCompetition div#radSalesQ {
		margin-left: 10px;
	}

div#contentFootballCompetition div#boilerSalesQ .boxContent,
div#contentFootballCompetition div#radSalesQ .boxContent {
		width: 134px;		
	}

div#contentFootballCompetition div#boilerSalesQ label,
div#contentFootballCompetition div#radSalesQ label {
		margin-top: -22px;
		margin-left: 30px;
		margin-bottom: 5px;
	}

div#contentFootballCompetition div#reasonsQ {
		
		clear: left;
	}

div#contentFootballCompetition div#reasonsQ .inputCheckbox {
		float: left;		
	}

div#contentFootballCompetition div#contactBox {		
		margin-top: 20px !important; 
		margin-top: 10px;

	}

div#contentFootballCompetition div#contactBox .inputText,
div#contentFootballCompetition div#contactBox .inputTextArea {	
		width: 300px;
		margin-bottom: 0px;
	}
div#contentFootballCompetition textarea#address {
		height: 80px;
	}


div#contentFootballCompetition input#buttonEnterComp {
		float: right;
		margin-right: 175px;		
	}
/* Contact page
-------------------------------------------*/

div#contentContactDetails h3#sales {
		margin-top: 30px;
	}

div#contentContactDetails img {
		width: 380px;
	}

/* Directions
-----------------------------------------------*/

div.routeDirection {
		margin-top: 50px;
	}

/* Sales force locator
----------------------------------------------*/



body#bodyLocator div.contentTitle {		
		text-align: right;		
		padding-right: 7px;
	}

body#bodyLocator p#salesListLabel {		
		margin: 20px 0px 10px 350px;
	}	

div#salesForceList {		
		width: 250px;
		height: 420px;
		margin: 10px 0px 0px 350px;
		padding: 0px;
		
		border: inset 5px rgb(216, 222, 232);

		overflow: scroll;
	}

div#salesForceList ul {
		padding: 2px;
		margin: 0px;
	}

div#salesForceList ul li {
		list-style: none;
		border-bottom: lightgrey solid 1px;		
		padding: 0px 0px 5px 0px;
		margin: 0px 0px 5px 0px;
	}

div#salesForceList ul li#noMatches {
		display: none;		
	}

div#salesForceList ul li p {
		margin: 0px;
		padding: 0px;   	
		text-align: left;
	}


div#salesForceList ul li p.name {
		display: inline;		
	}

div#salesForceList ul li p.number {
		
		margin: -15px 0px 0px 0px;
		padding: 0px;
		text-align: right;
	}

div#salesForceList ul li p.postcodes {
		font-size:8px;
		color: rgb(127, 127, 127);
	}

div#salesForceList ul li p.title {
		font-weight: bold;
	}

img#areaMap {				
		margin: -40px 0px 0px -70px;
		padding: 0px;
		border: none;
		cursor: pointer;
	}

div#contentLocator div#selector {
		margin: -540px 0px 0px 370px;
	}

div#contentLocator div#selector .inputText,
div#contentLocator div#selector .inputSelect,
div#contentLocator div#selector label
{
		display: block;
	}

option#option1 {		
		background: brown;
		color: white;	}

option#option2 {
		color: white;
		background: green;
	}

option#option3 {		
		background: darkblue;
		color: white;
	}

option#option4 {		
		background: pink;
	}

option#option6 {		
		background: red;
	}
map#salesAreaMap {
		cursor: pointer;
	}

map#salesAreaMap area {
		cursor: pointer;
	}

/* SITE-MAP
-----------------------------------------------------------------*/

div#contentSite p {
		margin: 0px;
		padding: 0px;
	}

div#contentSite li {
		list-style: none;
	}