/* Theme Name: InternetMarketing Version: 1.0 Author: Melanie Karlik */ /**************************************** * Colour Scheme ****************************************/ /* Red #A01D01; Blue Links #0B74C6; Light Beige-Grey #dedbd1; Darker Beige-Grey #9e9c82 Darkest Beige-Grey #5e5d4d Off-White #F5F4F0; */ /**************************************** * Text Styles ****************************************/ body { color: #333333; background: #dedbd1 url(../images/background.png) 0px 0px repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:75%; /*16px * .75 = 12px */ line-height: 1.666667em; /*20px*/ } html>body { font-size:12px; /*for IE6*/ } body.home #latest { line-height: 1.3em; /*squish up home page a little */ } body.home #latest h2{ line-height: 1.3em; /*squish up home page a little */ } body.home #latest img { display: none; } p { margin-bottom: 1.5em; } h1 { font-size: 1.5em; /*18px*/ line-height: 1.111111em;} h2 { font-size: 1.166667em; /*14px*/ line-height: 1.428571em; } h3 { font-size: 1.083333em; /*13px*/ line-height: 1.538462em; } h3.section { color: #141414; font-family: georgia,garamond,serif; font-size: 1.4em; display: block; margin-bottom: 1em; } .sidebar h3.section { font-family: Verdana, Arial, Helvetica, sans-serif; border: none; background-color: #dedbd1; color: #333333; padding-left: .5em; } h3 img { padding: 0; margin: 0; vertical-align: middle; } ul, ol { list-style: none; } ul {list-style-type:disc;} small { font-size: 0.916667em; line-height: 1.818182em; } code { background: #FFFFC1;} a { color: #A01D01; color: #0D4878; text-decoration: none; } a:hover { text-decoration: none; } a img { border: none; } /* Align (used for images) */ .aligncenter { margin: 5px auto 5px auto; display: block; } .alignleft { margin: 0px 15px 10px 0; float: left; } .alignright { margin: 0px 0px 10px 15px; float: right; } /**************************************** * Global Styles ****************************************/ .container_12 { padding-bottom: 40px; } .leftAlign { float: left; } .rightAlign { float: right; } .container { position: relative; margin: 0 auto; width: 960px;} .content-wrapper {margin: 1em 20px 1em 10px;} .breadcrumbs {margin: 0px 20px; text-transform: capitalize; } /**************************************** * Header Styles ****************************************/ #header { position: relative; width: 960px; height: 160px; } /*top navigation*/ #top-bar { font-size: 0.916667em; font-family: Arial, Helvetica, sans-serif; line-height: 1.818182em; } #top-bar .wrapper { margin: 0 6px; padding-top: 6px; } #top-bar a, #top-bar a:visited { color: #ffffff; } #top-bar a:hover {background-color: #0D4979; } #top-bar ul {margin: 0;} #top-bar ul li { color: #ffffff; display: block; float: left; } #top-bar ul.leftAlign li { margin-right: 12px; } #top-bar ul.rightAlign li { margin-left: 12px; } #top-bar li.facebook { background: url(../images/facebook.png) 0 1px no-repeat; display: block; padding-left: 22px; z-index: 20; } #top-bar li.rss { background: url(../images/rss-feed.png) 0 1px no-repeat; display: block; padding-left: 22px; z-index: 30; } #top-bar li.twitter{ background: url(../images/twitter.png) 0 0px no-repeat; padding-left: 20px; z-index: 40; } #top-bar li.share{ float: right; background: url( http://static.addtoany.com/buttons/favicon.png) 0 0px no-repeat; padding-left: 20px; z-index: 50; } /*images*/ img#logo { position: absolute; top: 63px; left: 5px;} img#powered-by { position: absolute; top: 80px; right: 12px; } #top-logos img#logo { top:32px!important;} #top-logos img#powered-by { top:35px!important;} /*nagivation*/ #top-navigation { background: #141414; position: absolute; bottom: 0px; left: 0px; width: 960px; height: 40px; } #top-navigation .wrapper { margin: 0 10px; } #top-navigation ul { } #top-navigation ul li { padding-top: 6px; } #top-navigation ul.leftAlign li { float: left; margin-right: 1.2em; } #top-navigation a, #top-navigation a:visited { font-weight: bold; border-right: 1px solid #22222; color: #ffffff; display: block; padding: 4px;} #top-navigation a:hover { background-color: #0D4979; } #menu { width: 600px; list-style-type:none; margin: 0; } #login { margin-right: 15px; float: right; text-align: right; list-style-type:none;} /* #login { margin-left: 6px; width: 300px; float: right; } #login a { background: url(../images/login-button.png) right top no-repeat; display: block; padding-left: 20px; width: 278px;} #login a:hover { background: url(../images/login-button.png) right bottom no-repeat; } */ #top-navigation #login ul li { float: right;} /**************************************** * Content ****************************************/ #main-banner { margin: 0 20px 10px 20px; width: 920px; height: 300px; position: relative; } #main-banner .content {top: 32px; left: 280px; position: absolute; width: 350px; height: 250px; } #main-banner .content h1 { color: #0b75ca; margin-bottom: 1em;} #main-banner .content ul { margin-left: .5em; } #main-banner .content ul li { padding: 0 0 10px 35px; background: url(../images/black-arrow.gif) 0 3px no-repeat; } #main-banner .form { color: #ffffff; top: 85px; left: 684px; position: absolute; width: 190px; height: 200px; } #main-banner .form a { color: #ffffff; text-decoration: underline; } #main-banner .privacy { text-align: right; padding-right: 10px;} #main-banner .form h2 { font-size: 1.4em; color: #e7f408; margin-bottom: .5em; } #main-banner input#submitForm { border: none; margin: 10px 0 6px 55px; } #content {position:relative; background-color: #F5F4F0;background-color: #ffffff; padding: 4px 4px 50px 4px; position: relative; width: 952px; } #content a:hover { text-decoration: underline; } /*feature*/ #feature { margin: 0 5px 0 5px; width: 600px; height: 300px; overflow: hidden; } #feature .inner { } #feature img { padding: 0; } #feature p { margin: 0; padding: 0; } /*featured posts*/ #feautres {margin: 5px; clear: both;} #features img { float: left; margin: 5px 10px 10px 0; border: 1px solid #9e9c82; } #features .post { clear: both; } #features .content { float: left; width: 317px;} #features .meta, #features .meta a { color: #9e9c82; font-size: .9em} /*latest posts*/ #latest { } #latest .post-col {float: left; width: 180px; } #latest .space { margin-right: 25px; } #latest .meta, #latest .meta a { color: #9e9c82; font-size: .9em; padding: 0; margin: 0;} #latest .top { height: 80px; } #latest h2 { font-size: 1em; } #latest .middle { height: 220px; } #latest .bottom { height: 30px; } #latest .read-more { float: left; } #latest a.comments { background: url(../images/comments.gif) 0 2px no-repeat; padding-left: 16px; color: #9e9c82; font-size: .9em; } /*categories*/ #categories { background-color: #dedbd1; } #categories img { float: left; padding: 10px; border: 2px solid #DEDBD1; margin-right: 10px; margin-bottom: .5em; max-width: 230px; } /*glossary-nagivation*/ #glossary-nav { clear: both; } #glossary-nav ul li { float: left; margin-right: 1.2em; padding: .2em 0 .8em 0;} #glossary-nav a, .navigation a:visited { font-weight: bold; } /*spacer*/ .spacer { margin: 1em 0;} .hr { background: url(../images/line.png) 50% 0 repeat-x; border: 0; height: 20px; } /*fancy zoom*/ #ZoomCapDiv table { width: auto; } #ZoomCapDiv td, #ShadowBox td {border: none;} #ZoomImage { border: 1px solid #9e9c82;} #ZoomBox { padding: 10px; border: 1px solid #9e9c82; background-color: #F5F4F0; z-index: 999;} object { z-index: -10; } .post-content table, tr, td {vertical-align: top; padding: 0; margin: 0;} .post-content table td {padding-bottom: 20px; } .post-content table td img { padding: 0; margin: 0; margin-right: 20px; } .post-content table td p { padding: 0; margin: 0; } /* Post Content */ .meta-col { float: left; width: 125px; margin-right: 25px; text-align: right; } .meta-col, .meta-col .meta a { color: #9e9c82; font-size: .9em} .meta-col ul { padding-bottom: 1.5em; } .meta-col li { border-bottom: 1px solid #cccccc; padding: 0 .5em; } .meta-col li.last { border: none; } .meta-col .share { padding-top: .5em; } .meta-col .tags{ color: #794E0D; text-align: left!important;} .meta-col .tags a { color:#5091c5; color: #0B74C6;} .post-col { float: left; width: 440px; } .post-content { display: block; clear: both; margin-bottom: 2.222222em; } .post-content p { margin-bottom: 1em; } .post-content a { } .post-content a:hover { text-decoration: underline; } .post-content h2 { text-transform: uppercase; margin-bottom: 1em; } .post-content h2.blog-title a { color: #131313; } .post-content h2.blog-title a:hover { color: #5e5d4d; text-decoration: none;} .post-content ol, .post-content ul { margin-bottom: 1em; } .post-content ul { padding-left: 30px; } .post-content ul li { list-style: circle; padding: 3px 0; margin: 0; } .post-content ol { padding-left: 37px; } .post-content ol li { list-style: decimal; padding: 3px 0; margin: 0; } .post-content blockquote { border-left:2px solid #777777; color:#777777; font-style:italic; margin:5px auto 15px; padding:0px 10px; width:85%; } .indent { margin:5px auto 15px; padding:0px 10px; width:85%; } .post-content img { padding: 7px; background: #ffffff; } .post-content a.read-more { float: right; margin-right: .5em; } .post-content a.continue { width: 90%; margin-left: 1em; display: block; background-color: #dedbd1; padding: .5em; display: block;} .post-content a.continue:hover { background-color: #131313; color: #ffffff; text-decoration: none!important; border: none; } .post-content .spacer { margin-bottom: 2em; } .stts h3 { margin-bottom: 1em; } .share {float: right; width: 175px; display: inline; } .share img { padding: 0; margin: 0; padding-top:4px; } .post-title h2{float: left; width: 400px; display: inline; margin: 0; padding: 0; } p.post-meta {margin: 0; padding: 0;} /*Article*/ .article {margin: 1em 20px 1em 10px;} /*Read More Links */ /*comments*/ .commentlist { border-top:1px solid #D3C5AF; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;} .commentlist li { border:1px solid #D3C5AF; border-top: 0; margin:0; overflow:hidden; padding:10px; } .cominfo img { margin: 0; border:1px solid #D3C5AF; } .comauthor { padding: 0; margin: 0; } .cominfo { float:left; width:200px; } .comtext { float:right; width:360px; } .comtext p { margin-top:0; } .comalt { background:#EDEAE1 none repeat scroll 0 0; } .commentlist a {} .commentlist img { padding: 7px; background: #ffffff; float: left; clear: both; display: block;} .commentlist .edit { float: left; } #author, #email, #url, #comment { border:1px solid #D3C5AF; } /*LeftSide*/ .leftSide { margin-right: 14px; } /*More Info*/ #more-info {margin: 5px 0px;} #more-info .inner { padding: 10px; } #more-info .col { float: left; padding: 0 4px; width: 280px; } /*RSS Feeds*/ #feeds {margin: 5px; clear: both;} #sidebar #feeds { margin: 5px 0; } #feeds .inner { display:inline; float:left; margin-bottom: 1em; width: 80%; } #feeds .item { padding-bottom: 1em; border-bottom: 1px dashed #cccccc; margin: 1em 0; } #feeds .title { } #feeds small.date { color: #cccccc; } #feeds img { float: left; padding: 1em; border: 2px solid #DEDBD1; margin-right: 1em; margin-bottom: .5em; } /*STTS Feed*/ #stts {margin: 5px; clear: both;} #stts .inner { display:inline; float:left; margin-bottom: 1em; } /*Products */ /*feature*/ #products-feature { margin: 0 5px 0 5px; width: 920px; overflow: hidden; } #products-feature img { padding: 0; margin: 0;} #products-feature p { margin: 0; padding: 0; } #products {margin: 0 auto 2em auto; clear: both; width: 920px; } #products td { position: relative; background: #ffffff; float: left; margin: 2em 0; width: 440px; padding: 2em 0; } #products td.left { margin-right: 40px; } #products h2 { font-size: 1.5em; line-height: 1.111111em; margin-bottom: 1em;} #products img { background: #dedbd1; margin: 0 auto; padding: 6px; } #products p {margin: 1em 0; text-align: justify;} #products a.read-more { display: block; background: #dedbd1 url(../images/arrow.png) top right no-repeat; height: 22px; float: none; margin-top: 2em; padding: 4px 40px 6px 8px; position: absolute; bottom: 10; width: 210px; } #products a.read-more:hover { background: #dedbd1 url(../images/arrow.png) bottom right no-repeat; text-decoration: none; } /**************************************** * Content ****************************************/ #blog-cat { margin-top: 1em; } /*#categories ul { background-color: #dedbd1; padding: .5em; } #categories ul li { background-color: #f5f4f0; margin-bottom: .5em;}*/ #blog-cat h2 { padding-left: .5em; } #blog-cat ul {margin:0;padding:0;list-style:none;overflow:hidden; } #blog-cat ul li{width:295px; float:left; margin:0; padding:0; border-bottom:1px solid #dedbd1; } #blog-cat ul a{padding: .5em; display: block; text-decoration:none; color:#444; background-color:#FFF; text-transform: capitalize;} #blog-cat ul a:visited{background-color:#FFF;text-decoration:none;} #blog-cat ul a:hover{background-color:#dedbd1; text-decoration:underline;} #blog-cat ul li:hover a:visited{text-decoration:underline;} #blog-cat ul a:active{background-color:#F5F5F5; outline:none;} #blog-cat ul a:focus{outline:none;} /*search*/ input#search { border: 1px solid #cccccc; width: 160px; background: url(../images/search_glass.gif) 2px 0 no-repeat; color: #9e9c82; font-style: italic; padding-left: 20px; } input#searchsubmit { color: #ffffff; background-color: #9e9c82; border: 1px solid #9e9c82; text-transform: uppercase; font-weight: bold;} input#searchsubmit:hover { background-color: #131313; } /*newsletter*/ #optinForm{ margin-top: 1em; background: url(../images/newsletter-bg.png) 0 0 no-repeat; height: 260px;} #optinForm .inner{ padding-top: 90px; padding-left: 40px; } #optinForm h2 { margin-bottom: 1.2em; } #optinForm input.fieldInput:hover { border:1px solid #794f0d; } .inputContainer{width: 100%; clear: both; margin: .2em 0 0 0;} .fieldLabel{ display:block; clear: both; } .fieldInput{ border:1px solid #cccccc; width: 180px; } .fieldInput input { width: 200px; clear: both; } #fieldSubmit{ margin-top: 20px; } /**************************************** * Pages ****************************************/ h2.title { background: url(/images/title-bg.gif) 0 0 no-repeat; color: #0D4979; font-family: georgia,garamond,serif; font-size: 1.7em; margin-top: 1em; padding: 26px 10px 34px 44px;} /*Training-Services*/ #services-page p { margin-left: 15px; margin-right: 15px; } #services-page img.button { padding: 2.5em 0 1.5em 0em; margin: 0; } table, tr, td { border-collapse: collapse; } table#schedule { color: #0D4979; margin-left: 15px; width: 566px; } table#schedule td, table#schedule th { font-weight: bold; padding: 10px; text-align: left; } table#schedule th { } table#schedule td.first { width: 120px; } table#schedule tr.odd { background-color: #efefef; } blockquote.female, blockquote.male { border-left:2px solid #9e9c82; border-left: 2px solid #cc0000; color:#777777; display: block; clear: both; font-style:italic; margin: 25px auto 5px 30px; padding: 4px 50px 60px 120px; position: relative; text-align: justify; width: 360px; } blockquote.female { background: #ffffff url(/images/woman-quote.gif) 0% 100% no-repeat; } blockquote.male { background: #ffffff url(/images/man-quote.gif) 0% 100% no-repeat; padding-left: 124px; } blockquote.female span.source, blockquote.male span.source { text-align: right; display: block; width: 360px; } span.more-testimonials { font-size: .8em; margin-left: 8px; } /*Product and Services*/ .sidebar #tabber { margin: 0 0 10px; padding: 7px 0 0; background: #dedbd1; } .sidebar #tabber li { margin: 0; padding: 5px 10px 10px; background: #fff; position: relative; border: none; } .sidebar #tabber li li { margin: 0; padding: 3px 5px; background: none; border-bottom: 1px dashed #e5e5e5; } .sidebar #tabber ul { margin: 7px 0 0; background: none; border: none; } .sidebar #tabber .tablist { color: #999; font-style: italic; position: relative; display: block; } * html .sidebar #tabber .tablist { display: inline-block; } *:first-child+html .sidebar #tabber .tablist { display: inline-block; } .sidebar #tabber .tablist a { color: #333; font-style: normal; } .sidebar #tabber .tablist a:hover { color: #0B74C6; } .sidebar #tabber .tabber-title { margin: 0 0 0 5px; padding: 4px 10px; font-size: 1em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: none; background: #F5F4F0; border: none; } .sidebar #tabber .active, .sidebar #tabber .tabber-title:hover { background: #fff; } /*twitter*/ #twitter img{ padding: 0; margin: 0; } #twitter .inner { padding: 0 15px 0 5px; } .aktt_tweets ul {padding: 5px 10px 3px 5px; } .aktt_tweets ul li { margin-bottom: 5px; } .aktt_tweets ul li.aktt_more_updates { background: #ffffff; padding: 7px; } /**************************************** * Footer ****************************************/ #footer { font-size: 0.833333em; line-height: 2.1em; margin-top: 10px; margin-bottom: 40px; text-align: center;} #footer .wrapper { margin: 0 20px; padding: 1.666667em 0; vertical-align: middle; } #footer ul li { float: left; margin-right: 1.2em;} /*************************************** * CODE FOR ISC SITELETTE ***************************************/ div.halfWidth {width: 306px; margin-right: 20px;} div.noMargin {margin: 0!important;} div.noBorder {border:none!important;} .large {font-size: 1.16666667em; line-height: 1.7em;} div.thirdBox {width: 264px; margin-right: 30px; border-right: 1px solid #cccccc; padding: 15px 20px 8px 0;} div.thirdBox h3 {font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif; color: #0d4979; font-weight: normal; line-height: 1.2em; margin-bottom: 0.1em;} .light {color: #616161;} .highrightcol {margin-top: -200px;} ul.greenchecks {margin: 0 45px 15px 15px; padding:0; list-style-type:none;} ul.greenchecks li {background:url(../images/check_list.png) 0 0 no-repeat; padding-left: 45px; margin-bottom: 12px;} div.yellowbox ul.greenchecks { margin: 0px 25px 15px 0px; } ul.greenarrows {margin: 0 45px 15px 15px; padding:0; list-style-type:none;} ul.greenarrows li {background:url(../images/green_arrows.png) 0 0 no-repeat; padding-left: 35px; padding-bottom: 15px;} ul.greenarrows2 {margin: 0 45px 15px 15px; padding:0; list-style-type:none;} ul.greenarrows2 li {background:url(../images/greenArrow.png) 0 0 no-repeat; padding-left: 35px; padding-bottom: 15px;} div.yellowbox ul.greenarrows2 li {background:url(../images/greenArrow.png) 0 4px no-repeat; padding-left: 35px; padding-bottom: 15px;} div.yellowbox ul.greenarrows2 { margin: 0px 25px 15px 0px; } #course-header ul.greenarrows2 { font-size: 1.2em; margin: 0px; } #header_promo {background:url(../images/isc_promo_header.png) 0 0 no-repeat; width: 100%; height: 280px;} #header_sitelet {background: url(../images/sitelet_banner.jpg) 0 0 no-repeat; width: 100%; height: 280px;} #header_innerpage {width: 100%; height: 280px;} #floatelements {position: absolute; width: 952px; z-index: 9999;} #learnmore {position:absolute; top: 255px; left: 50%; margin-left: -234px; padding-bottom: 28px; background:url(../images/learn_more_shadow.png) bottom left no-repeat;} #registernow {position:absolute; top: 255px; left: 50%; margin-left: 40px; padding-bottom: 30px; background:url(../images/register_now_shadow.png) bottom left no-repeat;} #attentionarrow {position: absolute; top: 260px; left: 23px; background:url(../images/arrow_hover.png) 0 0 no-repeat; width: 112px; height: 122px;} #attentionarrow2 {position:absolute; top: 137px; right: 100px; background:url(../images/attention_arrow.png) 0 0 no-repeat; width: 156px; height: 168px;} #video_container {padding: 4px; z-index: -4; margin-bottom: 20px;} #coursevideo { z-index: -100; } #registerhere {position:absolute; top:190px; left: 28px; } #registerherelong {position:absolute; top: 212px; left: 168px; background: url(../images/register_here_long.png) 0 0 no-repeat; width: 463px; height: 102px;} #registerherelong { display: none; } #timelimited {position:absolute; top: 0; right: 0; width: 163px; height: 165px; background: url(../images/time-limited.png) 0 0 no-repeat; margin-top: -32px; margin-right: -22px;} #badge {position: absolute; right: 5px; top: 110px; background: url(../images/money-guarantee-badge.png) left bottom no-repeat; width: 354px; height: 200px; z-index: 300;} div.greybox {border: 2px solid #1262A1; padding: 20px; margin-bottom: 20px;} div.greybox p img.alignleft {margin-top: 5px;} div.yellow_box {display:block;background-color: #ffffdb; border: 1px solid #232323; padding: 15px; margin-bottom: 20px;} div.yellowbox {display:block;background-color: #ffffdb; border: 1px solid #232323; padding: 15px; margin-bottom: 20px;} div.testimonial {background: #ececec;} div.webinar {background: #ffffdb url(../images/time.png) 96% 92% no-repeat;} div.webinar h3 {line-height: 1.1em; margin-bottom: 10px!important;} div.webinarlong {background: #ffffdb url(../images/time.png) 96% 95% no-repeat;} div.webinarlong h3 {line-height: 1.1em; margin-bottom: 10px!important;} div.webinarlong p {} div.promopage {width: 920px; margin: 40px auto 0; z-index:1; position:relative;} div.promopage div.greybox { width: 630px; } div.promopage div.contentbox { width: 630px; margin-bottom: 0px; padding: 0px 10px; } div.promopage div.greybox li { margin-bottom: 1.5em;} div.promobox { color: #fffff; width: 230px; background-color: #0D4878; position: absolute; top: 0px; left: 680px; padding: 10px; } div.promobox h2, div.promobox p {color: #ffffff; } div.promopage h1 {font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; color: #0a2c46; line-height:1.3em; margin-bottom: 1em;} div.promopage h2 {font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; line-height:1.3em; margin-bottom: 1.4em;} div.promopage h3 {font-size: 18px; font-weight: bold; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: 0.6em; line-height: 1.11111em;} a.button { border: 2px solid #2d95e9; padding: 8px; background-color: #115C98; color: white; font-weight: bold; font-size: 1.2em; display: block; margin-bottom: 14px;} a.button:hover { color: #115C98; background-color: #ffffff; text-decoration: none;} div.long_page {width: 550px;} #header_sitelet {position:relative;} #header_sitelet div.headers {position:absolute; top: 15px; left: 160px; width: 435px; color: #ffffff;} #header_sitelet h1 {color: white; font-size: 22px; line-height: 1.181818em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-bottom: 0.8em; line-height: 1.3em;} #header_sitelet h4 {color: white; font-size: 14px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em;} #header_innerpage {position:relative;} #header_innerpage div.headers {position:absolute; top: 10px; left: 160px; width: 480px;} #header_innerpage div.headers2 {position:absolute; top: 50px; left: 160px; width: 450px;} #header_innerpage h1 {color: white; font-size: 22px; line-height: 1.181818em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-bottom: 0.8em; line-height: 1.1818em;} #header_innerpage h2 {color: white; font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif;} #header_innerpage h4 {color: white; font-size: 14px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 1.1818em; margin-bottom: 0.8em;} #product_navigation ul {list-style-type:none; margin: 0; padding: 0; height: 271px; width: 140px; overflow: hidden; position: absolute; top: 0; left: 0;} #product_navigation ul li {width: 140px; height: 39px; background: url(../images/navigation_up.png) 0 0 no-repeat;} #product_navigation ul li:hover, #product_navigation ul li.active {background: url(../images/navigation_pressed.png) 0 0 no-repeat;} #product_navigation ul li a {color: white; font-weight: bold; width: 130px; height: 30px; padding-top: 9px; padding-left: 10px; display:block;} #product_navigation ul li a:hover {text-decoration: none;} div.leftcol {width: 510px; padding-right: 52px;} div.leftcol strong {font-weight: bold; color: #0d4979;} div.leftcol a strong {color: #A01D01;} div.rightcol {width: 335px;position:absolute; left: 620px;} div.rightcol h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #07375e; font-weight: bold; margin-bottom: 0.6em;} div.fullcolumn { clear: both; display: block; } body.long-page #content_sitelet { padding: 20px 10px 20px 20px;} #content_sitelet { padding: 20px 4px 20px 30px;} #content_sitelet h2 {color: #0d4979; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px;} #content_sitelet h3 {color: #0D4979; font-size: 1.6em; } #content_sitelet h4 {color: #333; font-size: 1.2em; font-weight: bold;} div.casestudy {background-color: #e8edf0; border: 2px solid #b8c8d2; padding: 20px; margin-bottom: 20px;} div.casestudy img {border: 1px solid #666;} #faq h4 {font-weight: bold;} #faq div.question {padding-bottom: 6px; margin-bottom: 24px; border-bottom: 1px solid #ccc;} div.webinar_intro {padding-bottom: 0px; margin-bottom: 22px; border-bottom: 1px solid #ccc;} div.webinar_intro p {margin-bottom: 1.2em;} div.webinar_intro img {border: 1px solid #666;} p.cta {background: #f4f4f4 url(../images/isc_screenshot.png) 25px 24px no-repeat; border: 2px solid #ccc; padding: 20px 20px 52px 180px; font-weight: bold; font-size: 14px; } div.cta {background: #f4f4f4 url(../images/isc_screenshot.png) 25px 24px no-repeat; border: 2px solid #ccc; padding: 20px 20px 20px 180px; font-weight: bold; font-size: 14px;} /* HEADER IMAGES */ div.proven_approach {background:url(../images/learn_more_header.png) 0 0 no-repeat;} div.features {background:url(../images/features_header.png) 0 0 no-repeat;} div.bonus_webinars {background:url(../images/training_series_header.png) 0 0 no-repeat;} div.success_stories {background:url(../images/success_stories_header.png) 0 0 no-repeat;} div.pricing {background:url(../images/pricing_header.png) 0 0 no-repeat;} div.course09 {background:url(../images/long_page_header.png) 0 0 no-repeat;} #course-header { color: #ffffff; position: relative; height: 292px; width: 952px; background: url(../images/header-bak.png) 0 0 no-repeat; } .long-page #course-header {background: url(../images/header-bak2.png) 0 0 no-repeat; height: 320px; } #course-header .content { position: absolute; width: 560px; top: 18px; left: 25px; } #course-header .home-page .content { left: 170px; width: 420px; } #course-header .sub-page .content { left: 160px; width: 448px; } #course-header .content h1, h2 {color: white; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 0.8em; } #course-header .content h3, h4 { color: white; margin-bottom: 0.8em;} #course-header .content h1 {font-size: 22px; line-height: 1.3em;} #course-header .content h2 { font-size: 18px; } #course-header .content h3 { font-size: 16px; } #course-header .content h4 { font-size: 14px; } #course-header .content p { font-size: 1.2em; }