@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------------------------

*Filename:              main.css
*Description:          	Global CSS
*Version:               1.0.0 (02/02/2010)
*Website:               http://RogueMag.com


== Structure ================================================
 
*Page width:            "TO BE DEFINED"
$__reset:				Reset codes
$__buttons:				Buttons Description (3 type - Primary, Secondary and Tertiary)
$__links:				Link Description (3 type - Primary Text, Secondary Text and Tertiary Text)
$__menu:                Global Site Navigation
$__footer:              Footer Description
$__colors:				Colors used through out (3 type - Black, Dark Grey, Light Grey, Dark Pink, Light Pink, Green and Blue)
$__pagination:			Pagination Style

--------------------------------------------------------------------------------------------*/

/* ======================== $__reset: ======================================*/ 

/* need to pull this back from effecting everything on the page */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
/* 	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Lucida, Trebuchet, sans-serif;
	color:#666;
	font-weight:normal;
	text-decoration:none; */
}

#wrapper div, #wrapper span, #wrapper applet, #wrapper object, #wrapper iframe,
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper p, #wrapper blockquote, #wrapper pre,
#wrapper a, #wrapper abbr, #wrapper acronym, #wrapper address, #wrapper big, #wrapper cite, #wrapper code,
#wrapper del, #wrapper dfn, #wrapper em, #wrapper font, #wrapper img, #wrapper ins, #wrapper kbd, #wrapper q, #wrapper s, #wrapper samp,
#wrapper small, #wrapper strike, #wrapper strong, #wrapper sub, #wrapper sup, #wrapper tt, #wrapper var,
#wrapper dl, #wrapper dt, #wrapper dd, #wrapper ol, #wrapper ul, #wrapper li,
#wrapper fieldset, #wrapper form, #wrapper label, #wrapper legend,
#wrapper table, #wrapper caption, #wrapper tbody, #wrapper tfoot, #wrapper thead, #wrapper tr, #wrapper th, #wrapper td,
#footer div, #footer span, #footer applet, #footer object, #footer iframe,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p, #footer blockquote, #footer pre,
#footer a, #footer abbr, #footer acronym, #footer address, #footer big, #footer cite, #footer code,
#footer del, #footer dfn, #footer em, #footer font, #footer img, #footer ins, #footer kbd, #footer q, #footer s, #footer samp,
#footer small, #footer strike, #footer strong, #footer sub, #footer sup, #footer tt, #footer var,
#footer dl, #footer dt, #footer dd, #footer ol, #footer ul, #footer li,
#footer fieldset, #footer form, #footer label, #footer legend,
#footer table, #footer caption, #footer tbody, #footer tfoot, #footer thead, #footer tr, #footer th, #footer td
{
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Lucida, Trebuchet, sans-serif;
	color:#666;
	font-weight:normal;
	text-decoration:none;
}

body {	 
	font-size:0.75em;	
}

#wrapper p, #footer p{line-height:1.3em;}
#wrapper ol, #wrapper ul, #footer ol, #footer ul {
	list-style: none;
}

#wrapper table, #footer table {
	border-collapse: separate;
	border-spacing: 0;
}
#wrapper caption, #wrapper th, #wrapper td,
#footer caption, #footer th, #footer td
{
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* ======================== $__buttons: ======================================*/ 

#wrapper a.primary{
	padding:0 10px;
	line-height:1.8em;
	background-color:#e71078;
	color:#fff;
	display:block;
	float:left;
}
	#wrapper a.primary:hover{
		background-color:#ff007b;
	
	}
	
#wrapper input.primary{
	
	line-height:1.8em;
	background-color:#e71078;
	color:#fff;
	text-decoration:none;
	display:block;
	float:right;border:0;
	margin-top:20px;
	padding:4px;
	cursor:pointer;
	text-transform:uppercase;
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Lucida, Trebuchet, sans-serif;
}
	#wrapper input.primary:hover{
		background-color:#ff007b;
	
	}
	
	#wrapper input.checkbox{margin-top:10px;margin-left:195px;}
	


#wrapper a.secondary{
	padding:0 10px;
	line-height:1.8em;
	background-color:#000;
	color:#fff;
	display:block;
	float:left
}
	#wrapper a.secondary:hover{
		background-color:#666666;
	
	}

#wrapper a.tertiary{
	padding:0 10px 0 16px;
	color:#fff;
	line-height:1.7em;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight: bold;
	text-transform:uppercase;
	background:url(/PublishingImages/tertiary-up1.gif) no-repeat 6px 50% #e71078;
}
	#wrapper a.tertiary:hover{
		background-color:#ff007b;
	    text-decoration: none;
	}

/* ======================== $__links: ======================================*/

#wrapper a:hover{text-decoration:underline;}

#wrapper a.primary-link, #wrapper .thum_big p a{
	color:#e71078;
	background:url(/PublishingImages/primary-link-img.gif) no-repeat right 50%;	
	float:left;
	padding-right:8px;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
}
	#wrapper a.primary-link:hover, #wrapper .thum_big p a:hover{
		text-decoration:underline;
	}

#wrapper a.secondary-link{
	color:#000;
	font-weight: bold;
	font-size: 1.1em;
}
	#wrapper a.secondary-link:hover{
		text-decoration:underline;
	}

#wrapper a.tertiary-link{
	background:url(/PublishingImages/tertiary-link-img.gif) no-repeat left 50%;
	display:block;
	padding-left:8px;
	color:#000;
}
	#wrapper a.tertiary-link:hover{
		text-decoration:underline;
	}
	
	
#wrapper a.primary-link-view{
	color:#e71078;
	background:url(/PublishingImages/primary-link-img.gif) no-repeat left 50%;	
	float:left;
	padding-left:8px;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
}
	#wrapper a.primary-link-view:hover{
		text-decoration:underline;
	}
	
#wrapper a.flag-link{
	color:#000;
	font-weight: bold;
	font-size: 1.1em;	
}

	
#wrapper .header-container{
	width:982px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}
#drop{
	width: 45px; 
	height: 59px; 
	background-color:#e6e6e6; 
	border:1px solid #dbdbdb; 
	position:absolute; 
	right:0; 
	top: 10px;
	padding: 5px 0 5px 5px; 
	z-index: 0; 
	visibility: hidden;
	}

#drop a{
	background-image:url(/PublishingImages/flag-en-off.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 18px;
	color:#000;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 2.0em;
}

#drop a:hover{
	background-image:url(/PublishingImages/flag-en.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 18px;
}
#drop a.country-us{
        background-image:url(/PublishingImages/flag-off.gif);
        background-repeat: no-repeat;
        background-position: left 3px;
        padding-left: 18px;
        color:#000;
        font-weight: bold;
        font-size: 1.1em;
        line-height: 2.0em;
}

#drop a.country-us:hover{
        background-image:url(/PublishingImages/flag.gif);
        background-repeat: no-repeat;
        background-position: left 3px;
        padding-left: 18px;
}

#drop a.country-canada{
        background-image:url(/PublishingImages/flag-en-off.gif);
        background-repeat: no-repeat;
        background-position: left 3px;
        padding-left: 18px;
        color:#000;
        font-weight: bold;
        font-size: 1.1em;
        line-height: 2.0em;
}

#drop a.country-canada:hover{
        background-image:url(/PublishingImages/flag-en.gif);
        background-repeat: no-repeat;
        background-position: left 3px;
        padding-left: 18px;
}


/* ======================== $__pagination: ===================================*/ 

#wrapper .pagination{
	font-size:0.95em;
	line-height:1.5em;
}
	#wrapper .pagination a{
		width:18px;
		height:18px;
		display:block;
		float:left;
		text-align:center;
		color:#e71078 !important;
		margin:0 1px;
		line-height: 18px;
	}

		#wrapper .pagination a:hover{
			text-decoration:underline;
		}

	#wrapper .pagination a.previous{
		background:url(/PublishingImages/pagination-previous.gif) no-repeat top;
		text-indent:-9999px;
	}
		#wrapper .pagination a.previous:hover{
			background-position:bottom;
		}

	#wrapper .pagination a.next{
		background:url(/PublishingImages/pagination-next.gif) no-repeat top;
		text-indent:-9999px;
	}
		#wrapper .pagination a.next:hover{
			background-position:bottom;
		}
		
	#wrapper .pagination a.selected, .pagination a.selected:hover{
		background-color:#000;
		color:#fff !important;
		text-decoration:none;
	}

/* ======================== $__headings: ===================================*/ 

/* Article page headline */
#wrapper h1, #footer h1{
	font-size:32px;
	line-height: 1.4em;
	color:#000;
}
/* Homepage HED for How-to & Expert Advice Modules */
#wrapper h2, #footer h2{
	font-size:2em;
	line-height: 1.0em;	
	color:#000;
}
 /* Large label */
#wrapper h3, #footer h3{
	float:left;
	margin-left:-4px;
	font-size: 20px; /* 1.6em; */
	position:relative;
}
	#wrapper h3 span.text{	
		color:#fff;
		background-color:#000;
		display:block;
		text-transform:uppercase;
		padding:1px 18px 1px 18px;
	}	
	#wrapper h3 span.graphic{
		display:block;
		background:url(/PublishingImages/h3-img.gif) no-repeat;
		height:5px; 
		width:5px;
	}
	
	#wrapper h3 span.text i
	{
		text-transform: lowercase;
		font-style:normal;
	}
	#wrapper h3 span.text2{	
		color:#fff;
		background-color:#000;
		display:block;
		text-transform:uppercase;
		padding:1px 18px 1px 18px;
	}
	#wrapper h3 span.graphic2{
		display:block;
		background:url(/PublishingImages/h3-img.gif) no-repeat;
		height:5px; 
		width:5px;
		margin-left:5px;
		
	}

#wrapper h3.basic_header
{
	float: none;
	position: static;
	margin-left: 0;
}
	
	
	#wrapper h6.h7 span.text1{	 
		color:#fff;
		background-color:#000;
		display:block;
		text-transform:uppercase;
		padding:2px 12px 2px 18px;
		font-size: 10px;
	}
	#wrapper h6.h7 span.graphic1{
		display:block;
		background:url(/PublishingImages/h3-img.gif) no-repeat;
		height:8px; 
		width:8px;
	}
/* HED in feature content modules on the homepage only when there is a DEK. Also sub headline in article pages. */
#wrapper h4, #footer h4 {
	font-size:18px; /*1.5em !important;*/ 
	font-weight:bold;
	line-height: 1.1em;
	color:#000;
}
/* HED in feature content modules on all pages except the homepage, where it’s the HED if there is no DEK */
#wrapper h5, #footer h5, #wrapper .thum_big h5 span {
	font-size:14px; /* 1.2em !important; */
	font-weight: bold;
	line-height: 1.3em;
	font-weight:bold;
	color:#000;
}
/* DEK in feature content modules & category callouts */
#wrapper h6, #footer h6, #wrapper .thum_big h6 span, #wrapper .ht-section-index-grid h6 a {
	font-size: 12px; /* 1.1em !important; */
	line-height: 1.3em;
	font-weight:bold;
	color:#000;
}
/* Small label */
#wrapper h6.h7{				
	float:left;
	margin-left:-4px;
	font-size:0.9em !important;
	line-height:1.5em;
	position:relative;
}
	#wrapper h6.h7 span.text{	 
		color:#fff;
		background-color:#000;
		display:block;
		font-size:10px;
		text-transform:uppercase;
		padding:0px 18px 0px 18px;
	}
	#wrapper h6.h7 span.graphic{
		display:block;
		background:url(/PublishingImages/h3-img.gif) no-repeat;
		height:5px; 
		width:5px;
	}
	
/* get rid of extraneous SharePoint inserted spacing */
#wrapper .ms-PartSpacingVertical
{
    margin-top: 0 !important;
}	

