/******************************************************************
  RESET
******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0; 
}
ol, ul {
  list-style-type:none;
}
H1,H2,H3,H4,H5,H6 {
  font-size:100%;
  font-weight:normal;
}
A IMG {
  border:none;
}

/******************************************************************
  COMMON CLASSES
******************************************************************/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
+*HTML .clearfix {
  zoom: 1;
}
.hide {
  line-height:0;
  display:none !important;  
}

/* Hide only visually, but have it available for screenreaders
www.webaim.org/techniques/css/invisiblecontent/
Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visually-hidden {
  line-height:0;
    position:absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.text-replace {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}

/* "Back to top" button */
A.to-top {
  background: url("../images/common/sprite.png") no-repeat scroll -281px -433px;
  float: right;
  padding-left: 15px;
}


/******************************************************************
  GLOBAL
******************************************************************/

HTML {
  overflow-y: scroll;
}
BODY {
  behavior: url("/css/ie6hover.htc");
  color: #242c2e;
  font-family: Arial;
  font-size: 14px;
  line-height: 19px;
}

/* Links */
A {
  color: #0059a4;
  text-decoration: none;
}
A:hover {
  text-decoration: underline;
}

ADDRESS {
  font-style: normal;
}

/* Page Title */
H1 {
  color: #0059a4;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 15px;
}

H2, H2 A {
  color: #f46011;
  font-size: 15px;
  font-weight: bold;
}
  
H3 {
  color: #242c2e;
  font-size: 12px;
  font-weight: bold;
}
    
.inner {
  margin:0 auto;
  width:959px;
}

.get-started { /* the button */
  background: url(../images/common/get-started.png) no-repeat 0 0;
    border: 0;
  display: block;
  height: 59px;
  margin-bottom: 11px;
  width: 186px;
  cursor:pointer;
}
.get-started:hover {
  background-position: 0 -59px;
}


/* General text class */
.text {
  color:#242c2e;
  font-family:Arial;
  font-size:12px;  
}
A.text, A.text:hover {
  text-decoration:none;
}

/* Links inside titles */
H1 A, H2 A, H3 A, H4 A, .title A, .sub-title A,
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, .title A:hover, .sub-title A:hover {
  text-decoration:none;
}

/* Module: General block (optionaly) composed of a head, a thumbnal, and a body */
.module .thumb IMG {
  display:block;
}

/* default text */
.untouched, #header .search #txtSearch.untouched {
  color: #A7A6A6;
}


/******************************************************************
  CONTAINER
******************************************************************/
#main_container {
  background: url(../images/common/bg.jpg) center 21px no-repeat;
  margin-bottom: 60px;
}

/******************************************************************
  HEADER
******************************************************************/
#header {
  background: url(../images/common/header/glow.png) left bottom repeat-x;
  height: 92px;
}
  /* top menu */
  #header .top-menu {    
  }
    #header .top-menu UL {
      float:right;
    }
    #header .top-menu LI {
      float:left;
      margin-right:13px;
      padding-left:8px;
      background: url("../images/common/sprite.png") no-repeat scroll -269px -28px;
    }
    #header .top-menu LI.contact {
      background-position: -269px -402px;
      padding-left: 20px;
    }
    #header .top-menu A {
      color: #0059a4;
      text-decoration: none;
      line-height:21px;
    }
    
  /* logo */
  #header .logo {
    float: left;
    width: 149px; height: 39px;
    background: url(../images/common/sprite.png) -269px -50px no-repeat;
    margin-top: 14px;
    *margin-top: 35px;
    margin-left: 3px;
    margin-right: 40px;
  }
  
  /* search */
  #header .search {
    float: right;
    width: 182px;
    margin: 26px 7px 0 0;
  }
    #header .search input {
      float:left;
      border:none;
      background: url(../images/common/sprite.png) no-repeat;
    }
      #header .search #txtSearch {
        width:143px; height:19px;
        padding:0 0 0 9px;        
        background-position:-269px 0;
                                
        line-height:18px;
        font-size:12px;
        color:#242c2e;
      }
      #header .search #btnSearch {
        width:30px; height:20px;
        background-position:-421px 0;
        cursor:pointer;
        cursor:hand;
      }
  
  /* main menu */
  #header .main-menu {
    float: left;
    width: 760px;
  }
    #header .main-menu LI {
      background: url(../images/common/sprite.png) 0 -69px no-repeat;
      float: left;
    }
      #header .main-menu LI.first {
        background: transparent;
      }
      #header .main-menu LI A {
        color: white;
        display: block;
        float: left;
        font-size: 15px;
        height: 71px;
        line-height: 70px;
        outline: 0;
        padding: 0 14px;
      }
      #header .main-menu LI A:hover {
        text-decoration:none;
      }
      #header .main-menu LI.selected A {
        color: #000000;
        background: url(../images/common/header/arrow.png) center 0 no-repeat;
      }
      /* 2nd level */
      #header .main-menu LI UL LI.first {
        border-top:none;
      }
      #header .main-menu LI UL LI {
        border-top:1px solid #6badee;
        height: auto;
        width: 200px;
        padding: 0;
      }            
      #header .main-menu LI UL LI A,
      #header .main-menu LI.selected LI A {        
        background-color: #cfe5f9;
        background-image:none;
        color:#242c2e;
        float: none;
        font-size:12px;
        font-weight:normal;
        height: auto;
        line-height: 19px;
        padding:0 9px;
      }
      #header .main-menu LI UL LI A:hover {
        background-color:#fff;
      }
      
      /* Dropdown */
      UL.dropdown, UL.dropdown LI, UL.dropdown UL {
        list-style: none outside none;
        margin: 0;
        padding: 0;
      }
      UL.dropdown {
        float: left;
        position: relative;
        z-index: 597;
      }
      UL.dropdown LI {
        float: left;
        line-height: 1.3em;
        vertical-align: middle;
      }
      UL.dropdown LI.hover, UL.dropdown LI:hover {
        cursor: default;
        position: relative;
        z-index: 599;
      }
      
      /* Sublevels */
      UL.dropdown UL {
        border:1px solid #6badee;
        position: absolute;
        top: 70%; left: 0;
        width: 200px;        
        z-index: 598;
      }
      UL.dropdown UL LI {
        float: none;
      }
      UL.dropdown UL UL {
        left: 99%;
        top: 1px;
      }
      
      /* Hide & Show */
      
      UL.dropdown UL {
        visibility: hidden;
      }
      UL.dropdown LI:hover UL.level2 {
        visibility: visible;
      }
      
      UL.dropdown UL.level2 LI:hover UL.level3  {
        visibility: visible;
      }
  

