@charset "utf-8";
/* CSS Document */
h1.bannerText {font-size:28px; color:#5f6062;margin-bottom:0; }
h2.bannerSubText{ font-size:40px; color:#5f6062; font-weight:700;margin-top:0;}
h2.bannerSubText span{color:#ec008c;}
img {
	border: 0px;	
}

	@font-face {
		font-family: 'helveticaneue';
		src: url('/fonts/HelveticaNeueLTCom-Lt.ttf');
}

#DinairMainContentPage {
width:950px;
padding:0 25px 50px;
margin:0 auto;
height:auto;
overflow:hidden;
color:#636363;
font-size:12px;
background-color:#fff;
position:relative;
}
/*#DinairMainContentPage img {width: 0 10%;}*/
#ColumnRightMain {
width:760px;
float:right;
}
#MainContentBanner {
background: none repeat scroll 0 0 #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
/*height: 282px;*/
float:left;
width: 100%;
margin-bottom:15px;
}
h2 {    color: #000000;    font-size: 18px;    font-weight: 400;    margin-bottom: -2px;    padding: 0;    text-decoration: none;}

.titleHeaderImg  {padding-top:14px;}

body .zsiq_theme11 .zsiq_flt_rel::after, body .zsiq_theme11 .zsiq_flt_rel::before {
    border-right: 5px solid #e35468 !important;
    border-bottom: 5px solid #e35468;
}
body .zsiq_off .zsiq_flt_rel {
    background-color: #E35468 !important;
}

body .zsiq_theme11 .zsiq_flt_rel::after, body .zsiq_theme11 .zsiq_flt_rel::before {border: none !important;}

body .zsiq_off .zsiq_flt_rel {background-color: #52DF7E !important}

a:link {    color: #000000;    text-decoration: none;}
.phone a:link, active, visited, hover {    color: #ffffff;}
.top-header {margin-top:30px;	}

/***FLuid*/
#DinairMainFluidPage{  max-width: 1000px;    min-width: 320px;    padding: 0;    width: 100%;  background-color: #fff;    color: #636363;    font-size: 12px;    height: auto;    margin: 0 auto;    overflow: hidden;}
.tooltip2.makeupTip:hover span{ background-color:#fff; color:#000; border:solid 1px #000; text-transform:capitalize;}

/**********NEW BEFORE AND ATER************/
#DinairMainFluidPage{  max-width: 1000px;    min-width: 320px;    padding: 0;    width: 100%;  background-color: #fff;    color: #636363;    font-size: 12px;    height: auto;    margin: 0 auto;    overflow: hidden;}
.beforeAfterBlk{
background: rgb(239,239,239); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(253,253,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(253,253,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(253,253,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(253,253,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(253,253,253,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(253,253,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-8 */
-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;margin:20px 0;width:100%;overflow:hidden;padding-bottom:20px; }
 .titleBefore{ color:#000;font-size:70px;font-weigt:500;margin:5px 0 0 ;}
.titleBefore .lightweight{ font-size:100px; font-weight:100;vertical-align:sub;}
.titleBefore .heavyweight{font-weight:700;}
.subtitleBefore{font-size:30px; float:right; margin:-15px 0 15px;}
.subtitleBefore .lightweight{font-weight:100;margin:-15px 0 20px 0; }
.beforeAfterHeader{ float: left;}
.beforeAfterImg {float: left;width: 36%;}
.beforeAfterImg > img, .beforeAfterImg a img {display:block;margin:0 auto;max-width:100%;}
.beforeAfterContent {float: left;padding: 0 2.5%;width:30%;}
.beforeAfterBlk  h1 {font-size: 33px;font-weight: 600;margin-bottom:0;}
.beforeAfterBlk  p {    color: #000;    font-size: 18px;    font-style: italic;    font-weight: 400;    margin-left: 25px;}
.beforeAfterBlk  h2 {font-size: 15px;font-weight: 600;margin: 0 0 3px;}
.beforeAfterBlk span {font-weight: 400;}
.beforeAfterContent img {margin-left: -25px;margin-right: 5px;}
.beforeAfterContent img:last-of-type{  margin: 0 0 0 5px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.beforeAfterName {color: #ec008c;float: left;font-size: 14px;font-style: normal;padding: 10px 0;}
.beforeAfterName span { font-size:11px;}
.beforeAfterBottles{ margin-left:45%;margin-top:15%;max-width:100%;}
.beforeAfterBottles:last-of-type{ margin-left:0;}
.beforeAfterPurchase {float: left;width: 25%;}
.dinairBtn {background-color: #404040;border-radius: 5px;color: #fff;float: left;font-size: 15px;padding: 3px 0;text-align: center;width: 48%;margin-top:10px;}
.dinairBtn:hover {background-color: #ec008c;}


.learnBtn {margin-right: 2%; background-color:#ec008c;}
.bottles3 img:nth-of-type(2){margin-left: 0%;}
.bottles3 img:nth-of-type(1){margin-left: 17%;}


/* Brows Page */

.desk2 li{ list-style-type:disc ;}
#mob li{ list-style-type:disc ;}

/* FAQ INFO */
	#mainPageDivRES { background-color: #fff; color: #5f6062; font-size: 13px; margin: 2px auto; max-width: 950px; min-width: 300px; overflow: hidden; padding: 0 25px;} 
	.fullWidth{ float: left; font-size: 14px; margin: 0 5%; width: 85%;}
	.fullWidth span {font-size: 17px; font-weight: 700;}
	.mainban{background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; float: left; margin-bottom: 15px; width: 100%; margin-top: -15px;}
	.mainban img{ max-width:100%; margin:0 auto;}

@media (max-width: 595px)
{
	#mainPageDivRES { min-width:80%;} 
}

/* END FAQ INFO */


@media (max-width: 950px)
{
.beforeAfterBlk {margin-right: 2%;margin-left: 2%;width: 96%;}
}
@media (max-width: 850px)
{
.beforeAfterImg, .beforeAfterPurchase  {width:30%; }.beforeAfterContent { width: 35%;}.dinairBtn{ font-size:12px;}
}
@media (max-width: 695px)
{
.beforeAfterBottles{ margin-lefT:30%;}
.bottles3 img:nth-of-type(1){margin-left: 3%;}

}
@media (max-width: 595px)
{
.beforeAfterImg, .beforeAfterPurchase, .beforeAfterContent {    padding: 0 1%;    width: 98%;}
.dinairBtn {    font-size: 20px;}
.beforeAfterName {    float: right;    margin-right: 5%;}	
.beforeAfterBottles{display:none; }
.titleBefore {font-size:50px }
.titleBefore .lightweight { font-size:60px;}
.subtitleBefore{ font-size:25px;}
}
@media (max-width: 400px)
{
.dinairBtn {    width:100%;}
.titleBefore {font-size:45px }
.titleBefore .lightweight { font-size:50px;}
.subtitleBefore{ font-size:20px;}
}




/*Greg shop colors image flip horizontally*/
.greg .makeupSect img { -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";}	

.greg .makeupBlock img { -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";}

.flipimagehorreverse {

-moz-transform: scaleX(1) !important;
        -o-transform: scaleX(1) !important;
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        filter: FlipH !important;
        -ms-filter: "FlipH" !important;

}



/***************Reviews & Testimoinals****************/

#ReviewsContent {
font-size:14px;	
}
#ReviewsContent #colLeft {
float:left;
width:612px;
padding-left:0px;	
}
#ReviewsContent #colRight {
width:285px;
padding:5px 20px 0 0;	
float:left;
}
#ReviewsContent #colLeft hr {
height:1px;
background-color:transparent;
border: 0;
border-top:dotted 2px #7d7d7d;	
margin:5px 0;
width:93%;
margin-left:20px;
}
#ReviewsContent #colRight img {
margin-bottom:40px;	
float:right;
}
#ReviewsContent h1 {
font-size:41px;
color:#e9008c;
margin-bottom:0;
}
#ReviewsContent h1 span {
color:#696969;
font-weight:normal;
}
#ReviewsContent h2 {
font-size:35px;
color:#cecece;	 
margin:0px 0 20px 0;
font-weight:normal;
}
#ReviewsContent .secondaryHeader {
padding:5px 10px;
background-color:#e0e0e0;
font-size: 24px;
color:	#f12b8c;	
margin:30px 0;
}
#ReviewsContent .secondaryHeader span {
color:#000;	
}
#ReviewsContent .testim_odd, #ReviewsContent .testim_even{
padding:25px 10px 10px 25px;
background-color:#fcf7fa;
}
#ReviewsContent .testim_even{
background-color:#fff;	
}
#ReviewsContent .testim_name{
color:#e9008c;
margin:10px 0;	
}
#ReviewsContent .c4 {
 height: 28px;
    margin: 5px 0;
    width: 350px;	
}
#ReviewsContent #video_player {
background-image: url(/images/reviews/bg_vid.png);
height: 272px;
margin: 0 auto;
padding: 13px 12px 12px;
width: 480px;	
margin-bottom:30px;
}
/***************Workshop****************/

.VideoMainBanner {
margin-top:45px;	
}
.frames img {
height:57px;
width:102px;
margin:8px 8px 0px 0;
border:solid 1px #ddd;
}
#WorkshopleftColumInfo {
width:525px;
float:left;
font-size:14px;
}
#WorkshoprightColumInfo {
width:235px;	
float:left;
}

#WorkshopleftColumInfo li {
list-style-image: none;
margin-bottom:5px;	
}
/*#WorkshopleftColumInfo ul {
padding-left: 18px;	
float:left;
margin-right:8px;
*margin-left:-5px;
}*/
#WorkshopleftColumInfo ul {
float: left;
    font-size: 12px;
    margin-right: 25px;
    padding-left: 0;
}
#WorkshoprightColumInfo .SignUpForm {
background-color:#f4f4f4;	
padding: 10px 15px;
}
#WorkshoprightColumInfo .signUpEnter {
width:146px;
height:33px;
border:0;
background-image: url(/images/workshops/signUp_btn.png);	
margin:20px 30px;
}
/***************************** Bridal*********************************/
#bridal_content img {
	border: 0;
}
#bridal_content .video {
	width: 	502px;
	height: 249px;
	/*background-image: url('/images/foundation/bg_video.png');*/
