#hero {	height: 800px; }
#main {	margin-top:-654px; }

/* top-left-section */

#top-left-section {
	background:url("../img/getsiriusxm.png") no-repeat;
	height:347px;
	width:347px;
	float:left;
	margin-bottom: 15px;
}
#top-left-section.b-test  {
	background: url('/wo/i/keep-listening/img/bg_steeringwheel_377x348.png') no-repeat left top;
	width: 377px;	
}

/* */

#top-left-section.a-test .clearfix { margin-top: 144px; }

/* */

#top-left-section h2 {
	color:#FFF;
	font-size: 24px;
	margin:126px 0 0;
	padding: 4px 0 0 20px;
}
#top-left-section.a-test h2 {
	line-height: 28px;
	font-size: 28px;
	float: left;
	margin: 0;
}

#top-left-section img {
	float:right;
	text-align: right;
	padding: 0 20px 5px 10px;
	margin-top:126px;
}

#top-left-section p {
	padding: 6px 20px 0px 20px;
	color:#FFF;
	font-size: 11px;
}
#top-left-section.a-test p {
	font-size: 13px;
	width: auto;
}
#top-left-section.b-test > p {
	font-size: 15px;
	margin-bottom: 15px;
}

/*  */

#top-left-section .pricing-badge {
    position: relative;
    display: block;	
}

#top-left-section .pricing-badge > p {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
    text-shadow: 2px 1px 0 #333333;
}
#top-left-section .pricing-badge h3 {
	color: #FFFFFF;
    font-size: 58px;
    line-height: 28px;
    padding: 3px 0 20px;
    text-shadow: 2px 1px 0 #333333;
	
}
#top-left-section .pricing-badge h3 span {
    font-size: 28px;
    text-shadow: 2px 1px 0 #333333;
    vertical-align: 22px;
}
#top-left-section .pricing-badge p.per-month {	
	position: absolute;
	top: 55px;
	font-size:18px;
	left:90px;
}
/* */

#top-left-section.a-test .pricing-badge {
    background: url("/wo/i/keep-listening/img/bg_pinkle-price-badge_175x122.png") no-repeat scroll left top transparent;
    float: right;
    height: 112px;
    width: 163px;
	padding: 6px;
	margin-right: 25px;
}

#top-left-section.a-test .pricing-badge .sxmButtonSmall {
	position:absolute;
	bottom:10px;	
}

#top-left-section.b-test .pricing-badge {
    background: url("/wo/i/keep-listening/img/bg_pinkle-price-badge_352x89.png") no-repeat scroll left top transparent;
    height: 89px;
    width: 352px;
	margin-left: 12px;
}

#top-left-section.b-test .pricing-badge p.term {
	position: absolute;
	top: 10px;
	left: 10px;
}
#top-left-section.b-test .pricing-badge h3 {
	position: absolute;
	top: 18px;
	left: 10px;
	padding: 0;
	line-height: normal;
}
#top-left-section.b-test .pricing-badge p.per-month {
	left: 93px;	
}
#top-left-section.b-test .pricing-badge .sxmButtonLarge {
	position: absolute;
	top: 25px;
	right: 25px;	
}

/* top-right-section */

#top-right-section {
	background:url('../img/bg_right.png') no-repeat;
	height:347px;
	width:610px;
	float:right;
	margin-bottom: 15px;
	position: relative;
}
#top-right-section h2 {
	font-size: 24px;
	padding: 10px 0px 10px 20px;
	width: 300px;
}
#top-right-section p {
	padding: 10px 0 10px 20px;
	width: 270px;
	font-size: 11px;
}

#top-right-section.b-test  {
	width: 587px;	
}

/* A test top right section */
#top-right-section.a-test  {
	width: 570px;
	height:307px;
	padding: 20px;
}

#top-right-section.a-test h2 {
	font-size: 36px;
	color: #333;
	width: auto;
}
#top-right-section.a-test p { width: auto; }
#top-right-section.a-test div.clearfix {
	padding-top: 15px;
	margin-top: 20px;
	border-top: 1px solid #999;
}
#top-right-section.a-test .sxmButtonLarge {
	float: left;
	margin: 0 12px;
}

#top-right-section.b-test > p {
	font-size: 11px;
	width: 300px;
	padding: 5px 0 8px 20px;
}

#slideshow-container {
    overflow: hidden;
    height: 347px;
    width: 284px;
}

#slideshow-container .slideshow .caption {
    width:284px;
    bottom:3px;
}
#slideshow-container .slideshow .navigation {
    bottom: 50px;
}

/* Secondary Bar */

#sec-bar {
	display:block;
	width:100%;
	height:277px;
	padding-bottom:15px;
}
#sec-bar div { float: left;	}
#sec-bar #left {
	height: 247px;
	width:217px;
	padding: 15px 30px 15px 20px;
	background: transparent url('/wo/i/keep-listening/img/bg_sec_left.png') no-repeat left top;
}
#sec-bar #left h2 {
	color: #11AAFF;
	font-size: 24px;
}
#sec-bar #left p {
	font-size: 11px;
	line-height: 16px;
	color: #FFF;
	margin-top: 12px;
}
#sec-bar #mid {
	background: transparent url('/wo/i/keep-listening/img/bg_sec_mid.png') repeat-x left top;
	width:693px;
	padding: 10px 2px 10px 10px;
	height: 257px;
}

