body {

/*
background: url(../../../images/2013/fall/1000.gif) center top repeat-y;
*/

}

/* OVERRIDES for My31 */

ul.listfix{
list-style-position: outside;
padding-left: .75em;
}

#badge-container{
margin-left: 20px;
}

.productCategoriesSelectorList ul{
padding-left: .5em;
}

.prod-table{
width: 100%;
}

.product-item {
border: solid 1px #ffffff;
background: none !important;
font-size: 13px;
line-height: 1.5em;
height: auto;
color: #736055;
}

.product-item:hover{
border: solid 1px #fdb3d7;
transition: border .5s;
-webkit-transition:  border .5s; /* Safari */
}

.product-item img{

margin-bottom: .5em;
}

.product-item .cart_price {
color: #de1c85;
font-weight: bold;
padding-top: .5em;
display: block;
}

.grid_cart_item{
text-align: center;
}


.row, .row-fluid {
    width: 1000px !important;
    max-width: 1000px;
    padding: 0 1.5%;
}

#personalization .dotted {
	width: 46.5% !important;
	padding: 1.5% 1% 3%  !important;
	margin: 0 !important;
	float: left  !important;
	clear: none  !important;
}

#personalization .row:nth-child(odd) {
	clear: left !important;
	padding-left: 0 !important;
	padding-right: 2% !important ;
	margin-right: .125%  !important;
}

/* ---- UIC overrides ---- */

.uic-main, 
.profile-info {
	font-size: 12px;
	line-height: 1.2em;
}

.uic-main .about-me,
.uic-main .about-me sup {
    font-size: 15px;
    line-height: 20px;
}

.uic-main .row, .uic-main .row-fluid {
    margin-left: -1.5%;
    margin-top: 20px;
    max-width: 1030px;
    padding: 0;
    width: 1030px !important;
}

.uic-main a.hover { text-decoration: none; }


.lgtext,
.header-hero {
	font-size: 15px; 
	line-height: 1.5em;
}
.navbar {
	width: 100% !important;
    max-width: 100% !important;
}
vo-template .navbar .nav > li {
	padding: 0 1.1%; /* overrides TOG style to fit more nav items */
}
.content .container > * {
    width: 1000px !important;
    max-width: 1000px;
    margin: 0 auto !important;
    padding: 0 1.5%;
}

.header-hero {
    margin: -18px 0 1.25% 0;
}
.header-hero .fig-caption {
    padding: 3% 1.2%;
}
.header-hero.full-width {
    overflow: visible;
    position: static;
}
.header-hero.full-width .figure {
	position: absolute;
	width: 100%;
	min-width: 1030px;
	left: 0;
	margin-top: -4px;
	z-index: 1;
}
.subMenu {
    color: #DE1C85;
    float: right;
}
.navbar {
	padding: 0;
	margin-bottom: 18px !important;
}
#vo-template .navbar .nav > li {
	padding: 0 1.1%; /* overrides TOG style to fit more nav items */
}
.navbar-inner {
	margin: 6px auto 12px;
	padding: 0 1.5%;
	width: 1030px;
}
.row.print-top-border {
	width: 988px !important;
	margin: -8px 15px 8px;
}
.footer_container {
	/* width: 1030px !important; */
    /* max-width: 1030px; */
    margin: 40px auto 0 auto !important;
    padding: 0;
}
.footer_container > .row {
	width: 1030px !important;
    max-width: 1030px;
    padding: 0;
}
.footer_container > .row.befriend {
	position: relative;
}
.universal {
	width: 1030px !important;
    max-width: 1030px;
    margin: 20px auto 0 auto;
}

#personalization table td {
    vertical-align: middle;
}


.uic-main .sharecrumb {
	width: 1000px !important;
	padding: 0 15px;
	margin-top: 0;
}
.uic-main .sharecrumb .sharing{
	margin: 0;
}

/* OVERRIDES TO FIX DOWNLINE */
#ctl00_ctl00_MasterContentBody1_content_rep_rmpDownline .table_style td {
    padding: 0 0 3px 0;
}

#ctl00_ctl00_MasterContentBody1_content_rep_rmpDownline #filterTable  {
    margin-right: 10px;
}


/* -- GOTG -- */

#gotg-home {
	padding: 1em 0 530px;
	margin: 4em 0 -1.5%;
	
}

#gotg-home .inner {
	background: url(../../../images/2013/fall/homepage/gotg/gotg-background.jpg) top left no-repeat;
	border-top: solid 2px #9b8579;
	position: absolute;
	width: 100%;
	min-width: 1030px;
	left: 0;
	margin-top: -4px;
	padding-bottom: 50px;
}

