body {background:url('../images/body-bg.gif') top center repeat-y;}

.justify-right {text-align:right;}
.center {text-align:center;}
.box, .box2, .box3 {margin:15px 35px 15px 0;}
.box div, .box2 div, .box3 div {margin-bottom:10px;}
.box {background-color:#fff} /* was #D9F2C0; */
.box2 {background-color:#FFFFEE;border:1px solid #CCC;padding:10px;}
.box3 {background-color:#FFF6BF;}
.ahem {line-height:2em;margin:0.75em;}
.ahem span {text-decoration:none;color:#f90;font-size:1.8em;}
.thumbnail img {border-bottom:1px solid #000;}
.errorExplanation, #errorExplanation, #flash_error, .flash_error {background-color:#fff;margin:10px 0;padding:10px;color:#c00;font-size:16px;border:2px solid #c00;}
.errorExplanation ul, #errorExplanation ul {list-style:disc;}
.errorExplanation li, #errorExplanation li {margin:3px 0 3px 20px;padding:5px 0 0 5px;}
.errorExplanation h2 {font-size:20px;}
.flash_message, #flash_message {clear:left;margin:0 0 20px 0;padding:5px 10px;background-color:#efe;font-size:16px;color:#090;border:2px solid #090;}
.flash_notice, #flash_notice {clear:left;margin:0 0 20px 0;padding:5px 10px;background-color:#efe;font-size:16px;color:#090;border:2px solid #090;}
.giant-plus {color:#999;font-size:2em;line-height:3em;}
.helptext {color:#5a6d84;}
.bottomtext {color:#5a6d84;display:block;padding-top:30px;}
.padthis {padding:10px;}
.retail {height:34px;line-height:15px;background-color:#5382c4;text-align:left;padding:3px 1.25em 2px 1.25em;border:1px solid #fff;border-top:1px solid #5382c4;color:#dfdfee;font-size:14px;}
.retail a {color:#fff;font-weight:bold;}

#ajaxloader {position:absolute;width:950px;height:600px;background:#fff url('../images/ajax-loader.gif') 50% 30% no-repeat;z-index:14;}
#ajaxloader span {display:block;text-align:center;margin-top:22%;font-size:20px;color:#27589c;}
#cmglogo {display:block;width:89px;height:26px;overflow:hidden;}
#cmglogo:hover img {margin-top:-39px;}
#refreshloader {position:absolute;width:700px;height:600px;background:#fff url('../images/ajax-loader.gif') 50% 30% no-repeat;z-index:14;}
#refreshloader span {display:block;text-align:center;margin-top:30%;font-size:20px;color:#27589c;}
#paymentloader {position:absolute;width:700px;height:700px;background:#fff url('../images/ajax-loader.gif') 50% 30% no-repeat;z-index:14;}
#paymentloader span {display:block;text-align:center;margin-top:30%;font-size:20px;color:#27589c;}
#container {width:980px;margin:10px auto;}
#navigation {width:230px;background:#c8d4e6;padding:2px;margin-bottom:2em;}
#navigation ul {margin:0;padding:0;list-style:none;background-color:#c8d4e6;}
#navigation li {border:1px solid #fff;font-weight:normal;font-size:14px;color:#27589c;margin:1px 0 0 0;padding:12px 0 0 48px;height:42px;}
#navigation li a {display:block;text-decoration:none;color:#27589c;}
#navigation li#menu_home {background:url('../images/introfeatures.png') -10px -48px no-repeat;}
#navigation li#menu_digital_options {background:url('../images/introfeatures.png') -10px 1px no-repeat;}

#navigation li#menu_view_bill {background:url('../images/introfeatures.png') -10px 1px no-repeat;}
#navigation li#menu_change_address {background:url('../images/introfeatures.png') -10px -96px no-repeat;}
#navigation li#menu_stop_delivery {background:url('../images/introfeatures.png') -10px -151px no-repeat;padding:1px 0 1px 48px;}
#navigation li#menu_restart_delivery {background:url('../images/introfeatures.png') -10px -151px no-repeat;}
#navigation li#menu_report_problem {background:url('../images/introfeatures.png') -10px -192px no-repeat;height:41px;}
#navigation li#menu_about {background:url('../images/introfeatures.png') -10px -239px no-repeat;padding:1px 0 1px 48px;}
#navigation li#menu_logout {padding-top:15px;}
#footer {line-height:31px;}
#login {background:#27589c url('../images/navigation-bg.jpg') repeat-x;padding:2px;margin-bottom:10px;}
#login_container {border:1px solid #fff;border-bottom:1px solid #5382c4;padding:1em;height:269px;}
#login div.large {margin:0 0 1em 0;padding:0;color:#fff;}
#login div.formfield {margin-bottom:1em;}
#login div.formfield input {background:#fff url('../images/input-bg.jpg') repeat-x;border:1px solid #999;height:20px;width:97%;}
#login div.formbutton {text-align:right;}
#login div.formbutton a {color:#fff;margin-right:1em;}
#login div.formbutton input {background:#5a6d84 url('../images/button-arrow-right.gif') 85% 50% no-repeat;border:1px solid #fff;color:#fff;font-size:1.1em;margin-right:0.5em;padding:0.4em 1.75em 0.4em 0.75em;}
#login label {display:block;color:#fff;}
#intromain {background:url('../images/intromain5.jpg') -50px -80px no-repeat;height:336px;border:2px solid #27589c;}
#intromain h1 {margin-bottom:10px;position:relative;top:8.175em;color:#fff;margin-left:0.5em;z-index:9;line-height:42px;}
#intromain h1 a {color: #fff;text-decoration:none;}
#intromain h1 span {display:block;background-color:#000;width:103%;height:42px;position:absolute;margin-left:-0.5em;z-index:-1;}
#intromain h1 span {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE5-7 */
	opacity: 0.5; /* All other browsers*/
}
#introbottom p {color:#27589c;font-size:1.2em;}
#introbottom p#introquestions {font-size:0.95em;}
#introbottom ul#introfeatures {border:8px solid #ccc;background:#c8d4e6;list-style:none;height:70px;margin-right:30px;}
#introbottom ul#introfeatures li {color:#27589c;display:block;float:left;font-size:0.9em;margin:5px 0 0 0;padding:10px 10px 0 43px;height:36px;}
#introbottom ul#introfeatures li#introfeature1 {background:url('../images/introfeatures.png') -13px 2px no-repeat;}
#introbottom ul#introfeatures li#introfeature2 {background:url('../images/introfeatures.png') -13px -48px no-repeat;}
#introbottom ul#introfeatures li#introfeature3 {background:url('../images/introfeatures.png') -13px -102px no-repeat;margin-top:12px;}
#introbottom ul#introfeatures li#introfeature4 {background:url('../images/introfeatures.png') -13px -145px no-repeat;}
#introbottom ul#introfeatures li#introfeature5 {background:url('../images/introfeatures.png') -13px -199px no-repeat;margin-top:12px;}
#introbottom ul#introfeatures li#introfeature6 {background:url('../images/introfeatures.png') -13px -235px no-repeat;}
#introbottom ul#introfeatures li#introfeature7 {background:url('../images/introfeatures.png') -13px -285px no-repeat;margin-top:12px;padding-right:0;}
#introbottom ul#freepubs {float:right;width:300px;height:27px;list-style:none;color:#27589c;background:url('../images/freepubs.gif') top right no-repeat;overflow:hidden;line-height:27px;}
#introbottom ul#freepubs li {float:left;overflow:hidden;font-size:0.95em;}
#introbottom ul#freepubs li a {display:block;height:27px;}
#introbottom ul#freepubs li#freepubs1 {width:130px;height:27px;text-align:center;text-indent:20px;}
#introbottom ul#freepubs li#freepubs2 {width:76px;height:27px;}
#introbottom ul#freepubs li#freepubs3 {width:84px;height:27px;margin-left:8px;}
#introbottom ul#freepubs li a span {display:block;text-indent:-5000px;}
#subscribe_button {position:relative;top:13.45em;margin-left:32em;z-index:11;}
#subscribe_button a {display:block;text-decoration:none;background-color:#f90;color:#fff;font-size:2em;text-align:center;border:2px solid #fff;width:9em;}
#subscribe {background:url('images/subscribe.jpg') t left no-repeat;padding:3em 0;}
#subscribe h1 {margin-left:450px;color:#00529C;font-family: 'Cardo', arial, serif;}
#subscribe h2 {margin-left:450px;color:#666;font-family: sans-serif;font-size: 1.5em;}
#subscribe h3 {margin-left:450px;color:#27589c;font-family: 'Cardo', arial, serif;}
#subscribe .copy {margin-left:450px;color:#626262;font-family: 'Cardo', arial, serif;}

#subscribe p {margin-left:450px;margin-right:3em;}
#subscribe table {margin:20px 0 0 450px;width:450px;}
#subscribe td {background-color:#caced2;border-bottom:15px solid #fff;font-weight:bold;padding:0.5em;}
#subscribe td.offername {color:#5a6d84;}
#subscribe td.offerprice {color:#c00;}
#subscribe td.formbutton {text-align:right;padding-right:0;}
#subscribe td.formbutton a {color:#fff;background:#5a6d84 url('../images/button-arrow-right.gif') 85% 50% no-repeat;color:#fff;font-size:1.1em;padding:0.6em 2.5em 0.6em 1.5em;text-decoration:none;}

/** start AKM **/

/** base styles **/
#kindle {display:none;}

/** Bundle background **/
#subscribebundle {
	padding:3em 0;
	}
#subscribebundle h1 {margin-left:450px;color:#00529C;font-family: 'Cardo', arial, serif;font-size:22pt;}
#subscribebundle h2 {margin-left:450px;color:#666;font-family: sans-serif;font-size: 1.5em;}
#subscribebundle h3 {margin-left:450px;color:#27589c;font-family: 'Cardo', arial, serif;}
#subscribebundle .copy {margin-left:450px;color:#626262;font-family: 'Cardo', arial, serif;}
#subscribebundle p {margin-left:450px;margin-right:3em;}
#subscribebundle table {margin:20px 0 0 450px;width:450px;}
#subscribebundle td {background-color:#caced2;border-bottom:15px solid #fff;font-weight:bold;padding:0.5em;}
#subscribebundle td.offername {color:#5a6d84;}
#subscribebundle td.offerprice {color:#c00;}
#subscribebundle td.formbutton {text-align:right;padding-right:0;}
#subscribebundle td.formbutton a {color:#fff;background:#5a6d84 url('../images/button-arrow-right.gif') 85% 50% no-repeat;color:#fff;font-size:1.1em;padding:0.6em 2.5em 0.6em 1.5em;text-decoration:none;}

/** Print background **/

#subscribeprint {
	padding:3em 0;
	}
#subscribeprint h1 {margin-left:450px;color:#00529C;font-family: 'Cardo', arial, serif;}
#subscribeprint h2 {margin-left:450px;color:#666;font-family: sans-serif;font-size: 1.5em;}
#subscribeprint h3 {margin-left:450px;color:#27589c;font-family: 'Cardo', arial, serif;}
#subscribeprint .copy {margin-left:450px;color:#626262;font-family: 'Cardo', arial, serif;}
#subscribeprint p {margin-left:450px;margin-right:3em;}
#subscribeprint table {margin:20px 0 0 450px;width:450px;}
#subscribeprint td {background-color:#caced2;border-bottom:15px solid #fff;font-weight:bold;padding:0.5em;}
#subscribeprint td.offername {color:#5a6d84;}
#subscribeprint td.offerprice {color:#c00;}
#subscribeprint td.formbutton {text-align:right;padding-right:0;}
#subscribeprint td.formbutton a {color:#fff;background:#5a6d84 url('../images/button-arrow-right.gif') 85% 50% no-repeat;color:#fff;font-size:1.1em;padding:0.6em 2.5em 0.6em 1.5em;text-decoration:none;}

@media only screen and (max-width: 800px) {
  /* rules that only apply for canvases narrower than 920px */

#kindle {display:block; float:left;}
#narrow {width:300px; float:right;}

/** Bundle background **/
#subscribebundle {
	background: none;
	}
#subscribebundle h1 {margin-left:10px;}
#subscribebundle h2 {margin:20px 50px 0px 20px; float:right;}
#subscribebundle h3 {margin-left:10px;}
#subscribebundle .copy {margin-left:10px;}
#subscribebundle p {margin-left:10px;}
#subscribebundle table {margin:20px 0 0 10px;width:450px;}

/** Print background **/

#subscribeprint {
	background: none;
	}
#subscribeprint h1 {margin-left:10px;}
#subscribeprint h2 {margin:20px 50px 0px 20px; float:right;}
#subscribeprint h3 {margin-left:10px;}
#subscribeprint .copy {margin-left:10px;}
#subscribeprint p {margin-left:10px;}
#subscribeprint table {margin:20px 0 0 10px;width:450px;}

}

/** end AKM **/

#cluster_form h1 {color:#5a6d84;font-size:2.5em;margin:0.5em 0 1em 0;}
#cluster_form h2 {color:#5a6d84;}
#cluster_form .formfield {color:#666;margin:0.5em 0;padding:0 10px 0 0;line-height:1em;}
#cluster_form label {display:block;font-size:1em;margin:0;padding:0;font-weight:normal;}
#cluster_form .required label, #cluster_form .required span.label {font-weight:bold;color:#333;background:url('../images/input-required.gif') 0px 2px no-repeat;padding-left:12px;}
#cluster_form .formfield input {font-size:1.3em;height:1.5em;width:inherit;background:#fff url('../images/input-bg.jpg') 0px -9px repeat-x;}
#cluster_form .formfield select {font-size:1.3em;height:1.775em;width:inherit;}
#cluster_form .checkbox label {font-weight:normal;display:inline;}
#cluster_form .checkbox {margin-bottom:1em;}
#cluster_form .checkbox input {width:auto;}
#cluster_form .formbutton {margin:0 0 2em 0;padding-top:2em;}
#cluster_form .formbuttonlong {margin:0 0 2em 0;padding-top:2em;}
#cluster_form .formbutton input,
#cluster_form .formbutton a {background:#5a6d84 url('../images/button-arrow-right.gif') 85% 50% no-repeat;border:1px solid #fff;color:#fff;font-size:1.1em;margin-right:0.5em;padding:0.4em 1.75em 0.4em 0.75em;}
#cluster_form .formbuttonlong input,
#cluster_form .formbuttonlong a {background:#5a6d84 url('../images/button-arrow-right.gif') 90% 50% no-repeat;border:1px solid #fff;color:#fff;font-size:1.1em;padding:0.4em 1.75em 0.4em 0.75em;}
#cluster_form .formbutton a,
#cluster_form .formbuttonlong a {padding-top:10px;padding-bottom:10px;text-decoration:none;}
#cvv_help,#offercode_help {position:absolute;border:8px solid #ccc;background-color:#fff;color:red;padding:20px;}
#terms-and-conditions {clear:left;border:1px solid #999;width:100%;height:100px;overflow:auto;font-family:Courier,'Courier New',monospace;font-size:13px;color:#666;padding:5px;}

input[disabled="disabled"], input.disabled {border:1px solid #ddd!important;background:#eee!important;color:#666!important;}


.button_regular {
	background: #f90 url(../images/tablet/button_light_reg.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dfdfdf), color-stop(1, #bebebe));
	background: -moz-linear-gradient(top center, #dfdfdf 0%, #bebebe 100%);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	border-color: #626262;
	color: #333;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	margin: 14px 0 0;
	overflow: hidden;
	padding: 0 15px;
	text-shadow: rgba(255, 255, 255, 0.5) 0 -1px 0;
	height: 40px;
	text-align: center;
    text-decoration: none;
}


.button_disabled {
	background: #ececec url(../images/tablet/button_light_disabled.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #d0d0d0));
	background: -moz-linear-gradient(top center, #f5f5f5 0%, #d0d0d0 100%);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid;
	border-color: #a0a0a0;
	color: #909090;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	margin: 14px 0 0;
	overflow: hidden;
	padding: 0 26px;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, 0.5) 0 -1px 0;
	height: 40px;
	text-align: center;
}





.special-offers-promo,
.subscribe-promo
{
  margin: 0;
  padding: 10px 0;
  background: #eee;
  height: 100px;
}

.special-offers-promo h2,
.subscribe-promo h2
{
  padding: 0 10px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.special-offers-promo p,
.subscribe-promo p
{
  padding: 0 10px;
}

.subscribe-promo h2 a {
  text-decoration: none;
  color: #11113e;
}

.subscribe-promo a:hover {
  text-decoration: underline;
}

.subscribe-promo .button {
  text-align: center;
}

.subscribe-promo .button a {
  padding: 10px;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

/* @group Offers promo */

.offers-promo {
  margin: 0;
}

.home-offers-promo {
  background: #eee;
}

.offers-promo .image {
  padding: 10px 10px 0 10px;
  width: 140px;
  float: left;
}

.home-offers-promo .image {
  width: 120px;
}

.home-offers-promo .offer-content h2 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.offers-promo .offer-content {
  padding: 10px 0;
  width: 510px;
  float: left;
}

.home-offers-promo {
  height: 120px;
}

.home-offers-promo .offer-content {
  padding: 10px 0;
  width: 490px;
  float: left;
}

.offers-promo .offer-content h2 a {
  text-decoration: none;
  color: #11113e;
}

.offers-promo .offer-content a:hover {
  text-decoration: underline;
}

.offers-promo .offer-content p.more,
.home-offers-promo .offer-content p
{
  margin: 0;
}

.offers-promo .offer-content p.more a {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

/* @end Offers promo */

/* @group Offers */

.email-signup {
  margin-bottom: 30px;
  padding: 0 10px;
}

.email-signup a {
  padding: 15px 0 15px 41px;
  background: url('../images/email-signup-icon.gif') center left no-repeat;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

.offer {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

.offer:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.offer {display:inline-block;}
* html .offer {height:1%;}
.offer {display:block;}

.offer:last-child,
.last-offer
{
  border-bottom: none;
}

.offer:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.offer {display:block;}

.offer h4 {
  margin: 5px 0 10px 0;
  font-size: 16px;
}

.offer h4 a {
  font-weight: bold;
  text-decoration: none;
}

.offer p {
  margin-bottom: 10px;
  color: #333;
}

.offer p.more {
  margin-bottom: 0;
  font-size: 11px;
}

.offer p.more a {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
