/* Applications Page Layout Items for www.aviom.com */
/* Copyright 2010 Aviom, Inc. */

#AppTheLine {
	position: relative;
	margin-top: -58px;
	margin-left: 12px;
	float: left;
	background:#AAAAAA;
	width:558px;
	height:1px;
	overflow:hidden;
}
#AppContentContainerBOTTOM {
	width: 685px;
	height: auto;
	position: relative;
	float: left;
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 50px 40px;
}

.AppFeaturesList {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;
	float:left;
	width:230px;
}
.AppFeaturesList ul li{
	margin-left:0px;
	font-size:13px;
	margin-bottom:10px;
}
#AppFlash {
	float:right;
	padding: 25px 40px 0px 0px;
}
.appcsbox {
	width: 595px;
	float: left;
	padding: 30px 20px 10px 20px;
	margin: 60px 0 30px 30px;
	background-color:#F1F1F1;
	height: auto;
}
.appcsboxHTITLE {
	width: 595px;
	height: auto;
	float: left;
	margin: 0 0 22px 0;
	line-height:18px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
}

.appcsboxITEM {
	width: 285px;
	float:left;
	height: auto;
	margin: 0px 0px 20px 0px;
}
.appcsboxHEAD {
	width:200px;
	float:left;
	font-size: 12px;
	color:#666666;
	text-align: left;
	line-height: 14px;
	font-family: Times;
	font-weight:bold;
}
.appcsboxTEXT {
	width:210px;
	float:left;
	font-size: 12px;
	color:#666666;
	text-align: left;
	line-height: 14px;
	font-family: Times;
}
.appcsboxIMG {
	width:63px;
	margin-right: 10px;
	float: left;
	height: auto;
}	


.appcsboxHEAD a,
.appcsboxHEAD a:link,
.appcsboxHEAD a:visited {
	text-decoration:none;
}
.appcsboxHEAD a:hover,
.appcsboxHEAD a:active {
	text-decoration:underline;
}
.appcsboxTEXT a,
.appcsboxTEXT a:link,
.appcsboxTEXT a:visited,
.appcsboxTEXT a:hover,
.appcsboxTEXT a:active {
	text-decoration:none;
	color:#666666;
}

.appcontentbody {
	width: 635px;
	padding: 0px;
	margin: 0px 0px 0px 30px;
	float: left;
}
.apprevealbody {
	width: 625px;
	margin: 0 0 0 0px;
	float: left;
}

#GettingStartedIntroBox {
	width: 600px;
	margin: -40px 0px 0px 30px;
	float: left;
}
#GettingStartedIntroIMGCapBox {
	float: left;
	width:275px;
}
#GettingStartedIntroIMG {
	margin: 20px 0px 0px 0px;
	float: left;
	width: 275px;
}
#GettingStartedIntroCaption {
	margin: 10px 0px 0px 15px;
	float: left;
	width: 245px;
	text-align:center;
	font-size:11px;
}
.AppRevealLinks {
	font-size: 14px;
	position:relative;
	float:right;
	text-align:right;
	padding:50px 0px 20px 10px;
}
.AppsRevealMenuContainer {
	width: 635px;
	height: auto;
	position: relative;
	float: left;
	margin: 50px 0px 20px 0px;
}	
.AppList LI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}
.AppPullSect {
	width:635px;
	float:left;
	margin-bottom:40px;
	margin-top: 10px;
	font-size: 13px;
	line-height:20px;
}
.AppPullSect h3 {
	margin-bottom:20px;
	color: #9f4704;
}
.AppPullSectText {
	float: left;
	width:367px;
}
.Apppullquote {
	float: left;
	width: 315px;
	margin: 0px 0px 20px 18px;
	padding: 0px 0px 4px 8px;
}
.Apppullquote img {
	width: 100%;
	margin-bottom: 10px;
}
.ApppullquoteLINK {
	font-size:11px;
	text-align:left;
	font-style:normal;
	float:left;
	font-weight:normal
}
.ApppullquoteTEXT {
	color:#4D4D4D;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}
.ApppullquoteNAME {
	font-size:11px;
	color:#4D4D4D;
	text-align:right;
	font-style:normal;
	font-weight:bold;
	float:right;
	line-height:14px;
}
.ApppullquoteTITLE {
	font-size:11px;
	color:#4D4D4D;
	text-align:right;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	float:right;
	line-height:12px;
}
.ApppullquoteAFFIL {
	font-size:11px;
	color:#4D4D4D;
	text-align:right;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	float:right;
	line-height:12px;
}

#AppOverviewBottomBox {
	width: 430px;
	padding: 30px 30px 30px 50px;
	margin-top: 40px;
	margin-left: 80px;
	margin-right: 80px;
	float: left;
	background-color:#e2e2e2;
}

.AppOverviewBottomBox {
	width: 430px;
	padding: 30px 30px 30px 50px;
	margin-top: 40px;
	margin-left: 80px;
	margin-right: 80px;
	float: left;
	background-color:#e2e2e2;
}
.AppOverviewBottomThing {
	width:270px;
	margin: 0px 0px 0px 20px;
	float: left;
	padding: 0px;
}

/*.AppOverviewBottomBullets ul {
	margin-left: 40px;
	width:250px;
	padding: 0px;
	display:inline;
}*/

.AppOverviewBottomBullets LI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 6px 20px;
	padding: 0px 0px 0px 0px;
	size:10px;
}

