/*
  blue	    : rgb(48, 139, 203)
  d.blue    : rgb(48, 107, 144)
  yellow    : rgb(248, 203, 105)
  d. yellow : rgb(239, 176, 1)

*/


* {
		margin: 0px;
		padding: 0px;
		border: none;
	}


html {
		width: 100%;
		
	
		background: white url('images/blue_block_trim.gif') center -70px no-repeat;		
	}

:first-child+html {
		border-left: solid 1px white;
		border-right: solid 1px white;
	}


body {


		font-family: Arial, sans-serif;
		font-size: 14px;
		text-align: justify;			
		
		width: 804px;
		padding: 0px 0px 30px 0px;
	   	margin: 0px auto 0px auto;		

		/*color: black;
		background: white url('images/header_block.gif') 0px 0px repeat-x;*/

		color: rgb(235, 247, 255);
		
		/*background: rgb(48, 139, 203);*//* url('images/bg_magic_square.jpg') center 0px no-repeat;*/

		/*background: white url('images/content_top_left.png') center 130px no-repeat;*/
		
	}

a {
		padding: 1px;
		color: rgb(248, 203, 105);				
		font-weight: bold;		
	}

a:hover {		
		color: white;
		background: rgb(239, 176, 1);		
		cursor: pointer;
		text-decoration: none;
	}


h1 {    	
		margin: 5px;		
		color: white;
		text-align: center;
		line-height: 200%;
		font-size: 24px;
	}


h2 {
		margin: 5px;
		font-size: 18px;
		line-height: 200%;
		text-align: left;
		
		padding-left: 20px;
	}

h3 {
		font-size: 16px;
		font-weight: bold;
		
		line-height: 20px;
		text-align: left;				
		text-indent: -10px;
		color: rgb(248, 203, 105);
		
		
		margin-left: 20px;
		padding-left: 40px;
		margin-top: 20px;
		background: url('images/yellow_star_on_blue.jpg') 0px 0px no-repeat;
	}

h4 {
		font-size: 11px;
		text-align: left;		
		margin-left: 10px;
	}

p {
		line-height: 150%;
	}

q {
		font-style: italic;
		color: rgb(4, 58, 103);
	}

blockquote {
		
		padding: 10px;
		margin: 20px;
		border: 1px solid rgb(202, 194, 184);
		background: 0px 0px url('images/background_blockquote_top.gif') no-repeat;

	}

table {
		margin: 10px;	
	}

th {
		padding: 5px;
		text-align: center;
		background: rgb(48, 107, 144);
	}

td {		
		padding: 5px;
		border: solid 1px rgb(121, 182, 221);
	} 


ol, ul {    		
		margin-left: 20px;
	}

li {
		list-style: white disc inside;
		margin: 10px 20px 10px 40px;
		padding-left: 5px;		
	}

li.or {
		list-style: none;
		margin-left: 60px;
	}

a.imageLink:hover,
a.imageLink {
		background: transparent;
	}

.imageLink img {
		border: none;
	}

a.docLink,
a.docLink:hover {
		
	}

a.docLink {
		
	}

a.docLink:hover {
		
	}

a.mailLink,
a.mailLink:hover {
		
	}

a.mailLink {	
		
	}

a.mailLink:hover {
		
	}

/*div#transHack {
		position: absolute;
		left: 50%;
		margin-left: -400px;
		z-index: 20px;
		overflow: visible;
		display: none;
	}

div#transHack img#imageTopLeft {		
		margin-left: 0px;
		width: 162px;
		height: 470px;
	}*/

img.imageFloatRight {
		float: right;
		clear: right;
		padding: 10px 20px 10px 10px;
	}

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

.floatLeft {
		float: left;
		clear: left;		
	}

.floatRight {
		float: right;
		clear: right;		
	}

img.categoryIcon {
		padding: 0px;
		/*border: 1px solid rgb(0, 123, 194);*/
		margin: 0px 5px;
	}

.hidden {
		display: none;
		padding: 0px;
		margin: 0px;
	}

.invisible {
		visibility: hidden;
		padding: 0px;
		margin: 0px;
	}

h3.question {
		font-size: 11px;
	}

