	@charset "UTF-8";
/*
Theme Name: EWG's SS 2013
Theme URI: http://www.ewg.org 
Description: WP theme for 2013 EWG' Guide to SS
Author: Ty
Version: 050613
License: Copyright | www.EWG.org |  All Rights Reserved.
License URI: http://www.ewg.org  
Tags: wptheme, wordpresstheme, sunscreens, skin cancer
Contact: ewg.org
Last Updated: 05-06-13
*/
/* 
(c) All Rights Reserved. Do Not Copy, Share, Modify etc. w/o the written permission of the owner.

Minimum needed WP Plugins:
NO NextGEN Gallery
NO Single Post Template
WordPress SEO
Yoast Breadcrumbs
WordPress Importer
*/

* {
    margin: 0;
    padding: 0;
}


body {
	width:100%;
	height:100%;
	overflow-x:hidden;
	/* min-width:1024px; */
	margin:0px;
	padding:0px;
background-color:#ffffff;

	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-style: normal;
	font-size:18px;
	line-height:28px;

/*
	color:#494641;
*/
	color:#1d1d1d;
}



#top{ position:absolute;top:0;left:0;}
#gototop_arrow { width:70px; height:70px;	 position:fixed; z-index:999; bottom:20px; right:20px; display:none; }
#top_line { width:100%; height:1px; background-color:#000000; position:absolute; left:0; top:0; }

img.background1 
{
	left:0;
	min-width:1024px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%; /*height:100%;*/
	z-index:-99;
}

img.background2 
{
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto; /*  height: 100%; width: 100%; */
	position: fixed;
	bottom:0;
	left: 0;
	z-index:-99;
}

.fleft 
{
	float:left;
}

.fright 
{
	float:right;
}

.clear 
{
	clear:both;
	padding:0;
	margin:0;
}

/* Clearfix */
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix {  *zoom: 1; }




div, p, ul, li, ol, h1, h2, h3 
{
	margin:0;
	padding:0;
}

p 
{
	padding:5px 0px;
}

ul, ol 
{
	padding:15px 15px 15px 40px;
}

li 
{
	padding:10px;
}

img 
{
	border: 0 none;
}

.noborder { border:0 none !important; outline:none !important;}

a, a:link, a:visited 
{
	color:#05bfef;
	text-decoration:underline !important;
	outline:none !important;
	border:0 none !important;
}

a:active, a:hover 
{
	text-decoration:underline !important;
	outline:none !important;
	border:0 none !important;
}




#left_pane_internal a, #left_pane_internal a:link, #left_pane_internal a:visited 
{
	color:#e57d4a;
	text-decoration:none !important;
	outline:none !important;
	border:0 none !important;
}

#left_pane_internal a:active, #left_pane_internal a:hover 
{
	text-decoration:underline !important;
	outline:none !important;
	border:0 none !important;
}


a.nounderlineahref, a.nounderlineahref:link, a.nounderlineahref:visited 
{
	text-decoration:none !important;
	outline:none !important;
	border:0 none !important;
}

a.nounderlineahref:active, a.nounderlineahref:hover 
{
	text-decoration:none !important;
	outline:none !important;
	border:0 none !important;
}

a img 
{
	text-decoration:none !important;
	outline:none !important;
	border:0 none !important;
}

a div 
{
	text-decoration:none !important;
	outline:none !important;
	border:0 none !important;
}

a img.hoverimg 
{
	opacity:1;
	outline:none;
}

a img.hoverimg:hover 
{
	opacity:0.7;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition-duration:.3s;
	-o-transition:opacity .3s ease-in-out;
	outline:none;
}

img.hoverimg 
{
	opacity:1;
}

img.hoverimg:hover 
{
	opacity:0.7;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition-duration:.3s;
	-o-transition:opacity .3s ease-in-out;
}


.hiddentext { text-indent:-9999px; height:0; padding:0; margin:0; width:0; }














#middlebarssnew{position:fixed;top:0;left:0;z-index:999;width:100%;
height:137px;


/*
height:118px;
background:url(images/middlebar_03.png);
background-repeat:repeat-x;
*/

/* background-color:#b15520; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b15520), to(#9b4000)); 
	background-image: -moz-linear-gradient(#b15520, #9b4000); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b15520', endColorstr='#9b4000'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b15520', endColorstr='#9b4000')"; 
	
	
border-bottom:1px solid #461b06; 	
	-o-box-shadow:0px 2px 13px  #E57D4A;
	-moz-box-shadow:0px 2px 13px  #E57D4A;
	-webkit-box-shadow:0px 2px 13px  #E57D4A;
	box-shadow:0px 2px 13px  #E57D4A;	
*/

background: url("http://static.ewg.org/reports/2013/sunscreen2013/images/driveby_bg.png") repeat-x scroll 0 0 transparent;
background-repeat:repeat-x;
background-position:0 0;

display:none}






#middlebar960ssnew{width:960px; height:137px; position:relative;z-index:9;margin:0 auto;  background: url("http://static.ewg.org/reports/2013/sunscreen2013/images/driveby_text.png") no-repeat scroll 0 0 transparent; border:none !important; outline: none !important; }

#donatetoewgssnew{width:490px;height:80px;position:absolute;z-index:99;top:10px;left:0; display:none !important;}
#donatetoewgssnew h1{font-size:16px;line-height:16px;font-weight:600;color:#ffffff;text-shadow:0 -1px #000;margin:0;padding:0}
#donatetoewgssnew h2{font-size:15px;line-height:21px;font-weight:400;color:#ffe9b0;text-shadow:0 -1px #000;margin:8px 0 0;padding:0}
#getguide_2ssnew{width:250px;height:132px;position:absolute;z-index:99;top:0px;left:500px;background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/gettheguidesticky_05.png);background-repeat:no-repeat;display:none !important;}
#donatebtnssnew{width:179px;height:107px;position:absolute;z-index:99;top:1px;right:0;background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/getguideup.png);background-repeat:no-repeat;cursor:pointer; display:none !important;}
#donatebtnssnew:hover{width:179px;height:107px;position:absolute;z-index:99;top:1px;right:0;background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/getguidedown.png);background-repeat:no-repeat;cursor:pointer; display:none !important;}
#closethisslide{position:absolute;right:-37px;top:37px;z-index:9999; width:100px; height:25px; font-size:14px; line-height:20px; color:#ffffff; font-weight:600;
text-align:center; 
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
/*
border-bottom:1px solid #461b06; 	





	-moz-box-shadow: 0 0 10px 0 #000 inset;
	-webkit-box-shadow: 0 0 10px 0 #000 inset; 
	box-shadow: 0 0 10px 0 #000 inset;
*/	
	
	cursor:pointer;
	
}



























/* project specific css */









  /* ////////////////////////////////////////////////////////////////// */
    /* ////////////////////////////////////////////////////////////////// */
	  /* ////////////////////////////////////////////////////////////////// */


#sharethis_ty { margin:0 0 30px 0; }




.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0 !important;
  margin: 0 0 30px 0 !important;
  
  
  border-bottom:1px solid #ececec;
  border-top:1px solid #ececec;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 !important;
  margin: 0 !important;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  
  
  /* ////////////////////////////////////////////////////////////////// */
    /* ////////////////////////////////////////////////////////////////// */
	  /* ////////////////////////////////////////////////////////////////// */


#iphoneappguide960orless { padding:3% 2%; margin:0 0 0 0; width:96%; max-width:100%;  }
#inner_iphoneappguide960orless 
{ 
width:100%; max-width:100%; margin:10px 0 0 0px; 
padding:5%;

border:1px solid #e57d4a; 
box-sizing:border-box;  -moz-box-sizing:border-box;      -webkit-box-sizing:border-box; 

-o-border-radius:4px;
-ms-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
	
background-color:#ffffff; 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fff5de)); 
background-image: -moz-linear-gradient(#ffffff, #fff5de); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de')"; 

-o-box-shadow:0px 2px 13px  #E57D4A;
-moz-box-shadow:0px 2px 13px  #E57D4A;
-webkit-box-shadow:0px 2px 13px  #E57D4A;
box-shadow:0px 2px 13px  #E57D4A;
} 


#toolstostaysafe960orless { background-color:#ffffff !important; padding:5% 5% 0% 5%; width:90%; }
#toolstostaysafe960orless h3#h3saftetool { padding:0 !important; color:#953D12 !important; font-size:21px; line-height:30px;font-weight:600; }
#toolstostaysafe960orless  .toolboxp { font-size:18px; line-height:29px; padding:22px 0;}

#followus960orless  { background-color:#ffffff !important; padding:0%; width:100%; border-top:1px solid #E9C3A0; }
#followus960orless .socialmedia2bbb 
{ 

	-o-border-radius:0px;
	-ms-border-radius:0px;
	-khtml-border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	
	margin:0px;
	
	height:auto;
	width:15%;
	max-width:25%;
	padding:5%;

}

/* Used RGBA generator at http://css3generator.com/ ~ Ty */
#wrapperlogotools 
{ 
/*width:100%;*/ 
width:960px; /* max-width:1024px; */
position:relative;
z-index:9;   

margin:15px auto 15px auto;
/*
-o-box-shadow:0 1px 1px rgba(51, 51, 51, .2); 
-moz-box-shadow:0 1px 1px rgba(51, 51, 51, .2); 
-webkit-box-shadow:0 1px 1px rgba(51, 51, 51, .2); 
box-shadow:0 1px 1px rgba(51, 51, 51, .2); 
*/

height:53px;
}

#logo { margin:0 0 0 0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; height:53px; }
#tools { width:234px; height:29px; }

#header_search
{ 
/*width:100%;*/ 
width:958px; /* max-width:1024px; */
position:relative;
z-index:1;   

margin:0 auto;

height:46px;


background-color:#fff4da; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff4da), to(#f8d3b1)); 
	background-image: -moz-linear-gradient(#fff4da, #f8d3b1); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1')"; 
	
	-o-border-radius:0 0 4px 4px;
	-ms-border-radius:0 0 4px 4px;
	-khtml-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;

	
/*
border-top:1px solid #f5cfbc;
border-bottom:1px solid #e9c3a0;
*/

border:1px solid #e57d4a;
border-top:0 none; 

}





div#advancedsearch_text { padding:0 0 0 0; margin:0 0 0 0; color:#953d12; font-size:14px; line-height:14px; font-weight:600; float:left;  }


div#advancedsearch_text {

	background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/advanced_search_arrow.png); background-position:0px 0px; background-repeat:no-repeat;
    color: #953D12;
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: 14px;
    line-height: 14px;
    margin: 17px 0 0 17px;
    padding: 0 0 0 20px;
}


