﻿body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

.tool {
	cursor: pointer;
}

object:focus {
	outline: 0;
}

#container {
    left: 0;
    margin: 0 auto;
    overflow: inherit;
    position: relative;
    top: 0;
}

.inner {
	left: 0;
	margin: 0 auto;
	position: relative;
	top: 0;
	width: 935px;
}

a img.rollover {
    border: none;
}

.textLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* header */
#header {
	height: 93px;
	overflow: hidden;
    width: 100%;
}

#header, #header a:link, #header a:visited {
	color: #fff;
}

#header a:hover, #header a:active {
	color: #d1d1d1;
}

#logo {
	border: none;
	position: absolute;
	top: 17px;
	left: 9px;
}

#header #linksT {
	font-size: 9px;
	font-weight: bold;
	/*height: 22px;*/
	left:435px;
	position: absolute;
	text-transform: uppercase;
	top: 14px;
	width: 500px;
}

#header #linksT a {
	display: block;
	float: right;
	text-decoration: none;
}

#header #linksT .linksDivider {
	float: right;
	text-align: center;
	width: 30px;
}

#header #linksT a, #header #linksT .linksDivider {
    padding-top: 2px;
}

#header #linksT a#linkCareers {
	background: transparent url(/images/icons/icon_careers.png) no-repeat 100% 100%;
    padding-top: 2px;
}

#linkCareers img {
	border: none;
}

#linksB {
	left: 148px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	width: 790px;
}

#linksSections {
	float: left;
	margin-top: 11px;
	overflow: hidden;
	width: 50%;
}

#linksSections img, #linksSections div {
	float: left;
}

#linksSections .linksDivider {
	height: 10px;
	width: 30px;
}

#linksSections .linksDivider img {
	display: block;
	float: none;
	margin: 0 auto;
}

#findUs {
	float: left;
	overflow: hidden;
	text-align: right;
	width: 50%;
}

#findUs form {
	margin: 0;
	padding: 0;
}

#findUs img {
	display: block;
	float: right;
	margin: 11px 5px 0 0;
}

#findUsInput {
	background: transparent url(/images/form_elements/bg_input_find_us.png) top left no-repeat;
	float: right;
	height: 33px;
	width: 142px;
}

#findUsInput input {
	background-color: transparent;
	border: none;
	color: #666;
	font-size: 10px;
	margin: 10px 0 0 13px;
	padding: 0;
	text-transform: uppercase;
	width: 95px;
	float: left;
}

#findUsInput input:focus {
	outline: 0;
}

#findUsZip {
	position: relative;
	z-index: 5;
}

#findUs img#findUsZipGo {
	cursor: pointer;
	margin: 5px 10px 0 0;
	position: relative;
	z-index: 10;
}


/* footer */
#footer {
	background-position: top left;
	overflow: hidden;
	position: relative;
	z-index: 5;
}

#footer, #footer a:link, #footer a:visited {
	color: #fff;
}

#footer a:hover, #footer a:active {
	color: #d1d1d1;
}

#icons {
	float: left;
	margin: 80px 0 0 5px;
	overflow: hidden;
	width: 150px;
}

#icons img {
	float: left;
}

#links {
	float: right;
	margin-top: 68px;
	width: 765px;
}

#copyright {
	color: #d1d1d1;
    font-family: 'Helvetica Bold', Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#copyright, #linksOther a, #linksOther .linksDivider {
	float: right;
	margin-top: 14px;
}

#linksOther {
	float: right;
	font-size: 9px;
	text-transform: uppercase;
}

#linksOther a {
	display: block;
	text-decoration: none;
}

#linksOther .linksDivider {
	text-align: center;
	width: 30px;
}

#privacy {
	float: right;
	margin: 11px 0 20px 15px;
}

a#btnPrivacy {
    background: transparent url(/images/buttons/btn_footer_r.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 23px;
    padding-right: 15px;
	text-decoration: none;
}

