/* ---------------------
 * Home page - www.pgmusic.com - Nov 29 2021
 * ----------------- */

body {
	background-color:#fff;
}

.upper {
	margin-top:30px;
	display: flex;
  	flex-direction: row;
  	flex-basis: 100%;
  	flex: 1;
	justify-content: center;

}

.main-intro {
	width:72%;
}

.newsbits {

}


.main-title {
	margin-bottom: 12px;
}


.main-pkgs-btns {

	margin-top:0px;
	justify-content:space-around;
}

#main-content {
	max-width:1580px
}

#main-videos {


}

.same-width {
	flex: 1;
}


.rowBlock {
	width:auto
}

#biab-2022-head {

}

.biab-is-here {
	font-size:42px;
	font-weight:normal;
}

.biab-2022-heading {
	width: 100%;
	max-width: 503px;
}


.biab-2022-bands-img {
	max-width:850px;
	width:100%
}

.main-tagline {
	margin-top: 20px;
}

.main-tagline h3 {
	color:#AE861D;
	font-weight: normal;
	font-size: 32px;
	text-align: center;
}



/* -----------------
 * General text and Misc
 * Most rules are in general.x.x.css
 * ----------------- */


/* os badges on big bb boxes */
.bb>.os-badge {
	font-size:18px;
	border:2px solid #bbb;
	border-radius: 17px;
	padding: 4px;
}


/* -----------------
 * Section Main
 * ----------------- */

/* Main: Intro image */

/*.main-img img{
	object-fit: cover;
	width: 100%;
	max-width:300px;
}
*/
/* Main: Mantra */

.intro-headline {
  	color:#272927;
  	max-width:100%;
  	font-size:32px;
  	margin: 0;
  	line-height:38px;
  	font-weight:normal;
}

.intro-headline-2 {
	color: #f5ca2d;
	max-width: 100%;
	font-size: 40px;
	margin: 8px 0 16px 0;
	line-height: 38px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #000;
}

.intro-text p {
	font-size: 16px;
	line-height: 30px;
	color: #151515;
	font-weight: normal;
	text-align: center;
	margin: 34px;
}

.main-new-stuff {
	border-radius: 17px 17px;
	margin: 10px 0 20px;
}

.main-new-stuff ul {
	padding: 9px 8px 5px 33px;
}

.main-new-stuff li {
	color: #2A190F;
	font-family: Arial;

	font-weight: bold;

	position: relative;
	font-size: 18px;
	font-weight: normal;
	line-height: 33px;
}

.main-new-stuff li a {
	color: #2F6B91;
	font-weight:bold;
}

.main-new-stuff li a:hover {
	text-decoration:underline;
}

.main-new-stuff li strong {
	color:#A0356F;
}

.intro-text p a {
      text-decoration: underline;
}


.intro-text p a:hover{

}

.intro-text p.special {
	color: #f00;
	font-weight: normal;
	font-size: 16px;
	padding-top:0px;
	line-height:22px;
	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%);
}

.intro-text p.special info {
	color: #f00;
	font-weight: normal;
	font-size: 14px;
	padding-top:0px;
	line-height:22px;
	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%);
}

.intro-text .learnmore {
	text-align:center;
	color: #fff
}

.intro-text .learnmore strong,
.intro-text .learnmore a {
	color:inherit;
}

.intro-text .learnmore a {
	text-decoration: underline;
}

/* Main: Large vid */

.vid-container {
	padding:10px;
}

.lg-vid-cap {
	color: #f5ca2d;
	font-size: 15px;
	margin: 0 0 12px 0;
}

.lg-vid-cap strong {
	color:inherit;
	font-weight:bold;
}

.lg-vid-cap h4 {
	color: inherit;
	font-weight:bold;
	font-size: 18px;
	margin: 0 0 12px 0;

}

.main-lg-vid {
	text-align:center;

}


/* Main: Small vid */

.main-sm-vid-1,
.main-sm-vid-2 {
	text-align:left;
}

