/* $Id: style.css 14795 2010-03-19 16:44:44Z csaba $ */

/* ****************************
** generic HTML/page elements
******************************* */
body {color: #786C62; font-family: georgia, sans-serif, arial; margin:0px 0px 10px 0px; text-align: center;background: #F3F3F3 /* -NP 11/29/2010*/;}
a {outline: none; color: #636567; text-decoration: none; font-style: oblique;}
a:visited {color: #636567;}
a:hover {color: #ff0099;}
a img {outline: none; border: 0; border: none;}
a.bordered_link {border-right: 1px dotted #636567; padding: 0px 5px 0px 0px; margin: 0px 5px 0px 0px;}

h2 {
	color: #333333;
	font-size: 28px;
	font-weight: lighter;
	font-style: normal;
	font-family: georgia, sans-serif, Arial;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
}
h2 a {color: #636567;	 font-style: normal !important;	text-decoration: none !important;}
#sidebar h2, #RightColumn h2 {
	color: #333333;
	font-size: 18px;
	font-weight: lighter;
	font-style: normal;
	font-family: "lucinda sans", sans-serif, Arial;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
}

h3 {color: #636567; margin-top: 4px; margin-bottom: 4px; font-weight: bold;}
h3.title {color: #666666 !important;}
h3 a {color: #636567;}
h3 a:hover {color: #ff0099;}

h4 {
	color: #636567;	
	font-weight: normal;
	font-size: 120%;
	margin: 3px 0px 3px 0px;
	font-style: oblique;
}

h5 {
	color: #636567;	
	font-weight: normal;
	font-size: 110%;
	margin-bottom: 2px;
	font-style: oblique;
}

hr {border:none; border-top: 1px dashed #d0d0d0; border-bottom: 1px solid #fff;}
hr.titlehr {display: none;}
ul,li {list-style: none;}

table,tr,td,th,tbody,font {
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: normal;
	font-size: 14px;
}
td {padding: 5px 10px 5px 0px;}

.faq_title {}
.faq_link, .faq_link a, .faq_link ul li, .faq_link ul li a {font-weight: normal;}
.faq_link a {padding: 0 0 5px 0;}
.faq_link ul {margin-top: -5px;}
.faq_back, .faq_back a {font-weight: normal;}
.faq_list {margin-top: 0px;}
.faq_list li {margin-bottom: 2px;}
p {}

blockquote {
	border-left: 4px solid #69c;
	padding: 0 15px 0 15px;
	margin: 25px 100px 25px 50px;
	text-align: left;
	line-height: 1.3em;
}

pre {
	padding: 0.75em 1.5em;
	border: 1px solid #ddd;
}

.clear {	clear: both;}
.pink { color: #FF0099 }
.pink a { color: #FF0099 }
.red {color: #e4224a;}
.arial {
	font-family: arial,sans-serif;
}
.boldtext {
	color: #000000;
	font-family: arial,sans-serif;
	font-size: 12px;  
	font-style: normal !important;
	font-weight: bold;
}

/**********************/
/**  Global Nav CSS  **/
/**********************/
#TOP ul { margin: 0 0 0 -2px; padding: 0px; -webkit-padding-start: 0px; }

#global-nav, #global-nav2, #global-nav3 { width: 987px; margin: 0px 0px 20px -3px; padding: 0px;float:left; }
#global-nav li, #global-nav2 li, #global-nav3 li { display: inline; }		
#global-nav li a { display: inline; float: left; height: 28px; margin: 0px; padding: 0px; background-image: url('/images/global/nav/on.gif'); overflow: hidden hidden; }
#global-nav li a:hover { background-image: url('/images/global/nav/over.gif'); }
#global-nav li a  { border:none; }
#global-nav li a { display: block; float: left; margin: 0px; background-repeat: no-repeat; cursor: pointer; }
#global-nav li a, #TOP li a { text-indent: -7777px; }
	
#global-nav2 li a { display: inline; float: left; height: 28px; margin: 0px; padding: 0px; background-image: url('/images/global/nav/ab/sm2_on.png'); overflow: hidden hidden; }
#global-nav2 #loginout li a{text-indent: 0px !important;}
#global-nav2 li a:hover { background-image: url('/images/global/nav/ab/sm2_over.png'); }
#global-nav2 li a:active{background-image: url('/images/global/nav/ab/sm2_click.png'); }
#global-nav2 li a  { border:none; }
#global-nav2 li a { display: block; float: left; margin: 0px; background-repeat: no-repeat; cursor: pointer; }
#global-nav2 li a{ text-indent: -7777px; }

#global-nav3 li a { display: inline;float: left; height: 28px; margin: 0px; padding: 0px; background-image: url('/images/global/nav/ab/sm3_on.png'); overflow: hidden hidden; }
#global-nav3 #loginout li a{text-indent: 0px !important;}
/*#global-nav3 li a:hover { background-image: url('/images/global/nav/ab/sm3_over.png'); }*/
#global-nav3 li a  { border:none; }
#global-nav3 li a { display: block; float: left; margin: 0px; background-repeat: no-repeat; cursor: pointer; }
#global-nav3 li a{ text-indent: -7777px; }

/* Nav button positions */
#global-nav li#gn_ms a { background-position: 0px 0px; width:214px; }
#global-nav li#gn_cm a { background-position: -214px 0px; width:207px; }
#global-nav li#gn_ch a { background-position: -420px 0px; width:196px; }
#global-nav li#gn_bt a { background-position: -615px 0px; width:121px; }
#global-nav li#gn_pr a { background-position: -735px 0px; width:162px; }
#global-nav li#gn_bl a { background-position: -896px 0px; width:87px; }

/* Nav button positions */
#global-nav2 li#gn_sm1 a { background-position: 0px 0px; width:214px;text }
#global-nav2 li#gn_bt a { background-position: -220px 0px; width:150px; }
#global-nav2 li#gn_ch a { background-position: -370px 0px; width:200px; }
#global-nav2 li#gn_bl a { background-position: -567px 0px; width:80px; }
#global-nav2 li#gn_cm a { background-position: -650px 0px; width:207px; }
#global-nav2 li#gn_bp a { background-position: -850px 0px; width:133px; }

/* Nav button positions */
#global-nav3 li#gn_sm2 a { background-position: 0px 0px; width:244px; }
#global-nav3 li#gn_cm a { background-position: -244px 0px; width:177px; }
#global-nav3 li#gn_ch a { background-position: -420px 0px; width:196px; }
#global-nav3 li#gn_bt a { background-position: -615px 0px; width:121px; }
#global-nav3 li#gn_pr a { background-position: -735px 0px; width:162px; }
#global-nav3 li#gn_bl a { background-position: -896px 0px; width:87px; }

#login_nav_banner{float:right;font-size:12px;margin:7px 0 10px 0;color:#000000;}
#login_nav_banner a{font-family:arial;font-style: normal;font-size:10px;text-transform:uppercase;color:black;display:block;float:left;}
#login_nav_banner a.logout, #login_nav_banner a.login{width:50px;}
#login_nav_banner a.joinfree, #login_nav_banner a.myaccount{text-align:right;}
#login_nav_banner #div{margin:0 5px;}
#login_nav_banner a:hover{text-decoration:none;font-weight:bold;}

#loginout {
	width: 980px;
	margin: 0 21px 0 0;
	padding:0px;
	-webkit-padding-start: 0px;
	float:left;
	border-bottom: 1px solid #CEC8C3;
}
#loginout li { display: inline; }
#loginout li.loginout-button a { float: right; height: 7px; margin: 10px 0 10px 5px; padding: 0px; background-image: url('/images/global/nav/loginout.gif'); overflow: hidden; }
#loginout li.loginout-button a#div {width: 2px; height: 10px; margin-top: 9px; background: url(/images/global/nav/div.gif) no-repeat;}

/* Login / out normal states */
#loginout li a { height: 10px; border: none; }
#loginout li#loginout-login a { background-position: 0px 0px; width:37px; }
#loginout li#loginout-myaccount a { background-position: -38px 0px; width:73px; }
#loginout li#loginout-logout a { background-position: -112px 0px; width:48px; }

/* Login / out hover states */
#loginout li#loginout-login a:hover { background-position: 0px -8px; width:37px; }
#loginout li#loginout-myaccount a:hover { background-position: -38px -8px;	width:73px;	}
#loginout li#loginout-logout a:hover {	background-position: -112px -8px; width:48px; }

#wedding_nav_banner { float: left; margin: 7px 0 10px 10px; font-size: 12px; color: #000; }
#wedding_nav_banner a { font-style: normal; font-weight: bold; color: #FF0099; text-indent: 0px; }
#wedding_nav_banner a:hover { text-decoration: underline; }



/* *****************
** Front page styles
******************** */
.celeb_gall_front {
	float: left;
	width: 460px;
	padding: 10px;
	margin: 0px;
	background: url('/images/front/background_celebs.gif') top left repeat-x;
}
*html .celeb_gall_front {padding: 10px 7px; width: 468px;}

/* ****************
** general for MOS
******************** */
#master { width: 1004px; margin: 0 auto; text-align: left; font-size: 14px; }
/*#master { width: 980px; margin: 0 auto; text-align: left; font-size: 14px; }  Changed this style to the above  -NP 11/29/2010*/
#content-wrap {-moz-box-sizing:border-box;background:#FFFFFF url(http://blogs.dailymakeover.com/beauty-trends-and-news/images/wrapperbg.gif) repeat-y scroll 0 0;padding:0;position:relative;width:100%;}
#content-wrap-inner {-moz-box-sizing:border-box;background:transparent url(http://blogs.dailymakeover.com/beauty-trends-and-news/images/wrapperbottom.gif) no-repeat scroll 0 bottom;margin:0;padding:0 12px 50px;position:relative;width:100%; min-height:600px;}



/* ****************************
** section elements
******************************* */
.MOSsection {}
#contentstuff .MOSsection .SectionBlock {	width:590px; background-color: transparent;}
#contentstuff #sidebar .MOSsection .SectionBlock {width: 335px; border: none;	background-color: transparent;}
.contentstuff_full .MOSsection .SectionBlock {width:auto !important;}
.MOSsection .SectionBlock h2 {position: relative;}
.MOSsection .SectionBlock h2 span {display: block; position: relative;}
.MOSsection .SectionBlockBody {clear:both;}
.MOSsection .SectionBlockBody ul li {}
.MOSsection .SectionBlockFooter {position: relative;	line-height: 0; display:none;}
.MOSsection .SectionBlockBody h2 {}

/* ****************************
** MOS top banner
******************************* */
#TOP #logo { float: left; display: block; width: 200px; height: 84px; margin: 8px 0 0 0; }
#logo div { float: right; width: 200px; height: 84px; background: url(/images/global/logo_top.gif) no-repeat; cursor: pointer;}
.global_footer #logo { float: left; display: block; width: 120px; height: 42px; margin: 0px; }
.global_footer #logo div { float: left; width: 120px; height: 42px; background: url(/images/global/logo_bottom.gif) no-repeat; cursor: pointer;}
.bluebar {font-size: 12px; letter-spacing: 0.01em; padding: 15px 0px 0px 0px; text-align: left;}
.navlinks {}
.bluebar a {color: #636567; text-decoration: none;}
.bluebar a:hover {color: #e4224a; text-decoration: none;}
.breadbox {font-style: oblique; margin: 20px 0px 0px 0px;}
.breadbox {display:none;}
.breadcrumb {}

#TOP {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	float:right;
	position: relative;
	overflow: visible;
	z-index: 1 !important; /* important!! needs to be at depth 1 for ivillage expanding ads to work */
}
#TOP .SectionBlock img {vertical-align: top;}
.sectiontitle { margin-top: 28px; }
a.homelink:link, a.homelink:visited, a.accountlink:link, a.accountlink:visited,a.menulink:link, a.menulink:visited {
	font-style: normal;
	font-weight: normal;
}

/* ****************************
** header
******************************* */
#googleads {
	float:right;
	width: 728px;
	height: auto;
	overflow: visible;
}
#ads {
	float:right;
	width: 728px;
	height: auto;
	overflow: visible;
}
center img, center object embed, center iframe {border: 1px solid #d0d0d0; padding: 1px;}
center center {border: none;}


/* ========================== SIDESECTION BLOCK ===========================
* for generating a block, like those used in the drupal sidebar.
* right now it's only used in the comments module to generate the glam box ad that appears when the 'post comments' box is not shown.
* can be used with mos_section_*() calls
*/

/* This should not be part of #contentstuff! */
.sidesection {
	width: 335px; /* changed from 290px to start accomodating box ads */
	float: left;
}

.sidesection .SectionBlockBody {
	text-align:center;	
}
.sidesection .SectionBlock hr {
	display: none;
}
.sidesection .SectionBlock {
	position: relative; /*fix for IE*/
}

.sidesection .SectionBlockFooter {
	position: relative; /*fix for IE*/
	line-height: 0; /*fix for empty div tag rendering in IE */
}

.sidesection .SectionBlockFooter p {
	position: relative; /*fix for IE*/
	display: block;
	padding: 10px 20px 10px 20px;
	margin: 0;
	line-height: 0; /*fix for empty div tag rendering in IE */
}
/* ================= END SIDESECTION BLOCK ====================== */


/* ****************************
** contentstuff elements
******************************* */
#contentstuff { width: 635px; float: left; position: relative; margin: 0px; }
#content-wrap #hairstyles-wrapper #contentstuff { width: 660px;  padding: 0}/*Override Content width.*/
#contentstuff a:hover, #contentstuff a:active, #contentstuff2 a:hover, #contentstuff2 a:active, #sidebar a:hover, #sidebar a:active, #homepage_top a:hover, #homepage_top a:active { color: #ff0099; text-decoration: underline; }
#contentstuff .MOSsection .SectionBlock {
	padding: 10px 0;
	/*
	border-top: 1px solid #cec8c3;
	border-bottom: 1px solid #cec8c3;
	*/
	margin: 0px 0px 6px 0px; 
}
#contentstuff .comment_block .MOSsection .SectionBlock {}
#contentstuff .MOSsection .SectionBlockBody h2 {}
#contentstuff .subSectionBlock {}
#contentstuff .subSectionBlock .MOSsection{ width: 290px !important; border: 1px solid #d0d0d0; margin: 0 0px 10px 0px; padding: 10px; }
#contentstuff .double_right .MOSsection .SectionBlock { border-bottom: 2px dotted #cec8c3; border-top: none; border-right: none; border-left: none; padding: 10px 0px 10px 0px; }
#contentstuff div.halfsize_left { width: 200px; float: left; }
#contentstuff div.halfsize_right { float: right; }
#contentstuff .MOSsection .reviews { clear: both; vertical-align: top; }
#contentstuff .MOSsection .reviews img { float: left; margin: 0 5px 5px 0; }
#contentstuff .MOSsection .reviews span {}
.contentstuff_full { width: 980px !important; }

.left {float: left;}
.right {	float: right;}
.ratings {margin: 6px 0 0 0;}
/*.SectionBlock div { margin: 5px 0px 5px 0px; }  NP 12/17/10*/
#sidebar a {color: #ff0099; text-decoration: none;}/
.double_left { width:600px; float:left; margin: 0px 10px 0px 0px; }
.double_right { width:300px; float:left; }


/* RAVE styles */
.article { padding-left: 5px; }
.readmore { font-size: 11px; }

/* ****************************
** sidebar elements
******************************* */
#sidebar, #sidebar-rave { margin: 0px 0px 0px 10px; float: right; width: 300px; }
#sidebar-rave { top: 0px; }
#contentstuff #sidebar-rave { position:absolute; right:-375px; top:700px; }

#sidebar .MOSsection, #sidebar-rave .MOSsection, #galleryhome .MOSsection {
	width: 300px; /* changed from 290px to start accomodating box ads */
	position: relative;
}

#footerad .MOSsection { margin:10px 0px 0px 0px; }
#footerad .SectionBlock {
	border:none !important;	
}
#sidebar-rave .SectionBlock-rave {
	position: relative; /*fix for IE*/
}
#sidebar-right #block-block-47{
	text-align: center;
}
#sidebar .SectionBlockBody p, #sidebar-rave .SectionBlockBody p {
	margin: 0;
}

#sidebar-right , #sidebar-rave-right {
	vertical-align: top;
	position: relative;
}

#sidebar-right div.SectionBlock, #sidebar-rave-right div.SectionBlock {
	border-bottom: 2px dotted #cec8c3;
	padding: 0 0 20px 0;
}

#sidebar-right li {
}
#sidebar-right ul, #sidebar-rave-right ul {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}

/* ****************************
** footer elements
******************************* */

#footer { text-align: left; color: #A1A1C8; }

/* ****************************
** copyright, secondary links
******************************* */
#copyright {
	text-align: left;
	margin: /* 10px 0px 0px */ 0px;
	padding: 0px;
/* 	border-top: 1px solid #d0d0d0; */
}
#copyright center {
	text-align: left !important;
	margin: auto 0;
}

.copyright_links {
	margin: 0px 0px 10px 0px;
}
.copyright_links a {
	font-style: normal;
}


/* ****************************
** footer
******************************* */
#footer-message {text-align: center; color: #A1A1C8;}

/* ****************************
** Drupal search box
******************************* */
#search .form-text, #search .form-submit {
	border: 1px solid #369;
	margin: 0.2em;
}
#search .form-text {
	width: 9em;
}
#search .form-submit {
	height: 1.5em;
}
.form-Array {
	border: 0;
}