div#advancedsearch_text a { color:#953d12 !important; text-decoration:none !important;  }

div#topsearchbarbg 
{
background: url("http://static.ewg.org/reports/2013/sunscreen2013/images/searchformbg.png") no-repeat scroll 0 0 transparent;
height: 46px;
width: 460px;
float:right;
}
form#topsearchformid { margin:0; padding:0; }
input#searchtopinputboxid { /* nothing css comes from its class not id */ }
input.searchtopinputboxclass {
    background-color: #FFFFFF;
    border: 0 none;
    color: #707070;
    font-size: 15px;
    font-weight: normal;
    height: 25px;
    margin: 11px 0 0 40px;
    outline: medium none;
    padding: 0;
    width: 329px;
}
input.searchtopbtnclass 
{
    border: 0 none;
    height: 27px;
    margin: 10px 0 0 4px;
    padding: 0;
    width: 80px;
}







#name_nav
{ 
/*width:100%;*/ 





width:960px; /* max-width:1024px; */
position:relative;
z-index:100;   

margin:0 auto;

height:44px;

}
#name_ss { height:44px; width:312px;	}
#navbg { text-align:right; height:44px; width:648px; background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/orangebg.jpg); background-position:0 0; background-repeat:repeat-x; }





.showunder959 { display:none !important; }
/*
#responsive_menu_wrapper { text-align:left; height:44px; width:100%; background:url(images/responsivemenu_bg.jpg); background-position:0 0; background-repeat:repeat-x;  position:fixed; z-index:999; top:0; left:0; }
*/

#responsive_menu_wrapper 
{ 
text-align:left; height:44px; width:100%; 
background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/responsivemenu_bg4.jpg); 
background-position:0 0; 
background-repeat:repeat-x;  
position:fixed; z-index:98; top:0; left:0; 


	-o-box-shadow:0 0px 2px #E57D4A;
	-moz-box-shadow:0 0px 2px #E57D4A;
	-webkit-box-shadow:0 0px 2px #E57D4A;
	box-shadow:0 0px 2px #E57D4A;

}

#hamburger 
{ 
/*font-size:20px; line-height:20px; color:#ffffff; text-shadow:0 1px 0 #cc4125; width:60px; height:20px; margin:6px 0 0 10px; padding:2px 5px; border:1px solid #000; text-align:center; */
cursor:pointer; width:44px; height:44px;
/* text-indent:-9999px;*/
 border-right:1px solid #df563e; 


	-o-box-shadow:0 -5px 10px #E57D4A;
	-moz-box-shadow:0 -5px 10px #E57D4A;
	-webkit-box-shadow:0 -5px 10px #E57D4A;
	box-shadow:0 -5px 10px #E57D4A;
	

background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/hamburger.png);
background-position:0px 2px;
background-repeat:no-repeat;
background-size:44px;

/* margin-right:10px;  */



}
#search_header
{
/*font-size:20px; line-height:20px; color:#ffffff; text-shadow:0 1px 0 #cc4125; width:60px; height:20px; margin:6px 0 0 10px; padding:2px 5px; border:1px solid #000; text-align:center; */
cursor:pointer; width:44px; height:44px;
/* text-indent:-9999px;*/
border-left:1px solid #DF563E !important;


	-o-box-shadow:0 -5px 10px #E57D4A;
	-moz-box-shadow:0 -5px 10px #E57D4A;
	-webkit-box-shadow:0 -5px 10px #E57D4A;
	box-shadow:0 -5px 10px #E57D4A;
	

background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/search.png);
background-position:0px 2px;
background-repeat:no-repeat;
background-size:44px;

/* margin-right:10px;  */


	
}
#responsivelogo
{ 
cursor:pointer; /* width:258px; */ /* height:44px; */ height:32px;
margin:0 0px 0 0px; 
border-left:0px dotted white;
padding-top:12px;
text-align:center;

width:auto;

padding-left:10px;

/*
	-o-box-shadow:0 0px 2px #E57D4A;
	-moz-box-shadow:0 0px 2px #E57D4A;
	-webkit-box-shadow:0 0px 2px #E57D4A;
	box-shadow:0 0px 2px #E57D4A; */
}
#hamburger img, #responsivelogo img { height:100%; }
.desktop127mobile0 { top:-174px; }