.sm-vid-cap {
	color: #f5ca2d;
	font-size: 14px;
	padding: 4px;
	line-height: 20px;
}

.sm-vid-cap strong {
	color:inherit;
	font-weight:bold;
}

.sm-vid-cap h4 {
	color: inherit;
	font-weight:bold;
	font-size: 15px;
	margin: 0 0 12px 0;
}


/* Main: Featured */

.featured-img img{
	width: 100%;
	max-width:355px;
	/*max-height: 100%;  ??*/
}


.main-featured .learnmore,
.main-featured-2 .learnmore {
	text-align: center;
	color: #fff;
}

.main-featured .learnmore a,
.main-featured-2 .learnmore a  {
	text-decoration: underline;
}

.featured-title {
	text-align:center;
	padding: 0 40px 0 0; /* allows space for New sticker */
}

.featured-headline {
	font-size: 16px;
	line-height: 20px;
	color: #f5ca2d;
	margin-bottom: 9px;
}

.featured-vid .sm-vid-cap {
	text-align: center;
	line-height: 20px;
	max-width: 335px;
}

/* -----------------
 * News
 * ----------------- */

section.news {
	border-radius:17px 17px 0 0;
	margin: 10px 10px 40px 40px;
}

.block.news .titleBar {
	border:none;
	font-size:16px;
}


.block.news .fa-plus {
	font-size: 12px;
	color: #B17905;
	margin: 0 4px 0 0;
}

.block .titleBar {
	padding: 12px 10px 8px 8px;
	opacity:1;
	border-radius:17px 17px 0 0;
	font-size:16px;
}

.block .titleBar.blue-bar {
	background:#2F6B91;
}

.block .titleBar.large-title {
	font-size:20px;
}

.block .titleBar.gold-bar {
	background: #AE861D;
}

.block .titleBar a {
	color: inherit
}

.block .titleBar a:hover {
	text-decoration:underline
}

.news .content {
	padding:12px;
}

.block .content {
	border-left:none;
}



.block ul.newsbit {
	list-style: none;
	text-align:left;
}

.block ul.newsbit li {
	color: #271409;
	padding: 3px 4px 8px 30px;
	font: bold 11px/14px arial,Helvetica,Utkal,sans-serif;
 	margin: 8px 0 0 0;
	vertical-align: baseline;
	text-align: left;
	/*white-space: nowrap;*/
	overflow:hidden;
	position:relative;
}

.block ul.newsbit li a {
	color: #2A190F;
   	font-family: Arial;
    	font-size: 12px;
    	font-weight: bold;
      line-height: 15px;
	display:inline;
	position:relative;
}

.block ul.newsbit li .newspost-date-hidden {
	display:none;
}

.block ul.newsbit li .newspost-new {
	color: #0D98A2;
    	display: none;
    	font-size: 12px;
   	font-weight: bold;
    	padding-right: 4px;
	text-transform: uppercase;
}

.block ul.newsbit li a:hover {
	color: #844F00;
}

.block .more-news {
	margin: 8px 0 5px 0px;
	background: url("gfx/Plus_RED_20x20px.png") no-repeat 3px 0px;
	padding: 1px 0 4px 30px;
}

.block .more-news a {
	text-decoration: underline;
	font-weight:bold;
	color: #5A524D;
    font-size: 12px;
	position: relative;
	top: -1px;

}

.block .more-news a:hover { color: #805500; }

/*This fades out the headline text if it is too long
  Note - the vendor prefixes seem to be required here */

/*.block ul.newsbit li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    pointer-events: none;
}*/

/*video testimonials*/

.videotestimonials {
	margin: 12px;
    padding: 1px 4px;
	display: block;
}

.videotestimonials .vidsplash {
}

.videotestimonials .video img {
	width: 100%;
	border: 2px solid white;
	border-radius: 4px;
	box-sizing:border-box;
}

.videotestimonials .caption {
	background: url("gfx/Play_BLUE_20x20px.png") no-repeat 3px 0px;
	color: #2A190F;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	line-height:15px;
	display:block;
	margin: 4px 0;
	padding: 0 0 6px 30px;
	text-align:left;
}

.videotestimonials .more-vids {
    margin: 10px 0 0px 0px;
    text-align: left;
}

/* -----------------
 * News mouseovers (tips)
 * TODO - make new simpler ones
 * ----------------- */

#WzTtDiV {
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	max-width:400px;
	border:1px solid grey;
}