#gotg-home .inner .row {
	width: 1030px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.lt-ie8 #gotg-home {
background-position: -50px right;

}

.lt-ie8 #gotg-home .span6{

	padding: 0 1.4%;
	margin: 0;
}

#gotg-home h2{
	position: absolute;
	margin-top: -54px;
	white-space: nowrap;
}

.video-play-center{
	width: 94px;
	height: 52px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -47px;
	margin-top: -26px;
}




/* No JavaScript error message */

	div.no-js-message {
		font-weight: bold; 
		font-size: 14px; 
		color: #333333; 
		margin: -10px 0px 10px; 
		padding: 0.2em 0.8em; 
		background-color: #ffff99; 
		border-bottom: 1px solid #666666; 
		position: relative;
	}
	
	div.no-js-message .warning-outer {
		width: 0px; 
		height: 0px; 
		position: absolute; 
		display: block; 
		margin: 2px 0px 0px; 
		border-left: 8px solid transparent; 
		border-right: 8px solid transparent; 
		border-bottom: 16px solid black;
	}
	
	div.no-js-message .warning-inner {
		color: #ffff99; 
		position: absolute; 
		display: block; 
		margin: 2px 0px 0px 6px;
	}
	
	div.no-js-message span.no-js-message {
		padding-left: 20px; 
		white-space: nowrap;
	}
	

/* For new Consultant header */

.header-rep-info {
	float:left;
	margin: 8px 0 6px 0;
	display: block;
	max-height:120px;
	overflow:hidden;
	font-size: 12px;
	width: 380px;
}
#vo-template .header-rep-info {
	font-size: 13px;
	line-height: 17px;
}
.header-rep-info span {
	display: block;
	margin: 0 0 0em 0;
	padding: 0;
	line-height: 14px;
	background:none;
}
.header-rep-info .photo {
	width: 73px\0/;
	padding: 0;
	float: left;
}
.header-rep-info .photo img {
	padding: 0 8px 6px 0;
}
.header-rep-info .info {
	margin:0 0 6px 0;
	float:left;
	background:none;
	width: 304px;
}

.header-rep-info .name {
	margin: 0 0 0.2em 0;
}
.header-rep-info span.phone br {
    display: none;
}
.header-rep-info .fax {
	display:none;
}
.header-rep-info .contact {
    float: left;
    margin: 0.2em .6em 0 0 !important;
}
.header-rep-info .about-me {
	margin: 0.2em 0.4em 0 0;
	float: left;
}
.subMenu {
	font-size: 13px;
	line-height: 17px;
	margin: 8px 0 12px 0;
}
.subMenu a {
    border-left: 1px solid #736055;
    padding-left: 7px;
    margin-left: 7px;
}
.subMenu a:first-child {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}

/*
.top_container {
	position: relative;
	min-height: 100px;
}
.top_container .logo {
	position:absolute;
	left: 50%;
	margin-left: -97px;
	bottom: 0px;
}
*/

.home-consultant-info span {
	display: block;
	margin: 0;
	font-size: 13px;
	line-height: 17px;
}

.home-consultant-info span.name {
	font-weight: bold;
}
.home-consultant-info span.address,
.home-consultant-info span.phone {
	margin: 6px 0 0 0;
}
.fac-form {
    margin-top: 1em;
}
.fac-form .filter-header {
    padding-left: 30px;
}
.fac-form .filter-header img {
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 12px;
}

/* makes FAC form single centered column */
.uic-main .fac-form {
	width: 63.6667%;
	float: none;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
    max-width: 97%;
}

/* FOR CHANGE CONSULTANT FORM */
.change-cons-form .vistaButton {
    height: auto;
	width: 330px;
	margin-right: 20px;
}
.change-cons-form .vistaButton span {
    font-size: 20px;
	line-height: 1.2em;
    padding: 10px 15px;
	text-align: center;
	width: auto;
	margin: 0;
}
.change-cons-form .vistaButton span div {
    line-height: 1.2em;
    padding: 0;
}
.change-cons-form .vistaButton span div .sublabel {
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	display:block;
	padding: 0;
	border:none;
	height: auto;
	background: none;
}

.fac-form input[type="text"], .fac-form input[type="password"] {
    height: 24px !important; /* NEEDED OVERRIDE FOR FAC FORM */
}

/* for connected to new consultant message via jquery and parameter msg=connected */

