/* Create - Global
============================================================================= */

/* General
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

ul { list-style: none; }

button {
    display: block;
    cursor: pointer;
}

div.clear {
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    position: relative;
    clear: both;
}

.float_left {float: left;}
.float_right {float: right;}
.float_none { float: none;}

.nobr { white-space: nowrap;}

.display_none { display: none;}
.display_inline { display: inline; }
.display_block { display: block; }

a span, h1 span, h2 span, h4 span, button span {display: none;}

body {
    background-color: #3a4150;
    font: normal 13px/20px Arial, Helvetica, sans-serif;
    color: #7b7c7f;
    margin: 0 auto;
    padding-bottom: 25px;
}



/* Typographic
------------------------------------------------------------------------------*/

h1 {
    height: 43px;
    margin-left: 4px;
}

h1.home {background: url(../img/typography/large/home.png) 0 0 no-repeat; width: 457px;}
h1.features {background: url(../img/typography/large/features.png) 0 0 no-repeat; width: 382px;}
h1.examples {background: url(../img/typography/large/examples.png) 0 0 no-repeat; width: 208px;}
h1.wdk {background: url(../img/typography/large/webDesignersKit.png) 0 0 no-repeat; width: 403px;}
h1.who {background: url(../img/typography/large/whoWeAre.png) 0 0 no-repeat; width: 263px;}
h1.contact {background: url(../img/typography/large/contact.png) 0 0 no-repeat; width: 232px;}
h1.help {background: url(../img/typography/large/help.png) 0 0 no-repeat; width: 334px;}
h1.blog {background: url(../img/typography/large/blog.png) 0 0 no-repeat; width: 309px; cursor: pointer;}
h1.signup {background: url(../img/typography/large/try_it_for_free.png) 0 0 no-repeat; width: 740px;}
h1.terms {background: url(../img/typography/large/terms.png) 0 0 no-repeat; width: 420px;}
h1.forgot {background: url(../img/typography/large/forgot.png) 0 0 no-repeat; width: 430px;}
h1.help {background: url(../img/typography/large/help.png) 0 0 no-repeat; width: 334px;}
h1.privacy {background: url(../img/typography/large/privacy.png) 0 0 no-repeat; width: 300px;}
h1.fourohfour {background: url(../img/typography/large/404.png) 0 0 no-repeat; width: 450px;}
h1.designServices {background: url(../img/typography/large/designServices.png) 0 0 no-repeat; width: 342px;}
h1.unsubscribe {background: url(../img/typography/large/unsubscribe.png) 0 0 no-repeat; width: 270px;}
h1.extendYourFreeTrial {background: url(../img/typography/large/extendYourFreeTrial.png) 0 0 no-repeat; width: 466px;}
h1.reactivateYourAccount {background: url(../img/typography/large/reactivateYourAccount.png) 0 0 no-repeat; width: 528px;}
h1.reactivateYourDomain {background: url(../img/typography/large/renewYourDomainName.png) 0 0 no-repeat; width: 570px;}
h1.acceptingCreditCards {background: url(../img/typography/large/acceptingCreditCards.png) 0 0 no-repeat; width: 680px; }
h1.secureTrading {background: url(../img/typography/large/secureTrading.png) 0 0 no-repeat; width: 600px; }
h1.realexTrading {background: url(../img/typography/large/sign-up-realex.png) 0 0 no-repeat; width: 642px; }
h1.cardsaveTrading {background: url(../img/typography/large/sign_up_with_cardsave.png) 0 0 no-repeat; width: 642px; }
h1.accreditedDesigners {background: url(../img/typography/large/accreditedDesigners.png) 0 0 no-repeat; width: 464px; }
h1.createJobs { background: url(../img/typography/large/createJobs.png) 0 0 no-repeat; width: 250px;}
h1.press {background: url(../img/typography/large/press.png) 0 0 no-repeat; width: 457px;}
h1.affiliate {background: url(../img/typography/large/affiliate.png) 0 0 no-repeat; width: 358px;}
h1.createManage {background: url(../img/typography/large/createManage.png) 0 0 no-repeat; width: 521px; height:18px;}
h1.freeWorkshop {background: url(../img/typography/large/freeWorkshop.png) 0 0 no-repeat; width: 320px; float:left; }


h1.needHelp { background: url(../img/typography/large/needHelp.png) 0 0 no-repeat; width: 250px;}

h2 {
    font: normal 17px/20px CreatesmoothRegular, "Arial Black", Arial, Helvetica, sans-serif;
    color: #3a4356;
    height: 17px;
    letter-spacing: -1px;
}

h2.who {background: url(../img/typography/headings/theHistory.png) 0 0 no-repeat; width: 101px; margin-bottom: 10px;}
h2.where {background: url(../img/typography/headings/whereWeAreNow.png) 0 0 no-repeat; width: 168px; margin-bottom: 10px;}
h2.future {background: url(../img/typography/headings/theFuture.png) 0 0 no-repeat; width: 96px; margin-bottom: 10px;}
h2.people {background: url(../img/typography/headings/People.png) 0 0 no-repeat; width: 96px; margin-bottom: 10px;}

