/*
_______________________________
Desktop version layout - place your custom code here */

body {
  /*background-color:whiteSmoke;*/
}

/*
.container {
  font-size:14pt;
  background-color:#fff;
  max-width:800px;
  margin:0 auto 25px;
  border:2px solid #ccc;
  border-radius:8px;
  padding-top:15px;
  padding-bottom:15px;
  box-shadow: 3px 3px 5px #ddd;
}
  */



.container.logo {
  border:0;
  background-color:whitesmoke;
  box-shadow: none;
  margin-bottom:8px;
}
.thumbnail {
  width:75px;
  height:85px;
  float:left;
  border: 1px solid pink;
  margin-right:10px;
}

.billing h3 {
  margin-top:0;
}

.logo img {
  margin-bottom:7px;
}

.zipcode {
  width:50px;
  float:left;
}

.city {
  width:90px;
  margin-left:2px;
  float:left;
}

#label-zipcode {
  width:24px;
}

#label-state {
  width:50px;
}

ul {
  list-style: disc inside;
}

li {
  /*margin-left:-20px;*/
}

.verisign {
  width:102px;
  height:72px;
  float:right;
}

.image-copy img {
  margin-bottom:0; 
}

.headline {
  text-align:center;
}

.headline h2 {
  margin-top:0;
  color:#0197D9;
}

form {
  text-align:left;
}

label {
  font-weight:bold;
  font-size:14pt;
  margin-right:3px;
}

.payment label {
  width:75px;
}

.check-group label,
.radio-group label {
  font-weight:normal;
  width:auto;
  float:none;
  width:auto;
  display:inline;
}

.form-row {
  clear:both;
}


h3.blue {
  font-size:1.1em;
  color:#0197D9;
}

ul.benefits {
  margin-bottom:5px;
}

ul.benefits li {
  color:#333;
  font-size:14pt;
}

.myButton {
  float:right;
  -moz-box-shadow: 1px 1px 0px 0px #cae3fc;
  -webkit-box-shadow: 1px 1px 0px 0px #cae3fc;
  box-shadow: 1px 1px 0px 0px #cae3fc;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
  background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
  cursor:pointer;
  background-color:#79bbff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #469df5;
  display:inline-block;
  color:#ffffff;
  font-family:arial;
  font-size:20px;
  font-weight:bold;
  padding:6px 30px;
  text-decoration:none;
  text-shadow:1px 1px 0px #287ace;
}.myButton:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
  background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
  background-color:#4197ee;
}.myButton:active {
  position:relative;
  top:1px;
}

.row {
  max-width:960px;
}

/*
 *
.myButton {
  -moz-box-shadow: 1px 1px 0px 0px #cae3fc;
  -webkit-box-shadow: 1px 1px 0px 0px #cae3fc;
  box-shadow: 1px 1px 0px 0px #cae3fc;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
  background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
  background-color:#79bbff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #469df5;
  display:inline-block;
  color:#ffffff;
  font-family:arial;
  font-size:20px;
  font-weight:bold;
  padding:6px 25px;
  text-decoration:none;
  text-shadow:1px 1px 0px #287ace;
}.myButton:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
  background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
  background-color:#4197ee;
}.myButton:active {
  position:relative;
  top:1px;
}
 *
 *
 * */

.cityrow {
  position:relative;
}

ul.footer_links {
  width:100%;
  text-align:center;
  margin-top:1.6em;
  margin-bottom:0.5em;
}

ul.footer_links li a {
  color:#0197D9;
}

ul li {
  display:inline-block;
  font-weight:bold;
  color:#0197D9;
}

.renewLine {
  font-size:9pt;
  font-weight:bold;
}

.renewLink {
  font-size:9pt;
  color:#0197D9;
}

#digitalSubInfo, 
#renewDetails {
  font-size:75%;
  line-height:100%;
  padding-top:7px;
}

.payment-errors {
  display:none;
}

.alert-message.error {
  border:1px solid red;
  color: red;
  background-color:lightPink;
  padding:5px;
}

label.error {
  clear:both;
  width:auto;
  margin-left:55px;
  color:red;
}

input.error {
  border:1px dashed pink;
}

.ziprow {
  float:left;
  width:90px;
  clear:none;
}

.cityrow label.error {
  position:absolute;
  width:200px;
  top:19px;
  display:block;
  left:0;
  margin-left:55px;
  text-align:left;
}