/* ======================== $__colors: =====================================*/ 

#wrapper .black		{color:#000000;}
#wrapper .dark-grey	{color:#666666;}
#wrapper .light-grey	{color:#e6e6e6;}
#wrapper .dark-pink	{color:#e71078;}
#wrapper .light-pink	{color:#ff007b;}
#wrapper .blue		{color:#5098cb;}
#wrapper .green		{color:#53c159;}


/* ======================== $__layout: =======================================*/

#wrapper{
	width:100%;
	height:100%;
}

#wrapper .main-container, #footer .main-container{
	width:982px; /*985px;*/
	margin:0 auto;
	overflow: hidden;
	/*padding-left:3px;*/
}

#wrapper .main-body{
	border:1px solid #dadada;
	background-color:#fff;
	width:980px;
}


#main{
	background-color:#e6e6e6;
	padding-bottom:19px;
}

#wrapper .main-inner-container
{
	width:980px; /* 982px; */
	margin:0 auto;
	overflow: hidden;
	background-image: url(/PublishingImages/line_shadow_tail.gif);
	background-repeat: no-repeat;
	background-position: 726px 100%;
}

#wrapper .left-pane
{
	width: 726px; 
	float: left; 
	margin-right:6px;
	padding-bottom:10px;
}

#wrapper .right-pane
{
	width: 244px; 
	float: left;
}

#wrapper .top-section
{
	width: 982px;	
	margin: 0 auto; /* 0 auto 8px auto; */
	overflow: hidden;
	clear: both;	
}

#wrapper .top-section-content
{
	padding-bottom: 8px;
}


#wrapper .row1{clear:both;}
#wrapper .row2{clear:both;}
#wrapper .row3{clear:both;}


#wrapper .left-pane-row
{
        clear: both;
}

#wrapper .left-pane-col
{
        float: left;
        width: 50%;
}
#wrapper .article-header
{
        margin-bottom: 0;
}

#wrapper .article-content
{
        margin-top: 0;
}

/* ======================== $__header: =======================================*/

#header{
	height:127px;
	background-color:#fff;
}

#logo{
	padding:31px 0 0 11px;
	float:left;
}

#wrapper .header-flag
{
    width: 16px;
    height: 11px;
}


#header-image{
	float:left;
}

#header-nav{

	position: absolute;
	right: 10px;
	/*
	margin-right:10px;
	float:right;
	*/
}
	#header-nav ul{
		margin-top:10px;
		float:right
	}

	#header-nav ul li{
		float:left;
		list-style-type:none;
		font-size:0.8em;
		color:#000;
		margin-left:3px;
	}
	
	#header-nav ul li i
	{
		font-weight: bold;
	}
	#header-nav ul li a{
		margin-left: 7px;
	}
	#header-nav ul li a.icon{
		margin-left: 3px;
	}

/*
#wrapper .header-login{
	border:1px dashed #000;
	float:right;
	padding:10px;
	margin-top:7px;
}
*/

	#wrapper #header-nav .customer-info{
	
		
		border:1px dashed #000;
		padding: 10px;
		margin-top: 7px;
		
		float:right; /*left;*/
		text-align:right;
		margin-right:7px; /*10px;*/
	}
		#wrapper #header-nav .customer-info p{
			margin-bottom:2px;
			text-align:right;
		}
		
		#wrapper .customer-info-section
		{
			float: left;
			text-align: right;
		}
		
		#wrapper .cis-welcome
		{
			color: #333;
			font-size: 1.05em;
			font-weight: bold;
			text-align: right;
		}
		
		#wrapper .cis-welcome-logged-out
		{
			color: #000000;
			font-size: 1em;
			font-weight: bold;
		}
		
		#wrapper .cis-item
		{
			display: inline;
			color: #333333;
		}
		
		#wrapper .cis-image
		{
			margin-left: 10px;
		}
		
		#wrapper .cis-padding
		{
			color: #333;
			padding: 10px;
		}
		
		#wrapper #header-nav .customer-info .welcome{
			font-size:1.05em;
			font-weight:bold;
			color:#333;
		}
		
		#wrapper #header-nav .customer-info .welcome-logged-out{
			font-size:1em;
			font-weight:bold;
			color:#000;
		}
		
		#wrapper #header-nav .customer-info a{
			font-size:0.9em;
			color:#e71078;
		}
		#wrapper #header-nav .customer-info a:hover{
			text-decoration:underline
		}
		#wrapper #header-nav .customer-info .logout a{
			font-size:0.9em;
			color:#666;
		}

		#wrapper .cis-item a.logout
		{
			font-size: 0.9em;
			color: #666;
			display: block;
			margin-top: 2px;
		}
		
		#wrapper .cis-item a.login-link
		{
			color:#e71078;
			background:url(/PublishingImages/primary-link-img.gif) no-repeat right 6px;
			padding-right:8px;
			margin-left: 5px;
			font-size:1em;
			font-weight: bold;
		}
			#wrapper .cis-item a.login-link:hover
			{
				border-bottom:1px solid #e71078;
			}
			
	#wrapper #header-nav img{
		float:left;
	}

/* ======================== $__navigation: =======================================*/

#navigation{
	height:44px;
	background:url(/PublishingImages/nav-bg.jpg) repeat-x #e6e6e6;
}

	#navigation ul{
	}

		#navigation ul li{
			list-style-type:none;
			float:left;
		}
			#navigation ul li a{
				color:#fff;
				line-height:35px;
				display:block;
				text-indent:-9999px;
				background-repeat:no-repeat;
				background-position:top;
			}
			
				#navigation ul li a.home{
					background-image:url(/PublishingImages/nav-home.gif);			
					width:61px;
				}
				
				#navigation ul li a.how-to{
					background-image:url(/PublishingImages/nav-howto.gif);			
					width:78px;
				}	
					
				#navigation ul li a.expert-advice{
					background-image:url(/PublishingImages/nav-expertadvice.gif);			
					width:125px;
				}
					
				#navigation ul li a.style-buzz{
					background-image:url(/PublishingImages/nav-stylebuzz.gif);			
					width:99px;
				}
									
				#navigation ul li a.the-goods{
					background-image:url(/PublishingImages/nav-goods.gif);			
					width:100px;
				}
					
				#navigation ul li a.offers-contests{
					background-image:url(/PublishingImages/nav-offerscontests.gif);			
					width:159px;
				}
		#navigation ul li a.offers-contests:hover, 
		#navigation ul li a.the-goods:hover,
		#navigation ul li a.style-buzz:hover,
		#navigation ul li a.expert-advice:hover,
		#navigation ul li a.how-to:hover,
		#navigation ul li a.home:hover{
			background-position:0px -35px;
		}
		
		#navigation ul li.focus a.offers-contests, 
		#navigation ul li.focus a.the-goods,
		#navigation ul li.focus a.style-buzz,
		#navigation ul li.focus a.expert-advice,
		#navigation ul li.focus a.how-to,
		#navigation ul li.focus a.home{
			background-position:0px -70px;
			line-height:41px;
		}


/* French navigation classes */

#navigation ul li a.cf_home { background-image: url(/PublishingImages/cf_nav_home.gif); width: 73px; }
#navigation ul li a.cf_howto { background-image: url(/PublishingImages/cf_nav_howto.gif); width: 149px; }
#navigation ul li a.cf_expertadvice { background-image: url(/PublishingImages/cf_nav_expert_advice.gif); width: 155px; }
#navigation ul li a.cf_stylebuzz { background-image: url(/PublishingImages/cf_nav_style_buzz.gif); width: 96px; }
#navigation ul li a.cf_thegoods { background-image: url(/PublishingImages/cf_nav_the_goods.gif); width: 88px; }
#navigation ul li a.cf_offercontest { background-image: url(/PublishingImages/cf_nav_offer_contest.gif); width: 167px; }

#navigation ul li a.cf_home:hover, #navigation ul li a.cf_howto:hover, #navigation ul li a.cf_expertadvice:hover, #navigation ul li a.cf_stylebuzz:hover, #navigation ul li a.cf_thegoods:hover, #navigation ul li a.cf_offercontest:hover
{
	background-position: 0 -35px;
}

#navigation ul li.focus a.cf_home, #navigation ul li.focus a.cf_howto, #navigation ul li.focus a.cf_expertadvice, #navigation ul li.focus a.cf_stylebuzz, #navigation ul li.focus a.cf_thegoods, #navigation ul li.focus a.cf_offercontest
{
	background-position: 0 -70px;
	line-height: 41px;
}
			
	#Dvsearch{
		margin-top:7px;
		margin-right:10px;
		float:right;
		
	}
		#Dvsearch input.btn{
			background:url(/PublishingImages/search-btn.gif) no-repeat 0 0;
			width:21px;
			height:20px;
			text-indent:-9999px;
			border:none;
			float:left;
			cursor:pointer;   
		}
			#Dvsearch input.text{
			background:#fff;
			border:#dadada  1px solid;
			float:left;
			color:#666666;
			width:180px;
			padding-left:8px;
			border-right:none;
			height:16px;
			font-style:italic;
		}
		
		#Dvsearch label
		{ 
		float: left;
		margin-right: 5px;
		}

#tabSearch{
		margin-top:7px;
		margin-right:10px;
		float:right;
		
	}
		#tabSearch input.btn{
			background:url(/PublishingImages/search-btn.gif) no-repeat 0 0;
			width:21px;
			height:20px;
			text-indent:-9999px;
			border:none;
			float:left;
			cursor:pointer;   
		}
			#tabSearch input.text{
			background:#fff;
			border:#dadada  1px solid;
			float:left;
			color:#666666;
			width:180px;
			padding-left:8px;
			border-right:none;
			height:16px;
			font-style:italic;
		}
		
		#tabSearch label
		{ 
		float: left;
		margin-right: 5px;
		}
/* ======================== $__footer: =====================================*/ 
#footer{
	background-color:#fff;
	padding:20px 0 50px 0;
	font-size:1em;
	line-height:1.5em
}

	#footer ul{
		clear:both;
		margin-left:10px;
	}
	
	#footer ul li{
		float:left;
		color:#666;
		margin-right:5px;
	}
		#footer ul li.title{
			padding-right:10px;
		}
		#footer ul li a{
			font-weight:bold;
		}
		#footer ul.level2 li a{
			font-weight:normal;
		}
	#footer p{
		display:block;
		clear:both;
		margin-left:10px;
		width:720px;
	}
		
		
#wrapper .hrzntlin,
#footer .hrzntlin
{
	height:10px;
	background:url(/PublishingImages/hr.gif) repeat-x;
	float:none;
	clear:both;
	margin:5px 0;
}

#footer a:hover{
				text-decoration:underline;
}

#footer .main-container table { width: 100%; }

/* ======================== $__generic: =====================================*/

#wrapper .fl{
	float:left;
}

#wrapper .fr{
	float:right;
}

#wrapper .cb{
	clear:both;
}

#wrapper .spacer{
	clear:both;
	line-height:0;
	font-size:0;
}

#wrapper .rtmar8{
	margin-right:8px;
}

#wrapper .btmar8{
	margin-bottom:8px;
}
#wrapper .ltmar4
{
	margin-left: 0px;
	
}

#wrapper .rtmar6{
	margin-right:6px;
	
}

#wrapper .spacer36{
	clear:both;
	line-height:36px;
	height: 36px;
	font-size:36px;
}

#wrapper .spacer60{
	clear:both;
	line-height:80px;
	height: 80px;
	font-size:80px;
}
#wrapper .nobdr
{
	border: 0px !important;
}

#wrapper .paddingbtm20
{
	padding-bottom: 20px;
}
#wrapper .paddingtop20
{
padding-top: 20px;
}

#wrapper .nobg
{
	background: none;
}

#wrapper p.capital:first-letter{
	font-size:30px;
	color:#5298ca;
	font-weight: bold;
}
/* ======================== $__home page: =====================================*/

#wrapper .home-right-col{width: 320px;float: left;position:relative;z-index:502;}

#wrapper .hp-flash{
	border:1px solid #dadada;
	height: 410px; /* 412px; */
	background-color:#fff;
	width: 980px; /* 982px; */
	
	position: relative;
	overflow: hidden;
}

#wrapper .hp-flash div
{
    left:-1px;
    top:-1px;
    position:absolute;
}

#wrapper .hp-component{
	border:1px solid #dadada;
	background-color:#fff;
	width:320px;
	float:left;
}

#wrapper .hp-expert, .hp-howto{
	background:url(/PublishingImages/hp-expert-bg.gif) no-repeat #fff;
	height: 385px;
	*height: 385px;
	position: relative;
}

#wrapper .hp-expert
{
    position: static;
}

#wrapper .hp-expert h3
{
	margin-left: -4px;
	*margin-left: -18px;
	position:absolute;
	
}


#wrapper .hp-expert .comp-content{
	margin: 35px 10px 10px 15px;
	_clear: both;
	height: 340px;
	position: relative;
}


#wrapper .hp-expert .comp-content h6
{
	text-transform: uppercase;
}

#wrapper .hp-expert a.read
{
	margin-top: 10px;
	margin-left:-15px; 
	position:relative;		
}

#wrapper .hp-expert .comp-content .hp-expert-block
{
	margin-top: 10px;		
}
#wrapper .hp-expert .comp-content .hp-expert-block img.expert{
	border:5px solid #fff;
	float:left;
}

#wrapper .hp-expert .comp-content .hp-expert-block div{
	margin-left:10px;
	float:left;
	width: 180px;
}
#wrapper .hp-expert .comp-content .hp-expert-block div p span,
#wrapper .hp-expert .comp-content .hp-expert-block div p{
	display:block;	
	color:#000;	
}
#wrapper .hp-expert .comp-content .hp-expert-block-btm img.expert{
	/* border:5px solid #fff; */
	float:left;
}

#wrapper .hp-expert .comp-content .hp-expert-block-btm div{
	margin-left:10px;
	float:left;
	width: 180px;
}
#wrapper .hp-expert .comp-content .hp-expert-block-btm div p span,
#wrapper .hp-expert .comp-content .hp-expert-block-btm div p{
	display:block;	
	color:#000;	
}
#wrapper .hp-expert a.btm
{
	margin-top: 5px;
	background-position:  74% 90% ;
	width: 160px;	
}

#wrapper .hp-howto .comp-content{
	margin-left:15px;
	margin-right: 0px;
	margin-bottom: 10px;
	clear:both;
	display:block;
	
}

#wrapper .hp-howto .comp-content h2
{
	padding-top: 0; /* 17px; */		
}
#wrapper .hp-howto a.read
{
	margin-top: 10px;
	margin-left:-15px; 
	position:relative;
		
}

#wrapper .hp-howto .comp-content .hp-expert-block
{
	margin-top: 10px;		
}
#wrapper .hp-howto .comp-content .hp-expert-block img.expert{	
	float:left;
	margin-left: -10px;	
}

#wrapper .hp-howto .comp-content .hp-expert-block div{
	margin-left:10px;
	float:left;
	width: 180px;
}
#wrapper .hp-howto .comp-content .hp-expert-block div p span,
#wrapper .hp-howto .comp-content .hp-expert-block div p{
	display:block;
	color:#000;
}


/*.hp-howto .hp-expert-block-btm
{
	margin-top: 67px;	
	*margin-top: 44px;	
}*/
#wrapper .hp-howto .hp-expert-block-btm img.expert{	
	float:left;
	margin-left: -10px;	
}

#wrapper .hp-howto .hp-expert-block-btm div{
	margin-left:10px;
	float:left;
	width: 201px;
}
#wrapper .hp-howto .hp-expert-block-btm div p span,
#wrapper .hp-howto .hp-expert-block-btm div p{
	display:block;
	color:#000;
}
#wrapper .hp-howto a.btm
{
	margin-top: 5px;	
	background-position:  88% 90% ;
	width: 200px;	
}
#wrapper .hp-expert-block-btm
{
	bottom: 10px;left:20px;
	position:absolute;
	vertical-align: top;
}
#wrapper .hp-expert .hp-expert-block-btm { bottom: 0; left: 0; }
#wrapper .right-callout
{
	width: 320px;
	float: left;
}
#wrapper .hp-goods
{
	height: 185px;
}
#wrapper .hp-goods .comp-content{
	margin-left:15px;
	margin-right: 0px;
	margin-bottom: 10px;
	clear:both;
}

#wrapper .hp-goods h5
{
	width:  140px;
}

#wrapper .hp-goods .comp-content img
{
	margin-top: -5px;	
}

#wrapper .hp-beauty-insider{
	background:url(/PublishingImages/hp-beauty-image.jpg) no-repeat #fff;
	height: 190px;
}
#wrapper .hp-beauty-insider .comp-content
{
	
	width: 170px;
	margin-left: 8px;
	margin-left:15px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-top: 15px;
	clear:both;	
	
}

#wrapper .hp-style-buzz .comp-content 
{	height:140px;
	margin-left:5px;
	margin-right: 10px;
	
	margin-top: 20px;
	clear:both;
	display:block;
}


#wrapper .hp-style-buzz .h7
{
	margin-left: -4px;
	position: absolute;}

#wrapper .hp-style-buzz .comp-content img.style
{
	float: left;
	margin-top: -15px;*margin-top:5px;	
	margin-bottom: 5px;		
	margin-right: 10px;
}

#wrapper .hp-offer{
	background:url(/PublishingImages/steals-deals.jpg) no-repeat #fff;
	height: 160px;
	margin-left: 8px;	
}

#wrapper .hp-offer .comp-content 
{
	margin-left:5px;
	margin-right: 10px;
	margin-bottom: 10px;
	clear:both;
	display:block;	
	width: 144px;
	padding: 10px;
}
#wrapper .hp-style-buzz .comp-content h4, .hp-offer .comp-content h4
{
	line-height: 1.7em;
}
#wrapper .hp-contest{
	background:url(/PublishingImages/contest.jpg) no-repeat #fff;	
	height: 160px;
	margin-left: 8px;	
}
#wrapper .hp-contest .comp-content 
{
	margin-left:5px;
	margin-right: 10px;
	margin-bottom: 0px;
	clear:both;
	display:block;	
	width: 120px;
	padding: 0px 10px;	
}
#wrapper .ht-section-header{
	width:980px; 
	height:235px;
	border:1px solid #c6c6c6; 
	background-color:#fff;	
}

#wrapper .article-item{
	width:320px; height:162px; 
	background:#fff; 
	float:left; 
	border:1px solid #dadada;
	margin:5px 8px 0px 0px; /* 5px 6px 0px 1px;	*/
	}
#wrapper .article-item img{
	float:left; 
	margin:6px 5px 0px 5px; 
	padding:0px;
	}
#wrapper .article-item div
{
	/* float: left; */
	width: 155px; /* 150px; */
}
#wrapper .article-item-copy
{
	float: left;
	margin-left: 5px;
	width: 150px;
}
#wrapper .article-item h6{
	padding:10px 0px 3px 0px;
	text-transform:uppercase;
	font-size: 12px;
	font-weight: bold;
	}
#wrapper .article-item p{
	padding:0px 3px 0px 0px;
	}
#wrapper .marginr0
{
	margin-right: 0px;
}
#wrapper .marginb3
{
    margin-bottom: 3px;
}
#wrapper .ht-section-index{
	width:982px; 
	background:#fff; 
	border:1px solid #dadada; 
	clear:both; 
	overflow: hidden;	
	}
#wrapper .ht-section-index-left{
	clear: both;
	}
	
#wrapper .ht-section-index-left h3 { margin-top: -5px; }

#wrapper .exall-section-index-left{
	clear: both;
	margin-top: 0px;
	}
#wrapper .exall-section-index-left .ht-section-indbar
{
	padding-top: 0px;
	margin-top: 0px;
}

#wrapper .left-pane h3
{
	margin-left: -5px; 	
	position: absolute;
}

#wrapper .left-pane .text
{
    font-size: 20px;
}

#wrapper .ht-section-index-right{
	float:left; 	
	}
#wrapper .ht-section-index-right .h7{	
	width: 260px;
	margin-left:-4px;	
}
#wrapper .ht-section-index-right img
{
	margin: 0px 0 0 7px;	
}
#wrapper .ht-section-indbar{
	background-color:#e6e6e6; 
	width:711px; /*705px;*/
	height:50px;	
	border:1px solid #dadada;	
	margin: 5px 5px 5px 5px;	
	text-align: right;
	padding: 5px 5px 0 0;
}

#wrapper .ht-section-index-left .ht-section-indbar
{
    height: 72px;
}

#wrapper .ht-section-indbar2{
	background-color:#f0f0f0; 
	width:710px;
	border-top:1px solid #dadada;
	border-right:1px solid #dadada;	
	padding: 7px 0 7px 5px;
	overflow: hidden;
	clear: both;	
}

#wrapper .ht-section-indbar select
{
	width: 120px;
	font-size: 12px;
	margin-left: 7px;
}
#wrapper .ht-section-indbar2 .pagination
{
	margin-top: 3px;
	margin-left: 0px;
	float: left;
}
#wrapper .ht-section-indbar2 #Dvsearch
{
	float: right;	
	margin-top: 3px;
}
#wrapper .ht-section-indbar2 #Dvsearch label
{
	line-height: 20px;
}
#wrapper .ht-section-index-grid
{
	border-bottom: 1px solid #E0E0E0;
	margin: 0 0 0 5px;
	padding: 11px 100px 12px 5px;
	overflow: auto;
	font-size: 12px;
}
#wrapper .ht-section-index-grid h6 span{
	font-style:italic; 	 
	padding:0px 0px 0px 5px;
	}
#wrapper .ht-section-index-grid span img
{
	float: left;
	padding: 0 10px 0 0;
}
#wrapper .ht-section-index-grid a img { padding-top: 3px; }

#wrapper .ht-section-indbar p{ text-align:right; padding:5px 5px 0px 0px; font-weight:bold; color:#000; font-size: 12px; }

#wrapper .srch-stats
{
    position: relative;
    background: none transparent;
}

#wrapper .ht-section-index-left .srch-stats
{
    display: none;
    position: relative;
}

#wrapper .ht-section-index-left .srch-stats .srch-stats
{
    background: none transparent;
    display: block;
    font-size: 12px;
    font-weight: normal; /* bold */
    left: 14px;
    position: absolute;
    top: -54px;
}

#wrapper .basictab ul {
		padding: 0px 0px 0px 0px;	
		list-style-type: none;
		text-align: left; /*set to left, center, or right to align the menu as desired*/
		margin-top: -31px;
		margin-left: 10px;
	}	
	#wrapper .basictab li{
		display: inline;
		margin: 0;
	}
	#wrapper .basictab li a{
		text-decoration: none;	
		margin-right: 1px;			
		color: #666;
		border:0px solid red;
		font-weight: bold;
		text-transform: uppercase;
		width: 140px;		
		text-align: center;
		font-size: .9em;	
		line-height: 25px;
		display: inline-block;	
	}
	
	#wrapper .basictab li a.current{
		color: #999;
		border-top: 1px solid #dadada;
		border-left: 1px solid #dadada;
		border-right: 1px solid #dadada;
		background-color: #fff;		
		margin-right: 1px;	
		width: 140px;			
	}
	
	
#wrapper .basictab-srch ul {
		padding: 0px 0px 0px 0px;	
		list-style-type: none;
		text-align: left; /*set to left, center, or right to align the menu as desired*/
		margin-top: -31px;
		margin-left: 10px;
	}	
	#wrapper .basictab-srch li{
		display: inline;
		margin: 0;
	}
	#wrapper .basictab-srch li a{
		text-decoration: none;	
		margin-right: 1px;			
		color: #666;
		border:0px solid red;
		font-weight: bold;
		text-transform: uppercase;
		width: 137px;		
		text-align: center;
		font-size: 10px;	
		line-height: 25px;
		display: inline-block;	
	}
	
	#wrapper .basictab-srch li a.current{
		color: #999;
		border-top: 1px solid #dadada;
		border-left: 1px solid #dadada;
		border-right: 1px solid #dadada;
		background-color: #fff;		
		margin-right: 1px;	
		width: 137px;			
	}
	
	#wrapper .tabcontent{
		display:none;
		clear:both;	
		/*min-height: 310px;*/
		height: auto !important;	
		/*_height: 310px;*/
		}

#wrapper .tabbody {
		border:0px solid red;
		color:#666;
		margin:6px 0px 0px 4px;		
		padding:5px 0px 0px 0px;	
		overflow: hidden;
}
#wrapper .comment{
	float:right;
	margin:-30px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	}

#wrapper .comment ul li
{
	float: left;
	line-height: 16px;	
}

#wrapper .comment ul li img
{
	padding:0;
	margin:0;
}
#wrapper .comment ul li p
{
	margin: 0px 3px;
}

#wrapper .ea-articleModel{
	height:200px;
	width:100px;
	float:left;
}
/*
#wrapper .ea-articleInfoLt{
	background-image:url(/PublishingImages/artInfoLtbg.gif);
	height:190px; background-repeat:no-repeat;
	background-position:left top;
	margin:10px 0px 20px 110px;
	width:580px;
}

#wrapper .ea-articleInfoLt div
{
	margin-left: 15px;
	background-color:#dceaf4;
	width: 96%;	
	background-image:url(/PublishingImages/artInfoRtbg.gif);
	background-position:right top;
	background-repeat:no-repeat; height:170px;
	padding: 10px;
}
*/
.ea-articleInfoLt{
 background-image:url(/PublishingImages/artInfoLtarrow.gif);
 height:auto; background-repeat:no-repeat;
 background-position:left top;
 margin:10px 0px 0px 110px;
 width:580px;
 padding-bottom:10px;
}
.ea-articleInfoLt div
{
 margin-left: 9px;
 background-color:#dceaf4;
 width: 96%; 
 background-image:url(/PublishingImages/artInfoTop.gif);
 background-position:right top;
 background-repeat:no-repeat; height:auto;
 padding: 10px;
}

#wrapper .ea-articleInfoLt p{
	padding:0px 20px 0px 5px;
	line-height:1.5em;
	}

#wrapper .ea-article .socMdia{
	float:right;
	display:block;
	}
	
	


/*the goods css*/
#wrapper .tg-goodsRight{
	float:left;
	width:251px;
	margin:0px 0px 0px 0px;	
	}
#wrapper .tg-goodsRight .h7{
	width:264px;
	position:absolute;
	top:585px;	
	margin:0 0 0 -10px;
	}
	
#wrapper .tg-goodspane{
	position:relative; 
	height:300px;
	}
#wrapper .tg-goodspane a{
	margin:10px 0px 0px 10px;
}
	
#wrapper .tg-goodspane2{
	position:relative; height:280px;
	}
#wrapper .tg-goodspane2 a{
	position:absolute; 
	bottom:-15px;	
	left:15px;
}
#wrapper .tg-goodsRight img{
	padding:20px 0px 0px 5px;
	margin:0px;
}
#wrapper .tg-goods-item{
	width:320px; height:162px; 
	background:#fff; 
	float:left; 
	border:1px solid #dadada;
	margin: 8px 8px 8px 0; /* 5px 6px 8px 1px; */	
	}
	
#wrapper .tg-goods-item img{
	float:left; 
	margin:10px 0px 10px 30px; 
	padding:0px;
	}
#wrapper .tg-goods-item div
{
	float: left;
	margin:0px 0px 0px 15px;
}
#wrapper .tg-goods-item h6{
	padding:35px 0px 3px 0px;
	text-transform:uppercase;
	}

#wrapper .marginr0
{
	margin-right: 0px;
}
#wrapper .tg-goodsAll{
	width:100%;
	border:1px solid #dadada; 
	background-color:#FFF; 
	overflow: hidden;
	clear:both;
	padding-bottom: 20px;
	}
#wrapper .tg-goodsAll h5 { margin-left: 8px; }
#wrapper .tg-goodsAll h6{
	margin: -20px 0px 0px -10px; /* 0px 0px 0px -5px; */
	position:absolute;	
	}
#wrapper .tg-goodsAll a.primary-link-view { float: none; }
#wrapper .tg-goodsAllcont{
	width:240px; border-right:1px solid #dadada;
	margin:20px 5px 0px 5px;
	float:left	
	}
#wrapper .tg-goodsAllcont img{margin:0px 0px 0px 35px;}	
#wrapper .tg-goodsAllcontrt img{margin:0px 0px 0px 10px;}	
#wrapper .tg-goodsAllcontrt{
	width:200px; border-right:0px solid #dadada;
	margin:20px 0px 0px 5px;
	float:left;
	}

#wrapper .tg-goodstrdColm{
	width:100%;
	border:1px solid #dadada; 
	overflow: hidden;
	clear:both;
	margin:10px 0px 0px 0px;
	}
#wrapper .tg-goodstrdBrands{width:100%;}
#wrapper .tg-goodstrdBrands h6 {
	margin:-20px 0px 0px -8px; 
	z-index:1000;
	position:absolute;
	}
#wrapper .tg-goodstrdfstColm{
	width:486px; height: 122px; overflow: hidden;
	background-color:#FFF;  
	border:1px solid #dadada; 
	margin: 8px 6px 0 0; /* 10px 6px 0px 0px; */
	padding:20px 0px 10px 3px;	
	float:left;}
/* #wrapper .tg-goodstrdfstColm li, #wrapper .tg-goodstrdfstColm a */
#wrapper .tg-goodstrdfstColm li
{
	margin: 5px 0 5px 3px; /* 5px 0 0px 0; */
	line-height:19px;
}
#wrapper .tg-goodstrdfstColm li:first-child
{
	margin-top: 1px;
}
#wrapper .tg-goodstrdfstColm a.primary-link-view
{
	float: none;
}
	
#wrapper .tg-goodstrdndColm{
	width:480px; height: 132px;
	overflow: hidden;
	background-color:#FFF;  
	border:1px solid #dadada; 
	margin: 8px 0 0 0; /* 10px 0px 0px 0px; */
	padding:20px 0px 0px 3px;
	float:left;
	}
	#wrapper .tg-goodstrdndColm .h7{
	margin:-20px 0px 0px -7px;
	position: absolute;
	}
/* #wrapper .tg-goodstrdndColm li, #wrapper .tg-goodstrdndColm a */
#wrapper .tg-goodstrdndColm li
{
	margin: 0 0 5px 0; /* 0 0 7px 0; */
}
#wrapper .tg-goodstrdndColm li:first-child
{
	margin-top: 2px;
}

#wrapper .tg-goodstrdndColm div{
	width:236px; 
	float:left;
	margin:0px 0px 0px 3px;
	}
	
/* chrome hack for positioning link lists on the goods landing */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#wrapper .tg-goodstrdfstColm ul, #wrapper .tg-goodstrdndColm ul
	{
		margin-top: -12px;
	}
}


/* NA_Rouge_Expert_All_4.8 */
#wrapper .meet_the_experts{
	width:690px;
	margin-top: 25px;
}

#wrapper .meet_the_experts .h7
{
	margin-left: -5px;
	position: absolute;
}

#wrapper .experts_details{
	float:left;
	width:166px;
	height:211px;
	margin-left:5px;
	margin-top:5px;
	padding-top: 20px;
}
#wrapper .margin_exp{
	margin-top:0px;
}
#wrapper .experts_details img
{
	padding-left:10px;
	margin-bottom: 5px;
}

#wrapper .experts_details a
{
	width: 139px;
}

#wrapper .ea-leftpane
{
	float: left;	
	width: 732px;		
}


/* image-viewer styles */

#wrapper .image-viewer{width: 720px; height:238px; border: 1px solid #dadada; background-color: #fff; position: relative;}
#wrapper .image-viewer h1{margin: 20px 0 0 20px;}

#wrapper .image-viewer img { display: block; }
#wrapper .image-viewer .thum_img, #wrapper .image-viewer .thum_big { display: inline; }

#wrapper .thum_img {
    float: left;
}

#wrapper .thum_big {
    height:238px;
    float: left;
    position: relative;
}

#wrapper .thum_big, #wrapper .thum_img { margin-top: 10px; }

#wrapper .thum_big img {
    margin: 0 34px 0 20px;
}
#wrapper .thum_big h6 {
background-color:#E71078;
color:#FFFFFF;
float:left;
left:20px;
padding:1px 2px;
position:absolute;
text-transform:uppercase;
top:107px;
z-index:70;
}
#wrapper .thum_big h5 {
background-color:#000000;
color:#FFFFFF;
float:left;
left:20px;
padding:3px 0;
position:absolute;
text-align:center;
text-transform:uppercase;
top:125px;
width:150px;
z-index:70;
}

#wrapper .thum_big h6 span, #wrapper .thum_big h5 span { color: #FFF; }

#wrapper .thum_img h5
{
	padding-left: 13px;
	background: url(/PublishingImages/arrowDown.gif) no-repeat 0px 5px;
}

#wrapper .thum_big p {
left:206px;
position:absolute;
top:120px;
width:503px;
z-index:50;
}
#wrapper .thum_big p a{float: none;}
#wrapper .thumbImg_photo
{
	border:0 none;
	display:block;
	float:left;
	margin: 2px 8px 0 0;
	height: 75px;
	/*margin:0; padding:0 2px; width:60px;*/
}
/*#wrapper .thumb_current_expert { border: 2px solid #e9127a; }*/

/* end here */

#wrapper .expert-item{
	width:355px; 
	height:162px; 
	background:#fff; 
	float:left; 
	border:1px solid #dadada;
	margin:8px 8px 0px 0px;	
	}
	
#wrapper .expert-item img{
	float:left; 
	margin:6px 5px 0px 5px; 
	padding:0px;
	}
/*
.expert-item div
{
	float: left;
	width: 180px;
}*/
#wrapper .expert-item-copy
{
	float: left;
	width: 180px;
	margin-left:3px;
}
#wrapper .expert-item h6{
	padding:10px 0px 3px 0px;
	text-transform:uppercase;
	}
	
#wrapper .expert-item p{
	padding:0px 3px 0px 0px;
	}

#wrapper .ea-rightpane
{
	float:left;	
	background-color:#fff;
	width: 250px;
	height: 405px;	
	padding-bottom:5px;
}
#wrapper .ea-askexpert{	
	border:1px solid #e0e0e0;
	background-color:#eeeeee;
	width:237px;	
	height:397px;
	margin:5px 5px 10px 5px;
	}	
	
/*.ea-askexpert div
{
	padding: 5px 5px;	
	margin: auto;	
}*/

#wrapper .ea-askexpert select
{
	color: #666666;
	font-style: italic;
	margin: 0 11px 0 10px; /*0 11px 8px 10px;*/
	width: 220px;
}
#wrapper .ea-askexpert p
{
	margin:0px 11px 20px 10px;	
}
#wrapper .ea-askexpert a
{
	margin-bottom: 20px;	
	margin-right: 10px;
	/* float: right; */
}
/*.ea-askexpertTxt{
	height:110px;	
	width:220px; 	
	font-style:italic;
	color:#666666;
	margin:0px 11px 20px 0px;	
	resize: none;
	outline: none;
	}*/
	
