/* General Styles
*  www.pgmusic.com
*
*
*
----------------------------------*/

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline-style: none;
	color: #242424;
}

body {
	font-family: Arial,Verdana,sans-serif; 
}

a {
	text-decoration: none; 
	cursor: pointer;
}

/*links to anchor tag need to be offset due to fixed header*/
a[name], .realtracks .rowBlock a[id] {
	display:block;
	position:relative;
	top: -120px;
	visibility:hidden;
}

/*some anchor tags need to be exempt, like flash player*/ 
a[id=audioPlayer], .realtracks .rowBlock a[id=audioPlayer] {
	display: inline;
    position: relative;
    top: 0;
    visibility: visible;	
}

body {
	background:url(gfx/bg_body2.png) repeat-x top left;
	background-color: #f3f6f7;
}

b,i,em,u,strong,font,sup{
    color: inherit;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 60px;
}

#header-bg {
	background: #2c2c2c; /* Old browsers */
	background: -moz-linear-gradient(top,  #2c2c2c 0%, #424244 50%, #393a3b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2c2c), color-stop(50%,#424244), color-stop(100%,#393a3b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2c2c2c 0%,#424244 50%,#393a3b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2c2c2c 0%,#424244 50%,#393a3b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2c2c2c 0%,#424244 50%,#393a3b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2c2c2c 0%,#424244 50%,#393a3b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#393a3b',GradientType=0 ); /* IE6-9 */

	height: 60px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

#header-content,
#nav_main-content {
    top: 0;
	margin:0 auto;
	width:960px;
    z-index: 1000;
}

#nav_main-bg {
	background: #d9dfe1; /* Old browsers */
	background: -moz-linear-gradient(top,  #d9dfe1 0%, #8b99a8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dfe1), color-stop(100%,#8b99a8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d9dfe1 0%,#8b99a8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d9dfe1 0%,#8b99a8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d9dfe1 0%,#8b99a8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d9dfe1 0%,#8b99a8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dfe1', endColorstr='#8b99a8',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 4px 22px #999; -moz-box-shadow: 0px 4px 22px #999; box-shadow: 0px 4px 22px #999;
	height: 52px;
	left: 0;
	position: fixed;
	top: 60px;
	width: 100%;
	/*z-index: 999; aug5-14*/
	z-index: 998;
}

/*Social media header icons*/

#head-social-media {
	/*position: absolute;
	right: 0px;
	top: 32px;*/
	display:block;
	float:right;
	width:105px;
}

#head-social-media span {
	width: 26px;
	height: 26px;
	float: right;
	display: block;
	margin: 2px -3px 0 6px;
}

#head-social-media .facebook {
	/*background: url(gfx/icon_facebook.png) no-repeat top left;*/
	background: url(gfx/icon_facebook_22.png) no-repeat left 3px;
}

#head-social-media .twitter {
	/*background: url(gfx/icon_twitter.png) no-repeat top left;*/
	background: url(gfx/icon_twitter_22_2.png) no-repeat left 3px;
	
}

#head-social-media .yt {
	/*background: url(gfx/icon_youtube.png) no-repeat left 3px;*/
	background: url(gfx/icon_youtube_22_2.png) no-repeat left 3px;
}

/*Social media share bar (www.addthis.com)*/

.at4-share-title {
	font-size: 14px;
    padding: 4px;
    text-align: center;
}

/*
div#at4-share {
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 7px #999; -moz-box-shadow: 0px 0px 7px #999; box-shadow: 0px 0px 7px #999;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	padding:4px;
		
}*/



#main-content {
	margin-top:108px;
	padding-top:4px;
	background-color: #f3f6f7;
}

.fixedwidth960 {width:960px; margin:0 auto;}

/* Main Navigation
----------------------------------*/

#nav_main {
	margin: 0px 0px 0px 0px;
	height: 52px;
	overflow:hidden;
	background: none;
	border-left: medium none;
	border-radius: 0;
	border-right: medium none;
	border-top: medium none;
	box-shadow: 0 0 0;
}

.sideline_box {
	border-top: 1px solid #cbd5da;
	border-left: 1px solid #cbd5da;
	border-right: 1px solid #cbd5da;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
	font-size: 7px;
	padding: 10px 8px 8px 8px;
}

#nav_main ul {
	list-style: none;
	display: table;
	height: 44px;
	overflow: hidden;
}


#nav_main ul li {
	float: left;
	border-right: 1px solid #a6b6bf;
	border-left: 1px solid #e5eaec;
	
		/* ie vertical align hack */
		#position: relative;

}

#nav_main ul li:first-child {
	border-left: none;
	-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
}

#nav_main ul li.last {
	border-right: none;
	-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
	-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;	
}

#nav_main ul li:hover {
	background: url(gfx/bg_nav_hover_2.png) repeat-x top left;
}

/*Highlight the currrent page*/
.bbwin #nav_main ul li#bbwin,
.bbmac #nav_main ul li#bbmac,
.otherproducts #nav_main ul li#otherproducts,
.hardware #nav_main ul li#hardware,
.support #nav_main ul li#support,
.forums #nav_main ul li#forums,
.more #nav_main ul li#more,
.news #nav_main ul li#news {
	background: url(gfx/bg_nav_current_2.png) repeat-x top left;
}

#nav_main ul li a {
	display: table-cell;
	font-size: 12px;
	font-weight: bold;
	height: 52px;
	text-align: center;
	text-shadow: 1px 1px 1px #FFFFFF;
	vertical-align: middle;
	width: 104px;
		/* ie vertical align hack */
		#position: absolute;
		#top: 50%;
}

#nav_main ul li a span {
	color: #000000;
}

#nav_main ul li:first-child a {
	padding-right: 12px;
	width: 102px;
}

#nav_main ul li#bbwin a, 
#nav_main ul li#bbmac a{
	width: 108px;
}

#nav_main ul li#hardware a,
#nav_main ul li#support a,
#nav_main ul li#forums a {
	width: 101px;
}

#nav_main ul li.last a {
	width: 97px;
}

#nav_main ul li.last a span {
	
	padding: 4px 25px 4px 6px;	
	background: url(gfx/bg_help.png) no-repeat center right;
}
	
#nav_main ul li a span {

		/* ie vertical align hack */
		#position: relative;
		#top: -50%;
}

#nav_main ul li.five-wide a{width: 190px}
#nav_main ul li.five-wide:first-child a{padding-right:0px}

