/* CSS Document */





body{

font-family: "Helvetica Light", Helvetica, sans-serif;

}



#container{

margin-right: auto;

margin-left: auto;

width: 938px;

position: relative;

overflow: hidden;

}



#containernew{

margin:20px 35px 70px 35px ;

width: 938px;

position: relative;

overflow: hidden;

}



h1{

color: #9fa2a5;

font-family: "Helvetica Light", Helvetica, sans-serif;

font-weight: bold;

text-decoration: none;

font-size: 18px;	

}



h2{

color: #003e8e;

font-family: "Helvetica Light", Helvetica, sans-serif;

font-weight: bold;

text-decoration: none;

font-size: 20px;

}



h3{

color: #505153;

font-family: "Helvetica Light", Helvetica, sans-serif;

text-decoration: none;

font-size: 18px;

}







#flashcontent{

width: 938px;

height: 273px;

background-color: #FFFFFF;

}



#video_icon{

float: right;

margin-top: 10px;

}



#video_icon_new{

float: left;

margin-top: 10px;

}



#video_icon2{

float: right;

margin-top: 0px;

}



#button{

text-align: right;

}

#button_new{

text-align: left;

}



.img{

border: 0px;

}

	

#navigation{	
top: 8em;
left: 110px;
}

#navi{	
top: 8em;

left: 110px;

}



#menu{

width: 12em; /* set width of menu */

background: #eee;

} 



#menu ul{ /* remove bullets and list indents */

list-style: none;

margin: 0;

padding: 0;

}



/* style, color and size links and headings to suit */

#menu a, #menu h2{

font: bold 11px/16px arial, helvetica, sans-serif;

display: block;

margin: 0;

padding: 2px 3px;

}



#menu h2{

color: #fff;

background: #000;

text-transform: uppercase;

}



#menu a{

color: #000;

background: #efefef;

text-decoration: none;

}



#menu a:hover{

color: #a00;

background: #fff;

}



#menu li{

/* make the list elements a containing block for the nested lists */

position: relative;

} 



#menu ul ul ul{

position: absolute;

top: 0;

left: 200px; /* to position them to the right of their containing block */

width: 100%; /* width is based on the containing block */

}



div#menu ul ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;}



#menu{

width: 768px;

background: #eee;

float: left;

}



#menu ul{

list-style: none;

margin: 0;

padding: 0;

width: 128px;

float: left;

}



#menu a, #menu h2{

font: 11px/16px arial, helvetica, sans-serif;

display: block;

border-width: 1px;

border-style: solid;

border-color: #ccc #888 #555 #bbb;

margin: 0;

padding: 4px;

text-align: center;

}



#menu h2{

color: #fff;

background: #fff;

text-transform: uppercase;

}



#menu a{

color: white;

background: #003e8e;

text-decoration: none;

}



#menu a:hover{

color: #003e8e;

background: #7f9ec6;

}



#menu ul ul a{

color: white;

background: #7f9ec6;

text-decoration: none;

text-align: left;

padding: 0 5px 5px 5px;

}



#menu ul ul a:hover{

color: #003e8e;

background: #7f9ec6;

text-align: left;

}



#menu li {position: relative;}



#menu ul ul{

position: absolute;

z-index: 500;

left: 0;

top: 25px;

}



#menu ul ul.large li{

width: 205px;

}



#menu ul ul ul{

top: 0;

left: 100%;

}



div#menu ul ul,

div#menu ul li:hover ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;}



#flash_header{

margin-top: 100px;

}



#search{

float: right;

background-color: #003e8e;

padding: 0px 2px 0px 2px;

height: 25px;

overflow: hidden;

margin-top: 1px;

}



		

#login{

float: right;

background-image: url(images/login-img.gif);

width: 121px;

height: 22px;

display: block;

text-indent: -99999px;

margin: -5px -5px 0px 0px;

}



#wrapper{

padding-top: 20px;

padding-left: 30px;

padding-right: 30px;

background-repeat: no-repeat;

background-position: bottom right;

padding-bottom: 0px;

min-height: 425px;

height: auto !important;



clear: both;



}

#wrapper1{

padding-top: 20px;

padding-left: 30px;

padding-right: 30px;

background-repeat: no-repeat;

background-position: top right;

padding-bottom: 70px;

min-height: 425px;

height: auto !important;

height: 425px;

clear: both;



}



.contact-us{

background-image: url(images/contact_us.jpg) !important;

}

.driving-directions{background-image: url(images/building-directions.jpg) !important;}


.where-to-buy{

background-image: url(images/where_to_buy.jpg)!important;

}



.contact-us-large{

background-image: url(images/where_to_buy_large.jpg) !important;

}



.main{

background-image: url(images/mainbg.jpg) !important;

}


.aboutus{

background-image: url(images/aboutusbg.jpg) !important;

}


.toll-services{

background-image: url(images/toll_services.jpg) !important;

}



.formulations{

background-image: url(images/formulations.jpg) !important;

}