h3.small_heading {
    border-bottom: 1px dotted #B6B8BA;
    color: #3A4150; 
    font-family: Rockwell, Arial, sans-serif; font-size: 20px; font-weight: normal; text-shadow: none;
    margin: 20px 0 0; padding: 0 0 10px;
}
h3.small_heading a {
    color: #3A4150; text-decoration: none; cursor: text;
}

/* FAQ titles */
#faqs h2 { margin-bottom: 10px; }/*
h2.faq_generalQuestions {background: url(../img/typography/headings/faq_generalQuestions.png) 0 0 no-repeat; width: 163px; margin-bottom: 10px;}
h2.faq_domainNames {background: url(../img/typography/headings/faq_domainNames.png) 0 0 no-repeat; width: 131px; margin-bottom: 10px;}
h2.faq_yourSitesContent {background: url(../img/typography/headings/faq_yourSitesContent.png) 0 0 no-repeat; width: 170px; margin-bottom: 10px;}
h2.faq_onlineShop {background: url(../img/typography/headings/faq_onlineShop.png) 0 0 no-repeat; width: 106px; margin-bottom: 10px;}
h2.faq_yourAccount {background: url(../img/typography/headings/faq_yourAccount.png) 0 0 no-repeat; width: 117px; margin-bottom: 10px;}
h2.faq_images {background: url(../img/typography/headings/faq_images.png) 0 0 no-repeat; width: 64px; margin-bottom: 10px;}
h2.faq_promotingYourSite {background: url(../img/typography/headings/faq_promotingYourSite.png) 0 0 no-repeat; width: 175px; margin-bottom: 10px;}
h2.faq_usingTheEditor {background: url(../img/typography/headings/faq_usingTheEditor.png) 0 0 no-repeat; width: 147px; margin-bottom: 10px;}
h2.faq_email {background: url(../img/typography/headings/faq_email.png) 0 0 no-repeat; width: 49px; margin-bottom: 10px;}
h2.faq_acceptingCreditDebitCards {background: url(../img/typography/headings/faq_acceptingCreditDebitCards.png) 0 0 no-repeat; width: 275px; margin-bottom: 10px;}
h2.faq_usingMyExistingDomainName {background: url(../img/typography/headings/faq_usingMyExistingDomainName.png) 0 0 no-repeat; width: 284px; margin-bottom: 10px;}
h2.faq_managingMyOrders {background: url(../img/typography/headings/faq_managingMyOrders.png) 0 0 no-repeat; width: 181px; margin-bottom: 10px;}*/

/* Home Page Titles */
h2.youCanCreate {background: url(../img/typography/headings/youCanCreate.png) 4px 4px no-repeat; width: 135px; height: 20px; margin-bottom: 10px;}
h2.youCanCreate2 {background: url(../img/typography/headings/youCanCreate-2.png) 4px 0px no-repeat; width: 182px; height: 28px; margin-bottom: -8px;}
h2.free30DayTrial {background: url(../img/typography/headings/free30DayTrial.png) 4px 4px no-repeat; width: 148px; height: 20px; margin-bottom: 10px;}
h2.easyToUseShop {background: url(../img/typography/headings/easyToUseShop.png) 4px 4px no-repeat; width: 150px; height: 20px; margin-bottom: 10px;}
h2.webDesignersToo {background: url(../img/typography/headings/webDesignersToo.png) 4px 4px no-repeat; width: 167px; height: 20px; margin-bottom: 10px;}
h2.weLoveWebDesigners {background: url(../img/typography/headings/weLoveWebDesigners.png) 0px 0px no-repeat; width: 199px; height: 25px; margin-bottom: 10px;}

/* Blog Titles */
h2.authors {background: url(../img/typography/headings/authors.png) 44px 4px no-repeat; width: 69px; margin-bottom: 10px;}
h2.relatedposts {background: url(../img/typography/headings/relatedPosts.png) 44px 4px no-repeat; width: 123px; margin-bottom: 10px;}
h2.twitterfeed {background: url(../img/typography/headings/twitterFeed.png) 44px 4px no-repeat; width: 111px; margin-bottom: 10px;}
h2.facebook {background: url(../img/typography/headings/facebook.png) 44px 4px no-repeat; width: 85px; margin-bottom: 10px;}

/* Other Titles */
h2.blog {background: url(../img/typography/headings/blog.png) 0px 0px no-repeat; width: 38px; margin-bottom: 10px;}

/* Features Titles */
h2.mainFeatures {background: url(../img/typography/headings/mainFeatures.png) 0px 0px no-repeat; width: 125px; margin-top: 10px;}
h2.contentFeatures {background: url(../img/typography/headings/contentFeatures.png) 0px 0px no-repeat; width: 153px; margin-top: 10px;}
h2.shopFeatures {background: url(../img/typography/headings/shopFeatures.png) 0px 0px no-repeat; width: 126px; margin-top: 10px;}
h2.sitePromotion {background: url(../img/typography/headings/sitePromotion.png) 0px 0px no-repeat; width: 131px; margin-top: 10px;}

