/*
  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)


*/

body {  		
		width: 780px;

		padding: 0px;		
		margin: 0px auto 0px auto;

		text-align: justify;
		
		background: rgb(227, 214, 199) url('images/body_bg_2.jpg') center top repeat-y;
		/*background: rgb(0, 123, 194) url('images/body_bg_3.gif') center top repeat-y;*/
		
		/*background: rgb(219, 189, 125) url('images/body_bg_2.jpg') center top repeat-y;*/

		/*border: black solid 1px;*/
		
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;		
		

		overflow: visible;
	}

/* LINKS
-----------------------------------------------*/

a {
	text-decoration: underline;
	text-align: left;
	color: red;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}

a:hover {
	text-align: left;
	color: white;
	background: rgb(153, 168, 190);	
	text-decoration: none;	
}

a.docLink {
		text-align: left;	
		
		padding: 2px 10px 2px 15px;
		/*border: red solid 1px;*/

		background-image: url('images/small_red_s_background.jpg');
		background-position: 2px 4px;
		background-repeat: no-repeat;

		line-height: 20px;
	}


a.docLink:hover {
		text-align: left;
		background-image: url('images/small_red_s_selected.jpg');
		background-position: 2px 4px;
		background-repeat: no-repeat;		
	}

a.docLinkDisabled,
a.docLinkDisabled:hover {		
		text-align: left;
		text-decoration: none;
				
		padding: 2px 10px 2px 15px;
		/*border: red solid 1px;*/

		background: transparent url('images/small_red_s_background.jpg') 2px 4px no-repeat;
		color: rgb(128, 0, 0);
		
		line-height: 20px;
	}

a.imageLink,
a.imageLink:hover,
a.imageLink img,
a.imageLink:hover img {
		margin: 0px;
		
		/* this fixes weird border(0px) problem in Gecko*/
		padding: 0px !important;
		padding: 1px;

		border-style: solid;
		
		border-width: 1px !important;
		border-width: 0px;

		border-color: transparent;


		background: transparent;		
	}



/* FORM bits
------------------------------------------------*/
fieldset {
		border: none;
		margin: 0px;
		padding: 5px 10px;
	}

label {
		padding: 0px;	
	}

.inputText {				
		padding: 0px;		
	}

.inputSelect {

	}

.inputButton {				
		border: none;
		padding: 3px 5px;
		background: transparent;
		
		color: red;
		font-weight: bold;		
		text-decoration: underline;

		cursor: pointer;		
	}

.inputButton:active {		
		background: rgb(153, 168, 190);
	}



/*
----------- HEADER ------------------*/


div#header {
		/*position: absolute;*/
		margin: 0px auto 0px auto;
		padding: 0px;		
		height: 50px;
		width: 750px;		
		/*background: rgb(216, 222, 232);*/
		/*border-right: rgb(131, 143, 162) solid 1px;
		border-left: rgb(131, 143, 162) solid 1px;*/
		/*border: rgb(131, 143, 162) solid 1px;*/
		/*border-bottom: none;*/		
	}

div#header a#headerLink,
div#header a#headerLink:hover {
		display: block;
		border: none;
		background: transparent;
		text-decoration: none;
	}

div#header a#headerLink img#headerImage {
		border: none;
		padding: 0px;		
		margin: 10px 0px -1px 25px;
		background: transparent;
	}



/*
---------- CONTAINER -------------------*/

/*
div#container {				
		position: absolute;
		

		width: 780px;	
		margin: 0px 0px 0px 0px;


		left: auto !important;
		left: 50%;
		margin-left: 0px !important;
		margin-left: -390px;	

		padding: 0px 0px 20px 0px;		
	} 							  */


/*	CONTENT
-------------------------*/



