/* ----------------
 * bbwin.packages.*.htm
 * bbmac.packages.*.htm
 * Oct 2018 v2.8 - updated
----------------*/


/*------------
 MISC
  ------------*/

h2 {
	padding-left:7px;
}

h2 img {
	position: relative;
	top: -7px;
}



/*------------
  ABOVE CHART
  ------------*/

#pkgs-above-chart > .flex-grid {
	align-items: center;
	margin:15px;
}

#pkgs-main-image img{
	width: 100%;
}

/*.packages #pkgs-above-chart #pkgs-other {
	width:53%;
	float:right;
	margin-top: 18px;
}*/

#pkgs-other-new-box {
	padding:0;
	margin:0 0 10px 0;
	border-radius: 15px;
	border: solid 2px #AAABAC;
	background: linear-gradient(45deg,  #d7d8d9 0%,#f1f2f2 48%,#cbcbcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#pkgs-other-new-box h3 {
	border-radius: 15px 15px 0 0;
	text-align:center;
	margin:0px;
	background: #333435;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding:4px 0;
}

#pkgs-other-new-box p {
	margin:14px;
}

#pkgs-other-new-box p a {
	color:#AC8200;
}

#pkgs-other-new-box p a:hover {
	text-decoration:underline;
}



/*#pkgs-other-omni #omni-desc  {
	width:70%;
	float:left;
	margin: 12px 0 5px;
}
*/
.packages #pkgs-above-chart #pkgs-other-omni #omni-desc h3  {
	font-weight:bold;
	font-size:20px;
	margin:4px 0;
	color:#AC8200;
	font-weight:bold;
}

.packages #pkgs-above-chart #pkgs-other-omni #omni-desc a {
	color:#AC8200;
}

/*.packages #pkgs-above-chart #pkgs-other-omni #omni-image {
	width:18%;
	float:left;
}*/

.packages #pkgs-above-chart #pkgs-other-omni #omni-image img {
	margin-top:20px;
}


/* ------------
   MEDIA TYPES
   ------------*/

.media-type-legend {
	margin:10px 0 15px;
	font-size:14px;
	background:#DADBDC;
	/*text-align: center;*/
}

.media-type-legend > div {
	width:200px;
	margin: 10px auto;
}

.media-type-legend > div:last-child {
	text-align:center;
}

.media-type-legend .mediatypeicon {
	margin:0 1vw 0 0;
}

.media-type-legend .mediatypedesc {
	margin-right:20px;
	/*margin-left:4px;
	position: relative;
    	top: -8px;*/

}

.media-type-legend-full {
	margin:30px 0 10px 0;
	border-radius: 15px;
	padding:0;
}

.media-type-legend-full-left {
    width:44%;
	float:left;
}

.media-type-legend-full-right {
	width:43%;
	float:right;
}


.media-type-legend .mediatypefullexp {
	font-weight:bold;
	text-decoration:underline;
	color:#0C5AB7;
	font-size:14px;
/*	position:relative;
	top:-8px;*/
}

.media-type-legend-full {
    -webkit-border-radius: 10px 10px 0 0;
	border-radius: 15px 15px 0 0;
	/*border:2px solid #888;*/
	font-size:14px;
	line-height:18px;
	padding: 0;
	margin: 30px 0 10px;
}

.media-type-legend-full h3 {
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	text-align:center;
	margin:0px;
	background: #99999B;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	padding:7px 0;
}

.media-type-legend-full-note {
	font-weight:bold;
	margin:0px 0 10px 0;
	text-align:center;
}

.media-type-legend-full-content {
	margin:10px 0 0 0;
	padding:6px 20px;
}

.media-type-legend-full .mediatype {
	margin: 10px 0px 18px;

}

.media-type-legend-full .mediatypedesc {
	position: relative;
	top: -4px;
	line-height:18px;
}

.media-type-legend-full .mediatype .mediatypeicon {
	width:55px;
	float:left;
}

.media-type-legend-full .mediatype .mediatypeicon img,
.media-type-legend .mediatypeicon img {
	width:38px;
}

.media-type-note {
	font-size: 14px;
	position: relative;
	text-align: center;
	margin-bottom:25px;
}

.mediatypebacktochart {
	text-align:center;
	margin:10px;
	font-weight:bold;
	clear:both;
	font-size:15px;
}


/* ------------
   TABLES
   ------------*/