ul.AppOverviewBottomBullets {
	margin-left: 0px;
	width:250px;
	padding: 0px;
	display:inline;

}





.AppNextPage {
	margin-top: 40px;
	margin-right: 20px;
	float:right;
	font-size:12px;
	font-weight:bold;
}
.apprevealbody h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#3C6583;
	font-weight:bold;
	font-size:14px;
	margin-top: 15px;
	margin-bottom: 8px;
	line-height: 18px;
}
.AppResourcesFeaturedBox {
	width: 305px;
	float:right;
	background-color:#f2f2f2;
	border:solid 1px;
	border-color:#AAAAAA;
	margin-top:-50px;
	margin-right:-20px;
}
.AppResourcesFeatured {
	width: 250px;
	float:left;
	margin-left:25px;
}
	
.AppResourcesFeaturedIMG {
	margin-left: 25px;
	float:left;
	width:250px;
}
.AppResourcesFeaturedTEXT {
	margin: 18px 42px 0px 42px;
	width: 232px;
	float:left;
}
.AppResourcesFeaturedMORE {
	margin: 0 42px 10px 42px;
	width: 232px;
	float:left;
	text-align:right;
	font-size:11px;
}
#AppResourcesBottomBox {
	width: 430px;
	padding: 0px 30px 30px 50px;
	margin-top: 40px;
	margin-left: 80px;
	float: left;
	background-color:#f2f2f2;
}
.AppComponentsTable {
	margin-left:20px;
	margin-bottom: 40px;
	background-color:#ffffff;
	font-size:12px;
	line-height:16px;
}
.AppComponentsTable th {
	background-color:#FF00CC;
	font-weight:bold;
	text-align:left;
	font-size:13px;
	padding: 4px 8px ;
}
.AppComponentsTable td {
	padding: 8px 8px 12px 8px;
	font-size: 12px;
	vertical-align:top;
}
.AppCloserTable {
	width: 640px;
	margin-left:20px;
	font-size:12px;
	line-height:16px;
}
.AppCloserTable td {
	vertical-align:middle;
}
.CloserLook {
	float: left;
}
.ANCloserLookElem {
	width: 612px;
	float: left;
	margin: 25px 0 25px 20px;
}
.ANCloserLookText {
	width: 365px;
	float: right;
	margin-top:10px;
}
.ANCloserLookImage {
	width: 226px;
	float:left;
	margin-right:10px;
	text-align:right;
}
.CloserLookElem {
	width: 612px;
	float: left;
	margin: 5px 0px 40px 40px;
}
.CloserLookText {
	width: 390px;
	float: left;
}
.CloserLookImage {
	width: 200px;
	float:right;
	margin-left:10px;
}
.SelectingBox {
	background-color:#ffffff;
	width:515px;
	margin:0px 0 50px 20px;
	float:left;
}
.SelectingItem {
	float:left;
	margin: 20px 20px 20px 20px;
}
.SelectingName {
	float:left;
	text-align:left;
	width:490px;
}
.SelectingImg {
	float: left;
	width:150px;
	text-align:right;
	margin-top:6px;
}
.SelectingNote {
	float: right;
	width:280px;
	margin-right:20px;
}
.SelectingNote ul {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	display:inline;
	padding:0px;
}
.SelectingNote li {
	margin-bottom: 8px;	
	padding: 0px 0px 0px 5px;
}
.SampleSystem {
     width: 590px;
     float: left;
     margin: 30px 0 30px 40px;
}

.SampleName {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#b55400;
	width: 250px;
	padding-right:250px;
	float:left;
	text-align: center;
	margin-bottom: 20px;
}

.SampleIMG {
	width: 250px;
	float:left;
}
.SampleDescr {
	width: 300px;
	float:left;
	margin: 20px 0 10px 20px;
}
.SampleExample {
	width: 300px;
	float:right;
	margin: 10px 20px 10px 20px;
	font-weight:bold;
	font-size:11px;
	color:#003c69;

}
.SampleExample ul {
    font-weight:normal;
	margin-top:-6px;
	font-size:11px;
}

.SampleExample li {
    font-weight:normal;
	margin-bottom:0px;
	font-size:11px;
}
.AppResources ul {
	padding:0px;
	margin:0px;
	list-style:none;
	margin-left: 30px;
	margin-right: 20px;
}
.AppResources li {
	margin:0px;
	padding:0px;
	margin-top: 10px;
	margin-bottom: 15px;
}
/*dev40 classes*/
.appintro {
	width: 535px;
	padding: 0px;
	margin: 0px 0px 20px 150px;
	float: left;
	font-size:14px;
	line-height: 28px;
}
.appintro2 {
	width: 535px;
	padding: 0px 105px 0px 0px;
	margin: 0px 0px 20px 0px;
	float: left;
	font-size:14px;
	line-height: 28px;
}
.appintro3 {
	width: 535px;
	padding: 0px 65px 0px 0px;
	margin: 0px 0px 20px 40px;
	float: left;
	font-size:14px;
	line-height: 28px;
}