#middlebar
{
width:100%; /* max-width:1024px; */
position:relative;
z-index:19;   
margin:0 auto;
padding:0;
height:auto;
min-height:197px;

/*
background:url(images/middlebarbg.jpg); background-position:0 0; background-repeat:repeat-x;
*/


background-color:#fff4da; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff4da), to(#f8d3b1)); 
	background-image: -moz-linear-gradient(#fff4da, #f8d3b1); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1')"; 
	
	
border-top:1px solid #f5cfbc;
border-bottom:1px solid #e9c3a0;

}





.gradientrow
{
width:90%; /* max-width:1024px; */
max-width:100%;
margin:0 auto;
padding:5%;
height:auto;




background-color:#fff4da; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff4da), to(#f8d3b1)); 
	background-image: -moz-linear-gradient(#fff4da, #f8d3b1); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1')"; 
	
	
border-top:1px solid #f5cfbc;
border-bottom:1px solid #e9c3a0;

}




#middlebar960orless
{
width:100%; /* max-width:1024px; */
position:relative;
z-index:9;   
margin:0 auto;
padding:0;
height:auto;


/*
background:url(images/middlebarbg.jpg); background-position:0 0; background-repeat:repeat-x;
*/

/*
background-color:#fff4da; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff4da), to(#f8d3b1)); 
	background-image: -moz-linear-gradient(#fff4da, #f8d3b1); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1')"; 
	
	
border-top:1px solid #f5cfbc;
border-bottom:1px solid #e9c3a0;
*/
}













#middlebar_videos
{
width:100%; /* max-width:1024px; */
position:relative;
z-index:9;   
margin:0 auto;
padding:0;
height:auto;
min-height:197px;

/*
background:url(images/middlebarbg.jpg); background-position:0 0; background-repeat:repeat-x;
*/


background-color:#fff4da; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff4da), to(#f8d3b1)); 
	background-image: -moz-linear-gradient(#fff4da, #f8d3b1); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1')"; 
	
	
border-top:1px solid #f5cfbc;
border-bottom:1px solid #e9c3a0;

}

#middlebar_center { width:960px; max-width:960px; margin:20px auto; text-align:center; }
#middlebar_center h2 { font-weight:600; font-size:24px; line-height:24px; color:#953d12; }


#middlebar_videos_center { width:960px; max-width:960px; margin:20px auto; text-align:left; padding:3% 0; }
#middlebar_videos_center h2 { font-weight:600; font-size:24px; line-height:24px; color:#953d12; }

#seeallproducts { background-color:#e57d4a; color:#ffffff; font-size:14px; line-height:14px; 
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

    margin: -29px 0 0;
    padding: 10px;
    width: 120px;
	float:right;
	
	 }
 
 
 #seeallproducts_mobile 
 { display:none;
  background-color:#e57d4a; color:#ffffff; font-size:14px; line-height:14px; 
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

    margin:10% auto 0 auto;
    padding: 5%;
    width: 90%;

	
	 }

 
.spf_ul { list-style:none; padding:0; margin:20px auto 0 auto; width:100%; height:auto; text-transform:none; 	 }
.spf_ul li { 
display:block; float:left;
/* display:inline; */
width:20%; max-width:20%;  padding:2.5%; margin:0; text-align:center; vertical-align:middle; margin:0 3.3333% 0 0;


border:1px solid #e57d4a; 
box-sizing:border-box;  -moz-box-sizing:border-box;      -webkit-box-sizing:border-box; 

	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	
	
	min-height:105px;





background-color:#ffffff; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fff5de)); 
	background-image: -moz-linear-gradient(#ffffff, #fff5de); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de')"; 

	-o-box-shadow:0px 2px 13px  #E57D4A;
	-moz-box-shadow:0px 2px 13px  #E57D4A;
	-webkit-box-shadow:0px 2px 13px  #E57D4A;
	box-shadow:0px 2px 13px  #E57D4A;
}

.spf_ul li:first-child { width:30%; max-width:30%;  }
.spf_ul li:last-child { margin:0 0 0 0 !important;  }



.spf_ul li a, .spf_ul li a:link, .spf_ul li a:visited 
{
	
	font-size:21px;
	line-height:26px;
	
	font-weight:600;
	
	color:#e57d4a;
	text-decoration:none !important;
	outline:none !important;
	border:0 none !important;
	
}

.spf_ul li a:active, .spf_ul li a:hover 
{
	text-decoration:underline !important;
	outline:none !important;
	border:0 none !important;
}





#text_wrapper
{
width:960px; /* max-width:1024px; */
position:relative;
z-index:1;   
margin:0 auto;
padding:0;

margin-top:30px;
}



.noshowunder959 { display:block; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;  }



#right_pane { width:300px; margin:0 0 0 30px; }
#right_pane_internal { width:200px; margin:0 30px 0 0px; /* border-left:1px dotted; border-right:1px dotted; */}
#right_pane_videos { width:300px; margin:0 0 0 30px; text-align:center; }

#right_pane_videos h3 { font-size:21px; line-height:24px; color:#953d12 !important; padding:0 0 25px 0; margin:0 0 0 0;  font-weight:400;}
#right_pane_videos h4 { font-size:16px; line-height:21px; color:#d87746;padding:0px 0 0 0; margin:0 0 0 0;  font-weight:400;}

#inner_iphoneappguide960orless { text-align:center; }
#inner_iphoneappguide960orless  h3 { font-size:21px; line-height:24px; color:#953d12 !important; padding:0 0 25px 0; margin:0 0 0 0;  font-weight:400;}
#inner_iphoneappguide960orless h4 { font-size:16px; line-height:21px; color:#d87746;padding:0px 0 0 0; margin:0 0 0 0;  font-weight:400;}


#right_pane h3 { font-size:21px; line-height:24px; color:#953d12 !important; padding:0 0 25px 0; margin:0 0 0 0;  font-weight:400;}
#right_pane h4 { font-size:16px; line-height:21px; color:#d87746;padding:0px 0 0 0; margin:0 0 0 0;  font-weight:400;}

#right_pane_internal h3 { font-size:18px; line-height:20px; color:#953d12 !important; padding:0 0 15px 0; margin:0 0 0 0;  font-weight:400;}
#right_pane_internal h4 { font-size:16px; line-height:21px; color:#d87746;padding:0px 0 0 0; margin:0 0 0 0;  font-weight:400;}
#right_pane_internal #h3saftetool { padding:25px 0 0 !important; }
#right_pane_internal .toolboximg { margin-top:15px; margin-bottom:40px;  }
#right_pane_internal .toolboxp { margin-top:15px; font-size:13px; line-height:20px;  }
#right_pane_internal .toolboxp a { font-size:13px; line-height:20px; }

#right_pane_internal #copypasteemailsignup #h3signup { padding-top:10px !important; }
#right_pane_internal #copypasteemailsignup input#your_email222 { width:168px; }
#right_pane_internal #copypasteemailsignup  input#your_zipcode222 { width:80px; }
#right_pane_internal  #copypaste_iphoneappguide960orless h3 { padding:30px 0 15px 0; }
#right_pane_internal  #copypaste_iphoneappguide960orless img { width:100%; }


#left_pane { width:630px; }
#left_pane h2 { font-size:21px; line-height:24px; font-weight:400; color:#953d12; }

#left_pane_internal { width:730px; width:728px;  }
#left_pane_internal h1 { font-size:26px; line-height:30px; font-weight:400; color:#e57d4a; padding:0 0 20px 0; }
#left_pane_internal h2 { font-size:16px; line-height:30px; font-weight:600; color:#953d12; padding:0 0 20px 0;  }
#left_pane_internal h3 { color:#e57d4a; font-size:16px; line-height:30px; font-weight:600; padding:0 0 0px 0;  }
#left_pane_internal p { color:#252525; font-size:16px; line-height:29px; font-weight:400;  padding:0 0 20px 0;  }

#left_pane_videos { width:630px; }
#left_pane_videos h2 { font-size:21px; line-height:24px; font-weight:400; color:#953d12; }


.big_row { width:90%; padding:2% 5%; margin-top:3%; }
.small_row { width:90%; padding:2% 5%; }

.big_row h4, .small_row h4 { color:#939393; font-size:13px; line-height:16px; font-weight:600; text-transform:uppercase; padding:0; margin:0; }
.big_row h2, .small_row h2 { color:#953d12 !important; font-size:20px !important; line-height:25px !important; font-weight:400 !important; padding:5px 0 0 0; margin:0; }


.big_row h2 a, .small_row h2 a { color:#953d12 !important; font-size:20px !important; line-height:25px !important; font-weight:400 !important; padding:5px 0 0 0; margin:0; }


.big_row h3, .small_row h3 { color:#484848; font-size:12px; line-height:16px; font-weight:400; padding:15px 0 0 0; margin:0;  }
.big_row img, .small_row img { float:left; margin:0 15px 30px 0; }
.big_row img { width:250px; /* height:203px; */}
.small_row img { width:153px; /* height:124px; */ }


a.readmore_row, a.readmore_row:link, a.readmore_row:visited { color:#e57d4a; text-decoration:none !important; font-size:16px; line-height:20px; font-weight:600; padding:10px 0 0 0; float:right; }
a.readmore_row:active, a.readmore_row:hover { color:#e57d4a; text-decoration:underline; opacity:0.5; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;  }		
	


#navigation { font-size:14px; line-height:14px; font-weight:600;   color:#ffffff; text-transform:none;  
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
width:635px; max-width:100%; margin:14px 13px 0 0; }
.nav_ul { list-style:none; padding:0; margin:0; width:100%; height:16px; text-transform:none; 	 }


.nav_ul li { /*display:block; float:left;*/ display:inline; padding:0; margin:0; text-align:left; margin:0 20px 0 0;}
.nav_ul li:last-child { margin:0 0 0 0 !important;  }

.nav_ul li a, .nav_ul li a:link, .nav_ul li a:visited 
{
	color:#ffffff;
	text-decoration:none !important;
	outline:none !important;
	border:0 none !important;
}

.nav_ul li a:active, .nav_ul li a:hover 
{
	text-decoration:underline !important;
	outline:none !important;
	border:0 none !important;
}



ul#topnav{
list-style:none; padding:0; margin:0; width:100%; height:16px; text-transform:none; 	 }
ul#topnav li{ position:relative;
display:inline; padding:0; margin:0; text-align:left; margin:0 20px 0 0;
}

ul#topnav li .sub{position:absolute;top:33px;left:-1px;background:#65211E;width:100%;padding:10px 10px 10px;float:left;

-moz-border-radius-bottomright:5px;-khtml-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;display:none;-moz-box-shadow:#666 0px 3px 3px;-webkit-box-shadow:#666 0px 3px 3px;

z-index:999

}
ul#topnav li .sub_men{left:-300px;}
ul#topnav li .row{clear:both;float:left;width:100%;margin-bottom:10px;}
ul#topnav li .sub ul{list-style:none;margin:0;padding:0;width:200px;float:left;}
ul#topnav li .sub ul#exposed{list-style:none;margin:0;padding:0;width:315px;float:left;}
ul#topnav .sub ul li{width:100%;color:white}
ul#topnav .sub ul li h2{padding:0;margin:0;font-size:16px;font-weight:bold;}
ul#topnav .sub ul li h2 a{padding:5px 0;background-image:none;color:#2a2a2a;}
ul#topnav .sub ul li a{float:none;text-indent:0;height:auto;font-size:12px;padding:0px 0px 15px 3px;display:block;text-decoration:none;color:white;
/* text-shadow:0 -1px #2b6fb1;*/}
ul#topnav .sub ul li a:hover{color:#fdddc7;background-position:5px 12px;text-decoration:none;}


.submenus{ }
li.menuhover { z-index:999; }
li.menuhover:hover{ }

#donatetoday_out { 
	width:477px; 
	height: 145px;
	position:absolute; 
	z-index:99; 
	top:355px; 
	left:50%;  
	margin:0 auto; 
  border:0px dashed blue;  
	box-sizing:border-box;  
	-moz-box-sizing:border-box;      
	-webkit-box-sizing:border-box; 
}

#adress960orless { /* background-color:#65211e !important; */ background-color:#ffffff !important; padding:5%; width:90%; /* color:#ffffff; */}

.margintopminus174 { margin-top:-174px; }

#footer { width:100%; /* min-width:1024px; */ min-height:250px; border-top:6px solid #e57d4a; background-color:#65211e; /* position:relative; bottom:0; left:0; right:0; */ /*margin-top:-174px;;*/  padding-top:50px; }
#footer_inner { width:924px; margin:0 auto; padding:0px 0px; }
#footer_contact { width:924px; color:#ffffff; font-size:12px; line-height:19px; } 
.footer_contact_left { /* width:544px; */ width:440px; padding-right:19px; border-right:1px solid #481513; float:left; min-height:400px; }
.footer_contact_right { width:424px; padding-left:35px; border-left:1px solid #8c4340; float:left; min-height:400px; }

#signup_left { width:174px; margin:30px 0 0 0; }
#signup_right { width:250px; margin:30px 0 0 0; }
			
#signup_left h2 { font-size:22px; line-height:22px; font-weight:600; }
		
#signup_left p { padding:10px 0; }
			
.ewg_location { font-size:px; font-weight:600; color:#E57D4A;  }
a.contactewga, a.contactewga:link, a.contactewga:visited { color:#ffffff; text-decoration:underline; }
a.contactewga:active, a.contactewga:hover { color:#ffffff; text-decoration:underline; opacity:0.5; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;  }		
	


.footercrease_horizontal { border-top:1px solid #481513; border-bottom:1px solid #8c4340; height:0px; margin:30px 0 0px 0; padding:0 0 0px 0; width:100%; }
	
			

form#singupform 
{
    margin: 0 0 0 50px;
    padding: 0;
    width: 190px;
}

input#your_email
{
    background-color: #601F1C;
    /* border: 0 none !important; */
	outline: medium none !important;
    
    color: #FFFFFF;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    font-weight: 400;
	
    margin: 0 0 10px;
    padding: 10px 15px;
    
	width: 160px;

	border:1px solid #5B1B19; 
	
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	/*
	-moz-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset; 
	-webkit-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset; 
	box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset;	
	*/
	
	
	-o-box-shadow:0  1px 0 #803835;
	-moz-box-shadow:0  1px 0 #803835;
	-webkit-box-shadow:0  1px 0 #803835;
	box-shadow:0  1px 0 #803835;
	

/*
background-color:#ffffff; 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec)); 
background-image: -moz-linear-gradient(#ffffff, #ececec); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec')"; 	
*/
}


input#your_zipcode
{
    background-color: #601F1C;
    /* border: 0 none !important; */
	outline: medium none !important;
    
    color: #FFFFFF;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    font-weight: 400;
	
    margin: 0 0 10px;
    padding: 10px 15px;
    
	width: 70px;

	border:1px solid #5B1B19; 
	
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	/*
	-moz-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset; 
	-webkit-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset; 
	box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset;	
	*/
	
	
	-o-box-shadow:0  1px 0 #803835;
	-moz-box-shadow:0  1px 0 #803835;
	-webkit-box-shadow:0  1px 0 #803835;
	box-shadow:0  1px 0 #803835;
	

/*
background-color:#ffffff; 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec)); 
background-image: -moz-linear-gradient(#ffffff, #ececec); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec')"; 	
*/
}


.addclassinnershadow 
{ 	
 	-moz-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset !important; 
	-webkit-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset !important; 
	box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset !important;
	
	background-color:#ffffff !important;
	color:#5B1B19 !important;
}

input#submit_form_submit  
{
  
    
	color: #FFFFFF;
	text-shadow:0 1px 0 #cc4125;
    cursor: pointer;
    
	font-size: 13px;
    font-weight: 400;
    height: 34px;
    line-height: 13px;
    margin: 0 0 0 10px;
    outline: medium none !important;
    padding: 8px 10px;
    text-align: center;
    text-transform:uppercase;
    width: 78px;
	
	-o-box-shadow:0  1px 0 #cc4125;
	-moz-box-shadow:0  1px 0 #cc4125;
	-webkit-box-shadow:0  1px 0 #cc4125;
	box-shadow:0  1px 0 #cc4125;
		
	border:1px solid #cc4125;	
	
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	background-color:#fe8971; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fe8971), to(#f86141)); 
	background-image: -moz-linear-gradient(#fe8971, #f86141); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8971', endColorstr='#f86141'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8971', endColorstr='#f86141')"; 

}
input#submit_form_submit:hover
{
	background-color:#f86141; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f86141), to(#fe8971)); 
	background-image: -moz-linear-gradient(#f86141, #fe8971); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f86141', endColorstr='#fe8971'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f86141', endColorstr='#fe8971')"; 
}


input#submit_form_image
{
	
}



















































form#singupform222 
{
    margin: 0 0 0 0px;
    padding: 0;
    width:300px;
}

input#your_email222
{
    background-color: #ffffff;
    /* border: 0 none !important; */
	outline: medium none !important;
    
    color: #fe8971;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    font-weight: 400;
	
    margin: 0 0 10px;
    padding: 10px 15px;
    
	width: 242px;

	border:1px solid #fe8971; 
	
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	/*
	-moz-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset; 
	-webkit-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset; 
	box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset;	
	*/
	
	
	-o-box-shadow:0  0px 0 #eb7b64;
	-moz-box-shadow:0  0px 0 #eb7b64;
	-webkit-box-shadow:0  0px 0 #eb7b64;
	box-shadow:0  0px 0 #eb7b64;
	

/*
background-color:#ffffff; 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec)); 
background-image: -moz-linear-gradient(#ffffff, #ececec); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec')"; 	
*/
}


input#your_zipcode222
{
    background-color: #ffffff;
    /* border: 0 none !important; */
	outline: medium none !important;
    
    color: #fe8971;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    font-weight: 400;
	
    margin: 0 0 10px;
    padding: 10px 15px;
    
	width: 155px;

	border:1px solid #fe8971; 
	
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	/*
	-moz-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset; 
	-webkit-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset; 
	box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset;	
	*/
	
	
	-o-box-shadow:0  0px 0 #eb7b64;
	-moz-box-shadow:0  0px 0 #eb7b64;
	-webkit-box-shadow:0  0px 0 #eb7b64;
	box-shadow:0  0px 0 #eb7b64;
	

/*
background-color:#ffffff; 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec)); 
background-image: -moz-linear-gradient(#ffffff, #ececec); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec')"; 	
*/
}


.addclassinnershadow222 
{ 	
 	-moz-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset !important; 
	-webkit-box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset !important; 
	box-shadow: 0px 0px 1px 0px  rgba(51, 51, 51, .1) inset !important;
	
	background-color:#eb7b64 !important;
	color:#ffffff !important;
}

input#submit_form_submit222  
{
  
    
	color: #FFFFFF;
	text-shadow:0 1px 0 #cc4125;
    cursor: pointer;
    
	font-size: 13px;
    font-weight: 400;
    height: 34px;
    line-height: 13px;
    margin: 0 0 0 10px;
    outline: medium none !important;
    padding: 8px 10px;
    text-align: center;
    text-transform:uppercase;
    width: 78px;
	
	-o-box-shadow:0  0px 0 #cc4125;
	-moz-box-shadow:0  0px 0 #cc4125;
	-webkit-box-shadow:0  0px 0 #cc4125;
	box-shadow:0  0px 0 #cc4125;
		
	border:1px solid #cc4125;	
	
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	background-color:#fe8971; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fe8971), to(#f86141)); 
	background-image: -moz-linear-gradient(#fe8971, #f86141); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8971', endColorstr='#f86141'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8971', endColorstr='#f86141')"; 

}
input#submit_form_submit222:hover
{
	background-color:#f86141; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f86141), to(#fe8971)); 
	background-image: -moz-linear-gradient(#f86141, #fe8971); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f86141', endColorstr='#fe8971'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f86141', endColorstr='#fe8971')"; 
}


input#submit_form_image222
{
	
}
	

















#position_sm_icons2 { margin:0px 0 0 34px; }
.socialmedia2 { width:35px; height:35px; padding:2px; margin:6px 4px 0 0;  float:left; display:block; text-indent:-9999px; }
#facebook2 
{ 
background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/facebook.png); background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#3a5998; 
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}
#twitter2 
{ 
background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/twitter.png); background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#00ccfc;  
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 

}
#youtube2 
{ 
background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/youtube.png); background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#bf2b28;  
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 

}
#pinterest2 
{ 
background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/pinterest.png); background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#e85a68;  
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}

#facebook2:hover 
{
background-position:0px 10px; background-color:#E57D4A;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}
#twitter2:hover 
{
background-position:0px 10px; background-color:#E57D4A;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}
#youtube2:hover 
{
background-position:0px 10px; background-color:#E57D4A;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}
#pinterest2:hover 
{
background-position:0px 10px;background-color:#E57D4A;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}








.toolboximg { float:left; margin:0 10px 20px 0; padding:0 0 0 0;}
.toolboxp { font-size:14px; line-height:20px; color:#383838; padding:10px 0; }


.toolboxp a, .toolboxp a:link, .toolboxp a:visited 
{
	color:#E57D4A;
	text-decoration:none !important;
	outline:none !important;
	border:0 none !important;
	
	 font-size:16px; line-height:20px; font-weight:600; 
}

.toolboxp a:active, .toolboxp a:hover 
{
	text-decoration:none !important;
	outline:none !important;
	border:0 none !important;
	
	opacity:0.5; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}






















#h3saftetool { padding:65px 0 0 0 !important; }
#h3signup { padding:30px 0 0 0 !important }

#position_sm_icons2bbb { margin:0px 0 0 0px; }
.socialmedia2bbb { width:35px; height:35px; padding:2px; margin:6px 4px 0 0;  float:left; display:block; text-indent:-9999px;


	-o-border-radius:19px;
	-ms-border-radius:19px;
	-khtml-border-radius:19px;
	-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border-radius:19px;
	
	

 }
#facebook2bbb 
{ 
background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/facebook.png); background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#3a5998; 
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}
#twitter2bbb 
{ 
background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/twitter.png); background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#00ccfc;  
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 

}
#youtube2bbb 
{ 
background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/youtube.png); background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#bf2b28;  
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 

}
#pinterest2bbb 
{ 
background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/pinterest.png); background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#e85a68;  
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}

#facebook2bbb:hover 
{
background-position:0px 10px; background-color:#E57D4A;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}
#twitter2bbb:hover 
{
background-position:0px 10px; background-color:#E57D4A;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}
#youtube2bbb:hover 
{
background-position:0px 10px; background-color:#E57D4A;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}
#pinterest2bbb:hover 
{
background-position:0px 10px;background-color:#E57D4A;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}






#shareme { padding:10px 0; margin:0 0 0 0; }








#responsivelogo a, #responsivelogo a:link, #responsivelogo a:visited,
#responsivelogo a:hover, #responsivelogo a:active 
{
  text-shadow: 1px 1px 0px #692905 !important
  border:0 none !important;
  outline:none !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:14px !important;
  font-weight:600 !important;
}









































































/* CSS Document */

.containeraccordion {
	margin: 0 auto;
	border:0px solid #000;
}

h2.acc_trigger {

	margin: 0 0 5px 0 !important;
	background: url(http://static.ewg.org/reports/2013/sunscreen2013/images/closed23.png) no-repeat !important;
	background-color:#FCE5C7 !important;


	max-width: 100% !important;

	font-weight: normal !important;

	color: #3F3F3F !important;

	text-decoration: none !important;
	display: block;
	padding: 0 0 0 50px !important;

	cursor:pointer !important;
    background-position: -17px 4px;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 30px !important;


	background-position:0 7px;

}

h2.acc_trigger:hover { 	background-color:#D97843 !important; color:#ffffff !important;  text-shadow:0 1px #000000; }
h2.active {background-position: left bottom; background:url(http://static.ewg.org/reports/2013/sunscreen2013/images/opened23.png) no-repeat !important; color:#ffffff !important;	text-shadow:0 1px #000000; background-color:#D97843 !important;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;

	max-width: 100%;
	clear: both;
	border: 1px solid #e57d4a;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 

	padding: 0px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container h3 {
	border-bottom: 1px dashed #ccc;
}


.filter_button_off  
{ 
cursor:pointer;

float:left; 
padding:0.5% 1%;  text-align:center; vertical-align:middle; margin:1% 1.5% 0 0;

border:1px solid #f5cbb7; 
box-sizing:border-box;  -moz-box-sizing:border-box;      -webkit-box-sizing:border-box; 

-o-border-radius:4px;
-ms-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;


background-color:#ffffff; 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fff5de)); 
background-image: -moz-linear-gradient(#ffffff, #fff5de); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de')"; 

-o-box-shadow:0 0px 2px #E57D4A;
-moz-box-shadow:0 0px 2px #E57D4A;
-webkit-box-shadow:0 0px 2px #E57D4A;
box-shadow:0 0px 2px #E57D4A;


font-size:12px;
line-height:16px;
color:#953d12;
font-weight:600;

width:auto;
}



.filter_button_on  
{ 

cursor:pointer;
float:left; 
padding:0.5% 1%;  text-align:center; vertical-align:middle; margin:1% 1.5% 0 0;

border:1px solid #f5cbb7; 
box-sizing:border-box;  -moz-box-sizing:border-box;      -webkit-box-sizing:border-box; 

-o-border-radius:4px;
-ms-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;


background-color:#e57d4a; 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e57d4a), to(#e57d4a)); 
background-image: -moz-linear-gradient(#e57d4a, #e57d4a); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e57d4a', endColorstr='#e57d4a'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e57d4a', endColorstr='#e57d4a')"; 

-o-box-shadow:0px 0px 5px  #E57D4A;
-moz-box-shadow:0px 0px 5px  #E57D4A;
-webkit-box-shadow:0px 0px 5px  #E57D4A;
box-shadow:0px 0px 5px  #E57D4A;


font-size:12px;
line-height:15px;
color:#ffffff;
font-weight:600;

width:auto;
}



























#gettheguidebanneriphone_inner { display:none; }

#ipadgettheguidebanneriphone_inner { display:none; }



#headercontainer_title { font-size:24px; line-height:34px; color:#e57d4a; }
#headercontainer_company { font-size:15px; line-height:20px; font-weight:600; color:#e57d4a; padding:10px 0 20px 0; }
#headercontainer_company  a { color:#953d12 !important; }

#product_large {
    float: left;
    text-align: center;
    width: 305px;
	line-height:20px;
}
#product_large img {
    border: medium none;
    text-align: center;
}

#health_table {
    float: left;
    width: 307px;
	line-height:20px;
}
#table-browse .firstrow, #table-browse .firstrow a, #products, .specialbutton, table, #product-disclaimer p {
    font-size: 12px; line-height:20px;
}

#table-browse-about2 .firstrow, #table-browse-about2 .firstrow a, #products, .specialbutton, table, #product-disclaimer p {
    font-size: 14px; line-height:20px;
}




#table-browse-best2 .firstrow, #table-browse-best2 .firstrow a, #products, .specialbutton, table, #product-disclaimer p {
    font-size: 14px; line-height:20px;
}




#health_table table tbody tr td strong {
color:#494949;
}

#prod_cntr_score {
    margin: 0 auto;
    width: 95px;
	line-height:20px;
}
#data_avail_box {
    background-color: #000000;
    border-radius: 5px 5px 5px 5px;
    margin-top: 3px;
    padding: 2px;
}
#score_style_small {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    text-align: center;
}
#score_style_small {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
#products_comments_socialmedia {
 
    height: 20px;
    margin-top: 20px;
    padding: 10px 0 ;
}



#prodsummary {
    background-color: #23788A;
    border: 1px solid #A2C0C7;


	-o-border-radius:5px;
	-ms-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	

    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-shadow: 0 -1px #2B6FB1;
}




#prodsummaryleft {
    color: #FFFFFF;
    float: left;
    margin: 7px;
    width: 348px;
}
#prodsummarytitle, #moreprodstyle001 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    padding-top: 10px;
}
#prodsummarytitle, #moreprodstyle001 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    padding-top: 10px;
}

#prodsummary a {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}
#prodsummary p {
    color: #FFFFFF;
    font-size: 12px;
}

#ingredientscontainer {
 /*
    background-color: #DFF2F6;
    border: 1px solid #A2C0C7;
    border-radius: 5px 5px 5px 5px;
 */
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 23px;
    margin-right: 10px;
    padding: 9px;
    text-decoration: none;
}
#ingredientscontainer strong {
color:#494949;
}



#product-disclaimer {
    margin-bottom: 10px;
}
#product-disclaimer strong {
color: #494949
}


