/* Note: the background image must be defined for each product page by overriding the videoPromo ID in the page's local CSS file */
#videoPromo { display: inline-block; background-repeat: no-repeat; width: 363px; height: 219px; margin-top: 5px; border: 1px solid black; cursor: pointer; padding-top: 0px; position: relative; }

#intro p { margin-top: 0px; }

#intro ul { list-style:none;margin:7px 0px 10px 25px;padding:0px 0px 0px 16px;text-indent: -16px;}

#intro ul li:before { content: "✔"; color: lightgreen; font-size: 14px; padding-right: 4px; padding-bottom: 2px; display: block; float: left; width: 12px; height: 1px; }

/* This defines the play button which overlays the background image */
#videoPromoPlay { display: inline-block; background-image: url(/resources/webinar/images/youtube-play-button-70deepgray-40scaledown.png); background-repeat: no-repeat; background-position: center; width: 363px; height: 219px; }

#actionBox { float: right; margin-top: 5px; }

#actionBox img { float: left; border: none; }

#actionBox a { display: block; line-height: 25px; font-size: 16px; color: white; width: 188px; height: 45px; text-align: center; font-family: calibri,Verdana,Arial,Helvetica,sans-serif; text-decoration: none; padding-top: 5px; margin-bottom: 12px;}

#actionBox .try { background:url('/images/layout/headers/freetrial.png') no-repeat; }

#actionBox .buy { background:url('/images/layout/headers/purchasenow.png') no-repeat; }

#actionBox .register { background:url('/images/layout/headers/register.png') no-repeat; }

#actionBox .learn { background:url('/images/layout/headers/register.png') no-repeat; }

#moreInfo { ; }

#getStarted { ; }

#systemRequirements { ; }

#moreInfo, #getStarted, #systemRequirements { margin: 0px 25px; }

#detailsBox { text-shadow: 0 1px 0 white; }

#detailsBox h2 { font-size: 26px; font-family: calibri,Verdana,Arial,Helvetica,sans-serif; color: #0066cb; margin-left: 10px; margin-bottom: 15px; line-height: 26px; }

#detailsTable { display: table; border-collapse: separate; border-spacing: 10px; margin: 0px 10px 5px 15px; padding-top: 20px; }

/* Note: '*float: left' is a hack to support IE7, which doesn't support the 'display: table-cell' property */
.detailsCol { display: table-cell; *float: left; position: relative; margin: 20px 4px 0px 4px; padding: 5px; }

.detailsCol img { display: block; margin: 0 auto 10px auto; width: 252px; padding: 0px; }

#detailsBox1 { width: 31%; background-color: #F6F6F6; }

#detailsBox2 { width: 31%; background-color: #E8F0F4; }

#detailsBox3 { width: 31%; background-color: #F6F6F6; }

.detailsWide { margin: 5px 20px 10px 25px; padding: 5px; background-color: #E8F0F4; }

.detailsWide::after { content: ""; clear: both; display: table; }

.detailsWide h2 { margin-bottom: 10px; }

.detailsWide img { margin: 0 25px 10px 25px; float: left; padding: 0px; }

.detailsWide p, .detailsWide ul, .detailsWide ol { width: auto; overflow: hidden; margin: 0px 15px 5px 15px; }