/* -------------------------------------------------- */
@font-face {
	font-family: 'Savoy';
	src: url('Savoy-Roman.eot');
	src: url('Savoy-Roman.eot?#iefix') format('embedded-opentype'),
		url('Savoy-Roman.woff') format('woff'),
		url('Savoy-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Savoy';
	src: url('Savoy-Italic.eot');
	src: url('Savoy-Italic.eot?#iefix') format('embedded-opentype'),
		url('Savoy-Italic.woff') format('woff'),
		url('Savoy-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

html {
  overflow-y: scroll;
}

/**, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/


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

body {
	font-family: 'Savoy', Georgia, serif;
	font-size: 16px !important;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
	position: relative;
}
body:after {
	display: none;
	content: "largescreen";
}
html {
	background: #fff;
}
.desktop {
	display: block;
}
.mobile {
	display: none;
}

a img {
	border: none;
}
a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #999;
	text-decoration: none;
}
a.phone {
	border: none;
	color: inherit;
}
a.phone:hover {
	border: none;
	color: inherit;
	cursor: default;
}
.errors {
	clear: left;
	color: #FF0000;
	font-weight: bold;
}
.nobr	{
	white-space: nowrap;
}
#wrapper {
	width: 1008px;
	margin: 0 auto;
	background: #FFF url('care_main_bg.png') repeat-y center top;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
#content_wrapper {
	padding: 0 45px 50px 45px;
}
#left_content_area {
	float: left;
	width: 255px;
	margin-right: 45px;
	padding-bottom: 100%;
	margin-bottom: -100%;
}
#right_content_area {
	width: 485px;
	float: left;
	position: relative;
	padding-bottom: 100%;
	margin-bottom: -100%;
}
#right_content_area.wide {
	width: 618px;
}
#right_content_area_invalid {
	width: 485px;
	float: left;
	position: relative;
	padding-bottom: 100%;
	margin-bottom: -100%;
}

/*---------- HOMEPAGE ----------*/
#content_wrapper_home {
	padding: 0 45px;
	font-family: "Savoy", Georgia, serif;
	font-size: 14px;  
}
#left_column {
	float: left;
	width: 30%;
	height: 260px;
	position: relative;
	padding-right: 10px;
}
#center_column {
	float: left;
	width: 33%;
	height: 260px;
	position: relative;
	padding-left: 20px;
	padding-right: 10px;
	border-left: 1px dotted #BFBFBF;
	border-right: 1px dotted #BFBFBF;
}
#right_column {
	float: left;
	width: 30%;
	height: 250px;
	position: relative;
	padding-left: 20px;
}
#bottom_content {
	position: relative;
	height: 205px;
	padding: 20px 0 0 0;
	line-height: 30px;
}
#bottom_content_top {
	padding: 20px 0;
	border-top: 1px dotted #BFBFBF;
}
#bottom_left_column {
	position: relative;
	float: left;
	width: 365px;
	margin-right: 20px;
}
#bottom_right_column {
	position: relative;
	float: left;
	width: 510px;
}
.column_content {
	margin: 0 10px;
	line-height: 20px;
}
#content_wrapper_home a:link, #content_wrapper_home a:visited {
	color: #000;
	text-decoration: none;
}
#content_wrapper_home a:hover, #content_wrapper_home a:active, #content_wrapper_home a:focus {
	color: #999;
	text-decoration: underline;
}


