/************* GROUP Reset *************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
ol, ul {list-style:none; margin:0; padding:0}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/************* GROUP HTML Elements *************/
html, body{
	background-color:#f4f4f4;
	font-family:helvetica, Arial, sans-serif;
	font-size:100%;
}
h1, h2, h3, h4, h5{}
h1{}
h2{}
h3{}
h4{color: #1F1F1F;font-size: 105%;}
h5{color:#393939; font-size:100%}

a:link, a:visited{color:#9D1C20; text-decoration:none}
a:hover{color:#1e1e1e}

hr{margin: 32px 0 25px 0; background-color:#ccc; color:#ccc; border:none; height:1px}

/************* GROUP Header *************/
#header{padding:10px 0}
#header a#logo{display:block; float:left;}
#header a.social, #header iframe{ 
	display:block;
	float:right; 
	margin:35px 0 0 10px; 
	font-size:8.5pt;
	font-weight:bold; 
	color:#606060; line-height:1.5
}
#header #slogan{
	float:left;
	color: #9D1C20;
	font-size: 13.7pt;
	font-weight: bold;
	margin: 29px 0 0 0;
} 
#header #slogan sup.tm{
	display: block;
	float: right;
	font-size: 9pt;
	margin-top: 1px;
}

/************* GROUP Main Navigation *************/

#tour #nav_main ul li a.tour,
#products #nav_main ul li a.products,
#love_page #nav_main ul li a.love_page,
#store #nav_main ul li a.store{border-bottom:solid 5px #9D1C20;}

#nav_main{height:60px;}
#nav_main ul{width:952px; background-color:#1e1e1e; height:39px}
#nav_main ul li{display:inline; float:left;}
#nav_main ul li#download_mainNav{
	float:right;
	background: url("/images/icons_buttons/button_mainnav_BG.png") repeat-x left top;
	width:auto;
}
#nav_main ul li#download_mainNav a, #nav_main ul li#download_mainNav a:hover{
	background: url("/images/icons_buttons/button_mainnav.png") no-repeat scroll right top transparent;
	border: medium none;
	font-size: 14pt;
	/*font-weight:bold;*/
	height: 39px;
	line-height: 40px;
	padding: 0 44px 0 27px;
	text-align: center;
	width: auto;
}

#nav_main ul li.last a:link, #nav_main ul li.last a:visited{border-right:none}
#nav_main ul li a:link, #nav_main ul li a:visited{
	display:block;
	height:39px;
	line-height:40px;
	color:#f4f4f4;
	font-size:10.9pt;
	text-decoration:none;
	text-transform: uppercase;
	padding:0 25px;
	border-right:solid #515151 1px;
}




/************* GROUP Main Content *************/
#mainContent{
	background-color:#fff;
	padding:20px;
	color:#393939;
	box-shadow:0 0 5px #888;
	-webkit-box-shadow:0 0 5px #888;
	-moz-box-shadow:0 0 4px #bbb;
}

/* Change the width and padding for the Tour pages (wider content") only */ 
#tour #mainContent{
	padding: 20px 0 20px 20px;
	width: 932px;
}


#mainContent p, #mainContent div, #mainContent h1, #mainContent h2, #mainContent h3{
	margin-bottom:20px;
	line-height:1.3;
}

#home #mainContent p, #home #mainContent div, #home #mainContent h1, #home #mainContent h2, #home #mainContent h3{
	margin-bottom:0px;
}

/* Adds the vertical line separating navigation from content */
#mainContent.tour div.content-wrapper{background:#FFFFFF url("/images/BGs/BG_pageSeparator_tour.gif") repeat-y  220px 0}

#mainContent div.left{float:left;width:400px;margin:0 20px 0 0;}
#mainContent div.right{float:right;width:488px;margin:0;}

#mainContent div.left-content{float: left;padding-right: 20px;width: 650px;}
#mainContent div.left-nav{float:left;width:200px;margin:0 20px 0 0; }
#mainContent div.right-nav{float:right;width:240px;/*border-left:solid 1px #ddd;*/}
#mainContent div.right-content{
	color:#606060;
	line-height:1.3;
	float:left;
	width:660px;
	margin:0 0 0 28px;
}