.ingredients{

background-image: url(images/ingredients.jpg) !important;

}



.content{

/*padding: 20px 40px 40px 40px;*/
padding: 20px 40px 10px 40px;

color: #505153;

font-size: 14px;

font-family: "Helvetica Light", Helvetica, sans-serif;

clear: both;

}
.content a{color:#000000;}

*:first-child+html .content{padding: 20px 40px 10px 40px; color: #505153; font-size: 14px; font-family:Arial, Helvetica, sans-serif clear: both;}


.content_new{

margin: 20px 40px 40px 40px;

color: #505153;

font-size: 14px;

font-family: "Helvetica Light", Helvetica, sans-serif;

clear: both;

}



.contents{

padding: 5px 5px 5px 5px;

color: #505153;

font-size: 14px;

font-family: "Helvetica Light", Helvetica, sans-serif;

clear: both; height:65px; width:346px;

}



.content-formulations{

padding: 40px;

color: #000000;

font-size: 14px;

font-family: "Helvetica Light", Helvetica, sans-serif;

}



.text1{

color: #000000;

font-weight: bold;

font-size: 14px;

}



.text2{

color: #003e8e;

font-weight: bold;

font-size: 14px;

}



#location-container{

display: block;

clear: both;

overflow: hidden;

padding-bottom: 0px;

background-repeat: no-repeat;

background-position: top;

margin-top: 50px;

margin-left: 50px;

}



#location-container p{

width: 220px;

}



.americas{

background-image: url(images/america.jpg) !important;

min-height: 800px;

height: auto !important;
height: 800px;
/*height: 2000px;*/

}



.europe{

/*background-image: url(images/europe.png) !important;*/
background-image: url(images/europe.png) !important;
min-height: 900px;
height: auto !important;
height:900px;
/*height: 1200px;*/

}

.latin_america{

/*background-image: url(images/europe.png) !important;*/
background-image: url(images/latin_america.jpg) !important;
min-height: 1100px;
height: auto !important;
height:1100px;
/*height: 1200px;*/

}

.east{

background-image: url(images/east.png) !important;

min-height: 700px;

height: auto !important;
height: 700px;
/*height: 900px;*/

}



.rim{

background-image: url(images/rim.png) !important;

min-height: 1200px;

height: auto !important;
height:1230px;
/*height: 1400px;*/

}



.col1{

padding-left: 30px;

padding-right: 30px;

padding-bottom: 70px;

min-height: 300px;

height: auto !important;

height: 300px;

float: left;

width: 220px;

font-size: 12px;

}



.col2{

padding-left: 200px;

padding-right: 30px;

padding-bottom: 70px;

min-height: 300px;

height: auto !important;

height: 300px;

float: left;

width: 220px;

font-size: 12px;

}



.where_img{

border: 2px solid #003e8e;

}



#back_to_map{

margin-left: 0px;

margin-top: 0px;

float:right;

}

	

#footer{

padding-top: 65px;

margin-top: -63px;

clear: both;

}



.properties-table{

font-size: 11px; 

}



.properties-table .first{

border-left: 1px solid #C1DAD7;

}



.properties-table a{

color: #c75f3e;

}



.properties-table{

width: 750px;

padding: 0;

margin: 0;

float: left;

opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;
}



.properties-table caption{

padding: 0 0 5px 0;	 

font: italic 11px;

}



.properties-table th{

font: bold 11px;

color: #4f6b72;

border-right: 1px solid #C1DAD7;

border-bottom: 1px solid #C1DAD7;

border-top: 1px solid #C1DAD7;

letter-spacing: 2px;

text-transform: uppercase;

text-align: left;

padding: 2px 2px 2px 4px;

}


.properties-table th.nobg{

border-top: 0;

border-left: 0;

border-right: 1px solid #C1DAD7;

background: none;

}



.properties-table td{

border-right: 1px solid #C1DAD7;

border-bottom: 1px solid #C1DAD7;

background: #fff;

padding: 6px 6px 6px 12px;

color: #4f6b72; 

}

/*---- jayant ----*/
.properties-table td.tableheadings{border-right: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; font-weight:bold;}




.properties-table td.alt{

background: #F5FAFA;

color: #797268;

}



.properties-table .spec{

border-top: 0;

background: #fff url(images/bullet1.gif) no-repeat;

font: bold 10px;

}



.properties-table .inci{

width: 200px;

}



.properties-table .soluable{

width: 70px;

}



.properties-table .specalt{

border-top: 0;

background: #f5fafa url(images/bullet2.gif) no-repeat;

font: bold 10px;

color: #797268;

}



.properties-table .header{

height: 40px !important;

}



.properties-table tr{

height: 20px;

}



.properties-table th{

height: 40px;

}



#scroll-table{

height: 100%;

overflow: auto;

width: 550px;

float: right;

}



.table-popup{

clear: both;

height: 149px;

width: 626px;

display: block;

}