div.content {
		width: 300px;

		/*border: solid 1px red;*/
				
		margin: 0px 0px 0px 15px;
		padding: 10px 5px 1px 15px;
				
				/*background: url('../../assets/enourmous_s_3.png') 0px 0px no-repeat;*/
				/*border-left: rgb(131, 143, 162) solid 1px;
				border-right: rgb(131, 143, 162) solid 1px;*/
				/*border-bottom: none;*/
		
				/*border: black solid 1px;*/
		
		background: url('images/chopped_bg_content_1.gif') 0px 0px no-repeat;		
		
		height: auto !important;
		height: 945px;
		min-height: 945px;
	}

body.bigImagePage div.content {		
		width: 200px;
		background-position: -100px 0px;	
	}

body.textPage div.content {
		width: 600px;
		padding: 50px 30px 20px 135px;
		margin: 0px;
		
		height: auto !important;
		height: 800px;
		min-height: 800px;		

		background: 0px 0px no-repeat;
		background-image: url('images/text_bg_fade.jpg');
		/*background-image: url('images/chopped_bg_middle.png')  !important;
		background-image: url('images/chopped_bg_middle_ie.png');*/
	}


div.content div.contentTitle {		
		
		/*border: solid 1px red;*/

		font-size: 20px;
		text-align: center;
		font-weight: bold;
		padding: 10px 0px 0px 0px;
		margin: 0px;				
	}

body.textPage div.content div.contentTitle {
		padding: 0px 30px 0px 30px;
		margin-top: -30px !important;
		margin: -10px 0px 40px 0px;
	}

div.content div.contentText {
		padding: 0px;
		margin: 0px;		
	}


/* IMAGE CLIP
---------------------------------------------*/


div.transHack {
		position: absolute;
		top: auto;
		bottom: auto;
		right: auto;

		z-index: 10;				
		
		
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;

		/*border: solid 1px black;*/

		/*left: auto !important;
		left: 50%;*/

		left: auto;
		
		
	} 

div.transHack#transHack1 {
		top: 93px;
		width: 180px;
		height: 140px;
		
		background-image: url('images/chopped_bg_top.png')  !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../style/images/chopped_bg_top_ie.png', sizingMethod='crop');
		

		/*background-image: url('images/chopped_bg_top_ie.png');*/

		margin-left: 333px !important;
		margin-left: 318px;	 
	}

*:first-child+html div.transHack#transHack1 {
		margin-left: 318px !important;
	}

body.bigImagePage div.transHack#transHack1 {
		margin-left: 233px !important;
		margin-left: 218px; 
	}

*:first-child+html body.bigImagePage div.transHack#transHack1 {
		margin-left: 218px !important;
	}

div.transHack#transHack2 {
	    top: 232px;
	    width: 80px;
		height: 690px;
		
		background-image: url('images/chopped_bg_middle.png')  !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../style/images/chopped_bg_middle_ie.png', sizingMethod='crop');
		/*background-image: url('images/chopped_bg_middle_ie.png');		*/

		margin-left: 335px !important;
		margin-left: 320px;
	}

*:first-child+html div.transHack#transHack2 {
		margin-left: 320px !important;
	}

body.bigImagePage div.transHack#transHack2 {		
		margin-left: 235px !important;
		margin-left: 220px; 
	}

*:first-child+html body.bigImagePage div.transHack#transHack2 {
		margin-left: 220px !important;
	}

div.transHack#transHack3 {
		top: 881px;		
		width: 184px;
		height: 168px;

		background-image: url('images/chopped_bg_bottom.png')  !important;
		background: 0px -2px no-repeat;		
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../style/images/chopped_bg_bottom_ie.png', sizingMethod='crop');

		margin-left: 151px !important;
		margin-left: 136px;
	}

*:first-child+html div.transHack#transHack3 {
		margin-left: 136px !important;
	}

body.bigImagePage div.transHack#transHack3 {
	   margin-left: 51px !important;
	   margin-left: 36px;	   
	}

*:first-child+html body.bigImagePage div.transHack#transHack3 {
		margin-left: 36px !important;
	}



body.textPage div.transHack {
		display: none;
	}