/* ****************************
** hair gallery
******************************* */
td.stylewriteup {
	vertical-align: top;
}

ul.galleries {
	margin: 0;
	padding: 0;
	width: 585px;
}

.galleries .description {
	text-align: center;
	text-style:oblique;
}

.galleries .count {
	text-align: center;
}

ul.images {
	margin: 0;
	padding: 0;
	width: 585px;
}

.images li {
	text-align: center;
	margin: 0 6px 10px 0;
	height:190px;
	width: 130px;
	list-style: none inside;
	float: left;       
	overflow:hidden;	
}

.images li img {
	margin-bottom: 1px;
	width: auto !important;
}
.images h3 {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 0 5px;
	width: 120px;
	overflow: hidden;
	text-align: center;
}

.galleryimage {
}

.galleryimage td {
	padding: 0 10px 0 0;
}

img.preview {
	margin-top: -5px;
}

.thumbnail_preview {
	margin: 0px 0px 5px 0px;
}
/* ****************************
** makeover gallery
******************************* */
ul.moimages {
	margin: 0;
	padding: 0;
}

.moimages li, .galleries li {
	margin: 20px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	height: 194px;
	width: 130px;
	list-style: none inside;
	float: left;
}

.moimages li img, .galleries li img {
}
.moimages h3 {
	margin: 0 auto;
	font-size: 11px;
	font-weight: normal;
	height: 28px;
	width: 115px;
	overflow: hidden;
}
.molinkselected {}