/******************************************************************
  SIDE MENU
******************************************************************/
#side-menu {
  float: left;
  line-height: 1.58em;
  margin:47px 25px 0 2px;  
  width: 180px;
}

  #side-menu LI {
    margin-bottom: 5px;
  }
  #side-menu LI A,
  #side-menu LI.selected UL A /* link inside selected category (not item) */ {
    color: #0059a4;
    font-size: 15px;
  }
  #side-menu LI.selected A {
    color: #f46011;
  }
  
  #side-menu LI A:hover {
    color: #f46011;
    text-decoration: none;
  }
  
  /* Main Category */
  #side-menu .main-category {
    margin-bottom: 11px;
  }
  #side-menu .main-category A {
    font-size: 22px;
    color: #f46011;
  }
  
  
  /* Item width sub items */
  #side-menu LI UL {
    margin-top: 5px;
  }
    #side-menu LI UL LI {
      background: url(../images/common/sprite.png) -271px -296px no-repeat;
      padding-left: 10px;
    }
    #side-menu LI UL LI.selected {
      background: url(../images/common/sprite.png) -271px -358px no-repeat;
    }
  
      #side-menu LI UL LI A,
      #side-menu LI.selected UL LI A {
        font-size: 12px;
      }
  
  
/******************************************************************
  MAIN CONTENT
******************************************************************/
#main {
  float: left;
  width:549px;  
}
  /* Bread Crumbs */
  .bread-crumbs {
    margin:0 0 21px 0px;
    line-height: 27px;
    font-size: 11px;    
  }
    .bread-crumbs LI {
      display: inline;
    }
      .bread-crumbs A {
        color: #242c2e;
      }
      
      .bread-crumbs .current {
        color: #003c6e;
      }
      
  /* Description */
  #main .description {
    margin-bottom: 11px;
  }
  
  /* Comment */
  #main .comment {
      font-size: 0.9em;
  }
  
  /* Exception for dynamic lists */
  #main .dynamic-list .last-item {
      border-bottom: 0;
  }
  
  
  
/***************************/
/*** FORMS (using lists) ***/
/*
/* VALUE LISTS: Lists of data in the form of: "key: value" in each line.
 * Keys are labels. Values are either inputs or other elements with class="value".
 * All LIs should get class="clearfix" in the markup.
 */

#main .form {
    width: 550px;
}
    #main .form .preface {
        margin-bottom: 16px;
        padding-right: 9px;
    }
        
    #main .form LEGEND {
        color: #F46011;
        font-size: 15px;
        margin-bottom: 11px;
    }
        
    #main .form FIELDSET FIELDSET LEGEND { /* title of a fieldset within fieldset */
        color: inherit;
        font-size: 1em;
        margin-bottom: auto;
    }

    #main .form .comment {
        margin-top: 10px;
    }

    #main .form .value-list {
        list-style-type: none;
        padding: 0;
    }
        #main .form .mandatory_marker {
            color: #FF6300;
        }
            
        #main .form .value-list .captcha {
            font-size: inherit;
            height: auto;
        }
            #main .form .captcha .value {
                border: 0;
                padding: 0;
                height: 100px;
            }

            #main .form .captcha .try_another {
                font-style: italic;
            }
            
        #main .form .value-list LI {
            clear: left;
            line-height: 1.45em;
            padding-bottom: 9px;
            position: relative;
        }
            
        #main .form .value-list LI,
        #main .form .value-list INPUT {
            height: 1.45em;
        }
            #main .form .value-list LABEL {
                float: left;
                line-height: 22px; /* input height */
                width: 118px;
            }
                
            #main .form .value-list INPUT,  
            #main .form .value-list SELECT,
            #main .form .value-list .value {
                float: left;
                font-size: 11px;
                height: 1.75em;
                line-height: 1.75em;
                width: 410px;
            }
            
            #main .form .value-list TEXTAREA.value {
              height: 6em;
            }
            
            #main .form .value-list .captcha .value {
                font-size: inherit;
                height: auto;
                padding-bottom: 1em;
                width: 420px;
                *overflow: hidden;
            }
                
            #main .form .value-list INPUT,  
            #main .form .value-list .value {
                border: 1px solid #CBDDE1;
                padding: 0 5px;

            }
                
            /* exception for first name & last name, which are usually both on the same line */
            #main .form .value-list INPUT.first-name {
                width: 200px;
                margin-right: 7px;
            }
                
            #main .form .value-list INPUT.last-name {
                width: 191px;
            }
                
            /* exception for select box */
            #main .form .value-list SELECT.value {
                height: 21px;
                line-height: 21px;
                padding-left: 2px;
                padding-right: 0;
                padding-top: 2px;
                width: 422px; /* = .value-list input width + .value-list input padding-right */
            }
                
            /* exception for textarea */
            #main .form .value-list textarea.value {
                font-family: Arial;
                padding: 3px 6px;
                width: 408px; /* = .value-list input width - 2 * the difference in horizontal padding */
            }
            
        #main .form .url .value {
            border: 0;
            padding: 0;
            width: 422px;
        }
            
            #main .form .url .prefix {
                float: left;
                line-height: 22px; /* input height */
                width: 30px;
            }
            
            #main .form .url INPUT {
                padding-left: 0;
                width: 385px; /* INPUT width - INPUT padding - .url .prefix width */
            }
            
        #main .form .captcha .value {
            /*border: 0;*/
            padding: 0;
        }
        #main .form .captcha .recaptchatable {
      border: 0 !important;
        }
        
        #main .form .recaptcha_image_wrapper { /* #recaptcha_image gets some values inline, so we needed a wrapper */
            margin-bottom: 9px; /* synced with .value-list LI */
            text-align: center;
            width: 100%;
        }
        #main .form #recaptcha_image {
            margin: 0 auto;
        }
        #main .form .checkbox-wrapper INPUT,
        #main .form .radio-wrapper INPUT {
            margin-right: 7px;
            vertical-align: middle;
        }
            
        /* error messages */
        #main .form INPUT.error, #main .form .value-list INPUT.error,
        #main .form TEXTAREA.error, #main .form .value-list TEXTAREA.error,
        #main .form SELECT.error, #main .form .value-list SELECT.error {
            border-color: red;
        }
        #main .form DIV.error {
            background: transparent url("../images/common/body-text/error_bg.gif") no-repeat right top;
            display: block;
            font-size: 11px;
            height: 33px;
            position: absolute;
            right: -2px;
            top: -4px;
            width: 182px;
        }
        #main .form DIV.error .error_content { /* nesting - to avoid box model problems */
            line-height: 1.1em;
            padding: 2px 12px 2px 29px;
            text-align: left;
        }
        
        
        #main .form FIELDSET {
            border: 0;
            margin-bottom: 10px;
            position: relative;
        }
        #main .form .submit {
            background: url("../images/common/submit_bg.png") no-repeat 0 0;
            border: 0;
            color: white;
            cursor: pointer;
            float: right;
            height: 24px;
            padding: 0 2px 5px 0;
            position: relative;
            right: -2px; /* to cover up for the width its right-shadow adds */
            width: 72px;
        }
        #main .form .submit:hover {
          background-position: 0 -24px;
        }