/* should UltraPAK+ column be displayed?*
 * also increment colspan by one
 * for 1st and 5th rows in the html
 * also 16 and 14 % for the col widths
 */
bbwin .pkgultpl {display:table-cell}
/*.bbwin .pkgultpl {display:none}*/
/*.bbmac .pkgultpl {display:none}*/

.pkghd {display:inline} /* display regular headings */
.pkghd_m {display:none} /* hide mobile headings */

/*.fullchart {display:block}
.mobilechart {display:none}*/



/* ------------
   TABLES : HEADINGS,
   CONTENT, BACKGROUNDS
   ------------*/


.pkgtable {
    margin:auto;
    border:0;
    /*border-collapse:collapse;*/
    width:100%;
    text-align:center;
    margin: 2px auto 5px auto;
}



/*pkg table headings*/
table.pkgtable tr.pkgtableheading td {
	border-radius: 15px 15px 0 0;
}


/*table - main gradient*/
table.pkgtable tr.pkgtablemain {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8d8a9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #e8d8a9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#e8d8a9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffffff 0%,#e8d8a9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8d8a9',GradientType=1 ); /* IE6-9 */
    background-attachment:fixed
}

table.pkgtable tr.pkgtableheading td.pkgtabletype {
	background: #57585A;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

table.pkgtable tr.pkgtableheading td.pkgpro {
	background: #CFAF66;
}

table.pkgtable tr.pkgtableheading td.pkgmeg {
	background: #C6A34E;
}

table.pkgtable tr.pkgtableheading td.pkgult {
	background: #B58D1D;
}

table.pkgtable tr.pkgtableheading td.pkgultpl {
	background: #B0891E;
}

table.pkgtable tr.pkgtableheading td.pkgaud {
	background: #AC8200;
}

table.pkgtable tr.pkgtableheading td.pkgauddl {
	background: #936f00;
}

table.pkgtable tr.pkgtableheading td.pkgplu {
	background: #CFAF66;
}

table.pkgtable tr.pkgtablemain td.pkgrowheading {
	background: #ECECED
}

table.pkgtable tr.pkgtablemain td.pkgplu {
	background: #F5EEDE
}

table.pkgtable tr.pkgtablemain td.pkgrowheading em {
	font-style:italic;
	color:#AC8200;
	font-weight:normal;
	font-size: 15px;
	line-height:18px;
}

table.pkgtable tr.pkgtablemain td.pkgrowmain em {
	font-style:italic;
	color:#AC8200;
	font-weight:bold;
	font-size: 16px;
}

table.contenttable tr.pkgtablemain td.pkgrowmain em, .pkgtable-footnote {
	font-style:italic;
	color:#AC8200;
	font-weight:bold;
	font-size: 14px;
}

table.contenttable tr.pkgtablemain td.pkgrowheading {
	font-size:15px;
	line-height:20px;
}



/* ------------
   TABLES : BUTTONS
   AND POPUPS
   ------------*/


.buy_button {
	position:relative;
	width:91px;
	height:95px;
	margin: auto;
	padding: 5px 0px 0px 0px;
	margin-top: 5px;
	/*for ie */
	/*padding-left:0px;
	#right:30px;*/
}

.contenttable .buy_button {
	height:75px;
}

.price {
	color: #000 !important;
}
.buy_button .price {
	padding-top:0px;
	position:absolute;
	display:block;
	width:91px;
	height:95px;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(255,255,255, 1);
}
.buy_button .specialprice {
	padding-top:4px;
	position:absolute;
	display:block;
	width:91px;
	height:95px;
	font-weight: bold;
	font-size: 11px;
	margin-top: -13px;
}
.buy_button a span p  b {
    display:none;
}
.buy_button a span li{
    display:none;
}
.buy_button a span ul{
    display:none;
}
a span .popup {
    display:none;
}
a:hover span .popup {
    background: #f9fcfd;
    border:#dfdfdf 1px solid;
    color:#000;
    width:250px;
    display:inline-block;
    padding:10px;
    position:absolute;
    z-index:1;
    text-align:left;
    left:70px;
    top:80px;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,.6) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,.6) 1px 1px 2px; box-shadow: rgba(0,0,0,.6) 1px 1px 2px;
}

.realcombos-link span strong {
	color: #004fc3;
	font-size:14px;
}

.realcombos-link span strong:hover {
	color:red;
}

.megacombospop {
	top:55px !important;
	left:-200px !important;
	width:800px !important;
}

.pluspakpop {
	left:-170px !important;
}