h2.frequentlyAskedQuestions {background: url(../img/typography/headings/frequentlyAskedQuestions.png) 0px 0px no-repeat; width: 247px; margin-top: 10px;}
h2.anyQuestions {margin-bottom:10px; margin-left:3px;}

/* Examples Titles */
h2.templateWebsites {background: url(../img/typography/headings/templateWebsites.png) 0px 0px no-repeat; width: 166px; margin-top: 10px;}
h2.customWebsites {background: url(../img/typography/headings/customWebsites.png) 0px 0px no-repeat; width: 153px; margin-top: 20px;}
h2.whatTheySay {background: url(../img/typography/headings/whatTheySay.png) 0px 0px no-repeat; width: 126px; margin-left: 44px; margin-top: 10px;}
h2.twitter {background: url(../img/typography/headings/twitter.png) 0px 0px no-repeat; width: 126px; margin-left: 44px; margin-top: 10px;}
h2.sitePromotion {background: url(../img/typography/headings/sitePromotion.png) 0px 0px no-repeat; width: 131px; margin-top: 10px;}
h2.needMoreInformation {background: url(../img/typography/headings/needMoreInformation.png) 0px 0px no-repeat; width: 215px;}

/* Contact Titles */
h2.contactDetails {background: url(../img/typography/headings/contactDetails.png) 0px 0px no-repeat; width: 136px; }
h2.contactForm {background: url(../img/typography/headings/contactForm.png) 0px 0px no-repeat; width: 136px; }

/* Sign Up Titles */
h2.signUp {background: url(../img/typography/headings/signUp.png) 0px 0px no-repeat; width: 68px; }
h2.alreadySignedUp {background: url(../img/typography/headings/alreadySignedUp.png) 0px 0px no-repeat; width: 266px; }

/* Gateway Titles */
h2.ourGateways { background: url(../img/typography/headings/ourPaymentGatewayPartners.png) 0px 0px no-repeat; width: 275px;}

h2.areYouaDesigner { background: url(../img/typography/headings/areYouADesigner.png) 0px 0px no-repeat; width: 176px;}
h2.ourRecommendedDesigners { background: url(../img/typography/headings/ourRecommendedDesigners.png) 0px 0px no-repeat; width: 262px;}


h4 {height: 17px;}
h4.chooseAPlan {background: url(../img/typography/featuresTable/chooseAPlan.png) 0 0 no-repeat; width: 155px; margin-left: 20px;}
h4.starter {background: url(../img/typography/featuresTable/starter.png) 0 0 no-repeat; width: 63px; margin-top: -3px;}
h4.business {background: url(../img/typography/featuresTable/business.png) 0 0 no-repeat; width: 81px; margin-top: -3px;}
h4.pro {background: url(../img/typography/featuresTable/proSeller.png) 0 0 no-repeat; width: 90px; margin-top: -3px;}
h4.proplus {background: url(../img/typography/featuresTable/proSellerplus.png) 0 0 no-repeat; width: 103px; margin-top: -3px;}