FORM .server-side-error {
  color: red;
}

#thankYou .link-next {
  display: block;
  margin: 1em 0;
}


  
/******************************************************************
  SIDE BAR
******************************************************************/
#side-bar {  
  width: 180px;
  margin:28px 0 0 13px;    
  float: left;
}
  #side-bar .item {
    background: white;
  }
  
  #side-bar H3 {
    color: #0059A4;
    font-size: 14px;
    font-weight: normal;
  }
  
  /* Stuff (the box with the 'have a questions?' and promotion) */
  #side-bar .stuff {
    background: url(../images/common/sprite.png) -620px -27px no-repeat;
    margin-left: 3px;
    padding: 6px 1px;
    width: 180px;
  }
    #side-bar .stuff .top {
      /*background: url(../images/common/sprite.png) -418px -50px no-repeat;*/
      height: 8px;
    }
    #side-bar .stuff .separator {
      background: url(../images/common/sprite.png) -620px 0px no-repeat;
      height: 19px;
    }
    #side-bar .stuff .item {
      margin: 2px;
      padding: 13px;
      padding-bottom: 0;
    }
    #side-bar .stuff .first {
      /*background: url(../images/common/sprite.png) -418px -98px no-repeat;*/
      padding-top: 7px; /* item padding top minus li.top height */
    }
    #side-bar .stuff .last {
      min-height: 200px; /* for the lines on the sides to fade nicely */
    }
  
    
  /* Address Box */  
  /* either as separate <address>es... */
  #side-bar .stuff .item ADDRESS {
    border-bottom: 1px dotted #98DEF9;
    padding-bottom: 15px;
  }
  #side-bar .stuff .last ADDRESS {
    border-bottom: 0;
  }
  /* ...or as <div class=address> if it contains block elements, with <hr/>s as separators */
  #side-bar .stuff .address HR {
    border: 0;
    border-bottom: 1px dotted #98DEF9;
    height: 0;
    line-height: 0;
  }
  
  /* Question */
  #side-bar .question {
    color: #31393c;
    font-size: 16px;
    padding-top: 1px;
    text-align: center;
  }
    #side-bar .question A {
      color: #0059a4;
      font-size: 12px;
    }
      
      
  /* Promotion */
  #side-bar .promotion {  
    text-align: center;  
  }    
    #side-bar .promotion .title A {
      font-size: 22px;
      color: #0059a4;
    }    
    #side-bar .promotion .sub-title A {
      font-size: 14px;
      color: #242c2e;
    }
    #side-bar .promotion .thumb IMG {
      margin:5px auto;
    }
    #side-bar .promotion .body {
      text-align: left;
      padding: 0 14px;
    }
  
  /* Worldwide Offices */
  #side-bar .offices {
  }
    #side-bar .offices H3 {
      border-bottom: 1px dotted #98DEF9;
      color: #0059A4;
      font-size: 22px;
      line-height: 1.1em;
      margin-bottom: 0.5em;
      padding-bottom: 0.5em;
    }
   
  /* Partners */
  #side-bar .partners {
      text-align:center;
  }
     #side-bar .partners H3 {
        margin-bottom: 30px;
     }


/******************************************************************
  CONTENT ELEMENTS
******************************************************************/

/******************************************************************
  BODY TEXT
******************************************************************/
.body-text {
  margin-bottom:20px;
}
.body-text,
#main .dynamic-list .item {
  text-align:justify;
}
  .body-text .leading-image {
    float:left;
    margin:5px 10px 5px 0;
  }
  
  .body-text P {
    margin-top: 9px;
  }

  .dynamic-list .body-text {
  margin-bottom: 0;
  }
  .dynamic-list .body-text P {
    margin-top: 0;
  }
  
  .body-text TABLE IMG,
  #tinymce TABLE IMG {
    margin-right: 1em;
  }
  

  /* fixes for our wysiwyg */
  #tinymce OL {
    list-style-type: decimal;
    padding-left: 1.5em;
  }
  .body-text UL LI {
    background: url(../images/common/body-text/bullet.png) no-repeat left 7px;
    padding-left: 14px;
  }
    .body-text UL LI LI {
      background: url(../images/common/body-text/bullet-small.png) no-repeat left 7px;
    }        
      
  /* Supports 1, 1.1, 1.2,.. counting system */
  .body-text OL {
    counter-reset: sub-item;
    direction: ltr; /* or it'll be buggy */
    list-style-type: none;
    
    /* IE < 8 will get regular numbering */
    *list-style-type: decimal;
    *list-style-position: inside;
  }
    /*  This declaration MUST appear before the ".body-text OL LI:before" declaration
      in order for IE < 8 to recognize it! */
    .body-text OL OL {
      margin-left: 14px;
    }

    .body-text OL LI {
      counter-increment: item;
      padding-left: 2em; position: relative;
      
    }
    .body-text OL OL LI {
      counter-increment: sub-item;
      padding-left: 4.5em;
    }
    .body-text OL LI:before {
      color:#f46011;
      font-weight:bold;
      margin-right:5px;
      content: counter(item) ". ";
      
      position: absolute; left: 0; top: 0; width: 1em; text-align: right;
    }
    .body-text OL LI LI:before {
      content: counter(item) ". " counter(sub-item) ". ";
      width: 3.5em;
    }