.pagetitle {
	font-size: 24px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0, .3);
}

.heading{
                font-size: 14px;
                font-weight: bold;
                color: #472424;
                background-image:url(gfx/blue_gradient.jpg);
                background-repeat: repeat-x;
                width: 100%;
                padding: 5px 5px 3px 8px;
                text-shadow: 1px 1px 1px rgba(255,255,255, 1);
}


/* Breadcrumbs
----------------------------------*/

#breadcrumb ul {
	margin: 6px 0px 0px 6px;	
	padding: 0px;
	list-style-type: none;
	color: #727477;
	font-size: 11px;
	line-height: 15px;
}



#breadcrumb ul li {
	display: inline;
	color: #747474;
}

#breadcrumb ul li a {
	color: inherit;
}

#breadcrumb ul li a:hover {
	color: #242424 !important;
}


/* Sub Navigation
----------------------------------*/

#nav_sub {
	margin: 6px 0px 20px 0px;
	height: 56px;
}

#nav_sub .title,
#nav_sub .titlespecial {
    float: left;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    margin: 13px 0 0 6px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

#nav_sub .title:hover,
#nav_sub .titlespecial:hover {
	text-shadow: 1px 1px 2px rgba(0,0,0, .45);
}

#nav_sub .title a:hover,
#nav_sub .titlespecial a:hover {
	color: #000000;
}
	
#nav_sub .title .tagline,
#nav_sub .titlespecial .tagline {
    display: block;
    font-size: 12px;
	line-height: 16px;
    font-weight: normal;
    padding: 0px 0 4px 2px;
	margin-bottom:4px;
	text-shadow:none;
}

#nav_sub .title .tagline2, #nav_sub .titlespecial .tagline2 {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 4px;
    padding: 0 0 4px 10px;
    text-shadow: none;
}

#nav_sub .title .tagline-inline,
#nav_sub .titlespecial .tagline-inline {
    display: inline;
	font-size: 12px;
    font-weight: normal;
    padding: 4px 0 4px 2px;
	text-shadow:none;
}
	
#nav_sub ul {
	float:right;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	margin: 19px 0px 0px 0px;
}

#nav_sub ul li {
	float: left;
	border-left: 1px solid #cccccc;
}

#nav_sub ul li:first-child {
	border-left: none;
}

#nav_sub ul li a {
	display: block;
	padding: 2px 5px;
}

/* nav sub lvl 2 for realtracks pages */
#nav_sub2 {
	margin: 0px;
}
#nav_sub2 ul {
	list-style: none;
    font-size:75%;
	float:left;
	font-weight: bold; 
    margin-left:273px;
}
#nav_sub2 li {
    margin-top: 0px;
}

#nav_sub2 ul li {
    float:left;
    border-left: 1px solid #ccc;
}
#nav_sub2 ul li:first-child {
	border-left: none;
}
#nav_sub2 ul li a {
    display:block;
	padding: 3px 6px 3px 6px;
}

/*tabbed nav*/

#nav_tabs {
	margin:22px 0 0 0;
    height:27px;
}
	
#nav_tabs ul {
	cursor:pointer;
	display:inline;
}
#nav_tabs li { 
	float:left; 
	margin: 0px 3px 0px 0px; 
	vertical-align:middle;
	text-align:center;
	line-height:11px;
	padding:0;
	overflow: hidden;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	-webkit-box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.1);
	background: #f7fafb;
	height:27px;
	position:relative;
	top:1px;
	z-index: 10;
	list-style:none;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	color:#014E8C;
	border-top: 1px solid #d9dcdd; 
	border-right: 1px solid #d9dcdd; 
	border-left: 1px solid #d9dcdd;
}

#nav_tabs li a {
	color:#454545;
	padding:8px 20px;
	display:block;
}

#nav_tabs li a.red {
	color:red;
	font-weight:normal;	
}

#nav_tabs li a:hover.red {
	color:red;
	font-weight:bold;	
}


/*bbwin and bbmac package tabs get wider from left to right*/
#nav_tabs li a.all-pkg {padding:8px 45px;}
#nav_tabs li a.pro-pkg {padding:8px 19px;}
#nav_tabs li a.mega-pkg {padding:8px 18px;}
#nav_tabs li a.ultra-pkg {padding:8px 23px;}
#nav_tabs li a.every-pkg {padding:8px 35px;}
#nav_tabs li a.audio-pkg {padding:8px 48px;}
#nav_tabs li a.pluspak-pkg {padding:8px 27px;}

#nav_tabs li a span{
	font-size:11px;
	color:#454545;
}


/*hover tab*/
#nav_tabs li:hover {
	background-color:#ffffff;
	-webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, .15); -moz-box-shadow: 1px -1px 2px rgba(0, 0, 0, .15); box-shadow: 1px -1px 2px rgba(0, 0, 0, .15);
	z-index: 10;
}

#nav_tabs li.active {
background: #ffffff;
    -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, .15); -moz-box-shadow: 1px -1px 1px rgba(0, 0, 0, .15); box-shadow: 1px -1px 1px rgba(0, 0, 0, .15);
    z-index: 30;
    border-left:1px solid #D9DCDD;
}


#nav_tabs li a:hover{
	color:#000;
}


/* highlight the active tab */

/*addons*/
/*.addons_slpak #nav_tabs ul li#addons_slpak,
.addons_styles #nav_tabs ul li#addons_styles,
.addons_soloists #nav_tabs ul li#addons_soloists,
.addons_artistsoloists #nav_tabs ul li#addons_artistsoloists,
.addons_supertracks #nav_tabs ul li#addons_supertracks,
.addons_melodists #nav_tabs ul li#addons_melodists,
.addons_fakebooks #nav_tabs ul li#addons_fakebooks,
.addons_riffsandphrases #nav_tabs ul li#addons_riffsandphrases,
.addons_more #nav_tabs ul li#addons_more,
.addons_videos #nav_tabs ul li#addons_videos,*/

/*bbwin new*/
/*.bbwin_new_bb2011-5 #nav_tabs ul li#bbwin_new_bb2011-5,
.bbwin_new_bb2012 #nav_tabs ul li#bbwin_new_bb2012,
.bbwin_new_rb2012 #nav_tabs ul li#bbwin_new_rb2012,
.bbwin_new_rb2011-5 #nav_tabs ul li#bbwin_new_rb2011-5,
.bbwin_new_bb2011 #nav_tabs ul li#bbwin_new_bb2011,
.bbwin_new_rb2011 #nav_tabs ul li#bbwin_new_rb2011,*/
/*bbmac new*/
/*.bbmac_new_bb2012 #nav_tabs ul li#bbmac_new_bb2012,
.bbmac_new_bb2011-5 #nav_tabs ul li#bbmac_new_bb2011-5,
.bbmac_new_bb2011 #nav_tabs ul li#bbmac_new_bb2011,*/