p.large {font: normal 14px/20px Arial, Helvetica, sans-serif;}
p.small, span.small, a.small {font: normal 11px/20px Tahoma, Arial, Helvetica, Sans-Serif;}
p.light {color: #a5a7ac;}
p.dark {color: #3a4356;}
p.bannerText {color: #e5e7eb;}
p.line-height_15 {line-height: 15px;}
p.bannerText a { color: #d4d6dc; border-bottom: 1px dotted #4560A2;}
p.bannerText a:hover { color: #e5e7eb; border-bottom: 1px dotted #e5e7eb;}

a.createLink {color: #4560A2; border-bottom: 1px dotted #4560A2; text-decoration: none;}
a.createLink:hover {color: #5F7BBF; border-bottom: 1px dotted #5F7BBF;}

p.testimonial {
    background: url(../img/backgrounds/endQuote.gif) right 5px no-repeat;
    padding-right: 54px;
}
.testimonial_light {
    background: url(../img/backgrounds/endQuote_light.gif) right bottom no-repeat;
}
.testimonial_white {
    background: url(../img/backgrounds/endQuote_whte.gif) right bottom no-repeat;
}
.testimonial_dark {
    background: url(../img/backgrounds/endQuote-dark.png) right bottom no-repeat;
}

ul.vanilla li {float: left;}

ul.things li {
    background: url(../img/icons/tick.gif) 0 6px no-repeat;
    line-height: 20px;
    padding-left: 18px;
}

ul.bullets li {
    background: url(../img/icons/bullet.png) 0 6px no-repeat;
    line-height: 20px; margin-bottom: 10px;
    padding-left: 18px;
}

/* Linkage
------------------------------------------------------------------------------*/

a {color: #4560a2;}
a:hover {color: #5f7bbf;}

a.underline {border-bottom: 1px dotted #b0c3eb;}

ul#menu a {color: #e5e7eb;}
ul#menu a:hover {color: #fff;}

#footer a {color: #e5e7eb;}
#footer a:hover {color: #fff;}

#footer a.underline {border-bottom: 1px dotted #616773;}

a.underline:hover, #footer a.underline:hover {border-bottom: none;}

#footer span {color: #697080;}

/* Forms
------------------------------------------------------------------------------*/

input, textarea {
    font: 13px/20px Arial, Helvetica, sans-serif;
    border: none;
    background: none;
}

input:focus, textarea:focus {
    outline-style: none;
    outline-width: 0;
}

/* Header
------------------------------------------------------------------------------*/

#headerWrapper_home {
    background: url(../img/backgrounds/page_home.gif) 0 0 repeat-x #fff;
    margin: 0 auto;
}

#top_strip {
    background: #3a4150;
    position:   absolute; z-index: 1;
    width:      100%;
    height:     80px;
}

#bottom_strip {
    background: #1a1d25; /* Old browsers */
    background: -moz-linear-gradient(top, #1a1d25 0%, #282e3d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1d25), color-stop(100%,#282e3d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1a1d25 0%,#282e3d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1a1d25 0%,#282e3d 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #1a1d25 0%,#282e3d 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1d25', endColorstr='#282e3d',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #1a1d25 0%,#282e3d 100%); /* W3C */

    position:   absolute; z-index: 1;
    top:        80px;
    width:      100%;
    height:     320px;
}

#headerWrapper {
    background: #fff;
    margin: 0 auto;
}
#headerWrapper #bottom_strip {
    height: 190px; overflow: hidden;
}

#headerContent {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    position: relative; z-index: 2;
}

#header {height: 70px;}

#header #logo {
    display: inline;
    float: left;
    width: 153px;
    height: 32px;
    margin-top: 22px;
    padding-left: 3px;
}

/* Menu
------------------------------------------------------------------------------*/

ul#menu {
    float: right;
    color: #ffc11c;
    line-height: 22px;
    margin-top: 29px;
}

ul#menu li {
    float: left;
    background: url(../img/backgrounds/divider_menu.gif) right top no-repeat;
    height: 22px;
    padding-right: 10px;
    margin-right: 9px;
    position: relative;
    z-index:6;
}

ul#menu li.accountLogin {
    background: url(../img/icons/login.gif) 0 5px no-repeat;
    font-weight: bold;
    padding: 0 0 0 12px;
    margin-right: 20px;
    position: relative;
    z-index:3;
}
ul#menu li.accountLogin:hover {
    background: url(../img/icons/login.gif) 0 -14px no-repeat;
}

ul#menu #menu_login span{
    position: relative;
    display: block;
    z-index: 5;
}

ul#menu #menu_login.sel {
    color: #7b7c7f;
    background-position: 0px -15px;
}

ul#menu li.accountLogin #loginBox{
    background: transparent url(../img/backgrounds/loginDialog.png) no-repeat top left;
    width: 303px;
    height: 200px;

    position: absolute;
    z-index: 4;
    margin-left: -189px;
    margin-top: -30px;

    display: none;
}
ul#menu a.orange_text {color:#ffc11c;}

#createLoginForm { margin-top: 50px; margin-left: 18px; //margin-left: 9px; display: inline-block; }
ul#menu #createLoginForm a {color: #4560a2;}

#loginBox .textbox {
    display: block;
    font-size: 12px;
    color: #3a4356;

    background: #f0f0f1;
    border-top: 1px solid #d1d3d7;
    border-left: 1px solid #ecedee;
    border-right: 1px solid #ecedee;

    width: 232px;
    line-height: 16px;

    padding: 9px 7px;

    position: relative;
    margin: 0px auto 10px 7px;
}

#loginBox .textbox.watermark.on { color: #aeaeae; }
#loginBox .textbox.watermark.on.password { background: #f0f0f1 url(../img/backgrounds/passwordWatermark.png) no-repeat 7px 10px; color: #aeaeae; }
#loginBox .textbox.watermark.off { color: #3a4356; }


/* Layout
------------------------------------------------------------------------------*/



.margin-top_2 {margin-top: 2px;}
.margin-top_3 {margin-top: 3px;}
.margin-top_5 {margin-top: 5px;}
.margin-top_10 {margin-top: 10px;}
.margin-top_13 {margin-top: 13px;}
.margin-top_15 {margin-top: 15px;}
.margin-top_20 {margin-top: 20px;}
.margin-top_25 {margin-top: 25px;}
.margin-top_23 {margin-top: 23px;}
.margin-top_29 {margin-top: 29px;}
.margin-top_30 {margin-top: 30px;}
.margin-top_35 {margin-top: 35px;}
.margin-top_38 {margin-top: 38px;}
.margin-top_40 {margin-top: 40px;}
.margin-top_55 {margin-top: 55px;}
.margin-right_20 {margin-right: 20px;}
.margin-right_30 {margin-right: 30px;}
.margin-left_4 {padding-left: 4px;}
.margin-left_5 {padding-left: 5px;}
.margin-left_10 {margin-left: 10px;}
.margin-left_15 {margin-left: 15px;}
.margin-left_20 {margin-left: 20px;}
.margin-left_25 {margin-left: 18px;}
.margin-left_30 {margin-left: 30px;}
.margin-left_35 {margin-left: 35px;}
.margin-left_250 {margin-left: 250px;}
.margin-bottom_15 {margin-bottom: 15px;}
.margin-bottom_20 {margin-bottom: 20px; }
.margin-bottom_30 {margin-bottom: 30px;}
.margin-bottom_35 {margin-bottom: 35px;}
.margin-bottom_40 {margin-bottom: 40px;}
.margin-bottom_44 {margin-bottom: 44px;}
.margin-bottom_8 {margin-bottom: 12px;}