.appintro p,
.appintro2 p,
.appintro3 p {
	font-size: 14px;
	line-height: 24px;
	_margin-bottom: 40px;
	_margin-top: 20px;
	font-weight: 400;
}
.appintro img {
	width: 100%;
	margin-bottom: 10px;
}
.appintrolist {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	margin: 10px 200px 20px 30px;
	float:left;
	width:400px;
}
.appintrolist ul {
	font-size:14px;
	margin-top: 0px;
}
.appintrolist li {
	font-size:14px;
	line-height: 20px;
}
.appcontentbody h3 {
	margin-top: 40px;
	margin-bottom:5px;
	float: left;
	color: #8c3f00;
}
.appcontentbody p {
	float: left;
}
.appoutro {
	width: 550px;
	padding: 0px;
	margin: 20px 0px 0px 50px;
	float: left;
	font-size: 14px;
	line-height: 18px;
	font-style:italic;
}
.appoutro ul {
	font-size: 12px;
	margin: 30px 0px 60px 70px;
	width: 400px;
	float: left;	
}
.appoutro li {
	margin-left:0px;
	margin-bottom: 8px;
	line-height: 16px;
}
.appoutrobuttons p {
	font-style: normal;
	line-height: normal;
	margin-bottom: 4px;
	margin-top: 15px;
}
.appoutrobuttons {
	font-size: 14px;
	line-height: 20px;
	padding: 5px 10px;
	margin: 10px 20px;
	background-color:#e0dfe3;
	float: left;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
}
.appcontentbody h2 {
	margin-bottom: 0px;
}
.AppInlineBlock {
	float:left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 4px 0px;
}
/*.SeriesSelect {
	_width: 290px;
	width:530px;
	float:left;
	margin:0px 10px 20px 70px;
	_padding-top: 10px;
	cursor:pointer;
	_min-height:520px;
	_border: 1px solid white;
	_-webkit-border-radius: 8px; 
	_-moz-border-radius: 8px; 
	_border-radius: 8px;
}
.SeriesSelectOff {
	width: 290px;
	float:left;
	margin:20px 10px 20px 10px;
	padding-top:10px;
	cursor:pointer;
	min-height:520px;
	border: 1px solid white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	opacity:0.5;
	filter:alpha(opacity=50);
}*/
.SeriesSelectReveal,
.SeriesSelectRevealOPEN {
	width:600px;
	float:left;
	margin:0px 10px 30px 0px;
  padding: 10px 20px;
  background: -moz-linear-gradient(#f8f8f8, #ededed);
	background: -ms-linear-gradient(#f8f8f8, #ededed);
	background: -o-linear-gradient(#f8f8f8, #ededed);
	background: -webkit-linear-gradient(#f8f8f8, #ededed);	
	-moz-border-radius: 8px;
	border-radius: 8px;
	_width:600px;
	_float:left;
	_margin:0px 10px 0px 0px;
}
.SeriesSelectReveal:hover {
	cursor:pointer;
}
.SeriesSelectReveal:hover h3 {
	color:#D77A2E;
}
.SeriesSelectText {
	width: 600px;
	float: left;
	margin: 0px 0px 20px 0px;
}
.SnakeSeriesLogo {
	width: 100px;
	float: left;
	margin: 0px 20px 0px 0px;
}
.SnakeSeriesProduct {
	width: 300px;
	float:left;
	margin: 10px 0px 10px 100px;
}
/*div.SeriesSelect:hover,
div.SeriesSelectOff:hover {
	border: 1px solid #4d4d4d;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	color:#b55400;
	opacity:1.0;
	filter:alpha(opacity=100);

}*/
/*.SeriesSelectOn {
	width: 290px;
	float:left;
	margin:20px 10px 20px 10px;
	padding-top: 10px;
	min-height:520px;
	border: 2px solid #b55400;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
}
.SeriesSelectOff ul li,
.SeriesSelectOn ul li,
.SeriesSelect ul li {
	list-style-image:url('/Images/global/check.jpg');
	font-size: 13px;
	color:#4d4d4d;
}
*/
.SeriesSelectReveal h3 {
	margin-left:100px;
}
.SeriesSelectText ul {
	margin-left:10px;
	float: left;
	width: 255px;
}
.SeriesSelectText ul li {
	list-style-image:url('/Images/global/check.png');
	font-size: 13px;
	color:#4d4d4d;
}
/*.SeriesSelectRevealReadMore {
	width: 580px;
	float: left;
}*/
/*.SeriesSelectOff img,
.SeriesSelectOn img,
.SeriesSelect img {
	width: 100%;
	margin-bottom: 20px;
}*/
.SeriesSelectButton {
	text-align:center;
	padding: 10px 0px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	background-color:#e0dfe3;
	font-weight: bold;
	font-size: 16px;
}
.SeriesSelectButtonOn {
	text-align:center;
	padding: 10px 0px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	background-color:#e0dfe3;
	font-weight: bold;
	font-size: 16px;
	color:#b55400;
}
.SnakePkgBlock {
	width: 600px;
	float: left;
	margin: 30px 0px 10px 50px;
}
.SnakePkgBlock img {
	width: 150px;
	float: left;
	margin: 0px 30px 20px 0px;
}
.SnakePkgName {
	font-weight:bold;
	margin-bottom:0px;
}
.SnakePkgDes {
	font-weight: normal;
	font-style: italic;
}
.SnakePkgBlockText {
	width: 350px;
	float: left;
}
.appnav {
	float: left;
	position:relative;
	margin: 10px 0px;
	font-size:18px;
}
.appnavON {
	font-weight:500;
	color:#3C6583;
}
.appnavright {
	float: right;
	position:relative;
	margin: 30px 0px 20px 0px;
	font-size:16px;
}

/*Set Top Level LI Widths and background images*/

#appnav li.appnavli_overview {
	width:103px;
	background-image: url(/Images/applications/nav/Overviewr.jpg);
	-moz-background-size:103px 105px; /* Firefox 3.6 */
	-webkit-background-size:103px 105px;
	background-size:103px 105px;
	background-repeat:no-repeat;
}
#appnav li.appnavli_HIW {
	width:126px;
	background-image: url(/Images/applications/nav/HIWr.jpg);
	-moz-background-size:126px 105px; /* Firefox 3.6 */
	-webkit-background-size:126px 105px;
	background-size:126px 105px;
	background-repeat:no-repeat;
}
#appnav li.appnavli_WYN {
	width:140px;
	background-image: url(/Images/applications/nav/WYNr.jpg);
	-moz-background-size:140px 105px; /* Firefox 3.6 */
	-webkit-background-size:140px 105px;
	background-size:140px 105px;
	background-repeat:no-repeat;
}
#appnav li.appnavli_blank {
	width:5px;
	
}