#makeover_gallery_preview {
	position: relative;
	margin-right: 5px;
	float: left;
}

#makeover_gallery {
	width: 175px;
	position: relative;
	float: left;
}

#makeover_gallery .form-select {
	width: 175px;
}

#makeover_gallery .form-textarea {
	width: 175px;
}

/* ****************************
** beautytips
******************************* */

#tiplist th {
	border-bottom: 1px dotted #d0d0d0;
	padding: 0px 0px 5px 0px;
}
#tiplist td {}
#tiplist .even {}
#tiplist .odd {}


.tipdate {
	letter-spacing: normal;
	font-weight: bold;
}

.taxonomy_tip {
	margin-bottom: 10px;
}

.beautytip_image {
	margin-right: 10px;
}

.beautytip_title {
	font-size:175%;
	font-style: oblique;
}

.tiperror {
	padding: 5px;
	margin-top: 3px;
	background-color: #d70b3c;
	width: 300px;
}

.beautytip_caption {
	float: left; 
	font-size: 11px; 
	width: 100px;
}

/* ****************************
** vmo tool
******************************* */
#vmo-main {
	width: 790px;
	position: relative;
	float: left;
}

#vmo-main #copyright {
	text-align: center;
	width: 60%;
}

#vmo {}

#vmo .MOSsection {
	width: 794px;
}