.padding-bottom_5 {padding-bottom: 5px;}
.padding-bottom_10 {padding-bottom: 10px;}
.padding-bottom_12 {padding-bottom: 12px;}
.padding-bottom_15 {padding-bottom: 15px;}
.padding-bottom_20 {padding-bottom: 20px;}
.padding-bottom_33 {padding-bottom: 33px;}
.padding-bottom_44 {padding-bottom: 44px;}
.padding-left_20 {padding-left: 20px;}
.padding-left_30 {padding-left: 30px; }
.padding-left_44 {padding-left: 44px;}
.padding-left_50 {padding-left: 50px;}
.padding-right_30 {padding-right: 30px; }
.padding-right_60 {padding-right: 60px; }
.padding-right_20 {padding-right: 20px;}
.padding-top_20 {padding-top: 20px;}
.padding-top_10 {padding-top: 10px;}

.top_10{ position: relative; top: 10px; }
.top_15{ position: relative; top: 15px; }

.width_200{ width: 200px !important; }

.bigparagraphs > p { margin-bottom: 18px; }

#contentWrapper {
    background-color: #fff;
    width: 100%;
}

#content {
    width: 970px;
    margin: 0 auto;
    padding-bottom: 44px;
    text-align: left;
}

.columns_1 {float: left; width: 95px;}
.columns_2 {float: left; width: 220px;}
.columns_2_borderRight {float: left; width: 220px; border-right: 1px dotted #b6b8ba;}
.columns_3 {float: left; width: 345px;}

.columns_4 {float: left; width: 470px;}
.columns_4_borderLeft {float: left; width: 469px; border-left: 1px dotted #b6b8ba;}
.columns_5 {float: left; width: 595px;}
.columns_5_borderLeft {float: left; width: 594px; border-left: 1px dotted #b6b8ba;}
.columns_6 {float: left; width: 720px;}
.columns_6_borderRight {float: left; width: 749px; border-right: 1px dotted #b6b8ba;}
.columns_8 {float: left; width: 970px;}

.border-bottom {border-bottom: 1px dotted #b6b8ba;}
.border-bottom_light {border-bottom: 1px dotted #dadbdc;}
.border-top {border-top: 1px dotted #b6b8ba;}
.border-top_light {border-top: 1px dotted #dadbdc;}
.border-right {border-right: 1px dotted #b6b8ba;}
.border-left {border-left: 1px dotted #b6b8ba;}

.table-title_dark {background-color: #3a4050;}

.frame {border: 1px dotted #a8a392;}

#banner_home, #banner_home_trans {
    background: url(../img/backgrounds/banner_home.png) 665px 0 no-repeat;
    height: 243px;
    padding-top: 87px;
    border-bottom: 5px solid #ffc11c;
    position: relative;
}

#banner_home_trans {
    background: transparent;
}

#banner_monitor{
    position: absolute; top: 0px; right: 0px;
    background: url(../img/backgrounds/banner_home_trans.png) 0 0 no-repeat;
    height: 100%; width: 300px;
    z-index:1;
}

#banner_screenshot {
    position: absolute; top: 13px; right: 0px;
    background: url(../img/backgrounds/screenshots/loading.png) 85px 105px no-repeat;
    height: 100%; width: 300px;
    z-index:0;
}

#banner_screenshot.brightonbeauty {  background: url(../img/backgrounds/monitor/brighton-beauty-website.png) 0 0 no-repeat; }
#banner_screenshot.hamble {  background: url(../img/backgrounds/monitor/hamble-website.png) 0 0 no-repeat; }
#banner_screenshot.chic {  background: url(../img/backgrounds/monitor/chic-website.png) 0 0 no-repeat; }
#banner_screenshot.kidclever {  background: url(../img/backgrounds/monitor/kidclever-website.png) 0 0 no-repeat; }
#banner_screenshot.hugo {  background: url(../img/backgrounds/monitor/hugo-website.png) 0 0 no-repeat; }
#banner_screenshot.sincerity {  background: url(../img/backgrounds/monitor/sincerity-website.png) 0 0 no-repeat; }
#banner_screenshot.dolly {  background: url(../img/backgrounds/monitor/dolly-website.png) 0 0 no-repeat; }

/* Old */
#banner_screenshot.cupcakestyle {  background: url(../img/backgrounds/screenshots/cupcakestyle.gif) 0 0 no-repeat; }
#banner_screenshot.parmaris {  background: url(../img/backgrounds/screenshots/parmaris.gif) 0 0 no-repeat; }
#banner_screenshot.kidcleverr { background: url(../img/backgrounds/screenshots/kidclever.gif) 0 0 no-repeat; }
#banner_screenshot.kyoto {  background: url(../img/backgrounds/screenshots/kyoto.gif) 0 0 no-repeat; }
#banner_screenshot.babyaid { background: url(../img/backgrounds/screenshots/babyaid.gif) 0 0 no-repeat; }
#banner_screenshot.kakao  { background: url(../img/backgrounds/screenshots/kakao.gif) 0 0 no-repeat; }
#banner_screenshot.equinox  { background: url(../img/backgrounds/screenshots/equinox.gif) 0 0 no-repeat; }

#banner {
    height: 113px;
    padding-top: 87px;
    border-bottom: 5px solid #ffc11c;
    position:relative;
}

div.testimonial {background: url(../img/icons/comment.gif) 0 0px no-repeat;}
div.twitter {background: url(../img/icons/twitter.gif) 0 18px no-repeat;}
div.twitterIndex {background: url(../img/icons/twitter.gif) 0 0px no-repeat;}
/*div.facebook {background: url(../img/icons/facebook.png) 0 -1px no-repeat; margin-bottom: 10px;}*/
div.facebook {background: url(../img/icons/facebook-shop-icon.png) -6px 0px no-repeat; margin-bottom: 10px;}
div.fb-shop {background: url(../img/icons/facebook-shop-icon.png) 0px 0px no-repeat;}

.pullout {
    display: block;
    width: 195px;
    height: 154px;
    color: #4e3e12; font-style: italic;
    padding: 10px; padding-left: 15px;
    margin-left: 30px; margin-top: -10px;
    background: #ffc11c url(../img/backgrounds/endQuote_yellow.gif) no-repeat 143px 100px ;
}

.pullout_blue {
    display: block;
    width: 195px;
    height: 154px;
    color: #a0a7b6; font-style: italic;
    padding: 10px; padding-left: 15px;
    margin-right: 30px; margin-top: -10px;
    background: #3a4150 url(../img/backgrounds/endQuote_blue.gif) no-repeat 143px 100px ;
}

a.backToTop,a.watchVideo { font-size: 11px; }

.grey { background-color: #F3F4F4;}
.Darkergrey { background-color: #F0F1F1;}
.white { background-color: #ffffff;}
.Darkergrey2 { background-color: #eeeeee;}



.gatewayTable tr td{
    vertical-align:middle;
}

/* Buttons
------------------------------------------------------------------------------*/

.button {
    cursor: pointer;
    display: block;
    height: 40px;
}

a.freeTrial {background: url(../img/buttons/freeTrial.png) 0 0 no-repeat; width: 102px; height: 31px; margin-top: 24px; padding-right: 3px;}
a.freeTrial:hover {background-position: 0 -31px}

a.trial_button {background: url("../img/buttons/free-trial-triple.png") no-repeat scroll left top transparent; width: 104px; height: 32px;}
a.trial_button:hover {background: url("../img/buttons/free-trial-triple.png") no-repeat scroll 0px -32px transparent;}
a.trial_button:active {background: url("../img/buttons/free-trial-triple.png") no-repeat scroll 0px -64px transparent;}

a.trial_button-dk {background: url("../img/buttons/free-trial-triple-dark.png") no-repeat scroll left top transparent; width: 104px; height: 32px;}
a.trial_button-dk:hover {background: url("../img/buttons/free-trial-triple-dark.png") no-repeat scroll 0px -32px transparent;}
a.trial_button-dk:active {background: url("../img/buttons/free-trial-triple-dark.png") no-repeat scroll 0px -64px transparent;}

a.browse {background: url(../img/buttons/browse.png) 0 0 no-repeat; width: 90px; height: 29px; margin-top: 5px; margin-left:4px;}
a.browse span { display: none; }
a.browse:hover {background-position: 0 -29px}
a.browse:active {background-position: left bottom}

a.startCreatingNow { background: url(../img/buttons/start-creating-now.png) 0 0 no-repeat; width: 253px; margin: 15px 0 0 3px; }
a.startCreatingNow:hover,a.startCreatingNow.hover { background-position: 0 -40px; }
a.startCreatingNow:active { background-position: 0 -80px; }

a.startBuildingNow {background: url(../img/buttons/startBuildingNow_home.png) 0 0 no-repeat; width: 253px; margin: 35px 0 0 3px;}
a.startBuildingNow:hover,a.startBuildingNow.hover {background-position: 0 -40px}


#signUp a.startBuildingNow {background: url(../img/buttons/startBuildingNow_signUp.png) 0 0 no-repeat; width: 243px; margin: 30px 0 0 3px;}
#signUp a.startBuildingNow:hover {background-position: 0 -40px}

#contactUs a.send, #secureTrading a.send, #jobApplication a.send, #designApplication a.send  {background: url(../img/buttons/send.png) 0 0 no-repeat; width: 93px; margin: 30px 0 0 3px;}
#contactUs a.send:hover, #secureTrading a.send:hover, #jobApplication a.send:hover, #designApplication a.send:hover  {background-position: 0 -40px}

a.contactButton {background-image: url("../img/buttons/contact.png"); background-repeat:  no-repeat; background-position:  0px 0px; height: 32px; width: 104px;}
a.contactButton:hover {background-position: 0px -32px;}
a.contactButton:active {background-position: 0px -64px;}

#forgottenPassword a.sendPassword { height: 29px; background: url(../img/buttons/sendPassword.png) 0 0 no-repeat; width: 160px; margin: 25px 0 0 3px;}
#forgottenPassword a.sendPassword:hover {background-position: 0 -29px}

a.extendTrial { height: 29px; background: url(../img/buttons/extendTrial.png) 0 0 no-repeat; width: 142px; margin: 0px 0 0 3px;}
a.extendTrial:hover {background-position: 0 -29px}

a.login {background: url(../img/buttons/login.png) 0 0 no-repeat; width: 120px; height: 40px; margin-top: 10px; padding-right: 3px; }
a.login:hover {background-position: 0 -40px}

a.login_pop-up {background: url(../img/buttons/login_pop-up.png) 0 0 no-repeat; width: 71px; height: 29px; margin-top: 24px; padding-right: 3px; position: absolute; right: 28px; bottom: 28px;}
a.login_pop-up:hover {background-position: 0 -29px}

a#SearchPosts-button {background: url(../img/buttons/search.png) 0 0 no-repeat; width: 86px; height: 29px;}
a#SearchPosts-button:hover {background: url(../img/buttons/search.png) 0 -29px no-repeat;}
a#SearchPosts-button:action {background: url(../img/buttons/search.png) 0 -58px no-repeat;}

/* Footer
------------------------------------------------------------------------------*/

#footer {
    font: normal 11px/20px Tahoma, Arial, Helvetica, Sans-Serif;
    color: #a1a9bc;
    width: 970px;
    margin: 0 auto;
    text-align: left;
}

.gotAQuestion {
    background: url(../img/backgrounds/gotAQuestion.gif) 0 23px no-repeat;
    height: 90px;
}


/* Other Content Styles
----------------------------------------------------------------------------------*/


div.gray {background: #f3f4f4;}

.largeSignupAnchor { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5; }


/* -- Customisations  -- */

#top_strip { background-color: #3A4150; }         /* Top Bar Colour */
#bottom_strip { background-color: #1C1F29; }      /* Second Bar Colour */
#contentWrapper { background-color: #FFFFFF; }    /* Content (middle) Colour */
body { background-color: #3A4150; }               /* Footer / Bottom Colour */


/* New Style Footer
----------------------------------------------------------------------------------*/

h4.footer_menu_title {
    margin:0px 0px 8px 0px;
    padding:0px;
    height:20px;
    text-indent:-99999px;
}

h4#discover {
    background: url("../img/typography/headings/discover.png") no-repeat;
    width:86px;
}
h4#explore {
    background: url("../img/typography/headings/explore.png") no-repeat;
    width:163px;
}
h4#got_a_question {
    background: url("../img/typography/headings/got_a_question.png") no-repeat;
    width:163px;
}
h4#follow_us {
    background: url("../img/typography/headings/follow_us.png") no-repeat;
    width:163px;
}


#footer ul.footer_menu {

}
#footer ul.footer_menu li {
    margin-bottom: 2px;
}
#footer ul.footer_menu li a {
    color: #E5E7EB; font-size: 13px;
    text-decoration: none;
    border-bottom: none;
}
#footer ul.footer_menu li a:hover {

    color: #fff;
}
/* Social icons */
ul#social_icons {
    list-style: none;
    padding: 0px;
    display: block;
    height: 25px;
    float: right;
    margin-top: -34px;
    padding: 0 0 17px;
    width: 312px;
}
ul#social_icons li {
    float: left;
    margin-right: 20px;
}


ul#social_icons li a {
    display: block;
    height: 25px;
    overflow: hidden;
    background-image: url('../img/icons/social_footer_matt.png');
    background-repeat: no-repeat;
}


/* Social Icons for Contact Us Page */
a.wdk_create-social-icon {
    height: 31px; width: 31px;
    display: block; float: left; margin-right: 10px;
    outline: none; border: none;
    background-position: top left;
}
a.wdk_create-social-icon:hover {
    background-position: bottom left;
}
a.wdk_create-twitter {
    background-image: url('../img/icons/wdk_create-twitter.png');
}
a.wdk_create-facebook {
    background-image: url('../img/icons/wdk_create-facebook.png');
}
a.wdk_create-blog {
    background-image: url('../img/icons/wdk_create-blog.png');
}

/* Icons For New Style Footer
----------------------------------------------------------------------------------*/
ul#social_icons li a.twitter:hover {
    background-position: 0px -25px;
}
ul#social_icons li a.twitter {
    background-position: 0px 0px;
    width: 31px;
}