p.answer {
		margin-top: 0px;
		margin-bottom: 20px;
	}

p.imageSmallPrint {
		font-size: 10px;		
	}

/* Forms
--------------------------------*/

form {
		margin: 0px 20px 0px 40px;	
	}

label {
		font-weight: bold;
		padding-top: 4px;
		float: left;
		width: 150px;
		text-align: right;
	}

span.formRequired {
		color: rgb(248, 203, 105);
		font-weight: bold;		
		padding: 0px 2px;
		font-size: 20px;
		line-height: 12px;
	}

.inputTextArea,
.inputText {
		padding: 2px 1px;
		margin: 0px 0px 10px 160px;

		border: rgb(239, 176, 1) solid 2px;
		display: block;
		width: 200px;
		
		text-indent: 0px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
	}

.inputButton {
		color: rgb(48, 107, 144);
		background: white;
		padding: 2px 1px;
		border: 2px solid rgb(48, 107, 144);
		font-weight: bold;
		float: right;
		margin-right: 20px;		
	}

.inputButton:active {
		background: rgb(248, 203, 105);
		color: black;
	}

.inputCheckbox {
		display: block;
		
	}


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

div#header {		
		
		margin: 0px 0px 0px 0px;
		padding: 50px 2px 30px 2px;
		padding-top: 70px;
		
		height: 130px;		
		overflow: hidden;
		background: url('images/montage2.jpg') 280px 65px no-repeat;
		/*border: rgb(48, 107, 144) 2px solid;*/
		border-bottom: none;
		/*border-top: none;*/
		/*border-top: rgb(40, 106, 156) solid 1px;*/
		/*border-top: rgb(40, 106, 156) solid 1px;*/
		/*border-bottom: none;
		border-left: rgb(48, 107, 144) solid 1px;
		border-right: rgb(48, 107, 144) solid 1px;*/
		/*background: rgb(48, 139, 203) url('images/fade_strip_v.jpg') 0px 0px repeat-x;*/
		/*background: url('images/wave_sandy_light.jpg') 250px 0px no-repeat;*/
		/*background: url('images/boiler_4.jpg') 417px 20px no-repeat;*/
	}

div#header a {
		background: transparent;		
		padding: 0px;
		margin: 0px;
	}

/*div#header a img {
		margin: 10px 0px 0px 0px;
		width: 180px;
		height: 68px;
		border: none;
	}*/

div#header a img {		
		/*position: absolute;		*/
	}



/* MENU
-----------------------------------*/

div#menu {	
		position: absolute;
		
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		
		height: 60px;		
		
		padding: 0px 0px 0px 0px;		
		margin: -235px 0px 0px 2px;

		/*border-top: 2px solid rgb(48, 107, 144);
		border-bottom: 2px solid rgb(48, 107, 144);*/
		
		/*background: url('images/menu_strip_top_flipped.jpg') 0px 30px repeat-x;*/
		/*border-bottom: 1px solid white;*/

		/*background: rgb(48, 139, 203);

		border: rgb(48, 107, 144) solid 1px;
		border-top: none;
		border-bottom: none;*/


		/*border-top: rgb(125, 26, 60) solid 1px;
		border-bottom: rgb(125, 26, 60) solid 1px;
		border-left: rgb(0, 123, 194) solid 1px;
		border-right: rgb(0, 123, 194) solid 1px;*/
	}


div.mainMenu, div.mainMenuSelected {	
		/*height: 32px;	*/
		width: 133px;

		height: 90px;		

		/*border-left: solid 1px white;*/

		padding: 0px 0px 0px 0px;
		margin: -90px 0px 0px 0px;	
		z-index: 20;
	}

div#menuConnect {		margin-left: 0px; margin-top: 0px;  border-left: none;}
div#menuProducts { 		margin-left: 133px;  }
div#menuCommunication {	margin-left: 266px;  }
div#menuPromotions { 	margin-left: 409px;  }
div#menuTraining { 		margin-left: 532px;  }
div#menuCompany { 		margin-left: 665px; }

div#menuPromotions div.subMenu {
		width: 300px;
		margin-left: -73px;
	}

div.mainMenu {
		
	}

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

*:first-child+html div.mainMenuSelected {
		filter: none;
	}