.msg-connected {
	/* background: url("../../../images/2013/fall/backgrounds/fabric-pattern.png") repeat scroll center center #de1c85; */
	background-color: #de1c85;
	color: #ffffff;
	margin:-20px 0 22px;
	position: relative;
    z-index: 2;
}
.msg-connected .inner {
	width:1000px; 
	margin:10px auto; 
	padding: 20px 15px 15px 15px; 
	text-align: center;
}
.msg-connected h3, .msg-connected p {
	color: #ffffff;
}
.msg-connected .close {
	font-size: 80%;
	cursor: pointer;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 0;
}
.msg-connected .close:hover, .msg-connected .close:active {
	text-decoration: underline;
}


/* from tog.css just for hostess exclusives product styles */



.hostess blockquote:before{
content: "“";
font-size: 300%;
line-height: 1em;
font-family: serif;
position: absolute;
left: -.75em;
top: 0;
}

.hostess blockquote p.attribution:before{
content: "”";
font-size: 300%;
line-height: 1em;
font-family: serif;
position: absolute;
right: 0;
margin-top: -1em;
}


.hostess blockquote{
font-style: italic;
color: #de1c85;
width: 50%;
border: none;
padding: 0;
margin: 20px -25% 2em 2em;
font-size: 15px;
position: relative;
float: right;

}

.hostess blockquote p.attribution{
font-weight: bold;
font-size: 13px;
text-align: right;
}


.hostess .span10 ul {
    margin-bottom: 0.75em;
}

.hostess .product_thumb:nth-child(3n+1), .hostess .product_thumb:nth-child(3n+1) {
    clear: none;
}
.hostess .span10 li {
    list-style-position: inside;
}
.hostess .product_thumb, .hostess .category-thumb {
    width: 25%;
    display: block;
    float: left;
    list-style-type: none;
    text-align: center;
}
.product_thumb, .category-thumb {
    list-style-type: none;
    text-align: center;
}
.product_thumb a {
    display: block;
    padding: 3%;
}
.category-thumb a img, .product_thumb a img {
    display: block;
    margin-bottom: 0.5em;
}
.product_thumb span, .category-thumb span {
    display: block;
}


.bubbles{
position: relative;
padding: 0 0 80% 0;
margin: 1.5em auto 2em;
width: 80%;
}

.bubbles .bubble-text{
width: 33%;
position: absolute;
top: 2.5%;
left: -12%;
z-index: 5;
}

.bubbles .bubble-image{
position: absolute;
width: 100%;
top: 0;
right: 0%;
z-index: 4;
}

.bubble-guide{
z-index: 5;
position: absolute;
top: 57%;
right: -17%;
color: #ffffff;
width: 40%;
font-size: 15px;


transform:rotate(10deg);
-ms-transform:rotate(10deg); /* IE 9 */
-webkit-transform:rotate(10deg); /* Safari and Chrome */
}

.bubbles .bubble-background{
position: absolute;
width: 100%;
top: 0;
}

.bubbles .bubble-guide p,
.bubbles .bubble-guide ul{
position: relative;
z-index: 6;
width: 66%;
text-align: center;
margin: .5em auto;
list-style-type: none;
line-height: 1.25em;
}

.bubbles .bubble-guide li{
line-height: 1.25em;
}


.twelve {
width: 110%;
margin: 2em 0 -8% -5%;
padding: 0 0 145% 0;
}

.twelve .bubble-text{
left: 15%;
top: 0;
transform:rotate(-23deg);
-ms-transform:rotate(-23deg); /* IE 9 */
-webkit-transform:rotate(-23deg); /* Safari and Chrome */
}

.twelve  .bubble-image{
top: 10%;
}
.twelve .bubble-guide{

font-size: 20px;
right: 7%;
top: auto;
bottom: 0;

/*
right: auto;
left: -17%;
transform:rotate(-10deg);
-ms-transform:rotate(-10deg); 
-webkit-transform:rotate(-10deg); 
*/
}


table#party-planning {
margin: 1em 0 0 0;
border-right: solid 1px  #736055;
border-bottom: solid 1px  #736055;
}

table#party-planning td, table#party-planning th{
background-color: #ffffff;
text-align: left;
color: #736055;
padding: .25em .5em .25em;
border-left: solid 1px  #736055;
border-top: solid 1px  #736055;
}

table#party-planning td{

font-weight: normal !important;
}

table#party-planning tr:hover td, 
table#party-planning tr:hover th {
	background-color:#ffffff !important;	/* bootstrap override */
}


/* for Party Plan buttons, inputs, forms */

#MasterContentBody1_PageContent_btnSearch {
	width: auto;
}
	