.audiophilepop {
	left:-105px !important;
}

.megacombospop-cols {
	margin: 15px 0;
}

.megacombospop-cols .megacombospop-col {
	float:left;
	width:220px;
	padding-right:20px;
}

.megacombospop-cols .megacombospop-col:first-child {
	width:280px;
}

.megacombospop-col {
  width: 200px !important;
}
.megacombospop {
  width: 660px !important;
}

.audiophile {
	left: -101px;
}

a:hover span .popup p * {
    display: inline-block;
}

a:hover span .popup p {
    margin:0;
}

a:hover span .popup p.bands {
    margin:0px 0px 10px 20px;
	font-size:12px;
	line-height:15px;
}

a:hover span .popup li {
    background: url(gfx/listbullet.png) no-repeat 0px 3px;
	  border:none;
	  margin-left:0px;
	  padding-left:18px;
    font-size:12px;
    line-height:15px;
    display: block;
}
a:hover span .popup ul {
    margin:5px;
    display: inline-block;
}

.link-button {
  width: 188px;
  height: 50px;
  /*border: 4px solid white;*/
  border-radius: 5px;
  text-align: center;
  line-height: 50px;
  padding: 0;
  margin: 0;
  background: radial-gradient(circle, white, #c9cacc);
  margin-top: 4px;
}
.link-button a {
  color: black !important;
  font-weight: bold !important;
}
#videos-info-links {
	margin:0px 0px 15px 0px;
	padding:15px;
	border: 1px solid grey;
	border-radius: 7px;
}

#videos-info-links h3 {
	margin-top: 0;
	text-align:center;
	padding-bottom:10px;
}

#videos-info-links .video {
	margin:0 0 14px 0;
}

#pkgs-other-omni {
  	margin: 4px 13px 4px 0;
}

#omni-image img {

    max-width: 230px;
	}
/*#omni-image {
  	margin-top: 60px !important;
}*/
/*#omni-desc {
  margin-top: 0 !important;
  width: 61% !important;
}*/
#omni-desc p {
  line-height: 30px !important;
  font-size: 18px !important;
}
#omni-desc h3 {
  margin-top: 0;
  margin-bottom: 15px !important;
  font-size: 25px !important;
}
.videos-info-left {
  float: left;
  padding: 0px 10px 0px 0px;
  width: 190px;
  height: auto;
  overflow: hidden;
}
.videos-info-right {
  float: right;
  padding: 0;
  width: 190px;
  height: auto;
  overflow: hidden;
}

#pkgs-chat-btn {
	margin: 10px 0 20px 0;
	display:none;
}

#pkgs-chat-txt {
	float:left;
	font-weight:bold;
}

#liveHelpPackages {
	float: left;
	color: #fff;
	font-weight: bold;
	padding: 6px 10px;
	border-radius: 6px;
	cursor: pointer;
	box-shadow: 1px 1px 1px 1px #ddd;
	position: relative;
	margin: -5px 0 0 7px;
}

/* ------------
   TABLES : SOME OLDER
   CSS, SOME STILL USED.
   NEED TO CLEAN.
   ------------*/


#pkg-contents-container {
	width:300px;
	float:left;
	margin-left:20px;
}

.text #pkg-contents-container h3 {
	margin-top:0px;
}

.bbwin #pkg-contents-container ul {
	margin-left:0px;
}

.bbwin #pkg-contents-container ul.pkg-contents-compressed li {
    background: rgba(0, 0, 0, 0) url("gfx/listbullet_link_blue.png") no-repeat scroll 5px 5px;
    list-style: outside none none;
    margin: 0 0 4px 2px;
    padding-left: 20px;
    padding-right: 10px;
    width: 300px;
}

#bblogo-splash {
	width:200px;
	float:left;
	margin:10px 0 0 0;
}

.pkgtable-indiv td.pkgl {
	padding: 0 0 0 4px;
}

.bbwin_pkg_pluspak .pkgtable-indiv,
.bbmac_pkg_pluspak .pkgtable-indiv
 {
	width:38%;
	margin: 25px 23px 28px 24px;
}

.bbwin_pkg_pluspak td.pkgl,
.bbmac_pkg_pluspak td.pkgl
 {
    padding: 0 6px;
}

.bbwin_pkg_pluspak img.pluspak,
.bbmac_pkg_pluspak img.pluspak {
	float:right;
	position:relative;
	top:-34px;
	left:-18px;
}