/*bbwin realtracks*/
/*.bbwin_rt #nav_tabs ul li#bbwin_rt,
.bbwin_rt_jazz #nav_tabs ul li#bbwin_rt_jazz,
.bbwin_rt_rock #nav_tabs ul li#bbwin_rt_rock,
.bbwin_rt_country #nav_tabs ul li#bbwin_rt_country,
.bbwin_rt_all #nav_tabs ul li#bbwin_rt_all,
.bbwin_rt_videorealtracks #nav_tabs ul li#bbwin_rt_videorealtracks,
.bbwin_rt_artistperf #nav_tabs ul li#bbwin_rt_artistperf,
.bbwin_rt_xtrastyles #nav_tabs ul li#bbwin_rt_xtrastyles,
.bbwin_rt_artists #nav_tabs ul li#bbwin_rt_artists,
.bbwin_rt_comments #nav_tabs ul li#bbwin_rt_comments,
.bbwin_rt_new #nav_tabs ul li#bbwin_rt_new,*/
/*mac*/
/*.bbmac_rt #nav_tabs ul li#bbmac_rt,
.bbmac_rt_jazz #nav_tabs ul li#bbmac_rt_jazz,
.bbmac_rt_rock #nav_tabs ul li#bbmac_rt_rock,
.bbmac_rt_country #nav_tabs ul li#bbmac_rt_country,
.bbmac_rt_all #nav_tabs ul li#bbmac_rt_all,
.bbmac_rt_artistperf #nav_tabs ul li#bbmac_rt_artistperf,
.bbmac_rt_xtrastyles #nav_tabs ul li#bbmac_rt_xtrastyles,
.bbmac_rt_artists #nav_tabs ul li#bbmac_rt_artists,   
.bbmac_rt_comments #nav_tabs ul li#bbmac_rt_comments, 
.bbmac_rt_new #nav_tabs ul li#bbmac_rt_new,*/

/*bbwin packages*/
/*.bbwin_pkg_all #nav_tabs ul li#bbwin_pkg_all,
.bbwin_pkg_pro #nav_tabs ul li#bbwin_pkg_pro,
.bbwin_pkg_mega #nav_tabs ul li#bbwin_pkg_mega,
.bbwin_pkg_pluspak #nav_tabs ul li#bbwin_pkg_pluspak,
.bbwin_pkg_ultra #nav_tabs ul li#bbwin_pkg_ultra,
.bbwin_pkg_every #nav_tabs ul li#bbwin_pkg_every,
.bbwin_pkg_audiophile #nav_tabs ul li#bbwin_pkg_audiophile,*/
/*bbmac packages*/
/*.bbmac_pkg_all #nav_tabs ul li#bbmac_pkg_all,
.bbmac_pkg_pro #nav_tabs ul li#bbmac_pkg_pro,
.bbmac_pkg_mega #nav_tabs ul li#bbmac_pkg_mega,
.bbmac_pkg_pluspak #nav_tabs ul li#bbmac_pkg_pluspak,
.bbmac_pkg_ultra #nav_tabs ul li#bbmac_pkg_ultra,
.bbmac_pkg_every #nav_tabs ul li#bbmac_pkg_every,
.bbmac_pkg_audiophile #nav_tabs ul li#bbmac_pkg_audiophile, */  

/*user showcase*/
/*.showcase_rock #nav_tabs ul li#showcase_rock,
.showcase_jazz #nav_tabs ul li#showcase_jazz,
.showcase_country #nav_tabs ul li#showcase_country,
.showcase_other #nav_tabs ul li#showcase_other,
.showcase_all #nav_tabs ul li#showcase_all,
.showcase_featured #nav_tabs ul li#showcase_featured,*/

/*pg radio*/
/*.pgradio_rock #nav_tabs ul li#pgradio_rock,
.pgradio_country #nav_tabs ul li#pgradio_country,
.pgradio_jazz #nav_tabs ul li#pgradio_jazz,
.pgradio_recent #nav_tabs ul li#pgradio_recent,
.pgradio_requests #nav_tabs ul li#pgradio_requests,
.pgradio_featured #nav_tabs ul li#pgradio_featured,
.pgradio_users #nav_tabs ul li#pgradio_users,*/

/*amplitube*/

/*.amplitube_songdemos #nav_tabs ul li#amplitube_songdemos,
.amplitube_realtrackdemos #nav_tabs ul li#amplitube_realtrackdemos,*/

/*powertracks features*/

/*.pt_features_2018 #nav_tabs ul li#pt_features_2018,
.pt_features_2017 #nav_tabs ul li#pt_features_2017,
.pt_features_2016 #nav_tabs ul li#pt_features_2016,
.pt_features_2015 #nav_tabs ul li#pt_features_2015,
.pt_features_2014 #nav_tabs ul li#pt_features_2014,
.pt_features_2013 #nav_tabs ul li#pt_features_2013,
.pt_features_2012 #nav_tabs ul li#pt_features_2012,*/
 
/*support videos*/
/*.videos_bbwin:not(.tips) #nav_tabs ul li#videos_bbwin,
.videos_all #nav_tabs ul li#videos_bbwin,
.videos_bbwin.tips ul li#videos_bbwintips,
.videos_bbmac #nav_tabs ul li#videos_bbmac,
.videos_rb #nav_tabs ul li#videos_rb,
.videos_rbtips ul li#videos_rbtips,
.videos_rt #nav_tabs ul li#videos_rt,
.videos_other #nav_tabs ul li#videos_other,
.videos_faq #nav_tabs ul li#videos_faq,
.videos_user #nav_tabs ul li#videos_user */

#nav_tabs ul li.nav-cur-page{
    background: #ffffff;
    box-shadow: 1px -1px 1px rgba(0, 0, 0, .15);
    z-index: 30;
    border-left:1px solid #D9DCDD;
    color:#000;
}

/*remove the left border from the left-most tab*/