/* from buttons.css in Party Plan */

  /* General button style - appears as a block with bg image */
.vistaButton, .button
{
	overflow: hidden;
	vertical-align: middle;
	text-decoration:none;
	background-color: #de1c85;
	padding:5px 0px;
	text-transform:uppercase;
	color:#fff;
	display: block;
    display: inline-block;
	font-size: 15px;
	line-height: 1em;
	margin-bottom: .5em;
	margin-left: 1em;
	cursor: pointer;
	height: 30px;
}
.vistaButton:first-child, .button:first-child
{
	margin-left: 0;
}
input.vistaButton, input.button
{
	padding:5px 10px;
}
.vistaButton > .vistaButton {
	background: none;
}

.vistaButton a a:hover
{        
    text-decoration:none;
}

.vistaButton:hover {
	background:#666;
	color:#fff;
	text-decoration:none;
}

/* Inner div for text */
.vistaButton div
{
    /* font-family:tahoma, arial, sans-serif; 
	font-size:10px; 
	font-weight:bold; 
	text-decoration:none !important; */
	height:30px;
	display: inline;	    
	line-height: 30px;
	position: relative;
	background: transparent;
	padding-left:10px;
}

/* Inner span - displays the right end cap */
.vistaButton span { 
	height:30px;    
	padding: 0 15px 0 10px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:  #de1c85;
	margin: 0;    		
	overflow: hidden;
	position:relative;
	line-height: 30px;	
}

/* Scale the image if present and align centered with text */
.vistaButton img 
{
    /*border: none;  	
    width: 14px;
    height: 14px;
    padding: 0;    	
    vertical-align: middle;
    display:none;*/
}
    /*
.vistaButton img.padRight
{
    margin-right: 55px;
}
    
.vistaButton img.padLeft
{
    margin-left: 5px;   	
}	*/


/* REGULAR ASP BUTTONS */

/*
.button
{
    background-color:  #de1c85;
    min-width:100px;
    cursor:pointer;
    border: 2px solid #962330; 
	box-shadow: 0 0 5px 3px #bbbbbb;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	height:30px;
}
*/


.small-button, .small-button-wait
{
    background-color:  #de1c85;
    min-width:100px;
    cursor:pointer;
    border: none;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	height:20px;
}

.small-button-overlay		
{
    background-color: #fff;
	background-image: url('https://d16bpg3kvlhleg.cloudfront.net/2014/images/ajax-loader.gif');
	background-repeat:no-repeat;
	background-position: center center;
	text-indent:-90000px;
	border:none;
	box-shadow:none;
}


/* turns a hyperlink/a tag into a 31 button */
.button-link {
	background-color:  #de1c85;   
    cursor: pointer;
    border: none;
	color: #fff;
	font-weight: bold;
	font-size: 12px;	
	padding: 5px 35px;
}

.button-link:hover {
	text-decoration: none;
}

.cblist {
	width:500px;
}
.cblist label
{
	margin-left:10px;
}

#progressModal
{
	width:280px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-90px 0 0 -135px;
	border: 1px solid rgba(33, 33, 33, 0.6);
	z-index:9999;
}

#progressBody
{
    background:url('https://d16bpg3kvlhleg.cloudfront.net/2014/images/header_bg.jpg') repeat-x left bottom #f5f5f5;
    color:#000000;
}

#progressHeader
{
    background-color: #DE1C85;
    font:16px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color:#FFFFFF;
	padding: 8px 15px;
}

#confirmHeader
{
    background-color: #DE1C85;
     font:16px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color:#FFFFFF;
	padding: 8px 15px;	
}

#confirmBody
{
    background:url('https://d16bpg3kvlhleg.cloudfront.net/2014/images/header_bg.jpg') repeat-x left bottom #f5f5f5;
    color:#000000;
}

#confirmBox
{
	width:360px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-130px 0 0 -170px;
	border: 1px solid rgba(33, 33, 33, 0.6);
	z-index:9999;	
}

#confirmBox p
{
	font:14px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	padding: 20px 15px 0px 15px;	
}

#confirmButtons
{
	padding:15px 0 25px;
	text-align:center;
}

#confirmBox .btn
{
	display:inline-block;
	background:url('https://d16bpg3kvlhleg.cloudfront.net/2014/summer/css/buttons/pink_gray_buttons.png') no-repeat;
	color:white;
	position:relative;
	height: 33px;    
	font:16px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin-right: 20px;
	padding: 0 35px 0 40px;
	text-decoration:none;
	border:none;
}