/*#mainContent div.right-content li{color:#9D1C20}*/
#mainContent div.center-content{
	float: left;
	width: 403px;
	margin: 0 20px 0 28px;
}
#mainContent .no-margin{margin:0px}
#mainContent .italic{font-style:italic}
#mainContent .bold{font-weight:bold}
#mainContent .black{color:#1e1e1e}
#mainContent ul{margin-bottom:20px}


/************* GROUP Love Page Styling *************/
div#the-love table{padding:0;}
div#the-love td.img{}
div#the-love td.lovens{
	padding: 15px 15px 15px 30px;
	background:#e8e8e8 url("/images/BGs/BG_qoutesarrow.jpg") no-repeat 0 center;
	font-size:10.5pt;
	color:#4c4c4c;
	border-bottom:solid 20px #fff;
}
div#the-love td.space{height:30px}

#feedback-form {border-left:solid 1px #ddd}
#feedback-form iframe {
    height: 377px;
    width: 216px;
    margin-left:20px;
}
#customer {
	border-top: 1px solid #ddd;
	margin: 20px 10px 0 20px;
	padding: 20px 10px 0 0;
}
#customer p{margin-bottom:20px; font-size:9.5pt; color:#383838}



/************* GROUP Products Page Styling *************/
#products #mainContent .grid_3.lowerContent{padding-left:20px; border-left:solid 1px #ccc;}
#products #mainContent .lowerContent p{
	font-size:9pt;
	color:#1f1f1f;
}
#products #mainContent .lowerContent ul{margin:0 0 0 14px}
#products #mainContent .lowerContent ul li{
	list-style:disc;
	font-size:9pt;
	color:#1f1f1f;
	margin:0 0 10px 0;
}
#mainContent.products{
	font-size:11pt;
	color:#1e1e1e;	
}
#mainContent.products h1#page-title{margin-bottom:10px}
#mainContent.products h2{
	font-size:14pt;
	color:#fff; 
	background-color:#141414;
	padding:10px;
	text-transform:uppercase;
}
#mainContent.products h2.lite{background-color:#999}
#mainContent.products h3{color: #2F2F2F; margin-bottom: 0px;}
#mainContent.products .lowerContent p{margin-bottom:35px}
#mainContent.products div.oline{ border:solid 1px #ddd; height:340px; margin-bottom:0px}
#mainContent.products div.oline.bundle{ background:url("/images/BGs/BG_products_unlimited.jpg") no-repeat center center}

#mainContent.products div.oline p,
#mainContent.products div.oline div,
#mainContent.products div.oline ul{
	margin:0 15px 20px 15px;
}
#mainContent.products div.oline ul li{margin-bottom:6px}

/* Dynamic Platform TuneUp Lite Button Styling */
#mainContent div.oline div#dynamic-platform-container{
	width: 243px;
	height:50px;
	margin:20px auto 0px auto;
}
#mainContent div.oline div#dynamic-platform-container div{margin:0px}
#mainContent div.oline div#dynamic-platform-container div a{
	background: url("/images/icons_buttons/button.png") no-repeat;
	color:#fff;
	display: block;
	font-size: 14pt;
	/*font-weight:bold;*/
	height: 50px;
	line-height: 32px;
	text-align: center;
	width: 243px;
}
/* dynamic platform text */
span.dynamic-platform{
	display: block;
	font-size: 8.5pt;
	font-weight: normal;
	line-height: 0;
	margin: 0 0;
}
#mainContent div.oline p#version{color:#606060; font-size:8.5pt;text-align: center;width: 285px;margin: 0px auto 10px auto;}
#mainContent div.oline p#version a{font-size:8.5pt}
#mainContent div.oline p#version a:hover{text-decoration:none} 


/* Buy TuneUp Button Styling */
#mainContent div.oline div#buy{
	width: 243px;
	height:50px;
	margin:40px auto 0px auto;
}
#mainContent div.oline div#buy a{
	background: url("/images/icons_buttons/button.png") no-repeat;
	color:#fff;
	display: block;
	font-size: 14pt;
	/*font-weight:bold;*/
	height: 50px;
	line-height: 32px;
	text-align: center;
	width: 243px;
}
/* dynamic platform text */
span#buy{
	display: block;
	font-size: 8.5pt;
	font-weight: normal;
	line-height: 0;
	margin: 0;
}