#table-browse {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    color: #534933;
    font-size: 12px;
    text-align: left;
    width: 100%;
	line-height:20px;
}
#table-browse tr:hover td, #table-browse tr.headertr, #seemoretableitems:hover {
    background-color: #FDF9F0;
}
#table-browse .firstrow, #table-browse .firstrow a, #products, .specialbutton, table, #product-disclaimer p {
    font-size: 12px;
}
#table-browse td {
    border-bottom: 1px solid #e57d4a;
    padding: 6px 8px;
}

#table-browse-about2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    color: #534933;
    font-size: 14px;
    text-align: left;
    width: 100%;
	line-height:20px;
}
#table-browse-about2 tr:hover td, #table-browse-about2 tr.headertr, #seemoretableitems:hover {
    background-color: #FDF9F0;
}
#table-browse-about2 .firstrow, #table-browse-about2 .firstrow a, #products, .specialbutton, table, #product-disclaimer p {
    font-size: 14px;
}
#table-browse-about2 td {
    border-bottom: 1px solid #e57d4a;
    padding: 6px 8px;
}






#table-browse-best2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    color: #534933;
    font-size: 14px;
    text-align: left;
    width: 100%;
	line-height:20px;
}
#table-browse-best2 tr:hover td, #table-browse-best2 tr.headertr, #seemoretableitems:hover {
    background-color: #FDF9F0;
}
#table-browse-best2 .firstrow, #table-browse-best2 .firstrow a, #products, .specialbutton, table, #product-disclaimer p {
    font-size: 14px;
}
#table-browse-best2 td {
    border-bottom: 1px solid #e57d4a;
    padding: 6px 8px;
}