/*Set Hover and Selected states for Top Level LI items*/

/*#appnav li:hover, #appnav li.sfhover, #appnav li.active {
	background-position: 0px -35px;
	text-decoration: none;
}
#appnav.overview li.appnavli_overview,
#appnav.HDIW li.appnavli_HIW,
#appnav.WDIN li.appnavli_WYN {
	background-position: 0px -70px !important;
	text-decoration: none;
}
#appnav li:hover a, #appnav li.sfhover a {
	text-decoration: none;
}
#appnav li a span {
	visibility: hidden;
}*/

/*Web40 Plan B styles*/
.cat1SnakeBasicsBanner,
.cat2SnakeBasicsBanner,
.cat3SnakeBasicsBanner {
	width: 770px;
	height: 340px;
	margin: 0px;
	float: left;
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 30px;
	background-image:url(../Images/applications/DigitalSnakes/digital-snakes-banner.jpg);
}
.cat4SnakeBasicsBanner {
	width: 770px;
	height: 340px;
	margin: 0px;
	float: left;
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 30px;
	background-image:url(../Images/applications/DigitalSnakes/digital-snakes-pro16-banner.jpg);
}
.cat5SnakeBasicsBanner {
	width: 770px;
	height: 340px;
	margin: 0px;
	float: left;
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 30px;
	background-image:url(../Images/applications/DigitalSnakes/digital-snakes-pro64-banner.jpg);
}
.cat1MMTutorials {
	width: 770px;
	height: 340px;
	margin: 0px;
	float: left;
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 30px;
	background-image:url(../Images/applications/MonitorMixing/monitor-mixing-tutorials-banner.jpg);
}
.cat2MMTutorials {
	width: 770px;
	height: 340px;
	margin: 0px;
	float: left;
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 30px;
	background-image:url(../Images/applications/MonitorMixing/monitor-mixing-tutorials-banner-a360.jpg);
}
.cat3MMTutorials {
	width: 770px;
	height: 340px;
	margin: 0px;
	float: left;
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 30px;
	background-image:url(../Images/applications/MonitorMixing/monitor-mixing-tutorials-banner-a16ii.jpg);
}
.cat4MMTutorials {
	width: 770px;
	height: 340px;
	margin: 0px;
	float: left;
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 30px;
	background-image:url(../Images/applications/MonitorMixing/monitor-mixing-tutorials-banner-a16r.jpg);
}