/************* Page Titles Styling *************/
h1#page-title{
	font-family: Impact,Helvetica,Arial;
	font-size: 30pt;
	text-transform: uppercase;
	color: #232220;
	margin: 0 0 25px;
	font-weight: normal;
}
h2{color:#9A2223;}
h3{color:#000;}
h3 span{font-size:8pt;position: relative;top: -6px;}/* reduce size of TM */

/* Headline Styling - Begin */
#mainContent #headline{
	font-family: Impact,Helvetica,Arial;
	font-size: 30pt;
	line-height: 120%;
	color: #232220;
	margin: -10px 0 0;
	text-transform: uppercase;
}
#mainContent div#headline span{color:#9D1C20}
#mainContent div#headline span.tm{
	font-size: 9pt;
	position:relative;
	top: -20px;
	padding-left: 3px;
}
/* Headline Styling - End */

/* Home page bullets. This is how you make them red */
#mainContent ul#TU-bullets{margin:10px 0 30px}
#mainContent ul#TU-bullets li{
	margin:0 0 6px 0;
	padding-left:20px;
	background: url("/images/icons_buttons/listBullet.png") no-repeat;
	color: #2B2B2B;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
#mainContent  div.right-content ul li{
	text-align:justify;
	list-style:disc;
	margin-left:14px;
	font-size:9.5pt;
}
#mainContent  div.right-content ul.default li{color:#606060}

#mainContent span#availablefor{
	display:block;
	float:left;
	font-size:8.5pt;
	font-weight:bold;
	margin: 3px 0 0;
}
#mainContent a.enlarge{
	display:block;
	float:right;
	font-size:8.5pt;
	font-weight:bold;
	margin: 3px 0 0;
}

a#download-button{
	display: block;
	color: white;
	background: url("/images/icons_buttons/button_global.png") no-repeat scroll right top transparent;
	border: medium none;
	font-size: 14pt;
	/*font-weight: bold;*/
	height: 44px;
	line-height: 44px;
	padding: 0 48px 0 26px;
	float: left;
}

#mainContent div.more{margin-bottom:0px}
#mainContent div.more a{
	color: #1B1B1B;
	font-size: 8pt;
	font-weight: bold;
}
#mainContent .more img{vertical-align:middle}


/************* GROUP Tour Pages Styling *************/
/* Tour side content */
img#IMG_floatLeft{ display:block; float:left}
div.side {
	float: right; 
	width:407px;
	font-size:9.5pt;
	color:#1e1e1e;
}
div.side#quick {
	height: 230px;
	margin: 85px 0 20px 0;
}
div.side#diagnosis {
	height: 150px;
}
div.side p,div.side ul li,div.side strong{color:#1e1e1e;}
#mainContent  div.right-content div.side ul li{
	text-align: left;
	list-style:disc;
	margin:0 0 15px 30px;
	font-size:9.5pt;
}


/* Sub Navigation */
ul#tour-nav{}
ul#tour-nav li a:link, ul#tour-nav li a:visited{
	color:#3a3a3a;
	font-size:12pt;
	font-weight:bold;
	display:block; 
	padding:16px 0 16px 64px; 
	border-bottom:solid 1px #ddd;
	
}
ul#tour-nav li a:hover{color:#9D1C20}

/* Apply active and inactive state images and link color */
ul#tour-nav li a.active{color:#9D1C20}

ul#tour-nav li.overview a{background:url("/images/icons_buttons/icon-record.jpg") no-repeat 0 0}
ul#tour-nav li.overview a.active{background:url("/images/icons_buttons/icon-record-on.jpg") no-repeat 0 0}

ul#tour-nav li.analyze a{background:url("/images/icons_buttons/icon-analyze.jpg") no-repeat 0 0}
ul#tour-nav li.analyze a.active{background:url("/images/icons_buttons/icon-analyze-on.jpg") no-repeat 0 0}

ul#tour-nav li.clean a{background:url("/images/icons_buttons/icon-clean.jpg") no-repeat 0 0}
ul#tour-nav li.clean a.active{background:url("/images/icons_buttons/icon-clean-on.jpg") no-repeat 0 0}

ul#tour-nav li.coverArt a{background:url("/images/icons_buttons/icon-coverart.jpg") no-repeat 0 0}
ul#tour-nav li.coverArt a.active{background:url("/images/icons_buttons/icon-coverart-on.jpg") no-repeat 0 0}

ul#tour-nav li.tuniverse a{background:url("/images/icons_buttons/icon-tuniverse.jpg") no-repeat 0 0}
ul#tour-nav li.tuniverse a.active{background:url("/images/icons_buttons/icon-tuniverse-on.jpg") no-repeat 0 0}