td.firstrow {
    border-bottom: 3px solid #DCDCDC;
    border-top: 0 none;
    font-size: 0.9em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
#table-browse-about2 td {
    border-bottom: 1px solid #e57d4a;
    padding: 6px 8px;
}


#table-browse-best2 td {
    border-bottom: 1px solid #e57d4a;
    padding: 6px 8px;
}



#prod_cntr_score {
    margin: 0 auto;
    width: 95px;
}
#data_avail_box {
    background-color: #000000;
    border-radius: 5px 5px 5px 5px;
    margin-top: 3px;
    padding: 2px;
}
#score_style_small {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    text-align: center;
}

#prodsummary {
    background-color: #953D12;
    border: 1px solid #333333;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
    text-shadow: 0 -1px #333333;
}


.category_btns  { float:left; 


/* width:20%; max-width:20%; */  padding:2%;  text-align:center; vertical-align:middle; margin:0 2% 0 0;


border:1px solid #e57d4a; 
box-sizing:border-box;  -moz-box-sizing:border-box;      -webkit-box-sizing:border-box; 

	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	
	
/*	min-height:105px; */





background-color:#ffffff; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fff5de)); 
	background-image: -moz-linear-gradient(#ffffff, #fff5de); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de')"; 

	-o-box-shadow:0px 2px 13px  #E57D4A;
	-moz-box-shadow:0px 2px 13px  #E57D4A;
	-webkit-box-shadow:0px 2px 13px  #E57D4A;
	box-shadow:0px 2px 13px  #E57D4A;

margin-top:2%;
 }


.category_btns a { font-size:15px !important; line-height:15px !important;  }


#prod_categories_btns {
     margin: 10px 0px;
}



/************************************************************************************
iPads
*************************************************************************************/
/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
html { -webkit-text-size-adjust: none; }	
}
*/
/************************************************************************************
iPads (portrait)
*************************************************************************************/
/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{
html { -webkit-text-size-adjust: none; }	
}
*/
/************************************************************************************
iPads (landscape)
*************************************************************************************/
/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{
html { -webkit-text-size-adjust: none; }	
}
*/
/************************************************************************************
iPhone
*************************************************************************************/
/*
@media screen and (max-device-width: 480px) 
{
html { -webkit-text-size-adjust: none; }	
}

@media screen and (max-device-width: 320px) 
{
html { -webkit-text-size-adjust: none; }	
}
*/
/************************************************************************************
iPhone (portrait)
*************************************************************************************/
/*
@media only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait), only screen and (min-device-pixel-ratio : 2)  and (orientation:portrait)
{
html { -webkit-text-size-adjust: none; }	
}
*/
/************************************************************************************
iPhone (landscape)
*************************************************************************************/
/*
@media screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape), screen and (min-device-pixel-ratio : 2) and (orientation:landscape)
{
html { -webkit-text-size-adjust: none; }	
}
*/
/************************************************************************************
SMALLER than 480
*************************************************************************************/
/*
@media screen and (max-width: 480px) 
{
html { -webkit-text-size-adjust: none; }	
}
*/
/************************************************************************************
SMALLER than 320
*************************************************************************************/
/*
@media screen and (max-width: 320px) 
{
html { -webkit-text-size-adjust: none; }	
}
*/







