/*---------- HEADER ----------*/
#header {
	background: transparent url('care_hdr_bg.png') no-repeat center top;
	position: relative;
	padding-bottom: 2%;
}
#dotcom {
	color: #0080FF;
	font-size: 12px;
	position: relative;
	top: 65px;
	text-align:right;
	padding-right:15px;
}
#custcare {
	background: transparent none no-repeat;
    display: block;
    float: left;
    height: 30px;
    margin: 102px 0 0 42px;
    position: relative;
    width: 240px;
}
#custcare a {
	text-decoration: none;
	display: none;
}
#message {
	width: 350px;
	text-align: left;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	/* text-shadow: 1px 1px 3px #323232; */
	float: left;
	position: relative;
	margin: 114px 0 0 20px;
}
#logout {
	width: 50px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	/* text-shadow: 1px 1px 1px #323232; */
	float: left;
	position: relative;
	margin: 116px 0 0 5px;
}
#logoutExt {
	width: 50px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	text-shadow: 1px 1px 1px #323232;
	float: left;
	position: relative;
	margin: 160px 0 0 5px;
}
#loginExt {
	width: 50px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	text-shadow: 1px 1px 1px #323232;
	float: left;
	position: relative;
	margin: 160px 0 0 5px;
}
#logout a:link, #logout a:visited, #logout a:hover, #logout a:active, #logout a:focus, #logoutExt a:link, #logoutExt a:visited, #logoutExt a:hover, #logoutExt a:active, #logoutExt a:focus, #loginExt a:link, #loginExt a:visited, #loginExt a:hover, #loginExt a:active, #loginExt a:focus {
	color: #FFF;
	text-decoration: none;
}

#contact {
	position: relative;
	left: 16px;
	margin-top: 115px;
}
#phone {
	float: left;
	padding: 0 8px;
}
#chat {
	float: left;
	padding: 0 25px 0 10px;
}
#email {
	float: left;
	padding: 0;
}
/*---------- LEFT NAVIGATION ----------*/
nav {
	float: left;
}

.outer-nav {
	width: 245px;
}

.inner-nav {
	display: none;
}

.active .inner-nav {
	display: block;
}

.outer-nav > li > a {
	color: #222;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	font-family: "Savoy", Georgia, serif;
	font-weight:700;
	display: block;
	background: url("care_side_arrow.png") no-repeat 100% 50%;
	margin-bottom: 15px;
}

.outer-nav > li.active > a {
	background: url("care_down_arrow.png") no-repeat 100% 50%;
}

.inner-nav {
	border-top: 1px dotted #bfbfbf;
	background: #f9f9f9;
	margin: -15px 0 20px 0;
}

.inner-nav li {
	min-height: 36px;
	position: relative;
	line-height: 36px;
	padding: 0;
	border-bottom: 1px dotted #bfbfbf;
}

.inner-nav li:hover a, .inner-nav .active a {
	cursor: pointer;
}

.inner-nav li a {
	display: block;
	color: #a60505;
	text-decoration: none;
	padding: 0 6px;
	font-family: "Savoy", Georgia, serif;
	font-size: 14px;
}


.inner-nav li a:hover {
	text-decoration: underline;
}

.inner-nav .active a {
	color: #000;
	border: 4px solid #a60505;
	line-height: 30px;
	min-height: 30px;
	padding: 0 3px;
}

.inner-nav .active a:after {
	content: '';
	position: absolute;
	top: 10.5px;
	right: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 9px solid #a60505;
}