#vmo .SectionBlock h2 {
	display:none;
}

#vmo .SectionBlockBody {
	padding: 0 6px;
	margin: 0;
	display: inline;
}

#vmo #flashmovie {
	position: relative;
}

#vmo .SectionBlockFooter p {
	padding: 0px 20px 10px 20px;
	margin: 0;
	line-height: 0; /*fix for empty div tag rendering in IE */
}

#sidebar-vmo {
	position: relative;
	float: left;
	margin-left: 0px;
}
#sidebar-vmo .MOSsection {
	width: 195px;
	position: relative;
}
#sidebar-vmo h2 {
	font-size: 0px;
	letter-spacing: normal;
	position: relative;
}

#sidebar-vmo .SectionBlockBody p {
	margin: 0;
}

#VMOaf {}

#VMOaf .MOSsection {
	width: 794px;
	position: relative;
	background: none;
	padding: 0 0px;
	margin: 0;
}
#VMOaf .MOSsection .SectionBlock {
	position: relative; /*fix for IE*/
	background:none;
	padding: 0 0px;
	margin: 0;
}
#VMOaf .MOSsection .SectionBlockFooter {
	position: relative; /*fix for IE*/
	background: none;
	line-height: 0; /*fix for empty div tag rendering in IE */
	padding: 0 0px;
	margin: 0;
}

#VMOaf .MOSsection .SectionBlockFooter p {
	position: relative; /*fix for IE*/
	background: none;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0;
	line-height: 0; /*fix for empty div tag rendering in IE */
}
#VMOaf .SectionBlock h2 {
	padding: 0px 0px 0px 0px;
	position: relative;
	background: none;
	font-weight: normal;
	height: 0px;
}

#VMOaf .SectionBlockBody {
	padding: 0 0px;
	margin: 0;
}

#VMOaf #flashmovie {
	position: relative;
}
#VMOaf .SectionBlockFooter p {
	padding: 0px 0px 0px 0px;
	margin: 0;
	line-height: 0; /*fix for empty div tag rendering in IE */
}
#VMOaf .MOSsection .SectionBlockBody {
	padding: 0px 0px;
	margin: 0;
}

/****************************
** Drupal tabs
*******************************/
.tabs {}
.tabs ul.primary {
	border-collapse: collapse;
	white-space: nowrap;
	list-style: none;
	margin: 0px;
	padding:0px;
	height: auto;
	line-height: normal;
	border-width: 0;
	-webkit-padding-start: 40px;
}
.tabs ul.primary li {display: inline;}
.tabs ul.primary li a {height: auto;}
.tabs ul.primary li.active a {}
.tabs ul.primary li a:hover {}
.tabs ul.secondary {
	border-collapse: collapse;
	white-space: nowrap;
	list-style: none;
	margin: 0 0 0 0;
	height: auto;
	line-height: normal;
	border-width: 0;
	width: inherit;
}
.tabs ul.secondary li {	display: inline; border-style: none; margin: 0 0 0 0;}
.tabs ul.secondary li a {height: auto; text-decoration: underline;	text-transform: lowercase;}
.tabs ul.secondary li a.active {}
.tabs ul.secondary li a:hover {text-decoration: none;}
.tabs ul.secondary li.active a:hover {text-decoration: none;}

/* ****************************
** input fields
******************************* */
input {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	border: 1px solid #d0d0d0;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	vertical-align: middle;
}

select {
	margin:5px 5px 5px 0px;
	font-family: georgia;
}
select option, select optgroup {font-family: georgia;}

.form-select {
	height: auto;
}

textarea {
	border: 1px solid #ddd;
}

.inputbtn {
	border: none;
	text-align: right;
}

#payment .inputbtn {
	border: none;
	float: left;
}

.inputradio, .form-radio {
	border: none;
}

.inputfield {
	width: 250px;
}

.inputfield-short {
	width: 95px;
}

.inputcheckbox {
}

.dropInput {
	width: 240px;
}

.dropInput-upgrade {
	width: 290px;
}

#payment .dropInput-upgrade {
	width: 285px;
	float: left;
}

.inputLabel {
	color: #333333;
	text-align: right;
	vertical-align: middle;
	padding: 10px 10px 10px 0px;
}

.inputLabelRight {
	color: #333333;
	text-align: right;
	vertical-align: middle;
	padding: 10px 10px 10px 20px;
}

.submit-plain {
	margin-bottom: 20px;
}

