/* ============================================================
Subscriptions-specific CSS
* Copyright (c) 2010 National Geographic. All rights reserved.
============================================================ */

/* ------------------------------------------------------------
+OLD
------------------------------------------------------------ */

.subscriptions ul {color: #039; font-size:  1em; list-style: disc; margin-top: 15px; margin-left:130px;}
.subscriptions ul li {margin: 5px 15px 5px;}
.subscriptions p {color: #666; background-color: transparent; font-size: 1em; line-height: 1.5em; margin-bottom:15px;}
.subscriptions p.bold {color: #000; font-weight: bold;}
.subscriptions .subs-box {background-color:#FFF; float:left; height: 260px; padding:15px; width:285px;}
.subscriptions .subs-box h2{color: #000; font-size: 1em; font-weight: normal !important; margin: 0 0 10px;}
#container .subscriptions .subs-box img{float: left; border:0 none;}
.subscriptions .subs-box span{ display: block; float: left; height: 26px; margin: 3px 5px 0 0; text-indent: -9999px; width: 45px}

.subscriptions span.ten {background: #FFF url(../i/presentation/10dollars.gif) no-repeat scroll center top;}
.subscriptions span.fifteen {background: #FFF url(../i/presentation/15dollars.gif) no-repeat scroll center top;}

.subscriptions #dvd-promo {position: relative; border:1px solid #DEDEDE; float:left; top: -70px; height: 300px; padding:15px; width:250px;}

.subscriptions #dvd-promo p {margin-bottom:30px;}
.subscriptions a.subs-button {background: transparent url(../i/presentation/subs-button.jpg) no-repeat top center; color: #fff; font-size: 1.2em; font-weight: bold; padding: 4px 25px 9px; text-transform: uppercase;}
.subscriptions a.subs-button-red {background: transparent url(../i/presentation/subs-button-red.jpg) no-repeat top center; color: #fff; font-size: 1.2em; font-weight: bold; padding: 4px 25px 9px; text-transform: uppercase;}
.subscriptions a.center-subs-button {background: transparent url(../i/presentation/subs-button.jpg) no-repeat top center; color: #fff; font-size: 1.2em; font-weight: bold; padding: 4px 80px 9px; text-transform: uppercase;}
.subscriptions a.center-subs-button-red {background: transparent url(../i/presentation/subs-button-red.jpg) no-repeat top center; color: #fff; font-size: 1.2em; font-weight: bold; padding: 4px 80px 9px; text-transform: uppercase;}

.bottom_right_border {border-right:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5;}
.bottom_border {border-bottom:1px solid #D5D5D5;}
.right_border {border-right:1px solid #D5D5D5;}

/* ------------------------------------------------------------
+NEW
------------------------------------------------------------ */

.subscriptions2 {color: #333;}
.subscriptions2 ul {color: #039; font-size: 1em; list-style: disc; margin-bottom: 15px; margin-left:0; overflow:hidden; width:100%;}
.subscriptions2 ul li {margin: 5px 15px 5px;}
.subscriptions2 p {background-color: transparent; font-size: 1em; line-height: 1.5em; margin-bottom:15px;}
.subscriptions2 p.bold {font-weight: bold; margin: 0 15px 15px; text-align:center;}
.subscriptions2 .subs-box {border-left:1px solid #D5D5D5; display:block; float:left; margin:18px 0 0; padding:0 18px 18px; width:200px;}
.subscriptions2 .subs-box:first-child {border-left:none;}
h2.subscriptions2 {background:transparent url(../i/presentation/header_icon.gif) no-repeat scroll 0 3px; border-bottom:1px solid #D5D5D5; clear:both; color:#474747; display:block; font-size:18px; font-weight:bold; line-height:1.3; padding:0 0 20px 17px !important;}
.subscriptions2 .subs-box h3 {color: #333; font-size: 1.2em; font-weight: bold; margin: 0 0 10px;}
.subscriptions2 .subs-box h3 a {color: #333;}
.subscriptions2 .subs-box .noborder {border:none!important;}
.subscriptions2 .subs-box .cover {height: 200px;}
.subscriptions2 .subs-box.ngm .cover {background: transparent url(../../../media-live/graphic/cover-ngm-125x179.jpg) no-repeat scroll 32px 10px; /*height:179px; width:125px;*/ margin-top:31px;}
.subscriptions2 .subs-box.ngk .cover {background: transparent url(../../../media-live/graphic/cover-ngk-146x189.jpg) no-repeat scroll 26px 5px; /*height:189px; width:146px;
*/}
.subscriptions2 .subs-box.nglk .cover {background: transparent url(../../../media-live/graphic/cover-nglk-120x131.jpg) no-repeat scroll 40px 34px; /*height:131px; width:120px;*/}
.subscriptions2 .subs-box.ngt .cover {background: transparent url(../../../media-live/graphic/cover-ngt-145x187.jpg) no-repeat scroll 27px 6px; /*height:187px; width:145px;*/ margin-top:31px;}
.subscriptions2 .subs-box.cng .cover {background: transparent url(../i/presentation/complete-ng-193x180.jpg) no-repeat scroll 3px 10px; /*height:179px; width:125px;*/ margin-top:20px;}
.subscriptions2 .subs-box.special .cover {background: transparent url(../../../media-live/graphic/cover-ngm-special-154x195.jpg) no-repeat scroll 23px 2px; /*height:179px; width:125px;*/ margin-top:20px;}
.subscriptions2 .subs-box.games .cover {background: transparent url(http://images.nationalgeographic.com/wpf/media-live/graphic/promo-3rd-lower.jpg ) no-repeat scroll 2px 0; /*height:179px; width:125px;*/ margin-top:20px;}
.subscriptions2 .subs-box.mobile .cover {background: transparent url(http://images.nationalgeographic.com/wpf/media-live/graphic/mobile-195x145.jpg) no-repeat scroll 2px 27px; /*height:179px; width:125px;*/ margin-top:20px;}
.subscriptions2 .subs-box .cover a {display:inline-block; height:100%; position:relative; text-indent:-9999px; top:-66px;}
.subscriptions2 .subs-box .cover .dot-red {background: transparent url(../i/presentation/dot-red-66x66.png) no-repeat scroll left top; display:block; height:66px; position: relative; width:66px;}
/* Position formulas: top = margin-top - 16 (1/4 dot height); left = margin-left + width - 33 (1/2 dot height) - 8 (cover image yellow border width) */
.subscriptions2 .subs-box.ngm .cover .dot-red {left:116px; top:-6px;}
.subscriptions2 .subs-box.ngk .cover .dot-red {left:131px; top:-11px;}
.subscriptions2 .subs-box.nglk .cover .dot-red {left:119px; top:18px;}
.subscriptions2 .subs-box.ngt .cover .dot-red {left:131px; top:-10px;}
.subscriptions2 .subs-box.cng .cover .dot-red {left:130px; top:-10px;} /* Does not follow formula */
.subscriptions2 .subs-box.ngm .cover a {height:179px; margin:10px 0 0 32px; width:125px;}
.subscriptions2 .subs-box.ngk .cover a {height:189px; margin:5px 0 0 26px; width:146px;}
.subscriptions2 .subs-box.nglk .cover a {height:131px; margin:34px 0 0 40px; width:120px;}
.subscriptions2 .subs-box.ngt .cover a {height:187px; margin:6px 0 0 27px; width:145px;}
.subscriptions2 .subs-box.ngm .button,
.subscriptions2 .subs-box.ngk .button,
.subscriptions2 .subs-box.nglk .button,
.subscriptions2 .subs-box.ngt .button {background: transparent url(../i/presentation/button-blue-right-150x26.png) no-repeat scroll right top; color:#0066CC; display:inline-block; font-weight:bold; height:1em; margin:10px 0 16px; padding:5px 26px 10px 0; text-indent:16px;}
.subscriptions2 .subs-box.cng .button,
.subscriptions2 .subs-box.special .button,
.subscriptions2 .subs-box.games .button,
.subscriptions2 .subs-box.mobile .button {background:transparent url(../i/presentation/button-blue-right-150x26.png) no-repeat scroll right top; color:#0066CC; display:block; font-weight:bold; height:1em; margin:10px auto 16px; padding:0 24px 14px 0; width:130px;}
.subscriptions2 .subs-box.ngm .button span,
.subscriptions2 .subs-box.ngk .button span,
.subscriptions2 .subs-box.nglk .button span,
.subscriptions2 .subs-box.ngt .button span {background: transparent url(../i/presentation/dot-blue-72x72.png) no-repeat scroll left top; float:left; height: 72px; position:relative; top:-40px; width:72px;}
.subscriptions2 .subs-box.cng .button span,
.subscriptions2 .subs-box.special .button span,
.subscriptions2 .subs-box.games .button span,
.subscriptions2 .subs-box.mobile .button span {background:url("../i/presentation/button-blue-left-10x26.png") no-repeat scroll left top transparent; display:block; float:left; font-size:1.4em; height:26px; padding:5px 0 0 28px;}
.subscriptions2 .subs-box .button span img {left:17px; position:relative; top:20px;}

.subscriptions2 span.ten {background: #FFF url(../i/presentation/10dollars.gif) no-repeat scroll center top;}
.subscriptions2 span.fifteen {background: #FFF url(../i/presentation/15dollars.gif) no-repeat scroll center top;}

/* Holiday styles */
/*.subscriptions2 a.subs-button {background: transparent url(../i/presentation/subs-button.jpg) no-repeat top center; color: #fff; font-size: 1.2em; font-weight: bold; padding: 4px 25px 9px; text-transform: uppercase;}
.subscriptions2 a.subs-button-red {background: transparent url(../i/presentation/subs-button-red.jpg) no-repeat top center; color: #fff; font-size: 1.2em; font-weight: bold; padding: 4px 25px 9px; text-transform: uppercase;}
.subscriptions2 a.center-subs-button {background: transparent url(../i/presentation/subs-button.jpg) no-repeat top center; color: #fff; font-size: 1.2em; font-weight: bold; padding: 4px 80px 9px; text-transform: uppercase;}
.subscriptions2 a.center-subs-button-red {background: transparent url(../i/presentation/subs-button-red.jpg) no-repeat top center; color: #fff; font-size: 1.2em; font-weight: bold; padding: 4px 80px 9px; text-transform: uppercase;}*/

/*Removing the login link in the header for the subs page*/  
#ssoauth .welcome_msg, #ssoauth .logout, #ssoauth .rpxnow {display: none!important;}