.pkgtable-indiv a {
	display:block;
}

.pkgtable-indiv td.topleft {
 -moz-border-radius: 6px 0px 0px 0px; -webkit-border-radius: 6px 0px 0px 0px; border-radius: 6px 0px 0px 0px;

}

.pkgtable-indiv td.topright {
 -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; border-radius: 0px 6px 0px 0px;
}

.pkgtable-indiv td.bottomright {
 -moz-border-radius: 0px 0px 6px 0px; -webkit-border-radius: 0px 0px 6px 0px; border-radius: 0px 0px 6px 0px;
}

.pkgtable-indiv td.bottomleft {
 -moz-border-radius: 0px 0px 0px 6px; -webkit-border-radius: 0px 0px 0px 6px; border-radius: 0px 0px 0px 6px;

}


.pkgtable-indiv td.pkgrow2 {background-image:none}


.pkgtable td {
    padding:10px 0;

}
.dropshadow {
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
}

td.pkgtop {
    color:#fff;
    font-weight:bold;
    height:50px;
}


td.pkgtop a,
td.pkgtop a > span,
td.pkgtr a {
    color:#fff;
}

td.pkgtop a:hover,
td.pkgtr a:hover {
    color:#fff;
	text-decoration:underline;
}

td.pkgbl {
    -moz-border-radius-bottomleft:15px;
    padding: 20px 0 20px 0;
}
td.pkgbr {
    -moz-border-radius-bottomright:15px;
}
td.pkgl {
    border-left:0px solid #aaa;
    padding: 20px 5 20px 5px;
}
td.pkgr {
    border-right:0px solid #aaa;
}

td.tl {
    border-top-left-radius:15px;
}
td.tr {
    border-top-right-radius:15px;
}
td.bl {
    border-bottom-left-radius:15px;
}
td.br {
    border-bottom-right-radius:15px;
}


.dl {background:url("gfx/2025pkgdl.png") no-repeat top center;}
.fd-dl {background:url("gfx/2025pkgfd-dl.png") no-repeat top center;}
.dvd {background:url("gfx/2017pkgdvd_dl.png") no-repeat top center;}
.dvd-dl {background:url("gfx/2017pkgdvd-dl-fd.png") no-repeat top center;}
.cd {background: url("gfx/2017pkgdvd_dl.png") no-repeat top center;}
.hd {background:url("gfx/2017pkghd.png") no-repeat top center;   }
.ssd {background:url("gfx/2025pkgssd.png") no-repeat top center;   }
.hd-dl {background:url("gfx/2025pkghd-dl.png") no-repeat top center;  }
.nobg {background:none important!;}

.smaller {
    font-size:75%;
}
.vpad {
padding: 12px !important;
}
.drops {
    text-shadow: 1px 1px 1px #666;
}

.strike {
	text-decoration: line-through;
	display:block; /*line break before and after*/
}

.price-new {
	color:#D82F26;
}

.price-until {
	color:#D82F26;
	font-size:12px;
}

.special {
	color:red;
	font-weight:bold;
	font-size:13px;
	display:block;
	margin-top:-1px;
}
.requires {
	color:#0c5aa6;
    font-size:90%;
    text-shadow: 1px 1px 2px #fff;
}

.drops {
    text-shadow: 0px 0px 0px #000;
}
td.pkgl {
    border-left:0px solid #aaa;
    padding: 0 10px;
}
tr:hover td.requires{
	font-size:105%;
}
.asterisk{font-size:10px}

/* -------------------------------------------------------
   POP-UP from text similar to packages pop-ups,
   the tt solution is poorly implemented
   --------------------------------------------------------*/
.poptext {
    border-bottom: 1px dashed #00F;
    position: relative;
}
.poptext:hover {
    border-bottom: 1px dashed #F00;
    color: #F00;
}
.poptext .pop {
    display: none;
}
.poptext:hover .pop {
    display: block;
    position:absolute;

    top: 20px;
    left: -10px;

    background: #f9fcfd;
    border:#dfdfdf 1px solid;
    color:#000;
    width:250px;
    padding:10px;

    z-index:100000;

    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,.6) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,.6) 1px 1px 2px; box-shadow: rgba(0,0,0,.6) 1px 1px 2px;
}

/*educational packages are available here*/
#educational {
    font-size: 16px;
    font-weight: bold;
    margin: 26px 0 6px;
    text-align: center;
}


/*RealTracks hours tooltips for table heading*/