#wrapper .ea-askexpertTxt
{
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	color:#666666;
	font-style:italic;
	height:108px;
	margin:0;
	outline:medium none;
	padding:2px 0 0 3px;
	width:216px;
}
#wrapper .ea-askexpertTxtimg
{
	background-image:url("/PublishingImages/askExpmsg.jpg");
	background-repeat:no-repeat;
	margin: 0 11px 4px 10px; /* 0 11px 8px 10px; */
}	

#wrapper .ea-askexpertInput
{
	border: none;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b1b1b1;
	background: #fff url(/PublishingImages/askExpmsg.jpg) no-repeat top left;
	margin: 0px 11px 8px 10px;
	width: 214px;
	padding: 2px 0 0 3px;
	font-style: italic;
	color: #666;
}

#wrapper .ea-askexpert p, #wrapper .ea-askexpert .askAnExpertLeftLinks p { font-size: 12px; font-weight: normal; color: #000; }

#wrapper .ea-askexpert .askAnExpertLeftLinks { float: left; margin-left: 10px; }
#wrapper .ea-askexpert .askAnExpertRightLinks { float: right; }

#wrapper .askAnExpertButton { color: #fff; background: #e71078; padding: 6px 11px; border: 0 transparent; margin: 0; font-size: 12px; text-decoration: none; display: inline-block; line-height: 17px; }

#wrapper .askAnExpertButton:hover { background: #ff007b; text-decoration: none; }
#wrapper a.askAnExpertButton { float: right; }

#wrapper .ea-askexpert .askAnExpertErrorFrame
{
	display: block;
	margin: 2px 10px 6px 10px;
	height: 12px;
}
#wrapper .ea-askexpert .askAnExpertError {}

#wrapper .ea-askexpert div input.primary { margin-right: 10px; margin-top: 3px; }
#wrapper .ea-askexpert div a.primary-link { margin-left: 10px; }

#wrapper .ea-askexpertImg
{
	margin-bottom: 8px;
}

#wrapper .ea-section-index-right{	
	float:left; 	
	padding-bottom: 15px;
	position: relative;
	}

#wrapper .ea-section-index-right h3{
	margin-top: -36px; margin-top: -35px\9; *margin-top: -38px; /*-34px; */ /* -24px; */	
}

#wrapper .ea-section-index-right .ea-picture-frame { position: relative; *margin: 5px 0 0 4px; _margin: 7px 0 0 6px; }
#wrapper .ea-section-index-right .ea-picture-frame h3
{
	margin-top: 0; position: absolute; bottom: -5px; left: 0;
	*position: relative; *bottom: auto; *left: auto; *margin-top: -38px; *margin-left: -4px; _margin-left: -6px; }
}


#wrapper .ea-section-index-right .primary-link
{
	padding-bottom: 5px;
}
#wrapper .ea-section-index-right .h7{	
	position:relative; 
	top:0px;
	z-index:2;
	line-height: 20px;	
	margin-left:-4px;
}
#wrapper .ea-section-index-right p,  .ea-section-index-right a
{
	padding: 3px 10px;
	clear: both;	
}
#wrapper .ea-section-index-right img
{
	margin: 5px 0 0 4px; _margin: 7px 0 0 6px; 	
}
#wrapper .ea-section-index-right ul
{
	list-style-type: none;	
	margin-left: 20px;
	clear: both;
}
#wrapper .ea-section-index-right li
{
	background-image:url(/PublishingImages/Q.gif);
	background-repeat: no-repeat;
	background-position: 10px left;
	padding-left: 30px;
	border-bottom: 1px solid #dadada;
	margin-top: 10px;
	padding-bottom:10px;
}

#wrapper .ea-section-index-right li a.tertiary-link
{
	background-position: 6px left;
}
#wrapper .spacer4{
	clear:both;
	line-height:0;
	font-size:0;
	height:6px;
}

/* Rouge Contest start */
#wrapper .contest_bg{
	width:982px;
	height: 538px; /* 540px; */
	margin-top: -1px;
	margin-left: -1px;
	background-image:url(/PublishingImages/rouge_contest_bg.jpg);
	background-repeat:no-repeat;
	float:left;
}
#wrapper .contest_write_us{
	padding-top:450px;
	padding-left:50px;
	}
	

#wrapper .commonTxt{margin:12px 15px 10px 10px;}
#wrapper .commonTxt p{padding:0px 10px 8px 0px;font-size:12px; }	
#wrapper .commonTxt img{margin:5px 10px 8px 0px;}
#wrapper .commonTxt h4 { font-size: 18px !important; }

/* common component */

#wrapper .cc-social-media{
	 clear: both;	 	 
	}	
#wrapper .cc-social-media .h7 
{ 
	margin-left: -5px; 
	margin-top: 15px;
	position: absolute; 
	z-index: 100000;
}
#wrapper .cc-social-media div.social-network
{
	float: right;
	margin-right: 18px;
	margin-bottom: 5px;
}

#wrapper .cc-articlefield{
	width:690px; 
	height:55px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	background-color:#f2f2f2;
	border-top:2px solid #6c6c6c;
	border-right:1px solid #ababab;	
	border-bottom:1px solid #ababab;
	border-left:1px solid #ababab;
	margin-left: 10px;	
	resize: none;
	}

#wrapper .btn-preview
{
	background-image:url(/PublishingImages/previewcomment.gif);
	background-repeat: no-repeat;
	width: 113px;
	height: 23px;
	border: 0px;
	margin: 10px 0 0 10px;
	cursor: pointer;
}
 
#wrapper .btn-post
{
	background-image:url(/PublishingImages/post.gif);
	background-repeat: no-repeat;
	width: 39px;
	height: 23px;
	border: 0px;
	margin: 10px 0 0 10px;
	cursor: pointer;
}
	
#wrapper .cc-articledtGrid{
	border-top: 1px solid #e1e1e1;	 
	clear:both;
	margin: 10px 15px 10px 10px;
	}

#wrapper .cc-articledtGrid img
{
	margin: 5px;
	float: left;
}

#wrapper .cc-articledtGrid p
{
	margin-top: 5px;
}

/* common component ends here */

#wrapper .cc-aritcleRight{
	margin:0px 0px 10px 0px;	
	}
#wrapper .cc-aritcleRight .h7,
#wrapper .featured-product .h7
{
	width: 259px;
}
#wrapper .cc-aritcleRight h6.align-cener,
#wrapper .featured-product h6.align-cener
{
	margin: 0px 10px 0px 15px;
}

#wrapper .cc-aritcleRight img.rating,
#wrapper .featured-product img.rating
{
	margin: 3px 0 3px 15px;
}
#wrapper .cc-aritcleRight p,
#wrapper .featured-product p
{
	margin: 0px 12px 0px 15px;
}

#wrapper .cc-aritcleRight .dark-pink,
#wrapper .featured-product .dark-pink 
{
	margin: 0px 5px 0px 8px;
}
#wrapper .cc-aritcleRight .dark-pink img,
#wrapper .featured-product .dark-pink img
{
	margin-right: 3px;
}
#wrapper .featured-product
{
	border-bottom:1px solid #E0E0E0;
    margin:0 0 10px 0;
    padding-bottom:10px;
}

#wrapper .featured-product p,
#wrapper .featured-product h6.align-cener
{
	margin: 0px 10px 0px 10px;
}
#wrapper .featured-product img
{
	margin: 0 0 0 10px;
}
#wrapper .featured-product .dark-pink 
{
	margin: 0px 5px 0px 2px;
}

/*
#wrapper .featured-product:first-child
{
	margin: 0;
	border-top: none;
}
*/


#wrapper .bdrtop
{
	border-top: 1px solid #e0e0e0;
	margin-top: 10px;
	font-size: 0px;
	line-height: 0px;
	width: 255px;
}


#wrapper .cc-askexpert{	
	background-color:#efefef;	
	margin: 5px 0px 10px 5px;
	height: auto;	
	overflow: hidden;
	border:1px solid #e0e0e0;
	}
#wrapper .cc-askexpert select
{
	 width: 220px;
	 margin:0px 11px 20px 10px;	
	 font-style:italic;
	 color:#666666;
}
#wrapper .cc-askexpert p{
	margin:0px 11px 20px 10px;	
	}
#wrapper .cc-askexpert a
{	
	margin-bottom: 10px;
	margin-right: 10px;	
	float: right;
}
#wrapper .cc-askexpertTxt{
	height:108px;
	width: 218px;	
	font-style:italic;
	color:#666666;
	margin:0;
	resize: none;
	outline: none;
	border:0;
	padding: 2px 0 0 3px;
	background: transparent;
	}
#wrapper .cc-askexpertTxtimg{
	background-image:url(/PublishingImages/askExpmsg.jpg);
	background-repeat:no-repeat;	
	height:115px;
	width:220px;
	margin:0px 11px 20px 10px;	
	}

#wrapper .cg-callout
{
	margin: 14px 0 34px 6px; /* margin:14px 0 17px 6px; */
	width: 242px;
}

#wrapper .cg-callout p
{
	margin-top: -15px;
	padding:0px 5px 10px 5px;
}

#wrapper .cg-callout a
{
	margin: 0px 0px 3px 5px;
}

#wrapper .w259
{
	width: 254px; /* 260px; */
}

#wrapper .additional-rouge-callout
{
	/*border: 0px solid #e0e0e0;
	width: 242px;
	height: 280px;*/
	margin: 0px 5px 15px 5px; /* 0px 5px 15px 7px; */
}

#wrapper .additional-rouge-callout div{
	z-index:99999;
	position:relative;
	margin: -48px 5px 53px 7px;	/* -48px 5px 70px 7px; */
	border:none;
	}
#wrapper .additional-rouge-callout h1, .additional-rouge-callout h2 
{	
	margin: 0px 10px 0px 10px;
}

#wrapper .additional-rouge-callout a
{
	margin: 10px 10px;
}

#wrapper .beauty-insider-callout
{
	margin:5px 11px 0px 5px; /* 5px 11px 0px 8px; */
}
#wrapper .beauty-insider-callout div{
	position:relative;
	margin: -30px 5px 70px 10px;
	}
#wrapper .resu_txt{
	float:left; 
	margin-left:8px;
	margin-top: -3px;
	}

#wrapper .srch-stats .resu_txt
{
    float: none;
    font-size: 12px;
    left: 14px;
    position: absolute;
    top: -27px;
    margin: 0;
}

#wrapper .ht-section-index-left .srch-stats .resu_txt
{
    float: none;
    margin: 0;
    font-weight: normal; /* bold */
    position: static;
    left: auto;
    top: auto;
}

#wrapper .heightser{
	height:72px;
}
/* Contest Entry start */

#wrapper .contest_entry_bg{
	position:relative;
	margin-top:5px;
	margin-left:5px;
	width:724px;
	height:205px;
	background-image:url(/PublishingImages/contest_entry_bg.jpg);
	background-repeat:no-repeat;
}
#wrapper .negetive_mer{
	margin-left:-9px;
	margin-top:-5px;
}
#wrapper .entry{
	width:680px;
	height:100px; 
	border:0px solid #000;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

#wrapper .entry h2
{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
}

/*MAGAZINE CSS*/

#wrapper .magazine_experts_details{
	float:left;
	width:166px;
	height:280px;
	margin-left:5px;
	margin-top:10px;
	padding-top: 20px;
}
#wrapper .magazine_experts_details img{padding:0px 0px 5px 7px;}
#wrapper .magazine_experts_details p {padding-left:7px;}



#wrapper .magazine .h7{
	margin:0 0 10 -5px;
	position:absolute;
	z-index:10000;
		}