.table-popup table{

border: 1px solid #d4d4d5;

margin-top: 100px;

margin-left: 10px;

}



.table-popup td{

border-right: 1px solid #C1DAD7;

background: #fff;

padding: 3px 3px 3px 3spx;

color: #4f6b72;

height: 28px;

}



.table-popup td.final{

border-right: 0px solid;

}





.table-popup tr.header{

display:none;

}



.table-popup span.dots{

text-indent: -9999px;

background-image: url(images/blue_dot.gif);

background-repeat: no-repeat;

background-position:center;

width: 27px;

overflow: hidden;

display: block;

}



.table-popup td.s28 span.dots, .table-popup td.s28 span.dots-no{

width: 26px;

}



.table-popup span.dots-no{

text-indent: -9999px;

background-image: none;

width: 27px;

overflow: hidden;

display: block;

}





.thankyou{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#333399; }



.blue_text{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#333399; }



.emailform_text { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#505153; }

.blue_txt { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#003E8E; }



.contact_text { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#505153; }



.company_name { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#505153; }



.request_name { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#505153; }



.blue_nav { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0000FF;}



.red

{

color:#FF0000; font-size:small;}

.redfooter

{

color:#FF0000;font-family: "Helvetica Light", Helvetica, sans-serif;}



#footer_img{ width:940px; margin:auto;}







.paragraph{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:justify; color:#000000;}

.paragraph_cat{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:justify; color:#ooooff;}
.paragraph_cat_desc{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:justify; color:#000000;}

.formulation_text{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#003187; text-decoration:none;  }

.sun_products{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#296C9F;text-decoration:none;}



.heading{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0052A0;text-decoration:none;}







.sun_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#E5B421;text-decoration:none;text-align:left;padding-left:8px;}
.sun_class a{text-decoration:none;}

.body_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#296C9F;text-decoration:none;text-align:left;padding-left:8px;}
.body_class a{text-decoration:none;}


.all_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#E5B421; text-align:left; text-decoration:none; padding-left:8px; }
.all_class a{text-decoration:none;}


.colour_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#CA383C; text-align:left; text-decoration:none; padding-left:8px; }
.colour_class a{text-decoration:none;}


.color_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#CA383C; text-align:left; text-decoration:none; padding-left:8px; }
.color_class a{text-decoration:none;}


.face_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#DD6904; text-align:left; text-decoration:none; padding-left:8px; }
.face_class a{text-decoration:none;}


.hair_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#00958D; text-align:left; text-decoration:none; padding-left:8px; }
.hair_class a{text-decoration:none;}


.men_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#008DC3; text-align:left; text-decoration:none; padding-left:8px; }
.men_class a{text-decoration:none;}


.man_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#008DC3; text-align:left; text-decoration:none; padding-left:8px; }
.man_class a{text-decoration:none;}


.spa_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#6E298C; text-align:left; text-decoration:none; padding-left:8px; }
.spa_class a{text-decoration:none;}


.gray_class{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#8A8A8A; text-align:left; text-decoration:none;}
.gray_class a{text-decoration:none;}


.gray_class1{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#8A8A8A; text-align:center; text-decoration:none;}

.prod_common_class{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none;text-align:left;padding-left:5px;}

.key{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:right;}
img { behavior: url(iepngfix.htc) }
#pscroller1{
width: 200px;
height: 300px;
border: 1px solid black;
padding: 5px;
background-color: white;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.imgopacity{filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75;}

.clear{clear:both;}
.cmndiv{margin:0px; padding:5px 0px 5px 0px; width:100%;}
.cmndiv p{margin:0px; padding:0px;}
.one{float:left; width:380px; height:100px; margin:0px; padding:0px;}
.two{float:left; width:400px; padding-left:10px;}
.sm1{float:left; width:100px; margin:0px; padding-left:10px;}
.sm2{float:left; width:150px; padding-left:10px; color:#6E2A8E;}
.sm3{float:left; width:500px; padding-left:10px;}
.sm3 p {margin:0px; padding:0px 0px 4px 0px;}

.cmndiv1{margin:0px; padding:5px 0px 0px 0px; width:100%; border-bottom:1PX solid #CCCCCC;}
.subheading{color: #505153; font-family: "Helvetica Light", Helvetica, sans-serif; text-decoration: none; font-weight:bold; font-size: 17px; padding:5px 0px 10px 0px;}
.tblingredient{padding-bottom:20px; padding-top:0px;}
.terms{color:#888888; font-family: "Helvetica Light", Helvetica, sans-serif; text-decoration: none; font-size:12px; }
.dwnloadlink{font-family: "Helvetica Light", Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:underline; line-height:18px; margin:0px; padding:0px; font-weight:normal;}

#cse-search-results{height:500px; overflow-y:scroll; overflow-x:hidden;}

.scienceimg{
    margin:0px auto; 
    padding:5px 0px 0px 0px; 
    width:798px;
    height: 39px;
    background-image: url(/images/beauty_science_img.png);
}