#mmtitles {
	display:none;
}

	
/*---------- ----------*/
label {
	display: inline;
	float: left;
	width: 100px;
	margin: 14px 5px 25px 0;
	text-align: left;
	font-weight: normal;
	color: #000000;
	clear: left;
}
label.nonformfield {
	padding: 0;
	margin: 0 10px 0 0;
	width: auto;
}
label.resumeLabel {
	padding: 0;
	margin: 14px 10px 25px 0;
	width: auto;
}
#engage input, #engage select {
	height: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
	padding-left: 12px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #898989;
	float: left;
}
#engage input[type="radio"], #engage input[type="checkbox"] {
	height: auto;
	margin-bottom: 0;
	margin-right: 8px;
	border: none;
}
#engage textarea {
	width: 100%;
}
#engage2 input, #engage2 select {
	height: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
	padding-left: 12px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #898989;
	float: left;
}
#engage2 input[type="radio"], #engage2 input[type="checkbox"] {
	height: auto;
	margin-bottom: 0;
	margin-right: 8px;
	border: none;
}
#engage2 textarea {
	width: 100%;
}
input[type='number'] {
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
	margin: 0;
}
#resumeDate select {
	width: 240px;
}
.text_input_address {
	width: 473px;
}
.text_input_cc {
	width: 210px;
}
.text_input_email {
	width: 355px;
}
.text_input_zip {
	width: 108px;
	margin-right: 10px;
}
.select_input_address {
	width: 237px;
}
.text_input_city {
	width: 336px;
}
#security .text_input_captcha {
	width: 68px;
	margin: 0;
}
#cofa .text_input_zip {
	width: 108px;
	margin-right: 10px;
}
#cofa .text_input_city {
	width: 204px;
}
#cofa .select_input_address {
	width: 237px;
}
label.cofa {
	width: 70px;
	text-align: right;
	margin-right: 10px;
}
.preview_card {
	margin: 0;
}
#gift_renewal {
	margin: 20px 0;
}
#gift_renewal input[type="text"] {
	width: 350px;
}
#gift_renewal select, #gift_renewal textarea  {
	width: 355px;
}
#gift_renewal input[type="radio"], #gift_renewal input[type="checkbox"] {
	height: auto;
	margin-bottom: 0;
	margin-right: 8px;
	border: none;
}
#gift_offers br, #addgift_offers br, #current_offer br {
	clear: left;
}
#addgift_offers {
	text-align: left;
	font-weight: bold;
}
#addgift {
	border: 1px dashed #878787;
	padding: 10px;
}
#addgift .text_input_address {
	width: 250px;
	float: left;
}
#addgift select {
	width: 265px;
}
label.renew_gift {
	width: 115px;
	text-align: left;
	float: left;
}
label.add_donee {
	width: 185px;
	text-align: left;
	margin-right: 10px;
	float: left;
}
#invalidAccess .text_input_zip {
	width: 112px;
	margin: 0;
	padding: 0;
}
#invalidAccess .select_input_address {
	width: 237px;
}
#invalidAccess .select_input_state {
	width: 200px;
}
#invalidAccess .select_input_country {
	width: 485px;
}
#invalidAccess .state, #invalidAccess .zip, #invalidAccess .postal {
	float: left;
	position: relative;
	margin: 0;
}
#invalidAccess .zip {
	float: left;
	position: relative;
	margin: 0 10px;
}
label.invalidAccess {
	width: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.effectiveDates {
	width: 90px;
}
#tempCOFA {
	clear:left;
	margin-top: 10px;
}
.ccexpire {
	width: 180px;
	margin-right: 10px;
}
#intro {
	margin-bottom: 15px;
}
input.defaultRenewal, select.defaultRenewal {
	width: 75%;
}
.optins {
	margin-top: 10px;
}

#stepuptext input[type="checkbox"] {
	margin-bottom: 25px;
}

#submit {
}
#submit input {
	width: 240px;
	height: 45px;
	clear: left;
	margin: 10px 0;
	border: none;
	padding: 0;

}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
#ccbox {
	background: transparent url('cards.png');
	margin: 0 0 0 4px;
	padding: 0;
	width: 150px;
	height: 23px;
	overflow: hidden;
	float: left;
	position:relative;
}
.acct-section, .gift-section {
	border-bottom: 1px dotted #BFBFBF;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 15px 0;
}
.acct-section:last-child { 
    border: none;
}
.acct-section.gift:last-child { 
   	border-bottom: 1px dotted #BFBFBF;
}
.gift {
	background-color: #F1F1F1;
}
.donee {
	width: 100%;
	margin-bottom: 20px;
}
.account {
	width: 210px;
	float:left;
	margin: 0 50px 0 0;
	padding: 0;
	font-weight: bold;
	position: relative;
	text-align: right;
}
.acct-info {
	width: 350px;
	float:left;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
}
.account img {
	vertical-align: middle;
}
.gift-off {
	background: #F1F1F1 url('care_accordion_off.png') no-repeat 590px center;
}
.gift-on {
	background: #F1F1F1 url('care_accordion_on.png') no-repeat 590px center;
}

