/* Start of CMSMS style sheet 'AMS Main Styles' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   letter-spacing:0.1px;
}

/*
set font size for all divs,
this overrides some body rules
*/

div {
   font-size: 1em;
}

.clear {
   clear:both;
}

/* hidden divs for talent selectors */
.hiddenDiv {
  display: none;
}
.visibleDiv {
}
/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*****************
basic layout 
*****************/
body {
/*   background-color: #ccc;
   color: #333; */
   margin: 0; 
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;     /* this centers wrapper */
}

/************ HEADER ************/

#headerwrapper {
   width:900px;
   margin:0 auto;
   height:100px;
}

span.phone, span.phone a {
   color: #0ea3c9; /*teal top phone*/
   font-size: 18px;
   font-weight: bold;
   letter-spacing: 0.5px;
}
span.phone a:hover{
   color: #de6b1a; /*orange*/
   text-decoration:none;
   }

#buynow a{
	display:block;
	width: 77px;
	height: 65px; /*77 - 15 padding*/
	margin-top: 20px;
	float:right;
	color:#fff;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	padding-top:15px;
	text-align:center;
	background-color:#006e91; /*darker blue*/
                border: none;
	}
#buynow span.bigger{
	font-size:22px;
	}	
#buynow a:hover{
	text-decoration:none;
	background-color:#de6b1a; /*orange*/
	}

span#topnavlinks a{
	color:#777;
	font-weight: normal;
	}
span#topnavlinks a:hover{
	color:#de6b1a; /*orange*/
	text-decoration: none;
	}	

div#caption {
   margin: 10px 0 0 20px;
}	

/**************** MAIN Template NO SUBNAV *****************/

/************ FLASH ************/	

#flash{
	width:900px;
	margin:0 auto;
	height:326px;
	background-color:#000000;
	}

#topwrapper-blue {
   height:326px;
   background-color:#006e91; /*darker blue*/
}
#topwrapper-orange {
   height: 326px;
   background-color:#de6b1a; /*orange*/
}
#topwrapper-yellow {
   height: 326px;
   background-color:#ecb134; /*yellow bar bkgd*/
}
#topwrapper-customer-center {
   background-color:#006e91; /*darker blue*/
}

div#content {
   width: 900px;
   margin: 20px auto 0 auto;
}

div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 251px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-right: 39px;
   text-align: right;
   padding-top: 18px;
}

div#mainfocus {
   width: 700px;
   margin: 0 auto;
}

div#main {
   float: left;
   width: 610px;
}

/**************** SUB 1 Templates with SUBNAV *****************/

#topwrapper-blue1 {
   height:326px;
   background-color:#006e91; /*darker blue*/
}
#topwrapper-orange1 {
   height: 326px;
   background-color:#de6b1a; /*orange*/
}
#topwrapper-yellow1 {
   height: 326px;
   background-color:#ecb134; /*yellow bar bkgd*/
}

div#topcontentarea {
/*   margin: -326px auto 0 auto; */
   margin: 0 auto;
   height: 326px;
   width: 900px;
}

div#leftblock1 {
   margin-top: -24px;
   float: left;
}
div#rightblock1 {
   margin-top: -24px; 
   float: right;
}

div#content1 {
   width: 900px;
   margin: 20px auto 0 auto;
}

div#sidebar1 {
   float: left;
   width:251px;
   margin-right:39px;
}

div#main1 {
   float: left;
   width: 610px; 
}

/**************** SUB 2 Templates with SUBNAV *****************/

#topwrapper-blue-sub2 {
   height: 326px;
   background-color:#006e91; /*darker blue*/
   clear: both;
}
#topwrapper-orange-sub2 {
   height: 326px;
   background-color:#de6b1a; /*orange*/
}
#topwrapper-yellow-sub2 {
   height: 326px;
   background-color:#ecb134; /*yellow bar bkgd*/
}

div#content2 {
   width: 900px;
   margin: -326px auto 0 auto;
   background-color: #5c5a5b; /*dark gray NEW*/
   color: #fff;
   /*min-height: 600px;*/
}

div#content2.grey {
   width: 900px;
   margin: -326px auto 0 auto;
   background-color: #dedede; /*light gray*/
   color: #333333;
   min-height: 600px;
}

div#sidebar2 {
   margin-top: -24px;
   margin-right: 39px;
   float: left;
   width: 318px;
   padding-top: 0;
}