a#btnPrivacy span {
    background: transparent url(/images/buttons/btn_footer_l.png) no-repeat;
    color: #e8d8c8;
    display: block;
	font-size: 10px;
	font-weight: bold;
    line-height: 14px;
    padding: 4px 0 5px 14px;
	text-transform: uppercase;
}

a#btnPrivacy:hover {
    background-position: bottom right;
    color: #e8d8c8;
}

a#btnPrivacy:hover span {
    background-position: bottom left;
} 

#disclaimer {
	clear: both;
	font-size: 11px;
	line-height: 11px;
}

#disclaimer p {
	margin: 0 0 15px 0;
	text-align: right;
}

/* page titles */
#pageHeader {
	clear: both;
	margin: 0 0 3px 10px;
	overflow: hidden;
	padding-top: 30px;
}

#pageTitle {
	float:left;
	height:35px;
	margin:0 5px 0 0;
}

#pageHeader .tool {
    float: left;
    margin: 6px 6px 0 0;
}

#headerLinks {
	float: right;
}

#headerLinks .bulletImgLink {
	clear: right;
	float: right;
}

/* content */
#content {
	position: relative;
	z-index: 10;
}

#content .inner {
	z-index: 10;
}

#headerShadow {
	background: transparent url(/images/backgrounds/bg_content_header_shadow.png) top center no-repeat;
	height: 183px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}

#contentContainer {
	overflow: hidden;
	position: relative;
}

#aboveFooterShadow {
	width: 100%;
	z-index: 10;
}

#footerShadow {
	background: transparent url(/images/backgrounds/bg_content_footer_shadow.png) top center no-repeat;
	bottom: 0;
	height: 113px;
	position: absolute;
	width: 100%;
	z-index: 5;
}

/* list w/expandable and collapsible elements */
#expandList {
    float: left;
}

#expandList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#expandList li {
    display: block;
    margin-bottom: 1px;
}

#expandList ul ul {
    list-style-type: disc;
    padding-left: 14px;
}

#expandList ul li {
	display: list-item;
}

.expandItem {
    overflow: hidden;
}

.expandItem img {
    cursor: pointer;
    float: left;
    margin-top: 2px;
}

.arrowCollapsed {
	background: transparent url(/images/icons/icon_circle_arrows_sprite.png) no-repeat 0 0;
	cursor: pointer;
	float: left;
	height: 21px;
    margin: 0;
	width: 21px;
}

.arrowExpanded {
	background: transparent url(/images/icons/icon_circle_arrows_sprite.png) no-repeat 0 -20px;
}

/* text inputs */
.inputSearch {
	height:33px;
	margin: 0 0 10px 12px;
	overflow: hidden;
}

.inputSearchL {
	background:transparent url(/images/form_elements/bg_input_text_left.png) no-repeat left top;
	float: left;
	height: 33px;
}

.inputSearchR {
	cursor: pointer;
	display: block;
	float: left;
}

/* modal dialogs */

/* copy styles below for use with each modal -- 
replace "genericModal" with actual ID */
/* modal instance-specific styles begin */
#genericModal {
    /* height: 446px; */
    /* width: 638px; */
}

#genericModal div.top, #genericModal div.bottom, #genericModal div.content {
	/* width: 632px; */
}

#genericModal div.left, #genericModal div.right, #genericModal div.content {
	/* height: 440px; */
}

#genericModal .modalScrollable {
	/* height:331px; */
	/* width:591px; */
}
/* modal instance-specific styles end */

#dialogShare, #dialogLogin {
	display: none;
}

.modalContent, .modalDialog {
	display: none;
	overflow: hidden;
}

#simplemodal-overlay {
    background: #000;
}

#simplemodal-container {
    background: transparent;
}

.modalDialog {
	display: none;
}
.modalDialog div.clear {
	clear: both;
}
.modalDialog div.left_upper_corner {
	background: transparent url(/images/backgrounds/bg_modal_left_upper_corner.png) no-repeat;
	height: 3px;
	width: 3px;
	clear: both;
	float: left;
}