/*.bbwin_new_bb2011-5 #nav_tabs ul li#bbwin_new_bb2011-5 {border-left:none}
.bbwin_new_bb2012 #nav_tabs ul li#bbwin_new_bb2012 {border-left:none}
.bbwin_new_rb2012 #nav_tabs ul li#bbwin_new_rb2012 {border-left:none}
.bbmac_new_bb2012 #nav_tabs ul li#bbmac_new_bb2012 {border-left:none}	
.bbwin_rt #nav_tabs ul li#bbwin_rt {border-left:none}
.bbwin_pkg_all #nav_tabs ul li#bbwin_pkg_all {border-left:none}
.bbmac_pkg_all #nav_tabs ul li#bbmac_pkg_all {border-left:none}	
.showcase_all #nav_tabs ul li#showcase_all {border-left:none}	
.amplitube_songdemos #nav_tabs ul li#amplitube_songdemos {border-left:none}	
.videos_bbwin #nav_tabs ul li#videos_bbwin {border-left:none}
.pt_features_2013 #nav_tabs ul li#pt_features_2013 {border-left:none}*/

#nav_tabs ul li:first-child {
	border-left:none
}



/*Highlight the current page*/
/*.overview #nav_sub ul li#overview a,
.intro #nav_sub ul li#intro a,
.packages #nav_sub ul li#packages a,
.new #nav_sub ul li#new a,
.features #nav_sub ul li#features a,
.demos #nav_sub ul li#demos a,
.realtracks #nav_sub ul li#realtracks a,
.artistperf #nav_sub ul li#realtracks a,
.xtrastyles #nav_sub ul li#realtracks a,
.realdrums #nav_sub ul li#realdrums a,
.addons #nav_sub ul li#addons a,
.about #nav_sub ul li#about a, 
.requirements #nav_sub ul li#requirements a, 
.comments #nav_sub ul li#comments a, 
.new #nav_sub ul li#new,
.jazz #nav_sub ul li#jazz,
.smjazz #nav_sub ul li#smjazz,
.rockpop #nav_sub ul li#rockpop,
.blues #nav_sub ul li#blues,
.country #nav_sub ul li#country,
.bluegrass #nav_sub ul li#bluegrass,
.all #nav_sub ul li#all,
.artists #nav_sub ul li#artists,
.testimonials #nav_sub ul li#testimonials,
.subnews #nav_sub ul li#subnews,
.newsletter #nav_sub ul li#newsletter,
.press #nav_sub ul li#press,
.showcase #nav_sub ul li#showcase,
.pgradio_sc #nav_sub ul li#pgradio_sc,
.amplitube #nav_sub ul li#amplitube,
.endorsers #nav_sub ul li#endorsers,
.videotestimonials #nav_sub ul li#videotestimonials,
.dare-to-compare #nav_sub ul li#dare-to-compare,
.cloudtracks #nav_sub ul li#cloudtracks,
.reviews #nav_sub ul li#reviews,
.supporthome #nav_sub ul li#supporthome,
.tutorials #nav_sub ul li#tutorials,
.updateswin #nav_sub ul li#updateswin,
.updatesmac #nav_sub ul li#updatesmac,
.manuals #nav_sub ul li#nav-manuals,
.faqs #nav_sub ul li#faqs,
.videotutorials #nav_sub ul li#videotutorials,
.patchmaps #nav_sub ul li#patchmaps,
.sm-pgmusic #nav_sub ul li#sm-pgmusic,
.sm-bandinabox #nav_sub ul li#sm-bandinabox,
.learning #nav_sub ul li#learning,
.edu-forums #nav_sub ul li#edu-forums,
.registration #nav_sub ul li#registration{ 	
	background: url(gfx/bg_navsubcurrent.png) repeat-x top left;
}*/

#nav_sub ul li.nav-cur-page{
	background: url(gfx/bg_navsubcurrent.png) repeat-x top left;
}

/*Highlight the current subsub page*/
.rtdemos #nav_sub2 ul li#rtdemos a,
.rpjazz #nav_sub2 ul li#rpjazz a,
.rpcountry #nav_sub2 ul li#rpcountry a,
.rprp #nav_sub2 ul li#rprp a,
.all #nav_sub2 ul li#all a,
.artists #nav_sub2 ul li#artists a,
.testimonials #nav_sub2 ul li#testimonials a ,
.whatsnewrt #nav_sub2 ul li#whatsnewrt a {	
	background: url(gfx/bg_navsubcurrent.png) repeat-x top left;
}

/*Remove left border from current page*/
.intro #nav_sub ul li#intro,
.packages #nav_sub ul li#packages,
.new #nav_sub ul li#new,
.features #nav_sub ul li#features,
.demos #nav_sub ul li#demos,
.realtracks #nav_sub ul li#realtracks,
.realdrums #nav_sub ul li#realdrums,
.addons #nav_sub ul li#addons,
.requirements #nav_sub ul li#requirements,
.comments #nav_sub ul li#comments, 
.new #nav_sub ul li#new,
.jazz #nav_sub ul li#jazz,
.smjazz #nav_sub ul li#smjazz,
.rockpop #nav_sub ul li#rockpop,
.blues #nav_sub ul li#blues,
.country #nav_sub ul li#country,
.bluegrass #nav_sub ul li#bluegrass,
.all #nav_sub ul li#all,
.artists #nav_sub ul li#artists,
.testimonials #nav_sub ul li#testimonials,
.requirements #nav_sub ul li.button 
.tutorials #nav_sub ul li#tutorials {
	border-left: 1px solid #f3f6f7;	
}
	
#nav_sub ul li a:hover {

	color: #ffffff;
	background: url(gfx/bg_navsubon.png) repeat-x top left !important;
}

#nav_sub ul li:first-child a {
	-moz-border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px; 
}

#nav_sub ul li.button a {
	padding: 0px;
	margin: 0px 1px 0px 6px;
	margin-top: -1px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	-webkit-box-shadow: rgba(0,0,0,.25) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.25) 1px 1px 3px; box-shadow: rgba(0,0,0,.25) 1px 1px 3px;
}

#nav_sub ul li.button a:hover  {
	background: none !important;
}

#nav_sub ul li.button .leftcap {
	display: block;
	float: left;
	width: 10px;
	height: 21px;
	background: url(gfx/button_small_leftcap.png) no-repeat top left;
}

#nav_sub ul li.button .rightcap {
	display: block;
	float: left;
	width: 21px;
	height: 21px;
	background: url(gfx/button_small_rightcap_black.png) no-repeat top left;
}

