/* CSS Document */

/* BASIC ELEMENTS
----------------------------------------------------------------------------------------------------------------------------------------------------*/
body {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; background: #f3f3f3 url(../../images/site_bg_tile.gif) repeat-y center top}

#wrapper {width: 900px; height: 100%; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; background-color: #ffffff}

a {text-decoration: underline; color: #666}
a:hover {color: #d74212}

h1 {font-size: 24px; color: #5d7e9b; font-weight: normal; margin: 20px 0px 20px 0px}
h2 {font-size: 18px; color: #5d7e9b; font-weight: normal; margin: 18px 0px 15px 0px}
h3 {font-size: 14px; color: #5d7e9b; margin: 10px 0px 10px 0px}
h4 {font-size: 14px; color: #5d7e9b; margin: 10px 0px 5px 0px}
h5 {font-size: 12px; color: #5d7e9b; margin: 10px 0px 10px 0px}

p {font-size: 12px; color: #636363; line-height: 18px; margin: 12px 0px 10px 0px }
td {font-size: 12px; color: #636363 }

h2.subhead { font-size: 16px; color: #636363; font-weight: normal; line-height: 20px; padding: 0px; margin: 10px 0px 20px 0px }

a img {border: 0px}

ul, ol { font-size: 12px; color: #636363; margin: 5px 0px 5px 0px }

div.clear {clear: both}

div.greyLine { border-bottom: 1px solid #cccccc }

/* HEADER BOX
----------------------------------------------------------------------------------------------------------------------------------------------------*/
#headerBox { width: 900px; height: auto }
#logoBox { width: 275px; padding: 0px; margin: 25px 0px 0px 25px; float: left }

#supportBox { width: 250px; float: left; margin: 8px 0px 0px 120px; padding: 0px }
#supportBox div { height: 15px; font-size: 14px; font-weight: bold; color: #666666; margin: 10px 0px 10px 0px }
#supportBox div img { position: relative; margin: 0px 0px 0px 6px; top: 2px; }
#supportBox div span#ctl00_lblTelePhoneNumber { color: #e8941a }

#searchBox { width: 150px; height: 70px; float: left; }
#searchBox .search { width: 110px; padding: 0px; margin: 0px; color: #666; background-color: #e7e7e7 }
#searchBox .searchButton  { margin: 0px; padding: 0px; vertical-align: bottom }

/* slider styles */
a:focus { outline: none; }
#panel { font-size: 12px; color: #fff; background: #5d7e9b; height: 38px; display: none; padding-left: 30px }
#panel .panelInner { padding: 0px; margin: 0px }
#panel div { margin: 8px 10px 0px 10px; float: left }
#panel div .textBox { width: 120px; font-size: 11px; color: #666; color: #666; border: 0; padding: 3px; margin: 0px }
#panel div .textBoxPwd { width: 60px; font-size: 11px; color: #666; color: #666; border: 0; padding: 3px; margin: 0px }
#panel div.alt { font-size: 11px; margin-top: 6px }
#panel div.alt .tick { margin: 0px 5px 0px 0px; position: relative; top: 2px }
#panel div span { margin: 0px 10px 0px 0px; padding: 0px }
#panel div a { font-size: 11px; color: #fff; padding: 0px; margin: 0px }

.slide { margin: 0px 0px 12px 0px; padding: 0; background: url(../../images/master/expand-button.gif) no-repeat 0 0; }
a.btn-slide { text-align: center; width: 150px; height: 25px; padding: 3px 0px 0px 0px; margin: 0px; display: block; text-transform: capitalize; font-weight: bold; color: #fff; text-decoration: none; }
a.btn-slide:hover { text-decoration: none; color: #fff }
.active { background-position: right 12px; }

/* NAVIGATION BOX
----------------------------------------------------------------------------------------------------------------------------------------------------*/
#navBox {width: 900px; height: auto; padding: 7px 0px 0px 0px; clear:left} /* All other menu css in menu-styles.css */

/* HOME CONTENT
----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* version with trial form */
#contentInnerOne.spanOneTwo { height: 470px; background: none; padding: 0px; overflow: hidden }

#homeInnerLeftOne { width: 625px; height: 258px; background: #4e7394 url(../../images/home/main-banner-bg.png) }
*html #homeInnerLeftOne { background: #4e7394 url(../../images/home/main-banner-bg.png) repeat-y center top }
#homeInnerLeftOne #mainBannerText { width: 305px; float: left; margin: 35px 0px 0px 30px }
*html #homeInnerLeftOne #mainBannerText { margin: 35px 0px 0px 13px }
#homeInnerLeftOne #mainBannerText h1  { font-size: 26px; font-weight: bold; color: #fff; margin: 0px  }
#homeInnerLeftOne #mainBannerText ul  { font-size: 16px; color: #fff; margin: 10px 0px 0px 0px; padding: 0px }
#homeInnerLeftOne #mainBannerText ul li  { margin: 5px 0px 5px 25px; padding: 0px; list-style-image: url(../../images/home/tick-bullet.gif) }
#homeInnerLeftOne #mainBannerText ul li a { color: #fff; text-decoration: none }
#homeInnerLeftOne #mainBannerText ul li a:hover { text-decoration: underline }

#homeInnerLeftTwo { width: 625px; height: auto }
#homeInnerLeftTwo .innerBox { width: 280px; height: 140px; float: left; margin: 10px 0px 10px 0px; padding: 10px 0px 20px 20px; overflow: hidden }
#homeInnerLeftTwo .innerBox h2 { font-size: 22px; color: #636363; margin: 0px 0px 10px 0px; padding: 0px }
#homeInnerLeftTwo .innerBox p { font-size: 14px; margin: 5px 0px 5px 0px; padding: 0px }
#homeInnerLeftTwo .innerBox a { font-size: 14px; color: #1d5e96; margin: 0px; padding: 0px; text-decoration: none }
#homeInnerLeftTwo .innerBox a:hover { text-decoration: underline }
#homeInnerLeftTwo .innerBox img { float: left; margin: 5px 10px 0px 0px }
#homeInnerLeftTwo .innerBox ul#mycarousel img { margin: 0px }

/* version with lightbox form */
#contentInnerOne { width: 900px; height: 258px; background: #4e7394 url(../../images/home/main-banner-bg-span.png) no-repeat center top }
#contentInnerOne #mainBannerText { width: 305px; float: left; margin: 35px 0px 0px 30px }
*html #contentInnerOne #mainBannerText { margin: 35px 0px 0px 13px }
#contentInnerOne #mainBannerText h1  { font-size: 26px; font-weight: bold; color: #fff; margin: 0px }
#contentInnerOne #mainBannerText ul  { font-size: 16px; color: #fff; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 13px }
#contentInnerOne #mainBannerText ul li  { margin: 5px 0px 5px 10px; padding: 0px 0px 0px 4px; list-style-image: url(../../images/home/tick-bullet.gif); }
#contentInnerOne #mainBannerText ul li a { color: #fff; text-decoration: none }
#contentInnerOne #mainBannerText ul li a:hover { text-decoration: underline }

#contentInnerOne #mainBannerRightCol { width: 565px; height: 258px; padding: 0px; float: left}
#contentInnerOne #mainBannerRightCol div#imageBoxLeft { width: 290px; height: 258px; float: left }
#contentInnerOne #mainBannerRightCol div#textBoxRight { width: 275px; text-align: center; padding: 26px 0px 0px 0px; float: left }
#contentInnerOne #mainBannerRightCol div#textBoxRight ul { font-size: 14px; color: #114675; margin: 0px 0px 6px 0px; padding: 0px; list-style: none }
#contentInnerOne #mainBannerRightCol div#textBoxRight ul li { margin: 0px; padding: 0px }
#contentInnerOne #mainBannerRightCol div#textBoxRight a img { margin: 10px 0px 0px 0px }
#contentInnerOne #mainBannerRightCol div#textBoxRight .launchPopButton { margin: 10px 0px 0px 0px }

#contentInnerTwo { width: 900px; height: auto; background: url(../../images/banner-bottom-tile.gif) repeat-x left top; padding: 10px 0px 10px 0px }
#contentInnerTwo .innerBox { width: 280px; height: auto; float: left; margin: 10px 0px 10px 0px; padding: 10px 0px 20px 20px }
#contentInnerTwo .innerBox h2 { font-size: 22px; color: #333333; margin: 0px 0px 10px 0px; padding: 0px }
#contentInnerTwo .innerBox p { font-size: 14px; margin: 5px 0px 5px 0px; padding: 0px }
#contentInnerTwo .innerBox ul { list-style: none; margin: 0px; padding: 0px }
#contentInnerTwo .innerBox ul li { margin:  3px 0px 3px 0px; padding: 0px }
#contentInnerTwo .innerBox ul#mycarousel li { margin:  0px; padding: 0px }
#contentInnerTwo .innerBox a { font-size: 14px; color: #1d5e96; text-decoration: none; margin: 0px; padding: 0px }
#contentInnerTwo .innerBox a:hover { text-decoration: underline }
#contentInnerTwo .innerBox img { float: left; margin: 5px 10px 0px 0px }
#contentInnerTwo .innerBox ul#mycarousel img { margin: 0px }

#contentInnerTwo .innerBoxAlt { width: 260px; height: 110px; float: left; margin: 10px 0px 10px 0px; padding: 10px 0px 20px 20px }
#contentInnerTwo .innerBoxAlt h2 { font-size: 22px; color: #333333; margin: 0px 0px 10px 0px; padding: 0px }
#contentInnerTwo .innerBoxAlt p { font-size: 14px; margin: 5px 0px 5px 0px; padding: 0px }
#contentInnerTwo .innerBoxAlt ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px }
#contentInnerTwo .innerBoxAlt ul li { margin:  3px 0px 3px 0px; padding: 0px }
#contentInnerTwo .innerBoxAlt a { font-size: 14px; color: #1d5e96; text-decoration: none; margin: 0px; padding: 0px }
#contentInnerTwo .innerBoxAlt a:hover { text-decoration: underline }
#contentInnerTwo .innerBoxAlt img { float: left; margin: 5px 10px 0px 0px }

#contentInnerThree { width: 885px; height: auto; clear: left; background: url(../../images/banner-bottom-tile.gif) repeat-x left top; padding: 10px 0px 0px 15px }
#contentInnerThree .innerBox { width: 189px; height: auto; float: left; margin: 10px 10px 20px 0px; padding: 0px 10px 0px 10px }
#contentInnerThree .innerBox h2 { font-size: 18px; color: #636363; margin: 0px 0px 0px 0px; padding: 0px }
#contentInnerThree .innerBox p { margin: 5px 0px 5px 0px; padding: 0px }
#contentInnerThree .innerBox a { font-size: 12px; color: #1d5e96; text-decoration: none; margin: 0px; padding: 0px }
#contentInnerThree .innerBox a:hover { text-decoration: underline }
#contentInnerThree .innerBox ul { margin: 0px; padding: 0px }
#contentInnerThree .innerBox ul li { line-height: 14px; margin: 6px 0px 6px 20px; padding: 0px; list-style-image: url(../../images/home/arrow-bullet.gif) }
#contentInnerThree .innerBox img { float: left; margin: 5px 10px 0px 0px }

/* home page 2 - Get started today */
#contentInnerOne.homeTwo { width: 900px; height: 258px; background: #fff url(../../images/home/main-banner-bg-span-2.png) no-repeat center top }
#contentInnerOne.homeTwo #mainBannerText h1  { color: #333 }
#contentInnerOne.homeTwo #mainBannerText h2  { font-size: 18px; font-style: italic; color: #333; margin: 6px 0px 0px 0px }
#contentInnerOne.homeTwo #mainBannerText h2 span  { font-size: 12px; margin: 4px 0px 0px 0px; display: block }
#contentInnerOne.homeTwo #mainBannerText p  { font-size: 16px; color: #333;  }
#contentInnerOne.homeTwo #mainBannerText ul li a { color: #333 }

/* home page 3 - Resellers */
#contentInnerOne.homeThree #mainBannerText h2  { font-size: 18px; color: #fff; margin: 6px 0px 0px 0px }
#contentInnerOne.homeThree #mainBannerText p  { font-size: 16px; color: #fff;  }

/* logo slider box */
#logoWrap { width: 260px; height: 50px; margin: 0px 0px 10px 0px; overflow: hidden }
*html #logoWrap { width: 280px }

/* tab styles */
#tabs { clear: left; width: 900px; height: auto; background: url(../../images/banner-bottom-tile.gif) repeat-x left top; padding: 10px 0px 0px 0px }
#tabs ul { float: left; height: auto; padding: 4px 0px 0px 10px }
#tabs ul li { background: #dedede url(../../images/home/off-tab-bg.gif) repeat-x left bottom; display: inline; width: 210px; margin: 0px 5px 0px 5px; list-style: none }
#tabs ul li, #tabs li a { float: left }
#tabs ul li.active { background: #e8941a url(../../images/home/on-tab-bg.gif) repeat-x left bottom }
#tabs ul li.active a { color: #fff }
#tabs div { clear: both; padding: 20px 20px 0px 20px; min-height: 10px }
#tabs div h3 { font-size: 18px; margin: 0px 0px 4px 0px }
#tabs div p { line-height: 18px }
#tabs ul li a { font-size: 14px; text-align: center; text-decoration: none; padding: 20px; color: #7c7c7c; font-weight: bold; line-height: 20px }
.thumbs { float: left; border: #000 solid 1px; margin-bottom: 20px; margin-right: 20px }

#tabs #tab2 ol { margin: 0; padding: 0px 0px 0px 20px }
#tabs #tab2 ol li { margin: 10px 0px 10px 0px; padding: 0; line-height: 18px }

/* RIGHT COL
----------------------------------------------------------------------------------------------------------------------------------------------------*/
#rightCol {width: 275px; height: auto; float: left; padding: 0px; margin: 0px}
#rightColItemBox {width: 275px; height: auto; padding: 35px 0px 0px 0px; margin: 0px}

div.rightColItemOne {height: 50px; margin: 0px; padding: 10px 0px 10px 0px; clear: left; background: url(../../images/dotted_line.gif) repeat-x left top}
div.rightColItemOne img {float: left; margin: 0px 5px 0px 0px}
div.rightColItemOne h4 {font-size: 14px; margin: 0px; padding: 16px 0px 0px 0px}
div.rightColItemOne h4.noSpace {padding-top: 0px}
div.rightColItemOne h4 a {font-size: 14px; color: #5d7e9b; text-decoration: none}
div.rightColItemOne h4 a:hover {text-decoration: underline}
div.rightColItemTwo {height: auto; margin: 0px; padding: 10px 0px 10px 0px; clear: left; background: url(../../images/dotted_line.gif) repeat-x left top}
div.rightColItemTwo h4 {font-size: 14px; margin: 0px 0px 10px 0px}
div.rightColItemTwo h4 a {font-size: 14px; color: #5d7e9b; text-decoration: none}
div.rightColItemTwo h4 a:hover {text-decoration: underline}

#rightColItemBox div { margin: 20px 0px 30px 0px }
#rightColItemBox h4 { font-size: 16px }
#rightColItemBox img.video { border: 1px solid #999; margin: 5px 0px 0px 0px }

#rightColItemBox #related ul { font-size: 14px; list-style: none; padding: 0px; margin: 0px }
#rightColItemBox #related ul li { margin: 8px 0px 8px 0px }
#rightColItemBox #related ul li a {text-decoration: none; color: #636363; font-size: 14px }
#rightColItemBox #related ul li a:hover { text-decoration: underline; color: #5d7e9b }
#rightColItemBox #related ul li a span { font-weight: bold }

#rightColItemBox #checkUs h5 { font-size: 14px; width: auto; height: 27px; padding: 8px 0px 0px 45px }
#rightColItemBox #checkUs h5 a { text-decoration: none; color: #636363; font-size: 14px }
#rightColItemBox #checkUs h5 a:hover { text-decoration: underline; color: #5d7e9b }
#rightColItemBox #checkUs h5.tour { background: url(../../images/rightcol/tour-icon.gif) no-repeat left }
#rightColItemBox #checkUs h5.compare { background: url(../../images/rightcol/compare-icon.gif) no-repeat }
#rightColItemBox #checkUs h5.pricing { background: url(../../images/rightcol/pricing-icon.gif) no-repeat }
#rightColItemBox #checkUs h5.casestudies { background: url(../../images/rightcol/casestudies-icon.gif) no-repeat }
#rightColItemBox #checkUs h5.clients { background: url(../../images/rightcol/clientlist-icon.gif) no-repeat }
#rightColItemBox #checkUs h4 { margin-bottom: 10px }

#rightColItemBox #offers h5 { font-size: 16px; line-height: 20px; width: auto; height: 68px; padding: 20px 0px 0px 90px; margin: 0px 0px 5px 0px }
#rightColItemBox #offers h5 a { font-size: 16px; line-height: 20px; text-decoration: none; color: #636363 }
#rightColItemBox #offers h5 a:hover { font-size: 16px; line-height: 20px; text-decoration: underline; color: #5d7e9b }
#rightColItemBox #offers h5.freeTemplates { background: url(../../images/rightcol/free-templates.jpg) no-repeat }
#rightColItemBox #offers h5.customTemplates { background: url(../../images/rightcol/custom-templates.jpg) no-repeat }
#rightColItemBox #offers h5.api { background: url(../../images/rightcol/api-docs.jpg) no-repeat }
#rightColItemBox #offers h4 { margin-bottom: 20px }

/* contracted trial box styles */
#freeTrialBox {width: 275px; height: 154px;background: url(../../images/banner-bottom-tile.gif) repeat-x left bottom; padding: 0px}

#freeTrialBox #tryitfree {font-size: 12px; color: #666666; width: 275px; height: 144px; text-align: center; background: url(../../images/trialform_bg_tile.gif) repeat-x left bottom}
#freeTrialBox #tryitfree p {color: #d6340b; font-size: 11px; line-height: 15px; margin: 0px}
#freeTrialBox #tryitfree img {margin: 20px 0px 0px 0px}
#freeTrialBox #tryitfree .launchPopButton {margin: 10px 0px 10px 0px; cursor: pointer}

/* expanded trial box styles - N/A anymore 
#freeTrialBoxExpanded {width: 275px; height: auto; background: #e7e7e7 url(../../images/banner-bottom-tile.gif) repeat-x left bottom; padding: 0px 0px 10px 0px}
*/

/* expanded trial box styles - HOME page */
#freeTrialBoxExpHome {width: 275px; height: auto; background: #e7e7e7 url(../../images/trialform_bg_tile.gif) repeat-x top; padding: 0px}

#freeTrialBoxExpHome #tryitfree {width: 275px; height: auto; text-align: center; padding: 0px; margin: 20px 0px 10px 0px}
#freeTrialBoxExpHome #tryitfree p {color: #d6340b; font-size: 11px; line-height: 15px; margin: 0px}

#expandMenu {font-size: 11px; color: #666666; height: auto}
#expandMenu .redcompulsory {color: #d74212}
#expandMenu td.text {width: 90px; padding: 0px 0px 4px 15px}
#expandMenu td.hometrial {padding: 0px 0px 4px 15px}
#expandMenu td.buttonSpacer {text-align: center; padding: 5px 0px 5px 0px}
#expandMenu td.notice {padding: 10px 15px 10px 15px; background: url(../../images/dotted_line.gif) repeat-x left top}
#expandMenu input.altInput {font-size: 11px; color: #666666; width: 145px; padding: 2px 0px 2px 2px; border: 1px solid #666666}
#expandMenu input.button {margin: 5px 0px 10px 0px; border: 0px}
#expandMenu select.altSelect {font-size: 11px; color: #666666; width: 148px; padding: 2px 0px 2px 2px; border: 1px solid #666666}

#expandMenu td.colorSpacer {height: 100px; background-color: #e7e7e7}

/* trial box styles - POPUP form */
#popupWrapper { width: 495px; height: auto; padding: 10px 0px 25px 0px; margin: 0px; background: url(../../images/banner-bottom-tile.gif) repeat-x left bottom }

#popupWrapper #popupLeftCol { width: 274px; height: auto; padding: 5px 0px 0px 0px; border-right: 1px solid #ccc; float: left }

#popupWrapper #popupRightCol { width: 190px; height: auto; padding: 5px 15px 0px 15px; float: left }
#popupWrapper #popupRightCol h2 { font-size: 14px; font-weight: bold; color: #d74212; margin:  0px 0px 5px 0px; padding: 0px }
#popupWrapper #popupRightCol p { margin: 0px 0px 10px 0px; padding: 0px }

h1.popupHeader { font-size: 22px; font-weight: bold; color: #d74212; padding: 0px 0px 15px 0px; margin: 0px }

#expandMenuPopup .redcompulsory {color: #d74212}
#expandMenuPopup td.text {font-size: 12px; text-align: right; width: 90px; padding: 0px 5px 0px 5px}
#expandMenuPopup td.hometrial {font-size: 12px; padding: 5px 0px 5px 15px}
#expandMenuPopup td.hometrial .checkInput {padding: 0px 5px 0px 0px; float: left}
#expandMenuPopup td.hometrial div {float: left; width: 200px;}
#expandMenuPopup td.buttonSpacer {font-size: 12px; text-align: center; padding: 5px 0px 5px 0px; vertical-align: middle}
#expandMenuPopup .altInput {font-size: 11px; color: #666666; width: 145px; padding: 3px; border: 1px solid #666666; margin: 2px 0px 2px 0px}
#expandMenuPopup .button {margin: 0px 0px 0px 0px; border: 0px}
#expandMenuPopup .altSelect {font-size: 11px; color: #666666; width: 154px; padding: 3px 3px 3px 2px; border: 1px solid #666666; margin: 2px 0px 2px 0px}

/* CONTENT BOX (LEFT COL)
----------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
#contentBox {width: 900px; height: auto }

#leftCol {width: 625px; height: auto; float: left; padding: 0px; margin: 0px; }

#bannerBox {width: auto; height: 154px;}

table#banner {width: 625px; height: 144px; margin: 0px; padding: 0px}
table#banner td.bannerImage {width: 200px}
table#banner td.bannerText {overflow: hidden; padding: 0px 10px 0px 0px}
table#banner td.bannerText h2 {font-size: 14px; font-weight: bold; color: #636363; line-height: 20px; padding: 0px}

div.breadCrumb {clear: left; font-size: 11px; color: #636363; margin: 8px 0px 10px 0px}
div.breadCrumb a.breadRoot {font-weight: bold; color: #636363}

#leftCol #contentItems {width: 580px; height: auto; margin: 0px 0px 0px 15px}

div.features {font-size: 12px; color: #636363; margin: 10px 0px 10px 0px; clear: left}
div.features a {color: #636363; font-weight: bold}	
div.features h3 {margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px}
div.features p {margin: 5px 0px 5px 0px}
div.features img.borderGlow {background: url(../../images/features-img-bg.gif) no-repeat center center; padding: 7px; margin: 0px 10px 0px 0px; float: left}

#contentItems ul { font-size: 12px; color: #636363; padding: 0px 0px 10px 30px }
#contentItems ul a { font-size: 12px; color: #636363 }
#contentItems ul li { margin: 5px 0px 5px 0px }

#highlightBox { background-color: #cddfef; height: auto; min-height: 130px; padding: 10px 0px 10px 10px }
#highlightBox img { margin: 0 10px 0 0; float:left }
#highlightBox h2 { margin: 2px 0 10px 0 }
#highlightBox p { margin: 10px 0 10px 0 }
#highlightBox a, #highlightBox a:hover { font-size: 12px; color: #5d7e9b; text-decoration: underline; margin: 0; padding: 0 }

#contentItems #podcastBanner { height: 70px; margin: 30px 0px 0px 0px }
#contentItems #podcastBanner img { padding: 0 20px 0 0; float:left }
#contentItems #podcastBanner a, #podCastBox a:hover{ font-size: 18px; color: #5d7e9b; text-decoration: underline; display: block; margin: 0px; padding: 8px 0px 0px 0px }

img.featuresBannerBox { margin: 10px 0 10px 0 }

/* about us */
.flags img { float: left; margin: 0px 0px 5px 10px }

/* video pages */
.wrapperVideo { width: 600px; height:auto; padding: 20px 0 40px 0; clear:left }
.videoBox { width: 259px; height: auto; margin: 0 30px 0 0; float: left }
.videoBox img { border: 1px solid #999 }
.videoBox h4 { font-size: 14px; color: #5d7e9b; font-weight:bold }
.videoBox ul li { line-height: 14px; margin: 6px 0px 6px 0px; padding: 0px; list-style-image: url(../../images/home/arrow-bullet.gif) }
.videoBox ul li a { font-size: 12px; color: #1d5e96; text-decoration: none; margin: 0px; padding: 0px }
.videoBox a img { border: 1px solid #ccc }
.videoBox ul li a:hover { text-decoration: underline } 

/* 404 page */
#speechBubble { width: 600px; height: auto; margin: 20px 0 0 0 }
.bubbleTop { width: 600px; height: 24px; }
.bubbleMid { background-color: #eeecec; width: 580px; height: auto; padding: 5px 10px 5px 10px }
.bubbleBottom { width: 600px; height: 52px; }
.bubbleMid H1 { font-size: 25px; margin: 0px; padding: 0px }
#standingMan { width: 549px; height: 477px; margin: 0px 5px 0 0 }

/* templates page */
.templateWrapper { width: 580px; height: 160px; margin: 20px 0 0 0 }

.templateBox { width: 135px; height: 140px; margin: 0 10px 0 0; float:left; text-align: center }
.templateBox a { font-size: 12px; height: auto; text-decoration: none; color: #333 }
.templateBox a:hover { color: #5d7e9b }
.templateBox a img { margin-bottom: 10px }

.templateCarousel { width: 570px; height: 170px; margin: 0px 0px 10px 0px }

#contentSpan { width: 900px; height: 450px; background-color: #cddfef }
.innerLeftCol { width: 565px; height: auto; padding: 10px 10px 10px 25px; float: left }
.innerLeftCol a { color: #636363 }
.innerLeftCol a:hover { color: #636363  }
.innerRightCol { width: 282px; height: auto; margin: 55px 10px 5px 8px; float: right }
.innerRightCol a { color: #636363 }
.innerRightCol a:hover { color: #636363 }
.innerRightCol ul { margin: 0; padding: 0; list-style: none }
.innerRightCol ul li { margin: 5px 0px; padding: 0; }

#coreProductWrapper { width: 865px; height: auto; padding: 0 10px 10px 25px; float:left }
.productBox { width: 190px; height: auto; margin: 10px 25px 0 0; float:left }
.productBox a { color: #636363 }
.productBox a:hover { color: #636363 }
.productBox p { width: 190px; height: 40px; padding: 0 0 2px 0 }
.productBox img { border: solid 1px #666 }

/* testimonials page */
#testimonialQuote { width: 550px; height: auto; margin: 0; padding: 0 }
#testimonialQuote ul { width: 550px; height: auto; font-size: 12px; color: #636363; line-height: 18px; margin: 5px 0px 10px 0px; padding: 0; list-style: none }
#testimonialQuote ul li { margin: 5px 0px; padding: 0 }
#testimonialQuote ul li span { font-weight: bold; display: block; margin: 0; padding: 0 }
#testimonialQuote ul li span.header { font-size: 15px; color: #5d7e9b; margin: 0 0 5px 0 }
#testimonialQuote ul li span.author { font-style: italic; color: #636363; margin: 5px 0 20px 0 }

ul#caseStudies { width: 270px; height: auto; font-size: 12px; color: #636363; line-height: 15px; padding: 0; list-style: none }
ul#caseStudies li { margin: 15px 0px; padding: 0 }
ul#caseStudies li img { padding: 0 10px 0 0; float: left }
ul#caseStudies li a { font-size: 12px; color: #5d7e9b; text-decoration: none }
ul#caseStudies li a:hover { font-size: 12px; color: #5d7e9b; text-decoration: underline }

#testimonialForm { background-color: #e0e0e0; height: auto; padding: 10px; margin: 0 }
#testimonialForm form { background-color: #990000; margin: 50px 0px 0px 0px }
#testimonialForm textarea.comment { width: 400px; height: 100px; font-family: Verdana, Arial, san-serif; font-size: 12px; color: #636363; padding: 2px; display: block }
#testimonialForm input { width: 200px; font-family: Verdana, Arial, san-serif; font-size: 12px; color: #636363; padding: 2px; display: block }
#testimonialForm input.button { width: 80px; height: 20px; margin-top: 0; padding: 0 }

/* press release and resource articles pages */
#articles {width: 590px; height: auto }
#articles a {font-size: 12px; color: #636363; text-decoration: underline; margin: 0px; padding: 0px }
#articles a:hover {font-size: 12px; color: #636363; text-decoration: none; margin: 0px; padding: 0px }
#articles p {font-size: 12px; color: #636363; line-height: 18px; margin: 12px 0px 0px 0px}

#articles {width: 590px; height: auto }
#articles img { padding: 20px 20px 20px 0; float:left }
#articles ul li { padding: 10px 0 0 0 }

/* podcasts */
#contentItems #podCast { width: 590px; height: auto }
#contentItems #podCast a { font-size: 12px; color: #636363; text-decoration: underline; margin: 0px; padding: 0px }
#contentItems #podCast a:hover { font-size: 12px; color: #636363; text-decoration: none; margin: 0px; padding: 0px }
#contentItems #podCast p { font-size: 12px; color: #636363; line-height: 18px; margin: 12px 0px 0px 0px}

/* features section */
ul#featuresList  { font-size: 16px; color: #666; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 13px }
ul#featuresList  li  { margin: 5px 0px 5px 10px; padding: 0px 0px 0px 4px; list-style-image: url(../../images/home/tick-bullet.gif) }
ul#featuresList  li a { font-size: 16px; color: #636363; text-decoration: none }
ul#featuresList  li a:hover { text-decoration: underline }

ol#create  { font-size: 12px; color: #636363; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 30px }
ol#create  li  { margin: 5px 0px 5px 0px }

div.featuresBoxBig { height: 180px; clear: left; margin: 30px 0px 30px 0px }
div.featuresBoxBig h2 { margin-top: 0px }
div.featuresBoxBig img { float: left; border: 1px solid #999; margin: 0px 10px 10px 0px }
div.featuresBoxBig ul {  margin: 0px; padding: 0px; text-decoration: none; float: left }
div.featuresBoxBig ul li { line-height: 14px; margin: 6px 0px 6px 0px; padding: 0px; list-style-image: url(../../images/home/arrow-bullet.gif) }
#contentItems div.featuresBoxBig ul li a { font-size: 12px; color: #5d7e9b; text-decoration: none; margin: 0px; padding: 0px }
#contentItems div.featuresBoxBig ul li a:hover { color: #5d7e9b; text-decoration: underline }

div.featuresBoxSmall { height: auto; margin: 30px 0px 30px 0px; clear: left; overflow: hidden }
div.featuresBoxSmall h4 { font-size: 16px; margin: 0px 0px 5px 0px }
div.featuresBoxSmall p { margin-top: 0px }
div.featuresBoxSmall h4 span { color: #d74212; font-weight: bold; font-size: 12px }
div.featuresBoxSmall img { float: left; border: 1px solid #999; margin: 0px 10px 10px 0px }
div.featuresBoxSmall a.moreInfo { background-color: #e0e0e0; font-size: 12px; text-decoration: none; height: 14px; display: block; padding: 10px 10px 10px 0px; margin: 0px; clear: left }
div.featuresBoxSmall a.moreInfo span { background: #5d7e9b url(../../images/features/arrow-bg.gif) no-repeat right center; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 12px; text-decoration: none; padding: 10px 30px 10px 10px; margin: 0px 10px 0px 0px; }
div.featuresBoxSmall a:hover.moreInfo { text-decoration: underline }

div.featuresBoxAlt { width: auto; height: auto; margin: 30px 0px 30px 0px; clear: left }
div.featuresBoxAlt img { float: left; margin: 0px 15px 5px 0px }
div.featuresBoxAlt ul { margin: 0px 0px 15px 0px; padding: 0px; text-decoration: none; float: left }
#contentItems div.featuresBoxAlt ul li { line-height: 14px; margin: 6px 0px 6px 0px; padding: 0px; list-style-image: url(../../images/home/arrow-bullet.gif); color: #5d7e9b }
#contentItems div.featuresBoxAlt ul li a { font-size: 12px; color: #5d7e9b; text-decoration: none; margin: 0px; padding: 0px }
#contentItems div.featuresBoxAlt ul li a:hover { color: #5d7e9b; text-decoration: underline }

div.picBox { float: left; width: 258px; margin: 20px 20px 0px 0px }

/* features call out pages */
#featuresBannerWrapper { width: 580px; height: 210px; padding: 20px 0 10px 0 }
.featuresBanner { width: 333px; height: 209px; padding: 20px 10px 0 0; float:left }
.featuresBanner img { border: 1px solid #999 }

#splitTestVideoWrapper { width: 207px; height: 165px; background-color: #e0e0e0; padding: 10px 10px 0 10px; margin: 0 10px 0 0; float:left }
.splitTestFeaturesVideo {width: 205px; height: 127px; text-align:center; float:left }
.splitTestFeaturesVideo img { border: 1px solid #999 }
.splitTestFeaturesVideo p { width: 205px; height: 127px; padding: 0 0 10px 0 }

#featuresVideoWrapper { width: 207px; height: 197px; background-color: #e0e0e0; padding: 10px 10px 0 10px; margin: 20px 0 0 0; float:left }
.featuresVideo {width: 207px; height: 129px; text-align:center; float:left }
.featuresVideo img { border: 1px solid #999 }

#featuresDiagramWrapper { width: 580px; height: 200px; margin: 20px 0 20px 0 }
.featuresDiagram { width: 580px; height: 200px }

.triggerBox img { width: 37px; height: 37px; float: left; margin: 0 7px 0 0 }
.triggerBox p { margin-top: 0; padding-top: 0 }

/* resourses goodread */   
#contentItems div.booksBox { height: auto; margin: 20px 0px 20px 0px; clear: left; overflow: hidden }
#contentItems div.booksBox img { float: left; border: 1px solid #999; margin: 0px 10px 10px 0px }
#contentItems div.booksBox p { margin-top: 0px }
#contentItems div.booksBox a { font-size: 12px; color: #5d7e9b; text-decoration: none; margin: 0px; padding: 0px}
#contentItems div.booksBox a:hover { color: #5d7e9b; text-decoration: underline }

/* case studies */   
#contentItems {width: 570px; height: auto; padding: 0px 0px 0px 0px}
#contentItems a { color: #636363 }
#contentItems a:hover { color: #5d7e9b }

div.caseStudyBox { height: auto; padding: 10px 0px 0px 0px; margin: 0px; clear: left}	
div.caseStudyBox img { border: 1px solid #b8b8b8; float: left; margin: 0px 10px 0px 0px}	
div.caseStudyBox h2 { font-size: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px}	
div.caseStudyBox p { margin: 0px 0px 5px 0px; padding: 0px}	
#contentItems div.caseStudyBox a {text-decoration: none; font-weight: bold; color: #5d7e9b}
#contentItems div.caseStudyBox a:hover { text-decoration: underline; color: #5d7e9b}
					
#innerLeftCol {float: left; width: 170px; height: auto; margin: 20px 20px 20px 0px; text-align: center}	
#innerLeftCol img {margin: 0px 0px 20px 0px}	
#innerLeftCol p.quote {font-size: 14px; font-weight: bold; text-align: left; line-height: 20px; margin: 0px 0px 0px 0px}
		
h4.mini {font-weight: bold; color: #636363; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
		
div.line {background: url(../../images/dotted_line.gif) repeat-x left top; margin: 5px 0px 5px 0px; width: 100%; height: 2px; clear: left}
		
div.moreCaseStudies {text-align: center; height: auto; padding: 15px 10px 15px 10px; margin: 0px 20px 20px 0px; float: left; border: 1px solid #d1d1d1}	
div.moreCaseStudies img {margin: 0px 0px 0px 0px}	
div.moreCaseStudies h3 {color: #63a12d; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px}	
div.moreCaseStudies a {color: #636363; text-decoration: underline}
div.moreCaseStudies a:hover {color: #d34619}
		
#signUpBox {background: url(../../images/signup-bg-tile.gif) repeat-x left bottom; height: auto; padding: 20px; margin: 0px}
		
#signUpTable {margin: 10px 0px 0px 0px}
		
#contentItems div.signUp {background-color: #e3e3e3; padding: 10px 10px 12px 15px; margin: 20px 0px 0px 0px}	
#contentItems div.signUp span {font-size: 14px; line-height: 22px; color: #636363}	
#contentItems div.signUp span a {font-weight: bold; color: #d74212}
#contentItems div.signUp span a:hover {text-decoration: underline}

/* webinar page */
table.schedule {background-color: #e9e9e9; padding: 0px; margin: 10px 0px 10px 0px}
table.schedule td {padding: 5px 10px 10px 20px}
table.schedule td.left {width: 60%; border-right: 5px solid #fff}
table.schedule td.right {width: 60%; background-color: #dedede}
table.schedule td.right a {color: #d74212; display: block; font-weight: bold; margin: 10px 0px 10px 0px}
table.schedule td.right input {margin: 5px 0px 5px 0px}

div#speakers {height: 330px; background-color: #dedede; padding: 0px 0px 10px 0px; margin: 30px 0px 20px 0px}
div#speakers h3 {background-color: #d3d3d3; padding: 10px; margin: 0px 0px 20px 0px; border-bottom: 5px solid #fff}
div#speakers .miniCol {padding: 0px; margin: 0px 20px 0px 0px; float: left}
div#speakers .miniCol div {width: 250px; padding: 0px 0px 0px 0px; margin: 10px 0px 30px 20px; clear: left}
div#speakers .miniCol div img {margin: 0px 10px 0px 0px; float: left}
div#speakers .miniCol div p {margin: 0px; padding: 0px}
div#speakers .miniCol div p.name {font-size: 14px; font-weight: bold; margin: 0px; padding: 10px 0px 0px 0px}

ul.videoList {font-size: 14px; list-style: none; width: 180px; padding: 0px; margin: 0px; float: left}
ul.videoList li {padding: 0px; margin: 5px 0px 5px 0px}

div#ready {background-color: #e9e9e9; padding: 10px 10px 10px 20px; margin: 30px 0px 20px 0px}
div#ready img {float: right; margin: 0px 10px 10px 20px}

h3.shoutOut {font-size: 16px; color: #666; margin: 10px 0px 10px 0px}
h3.shoutOut a {color: #d74212}

/* PROMO - Kudu fm */
#kuduFmLogo { width: 223px; height: 142px; float:left; margin: 0 10px 10px 0 }
#promoBoxWrapper { background-color: #cddfef; height: 420px; margin-top: 20px; padding: 5px 0px 5px 20px }
.promoBox { width: 170px; height: 110px; margin: 5px 15px 0 0; float:left }
.promoBox img { border: 1px solid #666666 }

/* PROMO - Google Adwords */
table#packages td {background-color: #F1F1F1; border-bottom: 4px solid #FFFFFF; padding: 10px;}
table#packages span {font-size: 14px;}
a.signUp, a.signUp:hover {font-size: 18px; color: #d74212; text-decoration: underline;}
#termsBox {padding: 20px;}
.watermark {background: #ffffff;}
.popupControl {background-color: #ffffff; position: absolute; visibility: hidden; border-style: solid; border-color: #ffffff; border-width: 2px;}
.modalBackground {background-color: Gray; filter: alpha(opacity=70); opacity: 0.7}
.modalPopup {background-color: #ffffff; border-width: 3px; border-style: solid; border-color: #ffffff; padding: 3px; width: 250px}

/* PROMO - Halloween */
#contentItems p.bigText {font-size: 16px; line-height: 20px}

/* PROMO - Xmas */
#contentItems h1.xmasHeading {font-size: 25px; color: #bf8c41; font-weight: normal; margin: 20px 0px 5px 0px}
#contentItems h2.xmasHeading {font-size: 18px; color: #bf8c41; font-weight: normal; margin: 0px 0px 30px 0px}
#contentItems h3.xmasHeading {font-size: 15px; color: #da0000; font-weight: normal; margin: 0px 0px 10px 0px}
#contentItems h4.xmasHeading {font-size: 12px; color: #bf8c41; font-weight: normal; margin: 0px 0px 10px 0px}
#contentItems #goldBox {margin: 0px 0px 20px 0px; width: 100%; height: 40px}
#contentItems #goldBox span {color: #da0000; margin: 0px 5px 0px 0px; font-size: 15px; line-height: 18px; font-weight: bold; float: left; width: 82%}

h2.textGoldTwo {font-size: 20px; color: #bf8c41; font-weight: normal; margin: 0px 0px 15px 0px}
p.prizeBox {margin: 10px 0px 20px 0px}
#terms p {font-size: 10px; color: #636363; font-weight: normal; margin: 0px 0px 0px 0px}
#terms ul {font-size: 10px; color: #636363; font-weight: normal; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px}
#terms ul li {margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px}
img.goldLine {margin: 10px 0px 25px 0px}

/* FOOTER BOX
----------------------------------------------------------------------------------------------------------------------------------------------------*/
#footerBox { width: 900px; height: auto; background: #e0e0e0 url(../../images/master/footer-bg-tile.gif) repeat-x left top; clear: left }
#boxOne { width: 880px; height: 115px; margin: 10px 0px 0px 0px; padding: 20px 0px 0px 20px;  }

#boxOneInnerLeft { width: 250px; height: 100px; margin: 0px 10px 0px 0px; float: left }
#boxOneInnerLeft h3 { font-size: 16px; padding: 0px; margin: 0px }
#boxOneInnerLeft p { color: #666; font-size: 11px; line-height: 14px; padding: 0px; margin: 5px 0px 0px 0px }
#boxOneInnerLeft .subscribe { padding: 0px; margin: 10px 0px 0px 0px }
#boxOneInnerLeft .subscribeButton { padding: 0px; margin: 0px; color: #666; vertical-align: bottom }

#boxOneInnerRight { width: 580px; height: 100px; margin: 0px; padding: 0px 0px 0px 20px; border-left: 1px solid #cccccc; float: left; }

#boxOneInnerRight ul#socialMedia { width: 380px; height: 25px; margin: 0px 0px 20px 0px; padding: 0px; font-size: 12px; color: #666666; float: left }
#boxOneInnerRight ul#socialMedia li { list-style: none; padding: 0px 10px 0px 0px; margin: 0px; float: left; }

#boxOneInnerRight ul#socialMedia li a { height: 20px; padding: 5px 0px 0px 30px; display: block; background: url(../../images/master/social-media-icons.gif) no-repeat }
*html #boxOneInnerRight ul#socialMedia li a { display: inline }
#boxOneInnerRight ul#socialMedia li a.twitter { background-position: 0 0 }
#boxOneInnerRight ul#socialMedia li a.facebook { background-position: 0 -25px }
#boxOneInnerRight ul#socialMedia li a.youtube { background-position: 0 -50px }
#bookmark { width: 125px; height: 20px; margin: 0px; padding: 5px 0px 0px 0px; float: left }

#boxOneInnerRight ul#menuLinks { width: 100%; height: 15px; margin: 8px 0px 0px 0px; padding: 0px; font-size: 12px; color: #666666; clear: left }
#boxOneInnerRight ul#menuLinks li { list-style: none; margin: 0px 15px 0px 0px; padding: 0px; float: left; }
#boxOneInnerRight ul#menuLinks li a { height: 25px; padding: 0px }

#boxTwo { width: 900px; height: 55px; margin: 0px; padding: 20px 0px 10px 0px; border-top: 1px solid #c9c9c9; clear: left }

#flags { width: 485px; margin: 0px 0px 0px 20px; padding: 0px; float: left }
*html #flags { margin: 0px 0px 0px 10px }
#flags img { padding: 0px; margin: 0px 3px 5px 0px; float: left }
#flags p { color: #666; margin: 0px; padding: 0px; clear: left }

#certLogos { width: auto; margin: 0px 0px 0px 20px; float: left }
#certLogos img { margin: 0px 10px 0px 0px; padding: 0px; float: left }

#boxThree { width: 900px; height: 80px; margin: 0px; padding: 0px; border-top: 1px solid #c9c9c9; text-align: center; clear: left }

ul.extraMenu { width: auto; font-size: 12px; color: #666666; margin: 0px; padding: 20px 0px 0px 0px }
ul.extraMenu li { list-style: none; padding: 1px 10px 1px 10px; display: inline; }
ul.extraMenu a { color: #666666 }
ul.extraMenu a:hover { color: #d74212 }

#boxExtra { width: 900px; height: 63px; margin: 0px; padding: 0px; border-top: 1px solid #c9c9c9; text-align: center; clear: left }
#boxExtra img { margin: 10px 10px 0px 0px; padding: 0px; }

/* email disclaimer */
#disclaimerBox {width: 860px; height: auto; padding: 0px 20px 0px 20px}
#disclaimerBox ul { font-size: 12px; color: #636363; padding: 0px 0px 10px 30px }
#disclaimerBox ul li { margin: 5px 0px 5px 0px }

/* subscribe popup */
#subscribePopUp { width: 265px; height: auto; margin: 0 auto 0 auto }
#subscribePopUp h3 { margin: 5px; padding: 10px 0 0 0; font-size: 18px }
#subscribePopUp p { margin: 5px; padding: 10px 0 10px 0; font-size: 14px }

/* IE PNG FIX
----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* OTHER
----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* modalPopup CSS */
.color1 {  vertical-align: middle; border: solid 1px #d2d2d2; padding: 2px 2px 2px 2px; background-color: #efefef; font-weight: bold; height: 20px; }
.modalPopup { background-color: #ffffff; border-width: 3px; border-style: solid; border-color: #ffffff; padding: 3px; width: 250px; }
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }