@charset "UTF-8";
/* 
Care+ Responsive styles 
06/2012
*/

#nav {display: block;
}
#header img {width:100%;overflow:auto;
}
#menu-icon,.mobile {display:none;
}
#left_vertical_navigation #nav {display:block;}
@media screen and (max-width: 767px) {
	html {
		-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
	}

	body{
		line-height:1.5;
	}
	#accountsummary_secondary_right {
		padding:0;
	}
	#top_horizontal_navigation {
		display:none;
	}
	#nav-wrap {
		}
	#left_vertical_navigation {
		border:none;
	}
	#left_vertical_navigation li {
		padding: 10px;border-bottom:1px solid rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.8)
	}
	#left_vertical_navigation li#navmenu_blankline {
		border:none;display:none;
	}
	#left_vertical_navigation li:first-child {
		border-top:none;
	}
	#left_vertical_navigation li:last-child {
		border-bottom:none;
	}
	#left_vertical_navigation li a {
		display: block;
	}
	#current_issue ,#wrapper_end{
		display:none
	}
	#outer_wrapper {
		width:97%;padding:0;
	}
	#content_wrapper {
		margin:0;padding:0;
	}
	#left_content_area,#accountsummary_secondary_left,#accountsummary_secondary_right,#account_information_left,#mailing_address_right {
    float: none; margin: 0; width: auto;border:none;font-size:14px;
	}
	#right_content_area {
    float: none; margin-right: 0; width: auto;
	}
	/*#multimag_table_top {display:none;}*/
	#menu-icon {box-shadow: 0 3px 3px rgba(0,0,0,.25);
	background-color:rgba(255,255,255,.4);
	background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .10) 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .20) 100%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .10) 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .20) 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .10) 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .20) 100%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .10) 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .20) 100%);
	background-image:linear-gradient(top, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .10) 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .20) 100%);
    background-position:  0 0 ;
	background-repeat:no-repeat;
    border: 1px solid rgba(0,0,0,.5);
    color: #000000;
    cursor: pointer;
    display: block;
    height:30px;
    padding: 8px 10px 0 20px;
    line-height: 24px;
	font-size: 1.6em;
	font-weight: bold;
	color: #0d88c3;
	text-shadow: 1px 1px 0 rgba(255,255,255,.98);
	border-radius:10px;
	}
	#menu-icon span {
	background: url('menu-icon.png') no-repeat 0 0;
	height: 18px;
	width: 20px;
	display: inline-block;
	margin: 2px 5px 0 0;
	}

	#menu-icon:hover,#menu-icon.active {
	background-color:rgba(255,255,255,.2);box-shadow: 0px 3px 4px rgba(0,0,0,.25);
	} 
	#menu-icon.active {
	border-radius:10px 10px 0 0;
	}
	#left_vertical_navigation #nav,#serviceoptions_headline {
	display:none;
	}
	
	#header {
	background:#FFF url('logo320.png') no-repeat 0 0;height:60px;width: 100%;
	}
	
	#header img,#multimag_table_top,#multimag_table_bottom  {
	display: none;
	}
	#breadcrumb_trail {
	display: none;
	}
	#nav {
	padding:10px 0;background:rgba(255,255,255,.4);border:1px solid rgba(0,0,0,.3);
	}
	
	/*----- Below are links from the nav area.  To show a link, delete it from the list below. To hide a link, add it to the list below. -----*/
	#nav #navmenu_password, #nav #navmenu_chgmailpref, #nav #navmenu_sendgiftcard, #nav #navmenu_givegift, #nav #navmenu_paygift, #nav #navmenu_reviewgift, #nav #navmenu_renewgift, #nav #navmenu_chgautorenew, #nav #navmenu_damagedmissing, #nav #navmenu_tempsuspend, #nav #navmenu_blankline
	 {
		display: none;
	}
	
	/* Login styles */
	#content_wrapper_login {padding:0;margin:0;}
	
	#content_area_login {
	width: auto;
	margin-left: 0;
	padding: 0;
	}
	.login_method {
	padding: 5px 15px;
	border:none;
	}
	#login_content {text-align:center;}
	.login_method label, .renew_all label {
	padding-right: 0;
	display: block;
	float: none;
	width: auto;
	margin-right: 0;
	padding-top: 0;
	text-align: center;
	font-weight: bold;
	margin-left: 0;
	}
	.renew_all .large_input,.login_method .large_input, .login_method #city_tag input, #cofa_right .large_input, #cofa_right #city_tag input,
	#tempCOFA .large_input,.cofe .large_input,.cancelKE .large_input, .renew_sub .large_input, .pay_sub .large_input, .contact_us .large_input, select {
	width: 98%;
	height:40px;
	line-height:40px;
	border: 1px solid #999;
	border-radius:6px;
	margin-bottom:10px;
	background-color:#fff;
	padding-left:5px;
	}
	select {
		-webkit-appearance:listbox;
		width:98%;
		height:40px;
		line-height:40px;
		background-color:#fff;
		padding-left:5px;
		}
	 .contact_us textarea {
		width:95%;
	 }
	.renew_sub .small_input,.pay_sub .small_input,.renew_all .small_input {
		width: 47%;
	}
	#renewall_termsvalues label {
		display:inline;
	}
	#acct_label img {
		width:99%;
	}
	#acct_label img.captcha {
		width:35%;
	}
	#acct_label.captcha {
		width:35%;
	}
	#breadcrumb_trail_login {
		padding-left:5px;
	}
	#mm_summary_mobile ul,#mm_summary_mobile li {
		margin:0;padding:0;list-style:none;
	}
	#mm_summary_mobile ul {
		border-top:1px solid #999;
	}
	#mm_summary_mobile li {
		text-align:center;border-bottom:1px solid #999;padding:10px;
	}
	#mm_summary_mobile li:nth-of-type(odd) {
		background: rgba(255,255,255,.6);
	}
	.mm_action {
		margin:10px 0 0 ;
	}
	.mobile {
		display:block;
	}
	#cofa_left {
		float: none;
		width: auto;
	}
	#cofa_right {
		float: none;
		width: auto;
		padding-left: 0;
		border: none;
		margin: 10px 0;
	}
	#cofa_right label,#tempCOFA label, .cofe label, .cancelKE label, .renew_sub label,.pay_sub label, .contact_us label {
	text-align: center;
	width: auto;
	display: block;
	padding: 0;
	float: none;
	margin: 0;
	}
	#verisign_logo {
	height: auto;
	width: auto;
	position: relative;
	left:0;
	display:block;
	}
	.cofe .optins label {
	text-align:left;
	}
	.payment_button, .renew_button, .cofa_button, .mailpref_button, .contact_button, .extend_button,.cofe_button {
	margin-left: 0;
	text-align: center;
	}
	.button {
	background-color: #ee432e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
	background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	border: 1px solid #951100;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	color: #fff;
	font: bold 20px "helvetica neue", helvetica, arial, sans-serif;
	line-height: 1;
	padding: 12px 15px 14px 15px;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
   }
  .button:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; 
	}
  .button:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); 
	}
	.button img {
		display:none;
	}
	h3 {
		font-size:15px;
	}
	#current_order_top {
		padding:0;
	}
	#current_order_bottom {
		margin:0;padding:0; border-bottom:1px solid #999;
	}
	#current_order_bottom .btn {
		margin: 10px;padding:0;
	}
	#login_button {
		padding:5px;
	}
	#current_order_bottom a {
		padding:0;margin:0;
	}
	#current_order_bottom a img {
		margin:0;padding:0;
	}
}
@media (min-width: 768px) and (max-width: 1024px)
{ 
#wrapper_end {
	display:none;
}
#outer_wrapper {
	width:97%;padding:0;background-image:none;
}
	#content_wrapper {
		margin:0;padding:0;
	}
	#left_content_area {
		margin: 0;width: auto;
	}
    #account_information_left {
		float:left;width:45%;
	}
    #mailing_address_right {
		float:right;width: 51%;
	}
    #left_content_area{
		width:23%;
	}
	#right_content_area {
		margin-right:0;width:75%;float:right;
	}
    #accountsummary_secondary_left {
		float:left;width:60%;
	}
    #accountsummary_secondary_right {
		float:right;width:35%;
	}
    #breadcrumb_trail {
		margin:15px 0;
	}
    #header {
		height:auto;overflow: hidden;margin-top:15px;
	}
	#cofa_left {
		float:left;width:30%;
	}
#content_area_login {
	width: auto;margin-left: 0;
}
	.login_method label {
		padding-right: 3px;
		display: inline;
		float: left;
		width: 120px;
		margin-right: 5px;
		padding-top: 3px;
		text-align: right;
		font-weight: bold;
		margin-left: 26%;
	}
#footer {
	margin-top:15px;margin-bottom: 15px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { 
#wrapper_end {
	display:none;
}
#outer_wrapper {
	width:97%;padding:0;
}
	#content_wrapper {
		margin:0;padding:0;
	}
	#left_content_area {
    margin: 0;
    width: auto;
	}
    #account_information_left {
		float:left;width:45%;
	}
    #mailing_address_right {
		float:right;width: 51%;
	}
    #left_content_area{
		width:23%;
	}
	#right_content_area {
    margin-right: 0;
    width: 75%;float:right;
	}
    #accountsummary_secondary_left {
		float:left;width:60%;
	}
    #accountsummary_secondary_right {
		float:right;width:35%;
	}
    #breadcrumb_trail {
		margin:15px 0;
	}
    #header {
		height:auto;overflow: hidden;margin-top:15px;
	}
#content_area_login {
	width: auto;margin-left: 0;
}
#footer {
	margin-top:15px;margin-bottom: 15px;
}
}