/******************************************************************
  FILE DOWNLOAD LINK
******************************************************************/
.file {
  float:right;  
}
  .file .download {
    background-color: transparent;
    border:none;
    color:#0059a4;    
    cursor:hand;
    cursor:pointer;    
    font-size:12px;
    font-family:Arial;
    margin:0;
    padding-top: 2px;
    text-align: left;
    text-indent: -0.25em;
    *text-indent: 0;
  }
  .file .download:hover {
    text-decoration:underline;
  }
  .file .download-pdf {
    background:transparent url(../images/common/sprite.png) no-repeat -315px -252px;
    padding-left: 18px;
    text-indent: 0;
  }
/*  .file .download-avi,
  .file .download-mov,
  .file .download-mpeg,
  .file .download-mpg,
  .file .download-qt {
    background:transparent url(../images/common/sprite.png) no-repeat -315px -274px;
    padding-left: 18px;
    text-indent: 0;
  }
  .file .download-gif,
  .file .download-jpeg,
  .file .download-jpg,
  .file .download-png {
    background:transparent url(../images/common/sprite.png) no-repeat -454px -252px;
    padding-left: 18px;
    text-indent: 0;
  }
*/
  
  .file .file-info {
    color:#696969;
    height: 20px;
    margin-left:2px;
    vertical-align: top;
  }
  .file INPUT {
    height: 16px;
  }
    
  
/******************************************************************
  BACK/NEXT/PREV/TOP LINKS
******************************************************************/
.pagination {} /* note : the blog has a .pagination too and it looks different */
  .back-to {
    float:left;
  }
    .back-to a {
      background: transparent url(../images/common/sprite.png) no-repeat -280px -466px;
      padding-left: 13px;
    }
  
  .next,
  .pagination-no-next .get-started-link {
    float:right;
    padding-right:10px;
  }

  .prev,
  .pagination-no-prev .get-started-link {
    float:left;
    padding-left:10px;
  }


/******************************************************************
  DYNAMIC LIST
******************************************************************/
.dynamic-list {
}
  .dynamic-list .item {
    padding-bottom: 16px;
    margin-bottom: 16px;    
    border-bottom: 1px dotted #919596; /* with an exception somewhere else
            for lists under #main, the last item doesn't get a border. */
  }
  #main .dynamic-list .item-last {
    border-bottom
  }
    
    .dynamic-list .item .file {
      float:none;
      margin-top:5px;
    }
    
    .dynamic-list .title {
      font-size: 15px;
      font-weight: bold;
      color: #f46011;
    }
    
    .dynamic-list .image {
      float: left;      
      margin: 20px 15px 5px 0;
    }
    
    .dynamic-list h3 {
        display: inline;
    }
    
    .dynamic-list .date {
        font-weight: bold;
    }

/******************************************************************
    DYNAMIC LISTS WITH IMAGES
******************************************************************/
/* Separate settings so as not to override ALL lists that happen
  to have an image */

#main .dynamic-list {
    padding: 18px 0;
}

#main .dynamic-list .with-image {
  min-height: 62px;
  padding-left: 105px;
  position: relative;
}
  #main .dynamic-list .image {
    float: none;
    height: 62px;
    left: 0;
    margin: 0;
    margin-top: 4px;
    position: absolute;
    top: 0;
  }
  .Home .homepage-info .dynamic-list .image {
    display: block;
    float: none;
    margin: 0;
    margin-bottom: 12px;
  }

/******************************************************************
    BLOG
******************************************************************/

.Blog #main {
  position: relative;
    width: 754px; /* #main width + sidebar width + sidebar margin-right, since we're not showing the sidebar */
}

.Blog #blog-banner {
  right: 36px;
  position: absolute;
  top: 17px;
}

.Blog .post {
    border-top: 1px dotted #2b2b2b;
    margin-bottom: 0;
    padding: 19px 0;
}

.Blog .first-post {
    border-top: 0;
}

.Blog .entry-title, .Blog .entry-title A {
    font-size: 22px;
    font-weight: normal;
}
.Blog .entry-title {
    margin-bottom: 10px;
}

.Blog .tweetandlike-heading {
    display: none;
}

.Blog .tweetandlike-container {
    float: none;
}
    .Blog .tweetandlike-container .facebook IFRAME {
        width: 90px;
    }

.Blog .pagination {
    border: 1px dotted #2b2b2b;
    border-width: 1px 0;
    padding: 9px 0;
}
    .Blog .pagination LI {
        border-right: 1px solid #C8C8C8;
        color: #242C2E;
        float: left;
        height: 20px;
        text-align: center;
        width: 20px;
    }
    .Blog .pagination LI.last, .Blog .pagination LI.prev, .Blog .pagination LI.next {
        border-right-color: transparent;
    }
        .Blog .pagination LI A {
            color: #0059A4;
        }
        
    .Blog .pagination LI.prev, .Blog .pagination LI.next {
            height: 20px;
            width: 6px;
    }
        .Blog .pagination .disabled, .Blog .pagination .enabled {
            background:url(/images/common/sprite.png) no-repeat;
            display: block;
            height: 20px;
            width: 6px;
        }
        
        .Blog .pagination .prev .enabled {
            background-position: -274px -182px;
        }
        .Blog .pagination .prev .disabled {
            background-position: -274px -202px;
        }
        .Blog .pagination .next .enabled {
            background-position: -298px -182px;
        }
        .Blog .pagination .next .disabled {
            background-position: -298px -202px;
        }
        
        .Blog .prev A, .Blog .next A {
            padding: 0;
        }

