/*Author: Darren Paul Azzopard*/
/*email: darrenpaulazzopardi@hotmail.com*/


/* RESET
---------------------------------*/
* {padding:0;margin:0;}
	
/*Basics
---------------------------------*/
html, body, form, fieldset, table {font: 13px/120% "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;}
html { overflow-y:scroll;}	
h1 {color: #B23F8C;font-size: 1.75em;line-height:1em;display:block;text-transform:uppercase;}	
h2 {padding: 3px 0;color: #B23F8C;font-size: 130%;line-height:1em;text-transform: uppercase;display:block;padding-bottom:1em;}
h3, h4, h5, h6 {color: #1c205b;font-size:100%;margin-bottom:.75em;}
h3 {font-size:110%}
h4 {color:#990000;font-weight:bold;}
h6 {color: #1c205b;font-weight:normal;text-indent:-999em;}	
body {padding: 0px 200px 0 200px;color:#000;text-align:center;}

a:link {color:#7F0193;}
a:visited {color:#3F3F3F;}
a:hover {text-decoration:none;}
a:active {color:#ED7FFF;}


/*
CONTAINERS	
-------------------------*/
#sizer {margin: 0px auto 20px auto;width: 66%;max-width: 250em;width:250px;height:auto;text-align:left;}
#expander {margin: 0 -360px;min-width: 720px; /* Critical Safari fix! */position: relative;height:auto;}

/* Holly hack for IE, minus the hack */
html #expander { height: 0; }

/* helps IE get the child percentages right. */
#wrapper{ width: 100%;height:auto;} 

	

/*ACCESSABILITY LINKS*/
ul.nav_access{ position:absolute !important;top : -9999px !important;margin : 0 !important;color:red;}
	

body#product_page.forehead_thermometers p,
body#product_page.thermometers p ,
body#product_page.nursery_thermometers p,
body#product_page.bath_thermometers p,
body#product_page.freezer_thermometers p,
body#product_page.drinks_indicators p,
body#product_page.food_thermometers p,
body#product_page.water_gauge p,
body#product_page.touch_reactive_products p,
body#product_page.chill_reactive_products p, 
body#product_page.heat_reactive_products p,
body#product_page.moisture_reactive_products p,
body#product_page.cook_reactive_products p,
body#product_page.game_cards_products p,
body#product_page.stress_reactive_products p,
body#product_page.package_products p,
body#product_page.spoon_products p,
body#product_page.straw_products p
 {margin-bottom:1.6em;padding-right:1.4em;}

/*HEADER
-------------------------------------*/
#header{background-color:#000;position:relative;border-top:0.2em solid #9C0;color:#FFF;padding-bottom:0.3em;height:6.5em!important;background: #000 url(../images/1new_range.png) no-repeat 92% 68%;}
#header img {display:block;margin-left:1em;margin-top:0;padding-top:0.4em;float:left;}			
#logo {border:none;}			
#header ul {position:absolute;top:4.3em;right:0.5em;}			
#header ul li {list-style-type:none;display:block;display:inline;}		
#header  a{ text-decoration:none;padding:0.3em;color:#CCC;font-weight:bold;text-transform:uppercase;margin-left:0.5em;display:inline;display:block;
float:left;padding-bottom:1em;}
#header  a:hover {background-color:#FFF;display:block;color:#9C0;display:inline;height:auto;}
#header ul li a#new_range {background-color: transparent !important;}							
#header #home_page, #header #home_page:hover {float:none;padding:0 !important;margin: 0 !important;}

				

/*BANNER
-------------------------------------*/		
#banner{background: #4B4B4B url(http://www.colourchange.com/images/banner-img.jpg) 0 -19px no-repeat;height:8em;position:relative;float:none;}
			
/*ENQUIRY BOX
-------------------------------------*/	
#contact_box {width:19em;position:relative;left:54.3em;background: url(http://www.colourchange.com/images/telephone.jpg) no-repeat 7% 20px;height:100%;}			

#contact_box p {text-transform: uppercase;width:9.8em !important;text-align:right;position:relative;top:3.2em;left: 6.7em;margin-bottom:0.2em !important;}

#contact_box h6, p {color:#FFF;}	
#contact_box p  {font-weight:bold;font-size:1.1em;}				
			

/*
TwITTER ICON
-------------------------------------*/	
a#twitter  {position:absolute;top:-2.3em;right:-1em;}
a#twitter img{border:0 !important;}


/*CONTENT (middle section)
-------------------------------------*/	
#content  {padding-top:1em;padding-bottom:0em;padding-left:1em;position:relative;height:auto;min-height:31em;clear:both;background:#FFF url(http://www.colourchange.com/images/content_BG.png) right 0 repeat-y;}
#content #intro_para{float:left;}							
#content ul li {float:left;clear:both;width:100%;}			
#content h1.header{width:37em;}			
#content h1.header, #whats_new h2 {font-size:1.3em;line-height:1.5em;padding-bottom:1em;}
#content p {color:#000;padding-bottom:0.5em;line-height:1.2em;}

				
/*
download files page
---------------------------*/
body.technical_downloads p a{color:#333 !important;}
body.technical_downloads p a:hover {background-color:#CCC;}
ul#reading_files {background-image:none !important;background-color:transparent !important;width:100% !important;}
ul#reading_files li {background-color:transparent !important;border-bottom:1px dotted #333 !important;width:100% !important;}
ul#reading_files li:hover {background-color:#DFFFE6 !important; color:#333 !important;}
ul#reading_files li em {width:auto;font-weight:bold;text-transform:lowercase;color:#333;}
ul#reading_files li.alt {background-color:#EFEFEF !important;}
ul#reading_files li a {background:#FFF url(http://www.colourchange.com/images/doc_pdf.png) no-repeat 0 50%;padding-left:2em !important;}
ul#reading_files li a:hover {background-color:transparent !important;color:#333 !important;text-decoration:underline !important;}
body.technical_downloads ul#reading_files li a:visited {color:#B23F8C !important;}
/*found on interactive plastics >> masterbatch*/
a.pdf_file {background:#FFF url(http://www.colourchange.com/images/doc_pdf.png) no-repeat 0 50%;padding-left:2em !important;} 


				
				
/*
SPECIFIC PAGE CHANGES
------------------------*/
p.home_content {width:48.1em;margin-bottom:1em;}

div.research_page h2 {border-top:1px dashed #DDD;width:100%;padding-top:1em;height:auto;float:left;margin-bottom:0.1em;}
div.research_page h3 {width:auto;padding-bottom:1.2em;margin-top:1em;color:#5C5851;}
div.research_page p{margin-bottom:1.5em;margin-top:1.5em;clear:both;border-top:0px solid #5C5851;}
div.research_page  ul.product_example li {width:auto !important;}				
div.research_page p span {font-style:italic;color:purple;}	
div.research_page img {border:1px solid #DDD;padding:0.2em;margin-bottom:1em;position:relative;}					


div.smart_designs_section{border:0px solid red;float:left;width:100%;height:32em !important;}
div.smart_designs_section h3{clear:left;}
div.smart_designs_section p {border:0px solid red !important;float:left;width:25.5em;}	
div.smart_designs_section img {background-image:none!important;background-color:#FFF !important;position:relative !important;right: -8em !important;top:-11.5em !important;}

	
div.bottle_labelling_section {border:0px solid red;float:left;width:100%;height:48em !important;}
div.bottle_labelling_section  p {border:0px solid red !important;width:24.3em;}
div.bottle_labelling_section img{background-image:none!important;background-color:#FFF !important;position:relative !important;right: -7.8em !important;top:-11em !important;}
div.bottle_labelling_section ul#labelling {margin-top:2.5em !important;margin-left:-1.7em !important;width:23.2em !important;}


div.packaging_labelling_section  {border:0px solid red;float:left;width:100%;height:40em !important;}
div.packaging_labelling_section p {border:0px solid red !important;float:left;width:22em;}
div.packaging_labelling_section img {background-image:none!important;background-color:#FFF !important;position:relative !important;right: -3.3em !important;top:-2.6em !important;}	


/*
--------------*/
div.text_container {width:52em;float:right;}
div.text_container p {line-height:1.4em !important;margin-top:0.2em;padding-right:2.0em;text-align:justify;border:0px solid red;margin-bottom:0.8em;}

body#product_page #content ul {position:relative;top:-2.7em;}
body#product_page #content ul,
body#case_studies_page #content ul,
body#research_development #content ul, 
body#awards_page #content ul,
body#contacts_page #content ul,
body#press_page #content ul,
body#drink_promo #content ul,
body#news_page #content ul
 {width:16em;background:#F1F1F1 url(http://www.colourchange.com/images/product-range-bg.jpg) 0 0 no-repeat;height:100%;
float:left !important;padding-top:2.1em;position:relative;top:-1.7em;}
							
body#case_studies_page #content ul {background:#F1F1F1 url(http://www.colourchange.com/images/case-studies-bg.jpg) 0 0 no-repeat;}
							
							
body#product_page #content ul li,
body#case_studies_page #content ul  li,
body#research_development #content ul  li,
body#contacts_page #content ul li,
body#awards_page #content ul li,
body#press_page #content ul li,
body#drink_promo #content ul li,
body#news_page #content ul li
 {padding:0;list-style-type:none;line-height:2em;}
																
body#product_page ul#product_boxes,
body#drink_promo ul#product_boxes
 {background-image:none !important;background-color:transparent !important;border:0px solid red;width:100%;height:auto;text-align:center;}

/*
INTERACTIVE INKS - RAW MATERIALS
---------------------------------*/
body#product_page ul.ink_boxes {width:90% !important;padding-left:0 !important;}
body#product_page ul.ink_boxes li {left:-5.2em !important;}


/*
INTERACTIVE PRINT
---------------------------*/
body#product_page ul.print_boxes {width:100% !important;padding:0 !important;}
body#product_page ul.print_boxes li {left:-1.2em !important;}


body#product_page ul#product_boxes li,
body#drink_promo ul#product_boxes li 
 {background-color:transparent !important; border:0.1em solid #E07DBE; width:12em;height:12em;float:right !important;clear:none !important;overflow:hidden !important;position:relative;left:-1.2em;margin:0.3em;margin-top:2em;display:block !important;}
 
 /*
 NEWS PAGE*/
body#news_page img.trade_photo {height:auto ;width:60%;border:1px solid #CCC;padding: 2px;margin: 1em;float: left;margin-left:0;}
body#news_page ul#range {background-color: transparent;background-image: none;display: inline;margin: 0;padding: 0;float: none;border:1px solid red;}
								

/*
background images for thermometers
-----------------------------------------*/									
body#product_page ul#product_boxes li#bath_products,
ul#selected_products li#bath_products {background:url(http://www.colourchange.com/images/bath-thermometer.jpg) 8px -7px no-repeat !important;}
body#product_page ul#product_boxes li#hot_water_products{background:url(http://www.colourchange.com/images/battery-tester.jpg) -7px -1px no-repeat !important;}
/*battery-tester.jpg*/
body#product_page ul#product_boxes li#food_products{background:url(http://www.colourchange.com/images/cook-sensors.jpg) 0 7px no-repeat !important;
}
body#product_page ul#product_boxes li#cold_drinks_products{
background:url(http://www.colourchange.com/images/drink-indicator.jpg) -19px -12px no-repeat !important;}
body#product_page ul#product_boxes li#freezer_products{background:url(http://www.colourchange.com/images/freezer-thermometer.jpg) 0px -5px no-repeat !important;}
body#product_page ul#product_boxes li#nursery_products{background:url(http://www.colourchange.com/images/nursery-thermometer.jpg) 7px 7px no-repeat !important;}
body#product_page ul#product_boxes li#room_products{background:url(http://www.colourchange.com/images/thermometer-card.jpg) 30px 5px no-repeat !important;}
body#product_page ul#product_boxes li#forehead_products{background:url(http://www.colourchange.com/images/child-thermometer.jpg) -12px -10px no-repeat !important;}
/*interactive prints*/
body#product_page ul#product_boxes li#cards_products{background:url(http://www.colourchange.com/images/game-cards.jpg) -13px 0 no-repeat !important;}
body#product_page ul#product_boxes li#heat_products{background:url(http://www.colourchange.com/images/heat-reactive.jpg) -16px 0px no-repeat !important;}
body#product_page ul#product_boxes li#chill_products, ul#selected_products li#chill_products { background:url(http://www.colourchange.com/images/chill-reactive.jpg) 0px 0px no-repeat !important;}
body#product_page ul#product_boxes li#touch_products{background:url(http://www.colourchange.com/images/touch-reactive.jpg) -15px 0 no-repeat !important;}
body#product_page ul#product_boxes li#package_products {background:url(http://www.colourchange.com/images/packaging-labelling.jpg) 0px 0px no-repeat !important;}
body#product_page ul#product_boxes li#moisture_products {background:url(http://www.colourchange.com/images/moisture-reactive.jpg) 0px 0 no-repeat !important;}
body#product_page ul#product_boxes li#stress_products {background:url(http://www.colourchange.com/images/stress-card.jpg) 0 0px no-repeat !important;}
body#product_page ul#product_boxes li#cook_products {background:url(http://www.colourchange.com/images/cook-reactive.jpg) -4px -5px no-repeat !important;}
body#product_page ul#product_boxes li#uv_products {background:url(../images/chapstick-slide.jpg) -4px -5px no-repeat !important;}


/*
Drink promo
-----------*/
body#drink_promo ul#product_boxes li#game_cards {background:url(http://www.drinkpromo.com/images/Heineken_Blue.jpg) -4px -5px no-repeat !important;}
body#drink_promo ul#product_boxes li#drink_thermometers {background:url(http://www.drinkpromo.com/images/guinness%20dipper_A5.jpg) -4px -5px no-repeat !important;}
body#drink_promo ul#product_boxes li#beer_mats {background:url(http://www.drinkpromo.com/images/Cold%20Reveal%20Beer%20Mats.jpg) -4px -5px no-repeat !important;}
body#drink_promo ul#product_boxes li#drink_stirrers {background:url(http://www.drinkpromo.com/images/Swizzles_cold.jpg) -4px -5px no-repeat !important;}
body#drink_promo ul#product_boxes li#labels_packaging {background:url(http://www.drinkpromo.com/images/wine-label.jpg) -4px -5px no-repeat !important;}
body#drink_promo ul#product_boxes li#POS {background:url(http://www.drinkpromo.com/images/Guinness%20Chillometer.jpg) -4px -5px no-repeat !important;}
body#drink_promo ul#product_boxes li#glassware {background:url(http://www.drinkpromo.com/images/malibu-glassware.jpg) -4px -5px no-repeat !important;}


/*
INTERACTIVE PLASTICS
----------------------*/
body#product_page ul#product_boxes li#spoon_products,
ul#selected_products li#spoon_products{background:url(http://www.colourchange.com/images/spoon.jpg) -16px 0px no-repeat !important;}
body#product_page ul#product_boxes li#straw_products {background:url(http://www.colourchange.com/images/selection-of-stirrers.jpg) -2px 0 no-repeat !important;}

/*
INTERACTIVE INKS
--------------------*/
body#product_page ul#product_boxes li#interactive_inks{background:url(http://www.colourchange.com/images/coors-label-interactive-ink.jpg) 0 0 no-repeat !important;}
body#product_page ul#product_boxes li#liquid_crystal_ink {background:url(http://www.colourchange.com/images/Guinness-poster.jpg) 0px -9px no-repeat !important;}
body#product_page ul#product_boxes li#reversible_ink{background:url(http://www.colourchange.com/images/Parceline.jpg) -5px 0px no-repeat !important;}
body#product_page ul#product_boxes li#irreversible_ink{background:url(http://www.colourchange.com/images/micro-bake.jpg) -5px 0px no-repeat !important;}
body#product_page ul#product_boxes li#raw_materials_slurry {background:url(http://www.colourchange.com/images/slurry.jpg) -5px 0px no-repeat !important;}
body#product_page ul#product_boxes li#raw_materials_pellets {background:url(http://www.colourchange.com/images/pellets.jpg) -5px 0px no-repeat !important;}
body#product_page ul#product_boxes li#
_ink {background:url(http://www.colourchange.com/images/photochromic.jpg) -3px -27px no-repeat !important;}
body#product_page ul#product_boxes li#reversible_thermochromic {background:url(http://www.colourchange.com/images/nescafe.jpg) 0 -8px no-repeat !important;}
body#product_page ul#product_boxes li#irreversible_photochromic {background:url(http://www.colourchange.com/images/photochromic-freesbe.jpg) -19px -5px no-repeat !important;}

body#product_page ul#product_boxes li#photochromic_ink {background:url(http://www.colourchange.com/images/photochromic-freesbe.jpg) -19px -5px no-repeat !important;}

body#product_page ul#product_boxes li#straw_products,
body#product_page ul#product_boxes li#stick_products
{margin-left:1.3em;}


/*
CASE STUDIES
---------------------*/
body#case_studies_page p.sub-header {font-weight:bold;color:#E86469;}
body#case_studies_page img.case_study_image {float:right;border:1px solid #DDD;padding:0.5em;margin:2em;}
body#case_studies_page div.text_container p.worked_with{padding-bottom:1em;margin-top:2.5em;font-style:italic;}										

/*CASE STUDY HIGHLIGHT
------------------------*/
/*sort this out in IE7*/
body.microbake_case_study ul li a#microbake_case_study,
body.metz_case_study ul li a#metz_case_study,
body.spoons_case_study ul li a#spoons_case_study,
body.tea_case_study ul li a#tea_case_study,
body.footwear_case_study ul li a#footwear_case_study,
body.mars_case_study ul li a#mars_case_study,
body.ice_cream_case_study ul li a#ice_cream_case_study,
body.trading_cards_case_study ul li a#trading_cards_case_study,
body.chill_n_win_case_study ul li a#chill_n_win_case_study,
body.midas_touch_case_study ul li a#midas_touch_case_study,
body.anadin_case_study ul li a#anadin_case_study,
body.FSID_case_study ul li a#FSID_case_study,
body.wine_thermometer_case_study ul li a#wine_case_study,
body.carling_case_study ul li a#carling_case_study,
body.cafinesse_case_study ul li a#cafinesse_case_study,
body.freschetta_case_study ul li a#freschetta_case_study,
body.carex_case_study ul li a#carex_case_study {font-weight:bold !important;color:#E86469 !important;float: none !important;}
										
body#product_page ul#product_boxes li a,
body#drink_promo ul#product_boxes li a {height:100%; width:100%;font-size:0.7em !important;padding:0 !important;color:#FFF !important;font-weight:bold;background-color:transparent !important;background:url(http://www.colourchange.com/images/bg.jpg) 0 51% repeat-x;padding-top:14.5em !important;}

body#drink_promo #content,
body#news_page #content 
 {background-image: none !important;}
										
body#product_page ul#product_boxes li a:hover,
body#drink_promo ul#product_boxes li a:hover {text-decoration:none !important; background-color:transparent !important;color:#5F1D4A !important;
text-decoration:underline !important;}
		
					
#content h1.header,
#whats_new h2 {font-size:1.3em;line-height:1.5em;padding-bottom:1em;}

#content p {color:#000;padding-bottom:0.5;line-height:1.2em;}
				
body#research_development ul#smart_designs,
body#research_development ul#smart_designs  li,
body#research_development ul#labelling,
body#research_development ul#labelling  li { background-color:transparent;background-image:none;width:auto;line-height:2.5em;margin-top:1em;color:#5C5850;padding:0;font-size:0.9em;border:0px solid #DDD !important;float:none;margin-left:-1.5em;}
					
body#research_development ul#labelling {width:40%;}					

body#research_development ul#smart_designs  li,
body#research_development ul#labelling  li {padding:0;margin:0;list-style-type:none;margin-left:2em;border-bottom:1px solid #DDD !important;}	

/*
products.php ()interactive plastics
-------------------------------------*/
body#product_page ul#product_boxes.select_box  li {float:left !important;margin-left:1.4em;}

/*
styles the product page
---------------------------*/
div#product_range {clear:right;width:51.7em;float:left;margin-top:1em;border:0px solid red;margin-left:0.2em;}						
div#product_range img.main_image {padding:0 !important}
div#image_frame {height:353px;width:286px;overflow:hidden;border:1px solid #DDD;float:right;margin-top:-3.5em;margin-right:0;margin-left:4em;padding:0;}
div#product_range div#gallery {margin-bottom:1em;border-top:1px solid #DDD;width:100%;height:100%;}
div#product_range div#gallery span {float:left;width:auto;border-top:2px solid #FFF;color:#FFF;text-decoration:none;padding:0.5em;display:block;margin:0;background: #B23F8C url(http://www.colourchange.com/images/more-prod-arrow.jpg) 99.9% -1px no-repeat;font-size:0.8em;padding-right:3em;}				
div#product_range div.submenu {width: 99.9%;height:auto;float:left;clear:both;margin:1em 0 1em 0;border-bottom:1px solid #DDD;border-top:1px solid #DDD;}
div#product_range div.submenu ul {background-image:none !important;background-color:#FFF !important;width:auto !important;height: auto !important;padding: 0 !important;margin:0 !important;float:left !important;position:relative !important;top:0 !important;}
div#product_range div.submenu ul li {background-color:#FFF !important;border-right:1px solid #B23F8C;display:block;float:right !important;height:2.38em;width:7.92em;overflow:hidden;padding:0 !important;margin:0 !important;clear:left !important;}
div#product_range div.submenu ul li img{padding:0 !important;margin:0 !important;border:1px solid #FFF;}
div#product_range div.submenu ul li a:hover {float:left;background-color:transparent !important;border-top:1px solid #B23F8C !important;}
div#product_range ul.room_therm_prod{background-image:none !important;background-color:transparent !important;padding:0.2em !important;margin:1em !important;font-size:0.8em !important;float:left !important;border:0px solid red;width:auto !important;}						
div#product_range ul.room_therm_prod li dl dd:hover{background-color:#DDD;}															
div#product_range ul.room_therm_prod li {width:auto;float:left;display:block;}								
div#product_range ul.room_therm_prod li dl{border:0px solid yellow !important;width:17em;padding:0.2em !important;margin-left:1.9em;}			div#product_range ul.room_therm_prod li dl dt { text-indent:-9999px;font-weight:bold;float:left;}									
div#product_range ul.room_therm_prod li dl dd {text-align:right;width:auto;}		


/*Photochromic
--------------*/
ul.general_description {float:right;background-image: none !important;background-color: transparent !important;width: 340px !important;margin-left: 30px;margin-top: -19px;}
ul.general_description li {list-style-type: circle;line-height: 1.5em !important;border-bottom: 1px solid #ddd;margin: .5em 0;border-left: 4px solid #ddd;padding-left: .5em !important;}
img#photochromic_chart {padding: .5em ; background-color:#B23467;float: left; }

/*
WHATS NEW (home page)
-----------------------------*/
#whats_new h2 {color: #000;margin-top:0.47em;}	
#whats_new h2 span { color:#A21974;}
#whats_new strong,
#whats_new p {padding-bottom:0.7em;display:block;font-size:0.900em;}				
#whats_new p  {font-size:0.800em;}				
#whats_new a {color:#4B4B4B;text-decoration:none;display:block;padding-top:0.3em;}
#whats_new a {color:purple;}			
#whats_new a:hover {text-decoration:underline;color:purple;}
#whats_new {width:18.5em;height:auto;right:0;top:0;float:right;background-color:#F1F1F1;padding:0.2em;padding-bottom:0;padding-left:0.5em;border:0px solid red;margin-top:-0.9em;}	
#whats_new img  {border:1px solid #CCC;padding:0.1em;margin-top:0.2em;margin-bottom:0.6em;}		


/*
Product navigation
-----------------------*/
ul#product_navigation em {color:#B23F8C;}

ul.Chameleon_range {background-image:none !important;background-color:#FFF !important;padding:0 !important;margin-top:2em;}
ul.Chameleon_range li {border-bottom:1px dashed #B23F8C;background:#FFF url(http://www.colourchange.com/images/bullet_go.png) 0 2px no-repeat;padding-left:1em !important;line-height:1.5em !important;}
ul.Chameleon_range li a:hover {background-color:#DDD !important;color:#333 !important;}


/*
MICROFORMATS
-------------------*/
div.vcard{position:absolute;right:0;background-color:#DDD;padding:0.7em;top:1.2em;}
div.vcard a{text-decoration:none;font-weight:bold;color:#333;}
div.vcard a:hover {text-decoration:underline;}
div.tel, span.type{position:absolute;left:-9999px;}
div.adr {font-size: 90%;}
.locality, .postal-code {display:block;}
div .country-name {text-indent: -9999px;display: block;height: 0;}
span#download_vcard  a{background: url(http://www.colourchange.com/images/vcf.gif) 0 0 no-repeat;display:block;font-weight:normal;margin-top:0.4em;font-size:70%;padding-left:3.5em;position:absolute;top:14em;right:0.5em;}


/*
FORM
------*/
#contacts_page form {width:486px;}
#contacts_page form strong {clear:both;float:left;display: block;text-align: left;width: 100%;}
#contacts_page form fieldset,
legend {border:1px solid #FFF;margin-bottom:2em;margin-top:1em;}
#contacts_page form fieldset {background-color:#FFF;border-bottom:1px solid #DDD;padding:0.5em;}										
#contacts_page form fieldset#users_comments {border:0px solid #FFF !important;font-weight: bold;}											
#contacts_page form legend {text-transform:uppercase;font-weight:bold;color:#FFF;background-color:#D9174B;padding:0.5em;position:relative;left:-1.1em;}						
#contacts_page form label {margin: .5em  0 0 0 ;display:block;text-align:left;width:100%;float:left;clear:both;text-transform: capitalize;}
#contacts_page form input, textarea {text-align:left;border:1px solid #9F9F9F;clear:both;float:left;position:relative;width: 100%;margin: 1em 0 0.5em 0;padding: .5em 0;}
#contacts_page form textarea {float:left;clear:both;}
#contacts_page form textarea#customerComments {border:1px solid #9F9F9F;width:100%;}
#contacts_page form #customerComments:focus,
#contacts_page form #firstName:focus,
#contacts_page form #lastName:focus,
#contacts_page form #email:focus, 
#contacts_page form #tel:focus,
#contacts_page form #tel:focus {background-color:#EFC3C4;}
#contacts_page form input[value="submit"] {text-align:center;display: block;float:right;clear:both;border:1px solid #333;margin:0;width:auto;display: block;padding: .5em 1.5em;}
#contacts_page form input[value="submit"]:hover,
#contacts_page form input[value="submit"]:focus {background-color:#D9174B;color:#FFF;cursor:pointer;}
#contacts_page form label#tel em{display:block;color:#7B7B7F;position:absolute;overflow:hidden;right:16.5em;}					
#contacts_page form strong{position:relative;left:8.3em;color: #8a1f11;display:block;}	
#contacts_page form div.required {position:relative;left:13em;width:8em;overflow:hidden;border:0px solid red;top:4.2em;}
#contacts_page form label img {float: left;}
							
/* Success, notice and error boxes
-------------------------------------------------------------- */
.send_error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4;padding: .8em; margin-bottom: 1em;  }
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
div.success em {text-transform:uppercase;}
.error      {color: #8a1f11;}
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }							
								
/*
TABLE
-----------------*/
body#press_page table {width:100%;}								
body#press_page table th{border-bottom:1px solid #DDD;text-transform:uppercase;border:1px solid #FFF;}
body#press_page table, tr, th , td{padding:0.5em;border-collapse:collapse;}
body#press_page table th {background-color:#D6FF77;}
body#press_page table td a {text-decoration:none;color:#4B4B4B;}
body#press_page table td a:hover {text-decoration:underline;color:#000;}		
body#press_page table tr:hover {background-color:#DDD;font-weight:bold;}
body#press_page table tr {border-bottom:1px solid #CCC;width:auto;}
body#press_page table caption {text-align:left;padding:0.3em;}

caption {text-indent:-9999em;}										


.product_wrapper {padding-top:1.5em !important;}
.product_wrapper h3, h5 {text-transform:uppercase;}

/*
home page images are now links
------------------------------*/				
.product_wrapper img {border:none;padding:0;margin:0;}								
.product_wrapper a {text-decoration:none;font-size:0.800em;display:block;background: url(http://www.colourchange.com/images/bttn-bg.jpg) 50% 0 no-repeat;text-align:center;text-transform: uppercase;color:#4B4B4B;padding:0.7em;}					
.product_wrapper a.product {background-image:none;height:auto !important;padding:0 !important;margin:0 !important;height:11em !important;overflow:hidden;}											
.product_wrapper a:hover {text-decoration:underline;}					
.product_wrapper  li a {font-size:0.700em;line-height:0.2em;background-image:none;text-align:left;text-transform: lowercase;}
.product_wrapper p {font-size:0.800em;width:17em;margin: 0 auto;line-height:1.4em !important;padding-top:0.5em;}


body#product_page div#content,
body#case_studies_page div#content,
body#research_development div#content,
body#press_page div#content,
body#awards_page div#content,
body#contacts_page div#content,
body#sitemap_page div#content,
body#news_page div#content {border:0px solid red;background-color:#FFF;background-image:none;}
					
#products {margin:0 0 1em 0;border-top:1px dashed #CCC;padding-top:0.5em;text-align:center;float:left;width:100%;height:auto;display:inline;
background-color:#FFF !important;padding-bottom:0em;}			
.product_wrapper {padding:0em;width:18em;height:16em;float:left;margin-bottom:1em;background-color:#FFF !important;border-right:1px dashed #CCC;}


.product_wrapper li {list-style-type:none;background-color:#FFF !important;}
					
body.raw_materials ul.select_box {margin-left:1.3em;}					
body.raw_materials ul.select_box li {margin-left:0 !important;}					

/*
end box
----------------------------*/					
.end {border-right:0;}					
.end p {text-align:left !important;padding-left:1.7em !important;margin-left:0 !important;margin:0 auto !important;width:auto;}					
			
.urls{text-align:left;float: left;height: 100%;width: 100%;background: transparent url(../images/bpma-logo.png) no-repeat 90% 50%;}
.urls{list-style-type:none;padding-top:0.6em;padding-bottom:0.6em;}
ul.urls li {text-align:left;background-color: transparent !important;}

.urls a {text-decoration:none;font-size:0.75em;color:#B23F8C; background:#FFF url(http://www.colourchange.com/images/arrow_state_grey_right.png) 0 -1px no-repeat;padding-left:2em;display:block;background-color: transparent !important ;}	
.urls a:hover {text-decoration:underline;color:#B23F8C;}


/*
MAIN NAVIGATION
-------------------*/

/*Locaters
-------------------*/
#home a#main, #product_page a#applications, 
#case_studies_page a#case_studies, 
#research_development a#r_and_d,
#awards_page a#awards,
#contacts_page a#contact,
#press_page a#press,
#news_page a#news { background-color:#FFF; color:#9C0;}
#drink_promo a#new_range {color:#00EE00;}

/*
technical page overides highlight (press page as template)
-----------------------------------------------------------*/
body.technical_downloads a#press {background-color:#000 !important;color:#CCC !important;}				
body.technical_downloads a#press:hover {background-color:#FFF !important;color:#9C0 !important;}
body.technical-data div.indicator em {color:#CCC;float:left;text-indent:-999px;display:block;}
body.technical-data div.indicator {line-height:1.8em;position:relative: -.5em;margin:1em 0 1em 0;float:left;}
body.technical-data div.indicator dl {margin: .3em;float:left;width:100%;}
body.technical-data div.indicator dt, body.technical-data div.indicator dd {font-weight:bold;float:left;padding: .5em;} 
body.technical-data ul#reading_files a:visited {font-weight:bold;color:purple !important;}
body.technical-data div.indicator dd {font-weight:normal;}
body.technical-data div.indicator dt {background-color:#DDD;}


/*PRODUCT NAVIGATION
-------------------------------*/
body#product_page #content ul li a, 
body#case_studies_page #content ul li a, 
body#research_development #content ul li a, 
body#awards_page #content ul li a, 
body#contacts_page #content ul li a, 
a.thermometers,
a.case_studies,
body#drink_promo #content ul li a,
body#press_page #content ul li a
 {text-transform:uppercase;text-decoration:none;color:#7F7E79;display:block;padding:0.2em;font-size:0.890em;padding-left:0.6em;}
								
body#product_page #content ul li a:hover, 
body#case_studies_page #content ul  li a:hover, 
body#research_development #content ul  li a:hover, 
body#awards_page #content ul  li a:hover, 
body#contacts_page #content ul  li a:hover,
body#press_page #content ul  li a:hover, 
body#drink_promo #content ul li a:hover,
a.thermometers:hover, 
a.case_studies:hover {text-decoration:none;background-color:#4B4B4B;color:#FFF;}
	
/*
sub categories with in the main product navigation
----------------------------------------------------*/
#content ul li ul.sub_categories {background-image:none !important;padding:0 !important;margin:0 !important;background-color:transparent !important;margin-top:1.9em !important;clear:left;display:block;height:auto;}	

#content ul li ul.sub_categories li { padding:0 !important;margin:0 !important;line-height: 1.4em !important;font-weight:bold;border-bottom:1px dashed #DDD;border-left:0;border-right:0;}								
#content ul li ul.sub_categories li a {text-transform: none !important; font-size:0.8em !important;margin-left:0.6em;color: #696158 !important;}
#content ul li ul.sub_categories li a:hover {background-color:transparent !important;color:#B23F8C !important;text-transform: none !important;text-decoration:underline !important;}
									
									
li#raw_materials ul {background-image:none !important;background-color:transparent !important;padding:0 !important;margin-top:2em !important;clear:both !important;}
li#raw_materials ul li a{padding-left:2.3em !important;color:#333 !important;background: url(http://www.colourchange.com/images/bullet_green.png) no-repeat 0.5em 0.4em;}								

									
/*PAGE INDICATRORS
------------------------*/

/*
Room Thermometers
---------------------*/
body.thermometers .sub_categories li#room_thermometers a,
body.nursery_thermometers .sub_categories li#nursery_thermometers a , 
body.freezer_thermometers .sub_categories li#freezer_thermometers a,
body.drinks_indicators .sub_categories li#drinks_indicators a,
body.forehead_thermometers .sub_categories li#forehead_thermometers a,
body.bath_thermometers .sub_categories li#bath_thermometers a,
body.water_gauge .sub_categories li#water_gauge a, 
body.food_thermometers .sub_categories li#food_thermometers a,

/*interactive print
---------------------*/
body.touch_reactive_products .sub_categories li#touch a,
body.chill_reactive_products .sub_categories li#chill a,
body.heat_reactive_products .sub_categories li#heat a,
body.moisture_reactive_products .sub_categories li#moisture a,
body.cook_reactive_products .sub_categories li#cook a,
body.stress_reactive_products .sub_categories li#stress a,
body.package_products .sub_categories li#package a,
body.game_cards_products .sub_categories li#cards a,
body.chameleon_ink .sub_categories li#chameleon a,
body.uv_reactive .sub_categories li#uv a,

/*Drink promo
-------------*/
body.game_cards li#game_card a,
body.drink_thermometer li#drink_thermometer a,
body.beer_mats li#beer_mats a,
body.drink_stirrers li#drink_stirrer a,
body.labels_packaging li#labels_packaging a,
body.pos li#POS a,
body.glassware li#glassware a,

/*interactive plastics
---------------------*/
body.spoon_products .sub_categories li#spoons a,
body.stirrers_products .sub_categories li#stirrers a,
/*this  hightlights the raw material when on its sub categories*/
body.raw_materials  .sub_categories li#raw_materials a,
body.masterbatch .sub_categories li#raw_materials a {color:purple !important;}

/*inks
---------------------*/
body.irreversible_ink .sub_categories li#irreversible  a,
body.reversible_ink .sub_categories li#reversible a,
body.liquid-crystal_ink .sub_categories li#liquid-crystal  a,
body.photochromic_ink .sub_categories li#photochromic  a,

/*
masterbatch (plastics)
---------------------*/
body.thermochromic_reversible .sub_categories li#reversible_thermochromic  a,
body.photochromic_reversible .sub_categories li#reversible_photochromic  a {background-color:#DF99D7 !important;color:purple !important;}
 

/*
FOOTER
--------------------*/
ul#footer {position:relative;color:#FFF;display:block;background-color:#000;padding:1.5em;width:97%;font-size:.7em;float:left;margin-top:1em;}
#footer li {list-style-type:none;color:#FFF;display:block;float:left;text-align:center;margin: 0 5em;}
#footer li a img {border:none;}	
a#feedback {float:right !important;color:#000;text-decoration:none;background:#FFF url(http://www.colourchange.com/images/comments.png) 0 0 no-repeat;padding-left:2em;margin-top: 4px;}		
a#feedback:hover {color:#9C0;}
a#feedback img {border:0;}	

/*
SITEMAP
-----------------*/
body#sitemap_page div#content {border:0px solid red;float:left !important;width:98.5%;}
body#sitemap_page div#content h1.header {position:relative;left:-16.0em;}

ol#sitemap_link_container{border:0px solid green;float:none;width:auto;position:relative;left:-21.4em;}
ol {list-style-type:none;line-height:1.5em;border:0px solid red;display:block !important;}
ol li {border:0px solid red !important;margin-left:0.5em;}
ol li ol li ol li a{margin-left:3em;background: url(http://www.colourchange.com/images/3.gif) 0 5px no-repeat;padding-left:1.5em;}
ol li a.main_header {font-weight:bold;border-bottom:1px dashed #8F8F8F;display:block;padding:0.5em 0 0.5em 0 !important;padding:0.3em;width:100% !important;text-transform:uppercase;}
ol li a.sub_main_header {background: url(http://www.colourchange.com/images/arrow_right.gif) 0 1px no-repeat;padding-left:1.5em;margin:0.7em 0 0.7em 0 !important;display:block;} 
ol li a{color:#333;text-decoration:none;}
ol li a:hover {text-decoration:underline;}
ol li a:visited {text-decoration:underline;color:#9F2786;}	
a.last_link {border:1px solid #FFF !important;margin-bottom:3em;}			
#to_sitemap{float:left;font-size:0.8em;text-decoration:none;color:#000;margin:0.3em;background:#FFF url(http://www.colourchange.com/images/sitemap_color.png) 0 0 no-repeat;padding-left:2em;}

#to_sitemap:hover {color:#9C0;}
#to_sitemap img {border:0;position:relative;top:0.2em;}
				
				
body#sitemap_page form {width:16em;padding:1em;position:absolute;top:1em;right:0;-moz-border-radius: 1em;background-color: #CDFF9F;}
body#sitemap_page form p{padding-top:0.5em;border:0px solid red;width:100%;}
body#sitemap_page form input[type="text"]{width:140px;margin-top:-1.7em;}
body#sitemap_page form input[type="submit"] {width:auto;}		
body#sitemap_page form label {text-indent:-99999px;border:0px solid red;display:block;}	
body#sitemap_page form em {background: url(http://www.colourchange.com/images/success.png) 0 0 no-repeat;padding-left:1.6em;padding-bottom:0.5em;display:block;margin-left:0.3em;}

div.sitemap_error {background: url(http://www.colourchange.com/images/warning.png) 10px 0 no-repeat;padding-left:3em;}	
body#sitemap_page blockquote{font-style:italic;color:#333;}


/*
PRODUCT GALLERY (found on product pages)
----------------------------------------*/
ul#product-gallery,
ul#product-gallery li {background-image: none !important;background-color: transparent !important;border: none !important;margin: 0 !important;padding:0 !important;margin-bottom: 1em !important;}
ul#product-gallery {width:100% !important;float:left !important;clear:both !important;margin-top: 5em !important;}

ul#product-gallery li {width:155px;height:199px;float: left !important;clear: right !important;padding:0 !important;margin-right:10px !important;overflow:hidden;border:1px solid  rgb(174, 0, 175) !important;}

ul#product-gallery li img {padding:0 !important;margin:0 auto !important;float: left!important;border:0 !important;}

ul#product-gallery li a {padding:0 !important;}

div#gallery {float:right;width: 100% !important;border: 0 !important;margin-top: -30px;text-align: right;}
div#information {float:right;width:auto;}

div#gallery strong {clear:both;float: left;}


/*
Drinkpromo
----------*/
body#drink_promo .product_wrapper {width:33%;border-bottom:1px dashed #CCC;padding-bottom: 1.5em;}
body#drink_promo .end {display: none;}
body#drink_promo .product_wrapper:hover h3 {color:rgb(178, 63, 140);}


.product_range ol {margin: .5em 0;}
.product_range ol li {list-style-type: circle;line-height: 150%;margin:0;padding:0;}