/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}


.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
	-webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}



.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;


	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	
}

img.rsImg {
	max-width: none;
}

.grab-cursor {
	cursor:url(grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(blank.gif);
}












































































/******************************
*
*  RoyalSlider White Controls Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-minimal-white.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
	background: #ffffff;
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsMinW .rsArrow {
	height: 32px;
	width: 32px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsMinW .rsArrowLeft { right: 37px; bottom: 7px; }
.rsMinW .rsArrowRight { right: 7px; bottom: 7px; }

.rsMinW .rsArrowIcn {		
	width: 24px;
	height: 24px;
	margin-top: 3px;
	margin-left: 3px;
	position: absolute;
	cursor: pointer;	
	background: url('rs-minimal-white.png') transparent;
	
	border-radius: 2px;
}
.rsMinW .rsArrowIcn:hover {

}


.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position: -100px -36px; }
.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position: -100px -68px; }

.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsMinW .rsBullets {
		position: absolute;
		bottom: 15px;
		right:0px; /*with no arrows */
		right:70px;
		z-index: 5;
		padding-top: 4px;
		height: auto;
		text-align: center;
		line-height: 15px; /* xyz */
		overflow: hidden;
		width: 100%;
}

.rsMinW .rsBullet {
	width: 15px;
	height: 15px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 6px 5px 6px 4px;
}


.rsMinW .rsBullet span {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;

	background-color:#e57d4a;

}
.rsMinW .rsBullet.rsNavSelected span {
	background: #953d12;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsMinW .rsThumbsHor {
	width: 100%;
	height: auto;
}
.rsMinW .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsMinW.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsMinW.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsMinW .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsMinW .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsMinW .rsThumb.rsNavSelected {
	background: #333;
}
.rsMinW .rsThumb.rsNavSelected img {
	filter: alpha(opacity=40);
	opacity: 0.7;
}
.rsMinW .rsThumb.rsNavSelected span.thumbIco {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 2px solid #FFF;
	border: 2px solid rgba(255,255,255,0.9);
	-webkit-backface-visibility: hidden;
} 
.rsMinW .rsTmb {
	display: block;
}




/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
}
.rsMinW.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsMinW .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url('rs-minimal-white.png');
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsMinW .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsMinW .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsMinW .rsThumbsHor {
		height: 44px;
	}
	.rsMinW .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsMinW .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsMinW .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #000;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	*display:inline; 
	*zoom:1;
}
.rsMinW .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsMinW .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsMinW .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsMinW .rsTab.rsNavSelected { 
	color: #000;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsMinW .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsMinW .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url('rs-minimal-white.png') 0 0 transparent;
}
.rsMinW .rsFullscreenIcn:hover {
	opacity: 0.8;
}
.rsMinW.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsMinW .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsMinW .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(rs-minimal-white.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsMinW .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
	width: 20px;
	height: 20px;
}
.rsMinW .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsMinW .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsMinW .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('rs-minimal-white.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsMinW .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsMinW .rsPreloader {
	width:20px;
	height:20px;

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsMinW .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: #000;
    background: rgba(0,0,0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}



















/*       ////////////////////////// POPUP CSS //////////////////////////////////// */
/*       ///////////////////////////////////////////////////////////////////////// */

#fade {
	display: none;
	background: #65211E; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 99;
}
.popup_block{
	display: none;

/*
overflow-y: scroll;
overflow-x: hidden;
height:400px;
*/

	background: #fff;
	padding: 0px;
			padding:30px;
	
	 	
	border: 10px solid #fff;
	float: left;
	/*
	font-size: 1.2em;
	*/
	position: fixed;
	top: 50%; left: 50%;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
img.btn_close {
	float: right; 
	/*margin: -25px -25px 0 0;*/
	margin:-37px -37px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}


/*       ///////////////////////////////////////////////////////////////////////// */
/*       ////////////////////////// POPUP CSS //////////////////////////////////// */



#full-width-slider {
  width: 100%;
  color: #000;
  
  

  
  
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  /* top: 30px; */
  top:190px;
  right: 30px;
  left: auto;
/*  max-width: 25%; */
  max-width:28%;
  padding-bottom: 0;
/*
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
TY */ 


/*
border:1px dotted red;
*/



  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
 /*
  background: #000;
  background: rgba(0,0,0,0.75);
TY */
background-color: rgba(255, 255, 255, .0); border:0 none; 

/*
  left: 30px;
  right: auto; 
*/  
  right:30px;
  left: auto;
}
.infoBlock h4 {
  font-size: 31px;
  line-height: 38px;
  margin: 0;
  padding-bottom: 3px;
  color:#e57d4a;
  font-weight:400;
  display: block;
}
.infoBlock p {
  font-size: 21px;
  line-height:34px;
  color:#953d12;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #953d12;
  text-decoration: none !important;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
/*  max-width: 1400px; */
max-width:1462px;
  margin: 0 auto 24px;
}





































#menu_ty {
  width:260px;
  height: 100%;
  display: block !important;
  /* float: left; */
  z-index:9999;
  background-color:#65211E;
  min-height:300px;

position:absolute;
  position:fixed;
  left:-260px;
  top:0;
  
  
  overflow-x:hidden;
  overflow-y:scroll;
}

#menu_ty h3{
	
	


	font-size:14px;
	font-weight:400;
	color:#ffffff;
	margin:0;
	padding:4px 0 4px 10px;

	text-shadow: 0px -1px 1px #333333;

background-color:#893912; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#893912), to(#6a2b0c)); 
	background-image: -moz-linear-gradient(#893912, #6a2b0c); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#893912', endColorstr='#6a2b0c'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#893912', endColorstr='#6a2b0c')"; 

	border-top:solid #481513 1px;
	border-bottom:solid #8C4340 1px;
}

#menu_ty ul {
  margin: 0;
  padding: 0;
  width: inherit;
}
#menu_ty ul li {
  list-style-type: none;
  margin: 0px 0 !important;

  padding:0px !important ;
  width:100%; 
  
}
#menu_ty ul li a:link, #menu_ty ul li a:visited {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none !important;
  max-width:100%;
  display: block;
  padding: 10px 0px 10px 10px;


  text-shadow: 0px 1px 1px #000000;
  border-bottom: solid #481513 1px !important;

-o-box-shadow:0 1px 0 #8C4340;
-moz-box-shadow:0 1px 0 #8C4340;
-webkit-box-shadow:0 1px 0 #8C4340;
box-shadow:0 1px 0 #8C4340;

}
#menu_ty ul li a:hover, #menu_ty ul li a:active {
  background-color: #893912;
}
#copyright_ewg
{
 color: #ffffff;
  font-size: 14px;
  text-decoration: none !important;
  max-width:100%;
  display: block;
  padding: 10px 0px 10px 10px;


  text-shadow: 0px 1px 1px #000000;

	
}

#copyright_ewg a
{

  color: #ffffff;
  font-size: 14px;
  text-decoration: underline !important;
  max-width:100%;
  display: block;
  padding: 10px 0px 10px 0px;


  text-shadow: 0px 1px 1px #000000;

}

.active {
background-color:#893912; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#893912), to(#6a2b0c)); 
	background-image: -moz-linear-gradient(#893912, #6a2b0c); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#893912', endColorstr='#6a2b0c'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#893912', endColorstr='#6a2b0c')"; 
}

.movemetotheright { left:0px; }
.movemetotheleft { left:260; }





































@media screen and (min-width:769px) {	
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 500px !important; /* was 520 */
  }
}

/* 1150 */ 
@media screen and (max-width:2500px) { 
.rsMinW .rsBullets {
	position: absolute;
	bottom: 15px;
	right:0px; /*with no arrows */
	right:70px;
	z-index: 5;
	padding-top: 4px;
	height: auto;
	text-align: center;
	line-height: 15px; /* xyz */
	overflow: hidden;
	width: 100%;
}
}


@media screen and (min-width:960px) and (max-width:1024px) 
{

html { -webkit-text-size-adjust: none; }	

.rsMinW .rsBullets {
	position: absolute;
	bottom: 15px;
	right:0px; /*with no arrows */
	right:70px;
	z-index: 35;
	padding-top: 4px;
	height: auto;

	text-align: center;
	line-height: 15px; /* xyz */
	overflow: hidden;

	    width: 100%;
}




.infoBlock { top:170px; }
	.infoBlock p { font-size:20px; line-height:26px; }
		.infoBlock h4 { font-size:30px; line-height:36px; }

}
/*
@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
}
*/
/* @media screen and (min-width: 0px) and (max-width: 800px)  */
/* 2nd on i chose @media screen and (min-width: 0px) and (max-width: 959px) { */


/*
@media screen and (min-width: 769px) and (max-width: 959px) 
{
yyy
}
*/
/*
@media screen and (max-width: 959px) {
xxxx
}
*/

@media screen and (max-width: 768px) {


#responsivelogo { /* width:670px;*/ width:auto;  } 





html { -webkit-text-size-adjust: none; }	
.small_row h3, 		.big_row h3 { font-size:14px; line-height:22px; }




#emailsignup960orless { padding-bottom:300px; }
#emailsignup960orless h3#h3signup {
    color: #953D12 !important;
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
    padding: 0 !important;
}

#emailsignup960orless  .toolboxp {
    font-size: 18px;
    line-height: 29px;
    padding: 22px 0;
	padding-top:0 ;
}

#emailsignup960orless form#singupform222 { width:100%; }
#emailsignup960orless form#singupform222 input#your_zipcode222 { width:60%; max-width:100%; padding:2% 5%;}
#emailsignup960orless form#singupform222 input#your_email222 { width:90%; max-width:100%; padding:2% 5%; }
#emailsignup960orless form#singupform222 input#submit_form_submit222 { padding:2% 5% 4% 5%; width:28%;}