.cityrow input.error {
  margin-bottom:30px;
}

.testmode {
  border:1px solid #ccc;
  background-color:lightYellow;
  padding:5px;
  text-align:center;
}

.loader {
  text-align:center;
  display:none;
}

.canmex-options, .overseas-options {
  display:none;
}

.price-notice {
  display:none;
  color:red;
  font-size:8pt;
  padding:3px 60px 0 55px;
  margin:0;
}

.toddyBanner {
  padding-bottom:10px;
  border-bottom:1px solid #ddd;
  margin-bottom:15px;
  display:none;
}

.toddyBanner h1 {
  font-size:24pt;
  color:#434446;
  float:left;
  max-width:355px;
}

.toddyBanner img {
  display:block;
  margin:0 auto;
}


/*
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 767px) {

	.examplecontainer {}

	body {}

.container {
  max-width:95%;
}

.address-street2 {
  margin-left:55px;
  clear:both;
}

#label-state {
  width:50px;
  text-align:right;
  clear:both;
}

#state {
  float:left;
}

.city {
  margin-left:2px;
}

.button-container {
  text-align:center;
}

.myButton {
  float:none;
}

.container h3 {
  text-align:center;
}

.form-row {
  max-width:400px;
  margin:0 auto;
}

.toddyBanner h1 {
  text-align:center;
  font-size:20pt;
}

.cityrow {
  width:auto !important;
}

.verisign {
  float:none;
  margin:0 auto;
  width:135px;
  padding-right:35px;
}

}

/*
@media handheld, only screen and (max-width: 650px) {
  #address-street2 {
  }
}
  */

/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

}

#digitalLink {
  font-size:10pt;
}

#js-warning p {
  border:1px solid red;
  color: red;
  background-color:lightPink;
  padding:5px;
}

.renew h1 {
  margin-top:.25em;
}

.renew #options li {
  display:block;
  width:100%;
}

.renew #options li a {
  font-size:18pt;
  color:#2867C2;
}

.accessBtn {
  -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  box-shadow:inset 0px 1px 0px 0px #97c4fe;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
  background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
  background-color:#3d94f6;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #337fed;
  display:inline-block;
  color:#ffffff;
  font-family:arial;
  font-size:21px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:1px 1px 0px #1570cd;
}.accessBtn:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
  background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
  background-color:#1e62d0;
}.accessBtn:active {
  position:relative;
  top:1px;
}

.accessBtn:visited {
  color:#fff;
}

.accessSpacer {
  height:90px;
}

.renew h3 {
  font-size:12pt;
}

.renew legend {
  font-size:18pt;
  padding:12px 0;
}

.renew input[type="text"] {
  font-size:20pt;
}

.address-firstname {
  margin-left:2px;
}

.address-lastname {
  margin-left:2px;
}

.address-firstname,
.address-lastname {
  width:135px;
  float:left;
}

.paymentnotice {
  text-align:center;
  display:block;
  font-size:75%;
  color:#666;
}

.newPrice {
  color:red;
}

form div label {
  padding:0px 7px;
}

#email-field {
  width:300px;
  font-size:14pt;
}

.section2 {
  background-color:#2bacde;
}

.header-container {
  background-color:#2bacde;
  padding:25px 0;
}

.container h2 {
  color:#fff;
  font-weight:normal;
}

.header-container p {
  font-size:15pt;
}


.social {
  padding:25px;
  background:#f6f6f6;
  color:#656565;
}

.social h3 {
  margin:0;
  font-size:15pt;
}

.main-form {
  padding-top:30px;
}

.newsletter-option {
  margin-bottom:15px;
}

.newsletter-option label {
  margin-bottom:0;
}
.newsletter-option p {
  padding-left:20px;
  color:#656565;
  font-style:normal;
}

form .unsubscribe {
  border-top:1px solid #ccc;
  padding-top:15px;
  margin-top:20px;
  color:#656565;
}

.email-row {
  padding-bottom:30px;
}

form p {
  margin-bottom:0;
  font-style:italic;
  color:#656565;
}

.unsubscribe label {
  font-size:10pt;
  font-weight:normal;
}

form #submit {
  margin-top:20px;
  font-size:16pt;
  padding:5px;
}

.alert-success {
  font-size:16pt;

}