#wrapper .mgazineEditors{
	width:340px;
	float:left; 
	margin:0px 10px 15px 10px;
	}
/*.mgazineEditors	p b{
	line-height:2.6em;
	}
	
.mgazineEditors	p b.line {
	line-height:2.2em;
	}*/
#wrapper .mgazineEditors img{ margin: 0px 9px 20px 0px; /* 0px 19px 5px 0px; */ /* 0px 8px 5px 0px; */ }

/*MAGAZINE CSS*/

#wrapper .content_gb_margin{
	margin:5px 0 0 5px;
}

#wrapper .verify{ 
	float:left; 
	margin:auto;
	position:relative;
}
#wrapper .verify div{ 
	overflow: hidden; 
	height: 1%;
	padding-top:5px;
}
#wrapper .verify input{ 
	float: left; 
	background: url(/PublishingImages/bck-input-verification.jpg) no-repeat 0 0; 
	width:104px;
}
#wrapper .verify img{
	float: left; 
	width: 91px;
	margin-left: 25px;
	}
#wrapper .verification{ 
	width:700px;
	height:250px;
	float:right;

}
/* #wrapper .verification div{float:right;width:665px;}

#wrapper .verification span	
{
float:left;clear:both;
	padding:7px;}
	
*/


	
	
#wrapper .lineht{
	line-height:31px;
}
#wrapper .marginlf{
	margin-left:15px;
}
#wrapper .submit{
	float:right; 
	margin-top:20px;
}

/* contact us form */
#wrapper p.para-padding
{
	padding: 40px 130px 20px 15px;
}
#wrapper .contact-us
{
	width: 580px;
	margin: 0 auto;
}

#wrapper .contact-us fieldset
{
	margin: 0;
	padding:0;
	width: 100%;
	border: 0;
}

#wrapper .contact-us fieldset br
{
	clear:both;
}

#wrapper .contact-us fieldset label
{
	width: 125px;
	text-align: right;
	float: left;
	margin-right: 18px;
	margin-bottom: 10px;
	margin-top: 2px;
	color: #000;
}

#wrapper .contact-us fieldset div.txtfield
{
	width: 200px;
	height: 24px;
	background-image:url(/PublishingImages/input-left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 5px;
	float: left;
	margin-bottom: 24px;
}
#wrapper .contact-us fieldset input.txtbox
{
	border-top: 0px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-bottom: 0px solid #b3b3b3;
	border-left: 0px solid #b3b3b3;
	width: 192px;
	height: 22px;
	background-image:url(/PublishingImages/input-bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	outline:none;
}

#wrapper .contact-us fieldset select
{
	width: 200px;
	height: 24px;
	line-height: 22px;
	float: left;
	margin-bottom: 24px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	outline:none;
}


#wrapper .contact-us fieldset div.txtarea
{
	width: 400px;
	height: 100px;
	background-image:url(/PublishingImages/txtarea-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 5px;
	float: left;
	margin-bottom: 24px;	
}
#wrapper .contact-us fieldset textarea
{
	border: 0px solid #b3b3b3;		
	width: 400px;
	height: 100px;
	resize: none;
	background:transparent;		
	margin-top: 0px;	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	outline:none;	
}

#wrapper .contact-us fieldset a
{
	width: 53px;
	height: 29px;
	text-align: center;
	padding: 0;
	line-height: 29px;
	margin-bottom: 24px;
		
}
/*.contact-us fieldset input.send
{
		
		width: 53px;
		height: 29px;
		float: left;
		background-color: #e71078;
		color: #fff;
		margin-bottom: 24px;
		border: 0;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		cursor: pointer;
}*/


/*SUBSCRIPTION START*/

#wrapper .subscription{
	width:500px;
	margin:0 auto;	
	}
#wrapper .req{padding:5px 5px 0 0;}
	
#wrapper .subscription fieldset{
	border:0px solid red;
	margin:0px;
	padding:0px;
	}
	
#wrapper .subscription fieldset br
{
	clear: both;
}
#wrapper .subscription fieldset label{
	text-align:right;
	float:left;
	width: 150px;
	margin:4px 10px 0px 0px;
	}
	
#wrapper .subscription fieldset div.txtfield 
{
	width: auto;
	height: 24px;
	background-image:url(/PublishingImages/input-left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 5px;
	float: left;
	margin-bottom: 24px;
}
#wrapper .subscription fieldset .error-msg {
	width: 430px;
	/*height: 15px;*/
	padding-left: 5px;padding:2px;
	float: left;margin-left:160px;
	margin-top: -24px;
	background-color:#FCC;
	color:#e71078; 
	display:block;
	overflow:visible;
	text-align:left;
	
	}

#wrapper .subscription fieldset input{	
	width:220px;
	height:22px;	
	margin-right:10px;
	border-top: 0px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-bottom: 0px solid #b3b3b3;
	border-left: 0px solid #b3b3b3;
	background-image:url(/PublishingImages/input-bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	outline:none;
	}
#wrapper .subscription input.bd-mm{
	width:30px;
	margin-bottom:0px;
	}
#wrapper .subscription input.bd-yy{
	
	width:40px;
	margin-bottom:0px;	
	}	
#wrapper .subscription fieldset select
{
	width: 228px;
	height: 24px; height: 21px\9; _height: 24px;
	line-height: 22px;
	float: left;
	margin-bottom: 24px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	outline:none;
}

#wrapper .subscription fieldset span{
	float:left;
	margin-right:10px;
	margin-left:-5px;
	margin-top:0px;
	margin-bottom:10px;
	width:auto;
	}
	
#wrapper #recaptcha_area { margin: 0 0 0 157px; clear: both; }

#recaptcha_area td
{
	background-image: url(/PublishingImages/recaptcha_sprite.png);
}
	
#wrapper .marbtm0
{
	margin-top: 0px;
}
#wrapper .next-btn
{
	float: right;
	margin-bottom: 24px;
}

#wrapper .next-btn a
{
	 width: 273px;
	 height: 29px;
	 line-height: 29px;
	 text-align: center;
	 padding: 0px;
}

#wrapper .next-btn input
{
	background: #000;
	border: none;
	color:#FFF;
	height:29px;
	width:273px;
}

#wrapper .rightpanel
{
	width: 235px;
	margin: 20px 0 20px 10px;
}

#wrapper .rightpanel ul
{
	list-style-type: none;
}
#wrapper .rightpanel ul li
{
	margin-bottom: 10px;	
}
	
#wrapper .rightpanel ul li .page-nav1
{
width: 188px;
height: 32px;
line-height: 32px;
background-image:url(/PublishingImages/roundOne.jpg);
background-position: left top;
background-repeat: no-repeat;
color: #e71078;
padding-left: 47px;
display: block;
font-weight: bold;
}

#wrapper .rightpanel ul li.focus .page-nav1
{
background-image:url(/PublishingImages/one.jpg);
background-position: left top;
background-repeat: no-repeat;
background-color: #000;
color: #fff;
}

#wrapper .rightpanel ul li .page-nav2
{
width: 188px;
height: 32px;
line-height: 32px;
background-image:url(/PublishingImages/two.jpg);
background-position: left top;
background-repeat: no-repeat;
color: #e71078;
padding-left: 47px;
display: block;
font-weight: bold;
}

#wrapper .rightpanel ul li.focus .page-nav2
{
background-image:url(/PublishingImages/arrowTwo.jpg);
background-position: left top;
background-repeat: no-repeat;
background-color: #000;
color: #fff;
}

#wrapper .rightpanel ul li .page-nav3
{
width: 188px;
height: 32px;
line-height: 32px;
background-image:url(/PublishingImages/three.jpg);
background-position: left top;
background-repeat: no-repeat;
color: #e71078;
padding-left: 47px;
display: block;
font-weight: bold;
}

#wrapper .rightpanel ul li.focus .page-nav3
{
background-image:url(/PublishingImages/arrowThree.jpg);
background-position: left top;
background-repeat: no-repeat;
background-color: #000;
color: #fff;
}

#wrapper .rightpanel img
{
	margin: 10px 5px 5px 0;
	float: left;
}
#wrapper .rightpanel div.content
{
	float: left;	
	padding: 5px 0 0 5px;
	width: 155px;
}

#wrapper .rightpanel div.content p
{
	margin-left: 8px;
}

#wrapper .rightpanel div.content a
{
	font-weight: bold;
	line-height: 1.4em;
}
#wrapper .rightpanel div.content a:hover
{
	text-decoration: underline;
}
#wrapper .rightpanel .bdrtop
{
	border-top: 1px solid #e0e0e0;
	margin-top: 10px;
	font-size: 0px;
	line-height: 0px;
	width: 230px;
	clear: both;
}


#wrapper .subscription-stepTwo .bdrtop  {
	border-top:1px solid #E0E0E0;
	clear:both;
	font-size:0;
	line-height:0;
	margin-top:10px;
	margin-bottom:10px;	
	width:700px;
}
#wrapper .subscription-stepTwo .chkBox
	{
	float:left;
	margin:0px 10px 0px 0px;
	}
#wrapper .subscription-stepTwo img{
	float:left;
	margin:0px 10px 20px 0px;
	}
#wrapper .subscription-stepTwo p
	{
	width:550px;
	line-height:1.4em;
	}
#wrapper .subscription-stepTwo .button {
	float:right;
	width:auto;
	}

#wrapper .subscription-stepTwo .secondary{	
	width: auto; /*270px;*/
	height:30px;
	padding: 0 30px; /* 0px; */
	text-align:center;
	line-height:30px;
	}

#wrapper .subscriptionThree img{
	margin:10px 5px 30px 0px;
	float:left;
	}

#wrapper .subscriptionThree fieldset div.txtarea
{
	width: 465px;
	height: 64px;
    background-image:url(/PublishingImages/txtarea-bg2.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 5px;
    float: left;
    margin-bottom: 24px;
}

#wrapper .subscriptionThree fieldset textarea
{
	border: 0px solid #b3b3b3;
    width: 465px;
    height: 64px;
    /**height: 98px;*/
	resize: none;
    background:transparent;
    margin-top: 0px;
	*margin-top: -1px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	outline:none;
	}

#wrapper .subscriptionThree fieldset div.txtfield
{
	width: 280px;
	height: 24px;
	background-image:url(/PublishingImages/brows.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 5px;
    float: left;
	margin: 20px 10px 24px 10px;
}

#wrapper .subscriptionThree fieldset input.txtbox
{
	border-top: 0px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
    border-bottom: 0px solid #b3b3b3;
    border-left: 0px solid #b3b3b3;
    width: 280px;
    height: 22px;
    background-image:url(/PublishingImages/input-bg.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    line-height: 22px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1em;
    outline:none;
}

#wrapper .subscriptionThree fieldset img {
	margin:20px 5px 0px 0px;
	cursor:pointer !important;
	}
#wrapper .subscriptionThree .secondary{
	height:30px;
	line-height:30px;
	padding:0;
	text-align:center;
	width:60px;
	margin:0px 30px 0px 0px;
	}
	
#wrapper .subscriptionThree fieldset label
{
	line-height: 3;
}
	
#wrapper .button{
	line-height:1.8em;
	float:right;
	margin:5px 30px 0px 0px;
	}
	
/*FIELD SET & INPUT TYPES END*/

/* user-profile */

#wrapper .user-info
{
	margin: 35px 5px 30px 5px;	
}

#wrapper .user-info img
{
	float: left;
}
#wrapper .user-info .content
{
	float:left; 
	margin: 0 0 0 10px;
	width: 525px;
}
#wrapper .user-info .content h4
{
	text-transform: uppercase;
	clear: both;
}
#wrapper .user-info .content h6.h7
{
	text-transform: uppercase;	
	color: #666;
	clear: both;
	padding-left: 5px;
}

#wrapper .user-info .content p
{
	clear: both;
}