a.contactewga { color:#E57D4A !important; }

html { -webkit-text-size-adjust: none; }	

#right_pane 
{ 

width:100%; margin:10px 0 0 0px;



}


#right_pane_internal
{ 

width:100%; margin:10px 0 0 0px;



}



#left_pane { width:100%; }
#left_pane_internal { width:100%; }



#right_pane_videos 
{ 
width:100%; max-width:100%; margin:10px 0 0 0px; 
padding:5%;

border:1px solid #e57d4a; 
box-sizing:border-box;  -moz-box-sizing:border-box;      -webkit-box-sizing:border-box; 

	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	


background-color:#ffffff; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fff5de)); 
	background-image: -moz-linear-gradient(#ffffff, #fff5de); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff5de')"; 

	-o-box-shadow:0px 2px 13px  #E57D4A;
	-moz-box-shadow:0px 2px 13px  #E57D4A;
	-webkit-box-shadow:0px 2px 13px  #E57D4A;
	box-shadow:0px 2px 13px  #E57D4A;

}



#right_pane_videos  img  { width:50%; margin:0%; float:left; }
#inner_iphoneappguide960orless img  { width:50%; margin:0%; float:left; }
#right_pane_videos  h4 {  }

#left_pane_videos { width:100%; }



#middlebar_center  { width:96%; }

#middlebar_videos_center  { width:96%; }


#middlebar960orless { width:100%; }
.spf_ul li a, .spf_ul li a:link, .spf_ul li a:visited { font-size:100%; line-height:110%;}



.noshowunder959 { display:none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;  }

.showunder959 { display:block !important; }

.desktop127mobile0 { /* top:0px; undo this if you undo sticky header */ top:44px; }


#text_wrapper {  width:96%; padding:2%  }

  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important; /* was 300 */
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    /*
	left: 5px;
    top: 5px;
    right: auto;
	*/
	
	right: 20px;
    top: 40px;
	
    left: auto;
    font-size: 12px;
  }
  .infoBlock h3 {     font-size: 14px;     line-height: 17px;  }
.infoBlockLeftBlack { background-color: rgba(255, 255, 255, .4); border:0 none; 	}




.rsMinW .rsBullets {
    bottom: 15px;
    height: auto;
    line-height: 15px;
    overflow: hidden;
    padding-top: 4px;
    position: absolute;
    right: 35px;
    text-align: right;
    width: 100%;
    z-index: 35;
}


.doNOTshowonmobileversion { display:none !important; }













html { -webkit-text-size-adjust: none; }	
	.infoBlock p { font-size:19px; line-height:25px; }
		.infoBlock h4 { font-size:28px; line-height:38px; }


.spf_ul li { width:45%; max-width:45%;  padding:2.5%; margin:0 1% 1% 1%;  max-width:45%;  }
.spf_ul li:first-child { width:45%; padding:2.5%; margin:0 1% 1% 1% ; max-width:45%;  }
.spf_ul li:last-child { margin:0 1% 1% 1% !important ;  max-width:45%;  }


#middlebar_center h2  { float:left; margin:0 0 20px 0; }
#middlebar_videos_center h2  { float:none; margin:0 0 20px 0; 
    color: #953D12;
    font-size: 21px;
    font-weight: 400;
    line-height: 24px;
	margin:0;
}
#seeallproducts { margin:0 0 20px 0; }


#right_pane_videos h3 { font-size:30px; line-height:35px; font-weight:600; padding:0; }
#inner_iphoneappguide960orless h3 { font-size:30px; line-height:35px; font-weight:600; padding:0; }

#emailsignup960orless h3#h3signup {
    color: #953D12 !important;
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
    padding: 0 !important;
}

#emailsignup960orless  .toolboxp {
    font-size: 18px;
    line-height: 29px;
    padding: 22px 0;
	padding-top:0 ;
}

#emailsignup960orless form#singupform222 { width:100%; }
#emailsignup960orless form#singupform222 input#your_zipcode222 { width:60%; max-width:100%; padding:2% 5%;}
#emailsignup960orless form#singupform222 input#your_email222 { width:90%; max-width:100%; padding:2% 5%; }
#emailsignup960orless form#singupform222 input#submit_form_submit222 { padding:2% 5% 4% 5%; width:28%;}









#left_pane_internal { padding:0%; width:100%;  }
#left_pane_internal p { font-size:14px; line-height:22px; padding-right:2%; padding-left:2%;}
#left_pane_internal h1 { font-size:22px; line-height:26px;  padding-right:2%; padding-left:2%; padding-bottom:5%; padding-top:4%;}
#left_pane_internal h2 { font-size:14px; line-height:24px;  padding-right:2%; padding-left:2%;}
#left_pane_internal h3 { font-size:15px; line-height:21px;  padding-right:2%; padding-left:2%; padding-bottom:5%;}


#text_wrapper.text_wrapper_paddingzero { margin-top:44px !important; padding:0% !important; width:100% !important; 


background-color:#fff4da; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff4da), to(#f8d3b1)); 
	background-image: -moz-linear-gradient(#fff4da, #f8d3b1); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1')"; 
	
	
border-top:1px solid #f5cfbc;
border-bottom:1px solid #e9c3a0;



}




#sharethis_ty { padding-left:2%; padding-right:2%; display:none; }





#inner_iphoneappguide960orless_new2222 img { max-width:100%; }
#inner_iphoneappguide960orless_new2222 
{
	

border:1px solid #e57d4a; 
box-sizing:border-box;  -moz-box-sizing:border-box;      -webkit-box-sizing:border-box; 

-o-border-radius:4px;
-ms-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
	
background-color:#ffffff; 

-o-box-shadow:0px 2px 13px  #E57D4A;
-moz-box-shadow:0px 2px 13px  #E57D4A;
-webkit-box-shadow:0px 2px 13px  #E57D4A;
box-shadow:0px 2px 13px  #E57D4A;	

margin:3% 2%;
padding:3% 2%;
width:96%;
max-width:96%;

}


.rslides { border-top:0 none; border-bottom:1px solid #E57D4A; margin-bottom:5% !important; }

div.row ul li { border-left:5px solid #E57D4A !important ;}


}




@media screen and (min-width: 481px) and (max-width: 769px) {




#ipadgettheguidebanneriphone_inner {
    display: block;
    height: auto;
/*    margin-top: -82px; */
	  /*  margin-top: -62px; */
    position:fixed;
    width: 100%;
    z-index: 999;
/*	bottom:-180px; */
	bottom:0px;
	left:0;
}
#ipadgettheguidebanneriphone_inner img { width:100%; }
}







@media screen and (max-width: 480px) {


.filter_button_on  { margin:2% auto; width:100%; }
.filter_button_off  { margin:2% auto; width:100%; }
#gettheguidebanneriphone_inner {
    display: block;
    height: auto;
/*    margin-top: -82px; */
	  /*  margin-top: -62px; */
    position:fixed;
    width: 100%;
    z-index: 98;
/*	bottom:-180px; */
	bottom:0px;
	left:0;
}
#gettheguidebanneriphone_inner img { width:100%; }


#product_large { width:40%; padding-right:0%; }
#health_table { width:55%; padding-left:5%; }
#product_large img { width:100%; }
#health_table table tbody tr td { width:50% !important; }



#prodsummary {
    background-color: #953D12;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-top: 10px;
    max-width: 100%;
    padding: 2%;
    text-shadow: 0 -1px #333333;
    width: 96%;
}



#prodsummaryleft {
    color: #FFFFFF;
    float: left;
    margin: 1%;
    width: 100%;
}

#chartdiv { width:100% !important; }
#chartdiv img { width:100% !important; }
tr.headertr td.firstrow { width:30% !important; padding:1% !important; }
#prod_cntr_score { width:100%; }
#prod_cntr_score img { width:100%; max-width:50px; }


.category_btns { width:96%; }


#gtbfield_136_2, #gtbfield_137_2, #gtbfield_138_2 { width:100% !important; }
table#searchtable_idty2 td { width:100% !important; }
table#searchtable_idty td { width:100% !important; }


.popup_block { border:0px ; padding:5px; }
#popup2.popup_block { margin-left:-160px !important; margin-top:40px !important; } 
img.btn_close { margin:-30px -5px 0 0; }


#emailsignup960orless form#singupform222 { width:100%; }
#emailsignup960orless form#singupform222 input#your_zipcode222 { width:59%; max-width:100%; padding:4% 5%;}
#emailsignup960orless form#singupform222 input#your_email222 { width:90%; max-width:100%; padding:4% 5%; }
#emailsignup960orless form#singupform222 input#submit_form_submit222 { padding:4% 5% 7%; width:28%;}


html { -webkit-text-size-adjust: none; }	

#right_pane_videos h4 { font-size:20px; padding-bottom:20px; }
#right_pane h4 { font-size:20px; padding-bottom:20px; }
#right_pane_internal h4 { font-size:20px; padding-bottom:20px; }
.infoBlock
{
	min-width:56%;
	padding:15px;
	right:0px;
	top:45px;
		
}

#seeallproducts { display:none; }
#seeallproducts_mobile { display:block; }

	.infoBlock p { font-size:17px; line-height:25px; }
		.infoBlock h4 { font-size:21px; line-height:27px; }
	


.big_row, .small_row { padding-left:0; padding-right:0; width:100%; }

#right_pane_videos h3 { font-size:21px; line-height:30px; font-weight:600; padding:0; }
#inner_iphoneappguide960orless h3 { font-size:21px; line-height:30px; font-weight:600; padding:0; }



















