body {
font-family:"facitweb", arial, sans-serif;
}
a{ border:0px;}
a:hover{border:0px;}
a:link{ border:0px;}
a:active{border:0px;}
a:visited{border:0px;} 
/* header */
.network-header {height:auto;}
#subscription_header, .footer_inner, .content {width:927px;margin: 0 auto;}
#subscription_header .logo {
display: block;
float: left;
margin: 1.3em 0 1.1em 0;
}
#subscription_header #nav {
display:block;
float:left;
margin: 3em 0 0 1.6em;
}
#subscription_header #nav ul {
margin:0;
padding:0;
list-style-type:none;
}
#subscription_header #nav ul li {
margin:0;
padding:0 .82em 0 .82em;
color:#D5D6C4;
float:left;
font-size:.96em;
border-right: 1px solid #d6d6c3;
}
#subscription_header #nav ul > li:last-child {
border-right:0;
}
#subscription_header #nav ul li a {
color:#D5D6C4;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 0px #000;
}
#subscription_header a#nav-toggle {
display: none;
}
img#headerLogo{
width:182px;
}
/* footer */
.footer_inner > p {
border-bottom:1px solid #686E6E;
text-transform:uppercase;
font-size:1.2em;
line-height:3em;
margin:0 -2em 0 -2em;
padding:0 0 0 1.9em;
text-shadow: 1px 1px 0px #000;
-webkit-font-smoothing: antialiased;
}
.footer_inner p.back {
border-top: 1px solid #686E6E;
border-bottom: none;
color: #605F5F;
}
.footer_inner p.back a {
color: #605F5F !important;
}
.footer_col {
width:19.379403%; /* 970 / 194 */;
float:left;
margin:1.6em 0 2em;
}
.footer_col p, .footer_col p span {
display:block;
font-size:.96em;
text-shadow: 1px 1px 0px #000;
-webkit-font-smoothing: antialiased;
}
.footer_col.other {
width:19.979403%; /* 970 / 194 */;
float:left;
margin:1.6em 0 2em 1.6em;
}
.clearfix .footer_col:first-child {
margin: 1.6em 0em 1em 0;
}
.footer_col p span, .footer_col p span a {
text-transform: uppercase;
line-height: 1.4em;
margin: 0 0 .81em 0;
font-weight:800;
color: #ffffff !important;
}
.footer_col p span a:hover, .footer_inner p.back a:hover {
color:#000 !important;
}
.footer_col p a {
display:block;
text-shadow: 1px 1px 0px #000;
-webkit-font-smoothing: antialiased;
}
/* content */
#main-content {
margin-top: 0px;
-webkit-font-smoothing: antialiased;
}
#container label {
cursor:auto;
}
#container{
width: 970px;	
background-color:#f9f9f9;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
padding:30px 20px;	
overflow:hidden;
min-height:80%;
}
#container h1 {
font-size:1.7em;
color:#ac1f2b;
overflow:hidden;
margin:0;
line-height:1.3;
}
#container.activation h1 span { 
width:48.071197%;
float:left;
padding: 0 20px 0 0;
}
#container.activation h1 img { 
width:150px;
float:left;
} 
#container .form {
border-top: 3px solid #ac1f2b;
}
#container .form .fields {
width:49.071197%;
float:left;
}
#container .form p {
font-size:.80em;
color:#034150;
}
#container .form label {
font-size: 1.2em;
font-weight: 100;
display:block;
margin: 0;
padding: 0;
color:#034150;
}
#container .form label.email {
clear:both;
}
#container form label > span {
font-size:.68em;
display:block;
margin:0 45px 3px 0;
}
#container .form p span {
color:#929496;
}
#container.activation .sticker {
padding:48px 0 20px 0;
overflow:hidden;
}
#container .sticker p {
margin:.36em 0 .40em 0;
padding:0 0 0 0;
font-size:.80em;
}
#container .sticker img {
border: 0 none;
height: 117px;
width: 300px;
border:1px solid #ccc;
}
#container form label.email p {
margin:-1em 0 1.6em 0;
padding:0;
font-size:12px;
}
#container .form hr {
clear:both;
color: #ac1f2b;
background-color: #ac1f2b;
height: 3px;
border:0;
}
#container .formCol1 {
width:46%;
float:left;
}
#container.activation input {
width:90%;
}
#container a.activate_btn.get:hover {
background: -moz-linear-gradient(center top , #88131E 0%, #AC1F28 100%) repeat scroll 0 0 transparent;
}
#container.activation input.activate_btn {
border: 0;
box-shadow: none;
width:320px;
}
#container .success {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #f9f9f9;
width: 100%;
padding:0 20px 0 20px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#container.activation .success p, #container.activation .success a {
width:41.5%
}
#container.activation .success a {
text-transform:uppercase;
}
#container label {
cursor:auto;
}
#container .form {
border-top: 3px solid #ac1f2b;
}
#container .form p {
font-size:.80em;
color:#034150;
}
#container form .error {
font-size: 14px;
font-weight: 800;
color:#ac1f2b;
}
#container form .success_extend {
font-size: 18px;
font-weight: 800;
color:#2aabe1;
width:43%;
}
#container.activation .form .sticker p {
margin:1px 0 0 0;
}
#container .form label.email {
clear:both;
}
#container input[type="text"] {
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5) inset;
font-size: 1.4em;
margin: 0 0 .8em;
padding: 5px 5px 5px 8px;
clear:both;
display:block;
}
#container .form label .error {
font-size:.64em;
color:#ac1f2b;
margin:-2em 0 3em 0;
padding:0 0 0 0;
}
#container.activation .form p span {
color:#929496;
}
#container.activation form label.email p {
margin:-1em 0 1.6em 0;
padding:0;
}
#container form hr, #container.extension form hr {
clear:both;
color: #ac1f2b;
background-color: #ac1f2b;
height: 3px;
border:0;
}
#container .success {
}
#container .success p {
font-size:1.4em;
font-weight:800;
margin:1em 0 1em;
color:#034150;
}
#container .success p + p {
font-weight:100;
font-size:16px;
margin:0 0 .10em 0;
color:#ac1f2b;
}
/* directions */
#container.directions h2 {
color:#993333;
font-size:1.1em;
font-weight:100 !important;
}
#container.directions h1 {
margin-left:0px;
width: 50.1499%;
float:none;
}
#container.directions .device_choice .choice_col .productshot_bckground {
margin:0 0 0 0;
}
#container.directions .device_choice .choice_col.left .productshot_bckground {
margin:0 4.3149946% 0 0;
}
#container.directions .device_choice .choice_col.middle .productshot_bckground {
margin:0 2.1574973% 0 2.1574973%;
}
#container.directions .device_choice .choice_col.right .productshot_bckground {
margin:0 0 0 4.3149946%;
}
#container.directions .device_choice .choice_col .productshot_bckground img {
width:100%;
background-color:#ebebe3;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#container.directions .device_choice .choice_col {
width:33.333333%;
float:left;
}	
#container.directions .device_choice {
border-top: 3px solid #AC1F2C;
padding: 2.1575% 0 0;
}
#container.directions ul li, #container.directions ul, #container.directions h3 {
list-style-type:none;
margin:0;
padding:0;
color:#0d4050;
}
#container.directions h3 {
font-size:1.4em;
margin:1em 0 .48em 0;
}
#container.directions ul li {
font-size:1.4em;
}	
#container.directions ul li span {
color:#939597;
display:block;
font-size:.66em;
margin:-.10em 1.6em .60em 0;
line-height:1.4em;
}	
#container.directions ul li.nospan {
margin-bottom:.7em;
}	
#container.directions .choice_col.middle h3, #container.directions .choice_col.middle ul {
margin-left: 2.1575%;
} 
#container.directions .choice_col.right h3, #container.directions .choice_col.right ul {
margin-left: 4.31499%;
} 
/* desktop breakpoint */
@media only screen and (min-width : 768px) and (max-width : 927px) 
{
#subscription_header, .footer_inner, .content, .footer_col, .footer_col.other, .container, .main, #main, #container {
width: 100% !important;
}
#subscription_header .logo {
margin: 1.3em 0 1.1em 22px;
}
#footer .footer_inner {
margin-left:1em;
}
#subscription_header, .footer_inner, .content, .container, #container {
width: 100% !important;
}
#container input.activate_btn {
width:38% !important;
}
}
/* tablet breakpoint */
@media only screen and (min-width : 768px) and (max-width : 1024px) 
{
#subscription_header, .footer_inner, .content, .footer_col, .footer_col.other, .container, .main, #main, #container {
width: 100% !important;
}
#container input.activate_btn {
width:38% !important;
}
#subscription_header .logo {
margin: 1.3em 0 1.1em 22px;
}
.footer_inner, .footer_col, .footer_col.other {width:100%;}
.footer_inner > p {
margin: 0 2em .4em 0;
padding:0;
font-size:.98em;
}
.footer_col, .footer_col.other, .clearfix .footer_col:first-child {
margin:1em 0 0 0;
}
.footer_inner {
margin: 0 1em 0 1em;
}
.footer_inner p.back {
margin-top: 1.4em;
}
#container form label > span.account_number_hint, #container form label > span.name_hint {
display: block;
clear: both;
padding-bottom: 4px;
}
}
/* phone breakpoint */
@media only screen and (min-width : 320px) and (max-width : 767px) 
{
/* header footer */
#main-content {
padding-top: 0px;
}
#subscription_header .logo {
margin: 1.3em 0 1.1em 22px;
}
#subscription_header #nav-toggle {
float:right;
}
#subscription_header, .footer_inner, .content, .footer_col, .footer_col.other, .container, .main, #main, #container, input, #container .formCol1 {
width: 100% !important;
}
#container.activation .header {
padding: 0; margin:0;
}
#container.activation .header img {
margin-top: 0;
}
#container.activation h1 span { 
width:100%;
}
#container.activation h1 {
margin-top:-0.06em;
font-size:1.50em;
}
#container.activation .sticker {
padding: 10px 0 20px 0;
}
#container.activation .sticker img {
width: 278px;
}
#container.activation .success, #container.activation .success p, #container.activation .success a {
width:100%;
}
.footer_inner > p {
margin: 0 2em .4em 0;
padding:0;
font-size:.98em;
}
.footer_col, .footer_col.other, .clearfix .footer_col:first-child {
margin:1em 0 0 0;
}
.footer_inner {
margin: 0 1em 0 1em;
}
.footer_inner p.back {
margin-top: 1.4em;
}
#nav ul {
margin: 0;
padding: 0;
width: 100%;
display: block;
list-style: none;
}
#nav li {
width: 100%;
display: block;
}
.js #nav {
clip: rect(0 0 0 0);
max-height: 99999px;
position: absolute;
display: block;
overflow: hidden;
zoom: 1;
}
#subscription_header #nav {
display: block;
float: none;
margin: 0;
clear:both;
margin-right:20px;
}
#subscription_header #nav ul {
margin:0 0 0 20px;
}
#subscription_header #nav ul li {
margin:1em 0 0 0;
padding: 0 0 1em 0; 
border-bottom:1px solid #ccc;
border-right:none;
}
#subscription_header a#nav-toggle {
width: 70px;
height: 55px;
float: right;
text-indent: -9999px;
overflow: hidden;
display: block;
background: transparent url("http://static.pcworld.com/subscribe/graphics/hamburger.gif") no-repeat 50% 33%;
margin:3px 0 16px 0;
}
#container .header {
margin: 20px 0 0;
}
#container h1 span {
clear:both;
width: 100%;
}
#container.activation h1 img {
clear: both;
padding:10px 0 0 0;
margin:0;
}
#container .form .fields {
width: 100%;
clear:both;
}
#container.directions h1 {
width: 100%;
}
#container form label > span.account_number_hint, #container form label > span.name_hint {
display:block;
clear:both;
padding-bottom:4px;
}
#container.support header h1 {
width:100%;
}
}
/* phone breakpoint device specific */
@media screen and (min-width : 320px) and (max-width : 767px), screen and (min-device-width : 320px) and (max-device-width : 767px) 
{
#container, #container h1, #container .form label, #container .sticker, #container .form label, #container .success {width:100%;clear:both;}
#container a.activate_btn, #container a.activate_btn.get {width:100%;}
#container .header img {
margin: 0 0 0 1em;
clear:both;
}
.form .sticker {
padding:.5em 0 .5em 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin:0 0 1.4em 0;
}	
#container .form label.email {
margin-top: 0;
}
.success p {
font-size:1.3em !important;
margin:.50em 0 .6em 0 !important;
padding:0 !important;
}
.success p + p {
font-size:1em !important;
margin:.0 0 1em 0 !important;
padding:0 !important;
}
.success a.activate_btn.get {
margin:0 !important;
}
#container .success {
width: 100%;
position:absolute;
top:0;
left:0;
background-color:#F9F9F9;
z-index:1000;
padding:20px;
}
#container.directions .device_choice .choice_col {
width: 100%;}
#container.directions .device_choice .choice_col.left .productshot_bckground, #container.directions .device_choice .choice_col.right .productshot_bckground,
#container.directions .device_choice .choice_col.middle .productshot_bckground {
margin: 0;
} 
#container.directions .device_choice .choice_col.right ul,
#container.directions .device_choice .choice_col.middle ul,
#container.directions .device_choice .choice_col.left ul{
margin-bottom: 1em;
padding-bottom:1.6em;
} 
#container.directions .device_choice .choice_col ul {
border-bottom: 3px solid #ac1f2c;
} 
#container.directions .device_choice .choice_col.middle h3,
#container.directions .device_choice .choice_col.right h3 {
margin: 1em 0 0.48em;
} 
#container.directions .choice_col.middle h3, #container.directions .choice_col.middle ul, #container.directions .choice_col.right h3, #container.directions .choice_col.right ul {
margin:0;
}
#container.directions .device_choice {
padding: 4.8% 0 0;
}
}
@media screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation:portrait) and (orientation:landscape) 
{
#container .header {
padding:0;
}
#container h1 {
margin:-.4em 2em 1em -.2em;
font-size:2em;
}
#container input {
margin: 0 0 .9em 0;
}
#container.activation .sticker p {
font-size: 0.5em;
}
#container.activation .sticker p {
font-size: 0.5em;
}
#container.directions h1 {
font-size:1.2em;
margin-left:.2em;
}
}
/* support *///////////////////////////////////////////////////////////////////////////
#container.support header {
border-bottom:3px solid #ac1f2c;
color:#ac1f2c;
}
#container.support section.welcome_editions {
width:71.752577%; /* 696 / 970 */
float:left;
}
#container.support section.welcome_editions p.intro_copy {
font-size:1.71428571em; /* 24px / 14px */
margin:0 60px 40px 0;
line-height:1.38em;
text-shadow: 1px 1px 0px #ffffff;
}
p.intro_copy span {
display:block;
font-size:3.28571429em; /* 60px / 14px */
font-weight:800;
margin:50px 0 26px -.04em;
letter-spacing:-.04em;
text-shadow: hsl(248,31%,81%) 1px 1px, hsl(248,31%,81%) 2px 2px;
}
/* section col 1 */
#container .col_1, #container .col_2 {
float: left;
width: 50%;
padding-right:10px;
}
#container.support .col_1 img, #container.support .col_2 img{
width: 250px;
}
#container.support section.welcome_editions h2 {
margin:5px 20px 0 0;
color:#ac1f2c;
text-shadow: 1px 1px 0px #fffffff;
}
#container.support section.welcome_editions p {
margin:0 30px 0 0;
line-height:1.8em;
}
#container.support section.welcome_editions h3 {
margin:15px 20px 4px 0;
color:#ac1f2c;
}
#container.support section.welcome_editions ul {
margin:0 0 0 0;
list-style-type:none;
padding:0;
}
#container.support section.welcome_editions ul li {
margin:0;
line-height:1.8em;
}
/* section col 2 */
#container.support section.welcome_editions .col_2 {
margin-left:-14px;
background: #f9f9f9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2QzZDNjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f9f9f9 0%, #d3d3cb 47%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(47%,#d3d3cb), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#d3d3cb 47%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#d3d3cb 47%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#d3d3cb 47%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9f9f9 0%,#d3d3cb 47%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */
padding:0 0 0 1px;
}
#container.support section.welcome_editions .col_2 .col2_inner {
background-color:#f9f9f9;
padding-left:20px;
}	
/* option aside */
#container.support aside.options {
width:28.248458%; /* 274 / 970 */
float:left;
}
#container.support aside.options .options_all {
margin:20px 0 0 0;
}
#container.support aside.options .options_all .corners {
-webkit-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
}
#container.support aside.options .options_all .corners .backgroundgradient_all {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #efefe8; /* Old browsers */
background: #f7f7f7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f7f7f7 0%, #d3d3cb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d3d3cb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#d3d3cb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#d3d3cb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#d3d3cb 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7f7f7 0%,#d3d3cb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d3d3cb',GradientType=0 ); /* IE6-8 */
}
#container.support aside.options .options_all .options_activate {
background: #c9dbd9; /* Old browsers */
background: #c9dbd9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZGJkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2YxZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #c9dbd9 0%, #e3f1f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9dbd9), color-stop(100%,#e3f1f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c9dbd9 0%,#e3f1f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c9dbd9 0%,#e3f1f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c9dbd9 0%,#e3f1f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #c9dbd9 0%,#e3f1f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dbd9', endColorstr='#e3f1f4',GradientType=0 ); /* IE6-8 */
padding:10px 10px 10px 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid #acdde3;
}
#container.support aside.options .options_all .options_activate h2 {
margin: .2em 0 .2em 0;
padding: 0;
text-shadow: 1px 1px 0px #ffffff;
line-height: 1.3em;
}
#container.support aside.options .options_all .options_activate p {
color:#ac1f2c;
padding:0 5px 0 0;
text-shadow: 1px 1px 0px #ffffff;
}
.activate_btn {
background: -moz-linear-gradient(center top , #AC1F2B 0%, #8B131E 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AC1F2B), color-stop(100%,#8B131E));
background: -webkit-linear-gradient(top, #AC1F2B 0%,#8B131E 100%);
background-color: #ac1f2c;
border-radius: 8px !important;
color: #FFFFFF !important;
display: block;
font-size: 15px;
font-weight:800;
margin: 1em 0 0;
padding: 10px 0 8px 0 !important;
text-align: center;
text-decoration: none;
width: 100%;
}
.activate_btn:hover {
background-color: #e01729;
background: -moz-linear-gradient(center top , #8B131E 0%, #AC1F2B 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8B131E), color-stop(100%,#AC1F2B));
background: -webkit-linear-gradient(top, #8B131E 0%,#AC1F2B 100%);
}
#container.support aside.options .options_all .option {
text-align:center;
margin:20px 10px;
padding:0 0 20px 0;
border-bottom:1px dotted #ffffff;
}
#container.support aside.options .options_all .option a {
color: #034150;
}
#container.support aside.options .options_all .option a:hover {
color: #489ba6;
}
#container.support aside.options .options_all .option p {
line-height:1.4em;
}
#container.support aside.options .options_all .option p span {
display:block;
font-size:.86em;
font-weight:800;
margin:10px 40px;
line-height:1.5em;
}
#container.support aside.options .options_all .option p span a {
color: #ac1f2b;
}
#container.support aside.options .options_all .option span.ss-icon {
font-size:3em;
font-weight:800;
text-align:center;
display:block;
text-shadow: #ffffff 1px 1px, hsl(248,31%,81%) 2px 2px;
}
#container.support aside.options .options_all .option.issue span.ss-icon {
font-size:5em;
color:#034150;
}
#container.support aside.options .options_all .option.issue p {color:#0d4050;}
#container.support aside.options .options_all .option.issue p a {}
#container.support aside.options .options_all .option.alternate {}
#container.support aside.options .options_all .option.alternate span {}
#container.support aside.options .options_all .option.alternate p {
margin:0 50px;
}
#container.support aside.options .options_all .option.alternate p a {}
#container.support aside.options .options_all .option.refund {
border-bottom:0;
}
#container.support aside.options .options_all .option.refund span {}
#container.support aside.options .options_all .option.refund p {}
#container.support aside.options .options_all .option.refund p a {}
/* activate link bottom */
#container.support .activate_link_btm {
border-top:3px solid #ac1f2c;
padding: .6em 0 0 0;
font-size:1.4em;
margin-top:20px;
}
#container.support .activate_link_btm p {
width:47%;
float:left;
margin:.9em 0 0 0;
}
#container.support .activate_link_btm a {
width:30%;
float:left;
font-size:.88em;
margin: .6em 0 0 0;
padding: 0.6em;
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
#container.support section.welcome_editions,
#container.support section.welcome_editions p.intro_copy,
#container .col_1,
#container .col_2,
#container aside.options,
#container.support .activate_link_btm p {
width:100%;
margin:0;
padding:0;
}
#container.support .activate_link_btm {
border-top:3px solid #ac1f2c;
display:block;
}
#container.support .activate_link_btm a {
margin: 10px 0;
width:100%;
}
#container.support section.welcome_editions p.intro_copy {
font-size: 1.21429em;
line-height: 1.6em;
margin: 0 !important;
padding:2em 20px 0 0px;
}
#container.support section.welcome_editions p.intro_copy span {
margin: 10px 0 16px -.04em;
}
#container.support section.welcome_editions .col_2 {
margin-left:0;
}
#container.support section.welcome_editions .col_2 {
padding:0;
}
#container.support section.welcome_editions .col_2 .col2_inner {
padding-left: 0px;}
#container.support header h1 {
font-size:1.5em;
}
#container.support aside.options {
width:100%;
}
#container.support aside.options .options_all .options_activate {
text-align:center;
}
#container.support aside.options .options_all {
margin: 20px 0 0 0;
}
#container.support section.welcome_editions ul {
border-bottom: 3px solid #ac1f2c;
padding:0 0 20px 0;
}
#container.support section.welcome_editions .col_2 img {
margin: 20px 0 0 0;
}
#container.support .activate_link_btm {
font-size: 1.2em;
}
}
@media only screen and (min-width : 767px) and (max-width : 902px) {
#container.support .activate_link_btm {
font-size: 1.2em;
}
#container.support .activate_link_btm p {
width: 50%;
}
#container.support .activate_link_btm a {
width: 32%;
}
#container.support aside.options .options_all .options_activate a {
font-size: 0.80em;
}
}
/* version */////////////////////////////////////////////////////////////////////////////////
#container.support {
color:#034150;
}
#container.support header {
border-bottom:3px solid #ac1f2c;
color:#ac1f2c;
}
#container.support header h1 {
font-size:1.7em;
width:450px;
}
#container.support header h1 span {
}
#container.support header h2 {
font-size:1.2em;
color:#000000;
margin:.70em 0;
}
#container.support header h2 span {
display:block;
font-weight:100;
color:#939597;
}
#container.support .versionChoice {
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid #eae6e6;
margin-top:20px;
overflow:hidden;
background-color: #f1f1eb;
}
#container.support small, .addTopMargin{
margin-top:20px;
display:block;
clear:both;
}
#container.support .col_enhanced {
width:50%;
float:left;
padding:20px;
}
#container.support .col_enhanced.col1 {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2QzZDNjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f1f1eb 0%, #d3d3cb 47%, #f1f1eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1eb), color-stop(47%,#d3d3cb), color-stop(100%,#CEE3ED)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1f1eb 0%,#d3d3cb 47%,#f1f1eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1f1eb 0%,#d3d3cb 47%,#f1f1eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1f1eb 0%,#d3d3cb 47%,#f1f1eb 100%); /* IE10+ */
background: linear-gradient(to bottom, #f1f1eb 0%,#d3d3cb 47%,#f1f1eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1eb', endColorstr='#CEE3ED',GradientType=0 ); /* IE6-8 */
padding:0;
}
#container.support .col_enhanced.col1 .col1_inner {
margin:0 1px 0 0;
padding:0 0 0 0;
padding:20px;
background-color: #f1f1eb;
}	
#container.support .col_enhanced .col2_inner {
margin:0 20px 0 0;
}	
#container.support .col_enhanced h3 {
margin:0 0 .4em 0;
}
#container.support .col_enhanced h4 {
margin:1em 0 .8em 0;}
#container.support .col_enhanced p {
line-height:1.9em;
color:#939597;
min-height:125px;
}
#container.support .col_enhanced ul {
margin:0 0 0 15px;
padding:0;
color:#939597;
min-height:340px;
font-size:.90em;
}
#container.support .col_enhanced ul li {
line-height:1.8em;
margin-bottom:.90em;
}
#container.support .col_enhanced a {
background: -moz-linear-gradient(center top , #AC1F2B 0%, #8B131E 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AC1F2B), color-stop(100%,#8B131E));
background: -webkit-linear-gradient(top, #AC1F2B 0%,#8B131E 100%);
background-color: #ac1f2c;
border-radius: 8px 8px 8px 8px;
color: #FFFFFF;
display: block;
font-size: 1em;
font-weight:800;
margin: 1em 0 0;
padding: 0.6em;
text-align: center;
text-decoration: none;
width: 100%;
}
#container.support .col_enhanced a:hover {
background-color: #e01729;
background: -moz-linear-gradient(center top , #8B131E 0%, #AC1F2B 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8B131E), color-stop(100%,#AC1F2B));
background: -webkit-linear-gradient(top, #8B131E 0%,#AC1F2B 100%);
}
@media only screen and (min-width : 320px) and (max-width : 550px) {
#container.support .versionChoice {
-webkit-border-radius: 0px;
border-radius: 0px;
border:0px solid #eae6e6;
overflow:hidden;
background-color: transparent;
}
#container.support .col_enhanced, #container.support header h1 {
width:100%;
}
#container.support header h1 {
font-size:1.7em;
}
#container.support .col_enhanced.col1 {
background:transparent;
border-bottom: 
}
#container.support .col_enhanced.col1 .col1_inner {
background:transparent;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 3px solid #ac1f2c;
}
#container.support section.welcome_editions .col_2 .col2_inner {
background-color: #f9f9f9;
padding-left:0;
margin:0;
}
#container.support .col_enhanced p {
min-height: inherit;
}
#container.support header h2 span {
margin-top:5px;
}
#container.support .col_enhanced {
padding: 0px;
}
#container.support .col_enhanced ul {
margin:0 0 0 16px;
}
#container.support .versionChoice .col_enhanced .col2_inner {
margin:0 0 0 0;
}	
}
@media only screen and (min-width : 550px) and (max-width : 768px) and (orientation:portrait) {
#container.support .col_enhanced ul {
min-height: 410px;
}
#container.support .col_enhanced p {
min-height: 150px;
}
}
/* extension */
/* loyalty bonus */
#container.extension .loyaltyBonus, #container.alternate .alternateSubscription {
margin:-30px -20px 20px -20px;
overflow: hidden;
border-bottom: 1px dotted #ccc;
padding: 30px 0 0 20px;
background-color: #eff0e7;
}
#container.extension .loyaltyBonus .displayText {
width:50%;
float:left;
}
#container.extension .loyaltyBonus .displayText .overLine {
font-size:18px;
color:#ac1f2b;
margin:0 0 5px 0;
}
#container.extension .loyaltyBonus .displayText .offerText {
font-size:30px;
font-weight: 100;
line-height:40px;
color:#499aa6;
text-shadow: 1px 1px 0px #ffffff;
}
#container.extension .loyaltyBonus .displayText .offerText em {
color:#034150;
}
#container.extension .loyaltyBonus .six {
font-size:184px;
font-weight:800;
line-height:184px;
width:120px;
float:left;
color:#5fa845;
text-shadow: 1px 1px 0px #ffffff;
}
#container.extension .loyaltyBonus .moreMonths {
width:26%;
float:left;
font-size:36px;
font-weight:800;
line-height:36px;
color:#ac1f2b;
margin:27px 0 0 0;
}
#container.extension .loyaltyBonus .moreMonths span {
color:#dc542e;
font-size:54px;
margin-top:7px;
margin-left:-1px;
display:block;
text-shadow: 1px 1px 0px #ffffff;
}
#container.extension {
padding-bottom:20em;
}
#container.extension h1 {
padding:0 0 5px 0;
margin:10px 0 0 0;
float:none;
border-bottom: 3px solid #ac1f2c;
}
#container.extension h3 {
margin:-30px -20px 20px -20px;
padding:20px 20px 25px 20px;
background-color:#2aabe1;
overflow:hidden;
color: #fff;
font-weight:100;
}
#container form {
margin:20px 0 0;
}
#container.extension form label {
font-size: 1.2em;
font-weight: 100;
}
#container.extension .sticker {
padding:17px 0 20px 0;
}
#container.extension input.activate_btn {
float: left;
}
#container.extension form a.noThanks {
display:block;
padding:22px;
overflow:hidden;
font-size:18px;
}
@media screen and (min-width : 768px) and (max-width : 890px) { 
#container.extension .loyaltyBonus .displayText .overLine {
font-size:14px;
}
#container.extension .loyaltyBonus .displayText .offerText {
font-size:24px;
line-height: 34px;
}
#container.extension .loyaltyBonus .six {
font-size: 144px;
line-height: 144px;
width: 100px;
float: left;
color: #5fa845;
margin-top:2px;
}
#container.extension .loyaltyBonus .moreMonths {
font-size: 30px;
line-height: 30px;
color: #ac1f2b;
margin: 17px 0 0 0;
}
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
#container.extension .loyaltyBonus .displayText {
width: 100%;
clear:both;
padding-bottom:20px;
padding-right:20px;
}
#container.extension .sticker {
padding: 10px 0;
}
#container.extension .loyaltyBonus .six, #container.extension .loyaltyBonus .moreMonths {
display:none;
}
#container.extension form label {
width: 100%;
}
#container.extension form a {
padding:28px 0 0 0px;
clear:both;
}
#container form .success_extend {
width:100%;
}
#container.extension form a.noThanks {
text-align:center;
}
}
/* return */ 
#container.return h2 { 
width:90%;
}
#container.return .form {
padding:0 0 10px; 
}
#container.return .sticker {
padding: 20px 0 20px 0;
overflow: hidden;
}
/* alternate */
#container.alternate {}
#container.alternate .alternateSubscription {
overflow:hidden;
padding:30px 0 0 20px;
}
#container.alternate .alternateSubscription .offer {
width:375px;
float:left;
color:#05c7f2;
}
#container.alternate .alternateSubscription .offer h2 {
font-size:50px;
line-height:54px;
text-shadow: 1px 1px 0px #ffffff;
margin:0 0 0 0;
}
#container.alternate .alternateSubscription .offer p {
font-size:20px;
font-weight:100;
line-height:30px;
margin: 15px 20px 0 0;
-webkit-font-smoothing:antialiased;
color:#3399cc;
text-shadow: 1px 1px 0px #ffffff;
}
#container.alternate .alternateSubscription .marketingCopy {
width:320px;
float:left;
padding:10px 0 0 0;
}
#container.alternate .alternateSubscription .marketingCopy p {
font-size:14px;
line-height:22px;
font-weight:800;
color:#76b5bf;
margin:0 20px 0 0;
-webkit-font-smoothing:antialiased;
}
#container.alternate .alternateSubscription .marketingCopy p + p {
font-weight:100;
margin:5px 26px 0 0;
}
#container.alternate .alternateSubscription .cover {
width:221px;
float:right;
background-color:#adecf6;
text-align:center;
margin: -30px 0 -10px 0;
padding: 45px 0 70px 0;
}
#container.alternate .alternateSubscription .cover img {
width:148px;
border:1px solid #ccc;
}
#container.alternate .form {
border-top:none;
overflow:hidden;
}
@media only screen and (min-width : 320px) and (max-width : 972px) {
#container.alternate .alternateSubscription .offer, #container.alternate .alternateSubscription .marketingCopy, #container.alternate .alternateSubscription .cover {
width: 100%;
}
#container.alternate .alternateSubscription .marketingCopy p {
margin:5px 20px 0 0
}
#container.alternate .alternateSubscription .marketingCopy p + p {
margin:10px 26px 0 0;
}
#container.alternate .alternateSubscription .marketingCopy {margin-bottom:30px;}
#container.alternate .alternateSubscription .cover {
display:none;
}
}
/* free */
#container.free hr {
display:block;
height:4px;
border-top:2px solid #ccc;
border-bottom:1px solid #ccc;
}
#container.free .marketing {
background-color: #e4e3dd;
overflow:hidden;
margin:-30px -20px 0 -20px;
padding:20px 20px 0 20px;
position:relative;
background: #d3d3cd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVkZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2VlM2VkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JjZDNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #d3d3cd 0%, #eaedef 100%, #cee3ed 100%, #bcd3e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3cd), color-stop(100%,#eaedef), color-stop(100%,#cee3ed), color-stop(100%,#bcd3e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d3d3cd 0%,#eaedef 100%,#cee3ed 100%,#bcd3e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d3d3cd 0%,#eaedef 100%,#cee3ed 100%,#bcd3e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d3d3cd 0%,#eaedef 100%,#cee3ed 100%,#bcd3e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #d3d3cd 0%,#eaedef 100%,#cee3ed 100%,#bcd3e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3cd', endColorstr='#bcd3e5',GradientType=0 ); /* IE6-8 */
}
#container.free .marketing img {
float:left;
width:400px;
position:absolute;
left: 19px;
top: 52px;
}
#container.free .marketing .marketingCopy {
float:right;
width:526px;
color:#0d4050;
margin:0 0 40px 0;
}
#container.free .marketing .marketingCopy h1 {
font-weight:800;
-webkit-font-smoothing:antialiased;
margin:20px 110px 0 0;
padding:0;
text-shadow: 1px 1px 0px #ffffff;
}
#container.free .marketing .marketingCopy h2 {
font-size:14px;
font-weight:100;
line-height:22px;
text-shadow: 1px 1px 0px #ffffff;
}
#container.free .marketing .marketingCopy h3 {
font-size:14px;
text-shadow: 1px 1px 0px #ffffff;
}
#container.free .marketing .marketingCopy .featureLists {
}
#container.free .marketing .marketingCopy .featureLists .features {
width:50%;
float:left;
}
#container.free .marketing .marketingCopy .featureLists .features ul {
margin:10px 15px 0 15px;
padding:0;
font-size:12px;
}
#container.free .marketing .marketingCopy .featureLists .features ul li {
margin-bottom:5px;
}
#container.free .instructions {
}
#container.free .instructions h2 {
color:#ac1f2c;
}
#container.free .instructions .col {
width:33.33333%;
float:left;
}
#container.free .instructions .col.bckgrndColor {
background-color:#f1f3f5;
margin:0 0 0 -10px;
padding:0 0 0 20px;
}
#container.free .instructions .col.first {
margin:0 10px 0 0;
}
#container.free .instructions .col.last {
padding:0 0 0 20px;
}
#container.free .instructions .col.marginRight p {
margin:0 20px 20px 0;
}
#container.free .instructions .col h4 {
margin-right:20px;
text-shadow: 1px 1px 0px #ffffff;
}
#container.free .instructions .col h4 span {
font-size:24px;
color:#2aabe1;
display:block;
}
#container.free .instructions .col p {
margin-bottom:20px;
border-bottom:1px solid #ccc;
}
#container.free .instructions .col p img {
margin:10px 0 20px 0;
width:270px;
}
#container.free.kindle .marketing .marketingCopy h1 {
margin: 20px 100px 0 0;
}
#container.free.android .marketing .marketingCopy h1 {
margin: 20px 80px 0 0;
}
/*PDF instructions*/
.centered{
display:block;
text-align:center;
width:100%;
}
h1 span.eyebrowText{
display:block;
font-size:16px;
margin:0;
}
div.instructionsAndroidTablet{
border-top: 3px solid #AC1F2C;
padding: 2.1575% 0 0;
}
.masterTooltip:after{ color:#AC1F2B; font-size:14px; margin-left:3px; font-weight:bold; vertical-align: top; position: relative; top: -0.1em; z-index:1; }
.masterTooltip{ border-bottom:1px #AC1F2B dotted; }
.masterTooltip:hover{ color:#fff; background-color: #AC1F2B; }
.tooltip {
display:none;
position:absolute;
border:1px solid #333;
background-color:#161616;
border-radius:5px;
padding:10px;
color:#fff;
font-size:12px Arial;
z-index:1000;
max-width:500px;
}
ol.instructionList{
font-weight:bold;
font-size:20px;
}
ol.instructionList li{
border-bottom:1px #666 solid;
padding-bottom:15px;
margin-bottom:15px;
clear:both;
overflow:visible;
}
#container ol.instructionList li div.col_1, #container ol.instructionList li div.col_2{
float:none;
display:inline-block;
width:49%;
vertical-align:top;
padding-right:10px;
}
ol.instructionList li p{
font-weight:normal;
font-size:15px;
}
@media only screen and (min-width : 680px) and (max-width : 950px) {
#container.free .instructions .col p img {
width:100%;
}
}
@media only screen and (min-width : 320px) and (max-width : 760px) {
#container.free .marketing img {
display:none;
}
#container.free .marketing .marketingCopy {
width:100%;
}
#container .col_1, #container .col_2, #container ol.instructionList li div.col_1, #container ol.instructionList li div.col_2 {
float: none;
width: 100%;
}
#container .col_1 img, #container .col_2 img, #container ol.instructionList li div.col_1 img, #container ol.instructionList li div.col_2 img {
max-width: 100%;
}
}
@media only screen and (min-width : 320px) and (max-width : 680px) {
#container.free .instructions .col {
width:100%;
margin:0;
}
#container.free .instructions .col.first {
margin: 0 0 0 0;
}
#container.free .instructions .col.marginRight p {
margin: 0 0 20px 0;
}
#container.free .instructions .col p img {
width:270px;
clear:both;
display:block;
}	
#container.free .instructions .col.bckgrndColor {
background-color:transparent;
margin:0;
padding:0;
}
#container.free .instructions .col.last {
padding:0;
}
}
@media only screen and (min-width : 320px) and (max-width : 550px) {
#container.free .marketing .marketingCopy .featureLists .features {
width: 100%;
}
#container.free .marketing .marketingCopy .featureLists .features + .features ul {
margin:0 15px 0 15px;
}
}
@media only screen and (min-width : 768px) and (max-width : 900px) {
#subscription_header #nav ul li{
font-size:0.75em;
}
#subscription_header #nav {
margin: 3.3em 0 0 1.6em;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi){
.tooltip{
max-width:300px;
width:auto;
}
.tooltip img{
max-width:100%;
}
}
@media only screen and (min-width:768px) and (max-width:768px) {
.subscription-header{
width:100%;
}
#subscription_header #nav ul li{
font-size:0.75em;
}
#subscription_header #nav {
margin: 3.3em 0 0 1.6em;
}
#headerLogo{
width:100px;	
}
}
/* powerguides */
#container.powerguides {
padding-top:0px;
background: url(http://static.macworld.com/files/powerguides/giftguides062012/graphics/powerguides_bckgrnd_b.jpg) 0px 0px;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 0px #fff;
padding-bottom:0;
}
#container.powerguides .hero {
margin:0 -20px 40px -20px;
text-align:center;
}
#container.powerguides .hero a {
color:#333333;
}
#container.powerguides .hero h1 {
text-align:center;
font-size:47px;
color:#de5530;
text-shadow:1px 1px 0 #ffffff;
padding: 86px 0 0px 0;
margin:0 0 -180px 0;
z-index:100;
}
#container.powerguides .hero img {
margin:0 0 0 0;
width:100%;
z-index:50;
}	
#container.powerguides .hero p {
text-align:center;
padding:0 130px;
font-size:16px;
margin:-90px 0 0 0;
}
#container.powerguides .hero p span {
font-weight:800;
color:#de5530;
display:block;
}
#container.powerguides .powerguides_individual {
background: #cbcccd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiY2NjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #cbcccd 0%, #f2f2f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcccd), color-stop(100%,#f2f2f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cbcccd 0%,#f2f2f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cbcccd 0%,#f2f2f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cbcccd 0%,#f2f2f3 100%); /* IE10+ */
background: linear-gradient(to bottom, #cbcccd 0%,#f2f2f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcccd', endColorstr='#f2f2f3',GradientType=0 ); /* IE6-8 */
margin:0 -20px;
padding:40px 20px;
overflow:hidden;
}
#container.powerguides .powerguides_individual .item {
width:25%;
float:left;
background: url(http://static.pcworld.com/subscribe/graphics/pcw_powerguides_vertGradeStroke.png) no-repeat left 160px;
}
#container.powerguides .powerguides_individual .item:first-child {
background: none;
}
#container.powerguides .powerguides_individual .item img {
width:100%;
}
#container.powerguides .powerguides_individual .item p {
text-align:center;
padding:0 13px;
font-size:13px;
overflow: hidden;
}
#container.powerguides .powerguides_individual .item p .desc span {
display:block;
color:#de5530;
font-weight:800;
font-size:15px;
padding-bottom:3px;
}
#container.powerguides .powerguides_individual {
}
#container.powerguides .powerguides_individual .item p span.otherChoices {
font-size:11px;
font-weight:100;
display:block;
color:#666;
line-height:14px;
margin-bottom:3px;
}
#container.powerguides .superguide_promo {
background: #e2e2d8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e2e2d8 0%, #fcfcfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2d8), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2d8 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2d8 0%,#fcfcfc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2d8 0%,#fcfcfc 100%); /* IE10+ */
background: linear-gradient(to bottom, #e2e2d8 0%,#fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2d8', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
margin:0 -20px 0 -20px;
padding:60px 20px 40px 20px;
overflow:hidden;
}
#container.powerguides .superguide_promo p.intro {
width: 29.032258%;
float: left;
color: #476d77;
font-weight: 800;
margin-top: -60px;
margin-left: -20px;
padding: 20px;
padding-bottom:40px;
background-color:#b0def1;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#container.powerguides .superguide_promo p.intro span{
font-size:30px;
display:block;
color:#de5530;
font-weight:800;
padding-bottom:3px;
margin-top:28px;
margin-bottom:10px;
}
#container.powerguides .superguide_promo .superguide_individual {
width:34.354839%;
padding-left:57px;
float:left;
}
#container.powerguides .superguide_promo .superguide_individual img {
width:95%;
}
#container.powerguides .superguide_promo .superguide_individual p {
width:100%;
font-size:13px;
}
#container.powerguides .superguide_promo .superguide_individual p span {
display:block;
color:#de5530;
font-weight:800;
font-size:16px;
padding-bottom:3px;
margin-top:0;
margin-bottom:3px;
}
#container.powerguides {
}
@media only screen and (min-width:650px) and (max-width:890px) {
#container.powerguides .hero img {
margin: 40px 0 24px 0;
width: 100%;
z-index: 50;
}
#container.powerguides .superguide_promo p.intro span {
font-size: 29px;
}
#container.powerguides .superguide_promo p.intro span {
font-size:22px;
}
.singleDownload {
margin:0 0 10px 0 !important;
}
.activate_btn {
font-size: 13px;
}
.download {
width:100% !important;	
}
}
@media only screen and (min-width:768px) and (max-width:768px) {
#container.powerguides .powerguides_individual .item p .desc {
display:block;
height:115px;
}
}
@media only screen and (min-width:320px) and (max-width:650px) {
#container.powerguides .hero h1 {
font-size: 37px;
padding: 26px 0 5px 0;
margin: 0 0 -100px 0;
}
#container.powerguides .hero p {
margin: -40px 0 0 0;
}
#container.powerguides .hero p {
padding: 0 20px;
}
#container.powerguides .powerguides_individual .item, #container.powerguides .superguide_promo p.intro, #container.powerguides .superguide_promo .superguide_individual {
width: 100%;
float: none;
text-align:center;
background:none;
}
#container.powerguides .powerguides_individual .item {
border-bottom:1px solid #ccc;
margin-bottom:25px;
}
#container.powerguides .powerguides_individual .item p {
padding-bottom:20px;
text-align:center;
}
#container.powerguides .powerguides_individual .item img {
width: 40%;
}
#container.powerguides .superguide_promo .superguide_individual {
padding-left: 0px;
}
#container.powerguides .superguide_promo p {
border-bottom:1px solid #cccccc;
padding-bottom:20px;
margin-bottom:30px;
}
#container.powerguides .superguide_promo .superguide_individual img {
width: 60%;
}
#container.powerguides .superguide_promo {
padding: 20px 20px 40px 20px;
}
#container.powerguides .superguide_promo p.intro {
float: left;
color: #476d77;
font-weight: 800;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
padding-bottom: 40px;
background-color: transparent;
border-right: none;
border-bottom: 1px solid #ccc;;
}
.singleDownload {
margin:0 0 10px 0 !important;
}
}
@media only screen and (min-width:320px) and (max-width:400px) {
#container.powerguides .hero h1 {
margin: 0 0 -60px 0;
font-size:24px;
}	
#container.powerguides .hero p {
margin: -20px 0 0 0;
}
#container.powerguides .powerguides_individual .item img {
width: 60%;
}
.singleDownload {
margin:0;
}
}	
/* powerguide gift */
.download {
-webkit-border-radius: 8px;
border-radius: 8px;
text-shadow: 1px 1px 0px #000;
width:77%;
margin:10px auto;
}
.singleDownload {
text-shadow: 1px 1px 0px #000;
width:30%;
float:left;
margin:3px;
padding:1px !important;
background: -moz-linear-gradient(center top , #de5530 0%, #bf3f1c 100%) repeat scroll 0 0 transparent !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de5530), color-stop(100%,#bf3f1c)) !important;
background: -webkit-linear-gradient(top, #de5530 0%,#bf3f1c 100%) !important;
background-color: #de5530 !important;
font-size:12px;
font-weight:100;
}
.singleDownload:hover {
background: -moz-linear-gradient(center top , #bf3f1c 0%, #de5530 100%) repeat scroll 0 0 transparent !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de5530), color-stop(100%,#bf3f1c)) !important;
background: -webkit-linear-gradient(top, #bf3f1c 0%,#de5530 100%) !important;
background-color: #eb471b !important;
font-size:12px;
}
@media only screen and (min-width:768px) and (max-width:900px) {
.singleDownload {
width: 100% !important;
}
.singleDownload {
margin:0 0 10px 0;
}
}
/* end pdf instructions */
@media screen and (min-width: 40em) {
.js #nav {
position: relative;
max-height: none;
}
#nav-toggle {
display: none;
}
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: block;
}