.pkgtable a:hover span .hours-pop {text-shadow: 0 0 0 #000; text-align:center; top:690px;}
.pkgtable a:hover span .hours-pop p{font-size:18px;}
.pkgtable a:hover span .pro-hours-pop {left:160px;}
.pkgtable a:hover span .mega-hours-pop {left:260px;}
.pkgtable a:hover span .ultra-hours-pop {left:450px;}
.pkgtable a:hover span .audiophile-hours-pop {left:630px;}
.pkgtable a:hover span .audiophiledl-hours-pop {left:630px;}
.pkgtable a:hover span .plus-hours-pop {left:700px;}



/*fix hours popup for mac*/
.bbmac .pkgtable a:hover span .hours-pop {top:100px;}



/*package comparison table*/

table.pkg-compare {
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border-collapse: collapse;
}

table.pkg-compare{
    border: medium none;
    margin: 13px 0 28px 12px;
    width: 890px;
}

table.pkg-compare th{
	border: 1px solid #DBDBDB;

}

table.pkg-compare td {
	border: 1px solid #DBDBDB;
}

table.pkg-compare tr th.col1 {
	border:none;
}

table.pkg-compare tr td.col1 {
    border:none;
}

table.pkg-compare tr.row1 {border-top:none}

.pkg-compare tr th {
	padding:10px 0;
	font-weight:normal;
	font-size:24px;
	color:#ffffff;
	text-shadow: 0 1px 1px #333333;
}

.pkg-compare tr th a{
	color:#ffffff;
}

.pkg-compare tr th a:hover{
	color:#ffffff;
}

.pkg-compare tr td {
    padding: 10px 10px 8px 60px;
	text-align:left;
	font-size:16px;
}

.pkg-compare tr td .all {
	float:right;
	padding-right:14px;
	font-size:20px;
	font-weight:600;
	color:#0CA009;
}

.pkg-compare tr td:first-child {
	text-align:left;
	padding: 8px 10px
}

.pkg-compare tr td:first-child a{
    color: #242424;
    font-weight: 600;
}

.pkg-compare tr td:first-child a span {
    color: #1070B6;
    font-size: 16px;
    font-weight: bold;
	padding-left:8px;
    text-decoration: none;
}

.pkg-compare tr.row2 td.col1 .allpkgs{
	color:#242424;
	text-shadow:0 0 0;
	font-size:26px;
	font-weight:600;
	text-align:left;
	position:relative;
	top:-30px;

}

.pkg-compare tr.row2 td.col1 .allpkgs #realband-note{
	font-size:14px;
	font-weight:400;
	font-style:normal;
	margin:8px 0 0 0;
}

.pkg-compare tr.row2 td.col1 .allpkgs #realband-note strong {
	font-weight:600;
}


.pkg-compare tr.row2 td.col1 .allpkgs #realband-note a {
	color:#29546D;
	text-decoration:underline;
}


.pkg-compare tr.row2 td.col1 .allpkgs ul{
	margin: 2px 0;
}

.pkg-compare tr.row2 td.col1 .allpkgs ul li{
	font-weight:bold;
	background:none;
	padding:0 0 10px;
}

.pkg-compare tr.row2 td {
    color: #FFFFFF;
    font-size: 44px;
    font-weight: normal;
    padding: 9px;
    text-align: center;
    text-shadow: 0 1px 1px #333333;
}

.pkg-compare tr.row2 td .dollar {
	color:#ffffff;
	font-size: 18px;
	text-shadow: 0 1px 0px #333333;
	position:relative;
	top:-20px;
	left:-5px;
}


/*alternating row colours*/

.pkg-compare tr.darkrow td {
	background: none repeat scroll 0 0 #ededed;
}

.pkg-compare tr.lightrow td {
	background: none repeat scroll 0 0 #f6f6f6;
}


/* ------------
   PREVIOUSLY DESIGNS
   MAY BE USEFUL
   ------------*/


.everything-in-5 {
	max-width:500px
}

.everything-in-5 .ei5_vid {
 	padding: 10px;
	margin-bottom:6px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border: 2px solid #aa7304;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bcbcbc+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-radial-gradient(top center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(top center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at top center,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.everything-in-5 .ei5_vid .ei5_vid_cap {
	float:left;
	width:58%;
	line-height:18px;
	color: #242424;
	font-size: 14px;
    font-weight: normal;
    text-align:center;
	padding:10px 4px 10px 0;
}