#nav_sub ul li.button .title {
	display: block;
	float: left;
	height: 21px;
	margin: 0px;
	padding-right: 10px;
	background: url(gfx/button_small_bg.png) repeat-x top left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	line-height: 21px;
	text-shadow: 1px 1px 1px rgba(255,255,255, 1);
	white-space: nowrap;
}


/*Contact page*/
.contact-leftcol {
	float:left; 
	width:40%;
}

.contact-rightcol { 
	float:right; 
	width:50%;
}

/*About page - Peter Gannon pic*/

#peterpic {
	float:left; 
	margin:5px 30px 0px 0px; 
	display:block; 
	border:1px solid black
}


/* International
----------------------------------*/

#international {
	float: left;
	margin-top:21px;
}

#international ul {
	list-style: none;
}

#international ul li {
	float: left;
}

#international img {
	border: 1px solid #000000;
	margin: 8px 9px 0px 0px;
	-webkit-box-shadow: rgba(0,0,0,.75) 2px 2px 5px; -moz-box-shadow: rgba(0,0,0,.75) 2px 2px 5px; box-shadow: rgba(0,0,0,.75) 2px 2px 5px;
}

#header-utils {
	float:right;
	width:545px;
	position:relative;
	z-index:10; /*minicart needs to appear overtop of search box*/

}


#header-utils div#loginout {
    color: #ffffff;
    float: right;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 14px;
    margin: 0;
    outline-style: none;
    padding: 0;
}

#account-utils {
    float:right;
	height:25px;
	width:100%;
}

#account-utils .account-util {
	font-weight:bold;
	color:#ffffff;
	float:right;
	font-size: 11px;
    margin: 5px 2px 0 17px;
	position:absolute;
}

#account-utils .account-util a {
	font-weight:bold;
	color:#ffffff;
	text-decoration:underline;	
}

#account-utils .account-util a:hover {
	color:#e5e5e5;
}

#account-utils #util-minicart {
	right:0;
}

/*Note:  styling for Minibasket in /mm5/minibasket.css */

#account-utils #util-myaccount {
	/*right:118px;*/
	right:150px;
}

#account-utils #util-login {
	/*right:204px;*/
	right:260px;
	white-space:nowrap;
}


#other-utils {
	float:right;	
}


/* Search
----------------------------------*/

#search {
	float: right;
	width: 207px;
	height: 21px;
	margin: 5px 0px 0px 3px;
	/*background: url(gfx/bg_searchbox.png) repeat-x top left;*/
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(254,255,255,1) 0%, rgba(255,255,255,1) 86%, rgba(224,224,224,1) 86%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,255,255,1)), color-stop(86%,rgba(255,255,255,1)), color-stop(86%,rgba(224,224,224,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(254,255,255,1) 0%,rgba(255,255,255,1) 86%,rgba(224,224,224,1) 86%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(254,255,255,1) 0%,rgba(255,255,255,1) 86%,rgba(224,224,224,1) 86%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(254,255,255,1) 0%,rgba(255,255,255,1) 86%,rgba(224,224,224,1) 86%,rgba(224,224,224,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(254,255,255,1) 0%,rgba(255,255,255,1) 86%,rgba(224,224,224,1) 86%,rgba(224,224,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */

}

.sitesearch #search {display:none} /*hide header search box on search page*/

#searchbox {
	background: none;
    font-weight: normal;
    margin: 3px 0 0 9px;
    width: 170px;
	color: #777;
    font-size: 12px;	
}


#searchsubmit {
	float: right;
	padding: 3px 9px 0 0;
}

/*sitesearch.htm*/
#searchsite {
	margin: 0 auto;
	float:none;
	width:85%;	
	margin: 10px auto 0;
    text-align: center;
}

#searchsitebox {
	background: url("gfx/bg_searchbox.png") repeat-x scroll left top transparent;
    border: 1px solid grey;
    border-radius: 3px 3px 3px 3px;
    height: 22px;
    padding: 0 6px;
	margin: 0 9px 0 0;
    width: 365px;
}

#searchsitesubmit {
	width: 113px;
	height:25px;
	margin: 6px 6px 0px 0px;
	position: relative;
    top: 7px;
}

#searchsitesubmit:hover {
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,.25) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.25) 1px 1px 3px; box-shadow: rgba(0,0,0,.25) 1px 1px 3px;		
}


#fcheck {
	margin-left:415px;
	cursor:pointer;
}

label[for="fcheck"] {
	font-size:12px;
	margin:0 0 0 4px;
	position:relative;
	top: -2px;
}


/* Shopping Cart
----------------------------------*/


#header .links {
	margin: 5px 0 0;
	float: right;
	height:18px;
	max-width:200px;
	overflow:hidden;
}

#header .links a {
	display: block;
	padding: 2px 20px 0px 0px;
	height: 20px;
	font-size: 11px;
	color: #ffffff;

}

#header .links #shoppingcart a {
	float: right;
	background: url(gfx/bg_shoppingcart.png) no-repeat top right;
}

#header .links .aboutcontact a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	height:14px;
	border-right: 1px solid #49494c;
}

#header .links #aboutcontact a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	height:14px;
	/*border-right: 1px solid #49494c;*/
}


/* Footer
----------------------------------*/

#footer {
	margin:20px auto;
	width:960px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #d6dee3;
	position: relative;
}

#footer .address {
	float:left;
	color: #727477;
	font-size: 11px;
	line-height: 15px;
	display:block;
}

#footer .address a {
	color: #727477;
}

#footer a:hover {
	color: #242424 !important;
}

#footer .nav {
	float: right;
	display:block;
}

#footer .nav ul {
	list-style: none;
}

#footer .nav ul li {
	float: left;
}

#footer .nav ul li a {
	display: block;
	color: #727477;
	font-size: 11px;
	line-height: 15px;
	padding: 0px 4px 0px 4px;
	border-left: 1px solid #727477;
}

#footer .nav ul li:first-child a {
	border-left: none;
}

#footer .nav ul li.last a {
	padding-right: 0px;
}

#footer .icons {
	position: absolute;
	right: 0px;
	top: 32px;
	display:block;
}

#footer .icons span {
	width: 36px;
	height: 36px;
	float: right;
	display: block;
}

#footer .icons .facebook {
	background: url(gfx/icon_facebook.png) no-repeat top left;
}

#footer .icons .twitter {
	background: url(gfx/icon_twitter.png) no-repeat top left;
}

