@charset "utf-8";
/* basic */
body { font:11px/16px Arial, Helvetica, sans-serif; background:#d9d9d9 url(../images/bg-body.gif) repeat-x 0 0; text-align:center; color:#464540; margin:0; padding:0; }
body.inside { font:11px/16px Arial, Helvetica, sans-serif; background:#d9d9d9 url(../images/bg-body_inside.gif) repeat-x 0 0; text-align:center; color:#464540; margin:0; padding:0; }
a:link, a:visited { color:#3473b6; text-decoration:none; }
a:hover, a:active { color:#debc0d; }
h1,h2,h3,h4,p {margin:0 0 10px 0; font-weight:normal;}
h1 {line-height:30px;}
strong {font-weight:bold;}
em {font-style:italic;}
sup {vertical-align:super; font-size:6px;}

/* header */
#header { padding:20px 20px 20px 50px; position:relative; }
#header h1 { width:210px; height:107px; margin:0;}
#header h1 a { background:url(../images/logo.gif) no-repeat; width:210px; height:107px; display:block; text-indent:-9999px; }
#header #loginForm {position:absolute; top:50px; right:20px; text-align:right;}
#header #loginForm form {margin:0 0 10px 0;}
#header #loginForm form input.txt {background:url(../images/bg-login_form_input.gif) no-repeat; width:125px; height:16px; border:none; font:11px Arial, Helvetica, sans-serif; padding:4px 5px 0 10px; color:#99978c;}
#header #loginForm form input.submit {vertical-align:middle; margin:0 0 0 10px;}

/* container */
#wrap {width:1024px; background:url(../images/bg-content.gif) repeat-y; margin:0 auto;}
#wrapInside {width:1024px; background:url(../images/bg-content_inside.gif) no-repeat; margin:0 auto;}
#container { width:1020px; background:#FFF; text-align:justify; margin:0 auto; }

/* main navigation */
#mainNav {background:url(../images/bg-main_navigation.gif) repeat-x;height:44px;}
#mainNav ul {list-style:none; width:1007px; margin:0 0 0 11px;}
#mainNav ul li {list-style:none; float:left; height:44px;}
#mainNav ul li a {display:block; text-indent:-9999px; background:url(../images/main_nav.gif) no-repeat; height:44px;}
#mainNav ul li a#navHome {background-position:-10px 0; width: 108px;}
#mainNav ul li a#navHome:hover, #mainNav ul li a#navHome.current {background-position:-10px -44px;}
#mainNav ul li a#navAbout {background-position:-118px 0; width: 108px;}
#mainNav ul li a#navAbout:hover, #mainNav ul li a#navAbout.current {background-position:-118px -44px;}
#mainNav ul li a#navStart {background-position:-225px 0; width: 129px;}
#mainNav ul li a#navStart:hover, #mainNav ul li a#navStart.current {background-position:-225px -44px;}
#mainNav ul li a#navPrice {background-position:-354px 0; width: 84px;}
#mainNav ul li a#navPrice:hover, #mainNav ul li a#navPrice.current {background-position:-354px -44px;}
#mainNav ul li a#navCustomer {background-position:-438px 0; width: 127px;}
#mainNav ul li a#navCustomer:hover, #mainNav ul li a#navCustomer.current{background-position:-438px -44px;}
#mainNav ul li a#navPartner {background-position:-565px 0; width: 121px;}
#mainNav ul li a#navPartner:hover, #mainNav ul li a#navPartner.current {background-position:-565px -44px;}
#mainNav ul li a#navSupport {background-position:-686px 0; width: 92px;}
#mainNav ul li a#navSupport:hover, #mainNav ul li a#navSupport.current {background-position:-686px -44px;}
#mainNav ul li a#navTips {background-position:-778px 0; width: 140px;}
#mainNav ul li a#navTips:hover, #mainNav ul li a#navTips.current {background-position:-778px -44px;}
#mainNav ul li a#navBlog {background-position:-918px 0; width: 89px;}
#mainNav ul li a#navBlog:hover, #mainNav ul li a#navBlog.current {background-position:-918px -44px;}

/* main content */
#mainContent { padding:0; }

/* homepage */
ul#features {margin:0!important;}
ul#features li {list-style:none; float:left; width:225px; display:block; padding:0 15px 25px 70px;}
ul#features li h2, ul#features li p {margin:0;}
ul#features li#feaPowerfullReport {background:url(../images/icon-powerefull_report.gif) 12px 0 no-repeat;}
ul#features li#feaFreeArticle {background:url(../images/icon-free_article.gif) 10px 0 no-repeat;}
ul#features li#feaManagedList {background:url(../images/icon-subscribers.gif) 0 0 no-repeat;}
ul#features li#feaFullyManaged {background:url(../images/icon-fully_managed.gif) 8px 0 no-repeat;}

.greyBox {position:relative; margin:10px 0; width:604px}
.greyBox .info {background:url(../images/bg-info_box.gif) no-repeat; width:69px; height:22px; position:absolute; top:10px; right:2px;}
.greyBox .info p {margin:0; padding:3px 5px 3px 3px; text-align:right; }
.greyBox .top {background:url(../images/bg-grey_box.gif) top left no-repeat; height:20px;}
.greyBox .content {background:#f9f9f9; padding:0 20px; }
.greyBox .bottom {background:url(../images/bg-grey_box.gif) bottom left no-repeat; height:20px;}

/* banner */
#banner {background:#d9d9d9; height:294px;}
#banner #bannerImage {float:left; width:380px; margin:0; padding:0; overflow:hidden;}
#banner #bannerText {margin:0 0 0 450px; padding:40px 0; width:500px;}
#banner #bannerText h2#tagline {background:url(../images/txt-tagline.gif) no-repeat; width:391px; height:76px; text-indent:-9999px; margin:0;}
#banner #bannerText h3 {font:14px Arial, Helvetica, sans-serif; color:#898989; margin:0;}
#banner #bannerText img {margin:15px 0 0 0;}

/* banner inside */
#bannerInside {background:#d9d9d9 url(../images/bg-banner_inside.gif) left top repeat-x; height:83px; position:relative;}
#bannerInsideImage {position:absolute; right:0; top:0;}

/* page title */
#bannerInside h2 {position:absolute; top:25px; left:50px;text-indent:-9999px; margin:0;}
#bannerInside h2#gettingStarted {background:url(../images/txt-getting_started.gif) no-repeat; width:507px; height:37px;}
#bannerInside h2#product {background:url(../images/txt-biz_e_news_products.gif) no-repeat; width:323px; height:30px;}
#bannerInside h2#blog {background:url(../images/txt-biz_e_news_blog.gif) no-repeat; width:253px; height:37px;}
#bannerInside h2#about {background:url(../images/txt-about.gif) no-repeat; width:284px; height:30px;}
#bannerInside h2#antiSpam {background:url(../images/txt-anti_spam.gif) no-repeat; width:453px; height:38px;}
#bannerInside h2#contact {background:url(../images/txt-contact.gif) no-repeat; width:317px; height:29px;}
#bannerInside h2#faq {background:url(../images/txt-faq.gif) no-repeat; width:262px; height:32px;}
#bannerInside h2#privacy {background:url(../images/txt-privacy_policy.gif) no-repeat; width:214px; height:38px;}
#bannerInside h2#terms {background:url(../images/txt-terms.gif) no-repeat; width:202px; height:31px;}
#bannerInside h2#support {background:url(../images/txt-support.gif) no-repeat; width:130px; height:36px;}
#bannerInside h2#tips {background:url(../images/txt-tips.gif) no-repeat; width:263px; height:36px;}
#bannerInside h2#blog {background:url(../images/txt-blog.gif) no-repeat; width:253px; height:37px;}
#bannerInside h2#pricing {background:url(../images/txt-pricing.gif) no-repeat; width:106px; height:36px;}
#bannerInside h2#customer {background:url(../images/txt-customer.gif) no-repeat; width:237px; height:29px;}
#bannerInside h2#partnership {background:url(../images/txt-partnership.gif) no-repeat; width:196px; height:37px;}
#bannerInside h2#featureTour {background:url(../images/txt-feature_tour.gif) no-repeat; width:195px; height:29px;}
#bannerInside h2#signUp {background:url(../images/txt-sign_up.gif) no-repeat; width:124px; height:36px;}
#bannerInside h2#products {background:url(../images/txt-products.gif) no-repeat; width:323px; height:30px;}
#bannerInside h2#protect {background:url(../images/txt-protect.gif) no-repeat; width:388px; height:30px;}
#bannerInside h2#referral {background:url(../images/txt-referral.gif) no-repeat; width:362px; height:38px;}
#bannerInside h2#quickStart {background:url(../images/txt-quick_start_package.gif) no-repeat; width:315px; height:38px;}
#bannerInside h2#personalisePackage {background:url(../images/txt-personalise_package.gif) no-repeat; width:419px; height:38px;}
#bannerInside h2#surveyCreation {background:url(../images/txt-survey_creation.gif) no-repeat; width:250px; height:38px;}

/* content area */
#content {padding:30px; }
#content h1 {font:32px Arial, Helvetica, sans-serif; color:#3473b6; margin:0 0 20px 0;}
#content h2 {font:17px Arial, Helvetica, sans-serif; color:#3473b6; margin:0 0 10px 0;}
#content h3 {font:12px Arial, Helvetica, sans-serif; color:#3279a2; margin:0;}
#content h4 {font:15px Arial, Helvetica, sans-serif; color:#929292; margin:0 0 10px 0;}
#contentLeft {float:left; width:624px; background:url(../images/bg-content_border.gif) right top repeat-y; padding:0 15px 0 0;}
#contentLeftInside {float:left; width:604px; background:url(../images/bg-content_border.gif) right top repeat-y; padding:0 15px 0 20px;}
#contentRight {margin:0 0 0 655px;}

#contentWide {padding:0 22px;}
#contentWide ul,#contentLeft ul, #contentLeftInside ul {margin:0 0 15px 25px;}
#contentWide ul li,#contentLeft ul li, #contentLeftInside ul li {list-style-type:disc;}
#contentWide ol,#contentLeft ol, #contentLeftInside ol {margin:0 0 15px 25px;}
#contentWide ol li,#contentLeft ol li, #contentLeftInside ol li {list-style-type:lower-roman;}
p.introduction {font-size:14px; color:#bbbbbb; width:600px; margin:0 0 40px 0;}

.panel {width:302px;float:right;}
.panelContent {background:url(../images/bg-grey_box_small.gif) top left no-repeat; width:277px; padding:15px 10px 0 15px;}
.panelContent h3 {font-size:15px!important; color:#929292!important; margin:0 0 8px 0!important;}
.panelContent ul li {background:url(../images/icon-right_arrow.gif) no-repeat center left; padding:0 0 0 10px; list-style-type:none!important;}
.panelContent ul li a.current {color:#debc0d;}
.panelBottom {background:url(../images/bg-grey_box_small.gif) bottom left; height:15px; width:302px;}

.products {width:225px; float:left; margin:0 0 20px 0;}
.products h2, .products p, .productsSmall h2, .productsSmall p {padding:0 25px 0 0;}
.productsSmall {width:130px; float:left; margin:0 0 20px 0;}

.colorboxContent {text-align:justify; padding:10px 15px; width:500px;}
.colorboxContent h3 {font-size:15px!important; color:#929292!important; margin:0 0 8px 0!important;}
.colorboxContent ul {margin:0 0 15px 25px;}
.colorboxContent ul li {list-style-type:disc;}
.otherInfo {width:600px; float:left;}
.productImage {margin:0 0 0 620px;}

/* blog */
#content .blog {background:url(../images/bg-grey_box_sep.gif) bottom left repeat-x; padding:10px 0 10px 0;}
#content .first {padding-top:0;}
#content .last {padding-bottom:0; background:none;}
#content .blog p {margin:0;}
.meta {margin:0 0 15px 0; color:#909090;}
.meta a:link, .meta a:visited {color:#3279a2; text-decoration:none;}
.meta a:hover, .meta a:active {color:#909090;}
.comment {background:url(../images/icon-comment.gif) left no-repeat; padding:0 0 0 20px;}
.commentLink {background:url(../images/icon-comment.gif) left no-repeat; padding:0 0 0 20px; float:right;}

/* sidebar */
#contentRight h2 {font:15px Arial, Helvetica, sans-serif; color:#4d4d4d; margin:0 0 5px 0;}
#contentRight ul li {background:url(../images/icon-right_arrow.gif) no-repeat center left; padding:0 0 0 10px; list-style-type:none!important;}

#scrollerContainer {background:url(../images/bg-bank_logo.gif) no-repeat; width:300px; height:80px; position:relative; padding:10px 0 0 0;}
#scrollerContainer a#prev {background:url(../images/bg-bank_logo_left.gif) no-repeat; width:22px; height:23px; display:block; position:absolute; top:22px; left:0; text-indent:-9999px;}
#scrollerContainer a#next {background:url(../images/bg-bank_logo_right.gif) no-repeat; width:22px; height:23px; display:block; position:absolute; top:22px; right:0; text-indent:-9999px;}
#scrollerContainer #scroller {width:300px; margin:0 auto; text-align:center;}

/* footer */
#footer {background:#d3d2d2 url(../images/bg-footer.gif) top left repeat-x; height:80px; text-align:center; color:#6a6969; font-weight:bold;}
#footer ul {width:590px; margin:0 auto; padding:35px 0;}
#footer ul li {float:left; padding:0 18px 0 0;}
#footer ul li a {display:block; font-weight:normal;}
#footer ul li a:link, #footer ul li a:visited {color:#6a6969; text-decoration:none;}
#footer ul li a:hover, #footer ul li a:active {color:#333333;}

/* fancy list */
ul.fancyList li {background:url(../images/icon-right_arrow.gif) no-repeat center left; padding:0 0 0 10px; list-style-type:none!important;}

/* classes */
.clearBoth { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearLeft { clear:left; height:0; font-size: 1px; line-height: 0px; }
.clearRight { clear:right; height:0; font-size: 1px; line-height: 0px; }
.floatLeft {float:left;}
.floatRight {float:right;}
.iconRight { background:url(../images/icon-right_arrow.gif) no-repeat center left; padding:0 0 0 8px; margin:0 0 0 5px;}
.divider {width:300px; height:1px; background:#dddddd; margin:20px 0;}
.dividerWide {width:100%; height:1px; background:#eeeeee; margin:20px 0;}
.dividerDotted {background:url(../images/bg-grey_box_sep.gif) bottom left repeat-x; margin:20px 0; height:1px; line-height:1px;}
.small {font-size:10px;}
.required {color:#F00!important;}
.mktipmsg {padding: 5px; background-color: #EEF4FC;  border: 1px solid #2B69C7; width:180px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2B69C7; display:none; position:absolute;left:0px;top:0px; text-align:left; }
.overlay_image {padding: 5px; width:420px; display:none; position:absolute;left:0px;top:0px; }
.prev_next {position:relative; height:50px; width:605px;}
.prev_next #btn_prev {display:block; width:118px; height:39px; text-indent:-9999px; background:url(../images/btn-back3.gif) no-repeat; position:absolute; top:0; left:0;}
.prev_next #btn_next {display:block; width:118px; height:39px; text-indent:-9999px; background:url(../images/btn-next3.gif) no-repeat; position:absolute; top:0; right:0;}
.arrow_controller {margin:0 0 20px 0; position:relative; width:604px}
.arrow_controller a#arrow_Back {position:absolute; left:0;}
.arrow_controller a#arrow_next {position:absolute; right:0;}

/* form styling */
form.contentForm .selWide {width:200px; padding:2px; font-size:11px;}
form.contentForm select {padding:2px; font-size:11px;}
form.contentForm p {margin:0 0 5px 0;}
form.contentForm label {float:left; width:120px; margin-right:20px;}
form.contentForm input {font-size:11px; padding:2px; margin:0;}
form.contentForm input.inputTxt {width:200px;}
form.contentForm textarea {background:#fff; font:11px Arial, Helvetica, sans-serif; padding:5px; border:1px solid #dedede; width:550px; height:80px; margin:0 0 10px 0;}
form.contentForm .submitLeft {float:left;}
form.contentForm radio {font-size:11px;}
form.contentForm table {margin:0 0 20px 0; background:#ffffff}
form.contentForm table tr td {padding:6px 10px; border-bottom:1px solid #F9F9F9;}
form.contentForm table tr th {font-size:14px; color:#b3b3b3; font-weight:normal; background:#F9F9F9; padding:0 5px 10px;}
form.contentForm table.tableNormal {margin:0; background:#F9F9F9}
form.contentForm table.tableNormal tr td {padding:0; border-bottom:none;}
form.contentForm {text-align:left;}

/* table styling */
table.tableStyle {margin:0 0 20px 0; background:#ffffff}
table.tableStyle tr td {padding:6px 10px; border-bottom:1px solid #F9F9F9;}
table.tableStyle tr.alt {background:#F9F9F9;}
table.tableStyle tr th {font-size:14px; color:#b3b3b3; font-weight:normal; background:#F9F9F9; padding:0 5px 10px;}

/* customer showcase */
.showcase {float:right; width:300px;margin:0 0 0 10px;}
.showcaseThumb {float:left; width:210px;margin:0 5px 10px 0;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#E6E5E5;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../images/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(../images/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(../images/colorbox/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../images/colorbox/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../images/colorbox/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(../images/colorbox/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(../images/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(../images/colorbox/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}