.everything-in-5 .ei5_vid .ei5_vid_cap strong {
	font-weight:bold;
	font-size:15px;
}

.everything-in-5 .ei5_vid .ei5_vid_vid {
	float:left;
	width:40%;
	font-size: 14px;
	line-height:18px;
}

.everything-in-5 .ei5_vid .ei5_vid_vid a {
	display:block;
	text-align:right;
}

.everything-in-5 .ei5_vid .ei5_vid_vid a img,
#main .everything-in-5 .ei5_vid .ei5_vid_vid a img {
	display:block;
	text-align:right;
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	float:none;
}


.boxed-grey-grad {
	background: radial-gradient(ellipse at top center, rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%);
	display: inline-block;
	border-radius: 4px 4px 4px 4px;
	padding: 9px;
	margin: 10px auto 20px;
	border: 2px solid #888;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}

.want-it-all, .other-prod-avail {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bcbcbc+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-radial-gradient(top center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(top center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at top center,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	display:block;
	/*box-shadow:0px 0px 6px #000;*/
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding:9px;
	margin: 0 0 0 10px;
	float:left;
	border:2px solid #888;
	font-size:14px;
	line-height:18px;
}

.other-prod-avail {
	width:53%;
	margin-right:10px;
}

.text .boxed-yellow-on-black {
	float:left;
	width:70%;
	margin: 0 0 10px 0;
	padding: 8px 16px 4px 0;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,111111+88,1c1c1c+91,131313+100 */
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(76,76,76,1) 0%, rgba(17,17,17,1) 88%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(76,76,76,1) 0%,rgba(17,17,17,1) 88%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(76,76,76,1) 0%,rgba(17,17,17,1) 88%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.text .boxed-yellow-on-black p,
.text .boxed-yellow-on-black ul li{
	font-size:14px;
	line-height:22px;
	color: #f5ca2d;
	font-weight: normal;
	margin-bottom:8px;
}

.text .boxed-yellow-on-black h4 {
	text-align:center;
	font-size:18px;
	color: #f5ca2d;
	font-weight: bold;
	margin-bottom:8px;
}

.boxed-yellow-on-black p a,
.boxed-yellow-on-black ul li a{
	color: #fef8e2;
    text-decoration: underline;
	border:none;
}

.boxed-yellow-on-black p a:hover,
.boxed-yellow-on-black ul li a:hover{
	color:#f5ca2d;
}

.want-it-all {
	width:24%;
	line-height: 21.5px;
}


@media only screen and (max-width: 700px) {
	/*.fullchart {display:none}
	.mobilechart {display:block}*/
	a:hover span .popup {display:none;} /* hide popups, not usually useful for small screens.  TODO should have info button */
	.buy_button, .buy_button .price, .buy_button .specialprice {width:100%; font-size:12px;}
	table.pkgtable tr.pkgtableheading td {border-radius: 5px 5px 0 0;}
	.rowBlock .fullBlock {padding: 16px 4px;}
	.pkghd {display:none} /* hide regular headings */
	.pkghd_m {display:inline} /* display mobile headings */
	.pkgtable *, table.pkgtable tr.pkgtablemain td.pkgrowmain em,
	table.pkgtable tr.pkgtablemain td.pkgrowheading em, .realcombos-link span strong,
	table.contenttable tr.pkgtablemain td.pkgrowheading {font-size:12px}
	.dvd {background:url("gfx/2017pkgdvd_dl_mobile.png") no-repeat top center;}
	.dvd-dl {background:url("gfx/2017pkgdvd-dl-fd_mobile.png") no-repeat top center;}
	.cd {background: url("gfx/2017pkgdvd_dl_mobile.png") no-repeat top center;}
	.hd {background:url("gfx/2017pkghd_mobile.png") no-repeat top center;   }
	.hd-dl {background:url("gfx/2017pkghd-dl_mobile.png") no-repeat top center;  }
}


.popup-link-to-bonuspak {
	color: #004fc3;
	text-decoration:underline;
	cursor:pointer;
}

.popup-link-to-bonuspak:hover {
	color: #D82F26;
}


#videos-info-links .full-rect {
	margin-right:10px;
}

#videos-info-links .full-rect div {
	width:100%;
}


#videos-info-links .full-rect .video {
	width:100%;
	max-width:none;
	font-size:20px;
}

.text #videos-info-links a:hover {
	text-decoration:none;
}


#nav_tabs li {
    height:43px;
    max-width: 130px;
}