.modalDialog div.top {
	background-color: #8f14af;
	height: 3px;
	float: left;
}
.modalDialog div.right_upper_corner {
	background: transparent url(/images/backgrounds/bg_modal_right_upper_corner.png) no-repeat;
	height: 3px;
	width: 3px;
	float: left;
}
.modalDialog div.left {
	background-color: #8f14af;
	width: 3px;
	clear: both;
	float: left;
}
.modalDialog div.right {
	background-color: #8f14af;
	width: 3px;
	float: left;
}
.modalDialog div.left_lower_corner {
	background: transparent url(/images/backgrounds/bg_modal_left_lower_corner.png) no-repeat;
	height: 3px;
	width: 3px;
	clear: both;
	float: left;
}
.modalDialog div.bottom {
	background-color: #8f14af;
	height: 3px;
	float: left;
}
.modalDialog div.right_lower_corner {
	background: transparent url(/images/backgrounds/bg_modal_right_lower_corner.png) no-repeat;
	height: 3px;
	width: 3px;
	float: left;
}
.modalDialog div.content{
	background-color: #8f14af;
	float: left;
}
.simplemodal-close {
    cursor: pointer;
    float: right;
    margin: 14px 10px 0 0;
}

.modalHeader {
	margin: 10px 0 0 16px;
	overflow: hidden;
}

.modalHeaderImg, .modalHeaderText {
	float: left;
}

.modalPrint {
	cursor: pointer;
	float: left;
	margin: 0 0 6px 4px;
}

.modalLinks {
	float: right;
	margin: 12px 10px 0 0;
}

.modalLinks a {
	display: block;
}

.modalScrollable {
	overflow-x:hidden;
	overflow-y:scroll;
}

/* login modal */
/* modal instance-specific styles begin */
#logInModal {
    height: 330px;
    width: 230px;
}

#logInModal .top, #logInModal .bottom, #logInModal .content {
	width: 224px;
}

#logInModal .left, #logInModal .right, #logInModal .content {
	height: 324px;
}
/* modal instance-specific styles end */

#logInModal .modalHeader {
	margin: 14px 0 10px 16px;
}

#logInModal form {
	margin: 0 0 0 16px;
}

#logInModal label {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
}

#logInModal input {
	margin-bottom: 10px;
	margin-left: 5px;
}

#logInModal #loginRemember label, #logInModal #loginRemember input {
	float: left;
}

#logInModal #loginRemember {
	overflow: hidden;
	margin-left: 5px;
}

#logInModal #loginRemember input {
	margin: 3px 5px 0 0;
}

#loginError {
	margin-left: 5px;
}

#btnSignIn img {
	display: block;
	margin: 8px 0 10px 0;
}

#dialogLogin {
	background: transparent url(../images/login/bg_login_overlay.png) no-repeat top left;
	height: 285px;
	width: 257px;
}

#headerLogIn {
	margin: 7px 0 0 15px;
}

#contentLogIn {
	margin: 13px 0 0 22px;
	width: 210px;
}

#contentLogIn label {
	color: #fcf4f8;
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;
}

#contentLogIn .inputText {
	margin: 3px 0 10px 0;
}

#loginRemember {
	font-size:12px;
}

#loginRemember input {
	margin: 0 3px 0 0;
}

#loginLinks {
	clear: left;
	width: 100%;
}

#loginLinks a {
	color: #C9C7CD;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#btnSignIn {
	margin: 0 0 4px;
}

.regError{
	color: #cc0000;
	font-size: 14px;
	font-weight: bold;
}

/* related sites modal */
/* modal instance-specific styles begin */
#relatedSitesModal {
    height: 507px;
    width: 635px;
}

#relatedSitesModal .top, #relatedSitesModal .bottom, #relatedSitesModal .content {
	width: 629px;
}

#relatedSitesModal .left, #relatedSitesModal .right, #relatedSitesModal .content {
	height: 501px;
}
/* modal instance-specific styles end */

#relatedSitesModal .modalHeader {
	margin: 20px 0 20px 16px;
}