ul#social_icons li a.facebook:hover {
    background-position: -31px -25px;
}
ul#social_icons li a.facebook {
    background-position: -31px 0px;
    width: 12px;
}

ul#social_icons li a.youtube:hover {
    background-position: -43px -25px;
}
ul#social_icons li a.youtube {
    background-position: -43px 0px;
    width: 52px;
}

ul#social_icons li a.rssblog:hover {
    background-position: -95px -25px;
}
ul#social_icons li a.rssblog {
    background-position: -95px 0px;
    width: 23px;
}

ul#social_icons li a.flickr:hover {
    background-position: -118px -25px;
}
ul#social_icons li a.flickr {
    background-position: -118px 0px;
    width: 24px;
}

ul#social_icons li a.linkedin:hover {
    background-position: -142px -25px;
}
ul#social_icons li a.linkedin {
    background-position: -142px 0px;
    width: 25px;
}

ul#social_icons li a.stumbleupon:hover {
    background-position: -167px -25px;
}
ul#social_icons li a.stumbleupon {
    background-position: -167px 0px;
    width: 24px;
}


/* Fonts
----------------------------------------------------------------------------------*/

/* Rockwell */
@font-face {
    font-family: 'RockwellRegular';
    src: url('rock-webfont.eot');
    src: url('rock-webfont.eot?#iefix') format('embedded-opentype'),
         url('rock-webfont.woff') format('woff'),
         url('rock-webfont.ttf') format('truetype'),
         url('rock-webfont.svg#RockwellRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Rockwell_bold;
    font-weight: bold;
    src: url('../files/fonts/Rockb.TTF');

}
@font-face {
    font-family: Rockwell_italic;
    font-style: italic;
    src: url('../files/fonts/Rocki.TTF');

}
@font-face {
    font-family: Rockwell_bold_italic;
    font-style: italic; font-weight: bold;
    src: url('../files/fonts/Rockbi.TTF');

}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 12, 2012 */
/* Create Smooth */
@font-face {
    font-family: 'CreatesmoothRegular';
    src: url('create_smooth-webfont.eot');
    src: url('create_smooth-webfont.eot?#iefix') format('embedded-opentype'),
         url('create_smooth-webfont.woff') format('woff'),
         url('create_smooth-webfont.ttf') format('truetype'),
         url('create_smooth-webfont.svg#CreatesmoothRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-face-create {
    font-family: CreatesmoothRegular;
    font-weight: normal;
}

.font-face_rockwell {
    font-family: RockwellRegular;
    font-size: 48px;
    color: #ffffff;
    text-shadow: 2px 2px 0 #000000;
    font-weight: normal;
}

.font-face-rockwell_small {
    font-family: RockwellRegular;
    font-size: 24px;
    color: #ffffff;
    text-shadow: 2px 2px 0 #000000;
    font-weight: normal;
}

/*blog subscribe update*/
/*buttons*/
/*
form#UpdatesForm button#let_me_know {
    background: url('../img/buttons/let_me_know.png') no-repeat top left !important;
    margin: 0 auto;
    text-align: center;
}
form#UpdatesForm button#let_me_know:hover {
    background: url('../img/buttons/let_me_know.png') no-repeat center left !important;
}
form#UpdatesForm button#let_me_know:focus {
    background: url('../img/buttons/let_me_know.png') no-repeat bottom left !important;
}
form#UpdatesForm {
    margin: 20px auto;
    width: 420px;

}
*/

/* Sharing Social Buttons
----------------------------------------------------------------------------------*/

.social_sharer-container {

}
.social_sharer {
    border-right: 1px dotted #DADBDC;
    padding: 0px 8px;
    float: left;
}
.social_sharer-first {
    padding-left: 0px;
}
.social_sharer-last {
    border-right: none;
    padding-right: 0px;
}
.facebook_share {
    
}
.facebook_share a span {
    display: block !important;
}

/* Highlight Selection  ------------------------------------------------------------- */
#banner ::selection, #content ::selection, #banner_home_trans ::selection
{ color: #fff; background: #FFC731; /* Safari */ }
#banner ::-moz-selection, #content ::-moz-selection, #banner_home_trans ::-moz-selection
{ color: #7D6D3E; background: #FFC731; /* Firefox */ }

#menu li::-moz-selection, #menu li a::-moz-selection,  #menu li a span::-moz-selection, 
#footer a::-moz-selection, #footer::-moz-selection, #footer p::-moz-selection
{ background: #1f232e; /* Firefox */ }

#menu li::-selection, #menu li a::-selection,  #menu li a span::-selection, 
#footer a::-selection, #footer::-selection, #footer p::-selection
{ background: #1f232e; /* Safari */ }