.Blog .comments-box {
}
    .Blog .comments-box .comment {
        margin-bottom: 1em;
    }
    .Blog .comments-box .comment-meta {
        margin-bottom: 0;
    }
    .Blog .comments-box INPUT, .Blog .comments-box TEXTAREA {
        border: 1px solid #CADBE5;
    }
    .Blog #main .comments-box .form .submit {
        background: url(/images/common/sprite.png) no-repeat -269px -225px;
        width: 117px;
    }
    .Blog .comments-box .icon {
        background: url(/images/common/sprite.png) no-repeat;
        float: left;
        margin-right: 9px;
    }
    .Blog .comments-box .comments-icon {
        background-position: -310px -182px;
        height: 16px;
        width: 17px;
    }
    .Blog .comments-box .respond-icon {
        background-position: -327px -182px;
        height: 14px;
        width: 14px;
    }
    .Blog .comments-box H3 {
        border-top: 1px dotted #292A2C;
        color: #f46011;
        font-size: 17px;
        font-weight: normal;
        padding: 0.7em 0;
    }
    
    .Blog #main .form {
        width: auto;
    }
    .Blog #comment-form {
        width: 470px;
    }
        .Blog #comment-form TEXTAREA {
            height: 81px;
            width: 467px;
        }
        .Blog #main .form #comment-form .value-list LABEL {
            width: 47px;
        }
        .Blog .comments-box #allowed-tags {
            display: none;
        }
  
  .Blog #side-bar {
  }
    .Blog #side-bar .rss {
      line-height: 1.2em;
    }
      .Blog #side-bar .rss .rss_img {
          background: url(/images/common/sprite.png) no-repeat -269px -252px;
        float: left;
        height: 37px;
        margin-right: 10px;
        width: 37px;
      }
    .Blog #side-bar .item .body {
      padding: 0;
    }

    

/******************************************************************
    CAREERS
******************************************************************/
/* Note: ToC = Table of Contents */

.Careers .description, .Careers .toc, .Careers .career {
    border-bottom: 1px dotted black;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.Careers .toc H2, .Careers .career H2 {
    font-weight: normal;
    margin-bottom: 1em;
}

.Careers .toc {
    margin-bottom: 1em;
}

.Careers .send_cv {
    background: url("../images/common/send_cv_bullet.gif") no-repeat 8px center;
    display: block;
    padding-left: 17px;
}


/******************************************************************
  FAQs
******************************************************************/

.faq-menu {
  width: 549px; /* for ie7 */
}
  .faq-menu LI {
    float: left;  
    margin-right: 5px;
  }
    .faq-menu LI A {
      margin-right: 2px;  
    }

.faq-list {
  border-bottom: 1px dotted #919596;
  margin: 1em 0;
}
  .faq-list H2 {
    text-transform:capitalize;
    font-size:14px;
    color:#F46011;
  /*  border-top:1px solid #9addfa;
    border-bottom:1px solid #9addfa;*/
    padding:0 0 3px 3px;
  }     
  
  .faq-list .category {
    border-top: 1px dotted #919596;
    padding: 1em 0;
  }
  .faq-list LI .icon {
      background: url("../images/common/faq-icons-collapse-expand.gif") no-repeat left center;
      float: left;
      height: 1.5em;
      margin-right: 10px;
      width: 7px;
  }
    .faq-list LI.expanded .icon {
        background-position: -7px center;
    }

    .faq-list .answer {
      padding-left: 17px; /* icon width + margin-right, i.e. align it with the question text */
      padding-top: 0.2em;
    }

/******************************************************************
    GET STARTED
******************************************************************/

.Get_Started #main .form .sign-me-up {
    margin-left: 118px; /* label width */
    margin-top: 1.5em;
}
.Get_Started #main .form .sign-me-up INPUT {
  *margin-left: -4px; /* due to a difference in the way IE renders checkboxes */
}

.Get_Started #main .form fieldset {
    margin-bottom: 0.4em;
}

.Get_Started #main .form .submit {
    clear: both;
}



/******************************************************************
    HOME
******************************************************************/

.Home #main_container {
  margin-bottom: 24px; /* overrides normal setting */
}

.Home .redirecting-button {
  clear: right;
  cursor: pointer;
  float: right;
  margin: 15px 10px;
  position: relative;
  z-index: 10000;
}

.Home #changing-header,
.Home #static-header {
  height: 350px;
}

.Home #changing-header {
    display: block;
    left: 0;
  outline: 0;
    overflow: hidden;
    padding-bottom: 30px;
    position: absolute;
    top: 92px; /* header height */
    width: 100%;
}
  .Home #changing-header A {
    
  }
  .Home #changing-header IMG {
    position: relative; /* to allow it to spread beyond #body */
    z-index: 50;
  }

.Home #static-header {
  position: relative;
}
  .Home #static-header * {
    z-index: 400;
  }
  .Home .banner-switch {
    bottom: 0;
    float: left;
    left: 0;
    position: absolute;
  }
    .Home .banner-switch .dummy {
      display: none;
    }
  
    .Home .banner-switch LI {
      background: url(/images/common/sprite.png) no-repeat -369px -182px;
      float: left;
      height: 22px;
      margin-right: 3px;
      padding: 1px 2px 2px 1px;
      text-align: center;
      width: 21px;
    }
    .Home .banner-switch LI:hover {
      cursor: pointer;
    }
    .Home .banner-switch .selected {
      background-position: -343px -182px;
    }

.Home H1.primary,
.Home H2.primary {
  color: #0059A4;
    display: block;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
}

.Home .content {
    margin-top: 30px;
}
  .Home .content .first {
    border-left: 1px dotted #878B8C; /* copy of .homepage-info border-right */
  }

  .Home .homepage-info {
    border-right: 1px dotted #878B8C;
    float: left;
    margin-top: 15px;
    padding: 0 14px;
    width: 288px;
  }
  
  .Home .homepage-info-first {
    border-left: 1px dotted #878B8C; /* copy of homepage-info border-right */
  }
  
  .Home .homepage-info H2 {
    line-height: 0.85em;
    padding-bottom: 19px;
  }
  
.Home .dynamic-list {}  
  .Home .dynamic-list .title {
    float: left;
    font-size: 1em;
    margin-right: 7px;
  }
  .Home .dynamic-list .item {
    border-bottom: 0;
    margin-bottom: 5px;
    padding-bottom: 0;
  }
  .Home .body-text{
      margin-bottom: 0;
  }
  .Home .homepage-info P {
    margin-top: 0;
  }
  .Home .homepage-info-date {
    color: #F46011;
  }