.celeblist {
	width: 585px;
	position: relative;
	z-index: 7000;
	font-size: 14px;
	color: #d70b3c;
	font-weight: bold;
}
.celeblist td {color: #ff0099;}
.celeblist a, .celeblist a:visited {
	display: block;
	padding-left: 0;
	padding-bottom: 1px;
	padding-top: 1px;
	font-weight: normal;
}

.celeblist a:hover {}

.data_table {
	width: 100%;
}

.data_table th {
	border-bottom: 1px dotted #d0d0d0;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}

.data_table td {
	padding: 5px 5px 5px 0px;
}

.data_table .pagertd {}

.data_table .no_data {
	text-align: center;
	padding: 40px;
}
.data_table .highlight {}

.quicklinks {
	width: 240px;
	height: 70px;
	padding: 8px 11px;
	margin: 5px 0;
	color:#1a4877;
}

.quicklinks h3 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #3a291a;
}


.morelinks {
	padding-top: 15px;
}

.morelinks ul {
	padding-left: 10px;
	margin-left: 10px;
	list-style-type: disc;
}

.morelinks ul li {
	list-style-type: disc;
	padding: 0 0 15px 0px;
}

/* Google skyscraper ad styles*/
div#googf {text-align: center;}

/*****************************
** registration pages		**
******************************/
table.compare {
	width:100%;
}

table.compare th {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
}

table.compare td {
	border: 1px dotted #dddddd;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
}

table.compare td h4, table.compare th h4 {
	margin:5px 0px 5px 0px;
	padding:0px;
}

table.compare td.paid {
	color:#e4224a;
	font-style: oblique;
}

#signup { margin-top: 20px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#signup .small {	font-size:90%; }
#signup .smaller { font-size:80%; }
#signup .small b { color:black; }
#signup h4{ font-weight: bold; font-style: normal; }
#signup table.vedit , #cc table.vedit { border: 1px solid #dddddd; margin: 0px 0px 10px 0px; width:100%; }
#signup table.vedit tr td, #signup table.vedit tr th,#cc table.vedit tr td, #cc table.vedit tr th { border-top: 1px solid #dddddd;	padding: 3px 5px 3px 10px; }
#signup table.vedit h4 { margin:0px; }
#signup table.vedit tr th { border-right: 1px solid #dddddd;	width: 50%; }
#signup table.vedit tr th#signup_partner { border-right: 1px solid #dddddd; width: 52%; }

table.benefits-table {
	border:1px solid #cec8c3;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	margin:10px 0px 20px 0px;
	width:100%;
}

table.benefits-table th {
	color:white;*/
	padding:5px;
	text-transform: uppercase;
}

table.benefits-table th.quarter {
	border-left: 1px solid #cec8c3;
	width:20%;
}
	
table.benefits-table td {
	border-left: 1px solid #cec8c3;
	border-top:1px solid #cec8c3;
	padding:5px;
}

.benefits-table-top {}

.benefits-table-sub {
	font-size:85%;
}

.center {
	text-align:center;
}

.benefits-table-red {
	background-color:#e4224a;
	color:white;
	text-align:center;
}

/* Product Reviews */
a:active {outline: none;}
.contentbox {
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;
	float: left;
	width: 610px; /* DO NOT EXCEED else rhs nav wraps */
}

.extender {
	position: relative;
	clear: both;
}

.panel_basic {
	border: 1px solid #cec8c3;
	position: relative;
	float: left;
	margin: 0px 10px 10px 0px;	
	padding: 10px;
	width: 240px;
}

.panel_wide {
	border: 1px solid #cec8c3;	
	position: relative;
	float: right;
	margin: 0px 0px 10px 0px;	
	padding: 10px;
	width: 300px;
}

.panel_full {
	border: 1px solid #cec8c3;	
	position: relative;
	float: left;
	width:590px;
	margin: 0px 10px 10px 0px;
	padding: 10px;
}

.mini {
	border-bottom: 1px dotted #d0d0d0;
	padding: 10px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

.ttl h2 {
	font-style: normal;
}
.panelttl {
	padding: 10px 0px 0px 10px;
}
.panelttl h2 a {
	color: #636567;
	background-image: url('/images/front/btn_Browse.gif');
	background-position: center right;
	background-repeat: no-repeat;
	padding: 0px 20px 0px 0px;
}

.panelttl h2 a:hover {
	background-image: url('/images/front/btn_Browse_over.gif');
	background-position: center right;
	background-repeat: no-repeat;
}

.caption_small {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.caption_big {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.inner {
	margin: 0px 10px 0px 10px;
}

.inner.variheight {
	_height: auto !important;
	min-height: 800px;
	height: auto !important; /* IE */
	height: 800px; /* IE */
}

.inner .mini {
	margin-bottom: 8px;
}

.inner .button {float: left; margin: 10px 15px;}

.info {
	position: relative;
	float: left;
}

.info a {
	text-decoration: underline;
	font-weight: normal;
}
.info a:hover {}

.prod_ttl {
	padding: 2px 0px 10px 0px;
}

.prod_ttl a {
}

.info.minibuzz {
	width: 215px; /*135px;*/
}
.info.miniprod, .info.minireview {
	width: 195px;
}
.info.fullprod {
	width: 385px;
}

.buzz_ttl {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.buzz_issue {
	color: #303030;
	font-weight: bold;
}

/* Other */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.contentwrapper {
	position: relative;
	float: left;
}

#contentstart {
	background-color: #e7ecef;
}
#menu {
	padding: 0.5em 0.5em 0 0.5em;
	text-align: right;
	vertical-align: middle;
}

#help { margin-bottom: 1em; }

.messages {}
.error, .messages{
	color:#ffffff;
	background-color: #f3c3c3;
	border: 2px solid red;
	font-size: 115%;
	padding:5px;
}

div.errmsg {
	color: #d70b3c;
}

/* ****************************
** Drupal comments
******************************* */
.comment_block {
	width: 610px;
	float: left;
	margin: 0px 20px 0px 0px;
}
.comment_block h2 {
	color: #333333;
	font-size: 18px;
	font-weight: lighter;
	font-style: normal;
	font-family: "lucinda sans", sans-serif, Arial;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
}
/*
.comment {
	padding-bottom: 3px;
}
*/

.commentSection {
	/* background: #FFFFFF; */
	border-bottom: #ebebeb solid 1px;
	padding: 0px;
	margin: 0px;
	width: 540px;
}

.commentBlock {
	overflow: auto;
}

.commentSection .commenttitle {
	background-image: url('/shared/img/commentheader.gif');
	padding: 2px 5px 0px 15px;
	/*font-size: 10px;*/
	font-weight: normal;
	color: #FFF;
}
.commentSection .commenttitle a {
	color: #FFF;
}
.nopadding td {
	padding: 0px;
}
.SectionBlock .commentlinks {
	background-image: url('/shared/img/graybarbg_noshadow.gif');
	font-weight: bold;
	padding: 3px 15px 3px 15px;
	margin: 0px;
}

.commentBlock .commenthr {
	height: 1px;
	border: 1px #eee solid;
	visibility: visible;
}

.commentSection .commentBlockBody {
	padding: 15px 40px;
	margin: 0;
}

.commentSection .commentBlockFooter {
	line-height: 0; /*fix for empty div tag rendering in IE */
	margin: 0;
}

.commentSection .commentBlockFooter p {
	display: block;
	padding: 0px 20px 0px 20px;
	margin: 0;
	line-height: 0; /*fix for empty div tag rendering in IE */
}

.form-submit {
	margin: 10px 0 10px 0;
}

.container-inline, .container-inline div {
	display: inline;
}

label { margin-top: 20px; }

/* ****************************
** Drupal profile
******************************* */

fieldset {
	margin: 10px 0 20px 0;
	border: none;
	padding: 10px;

	/* IE only */*
	margin-top: 0px;
	/* IE only */*
	padding: 0px 10px;
}

fieldset ul {
	margin-left: -15px;
	/* IE only */*
	margin-left: 10px;
	/* IE only */*
	padding-left: 15px;
}


fieldset li {
	margin-bottom: 5px;
}

legend {
	font-weight: bold;
	padding: 0px 10px;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/

.submitted {
	color: #999;
	font-size: 85%;
	padding: 0;
	margin-top: 0;
}
.box {}
.block { margin: 0; padding: 0; }
.node {}
.node h1 {}
.node .content, .comment .content {}
.node .taxonomy {}
.node .picture {}
.comment { margin-bottom: 10px; }
.comment .new {}
.comment .picture {}
.comment .date { text-align: right; padding-right: 10px; }
.links { font-weight: bold; padding: 2px 15px 1px 10px; }
.links .prev, .links .next, .links .up { font-size: 11px; }
.titles .prev, .titles .next { font-weight: bold; color: #444; }
.hide { display: none; }
.QIDiv { font-size: 12px; }
.content .active {}

#aggregator .feed-source {
	/*background-color: #eee;*/
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em 0 1em 0;
}
#aggregator .news-item .source {
	/*color: #999;*/
	font-style: italic;
	/*font-size: 11px;*/
}
#aggregator .title {
	font-size: 1em;
}
#aggregator h3 {
	margin-top: 1em;
}
#tracker th {
	text-align: center;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fafafa;
}
#tracker th img {
	float: right;
}
#tracker tr.even, #tracker tr.odd {
	background-color: #fff;
}
#tracker td {
	vertical-align: top;
	padding: 1em 1em 1em 0;
	border-bottom: 1px solid #bbb;
}
#forum {
	margin: 15px 0 15px 0;
	background-color: #fff;
}
#forum table {
	width: 100%;
	border: 2px solid #69c;
}
#forum table tr th {
	text-align: center;
	border-bottom: 1px solid #aaa;
}
#forum table tr th a {}
#forum table tr th img {
	margin: 0;
}
#forum tr.odd {}
#forum tr.even {
	background: #fff;
}
#forum td {
	padding: 0.5em 0.5em 0.5em 0.5em;
}
#forum td.container {
	color: #000;
	border: 2px solid #69c;
}
#forum td.container a {
	padding: 20px 0 20px 35px;
}
#forum td.container a:visited {}
#forum td.statistics, #forum td.settings, #forum td.pager {
	height: 1.5em;
	border: 1px solid #bbb;
}
#forum td .name {}
#forum td .links {
	padding-top: 0.7em;
	font-size: 11px;
}
.block-forum h3 {
	margin-bottom: .5em;
}
.calendar a {
	text-decoration: none;
}
.calendar td, .calendar th {
	padding: 0.4em 0;
	border-color: #888;
}
.calendar .row-week td a {
	padding: 0.4em 0;
}
.calendar .day-today {
	background-color: #3e3e3f;
}
.calendar .day-today a {
	color: #fff;
}
.calendar .day-selected {
	background-color: #3e3e3f;
	color: #fff;
}
.calendar .header-week {
	background-color: #ccc;
}
.calendar .day-blank {
	background-color: #ccc;
}
.calendar .row-week td a:hover {
	background-color: #fff;
	color: #000;
}