/*
---------- IMAGERY -----------------------*/

div.imagery {
		position: absolute;		
		z-index: 5;
		
		
		top: 93px;		
		
		width: 415px;		
		
		height: auto !important;
		height: 965px;
		min-height: 965px;
		
		margin: 0px 0px 0px 0px;
		padding: 0px 1px 0px 0px;

		
				
		/*background: rgb(216, 222, 232);*/
		/*background: rgb(153, 168, 190);*/
		right: auto;
		bottom: auto;
		left: auto;/* !important;
		left: 50%; */
		margin-left: 345px !important;
		margin-left: 330px;		
	}


div.imagery img.mainImage {
		display: block;
		margin: 0px 5px 5px auto;
		padding: 0px;
		width: 400px;
	}

body.bigImagePage div.imagery {
		width: 500px;
		/*border: red 1px solid;*/
		margin-left: 260px !important;
		margin-left: 245px;
	}

*:first-child+html body.bigImagePage div.imagery {
		margin-left: 245px !important;
	}

	

body.bigImagePage div.imagery img#bigImageProduct {
		/*border: red 1px solid;*/
		margin: 0px;
		
	}

/*
--------- FOOTER -------------------*/

div.footer {		
		width: 780px;
		height: 33px;
		padding: 3px 0px 0px 0px;
		margin: 0px 0px 10px 0px;

		color: rgb(255, 255, 255);		
		/*background: rgb(216, 222, 232) */
		background: url('images/menu_strip_longish.jpg') 0px 0px no-repeat;
		/*border: rgb(131, 143, 162) solid 1px;*/
		text-align: center;
	}

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

div.footer a {
		color: white;
		padding: 0px 5px;
	}

div.footer a:hover {		
	}


/*
-------- MENU -------------------*/
div#menu {	
		z-index: 20;
		margin: 10px auto 0px auto;
		padding: 0px 0px 0px 0px;		
		border: none;
		height: 33px;
		width: 780px;
		/*background: rgb(216, 222, 232) */
		background: url('images/menu_strip_longish.jpg') 0px 0px no-repeat;
		
		
		font-size: 10px;
		text-align: center;

		/*border: rgb(131, 143, 162) solid 1px;				*/
		/*border-right: rgb(131, 143, 162) solid 1px;
		border-left: rgb(131, 143, 162) solid 1px;*/
	}


div.mainMenu, div.mainMenuSelected {			
		display: inline;
		z-index: 20;

		margin: 0px;		
		padding: 10px 0px 0px 0px;	

		
	}

div.mainMenu {				
	}

div.mainMenuSelected {
		
	}

div.mainMenu p, 
div.mainMenuSelected p {					
		display: inline;
		
		padding: 8px 5px 8px 15px;		
		margin: 0px 0px 0px 0px;										

		line-height: 33px;		
		font-weight: bold;		

		background-position: 3px 9px;
		background-repeat: no-repeat;
		
		color: white;
		/*border: solid 1px rgb(153, 168, 190);*/
		/*border-left: none;*/
	}

div.mainMenuSelected p {				
		cursor: pointer;
		/*background: url('images/lozenge_short.jpg') 0px 0px no-repeat;*/
		
		background-image: url('images/small_red_s_selected.jpg');
		background-color: rgb(153, 168, 190);
		/*border: rgb(181, 191, 204) solid 1px;*/
	}

div.mainMenu p {
		/*background-color: rgb(9, 56, 92);*/		
		background-image: url('images/small_red_s.jpg');		
	}

div.mainMenu div.subMenu {
		display:none;
	}

div.mainMenuSelected div.subMenu {
		display: block;
	}

div.subMenu {
		position: absolute;		
		display: block;
		z-index: 40;

		width: 220px;
		left: 50%;

		margin: 0px 0px 0px 0px;
		margin-top: 15px !important;
		margin-top: 60px;

		padding: 0px;

		background-image:  url('images/bg_top_strip_thin.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../style/images/bg_top_strip_thin.png', sizingMethod='crop');
	}