#wrapper .right-promo
{
	margin: 7px 0 0 5px;
}
#wrapper .right-promo img
{
	margin-bottom: 7px;
}

#wrapper .profile-section-index-left{
	clear: both;
	^margin-top: 5px;
	}
	
#wrapper .profile-section-index-left .tabcontent img
{
	padding: 0px;
}
#wrapper .profile-section-indbar
{
	background-color:#e6e6e6; 
	width:705px;
	height:25px;	
	border:1px solid #dadada;	
	margin: 5px 5px 5px 5px;	
	text-align: right;
	padding: 5px 5px 0 0;
}

#wrapper p.marleft10
{
	margin-left: 10px; color:#000;
}

#wrapper .profile-section-index-grid{
	border-bottom:1px solid #e0e0e0;	
	margin:10px 0px 10px 0px;
	height:130px;
	clear: both;
	}

#wrapper .profile-section-index-grid span img {
	float:left; 
	}
		
#wrapper .profile-section-index-grid .desc
{
	float: left;
	width: 450px;
	margin-left: 5px;
}
#wrapper .profile-section-index-grid .desc a.primary-link-view
{
	text-transform: none;
}

#wrapper .profile-section-index-grid .chkbox
{
	float: left;
	margin-left: 5px;
}

#wrapper .left-btm-links
{
	margin: 0px 10px 0px 10px; 
	float: left; 
	width: 600px;
	padding-bottom: 20px;
}
#wrapper .left-btm-links a
{
	margin: 3px 10px 3px 0px; 
	display: inline-block;
}

#wrapper .left-btm-links a.primary
{
	width: 142px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	padding: 0px;
}
#wrapper .right-btm-link
{
	float: left; 
	width: 90px; 
	margin-top: 0px;
}

#wrapper .comments-section-index-grid
{
	border-bottom:1px solid #e0e0e0;	
	margin:10px 5px 0px 5px;	
	clear: both;
	padding-bottom: 5px;
}

#wrapper .comments-section-index-grid p.post
{
	font-style: italic;
}

/*offer contest styles*/
#wrapper .offerContest{
	width:345px; 
	/* overflow:hidden; */
	margin:0px 8px 15px 7px; 
	float:left;
	}
#wrapper .offerContest h3{
	margin-left:-11px;
}
#wrapper .offerContest img{
	margin:10px 0px 5px 0px;
	}
#wrapper .offerContest p{
	margin-left:8px;
	}
#wrapper .offerContest .tertiary{
	margin:5px 0px 0px 0px;
	}

#wrapper .offerContestedit{
	width:345px; 
	overflow:hidden; 
	margin:0px 8px 10px 7px; 
	float:left; 
	border-top:1px solid #e0e0e0;	
	}

#wrapper .offerContestedit img{
	margin:8px 14px 0px 0px; /* 8px 5px 0px 0px; */
}
#wrapper .offerContestedit p{
	margin:8px 0px 0px 0px;
}
/*offer contest end*/

/* overlay login control */

#container{
	margin:0 auto;
	width:98%;	
	text-align:left;
	background-color:#fff;
}

#wrapper .LB-black-overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    min-height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);	
}

* html #wrapper .LB-black-overlay{height:100%;}/* ie6 and under*/
#wrapper .LB-white-content {
    display: none;
    position: absolute;
    width: 460px;
    height: 250px;    
   left: 50%;
   top: 50%;
   margin-left: -230px;
   margin-top: -125px;
    border: 1px solid #666;
    background-color: #fff;
    z-index:1002;
}

#wrapper .LB-white-subcontent
{
	height:206px;
	margin:30px auto 0;
	overflow-x:hidden;
	overflow-y:auto;
	width:440px;
}

#wrapper .LB-image {
    display: none;
    position: fixed;
    width: 351px;
    height: 349px;    
    top: 50%;
	left: 50%;
	margin-left: -175px;
	margin-top: -175px;
    z-index:1007;	
}
#wrapper .LB-white-content p
{
	padding: 15px 30px 10px 10px;
	
}

#wrapper .LB-white-pwd {
    display: none;
    position: absolute;
    width: 460px;
    height: 205px;    
    left: 50%;
   top: 50%;
   margin-left: -230px;
   margin-top: -102px;
    border: 1px solid #666;
    background-color: #fff;
    z-index:1003;
}

#wrapper .LB-white-pwd p
{
	padding: 15px 30px 10px 10px;
	
}

#wrapper a#close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: -10px;
    right: -10px;
    background-image:url(/PublishingImages/closelabel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 1005;
	display: block;
}

#wrapper a#close:hover {
    background-image:url(/PublishingImages/closelabel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
} 
#wrapper a#close-img{
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0px;
    left: 330px;
    background-image:url(/PublishingImages/closelabel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 1005;
	display: block;
}

#wrapper a#close-img:hover {
    background-image:url(/PublishingImages/closelabel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
} 

#wrapper .login-control{
	width:100%;
	margin-left: 30px;
	}

	
#wrapper .login-control fieldset{
	border:0px solid red;
	margin:0px;
	padding:0px;
	}
	
#wrapper .login-control fieldset br
{
	clear: both;
}
#wrapper .login-control label{
	text-align:right;
	float:left;
	width: 90px;
	margin:4px 10px 0px 0px;
	}
	
#wrapper .login-control fieldset div.txtfield
{
	width: auto;
	height: 24px;
	background-image:url(/PublishingImages/input-left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 5px;
	float: left;
	margin-bottom: 10px;
}
#wrapper .login-control input.txtbox{	
	width:200px;
	height:22px;	
	margin-right:10px;
	border-top: 0px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-bottom: 0px solid #b3b3b3;
	border-left: 0px solid #b3b3b3;
	background-image:url(/PublishingImages/input-bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	line-height: 22px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	outline:none;
	}
	
#wrapper .login-control input.chkbox
{
	 margin-bottom: 20px;
	 float: left;
}
	
#wrapper .login-control .primary
{
	width: 51px;
	height: 30px;
	text-align: center;
	padding: 0;
	line-height: 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	font-size: 1em;
	float: left;
}

#wrapper .loginCheckox td
{
    padding-bottom: 18px;
}

#wrapper .loginCheckox input
{
    display: inline-block;
    width: 12px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 0;
}

#wrapper .loginCheckox label
{
    margin-left: 5px;
}

#wrapper .login-control .account
{
	float: left;
	width: 240px;
	height: 30px;
	margin-left: 10px;
}

#wrapper .LB-white-rules {
    display: none;
    position: absolute;
    width: 620px;
    height: 355px;
	left: 50%;
	top: 50%;
	margin-left:-310px;
    border: 1px solid #666;
    background-color: #fff;
    z-index:1005;
}

#wrapper .LB-white-rules p
{
	padding: 15px 30px 10px 10px;
}

/* article YouTube video */
#wrapper .article-body .article-wp-top object
{
	 margin-left: 10px;
}

/* buy online input field adjustments */
#wrapper .buy-online-header
{
	margin-top: -15px;
}

#wrapper .buy-online-username span { display: none; }
#wrapper .buy-online-username input
{
    border-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.1em;
	width: 100%;
}

#wrapper .buy-online-location { padding-bottom: 5px; }
#wrapper .buy-online-location span, #wrapper .buy-online-location input
{
	font-weight:bold;
	font-size:0.9em;
	line-height:1.5em;
	color:#666;
	text-transform:uppercase;
}
#wrapper .buy-online-location input
{
    border-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	width: 400px;
}

#wrapper .buy-online-question { padding-bottom: 10px; }
#wrapper .buy-online-question span
{
	color: #000;
	font-weight: bold;
}
#wrapper .buy-online-question input
{
	color: #666;
    border-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
}

.video{
	margin-left:10px;
}


/* lightbox */
#lightbox{

	background-color:transparent;

	padding: 10px;	

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;	

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 10px; right: 10px; }



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



#overlay{ background-image: url(/PublishingImages/overlay.png); }



* html #overlay{

	background-color: #333;

	back\ground-color: transparent;

	background-image: url('file:///C:/Users/images/blank.gif');

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/PublishingImages/overlay.png", sizingMethod="scale");

	}
/* end lightbox */


/* tooltip syles MJMH */
#tt {
    position:absolute;
    display: block;
    background: url(/PublishingImages/tt_mid.gif) top center repeat-y;
    width: 407px;
    top: 679px;
    left: 662px;
}
 
#tttop {
    display: block;
    height: 6px;
    background: url(/PublishingImages/tt_top.gif) top center no-repeat;
    overflow: hidden;
}

#ttcont {
    display: block;
}
 
#ttbot {
    display: block;
    height: 18px;
    background: url(/PublishingImages/tt_bottom.gif) top center no-repeat;
    overflow: hidden;
}

#tt #ttcont img:first-child    {
    margin: 3px 10px 0 7px;
    float: left;
}

#tt #ttcont #wrapper .spacer    {
    clear: right;
}

#tt #ttcont #wrapper .spacer:last-child    {
    clear: both;
}

#tt #ttcont h6 {
    margin-top: 15px;
}
/* end tooltip syles MJMH */


/* login styles */
#wrapper .loginArea
{
	margin: 17px 0 30px 9px;
}

#wrapper .loginLabel
{
	text-align: right;
	vertical-align: middle;
	width: 100px;
	padding: 4px 9px 5px 0;
	padding-left: 0px;
}

#wrapper .loginInput
{
	text-align: left;
	vertical-align: middle;
	padding: 4px 9px 5px 0;
	padding-left: 0px;
}

#wrapper .loginInput input
{
	border: 1px solid #b3b3b3;
	background: #FFF url("/Style Library/Images/loginTextBg.gif") no-repeat top left;
	width: 200px;
	height: 24px;
}

#wrapper input.loginCheckbox
{
	width: auto;
	height: auto;
	background: none;
}

#wrapper .loginSubmit
{
	padding-right: 9px;
}

#wrapper .loginSubmit input
{
	background: #e71078;
	color: #FFF;
	border: none;
	font-size: 1.1em;
	line-height: 1.7em;
	width: auto;
	height: 29px;
	padding: 0 11px 5px;
	text-align: center;
	vertical-align: middle;
}

#wrapper .loginSubmit input:hover
{
	background: #FF007B;
}

#wrapper .loginSubmit, #wrapper .loginSubmitMessages
{
	text-align: left;
	vertical-align: middle;
}


#wrapper .confirmation{
	height:585px;
}


/* ask an expert */
#wrapper .askanexpert
{
	margin: 20px auto 80px;
	width: 600px; /* 400px; */
}

#wrapper .aan-row
{
	clear: both;
	width: 600px; /* 400px; */
	margin-bottom:24px;
	
	overflow:auto;
}

#wrapper .aan-label
{
	width: 50px; /* 150px; */
	float: left;
	margin:4px 10px 0 0;
	text-align: right;
	clear: left;
}

#wrapper .aan-input
{
	padding-left:5px;
	width:auto;
	float: left;
}

#wrapper .aan-error
{
	float: left;
	margin-left: 5px;
	font-size: 12px;
	color: #F00;
	line-height: 21px;
}

#wrapper .aan-submit
{
	width: 300px;
}

#wrapper .aan-input input
{
	background:url("/PublishingImages/input-bg.jpg") left top repeat-x;
	border: none;
	border-left: #B3B3B3 solid 1px;
	border-right: #B3B3B3 solid 1px;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 1em;
	height: 22px;
	line-height: 22px;
	margin-right: 10px;
	outline: none;
	width: 220px;
}

#wrapper .aan-input select
{
	width: 220px;
	height: 22px;
}

#wrapper .aan-input textarea
{
	border:1px solid #B3B3B3;
	height:220px;
	padding:2px;
	width:216px;
	background: #FFF url("/PublishingImages/input-bg-top.jpg") left top repeat-x;
}