background-repeat: no-repeat;
	padding: 5px 0px 0px 0px;
float: left;
}
#bridal_content {
width:950px;
margin:auto;
height: auto;
overflow:hidden;	
font-size:12px;
background-color:#fff;
padding:0 25px;
}
.bride1 {
height:400px;
background-image: url(/images/bridal/romantic_bride_kit.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
.bride2 {
height:400px;
background-image: url(/images/bridal/classic_bride_kit.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}
.bride3 {
height:450px;
background-image: url(/images/bridal/natural_bride_kit.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
.bride4 {
height:400px;
background-image: url(/images/bridal/coverage_bride_kit.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}
.bride5 {
height:400px;
background-image: url(/images/bridal/basic_bride_kit.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
#bridal_content hr {
background-color: #cccccc;
border: 0 none;
height: 1px;
width:925px;
}
#bridal_content ul {
width:520px;	
padding-left:10px;
margin-top:0;
}
#bridal_content ul li{
margin-left: 15px;	
}
#bridal_content a, #bridal_content a:link {
color:#000000;
text-decoration:underline;	
}


/****************************Pro Section**********************/
.proSectionSignUp .bg-grey {
background-color:#fcfcfc;
border:solid 1px #e6e6e6;
height: auto;
margin-top: 30px;
overflow: hidden;
padding-left: 20px;
width: 718px;
}
.proSectionSignUp .bg-grey .col {
width:190px;
float:left;	
margin:0px 60px 10px 0;
font-size:13px;
}
.proSectionSignUp .bg-grey .col ul{
padding-left:15px;	
float:left;
}
.proSectionSignUp .bg-grey .col h2 {
font-size:14px;
font-weight:100;	
}
.proSectionSignUp .bg-grey .col li {
margin-bottom:5px;	
}
.proSectionSignUp .bg-grey .col hr{
border:0;
height:1px;
background-color:#404040;	
}


@media print
  {
  .main-footer, .footer-main, .f-media, .SCprodContain, .reorderPage .bottom{ display:none;}
  }
  
/* For the Monthly Banner Off Switch 
.MonthlyHolidaySpecials{
	display:none;
}*/



/****************************Legal/MSDS Page **********************/

/* Compare page buttons toggles */
/* New Navigation CSS */

.btnkits ul{ 
	list-style-type: none
	
}
.btnkits{
	/*width:178px;*/
	float:left;
	font-size:16px;
	background-color:#949598;
	margin-top:4px;
	margin-right:11px;
	padding: 2px 5px;
	text-align:center;
	color: #FFF;
	border-radius:3px 3px 0 0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #949598;
	border-right-width: thin;
	border-right-color: #949598;
	border-right-style: solid;
	border-left-width: thin;
	border-left-color: #949598;	
	border-left-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #999999;	
	border-bottom-style: solid;
	
/*	list-style-image: url(images/lineseparation.jpg);*/
	
}
.btnkits a{
	color:#fff;
}
.btnkits:hover{
	background-color:white;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #e6e6e6;
	border-right-width: thin;
	border-right-color: #e6e6e6;
	border-right-style: solid;
	border-left-color: #e6e6e6;	
	border-left-style: solid;
	border-left-width: thin;	
	border-bottom-width: thin;
	border-bottom-color: #ffffff;	
	border-bottom-style: 2px;
}
.navframes{
	border-bottom-width: thin;
	border-bottom-color: #949598;	
	border-bottom-style: solid;
}
/* on Active Page*/
.btnkits_active{
	width:178px;
	float:left;
	font-size:20px;
	background-color:#949598;
	margin-right:10px;
	padding: 2px 0px;
	text-align:center;
	color: #FFF;
	border-radius:3px 3px 0 0;
	background-color:white;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #e6e6e6;

	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #e6e6e6;

	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #e6e6e6;
}

.btnkits_active:hover{
	background-color:#949598;
	color: #FFF;
	border-radius:3px 3px 0 0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #949598;
	border-right-width: thin;
	border-right-color: #949598;
	border-right-style: solid;
	border-left-width: thin;
	border-left-color: #949598;	
	border-left-style: solid;
}

/* Active Toggle */
.btnkitsM-pick{
	/*width:178px;*/
	float:left;
	font-size:20px;
	background-color:#ec008c;
	margin-right:10px;
	padding: 2px 5px;
	text-align:center;
	border-radius:3px 3px 0 0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #949598;
	border-right-width: thin;
	border-right-color: #949598;
	border-right-style: solid;
	border-left-width: thin;
	border-left-color: #949598;	
	border-left-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #999999;	
	border-bottom-style: solid;
}

.btnkitsM-pick a{
	color:#fff;
}
/* End activ Toggle */
.btnkitsM{
	/*width:178px;*/
	float:left;
	font-size:20px;
	background-color:white;
	margin-right:10px;
	padding: 2px 5px;
	text-align:center;
	color: #FFF;
	border-radius:3px 3px 0 0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #e6e6e6;
	border-right-width: thin;
	border-right-color: #e6e6e6;
	border-right-style: solid;
	border-left-width: thin;
	border-left-color: #e6e6e6;	
	border-left-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #ffffff;	
	border-bottom-style: solid;
}
.btnkitsM:hover{
	background-color:#ec008c;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #949598;
	border-right-width: thin;
	border-right-color: #949598;
	border-right-style: solid;
	border-left-color: #949598;	
	border-left-style: solid;
	border-left-width: thin;	
	border-bottom-width: thin;
	border-bottom-color: #ffffff;	
	border-bottom-style: 2px;	
}
.btnkitsM a:hover{
	color:#fff;
}
.btnkitsM a{
	color:#ec008c;
}
.btnkits a:hover{
	color:#000;
}
li{
	list-style-type:none;
}
/*.NaviMenu{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #949598;	
}*/
.hrmenu{
	background-color: #e6e6e6;
	border:none;
	height:1px;
	width:950px;
	float:left;
	margin:-1px 0 0 0;
}

/*#complearn{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	float:left;
	padding-top:30px;
		
}

#leftcompare{
	float:right;
	
}*/

/* Kit Pages Navagation */
.hrcolor{
	background-color: #e6e6e6;
	border:none;
	height:1px;
}
	/* Visited Button */
.btnpage-picked{
	/*width:135px;*/
	float:left;
	font-size:12px;
	margin-right:10px;
	padding: 2px 10px;
	text-align:center;
	text-decoration: none;	
}
.btnpage-picked a{
	color:#ec008c;	
	}	
.btnpage-picked a:visited{
	color:#ec008c;
}
	/* Reular buttons */	
.btnpage {
	/*width:135px;*/
	float:left;
	font-size:12px;
	background-color: #FFF;
	margin-right:10px;
	padding: 2px 10px;
	text-align:center;
	text-decoration: none;
	0
}
.btnpage:hover{	
	color:#ec008c;
	text-decoration: none;	
}
.btnpage:active{
	/* background-color:#5f60626;*/
	color: #CCC;	
}	
.btnpage a:hover{
	color:#ec008c;
}
.btnpage a, .btnpage a:visited{
	text-decoration:none;
	float:left;
	font-size:12px;
	margin-right:10px;
	padding: 2px 10px;
	text-align:center;
	text-decoration: none;
	color: #404040;
}
/*end of the New Toggles CSS */
/*****************COMPARE**********************/
#compareCol{
    float: left;
    height: 720px;
    margin: 10px 11px;
    width: 230px;
	position:relative;
}
#compareCol h2, #compareCol h2:hover {
	color:#5f6062;
	font-size:21px;
}
#compareCol .normSize {
	font-size:14px;
	margin:0;
}
#compareCol .prodPrice {
	color: #EC008C;
    float: left;
    font-size: 30px;
    margin: 0;	
}
#compareCol .prodPrice span {
    font-size: 18px;
    vertical-align: text-top;
}
#compareCol .btnStart {
   background-color: #3b3b3b;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    width: auto;
	cursor:pointer;
	margin-top:5px;
}
.positionBar, .positionBar span, .positionBar div {
    background-color: #F7F7F7;
    float: left;
    padding: 1px 0;
    width: 100%;
}
.positionBar span{
	padding:8px 0;	
}
.positionBar div {
    background-color: #FFFFFF;
    padding: 3px;
}
.topBanInfo {
    /*background-color: #F7F7F7;*/
   /* margin: 20px 0 10px;*/
    width: 100%;
	float:left;
}
#compareCol > ul {
    float: left;
    padding: 0px 0 0 13px;
    width: 100%;
}
#compareCol li {
    list-style: disc outside none;
}
/*************************Footer*************************/
.main-footer {
width:100%;
margin:0px auto;
font-size:13px;
color:#696764;
text-align:left;
height:auto;
overflow:hidden;
background-color:#252524;
padding:0 0 30px 0;
}
.f-list li {
display: inline;
margin-right: 5px;
margin-bottom: 0px;
padding-bottom: 0px;
height: 5px;
}
.f-media {
background-color:#757575;
padding:8px 0;
width:100%;
}
.center-img {
display:block;
margin:0 auto;
border:0;
}
.f-list {
margin: 15px 0 0 15px;
float:left;
padding-left:0;
font-size:13.5px;
}

