/* ----------------------- Reset ----------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }
a,a:hover{text-decoration:none;}
sup { font-size: 50%; }
/* ---------- General Styles ---------- */
body {font-family: "Merriweather Sans", Calibri, sans-serif;font-size: 13px;line-height: 13px;}
.cl { clear: left; }
/* ----------------- Header -------------- */
#header-wrapper{width:100%;background:#1B1E1F;height:100px;}
#header{width:1200px;background:#1B1E1F;height:100px;}
#header img{margin-top:20px;margin-bottom:20px;text-align:center;}
/*----------------- Pricing Table Container ------------ */
div#pageContainer { width: 1200px; margin: 25px auto; background:#ffffff; border : 1px solid #ddd;}
div.priceContainer{ margin: 0 auto; font-family: "Open Sans Condensed", Calibri; color: #31b4b6;}
div.priceContainer span{ font-size: 11px; color: #a1a7b0; }
div.price1 {background: url("img/price1BG.png") top center no-repeat; width: 112px; height: 112px;font-weight:bold; margin-top: 26px; color:#D74440; font-size: 28px;}
div.price1 p { padding-top: 30px; }
div.price2 { background: url("img/price1BG.png") top center no-repeat; width: 122px; height: 122px; color:#D74440; margin-top: 26px; font-weight:bold; font-size: 28px;}
div.price2 p { padding-top: 30px; }
div.price3 { background: url("img/price1BG.png") top center no-repeat; width: 112px; height: 112px;font-weight:bold; margin-top: 26px; color:#D74440; font-size: 28px;}
div.price3 p { padding-top: 30px; }
div.price4 { background: url("img/price1BG.png") top center no-repeat; width: 112px; height: 112px;font-weight:bold; margin-top: 26px; color:#D74440; font-size: 28px;}
div.price4 p { padding-top: 32px; }
/* ---------- Pricing Table Styles ---------- */
div#tableContainer {margin-left:75px; background: url("img/tableBottomBG.png") left bottom repeat-x;margin-top:60px;}
#tableContainer h6{margin-bottom:80px;font-family:"Roboto Slab",sans-serif;color:#444444;font-weight:bold;font-size:36px;line-height:40px;text-align:center;}
h6 span{font-family:"Roboto Slab",Calibri;color:#ffffff;font-weight:bold;font-size:36px;line-height:40px;text-align:center;padding-top:15px;padding-bottom:15px;display:inline-block;width:100%;background-color:#7CC15A;}
div.tableCell {border-right: 1px solid #616365;width: 210px;float:left;text-align: center;}
td {text-align: center;vertical-align: middle;width: 210px;border-left: 1px solid #e2e7eb;border-right: 1px solid #e2e7eb;color: #666666;}
.noBorder { border-right: none; }
div.tableHeading {background: #D74440;padding-top: 25px;height: 105px;}
div.tableHeading h2 {font-family: "Raleway", Arial, sans-serif;font-size: 20px;color: white;font-weight:700;}
table.pricingTableContent tr td { padding: 10px 0; }
table.pricingTableContent tr td img{ padding: 0; line-height:0; }
table.pricingTableContent tr.altRow td { background-color: #f5f5f5; padding:10px 0; }
table.pricingTableContent tr.signUpRow td { padding: 75px 0 15px 0; }
table.pricingTableContent tr.firstrow td { padding: 65px 0 20px 0;vertical-align:center; }
table.pricingTableContent td strong { color: #424447; }
table.pricingTableContent tfoot td {border-top: 1px solid #e2e7eb;padding: 10px 0;}
table.pricingTableContent tfoot td h4 {color: #3a3c3f;font-size: 28px;font-weight:bold;font-family:"Open Sans Condensed", Arial;}
table.pricingTableContent tfoot td span{display: block;font-size: 11px; color: #999999; margin-bottom: 10px; margin-top:10px}
/* ---------- Recommended Plan Styles ---------- */
div.recommended .tableHeading, td.recommended { background: #46494c; color: #f4f4f4;}
div.recommended .tableHeading { background: #D74440 url("img/recommendationBadge.png") top left no-repeat;margin-top: -20px;padding-top: 45px;}
table.pricingTableContent tr.altRow td.recommended { background-color:#6A747A; }
table.pricingTableContent td.recommended strong, table.pricingTableContent tfoot td.recommended h4 { color: white; }
table.pricingTableContent tfoot td.recommended { border-top: 1px solid #4f5357; }
div.recommended .price1 { background: url("img/price1BGRecommended.png") top center no-repeat; }
div.recommended .price2 { background: url("img/price2BGRecommended.png") top center no-repeat; }
div.recommended .price3 { background: url("img/price3BGRecommended.png") top center no-repeat; }
div.recommended .price4 { background: url("img/price4BGRecommended.png") top center no-repeat; }
/* ---------- Button Styles ---------- */
a.signUpButton { color: white; font-weight: bold; border-radius : 15px; padding: 8px 20px; display: inline-block; background-color: #D74440; /* Fallback Color */ background: -moz-linear-gradient(top, #D74440, #D74440); /* FF 3.6+ */ background: -webkit-linear-gradient(top, #D74440, #D74440); /* Safari 5.1+, Chrome 10+ */}
a.signUpButton:hover { background-color: #666666; /* Fallback Color */ background: -moz-linear-gradient(top, #666666, #666666); /* FF 3.6+ */ background: -webkit-linear-gradient(top, #666666, #666666); /* Safari 5.1+, Chrome 10+ */}
p{ vertical-align:middle; horizontal-align:middle;}
/* ---------- Browser Compatibility Fixes ---------- */
.ie7 .price1 p { padding-top: 25px; }
.ie7 .price2 p { padding-top: 30px; }
.ie7 .price3 p { padding-top: 30px; }
.ie7 .price4 p { padding-top: 35px; }
.ie7 .priceContainer span { display: inline-block; }
.ie7 div.recommended .tableHeading { z-index: 100; position: relative;}
.ie7 table.pricingTableContent tr.signUpRow td.recommended { z-index: 10; }
/* ---------------- Tooltip ------------------- */
#tooltip {outline:none; }
#tooltip strong {line-height:30px;}
#tooltip:hover {text-decoration:none;}
#tooltip span { z-index:10;display:none; padding:10px 10px; margin-top:-30px; margin-left:28px; width:180px; line-height:15px; }
#tooltip:hover span{ display:inline; position:absolute; color:#222222;font-family:"Open Sans",sans-serif;text-align:center; font-size:14px;line-height:20px; border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
#tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }
/*------------------Tooltip DTFP -------------*/
#tooltip-dtfp {outline:none; }
#tooltip-dtfp strong {line-height:30px;}
#tooltip-dtfp:hover {text-decoration:none;}
#tooltip-dtfp span { z-index:10;display:none; padding:10px 10px; margin-top:-30px; margin-left:-280px; width:220px; line-height:15px; }
#tooltip-dtfp:hover span{ display:inline; position:absolute; color:#222222;font-family:"Open Sans",sans-serif;text-align:center; font-size:14px;line-height:20px; border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
#tooltip-dtfp span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }
/*---------------------- Testimonials --------------------------- */
#testimonials{width:1200px;height:1400px;margin-bottom:30px;}
#testimonials-box{text-align:center;padding:20px;margin-bottom:80px;margin-right:40px;margin-left:40px;width:280px;height:500px;font-size:15px;-moz-box-shadow: 5px 5px 8px #ddd;-webkit-box-shadow: 5px 5px 8px #ddd;box-shadow: 5px 5px 8px #ddd;float:left;}
#testimonials h2{font-family:"Roboto Slab",Calibri;color:#ffffff;font-weight:bold;font-size:36px;line-height:40px;text-align:center;margin-bottom:70px;}
#testimonials a{font-family:"Open Sans",sans-serif;font-size:15px;color:#D74440;font-weight:700;}
#testimonials a:hover{color:#46494c;text-transform:underline;}
#testimonials p{font-family:"Open Sans",sans-serif;font-size:15px;line-height:28px;color:#46494c;}
#testimonials img{width:100px;height:100px;border-radius:100%;padding:20px;}
/*---------------------- Accordion --------------------------- */
#accordion-structure{width:1100px;font-family:"Open Sans",sans-serif;color:#444444;font-weight:400;font-size:14px;}
#accordion-structure h3{font-family:"Raleway",sans-serif;color:#333333;font-weight:700;font-size:20px;}
/*--------------------- Blog Engage Features ------------------- */
#features{ width:1200px;height:450px;margin-bottom:50px;padding-bottom:300px;}
#features-box{ text-align:center;padding:20px;margin-bottom:80px;margin-right:40px;margin-left:40px;width:280px;height:200px;font-size:15px; float:left}
#features p{font-family:"Open Sans",sans-serif;font-size:15px;line-height:25px;color:#46494c;}
#features img{width:100px;height:100px;padding:20px;}
/* ----------------- Buttonlink 1 --------------------- */
#buttonlink {background: #D74440; font-family:"Open Sans",sans-serif;font-size:15px;border: 1px solid rgba(0,0,0,0.25);font-weight:bold;border-radius:5px;color: #FFFFFF;display:inline-block;padding:7px 12px;text-shadow:1px -1px 0 rgba(0,0,0,0.4);}
/* ----------------- Buttonlink 2 --------------------- */
#buttonlink2 a { background: #D74440;font-weight:bold;border: 1px solid rgba(0,0,0,0.25);font-weight;box-shadow: 0 1px 2px #B6B6B6; color: #FFFFFF; display: inline-block;padding: 7px 12px;text-shadow:1px -1px 0 rgba(0,0,0,0.4); border-radius: 3px 3px 3px 3px;font-family:"Raleway",sans-serif;font-size:20px;line-height:32px;margin-top:20px;}
#buttonlink2 a:hover { color: #f2f2f2; opacity: .9; }
/* ---------------- Footer --------------------- */
#footer-wrapper{width:100%;background:#1B1E1F;height:60px;text-align:center;}
#footer{width:1200px;background:#1B1E1F;height:60px;}
#footer p{font-family:"Open Sans",sans-serif;color:#B2B2B2;font-size:14px;text-align:center;line-height:18px;margin-top:20px;padding-top:20px;}
#footer a{color:#f9f9f9;}
#footer a:hover{text-decoration:underline;}
/*--------------- Header Background -------------- */
#heading-background{background:#D74440;height:50px;width:100%;margin-bottom:20px;padding-top:15px;padding-bottom:15px;font-family:"Roboto Slab",Calibri;color:#ffffff;font-weight:bold;font-size:36px;line-height:40px;text-align:center;}
/*-------- Video Area -------- */
#video-area{width:1200px;height:500px;margin-top:50px;margin-bottom:30px;}
#video-box1{width:640px;height:380px;margin-left:60px;float:left;margin-bottom:20px;}
#video-box2{width:400px;height:380px;margin-left:70px;float:left;margin-bottom:20px;padding-top:20px;}
#video-box2 li{font-family:"Open Sans";color:#444444;font-weight:bold;font-size:19px;border-bottom:1px solid #ddd;line-height:35px;padding:5px 0px;}
#video-box2 li img{padding-right:25px;}
#video-box3{background:url(img/bg.png);width:1200px;height:225px;}
#video-box3 iframe{margin:25px;margin-left:35px;}
#video-box3 h2{font-family:"Raleway",sans-serif;color:#ffffff;font-weight:700;font-size:35px;padding-bottom:15px;padding-top:45px;padding-left:55px;line-height:50px;float:left;}
#video-box3 p{ font-family:"Open Sans",Calibri;font-size:15px;color:#ffffff;line-height:28px;text-align:center;}
/*----------------- Services --------------- */
#services{width:1200px;height:1000px;margin-bottom:40px;text-align:center;}
#services-box{width:100%;height:160px;padding-top:50px;padding-bottom:50px;}
#services-left{width:550px;height:160px;float:left;margin-left:70px;;}
#services-right{width:500px;height:160px;float:left;}
#services h2{font-family:"Raleway",sans-serif;color:#D74440;font-weight:700;font-size:30px;padding-bottom:25px;padding-top:15px;}
#services p{ font-family:"Open Sans",Calibri;font-size:15px;color:#222222;line-height:28px;text-align:center;}