ul#tour-nav li.concerts a{background:url("/images/icons_buttons/icon-concerts.jpg") no-repeat 0 0}
ul#tour-nav li.concerts a.active{background:url("/images/icons_buttons/icon-concerts-on.jpg") no-repeat 0 0}

ul#tour-nav li.share a{background:url("/images/icons_buttons/icon-share.jpg") no-repeat 0 0}
ul#tour-nav li.share a.active{background:url("/images/icons_buttons/icon-share-on.jpg") no-repeat 0 0}

ul#tour-nav li.deduper a{background:url("/images/icons_buttons/icon-deduper.jpg") no-repeat 0 0}
ul#tour-nav li.deduper a.active{background:url("/images/icons_buttons/icon-deduper-on.jpg") no-repeat 0 0}

ul#tour-nav li.demo a{background:url("/images/icons_buttons/icon-camera.jpg") no-repeat 0 0}
ul#tour-nav li.demo a.active{background:url("/images/icons_buttons/icon-camera-on.jpg") no-repeat 0 0}


#mainContent div.right-content .sideCoverArt ul li{color:#1f1f1f}

/* Download button in Tour sub nav*/
#tour li#download_tour{}
#tour li#download_tour a#download-button{
	background: url("/images/icons_buttons/button_tour.png") right 0 no-repeat;
	color: white;
	display: block;
	font-size: 14pt;
	font-weight: normal;
	line-height: 42px;
	text-align: center;
	width: 208px;
	height: 50px;
	margin: 20px 0 0 -4px;
	padding: 0 7px 0 0;
	border: none;
}

/************* GROUP Company pages styling *************/
#company .right-content p, #company .center-content p{
	font-size: 9.5pt;
}
#company .contact .right-content p{margin-bottom:30px;}
#company .contact .right-content p.no-margin{margin-bottom:0px}

#company .left-nav H4 {
    background-color: #ededed;
    color: #1e1e1e;
    font-size: 9.9pt;
    line-height:9.9pt;
    margin:10px 0 14px;
    padding:6px 0;
    text-align:center;
    text-transform: uppercase;
}
#company .left-nav .social-link img{vertical-align:middle; margin: 0 5px 0 0;}
#company .left-nav .social-link a{font-size:9pt}
#company .left-nav p.social-link{padding: 4px 0; font-weight: bold;}
#company .left-nav p{font-size:9pt; padding: 10px 0; margin: 0;}
#company .right-content .leaders{clear:both; font-size:9pt; margin-bottom:30px}
#company .right-content .leaders img{
	display:block;
	float:left;
	/* [disabled]margin:0 20px 87px 0; */
}
#company .right-content .leaders p{ text-align:justify; float:right; width:463px}
#company .right-content .leaderName{color:#1e1e1e; margin-bottom:0px}
#company .right-content .leaderName strong{font-size:10.5pt}
#company .center-content h3{margin-top:40px}
#company .center-content h3.first{margin-top:0px}
#company #mainContent div.right-nav{
	background-color: #FAFAFA;
	border-left: 2px solid #CACACA;
	border-bottom: 2px solid #CACACA;
	margin: -100px -20px 0px 0;
	padding: 27px 20px 20px 20px;
	width: 218px;
	font-size:9pt;
	color:#000;
}
#company #mainContent div.right-nav h3{
	color: #9A2223;
	font-size: 18pt;
	font-style: normal;
}
#company #mainContent div.right-nav p.stat{font-weight:bold}
#company #mainContent div.right-nav p.quote{margin-bottom:0px}

a.article:link, a.article:visited{color:#393939;}
a.article:hover{color:#992212}

textarea#code{
	border: 1px solid #D7D7D7;
	height: 82px;
	width: 398px;
}

/* Job openings syling for Jquery accordians */
H3.trigger {
    background: url("/images/icons_buttons/nav-arrows.png") no-repeat scroll 0 0 #F2F1F1;
    border-bottom: 1px solid #C6C6C6;
    font-size: 85%;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 6px;
}
H3.active {background-position: left bottom;}
H3.trigger A {padding-left: 30px;}
a.job-link{
	display: block;
	float: right;
	font-size: 11pt;
	font-weight: bold;
}
.toggle_container {
    clear: both;
    font-size: 1.1em;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0;
    text-align: justify;
    background-color: #F4F4F4;
    border: 1px solid #DBDBDB;
    padding: 20px;
}
#mainContent div.right-content .toggle_container ul li, #mainContent div.right-content .toggle_container p{color:#606060}
#mainContent div.right-content .toggle_container ul li {margin-bottom:10px}
#mainContent div.right-content .toggle_container h4 {
    font-size: 85%;
    margin:0 0 20px 0;
}