#middlebar_center h2 { font-size:24px; line-height:24px;}
#seeallproducts_mobile { margin-top:10px  !important; }
#text_wrapper { margin-top:10px  !important; }
#left_pane h2 { font-size:24px  !important; }
.big_row h3, .small_row h3 { font-size:14px !important; line-height:22px  !important; }

a.readmore_row { float:left !important; font-size:14px !important; line-height:22px !important; }

#right_pane_videos h3 { font-size:20px; line-height:25px; }
#right_pane_videos h4 { font-size:21px; line-height:24px; }
#toolstostaysafe960orless .toolboxp, .toolboxp a, #emailsignup960orless .toolboxp, #adress960orless { font-size:14px !important; line-height:22px !important; }


.infoBlockLeftBlack { background-color: rgba(255, 255, 255, .7); border:0 none; 	}
















html { -webkit-text-size-adjust: none; }	

#left_pane_internal { padding:0%; width:100%;  }
#left_pane_internal p { font-size:14px; line-height:22px; padding-right:2%; padding-left:2%;}
#left_pane_internal h1 { font-size:22px; line-height:26px;  padding-right:2%; padding-left:2%; padding-bottom:5%; padding-top:4%;}
#left_pane_internal h2 { font-size:14px; line-height:24px;  padding-right:2%; padding-left:2%;}
#left_pane_internal h3 { font-size:15px; line-height:21px;  padding-right:2%; padding-left:2%; padding-bottom:5%;}


#text_wrapper.text_wrapper_paddingzero { margin-top:44px !important; padding:0% !important; width:100% !important; 


background-color:#fff4da; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff4da), to(#f8d3b1)); 
	background-image: -moz-linear-gradient(#fff4da, #f8d3b1); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4da', endColorstr='#f8d3b1')"; 
	
	
border-top:1px solid #f5cfbc;
border-bottom:1px solid #e9c3a0;



}


#popup2 { top:20px !important; }
}

/*
@media screen and (max-width:479px )
{
	
	
}
*/
@media screen and (max-width: 320px) {



#health_table {
    padding: 10% 0;
    text-align: center;
    width: 100%;
}

#product_large {
    padding-right: 0;
    width: 100%;
}



tr.headertr { width:100%; }
#table-browse td { padding:1px; }
#table-browse-about2 td { padding:1px; }
#table-browse-best2 td { padding:1px; }





		/* Force table to not be like tables anymore */
		table#table-browse, 		table#table-browse thead, 		table#table-browse tbody, 		table#table-browse th, 		table#table-browse td, 		table#table-browse tr { 
			display: block; 
		}
		
		



		/* Force table to not be like tables anymore */
		table#table-browse-about2, 		table#table-browse-about2 thead, 		table#table-browse-about2 tbody, 		table#table-browse-about2 th, 		table#table-browse-about2 td, 		table#table-browse-about2 tr { 
			display: block; 
		}
		
		
		
		
		/* Force table to not be like tables anymore */
		table#table-browse-best2, 		table#table-browse-best2 thead, 		table#table-browse-best2 tbody, 		table#table-browse-best2 th, 		table#table-browse-best2 td, 		table#table-browse-best2 tr { 
			display: block; 
		}
		



		/* Hide table headers (but not display: none;, for accessibility) */
				table#table-browse thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		
						table#table-browse-about2 thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		
		
		
						table#table-browse-best2 thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		
		
		
		
		table#table-browse		tr { border: 1px solid #E57D4A; margin: 10px 0; }
		
		table#table-browse-about2		tr { border: 1px solid #E57D4A; margin: 10px 0; }
		
		
		table#table-browse-best2		tr { border: 1px solid #E57D4A; margin: 10px 0; }
		
		
		
		
		#prod_cntr_score img { width:60%; }
		
		table#table-browse		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #E57D4A; 
			position: relative;
			padding-left: 50%;
			padding-top:3%;
						padding-bottom:3%;	
		}
		
		table#table-browse		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		
		
		
		
		
		
		table#table-browse-about2		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #E57D4A; 
			position: relative;
			padding-left: 50%;
			padding-top:3%;
						padding-bottom:3%;	
		}
		
		table#table-browse-about2	td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		
		
		
		
		
		table#table-browse-best2		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #E57D4A; 
			position: relative;
			padding-left: 50%;
			padding-top:3%;
						padding-bottom:3%;	
		}
		
		table#table-browse-best2	td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		
		
		
		
		
		
		
		
		/*
		Label the data
		*/
		table#table-browse		td:nth-of-type(1):before { content: "Ingredient"; }
		table#table-browse		td:nth-of-type(2):before { content: "Hazard Score"; }
		table#table-browse		td:nth-of-type(3):before { content: "Concerns"; }

tr.headertr { display:none !important; }



		table#table-browse-about2		td:nth-of-type(1):before { content: " "; }
		table#table-browse-about2		td:nth-of-type(2):before { content: "Product Image"; }
		table#table-browse-about2		td:nth-of-type(3):before { content: "Product Name"; }
    	table#table-browse-about2		td:nth-of-type(4):before { content: "Score"; }






		table#table-browse-best2		td:nth-of-type(1):before { content: "Product Image "; }
		table#table-browse-best2		td:nth-of-type(2):before { content: "Product Name"; }
    	table#table-browse-best2		td:nth-of-type(3):before { content: "Score"; }









#headercontainer_title {
    color: #E57D4A;
    font-size: 18px;
    line-height: 24px;
    padding: 0 2% 2%;
	text-align:center;
}
#headercontainer_company {
    color: #E57D4A;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 5% 2% 4%;
	text-align:center;
}
#product_large img {
    width: 80%;
}





#emailsignup960orless form#singupform222 { width:100%; }
#emailsignup960orless form#singupform222 input#your_zipcode222 { width:57%; max-width:100%; padding:4% 5%;}
#emailsignup960orless form#singupform222 input#your_email222 { width:90%; max-width:100%; padding:4% 5%; }
#emailsignup960orless form#singupform222 input#submit_form_submit222 { padding:4% 5% 9%; width:28%;}



html { -webkit-text-size-adjust: none; }	
#right_pane_videos h3 { font-size:20px; line-height:20px; padding:0 0 10px 0; }
#right_pane_videos h4 {
    font-size: 17px;
    padding-bottom: 20px;
}
#right_pane h3 { font-size:20px; line-height:20px; padding:0 0 10px 0; }
#right_pane h4 {
    font-size: 17px;
    padding-bottom: 20px;
}

#right_pane_internal h3 { font-size:20px; line-height:20px; padding:0 0 10px 0; }
#right_pane_internal h4 {
    font-size: 17px;
    padding-bottom: 20px;
}

#right_pane_videos img { width:100%; margin:0; }
#inner_iphoneappguide960orless img { width:100%; margin:0; }
.infoBlock
{
	
	min-width:56%;
	padding:15px;
	right:0px;
	top:45px;
		
}



	.infoBlock p { font-size:14px; line-height:22px; }
		.infoBlock h4 { font-size:20px; line-height:25px; }
	








.spf_ul { margin-top:0px; }
.spf_ul li a, .spf_ul li a:link, .spf_ul li a:visited { font-size:14px; line-height:14px; }
.spf_ul li:first-child, .spf_ul li:last-child {min-height:0px; float:none; width:100%;  padding:4% 2%; max-width:100%; margin:5px 0 !important;}
.spf_ul li { min-height:0px; float:none; width:100%; padding:4% 2%;  max-width:100%; margin:5px 0 !important; }

#middlebar_center h2 { font-size:24px; line-height:24px;}
#seeallproducts_mobile { margin-top:10px  !important; }
#text_wrapper { margin-top:10px  !important; }
#left_pane h2 { font-size:24px  !important; }
.big_row h3, .small_row h3 { font-size:14px !important; line-height:22px  !important; }

a.readmore_row { float:left !important; font-size:14px !important; line-height:22px !important; }

#right_pane_videos h3 { font-size:20px; line-height:25px; }
#right_pane_videos h4 { font-size:21px; line-height:24px; }
#toolstostaysafe960orless .toolboxp, .toolboxp a, #emailsignup960orless .toolboxp, #adress960orless { font-size:14px !important; line-height:22px !important; }

.infoBlockLeftBlack { background-color: rgba(255, 255, 255, .7); border:0 none; 	}


.small_row img { width:100%; /* height:124px; */ margin-right:0; }
.big_row img { width:100%; margin-right:0; /* height:203px; */ }
	


	
}



.bestSlider { height: 160px !important; }

.BestinfoBlock {
  position: absolute;
  top:0px;
  right: 25%;
  left: auto;
  max-width:45%;
  padding-bottom: 0;
  overflow: hidden;
  padding: 20px;
}


#best-product-slider {
  width: 100%;
  color: #000;
}



}


@media screen and (min-width: 768px) and (max-width: 768px) 
{
#responsivelogo { /* width:670px !important;  padding-left:0; */}
}

@media screen and (min-width: 480px) and (max-width: 480px) 
{
#responsivelogo { width:390px !important;	 padding-left:0;}
}

@media screen and (min-width: 320px ) and (max-width: 320px) 
{
#responsivelogo { width:230px !important; padding-left:0;	}
}



@media screen and (min-width: 1200px ) and (max-width: 1500px) 
{
.infoBlockLeftBlack {   left:50%; }
}


@media screen and (min-width: 1501px ) and (max-width: 1800px) 
{
.infoBlockLeftBlack {   left:50%; }
}

@media screen and (min-width: 1801px ) 
{
.infoBlockLeftBlack {   left:50%; }
}

/* Overthrow CSS:
   Enable overflow: auto on elements with overthrow class when html element has overthrow class too */
.overthrow-enabled .overthrow {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}