*:first-child+html div.subMenu {
		margin-top: 60px !important;
	}

div.mainMenu div.subMenu {				
		
	}

/*
-- This is site specific --
div#menuProducts div.subMenu {
		margin-left: -390px;		
	}

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

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

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

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

div.subMenu ul {				
		padding: 0px 0px 0px 0px;
		margin: 17px 0px 0px 0px;		
		/*background: rgb(93, 125, 149);*/		
		/*background: url('images/bg_bottom_strip_thin.png') bottom no-repeat;*/
		width: 220px;
	}

/* for bottom of menus. IE again.*/

div.subMenu div.menuTransHack {
		height: 17px;
		width: 220px;
		margin: 0px;
		padding: 0px;
		background-image: url('images/bg_bottom_strip_thin.png') !important;
		background: 0px 0px no-repeat;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../style/images/bg_bottom_strip_thin.png', sizingMethod='crop');
	}

div.subMenu ul li {		
		padding: 0px 0px 0px 0px;		
		margin: 0px;
		border: none;
		
		list-style: none;		
		background: 0px 0px url('images/bg_middle_strip_ie.gif') repeat-y;
		/* 
			Doing PNG AlphaImageLoader hack for top and bottom, but won't do any highlighting
            half way down on IE so using a GIF that has had its brightness dropped by 10 so
			IE PNG color warp is compensated for. 
			What an annoying browser!
		*/
		background-image: url('images/bg_middle_strip.png') !important;		
		width: 220px;
	}


div.mainMenuSelected div.subMenu ul li p {
		padding: 0px;
		margin: 0px;

		background: none;
		border: none;		

		font-variant: normal;
		text-align: left;
		
		display: inline;
	}

/*div.subMenu ul li p#homeLink a,
div.subMenu ul li.subMenuItemSelected p#homeLink a {		
		background-image: url('images/small_red_s.jpg');
		background-position: 7px 5px;
		background-repeat: no-repeat;
		text-indent: 1px;
	}

div.subMenu ul li.subMenuItemSelected p#homeLink a {
		background-image: url('images/small_red_s_selected.jpg');
	}  */

div.subMenu ul li p.pseudoSubItem a {
		text-indent: 0px;
	}

div.subMenu ul li.subMenuItemSelected p a,
div.subMenu ul li.subMenuItemSelected p a:hover {
		background: rgb(153, 168, 190);
		color: white;
	}

div.subMenu ul li p a {		
		padding: 0px 22px 0px 22px;
		margin: 0px 3px 0px 3px;					

		height: auto !important;
        height: 25px;
		
		display: block;
		/*background: url('../../assets/bg_middle_strip.jpg') 0 0 repeat-y;*/

		color: white;		

		text-decoration: none;		
		text-align: left;		
		text-transform: none;		
		text-indent: -15px;

		/*font-size: 10px;*/

		line-height: 200%;        
		
		white-space: normal;		
	}

*:first-child+html div.subMenu ul li p a {
		height: 25px !important;
	}

div.subMenu ul li p a img {
		border: none;
		height: 10px;
		padding-right: 5px;		
		padding-top: 5px;
	}


/*
--------- SLIDESHOW ------------*/

div.slideshow {
		padding: 0px 0px 0px 0px;
		margin: 0px;

		/*border: solid black 1px;*/
	}

div.slideshow p#ssLabel {
		position: absolute;

		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 130px;
		width: 250px;

	/*	border: red solid 1px;*/

		text-align: center;
		font-size: 20px;
		font-weight: bold;
		line-height: 25px;
		

		color: rgb(0, 56, 92);
	}

div.slideshow p#ssLabelNoMatches {		
		display: none;
		position: absolute;

		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px 170px;
		width: 180px;

		text-align: center;		
		font-weight: bold;
		line-height: 25px;

		color: rgb(0, 56, 92);

	}

