/*
|----------------------------------------------------------------------------------------|
| SUPERAWESOME CSS FRAMEWORK - EMBEDDABLE STYLE SHEET                                    |
|----------------------------------------------------------------------------------------|
| v1.0 by Dragan Babic | http://sprawsm.com/                                             |
|----------------------------------------------------------------------------------------|
| ABOUT:                                                                                 |
|----------------------------------------------------------------------------------------|
| Use this style sheet for all your site's styles and to override existing ones set by   |
| the framework if you wish to upgrade to a newer version at some point. This is the     |
| style sheet you should embed in your HTML page.                                        |
|----------------------------------------------------------------------------------------|
*/

@import "sprawsm-typography.css";
@import "sprawsm-layout.css";
@import "sprawsm-extras.css";

/* !Link Colors */

a:link   { color: #9f1207; }
a:visited{ color: #570e03; }
a:hover  { text-decoration: none; }
a:active { color: #eb120d; }

/* !Headings */

h2{ font-size: 24px; margin: 24px 0; }
  h2 span{ float: left; }
  h2 span.ctrls{ float: right; }
h3{ font-size: 14px; margin: 18px 0; }
h3 .meta{ font-size: 12px; font-weight: normal; color: #999; }
#secondary h3{}
h4{}

/* !Textual elements */
blockquote{ margin-left: 0; padding-left: 48px; background: url(../images/icons/blockquote.png) 0 0 no-repeat; font-size: 14px; font-style: italic; color: #777; }

#primary ul li{ margin: 0 0 9px 34px; padding: 0 0 0 14px; background: url(../images/icons/bullet.png) 0 .5em no-repeat; }

#primary ol li{ list-style: decimal; margin-left: 48px; }

#primary img{ max-width: 864px !important; }

.btn-startsAt, .btn-onlyAMonth, .btn-chat{ display: block; width: 172px; height: 35px; overflow: hidden; text-indent: -9999px; text-decoration: none !important; background-position: 0 0; background-repeat: no-repeat; }
.btn-startsAt{  background-image: url(../images/buttons/btn-starts_at_only.png); }
.btn-onlyAMonth{ background-image: url(../images/buttons/btn-only_a_month.png); }
.btn-chat{ background-image: url(../images/buttons/btn-chat_with_us.png); }
.btn-startsAt:active, .btn-onlyAMonth:active, .btn-chat:active{ background-position: 0 100%; outline: none; }

#primary dl.small dt { font-size: 12px; }
#primary .keyValue dt{ width: 128px; font-size: 14px; font-weight: bold; padding-top: 5px; }
#primary .keyValue dd{ margin-left: 0; padding: 2px 0 0 152px; border-bottom: 1px solid #dfdfdf; padding-bottom: 12px; margin-bottom: 12px; }
  #primary .keyValue li{ margin-left: 0; }

table{ border-collapse: collapse; width: 100%; }
  td, th{ padding: 8px; text-align: left; border: 1px solid #e3e0c0; }
  th{ text-transform: uppercase; }
  thead th{ border-color: #a10508; border-bottom-color: #750e06; background: #ee000e url(../images/layout/brand-gradient.png) 0 50% repeat-x; color: #fff; }
  tbody th{ text-align: right; }
  .odd{}
  .even{ background: #f8f6e5; }

.uniForm{ margin: 1.5em 0; }
  .uniForm .inlineLabels .ctrlHolder{ margin: 0; padding: 8px 0 8px 8px; border-bottom: 1px solid #e3e0c0; }
    .uniForm .inlineLabels .formHint{ color: #999681; }
    .uniForm .inlineLabels .ctrlHolder label, .uniForm .inlineLabels .ctrlHolder .label{ margin-top: .5em; margin-bottom: 0; width: 120px; }
    .uniForm .inlineLabels .ctrlHolder .textInput, .uniForm .inlineLabels .ctrlHolder select, .uniForm .ctrlHolder .multiField{ float: left; display: inline; margin: 0 0 0 24px; width: 240px; }
    .uniForm .ctrlHolder .multiField{ width: 690px; padding: 5px 0 2px 0; }

/* !General */

html{ background: #f1edc9 url(../images/layout/main_bg.jpg) 0 0 repeat-x; }

.accessNav{ position: absolute; top: -9999px; }

.hAction{ float: right; }
.hAction.feedLink{ padding: 0; text-indent: -9999px; width: 16px; height: 16px; margin: 10px 0 0 0; }

.feedLink{ background: url(../images/icons/feed_16.png) 0 50% no-repeat; padding: 0 0 0 18px; }

.footnote{ padding: 12px 0 0 0; background: url(../images/layout/footnote.png) 100% 0 no-repeat; text-align: right; color: #777; font-style: italic; font-size: 11px; }

.thumbs{}
  .thumb{ float: left; }
  .thumbs .thumb{ margin: 0 6px 6px 0; padding: 4px; border: 1px solid #dfdfdf; }
    .thumb a{ display: block; padding: 4px; border: 1px solid #dfdfdf; }
      .thumb img{ display: block; }
    .thumb:hover, .thumb a:hover{ border-color: #ccc; }

.featurethumb { float: right; margin-left: 7px;}
	.featurethumb a{ display: block; padding: 4px; border: 1px solid #dfdfdf; }
	.featurethumb img{ display: block; }

/* Global float clearing */
h2:after, .content:after, #header:after, #navigation:after, .toolbar:after, #siteMap dl:after, #mainContent:after, .blogPost:after, .blogPost h3:after, #testimonials:after, #pageTitle:after, .gallery:after, .activeVideo:after, .benefit:after, .benefitDesc ul:after, .thumbs:after, .intro:after, .buttonHolder:after, .total p:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

/* !Header */

/* Center some of the elements */
#header, .content{ width: 960px; margin: 0 auto; position: relative; }

#login{ padding: 3px 0 0 0; }
  #login form{ background: #d2cfaa; }
    #login form fieldset{ float: right; padding: 6px 0; }
      #login input{ padding: 3px; border: 1px solid #ada773; color: #777; font-weight: bold; }
      #login input:focus{ background: #fff; outline: none; color: #343434; }
  .loginStatus{ float: right; padding: 0 0 0 8px; height: 24px; line-height: 24px; background: #d2cfaa url(../images/layout/login_status_bg.png) 0 0 no-repeat; }
    .loginStatus p{ padding: 6px 12px 6px 6px; line-height: 1; background: url(../images/layout/login_status_bg.png) 100% 0 no-repeat; }
    #login p{ float: right; margin: 0; }
    #login .phoneNumbers{ font-size: 11px; padding: 4px 12px 0 12px; }
      .phoneNumbers img{ position: relative; top: 2px; }
  
#header{ padding: 12px 0; }
  #header h1{ margin: 0; float: left; position: relative; top: -9px; }
    #header h1 span{ position: absolute; top: -9999px; }
    #header h1 a, #header h1 img{ display: block; }
    
.chatSupportBanner{ position: absolute; top: 12px; right: 0; margin: 0; width: 186px; height: 28px; }
  .chatSupportBanner a{ display: block; height: 28px; text-indent: -9999px; }
  .chatSupportBanner a.online{ background: url(../images/buttons/chat_support_banner.png) 0 0 no-repeat; }
  .chatSupportBanner a.offline{ background: url(../images/buttons/chat_support_banner-offline.png) 0 0 no-repeat; }
  .chatSupportBanner a:active{ outline: none; }

#metaNav{ margin: 39px 0 0 0; font-weight: bold; }
#metaNav, #metaNav li{ float: right; }
  #metaNav li{ margin: 0 0 0 8px; padding: 0 0 0 8px; border-left: 1px solid #d3cfa9; position: relative; }
  #metaNav li.worldwide{ padding: 0; margin: 0; border: none; }
  #metaNav a:link, #metaNav a:visited, #metaNav a:hover{ color: #eb120d; text-decoration: none; outline: none; }
  #metaNav a:hover{ color: #9f1207; }

  .popup{ position: absolute; top: 80%; right: 0; z-index: 999; width: 251px; padding: 15px 0 0 0; background: url(../images/layout/popup-t.png) 0 0 no-repeat; }
    .popupContent{ background: url(../images/layout/popup-b.png) 0 100% no-repeat; padding: 9px 19px 19px 19px; color: #ccc; font-size: 11px; }
      .popup *{ margin: 0; }
      .popup h2{ font-size: 14px; margin: 0; color: #dfdfdf; }
        .popup h2 img{ float: left; margin: 0 6px 0 -8px; }
        .popup p.dloadLinks{ margin-top: -2em; margin-left: 46px; font-size: 10px; }
        #metaNav .popup ul{}
          #metaNav .popup ul li{ float: none; margin: 0; padding: 6px 0; border-left: none; background: url(../images/layout/popup_divider.png) 0 100% repeat-x; position: static; }
            .popup ul li a{ overflow: hidden; display: block; width: 100%; }
              .popup ul li img{ float: left; margin: 0 6px 0 0 ; position: relative; top: 2px; }
        .popup .dplDload{ margin: 0; text-align: right; }
          .popup .dplDload a:link, .popup .dplDload a:visited{ color: #29a1d9 !important; }
        .popup .hr{ border: none; margin: 12px 0; padding: 2px 0 0 0; background: url(../images/layout/popup_divider.png) 0 0 repeat-x; }

#navigation{ background: #eb120d; padding: 2px 0 0 0; }
  #navigation ul{ float: left; margin: 0; font-size: 13px; line-height: 34px; text-transform: uppercase; }
    #navigation li{ float: left; margin: 0 12px 0 0; padding: 0 0 0 12px; }
      #navigation a{ display: block; padding: 0 16px 0 4px; outline: none !important; }
      #navigation a:link, #navigation a:visited, #navigation a:hover{ color: #fff; text-decoration: none; }
      #navigation a:hover{ color: #d4de22; }
      
      /* Active state */
      #navigation li.active a:link, #navigation li.active a:visited, #navigation li.active a:hover{ color: #343434; }
      #navigation li.active{ background: url(../images/layout/tab_navigation_active.png) 0 1px no-repeat; }
      #navigation li.active a{ background: url(../images/layout/tab_navigation_active.png) 100% 1px no-repeat; font-weight: bold; }
      
      /* Has subnav */
      #navigation li.hasSubNav{ position: relative; }
      #navigation li.hasSubNav:hover{ background: url(../images/layout/tab_navigation_subnav-3.png) 0 0 no-repeat; }
        #navigation li.hasSubNav:hover a{ background: url(../images/layout/tab_navigation_subnav-3.png) 100% 0 no-repeat; }
          .subNav{ position: absolute; top: 98%; left: 0; z-index: 100; width: 180px; }
            .subNav *{ margin: 0; }
            #navigation .subNav ul{ float: none; width: 180px; line-height: 1.2; padding: 0 0 12px 0; background: url(../images/layout/navigation_dropdown_bg-3.png) 0 100% no-repeat; font-size: 12px; text-transform: none; }
              #navigation .subNav li{ float: none; margin: 0 12px; padding: 0 0 2px 0; background: transparent url(../images/layout/popup_divider.png) 0 100% repeat-x; }
              #navigation .subNav li.first{ margin-left: 2px !important; }
              #navigation .subNav li.last{ margin-right: 2px !important; }
                
                #navigation .subNav a{ padding: 8px 12px; }
                #navigation li.hasSubNav.active:hover a#menu, #navigation li.hasSubNav:hover a#menu{ color: #fff !important; }
                #navigation li.hasSubNav .subNav a, #navigation li.hasSubNav .subNav .active a{ background: transparent; }
                #navigation li.hasSubNav .subNav a:link, #navigation li.hasSubNav .subNav a:visited, #navigation li.hasSubNav .subNav a:hover{ color: #d4dd2b; font-weight: normal; }
                #navigation li.hasSubNav .subNav a:hover{ background: /* #1e202a */ url(../images/icons/subnav_bullet.png) 141px 50% no-repeat; color: #b5bd25; }
              
                /* Active state */
                #navigation .subNav li.active a:link, #navigation .subNav li.active a:visited, #navigation .subNav li.active a:hover,
                #navigation li.active.hasSubNav .subNav li.active a:link, #navigation li.active.hasSubNav .subNav li.active a:visited, #navigation li.active.hasSubNav .subNav li.active a:hover{ color: #fff; background: url(../images/icons/subnav_bullet.png) 141px 50% no-repeat; font-weight: bold; }
  
  #navigation form{ float: right; width: 280px; }
    #navigation form fieldset{ float: right; width: 227px; height: 23px; margin: 5px 0 0 0; background: url(../images/layout/search_form.png) 0 0 no-repeat; }
      #navigation form .siteNavLink{ width: auto; margin: 8px 0 0 0; padding: 0; float: left; }
      #navigation label{ position: absolute; top: -9999px; }
      #navigation input{ float: left; display: inline; width: 155px; margin: 3px 0 0 32px; padding: 0; border: none; color: #777; }
      #navigation input:focus{ background: #fff; outline: none; color: #343434; }
      #navigation button{ float: right; width: 36px; height: 23px; padding: 0; border: none; background: transparent; }
        #navigation button span{ position: absolute; top: -9999px; }

.productBanner{ width: 960px; height: 147px; margin: 15px auto; position: relative; overflow: hidden; }
.dpl{ background: url(../images/layout/dpl-banner.png); }
.dp{ background: url(../images/layout/dp-banner.png); }
  .productBanner h2{ position: absolute; top: -999px; }
  .productBanner p{ font-size: 14px; margin: 50px 20px 10px 150px; }
  .productBanner p.learnMore{ margin-top: 0; margin-bottom: 0; }
    .productBanner p.learnMore a{ display: block; width: 216px; height: 30px; text-indent: -9999px; }
    .dpl p.learnMore a{ background: url(../images/buttons/dpl-banner-button.png); }
    .dp p.learnMore a{ background: url(../images/buttons/dp-banner-button.png); width: 183px; }
  .productBanner .removeLink{ display: block; width: 16px; height: 17px; position: absolute; top: 18px; right: 18px; text-indent: -9999px; overflow: hidden; outline: none !important; }
  .dpl .removeLink{ background: url(../images/icons/dpl-banner-close.png); }
  .dp .removeLink{ background: url(../images/icons/dp-banner-close.png); }

#siteMap{ background: url(../images/layout/sitemap_bg-top.png) 50% 0 no-repeat; margin: 12px 0 0 0; padding: 18px 0 0 0; }
  #siteMap .content{ background: url(../images/layout/sitemap_bg.png) 0 100% no-repeat; padding: 1px 48px 12px 48px; width: 864px; }
  #siteMap h2{ color: #dfdfdf; font-size: 18px; line-height: 1; margin: 18px 0; }
  #siteMap dl{}
    #siteMap dt{ float: left; width: 78px; font-weight: bold; text-align: right; padding: 0 24px 0 0; background: url(../images/icons/subnav_bullet.png) 100% 50% no-repeat; }
    #siteMap dd{ margin: 0 0 .75em; padding: 0 0 .75em 120px; border-bottom: 1px solid rgba(255,255,255,.1); }
      #siteMap dd ul{ margin: 0; }
        #siteMap dd li{ display: inline; padding: 0 6px 0 0; margin: 0 6px 0 0; border-right: 1px solid rgba(255,255,255,.1); }
        #siteMap dd li.last{ margin-right: 0; padding-right: 0; border: none; }
      #siteMap dt a:link{ color: #fff; text-decoration: none; }
      #siteMap dt a:visited{ color: #fff; text-decoration: none; }
      #siteMap dt a:hover{ text-decoration: underline; }
      #siteMap dd a:link{ color: #d4dd2b; text-decoration: none; }
      #siteMap dd a:visited{ color: #d4dd2b; text-decoration: none; }
      #siteMap dd a:hover{ text-decoration: underline; }

#quickOverview{ overflow: hidden; width: 1092px; height: 483px; margin: 24px auto; background: url(../images/layout/combo_box_bg.png) 50% 0 no-repeat; position: relative; }
  
  #quickOverviewNav{ position: absolute; bottom: 15px; left: 66px; width: 960px; height: 66px; }
    #quickOverviewNav ul{ margin: 0; font-size: 13px; font-weight: bold; }
    #quickOverviewNav li{ float: left; margin: 0; height: 77px; }
      #quickOverviewNav a{ display: block; width: 136px; height: 57px; padding: 24px 12px 0 12px; background: url(../images/layout/tab_combo.png) 0 0 no-repeat; overflow: hidden; outline: none !important; }
      #quickOverviewNav a:link, #quickOverviewNav a:visited, #quickOverviewNav a:hover{ color: #fff; text-decoration: none; }
      #quickOverviewNav a:hover{ color: #d4de22; }
      #quickOverviewNav .active a{ background: url(../images/layout/tab_combo_active.png) 0 0 no-repeat; }
      #quickOverviewNav .active a:link, #quickOverviewNav .active a:visited, #quickOverviewNav .active a:hover{ color: #d4de22; }
        #quickOverviewNav a img{ float: left; margin: -3px 12px 0 0; }
      
      .primaryAction{}
        .primaryAction a{ display: block; margin: 0 auto; background: url(../images/buttons/learn_more.png) 0 0 no-repeat; width: 141px; height: 40px; text-indent: -9999px; }
  
  #quickOverview .content{ padding: 1px 0; height: 376px; overflow: hidden; }
    
  .toolbar{ width: 960px; margin: 0 auto; }
    .toolbar ul{ float: left; display: inline; margin: 6px 0 0 24px; }
      .toolbar li{ float: left; margin: 0 6px 0 0; padding: 0 0 0 3px; }
        .toolbar li a{ display: block; height: 29px; line-height: 29px; padding: 0 8px 0 5px; outline: none !important; }
        .toolbar li a:link, .toolbar li a:visited, .toolbar li a:hover{ color: #dfdfdf; font-weight: bold; text-decoration: none; text-shadow: 0px 0px 0px #000; }
        .toolbar li a:hover{ color: #d4de22; }
        /* Active state */
        .toolbar li.active{ background: url(../images/layout/tab_toolbar.png) 0 0 no-repeat; }
          .toolbar li.active a{ background: url(../images/layout/tab_toolbar.png) 100% 0 no-repeat; }
          .toolbar li.active a:link, .toolbar li.active a:visited, .toolbar li.active a:hover{ color: #282a36; }
          
    .toolbar .prevNext{ margin: 9px 24px 0 0; float: right; width: 43px; height: 17px; }
      .toolbar .prevNext a{ width: 16px; height: 17px; background-image: url(../images/icons/prev_next_arrows.png); text-indent: -9999px; outline: none !important; }
      .toolbar .prevNext a.prev{ float: left; }
      .toolbar .prevNext a.next{ float: right; background-position: 100% 0; }
      .toolbar .prevNext a.disabled{ background-position: 0 100%; }

    .tabContent{ padding: 0 24px; width: 912px; }
      .tabDesc{ float: left; width: 446px; }
        .tabDesc h2{ color: #fff; margin-bottom: 12px; text-align: center; }
        .tabDesc p{ margin: 0 0 2.5em 0; font-size: 14px; font-weight: bold; text-align: center; }
      .pricing .tabDesc{ width: 260px; }
      .pricing .tabImage{ width: 630px; overflow: visible; }
        .pricing .tabImage img{ margin-left: -24px; }
      .tabImage{ float: right; margin: 24px 0 0 0; overflow: hidden; width: 440px; }
      
      .tabContent table, .tabContent table tbody, .tabContent table tr, .tabContent table td { border: none; margin: 0; padding: 0; }
        
        .tabDesc .actions-plain { overflow: hidden; width: 100%; }
        	.tabDesc .actions-plain li { float: left; background-color: #AA1F09; border-bottom: 1px solid #101304; padding: 9px; margin: 24px; -moz-border-radius: 18px; }
        	.tabDesc .actions-plain li.last { margin-right: 0; }
        	.tabDesc .actions-plain a { color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; }
        
        .tabDesc .actions{ overflow: hidden; width: 100%; }
          .tabDesc .actions li{ float: left; margin: 0 24px 0 0; }
          .tabDesc .actions li.last{ margin-right: 0; }
            .tabDesc .actions a{ display: block; width: 132px; height: 35px; text-indent: -999px; overflow: hidden; background-position: 0 0; }
            .tabDesc .actions a.action-dload      { background-image: url(../images/buttons/action_button-dload.png); }
            .tabDesc .actions a.action-demo       { background-image: url(../images/buttons/action_button-demo.png); }
            .tabDesc .actions a.action-screenshots{ background-image: url(../images/buttons/action_button-screenshots.png); }
            .tabDesc .actions a:active{ background-position: 0 100%; outline: none; }

/* !Footer */

#footer{ width: 960px; margin: 0 auto; padding: 0 0 1px 0; background: url(../images/layout/main_bg_singlecol-m.png) 0 0 repeat-y; font-size: 11px; position: relative; border-bottom: 1px solid #D3CFA9; }
  .quickLinks{ background: url(../images/layout/main_bg_singlecol-t.png) 0 0 no-repeat; padding: 3px 24px 0 24px; font-size: 12px; border-bottom: 1px solid #dfdfdf; }
    .quickLinks .keyValue{}
    #footer .keyValue dt{ width: 150px; text-align: right; padding: 0; }
    #footer .keyValue dd{ margin-left: 174px; padding: 0; }
    #footer p{ padding: 0 24px; }
    #footer .backToTop{ position: absolute; bottom: 0; right: 24px; padding: 12px 0 0 0; background: url(../images/icons/top_arrow.png) 100% 0 no-repeat; }

/* !Main Content */

  #mainContent{ width: 960px; margin: 24px auto; }
  
    #mainContent .col-2 .col{ width: 444px; }
  
  #home #mainContent{ background: url(../images/layout/main_bg_singlecol-t.png) 0 0 no-repeat; padding: 3px 0 0 0; }
      #home #primary .content{ background: #fff url(../images/layout/main_bg_singlecol-m.png) 0 0 repeat-y; padding-top: 1px; padding-bottom: 1px; }

      .inner #mainContent #primary .content{ margin: 0 12px 0 0; padding: 0; width: auto; background: transparent; }
        
        #news{ margin-left: 24px; }
        #news .archivesInvite{ text-align: center; }
        #news h3 .date{ font-size: 12px; font-weight: normal; color: #999; }
        
        .hr{ padding: 2px 0 0 0; border: none; background: url(../images/layout/hr_halfcol.png) 50% 0 no-repeat; }
        
        /* !Default classes for rounded boxes */
        
        .roundedBox{ background: url(../images/layout/halfcol-subpage.png) 0 0 no-repeat; margin: 21px 0 24px 0; padding: 3px 0 0 0; width: 364px; font-size: 12px; }
          .roundedBox .content{ background: url(../images/layout/halfcol-subpage.png) 0 100% no-repeat !important; margin: 0 !important; padding: 1px 24px 3px 24px !important; }
            .roundedBox h2{ font-size: 14px; margin: 18px 0; }
              .roundedBox h2 .left{ margin: -8px 8px 0 0; }
        .roundedBox.highlighted{ background: url(../images/layout/halfcol-subpage-highlighted.png) 0 0 no-repeat; }
          .roundedBox.highlighted .content{ background: url(../images/layout/halfcol-subpage-highlighted.png) 0 100% no-repeat !important; }
          
            #primary .roundedBox ul li{ margin-left: 0; }
        
        #newsletter{ background: url(../images/layout/newsletter_bg.png) 0 0 no-repeat; margin-top: 21px; padding: 42px 0 0 0; }
          #newsletter form{ background: url(../images/layout/halfcol_highlighted-b.png) 0 100% no-repeat; padding: 9px 12px 12px 12px; }
            #newsletter fieldset{  margin: -42px 0 0 58px; }
              #newsletter form h3{ margin: 4px 0 0 0; }
              #newsletter p{ margin: 0; }
              #newsletter .textInput{ border: 1px solid #ccc; width: 248px; }
              #newsletter button{ width: 99px; height: 25px; border: none; padding: 0; text-indent: -9999px; background: url(../images/buttons/sign_me_up.png) 0 0 no-repeat; }
              #newsletter button:active{ background-position: 0 100%; }
        
        #blog{ background: #f4f4f4 url(../images/layout/halfcol-t.png) 0 0 no-repeat; margin-top: 24px; margin-bottom: 24px; padding: 3px 0 0 0; }
          #blog .colContent{ background: url(../images/layout/halfcol-b.png) 0 100% no-repeat; padding: 1px 0 3px 0; }
            #blog h2{ margin: 9px 0 12px 0; padding: 0 12px 12px 12px; border-bottom: 1px solid #dfdfdf; }
            #blog .blogPost{ border-bottom: 1px solid #dfdfdf; margin: 0 0 12px 0; padding: 0 12px 12px 12px; position: relative; }
            #blog .avatar{ margin: 0 12px 0 0; padding: 3px; background: #fff; border: 1px solid #ccc; width: 45px; position: absolute; top: 0; left: 12px; }
              .avatar img{ display: block; }
              .blogPost h3{ font-size: 24px; margin: 0 0 8px 65px; line-height: 1.25; }
              .blogPost h3 a:link, .blogPost h3 a:visited{ text-decoration: none; }
               .blogPost h3 a:hover{ text-decoration: underline; }
             .blogPost .postInfo{ margin: 0 0 0 65px !important; font-size: 11px; color: #777; }
              #blog .archivesInvite a{ display: block; margin: 0 auto; width: 104px; height: 28px; background: url(../images/buttons/archives.png) 0 0 no-repeat; text-indent: -9999px; outline: none !important; }
              #blog .archivesInvite a:active{ background-position: 0 100%; }
        
        #testimonials{ background: #f4f4f4 url(../images/layout/content_footer_bg.png) 0 100% no-repeat; border-top: 1px solid #dfdfdf; clear: both; padding: 1px 24px; }
          #testimonials h2{ margin-top: 18px; }
          #testimonials .intro{ float: left; width: 320px; font-size: 100%; line-height: 1.5; border: none; margin: 0; }
          #testimonials #quotes{ background: url(../images/icons/quote.png) 0 0 no-repeat; float: right; width: 564px; margin: 24px 0; }
            #quotes #blockquote{padding: 0 48px; font-size: 14px; color: #999; font-style: italic; margin: 0; width: 375px; }
            #quotes #blockquote .quote{width: 470px;}
            #quotes #blockquote .cited{ text-align: right; font-style: italic; background: url(../images/layout/cited.png) 100% 0 no-repeat; margin: 12px 0 0 0; padding: 12px 0 0 0; }
      		#quotes .prev a{ display: block; width: 15px; height: 21px; background-image: url(../images/icons/quote_al.png); margin: 75px 10px 0 5px; outline: none !important; }
      		#quotes .next a{ display: block; width: 15px; height: 21px; background-image: url(../images/icons/quote_ar.png); margin: 75px 5px 0 0; outline: none !important; }

/* !Inner page background of the main content */
.inner #pageTitle{ padding: 0 0 3px 0; background: url(../images/layout/main_bg_twocol-t.png) 0 100% no-repeat; width: 960px; margin: 0 auto; }
.inner #mainContent{ background: url(../images/layout/main_bg_twocol-m.png) 0 0 repeat-y; margin-top: 0; }
.inner #mainContent .content{ background: url(../images/layout/main_bg_twocol-b.png) 0 100% no-repeat; padding: 0 0 3px 0; }
/* Single column */
.inner.singleCol #pageTitle{ background-image: url(../images/layout/main_bg_singlecol-t.png);  }
.inner.singleCol #mainContent{ background-image: url(../images/layout/main_bg_singlecol-m.png); }
.inner.singleCol #mainContent .content{ background-image: url(../images/layout/main_bg_singlecol-b.png); padding-top: 1px; }

.inner.singleCol #primary{ padding-left: 48px; padding-right: 48px; }

/* !Sprawsm CSS framework override */
#secondary{ width: 180px; margin-left: 0; padding: 1px 24px; }

#pageTitle{}
  #pageTitle h2{ float: left; width: 50%; }
    #pageTitle h2 a:link, #pageTitle h2 a:visited, #pageTitle h2 a:hover{ float: left; text-decoration: none; }
    #pageTitle h2 a:hover{ text-decoration: underline; }
    #pageTitle h2 span{ font-size: 18px; position: relative; top: .35em; }
    #pageTitle h2 span.rarr{ color: #ada773; padding: 0 12px; }
    #pageTitle h2 span.currentLoc{ color: #575330; }
  #pageTitle .ctrls{ float: right; margin: 3em 0 0 0; }
  #pageTitle .tagline{ float: right; margin: 3em 0 0 0; font-style: italic; color: #ada773; }

  strong.button{ background: url(../images/buttons/primary_button-on_white.png) 0 50% no-repeat; line-height: 1; padding: 1em 0 1em 12px; cursor: pointer; }
  strong.button button, strong.button a{ color: #000; background: url(../images/buttons/primary_button-on_white.png) 100% 50% no-repeat; margin: 0 -12px 0 0; padding: 1em 16px 1em 5px; border: none; cursor: pointer; color: #fff !important; text-decoration: none; text-transform: uppercase; }
  #pageTitle strong.button{ margin-right: 12px; background-image: url(../images/buttons/primary_button-on_bg.png); }
  #pageTitle strong.button button, #pageTitle strong.button a{ background-image: url(../images/buttons/primary_button-on_bg.png); }

#subNav{ margin: 23px -23px; padding: 2px 0 0 0; background: url(../images/layout/2px_bevel_line.png) 0 0 repeat-x; font-size: 13px; font-weight: bold; }
    #subNav a:link, #subNav a:visited, #subNav a:hover{ color: #9f1207; text-decoration: none; display: block; }
  #subNav dt, #subNav dd.active{ padding: 0 0 2px 0; background: url(../images/layout/2px_bevel_line.png) 0 100% repeat-x; }
    #subNav dt a{ padding: 0 24px; height: 35px; line-height: 35px; }
    #subNav dt a:hover{ background: #efefef; }
  #subNav dt.active{ padding-bottom: 0; }
    #subNav dt.active a{ background: url(../images/layout/tab_subnav-active.png) 0 0 no-repeat !important; width: 187px; position: relative; top: -1px; color: #fff !important; }
  #subNav dd{ margin: 0; font-size: 12px; display: none; background: #dfdfdf !important; }
  #subNav dd.active{ margin: -1px 0 0 0; padding: 0 !important; display: block; border: 1px solid #ccc; border-width: 1px 0; }
    #subNav ul{ margin: 0; padding: 14px 18px 14px 20px; background: url(../images/layout/subnav_bg.png) 0 0 repeat-y; }
      #subNav ul li{}
        #subNav ul a{ display: block; padding: 4px 0 4px 12px; width: 188px; }
        #subNav ul a:hover{ text-decoration: underline; }
        #subNav li.active a{ color: #343434; background: url(../images/layout/tab_subnav_nested-active.png) 0 50% no-repeat; }
        #subNav li.active a:hover{ text-decoration: none; }
      
.related{ background: #fff url(../images/layout/related-t.png) 0 0 no-repeat; margin: 24px 0; padding: 3px 0 0 0; }
  .related ul{ margin: 0; background: url(../images/layout/related-b.png) 0 100% no-repeat; padding: 0 1px 3px 1px; font-size: 11px; }
    .related li{ border-bottom: 1px solid #dfdfdf; }
    .related li.last{ border: none; }
      .related li a{ display: block; padding: 6px 12px; background: url(../images/icons/bullet.png) 160px 50% no-repeat; }
      .related li a:link, .related li a:visited, .related li a:hover{ text-decoration: none; color: #000; }
      .related li a:hover{ text-decoration: underline; }

/* !Galleries */
.gallery{ margin: 24px 0; }
  #primary .gallery li{ float: left; margin: 0 12px 12px 0; padding: 0; background: transparent; height: 150px; }
    .gallery a{ float: left; padding: 4px; border: 1px solid #dfdfdf; } /* 1px + 4px + 151px + 4px +1px = 161px */
      .gallery img{ display: block; }

/* !Videos */
.activeVideo{ margin: 24px 12px 0 0; }
  .video{ float: left; width: 504px; }
  .videoDesc{ float: right; width: 156px; }
    .videoDesc h3{ margin-top: 0; }

#videoCarousel{ width: 658px; margin-top: 15px; padding-top: 20px; background: url(../images/vid-carousel-back.png) no-repeat top; }
#videoCarousel div.container{ float: left; position: relative; overflow: hidden; margin-left: 9px; width: 618px; height: 172px; }
#videoCarousel div.items{ position: absolute; width: 2000px; }
#videoCarousel div.items div.item{ display: block; float: left; }
#videoCarousel div.items div.item span.count{ width: 208px; height: 20px; display: block; color: #b3b3b3; text-align: center; }
#videoCarousel div.items div.item.active span.count{ color: #343434; font-weight: bold; }
#videoCarousel div.items div.item img{ padding: 1px; background: #fff; border: 1px solid #ccc; cursor: pointer; }
#videoCarousel div.items div.item.active img{ border-color: #777; }
#videoCarousel .prev{ display: block; float: left; width: 11px; height: 22px; margin-top: 85px; cursor: pointer; background: transparent url(../images/vid-carousel-prev.png) no-repeat 0 0; }
#videoCarousel .prev:hover{ background-position: -22px 0; }
#videoCarousel .next{ display: block; float: right; width: 11px; height: 22px; margin-top: 85px; cursor: pointer; background: transparent url(../images/vid-carousel-next.png) no-repeat 0 0; }
#videoCarousel .next:hover{ background-position: -22px 0; }

/* !Standard pages */
.intro{ border-bottom: 1px solid #dfdfdf; font-size: 16px; line-height: 1.25; margin: 0 12px 24px 0; }
  .intro p{ margin: 24px 0; }

/* !Benefits */
.benefit{ border-bottom: 1px solid #dfdfdf; margin: 0 12px 24px 0; }
  .benefitDesc{ float: right; width: 500px; }
    .benefitDesc h3{ margin-top: 0; }
    .benefitDesc ul{ margin: 24px 0; }
      #primary .benefitDesc li{ float: left; width: 45%; margin: 0 2% 0 0; }
      
/* !Features */
#features #primary .col{ float: left; width: 330px; }
#features #primary .col.last{ float: right; margin: 0 12px 0 0 !important; display: inline; }

  .feature{ margin: 0 0 24px 0; border-bottom: 1px solid #dfdfdf; }
    .feature h3{ margin-top: 0; }
      .feature h3 a:link, .feature h3 a:visited{ text-decoration: none; }
      .feature h3 a:hover{ text-decoration: underline; }
    .relatedFeatures{ font-size: 11px; text-align: right; color: #777; }
      .relatedFeatures strong{ font-weight: normal; font-variant: small-caps; }
      .relatedFeatures a:link{ color: #343434; }
      .relatedFeatures a:visited{ color: #777; }

/* !Pricing */
#pricing .intro .roundedBox{ float: right; margin: 0 0 24px 24px; }

#pricingTable{ background: url(../images/layout/pricingtable_header.png) 0 0 no-repeat; }
    #pricingTable thead th{ height: 59px; color: #fff; font-weight: normal; padding: 0; text-transform: none; background: transparent; border-top: none; }
    #pricingTable thead th strong{ display: block; font-size: 14px; text-transform: uppercase; }
    
    #pricingTable td, #pricingTable th{ text-align: center; border-width: 1px 0; }
    
    table .highlighted{ background: #ffffce; font-weight: bold; }
    
    #pricingTable .priceRow{ background: #e2deb9 url(../images/layout/pricingtable_pricerow_bg.png) 0 0 repeat-x; }
      #pricingTable .priceRow th, #pricingTable .priceRow td{ height: 87px; padding-top: 0; padding-bottom: 0; border-bottom-color: #ccc; }
      #pricingTable .priceRow td.mostPopular{ border-bottom-color: #a9bd00; }
        #pricingTable .priceRow td img{ margin-top: 1.5em; }
    
    #pricingTable .upgradeSupport{}
      #pricingTable .upgradeSupport th, #pricingTable .upgradeSupport td{ border: none; padding: 12px 0 0 0; }
    
      #pricingTable img{ display: block; margin: 0 auto; }
  
  #pricingTable .firstCol{ font-weight: normal; text-align: right; width: 130px; padding: 0 8px 0 0; color: #777; border-left: 1px solid #ccc; }
  #pricingTable .lastCol{ background: url(../images/layout/1px_line_ccc.png) 100% 0 repeat-y; }
  #pricingTable .mostPopular{ width: 153px; background: #d4dd2b url(../images/layout/pricingtable_mostpopular_bg.png) 0 100% repeat-x; border: 1px solid #a9bd00; }
  #pricingTable th.mostPopular{ border-left: 1px solid #94080a; border-bottom: 1px solid #a9bd00; border-right: 1px solid #94080a; border-top: none; color: #000; background: url(../images/layout/pricingtable_mostpopular_header_bg.png) 0 0 repeat-x; }

/* !Billing */

#billing.inner #pageTitle{ padding-bottom: 0; background: transparent; }
#billing.inner #mainContent{ background-image: url(../images/layout/main_bg_singlecol-m.png); }
#billing.inner #mainContent .content{ background-image: url(../images/layout/main_bg_singlecol-b.png); }

#stepInfo{ margin-left: 24px; margin-right: 0; }
#billing #primary{ margin-left: 24px; margin-right: 0; width: 672px; }

#stepNav{ height: 61px; margin: 0; background: url(../images/layout/billing_steps.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; }
#billing .step2{ background-position: 0 -61px; }
#billing .step3{ background-position: 0 -122px; }
#billing .step4{ background-position: 0 -183px; }

.billingForm{ margin: 0 0 24px 0; }

  .billingForm h3{}
  
  .billingForm ol{}
    .billingForm ol li{ margin: 0; padding: 8px 0; border-bottom: 1px solid #dfdfdf; }
      #dp_notifiers, #additional_upgrades{ text-align: center; }
    
    .billingForm.uniForm .inlineLabels .formHint{ width: 260px; }
    
    .paymentOptions p.majorCCs{ margin-bottom: 3em; }
      .paymentOptions label img{ position: relative; top: 4px; }
      .paymentOptions p.majorCCs label img{ top: 12px; }
    
  .billingForm .buttonHolder{ margin: 24px 0; padding: 0; }
    .billingForm .buttonHolder button{ width: 103px; height: 28px; float: right; text-indent: -9999px; border: none; padding: 0; background: url(../images/buttons/next_step.png) 0 0 no-repeat; }
    .billingForm .buttonHolder.finalStep button{ background-image: url(../images/buttons/final_step.png); }

.shoppingCartList{}
  #billing .shoppingCartList li{ padding: 8px 0; border-bottom: 1px solid #dfdfdf; }
  .shoppingCartList li.total{ background: #fffec0; font-weight: bold; }
    .shoppingCartList li.total .key{ text-align: right; }
    #billing .shoppingCartList .key{ width: 142px; margin-left: 4px; }
    #billing .shoppingCartList .value{ width: 60px; text-align: right; margin-right: 4px; }

#thankYou{ background: url(../images/layout/thankyou_box.png) 0 0 no-repeat; padding: 4px 0 0 0; margin: 64px auto 1.5em auto; width: 600px; }
  #thankYou .content{ background: url(../images/layout/thankyou_box.png) 0 100% no-repeat; padding: 1px 0 22px 48px; width: auto; }
    #thankYou h2{ height: 37px; margin: 44px 48px 48px 0; padding: 18px 0 12px 0; overflow: hidden; text-indent: -9999px; background: url(../images/layout/thankyou_title.png) 50% 50% no-repeat; border: 1px solid #dfdfdf; border-width: 1px 0; }
    .orderContents{ padding: 0 351px 0 0; background: url(../images/layout/thankyou_note.jpg) 260px 0 no-repeat; }
      .orderContents li{ margin: 0 0 8px 0; padding: 0 0 8px 0; list-style: decimal; font-weight: bold; }
      #thankYou .total{ padding: 6px 0; border: 1px solid #777; border-width: 1px 0; }
        #thankYou .total p{ border-bottom: 1px dotted #777; margin: 0 0 10px 0; }
          #thankYou .total span{ float: left; background: #fff; padding: 0 4px 1px 0; position: relative; top: 6px; }
          #thankYou .total strong{ float: right; background: #fff; padding: 0 0 1px 4px; position: relative; top: 6px; }
      .reference{ text-align: center; }
        .reference strong{ display: block; margin: 12px 0; padding: 6px; background: #efefef; border: 1px solid #dfdfdf; font-size: 14px; }
      .backToHome{ text-align: center; }

/* !Gifts */
.promoImage{ display: block; 0 auto; }

.enterpriseUltimate, .enterprise30{ width: 414px; margin: -24px 0 0 0; }
.enterpriseUltimate{ float: left; }
.enterprise30{ float: right; }
  .enterpriseUltimate p, .enterprise30 p{ text-align: center; }
    .enterpriseUltimate a,
    .enterprise30 a{ display: block; width: 141px; height: 40px; overflow: hidden; margin: 0 auto; text-indent: -999px; background: url(../images/buttons/buy_now.png) 0 0 no-repeat; text-align: left; }
    .enterpriseUltimate a:active,
    .enterprise30       a:active{ background-position: 0 100%; outline: none; }
  
  .enterpriseUltimate ul,
  .enterprise30 ul{ width: 241px; margin-top: 0; margin-bottom: 24px; margin-left: 90px; font-size: 15px; text-align: left; }

#drupal_tabs ul {
	margin: 0;
	margin-top: -2px;
	text-align: right;
}

#drupal_tabs ul.primary {
	border: none;
}

#drupal_tabs ul li {
	background: none;
	margin: 0;
	padding: 0 8px 0 0;
}

#drupal_tabs ul li a {
	border: 1px solid #BBB;
	border-top: none;
	color: #888;
	background-color: #eee;
}

#drupal_tabs ul li.active a {
	background-color: #fff;
}

#newsletter_error { background-color: #F1BBBB; border: 1px solid #AC6A6A; padding: 4px; margin: 5px; }
#newsletter_success { background-color: #CBE3FD; border: 1px solid #4C80B8; padding: 4px; margin: 5px; }