#sitemap{
	color: #333333;
	font-size: 12px;
}
#sitemap a, #sitemap a:visited, #sitemap a:active {
	font-style: normal;
	color: #333333;
}
#sitemap a:hover {
	font-style: normal;
	color: #ff0099;
}
.sm_item {
	width: 100%;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #D0D0D0;
}
.sm_subitem {
	clear: both;
	margin: 5px 0;
}
.sm_subitem_l{
	float: left;
	width: 180px;
	padding: 15px 0 15px 0;
}
.sm_subitem_r{
	float: left;
	width: 500px;
	padding: 10px 0 15px 0;
}
/*----------------------------[landing pages]------------------------------------*/
.landing_promo{position:relative;}
.landing_promo ul{margin:0;padding:0;display: inline;position:absolute;top:172px;left:40px;}
.landing_promo ul li{list-style:none;display:inline;}
.landing_promo ul li a{height:76px;width:55px;text-indent:-7000px;display:block;float:left;margin-right:16px;}
.landing_promo ul li a:hover{border:1px solid #ff0198}
#promo1{background-image:url('/images/landingpage/promo/SEO_Landing_promo.png');background-repeat:no-repeat;background-position: -2px 1px;height:290px;width:635px;}
.search_string{color:#FF0099;}
.found_term{background-color:#FF0099;color:white;font-weight:bold;}
.search_terms{margin-bottom: 10px;}
#landing-footer-container{border-top:1px solid #D0D0D0;text-align:center;margin: 20px 0 0;}
#landing-footer-ad{margin: 10px 0 0;}
#sidebar-right .lp_related_wrapper{border:1px solid #D0D0D0;margin-top:20px;padding:0 14px 14px 14px;}
#sidebar-right .lp_related_wrapper h2.lp_head{font-family:georgia,sans-serif,Arial;border-bottom:dotted 1px #D0D0D0;padding:5px;text-align:center;}
#sidebar-right .lp_related_wrapper div.lp_related h3,#sidebar-right .lp_related_wrapper div.lp_related a{font-weight:bold;font-size:12px;margin:0;font-style:normal;color:#208DA1;}
#sidebar-right .lp_related_wrapper div.lp_related p{margin:0 0 15px 0;}
/*----------------------------[survey popup div]------------------------------------*/
#homepagePoll {position: absolute; display: block; z-index: 2147483647; top: 180px; left: 250px; width: 450px; height: 230px; border: 1px solid black; background: #fff; background: url(/images/global/sub_container_bg_right.gif);}
#homepagePoll #logo {margin: 16px 0 0 13px;}
#homepagePoll #close {position: absolute; left: 415px; top: 15px; cursor: pointer;}
#homepagePoll #title {margin: 25px 0 0 13px; color: #b52852; font-family: georgia, arial; font-size: 22px; letter-spacing: 1px; text-transform: uppercase;}
#homepagePoll #text {margin: 5px 0 0 13px; color: #555555; font-size: 18px;}
#homepagePoll #buttons {float: right; margin: 20px 18px 0 11px;}
#homepagePoll #buttons a {float: right; display: block; width: auto; height: 26px; margin: 0 0 0 20px; padding: 0 10px; color: #4f0816; line-height: 26px; font-family: georgia; font-size: 12px; font-weight: bold; text-decoration: none; text-align: center; text-transform: uppercase; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-bottom: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; background: url(/images/global/btn_swfRep_bg.gif) 0px -2px repeat-x;}
#homepagePoll #buttons a:hover {border: 1px solid #f192a5; text-decoration: none;}






/************************************/
#content-wrap #contentstuff.community-wrap{
	width: 660px;
}
#content-wrap #contentstuff.community-wrap .MOSsection .SectionBlock{
	width: auto;
	padding: 0;
	margin: 0;
}
/*
.community-wrap .block{
	border: 1px solid red;
}
*/
#community-top{
	clear: both;
}
#community-top a{
	color:#ff0099;
	font-style: normal
}
#community-top #edpic-img{
	float:left;
	margin-right:10px;
}
#community-top #edpic-info{
	float:left;
	width: 198px;
}
#community-top #edpic-header{
	background: url(images/edpicoftheday.gif) no-repeat 0 0; 
	width: 198px;
	height: 67px;
	text-indent: -9999px;
}

