/* Minification failed. Returning unminified contents.
(1361,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */

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

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/sitefiles/images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/sitefiles/images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/sitefiles/images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/sitefiles/images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/sitefiles/images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/sitefiles/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/sitefiles/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/sitefiles/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/sitefiles/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/sitefiles/images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/sitefiles/images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/sitefiles/images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/sitefiles/images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/sitefiles/images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/sitefiles/images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/sitefiles/images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/sitefiles/images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/sitefiles/images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/sitefiles/images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/sitefiles/images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/sitefiles/images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/sitefiles/images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* Core pages */
body {font-family:Helvetica,Arial,Sans-Serif;background:#fff;}
img {border:none;}
input {outline:none;}
a:link, a:visited {color:#055dae;outline:none;}
a:hover {color:#138BF9;outline:none;}



/* Grid defaults */
.gridContainer {padding:0 20px 0 20px;}
.gridRow {width:100%;max-width:1140px;margin:0 auto;overflow:hidden;}
.gridColumn {margin-right:3.8%;float:left;min-height:1px;}
.gridRow .one {width:4.8%;}
.gridRow .two {width:13.45%;}
.gridRow .three {width:22.05%;}
.gridRow .four {width:30.75%;}
.gridRow .five {width:39.45%;}
.gridRow .six {width:48%;}
.gridRow .seven {width:56.75%;}
.gridRow .eight {width:65.4%;}
.gridRow .nine {width:74.05%;}
.gridRow .ten {width:82.7%;}
.gridRow .eleven {width:91.35%;}
.gridRow .twelve {width:100%;margin-right:0%;}
.gridRow .last {margin-right:0%;}



/* Google fonts */
.roboto {font-family:'Roboto', Helvetica, Arial, Sans-Serif;}



/* Main content grid and columns */
.mainContentGrid {}
.mainContentGrid .rightColumn {margin:20px 0 40px 0;min-height:200px;overflow:hidden;text-align:center;}
.mainContentGrid .contentWell {margin:20px 0 40px 0;min-height:200px;overflow:hidden;}



/* Webservice Forms */
.webserviceForms {display:none;}
.loadingSpinner, .dialog.spinner {text-align:center;}
.alertDialog .title, .alertTitle, #alertTitle {padding:0;margin:16px 0 0 0;font-family:'Roboto', Helvetica, Arial, Sans-Serif;font-weight:700;color:#333;font-size:35px;}
.alertDialog .OK, .alertOK, #alertOK {margin-top:30px;float:right;border:1px solid #ccc;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}



/* Email Password Dialog */
.emailPassForm h2 {padding:0;margin:0 0 25px 0;font-family:'Roboto', Helvetica, Arial, Sans-Serif;font-weight:700;font-size:32px;color:#333;border-bottom:5px solid #000;display:inline-block;}
.emailPassForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:'PT Sans', Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.emailPassForm .dialogClose .x {font-size:13px}
.emailPassForm form {font-weight:700;width:90%;}
.emailPassForm form>div {width:100%;margin-top:25px;}
.emailPassForm .emailPassErrors {padding-left: 5px;}
.emailPassForm .emailPassErrors label {font-weight: normal;color:Red;}
.emailPassForm form input[type="text"] {padding:5px;border:1px solid #ccc;width:90%;}
.emailPassForm form input:focus {border:1px solid #E6B753;}
.emailPassForm form input[type="submit"] {border:1px solid #ccc;margin-top:25px;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}



/* Login form */
.loginForm {}
.loginForm h2 {padding:0;margin:0 0 25px 0;font-family:'PT Sans', Helvetica, Arial, Sans-Serif;font-weight:700;font-size:32px;color:#333;border-bottom:5px solid #000;display:inline-block;}
.loginForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:'Roboto', Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.loginForm .dialogClose .x {font-size:13px}
.loginForm form {font-weight:700;width:90%;}
.loginForm form>div {width:100%;margin-top:10px;}
.loginForm .loginErrors {padding-left: 5px;}
.loginForm .loginErrors label {font-weight: normal;color:Red;display:block;}
.loginForm form label {display:inline-block;width:90px}
.loginForm form .remember label {width:auto}
.loginForm form input[type="text"], .loginForm form input[type="password"] {padding:5px;border:1px solid #ccc;width:100%;max-width:300px;}
.loginForm form input:focus {border:1px solid #E6B753;}
.loginForm form input[type="submit"] {border:1px solid #ccc;margin:10px 0;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}



/* Registration form */
.regForm h2 {padding:0;margin:0 0 25px 0;font-family:'Roboto', Helvetica, Arial, Sans-Serif;font-weight:700;font-size:40px;color:#333;border-bottom:5px solid #000;display:inline-block;}
.regForm h3 {text-align: center;margin:0}
.regForm h4 {margin:0}
.regForm .subSelect button {display:block;}
.regForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:'Roboto', Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.regForm .dialogClose .x {font-size:13px}
.regForm .progress div {display:inline-block;width:31%;margin:0 1% 10px 1%;text-align:center;border-bottom:3px solid #eaeaea}
.regForm .progress .done, .regForm .progress .current {border-bottom:3px solid #008ab6}
.regForm form .finePrint{font-weight:normal;font-size:13px}
.regForm form label[for='regAddress2'] {font-size:0}
.regForm form label {display:inline-block;width:150px;font-weight:700;}
.regForm form .field, .regForm form .rightField, .regForm form .doubleField > div {margin-top:10px;}
.regForm form .rightField label {width:auto}
.regForm form input[type="text"] {padding:5px;border:1px solid #ccc;width:100%;max-width:300px;}
.regForm form input[type="password"] {padding:5px;border:1px solid #ccc;}
.regForm form input[type="submit"], .regForm form button {border:1px solid #ccc;margin-top:25px;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}
.regForm button.back {float:left;margin-right:5px;}
.regForm button.link, .regForm .backToSite {border:0;background:none;color:#008ab6;margin:0;padding:0;text-decoration:underline;font-size:inherit;font-weight:normal;}
.regForm form input[type="submit"]:disabled {opacity:.6;filter:alpha(opacity=60);}
.regForm form select {height:31px;border:1px solid #ccc;width:104%;max-width:312px;}
.regForm form input:focus {border:1px solid #E6B753;}
.regForm .errors {margin-bottom:5px;}
.regForm .errors label {display:block;color:Red;padding-left:5px;}
.regForm .optinField label {font-weight:normal;width:410px;padding-left:10px;font-size:13px;}
.regForm .optinField input {vertical-align:top;}
.regForm .fineprint {font-size:10px; margin-top: 10px;}
.regForm pre {font-family:Helvetica,Arial,Sans-Serif;}
.regForm .infoToggle {cursor:pointer;color:#008ab6;}
.regForm .cnumInfo {width:470px;margin: 5px auto 0 auto;}
.regForm .cnumInfo img {width:230px;}
.regForm .notFound {margin-bottom:10px}
.regForm .notFound label {width:auto}
.regForm .notFound .rel {display:inline-block;position:relative;margin-bottom:24px;}
.regForm .notFound .rel input {width:auto;}
.regForm .notFound .moreInfo {position:absolute;left:0;top:35px;font-weight:700;font-size:12px;cursor:pointer;color:#008AB6;}
.regForm .notFound button {margin:0}
.regForm .notFound .logo {background-image:url('/SiteFiles/Images/digital_logos.png');display:inline-block;background-repeat:no-repeat;vertical-align:top;margin-right:8px;}
.regForm .notFound .logo.apple {width:81px;height:23px;}
.regForm .notFound .logo.google {width:104px;height:24px;background-position: -91px -3px;}
.regForm .notFound .logo.nook {width:61px;height:23px;background-position: 0 -29px;}
.regForm .notFound  .logo.kindle {width:106px;height:27px;background-position:-86px -31px;}
.regForm .notFound  .logo.zinio {width:85px;height:25px;background-position: 0 -56px;}
.regForm .moreBox h5 {margin:10px 0}



/* Upgrade form */
.upgradeRegForm h2 {padding:0;margin:0 0 25px 0;font-family:'Roboto', Helvetica, Arial, Sans-Serif;font-weight:700;font-size:40px;color:#333;border-bottom:5px solid #000;display:inline-block;}
.upgradeRegForm .dialogClose {position:absolute;right:10px;top:10px;color:#555;background-color:#EAEAEA;font-family:'Roboto', Helvetica, Arial, Sans-Serif;font-weight:700;font-size:0;padding:2px 5px;border:1px solid #CCC;border-radius:5px;cursor:pointer;}
.upgradeRegForm .dialogClose .x {font-size:13px}
.upgradeRegForm form {font-weight:700;width:90%;}
.upgradeRegForm form .finePrint {font-weight:normal;font-size:13px}
.upgradeRegForm form>div {margin-top:10px;width:100%}
.upgradeRegForm form>div>div:first-child {margin-bottom:10px;}
.upgradeRegForm form>div>div {display:inline-block;display:inline-table;width:100%;}
.upgradeRegForm form label[for='upgradeAddress2'] {font-size:0}
.upgradeRegForm form label {display:inline-block;width:120px}
.upgradeRegForm form input[type="text"] {padding:5px;border:1px solid #ccc;width:100%;max-width:300px;}
.upgradeRegForm form input[type="submit"] {border:1px solid #ccc;margin-top:25px;background:#eaeaea;font-size:13px;font-weight:700;color:#555;padding:10px 20px 10px 20px;}
.upgradeRegForm form select {height:31px;border:1px solid #ccc;width:104%;max-width:312px;}
.upgradeRegForm form input:focus {border:1px solid #E6B753;}
.upgradeRegForm .upgradeRegErrors label {display:block;color:Red;padding-left:5px;}
.upgradeRegForm .optinField label {font-weight:normal;width:410px;padding-left:10px;font-size:13px;}
.upgradeRegForm .optinField input {vertical-align:top;}



/* Notifications */
.notificationContainer {display:none;padding:10px;font-size:18px;text-align:center;}
.notificationContainer .dismiss {border:0;margin:0 0 0 15px;padding:0;background:none;color:#008AB6;}



/* Headings */
h1.headline {padding:0;margin:0;font:900 23px 'Roboto',Helvetica,Arial,Sans-Serif;color:#222;}
h1.headline a {color:#222;text-decoration:none;}
h1.headline.section {font-size:30px;text-transform:uppercase;}
.doubleruleBlue {font:900 18px 'Roboto',Helvetica,Arial,Sans-Serif;color:#055dae;background:url('/sitefiles/images/double-rule.png') bottom left repeat-x;padding:0 0 5px 0;margin:0 0 10px 0;}
.doubleruleBlue a {color:#055dae;text-decoration:none;}
.doubleruleBlue span {float:right;font-size:12px;margin:5px 0 0 0;}
.doublerule {color:#222;font:900 26px 'Robotoo',Helvetica,Arial,Sans-Serif;background:url('/sitefiles/images/double-rule.png') bottom left repeat-x;padding:0 0 5px 0;margin:0 0 10px 0;}
.doublerule span {float:right;font-size:12px;margin:5px 0 0 0;}
.doublerule a {color:#222;text-decoration:none;}



/* Back to top */
.backTop {display:none;background:#000 url('/sitefiles/images/backtop.png') center center no-repeat;width:70px;height:60px;border-radius:7px;cursor:pointer;position:fixed;right:20px;bottom:20px;opacity:0.4;filter:alpha(opacity=40);}



/* Buttons */
.buttons {display:inline-block;font-weight:bold;font-size:13px;border-radius:3px;}
.buttons a:link, .buttons a:visited {color:#fff;text-decoration:none;width:100%;height:100%;display:block;padding:3px 10px;}
.buttons.blue {background:#055dae;}
.buttons.gray {background:#222;}
.buttons.green {background:#4FA449;}



/* Messages */
.message {font-size:13px;font-weight:normal;padding:13px;}
.message h6 {padding:0;margin:0 0 7px 0;font-size:16px;}
.message a {color:#333;text-decoration:underline;font-weight:bold;}
.message.success {background:#E2F9DD;border:1px solid #CAF4C1;}
.message.error {background:#FDE4DF;border:1px solid #FBC8BD;}
.message.warning {background:#FFFFD5;border:1px solid #EDEAB1;}



/* Header */
.header {position:relative;height:145px;overflow:visible;}
.header .topNav {float:right;font-size:10px;}
.header .topNav ul {list-style-type:none;padding:10px 0 0 0;margin:0;}
.header .topNav ul li {list-style-type:none;padding:0 0 0 6px;margin:0;float:left;}
.header .topNav ul li a {color:#666;text-decoration:none;display:block;}
.header .topNav ul li a:hover {text-decoration:underline;}

.header .topNavDropDown {position:absolute;top:23px;z-index:10;}
.header .topNavDropDown.trainsSites {right:110px;display:none;}
.header .topNavDropDown.resources {right:35px;display:none;}
.header .topNavDropDown .arrow {margin-left:15px;}
.header .topNavDropDown .data {border:1px solid #ccc;background:#fff;padding:10px;border-radius:5px;}
.header .topNavDropDown .data ul {padding:0;margin:0;list-style:none;}
.header .topNavDropDown .data ul li {padding:0;margin:0;list-style:none;border-bottom:1px dotted #ccc;padding:5px 0;}
.header .topNavDropDown .data ul li a {text-decoration:none;color:#222;font-size:11px;}

.header .logo {height:145px;width:297px;float:left;}
.header .logo img {width:100%;height:auto;margin:40px 0 0 0;}

.header .beginners {float:left;margin:0 0 0 25px;height:145px;position:relative;}
.header .beginners .container {position:absolute;bottom:0;left:0;width:500px;}
.header .beginners .container .staffPhoto {float:left;}
.header .beginners .container .content {float:left;padding:80px 0 0 0;}
.header .beginners .container .content a {text-decoration:none;color:#222;font:900 14px 'Roboto',Arial,Sans-Serif;}
.header .beginners .container .content a span {color:#055dae;}


/*mrvp link start*/

.header .beginners .container .content {padding:20px 0 0 10px;}
.header .beginners .container .content .mrvp {padding-top:15px;}
.header .beginners .container .content .mrvp .title {color:#222;font:900 14px 'Roboto',Arial,Sans-serif;}
.header .beginners .container .content .mrvp a {background-color:#055DAE;padding:5px;border-radius:3px;margin-top:5px;color:#fff;display:block;width:140px;font-size:13px;}

.header .mrvpTabletCallout {display:none;float:left;font-weight:bold;font-size:14px;margin-right:15px;margin-top:40px; }
.header .mrvpTabletCallout a {text-decoration:none;color:#055DAE;}

.header .logo .mrvp {margin-top:4px;font-size:12px;display:none;overflow:hidden;font-weight:bold;margin-bottom:4px;}
.header .logo .mrvp .title {float:left;margin-right:2%;padding-right:5px;}
.header .logo .mrvp .link {float:left;color:#055DAE;}
.header .logo .mrvp .link a {text-decoration:none;}
/*stop */



.header .callouts {position:absolute;right:10px;bottom:0;}
.header .callouts .follow {float:left;font-size:12px;padding:65px 20px 0 0;font-weight:bold;}
.header .callouts .follow span {margin:0 0 0 2px;}
.header .callouts .follow span a {color:#000;text-decoration:none;}
.header .callouts .currentIssue {width:126px;height:99px;background:url('/sitefiles/images/covers.png') center center no-repeat;float:left;overflow:hidden;position:relative;}
.header .callouts .currentIssue .cover {position:absolute;bottom:-20px;left:22px;}
.header .callouts .currentIssue .cover img {width:84px;height:auto;}
.header .callouts .links {float:left;font-size:12px;padding:15px 0 0 10px;}
.header .callouts .links ul {list-style-type:none;padding:0;margin:0;}
.header .callouts .links ul li {list-style-type:none;padding:0;margin:0;}
.header .callouts .links ul li a {color:#222;text-decoration:none;}
.header .callouts .links ul li a.subscribe {font-size:14px;font-weight:bold;color:#055dae;}



/* Navigation */
.navbar {position:relative;height:45px;background:#222;}
.navbar .navContainer {position:relative;}
.navbar .navContainer ul {margin:0;padding:0;list-style-type:none;display:block;}
.navbar .navContainer ul li {margin:0;padding:0;list-style-type:none;float:left;display:block;}
.navbar .navContainer ul li a {display:block;float:left;overflow:hidden;height:35px;padding:10px 12px 0 12px;text-decoration:none;font:700 16px 'Roboto',Helvetica,Arial,Sans-Serif;color:#fff;background:url('/sitefiles/images/nav_edge.png') right center no-repeat;}
.navbar .navContainer ul li a:hover {background-color:#fefefe;background-image:none;color:#222;}
.navbar .navContainer ul li a.hideEdge {background-image:none;}
.navbar .navContainer ul li a.selected {background-color:#fefefe;background-image:none;color:#222;}

.navbar .navContainer .searchbox {position:absolute;top:9px;right:10px;width:200px;height:26px;border-radius:5px;background:#fff;}
.navbar .navContainer .searchbox input {font-size:12px;color:#555;border:none;background:none;width:82%;margin:5px 0 0 5px;}
.navbar .navContainer .searchbox .searchbutton {float:right;margin:2px 5px 0 0;}

.navbar .menuIcon {position:absolute;left:10px;display:none;}
.navbar .menuIcon img {float:left;margin:10px 5px 0 0;}
.navbar .menuIcon a {color:#fff;font:700 18px 'Roboto',Helvetica,Arial,Sans-Serif;text-decoration:none;display:inline-block;}
.navbar .menuIcon a span {line-height:45px;}

.navbar .mobileMenu {display:none;position:absolute;left:0;top:44px;width:100%;z-index:30;background:#fefefe url('/sitefiles/images/dropdown_gradient.png') left bottom repeat-x;overflow:hidden;border-bottom:3px solid #333;}
.navbar .mobileMenu ul {margin:0;padding:0;list-style-type:none;}
.navbar .mobileMenu ul li {margin:0;padding:0;list-style-type:none;position:relative;background:url('/sitefiles/images/arrow_icon.png') right center no-repeat;}
.navbar .mobileMenu ul li a {text-decoration:none;width:100%;height:100%;display:block;padding:15px 0 15px 10px;border-bottom:1px solid #ccc;font:700 17px 'Roboto',Helvetica,Arial,Sans-Serif;color:#222;text-transform:uppercase;}
.navbar .mobileMenu ul li a.last {border-bottom:none;}

.navhover {position:absolute;left:0;top:45px;height:270px;width:100%;max-width:1138px;z-index:20;background:#fefefe url('/sitefiles/images/dropdown_gradient.png') left bottom repeat-x;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;font:16px 'Roboto',Helvetica,Arial,Sans-Serif;overflow:hidden;}
.navhover .inner {padding:10px;}
.navhover a:link {color:#000;text-decoration:none;}
.navhover h3 {padding:0;margin:0 0 10px 0;font:700 20px 'Roboto',Helvetica,Arial,Sans-Serif;}
.navhover .inner ul {padding:0;margin:0;list-style-type:none;display:inline;}
.navhover .inner ul li {padding:0 0 10px 0;margin:0;list-style-type:none;float:none;}
.navhover .inner ul li a {display:block;float:none;padding:0;margin:0;color:#000;background:none;font:700 14px/15px 'Roboto',Helvetica,Arial,Sans-Serif;color:#222;height:auto;}
.navhover .inner ul li a:hover {background:none;}

.navhover.magazineSwatch {display:none;}
.navhover.newsReviewsSwatch {display:none;}
.navhover.videosSwatch {display:none;}
.navhover.communitySwatch {display:none;}
.navhover.shopSwatch {display:none;}
.navhover.howtoSwatch {display:none;}
.navhover.sipSwatch {display:none;}

/* 12-17-14, height commented out so that the link can span above columns 2 thru 4 --- TOM W. */
.spanningLinkHolder{margin:12px;}
.spanningLinkHolder .spanLink{padding-left:23px;font:bold 16px "Roboto",Helvetica,Arial,sans-serif;color:#0060AF!important;}
.spanningLinkHolder .spanLink:hover{color:#2993eb!important;}
.navhover .column1 {float:left;width:300px;/*height:250px;border-right:1px solid #ccc;*/padding:0 2% 0 0;font-size:18px;font-weight:700;}
.navhover .column2 {float:left;width:22%;/*height:250px;*/border-left:1px solid #ccc;border-right:1px solid #ccc;padding:0 2%;}
.navhover .column3 {float:left;width:18%;/*height:250px;*/padding:0 2%;font-weight:700;border-right:1px solid #ccc;}
.navhover .column4 {float:left;width:17%;/*height:250px;*/padding:0 0 0 2%;font-weight:700;}

.navhover .column1 .previewImage {width:300px;max-height:180px;overflow:hidden;margin-bottom:8px;}
.navhover .column1 .previewImage img {max-width:295px;height:auto;border:1px solid #ccc;}
.navhover .column1 a {color:#000;}

.navhover.sipSwatch .column1 {width:100%;border-right:none;padding:0;font-size:15px;position:relative;}
.navhover.sipSwatch .column1 .item {float:left;width:160px;margin-right:50px;}
.navhover.sipSwatch .column1 .item img {width:100%;height:auto;}
.navhover.sipSwatch .column1 .seeAll {position:absolute;right:0px;bottom:0px;font-size:13px;}
.navhover.sipSwatch .column1 .seeAll a {color:#222;text-decoration:none;}

.navhover.magazineSwatch .column1 {width:184px;}
.navhover.magazineSwatch .column1 img {max-width:100%;height:auto;}
.navhover.magazineSwatch .column2 {width:15%;}
.navhover.magazineSwatch .column4 {width:30%;}

.navhover.newsReviewsSwatch .column2 {width:38%;}
.navhover.newsReviewsSwatch .column3 {border-right:none;}

.navhover.shopSwatch .column1 {width:530px;font-size:13px;font-family:Helvetica,Arial,Sans-Serif;}
.navhover.shopSwatch .column3 {border-right:none;}
.navhover.shopSwatch .column3 img {max-width:75%;height:auto;}
.navhover.shopSwatch .column1 .product {float:left;margin:0 20px 0 0;width:150px;}
.navhover.shopSwatch .column1 .product img {width:90%;height:auto;}

.navhover.communitySwatch .column2 {width:38%;}
.navhover.communitySwatch .column3 {border-right:none;}



/* Footer */
.footer {background:#000;min-height:100px;color:#fff;padding:20px 0 20px 0;}
.footer a {color:#fff;text-decoration:none;}
.footer .topRow {border-bottom:1px solid #535353;margin:0 20px 0 20px;padding:0 0 20px 0;}
.footer .topRow .logo {float:left;width:200px;margin:0 10px 0 10px;}
.footer .topRow .logo img {width:100%;height:auto;}
.footer .topRow .nav {float:left;border-right:1px solid #535353;font-size:13px;font-weight:700;padding:0 20px;min-height:130px;}
.footer .topRow .nav ul {padding:0;margin:0;list-style-type:none;}
.footer .topRow .nav ul li {padding:0 0 5px 0;margin:0;list-style-type:none;}
.footer .newsletter {float:left;padding:0 0 0 20px;}
.footer .newsletter h5 {color:#fff;padding:0;margin:0 0 5px 0;font-size:15px;}
.footer .newsletter input {font-size:12px;color:#666;border:1px solid #ccc;padding:2px;height:16px;margin:0 5px 0 0;float:left;}
.footer .newsletter .submitButton {float:left;margin-left:5px;}
.footer .newsletter .socials {border-top:1px solid #535353;margin:10px 0 0 0;font-weight:bold;padding:10px 0 0 0;font-size:12px;}
.footer .newsletter .socials ul {padding:0;margin:0;list-style-type:none;}
.footer .newsletter .socials ul li {padding:0 10px 0 0;margin:0;list-style-type:none;float:left;}
.footer .newsletter .socials ul li img {float:left;margin-right:5px;}
.footer .magBranding {float:right;}
.footer .magBranding .currentIssue {float:left;}
.footer .magBranding .currentIssue img {width:90px;height:auto;}
.footer .magBranding .links {float:left;margin-left:10px;line-height:15px;font-weight:bold;font-size:11px;padding:10px 0 0 0;}
.footer .magBranding .links a.subscribe {color:#fff;font-size:15px;}
.footer .trustedSites {padding:20px 20px 30px 20px;}
.footer .trustedSites .kpc {float:left;width:10%;margin-right:2%;}
.footer .trustedSites .kpc img {width:95%;height:auto;}
.footer .trustedSites .data {float:left;font-size:10px;font-weight:bold;width:85%;}



/* Login box */
.loginBox {background:#4fa449;font-size:12px;color:#fff;padding:11px;text-align:left;}
.loginBox h4 {padding:0;margin:0;font:700 17px 'Roboto',Helvetica,Arial,Sans-Serif;margin:0 0 5px 0;}
.loginBox .buttons {margin:10px 10px 0 0;}
.loginBox .buttons a {padding:7px 10px;}
.loginBox .accountLinks {text-align:right;}
.loginBox .accountLinks a {color:#fff;text-decoration:none;font-weight:bold;}
.loginBox .accountLinks a:hover {text-decoration:underline;}
.loginBox .statusMessage {border-top:1px dotted #fff;padding:12px 0 0 0;margin:12px 0 0 0;}
.loginBox .statusMessage a {color:#fff;}
.aboveMainGrid .loginBox {display:none;margin:0 20px;}



/* Newsletter box */
.newsletterBox {margin:20px 0 0 0;text-align:left;font-size:13px;border-bottom:1px solid #ccc;}
.newsletterBox .content {background:url('/sitefiles/images/mr_newsletter.jpg') right bottom no-repeat;min-height:90px;}
.newsletterBox .data {width:70%;}
.newsletterBox .form {width:70%;margin:10px 0 0 0;}
.newsletterBox .form input {padding:5px;border-radius:2px;border:1px solid #ccc;color:#555;width:55%;font-size:12px;}
.newsletterBox .buttons {margin:0 0 0 10px;}
.newsletterBox .buttons a {padding:5px 10px;}



/* Ad zones */
.adZone {border:1px solid #ccc;text-align:center;padding:10px 0;margin:20px 0 0 0;}
.adZone .heading {font-size:9px;margin:0 0 2px 0;color:#555;}
.adZone.leader {border:none;padding:0 0 10px 0;}



/* Sidebar magazine */
.sidebarMagazine {margin:20px 0 0 0;text-align:left;}
.sidebarMagazine .content {margin:7px 0 0 0;}
.sidebarMagazine .content .currentIssue {float:left;width:35%;}
.sidebarMagazine .content .currentIssue img {width:100%;height:auto;}
.sidebarMagazine .content .links {float:left;width:62%;font-weight:bold;margin-left:3%;}
.sidebarMagazine .content .links a {font-size:15px;text-decoration:none;}
.sidebarMagazine .content .links ul {margin:0;padding:0 0 13px 20px;}
.sidebarMagazine .content .links ul li {list-style-type:square;padding:0 0 7px 0;line-height:15px;}
.sidebarMagazine .content .links ul li a {color:#000;text-decoration:none;font-size:13px;}
.sidebarMagazine .content .links ul li a:hover {text-decoration:underline;}



/* Sidebar popular */
.sidebarPopular {margin:20px 0 0 0;text-align:left;}
.sidebarPopular .comments {margin:0;}
.sidebarPopular .tabs {margin:10px 0 0 0;position:relative;}
.sidebarPopular .tabs a {background:#bbb;text-decoration:none;color:#222;font:400 13px 'Roboto',Helvetica,Arial,Sans-Serif;padding:5px 10px;display:inline-block;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;margin-right:3px;border-top-left-radius:3px;border-top-right-radius:3px;}
.sidebarPopular .tabs a.selected {background:#fff;border-bottom:1px solid #fff;margin-bottom:-1px;}
.sidebarPopular .data {border:1px solid #bbb;font-size:14px;padding:10px 0;}
.sidebarPopular .data a {color:#222;text-decoration:none;}
.sidebarPopular .data a:hover {text-decoration:underline;}
.sidebarPopular .data .mostViewed {display:none;}
.sidebarPopular .data .addthis-content-footer {display:none;}
.sidebarPopular .data .mostCommented {list-style:none;}
.sidebarPopular .data .mostCommented ul {padding:0;margin:0 10px 0 10px;}
.sidebarPopular .data .mostCommented ul li {padding:5px 0 5px 0;margin:0;list-style:none;}



/* Facebook feed */
.facebookFeed {border:1px solid #ccc;text-align:left;margin:20px 0 0 0;}
.facebookFeed .heading {background:#EEEFF4;font:bold 10px Verdana,Helvetica,Arial,Sans-Serif;padding:5px;color:#333;border-bottom:1px solid #ccc;}
.facebookFeed .likeBox {padding:5px;border-bottom:1px dotted #ccc;}
.facebookFeed .activityFeed {padding:5px;}
.facebookFeed .activityFeed .feed {overflow:hidden;width:300px;height:300px;background:#ccc;}



/* Breadcrumbs */
.breadcrumbs {font-size:10px;color:#666;margin:0 0 15px 0;}
.breadcrumbs a {color:#666;text-decoration:none;}
.breadcrumbs ul {padding:0;margin:0;list-style-type:none;}
.breadcrumbs ul li {padding:0 4px 0 0;margin:0;list-style-type:none;float:left;}
.breadcrumbs ul li.current {color:#222;font-weight:bold;}



/* Article */
.article {}
.article .shareIcons {padding:7px 0 7px 0;margin-bottom:20px;}
.article .fromIssue {font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom:5px;}
.article .fromIssue a {text-decoration:none;}
.article .subheading {font:18px 'Roboto',Helvetica,Arial,Sans-Serif;margin:10px 0 0 0;}
.article .byline {color:#666;font-size:12px;margin:10px 0 0 0;}
.article .byline a {color:#666;text-decoration:none;}
.article .byline a:hover {text-decoration:underline;}
.article .tags {margin:10px 0 0 0;font-size:12px;font-weight:bold;text-transform:uppercase;}
.article .tags a {text-decoration:none;}
.article .segment {margin:0 0 25px 0;}
.article .segment .content {font-size:14px;line-height:21px;}
.article .segment .content p {padding:0;margin:0 0 25px 0;}
.article .segment .caption {font-size:12px;padding:1px;color:#333;margin-top:2px;}
.article .segment .caption p {padding:0;margin:0 0 20px 0;}
.article .segment .title {font-size:14px;font-weight:bold;padding:1px;margin-top:2px;}
.article .segment .credit {font-size:11px;color:#666;text-align:right;margin-top:5px;}

.article .segment .attachments {background:#f4f4f4;padding:10px;font-size:12px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;clear:both;margin-top:20px;}
.article .segment .attachments h6 {padding:0;margin:0;font-size:13px;font-weight:bold;}
.article .segment .attachments ul {padding:0;margin:0 0 0 20px;}
.article .segment .attachments ul li {margin:5px 0 5px 0;}

.article .segment .mediaContainer {background:#eaeaea;padding:10px;margin-bottom:20px;border:1px solid #ccc;}
.article .segment .mediaContainer img {width:100%;height:auto;}
.article .segment .mediaRight {float:right;margin:0 0 0 12px;width:50%;}
.article .segment .mediaLeft {float:left;margin:0 12px 0 0;width:50%;}
.article .segment .heroTop .mediaContainer {background:none;padding:0;border:none;}
.article .segment .heroBottom .mediaContainer {background:none;padding:0;border:none;margin-top:20px;}
.article .segment .videoContainer {position:relative;z-index:0;}
.article .segment .video {margin:0 auto;height:420px;position:relative;z-index:0;}

.article .relatedArticles {margin:40px 0 0 0;}
.article .relatedArticles .sliderContainer {position:relative;margin:10px 0 0 0;}
.article .relatedArticles .sliderContainer .left {position:absolute;left:0;top:30px;z-index:20;display:none;}
.article .relatedArticles .sliderContainer .right {position:absolute;right:0;top:30px;z-index:20;display:none;}
.article .relatedArticles .sliderContainer .center {margin:0 40px 0 40px;overflow:hidden;font:700 14px 'Roboto',Helvetica,Arial,Sans-Serif;}
.article .relatedArticles .sliderContainer .center a {text-decoration:none;color:#000;}
.article .relatedArticles .sliderContainer .center .slider {width:1000%;position:relative;}
.article .relatedArticles .sliderContainer .center .slider .itemContainer {}
.article .relatedArticles .sliderContainer .center .slider .item {display:inline-block;vertical-align:top;}
.article .relatedArticles .sliderContainer .center .slider .item .data {float:left;width:140px;margin:0 33px 0 0;}
.article .relatedArticles .sliderContainer .center .slider .item .data img {width:100%;height:auto;border:1px solid #ccc;}

.article .articleGallery {margin:0 0 25px 0;}
.article .articleGallery .photo {}
.article .articleGallery .photo .container {background:#000;width:100%;height:400px;overflow:hidden;position:relative;}
.article .articleGallery .container .advanceRight {position:absolute;right:0;top:0;z-index:10;display:none;}
.article .articleGallery .container .advanceLeft {position:absolute;left:0;top:0;z-index:10;display:none;}
.article .articleGallery .container table {height:100%;}
.article .articleGallery .container img.width {width:100%;height:auto;}
.article .articleGallery .container img.height {height:100%;width:auto;}
.article .articleGallery .viewLarger {float:left;margin:5px 0 0 0;font-size:10px;font-weight:bold;}
.article .articleGallery .viewLarger a {text-decoration:none;color:#333;}
.article .articleGallery .viewLarger img {float:left;}
.article .articleGallery .viewLarger span {float:left;margin:6px 0 0 5px;}
.article .articleGallery .credit {float:right;font-size:11px;color:#555;margin:10px 0 0 0;}
.article .articleGallery .photo .caption {font-size:14px;line-height:19px;}
.article .articleGallery h2 {font:700 19px 'PT Sans',Helvetica,Arials,Sans-Serif;padding:0;margin:15px 0 0 0;}

.article .articleGallery .gallerySlider {margin:30px 0 0 0;}
.article .articleGallery .gallerySlider .sliderContainer {position:relative;margin:10px 0 0 0;}
.article .articleGallery .gallerySlider .sliderContainer .left {position:absolute;left:0;top:20px;z-index:20;display:none;}
.article .articleGallery .gallerySlider .sliderContainer .right {position:absolute;right:0;top:20px;z-index:20;display:none;}
.article .articleGallery .gallerySlider .sliderContainer .center {margin:0 41px 0 41px;overflow:hidden;}
.article .articleGallery .gallerySlider .sliderContainer .center .slider {width:5000%;position:relative;overflow:hidden;}
.article .articleGallery .gallerySlider .sliderContainer .center .slider .itemContainer {}
.article .articleGallery .gallerySlider .sliderContainer .center .slider .item {display:inline-block;vertical-align:top;}
.article .articleGallery .gallerySlider .sliderContainer .center .slider .item .data {float:left;width:85px;height:70px;background:#222;margin:0 12px 0 0;background-position:center center;background-repeat:no-repeat;}
.article .articleGallery .gallerySlider .sliderContainer .center .slider .item .data a {width:100%;height:100%;display:block;}

.article .commentcounts {cursor:pointer;display:none;}
.article .commentcounts .bubble {display:inline-block;color:#fff;font-size:20px;text-align:center;margin:0 10px 0 0;padding:5px 0 0 0;width:42px;height:70px;background:url('/sitefiles/images/bubble.png') center -10px no-repeat;}
.article .commentcounts .data {display:inline-block;height:70px;vertical-align:top;font-size:16px;font-weight:bold;}
.article .commentcounts .data strong {color:#055dae}
.article .commentcounts .data h4 {margin:0;padding:0;font-size:22px;}



/* Section */
.section {}
.section .description {font:18px 'PT Sans',Helvetica,Arial,Sans-Serif;margin:10px 0 0 0;}
.section .dataSection {margin:25px 0 0 0;}
.section .dataSection .dataHeader {font-size:14px;font-weight:bold;}
.section .dataSection .dataHeader a {color:#000;text-decoration:none;}
.section .dataSection .subheading {font-size:12px;margin:5px 0 0 0;}
.section .dataSection.withBorder {border-bottom:1px solid #ccc;}

.section .dataSection .dataFloat {display:inline-block;vertical-align:top;}
.section .dataSection .dataFloat .container {float:left;width:240px;margin:0 25px 35px 0;}
.section .dataSection .dataFloat .container .thumbnail {width:100%;height:150px;background:#000;margin:5px 0 5px 0;background-position:center center;background-repeat:no-repeat;overflow:hidden;}
.section .dataSection .dataFloat .container .thumbnail a {width:100%;height:100%;display:block;}
.section .dataSection .dataFloat .container .thumbnail img {width:100%;height:auto;}

.section .dataItem {border-bottom:1px solid #ddd;padding:20px 0 20px 0;}
.section .dataItem.noBorder {border-bottom:none;}
.section .dataItem.last {border-bottom:none;}
.section .dataItem.first {padding:0 0 20px 0;}
.section .dataItem .content {float:left;width:100%;}
.section .dataItem .content.withImage {width:70%;}
.section .dataItem .thumbnail {width:27%;margin:0 3% 0 0;float:left;}
.section .dataItem .thumbnail img {width:100%;height:auto;border:1px solid #ccc;}
.section .dataItem .hero {margin:0 0 10px 0;}
.section .dataItem .hero img {width:100%;height:auto;}
.section .dataItem h2, .section .dataSection h2 {padding:0;margin:0;font:700 18px 'Roboto',Helvetica,Arial,Sans-Serif;}
.section .dataItem h2 a, .section .dataSection h2 a {text-decoration:none;color:#000;}
.section .dataItem h2 img {margin:0 0 0 5px;}
.section .dataItem .byline {color:#666;font-size:12px;margin:5px 0 0 0;}
.section .dataItem .byline a {color:#666;text-decoration:none;}
.section .dataItem .byline a:hover {text-decoration:underline;}
.section .dataItem .snippet {font-size:13px;margin:10px 0 0 0;line-height:18px;}
.section .dataItem .snippet p {padding:0;margin:0;}
.section .dataItem .tags {font-size:10px;color:#222;text-transform:uppercase;margin:15px 0 0 0;font-weight:bold;}
.section .dataItem .tags a {text-decoration:none;}
.section .dataItem .tags a:hover {text-decoration:underline;}
.section .dataItem .microTextBold {font-size:10px;font-weight:bold;color:#006080;}
.section .dataItem .sponsored,.section .dataItem .sponsored a {font-size:10px;font-weight:bold;color:#FF0000;}
.section .dataItem .microTextBold a {text-decoration:none;}

.section .callout {background:#eaeaea;border:1px solid #ccc;margin:20px 0 0 0;font-size:14px;padding:10px 10px 15px 10px;}
.section .callout h4 {padding:0;margin:0;font:700 17px 'Roboto',Helvetica,Arial,Sans-Serif;}
.section .callout .buttons a {font-size:13px;}

.section .results {margin:25px 0 0 0;}
.section .results .spinner {width:100%;text-align:center;display:none;}
.section .results .loadMore {width:100%;margin:25px 0 0 0;display:none;}
.section .results .loadMore div {font-size:12px;font-weight:bold;background:#eaeaea;border-bottom:2px solid #ccc;color:#555;text-align:center;}
.section .results .loadMore div a {color:#555;text-decoration:none;width:100%;height:100%;display:block;padding:10px 0 10px 0;}



/* Search results */
.searchResults {}
.searchResults .resultsDisplay {margin:10px 0 0 0;font-size:14px;background:#222;padding:13px;color:#fff;display:none;}
.searchResults .resultsDisplay span {color:#fff;font-weight:bold;}
.searchResults .resultsDisplay .searchBox {padding:10px 0 0 0;}
.searchResults .resultsDisplay .searchBox input {width:65%;font-size:17px;padding:5px;color:#555;border-radius:3px;border:1px solid #333;}
.searchResults .resultsDisplay .searchBox .buttons {margin:0 0 0 15px;}
.searchResults .resultsDisplay .searchBox .buttons a {padding:7px 10px;}



/* Issues */
.issue {}
.issue .shareIcons {padding:7px 0 7px 0;margin-bottom:20px;}
.issue .headline {font-size: 30px;}
.issue .neckline {margin:10px 0 0 0;}
.issue .currentIssue {width:35%;margin:0 3% 0 0;float:left;}
.issue .currentIssue img {width:100%;height:auto;}
.issue .description {float:left;font-size:16px;width:62%;}
.issue .description ul.links {padding:0;margin:30px 0 10px 0;list-style-type:none;}
.issue .description ul.links li {padding:0;margin:0 6px 0 0;list-style-type:none;float:left;color:#666;}
.issue .description ul.links li a {text-decoration:none;font-weight:bold;}
.issue .previewVideo {width:100%; height:auto;}
.issue .features {margin:35px 0 0 0;}
.issue h3.sectionHeading {border-bottom: 5px double #000000;}
.issue .dataItem {padding: 15px 0 15px 0;}
.issue .dataItem .content {float: left; width: 100%;}
.issue .dataItem .content.withImage {width:74%;margin-left:1%;}
.issue .dataItem h2 {padding: 0; margin: 0; font: 700 18px 'PT Sans',Helvetica,Arial,Sans-Serif;}
.issue .dataItem .content .byline {color: #666666; font-size: 12px;}
.issue .dataItem .content .dataContent {margin: 10px 0 0 0; font-size: 15px;}
.issue .dataItem .thumbnail {float:left;width:25%;}
.issue .dataItem .thumbnail img {width:100%;height:auto;border:1px solid #ccc;}
.issue .base {margin: 35px 0 0 0;}
.issue .base .departments {float:left; width:48%; margin: 0 2% 0 0;}
.issue .base .noextras {float:none; width: 100%; margin: 0;}
.issue .base .extras {float:left; width:48%; margin: 0 0 0 2%;}
.issue .departments .department {padding: 15px 0 0 0;}
.issue .departments .department .heading {font: 700 14px 'PT Sans',Helvetia,Arial,Sans-Serif; text-transform: uppercase;}
.issue .departments .department .dataItem h2, .issue .extras .extra .dataItem h2 {font-size: 15px;}
.issue .byline {color:#666;font-size:12px;margin:10px 0 0 0;}
.issue .byline a {color:#666;text-decoration:none;}
.issue .byline a:hover {text-decoration:underline;}



/* Our Magazine */
.magazineContainer{ }
.magazineContainer .listingAndIntro .mainHeader{margin-bottom:15px;padding-bottom:5px; }
.magazineContainer .listingAndIntro .container {overflow:hidden;}
.magazineContainer .listingAndIntro .container .listing {float:left;margin-right:1%;width:22%;border-right:1px solid #ddd;padding-right:1%;}
.magazineContainer .listingAndIntro .container .listing .item {font-size:14px;color:#008Ab6;line-height:21px;font-weight:bold;text-decoration:none;font-family:'Roboto',sans-serif;}
.magazineContainer .listingAndIntro .container .listing .item a {text-decoration:none;}
.magazineContainer .listingAndIntro .container .intro {float:left;width:73%;margin-left:1%;}


.MeetStaffAndHistoryContainer{padding-top:15px;}
.MeetStaffAndHistoryContainerLeft{float:left;width:35%;}
.MeetStaffAndHistoryContainerRight{ float:left;margin-left:20px; width:60%;}
.MeetStaffAndHistoryContainerRight .imgSection { float:left;padding-right:10px;}
.MeetStaffAndHistoryContainerRight .descSection {font-size:14px;}
p.authorName {font-weight:bold;padding:5px 0px 0px 10px;margin:0px;}
p.authorTitle {font-style:italic;padding:0px 0px 0px 10px;margin:0px;}

.magContributeContainer{margin-top:15px;}
.magContributeContainer .magContributeLeft {float:left; width:45%;}
.magContributeContainer .magContributeRight {float:left;width:45%;margin-left:2%;}
.magContributeContainer  p {margin:0px;padding:0px;}
.contributeHeaderHeadline {font-size:22px;color:#222;font-weight:bold;padding-bottom:5px;font-family:'roboto',sans-serif;}
.doubleruleMag {color:#222;font:900 26px 'Robotoo',Helvetica,Arial,Sans-Serif;background:url('/sitefiles/images/double-rule.png') bottom left repeat-x;padding:0 0 5px 0;margin:0 0 10px 0;}
div.doubleruleMagHeader  {color:#222;font:900 22px 'Robotoo',Helvetica,Arial,Sans-Serif;background:url('/sitefiles/images/double-rule.png') bottom left repeat-x;padding:0 0 5px 0;margin:0 0 10px 0;}
div.doubleruleMagHeader a {text-decoration:none;color:black;}
.magContributeContainer .content a {font-family:'roboto',sans-serif;font-weight:bold;font-size:14px;} 

/*Meet The Staff*/
.authorContainer {width:100%;padding: 25px 0px 25px 0px;border-top:1px solid #ccc}
.authorContainer   img {width:40%;height:auto;float:left;padding:0px 10px 5px 0px}
.authorContainer  p.authorName {margin:0px;padding:0px;font-weight:bold;font-size:1.2em;} 
.authorContainer p.authorType  {margin:0px;padding:0px;font-weight:normal;font-size:0.9em;font-style:italic} 
.authorContainer p.authorBio {margin:5px 0px 0px 0px;padding:0px;} 
.firstContainer {border:none;}

/*SpecialIssues */
.specialIssuesContainer {margin-top:-30px;}
.specialIssuesContainer .specialItem {border-bottom:1px solid #ccc;margin-bottom:15px;}
.specialIssuesContainer .specialItem .imgSection{float:left;width:18%;margin-right:2%;}
.specialIssuesContainer .specialItem .imgSection img {height:auto;width:100%;max-width:150px;padding-bottom:15px;}
.specialIssuesContainer .last {border:none;}
.specialIssuesContainer a {text-decoration:none;font-weight:bold;}
.specialIssuesContainer .specialItem p.specialItemHeader  {margin:0px;}
.specialIssuesContainer .specialItem p.specialItemHeader a {font-weight:bold;color:#222;font-size:16px;margin:0px;}
.specialIssuesContainer .contentWithImageSection {float:left;width:77%;}
.specialIssuesContainer .contentNoImageSection,.specialIssuesContainer .contentWithImageSection {font-size:14px;}

/*HowTo Landing */
.HowToContainer .pageHeader {margin:0px;padding:0px 0px 2px 0px;} 
.HowToFeatureSection .featureCalloutImage {position:relative;}
.HowToFeatureSection .featureCalloutImage img {width:100%;height:auto;border:1px solid #ccc;}
.HowToFeatureSection .featureCalloutImage .featureCalloutImageBase{position:absolute;bottom:0px;opacity:0.9;filter:alpha(opacity=90);background-color:#000;color:#fff;padding:10px;width:100%;}
.HowToFeatureSection .featureCalloutImage .featureCalloutImageBase p.featureCalloutHeader {margin:0px;padding:0px;font-weight:900;color:#fff;font-size:26px;font-family:'roboto',sans-serif;}
.HowToFeatureSection .featureCalloutImage .featureCalloutImageBase .content {font-family:Arial,Helvetica,sans-serif;font-size:14px;}
.HowToFeatureSection .featureCalloutImage .featureCalloutImageBase a {text-decoration:none;color:#69c;font-weight:bold;font-size:14px;}

.HowToArticleSelection {margin-top:20px;margin-bottom:40px;}
.HowToArticleSelection .mrExtraIcon {margin-left:10px;}
.HowToArticleSelection .articleSelectionItem {margin-bottom:20px;}
.HowToArticleSelection .articleSelectionItem .imgSection {float:left;padding:0px 10px 10px 0px;}
.HowToArticleSelection .articleSelectionItem .imgSection img {border:1px solid #ccc;}
.HowToArticleSelection .articleSelectionItem .dataSection {}
.HowToArticleSelection .articleSelectionItem .dataSection a {text-decoration:none;}
.HowToArticleSelection .articleSelectionItem .dataSection a .dataSectionHeader{font-family:'roboto',Arial,Helvetica,sans-serif;font-weight:bold;color:#000;font-size:18px;}
.HowToArticleSelection .articleSelectionItem .byline {color:#666;font-size:12px;margin:5px 0 0 0;}
.HowToArticleSelection .articleSelectionItem .byline a {color:#666;text-decoration:none;}
.HowToArticleSelection .articleSelectionItem .byline a:hover {text-decoration:underline;}


 
.HowToVideoFeatureSection {margin:10px 0px;}
 

.HowToVideoFeatureSection .videoFeatureLeftContent {width:20%;float:left;}
.HowToVideoFeatureSection .videoFeatureMiddleImage {width:30%;float:left;margin-left:10px;}
.HowToVideoFeatureSection .videoFeatureMiddleImage img {width:100%;height:auto;}

.HowToVideoFeatureSection .videoFeatureLeftContent .videoFeatureLeftContentHeader {font-weight:bold;font-size:20px;font-family:'roboto',sans-serif;}

.HowToVideoFeatureSection .videoFeatureLeftContent .buttons {margin-top:10px;}
.HowToVideoFeatureSection .videoFeatureLeftContent .content {font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#222;}
.HowToVideoFeatureSection .videoFeatureLeftContent .videoCallout {padding:7px 10px;}
.HowToVideoFeatureSection .videoFeatureLeftContent .videoCallout a {font-size:14px;font-weight:bold;text-decoration:none;}
   
.HowToVideoFeatureSection .videoFeatureRight {width:40%;float:left;margin-left:10px;}
.HowToVideoFeatureSection .videoFeatureRight .itemContainer{padding:10px;overflow:hidden;}
.HowToVideoFeatureSection .videoFeatureRight .itemContainer .itemImage  {float:left;padding:0px 10px 10px 0px;}
.HowToVideoFeatureSection .videoFeatureRight .itemContainer img {border:1px solid #ccc;width:100%;}
.HowToVideoFeatureSection .videoFeatureRight .itemContainer  img.mrExtraIcon {max-width:45px;margin-top:5px;}
.HowToVideoFeatureSection .videoFeatureRight .itemContainer a {text-decoration:none;color:#000;}
.HowToVideoFeatureSection .videoFeatureRight .itemContainer p.itemHeader {font-weight:bold;font-size:14px;padding:0px;margin:0px;color:#000;font-family:Arial,Helvetica,sans-serif;}
 
     
.HowToRapidConvAndGettingStarted {overflow:hidden;margin-top:40px;} 
.HowToRapidConvAndGettingStartedLeftColumn {float:left;width:46%;background-image:url('/SiteFiles/Images/checker.png');background-repeat:repeat;margin-right:4%;}
.HowToRapidConvAndGettingStartedLeftColumn img {max-width:100%;height:auto;width:100%;}
.HowToRapidConvAndGettingStartedLeftColumn .rapidConvContent {padding:10px;font-family:'Roboto',​Helvetica,​Arial,​Sans-Serif;font-size:14px;}
.HowToRapidConvAndGettingStartedLeftColumn .rapidConvContent a {text-decoration:none;font-weight:700;}
 
.HowToRapidConvAndGettingStartedRightColumn {float:left;width:46%;} 
.HowToRapidConvAndGettingStartedRightColumn .container {position:relative;}
.HowToRapidConvAndGettingStartedRightColumn .container .imgSection {float:right;}   
.HowToRapidConvAndGettingStartedRightColumn .container .headerSection {font-family:'Roboto',​Helvetica,​Arial,​Sans-Serif;font-size:22px;font-weight:900;}
.HowToRapidConvAndGettingStartedRightColumn .container .contentSection {font-family:Arial,Helvetica,Sans-Serif;font-size:14px;color:#222; }

.HowToTrackplanSection {margin-top:40px;}
.HowToTrackplanSection .mrExtraIcon {margin-left:10px;}
.HowToTrackplanSection .tp {margin:0 0 50px 0;}
.HowToTrackplanSection .tp .left {width:46%;margin-right:4%;float:left;position:relative;}
.HowToTrackplanSection .tp .right {width:46%;margin-left:4%;float:left;}
.HowToTrackplanSection .tp .left img {width:100%;height:auto;border:1px solid #ccc;}
.HowToTrackplanSection .tp .left .feature {position:absolute;left:0;top:10px;background:#005DAD;padding:5px;font-size:12px;font-weight:bold;color:#fff;font-style:italic;}
.HowToTrackplanSection .tp .right .buttons {margin:10px 0 0 0;padding:7px 10px;} 
.HowToTrackplanSection .tp .right .buttons a {text-decoration:none;font-weight:bold;font-size:14px;}
.HowToTrackplanSection .tp h2 {color:#000;font-size:14px;font-weight:bold;font-family: Arial,Helvetica,Sans-Serif;}
.HowToTrackplanSection .tp h2 a {text-decoration:none;color:#222}
.HowToTrackplanSection .tp .right img{border:1px solid #ccc;}
  
        
/*Get Started Landing */
.GetStartedContainer{padding:15px 0px;}
.GetStartedContainer .pageHeader {margin:-5px 0px 0px 0px;padding:0px;}

.GetStartedFeatureSection .featureCalloutImage {position:relative;}
.GetStartedFeatureSection .featureCalloutImage a {text-decoration:none;color:#69c;font-weight:bold;font-size:14px;}
.GetStartedFeatureSection .featureCalloutImage img {width:100%;height:auto;border:1px solid #ccc;}
.GetStartedFeatureSection .featureCalloutImage .featureCalloutImageBase{position:absolute;bottom:0px;left:0px;opacity:0.9;filter:alpha(opacity=90);background-color:#000;color:#fff;padding:10px;width:100%;}
.GetStartedFeatureSection .featureCalloutImage .featureCalloutImageBase p.featureCalloutHeader {margin:0px;padding:0px;font-weight:900;color:#fff;font-size:26px;font-family:'roboto',sans-serif;}
.GetStartedFeatureSection .featureCalloutImage .featureCalloutImageBase .content {font-weight:bold;font-size:14px;}

.GetStartedArticleSelection {margin-bottom:60px;} 
.GetStartedArticleSelection .mrExtraIcon {margin-left:5px;}
.GetStartedArticleSelection .articleSelectionItem {margin-top:25px;}
.GetStartedArticleSelection .articleSelectionItem .imgSection {float:left;padding:0px 10px 10px 0px;}
.GetStartedArticleSelection .articleSelectionItem .imgSection img {border:1px solid #ccc;}
.GetStartedArticleSelection .articleSelectionItem .dataSection {}
.GetStartedArticleSelection .articleSelectionItem .dataSection a {text-decoration:none;}
.GetStartedArticleSelection .articleSelectionItem .dataSection a .dataSectionHeader{font-weight:bold;font-size:18px;color:#000;font-family:'roboto',sans-serif;}
.GetStartedArticleSelection .articleSelectionItem .subheadSection{font-size:14px;}
.GetStartedArticleSelection .articleSelectionItem .byline {color:#666;font-size:12px;margin:5px 0 0 0;}
.GetStartedArticleSelection .articleSelectionItem .byline a {color:#666;text-decoration:none;}
.GetStartedArticleSelection .articleSelectionItem .byline a:hover {text-decoration:underline;}
.GetStartedArticleSelection .seeAll {font-size:14px;text-decoration:none;font-weight:bold;padding:7px 10px;margin-top:15px;}
 
.GetStartedContainer {overflow:hidden;}
.GetStartedBasicTraining {margin-bottom:50px;}
.GetStartedContainer .GetStartedBasicTrainingLeft img {width:100%;height:auto;}
.GetStartedContainer .GetStartedBasicTrainingLeft {float:left;width:45%;}
.GetStartedContainer .GetStartedBasicTrainingRight {float:left;width:48%;margin-left:10px;padding:10px;}
.GetStartedContainer .GetStartedBasicTrainingRight .GetStartedBasicTrainingHeader {font-weight:bold;padding:0px;margin:0px;font-size:22px;font-weight:900;color:#222;}
.GetStartedContainer .GetStartedBasicTrainingRight .content {font-size:14px;color:#222;font-family:Arial,Helvetica,sans-serif;}
.GetStartedContainer .basicTrainingSignUp  {padding:7px 10px;font-family:font-family:Arial,Helvetica,sans-serif;}
.GetStartedContainer .basicTrainingSignUp a {text-decoration:none;font-size:14px;font-weight:bold;}

.GetStartedHowToVideosSection {margin-bottom:60px;}
.GetStartedHowToVideosSection .sliderContainer {}
.GetStartedHowToVideosSection .sliderContainer .thumbContainer .prevIcon {float:left;margin-right:10px;margin-top:40px;}
.GetStartedHowToVideosSection .sliderContainer .thumbContainer {display:inline-block;width:1000%;overflow:hidden;}
.GetStartedHowToVideosSection .sliderContainer .thumbContainer .data {float:left;margin-right:25px;width:150px;}
.GetStartedHowToVideosSection .sliderContainer .thumbContainer .data .imgSection{height:100px;overflow:hidden;border:1px solid #ccc;}
.GetStartedHowToVideosSection .sliderContainer .thumbContainer .data .headerSection {padding-top:10px;}
.GetStartedHowToVideosSection .sliderContainer .thumbContainer .data .headerSection a {text-decoration:none;color:#000;font-weight:bold;font-size:14px;}
.GetStartedHowToVideosSection .sliderContainer .thumbContainer .nextIcon {float:left;margin-left:-17px;margin-top:40px;}

/*News And Reviews Landing*/
.NewsAndReviewsContainer {padding:15px 0px;}
.NewsAndReviewsContainer .pageHeader {padding:0px 0px 2px 0px;margin:0px;}


.NewsAndReviewsFeatureSection .featureCalloutImage {position:relative;}
.NewsAndReviewsFeatureSection .featureCalloutImage a {text-decoration:none;color:#69c;font-weight:bold;font-size:14px;}
.NewsAndReviewsFeatureSection .featureCalloutImage img {width:100%;height:auto;border:1px solid #ccc;}
.NewsAndReviewsFeatureSection .featureCalloutImage .featureCalloutImageBase{position:absolute;bottom:0px;left:1px;opacity:0.9;filter:alpha(opacity=90);background-color:#000;color:#fff;padding:10px;width:100%;}
.NewsAndReviewsFeatureSection .featureCalloutImage .featureCalloutImageBase p.featureCalloutHeader {margin:0px;padding:0px;font-weight:900;font-size:26px;font-family:'roboto',sans-serif;color:#fff;}
.NewsAndReviewsFeatureSection .featureCalloutImage .featureCalloutImageBase .content {font-family:Arial,Helvetica,sans-serif;font-size:14px;}

.NewsAndReviewsProductReviewsSection {padding:15px 0px;margin-bottom:40px;margin-top:40px;}
.NewsAndReviewsProductReviewsSection .newsFeatureLeft {width:46%;float:left;margin-right:4%;}
.NewsAndReviewsProductReviewsSection .newsFeatureLeft .itemContainer{padding:10px;overflow:hidden;}
.NewsAndReviewsProductReviewsSection .newsFeatureLeft .itemContainer .itemImage  {float:left;padding:0px 10px 10px 0px;}
.NewsAndReviewsProductReviewsSection .newsFeatureLeft .itemContainer img {border:1px solid #ccc;width:100%;}
.NewsAndReviewsProductReviewsSection .newsFeatureLeft .itemContainer a {text-decoration:none;color:#000;}
.NewsAndReviewsProductReviewsSection .newsFeatureLeft .itemContainer p.itemHeader {font-weight:bold;font-size:14px;padding:0px;margin:0px;color:#000;font-family:Arial,Helvetica,sans-serif;}

.NewsAndReviewsProductReviewsSection .newsFeatureRight {width:50%;float:left;}
.NewsAndReviewsProductReviewsSection .newsFeatureRight .data .previewImage {float:left;width:40%;padding-right:2%;}
.NewsAndReviewsProductReviewsSection .newsFeatureRight .data.full .previewImage {width:100%;padding-right:0%;}
.NewsAndReviewsProductReviewsSection .newsFeatureRight .data .previewImage img {width:100%;height:auto;}
.NewsAndReviewsProductReviewsSection .newsFeatureRight .data .copy {float:left;width:45%;padding-left:2%;padding-top:20px;}
.NewsAndReviewsProductReviewsSection .newsFeatureRight .data.full .copy {width:100%;padding-left:0%;}
.NewsAndReviewsProductReviewsSection .newsFeatureRight .data .buttons {margin:10px 0 0 0;}
.NewsAndReviewsProductReviewsSection .newsFeatureRight .copy a{font-weight:bold;text-decoration:none;font-size:14px;}
.NewsAndReviewsProductReviewsSection .newsFeatureRight .copy h1 a {color:#222;font-size:22px;font-family:'roboto',Helvetica,arial;}
.NewsAndReviewsProductReviewsSection .seeAllReviews {padding:7px 10px}
 
.NewsAndReviewsProductReviewsSection  a {text-decoration:none;}
 
.NewsAndReviewsProductReviewVideoSection{padding-bottom:15px;margin-bottom:60px;}
.NewsAndReviewsProductReviewVideoSection .sliderContainer {}
.NewsAndReviewsProductReviewVideoSection .sliderContainer .thumbContainer .prevIcon {float:left;margin-right:5px;margin-top:40px;}
.NewsAndReviewsProductReviewVideoSection .sliderContainer .thumbContainer {display:inline-block;width:1000%;overflow:hidden;}
.NewsAndReviewsProductReviewVideoSection .sliderContainer .thumbContainer .data {float:left;margin-right:30px;width:205px;}
.NewsAndReviewsProductReviewVideoSection .sliderContainer .thumbContainer .data .imgSection{overflow:hidden;border:1px solid #ccc;}
.NewsAndReviewsProductReviewVideoSection .sliderContainer .thumbContainer .data  .mrvpImage {position:relative;}
.NewsAndReviewsProductReviewVideoSection .sliderContainer .thumbContainer .data  .mrvpImage .mrvp {position:absolute;bottom:20px;right:-7px;background:#4aa147;padding:5px 10px;color:#fff;font-style:italic;font-weight:bold;font-size:12px;}
.NewsAndReviewsProductReviewVideoSection .sliderContainer .thumbContainer .data .headerSection {padding-top:10px;font-size:14px;}
.NewsAndReviewsProductReviewVideoSection .sliderContainer .thumbContainer .data .headerSection a {text-decoration:none;color:#000;font-weight:bold;}
.NewsAndReviewsProductReviewVideoSection .sliderContainer .thumbContainer .nextIcon {float:left;margin-left:-22px;margin-top:40px;}
.NewsAndReviewsProductReviewVideoSection .mrExtraIcon {margin-left:10px;}


.NewsAndReviewsNewProductsSection a {text-decoration:none;}
.NewsAndReviewsNewProductsSection .mrExtraIcon {margin-left:10px;}
.NewsAndReviewsNewProductsSection .newProductContainer {}

.NewsAndReviewsNewProductsSection .newProductContainer .itemSection {padding-bottom:20px;}
.NewsAndReviewsNewProductsSection .newProductContainer .imgSection {float:left;padding:0px 10px 10px 0px;border:1px solid #ccc;margin-right:10px;}
.NewsAndReviewsNewProductsSection .newProductContainer .itemSection p.itemSectionHeader {color:#000;padding:0px;margin:0px;font-weight:bold;font-size:18px;font-family:'roboto',sans-serif;}
.NewsAndReviewsNewProductsSection .newProductContainer .itemSection  {font-size:14px;}

.NewsAndReviewsNewProductsSection  .byline {color:#666;font-size:12px;margin:5px 0 0 0;}
.NewsAndReviewsNewProductsSection  .byline a {color:#666;text-decoration:none;}
.NewsAndReviewsNewProductsSection  .byline a:hover {text-decoration:underline;}

.NewsAndReviewsNewProductsSection .newProductContainer .seeAll {padding:7px 10px;}
.NewsAndReviewsNewProductsSection .newProductContainer .seeAll a {text-decoration:none;font-size:14px;font-weight:bold;}

/* Pay wall */
.payWall {background:#e7e7e7;border:1px solid #999;padding:15px;margin:20px 0 0 0;font-size:14px;}
.payWall h4 {padding:0;margin:0 0 10px 0;font:700 17px 'Roboto',Helvetica,Arial,Sans-Serif;}
.payWall ul li {padding:0 0 2px 0;}
.payWall .buttons a {padding:10px 10px;}
.payWall .register {margin:25px 0 0 0;}
.payWall .register .action {float:left;margin:0 20px 0 0;}
.payWall .register .action img {width:100%;height:auto;}
.payWall .register .content {float:left;}
.payWall .register .content a {text-decoration:none;}
.payWall .register .content a:hover {text-decoration:underline;}
.payWall .subscribe {border-top:1px solid #777;margin:25px 0 0 0;padding:25px 0 0 0;}
.payWall .subscribe .currentIssue {width:30%;float:left;margin-right:4%;}
.payWall .subscribe .currentIssue img {width:100%;height:auto;}
.payWall .subscribe .content {float:left;width:65%;}
.payWall.subscriber .subscribe {border-top:none;margin:0;padding:0;}
.payWall.subscriber .register {border-top:1px solid #777;margin:25px 0 0 0;padding:25px 0 0 0;}
.payWall.subscriber .register .action {margin:25px 20px 0 0;}
.payWall.subscriber .register .content {margin:25px 0 0 0;}
.payWall .register .rel {position:relative;display:inline-block;margin:0 10px 20px 0;vertical-align:top;}
.payWall .register .moreInfo {font-weight:700;cursor:pointer;position:absolute;left:0;top:24px;font-size:12px;color:#5785D0;}
.payWall .logo {background-image:url('/sitefiles/images/digital_logos.png');display:inline-block;background-repeat:no-repeat;vertical-align:top;margin-right:8px;}
.payWall .logo.apple {width:81px;height:23px;}
.payWall .logo.google {width:104px;height:24px;background-position: -91px -3px;}
.payWall .logo.nook {width:61px;height:23px;background-position: 0 -29px;}
.payWall .logo.kindle {width:106px;height:27px;background-position:-86px -31px;}
.payWall .logo.zinio {width:85px;height:25px;background-position: 0 -56px;}
.payWall.emailRegistration .form {padding:10px 0 0 0;font-size:13px;font-weight:bold;}
.payWall.emailRegistration .form .textField {width:60%;float:left;margin-right:30px;}
.payWall.emailRegistration .form .textField input {width:100%;padding:10px 5px;border:1px solid #999;color:#555;border-radius:3px;}
.payWall.emailRegistration .form .button {float:left;margin:2px 0 0 0;}
.payWall.emailRegistration .disclaimer {margin:25px 0 0 0;font-size:10px;font-weight:bold;}



/* Reviews */
.reviews {}
.reviews .searchBox {background:#000;padding:10px 10px 15px 10px;margin:20px 0 0 0;color:#fff;font-size:14px;}
.reviews .searchBox h4 {padding:0;margin:0;font:700 17px 'Roboto',Helvetica,Arial,Sans-Serif;color:#fff;}
.reviews .top {margin:10px 0 0 0;}
.reviews .bottom {margin:20px 0 0 0;}
.reviews .item {float:left;margin:0 50px 0 0;}
.reviews select {margin:5px 0 0 0;}
.reviews .keywords {width:50%;}
.reviews .keywords input {width:100%;border:1px solid #fff;border-radius:5px;color:#333;padding:5px;}
.reviews .buttons a {padding:7px 10px;}
.reviews .submitButton {margin:15px 0 0 0;}

.reviews .callout {background:#eaeaea;border:1px solid #ccc;margin:20px 0 0 0;font-size:14px;padding:10px 10px 15px 10px;}
.reviews .callout h4 {padding:0;margin:0;font:700 17px 'Roboto',Helvetica,Arial,Sans-Serif;}



/* Track plans */
.trackplans {}
.trackplans .callout {background:#eaeaea;border:1px solid #ccc;margin:20px 0 0 0;font-size:14px;padding:10px 10px 15px 10px;}
.trackplans .callout h4 {padding:0;margin:0;font:700 18px 'Roboto',Helvetica,Arial,Sans-Serif;}
.trackplans .callout .thumbnail {float:left;width:25%;}
.trackplans .callout .thumbnail img {width:100%;height:auto;}
.trackplans .callout .content {float:left;}
.trackplans .callout .content.withImage {width:72%;margin-left:3%;}
.trackplans .callout .content .headline a {font-size:14px;color:#333;text-decoration:none;font-weight:bold;}
.trackplans .callout .content .subhead {margin:20px 0 0 0;line-height:18px;}
.trackplans .callout .content .more {margin:10px 0 0 0;}
.trackplans .callout .content .more a {text-decoration:none;font-weight:bold;}

.trackplans .searchBox {background:#000;padding:10px 10px 15px 10px;margin:20px 0 0 0;color:#fff;font-size:14px;}
.trackplans .searchBox h4 {padding:0;margin:0;font:700 17px 'Roboto',Helvetica,Arial,Sans-Serif;color:#fff;}
.trackplans .top {margin:10px 0 0 0;}
.trackplans .bottom {margin:20px 0 0 0;}
.trackplans .item {float:left;margin:0 50px 0 0;}
.trackplans select {margin:5px 0 0 0;}
.trackplans .keywords {width:50%;}
.trackplans .keywords input {width:100%;border:1px solid #fff;border-radius:5px;color:#333;padding:5px;}
.trackplans .buttons a {padding:7px 10px;}
.trackplans .submitButton {margin:15px 0 0 0;}

/* Contact Pages */
.contactHeader p {text-transform:uppercase;}
.contactContainer .customerContainer { padding-bottom:10px;}
.contactContainer .customerContainer span {display:block;color:#005496;font-size:24px;}
.contactContainer .editorialContainer {padding-bottom:10px;margin-top:-10px;}
.contactContainer .editorialContainer span {display:block;color:#005496;font-size:24px;}
.contactContainer .subGuideContainer {padding-bottom:10px;margin-top:0px;}
.contactContainer .subGuideContainer span {display:block;color:#005496;font-size:24px;}
.contactContainer .magResContainer {padding-bottom:10px;margin-top:0px;}
.contactContainer .magResContainer span {display:block;color:#005496;font-size:24px;}
.contactContainer .kpcContainer {padding-bottom:10px;margin-top:0px;}
.contactContainer .kpcContainer span {display:block;color:#005496;font-size:24px;}
.contactContainer  ul.yellowTriangle li { list-style-image:url("/sitefiles/images/bullet_triangle_yellow.png")}
.reqFieldContainer {padding:10px 0px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-bottom:5px;}
.requiredField {color:#E02828;}
.reqFieldContainer .italic {font-style:italic}
.formFieldContainer  {overflow:hidden;padding-bottom:10px;width:100%;}
.formFieldContainer .label {float:left;width:30%;}
.formFieldContainer .control  * {float:right;width:65%;}
.messageContainer .messageTextbox * {width:100%}
.captchaContainer {padding-top:20px;font-size:11px;}
.valSummaryContainer {color:#f00;}
.valSummaryContainer ul li {list-style-type:bullet}
.postbackContainer {padding-top:20px}
.contactConfirmationMessageSuccess, .greenBox {background:#E2F9DD;border:1px solid #CAF4C1;margin-top:10px;}

/* Videos */
.filterBox h4 {padding:0;font:700 17px 'Roboto',Helvetica,Arial,Sans-Serif;margin:0 0 5px 0;}
.filterBox .searchItem {float:left; margin:20px 25px 0 0;}
.filterBox .searchItem span {display:block; margin-bottom:5px;}
.filterBox input, .filterBox select {border: 1px solid #fff; border-radius: 5px; color: #333; padding: 5px;}
.section .videoList .videoItem {float:left; width:23%; margin:15px 2% 0 0;}
.section .videoList .videoItem .previewImage {width:100%; height:auto;}
.section .videoList .videoItem .heading, .videoList .videoItem .heading a {font-weight:bold; font-size:12px; color:#222; text-decoration:none;}



/* Back issues */
.backIssues {}
.backIssues .years {background:#eaeaea;padding:20px 20px 0 20px;margin-top:25px;}
.backIssues .years ul {padding:0;margin:0;list-style-type:none;}
.backIssues .years ul li {padding:0;margin:0 20px 20px 0;list-style-type:none;float:left;font-size:12px;font-weight:bold;}
.backIssues .years ul li.current {color:#000;}
.backIssues .years ul li a {color:#666;text-decoration:none;}
.backIssues .years ul li a:hover {text-decoration:underline;}
.backIssues .issueDisplay {margin:25px 0 0 0;}
.backIssues .issueDisplay .issueContainer {display:inline-block;vertical-align:top;}
.backIssues .issueDisplay .issueContainer .container {float:left;margin:0 25px 40px 0;width:150px;}
.backIssues .issueDisplay .issueContainer .container img {width:100%;height:auto;}
.backIssues .issueDisplay .issueContainer .container .issueName {margin:5px 0 0 0;font:700 17px 'PT Sans',Helvetica,Arial,Sans-Serif;}
.backIssues .issueDisplay .issueContainer .container .issueName a {color:#000;text-decoration:none;}

.backIssues .searchBox {background:#000;padding:10px 10px 15px 10px;margin:20px 0 0 0;color:#fff;font-size:14px;}
.backIssues .searchBox h4 {padding:0;font:700 17px 'Roboto',Helvetica,Arial,Sans-Serif;margin:0 0 5px 0;}
.backIssues .range {margin:15px 0 30px 0;font-size:12px;font-weight:bold;}
.backIssues .range select {color:#555;margin:0 5px 0 0;}
.backIssues .dataColumn {float:left;margin:5px 20px 0 0;}
.backIssues .keywords {font-size:12px;font-weight:bold;}
.backIssues .keywords .dataColumn.textField {width:50%;}
.backIssues .keywords input {color:#555;width:100%;border-radius:3px;border:none;padding:5px;}



/* Episodes */
.episodes {}
.episodes .dataItem .content.withImage {width:80%;}
.episodes .dataItem .thumbnail {width:18%;margin:0 2% 0 0;}
.episodes .callout {background:#eaeaea;border:1px solid #ccc;margin:20px 0 0 0;font-size:14px;padding:10px 10px 15px 10px;}
.episodes .callout h4 {padding:0;margin:0;font:700 18px 'Roboto',Helvetica,Arial,Sans-Serif;}
.episodes .callout ul {padding:0;margin:10px 0 0 0;list-style:none;}
.episodes .callout ul li {padding:0;margin:0;list-style:none;float:left;margin:0 10px 0 0;}
.episodes .callout ul li a {text-decoration:none;font-weight:bold;}
.episodes .features {margin:20px 0 0 0;font-size:14px;}
.episodes .features ul {padding:0;margin:0;list-style:none;}
.episodes .features ul li {padding:0 0 10px 0;margin:0;list-style:none;line-height:18px;}
.episodes .features ul li span {font-weight:bold;}

/*Email Newsletter */
.EmailNewsletterContainer .mainHeader img {width:100%;}
.EmailNewsletterContainer .entrySection

.EmailNewsletterContainer .magSection {border:1px solid green;}
.EmailNewsletterContainer  .imgSection {float:left;width:25%;margin-right:1%;margin-left:2%;}
.EmailNewsletterContainer  .txtSection {float:left;width:35%;margin-right:1%;}
.EmailNewsletterContainer  .cbxSection {float:left;width:35%;}
.EmailNewsletterContainer  .cbxSection  {text-align:center;}
.EmailNewsletterContainer  .bold {font-weight:bold}

.EmailNewsletterContainer .cbxSection {color:#fff;padding-top:10px;padding-bottom:10px;}
.EmailNewsletterContainer .cbxSection .cbxTxtSection {padding-top:10px;padding-bottom:10px;}

.mrrSelectContainer .cbxSection {background-color:#3660AB;}
.trnSelectContainer .cbxSection {background-color:#CC2229;}
.ctrSelectContainer .cbxSection {background-color:#C1272D;}
.cttSelectContainer .cbxSection {background-color:#ED1C24;}
.grwSelectContainer .cbxSection {background-color:#015E30;}
.mrvSelectContainer .cbxSection {background-color:#006AB3;}

.EmailNewsletterContainer .mrrSelectContainer {border:1px solid #ccc;margin-top:10px;padding:10px 0px;}
.EmailNewsletterContainer .trnSelectContainer {border:1px solid #ccc;margin-top:10px;padding:10px 0px;}
.EmailNewsletterContainer .ctrSelectContainer {border:1px solid #ccc;margin-top:10px;padding:10px 0px;}
.EmailNewsletterContainer .cttSelectContainer {border:1px solid #ccc;margin-top:10px;padding:10px 0px;}
.EmailNewsletterContainer .grwSelectContainer {border:1px solid #ccc;margin-top:10px;padding:10px 0px;}
.EmailNewsletterContainer .mrvSelectContainer {border:1px solid #ccc;margin-top:10px;padding:10px 0px;}

.EmailNewsletterContainer .entrySection {background-color:#2e2e2e;color:#fff;padding:10px;margin-top:10px;text-align:center;}
.EmailNewsletterContainer .entrySection .header {}
.EmailNewsletterContainer .entrySection span.header{font-weight:bold;}
.EmailNewsletterContainer .privacyLink{color:#fff;display:block;padding:10px;}
.EmailNewsletterContainer .emailAddress {width:50%;}

.EmailNewsletterMessageContainer p.top {font-weight:bold;}
.EmailNewsletterMessageContainer ul.signup {text-align:left}


/* Subs Extra */
.SubsExtraContainer .mrExtraIcon {margin-left:10px;}
.SubsExtraContainer a {text-decoration:none;} 
.SubsExtraContainer .SubsExtraProductReviews   {margin-top:40px;margin-bottom:40px;}

.SubsExtraContainer .newsFeatureLeft {width:46%;float:left;margin-right:4%;}
.SubsExtraContainer .newsFeatureLeft .itemContainer{padding:10px;overflow:hidden;}
.SubsExtraContainer .newsFeatureLeft .itemContainer .itemImage  {float:left;padding:0px 10px 10px 0px;}
.SubsExtraContainer .newsFeatureLeft .itemContainer img {border:1px solid #ccc;width:100%;}
.SubsExtraContainer .newsFeatureLeft .itemContainer a {text-decoration:none;color:#000;}
.SubsExtraContainer .newsFeatureLeft .itemContainer p.itemHeader {font-weight:bold;font-size:14px;padding:0px;margin:0px;color:#000;}
 
.SubsExtraContainer .newsFeatureRight {width:50%;float:left;}
.SubsExtraContainer .newsFeatureRight .data .previewImage {float:left;width:40%;padding-right:2%;}
.SubsExtraContainer .newsFeatureRight .data.full .previewImage {width:100%;padding-right:0%;}
.SubsExtraContainer .newsFeatureRight .data .previewImage img {width:100%;height:auto;}
.SubsExtraContainer .newsFeatureRight .data .copy {float:left;width:45%;padding-left:2%;padding-top:20px;}
.SubsExtraContainer .newsFeatureRight .data.full .copy {width:100%;padding-left:0%;}
.SubsExtraContainer .newsFeatureRight .data .buttons {margin:10px 0 0 0;}
.SubsExtraContainer .newsFeatureRight .copy a{font-weight:bold;text-decoration:none;font-size:14px;}
.SubsExtraContainer .newsFeatureRight h1 a {color:#222;font-size:22px;font-family:'roboto',Helvetica,arial;}

.SubsExtraTrackplan {margin-bottom:40px;}
.SubsExtraTrackplan .tp {margin:0 0 50px 0;}
.SubsExtraTrackplan .tp .left {width:46%;margin-right:4%;float:left;position:relative;}
.SubsExtraTrackplan .tp .right {width:46%;margin-left:4%;float:left;}
.SubsExtraTrackplan .tp .left img {width:100%;height:auto;}
.SubsExtraTrackplan .tp .left .feature {position:absolute;left:0;top:10px;background:#005DAD;padding:5px;font-size:12px;font-weight:bold;color:#fff;font-style:italic;}
.SubsExtraTrackplan .tp .right .buttons {margin:10px 0 0 0;} 
.SubsExtraTrackplan .tp h2 {color:#000;font-size:14px;font-weight:bold;font-family: Arial,Helvetica,Sans-Serif;}
.SubsExtraTrackplan .tp h2 a {text-decoration:none;color:#000}

 
.SubsExtraVideos  .vids {}
.SubsExtraVideos  .vids .sliderContainer {position:relative;margin:10px 0 30px 0;min-height:100px;}
.SubsExtraVideos  .vids .sliderContainer .left {position:absolute;left:0;top:60px;z-index:20;height:140px;width:15px;display:none;}
.SubsExtraVideos  .vids .sliderContainer .right {position:absolute;right:0;top:60px;z-index:20;height:140px;width:15px;display:none;}
.SubsExtraVideos  .vids .sliderContainer .center {margin:0 30px 0 30px;overflow:hidden;}
.SubsExtraVideos  .vids .sliderContainer .center .slider {width:5000%;position:relative;overflow:hidden;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .itemContainer {}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item {display:inline-block;vertical-align:top;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item .data {float:left;width:160px;margin:10px 20px 0 0;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item .data h2{font-size: 14px;font-weight: bold;font-family: Arial,Helvetica,Sans-Serif;color:#000;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item .data h2 a {text-decoration:none;color:#000;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item .data .previewImage {border:2px solid #ddd;background:#222;height:90px;background-position:center center;background-repeat:no-repeat;position:relative;margin:0 0 10px 0;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item .data .previewImage a {width:100%;height:100%;display:block;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item .data .previewImage .mrvp {position:absolute;bottom:20px;right:-7px;background:#4AA147;padding:5px 10px;font-size:12px;font-weight:bold;color:#fff;font-style:italic;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item .data .previewImage .mrvp .corner {position:absolute;right:0;bottom:-8px;width:7px;height:8px;background:url('/sitefiles/images/corner-snipe_green.png') no-repeat;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item .data .previewImage .sponsored {position:absolute;bottom:20px;right:-7px;background:#FF0000;padding:5px 10px;font-size:12px;font-weight:bold;color:#fff;}
.SubsExtraVideos  .vids .sliderContainer .center .slider .item .data .previewImage .sponsored .corner {position:absolute;right:0;bottom:-8px;width:7px;height:8px;background:url('/sitefiles/images/corner-snipe_red.png') no-repeat;}


/* Product Suggest */
.productSuggest {margin:30px 0 0 0;}
.productSuggest .productSlider {}
.productSuggest .productSlider .sliderContainer {position:relative;margin:10px 0 0 0;}
.productSuggest .productSlider .sliderContainer .left {position:absolute;left:0;top:60px;z-index:20;display:none;}
.productSuggest .productSlider .sliderContainer .right {position:absolute;right:0;top:60px;z-index:20;display:none;}
.productSuggest .productSlider .sliderContainer .center {margin:0 40px 0 40px;overflow:hidden;font:700 14px 'PT Sans',Helvetica,Arial,Sans-Serif;}
.productSuggest .productSlider .sliderContainer .center a {text-decoration:none;color:#000;}
.productSuggest .productSlider .sliderContainer .center .slider {width:1000%;position:relative;}
.productSuggest .productSlider .sliderContainer .center .slider .itemContainer {}
.productSuggest .productSlider .sliderContainer .center .slider .item {display:inline-block;vertical-align:top;}
.productSuggest .productSlider .sliderContainer .center .slider .item .data {float:left;width:140px;margin:0 30px 0 0;font:bold 14px Arial,Helvetica,Sans-Serif;}
.productSuggest .productSlider .sliderContainer .center .slider .item .data img {width:100%;height:auto;}



/* Homepage */
.homepage {}
.homepage .buttons a {padding:7px 10px;}
.homepage .spinner {text-align:center;margin:20px 0 0 0;display:none;}
.homepage.top.mainContentGrid .rightColumn {margin:20px 0 0 0;}
.homepage.top.mainContentGrid .contentWell {margin:20px 0 0 0;}
.homepage.middle.mainContentGrid .contentWell {margin:20px 0 0 0;min-height:50px;}
.homepage h1 {padding:0;margin:0 0 5px 0;font-family:'Roboto',Helvetica,Arial;font-weight:900;color:#222;font-size:22px;}
.homepage h1 a {color:#222;text-decoration:none;}
.homepage h2, .homepage .section .dataItem h2 {padding:0;margin:0;font-size:14px;font-weight:bold;font-family:Arial,Helvetica,Sans-Serif;}
.homepage h2 a, .homepage .section .dataItem h2 a {color:#000;text-decoration:none;}
.homepage .copy {color:#222;font-size:14px;line-height:18px;}
.homepage .copy a {font-weight:bold;text-decoration:none;}
.homepage .copy p {padding:0;margin:10px 0 0 0;}
.homepage.top .neckline {margin:20px 0 0 0;}
.homepage.top .neckline .left {width:46%;margin-right:4%;float:left;}
.homepage.top .neckline .right {width:46%;margin-left:4%;float:left;}
.homepage .featuredStory {border-bottom:1px solid #ccc;padding:0 0 20px 0;}
.homepage .featuredStory .heading {color:#fff;padding:5px;margin:0 0 5px 0;letter-spacing:1px;background:#005DAD url('/sitefiles/images/feature-background.png') right top no-repeat;;font:900 18px 'Roboto',Helvetica,Arial,Sans-serif;}
.homepage .featuredStory img {float:right;width:55%;height:auto;margin:0 0 0 10px;}
.homepage .rapid {margin:20px 0 0 0;background:url('/sitefiles/images/checker.png');}
.homepage .rapid img {max-width:100%;height:auto;}
.homepage .rapid .copy {padding:0 0 20px 10px;}
.homepage .onlineExtras {}
.homepage .onlineExtras .scrollPane {overflow:auto;outline:none;min-height:730px;}

.homepage .newProducts .thumbnail img {border:1px solid #ccc;}

.homepage .reviews {}
.homepage .reviews .data .previewImage {float:left;width:40%;padding-right:2%;}
.homepage .reviews .data.full .previewImage {width:100%;padding-right:0%;}
.homepage .reviews .data .previewImage img {width:100%;height:auto;}
.homepage .reviews .data .copy {float:left;width:45%;padding-left:2%;padding-top:20px;}
.homepage .reviews .data.full .copy {width:100%;padding-left:0%;}
.homepage .reviews .data .buttons {margin:10px 0 0 0;}

.homepage.bottom .neckline {margin:0 0 30px 0;}
.homepage.bottom .neckline .left {width:46%;margin-right:4%;float:left;}
.homepage.bottom .neckline .right {width:46%;margin-left:4%;float:left;}
.homepage .tp {margin:0 0 50px 0;}
.homepage .tp .left {width:46%;margin-right:4%;float:left;position:relative;}
.homepage .tp .right {width:46%;margin-left:4%;float:left;}
.homepage .tp .left img {width:100%;height:auto;}
.homepage .tp .left .feature {position:absolute;left:0;top:10px;background:#005DAD;padding:5px;font-size:12px;font-weight:bold;color:#fff;font-style:italic;}
.homepage .tp .right .buttons {margin:10px 0 0 0;}
.homepage .tp .right img {border:1px solid #ccc;}
.homepage .sidebarMagazine {margin:0;}

.homepage .featureSlider {background:#111;position:relative;}
.homepage .featureSlider .item {position:relative;}
.homepage .featureSlider .item.hidden {display:none;}
.homepage .featureSlider .item img.main {width:100%;height:auto;}
.homepage .featureSlider .basement {width:100%;height:20px;background:#000;text-align:center;}
.homepage .featureSlider .basement img {margin:5px 4px 0 4px;}
.homepage .featureSlider .item .data {background:#000;color:#fff;padding:5px 20px 10px 20px;font-size:14px;font-weight:bold;line-height:18px;}
.homepage .featureSlider .item .data h3 {font:900 26px 'Roboto',Arial,Helvetica,Sans-Serif;padding:0;margin:0 0 2px 0;}
.homepage .featureSlider .item .data p {margin:0;padding:0;}
.homepage .featureSlider .item .data a {text-decoration:none;color:#6699CC;}
.homepage .featureSlider .item .arrow {position:absolute;z-index:20;top:170px;display:none;}
.homepage .featureSlider .item .arrow.left {left:0;}
.homepage .featureSlider .item .arrow.right {right:0;}

.homepage .vids {}
.homepage .vids .sliderContainer {position:relative;margin:10px 0 30px 0;min-height:100px;}
.homepage .vids .sliderContainer .left {position:absolute;left:0;top:60px;z-index:20;height:140px;width:15px;display:none;}
.homepage .vids .sliderContainer .right {position:absolute;right:0;top:60px;z-index:20;height:140px;width:15px;display:none;}
.homepage .vids .sliderContainer .center {margin:0 30px 0 30px;overflow:hidden;}
.homepage .vids .sliderContainer .center .slider {width:5000%;position:relative;overflow:hidden;}
.homepage .vids .sliderContainer .center .slider .itemContainer {}
.homepage .vids .sliderContainer .center .slider .item {display:inline-block;vertical-align:top;}
.homepage .vids .sliderContainer .center .slider .item .data {float:left;width:200px;margin:10px 20px 0 0;}
.homepage .vids .sliderContainer .center .slider .item .data .previewImage {border:2px solid #ddd;background:#222;height:112px;background-position:center center;background-repeat:no-repeat;position:relative;margin:0 0 10px 0;}
.homepage .vids .sliderContainer .center .slider .item .data .previewImage a {width:100%;height:100%;display:block;}
.homepage .vids .sliderContainer .center .slider .item .data .previewImage .mrvp {position:absolute;bottom:20px;right:-7px;background:#4AA147;padding:5px 10px;font-size:12px;font-weight:bold;color:#fff;font-style:italic;}
.homepage .vids .sliderContainer .center .slider .item .data .previewImage .mrvp .corner {position:absolute;right:0;bottom:-8px;width:7px;height:8px;background:url('/sitefiles/images/corner-snipe_green.png') no-repeat;}
.homepage .vids .sliderContainer .center .slider .item .data .previewImage .sponsored {position:absolute;bottom:20px;right:-7px;background:#FF0000;padding:5px 10px;font-size:12px;font-weight:bold;color:#fff;}
.homepage .vids .sliderContainer .center .slider .item .data .previewImage .sponsored .corner {position:absolute;right:0;bottom:-8px;width:7px;height:8px;background:url('/sitefiles/images/corner-snipe_red.png') no-repeat;}

.homepage .books {}
.homepage .books .sliderContainer {position:relative;margin:10px 0 20px 0;min-height:100px;}
.homepage .books .sliderContainer .left {position:absolute;left:0;top:90px;z-index:20;height:140px;width:15px;display:none;}
.homepage .books .sliderContainer .right {position:absolute;right:0;top:90px;z-index:20;height:140px;width:15px;display:none;}
.homepage .books .sliderContainer .center {margin:0 30px 0 30px;overflow:hidden;}
.homepage .books .sliderContainer .center .slider {width:5000%;position:relative;overflow:hidden;}
.homepage .books .sliderContainer .center .slider .itemContainer {}
.homepage .books .sliderContainer .center .slider .item {display:inline-block;vertical-align:top;}
.homepage .books .sliderContainer .center .slider .item .data {float:left;width:140px;margin:10px 40px 0 0;}
.homepage .books .sliderContainer .center .slider .item .data img {width:100%;height:auto;margin:0 0 10px 0;}


/* Tom W -- changes for access code -- start *****************************/
.accessCodeContainer{margin-top:35px;margin-right:25px;margin-bottom:12px;}
.marketCopy{ font: 15px/24px Verdana,Helvetica,Arial,sans-serif!important;}
.accessNotLoggedIn,.webAccessScreen{background: none repeat scroll 0 0 #ececec;padding: 7px;border:1px solid #D3D3D3;border-radius: 3px;}
.accessNotLoggedIn .info, .webAccessScreen .middleContainer  {margin:12px 2px 20px 0px;font: 15px/22px Verdana,Helvetica,Arial,sans-serif;}
.accessNotLoggedIn .regAndLoginContainer {overflow: hidden;}
.accessNotLoggedIn .regAndLoginContainer .regContainer{float: left;margin-bottom: 15px; width: 49%;}
.accessNotLoggedIn .regAndLoginContainer p{margin:0 !important;font: 15px/22px Verdana,Helvetica,Arial,sans-serif!important;}
.loginContainer{font: 15px Verdana,Helvetica,Arial,sans-serif !important;}
.subscriber p{font: bold 15px/24px Verdana,Helvetica,Arial,sans-serif !important;}
.fieldBorder{border:1px solid #9c9b9b;margin-bottom:3px;font-size: 13px;float:left;}
.buttons.green button {border-radius: 3px;display: inline-block;font: 13px "Fauna One";background: none repeat scroll 0 0 #4FA449;border: 2px solid #4FA449;}
.webAccessText{float:left;margin:0;}
.middleContainer .leftCol{float:left;}
.middleContainer .rightCol{width:45%;float:left;}
.noPad{padding:0!important;margin:0!important;}
.subInfo{padding:5px 0px 5px 0px !important;}
.moreLinkHolder{width:150px;clear:both;text-align:left;padding:5px 0px 5px 0px;color:#007498;font:13px/20px Verdana,Helvetica,Arial,sans-serif;text-decoration:underline;cursor:pointer;}
.moreLinkHolder:hover{text-decoration:none;}
/* Tom W -- changes for access code -- end   */



/* Digital archive */
.archiveWall {}
.archiveWall a {text-decoration:none;}
.archiveWall a:hover {text-decoration:underline;}
.archiveWall .heading {text-align:center;}
.archiveWall .heading img {max-width:70%;height:auto;}
.archiveWall .heading h1 {font:900 50px 'Roboto',Sans-Serif;padding:0;margin:0;}
.archiveWall .heading h2 {font:900 32px 'Roboto',Snas-Serif;padding:0;margin:0;color:#055dae;}
.archiveWall .content {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:25px 0;margin:25px 0;}
.archiveWall h4 {padding:0;margin:0 0 10px 0;font:200 25px 'Roboto',Sans-Serif;}
.archiveWall .content .left {float:left;width:30%;margin-right:7%;}
.archiveWall .content .right {float:left;width:61%;font-weight:400;font-size:16px;line-height:21px;}
.archiveWall .content .right img {float:left;margin:0 20px 10px 0;}
.archiveWall .content .clear {clear:both;}
.archiveWall .footing {font-size:16px;line-height:21px;font-weight:400;text-align:center;}
.archiveWall .footing .videoContainer {padding:10px 0 0 0;position:relative;z-index:0;}
.archiveWall .footing .video {margin:0 auto;position:relative;z-index:0;height:350px;width:70%;}

.archiveWall .content .left .action {background:#fafafa;border:1px solid #999;padding:20px;font-size:18px;}
.archiveWall .content .left .action p {padding:0;margin:0 0 20px 0;}
.archiveWall .content .left .action .buttons {border-radius:0;font:400 22px 'Roboto',Sans-Serif;text-transform:uppercase;}
.archiveWall .content .left .action .buttons.first {margin-right:10px;}
.archiveWall .content .left .action .buttons a {padding:6px 20px;}
.archiveWall .content .left .action .buttons a:hover {text-decoration:none;}
.archiveWall .content .left .action .disclaimer {font-size:13px;margin:20px 0 0 0;}

.archiveWall .trial {font-size:20px;text-align:center;border-bottom:1px solid #ccc;margin:0 0 30px 0;}
.archiveWall .trial p {padding:0;margin:10px 0 20px;}
.archiveWall .trial .trialContainer {border:1px solid #999;padding:20px;width:93%;display:inline-block;text-align:left;margin:0 0 30px 0;}
.archiveWall .trial .left {float:left;width:15%;margin-right:2%;}
.archiveWall .trial .left img {max-width:100%;height:auto;}
.archiveWall .trial .right {float:left;width:82%;}
.archiveWall .trial .buttons {border-radius:0;font:400 22px 'Roboto',Sans-Serif;text-transform:uppercase;}
.archiveWall .trial .buttons.first {margin-right:10px;}
.archiveWall .trial .buttons a {padding:6px 20px;}
.archiveWall .trial .buttons a:hover {text-decoration:none;}
.archiveWall .trial .disclaimer {font-size:14px;margin:20px 0 0 0;font-weight:700;}

.searchbox404 {border:1px solid #ccc;border-radius:5px;width:240px;height:26px;background:#fff;margin:0 auto;margin-bottom:5%;}
.searchbox404 input {font-size:12px;color:#555;border:none;background:none;width:82%;margin:5px 0 0 5px;}
.searchbox404 .searchbutton {float:right;margin:2px 5px 0 0;}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 7px;
	height: 100%;
	visibility:hidden;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #eaeaea;
	position: relative;
}

.jspDrag
{
	background: #ccc;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 10px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.comments {margin:40px 0 0 0;}
.comments .heading {width:95%;background:#000;color:#fff;padding:7px 5px;font:700 16px 'Roboto',Helvetica,Arial,Sans-Serif;margin:0 0 10px 0;}

.comments .registerCallout {background:#eaeaea;border:1px solid #ccc;padding:10px;width:93%;margin:20px 0 20px 0;font-family:Helvetica, Arial, Sans-Serif;font-size:14px;line-height:19px;}
.comments .registerCallout h6 {padding:0;margin:0 0 10px 0;font-size:17px;}
.comments .registerCallout a {font-weight:bold;text-decoration:none;}

.comments .neckline {width:95%;}
.comments .neckline .totalComments {float:left;font-size:18px;font-weight:500;color:#555;line-height:26px;}
.comments .neckline .rating {float:right;cursor:pointer;}
.comments .noComments {margin:25px 0 0 0;border-top:2px solid #ccc;border-bottom:2px solid #ccc;text-align:center;width:95%;padding:10px 0 10px 0;font-size:12px;color:#666;}

.comments .messages {width:95%;display:none;margin:10px 0 0 0;}

.comments .items {margin-top:25px;width:95%;font-size:12px;}
.comments .items .sortOptions {float:right;font-weight:bold;margin:0 0 10px 0;}
.comments .items .sortOptions a {color:#999;text-decoration:none;}
.comments .items .sortOptions a.active {color:#333;}
.comments .items .data {clear:right;}
.comments .items .data .spinner {text-align:center;margin:15px 0 15px 0;}
.comments .items .item {padding:13px 0 13px 0;border-top:1px dotted #ccc;}
.comments .items .item.first {border-top:none;}
.comments .items .item .neckline {width:100%;}
.comments .items .item .neckline .createdDate {color:#999;font-size:10px;float:left;}
.comments .items .item .neckline .rating {float:right;}
.comments .items .item .neckline .rating img {width:12px;height:auto;margin-left:1px;}
.comments .items .item .namelocal {font-size:11px;font-weight:bold;padding:5px 0 0 ;}
.comments .items .item .namelocal span {font-weight:normal;}
.comments .items .item .comment {padding:10px 0 0 0;}
.comments .items .item .leaveComment {font-size:10px;margin-top:10px;text-align:right;}
.comments .items .item .leaveComment a {color:#999;}
.comments .items .loadMore {width:100%;margin:25px 0 0 0;display:none;}
.comments .items .loadMore div {font-size:12px;font-weight:bold;background:#eaeaea;border-bottom:2px solid #ccc;color:#555;text-align:center;}
.comments .items .loadMore a {color:#555;text-decoration:none;width:100%;height:100%;display:block;padding:10px 0 10px 0;}






.comments .commentForm {width:95%;margin-top:25px;position:relative;}
.comments .commentForm .textField {}
.comments .commentForm .textField textarea {width:99%;max-width:99%;height:25px;border:1px solid #ccc;padding:5px;font-size:14px;color:#bbb;overflow:hidden;resize:none;outline:none;}
.comments .commentForm .textField textarea.active {color:#555;}
.comments .commentForm .clone {width:99%;min-height:25px;border:1px solid #fff;padding:5px;font-size:14px;color:#fff;position:absolute;left:0;top:0;z-index:-10;line-height:20px;}

.comments .commentForm .button 
{
    border:1px solid #adadad;
    font-family:Helvetica, Arial, Sans-Serif;
    display:none;
    
    background:#CFCFCF;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f4f4f4 ), to( #cfcfcf )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#f4f4f4, #CFCFCF); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#f4f4f4, #CFCFCF); /* FF3.6 */
	background-image:     -ms-linear-gradient(#f4f4f4, #CFCFCF); /* IE10 */
	background-image:      -o-linear-gradient(#f4f4f4, #CFCFCF); /* Opera 11.10+ */
	background-image:         linear-gradient(#f4f4f4, #CFCFCF);
    
    border-radius:6px;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin:10px 0 0 0;
	width:100%;
	
}

.comments .commentForm .button.disabled {background-image:none;background:#E2E2E2;border:1px solid #ccc;}
.comments .commentForm .button.disabled a {color:#C7C7C7;cursor:default;}
.comments .commentForm .button.disabled a.processing {color:#777;}
.comments .commentForm .button a {width:100%;height:100%;display:block;padding:10px 17px 10px 17px;color:#444;font-weight:900;text-decoration:none;font-size:12px;text-align:center;outline:none;}