#footer .icons .yt {
	background: url(gfx/icon_youtube.png) no-repeat left 3px;
	margin-left: 3px;
}



/* Small Button
----------------------------------*/

.button_small {
	float:left;
	height: 21px;
	overflow: hidden;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,.57) 2px 2px 5px; -moz-box-shadow: rgba(0,0,0,.57) 2px 2px 5px; box-shadow: rgba(0,0,0,.57) 2px 2px 5px;
}

.button_small .leftcap {
	display: block;
	float: left;
	width: 10px;
	height: 21px;
	background: url(gfx/button_small_leftcap.png) no-repeat top left;
}

.button_small .rightcap {
	display: block;
	float: left;
	width: 21px;
	height: 21px;
	background: url(gfx/button_small_rightcap_black.png) no-repeat top left;
}

.button_small .title {
	display: block  !important;
	float: left  !important;
	height: 21px;
	padding: 0px 10px 0px 0px;
	margin: 0px !important;
	background: url(gfx/button_small_bg.png) repeat-x top left !important;
	border: none !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px  !important;
	line-height: 21px  !important;
	text-shadow: 1px 1px 1px rgba(255,255,255, 1);
	text-decoration:none;
	white-space: nowrap;
}

.button_small a .title {
	text-decoration:none  !important;
}

.button_small .price {
	display: block  !important;
	float: left  !important;
	height: 21px;
	padding: 0px 6px 0px 0px;
	margin: 0px !important;
	background: url(gfx/button_small_bg.png) repeat-x top left !important;
	border: none !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px  !important;
	line-height: 21px  !important;
	text-shadow: 1px 1px 1px rgba(255,255,255, 1);
	white-space: nowrap;
}

.button_small:hover {
	-webkit-box-shadow: rgba(0,0,0,.4) 4px 4px 4px; -moz-box-shadow: rgba(0,0,0,.4) 4px 4px 4px; box-shadow: rgba(0,0,0,.4) 4px 4px 4px;
}
	
.button_small#realpaks {
	float: right;
	position: absolute;
	top: 13px;
	right: 20px;
	cursor: pointer;
}
	
/* Big Button
----------------------------------*/

.button_big {
	cursor:pointer;
	float:left;
	height: 37px;
	overflow: hidden;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,.57) 2px 2px 5px; -moz-box-shadow: rgba(0,0,0,.57) 2px 2px 5px; box-shadow: rgba(0,0,0,.57) 2px 2px 5px;
}

.button_big .leftcap {
	display: block;
	float: left;
	width: 4px;
	height: 37px;
	background: url(gfx/button_big_leftcap.png) no-repeat top left;
}

.button_big .rightcap {
	display: block;
	float: left;
	width: 39px;
	height: 37px;
	background: url(gfx/button_big_rightcap_black.png) no-repeat top left;
}

.button_big .rightcap_red {
	display: block;
	float: left;
	width: 39px;
	height: 37px;
	background: url(gfx/button_big_rightcap_red.png) no-repeat top left;
}



.button_big .price {
	display: block;
	float: left;
	padding: 6px 3px 0px 6px;
	height: 31px;
	background: url(gfx/button_big_bg.png) repeat-x top left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px !important;
	line-height: 26px !important;
	text-shadow: 1px 1px 1px rgba(255,255,255, 1) !important;
	white-space: nowrap;
}

.button_big .title,
.button_big .buttonTitle {
	display: block;
	float: left;
	padding: 6px 8px 0px 6px;
	height: 31px;
	padding-right: 10px;
	background: url(gfx/button_big_bg.png) repeat-x top left !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px !important;
	line-height: 13px !important;
	text-shadow: 0px 1px 1px rgba(255,255,255, 1) !important;
	white-space: nowrap;
}

.button_big .big {
	font-size: 13px !important;
	line-height: 26px !important;
}


.button_big:hover {
	-webkit-box-shadow: rgba(0,0,0,.65) 2px 3px 5px; -moz-box-shadow: rgba(0,0,0,.65) 2px 3px 5px; box-shadow: rgba(0,0,0,.65) 2px 3px 5px;
}

/* Add to cart buttons
----------------------------------*/

.button_addToCart {
	width: 301px;
	height: 37px;
	overflow: hidden;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,.57) 2px 2px 5px; -moz-box-shadow: rgba(0,0,0,.57) 2px 2px 5px; box-shadow: rgba(0,0,0,.57) 2px 2px 5px;
}

.button_addToCart:hover {
	-webkit-box-shadow: rgba(0,0,0,.6) 3px 3px 6px; -moz-box-shadow: rgba(0,0,0,.6) 3px 3px 6px; box-shadow: rgba(0,0,0,.6) 3px 3px 6px;
}

.button_addToCart .rightcap_blue {
	display: block;
	float: left;
	width: 39px;
	height: 37px;
	background: url(gfx/button_addtocart_rightcap_blue.png) no-repeat top left;
}

.button_addToCart .leftcap {
	display: block;
	float: left;
	width: 4px;
	height: 37px;
	background: url(gfx/button_big_leftcap.png) no-repeat top left;
}

.button_addToCart .leftcap_win {
	display: block;
	float: left;
	width: 39px;
	height: 37px;
	background: url(gfx/button_addtocart_leftcap_win.png) no-repeat top left;
}

.button_addToCart .price {
	display: block;
	float: left;
	width: 41px;
	height: 37px;
	font-weight: bold;
	font-size: 16px !important;
	line-height: 37px !important;
	background: url(gfx/button_addtocart_bg.png) repeat-x top left;
}

.button_addToCart .rightcap_red {
	display: block;
	float: left;
	width: 39px;
	height: 37px;
	background: url(gfx/button_addtocart_rightcap_red.png) no-repeat top left;
}

.button_addToCart .leftcap_mac {
	display: block;
	float: left;
	width: 39px;
	height: 37px;
	background: url(gfx/button_addtocart_leftcap_mac.png) no-repeat top left;
}


.button_addToCart .title {
	display: block;
	float: left;
	padding: 6px 8px 0px 6px;
	width: 201px;
	height: 31px;
	padding-right: 10px;
	background: url(gfx/button_addtocart_bg.png) repeat-x top left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px !important;
	line-height: 13px !important;
	text-shadow: 1px 1px 1px rgba(255,255,255, 1) !important;
	white-space: nowrap;
	overflow: hidden;
}