/*User Detail Page*/
#community-detail-info, #community-detail-right{
	float:left;
	overflow: hidden
}
#community-detail-info{
	width: 190px;
	padding: 0 20px  0 0
}
#community-detail-info a{
	color:#ff0099;
	font-style: normal
}
#community-detail-right{
	width: 375px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}
.ie7 #community-detail-right{
	height: 310px;
}
.com-user-header{
	font-family: Georgia;
	font-size: 24px;
	color:#000;
	font-weight: normal;
	line-height: 1em;
	white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   word-wrap: break-word;      /* IE */
}

/*Tabs*/
.dm-com-tabs	{ list-style: none; overflow: hidden; display: inline-block; margin:0; padding: 0 }
.dm-com-tabs .com-tab-item{ text-transform: uppercase; float:left; text-align: center; padding: 4px 8px; z-index: 1; /* cursor: pointer; */ font-size: 11px; background: url(images/tab-off.gif) repeat-y left top }
.dm-com-tabs .com-tab-item.bgleft{background-position: right top}
.dm-com-tabs .com-tab-item:hover,
.dm-com-tabs .com-tab-item a	{ color:#000; text-decoration: none; font-style: normal; font-weight: bold; }
/* div#content-wrap .dm-com-tabs .com-tab-item:hover a	{ text-decoration: none; color:#ff0099} */
div#content-wrap .dm-com-tabs .com-tab-item:hover a	{ text-decoration: none; color:#444}
.dm-com-tabs #whatwearing-tab { width: 172px; display: none /*Temp hide it until it works*/}
.dm-com-tabs #seemore-tab	{ width: 171px }
/* .dm-com-tabs .com-tab-item.active-tab a	{ color:#ff0099;} */
.dm-com-tabs .com-tab-item.active-tab a	{ color:#444; cursor: default}
.dm-com-tabs .com-tab-item.active-tab { z-index: 10; background: #fff;padding: 4px 8px }
.dm-com-tab-content	{ display:none; padding: 0; margin:0; height: 260px; background: #fff}
.dm-com-tab-content.active-tab	{ display:block }


/*Scrollbar*/
.scroll-cont { width: 370px; clear: both; margin: 20px 0 10px; }
.scroll-cont .viewport { width: 350px; height: 248px; overflow: hidden; position: relative;}
.scroll-cont .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scroll-cont .scrollbar { position: relative; float: right; width: 18px; }
.scroll-cont .track { background-color: #f1ede4; height: 100%; width:16px; position: relative; padding: 0 1px; }
.scroll-cont .thumb { height: 20px; width: 16px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background: url(images/scroll-track.gif) no-repeat center bottom #b8b3af}
.scroll-cont .thumb .end { overflow: hidden; height: 5px; width: 16px; background: url(images/scroll-track.gif) no-repeat center top #b8b3af}
.scroll-cont .disable{ display: none; }


/*Community Nav*/
#content-wrap .community-nav{
	border-top: 1px solid #000;
	margin:0;
	padding: 1px 0 0 0;
	clear:both;
	overflow: hidden;
}
.community-nav .c-nav-item{
	float:left;
	position: relative
}
.community-nav .c-nav-item a{
	background: url(images/c-nav.gif) no-repeat 0 0;
	height: 77px;
	float:left;
	text-indent: -9999px;
}
.community-nav .c-nav-item .nav-amt{
	position: absolute;
	bottom: 16px;
	left: 10px;
	color:#999;
}
.community-nav #editors-pick a{width: 83px;background-position: 0 0}
.community-nav #new-makeovers a{width: 104px;background-position: -83px 0}
.community-nav #most-popular a{width: 84px;background-position: -187px 0}
.community-nav #everyday-looks a{width: 91px;background-position: -271px 0}
.community-nav #evening-looks a{width: 80px;background-position: -362px 0}
.community-nav #wedding-looks a{width: 86px;background-position: -442px 0}
.community-nav #fun-looks a{width: 63px;background-position: -528px 0}
.community-nav #all-looks a{width: 69px;background-position: -595px 0}
/*current States*/
.community-nav #editors-pick.current a{background-position: 0 -156px;}
.community-nav #new-makeovers.current a{background-position: -83px -156px;}
.community-nav #most-popular.current a{background-position: -187px -156px}
.community-nav #everyday-looks.current a{background-position: -271px -156px}
.community-nav #evening-looks.current a{background-position: -362px -156px}
.community-nav #wedding-looks.current a{background-position: -442px -156px}
.community-nav #fun-looks.current a{background-position: -528px -156px}
.community-nav #all-looks.current a{background-position: -595px -156px}
/*Hover States*/
.community-nav #editors-pick a:hover{background-position: 0 -78px;}
.community-nav #new-makeovers a:hover{background-position: -83px -78px;}
.community-nav #most-popular a:hover{background-position: -187px -78px}
.community-nav #everyday-looks a:hover{background-position: -271px -78px}
.community-nav #evening-looks a:hover{background-position: -362px -78px}
.community-nav #wedding-looks a:hover{background-position: -442px -78px}
.community-nav #fun-looks a:hover{background-position: -528px -78px}
.community-nav #all-looks a:hover{background-position: -595px -78px}


/*	Community Expanding Nav 	*/
#expand-nav{
	position:relative;
	clear:both;
	margin-bottom: 10px ;
	height: 10px;
}
#expand-nav-wrapper{

position:absolute;
	
width:100%;
	
}
#expand-nav-cont{
	z-index: 999;
	background: #f9f9f9;
	padding: 14px 0;
	overflow:hidden;
/* 	min-height: 170px; */
}
#expand-nav-cont #community-expand-thumbs .MOSsection .SectionBlockBody{
	clear:none;
}
#expand-nav-cont #community-expand-thumbs .SectionBlock{
	padding: 0; margin: 0;
}
#expand-nav-cont .community-pagination-cont{
	margin-right: 20px;
	float:right;
}
#expand-nav-cont .community-thumbs-row{
	margin-top: 24px;
	padding-left: 44px;
}
#expand-nav #expand-nav-cont .thumb{
	margin-right: 14px;
	display: block;
	float:left;
}
#expand-nav-cont .sortby-text{
	margin-left: 20px
}
#expand-nav-cont p, #expand-nav-cont h3{
margin: 0; padding: 0
}
#expand-nav-bottom{
	border-top: 1px dotted #000;
	position: relative;
	background: transparent;
	height: 10px
}
#expand-nav-bottom.active{
	background: url(images/expanding-bottom.png) no-repeat 0 0 transparent;
}

#expend-nav-btn {
	background: url(images/sub-nav-expand.png) no-repeat left top;
	position: absolute;
	width:130px;
	height: 20px;
	left: 50%;
	margin-left: -65px;
	cursor: pointer;
	bottom: 2px;
}
#expend-nav-btn:hover {
	background-position: left -20px;
}
#expend-nav-btn.active{
	background-position: left -40px;
}
#expend-nav-btn.active:hover {
	background-position: left bottom;
}
#expand-nav-cont{
	display: none;
}