div.mainMenu p, div.mainMenuSelected p {

		background-position: 0px 0px;
		background-repeat: no-repeat;
		/*background-image: url('images/menu_block.jpg');*/
		
		width: 133px;
		height: 50px;

		/*border: solid 1px rgb(48, 107, 144);*/

		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;				

		text-indent: 0px;
		
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;

		overflow: hidden;

		color: rgb(248, 203, 105);	
	}

div.mainMenu p img, div.mainMenuSelected p img {
		display: block;

		width: 133px;
		height: 40px;
	}



div.mainMenu p {
		/*background: #E7E4D4;
		border: #E7E4D4 solid 1px;*/
				
	}

div.mainMenuSelected p {		
		/*background-image: url('images/nd_menu_background_top_i.gif');*/
		background-position: 0px 0px;		
		color: white;			
		/*background: rgb(239, 176, 1);*/
		cursor: pointer;
	}

div.mainMenu p.currentMenu {
		border: #043A67 solid 1px;
	}

div#menu div#menuHome a {
		padding: 0px;
		display: block;		
		line-height: 30px;
		text-indent: 7px;
		width: 118px;
	}

div#menu div.mainMenu#menuHome a,
div#menu div.mainMenu#menuHome a:hover 
div#menu div.mainMenu#menuHome a:active {
		color: black;
		background: #E7E4D4;		
		border: #E7E4D4 solid 1px;
		
	}

div#menu div.mainMenuSelected#menuHome a,
div#menu div.mainMenuSelected#menuHome a:hover 
div#menu div.mainMenuSelected#menuHome a:active {
		color: white;
		background: #007AC2;
		border: #007AC2 solid 1px;		
	}



div.mainMenu div.subMenu {
		visibility: hidden;
	}

div.mainMenuSelected div.subMenu {
		visibility: visible;
	}

div.subMenu {		
		margin: 20px 0px 0px -23px;
		padding: 0px;
		position: absolute;
		width: 200px;
		/*background: url('images/menu_bottom_shorter.png') 0px bottom no-repeat;*/
		border: rgb(248, 203, 105) solid 1px;		
		z-index: 50;
	}

div.subMenu ul {
		/*border-top: rgb(0, 123, 194) solid 2px;*/
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		overflow: visible;		
	}

div.subMenu ul li {				
		margin: 0px 0px 0px 0px;
		
		padding: 0px 0px;
		
		/*border-left: rgb(0, 123, 194) solid 2px;
		border-right: rgb(0, 123, 194) solid 2px;*/
		list-style: none;
		background: rgb(48, 139, 203) url('images/yellow_star_on_blue.jpg') 3px 3px no-repeat;
	}

div.subMenu ul li p {

		display: block;		

		margin: 0px;
		padding: 0px;
		width: auto;
		height: 26px;
		/* -- reset after menu p -- */ 
		border: none;		 
		color: white;
		background: transparent;
		text-indent: 24px;
		text-align: left;		
		font-weight: normal;
		overflow: hidden;
	}		

div.subMenu ul li p a {				
		padding: 3px;
		display: block;
		text-align: left;
		color: white;
		margin: 0px;		
		
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		text-transform: none;
		font-size: 12px;
		line-height: 20px;		
	}

div.subMenu ul li.subMenuItemSelected, 
div.subMenu ul li.subMenuItemSelected p,
div.subMenu ul li.subMenuItemSelected p a,
div.subMenu ul li.subMenuItemSelected p a:hover {		
		
		color: white;		
		cursor: pointer;
	}

div.subMenu ul li.subMenuItemSelected p a:hover {			
		background: rgb(239, 176, 1) url('images/white_star_on_orange.jpg') 3px 3px no-repeat;
	}

/*
div.subMenu ul li p a img {
		position: absolute;
		
		margin-left: -27px;
	}
*/


div#scheme_loggedIn div.subMenu,
div#scheme_notLoggedIn div.subMenu {
		visibility: visible;
		position: relative;
		width: 180px;
		margin-left: 15px;
		margin-top: 0px;
		margin-bottom: 10px;
	}




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