#sec-bar #mid ul li {
	border-right: 1px solid #999;
	padding-right: 10px;
	margin-right: 10px;
	float:left;
	list-style: none;
	width: 157px;
	/*background-color: #EFEFEF;*/
	height: 250px;
}
#sec-bar #mid ul li h3 {
	font-size: 15px;
	color: #11AAFF;	
}
#sec-bar #mid ul li p {
	margin-top: 8px;
	font-size: 11px;
}
#sec-bar #mid ul li.last {
	padding: 0;
	margin: 0;
	border: none;
}

#sec-bar #right {
	background: transparent url('/wo/i/keep-listening/img/bg_sec_right.png') no-repeat left top;
	width:8px;
	height: 277px;
}

/* Buttons */

.sxmButtonLarge {
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	display:block;
	overflow:hidden;
	height:41px;
	-moz-box-shadow: 0px 1px 3px #666;
	-webkit-box-shadow: 0px 1px 3px #666;
	box-shadow: 0px 1px 3px #666;
}
.blwhite160 {
	background-image:url("/layout/img/button/LargeButton_White_160x41.png");
	background-repeat:no-repeat;
	width:160px;
}

.blblue260 {
	background-image:url("/layout/img/button/LargeButton_Blue_260x41.png");
	background-repeat:no-repeat;
	width:260px;
}

.buttonWhiteBlueLarge {
	/*background:url("/layout/img/button/ButtonBack_Big_White.jpg") repeat-x scroll #e6e6e6;*/
	color:#11aaff;
	text-align: left;
	margin: 0px 20px 0px 15px;
	margin-top: 1em;
}
.buttonWhiteBlueLarge a {
	color:#11aaff;
	font-size:18px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	background:url('/layout/img/button/BlueArrowBig.png') no-repeat right 13px;
	padding:9px 15px;
}
.buttonWhiteBlueLarge a:hover {
	color:#112c61;
	background:url('/layout/img/button/DkBlueArrowBig.png') no-repeat right 13px; 
}
.buttonBlueLarge {
	/*background:url("/layout/img/button/ButtonBack_Big_Blue.jpg") repeat-x scroll #27a7f0;*/
	color:#FFFFFF;	
	margin: 15px 20px 0px 20px;
}

#top-right-section.b-test .buttonBlueLarge { margin: 10px 20px 0px 20px; }

.buttonBlueLarge a {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	background:url("/layout/img/button/WhiteArrowBig.png") no-repeat right 13px;
	padding:9px 22px;
}

.buttonBlueLarge a:hover {
	color:#122c67;
	background:url("/layout/img/button/WhiteArrowBigBlue.png") no-repeat right 13px;
}

/* More In-Vehicle Services*/
#more-services {
	padding:17px 0 30px 20px;
	height: 142px;
}
#more-services h4 {
	color:#fff;
	font-size:14px;
	margin:0 0px 18px 0;
}
#more-services h5 {
	font-size:14px;
	padding:0 0 6px 0;
}
#more-services strong {
	font-size:13px;
	display:block;
	color:#666;
	padding:0 0 2px 0;
	font-weight:normal;
}
#more-services p {
	color:#666;
}
.open-content #main .content #more-services ul {
    margin: 0;
    padding: 6px 0 0;
}
#more-services li {
	float:left;
	width:192px;
	border-right:1px solid #e5e5e5;
	list-style: none;
	padding:0 30px 0 0px;
	margin:0 20px 0 0;
	height:158px;
	position:relative;
	font-size:11px;
}
#more-services li.last {
	margin:0;
	border:0;
}
#more-services a {
	font-weight:bold;
	font-size:12px;
	position: absolute;
	bottom: 0.8em;
}

.open-content #main .content {
	background: none !important; 
}

/**/

.alerts-top{
    background: url('../img/background.png') no-repeat 0 0;
	height:26px;
	margin:30px 0 0 0;
	padding:7px 20px 0 20px;
	position:relative;
	z-index:10;
	top:-30px;
}

.alerts-top h2{
    color:#fff;
    font-size:16px;
}

.alerts{
	z-index:9;
	position:relative;
	top:-40px;
    background:#fff;
	height:190px;
}

.alerts .content{
    padding:30px 20px 30px 20px;
}

.alerts h3{
    font-size:14px;
    padding:0 0 4px 0;
}

.alerts p{
    font-size:12px;
    color:#666;
    line-height:1.4;
    padding:0 0 12px 0;
}

.alerts a{
    font-size:11px;
    font-weight:bold;
}

.alerts .alert{
    width:390px;
    float:left;
}

.alerts .first{
    padding:0 80px 0 0;
    border-right:1px solid #e5e5e5;
    margin:0 30px 0 0;
}

/**/