.Home #logos {
    clear: both;
    margin-top: 30px;
}
.Home #logos .window {
    height: 32px;
    overflow: hidden;
    position: relative;
    width: 875px;
}
    .Home #logos .content {
        height: 32px;
        margin-top: 0;
    }
    .Home #logos UL {
      float: left;
      height: 32px;
      margin: 0;
      padding: 0;
      position: relative;
    }
        .Home #logos LI {
            float: left;
            height: 32px;
            line-height: 32px;
            vertical-align: middle;
        }
    .Home .arrow {
        cursor: pointer;
        padding: 6px;
    }
    .Home .arrow .graphic {
      background:url(/images/common/sprite.png) no-repeat;
      height: 20px;
          width: 6px;
    }
        .Home #logos .left {
            float: left;
            margin-right: 25px;
        }
      .Home #logos .left .graphic {
        background-position: -274px -182px;
      }
        .Home #logos .right {
            float: right;
        }
        .Home #logos .right .graphic {
            background-position: -298px -182px;
        }
    .Home #logos A.more {
      background:url(/images/common/sprite.png) no-repeat -269px -33px;
      color: #696969;
      float: right;
      font-size:11px;
      line-height: 12px;
      margin-right: 40px;
      margin-top: 10px;
      padding-left: 10px;
    }




/******************************************************************
    JOIN US
******************************************************************/

.Join_Us #main .form .value-list LABEL {
    width: 76px;
}

.Join_Us #main .form .value-list INPUT {
    width: 452px;
}

.Join_Us #main .form .value-list TEXTAREA {
    height: 100px;
    width: 450px;
}

.Join_Us #main .form .value-list INPUT.first-name {
    width: 209px;
}

.Join_Us #main .form .value-list INPUT.last-name {
    width: 224px;
}


/******************************************************************
    LANDING PAGES
******************************************************************/
.Landing_Page {
  text-align: center;
}
  .Landing_Page #wrapper, .Landing_Page .section {
    clear: box;
    margin: 0 auto;
    position: relative;
    text-align: left;
  }
  
  .Landing_Page H1 {
    font-size: 38px;
    line-height: 1.3em;
  }
  
  .Landing_Page .logo {
    background: url("../images/common/sprite.png") no-repeat scroll -269px -50px transparent;
    display: block;
    height: 39px;
    margin-bottom: 38px;
    width: 149px;
  }
  
  .Landing_Page #main-content UL {
    list-style-type: disc;
    padding-left: 1.5em;
  }
    .Landing_Page #main-content UL UL {
      list-style-type: none;
    }
  .Landing_Page .quote {
  }
    .Landing_Page .quote BLOCKQUOTE {
      color: #0A3C93;
      font-size: 22px;
      line-height: 29px;
      margin-left: 0.65em;
      text-indent: -0.65em;
      vertical-align: text-top;
    }
      .Landing_Page .quote .quotation-mark {
        color: #FC5F12;
        font-family: Georgia, Times New Roman;
        font-size: 32px;
        vertical-align: text-bottom;
      }
    .Landing_Page .quote .author {
      color: #7c7c7c;
      padding-right: 1em;
      text-align: right;
    }
  

/*  Since landing pages 1+2white+2blue look so much alike, they get a class called LP12.
  That's not twelve, that's one and two. Plus, they each get their own - LP1 or LP2.
  Landing pages 2-white and 2-blue also get the classes LPWhite, LPBlue respectively.
*/

/******************************************************************
    LANDING PAGE 1+2 (1: ads for retailers; 2: white or blue)
******************************************************************/
.LP12 .sign-up-cfa,
.LP12 .banner {
  clear: both;
  float: right;
  margin: 17px 0 17px 130px;
  text-align: center;
}
.LP12 .sign-up-cfa {
  width: 440px;
}
.LP12 .banner {
  margin: 2px 0;
}
.LP12 .section {
  padding: 20px 0;
  width: 987px;
}
  .LP12 .logo {
    float: left;
  }
  .LP12 .menu {
    float: left;
    line-height: 39px; /* logo height */
    margin-left: 117px;
  }
    .LP12 .menu A {
      color: #868686;
      font-size: 15px;
      padding: 0 12px;
    }
  .LP12 H1, .LP12 H2, .LP12 P {
    clear: left;
  }
  .LP12 H2 {
    color: black;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 15px;
  }
  .LP12 #main-content .content {
    font-size: 15px;
    width: 472px;
  }
  .LP12 #clients-list {
  }
    .LP12 #clients-list H2 {
      color: #002A5E;
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 5px;
    }
    .LP12 #clients-list .list {
      display: block;
      height: 35px;
    }
  
  .LP12 .quote {
    padding: 0;
  }
  
  .LP12 .copyright {
    font-size: 0.8em;
    padding: 0;
    text-align: right;
  }

/******************************************************************
    LANDING PAGE 1
******************************************************************/
.LP1 H2 {
  font-size: 26px;
}

.LP1 #main-content .sign-up-cfa {
  margin-left: 0;
  margin-top: 31px;
}

.LP1 #clients-list .list {
  border: 1px dotted black;
  border-width: 1px 0;
}

/******************************************************************
    LANDING PAGE 2
******************************************************************/
.LPBlue H1 {
  line-height: 1em;
}
.LPBlue #main-content-wrapper {
  background: #00578C url(../images/landing-pages/LP2bHeaderBG.png) repeat-x top;
}
.LPBlue #main-content, .LPBlue #main-content A {
  color: white;
}
  .LPBlue #main-content H1 {
    color: #A5D44A;
  }
  .LPBlue #main-content H2 {
    color: white;
  }
  .LPBlue .menu, .LPBlue .menu A {
    color: #D0D0D0;
    font-size: 15px;
  }
  .Landing_Page .LPBlue .logo {
    background: url(../images/landing-pages/logoBlue.png) no-repeat center;
    height: 55px;
    width: 191px;
  }