.appbanner {
	_width: 800px;
	width:770px;
	height: 340px;
	margin: 0px;
	float: left;
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 30px;
}
.cat1MMTutorials h1,
.cat2MMTutorials h1,
.cat3MMTutorials h1,
.cat4MMTutorials h1,
.cat1SnakeBasicsBanner h1,
.cat2SnakeBasicsBanner h1,
.cat3SnakeBasicsBanner h1,
.cat4SnakeBasicsBanner h1,
.cat5SnakeBasicsBanner h1,
.appbanner h1 {
	color:#ffffff;
}
.appbannernav {
	font-size: 18px;
	font-weight:500;
	width: 200px;
	margin: 10px 0px 10px 30px;
	padding: 5px 10px;
	color: #ffffff;
	text-decoration:none;
}
.appbannernav a,
.appbannernav a:visited,
.appbannernav a:active,
.appbannernav a:hover {
	color: #ffffff;
	text-decoration:none;
}
.appbannernavBASIC a:active,
.appbannernavBASIC a:hover {
	color: #ffffff;
	text-decoration:underline;
}
.appbannernavBASIC a,
.appbannernavBASIC a:visited {
	color: #ffffff;
	text-decoration:none;
}
div.appbannernavOFF:hover {
	background: -moz-linear-gradient(left,  rgba(77,77,77,1) 1%, rgba(77,77,77,1) 30%, rgba(77,77,77,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(77,77,77,1)), color-stop(30%,rgba(77,77,77,1)), color-stop(100%,rgba(77,77,77,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(77,77,77,1) 1%,rgba(77,77,77,1) 30%,rgba(77,77,77,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(77,77,77,1) 1%,rgba(77,77,77,1) 30%,rgba(77,77,77,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(77,77,77,1) 1%,rgba(77,77,77,1) 30%,rgba(77,77,77,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(77,77,77,1) 1%,rgba(77,77,77,1) 30%,rgba(77,77,77,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#004d4d4d',GradientType=1 ); /* IE6-9 */
	_background-image: url(../Images/global/4dbgd_200x1.png);
	_background-repeat:repeat-y;
	_background-color:#4d4d4d;
	cursor:pointer;
}

div.A360bannernavOFF:hover {
	background: -moz-linear-gradient(left,  rgba(77,77,77,1) 1%, rgba(77,77,77,1) 30%, rgba(77,77,77,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(77,77,77,1)), color-stop(30%,rgba(77,77,77,1)), color-stop(100%,rgba(77,77,77,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(77,77,77,1) 1%,rgba(77,77,77,1) 30%,rgba(77,77,77,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(77,77,77,1) 1%,rgba(77,77,77,1) 30%,rgba(77,77,77,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(77,77,77,1) 1%,rgba(77,77,77,1) 30%,rgba(77,77,77,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(77,77,77,1) 1%,rgba(77,77,77,1) 30%,rgba(77,77,77,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#004d4d4d',GradientType=1 ); /* IE6-9 */
	_background-image: url(../Images/global/4dbgd_200x1.png);
	_background-repeat:repeat-y;
	_background-color:#4d4d4d;
	cursor:pointer;
}

.A360bannernavON {
	background: -moz-linear-gradient(left,  rgba(162,50,22,1) 1%, rgba(162,50,22,1) 30%, rgba(162,50,22,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(162,50,22,1)), color-stop(30%,rgba(162,50,22,1)), color-stop(100%,rgba(162,50,22,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(162,50,22,1) 1%,rgba(162,50,22,1) 30%,rgba(162,50,22,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(162,50,22,1) 1%,rgba(162,50,22,1) 30%,rgba(162,50,22,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(162,50,22,1) 1%,rgba(162,50,22,1) 30%,rgba(162,50,22,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(162,50,22,1) 1%,rgba(162,50,22,1) 30%,rgba(162,50,22,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a23216', endColorstr='#00a23216',GradientType=1 ); /* IE6-9 */
	_background-image: url(../Images/global/4dbgd_200x1.png);
	_background-repeat:repeat-y;
	_background-color:#a23216;
	cursor:pointer;
}
.appbannernavON {
	background: -moz-linear-gradient(left,  rgba(159,71,4,1) 1%, rgba(159,71,4,1) 30%, rgba(159,71,4,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(159,71,4,1)), color-stop(30%,rgba(159,71,4,1)), color-stop(100%,rgba(159,71,4,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(159,71,4,1) 1%,rgba(159,71,4,1) 30%,rgba(159,71,4,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(159,71,4,1) 1%,rgba(159,71,4,1) 30%,rgba(159,71,4,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(159,71,4,1) 1%,rgba(159,71,4,1) 30%,rgba(159,71,4,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(159,71,4,1) 1%,rgba(159,71,4,1) 30%,rgba(159,71,4,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f4704', endColorstr='#009f4704',GradientType=1 ); /* IE6-9 */
	_background-image: url(../Images/global/9f4bgd_200x1.png);
	_background-repeat:repeat-y;
	_background-color:#9f4704;
}
.appcontent {
	width: 735px;
	margin: 20px 30px 60px 30px;
  	float: left;
}
.appcontent2 {
	width: 640px;
	margin: 20px 30px 50px 50px;
	float:left;
}
.appcontent3 {
	width: 600px;
	margin: 20px 0px 20px 40px;
	font-size: 13px;
	line-height:20px;
	float:left;
}
.appcontent3 h3 {
	_margin-top:0px;
	color: #003c69;
}

.appcontent h1,
.appcontent2 h1 {
	font-size: 24px;
}
.appcontent3 h2 {
	color: #003c69;
}
.appbasicsitem {
	width: 600px;
	margin: 20px 20px 20px 60px;
	padding: 20px;
	float: left;
	background: -moz-linear-gradient(#f8f8f8, #ededed);
	background: -ms-linear-gradient(#f8f8f8, #ededed);
	background: -o-linear-gradient(#f8f8f8, #ededed);
	background: -webkit-linear-gradient(#f8f8f8, #ededed);	
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.appbasicsitem:hover {
	_background: -moz-linear-gradient(#f8f8f8, #E5E5E5);
	_background: -ms-linear-gradient(#f8f8f8, #E5E5E5);
	_background: -o-linear-gradient(#f8f8f8, #E5E5E5);
	_background: -webkit-linear-gradient(#f8f8f8, #E5E5E5);	
	_-moz-border-radius: 8px;
	_border-radius: 8px;
	cursor:pointer;
}
.appBasicsReadMore ul li {
	list-style-image:url('/Images/Icons/ReadMore-arrow10-9f4704.png');
	font-size: 14px;
	color:#9f4704;
	direction:rtl;
}
.appbasicsitem:hover div.appBasicsReadMore ul li {
	list-style-image:url('/Images/Icons/ReadMore-arrow10-003c69.png');
	font-size: 14px;
	color:#003c69;
	direction:rtl;
}
.SeriesSelectReveal:hover div.appBasicsReadMore,
.appbasicsitem:hover div.appBasicsReadMore  {
	color:#D77A2E;
}

.appproductsitem {
	width: 600px;
	margin: 20px 20px 20px 60px;
	padding: 20px;
	float: left;
}
.appproductsitem:hover {
	width: 600px;
	margin: 20px 20px 20px 60px;
	padding: 20px;
	float: left;
	cursor: pointer;
}

.appbasicsitem:hover h2,
.appproductsitem:hover h2 {
	color: #D77A2E;
}
.appproductsitem:hover div.appReadMore, 
.appbasicsitem:hover div.appReadMore {
	color: #c38c62;
}
.appReadMore { 
  margin-left: 20px;
  float:left;
  font-weight:600;
  color:#555555; 
}
.appbasicsIMG {
	width: 195px;
	float: left;
}
.appbasicsIMG img {
	width: 100%;
}
.appbasicsTEXT {
	width: 360px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
}
.appbasicsTEXT h2 {
	color: #b55400;
}
.appbasicsTEXT p {
	font-size: 16px;
}
.appproductsTEXT {
	width: 360px;
	margin-left: 40px;
	margin-right: 0px;
	float: left;
}
.appproductsTEXT h2 {
	color: #b55400;
	margin-top:0px;
	margin-bottom: 10px;
}
.appproductsIMG {
	width: 195px;
	float: left;
}
.appproductsIMG img {
	width: 100%;
}
.appproductsIDEAL {
	width: 100px;
	font-weight:400px;
	float: left;
	color:#b55400;
	font-weight:500;
}
.appproductsIdealAns {
	float: left;
	margin: 10px 0px 0px 0px;
	font-size: 13px;
	color:#003c69;
	font-family:'ubuntu condensed', Arial, Helvetica, sans-serif;
	line-height: normal;
}
/*div.appproductreveal div {
	display: none;
}
div.appproductreveal div:target {
	display:block;
}*/
.appsubnav {
	margin-left: 40px;
	margin-top: 20px;
	font-size:18px;
	margin-bottom: 20px;
	font-weight:400;
	color:#c4c4c4;
}
.appternav {
	margin-left: 120px;
	margin-top: 0px;
	font-size:14px;
	margin-bottom: 20px;
	font-weight:400;
	color:#c4c4c4;
	float: left;
}
.appternavOFF a,
.appternavOFF a:link,
.appternavOFF a:visited,
a.subnavOFF,
a:link.appternavOFF,
a:visited.appternavOFF,
.appsubnavOFF a,
.appsubnavOFF a:link,
.appsubnavOFF a:visited,
a.subnavOFF,
a:link.appsubnavOFF,
a:visited.appsubnavOFF {
	color:#252525;
	cursor:pointer;
}
.appternavOFF a:active,
.appternavOFF a:hover,
a:active.appternavOFF,
a:hover.appternavOFF,
.appsubnavOFF a:active,
.appsubnavOFF a:hover,
a:active.appsubnavOFF,
a:hover.appsubnavOFF {
	color:#d77a2e;
	text-decoration:none;
	cursor:pointer;
}
.appsubnavON, 
.appsubnavON a,
.appsubnavON a:link,
.appsubnavON a:visited,
.appsubnavON a:active,
.appsubnavON a:hover,
a.appsubnavON,
a:link.appsubnavON,
a:visited.appsubnavON,
a:active.appsubnavON,
a:hover.appsubnavON {
	color:#b55400;
	font-weight:bold;
	text-decoration:none;

}
.appBasicsReadMore,
.appBasicsReadMore a,
.appBasicsReadMore a:link,
.appBasicsReadMore a:visited,
.appBasicsReadMore a:active,
.appBasicsReadMore a:hover {
	float: right;
	width:340px;
	text-align:right;
	margin: 5px 0px;
	font-size:14px;
	color:#b55400;
}
.appvalignblock {
	width:635px;
	float:left;
	margin-left: 40px;
	margin-bottom:40px;
	margin-top: 20px;
	font-size: 13px;
	line-height:20px;
}
.appvalignblock h3 {
	margin-top:0px;
	color: #003c69;
}
.appVABtc1 {
	float: left;
	display: table;
	#position: relative; 
	overflow: hidden;
}
.appVABtc2 {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}
.appVABtc3 {
	#position: relative;
	#top: -50%;
}
.appVABic {
	float: right;
}
.appVABic img {
	width: 100%;
	_margin-bottom: 10px;
}
.appSpotBox {
	width:520px;
	margin: 0px;
	padding: 15px;
	background-color:#e2e9e7;
	font-size:11px;
	line-height:15px;
	float: left;
	cursor:pointer;
}
.appSpotBoxNoReveal {
	width:520px;
	margin: 0px 0px 10px 0px;
	padding: 15px;
	background-color:#e2e9e7;
	font-size:11px;
	line-height:15px;
	float: left;
}

.appSpotBoxOPEN {
	width:520px;
	margin: 0px;
	padding: 15px;
	font-size:11px;
	line-height:15px;
	float: left;
	background: rgb(226,233,231); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,233,231,1) 57%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,rgba(226,233,231,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,233,231,1) 57%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,233,231,1) 57%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,233,231,1) 57%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,233,231,1) 57%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e9e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.appSpotBoxOPEN h3,
.appSpotBox h3,
.appSpotBoxNoReveal h3 {
	text-decoration: none;
	margin:0px;
	padding: 0px;
	color: #003C69;
	font-weight:bold;
	font-size:14px;
}
.appSpotBoxImage {
	width: 180px;
	float: left;
}
.appSpotBoxImage img {
	width: 100%
}
.appSpotBox H3 a:link,
.appSpotBox H3 a:visited,
.appSpotBox H3 a:active {
	color:#003C69;
	text-decoration:none;
}
.appSpotBox H3 a:hover {
	color:#b55400;
	text-decoration:none;
}

.appSpotBoxCopy {
	float: left;
	width: 300px;
	margin-left:20px;
}
.appSpotBoxCopyL {
	float: left;
	width: 270px;
	margin-left:20px;
}

.appSpotBoxCopyR {
	float: left;
	width: 260px;
	margin-right:20px;
	margin-left:40px;
}
.appSpotBoxReadMore a:link,
.appSpotBoxReadMore a:visited,
.appSpotBoxReadMore a:active {
	color:#b55400;
	text-decoration:none;
}
.appSpotBoxReadMore a:hover {
	color:#003C69;
	text-decoration:none;
}
.appRevealAReadMore {
	float:right;
	width: 120px;
	margin: 10px 20px 0px 0px;
	text-align:right;
	color:#9f4704;
}
.appRevealAChild h4 {
	color: #9f4704;
	font-family:'ubuntu condensed', 'ubuntu', Arial;
	font-weight:normal;
	font-size: 16px;
 	margin-bottom: 5px;
}
.appSpotBoxReadMore {
	float:right;
	width: 120px;
	margin: 10px 0px 0px 0px;
	text-align:right;
	color:#9f4704;
}
.appSpotBoxReadLess {
	float:right;
	width: 120px;
	margin: -60px 10px 10px 0px;
	text-align:right;
	color:#9f4704;
	cursor: pointer;
}
.appArtistReadMore {
	margin-right:20px;
	text-align:right;
}
/*.SeriesSelectRevealReadMore ul li,*/
.appArtistReadMore ul li,
.appRevealAReadMore ul li,
.appSpotBoxReadMore ul li {
	list-style-image:url('/Images/Icons/ReadMore-icon10-003c69.png');
	font-size: 11px;
	color:#003c69;
	direction:rtl;
}
.appRevealBReadMore ul li {
	list-style-image:url('/Images/Icons/ReadMore-icon10-9f4704.png');
	font-size: 12px;
	color:#9f4704;
	direction:rtl;
}
.appRevealBReadMore:hover ul li {
	list-style-image:url('/Images/Icons/ReadMore-icon10-003c69.png');
	font-size: 12px;
	color:#003c69;
	direction:rtl;
}
.appartistsitem:hover div.appArtistReadMore ul li,
.appRevealA:hover div.appRevealAReadMore ul li,
.appSpotBox:hover div.appSpotBoxReadMore ul li/*,
.SeriesSelectReveal:hover div.SeriesSelectRevealReadMore ul li*/ {
	list-style-image:url('/Images/Icons/ReadMore-icon10-9f4704.png');
	font-size: 11px;
	color:#9f4704;
	direction:rtl;
}
.appArtistCloser {
	float:left;
	width: 640px;
	margin-left: 60px;
	display:none;
	cursor:pointer;
	text-align:right;
}
.appArtistCloser ul li,
.appRevealACloser ul li,
.appRevealBCloser ul li,
.appSpotBoxReadLess ul li,
.appSpotBoxRevealCloser ul li,
.appSpotBoxRevealCloser a,
.appSpotBoxRevealCloser a:link,
.appSpotBoxRevealCloser a:visited/*,
.SeriesSelectRevealCloser ul li*/ {
	list-style-image:url('/Images/Icons/ReadLess-icon10-9f4704.png');
	font-size: 11px;
	color:#9f4704;
	direction:rtl;
	text-decoration: none;
}
.appArtistCloser:hover ul li,
.appRevealACloser:hover ul li,
.appRevealACloser a:hover,
.appRevealACloser a:active,
.appSpotBoxReadLess:hover ul li,
.appSpotBoxRevealCloser:hover ul li,
.appSpotBoxRevealCloser a:hover,
.appSpotBoxRevealCloser a:active/*,
.SeriesSelectRevealCloser:hover ul li,
.SeriesSelectRevealCloser a:hover,
.SeriesSelectRevealCloser a:active,*/ {
	list-style-image:url('/Images/Icons/ReadLess-icon10-003c69.png');
	font-size: 11px;
	color:#003c69;
	direction:rtl;
	text-decoration: none;
}
.appRevealBCloser ul li {
	list-style-image:url('/Images/Icons/ReadLess-icon10-9f4704.png');
	font-size: 12px;
	color:#9f4704;
	direction:rtl;
	text-decoration: none;
}
.appRevealBCloser:hover ul li {
	list-style-image:url('/Images/Icons/ReadLess-icon10-003c69.png');
	font-size: 12px;
	color:#003c69;
	direction:rtl;
	text-decoration: none;
}
.appSpotBoxRevealCloser {
	cursor: pointer;
	float: right;
	margin-left: 260px;
	margin-right: 20px;
}
.appSpotBox:hover h3 {
	color: #9f4704;
}
/*.appSpotBoxReadMore img {
	margin-right: 5px;
}*/
.appRevealBReadMore {
	float:left;
	width: 300px;
	margin: 10px 0px 0px 0px;
	text-align:right;
	color:#b55400;
	cursor:pointer;
}
.appSpotBoxReveal {
	background-color:#ffffff; 
	float:left; 
	margin-left:0px;
	margin-right: 0px;
	padding: 10px 30px;
	display:none;
}
/*.SeriesSelectRevealCloser,*/
.appRevealACloser {
	color:#003c69;
	font-size:12px;
	float:right;
	cursor:pointer;
	display:none;
	margin-right: 20px;
	text-align:right;
	width:530px;
}
.appRevealBCloser {
	color:#003c69;
	font-size:12px;
	float:right;
	cursor:pointer;
	display:none;
}
.appSpotBoxReadLess a:hover,
.appSpotBoxRevealCloser a:hover,
.appRevealACloser a:hover,
.appRevealBCloser a:hover {
	text-decoration:none;
	color: #003c69;
}
.appRevealANoReveal {
	float:left;
	width: 600px;
	margin:40px 0px 10px 0px;
}
.appRevealA {
	float:left;
	width: 600px;
	margin:40px 0px 10px 0px;
	cursor:pointer;
}
.A360 {
	float:left;
	width: 600px;
	margin:60px 0px 10px 0px;
}

.appRevealAChild p {
	margin-bottom:20px;
 	line-height: 22px;
}
.appRevealB {
	float:left;
	width: 600px;
	margin:40px 0px 10px 0px;
}
.appRevealAopen,
.appRevealBopen {
	float:left;
	width: 600px;
	margin:40px 0px 10px 0px;
}
.appRevealA:hover h3,
/*.appRevealB:hover h3,*/
.appRevealA:hover div.appRevealAReadMore/*,
.appRevealB:hover div.appRevealBReadMore*/ {
	color: #b55400;
}
.appRevealBImg {
	width:250px;
	float:right;
	margin: 0px;
	_cursor: url(/highslide/graphics/zoomin.cur), pointer;
}
.A360Img,
.appRevealAImg {
	width:200px;
	float:left;
	margin: 0px;
}
.A360ImgR,
.appRevealAImgR {
	width:200px;
	float:right;
	margin: 0px;
}
.A360ImgR img,
.A360Img img,
.appRevealAImgR img,
.appRevealBImg img,
.appRevealAImg img {
	width:100%
}
.appRevealBText {
	width: 325px;
	margin-right: 20px;
	float: left;
}
.A360TextL,
.appRevealATextL {
	width: 375px;
	margin-right: 20px;
	float: right;
}
.A360Text,
.appRevealAText {
	width: 375px;
	margin-left: 20px;
	float: left;
}
.A360TextL h3,
.A360Text h3,
.appRevealATextL h3,
.appRevealATextL h2,
.appRevealBText h3,
.appRevealAText h3,
.appRevealAText h2 {
	margin-top:0px;
}
/*.SeriesSelectRevealChild,*/
.appRevealAChild {
	padding: 20px 20px 30px 30px;
	float: left;
	display: none;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
}
.appRevealBChild {
	padding: 10px 20px 30px 30px;
	float: left;
	display: none;
}
.appBasicsproductsitem,
.appBasicsproductsitemOVER {
	cursor:pointer;
	width: 410px;
	float: left;
	margin-bottom:30px;
	margin-left:150px;
	cursor:pointer;
}
.appBasicsproductsitemOVER p {
	color:#5B2902;
}
.appBasicsproductsitem h4 {
	margin-top:0px;
	margin-bottom: 0px;
	color:#b55400;
	font-size:14px;
	font-weight:500;
}
.appBasicsproductsitemOVER h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	color:#5B2902;
	font-size:14px;
	font-weight:500;
}
.appBasicsproductsIMG {
	width:200px;
	margin: 5px 0px 5px 0px;
}
.appBasicsproductsIMG img{
	width:100%;
}
.appBasicsproductsChoose {
	font-size:16px;
	color:#b55400;
	margin-bottom: 10px;
}
.appBasicsproductsIdealAns {
}
.appBasicsproductsTEXT {
}
.appBasicsproductsReadMore {
}
.appNoRevealA {
	width: 580px;
	float: left;
	margin: 10px 0px 40px 20px;
}
.appNoRevealAIMG {
	width: 200px;
	float: left;
}
.appNoRevealAIMG img {
	width: 100%
}
.appNoRevealAText {
	width: 350px;
	margin: 0px 0px 0px 30px;
	float: left;
}
.appNoRevealAText h4,
.appNoRevealATextR h4 {
	color:#b55400;
	margin:0px;
}
.appNoRevealAIMG {
	width: 200px;
	float: left;
}
.appNoRevealATextR {
	width: 350px;
	margin: 0px 30px 0px 0px;
	float: left;
}
.appartistsitem {
	width: 680px;
	margin: 20px 20px 20px 60px;
	float: left;
	cursor:pointer;
}
.appartistsitemOPEN {
	width: 680px;
	margin: 20px 20px 20px 60px;
	float: left;
}
.appartistsIMG {
	width: 250px;
	float: left;
}
.appartistsIMG img {
	width: 100%;
}
.appartistsTEXT {
	width: 390px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
}
.appartistsTEXT h2 {
	color: #003c69;
 	margin-top:0px;
}
.appartistsitem:hover div.appartistsTEXT h2 {
	color: #b55400;
	margin-top:0px;
}
.appArtistReveal {
	float: left;
	display:none;
}
.CSdownload {
	float:left;
	margin: 10px 0px 0px 0px;
	text-align:left;
	color:#9f4704;
}
.CSdownload ul {
	list-style-image:url('/Images/Icons/PDF-icon14.png');
	font-size: 11px;
	color:#003c69;
	margin: 0px;
	padding: 0px;
}
.CSdownload li {
	margin-left:25px;
	font-size:11px;
 }