* { margin:0px; padding:0px;}
html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1b396a;
	margin:0px;
	padding:0px;
}	 
a {
	text-decoration:underline;
	color:#1b396a;
}
a:hover {
	text-decoration:underline;
	color:#1b396a;
}
a:visited {
	text-decoration:underline;
	color:#666;
}

ul,li,ol,dd,dl { list-style-type:none;}

img { border:0 none;
	/*behavior:url(./pngbehavior.htc);
	background:none;*/
	}

.clear {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:1px;
}
.left {
	float:left;
}
.right {
	float:right;
}

p {
	font-size:12px;
	text-align:left;
	line-height:18px;
}

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

#wapper { width:100%; }
#main-wapper {  width:100%; }
.wapper-bg { }

/*      header      */ 

.header { width:850px; margin:0 auto; height:149px;}
.logo { float:left; width:242px; }
.logo-right{ background:url(../images/logo-right-img.jpg) left top no-repeat; width:584px; height:149px; float:right;} 
.top-text{ height:30px; width:400px; padding-top:0px; font-size:18px; color:#fff; float:left;padding-left:25px;}
.logout{ padding:0 24px 0 9px; width:100px; float:right; height:35px;}


.header-right { float:left;}
.header-right .header-top { float:left; }
.header-right .header-top .header-welcome { float:left; background:url(../images/welcome-top.jpg) no-repeat left top; height:49px; width:355px; margin:0px 10px 0px 15px;}
.header-right .header-top .header-login  { float:left; width:114; height:51px;}

.head-wel-non { float:left; padding:2px 10px 0px 23px; }
.head-wel-uname { float:left; color:#fff; font-size:19px; padding:4px 0 0 2px;}

.header-slogan { background:url(../images/heder-slogan.jpg) no-repeat scroll 4px bottom; height:70px; width:517px; margin-top:28px;}

/* container */
#container{ width:1024px; background-color:#FFFFFF}
.container { margin:0 auto;}
.col-left { width:268px;  float:left;}
.col-right { float:left;  margin-left:12px;}
.content-part{ width:1024px; margin:0 auto; 	}

/* left menu */

.left-part{ width:328px; float:left; background:url(../images/middle-leftpart.jpg) right top no-repeat;}
.left-menu { width:211px; padding-left:112px; padding-top:38px;}
.left-menu ul{ width:211px;  position:absolute; padding-top:2px; background-color:#3a64ac; min-height:690px;}
.left-menu ul li{ width:211px; background: url(../images/menu-bg-new.jpg) right top no-repeat; line-height:45px; font-size:16px; color:#fff;}
.left-menu ul li a{ padding:0px 0px 0px 12px; font-size:16px; color:#fff;  text-decoration:none; display:block !important; display:inline-block; width:199px; }
/*Changed*/
.left-menu ul li a:visited{ text-decoration:none; color:#FFFFFF}
.left-menu ul li a:hover{background: url(../images/menu-bg-hover_new.jpg) left top no-repeat;  display:block !important;  font-size:16px; color:#1b396a; display:inline-block; width:199px; text-decoration:none; }
.left-menu ul li.first{ width:211px; background:#3967b0;}

.left-menu ul li.active{background:#fff url(../images/menu-bg-hover_new.jpg) left top no-repeat;  display:block !important;  font-size:16px;  display:inline-block;  color:#1b396a; width:214px;}

.left-menu ul li.active a{background:#fff url(../images/menu-bg-hover_new.jpg) left top no-repeat;  display:block !important;  font-size:16px;  display:inline-block;  color:#1b396a; width:214px;}

/*Changed */
.left-menu ul li.active a:visited{ text-decoration:none; color:#1B396A;}


.left-menu ul li.active a:hover{color:#1b396a; width:214px;  }
/*Changed*/
.left-menu ul li.active-sub{ background:#fff; color:#1b396a; width:211px; font-size:12px; padding-bottom:12px; line-height:16px; padding-left:10px; font-weight:bold; }

.left-menu ul li.active-sub a{ background:#fff url(../images/bullet-small.jpg) 12px 6px no-repeat; color:#1b396a; width:180px; padding-left:24px; font-size:13px; display:block; text-decoration:none;   }

.left-menu ul li.active-sub a:visited{ color:#1b396a;  }

.left-menu ul li.active-sub a:hover{color:#1b396a;  background:#fff url(../images/bullet-small.jpg) 12px 6px no-repeat; font-size:13px;
font-weight:bold;  width:180px;}
.left-menu ul li.active-sub a:active{color:#1b396a;  background:#fff url(../images/bullet-small.jpg) 12px 6px no-repeat; font-size:13px;
font-weight:bold;}




/*.nav-bot{ background:url(../images/nav-bot-shadow.png) left top no-repeat; width:269px; height:24px;  float:right; font-size:2px; margin-top:250px;}
*html .nav-bot{
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav-bot-shadow.png', sizingMethod='fixed');
}
*/

.left-box{ width:205px; padding:0 9px 0 78px; clear:both;}
.left-box-top{ background:url(../images/left-box-top.gif) left bottom no-repeat; width:205px; height:6px; font-size:2px;}
.left-box-mid{ background:url(../images/left-box-mid.gif) left top repeat-y; width:186px; padding:10px 8px 15px 11px; color:#000;}
.left-box-mid img{ padding-bottom:10px;}
.left-box-bot{ background:url(../images/left-box-bot.gif) left top no-repeat; width:205px; height:6px; font-size:2px;}


/* Right column */
.drname { color:#00a3e6; font-size:14px; font-weight:bold; padding:0px 0px 15px;}
.right-part{ width:696px; float:left; height:271px; }
.right-content{ background:url(../images/content-bg.jpg) 7px top repeat-y; padding:18px 22px 18px 28px; width:546px; clear:both; float:left;}
/*Changed Snehal*/
.right-end{ background:url(../images/content-bot-bg.gif) 7px top no-repeat; height:12px; width:591px; clear:both;} 
.blue-box { background:#3968B0 url(../images/righbox-r.jpg) no-repeat right top; width:524px; } 
.home-savvy { width:477px; margin:0px auto; padding:15px 0px;}
.savvy-top { width:477px; background:url(../images/savvy-box-top.jpg) no-repeat; height:91px; line-height:0px; font-size:1px;}
.savvy-mid { width:407px; background:url(../images/savvy-box-mid.jpg) repeat-y; padding:0px 35px;}
.savvy-bot { width:477px; background:url(../images/savvy-box-bot.jpg) no-repeat bottom; height:10px; line-height:0px; font-size:1px;}
.savvy-mid p { color:#fff; font-size:14px; line-height:34px; padding-bottom:5px; text-align:left}
.savvy-leanmore { position:absolute; margin:-39px 0 0 311px; background:url(../images/home-learnmore-shedow.jpg); width:150; height:50px;}
.home-photos { height:200px; margin:0px auto}


#footer {  margin:0 auto;width:1024px; z-index:0;}
.footer {  width:1024px; margin:0 auto; padding:20px 0;}

.foot-link {
	float:left;
	width:1024px;
	margin:0 auto;
	padding:23px 0px 0px 0px;
}

.foot-link a {
	color:#898989;
	text-decoration:none;
	font-size:11px;
	padding:0px 32px;
}
.foot-link a:hover {
	text-decoration:underline;
}
.foot-link span {
	color:#898989;
	padding:0px 20px;
}

.footlogo1 {width:850px;*width:850px; margin:0 auto; padding-bottom:20px; padding-right:90px;padding-top:20px; } 
.footlogo1 img { padding-left:90px;} 
.footsupp { color:#898989; font-size:10px; display:block; padding-top:5px; width:110px; float:left; padding-left:5px; }
.foot-content { font-size:12px;  color:#3961ad; padding:32px 0px 5px;text-align:justify;}

/*New*/

.logo-right-new{ background:url(../images/logo-right-img-new.jpg) left top no-repeat; width:598px; height:149px; float:left;} 


.top-text-new{ clear:both; color:#386ab3; font-size:24px;padding-left:117px;
padding-top:38px;}
.top-text-new span{color:#386ab3; font-size:34px;}
.left-style{background:url(../images/middle-leftpart.jpg) left bottom no-repeat; width:328px;  float:left; height:288px;}

.right-left{ float:left;background:url(../images/whats-new.jpg) left  top no-repeat; width:572px; height:271px; }
.right-right{ float:left; width:0px; background:url(../images/right-style.jpg) left top no-repeat; height:290px;  }

.footer-image{ clear:both; background:url(../images/home_body-img.jpg) left bottom no-repeat; width:1024px; height:825px; margin:0 auto;}

.footer-imagethanks{ clear:both; background:url(../images/home_body-img.jpg) left bottom no-repeat; width:1024px; height:825px; margin:0 auto;padding-top:278px;}

.tabcontant-box {
	/*border:1px solid gray;*/ 
	width:510px; 

	/*padding: 10px;*/
}

.consi-tabs {

 width:550px;
/*padding:65px 0px 0px 30px; */
}
.tab-padding{   float:left; width:530px; padding-left:27px; padding-top:70px;  }
.tabcontant-box-top {/* background:url(../images/tabs-top.jpg) no-repeat; height:7px; width:608px;*/ line-height:0px; font-size:1px;}
.tabcontant-box-mid {  background:#396bb4 url(../images/tabs-mid.jpg) left top no-repeat; width:486px; float:left; padding:0px 10px 10px 10px;}
/*.tabcontant-box-bot { background:url(../images/tabs-bot.jpg) left bottom no-repeat ; height:7px; width:550px; font-size:1px;} */
.shadetabs{
width:510px;

/*margin-left: 7px;*/


font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
height:38px;

}

.shadetabs li{
display: inline;
margin: 0;
float:left;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
/*border: 1px solid #778;*/
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}
.shadetabs li.tab1 a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 0px 7px;
color: #2d2b2b;
background:transparent url(../images/work-quickly.jpg) no-repeat scroll 0px 4px;
display:block;
width:133px;
height:38px;
_top:1px;

}

.shadetabs li.tab2 a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 0px 7px;
margin-right: 3px;
color: #2d2b2b;
background:transparent url(../images/naturally-occurring.jpg) no-repeat scroll 0px 4px;
display:block;
width:133px;
height:38px;
_top:1px;

}

.shadetabs li.tab3 a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 0px 7px;
margin-right: 3px;
color: #2d2b2b;
background:transparent url(../images/how-works.jpg) no-repeat scroll 0px 4px;
display:block;
width:165px;
height:38px;
_top:1px;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

/*.shadetabs li a.selected{ 
position: relative;
top: 1px;
}*/

.shadetabs li.tab1 a.selected{ /*selected main tab style */
position: relative;
top: 1px;

background: white url(../images/work-quickly-active.jpg) left top no-repeat;
width:133px;
height:38px;

}

.shadetabs li.tab2 a.selected{ /*selected main tab style */
position: relative;
top: 3px;

background: white url(../images/naturally-occurring-active.jpg) no-repeat;
width:133px;
height:36px;

}
.shadetabs li.tab3 a.selected{ /*selected main tab style */
position: relative;
top: 5px;
background: white url(../images/how-works-active.jpg) no-repeat;
width:133px;
height:34px;

}

/*.shadetabs li a.selected{ 
background-image: url(shadeactive.gif);
border-bottom-color: white;
}*/

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
color:#368fac;
}

@media print {
.tabcontent {
display:block !important;
}
}


.tabcontent p.tab-head-p {
	background:transparent url(../images/tab-heading-bot-br.gif) no-repeat scroll 72px bottom;
	color:#368FAC;
	font-size:17px;
	padding:5px 5px 14px 10px;
}

.tabcontent p {
	color:#368FAC;
	font-size:12px;
	padding:10px 0px 14px;
}

.tabcontent p.tab-learn {
	padding:0 0 0 412px;
	text-align:right;
}
.tabcontent .tab-learn a {
	background:transparent url(../images/learn-more.jpg) no-repeat scroll 0 0;
	display:block;
	height:40px;
	width:152px;
}

.tabcontent .tab-learn a:hover {
	background:transparent url(../images/learn-more-over.jpg) no-repeat scroll 0 0;
}


.first-tab{ float:left; width:216px;}
.first-text{ float:left; width:270px;}


.save-doller{ padding-top:5px; text-align:center;}
.save-doller a {
	background:transparent url(../images/save-dollar.jpg) no-repeat;
	display:block;
	height:50px;
	width:154px;
}
.save-doller a:hover {
	background:transparent url(../images/save-dollar-h.jpg) no-repeat ;
}



.save-doller-new{ padding-top:5px; text-align:center;}
.save-doller-new a {
	background:transparent url(../images/save-dollar-new.jpg) no-repeat;
	display:block;
	height:42px;
	width:139px;
}
.save-doller-new a:hover {
	background:transparent url(../images/save-dollar-new.jpg) no-repeat ;
}



.save-doller-heading{ color:#009999; font-size:28px; text-align:center;}
.save-doller-subheading{ color:#1b4d75; font-size:18px; text-align:center;}
.save-button{padding-left:63px; .padding-left:8px; _padding-left:8px; }


.spot-left-box{ float:left;padding-top:12px;}
.spot-left-box-img{ padding:13px 38px 0 28px; float:left;}
.spot-left-text{ color:#1B4D75; font-size:18px;  float:left; width:270px; text-align:center;}



.inner-page-list li{padding-bottom:5px;}
.inner-page-list li a:link, .inner-page-list li a:visited{color:#1B4D75; font-size:12px; text-decoration:none; 	 }
.inner-page-list li a:hover{color:#1B4D75; font-size:12px; text-decoration:underline;}
.inner-page-list li a:active{color:#1B4D75;font-size:12px;text-decoration:none }





.learn-more-n{ padding:0px 0px 0px 300px; text-align:right;float:left;  }

.learn-more-n a {

	background:transparent url(../images/learn-more-n.jpg) no-repeat;

	display:block;

	height:50px;

	width:146px;

	

}

.learn-more-n a:hover {

	background:transparent url(../images/learn-more-n-hover.jpg) no-repeat ;

}







.click-more-n{ padding:0px 5px 0px 0px; text-align:center; float:right; }

.click-more-n a {

	background:transparent url(../images/click-here-to-more.jpg) no-repeat;

	display:block;

	height:51px;

	width:220px;

	

}

.click-more-n a:hover {

	background:transparent url(../images/click-here-to-more-hover.jpg) no-repeat ;

}

.redeem-coupon-style{color:#638cc4;}

.content_data { background-color:#396bb4; float:left;}

.newsletter_wrapper {width:572px; float:left; display: block; position: relative; z-index: 100; background-color: #3469b6; padding:10px 0px 0px;}
.newsletter_image{height:183px;width:161px;position:absolute;background:url(../images/myskinsavvy-nl_img_august_small.png) no-repeat left top;left:366px;top:9px}
.newslatter_m {margin:auto; width:530px; height:auto;}
.newsround_m1 {margin:auto; width:530px; height:9px; font-size:1px; background:url(../images/newround_m1.gif) no-repeat top;}
.newsround_m2 {margin:auto; width:530px; height:11px; font-size:1px; background:url(../images/newround_m2.gif) no-repeat bottom;}
.newsdetail_m {margin:auto; width:526px; border-left:2px solid #315fa0; border-right:2px solid #315fa0; background:#FFF;}
.newslatter_m1 {margin:auto; width:526px; height:43px; background:url(../images/www) no-repeat;}
.newslatter_m2 {margin:auto; width:501px; height:99px; background:url(../images/newslatter_m2.gif) no-repeat; font-size:16px; padding-left:25px; color:#1e4b7f; padding-top:10px;}
.newslatter_m2 a {font-size:13px; line-height:40px; color:#1e4b7f; text-decoration:underline;}
.newslatter_m2 a:hover {text-decoration:none;}
.newslatter_m3 {margin:auto; width:500px; height:98px; padding-left:25px; background:url(../images/newslatter_m4.gif) no-repeat;}
.newslatter_m3 li {color:#009999; margin:0 0 0 10px; line-height:15px; padding:15px 0 0 15px; background:url(../images/bullet.gif) no-repeat 0px 20px;}
.newslatter_m3 li a {font-size:13px; color:#1e4b7f; text-decoration:underline;}
.newslatter_m3 li a:hover {text-decoration:none;}
.newslatter_m4 {margin:auto; width:510px; height:33px;}
.newslatter_m5 {margin:auto; width:526px; text-align:center; font-size:11px; height:15px; padding-top:5px;}
.newslatter_m5 li {display:inline; padding-left:14px; padding-right:12px; background:url(../images/newslatter_m5.gif) left no-repeat;}
.newslatter_m5 li a {color:#57b7e9; text-decoration:none; background:url(../images/newslatter_m6.gif) right no-repeat; padding-right:20px;}
.newslatter_m5 li a:hover {text-decoration:underline;}
.save_m {margin:5px auto 5px auto; width:530px; height:105px; }