#WzTtDiV .newstip {
	margin: 0 6px;
	color: #5A524D;
	font-family: Arial;
	line-height:14px;
}

#WzTtDiV .newstip-heading {
	margin-bottom: 5px;
}

#WzTtDiV .newstip-date {
	color: #895136;
	font-weight: bold;
	padding-right: 2px;
	text-transform: uppercase;
	font-size: 11px;
}

#WzTtDiV .newstip-title {
	font-weight:bold;
	color: #2D2927;
}

#WzTtDiV .newstip-body, #WzTtDiV .newstip-body p,
#WzTtDiV .newstip-more, #WzTtDiV .newstip-more p   {
	color: #4C4541;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}

#WzTtDiV .newstip-body, #WzTtDiV .newstip-body a,
#WzTtDiV .newstip-more, #WzTtDiV .newstip-more a  {
	color: #4C4541;
	font-weight:bold;
}

#WzTtDiV .newstip-body, #WzTtDiV .newstip-body strong,
#WzTtDiV .newstip-more, #WzTtDiV .newstip-more strong {
	color: #4C4541;
	font-weight:bold;
}

#WzTtDiV .newstip-more {
	margin-top:10px;
}

/* -----------------
 * BBWIN & BBMAC boxes
 * ----------------- */

.bb {
	position:relative; /* allows OS badge and sticker to be positioned. */
	overflow:hidden;
	padding:18px;
	font-size: 15px;
	font-weight: normal;
	line-height: 22px;
	margin: 8px 4px 8px 4px;
}

.bb h3 {
	text-align:center;
	font-size: 22px;
	text-shadow: 1px 0px 0px #888;
	margin: 0 0 6px 0;
	border:none;
	padding: 0 34px; /* prevents from colliding with stickers etc. */
}

.bb h3 a {
	border-bottom:none;
	color: inherit;
}

.bb .learnmore {
	color:#242424;
	text-align:center;
	margin: 0px 0 14px 0;
}

.bb .learnmore a {
	border-bottom: 1px dotted #1E4EBD;
	color: #1B46A9;
	font-weight:bold;
}

.bb .learnmore a:hover {
	color:red;
}

.bb .learnmore.big {
	font-size:17px;
	text-align:center;
}

.bb p {
	margin: 10px 0 15px 0px;
}

.bb a {
	color: #1B46A9;
}

.bb a:hover {
	color:red;
}

.bb .feature {
	line-height: 18px;
	font-size:13px;
	list-style: none;
	margin: 0 0 14px 5px;
}

.bb .feature .desc {
	flex: 0 1 auto;
	margin: 0 20px 0 0;
}

@media only screen and (max-width: 780px) {
	.mobile .bb .feature .desc {margin: 0 6px 0 0;} /*less space between desc and video */
}


.bb .feature .video {
	flex: 1 0 auto;
}

@media only screen and (max-width: 780px) {
	.mobile .bb .feature .video {align-self:center;} /* vertically center video beside description */
}

.bb .special {
	padding: 15px 15px 20px 15px;
	border-radius:4px;
	color:#F5DB82;
	padding: 15px 15px 20px 15px;
	line-height: 25px;
	font-size:15px;
}

.bb .special a {
	color: #fef8e2;
	text-decoration: underline;
	border: none;
}

.bb .special a:hover {
	color: #55A5F4;
}

.bb-vids-wide,
.bb-vids-narrow {
	flex-wrap:wrap;
	margin:18px 0;
}

.bb-vids-full {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
	margin:30px 0 18px;
}

.bb .vid {
	margin:10px;
}