#relatedSitesModal ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0 0 0 16px;
	padding: 0;
}

#relatedSitesModal li {
	width: 545px;
}

#relatedSitesModal li.withCopy {
	border-bottom: 1px solid #fff;
}

#relatedSitesModal li.tbIntl {
	border-bottom: 1px solid #a164b3;
}

#relatedSitesModal .rightLink {
	left: 290px;
	position: absolute;
}

#relatedSitesModal .teenFoundation {
	margin-left: -5px;
}

#relatedSitesModal .yumBrands {
	margin-left: -5px;
}

.subhead {
	display: block;
	margin-top: 12px;
}

.checkItOut {
	display: block;
	margin-bottom: 12px;
}

#relatedSitesModal p {
	color: #fcf4f8;
	font-size: 13px;
	line-height: 15px;
	margin: 3px 0 8px 0;
	width: 500px;
}

/* share modal */
/* modal instance-specific styles begin */
#dialogShareModal {
     height: 227px; 
     width: 306px; 
}

#dialogShareModal .top, #dialogShareModal .bottom, #dialogShareModal .content {
	 width: 300px; 
}

#dialogShareModal .left, #dialogShareModal .right, #dialogShareModal .content {
	 height: 221px; 
}

#dialogShareModal .content{
	background-color: #8f14af;
	position: relative;
	z-index: 10;
}

#dialogShareModal .right{
	position: relative;
	z-index: 5;
}

#dialogShareModal .modalBtm .left_lower_corner {
	background: transparent url(/images/backgrounds/bg_modal_share_bl_corner.png) no-repeat;
}

#dialogShareModal .modalBtm .bottom {
	background: #770894;
}

#dialogShareModal .modalBtm .right_lower_corner {
	background: transparent url(/images/backgrounds/bg_modal_share_br_corner.png) no-repeat;
}
/* modal instance-specific styles end */

#headerShare {
	margin: 22px 0 18px 22px;
}

#shareTabs.ui-tabs {
	height: 155px;
	margin-left: -3px;
	padding: 0;
	width: 306px;
}

#shareTabs .ui-tabs-nav {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

#shareTabs .ui-tabs-nav li {
	display: block;
	float: left;
}

#tabFbItem {
	background: transparent url(/images/backgrounds/bg_modal_share_tabs.png) no-repeat 0 0;
	height: 32px;
	width: 102px;
}

#tabMsItem {
	background: transparent url(/images/backgrounds/bg_modal_share_tabs.png) no-repeat -103px 0;
	height: 32px;
	width: 102px;
}

#tabTwItem {
	background: transparent url(/images/backgrounds/bg_modal_share_tabs.png) no-repeat -205px 0;
	height: 32px;
	width: 102px;
}

#tabFbItem.ui-state-active {
	background: transparent url(/images/backgrounds/bg_modal_share_tabs.png) no-repeat 0 -32px;	
}

#tabMsItem.ui-state-active {
	background: transparent url(/images/backgrounds/bg_modal_share_tabs.png) no-repeat -103px -32px;
}

#tabTwItem.ui-state-active {
	background: transparent url(/images/backgrounds/bg_modal_share_tabs.png) no-repeat -205px -32px;
}

#shareTabs .ui-tabs-nav li a {
	display: block;
	margin: 10px 0 0 25px;
}

#tabFbItem a {
	background: transparent url(/images/labels/label_modal_share_tabs.png) no-repeat 0 0;
	height: 10px;
	width: 53px;
}

#tabMsItem a {
	background: transparent url(/images/labels/label_modal_share_tabs.png) no-repeat -105px 0;
	height: 10px;
	width: 49px;
}

#tabTwItem a {
	background: transparent url(/images/labels/label_modal_share_tabs.png) no-repeat -209px 0;
	height: 10px;
	width: 46px;
}

#tabFbItem.ui-state-active a {
	background: transparent url(/images/labels/label_modal_share_tabs.png) no-repeat 0 -12px;
}