div.slideshow a#ssViewerLink {
		margin: 0px;
		padding: 0px;
	}
	
div.slideshow img#ssViewer {
		border: none;
		position: absolute;
		margin: 35px 0px 0px 60px;
		width: 350px;
		height: 350px;
	}

#ssThumbs {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		/*border: solid black 1px;*/
	}

#ssThumbs td,
#ssThumbs div {		
		position: absolute;		
		height: 0px;
		width: 0px;
		
		padding: 0px;
		margin: 0px;
		margin-top: 0px !important;
		margin-top: 20px;

		color: #aaaaaa;
		text-align: center;		
		vertical-align: top;
		
		border: black solid 1px;		
	}

#ssThumbs div {
		border: none;
	}

#ssThumbs a {
		
		text-align: center;
		text-decoration: none;
		font-weight: normal;		
		background: transparent;
		position: absolute;

		line-height: 0%;

		padding: 0px;
		margin: 0px;
		border: none;
		
		font-size: 0%;
		color: rgb(216, 222, 232);
	}

#ssThumbs a:hover {
		
	}


#ssThumbs a img {		
		position: absolute;
		width: 50px;
		height: 50px;
		padding: 0px;		
		
		margin: 0px;		
		
		/*border: black solid 1px;*/
		border: none;
	}

#ssThumbs a img#ssID0  { margin-left: 70px;  margin-top: 340px;}
#ssThumbs a img#ssID1  { margin-left: 120px; margin-top: 380px;}
#ssThumbs a img#ssID2  { margin-left: 180px; margin-top: 395px;}
#ssThumbs a img#ssID3  { margin-left: 240px; margin-top: 395px;}
#ssThumbs a img#ssID4  { margin-left: 300px; margin-top: 380px;}
#ssThumbs a img#ssID5  { margin-left: 355px; margin-top: 340px;}

#ssThumbs a img#ssID6  { margin-left: 90px;  margin-top: 430px;}
#ssThumbs a img#ssID7  { margin-left: 150px; margin-top: 447px;}
#ssThumbs a img#ssID8  { margin-left: 210px; margin-top: 447px;}
#ssThumbs a img#ssID9  { margin-left: 270px; margin-top: 447px;}
#ssThumbs a img#ssID10 { margin-left: 330px; margin-top: 430px;}

#ssThumbs a img#ssID11 { margin-left: 180px; margin-top: 500px;}
#ssThumbs a img#ssID12 { margin-left: 240px; margin-top: 500px;}
#ssThumbs a img#ssID13 { margin-left: 210px; margin-top: 553px;}

table#ssThumbs td a img.ssSlideShowing {
		/*border: #000000 solid 1px;*/
	}


/* COVER
---------------------------------------------------------------------------*/

body.bodyCover {
		background: white;
	}

body.bodyCover img#imageBackup {
		display: block;
		margin: 0px 70px 0px 70px;
		width: 640px;
		height: 404px;
	}

body.bodyCover img#imageAnimation {
		display: block;
		margin: 0px 190px 0px 190px;
		width: 400px;
		height: 300px;
	}

body.bodyCover ul {		
		margin: 0px 0px 0px 30px;
		padding: 0px;		
	}



body.bodyCover li#UK 	{ margin-top: 0px;   margin-left: 180px; }
body.bodyCover li#EU	{ margin-top: -52px; margin-left: 360px;}


/*body.bodyEurope li#BEFR 	{ margin-top: 52px; margin-left: 360px;}
body.bodyEurope li#NL 	{ margin-top: -52px; margin-left: 540px;}
body.bodyEurope li#FR	{ margin-top: 10px;   margin-left: 0px;}
body.bodyEurope li#GE	{ margin-top: -52px; margin-left: 180px;}
body.bodyEurope li#AUS	{ margin-top: -52px; margin-left: 360px;}
body.bodyEurope li#PL	{ margin-top: -52px; margin-left: 540px;}*/