.main-footer h2 {
margin:0;
color:#696764;
text-align:left;
}
.footer_lg {
width:950px;
margin:0 auto;
height:auto;
overflow:hidden;
}	
.footer_lg ul {
padding:0px;
}
.footer_lg li {
list-style-type:none;
padding-top:5px;
padding-right:15px;
}
.footer_content {
width:450px;
float:left;
margin: 10px 0;
}
.footer_content  div {
width:115px;
float:left;
} 
.footer_contact {
width:210px;
float:left;
margin:10px 0;
padding:0 20px;
}
.footer_social {
width:225px;
margin:10px 0 0 20px; 
floAt:left;	
}

.main-footer a:link, .main-footer a  {
color:#696764;
}
.main-footer a:visted {
color:#696764;	
}
.footer_lg a:hover, .footer_lg h2:hover, .f-list a:hover  {
color:#fff;
}
@media print
  {
  .main-footer{ display:none;}
  }


/***************** Holiday Shipping ******************/

/*#ColumnRightMain img {
padding:0 0;	
}
.hrspecial{
	border: 0 solid #e6e6e6; 
	height:1px; 
	background-color:#e6e6e6; 
	width:750px;
}

.holidayBan{
	
}

.inTimeBan{
	float: left;
    margin: 30px 172px ;
    width: 590px;
}


.map{
	float:left;
	margin:0 0 0 0;
	width:670px;
}

.infoBox{
	float:right;
	margin:0 0 0 0;
	width:275px;
	background-color: #f5f5f5;
	border: 2px solid #999;	
}


.datesInfo p {

    font-size: 14px;
    margin: -29px 0 0 74px;
    width: 150px;
}
.infoBox img {
    margin: 20px 0 0 32px;
}

.upsGround {
    color: #3F91CC;
    font-size: 18px;
    margin: 12px 79px 0;
    width: 150px;
}

.lastDay {
    width: 200px;
    margin: 0 19px;
}

*/

/***************** Personal Pro and the Studio Beauty Page. *****************/

 a.deskcolor:link, a.deskcolor:visited, a.deskcolor:active {
	color:#000;
	font-size:16px;
	font-weight:bold;
}

 a.deskcolorActive:link, a.deskcolorActive:visited, a.deskcolorActive:active {
	color:#ec008c;
	font-size:16px;
	font-weight:bold;
}

.desktop2{
	display:block;	
	}
	.mobile2{
	display:none;	
	}
/***************** Mobile and PC Stuff *****************/

@media screen and (max-device-width: 480px)
{
	.desktop2{
	display:none;	
	}
	.mobile2{
	display:block;	
	float:left; 
	margin: 0 0 0 475px;
	width:100%
	}
	
	.mobile2 img{
		width:50px;
	}
}
/***************** Foundation Page Menu Bar**************** */
	.menu-vidBar {
		float:left;
		margin-left:-23px;
	}
	
	.menu-vidBar a{
		color:#5f6062;
	}
	
	.menu-vidBar li{
		float:left;
		margin: 20px 12px 25px 0;		
	}
	 .menu-vidBar a:visited, .menu-vidBar a:link, menu-vidBar a:active {
		float:left;	
		font-size:14px;
		
		color:#5f6062;				
	}
	.menu-vidBar a:hover{
		color:#8c001a;
	}
/*.pageSelect{
		color:#8c001a;
		
	} */

.menu-vidBar a.pageSelect {
    color: #8C001A;
}
	.menu-vidBar li:last-child {
    margin-right: 0;
}	
#new_menu_nav .pinkNew {
    color: #EC008C;
}
#new_menu_nav .pinkNew.activeTop{
color:#a2a19e;	
}
.saleNew {
	background-color: #5f6062;
    color: #fff !important;
    padding: 0 5px;
}


/*********************************Sutdio Pro LEarn More*********************************/
.studio_pro {
	float:left;
	padding:5px 0px;
	overflow:hidden;
 }
 .studio_pro a img {
	border:0; 
 }
 .studio_pro .kitsLearnmore{
		float:left; 
		height:330px;
	}