/* Newsroom styling */
#newsroom-iframe {height: 520px;width: 404px;}

/* Sub Navigation */
ul.company{}
ul.company li{padding:5px 10px 15px 0; margin-bottom:10px; border-bottom:solid 1px #ddd}
/*ul.company li:last-child {border-bottom:none}*/
ul.company li img{vertical-align:middle}
ul.company li a:link, ul.company li a:visited{
	color:#3a3a3a;
	font-size:12pt;
	font-weight:bold;
}
ul.company li a:hover{color:#9D1C20}
ul.company li a.active{color:#9D1C20}


/************* GROUP Policy Pages Styling *************/
#policies #mainContent div.right-content ul li{color:#606060}
#policies .right-content p, #policies .center-content p {
    font-size: 9.5pt;
}

/************* GROUP FAQs Page Styling *************/
#faqs #mainContent h2{color:#1f1f1f; font-size:12.3pt; margin-bottom:12px}
#faqs #mainContent h3{color:#9A2223; font-size:12.3pt; margin-bottom:12px}
#faqs #mainContent p{font-size:9pt; color:#606060}
#faqs #mainContent ul{margin:0 0 20px 44px}
#faqs #mainContent li{
	list-style:disc;
	font-size:9pt;
	color:#606060;
	margin:0 0 4px 0;
}


/************* GROUP Lower Content Home *************/

#lowerContent{margin:20px 10px 0 10px; width:952px}
#lowerContent .inner{
	float:left;
	width:304px; 
	height:290px;
	overflow:hidden;
	margin:0;
}	
#lowerContent .inner.center{margin:0 20px; text-align:center}
#lowerContent div.inner.center iframe{height:280px}


#lowerContent .inner.right{float:right; margin:0}

#lowerContent h3{
	background-color:#1e1e1e;
	color:#fff;
	height:32px;
	line-height:34px;
	padding:0 10px;
	text-transform:uppercase;
	text-align:left;
	margin-bottom:20px;
}
#lowerContent .inner.right h3{
	margin-bottom:8px;
}


#lowerContent div.inner.right iframe{
	height:290px
}
#lowerContent iframe iframe#promo-iframe {
	line-height:130%;
}


/* Love Ticker Styling */
div.love-ticker ul{}
div.love-ticker ul li{height:auto !important;}
div.love-ticker ul li p{
	background:url("/images/BGs/BG_bubble.png") repeat-y center top;
	height:auto !important;
	padding:10px 15px 5px !important;
	margin:0 !important;
	font-size:9pt;
	line-height:130%;
}
div.love-ticker ul li a{
	display:block;
	height:65px !important;
	padding:10px 5px 0 !important;
	background: url("/images/BGs/BG_bubble_arrow.png") no-repeat center top;
	font-size:9pt;
	text-align:right;
}



/************* GROUP Love Bar *************/
#love{margin:14px 10px 0 10px; font-size:85%; color:#1e1e1e; font-weight:bold}
#love p{float:left; line-height:42px;}
#love a{float:left; margin-left:15px}


/************* GROUP Footer *************/
#footer{position:relative; width:870px; margin:20px auto}
#footer div.footer-nav{
	float: left;
	margin-right: 2%;
	width: 18%;
}
#footer div.footer-nav ul{margin: 0}
#footer div.footer-nav ul.last{margin-right:0px}
#footer div.footer-nav h3, #footer div.footer-nav h3 a{
	color:#6c6c6c; 
	font-size: 8.5pt;
	line-height:16px;
	margin-bottom:0px;
}
#footer div.footer-nav ul h3 a:hover{color:#1e1e1e}
#footer div.footer-nav ul li{line-height:16px}
#footer div.footer-nav ul li a{
	color:#9F9F9F; 
	font-size:8.5pt; 
	text-decoration:none;
}
#footer div.footer-nav ul li a:hover{color:#393939; text-align:center}
#footer #copyright{font-size:8pt; color:#9F9F9F; margin:40px 0 0; text-align:center}