div.content {		
		margin: 0px 0px 0px 0px;
		/*background: rgb(48, 139, 203) url('images/fade_strip.jpg') 0px 0px repeat-y;*/		
		padding: 0px 20px 30px 20px;
		/*border-left: rgb(40, 106, 156) solid 1px;
		border-right: rgb(40, 106, 156) solid 1px;*/
		border-left: rgb(48, 107, 144) 2px solid;
		border-right: rgb(48, 107, 144) 2px solid;

		min-height: 480px;
		height: auto !important;
		height: 480px;			
		background: rgb(48, 139, 203);/* url('images/menu_strip_top.jpg') 0px 0px repeat-x;*/
	}


div.content p {
		padding: 10px 20px;
	}

div.contentTitle {
		
		
		/*width: 750px !important;
		width: auto;*/
		overflow: visible;
	}

div.contentTitle p {			   
		font-weight: bold;
		/*font-size: 28px;*/
		font-size: 24px;		
		margin: 0px -20px 10px -20px;		
		padding: 40px 20px 15px 20px;
		text-align: center;
		/*background: url('images/shadow_strip.jpg') 0px bottom repeat-x;*/
		/*background: url('images/menu_strip_top_flipped.jpg') 0px bottom repeat-x;*/
		/*background: rgb(40, 106, 156);
		color: white;					*/
	}

body.sidebar div.content {
		padding-left: 250px;
	}

body.sidebar div.contentTitle p {
				
	}





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


div.footer {	
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: rgb(4, 58, 103);		
		/* url('images/shadow_strip_inverted.jpg') 0px 0px repeat-x;*/
		/*background: rgb(48, 139, 203) url('images/menu_strip_top_flipped.jpg') 0px 0px repeat-x;*/
		background: rgb(48, 139, 203);
		clear: both;
	}

div.footer p {			
		margin-top: 0px;
		padding: 34px 0px 4px 0px;		
		height: 30px;		
		line-height: 20px;
		text-align: center;
		border: rgb(48, 107, 144) 2px solid;
		border-top: none;
		/*background: url('images/menu_strip_top_flipped.jpg') 0px bottom repeat-x*/
	}

div.footer p a {	
		margin: 0px 10px;
		font-weight: bold;
		font-style: normal;
	}

div.footer p a:hover {
		
	}

div#lastUpdated {
		position: absolute;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		margin: 3px 0px 0px 10px;
		color: rgb(48, 139, 203);
		font-size: 10px;
	}


/* SIDEBAR
---------------------------------*/
/*
div#sidebar {
		width: 240px;

 		background: url('images/sidebar_bottom_filled.gif') 0px bottom repeat-x;		
		
		padding: 0px 0px 45px 0px;
		margin: 110px 10px 0px -240px;
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;

		min-height: 300px;
		height: auto !important;
		height: 300px;			
		
		color: black;

		border-top: none;
	}

div#sidebar h3.boxHeader {
		background: url('images/sidebar_top_filled.gif') 0px 0px repeat-x;
		margin: 0px 0px;
		padding: 25px 10px 0px 10px;
		height: 30px;		
		text-align: center;
		color: black;
		font-size: 16px;
	}

div#sidebar div.boxContent {
		padding: 0px 10px;			
		background: rgb(48, 139, 203) url('images/sidebar_middle_filled.gif') 0px 0px repeat;
		border: none;
		font-size: 12px;
	}



div#sidebar a#orac-al {
		display: block;
		margin-top: 0px;
		margin-left: 10px;		
	} 

*/

div#sidebar {
		width: 260px;

 		background: url('images/sideblock2_bottom.gif') 0px bottom no-repeat;		
		
		padding: 0px 0px 45px 0px;
		margin: 25px 10px 0px -248px;
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;

/*		min-height: 300px;
		height: auto !important;
		height: 300px;			
		*/

		color: white;

		border-top: none;
	}

div#sidebar h3.boxHeader {
		background: url('images/sideblock2_top.gif') 0px 0px no-repeat;
		margin: 0px 0px;
		padding: 43px 30px 0px 30px;
				
		text-align: center;
		color: white;
		font-size: 16px;
	}

div#sidebar div.boxContent {
		padding: 20px 20px 0px 20px;			
		background: rgb(48, 139, 203) url('images/sideblock2_middle.gif') 0px 0px repeat-y;
		border: none;
		/*font-size: 12px;*/
	}