.button_addToCart .titleFull {
	display: block;
	float: left;
	padding: 6px 8px 0px 6px;
	width: 242px;
	height: 31px;
	padding-right: 10px;
	background: url(gfx/button_addtocart_bg.png) repeat-x top left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px !important;
	line-height: 24px !important;
	text-shadow: 0px 1px 1px rgba(255,255,255, 1) !important;
	white-space: nowrap;
	overflow: hidden;
}



/* Pop-ups general
----------------------------------*/

#modalOverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: none;
	background: #ffffff;
	opacity: .7;
}

#popFrame {
	position: fixed;
	width: 575px;
	height: 450px;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -300px;
	padding: 16px;
	background: url(gfx/bg_popover.png) repeat-x top left;
	z-index: 10001;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; -moz-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; box-shadow: rgba(0,0,0,.6) 5px 5px 16px;
}

/************
Info popup
************/
#popFrameInfo {
	position: fixed;
	width: 575px;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -300px;
	padding: 16px;
	background: url(gfx/bg_popover.png) repeat-x top left;
	z-index: 10001;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; -moz-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; box-shadow: rgba(0,0,0,.6) 5px 5px 16px;
}

#popFrameInfo .success-msg {
	background: url("gfx/newsletter-list-check.png") no-repeat 6px 15px; 
	color: #037919;
    font-size: 18px;
	border: 1px solid green;
    padding: 6px 6px 6px 36px;
	margin:10px;
	line-height:24px;
}

#popFrameInfo .text h3 {font-size:20px; margin: 20px 0 8px 0px; padding: 0 0 8px;}

#popFrameInfo .text p {margin-bottom:8px;}

#popFrameInfo ul {list-style:none;}
#popFrameInfo ul li {
	background-image:url("gfx/listbullet_bluearrow_small.png"); 
	background-repeat:no-repeat; 
	background-position:0 6px; 
	padding: 0 6px 0 19px; 
	margin-bottom:16px; 
	line-height:19px
}

#popFrameInfo #infoPopOkBtn {
	margin: 0 auto;
	border: 1px solid #888;
    color: #242424;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    padding: 4px 0;
    text-align: center;
    width: 100px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow:  1px 1px 2px 0 #aaa;
	box-shadow: 1px 1px 2px 0 #aaa;
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}

#popFrameInfo #infoPopOkBtn:hover {
	background: rgb(232,232,232); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(193,193,193,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(193,193,193,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(193,193,193,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(193,193,193,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(193,193,193,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(193,193,193,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
}

/************/

#popFrameLarge {
	position: fixed;
	width: 805px;
	height: 620px;
	top: 30px;
	left: 50%;
	margin-left: -402px;
	padding: 16px;
	background: url(gfx/bg_popover.png) repeat-x top left;
	z-index: 10001;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; -moz-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; box-shadow: rgba(0,0,0,.6) 5px 5px 16px;
}

#popFrameBuyIt {
	position: fixed;
	width: 353px;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -200px;
	padding: 10px 65px 30px 65px;
	background: url(gfx/bg_popover.png) repeat-x top left;
	z-index: 10001;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; -moz-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; box-shadow: rgba(0,0,0,.6) 5px 5px 16px;
}

#popWebApp {
	position: fixed;
	width: 920px;
	height: 486px;
	top: 85px;
	left: 50%;
	margin-left: -476px;
	padding: 16px;
	background: url(gfx/bg_popover.png) repeat-x top left;
	z-index: 10001;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; -moz-box-shadow: rgba(0,0,0,.6) 5px 5px 16px; box-shadow: rgba(0,0,0,.6) 5px 5px 16px;
}

#closePop {
	width:22px;
	height:22px;
	background: url(gfx/button_closevideo.png) no-repeat top left;
	cursor: pointer;
	position: absolute;
	top: -11px;
	right: -11px;
}


#videoPlayer {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

/* Web app
----------------------------------*/

.webApp {
    color: #004FC3;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 14px 118px;
	background: url("../gfx/bbwebapp_icon.png") no-repeat scroll 90px center transparent;
	margin: 6px 0 0 0;
}
.webApp:hover {
	color: red;
}

#popWebApp iframe{
	width: 920px;
	height:480px;
}




/* Pop-ups content
----------------------------------*/
	
.popBuyIt {
	text-align: center; 
}	

.popBuyIt .bbpackages {
	text-align: left; 
}	
	
.popBuyIt .buttons p {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.popBuyIt .bbpackages .buttons {
	text-align: center;
	padding-left: 19px;
}

.popBuyIt .titles {
	padding-top:24px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.popBuyIt .bbpackages .titles {
	text-align: left;
}

.popBuyIt .info p {
	padding-top:30px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.popBuyIt .bbpackages .info p {
	text-align: left;
	font-weight: normal;
}

.popBuyIt .bbpackages .info p a {
	text-decoration: underline;
	color: blue;
}	



/* Large blocks of text
----------------------------------*/


#banner_main .content .title {
	font-weight: bold;
	font-size: 24px;
	text-shadow: 1px 1px 1px rgba(0,0,0, .3);
}


td div .tlink {
	margin: 11px 0px 0px 6px;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0,0,0, .3);
    display:block;
    cursor:pointer;
}

td div.tlink:hover {
    color: #243883;
	text-shadow: 2px 2px 2px #8196e7;
}

.text p {
	margin: 0px 0px 16px 0px;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}

.text h2 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 14px;
	padding-top: 12px;
}

.text h2.large {
	font-size: 24px;
	text-shadow: 1px 0px 1px rgba(0,0,0, .3);	
}

.text h2.large img.new {
	margin:4px 6px -18px 0px;
}


.text h3 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.text a {
	color: #004fc3;
}


.text a:hover {
	color: #ff0000;
}

.text ul, .text ol {
	margin: 0px 0px 16px 14px;
}

.text ul {
	list-style: none;
}

ul.genericlistblue li,
.text ul.genericlistblue li,
ul.winlist li,
.text ul.winlist li {
	background: url("gfx/listbullet_link_blue.png") no-repeat 5px 5px; 
	padding-left: 20px; 
	padding-right:10px; 
	list-style:none; 
	margin:0 0 14px 12px
}

ul.maclist li,
.text ul.maclist li {
	background: url("gfx/listbullet_link_red.png") no-repeat 5px 5px; 
	padding-left: 20px; 
	padding-right:10px; 
	list-style:none; 
	margin:0 0 14px 12px
}