/***************************Gallery**************************************/
#gallery {
padding: 30px;
background: #e6e6e6;
margin-top:10px;
}
.ad-gallery {
width: 680px;
}
.ad-gallery, .ad-gallery * {
margin: 0;
padding: 0;
}
.ad-gallery .ad-image-wrapper {
width: 100%;
height: 453px;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
position: absolute;
z-index: 10;
top: 48%;
left: 48%;
border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
position: absolute;
right: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev {
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
/* Or else IE will hide it */
background: url(/images/gallery/trans.gif);
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url(/images/gallery/ad_prev.png);
width: 30px;
height: 30px;
display: none;
position: absolute;
top: 47%;
left: 0;
z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url(/images/gallery/ad_next.png);
width: 30px;
height: 30px;
right: 0;
left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
position: absolute;
bottom: 0px;
left: 0px;
padding: 7px;
text-align: left;
width: 100%;
z-index: 2;
background: url(/images/gallery/opa75.png);
color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/images/gallery/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
display: block;
}
.ad-gallery .ad-controls {
height: 20px;
}
.ad-gallery .ad-info {
float: left;
}
.ad-gallery .ad-slideshow-controls {
float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
padding-left: 5px;
cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
padding-left: 5px;
font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
cursor: default; 
font-style: italic;
}
.ad-gallery .ad-nav {
width: 100%;
position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
position: absolute;
top: 0;
height: 100%;
z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
height: 100px;
}
.ad-gallery .ad-back {
cursor: pointer;
left: -20px;
width: 13px;
display: block;
background: url(/images/gallery/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
cursor: pointer;
display: block;
right: -20px;
width: 13px;
background: url(/images/gallery/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
overflow: hidden;
width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
float: left;
width: 9000px;
list-style: none;
}
.ad-gallery .ad-thumbs li {
float: left;
padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
display: block;
}
.ad-gallery .ad-thumbs li a img {
border: 3px solid #CCC;
display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */ 
.ad-preloads {
position: absolute;
left: -9000px;
top: -9000px;
}
.ad-slideshow-countdown {
display:none;	
} 

@media print {
.slider-icons, #contactUSTab, #problemTab, #messageUsTab, #liveChatTab, #subscribeHereTab, #lessonsTab{
display:none !important;	
visibility:hidden;
}
}


/* Makeup Button Toggle */
.makeuptog{
	margin: 0px 0px 66px 162px; 
	display:none;
}
#makeupParaNavOpen{ 
display:none;	
}

/* Makeup Menu Bar */
.foundmenu-dBar {float:left;color:#000;margin:0px 0 6px 0;width:756px;/*background-color:#8c8c8c;*/}
.foundmenu-dBar a{color:#000;	}
.foundmenu-dBar li{float:left; margin: 0px 12px 0px 0;}
.foundmenu-dBar a:visited, .foundmenu-dBar a:link, foundmenu-dBar a:active {float:left;font-size:14px;color:#000;}
.foundmenu-dBar a:hover{ text-decoration:none; color:#ec008c;}
.foundmenu-dBar li:last-child {margin-right: 0;}

.topCuntanor{ width:100%; margin-top:40px;}


 
/***********Top Blog Tab*******************/
.blogTop {
display:none;	
}


/* BX SLIDER CSS */

#fluid-Container{
	max-width:1920px;
	min-width:320px;
	margin-top:1px;	
	background:#fff;
	}
	

	/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 35px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslider {
    margin-top: 0;
}

/** THEME
===================================*/


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	display:none;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	display:none;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {	text-align: center;}

.bx-wrapper .bx-controls-auto .bx-start {	display: block;	text-indent: -9999px;	width: 10px;	height: 11px;	outline: 0;	background: url(images/controls.png) -86px -11px no-repeat;	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {	background-position: -86px 0;}

.bx-wrapper .bx-controls-auto .bx-stop {	display: block;	text-indent: -9999px;	width: 9px;	height: 11px;	outline: 0;	background: url(images/controls.png) -86px -44px no-repeat;	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {	background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {	text-align: left;	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {	right: 0;	width: 35px;}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {	position: absolute;	bottom: 0;	left: 0;	background: #666\9;	background: rgba(80, 80, 80, 0.75);	width: 100%;}

.bx-wrapper .bx-caption span {	color: #fff;	display: block;	font-size: .85em;	padding: 10px;}
/************NEW COMPARE************/

.compareColumn { width:30%;float:left;color:#000;padding: 0 1%;}
.compareColumn:nth-child(3) {    padding: 0 3%;}
.compareColumn img {max-width:100%;float:left; }
.compareTopInfo{width:100%; float:left; }
.compareTopInfo .titleSub {max-width:100%; float:left;}
.compareTopInfo .titleHead {max-width:100%;/*margin-top:4%;*/}
.compareColumn > h1 {    font-size: 30px;    font-weight: 300;    margin-bottom: 0;}
.compareColumn > h2 {    font-size: 16px;    margin: -5px 0 0;}
.compareColumn h3 {    float: left;    font-size: 16px;    margin-bottom: 0;    width: 100%;}
.compareColumn h3 span { color:#ec008c;}
.compareColumn .prodPrice {    float: left;   font-size: 30px;    font-weight: bold;    margin: 0;    width: 50%;}
.compareColumn .prodPrice > sup{ font-size:17px;}
.compareColumn > ul {    float: left;    font-size: 15px;    line-height: 20px;    margin: 0;    padding: 0 0 0 30px;}
.compareColumn li {    list-style-type: disc;}
.compareColumn .btnStart {    background: none repeat scroll 0 0 #ec008c;    color: #fff;    float: right;    font-size: 18px;    padding: 5px;}
.compareColumn .includesC {    color: #aaa;    font-weight: normal;margin:5px 0; }
.compareColumn .IncludesAll {    float: left;    margin-top: 20px;}
.compareColumn .IncludesAll img{max-width:80%;}
.compareColumn .IncludesAll img:first-of-type {    margin-bottom: 40px;}

.comDesk{display:block;margin-top:10px; }


/************MAKEUP COMPARE PAGES***************/
 	.makeupComparePages .headBan img {    max-width: 100%;}
 	.makeupComparePages .compCont{/*float: left;*/ margin:0; width:100%; text-align:center; color:#000; display:none;}
	.makeupComparePages .TitleCont{ font-size: 46px;font-weight:300;    padding: 0 1%;    text-transform: uppercase;    width: 98%;}
	.makeupComparePages .smallTitleCont{font-size: 15px; text-transform: uppercase;} 
	.makeupComparePages .catTitle{    float: left;   padding: 0 3%;    width: 66%;}
	.makeupComparePages .catTitle > h1, .makeupComparePages .catTitle2 > h1  {    font-size: 30px;    margin: 0;	color:#000;	}
	.makeupComparePages .TitleCont strong {    font-weight: 900;}
	.makeupComparePages .secHead{   color: #000;    float: left;    font-size: 16px;    text-transform: uppercase;}
	.makeupComparePages .prodContain{float: left; margin: 24px 0 0; width: 100%;}
	.makeupComparePages .blushProd .swatchesInfo ul  { margin-top: 2%; }
	.makeupComparePages .foundationmain1 .swatchesInfo ul  { margin-top: 8%; }
	.makeupComparePages .blushProd a, .makeupComparePages .blushProd a:hover{  color: #000;} 
	.makeupComparePages .threerowSec .blushProd, .makeupComparePages .tworowSec .blushProd{ padding: 1.5%;    width: 30%;float: left; /*border-right: solid 1px #ccc;*/ height: 500px;}
	.makeupComparePages .fourrowSec .blushProd{ padding:  1.4%;    width: 22%;float: left; /*border-right: solid 1px #e4e4e4;*/}
	.nomakeupborder { border: none !important; } 
	.makeupComparePages .swatIMG, .swatSWTC{float: left; width:50%;}
	.makeupComparePages .swatIMG img, .swatSWTC img{max-width:100%;}
	.makeupComparePages .swatCLR {    float: left;    margin: 2% 0 0;display:none;width: 100%;}
	.makeupComparePages .swatCLR > img {    margin: 0 1%;    max-width: 98%;}
	.makeupComparePages .swatchesInfo{   float: left;       width: 100%; border-right: 1px solid #dcd9d9;}
	.makeupComparePages .prodContain .swatchesInfo h3 {   text-transform: uppercase !important; font-weight: normal !important; line-height: 0px; margin-top: 14%;}
	.makeupComparePages .swatchesInfo p {  color: #000;    font-size: 21px;    font-weight: 600;    line-height: 1;    text-transform: uppercase;}
	.makeupComparePages .fourrowSec .swatchesInfo p{font-size: 18px;  }
	.makeupComparePages .swatSub{color:#000; font-size:17px;}
	/*.makeupComparePages .swatchesBTN{  background-color: #ec008c;    color: #fff;    float: left;    font-size: 13px;    margin-left: 2%;   max-width: 100%;    padding: 5px 10px;    text-align: center;}	
	.makeupComparePages .swatchesBTN:hover { background-color: #404040 !important;}*/
	
	.makeupComparePages a .swatchesBTN{  border: 1px solid #404040 ; background-color: white;  color: #404040; width: 84%;   float: left;    font-size: 13px;    margin-left: 2%;   max-width: 100%;    padding: 5px 10px;    text-align: center;}	
	.makeupComparePages a .swatchesBTN:hover { background-color: #404040 !important; color: white;}
	.makeupComparePages .customp1 { font-size: 3.2em !important; }
	.makeupComparePages	a:hover .swatchesBTN, .makeupComparePages .topbottomspacing2:hover .swatchesBTN { color: #404040 !important; background-color: white !important; font-weight: bold;  }
	.makeupComparePages .grayfont2 { color: #5f6062; font-size: 16px; }

	.swatchesBTNshopcolors{  background-color: #404040; border-radius: 5px;    color: #fff;    float: left;    font-size: 13px;    margin-left: 2%;   max-width: 100%;    padding: 5px 10px;    text-align: center; margin-top: 3%;}	
	
	.swatchesBTNshopcolors:hover { background-color:  #ec008c; }
		
	.forcewhitetext { color: white !important; }
	.infoCont {    float: left;    margin: 5% 0;    width: 100%; font-size:16px;}
	.makeupComparePages .prodInfo{font-size: 16px; text-align:center;}
	.listBox{margin: 0 27%; width: 100%;}
	.listLeft, .listRight{width: 30%; float: left;}
	.swatchesInfo > ul {	 font-size: 14px;    margin-top: 0;    padding-left: 8%;}
	.swatchesInfo li {    list-style: disc !important;}
	.listLeft > ul, .listRight ul {    padding: 0;}
	.blushProd sup {    font-size: 14px;}
	/*.blushProd:hover .swatchesBTN{ background:#ec008c;}*/
	.blushProd:hover .swatchesBTN{ background:#404040;  }
	
	/*a:link .blushProd, a:hover .blushProd, a:visited .blushProd, a:active .blushProd {color: #CCC !important;}*/
	.prodContain > a { color: #000;}
	.makeupComparePages  .mob{display:none; }
	.specialColumn{background-color:#eee; }
.subsecondfont { font-size: 14px; text-transform: lowercase !important; }

/* Compare Menu CSS */

.paraBTNS{ position:absolute; top:0; right:100px;}

#compareMen{float:left; margin:0; font-size:11px;}
#compareMen > p {    float: left;    margin: 3px 1px;}

@media (max-width: 950px)
{
#compareMen{ font-size:9px;}	
}
@media (max-width: 895px)
{
#compareMen{ font-size:8px;}
}

@media (max-width: 795px)
{
#compareMen{font-size:0;}
}


/* end of Compare CSS */	




@media (max-width: 950px)  {
#DinairMainContentPage.makeupComparePages { width:98%; padding:0 1%;}
.makeupComparePages .threerowSec .blushProd{   padding: 1.5%; width: 30%;}
.makeupComparePages .tworowSec .blushProd{   padding: 1.5%; width: 46%; }
}
@media (max-width: 850px)  {
.makeupComparePages .swatchesInfo p { font-size:17px;
line-height:1.2;}
}
@media (max-width: 800px)  {
.makeupComparePages .fourrowSec .blushProd{	width:39.5%;padding:0 5%; border-bottom:1px solid #e4e4e4; border-right:0;margin-bottom:5%;padding-bottom:5%; height:420px ;}
}

@media (max-width: 780px)  {
.makeupComparePages	a:hover .swatchesBTN, .makeupComparePages .topbottomspacing2:hover .swatchesBTN { color: white; background-color: white !important; font-weight: bold;  }
.makeupComparePages .swatchesInfombl2 { border-right: none; }
.btmbmakeupbar { border-bottom: none !important; }
}

@media (max-width: 595px)  { 
.makeupComparePages .swatchesInfo{   border: none;}
.makeupComparePages .blushProd .swatchesInfo ul  { margin-top: 4%; }
.makeupComparePages .prodContain .swatchesInfo h3 { line-height: 12px; margin-top: 0px; }

.makeupComparePages .listLeft, .listRight{width: 54%; float: left;}	
.makeupComparePages .swatIMG img, .swatSWTC img {    max-width: 80%;}
.makeupComparePages .swatchesInfo p{font-size:16px;}
.fourrowSec .swatchesIMG, .threerowSec .swatchesIMG, .tworowSec .swatchesIMG, .makeupComparePages .fourrowSec .swatchesInfo, .makeupComparePages .threerowSec .swatchesInfo{ width:40% !important;}
.makeupComparePages .swatIMG img, .makeupComparePages .swatSWTC img {    max-width: 80%;}
.makeupComparePages .threerowSec .blushProd, .makeupComparePages .fourrowSec .blushProd, .makeupComparePages .tworowSec .blushProd{  border-right:0; border-bottom: 1px solid #999999; padding: 7% 4%; width: 92%; height: 400px;}
.makeupComparePages .swatchesInfo p {    font-size: 18px;    margin: 2%;}
.makeupComparePages .swatchesInfo h3 {   margin: 2%;}
.makeupComparePages .catTitle > h1, .makeupComparePages .catTitle2 > h1{ font-size:20px;}
.makeupComparePages .swatSub {  font-size: 19px;}
.makeupComparePages .swatchesBTN { font-size: 14px; margin: 10px 0; padding: 3px 11px; width: 14%;}
.makeupComparePages .swatchesBTN {    font-size: 20px;    width: 50%;}
.makeupComparePages .swatchesInfo > ul {    font-size: 18px;}
.makeupComparePages .swatSub {    font-size: 16px;}
.makeupComparePages .swatchesInfo > ul {    font-size: 14px;    margin: 0;}
.makeupComparePages .TitleCont > p {    font-size: 25px;    margin: 4%;}
.makeupComparePages .mob{display:block;  float: left;    padding: 0 3%;    width: 60%; }
.makeupComparePages .desk{display:none; }
.makeupComparePages .specialColumn{background-color:#fff;  }
}

/* Greg October 19 */


@media (max-width: 740px){
.subheadhidemobile { display: none; }

}


/*Ipad 1 & 2 Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

  	.upclass .scrollToTop { bottom: 11%; width: 32px !important; height: 32px !important; display: none; opacity: 0.5; right:9%; text-decoration: none; position:fixed;}

  	.SCswatSub{ color: #666; font-size: 8px !important; text-transform: uppercase;}




}


/*Ipad 1 & 2 Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	.upclass .scrollToTop { bottom: 15%; width: 32px !important; height: 32px !important; display: none; opacity: 0.5; right:14%; text-decoration: none; position:fixed;}

}

/*Greg June 29*/
.adjusterslightfont {font-weight:lighter;}

/*greg July 10*/
#foundationpositionfixed {
	background-color: white !important;
	/*height: 70px;*/
	height: 38px;
	z-index: 11;
}

.makeuptitlemargin { color: #5f6062; }

/*Greg July 15
.makeuptitlemargin {
	margin-bottom: -4% !important;
	margin-top:-1% !important;
}
*/

/*GREG JUNE 17 2015*/
.swatSub {    color: #999;    font-size: 16px;}
.ShopColorsprodContain{float: left; margin: 24px 0 0; width: 100%;}


a.deskcolorbox:hover {    border: solid #ccc 1px ;    color:black ; font-weight: 600; background-color: #ffcccc; border-radius:5px;  	}
a.deskcolorbox{	margin: 0;   border: solid #ccc 1px;    padding: 2px 12px;	color:#000 ; border-radius:5px; box-shadow:2px 2px 2px #FFFFFF;}

.hidebulletpoint { list-style: none !important; }


.deskcolorboxActive {     font-weight: 500;    margin: 0;    padding: 2px 12px;  background-color: white !important; border-bottom: 1px solid #ffcccc !important; border-radius: 5px !important; box-shadow:2px 2px 2px #888888;}



/*.deskcolorboxActive {    background-color: #ffcccc !important;    border: 1px solid #999;    color: #000 !important; font-weight: 500;    margin: 0;    padding: 2px 12px;    border-radius:5px; box-shadow:2px 2px 2px #888888;}
*/
.shopcolorssubnavmargin {margin-bottom: 5%;}




/***********/

/***********/
@media (max-width: 750px)
{
.compareColumn > h1 {    font-size: 25px;}
.compareColumn .btnStart {    text-align: center;    width: 95%;}
#swifttagdatacontainerdahglnix2a { display:none !important;}

.reorderPage .layover_popup {    background: none repeat scroll 0 0 #ffffff;    border-radius: 10px;    box-shadow: 0 0 10px #5e5f61;    color: #5e5f61;    display: none;    font-family: Arial,Helvetica,san-serif;    font-weight: bold;    height: auto;    left: 24% !important;    padding: 10px;    position: fixed;    top: 15%;    width: 320px;    z-index: 99999;}

#foundationpositionfixed {
	background-color: white !important;
	height: 34px;
	z-index: 11;
}





}
@media (max-width: 600px)
{
.compareColumn > h1, .prodPrice {    font-size: 20px;}
.compareColumn ul, .compareColumn h3, .prodPrice > sup {font-size:13px; }
.compareColumn > ul {    font-size: 12px;}
.paraBTNS{ right:5px;}

.reorderPage .layover_popup {    background: none repeat scroll 0 0 #ffffff;    border-radius: 10px;    box-shadow: 0 0 10px #5e5f61;    color: #5e5f61;    display: none;    font-family: Arial,Helvetica,san-serif;    font-weight: bold;    height: auto;    left: 16% !important;    padding: 10px;    position: fixed;    top: 15%;    width: 320px;    z-index: 99999;}
.reorderPage .stepsBt { margin: 15px 24px !important; }


}
@media (max-width: 500px)
{
.compareColumn, .compareColumn:nth-child(3) {    width: 96%; padding: 0 2%;border-bottom:1px solid #ccc;}
.compareColumn img {    float: right;    max-width: 45%;}
.compareColumn > h1,.compareColumn .prodPrice {    font-size: 20px;    font-weight: bold;}
.compareColumn ul, .compareColumn h3, .compareColumn .prodPrice > sup {font-size:15px; }
.compareColumn ul, .compareColumn h3, .compareColumn .IncludesAll{display:none; }
.compareColumn .btnStart {    float: left;    text-align: center;    width: 40%;}
.compareColumn > h2 {    margin: 3px 0;}

.reorderPage .layover_popup {    background: none repeat scroll 0 0 #ffffff;    border-radius: 10px;    box-shadow: 0 0 10px #5e5f61;    color: #5e5f61;    display: none;    font-family: Arial,Helvetica,san-serif;    font-weight: bold;    height: auto;    left: 16% !important;    padding: 10px;    position: fixed;    top: 15%;    width: 320px;    z-index: 99999;}
.reorderPage .stepsBt { margin: 15px 24px !important; }
/*#makeupNavagation {   margin-top: 2% !important;}*/



}

@media (max-width: 350px)
{
.compareColumn > h1, .prodPrice {    font-size: 20px;}
.compareColumn ul, .compareColumn h3, .compareColumn .prodPrice > sup {font-size:13px; }
}

/***********REORDER PAGE***********/

.reorderPage .shopcolorsanchorclass:target {
    display: block;    
    position: relative;     
    top: -80px;
    visibility: hidden;
}


 .reorderPage .category2 { line-height: 20px !important; }

.reorderPage .bottom {     background: none repeat scroll 0 0 transparent;    border: 0 none;    bottom: 10px;   line-height: 50px;    padding: 0;    position: fixed;    text-align: center;    width: 97%; }
.reorderPage .bottom-number {    color: white;    float: left;    font-family: arial,helvetica,sans-serif;    font-size: 1.5em;    font-weight: bold;    line-height: 15px;    margin-right: .5%;    text-align: center;    width: 9.5%;}
.reorderPage .bottom-number div {    height: 27px;   	color:white; padding-top: 3%;}
.reorderPage .darkG {    color: #858484;    font-size: 14px;    letter-spacing: 1px;     text-transform: uppercase;}
.reorderPage .brightW {    background-color: white; font-weight: bold;    border-bottom-left-radius: 10px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 18px !important;    margin: auto;    text-align: center;   width: 100%;font-size:14px;}
.reorderPage .brightW-right {    background-color: white; font-weight: bold;    border-bottom-left-radius: 0px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 19px !important;    margin: auto;    text-align: center;   width: 102%;font-size:14px;}
.reorderPage div .qauntBott {    background-color: #a3a3a3;    border-top-left-radius: 10px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 27px;    margin: auto auto auto auto;    text-align: center;   width: 100%;font-size:14px;}
.reorderPage div .qauntBott-right {    background-color: #a3a3a3;    border-top-left-radius: 0px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 26px !important;    margin: auto;    text-align: center;   width: 102%;font-size:14px;}
.reorderPage .header-container {margin:auto;width:950px;	}
.reorderPage #bottom-content {    background-color: black;  color: white;    border: 2px solid deeppink;    border-radius: 10px;    box-shadow: 5px 5px 5px #bbbbbb;    height: 55px;    margin: 0 auto;    max-width: 930px;    min-width: 300px;}
.quantNumPri, #bottom-bar-quantity-sml, #bottom-bar-quantity-med, #bottom-bar-quantity-lg, #bottom-bar-quantity-xlg, #bottom-bar-quantity-mini,  #bottom-bar-quantity-pouch {    border: 0px white;    font-size: 16px;    height: 15px;    line-height: 15px;    margin: auto;   padding: 2.5px 0px;    width: 102%;}
.reorderPage .categorypage{	color: #EE1F9A;    display: inline;    float: left;    font-size: 26px;    letter-spacing: 3px;    padding: 11px 0 0px 0px;    text-transform: uppercase;    vertical-align: bottom;	width:217px;	text-align:left;	}
.reorderPage .simcol{	 color: #aaa;      font-size: 9px;   margin-left:5px;}
.reorderPage .colair .m1 img, .colair .m2 img,.colair .m1  {	width:50px;}
.reorderPage #search_autocomplete {    display: block;}
.reorderPage .layover_popup {    background: none repeat scroll 0 0 #ffffff;    border-radius: 10px;    box-shadow: 0 0 10px #5e5f61;    color: #5e5f61;    display: none;    font-family: Arial,Helvetica,san-serif;    font-weight: bold;    height: auto;    left: 40%;    padding: 10px;    position: fixed;    top: 33%;    width: 320px;    z-index: 99999;}
.reorderPage .layover_popup p {    text-align: center;}
.reorderPage .stepsBt {    background-color: #404040;    color: #fff;    cursor: pointer;    float: left;    font-weight: bold;    margin: 15px 5px;    padding: 3px 10px;    text-align: center;    text-shadow: 1px 1px #000;    width: 125px;}
.reorderPage .stepsBt:hover {    background-color: #ec008c; }
#DinairMainContentPage.reorderPage { max-width:950px; min-width:320px; width:auto; padding-bottom:100px;}
.reorderPage .makeupBlock {    float: left;    text-align: left;    width: 100%;}
.reorderPage .category {      border-top: 1px solid #000;padding:10px 0;color: #ec008c;    float: left;    font-size: 2.5em;    font-weight: 400;       text-align: left;    text-transform: uppercase;    width: 100%;}
.reorderPage .category2 {      border-top: 1px solid #000;padding:10px 0;color: black;    float: left;    font-size: 2.5em;    font-weight: 500;       text-align: left;    text-transform: capitalize;    width: 100%; margin-bottom: 2%;padding-top:4%; margin-top:2%;}
.reorderPage .subcategory {     color: #000;    float: left;    font-size: 20px;    margin-top: 40px;    text-align: left;    text-transform: uppercase;    font-weight: 500; width: 100%;}
.reorderPage .sizeOZ {    float: left;    width: 100%;}
.reorderPage .oz-repeat {    float: left;    width: 48%;}
.reorderPage .oz-repeat:nth-child(odd) {    margin-right: 4%;}
.reorderPage .makeupSect {    float: left;    padding: .2% 0;    width: 48%; height: 30px;} 
.reorderPage .makeup {    float: left;    padding-right: 3%;    width: 25%;}
.reorderPage .makeup > img {    height: 25px;    width: 100%;}  
.reorderPage .Mname {     float: left;    font-size: 1em;   margin-top:1%; width: 32%;} 
.reorderPage .inputSize {    float: left;    width: 40%;}
.reorderPage .quantity {    float: left;    width: 22%; margin-right:5%;text-align:center;}
.reorderPage .quantity > input {   background:#fbfbfb; color:#fbfbfb;  border-color: #f8f8f8  #aaa #aaa #f8f8f8 ;    border-right: 1px solid  #aaa;    border-style: solid;    border-width: 1px;    color: #fff;    font-size: 1.2em;    height: 25px;    text-align: center;  padding:0;  width: 100%;}
.reorderPage  input[type=number]::-webkit-inner-spin-button,     input[type=number]::-webkit-outer-spin-button {     -webkit-appearance: none;      margin: 0; }
.reorderPage input[type=number] {    -moz-appearance:textfield;}
.reorderPage input[type="number"]:disabled {    background: none repeat scroll 0 0 #fff !important;    border: 0 none;    color: transparent !important;    opacity: 1;}
.reorderPage .sizeColumn {    float: right;    width: 37%;}
.reorderPage .sizeColumn div {       font-family:Arial, Helvetica, sans-serif; color: #404040;    float: left;    font-weight: 300;    text-align: center;   width: 22%;margin-right:5%;}
.reorderPage .closestMatch {    float: left;       text-align: center;    width: 100%;}
.reorderPage .headerBanner{ max-width:100%;}
.reorderPage #bottom-bar-add-to-cart img {    max-width: 100%;}
.reorderPage #bottom-bar-add-to-cart {cursor: pointer; margin:0; width:; padding-top: 1.9%; margin-top: -1%; }
.reorderPage .makeupSect:nth-child(2n) {    margin-right: 4%;}
.button img {    margin-top: 12% !important;    max-width: 100%;}
.button {    float: left;    padding: 0 3%;    width: 44%;}
.buttom-buttons {    float: left;    width: 19%;}    
.quantity:nth-last-of-type(5), .oz:nth-last-child(5) {    margin-right: 10% !important;}
.quantity:nth-last-of-type(1), .oz:nth-last-child(1) {    margin-left: 5%;}
.oz {    font-size: .75em !important;    font-weight: 500 !important;}
.reorderPage .layoutChange .makeupSect {  width: 98%;}
.layoutChange  {    float: left;    overflow: hidden;    width: 50%;}
.reorderPage .layoutChange:nth-child(2n+1) .makeupSect {    margin-left: 1%;
}


@media (max-width: 950px)
{#DinairMainContentPage.reorderPage { padding:0 1%; width:98%;padding-bottom:100px; }
.reorderPage #bottom-bar-add-to-cart { width: 15%; padding-top: 2%; }
}
@media (max-width: 780px) 
{
.reorderPage .makeup > img {    height: 25px;    }
.reorderPage .Mname, .simcol {    font-size: 0.8em;}
.reorderPage #bottom-bar-add-to-cart { width:14.2%; padding-top: 1.7%; margin-top: -1%;    }
.reorderPage div .qauntBott {    background-color: #a3a3a3;    border-bottom-left-radius: 0px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 29px;    margin: auto;    text-align: center; margin-right: 0.5%;   width: 100%;font-size:12px;}
.reorderPage div .qauntBott-right {    background-color: #a3a3a3;    border-top-left-radius: 0px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 27px;    margin: auto;    text-align: center;   width: 102%;font-size:12px;}
.reorderPage .brightW-right { width: 102%; }
.swatchesBTNshopcolors{   border-radius: 5px;    color: #fff;    float: left;    font-size: 13px;    margin-left: 2%;   max-width: 100%;    padding: 5px 10px;    text-align: center; margin-top: 3%;}	

.reorderPage .bottom {       bottom: 10px;     width: 100%; }





}
@media (max-width: 695px) 
{
.reorderPage .bottom-number, .reorderPage div .qauntBott, .reorderPage #bottom-bar-quantity-sml, .reorderPage #bottom-bar-quantity-med, .reorderPage #bottom-bar-quantity-lg, .reorderPage #bottom-bar-quantity-xlg, .reorderPage #bottom-bar-quantity-mini, .reorderPage  .darkG, .reorderPage #bottom-bar-quantity-pouch  {font-size:12px; }
.reorderPage #bottom-bar-add-to-cart { width:14%; padding-top: 2%; }
.reorderPage div .qauntBott {    background-color: #a3a3a3;    border-bottom-left-radius: 0px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 29px;  font-size:9px;}
.reorderPage div .qauntBott-right {    background-color: #a3a3a3;    border-top-left-radius: 0px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 27px;   font-size:9px;}
.reorderPage .brightW {    background-color: white; font-weight: bold;    border-bottom-left-radius: 10px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 19px !important;   font-size:10px;}
.reorderPage .brightW-right {    background-color: white; font-weight: bold;    border-bottom-left-radius: 0px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 22px !important;  ;font-size:14px;}
.reorderPage #bottom-bar-quantity-sml, #bottom-bar-quantity-med, #bottom-bar-quantity-lg, #bottom-bar-quantity-xlg, #bottom-bar-quantity-mini,  #bottom-bar-quantity-pouch {    border: 0px white;    font-size: 12px;    height: 18px;    line-height: 15px;  }



}
@media (max-width: 595px)
{
.reorderPage .makeupSect{ width:100%;}
.reorderPage .quantity > input {    height: 30px;    text-align: center;   }
.reorderPage .makeup {   width: 11%;}
.reorderPage .Mname {  font-size: 1em;  }
.reorderPage .simcol{ font-size:10px;}
.reorderPage .oz-repeat:nth-child(2) {    display: none;}
.reorderPage .oz-repeat {    width: 100%;}
.reorderPage .bottom-number:nth-child(1) {    display: none;}
.reorderPage .bottom-number { width:11%;}
.reorderPage div .qauntBott { width:95%;}
.reorderPage .sizeColumn div {    font-size: 10px;margin-right:4%;}
.reorderPage .sizeColumn { width:65%;}
.reorderPage #bottom-bar-add-to-cart { width:10%; padding-top: 0.4%;   }
.reorderPage dd{ display:none;}
.reorderPage .brightW-right { width: 100%; }
.reorderPage .layoutChange:nth-child(2n+1) .makeupSect {    margin-left: 0;}
.layoutChange { width:98%;}
#bottomFixTally .quantNumPri, #bottomFixTally .topDivTally { font-size:.8em !important;}
/*with less sizes*/
.reorderPage .sizeColumn div { width:25%;}
.reorderPage .sizeColumn {    width: 30%;}
.reorderPage .makeup {    width: 31%;}.reorderPage .inputSize {    float: left;    width: 26%;}
.reorderPage .quantity {       width: 24%;margin-right:9%} 
.reorderPage .Mname {    width: 40%;}
.makeupBlock .bullets50 { margin:10px !important;}

}
@media (max-width: 440px)
{
.reorderPage .quantity > input {    height: 25px;    }	
.reorderPage .bottom-number { width:11%;}
.reorderPage #bottom-bar-add-to-cart { width: 7%; padding-top: 2%; }
.reorderPage #bottom-bar-add-to-cart img{padding-top: 14% !important; }
.reorderPage .bottom-number, .reorderPage div .qauntBott, .reorderPage #bottom-bar-quantity-sml, .reorderPage  #bottom-bar-quantity-med,.reorderPage  #bottom-bar-quantity-lg, .reorderPage #bottom-bar-quantity-xlg, .reorderPage #bottom-bar-quantity-mini, .reorderPage .darkG {font-size:10px;  }
.reorderPage #bottom-bar-quantity-sml, #bottom-bar-quantity-med, #bottom-bar-quantity-lg, #bottom-bar-quantity-xlg, #bottom-bar-quantity-mini,  #bottom-bar-quantity-pouch {   width: 100%;}

.reorderPage div .qauntBott {    background-color: #a3a3a3;    border-top-left-radius: 10px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 30px;   font-size:9px;}
.reorderPage div .qauntBott-right {    background-color: #a3a3a3;    border-top-left-radius: 0px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 27px;     width: 100%;font-size:9px;}
.reorderPage #bottom-bar-quantity-sml, #bottom-bar-quantity-med, #bottom-bar-quantity-lg, #bottom-bar-quantity-xlg, #bottom-bar-quantity-mini,  #bottom-bar-quantity-pouch {    border: 0px white;    font-size: 10px !important;    height: 15px;    line-height: 15px;   }
.reorderPage .brightW-right {    background-color: white; font-weight: bold;    border-bottom-left-radius: 0px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 20px !important;   font-size:14px;}
.reorderPage .brightW {    background-color: white; font-weight: bold;    border-bottom-left-radius: 10px;    border-bottom-right-radius: 0px;    color: black !important;    display: block;    height: 19px !important;    margin: auto;    text-align: center;   width: 100%; margin-right: 0.5%;font-size:10px;}
.reorderPage .bottom {     position: fixed;    width: 100%; }
#foundationpositionfixed {	background-color: white !important;	height: 34px;	z-index: 11;}
.reorderPage .category2haircolorlineheightmobile {	line-height: 30px !important;}
.button {    height: 25px !important;    margin-top: 3%;    width: 90%; padding: 0 25%;}
.button img {    float: left;    max-width: 45%;margin-top:1% !important;}
.buttom-buttons {    float: right;}



}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.reorderPage .quantity > input {    height: 20px;    width: 28px;}	
}


@media (max-width: 600px)
{
#foundationpositionfixed {	background-color: white !important;	height: 27px;	z-index: 11;}
}

/*above height was 67px*/

/*****FOOTER***********/
.f-media{float:left;}
.footer-main{ max-width:1000px;min-width:320px;margin:0 auto;}
.footerSocial div, .footerPayment div{float:right;margin: 5px 0 0 5px;	}
.footerPayment div{float:left;	}
.footerSocial, .footerPayment, .cruel {display: block;float: left;margin-top: 20px;text-align: center;width: 40%;}
.cruel{float:left;	width:20%;}
.footer-list > ul {    float: left;    padding: 0;    width: 100%; margin-top:0;}
.footer-list li {    display: inline;    padding: 0 33px;}
 .footer-list a {font-size: 13px;}
.footer-list li a:hover{ color:#666666;}
.footer-main p{ color: #bbb;    float: left;    margin-bottom: 20px;    text-align: center;    width: 100%;}
.img-swap {    max-width: 100%;}
@media (max-width:950px){ .footer-list li {  padding: 0 10px;  } .footer-list a {font-size: 12px;}}
@media (max-width:900px){ .footer-list li {  padding: 0 10px;  } .footer-list a {font-size: 11px;}}
@media (max-width:730px){.footerSocial div, .footerPayment div{width:11%;} .footer-list li {  padding: 0;  float: left;text-align: center;width: 100%;} }
@media (max-width:550px){.footerSocial div, .footerPayment div {float: left;width: 12.5%;} }
@media (max-width:550px){.footerSocial, .cruel{	width:100%;} .footerPayment {width:80%;} .footerPayment.img-swap {margin-left:  20%;}}

.menuDropDownColumn.wideCol sup {    font-size: 10px;}


@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
#swifttagdatacontainerdahglnix2a { display:none !important;}
}


/***************************************TANNING***********************/

.vidimg{
	margin:10px 0;
	width:450px;
}
.tannercont{
	width:400px;
	margin:0 11px 0 0;
}
.tanbox{
	width:100px;
	float:left;
	cursor:pointer;
}
.tanbox p{
	text-align:center;
	margin: 0;
	width:100px
}
.tanbox img{
	width:100px;
	height:100px;
}
.bottlehead{
	font-size:20px; 
	margin: 30px 0 12px 107px;
}	
.tanhead{
	margin: 6px 0 12px 0;
}
.tanhead h2
{
	font-size:20pt;
	color:#996633;
}
.LeftVideo img
{
	max-width: 100%;	
}
.tanningLeftContent p
{
	font-size: 14px;
}
.tanningProdImage
{

 display: block;
 margin: 0 auto;
 max-width: 65%;
 padding-left: 5px;
}
.tanningProdInfo
{
	text-align: center;
	font-size:13px;
}
.tanningProductDesc
{
	max-width: 50%;
	float: left;
}
#tanningLeftContent
{
	float:left;
	width: 48%;
}
.tanningRightContent
{
	float: right;
	width: 48%;
}
.title1
{
	color: #DDA52F
}
.Title2
{
color: #C16600;
}
.title4
{
	color: #c16600;
}
.Title3
{
	text-decoration: line-through;
}
#guideRow
{
width: 90%;
float:right;
}
.guideDesc
{
float: left;
max-width: 25%;
}
.guideDesc a
{
color: black;
}
.guideDesc a:hover
{
	color: #ec008c;
}
.guideDesc img
{
	max-width: 100%;
}
.guideTitle
{
text-align: center;
}
.guideTitle h2
{
float:left;
width: 100%;
padding: 5% 0 5% 0;
}
.guideDesc p
{
 text-align: center;
 line-height: 1;
}
@media (max-width: 600px)
{
.tanningRightContent, #tanningLeftContent
{
	width: 98%;
	padding: 1%;	
}
#guideRow
{
	width: 100%;	
}
.makeupComparePages .prodContain { margin-top:0;}
.makeupComparePages .threerowSec .blushProd, .makeupComparePages .fourrowSec .blushProd, .makeupComparePages .tworowSec .blushProd { padding:1% 4%;
}}
@media(max-width: 400px)
{
.guideDesc p
{
font-size: 11px;
}
}


/*********************************END TANNING*******************************************/


/********************************* Reorder Products ***********************************/
.SCprodContain{width:100%;}
.SCblushProd{width:25%; float:left;}
.SCswatIMG img { float: left; width: 20%; }
.reorderpageGKIMG img { float: left; width: 16%; }
.SCswatchesInfo{ width:60%; float:left; margin-left:6%;}
.SCHeaderTxt{font-size: 13px; text-transform: uppercase;}
.SCswatSub{ color: #666; font-size: 11px; text-transform: uppercase;}
.SCswatchesInfo sup{ font-size:8px}
.SCswatchesInfo ul li{ font-size:9px; list-style-type:disc;}
.SCswatchesInfo ul{ padding-left:12px; margin-bottom: 0;}

@media (max-width: 750px)
{

.SCblushProd{ float: left; margin: 4% 5%; width: 40%;}
}


@media (max-width: 450px)
{
.SCswatchesInfo ul li{ display:none;}
}
/********************************* Reorder Products ***********************************/


/*********NEW FLUID*************/
#DinairFluidPage{ max-width: 950px; min-width: 300px; padding: 0 25px;  background-color: #fff; color: #333333;font-weight:400px; font-size: 13px; height: auto; margin: 0 auto; overflow: hidden;} 
#DinairFluidPage img { max-width: 100%}
#width40{ width:40%;float:left;}
#width50{ width:50%;float:left;}
#width60{ width:60%;float:left; }
#width70{ width:70%;float:left;}
#width80{ width:80%;float:left;}
#width90{ width:90%;float:left;}
#width100{ width:100%;float:left;}
#width90 > img {    display: block;    margin: 0 auto;    max-width: 50%;}
.dinairButton{ text-align:center; padding: 10px 30px; color:#fff; cursor:pointer;  margin-top: 5% ;}
.crossOut{ text-decoration:line-through;color:#333;}
.floatLeft { float:left;}
.italics { font-style:italic}
.strong{font-weight:600; }
.weight300{ font-weight:300;}
.getTheLookBlueFont{color:#274e72;  }
.getTheLookBlueBg{background-color:#274e72; margin-left:5%;}
.getTheLookSteps{ font-size:18px;width:80%;}
.getTheLookBottles { float: left;    width: 20%;margin-left:5%; }
.getTheLookBottles div img {margin-bottom:31%; }
#DinairFluidPage img.wistiaVideo {    margin: 0 1.5% 4%;	max-width:97%;}
.getTheLookBlueFont > sup {    font-size: 0.7em;}
@media (max-width: 950px){#DinairFluidPage{padding: 0 1%; max-width:98% ;}}
@media (max-width: 900px){#DinairFluidPage{padding: 0 1%; max-width:100% ;}.getTheLookBottles { margin-bottom:10%;}#DinairFluidPage h1{font-size:20px; } #DinairFluidPage h2 {font-size:18px; }.getTheLookSteps{font-size:16px; }}
@media (max-width: 700px){#DinairFluidPage h1{font-size:20px; } #DinairFluidPage h2 {font-size:16px; }.getTheLookSteps{font-size:14px; }	}
@media (max-width: 595px){#DinairFluidPage h1{font-size:24px; }#DinairFluidPage img.wistiaVideo {    margin: 0 10% 4%;    max-width: 80%;} #DinairFluidPage h2 {font-size:20px; }.getTheLookSteps{font-size:18px; }	#width40, #width50, #width60 { width:100%;float:left;}.dinairButton {   padding: 10px 0;  width: 50%;}}
@media (max-width: 395px){.getTheLookBottles { margin-bottom:50%;} }

.byDinair strong {
    margin-right: 5px;
}

.byDinair22 { background-color: white; font-size: 15px !important; color: #5f6062; padding: 0% !important; }