#confirmBox .btn:last-child
{	
    margin-right:0;
}

#confirmBox .btn span
{
	position:absolute;
	top:0;
	right:-5px;
	background:url('https://d16bpg3kvlhleg.cloudfront.net/2014/summer/css/buttons/pink_gray_buttons.png') no-repeat;
	width:5px;
	height:33px
}

#confirmBox .pink
{				
    background-position:left top;
}

#confirmBox .pink span
{			
    background-position:-195px 0;
}

#confirmBox .gray
{				
    background-position:-200px top;
}

#confirmBox .gray span
{			
    background-position:-395px 0;
}

#modalBackground
{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    /*filter:alpha(opacity=40);*/
    opacity:0.7;
    z-index:9998;
}

/* overrides to Bootstrap to make PPS code look OK */

#MasterContentBody1_PageContent_row_same_as_hostess label,
table label
{
	display: inline;
	font-size: 11px;
}
table select
{
	width: auto;
}
table input[type="radio"], 
table input[type="checkbox"] {
	margin: 3px 5px 3px 0;
}
table input {
    width: auto;
    /* need something more specific for this... height: 14px; */
}
table .exportlinks-list input {
	height: auto;
}
pre.agreement-text {
	word-break: normal;
	font-family: Arial, sans-serif;
}
.message-box.mb-info {
	height: auto;
}
#thawte { display: none; }
fieldset.login {
    border: 1px solid #999999;
    height: auto;
    padding: 20px;
}
fieldset.login legend {
    margin: 0;
    width: auto;
}
#pnlConfirm #message-div  { height: auto; padding-bottom: 50px; line-height: 1.2em; }
#pnlConfirm #message-div #buttons { bottom: 20px; }
#modal-filter {
    height: auto;
    min-height: 300px;
    z-index: 2;
}
#MasterContentBody1_content_rep_btnPayForOrder { width: auto !important; }

input.invalid:focus, 
textarea.invalid:focus {
    background: none !important;
}
.message-box, .infomessage_warning, .infomessage_error, .infomessage_success, .infomessage_info_blue, .infomessage_info_pink, .infomessage_info {
    line-height: 1.2em;
}

/* for trackers */
th.fs12 pre { font-family: Arial, sans-serif; background:none; border:none; margin:0; padding:0; white-space:normal; word-break:normal; word-wrap:normal;}
th.fs14 pre { font-family: Arial, sans-serif; background:none; border:none; margin:0 2em 0 0; padding:0; white-space:normal; word-break:normal; word-wrap:normal;}

.filter-item label { display:inline; }
.filter-item select { width:auto; }

#MasterContentBody1_chk_can_attend,
#MasterContentBody1_chk_send_invite {
    float: none;
    margin-left: 0;
}
.previewButton {
    border: none;
    box-shadow: none;
    }

/* fix for contact portal nav */

form ul.nav li {
    display: inline-block;
    float: left;
    margin: 0;
}

/* fixes for Believe & Achieve */
#MasterContentBody1_content_rep_ulDynamicMessage { margin-left: 0; }
#ctl00_ctl00_MasterContentBody1_content_rep_team_grid { width: 900px; }

/* ------------- */
	
/* fix for order history form select dropdown 20131119 */
#MasterContentBody1_content_rep_ddl_types {
    max-width: 208px;
}

/* fix for virtual office no site template to hide "Create an Invitation" link on Email page */
#vo-template.no-site a[href="https://www.mythirtyone.com/distributor/frm_events_main.aspx?fromEmailPage=true"] {
    display: none;
}
	

/* size increase for header on extra wide screens */	

@media (min-width: 1100px) {
	.header-hero .fig-caption{
		font-size: 160%
	}
}


@media (min-width: 1200px) {
	.header-hero .fig-caption{
		font-size: 170%
	}
}

@media (min-width: 1600px) {
	.header-hero .fig-caption{
		font-size: 200%
	}
}

@media (min-width: 2000px) {
	.header-hero .fig-caption{
		font-size: 240%
	}
}



/* IE 7 HACKS */

*+html .top_container { position: relative; }
*+html .subMenu { position: absolute; top: 0; right: 15px; }
*+html .header-image { display: block; float: left; }
*+html .header-hero .fig-caption { padding-top: 10%; }
*+html .header-hero.full-width .figure {
	position: relative;
	width: 1000px;
	min-width: 1000px;
}
*+html .befriend { width: 30% !important; position: static; margin: -19px auto 0 auto;  }
*+html .befriend span.icons { position: static; }
*+html .befriend a { padding: 0 2px; position: static; }