.bb-vids-wide .vid-cap {
	width:230px;
}

.bb-vids-narrow .vid-cap {
	width:175px;
}

.bb .vid-cap {
	max-width: 230px;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	margin-top: 6px;
	cursor:pointer;
}


/* -----------------
 * Responsivity for main layout elements.  There are other media queries
 * throughout the CSS, alongside the applicable base styles
 * ----------------- */

@media only screen and (min-width: 1500px) {
	.special-offers-bubble-1 {
		max-height:430px;
	}
}

@media only screen and (min-width: 1400px) {
	/*.main-img img {
	    object-fit: cover;
	    width: 100%;
	    max-width: 400px;
	}*/
	.intro-text .learnmore a {
	    text-decoration: underline;
	    font-size: 18px;
	}


	.special-offers-bubble-1 ul li {
   	     margin: 9px 0;
	}
}


@media only screen and (max-width: 1225px) {


	.mobile .intro-headline {font-size: 29px;}
	.mobile .sub-headline {font-size: 16px;}
}

@media only screen and (max-width: 1150px) {


	.special-offers-bubble-1 {padding: 9px 12px 15px 12px !important;}
	/* adjust inner grid row heights so there is less whitespace */
	/*.mobile .main-grid-inner {grid-template-rows: .3fr 1.6fr 1.4fr 1.5fr 1fr 1fr}	 	*/
	.mobile .main-grid-inner {grid-template-rows: 50px 300px 360px 220px 160px 140px;}
	/* add bottom part of bblogo image now that it fits */
	.mobile .small-viewport-bblogo {display: block;}
}


@media only screen and (max-width: 1050px) {
	}