.expand-nav-arrow{
	background: url(images/expand-arrows.gif) no-repeat 0 0;
	position: absolute;
	width: 12px;
	height: 41px;
	top: 50%;
	margin-top: -20px;
	outline: 0;
	border:none;
	display: none;
}
.ie7 .expand-nav-arrow:focus{outline:0!important}

.expand-nav-arrow.disabled{
	cursor: default;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
#expand-nav-larrow{
	left: 10px;
}
#expand-nav-larrow:hover, #expand-nav-larrow.disabled {
	background-position: 0 -41px
}
#expand-nav-rarrow{
	right: 10px;
	background-position: 0 -82px;
}
#expand-nav-rarrow:hover,  #expand-nav-rarrow.disabled {
	background-position: 0 -123px;
}
#expand-nav-cont .loader{
	height: 151px;
}

/*5 Lips Rating System*/
div.rateit{
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    cursor: pointer;
    color:#999;
    font-size: 10px;
}
div.rateit div.rateit-range{
    position: relative;
    display: inline-block;
    background: url(images/star.gif);
    height: 16px;
    vertical-align: middle;
}
div.rateit div.rateit-hover, div.rateit div.rateit-selected{
    position: absolute;
}
div.rateit div.rateit-hover{
    background: url(images/star.gif) left -32px;
}
div.rateit div.rateit-hover-rtl{
    background-position: right -32px;
}
div.rateit div.rateit-selected{
    background: url(images/star.gif) left -16px;
}
div.rateit div.rateit-selected-rtl{
    background-position: right -16px;
}
div.rateit div.rateit-reset{
    background: url(images/delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
}
div.rateit div.rateit-reset:hover{
    background-position: 0 -16px;
}
.edpic-rating{
	font-size:10px;
	margin-left: 10px
}

/*Community Bottom Thumbs*/

#hairstyles-wrapper #contentstuff .MOSsection .SectionBlock{
	width: auto
}
#community-thumbs-cont{
	background: #f9f9f9;
	clear:both;
	padding: 10px 4px;
	overflow:hidden
}
#community-thumbs-cont .MOSsection,
#community-thumbs-cont .SectionBlock{
margin: 0;
padding: 0;
}
.community-thumbs-row{
	height: 124px;
	margin: 0 0 20px;
	text-align: left;
	font-size: 12px;
	padding: 0 0 0 10px;
}
.ie7 .community-thumbs-row, .ie8 .community-thumbs-row{
	width: 100%;
	margin-left: -4px;
}
.ie7 #sidebar #right-top-promo{
	margin-bottom: 20px
}

.community-thumb{
	margin-right:21px ;
	margin-bottom: 20px;
	vertical-align: top;
	width: 83px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;	
}

.community-detail-thumbs{
	text-align: left;
	padding-top: 2px;
	margin: 0;
	padding: 2px 0 0 30px;
}
.community-thumb .thumb-cont{
	background: #fff;
	-webkit-box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999; 
	vertical-align: top;
	padding: 3px;
	border: 2px solid #fff;
	width: 73px;
	height: 101px;
	margin: 0;
	-ms-interpolation-mode: bicubic; 
}
.community-thumb .thumb-cont:hover{
	border: 2px solid #ff66cc;
}
.community-thumbs-row .thumb{
	position: relative;
	margin-right:24px ;
	margin-bottom: 20px;
	vertical-align: top;
	width: 80px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;	
}

.community-thumbs-row .thumb .thumb-cont{
/* 	background: url(photo-frame.png) no-repeat left top; */
	background: #fff;
	-webkit-box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999; 
	vertical-align: top;
	padding: 4px;
	width: 73px;
	height: 102px;
	position: absolute;
	margin: 0;
	-ms-interpolation-mode: bicubic; 
	left: 10; top:10;
}
.ie7 .community-thumb ,
.ie8 .community-thumb,
.ie8 .community-thumbs-row .thumb .thumb-cont,
.ie7 .community-thumbs-row .thumb .thumb-cont{
border-top: 1px solid #eee;
border-left: 1px solid #eee;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb
	
}
.ie7 .community-thumbs-row .thumb .thumb-cont{
	left:0;
	top:0;
}
.ie7 .community-thumbs-row .thumb .rateit-hover,
.ie7 .community-thumbs-row .thumb .rateit-selected{
	left: 0;
}

.community-thumbs-row .thumb.last-thumb{
	margin-right: 0;
}
.community-thumbs-row .thumb  img{
	vertical-align: top
	width: 73px;
	height: 100px;
	-ms-interpolation-mode: bicubic;
}
.community-thumbs-row .thumb  em{
	position: absolute;
/* 	background: url(images/trans-90.png) 0 0 repeat; */
background: #fff;
	padding: 4px 12px;
	bottom: 0;
	left: 0;
	display: none;
	text-align: center;
	white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   word-wrap: break-word;      /* IE */

}
.community-thumbs-row .thumb  em a{
	white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   word-wrap: break-word;   }

.sortby-text{
	margin-top: 3px;
	margin-right: 10px
}
/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  width:130px !important;
  background-color:white;
  border:1px solid #999;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow:auto;
  z-index: 99999;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
  background-color: #ccc;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
  background-color: #CDD8E4;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

/* Look and feel of select box */
.selectbox
{
  margin: 0px 5px 10px 0px;
  padding-left:10px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;/* Resize Font*/
  width : 118px; /* Resize Width */
  display :inline-block;
  text-align:left;
  background: url('images/arrow-select.png') no-repeat right center #fff;
  cursor: pointer;
  color:#333;
  border: 1px solid #999;
  padding-bottom: 3px
}
.node #pager {
	 float: right;
    text-align: right;
    width: 60%;
    margin-right: 30px
}
.ie7 #pager{
	margin-top: -24px !important;
}
.node #pager a, .node #pager strong.pager-current{
	color:#444;
	font-style: normal;
	text-decoration: none;
	padding: 0;
}
#pager strong.pager-current{
	font-weight: bold
}
#pager-cont{
	float:right;
	width: 50%;
	text-align: right;
}
#pager-index{
	margin-right: 12px;
}
.loader{
	display: none;
	height: 500px;
	background: url(images/community-loader.gif) no-repeat center center;
}
#community-thumb-main .sort-text	{ 
	margin-left: 10px;
 }


#content-wrap #hairstyles-wrapper #sidebar{
	margin: 0;
	padding: 0
}
#all-looks{
	display: none
}
#community-detail-bottom {
	overflow: hidden;
	margin-bottom: 60px;
}