#tabMsItem.ui-state-active a {
	background: transparent url(/images/labels/label_modal_share_tabs.png) no-repeat -105px -12px;
}

#tabTwItem.ui-state-active a {
	background: transparent url(/images/labels/label_modal_share_tabs.png) no-repeat -209px -12px;
}

#shareTabs .ui-tabs-panel {
	left: -3px;
	position: absolute;
/*	top: 65px;*/
	width:306px;
	height:123px;
	background:#770894;
}

#shareTabs .ui-tabs-panel p {
	color: #fff;
	font-size:13px;
	line-height: 1.2em;
	margin: 18px 0 12px 24px;
}

#shareTabs .ui-tabs-panel img {
	margin-left: 16px;
}

#shareTabs .ui-tabs-hide {
	position: absolute;
    left: -10000px;
}

/* custom scrollbars */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #b2b2b2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.jScrollPaneDrag {
	position: absolute;
	background: #f7f6f1;
	cursor: pointer;
	overflow: hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* section: all, "did you know?" */
#didYouKnow {
	background: transparent url(/images/company/did_you_know_bg.png) no-repeat 0 0;
	padding: 16px 16px 18px;
	overflow: hidden;
}

#didHeader {
	clear: right;
	margin: 0;
}

#didText {
	color: #fff;
	font-size: 13px;
	height: 70px;
	width: 262px;
	margin: 5px 0;
}

#didRotationControl {
	display: block;
	width: 262px;
	height: 21px;
}

#didRotationControl div.previous {
	float:left;
}

#didRotationControl div.next {
	float:right;
}

#didRotationControl div.previous_btn,
#didRotationControl div.next_btn {
	background: transparent url(/images/company/did_you_know_rotation_left.png);
	height: 21px;
	width: 20px;
	margin: 0;
	padding: 0;
	float: left;
}

#didRotationControl div.next_btn {
	background: transparent url(/images/company/did_you_know_rotation_right.png);
	float: left;
}

#didRotationControl div.previous a img {
	margin: 0 0 0 10px;
	float: left;
}

#didRotationControl div.next a img {
	margin: 0 10px 0 0;
	float: left;
}


#didRotationControl a img {
	border: none;
}


.systemAlert
{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background-color:#FFFFFF;
	border:1px solid;
	color:#761992;
	font-size:14px;
	font-weight:bold;
	left:10px;
	margin:20px 0 20px 15px;
	text-align:center;
	width:910px;
}


/* ------------------------------------------------------------------- */

/* Exit tooltip */
#exit_tooltip {
	position: absolute;
	z-index: 5000;
	overflow: hidden;
	display: none;
}

#exit_tooltip div {
	float: left;
	height: 97px;
}

#exit_tooltip div.fill {
	background: url(/images/exit_tooltip/fill.png) repeat-x left top;
	line-height: 11px;
}

#exit_tooltip div.fill p {
/*	padding-top: 4px;*/
	margin-top: 10px;
	display: none;
	font-size: 10px !important;
	color: #62087d !important;
}

#exit_tooltip.arrow_left div.left {
	background: url(/images/exit_tooltip/arrow_left.png) no-repeat left top;
	width: 34px;
}

#exit_tooltip.arrow_left div.right {
	background: url(/images/exit_tooltip/cap_right.png) no-repeat left top;
	width: 24px;
}

#exit_tooltip.arrow_right div.left {
	background: url(/images/exit_tooltip/cap_left.png) no-repeat left top;
	width: 24px;
}

#exit_tooltip.arrow_right div.right {
	background: url(/images/exit_tooltip/arrow_right.png) no-repeat left top;
	width: 34px;
}

#exit_tooltip.site_intl div.fill {
	width: 240px;
}

#exit_tooltip.site_intl div.fill p.site_intl {
	display: block;
	padding-top: 5px;
}

#exit_tooltip.site_3rd div.fill {
	width: 350px;
}

#exit_tooltip.site_3rd div.fill p.site_3rd {
	display: block;
}