@media only screen and (max-width: 820px) {

	.intro-text p {
		/*font-size: 16px !important;
		line-height: 26px !important;*/
	}
	.biab-is-here {font-size:32px}
	.main-tagline h3 {font-size: 26px;}
	/* Hide the big image, full width mantra text, change background so text is legible. */
	.mobile .main-img {display:none}
	.mobile .main-intro.black-ltr-grad {background: linear-gradient(to right, #454141 1%,#0e0e0e 55%);}

}

@media only screen and (max-width: 1000px) {
	/* Hide the big image, left align text, change background so text is legible. */
	.mobile .featured-img {display:none}
	.mobile .main-featured.black-ltr-grad,
	.mobile .main-featured-2.black-ltr-grad {background: linear-gradient(to right, #454141 1%,#0e0e0e 55%);}

}


@media screen and (max-width: 800px) {

	/*  stack bbwin and bbmac boxes */
	.same-width {flex: auto;}
	.mobile .bb-container {flex-wrap:wrap}
	.intro-text p {margin:28px 6px}
}


@media screen and (max-width: 700px) {
	/* stack upper main area and newsbits */
	.mobile .upper { flex-wrap: wrap;}

}

/* section below was inline prior to Nov 2021.. needs sorting
.main-featured .vid-container {
	max-width:none;
}
sup.sm {
	font-size: 52%;
}
.black-bg {
	background:#1f1f1f;
}
/*.main-mantra-1 {margin-top:25px;}*/
    .bottom-blocks-home {
	width:auto;
}
.bb-vids-full .vid-container {
	max-width:none;
}
.block .bbnews ul.newsbit li {
	margin:8px 0;
}
.intro-headline {
	font-size:40px;
	text-shadow:1px 1px 1px #e29803;
	line-height:28px;
}
.bb-special-offers-txt p {
	color:#f5ca2d;
	text-align:left;
}
.bb-special-offers-txt p strong {
	color: #CF2B11;
	font-weight:normal;
	font-size:20px;
}
.special-offers-bubble-1 {
	border-radius:64px;
	line-height: 20px;
	text-align:left;
	font-size: 18px;
	color: #CF2B11;
	font-weight: normal;
	padding: 9px 27px 15px 27px;
}
.special-offers-bubble-1 ul.list-icon {
	padding-left:4px;
}
 @media only screen and (min-width: 1200px) {
 .special-offers-bubble-1 {
 margin-bottom:45px;
 margin-top:10px;
}
}
 @media only screen and (max-width: 490px) {
 .special-offers-bubble-1 {
 line-height: 18px;
 padding: 0;
}
}
 @media only screen and (max-width: 1220px) {
 .special-offers-bubble-1 {
 line-height: 18px;
}
}
 @media only screen and (min-width: 700px) and (max-width: 870px) {
 .special-offers-bubble-1 {
 line-height: 18px;
 padding: 0;
}
}
.special-offers-bubble-1 h4 {
	text-align:center;
	color: #ad261f;
	margin: 10px;
}
.special-offers-bubble-1 ul {
	margin: 0px 20px;
}
.special-offers-bubble-1 ul li {
	font-size:14px;
	margin:11px 0;
}
.special-offers-bubble-1 p {
}
.special-offers-bubble-1 a {
	text-decoration:underline;
	cursor:pointer;
}
.special-offers-bubble-1 a:hover {
	opacity:.8;
}
.special-offers-bubble-1 strong,  .special-offers-bubble-1 strong a {
	color: #ad261f;
}
.special-offers-bubble-1 em {
	color: #242424;
	font-weight:bold;
	font-style:normal;
}
.special-offers-bubble-1 {
	line-height: 21px;
}
.bb-special-new-sticker {
	border: none;
	padding: 7px 0 0 0;
	margin-top: -12px;
	border-radius:20px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
}
.special-offers-bubble-2 {
	max-width: 618px;
	margin: auto;
	line-height: 26px;
	font-size: 15px;
	color: #242424;
	padding:18px 42px;
	border-radius:64px;
	font-weight: normal;
	box-sizing: border-box;
}
.bb .special-offers-bubble-2 a {
	color: #ad261f;
	font-weight:bold;
	text-decoration:underline;
}
.bb .special-offers-bubble-2 a:hover {
	opacity:.8;
}
.bb .special-offers-bubble-2 strong,  .bb .special-offers-bubble-2 strong a {
	font-weight:bold;
	color: #ad261f;
}
.black-check li:before {
	content: "\f00c";
	font-size: 12px;
	color: #242424;
	line-height: 0px;
	margin-bottom: 2px;
	position: relative;
	top: -2px;
	padding: 0px;
}
.top-badge {
	width: 150px;
	height: 150px;
	display: inline-block;
	margin: 10px 4.5% 20px;
	vertical-align: top;
	border-radius: 27px 0 27px 0;
	border: 2px solid white;
	z-index: 3;
	float: left;
}
 @media only screen and (max-width: 1500px) {
 .top-badge {
 margin: 10px 2% 20px;
}
}
 @media only screen and (max-width: 1200px) {
 .top-badge {
 margin: 10px 5px 20px;
}
}
 @media only screen and (max-width: 1060px) {
 .top-badge {
 margin: 10px 2px 20px;
}
}
.top-badge-upper {
	height: 53px;
	width: 130px;
	text-align: center;
	margin: 0;
	padding: 10px 10px;
	border-radius: 25px 0 0 0;
	border-bottom: 2px solid white;
	z-index: 2;
}
.top-badge-lower {
	height: 45px;
	width: 130px;
	text-align: center;
	background: #272927;
	margin: 0;
	padding: 15px 10px;
	border-radius: 0 0 25px 0;
	z-index: 2;
}
.top-badge-title {
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 22px;
}
.top-badge-subtitle {
	font-family: "Fjalla One", sans-serif;
	font-weight: normal;
	text-align: center;
	color: white;
	margin: 0;
	font-size: 17px;
}
.red .top-badge-upper {
	background: #DC514E;
}
.green .top-badge-upper {
	background: #2ecc71;
}
.gray .top-badge-upper {
	background: #95a5a6;
}
.yellow .top-badge-upper {
	background: #f1c40f;
}
.blue .top-badge-upper {
	background: #3498db;
}
.gold .top-badge-upper {
	background: linear-gradient(45deg, #bb832d 2%, #F5C20A 49%, #bb832d 91%);
}
#WzTtDiV {
	/* important for tooltips not to get cut off.  Need to remove max-width from home .css */
		max-width:600px;
	padding-right:10px;
}

	/* minor tweak for top bubble -- add to home .css */
	@media only screen and (max-width: 12800px) {
 .special-offers-bubble-1 ul li {
 margin: 5px 0;
}
}
 @media only screen and (max-width: 1230px) {
 .special-offers-bubble-1 ul li {
 margin: 10px 0;
}
}
 @media only screen and (max-width: 1100px) {
 .special-offers-bubble-1 ul li {
 margin: 5px 0;
}
}
.top-bubble p, .top-bubble a {
	font-size: 15px;
line-height:
}
.top-bubble h4 {
	color: black;
}
.top-bubble a {
	text-align: center;
}

.gold-bubble-buy-button {
	display:inline-block;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #b8b8b8));
	background:-moz-linear-gradient(top, #ededed 5%, #b8b8b8 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #b8b8b8 100%);
	background:-o-linear-gradient(top, #ededed 5%, #b8b8b8 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #b8b8b8 100%);
	background:linear-gradient(to bottom, #ededed 5%, #b8b8b8 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#b8b8b8', GradientType=0);
	background-color:#ededed;
	border-radius: 7px;
	min-width: 72px;
	text-align: center;
}
/* NEW BUTTONS */

  a.button-link {
	display:inline-block;
}
.button-big {
	height: 35px;
	-moz-box-shadow: 1px 3px 4px -2px #899599;
	-webkit-box-shadow: 1px 3px 4px -2px #899599;
	box-shadow: 1px 3px 4px -2px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #b8b8b8));
	background:-moz-linear-gradient(top, #ededed 5%, #b8b8b8 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #b8b8b8 100%);
	background:-o-linear-gradient(top, #ededed 5%, #b8b8b8 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #b8b8b8 100%);
	background:linear-gradient(to bottom, #ededed 5%, #b8b8b8 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#b8b8b8', GradientType=0);
	background-color:#ededed;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:13px;
	font-weight: bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
	text-align: center;
	overflow: hidden;
}
.button-big:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8b8b8), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #b8b8b8 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #b8b8b8 5%, #ededed 100%);
	background:-o-linear-gradient(top, #b8b8b8 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #b8b8b8 5%, #ededed 100%);
	background:linear-gradient(to bottom, #b8b8b8 5%, #ededed 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#ededed', GradientType=0);
	background-color:#b8b8b8;
}
.button-big:active {
	position:relative;
	top:1px;
}
.button-big .price {
	vertical-align: top;
	padding: 7px 4px 9px 9px;
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
	float: left;
}
.button-big .old-price {
	vertical-align: top;
	padding: 7px 0 9px 9px;
	display: inline-block;
	font-weight: bold;
	text-decoration: line-through;
	font-size: 18px;
	float: left;
}
.button-big .sale-price {
	vertical-align: top;
	padding: 7px 4px 9px 5px;
	display: inline-block;
	font-weight: bold;
	color: red;
	font-size: 18px;
	float: left;
}
.button-big .text {
	text-transform: uppercase;
	vertical-align: top;
	padding: 10px 20px;
	display: inline-block;
	text-align: center;
	min-width: 120px;
}
.button-big .graphic {
	float: right;
	margin-left: 4px;
	line-height: 35px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	display: inline-block;
	text-align: center;
	width: 40px;
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
.button-big:hover .graphic {
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #45484d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #000000 0%, #45484d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #000000 0%, #45484d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d', GradientType=0 ); /* IE6-9 */
}
.button-big .graphic .arrow {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 14px solid #f2bf0b;
	margin: 8px 12px 8px 13px;
}
.button-big .button-width-fix-50 {
	min-width: 50px;
}
.button-big .button-width-fix-70 {
	min-width: 70px;
}
.button-big .button-width-fix-90 {
	min-width: 90px;
}