div#main2 {
   margin-top: -24px;
   float: right;
   width: 513px; /*543 - 30*/
   padding-top: 24px;
   padding-right: 30px;
   padding-bottom: 20px;
}
div#main2 a {
   color: #fff;
   text-decoration: none;
}
div#main2 a:hover {
   color: #ffc54d; /*yellow*/
 text-decoration: underline;
}
div#main2 p a, #sidebar2 a {
   color: #ff8834;
   text-decoration: none;
}
div#main2 p a:hover, #sidebar2 a:hover {
   color: #ff8834;
   text-decoration: underline;
}
/**************** SUB 3 Templates NO SUBNAV *****************/
 #topwrapper-blue3 {
   height:326px;
   background-color:#006e91; /*darker blue*/
}
#topwrapper-orange3 {
   height: 326px;
   background-color:#de6b1a; /*orange*/
}
#topwrapper-yellow3 {
   height: 326px;
   background-color:#ecb134; /*yellow bar bkgd*/
}

div#content3 {
   width: 900px;
   margin: -326px auto 0 auto;
   background-color: #5c5a5b; /*dark gray NEW*/
   color: #fff;
   /*min-height: 600px;*/
}
div#sidebar3 {
   margin-top: 0px;
   float: left;
   width: 318px;
   margin-right: 39px;
}

div#main3 {
   margin-top: 0px;
   float: left;
   width: 513px; /*543 - 30*/
   padding-right: 30px;
   padding-bottom: 20px;
}
div#main3 a {
   color: #fff;
   text-decoration: underline;
}
div#main3 a:hover {
   color: #ffc54d; /*yellow*/
}
#sidebar3 a {
   color: #ff8834;
   text-decoration: none;
}
#sidebar3 a:hover {
   color: #ff8834;
   text-decoration: underline;
}
div#main3 p a {
   color: #ff8834;
   text-decoration: none;
}
div#main3 p a:hover {
   color: #ff8834;
   text-decoration: underline;
}

#topwrapper-gray4 {
   height: 323px;
   background-color: #6f6d6e; /*darker gray*/
   width: 100%;
   margin: 0 auto;
   text-align: center;
}
div#main3 #sitemapdiv p a {
   color: fff;
}
div#sitemapdiv ul {
  list-style-image: url(uploads/images/arrow-grey-yellow.gif);
}

/********** TOP BAR STYLES TO REMOVE NEGATIVE MARGIN ERRORS ****/
#topwrapper-blueBG {
   background: url('uploads/images/layout/blue_bg.jpg') repeat-x; /*darker blue*/
   width: 100%;
   min-height: 326px;
}
div#content4 {
   width: 900px;
   margin: 0 auto;
   background-color: #5c5a5b; /*dark gray NEW*/
   color: #fff;
   z-index: 20;
   min-height: 326px;
}
div#sidebar4 {
   margin-top: 0px;
   float: left;
   width: 318px;
   margin-right: 39px;
}

div#main4 {
   margin-top: 0px;
   float: left;
   width: 513px; /*543 - 30*/
   padding-right: 30px;
   padding-bottom: 20px;
}
div#main4 a, #sidebar4 a {
   color: #fff;
   text-decoration: underline;
}
div#main4 a:hover, #sidebar4 a:hover  {
   color: #ffc54d; /*yellow*/
}

/************ HOME TOUTS ************/
#touts{
	width:850px;
	margin:15px auto 0 auto;
	}
#tout1, #tout2, #tout3{
	float:left;
	width:200px; /*260 - 60*/
	font-size:11px;
	line-height:16px;
	padding:14px 0 0 60px;
	}
#tout1, #tout2{
	margin-right:35px;
	}
#tout1{
	background:url(uploads/images/tout-arrows.jpg) no-repeat top left;
	}
#tout2{
	background:url(uploads/images/tout-clock.jpg) no-repeat top left;
	}
#tout3{
	background:url(uploads/images/tout-sound.jpg) no-repeat top left;
	}
#touts h2{
	margin-bottom:12px;
	font-size:15px;
	line-height:18px;
	}	
#tout1 h2{
	color:#006e91; /*darker blue*/
}
#tout1 h2 a.homeheadinglink, #tout1 h2 a:hover.homeheadinglink {
	color:#006e91; /*darker blue*/
                text-decoration: none;
                background-image: none;
}
	}	
#tout2 h2{
	color:#7cc1cc; /*light blue*/
	}	
#tout2 h2 a.homeheadinglink, #tout2 h2 a:hover.homeheadinglink {
	color:#7cc1cc; /*light blue*/
                text-decoration: none;
                background-image: none;
}
#tout3 h2{
	color:#de6b1a; /*orange*/
	}