div#sidebar a#orac-al {
		display: block;
		margin-top: 0px;
		margin-left: 10px;		
	}

/* Index
-----------------*/

body#bodyIndex p#espritFlash {
		position: absolute;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;		

		/*width: 760px;
		margin: -10px 0px 0px -240px;*/
		width: 500px;
		margin: -20px 0px 0px 0px;
		
		/*border: solid 1px white;*/

	  	color: rgb(248, 203, 105);
		font-weight: bold;
		padding: 10px;
		text-decoration: underline;
		text-align: center;
	}

/* CATEGORY
---------------*/

body#bodyCategory div#sidebar h3.boxHeader {
		padding-top: 33px;		
		height: 46px;		
	}

div.productHolder a img {
		padding-left: 5px;
	}

div.productHolder p {
		padding: 5px 5px 5px 0px;
		text-align: center;
	}

div.productHolder span.points {
		color: rgb(48, 139, 203);
		background: white;
		font-weight: bold;
		padding: 1px 2px;
	}

body#bodyCategory table {
		margin: 10px 0px 10px 20px;
	}

body#bodyCategory th {
		background: rgb(248, 203, 105);
		text-align: center;
		padding: 0px;
	}

body#bodyCategory td {
		/*border: solid 1px rgb(248, 203, 105);*/
		text-align: left;
		padding: 0px 0px 40px 0px;
		width: 170px;
		border: none;
		vertical-align: top;
	}


/* COMMUNICATIONS
---------------*/

body#bodyNewsletter a#newsletterImage {
		margin-left: 25px;	
	}





body#bodyCustomerServices div#sidebar h3 {
		margin-bottom: -30px;
	}



body#bodyCustomerServices div#sidebar img {
		margin-left: 28px;
		margin-bottom: 100px;
	}

body#bodyContactUs div#sidebar img {
		margin-left: 28px;
		margin-bottom: 30px;
	}

/* PROMOTIONS
------------------*/

body#bodyPromotion div#sidebar img,
body#bodyPromotion div#sidebar a {
		margin-left: 12px;
	}

body#bodyEspritDVD div.espritDVDBox {
		border: white solid 2px;
		margin: 0px 20px 0px 20px;
		padding-bottom: 40px;
	}

body#bodyEspritDVD p {
		clear: both;
	}


body#bodyEspritDVD div#espritMessage {
		text-align: center;
		padding: 10px 20px;
		margin: 10px 20px 20px 20px;
		border: 2px solid rgb(239, 176, 1); 
		background: white;
	}

body#bodyEspritDVD div#espritMessage p {
		color: red;
		font-weight: bold;
	}


body#bodyOracAl div.content {
		min-height: 650px;
		height: auto !important;
		height: 650px;
	}

body#bodyOracAl textarea {
		height: 200px;
	}

body#bodyTrainingVan img#trainingVanPic {
		margin-left: 20px;
	}

body#bodyTrainingVan table {
		width: 510px;
	}

body#bodyTrainingVan td {		
		padding: 3px 3px;
		text-align: left;
	}

body#bodyTrainingCourses div#sidebar img {
		margin-left: 25px;		
		margin-bottom: 100px;		
	}



body#bodyExhibitions div#sidebar img {
		margin-left: 25px;		
		margin-bottom: 20px;
	}

ul.exhibition li {
		list-style: none;
		list-style-postion: inside;
		margin-left: 0px;
		padding-left: 0px;
	}

ul.exhibition li h3 {
		margin-left: 0px;
		margin-bottom: 5px;
	}

ul.exhibition li p {
		margin-left: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		
	}



body#bodyIdealStelradHistory  div#sidebar img {
		margin-left: 25px;
		margin-bottom: 100px;
	}

body#bodyDidYouKnow div#sidebar img {
		margin-left: 25px;
		margin-bottom: 20px;
	}



/*
-----------------------*/

div#error {
	background: white;
	color: red;
	font-weight: bold;
	text-align: center;

	border: rgb(239, 176, 1) solid 2px;
	margin: 0px auto 20px auto;
	width: 500px;
	

}