#wrapper .aan-submit input
{
	background: #E71078;
	color: #FFF;
	border: none;
	outline: none;
	padding: 0 10px;
	height: 29px;
	float: right;
	margin-right: 14px; /* 17px; */
}

#wrapper .aan-submit input:hover
{
	background: #FF007B;
}

#wrapper .next-btn .secondary:hover{
		color:#fff;background-color:#666;
}

#wrapper .feat_expert
{
	margin-left: 8px;
	padding-right: 10px;
	padding-left: 10px;
	font-size:9px;
	font-weight:bold;
	color:#000;
	background-color:#fff;
}

/* share button area */
#wrapper .IDPAddThisWebPartDivClass
{
	text-align: right;
	padding-right: 16px;
}

/* Flash hide-to-start */
#wrapper #flashcontent
{
	display: none;
}

/* subscription page */
#wrapper h3.subsc
{
	margin-top: -14px; margin-top: -15px\9; _margin-top:-5px; _margin-left:-5px;
}

#wrapper .left-pane-row .CommerceUserErrorMessageClass
{
	position: relative;
	left: 150px;
	top: 7px;
	color: #F00;
}

/* expert advice landing */

#wrapper .h7 li
{
    padding-bottom:6px;
    }
    
    /* registration secure */
    	#wrapper .subscription fieldset .CommerceUserErrorMessageClass {
	width: 430px;
	height: 15px;
	padding-left: 5px;padding:2px;
	float: left;margin-left:160px;
	margin-top: 0;
	margin-bottom: 10px;
	background-color:#FCC;
	color:#e71078; 
	display:block;
	overflow:visible;
	text-align:left;
	
	}
		
/* featured magazine margins */
#wrapper .commonTxt img.featured-magazine { margin: 9px 29px 0 20px; float: left; }


#wrapper .register-nonlink {
    font-weight: bold; 
    color: #000; 
    margin-left: 5px;
}

.password_content
{
	margin: -30px 0 20px 0; /* -50px 0 20px 0; */
}


#wrapper .fp_input
{
	background: #e71078;
	color: #FFF;
	border: none;
	font-size: 1.1em;
	line-height: 1.7em;
	width: auto;
	height: 29px;
	padding: 0 11px 5px;
	text-align: center;
	vertical-align: middle;
}

#wrapper .fp_input:hover
{
	background: #FF007B;
}

#wrapper .hp-style-buzz .comp-content img.style
{
	_margin-top: -22px;	
	
}

/* redirect page */
#wrapper .redirect-body
{
	color: #333;
	background-color: #FFF;
	margin: auto;
	padding: 0;
	height: 253px;
	width: 461px;
	position: relative;
	border: 0 transparent;
	text-align: center;
	font-size: 12px;
}
#wrapper .redirect-body h3
{
	font-size: 20px;
	position: absolute;
	top: 0;
	left: -4px;
	font-weight: normal;
	margin: 0;
	text-align: left;
}
#wrapper .redirect-close
{
	display: block;
	position: absolute;
	right: -10px;
	top: -10px;
}
#wrapper .redirect-close img { border: 0; }

#wrapper .redirect-content
{
	text-align: center;
	padding-top: 80px;
	line-height: 22px;
}

#wrapper .redirect-button
{
	background:#E71078;
	color:#FFFFFF;
	font-size:12px;
	text-decoration: none;
	text-align:center;
	width:auto;
	display: inline-block;
	padding: 3px 10px 4px 10px;
	margin: 13px 6px 13px 6px;
}
#wrapper .redirect-button:hover { background: #FF007B; }

/* tooltip styles */
#wrapper a.tipper { color: #e71078; }

#wrapper .tip { display: none; z-index: 99999; }

#wrapper .tip .tipTop { width: 410px; height: 20px; overflow: hidden; background: url(/PublishingImages/toolTipTop.png) no-repeat top left; }
#wrapper .tip .tipBtm { width: 410px; height: 30px; overflow: hidden; background: url(/PublishingImages/toolTipBtm.png) no-repeat top left; }
#wrapper .tip .tipMid { width: 410px; overflow: hidden; background: url(/PublishingImages/toolTipMid.png) repeat-y top left; padding: 0 10px 0 10px; vertical-align: middle; }

#wrapper .tip span.tipTop, #wrapper .tip span.tipMid, #wrapper .tip span.tipBtm, #wrapper .tip .tipMid, span.tipProductImage, #wrapper .tip .tipMid span.tipProductInfo { display: block; }

#wrapper .tip .tipMid span.p, #wrapper .tip .tipMid span.h6
{
    display: block;
}
#wrapper .tip .tipMid span.p
{
    line-height: 1.5em;
}

#wrapper .tip .tipMid .tipProductImage
{
	float: left;
}

#wrapper .tip .tipMid .tipProductImage img
{
	width: 150px;
	height: auto;
}

#wrapper .tip .tipMid .tipProductInfo
{
	float: left;
	width: 230px;
}

#wrapper .tip .tipMid .tipProductInfo img { margin: 0; }

#wrapper .tip .tipMid .tipLearnMore
{
	background: url(/PublishingImages/primary-link-img.gif) no-repeat left 50%;
	color: #E71078;
	padding: 0 4px 0 8px;
}

#wrapper .tip .tipMid .tipAddToKit
{
	background: url(/PublishingImages/add.gif) no-repeat 4px 50%;
	color: #E71078;
	padding: 0 6px 0 18px;
}

#wrapper .tip .tipMid p, #wrapper .tip .tipMid span.p
{
	margin: 0;
}

#wrapper .tip .tipMid h6, #wrapper .tip .tipMid span.h6
{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
}

#wrapper .tip .tipMid input
{
	border: 0 transparent;
}

/* Canada language selection page */
div.country
{
	margin:0 auto;
	width:1004px;
}

div.country #remember
{
	background-image:url(/PublishingImages/Country/country_selector_7.jpg);
	background-repeat:no-repeat;
	height:212px;
	width:282px;
}

div.country #remember3
{
	background-image:url(/PublishingImages/Country/blanks_03.gif);
	background-repeat:no-repeat;
}

div.country #remember4
{
	background-image:url(/PublishingImages/Country/blanks_04.gif);
	background-repeat:no-repeat;
}

div.country #remember6
{
	background-image: url(/PublishingImages/Country/blanks_06.gif);
	background-repeat: no-repeat;
}


/* Canada print page */
.printMain
{
	color: #666;
	margin: 10px 45px;
}

.printMain td, .printMain div, .printMain img
{
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Lucida, Trebuchet, sans-serif;
	font-size: 12px;
}

.printMain p
{
	line-height: 17px;
}

.printMain img
{
	border: 0;
}

.printMain a { color: #e71078; text-decoration: none; }
.printMain a:hover { text-decoration: underline; }

.printRow
{
	clear: both;
	overflow: hidden;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px #e1e1e1 solid;
}

.printHeader
{
	padding: 0 0 4px 0;
	border-bottom: 1px #e1e1e1 solid;
}

.printHeader .printRow
{
	padding: 0 5px 0 5px;
	border: 0;
}

.printLeft { float: left; }
.printRight { float: right; }

.printAlignBottom { vertical-align: bottom; position: relative; }
.printAlignBottom .printRight { position: absolute; right: 0; bottom: 3px; }

.printTitle
{
	color: #000;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.pt5 { padding-top: 5px; }

input.printButton { color: #fff; background: #e71078; padding: 7px 11px; border: 0 transparent; margin: 0; font-size: 12px; }

input.printButton:hover { background: #ff007b; }

.printRowImage
{
	float: left;
	margin-right: 30px;
}

.printRowInfo
{
	padding: 10px 50px 0 0;
}

.printRowInfo p
{
	margin: 0 0 4px 0;
	padding: 0;
}

.printRowInfoTitle
{
	color: #000;
	font-weight: bold;
}

.printFooter
{
	padding-bottom: 80px;
	border: 0;
}

* html .printRowInfo { height: 110px; }
* html .printAlignBottom .printRight { position: static; }
* html .pt5 { height: 30px; }


/* find a store by zip */
#wrapper .findAStore
{
	width: 240px;
	border: 1px solid #e0e0e0;
	padding: 6px;
	font-size: 12px;
}

#wrapper .findAStore .instruction
{
	width: 210px;
	margin: 0 0 10px 2px;
}

#wrapper .findAStore p
{
	color: #666;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

#wrapper .findAStore .header
{
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

#wrapper .findAStore .entry
{
	background: #efefef;
	/* padding: 5px 0; */
	text-align: center;
	vertical-align: middle;
	height: 35px;
	position: relative;
}

#wrapper .findAStore .entry .label
{
	color: #000;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 11px;
	font-size: 12px;
}

#wrapper .findAStore .entry .zip
{
	width: 80px;
	height: 20px;
	background: #fff url(/PublishingImages/input-bg.jpg) top left repeat-x;
	border: 1px solid #b4b4b4;
	margin: 0 8px 0 0;
	position: absolute;
	left: 77px;
	top: 6px;
}

#wrapper .findAStore .entry .find
{
	color: #fff;
	background: #e71078;
	width: 58px;
	height: 21px;
	border: 0 transparent;
	position: absolute;
	left: 172px;
	top: 7px;
}
#wrapper .findAStore .entry .find:hover { background: #ff007b; }


/* put in main sheet for IE8, Chrome, FF pixel perfect adjustments */

/* For FF3.0: targetsFirefox 3.0+ */
#wrapper .main-inner-container,  x:-moz-any-link, x:default 
{
	background-position: 724px 100%;
}

#footer,  x:-moz-any-link, x:default 
{
	padding: 20px 0 40px 0;
}

/* For FF3.6: targets safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #wrapper .main-inner-container
{
	background-position: 724px 100%;
}

body:first-of-type #footer
{
	padding: 22px 0 37px 0;
}

/* For Chrome: targets saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#wrapper .main-inner-container
	{
		background-position: 724px 100%;
	}
	
	#footer
	{
		padding: 20px 0 40px;
	}
}

/* IE 8 */
#wrapper .main-inner-container
{
	background-position: 724px 100%\9;
}

#footer
{
	padding: 20px 0 39px 0\9;
}




/* change password release 2 styling */

#wrapper .subscription.changePassword fieldset label { clear: left; }

#wrapper .next-btn.changePasswordButtons input { width: auto; }

#wrapper h3.subsc.changePasswordTitle { position: absolute; }



/* manage account release 2 styling */

#wrapper .subscription fieldset div.txtfieldMessage { margin-bottom: 10px; }

#wrapper .subscription fieldset div.txtfieldMessage a { color:#E71078; }


/* lightbox reformatting to split + out of picture */
.lb_image { position: relative; display: block; }
a.lb_plus { width: 22px; height: 22px; background: url(/PublishingImages/lb_plus.png) no-repeat top left; overflow: hidden; _background-image: url(/PublishingImages/lb_plus.gif); position: absolute; top: 128px; left: 123px; }

/* fix header for change password confirmation */
#wrapper .subsc2 { position: absolute; }

/* landing page search area adjustments */
/*
#wrapper .left-pane .ht-section-index-left h3 { margin-top: 0; }
#wrapper .left-pane .ht-section-index-left .srch-stats { display: block; }
*/

/* search pagination adjustments for NEW search area */
/*
#wrapper .left-pane #SRSB { height: 26px; }
#wrapper .left-pane #SRSB .IDPSearchBoxWebPart { position: absolute; top: auto; height: 22px; margin-left: -4px; margin-top: -1px; *margin-top: -2px; }
#wrapper .left-pane .srch-pagination { position: absolute; z-index: 1000; margin-top: -3px; }
*/

/* welcome page colors */
body.welcomePage { background: #FFF; }
td#remember span label { color: #000; }