#tout3 h2 a.homeheadinglink, #tout3 h2 a:hover.homeheadinglink {
	color:#de6b1a; /*orange*/
                text-decoration: none;
                background-image: none;
}
#tout1 a{
	background:url(uploads/images/arrow-dkblue.gif) no-repeat left;
	padding-left:12px;
	}	
#tout2 a{
	background:url(uploads/images/arrow-lblue.gif) no-repeat left;
	padding-left:12px;
	}	
#tout3 a{
	background:url(uploads/images/arrow-orange.gif) no-repeat left;
	padding-left:12px;
	}


/************ LOGIN TOUTS ************/
#logintoutswrapper {
  width: 900px;
  margin: 0 auto;
  background-color: #5c5a5b; /*dark gray NEW*/
  min-height: 170px;
padding-top:20px;
}
#logintouts{
	width: 900px;
	margin: 0 auto;
	}
#logintout1, #logintout2, #logintout3{
	float:left;
	width:200px; /*260 - 60*/
	font-size:11px;
	line-height:16px;
	padding:14px 0 0 60px;
color:#fff;
	}
#logintout1, #logintout2{
	margin-right:35px;
	}
#logintout1{
	background:url(uploads/images/icons/Client_Login-News.gif) no-repeat top left;
	margin-left:25px;
	}
#logintout2{
	background:url(uploads/images/icons/Client_Login-VIP.gif) no-repeat top left;
	}
#logintout3{
	background:url(uploads/images/icons/Client_Login-Listen.gif) no-repeat top left;
	}
#logintouts h2{
	margin-bottom:12px;
	font-size:15px;
	line-height:18px;
	}	
#logintout1 a{
	background:url(uploads/images/arrow-grey-blue.gif) no-repeat left;
	padding-left:12px;
color:#fff;
	}	
#logintout2 a{
	background:url(uploads/images/arrow-grey-orange.gif) no-repeat left;
	padding-left:12px;
color:#fff;
	}	
#logintout3 a{
	background:url(uploads/images/arrow-grey-yellow.gif) no-repeat left;
	padding-left:12px;
color:#fff;
	}

/************ SUB PAGE 1 ************/

#top-content-left{
	float:left;
	width:260px;
	text-align:right;
	color:#fff;
	}
#top-content-left h1{
	font-size:22px;
	letter-spacing:0.5px;
	}	
#top-content-left h2{
	font-weight:normal;
	}	
#top-content-left a{
	color:#fff;
	}		
#top-image-right{
	float:right;
	width:620px;
	}

#sub-left{
	float:left;
	width:251px;
	margin-right:39px;
	}
#sub-right{
	float:left;
	width:610px;
	}

/************ SUB PAGE TOUTS ************/

#sub-tout{
	width:251px;
	font-size:11px;
	line-height:16px;
	}
#sub-tout h2{
	color:#fff;
	font-size:15px;
	line-height:18px;
	padding-top:15px;
	margin:0 0 15px 105px;
	}
#sub-tout p{
	margin-left:115px;
	}
		
#sub-tout.music{
	height:230px;
	background:url(uploads/images/touts/tout-music.jpg) no-repeat;
	margin-top:-9px;
	}
#sub-tout.how-it-works{
	height:197px;
	background:url(uploads/images/touts/tout-how_it_works.jpg) no-repeat;
	margin-top:-9px;
	}
#sub-tout.how-it-works p{
	margin-left:130px;
	}
#sub-tout.how-it-works p.move-back-left{
	margin-left:117px;
	}

#sub-tout.on-hold{
	height:164px;
	background:url(uploads/images/touts/tout-on_hold_messaging.jpg) no-repeat;
	margin-top:-9px;
	}

#sub-tout.great-deal{
	height:164px;
	background:url(uploads/images/touts/tout-great_deal.jpg) no-repeat;
	margin-top:-9px;
	}
#sub-tout.great-deal h2{
	margin-left:120px;
}
#sub-tout.great-deal p{
	margin-left:127px;
}



a.orange-arrow{
	background:url(uploads/images/arrow-orange.gif) no-repeat left;
	padding-left:12px;
	color:#de6b1a; /*orange*/
	}	
a.blue-arrow{
	background:url(uploads/images/arrow-dkblue.gif) no-repeat left;
	padding-left:12px;
	color:#36b0cf; /*teal top phone lighter*/
	}	

/************ FOOTER ************/
#footer{
	background-color:#006e91; /*darker blue*/
	height:46px;
	margin-top:20px;
	font-size:11px;
	line-height:18px;
	text-align:center;
	color:#7cc1cc; /*light blue*/
	}
#footer-wrapper{
	width:900px;
	margin: 0 auto;
	padding-top:3px;
	}
#footer a{
	color:#7cc1cc; /*light blue*/
	font-weight:normal;
	}