/*-------- DEFAULT ACCORDION STYLES --------*/
.accordion-container {
	border-bottom: 1px dotted #BFBFBF;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 12px 0 16px;
}
.accordion-content {
	border: none;
	position: relative;
	width: 96%;
	height: 100%;
	padding: 15px 0;
}
.accordion-toggler {
	cursor: pointer;
}
.accordion-off {
	background: transparent url('care_accordion_off.png') no-repeat right;
	width: 98%;
}
.accordion-on {
	background: transparent url('care_accordion_on.png') no-repeat right;
	width: 98%;
}
.accordion-content ol {
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
	width: 95%;
}
.accordion-content li {
	list-style: decimal outside none;
	padding: 0px;
	margin: 0px;
    margin-left: 1.7em;
}
.footnote {
	font-size: .85em;
	margin-top: 1.25em;
	width: 95%;
}
#sort {
	border-top: 1px dotted #BFBFBF;
	margin-top: 0;
}
ul.mm-list-container {
    list-style-type: none;
    margin: 0 0 40px 0;
    padding: 0;
	color: #000;
}
li.mm-list-items {
	display: inline;
	list-style-type: none;
	width: 28%;
	float: left;
	color: #000;
}
#intro {
	width: 450px;
}
.bold {
	font-weight: bold;
}
.red {
	color: #F00;
}
.gray {
	color: #7F7F7F;
}
.lt-blue {
	color: #0080FF;
}
.toggler {
	color: #a60505;
}
.subhead {
	color: #a60505;
}
.opacity {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#current_offer {
	margin: 10px 0;
}
.mouse {
	font-size: 11px;
}
#autorenew {
	font-size:12px;
	color: #878787;
	margin-top: 15px;
}
#paytypes {
	margin-top: 15px;
}
#givegift {
	margin: 10px 0;
}
#givegift img {
	vertical-align:middle;
}
.captcha {
	float: left;
	position: relative;
	margin-right: 10px;
}
#security {
	width: 250px;
	float: left;
}
.cancel_button input {
	background: transparent url('care_btn_cancel.png') no-repeat center;
	width: 240px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	border: none;
}
#cancelKE {
	margin-left: 25px;
}
#cancelKE ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#cancelKE ul li {
	background-image: url('care_cancel_arrow.png');
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 24px;
	line-height: 26px;
	border: none;
}
#conf-img {
	border: none;
	float: right;
	position: relative;
}
.cover, .cofa-icon {
	margin-right: -80px;
}
#conf-img.cover img {
	width: 144px;	
}
#conf-img.cofa-icon img {
	width: 255px;
	height: 180px;	
}
.superscript {
    font-size: .83em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

/*---------- WRAPPER END ----------*/
#wrapper_end {
	width: 1008px;
	height: 20px;
	background: transparent url('care_wrapper_end.png') no-repeat center top;
	margin: 0 auto;
	text-align: center;
	clear: both;
	padding: 0;
	font: bold 80%/1.9 Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
#wrapper_end a:link, #wrapper_end a:visited, #wrapper_end a:hover, #wrapper_end a:active, #wrapper_end a:focus {
	color: #000;
	text-decoration: none;
	padding: 0 10px;
}


/*---------- MODAL STYLES ----------*/
#backgroundPopup, #backgroundPopup-acct, #backgroundPopup-mailing {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#modal-invalid, #modal-acct, #modal-mailing {
visibility: hidden;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width: 710px;
height: 270px;
/*background:#FFF;
border:2px solid #cecece;*/
z-index:2;
padding:0;
font-size:14px;
}

#popupClose, #popupClose-acct, #popupClose-mailing {
}
#button {
	color: #1088FF;
	text-decoration: underline;
	cursor: pointer;
	text-align: left;
	margin: 0;
}
#button.openModal {
	color: #1088FF;
	text-decoration: underline;
	cursor: pointer;
	text-align: left;
	margin: 0;
}
#modalWrapper {
	background: url('care_modal_bg_label.png') no-repeat;
	width: 710px;
	height: 270px;
	margin: 0 auto:
}
#modalContent {
	position: relative;
}
#modalContent h1 {
  font-family: "Savoy", Georgia, serif;
  font-weight:700;
  font-size: 20px;
}
#modalHeader {
	height: 18px;
	margin-bottom: 0;
}
#modalHeader img {
	width: 18px;
	height: 18px;
	margin-top: 25px;
	margin-right: 25px;
	float: right;
}