.LPBlue #clients-list {
  border: 1px dotted black;
    border-width: 1px 0;
    margin-top: 18px;
    padding-bottom: 4px;
    padding-top: 4px;
}
  .LPBlue #clients-list H2 {
    background: url("../images/landing-pages/our-clients-arrow.png") no-repeat right center;
    color: #042C5D;
    float: left;
    font-size: 15px;
    line-height: 35px;
    margin-bottom: 0;
    margin-right: 48px;
    padding-right: 17px;
    vertical-align: middle;
  }
  .LPBlue #clients-list .list {
    float: left;
  }
 .LPBlue .quote {
   margin-top: 20px;
 }


/******************************************************************
    LANDING PAGE 3 (big laptop)
******************************************************************/
.LP3#wrapper {
  border: 1px solid black;
  width: 980px;
}
  .LP3 .section {
    padding: 30px 70px;
    width: 840px;
  }
  .LP3 #main-content {
    background: #EBEBEB url(../images/landing-pages/LP3headerBG.png) repeat-x bottom;
    font-size: 13px;
    min-height: 324px;
    padding-bottom: 60px;
    padding-top: 60px;
  }
    .LP3 H1 {
      color: black;
      font-size: 26px;
      font-weight: normal;
      margin-bottom: 0;
    }
    .LP3 H2 {
      color: black;
      font-size: 40px;
      line-height: 1.5em;
    }
    .LP3 #main-content .banner {
      bottom: -25px;
      right: 0;
      position: absolute;
      z-index: 300;
    }
    
    .LP3 #main-content .sign-up-cfa {
      display: block;
      margin-top: 24px;
      position: relative;
      left: -19px;
    }
    .LP3 #main-content .content {
      margin: 11px 0;
      width: 315px;
    }
  
  .LP3 #features {
    background: #0084C2;
    padding-bottom: 38px;
    position: relative;
    z-index: 100;
  }
  .LP3 #features.section {
  padding: 20px 42px 10px 52px;
    /*  padding-left: original padding-left minus features>li margin 
    padding-right: original padding-right minus features>li margin minus 10px to avoid potential bugs */
    width: 886px;
  }
    .LP3 #features LI {
      float: left;
      font-size: 13px;
      margin: 20px 18px;
      padding-left: 48px;
      position: relative;
      width: 208px;
    }
      .LP3 #features LI A {
        color: white;
      }
      .LP3 #features .icon {
        position: absolute;
        left: 0;
        top: 1px;
      }
      .LP3 #features H3 {
        margin-bottom: 6px;
      }
        .LP3 #features H3 A {
          color: White;
          font-size: 18px;
        }
  .LP3 #clients-list {
    padding-bottom: 14px;
    padding-top: 18px;
  }
    .LP3 #clients-list H2 {
      font-size: 20px;
      font-weight:normal;
      margin-bottom: 11px;
    }
  
  .LP3 #menu-bottom {
    color: #A1A1A1;
    padding-bottom: 30px;
    text-align: center;
  }
    .LP3 #menu-bottom LI {
      border-right: 1px solid #A1A1A1;
      display: inline;
      padding: 0 0.5em;
    }
    .LP3 #menu-bottom LI.last {
      border-right: 0;
    }
    .LP3 #menu-bottom A {
      color: #A1A1A1;
    }


/******************************************************************
    PRESS RELEASES
******************************************************************/

.Press_Releases #main .dynamic-list .item .with-image {
    padding-left: 147px;
}


/******************************************************************
    SEARCH RESULTS
******************************************************************/
.SearchResults .gsc-resultsHeader {
  display: none;
}

.SearchResults #search_results { /* .SearchResults is the body class, #search_results is the container */
  padding: 15px 0;
}


/******************************************************************
    SIGN UP ("LONG FORM")
******************************************************************/
.Sign_Up #side-menu {
    visibility: hidden;
}

.Sign_Up #main {
  padding-top: 47px;
}
  .Sign_Up #main .form .value-list LABEL {
    width: 158px;
  }

  .Sign_Up #main .form .value-list INPUT,
  .Sign_Up #main .form .value-list SELECT,
  .Sign_Up#main .form .value-list .value {
    width: 370px;
  }

  .Sign_Up #main .form .value-list SELECT.value {
    width: 382px;
  }

  .Sign_Up #main .form .value-list TEXTAREA.value {
    width: 368px;
  }
  
  .Sign_Up #main .form .value-list .url INPUT {
    width: 345px;
  }

  .Sign_Up .payment-method-selector LI {
    float: left;
    margin: 0 10px;
  }

  .Sign_Up .payment-method LEGEND {
    font-weight: bold;
  }


/******************************************************************
    SITE MAP
******************************************************************/
.Site_map .full-site-map .item {
  float: left;
  margin-bottom: 1em;
  margin-right: 1.5em;
}
  .Site_map .full-site-map .item LI {
    margin-bottom: 0.2em;
  }
    .Site_map .full-site-map .item LI UL {
      margin-bottom: 0.5em;
    }
    .Site_map .full-site-map .item LI LI {
      margin-left: 1em;
    }