ul.genericlist li,
.text ul.genericlist li {
	background: url("gfx/listbullet_link_large.png") no-repeat 5px 5px; 
	padding-left: 20px; 
	padding-right:10px; 
	list-style:none; 
	margin:0 0 14px 12px
}

ul.genericlist-small li,
.text ul.genericlist-small li {
	background: url("gfx/listbullet_grey.png") no-repeat 5px 5px; 
	padding-left: 20px; 
	padding-right:10px; 
	list-style:none; 
	margin:0 0 14px 12px
}


.text ul li {
	background: url(gfx/listbullet.png) no-repeat 0px 3px;
}

.text li {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 0px 0px 18px;
	margin-bottom: 3px;
}

/*nested lists have no top and bottom margins and no list-styles*/
.text ul ul, .text ul ol,  
.text ol ul, .text ol ol {
  margin-top: 2px;
  margin-bottom: 0;
  margin-left:0;
}

.text ul ul li,  
.text ol ul li{
  background: url(gfx/listbullet_small.png) no-repeat 4px 8px;
  margin-bottom: 0px;
}

.text ul ol li,  
.text ol ol li {
  background: none;
  margin-bottom: 0px;
}


.text img.title {
	margin-bottom: 8px;
}

.text img.boxshot {
	float: right;
	margin: 0px 0px 0px 22px;
}


/* Small blocks of text
----------------------------------*/

.smalltext .title {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

.smalltext p {
	margin: 0px 0px 16px 0px;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
}

.smalltext ul, .text ol {
	margin: 0px 0px 16px 14px;
}

.smalltext ul {
	list-style: none;
}

.smalltext ul li {
	background: url(gfx/listbullet.png) no-repeat 0px 2px;
}

.smalltext li {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px 0px 18px;
}

.quotebox {
    margin: 10px 50px;
    background: #e6edf1 url(gfx/quoteboxbg.png) no-repeat right top;
    padding: 20px 40px;
    border-right: 19px double #fff;
    border-left: 19px double #fff;
    min-height: 20px;
    text-align:center;
    box-shadow:2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    border-radius:10px;
    -moz-border-radius:10px;
    cursor:pointer;
}
.bgcolor1 {
    background-color: #ebe2c3;
}
.bgcolor2 {
    background-color: #c3ebe3;
}
.bgcolor3 {
    background-color: #e3c3eb;
}
.bgcolor4 {
    background-color: #caebc3;
}
.tail {
    text-align:right;
    padding-right:100px;
    font-weight:bold;
    font-size:125%;
    margin-bottom:50px;
}

/* Expandable text
----------------------------------*/

.expandable {
	display:none;
}


.tiles {
	border-bottom:thin;
}


.leftCol {
	float:left;
}

.rightCol {
	float:none;
}

/* Utility
----------------------------------*/


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.bottom {
	bottom: 0px !important;
}

.right {
	text-align: right !important;
	right: 0px;
}

/* forms
----------------------------*/

#formfields {
    margin:auto;
    width:75%;
}
#formfields input, #formfields textarea {
    padding:3px;
    background-image:url("gfx/formbg.jpg");
    background-repeat:repeat-x;
    width: 90%;
    border: 1px solid #bbb;
    margin-bottom:10px;
}

#formfields select { 
    border: 1px solid #bbb;
    margin-bottom:10px;    
}
#formfields .radio {
    width: 15px;
}
#formfields .submit {
    background-color:#ddd;
    background-image:none;
    cursor: pointer;
    width: 150px;
    border: 1px outset;
}

/* 
 pagination 
------------*/

.rowBlock .pagerow ul {
    width: 100%;
    list-style: none;
}

.rowBlock .pagerow ul li {
    float:left;
    background-image: none;
    padding-left:5px;
    padding-right:5px;
}

.rowBlock .pagerow .left {
    background: url("gfx/prev.png") no-repeat scroll left center;
    padding-left: 10px;
}

.rowBlock .pagerow .right {
    float: right;
    background: url("gfx/next.png") no-repeat scroll right;
    padding-right: 10px;
    margin-right:25px;
}

.rowBlock .pagecenter {
    margin: 18px auto;
    padding: 0 5px;
    text-align:center;
    font-size: 13px;
    width: 80%;
}

/* clearly this isn't a true center, in-line CSS will have to correct the padding-left adjustmnent. it makes more sense than negative vertical margins in a separate element below */



/* misc 
-----------*/

.reg {
    font-size: 60%;
    margin: 0 2px;
    position: relative;
    top: -3px;
    vertical-align: top;
}

.special {
    color: red;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-top: -1px;
}

.red {
    color: red;
    font-size: 13px;
    font-weight: bold;
}

.color-red {
    color: red;
}

.important {
    color: red;
    font-size: 15px;
    font-weight: normal;    
}

.requirement {
	  color: red;
		font-size: 12px;
		font-weight: normal;
}

.smaller {
	font-size:86%;
}

.lighter {
	font-weight:normal;
}

.nosub {
    margin-top:20px !important;
}

.boxed {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 3px grey;
    display: block;
    margin: 30px 0;
    padding: 10px 10px 1px;
}

#img-container  img {
	background-color: #FFF;
	
}

.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;
}

.want-it-all {
	/* 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;*/
	padding:9px;
	margin:0 0 0 20px;
	float:right;
	border-radius:4px;
	border:2px solid #888;
	font-size:14px;
	line-height:18px;
	width:378px;
}

.three-reasons a,
.limited-special a {
	color: #fef8e2;
    text-decoration: underline;	
	border:none;
}

.three-reasons a:hover,
.limited-special a:hover {
	color:#55A5F4;		
}

.three-reasons, 
.limited-special {
	 margin: 20px 15px;
	 padding: 10px;
	-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 */
}


.three-reasons h3, 
.limited-special h3{
	color: #FFD800;
	font-size: 18px;
    font-weight: bold;
	text-align:center;
	margin-top:5px;
}

.three-reasons li, 
.limited-special li{
	 color: #FFD800;
	 font-size: 12px;
    font-weight: bold;
	line-height:20px
}

.three-reasons li strong, 
.limited-special li strong{
	 font-size: 16px;
    font-weight: bold;
	padding-right:4px;
}

.three-reasons li,
.limited-special li {
	background: url("gfx/listbullet_link_white.png") no-repeat 5px 5px;
}


.three-reasons a,
.limited-special a {
	color: #fef8e2;
    text-decoration: underline;	
	border:none;
}

.three-reasons a:hover,
.limited-special a:hover {
	color:#55A5F4;		
}