#footer a:hover{
	color:#fff;
	text-decoration:none;
	}
#footer2{
	font-size:9px;
	text-align:center;
	padding-top:5px;
	}

/************ POP UP BOX ************/
#popup div{
padding:20px;
}

/********************
CONTENT STYLING
*********************/


/************ COMMON STYLES ************/
h1{
	font-size:20px;
	line-height:27px;
	font-weight:bold;
	margin-bottom:10px;
	letter-spacing:0.4px;
	}
h2{
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:10px;
	letter-spacing:0.3px;
	}
h3{
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:3px;
	letter-spacing:0.3px;
	}	
p{
	margin-bottom:10px;
	}	
p.margin-bottom-less{
	margin-bottom:5px;
	}
p.flowchart{
padding:10px 0;
}

.float-left{
float:left;
margin-right:10px;
}
div.bump-down{
	margin-top:20px;
	margin-bottom:20px;
	}
div.bump-down2{
	padding-top:10px;
	}

#content ul, #content1 ul, #content2 ul, #content3 ul {
	margin-bottom:10px;
	margin-left:15px;
	}
#content ol, #content1 ol, #content2 ol, #content3 ol {
	margin-bottom:10px;
	margin-left:21px;
	}
#content li, #content1 li, #content2 li, #content3 li {
	margin-bottom:3px;
	}
#content ol ul, #content1 ol ul, #content2 ol ul, #content3 ol ul{
	margin-bottom:5px;
	margin-top:4px;
	margin-left:15px;
	}

#main3 h3.blue-light a, #sidebar3 h3.blue-light a{
	color:#91dfeb; /*light blue for body copy*/
	text-decoration:none;
	}
#main3 h3.blue-light a:hover, #sidebar3 h3.blue-light a:hover{
	color:#fff;
	}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
	border:none;
	height:1px;
	margin:10px 0;
	background-color:#888888;
   clear:both;
	}
div.hr-LightBlue {
	border:none;
	height:1px;
	margin:10px 0;
	background-color:#9acdd7;
	clear:both;
	}
div.hr-blue {
	border:none;
	height:1px;
	margin:10px 0;
	background-color:#36b0cf; /*teal top phone lighter*/
	clear:both;
	}
div.hr-orange {
	border:none;
	height:1px;
	margin:10px 0;
	background-color:#ff8834; /*orange middle*/
	clear:both;
	}	
div.hr-yellow {
	border:none;
	height:1px;
	margin:10px 0;
	background-color:#ffc54d; /*yellow*/
	clear:both;
	}
div.hr-DarkGrey {
	border:none;
	height:1px;
	margin:10px 0;
	background-color:#888;
	clear:both;
	}

a{
	font-weight:bold;
	text-decoration:none;
	color:#de6b1a;
	}
a:hover{
	text-decoration:underline;
	}	
a.orange-arrow{
	background:url(uploads/images/arrow-orange.gif) no-repeat left;
	padding-left:12px;
	color:#de6b1a; /*orange*/
	}	
	
.orange{
	color:#de6b1a; /*orange*/
	}
.orange-middle{
	color:#ff8834; /*orange middle*/
	}
.orange-lighter{
	color:#ffa24d; /*orange lighter*/
	}		
a.orangelink {
   color: #de6b1a;
}
a.bluelink {
   color: #0d8fbc;
}

.blue{
	color:#44c3e3; /*teal lighter*/
	}
.blue-light{
	color:#91dfeb; /*light blue for body copy*/
	}
.blue-darker{
	color:#007ba1; /*darker blue for text*/
	}
.yellow{
	color:#ffc54d; /*yellow*/
	}			
.grey{
	color:#333333; /*grey*/
	}	

sup{
font-size:7px;
}


blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

#music-genre-left{
width:220px;
float:left;
margin-right:40px;
}
#music-genre-right{
width:220px;
float:left;
}

div#main2 #music-genre-left a, div#main2 #music-genre-right a{
   color: #fff;
   text-decoration:none;
}

div#main2 #music-genre-left a img, div#main2 #music-genre-right a img{
float:left;
}
div#main2 #music-genre-left a:hover, div#main2 #music-genre-right a:hover {
   color:#ff8834; /*orange middle*/
   text-decoration: underline;
}

div#main3 #press-releases img, div#sidebar3 #press-releases img{
float:left;
}
div#main3 #press-releases a, div#sidebar3 #press-releases a{
text-decoration:none;
}

#sidebar-quote p{
font:13px/20px Georgia, "Times New Roman", Times, serif;
}
/* End of 'AMS Main Styles' */