/******************************************************************
  FOOTER
******************************************************************/
#footer {
  background: #fff url(../images/common/footer/bg.png) repeat-x left top;
  padding-top: 24px;
}
  #footer .inner {
    width: 949px;
  }
  
  /* Site Categories */
  #footer .site-categories {
    margin-bottom: 10px;
    margin:0 0 3px 0px;
    padding-bottom: 1em;
  }
  
    #footer .category {
      float: left;
      margin-right: 62px;
    }
    
    #footer .last-category {
      margin-right: 0;
    }
  
    #footer .category-title {
      color: #6f6f6f;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: bold;
      clear: both;
      display: block;
    }
  
    #footer .inner-menu A {
      color: #989898;
      font-size: 11px;
    }
    
    #footer .social {
      margin-top:6px;
    }
    
      #footer .social LI {
        margin-bottom:3px;
      }
      
        #footer .social A {
          display:block;
          padding-left:40px;
          line-height:30px;
          /*height: 32px; line-height: 22px;*/
        }
          /* Facebook, linked in, twitter */
          #footer .facebook {
            background: url(../images/common/sprite.png) -269px -89px no-repeat;        
          }
          #footer .linked-in {
            background: url(../images/common/sprite.png) -269px -121px no-repeat;        
          }
          #footer .twitter {
            background: url(../images/common/sprite.png) -269px -152px no-repeat;    
          }
    
          /* Facebook - Like */
          #footer .facebook-like {
            overflow: visible;
          }
            #footer .facebook-like IFRAME {
              border: none;
              overflow: hidden;
              height: 21px;
              margin: 0;
              margin-top: 2px;
              width: 114px;
            }
  /* Consumers category */
  #footer .consumers {
    border: 0px dotted #989898;
    border-width: 1px 0;
    clear: both;
    color: #595959;
    *margin-top: 1em;
    padding: 10px 0;
    *padding-top:5px;
  }
    #footer .consumers A {
      color: #989898;
      font-size: 11px;
    }
    
  /* Footer Links */
  #footer .footer-links {
    border-bottom: 1px dotted #989898;
    color: #595959;
    font-size: 11px;    
    margin-bottom: 20px;
    padding-left: 205px;
  }
    #footer .footer-links LI {
      display: inline;
      margin-left:5px;
    }
    
    #footer .footer-links A {
      color: #595959;
      margin-right:5px;
    }
    
    #footer .footer-links .copyright {
      float: right;
    }

/******************************************************************
    PACKAGE DEAL PAGE
******************************************************************/

.Package_Deal #main {
 width: 740px;
}
  .Package_Deal table {
    width: 740px;
    border-collapse: collapse;
  }
    .Package_Deal th {
      border: 1px solid #a4c0d6;
      background: #fff;    
      color: #5c5c5c;
      font-size: 14px;
      font-weight: normal;
      width: 23%;
      padding-top: 12px;
      padding-bottom: 10px;
    }
    .Package_Deal .first {
      border-left: 0;
      background: url("../images/common/table.gif") repeat-y 0 0;
    }
    .Package_Deal th.first {
      width: auto;
      background: none;
      border: 0;
    }
      .Package_Deal th h4 {
        font-size: 16px;
        font-weight: bold;
        color: #f55f12;
        text-transform: uppercase;
        margin-bottom: 6px;
      }
      .Package_Deal th strong {
        font-size: 16px;
        color: #3e3e40;
      }
    .Package_Deal .topline th {
      padding-top: 0;
      padding-bottom: 0;
    }
    .Package_Deal .relative {
      position: relative;
      padding-top: 30px;
      padding-bottom: 10px;
    }
  .Package_Deal h2 {
    font-weight: normal;
    margin-bottom: 14px;
  }
  .Package_Deal p {
    margin-bottom: 14px;
  }
  .Package_Deal .enterprise {
    text-align: right;
    margin-top: 18px;
  }
    .Package_Deal .enterprise a {
      color: #f46011;
    }
  .Package_Deal blockquote {
    color: #13a109;
    font-size: 18px;
    font-style: italic;
  }
  .Package_Deal .quote-author {
    color: #71777d;
    text-align: right;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .Package_Deal .more {
    overflow: hidden;
    font-size: 11px;
    margin-top: 5px;
  }
    .Package_Deal .more a {
      float: right;
      color: #71777d;
      background: url("../images/common/sprite.png") no-repeat scroll -269px -29px transparent;
      padding-left: 10px;
    }
  .Package_Deal td {
    border: 1px solid #a4c0d6;
    background: #fff;
    text-align: center;
    padding: 2px 15px;
    color: #5c5c5c;
  }
  .Package_Deal td.first {
    text-align: left;
  }
  .Package_Deal td.category {
    border-left: 0;
    background: url("../images/common/table.gif") repeat-y 0 0 #e4eff5;
    color: #000;
    text-align: left;
    text-transform: uppercase;
  }
  .Package_Deal .bottomline th {
    color: #000;
    font-size: 13px;
    line-height: 15px;
  }
    .Package_Deal .free {
    display: block;
    position: absolute;
    top: -5px;
    left: 50%;
    width: 124px;
    height: 23px;
    margin-left: -60px;
    background: url("../images/common/30-days-free.png") no-repeat 0 0;
    font-size: 12px;
    font-style: italic;
    overflow: hidden;
    }
    .Package_Deal .signup {
      display: block;
      width: 113px;
      height: 45px;
      text-align: center;
      color: #fff;
      background: url("../images/common/signup.button.png") no-repeat 0 0;
      margin: 0 auto;
      line-height: 40px;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      margin-top: 6px;
    }
.tooltip_container {
  position: relative;
}
.tooltip-trigger {
  color: #0c61a8;
  font-weight: bold;
  position: absolute;
  right: -7px;
  top: 0;
  cursor: pointer;
}
.tooltip {
  display: none;
  position: absolute;
  background: url("../images/common/tooltip.png") no-repeat 100% 100%;
  
  
  width:200px;
  
  overflow: hidden;
  font-size:11px;
  color:#242c2e;
  padding-bottom: 7px;
}
  .tooltip_inner {
    background:url("../images/common/tooltip.png") no-repeat;  
  }
.tooltip p {
  line-height: 11px;
  padding: 5px 15px 6px 25px;
  margin: 0;
}

  /* Table Corners */
  .Package_Deal .table-wrapper {
    position: relative;
  }
    .Package_Deal .corner-left-top,
    .Package_Deal .corner-left-top-second,
    .Package_Deal .corner-right-top,
    .Package_Deal .corner-left-bottom-second,
    .Package_Deal .corner-left-bottom,
    .Package_Deal .corner-right-bottom {
      display: block;
      position: absolute;
      width: 15px;
      height: 15px;  
      background: url("../images/common/table.png") no-repeat 0 0;    
    }  

    .Package_Deal .corner-left-top { top: 0; left: 0; }  
    .Package_Deal .corner-left-top-second { top: 0; left: 0; }
    .Package_Deal .corner-right-top { top: 0; right: 0; background-position: 100% 0; }
    .Package_Deal .corner-left-bottom-second { bottom: 0; left: 0; background-position: 0 100%; }
    .Package_Deal .corner-left-bottom { bottom: 0; left: 0; background-position: 0 100%; }
    .Package_Deal .corner-right-bottom { bottom: 0; right: 0; background-position: 100% 100%; }


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */