/* Client: DRUMCARE Limited ---------------------------------- */
/* 																				*/
/* 	css coding produced by Clive Moore MA							*/
/* 	www.ma-design.com														*/
/* 	tel: 01902 344234														*/
/* 																				*/
/* 	May 2006  	    														*/
/*------------------------------------------------------------ */

body				{ 
 					margin-top: 0; margin-left: 0; 
					background-color: #000099;
					font-family: Verdana, Arial, sans serif;
					font-size: 10pt;
					line-height: 12pt;
					font-style: italic;
					font-weight: normal;
					text-align: left;
					color: white; }
					
/* ID & Classes for page identification on menu -- */
#waste_disposal .waste_disposal, #reconditioned .reconditioned, #steel_ibc .steel_ibc, #drums_210L .drums_210L, #plastic .plastic, #spares .spares, #waste_management .waste_management, #container .container, #about_us .about_us, #contact_us .contact_us, #ma-design .ma-design, #info .info
					{ background-color: transparent; color: white; }
					
A:link 			{ color: #ADD8E6; text-decoration:none; } 
A:visited 		{ color: #ADD8E6;  text-decoration:none; } 
A:active 		{ color: white; text-decoration:none; }
A:hover			{ color: white; text-decoration:none; }

#container		{ position: relative; width: 100%; height: 100%; left: 0%; }
#menu-bar		{ position: absolute; width: 0%; height: 100%; left: 0px; top: 0px; background-color: red; }


/* APPLY THE SCROLL BAR STYLE TO THE HTML TAG - WILL ENSURE THAT THE PAGE VALIDATES */

html 				{ SCROLLBAR-FACE-COLOR: #43AD3E;
					SCROLLBAR-HIGHLIGHT-COLOR: #3F67AD;
					SCROLLBAR-SHADOW-COLOR: black;
					SCROLLBAR-3DLIGHT-COLOR: #3F67AD;
					SCROLLBAR-ARROW-COLOR: yellow;
					SCROLLBAR-TRACK-COLOR:  #0000CC;
					SCROLLBAR-DARKSHADOW-COLOR: black; } 	
			
			
/* -- Dropshadow 1 -- */
.popshadow		{
					position:relative; left: -5px; top: -5px;
					filter:shadow(color=midnightblue, direction=100); }

/* -- Dropshadow 2 -- */
.popshadow2		{
					position:relative; left: -5px; top: -5px;
					filter:shadow(color=#000066, direction=135); }



/* -- main titles -- */
H1					{
					position: absolute; left: 10px; top: 188px; width: 394px; height: 26px;
					font-size: 10pt;
					line-height: 13pt;
					font-weight: bold;
					text-align: left;
					letter-spacing: 0;
					background-color: transparent; 
					color: #FFFFFF;
					filter: dropshadow(offx=1, offy=1, color=black); }
					
img				{ border: none; }
					
#logotype		{ position: absolute; left: 266; top: 60; z-index: 0; 
					width:260px; height: 101px;
					background-image: url('../images/logotype.gif'); }		
						
/* -- FIREFOX Company name -- */
/*  #print_name		{ display: none;
					position: absolute; top: 66px; left: 475px; z-index: 5;
					font-style: italic;
					font-weight: normal;
					font-size: 19pt;
					letter-spacing: 1.3px; }
			
.drumcare 	{ position: relative; top: 0px; left: 0px; width: 30px; height: 20px;  padding: 1px;}
.whale 			{ position: relative; left: 60px; top: -46px; width: 50px;}		
*/


/* -- IE Company name -- */
#ie_drumcare	{ display: none;
					position: absolute; top: 117px; left: 265px; z-index: 5; width: 150px; height: 40px;
					font-style: italic;
					font-weight: normal;
					font-size: 19.5pt;
					text-align: left;
					letter-spacing: 1.5px; }

.ie_limited 	{ position: relative; right: 0px; top: -12px; width: 50px; height: 30px;  padding: 1px;
					float: right;
					font-size: 12pt;
					letter-spacing: 0px;}		
					
					
/* -- Main pictures -- */
#main_pic		{ position: absolute; left: 14px; top: 26px; width: 220px; height: 160px;
					width: 220px; height: 160px; }

#bodytext		{ position: absolute; left: 10px; top: 215px; width: 397px; height: 507px; }
#bodytext p		{ padding: 0 0 0 0; margin: 0 0 10px 0; }
#bodytext a		{ font-weight: bold; }

/* -- Quote -- */
#bodytext .quote	{	position: relative; width: 325px; left: 50px; top: 10px; padding-bottom: 20px; padding-right: 25px; 
					font-size: 10pt;
					line-height: 14pt;
					font-style: italic;
					font-weight: bold;
					text-align: right;
					letter-spacing: 1px;
					color: Yellow; }

#bodytext .latin { color: #3F67AD; }
					
ul 				{ list-style-image: url(../images/anim-globe.gif); }		

#bulletlist  	{  
					font-size: 10pt;
					line-height: 14pt;
					padding-bottom: 30px;
					font-style: italic;
					font-weight: Bold;
					text-align: right;
					background-color: transparent; 
					color: #ADD8E6; }
					
#bulletlist A:link, #bulletlist A:visited, #bulletlist A:visited 
					{ background-color: transparent; color: #ADD8E6;; text-decoration: none; } 
#bulletlist A:hover	
					{ background-color: transparent; color: White; text-decoration: none; cursor: default;  }	
					
					
#bulletlist li { margin-bottom: 20px; }

#bulletlist .small	{
					font-size: 7pt;
					line-height: 0pt;
					font-style: italic;
					font-weight: bold;
					text-align: right;
					letter-spacing: .5px;
					color: white; }


/* -- Side Coloum  -- */

#sidecolumn		{
					position: relative; left: 423px; top: 180px; 
					width: 93px; height: 381px; 
					font-size: 8pt;
					line-height: 12pt;
					font-style: normal;
					font-weight: Bold;
					text-align: right;
					background-color: transparent; 
					color: Yellow; }
					
#sidecolumn	 .drop90px { position: relative; top: 90px; }

#sidecolumn img { 	position: relative; top: 20px; }			
#sidecolumn #recycle10 img { 	position: relative; top: 0px; }		
					
#sidecolumn A:link, #sidecolumn A:visited, #sidecolumn A:visited 
					{ background-color: transparent; color: Yellow; text-decoration: none; } 
#sidecolumn A:hover	
					{ background-color: transparent; color: White; text-decoration: none; cursor: default;  }	






/* -- ADDRESS BOX -- */

#address			{ display: inline;
					position: absolute; right: 25px; top: 825px; width: 345px; height: 175px;
					z-index: 1; text-align: right;}
					


#logotype_ad	{ display: inline;
					width: 233px; height: 91px;
					background-image: url('../images/logotype_233px.gif'); }		

					
/* -- classes for address text --*/

/* #address .ad_company {
			font-size: 11pt; margin: 0 0 0 0; text-align: left; }
*/

#address .ad_address { position: relative; z-index: 1;
			font-size: 8pt; margin: 3px 0 0 0 ; font-style: italic; font-weight: normal; }

#address .ad_tel { position: relative;
			font-size: 15pt; margin: 8px 12px 0 0; font-style: italic; font-weight: normal; text-align: right;
			background-color: transparent; color: Yellow; }

#address .ad_fax { position: relative;
			font-size: 10pt; margin: 5px 30px 0 0; font-style: italic; font-weight: normal; text-align: right; }

#address .ad_email {position: relative;
			font-size: 8pt; margin: 3px 40px 0 0; font-style: italic; font-weight: normal; text-align: right; }
			


/* -- LINKS List -- */	
					
#links-list 	{ display: inline;
					position: absolute; right: 8%; top: 1036px; width: 92%; z-index: 2; 
					padding-bottom: 10px;
					font-size: 6pt;
					font-style: italic;
					text-align: right; }
					

/* -- FIREFOX Company name -- */
/*
#print_name_ad	{
			display: none;
			position: absolute; top: 66px; left: 475px; z-index: 5;
			font-style: italic;
			font-weight: normal;
			font-size: 19pt;
			letter-spacing: 1.3px; }
			
.ie_drumcare_ad { position: relative; top: 0px; left: 0px; width: 30px; height: 20px;  padding: 1px;}
			
.limited_ad 	{ position: relative; left: 60px; top: -46px; width: 50px;}		
*/

/* -- IE Company name -- for PRINTING ONLY -- */
#ie_drumcare_ad	{ display: none;
					position: absolute; top: 46px; left: 108px; z-index: 5; width: 150px; height: 40px;
					font-style: italic;
					font-weight: normal;
					font-size: 16.5pt;
					text-align: left;
					letter-spacing: 1.8px; }

.ie_limited_ad { 
					position: relative; right: 14px; top: -16px; width: 40px; height: 30px;  padding: 1px;
					float: right;
					font-size: 11pt;
					letter-spacing: 0px;}		

			

/* -- 1st page INTRO text -- */


#quoteblock		{ position: absolute; left: 40px; top: 218px; width: 225px; height: 350px;
					padding: 0 0 0 0; margin: 0 0 0 0;
					font-size: 8pt;
					line-height: 12pt;
					color: white; }
					
#quoteblock A:link, #quoteblock A:visited, #quoteblock A:visited 
					{ background-color: transparent; color: Yellow; text-decoration: none; } 
#quoteblock A:hover	
					{ background-color: transparent; color: White; text-decoration: none; cursor: default;  }	
	

#quoteblock strong	{ position: relative; left: 60px; font-size: 9pt; line-height: 11pt; padding-bottom: 0px; }

#quoteblock .quote	
					{ position: relative;  top: 0px; padding-bottom: 0px;
					font-size: 10pt;
					line-height: 14pt;
					font-style: italic;
					font-weight: bold;
					text-align: right;
					letter-spacing: 1px;
					color: Yellow; }

H2					{
					font-size: 12pt;
					line-height: 20pt;
					font-style: italic;
					font-weight: normal;
					text-align: right;
					background-color: transparent; 
					color: yellow; }




/* --- Recycle logotype --- */	

#recycle1{position: absolute; left: 350px; top: 210px; width: 150px;}
.one 		{z-index: 2;}
.two		{z-index: 3;}

#recycle10{ position: absolute; left: 0; top: 0; width: 90px; }		
#recycle3{position: absolute; left: 34%; top: 870px; width: 15%;}

/* -- RECYCLED Hi Res printout logotype -- */

	/*	Client supplied works photos in central box
	we use a class to define the generic options such as size etc
	then use an ID to set a certain image */
	
	
.recycle { display: none;
			position: absolute; z-index: 2;
			background-repeat: no-repeat; width: 274px; height: 274px; 
			background-image: url(../print-images/recycle140px.jpg) }


#waste_disposal .recycle 	{ top: 350px; left: 300px; }
#reconditioned .recycle 	{ top: 350px; left: 300px; }
#steel_ibc .recycle 			{ top: 350px; left: 300px; }
#drums_210L .recycle  		{ top: 350px; left: 300px; }
#about_us .recycle			{ top: 350px; left: 300px; }
#contact_us .recycle			{ top: 350px; left: 300px; }

#intro_us .recycle			{ top: 350px; left: 300px; }

	
	
	
	
/* -- CONTACT FORM -- redesigned for Drumcare Limited -- */

#contact_us #address		{ display: inline;
					position: absolute; top: 975px;}
					/* -- LINKS List -- */	
					
#contact_us #links-list 	{ display: inline;
					position: absolute; top: 1186px;  }
					
					
					
/* -- CONTACT US - form layout --  wrapped up into BODYTEXT -- */

form#contactForm {
					background-color: transparent; width: 90%; margin: 0 0 0 0; padding: 0 0 0 0; color: black; }
									
					
form#contactForm textarea {
					padding: 5px 5px 5px 5px;
					margin-bottom: 0px;
					width: 225px; 
					height: 8em; }
					
form#contactForm dd input, form#contactForm dd select, form#contactForm dd textarea {
					position: relative;
					left: 0px;
					width: 200px;
					padding: 0px 5px 0px 5px;
					font-family: Verdana, sans serif;
					font-weight: normal;
  					font-size: 8pt;
					text-align: left; 
					background-color: white;
  					color: #000000; }
										
form#contactForm dt label {
					float: left;
					width: 100%; /* -- must be here to avoid wrapping of text -- */ 
					margin-left: 10px; 
					margin-top: 5px;
  					font-size: 8pt;
					font-weight: bold;
					text-align: left; 
					background-color: transparent;
					color: yellow; }
					
form#contactForm dt i {
					font-style: italic;
					font-weight: normal;
					font-size: 7pt;
					color: white; }

							
/* -- Your Name details -- */
form#contactForm dd select#txtTitle { 
  					font-size: 7pt;
					width: 55px;
					margin-top: 5px; }
					
form#contactForm input#txtFirstname {
					width: 23%;
					margin-right: 3px; }
					
form#contactForm input#txtFamilyname {
					width: 40%; }
			
form#contactForm input#txtFullname {
					width: 120px; }
					
					
/* -- Your position details -- */
form#contactForm dd select#txtPosition { 
					width: 160px;
					height: 15px;
					margin: 3px 0px 0px 0px;
					font-size: 7pt;
					font-weight: normal;
					font-style: italic;
					text-align: left;
					background-color: white;
					color: teal; }
					
/* -- Telephone -- */				
form#contactForm dd #txtTelephone { width: 125px; }
					
/* -- Counties -- */
form#contactForm dd select#txtCounty { 
					margin: 5px 0px 0px 0px;
					width: 160px; }
					
/* -- Postcodes -- */
form#contactForm dd #txtPostcode { width: 65px; text-transform: uppercase; }

form#contactForm dd select#txtCountries { 
					margin: 10px 0px 0px 0px;
					width: 170px; }
					
					
form#contactForm dd select#txtHow { 
					margin: 10px 0px 0px 0px;
					width: 170px; }

form#contactForm input.button1 {
					width: 50px; 
					margin: 12px 0px 0px 20px;
					font-size: 8pt;
					font-weight: bold;
					font-style: italic;
					background-color: red;
					color: yellow; }
					
form#contactForm input.button2 {
					float: right;
					width: 150px; 
					margin: 0px 0px 0px 0px;
					position: relative;
					top: -20px;
					left: -40px;
					font-size: 8pt;
					font-weight: bold;
					font-style: normal;
					background-color: green;
					color: yellow; }						

/* -- end of CSS Coding -- copyright : ma-design.com tel: +44 1902 344234 --*/