body.bodyCover li {
		list-style: none;		
		/*background: red;*/
		width: 180px;

		/*border: black solid 1px;*/
		
		height: 52px !important;
		height: 50px;		

		margin: 0px;
		padding: 0px;
	}

body.bodyCover li a {				
		position: absolute;
		display: block;
		
		height: 50px;

		margin: 0px;
		padding: 0px;
		margin-top: 2px !important;
		margin-top: 0px;

		text-align: center;
		text-decoration: none;
		color: rgb(93,  125, 149);
	}

body.bodyCover li a:hover {
		color: white;
		text-align: center;
	}

body.bodyCover li a.inactiveLink:hover {
		background: white;
		color: rgb(93,  125, 149);
	}

body.bodyCover li a img {
		border: none;
		display: block;
		width: 29px;
		height: 19px;
		margin: 10px 75px 5px 75px;
	}

/* EUROPE
---------------------------------------------------*/

body.bodyEurope a#headerLink {
		margin-left: -10px;
	}

body.bodyEurope div#imageHolder {
		margin-left: 0px !important;
		margin-left: 10px;
	}

body.bodyEurope div.transHack {
		margin-top: -100px;		
	}

body.bodyEurope div.imagery img.imageProduct#bigImageProduct{		
		margin-top: -100px !important;
		margin-top: 0px;		
	}

body.bodyEurope div.transHack#transHack1 {		
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/chopped_bg_top_ie.png', sizingMethod='crop');		
	}

body.bodyEurope div.transHack#transHack2 {
		height: 538px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/chopped_bg_middle_ie.png', sizingMethod='crop');		
		/*margin-left: 345px !important;
		margin-left: 320px;*/
	}

body.bodyEurope div.imagery {
		height: auto !important;
		height: 609px;
		min-height: 609px;

		margin-top: 0px !important;
		margin-top: -100px;
	}

body.bodyEurope div.content {
		background-image: none;
		
		height: auto !important;
		height: 609px;
		min-height: 609px;
	}

body.bodyEurope p#address {
		margin-left: 15px;
		margin-top: 70px;
		text-align: center;
	}

body.bodyEurope ul {
		padding: 0px;		
		margin-left: 15px;
		
		margin-top: 10px !important; 
		margin-top: 30px;
	}

body.bodyEurope li {
		list-style: none;
		width: 180px;
		margin: 0px;
		padding: 0px;
	}

body.bodyEurope li a {
		
		display: block;
		
		height: 60px;		

		margin: 0px;
		padding: 0px;
		margin-top: 2px !important;
		margin-top: 0px;

		text-align: center;
		text-decoration: none;
		color: rgb(93,  125, 149);
	}

body.bodyEurope li a:hover {
		color: white;
		text-align: center;
	}

body.bodyEurope li a.inactiveLink,
body.bodyEurope li a.inactiveLink:hover {
		background: rgb(216, 222, 232); 
		color: rgb(181, 191, 204);
	}

body.bodyEurope li a img {
		border: none;
		display: block;
		width: 29px;
		height: 19px;
		padding-top: 10px;
		margin: 0px 75px 5px 75px;
	}


/* site map
----------*/

div#contentSite p.siteFolder {
		display: none;
	}

div#contentSite ul p.siteFolder {
		display: block;
		margin-top: 20px;
		font-size: 12px;
		font-weight: bold;
	}


div#contentSite ul {
		margin: 20px 0px 20px 20px;
		padding: 10px;		
	}

div#contentSite ul ul {
		border: solid 1px rgb(181, 191, 204);
	}



/* DEBUG
--------------------------------------------------------------------------*/

#debugElementId {
		position : absolute;
		z-index: 100;
		left : 100%;
		margin-left: -800px;
		width :400px;
		height : 300px;
		top : 550px;
		background-color : white;
		border :black solid 1px;
		font-size: 12px;
		font-family: Courier New;
		text-align: left;
		overflow: scroll;
	}