/*---------------------------------------------------------/
|	Wide Content
+---------------------------------------------------------*/
#wide_content {
  width: 100%;
  font-size: 0.8em;
  }
  #wide_content h3 {
    margin-bottom: 15px;
    }

/*---------------------------------------------------------/
|	Left Column
+---------------------------------------------------------*/
#left_col {
  width: 27%;
  float: left;
  }
  #left_col #left_col_content { padding-right: 21px; }
  #left_col #left_col_content img {
    max-width: 100%;
    height: auto;
  }


  #left_col.directories {
    float: left;
    width: 373px;
    margin-bottom: 25px;
    padding: 0;
  }
    #left-col-directories-content {
      padding: 0 26px 0 0;
    }

#left_col.directories .notice-container {
  width: auto;
}


  #left_col.register { margin-top: 20px; width: 60%; max-width: 625px; }
  #left_col.flipPadding #left_col_content {
    padding-right: 0;
    padding-left: 21px;
    }
  #subnav h3, #subnav h3 a {
    margin: 15px 0 5px 0;
    color: #b4bf34;
    }
    #subnav h3 a:hover { text-decoration: none; }
  #subnav ul {
    border-top: #ccc solid 1px;
    }
    #subnav li a {
      font-size: 1em;
      font-weight: bold;
      color: #666;
      display: block;
      padding: 11px 0 10px 12px;
      border-bottom: #ccc solid 1px;
      background: url(../graphics/list_arrow.png) no-repeat 0 15px;
      }
      #subnav li li a {
        background-position: 0 13px;
        }
      #subnav li ul {
        padding-left: 20px;
        border: none;
        border-bottom: #ccc solid 1px;
        }
      #subnav li li a { font-size: 16px; padding: 9px 0 8px 12px; border: none; }
      #subnav li a:hover, #subnav li a.active { text-decoration: none; color: #09c; background-position: 0 -180px; }
      #subnav li li a:hover, #subnav li li a.active { text-decoration: none; color: #09c; background-position: 0 -182px; }


/* -- Subnav - Mobile -- */

#subnav_menu_mobile {
  display: none;
  clear: both;
  margin: 0 0 22px 0;
}
  #subnav_menu_mobile ul { display: none; }
  #subnav_menu_mobile_current {
    position: relative;
    display: block;
    font: 18px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: url(../graphics/bg_sub_nav_mobile_current_item_tile.png) 0 100% repeat-x;
    border: 1px solid #949c3c;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/pie/PIE.htc);
  }
    #subnav_menu_mobile_current span {
      display: block;
      padding: 8px 0 7px 0;
      background: url(../graphics/bg_sub_nav_mobile_current_item_arrow.png) 100% 0 no-repeat;
      cursor: pointer;
    }
    .expanded #subnav_menu_mobile_current span { background-position: 100% -123px; }

  #subnav_menu_mobile ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
    #subnav_menu_mobile ul li {
      float: none;
      clear: both;
      padding: 0;
      margin: 0;
    }
      #subnav_menu_mobile ul li a {
        display: block;
        padding: 7px 10px 7px 10px;
        color: #666;
        font: 16px Arial, Helvetica, sans-serif;
        text-align: center;
        background: #ededed;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
      }
        #subnav_menu_mobile ul li a:hover { background: #e3e3e3; text-decoration: none; }
        #subnav_menu_mobile ul li.active-trail a { font-weight: bold; }

  .notice-container {
    font-family: arial;
    line-height: 20px;
    padding: 25px 15px 0;
    width: 35%;
    color: #7e7e7e;
    font-size: 0.75em;
    }

/*---------------------------------------------------------/
|	Right Column
+---------------------------------------------------------*/
#right_col {
  width: 73%;
  float: left;
  }
  #right_col div.content {
    font-size: 0.8em;
  }

  #right_col h1, #left_col h1 {
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
    }
  #right_col h3, #right_col h4, #left_col h3, #left_col h4 {
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 21px;
    }
  #right_col.directories {
    float: none;
    margin-top: 20px;
    margin-left: 373px;
    width: auto;
  }
  #right_col.directories h3 { font-size: 1.5em; line-height: 100%; }

  #right_col.register { width: 33%; float: right; }
  #right_col ul {
    margin: 0 0 20px 20px;
    }
  #right_col li {
    font-family: Verdana;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    background: url(../graphics/content_list_arrow.png) no-repeat 0 7px;
    padding-left: 15px;
    }
    #right_col div.error li { color: #fff; background: url(../graphics/content_list_arrow_white.png) no-repeat 0 7px; }
    #right_col div.status a { color: #900; }
  #right_col.right_col_wide { width: 960px; }
    #right_col .messages li { color: #fff; }
    #right_col .messages a { color: #ccc; }

/*---------------------------------------------------------/
|	CTAS
+---------------------------------------------------------*/
#cta_container {
  margin-top: 40px;
  }
  #cta_container div.cta {
    float: left;
    display: block;
    margin: 0 22px 30px 0;
  }
  .cta {
    position: relative;
    }
    .cta img {
      max-width: 100%;
      height: auto;
    }
    .cta h2 { padding-bottom: 3px; }
    .cta h2 a {
      font-size: 22px;
      color: #666;
      margin-top: 8px;
      line-height: 30px;
      }
      .cta h2 a:hover { text-decoration: none; }
    .cta p {
      font-size: 13px;
      color: #666;
      margin: 10px 0;
      }
    .cta .img_frame_sm {
      position: absolute;
      top: 0;
      left: 0;
      background: url(../graphics/img_frame_sm.png) no-repeat;
      width: 230px;
      height: 110px;
      }

.field-field-ctas .even .cta { margin: 0 9px; }

/*---------------------------------------------------------/
|	Expandable List
+---------------------------------------------------------*/
#right_col .expandable ul {
  margin: 0;
  }
#right_col .expandable li {
    background: none;
    padding: 0;
    border-bottom: #ccc solid 1px;
  }
  #right_col .expandable li a.expand_btn {
    font-size: 17px;
    font-weight: bold;
    color: #666;
    display: block;
    padding: 11px 0 10px 12px;
    background: url(../graphics/list_arrow.png) no-repeat 2px 18px;
  }
    #right_col .expandable li a.firstItem { padding-top: 0; background-position: 2px 7px; }
    #right_col .expandable li a:hover { text-decoration: none; color: #09c; background-position: 2px -177px; }
      #right_col .expandable li a.firstItem:hover { background-position: 2px -188px; }

.collapsed_content {
  margin-left: 12px;
  display: none;
  }
  .collapsed_content p {
    color: #454;
    }

#right_col .expandable li a.open {
  color: #09c; background-position: 0 -375px;
  }
#right_col .expandable li a.firstItem.open {
  color: #09c; background-position: 0 -386px;
  }

/*---------------------------------------------------------/
|	Directory Results
+---------------------------------------------------------*/
#future-optout-wrapper {
	margin-left: 9px;
}
#directory-results.directories_table { border: none; }

#directory-results {
  border-top: 2px solid #e8e8e5;
  margin: 27px 0 0 0;
  padding: 0;
  vertical-align: top;
}


#optout_all {
    position: relative;
    display: inline-block;
    padding: 7px 13px;
    margin: 0 5px 0 0;
    background: url(../graphics/btn_cta_green.png) repeat-x;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/pie/PIE.htc);
    line-height: 21px;
  }
  #optout_all:hover { background: #858e27; text-decoration: none; }

.zip_style {
  color: #666;
  font-style: italic;
  }
.directory_results {
  display: block;
  float: left;
  padding-top: 25px;
  width: 50%;
  overflow: hidden;
  }
  .directory_results .directory_results_inner {
    margin: 0 15px 0 0;
    min-height: 119px;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #e8e8e5;
  }
  #directory-results.directories_table .directory_results .directory_results_inner { min-height: 166px; }
  .noBorder .directory_results_inner,
  .lastDirectory .directory_results_inner { border-bottom: 2px solid #fff; }

  .directory_results label {
    color: #666;
    font-weight: bold;
    font-family: Verdana;
    font-size: 12px;
    }
  #directory-results h4 {
    position: relative;
    top: -2px;
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    color: #666;
    font-weight: bold;
    word-break: break-all;
    }
  .resultPadding {
    /* padding: 18px 0; */
  }
  .directory_img {
    float: left;
    position: relative;
    width: 95px;
    min-height: 104px;
    }
      .directory_img img {
        max-width: 84%;
        height: auto;
      }
     #selection-select-directories-form .directory_img {
       width: 137px;
       min-height: 150px;
     }
    .none_selected {
      width: 100px;
      height: 125px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 6;
      display: none;
      background: url(../graphics/bg_none_selected.png) repeat;
      }
      .none_selected p {
        font-weight: bold;
        color: #fff;
        font-size: 15px;
        position: absolute;
        top: 38px;
        left: 20px;
        text-align: center;
        }
      .none_selected img {
        position: absolute;
        top: 0;
        left: 0;
        }
    .img0 { position: absolute; top: 0; left: 0; z-index: 5; }
    .img1 { position: absolute; top: 10px; left: 10px; z-index: 4; }
    .img2 { position: absolute; top: 20px; left: 20px; z-index: 3; }
    .bwimg1, .bwimg2 {
      position: absolute;
      display: none;
      opacity: .3;
      filter:alpha(opacity=30);
      -moz-opacity:0.3;
      -khtml-opacity: 0.3;
      }
    .bwimg0 {
      top: 0;
      left: 0;
      z-index: 5;
      position: absolute;
      display: none;
      }
    .bwimg1 { top: 10px; left: 10px; z-index: 4; }
    .bwimg2 { top: 20px; left: 20px; z-index: 3; }
    .defaultCover {
      background: url(../graphics/default_directory_cover.png) no-repeat;
      width: 70px;
      height: 80px;
      text-align: center;
      color: #fff;
      font-size: 0.7em;
      font-weight: bold;
      padding: 10px 5px;
      overflow: hidden;
      -moz-box-shadow: 3px 3px 5px #777;
      -webkit-box-shadow: 3px 3px 5px #777;
      box-shadow: 3px 3px 5px #777;
      /* For IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#777777')";
      /* For IE 5.5 - 7 */
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#777777');
    }
  .directory_txt { margin-left: 95px; }
     #selection-select-directories-form ..directory_txt { margin-left: 137px; }
    .directory_txt a {
      font-size: 16px;
      color: #b9c341;
      }
  .directory_results img {
    -moz-box-shadow: 3px 3px 5px #777;
    -webkit-box-shadow: 3px 3px 5px #777;
    box-shadow: 3px 3px 5px #777;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#777777')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#777777');
    }
.directories_table input[type=submit] { border: none; }
.directories_table #edit-save {
  height: auto;
  }
.directories_table #edit-confirm, .directories_table #edit-edit { width: 100px; height: 31px; }
.directories_table #edit-confirm { background: url(../graphics/btn_confirm_changes.png) no-repeat; margin: 0 10px 0 60px; }
.directories_table #edit-edit { background: url(../graphics/btn_edit_changes.png) no-repeat; }

#directories-email-pass-cont {
  display: inline-block;
  width: 100%;
}
  #directories-email-pass-cont .directories-login-field {
    display: inline-block;
    width: 48%;
  }

.directories .graybox_content .login_form input[type="text"],
.directories .graybox_content .login_form input[type="password"] {
  width: 78%;
}

.directories .graybox_content .login_form { width: 100%; }

.autoWidth { width: auto; }

#cta-directories-register-now {
  clear: both;
  padding-top: 28px;
  font-size: 0.9em;
}
#cta-directories-register-now a {
  color: #70cde3;
  font-weight: bold;
}

#mobile-directories-bottom-notices {
  display: none;
  clear: both;
  border-top: 1px solid #e8e8e5;
  padding: 1px 0 0 0;
}

.selection-button-options {
  clear: both;
  padding: 15px 0;
  vertical-align: top;
}
  .selection-button-options a,
  .selection-button-options input { vertical-align: top; margin-bottom: 5px !important; min-height: 21px; }

/*---------------------------------------------------------/
|	Zipcode CTA
+---------------------------------------------------------*/

#zipcode_cta {
  clear: both;
  background: url(../graphics/bg_zipcode_cta.jpg) no-repeat;
  max-width: 960px;
  min-height: 100px;
  position: relative;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url(/pie/PIE.htc);
  }
  #zipcode_cta_contents {
    margin: 0 auto;
    padding: 20px;
    max-width: 545px;
    width: auto;
  }
  #zipcode_cta h3 {
    color: #fff;
    font-size: 20px;
    }
  #zipcode_cta .form-item { margin: 0; padding: 0; }
  #zipcode_cta #edit-zipcode-wrapper {
    float: left;
    display: block;
    width: 63%;
  }
  #zipcode_cta_form {
    padding: 10px 6px 0 6px;
    margin: 0 0 18px 0;
    min-height: 50px;
    text-align: center;
    background: url(../graphics/bg_zipcode_cta_center_tile.png) repeat-x;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/pie/PIE.htc);
  }
  #zipcode_cta .textfield {
    width: 95%;
    margin: 0 auto;
  }
    #zipcode_cta .textfield input[type=text] {
      position: relative;
      display: inline-block;
      padding: 7px 10px 5px 10px;
      margin: 0;
      font-size: 17px;
      color: #666;
      width: 90%;
      border: 3px solid #fff;
      background: #fff url(../graphics/bg_input_gradient_tile.png) repeat-x;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
      behavior: url(/pie/PIE.htc);
    }
    #zipcode_cta .textfield input[type=submit],
    #zipcode_cta .select_directories_btn {
      display: inline-block;
      padding: 10px 15px 9px;
      margin: 0;
      width: auto;
      height: auto;
      color: #fff;
      font-weight: bold;
      font: bold 15px Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      border: none;
      text-decoration: none;
      background: url(../graphics/b_blue_cta.png) repeat-x;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
      behavior: url(/pie/PIE.htc);
      }
      #zipcode_cta .textfield input[type=submit]:hover,
      #zipcode_cta .select_directories_btn:hover { background-position: 0 -100px; }

/*---------------------------------------------------------/
|	Gray CTA's
+---------------------------------------------------------*/

.blue-btn {
  display: inline-block;
  padding: 7px 10px 6px;
  margin: 0;
  width: auto;
  height: auto;
  color: #fff;
  font-weight: bold;
  font: bold 14px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  border: none;
  text-decoration: none;
  background: url(../graphics/b_blue_cta.png) repeat-x;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(175, 175, 175, 0.9);
  box-shadow: 0px 2px 3px 0px rgba(175, 175, 175, 0.9);
  behavior: url(/pie/PIE.htc);
}
  .blue-btn:hover { background-position: 0 -100px; text-decoration: none; }

#already_registered_mobile {
  display: none;
  text-align: center;
  margin: 0 0 26px 0;
}
  #already_registered_mobile h1 {
    font-family: Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    display: inline-block;
    font-size: 19px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    }

.graybox {
  margin-top: 20px;
  }
  .graybox h4 {
    font-size: 21px;
    line-height: 21px;
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .graybox label, .graybox div.description { display: none; }

  .graybox_content {
    padding: 10px 18px 4px;
    background: #ebebeb url(../graphics/bg_grey_box_tile.png) repeat-x;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(219, 219, 219, 1);
    box-shadow: inset 0px 0px 5px 0px rgba(219, 219, 219, 1);
    behavior: url(/pie/PIE.htc);
    }
    #register-form-container{
      background-color: #EDEDED;
      }
    .graybox_content #register-now { margin: 12px 10px 0 0; }
    .graybox_content .blueLink { font-size: 0.6em; font-weight: bold; }
    .graybox_content .login_form {
      position: relative;
      width: 88%;
      margin-top: 15px;
      min-height: 90px;
      }
      .graybox_content .login_form input[type=text], .graybox_content .login_form input[type=password] {
        position: relative;
        display: inline-block;
        padding: 4px 17px 4px 8px;
        margin: 0 0 9px 0;
        width: 90%;
        font-size: 12px;
        color: #666;
        border: 2px solid #fff;
        background: #fff url(../graphics/bg_input_gradient_tile.png) repeat-x;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
        box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
        behavior: url(/pie/PIE.htc);
        }
      .graybox_content .login_form input[type=submit] {
        margin: 5px 10px 10px 0;
        }
      .graybox_content .login_form #edit-name { }
      .graybox_content .login_form #user-login-form { text-align: left; }
      .graybox_content .login_form .item-list { position: absolute; top: 120px; left: 0; }
        .login_form .item-list a { font-size: 11px; font-family: Arial; line-height: 10px; }

.b-graybox-new-password {
  display: block;
  float: right;
  padding: 13px 0 0 0;
  font: 0.7em Arial, Helvetica, sans-serif;
}

/*---------------------------------------------------------/
|	User Registration Form
+---------------------------------------------------------*/
.user_registration {}
.user_registration .form-required { display: none; }
  .user_registration th {
    text-align: left;
    }
  .user_registration .form-item { margin-top: 0; }
  .user_registration .row { white-space: nowrap; }

  .user_registration form#user-login .large_textfield {
    display: block;
    width: auto;
  }

  .user_registration .large_textfield,
  .user_registration .row #edit-state-wrapper {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 50%;
    vertical-align: top;
    }
  .user_registration .row div.captcha {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 50%;
    white-space: normal;
  }

  #register-confirm-cont {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 50%;
    white-space: normal;
    vertical-align: top;
  }

    .user_registration .management {
      color: #0099cc;
      white-space: normal;
      font-size: 15px;
      margin: 10px 0;
      font-weight: bold;
      font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
      .user_registration .management a { color: #006586; text-decoration: underline; }
    .user_registration .large_textfield .description { margin-top: 7px; }

  .user_registration .phone_label { margin-bottom: 2px; }
  .user_registration .area_code_textfield, .user_registration .phone_textfield {
    display: inline-block;
    *display: inline;
    zoom: 1;
    }
    .user_registration .area_code_textfield input[type=text],
    .user_registration .phone_textfield input[type=text] { width: auto; }

    .user_registration .area_code_textfield {
      padding: 0 13px 0 0;
      background: url(../graphics/bg_phone_dash.png) 100% 0 no-repeat;
    }

  .user_registration .zipcode_textfield { width: 176px; }
  .user_registration .change_password_textfield { min-height: 133px; }
    .user_registration .change_password_textfield .form-text { margin-bottom: 15px; }
  #edit-captcha-response-wrapper { max-width: 200px; min-height: 83px; }
    .user_registration #edit-captcha-response-wrapper .description { margin-top: 7px; }

  .user_registration input[type=text],
  .user_registration input[type=password] {
    position: relative;
    display: inline-block;
    padding: 4px 17px 4px 8px;
    margin: 0;
    font-size: 12px;
    color: #666;
    width: 84%;
    border: 2px solid #fff;
    background: #fff url(../graphics/bg_input_gradient_tile.png) repeat-x;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
    box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
    behavior: url(/pie/PIE.htc);
    }

  .user_registration input[type=text].error,
  .user_registration input[type=password].error,
  .user_registration textarea.error { border-color: red; }

  .user_registration label {
    margin: 0 0 1px 0;
    padding: 0;
    color: #666;
    font-weight: normal;
    font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
    }

  #mobile-already-registered-form-break { clear: both; display: none; }
  #register-email-pass-cont { display: inline-block; }
    #register-email-pass-cont .field-register-already { display: inline-block; width: 98%; }

  .user_registration #edit-age-wrapper label { font-size: 0.75em; }
  #register-confirm-cont p { font-size: 0.75em; }

  .user_registration form#user-pass .form-submit { display: block; }
  .user_registration .form-submit {
    display: inline-block;
    padding: 7px 10px 6px;
    margin: 0 5px 0 0;
    width: auto;
    height: auto;
    color: #fff;
    font-weight: bold;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    background: url(../graphics/b_blue_cta.png) repeat-x;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(175, 175, 175, 0.9);
    box-shadow: 0px 2px 3px 0px rgba(175, 175, 175, 0.9);
    behavior: url(/pie/PIE.htc);
  }
    .user_registration .form-submit:hover { background-position: 0 -100px; text-decoration: none; }

  .b-mobile-registered-login {
    display: none;
    padding: 7px 10px 6px;
    margin: 0 5px 0 0;
    width: auto;
    height: auto;
    color: #fff;
    font-weight: bold;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    background: url(../graphics/b_blue_cta.png) repeat-x;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
    box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
    behavior: url(/pie/PIE.htc);
  }
    .b-mobile-registered-login:hover { background-position: 0 -100px; text-decoration: none; }

  .user_registration #edit-delete { float: left; }
    .user_registration #edit-submit.password_recovery { margin-top: 20px; }
    .user_registration #edit-submit.user_profile_edit { margin: 20px auto 10px auto; }
    .user_registration #edit-submit.btn_change_password { }
    .user_registration #edit-submit.btn_user_login { margin-top: 20px; }
    .user_registration #user-pass-reset #edit-submit { background: url(../graphics/bg_login_btn.png) no-repeat; width: 79px; padding-top: 40px; }

  #phoneTip.toolTip { margin-top: -104px; }
  .user_registration .toolTip{
    white-space: normal;
    display:none;
    padding:2px 3px;
    margin-top:-90px;
    width:330px;
    position:absolute;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
    background:#F7E6E8;
    border:1px solid #C94324;
    color:#905733;
    z-index: 90;
    }
  .user_registration .showTooltip{
    display:inline;
    }

  .user_registration .addressBar{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #E3E6AC;
    font-size: 16px;
    height: 60px;
    width: 100%;
    padding: 15px 0;
    text-align:center;
    margin-bottom: 10px;
  }

  .user_registration .addressBar p a{
  margin: 10px 0 0 0;
  display: block;
  }

  .user_registration .showListings{
    background: url("../graphics/btn_show_directories.png") no-repeat scroll 0 0 transparent;
        margin:auto;
        width: 191px;
        height: 31px;
        cursor: pointer;
        margin-top: 4px;
  }

.change_address {}

.change_address #edit-submit.user_address_edit { margin: 10px auto 0 auto; }
.change_address .form-submit {
  display: inline-block;
  padding: 7px 10px 6px;
  margin: 0;
  width: auto;
  height: auto;
  color: #fff;
  font-weight: bold;
  font: bold 14px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  border: none;
  text-decoration: none;
  background: url(../graphics/b_blue_cta.png) repeat-x;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(175, 175, 175, 0.9);
  box-shadow: 0px 2px 3px 0px rgba(175, 175, 175, 0.9);
  behavior: url(/pie/PIE.htc);
}
  .change_address .form-submit:hover { background-position: 0 -100px; text-decoration: none; }

  .addressEdits{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #E3E6AC;
    padding: 15px;
    width: 100%;
    font-size: 0.9em;
    min-height: 35px;
    margin-bottom: 15px;
  }
    .addressEdits table{
      margin: auto;
    }
    .addressEdits th{
      text-align:left;
      width: 12%;
    }
    .addressEdits .address{
      text-align:left;
      width: 30%;
    }
    .addressEdits td{
      vertical-align:top;
    }
    .addressEdits .img{
      text-align: right;
      vertical-align: middle;
      width: 170px;
    }

.address_list{
  margin:auto;
  width:80%;
  background-color:#e3e6ac;
  cursor:pointer;
  font-size:16px;
  text-align:center;
  padding: 20px 0;
}

span.label-optional {
  color: #8f1111;
  font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-style: italic;
}

#directory-selections {
  padding: 0 0 10px 0;
}

.messages.warning.address {
  position: static;
  }
#addressVerification {
  font-size: 13px;
  }
  #addressVerification > div {
    color: #B4BF34;
    font-size: 15px;
    font-weight: bold;
    }
  #addressVerification table td {
    padding: 10px 0;
    border-top: 1px solid #dddddd;
    }
  #addressVerification .addressRadio {
    width: 7%;
    vertical-align: top;
    padding-right: 0;
    }
    #addressVerification .addressRadio input {
      margin: 0;
      }
  #addressVerification .unverified {
    color: #0070A3;
    }
.ui-dialog .ui-dialog-buttonpane { font-size: 13px; }
#verificationHelp {
  bottom: 17px;
  left: 10px;
  position: absolute;
  }

#user-profile-form div.phoneTooltip {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

/*---------------------------------------------------------/
|	Frequently Asked Questions - FAQ
+---------------------------------------------------------*/
.faq{
  color: #666666;
}
.faq-question{
  font-size: 17px;
  font-weight: bold;
  padding: 11px 0 10px 12px;

}
  .faq-question a{
    color: #666666;
  }
  .faq-question a:hover{
    color: #0099CC;
     text-decoration:none;
  }


/*---------------------------------------------------------/
|	Flipping Book
+---------------------------------------------------------*/
#fbNav {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  }
  #fbNav li {
    float: none;
    display: inline-block;
    margin: 0 20px;
    min-height: 32px;
    vertical-align: top;
  }
#fbPages {
  color: #666;
  font-weight: bold;
  }
#fbContent { position: relative; height: 560px; }
#book_shadow {
  width: 826px;
  height: 534px;
  padding: 7px 11px 15px 11px;
  background: url(../graphics/bg_sustainability_report.png) no-repeat;
  margin: 20px auto 0 auto;
  }
  #leftPage {
    width: 826px;
    height: 534px;
    overflow: hidden;
    position: relative;
    display: block;
    }
    #leftPage ul { position: absolute; top: 0; left: 0; z-index: 5; }
    #leftPage li { display: block; height: 534px; width: 413px; float: left; }
#fbContent2 { position: relative; text-align: center; }

#book_shadow2 {
  position: relative;
  margin: 20px auto 0 auto;
  width: 72%;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
  behavior: url(/pie/PIE.htc);
  }
  #leftPage2 {
    position: relative;
    display: block;
    padding: 10px;
  }
    #leftPage2 ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }
      #leftPage2 li {
        display: none;
        margin: 0;
        padding: 0;
        background: none;
      }
        #leftPage2 li a { position: relative; }
          #leftPage2 li img {
            position: relative;
            max-width: 100%;
            height: auto;
          }

.leftSideBtn { top: 40%; left: 0; position: absolute; }
.rightSideBtn { top: 40%; right: 0; position: absolute; }

.nav-book-controls ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
  .nav-book-controls ul li {
    margin: 0;
    padding: 0;
    background: none;
  }
    .nav-book-controls ul li a.flex-prev {
      position: absolute;
      top: 40%;
      left: 0;
      display: block;
      width: 36px;
      height: 40px;
      line-height: 40px;
      text-align: left;
      text-indent: -9999px;
      outline: none;
      overflow: hidden;
      cursor: pointer;
      background: url(../img/white_btnPrevious.gif) 100% 0 no-repeat;
    }
    .nav-book-controls ul li a.flex-next {
      position: absolute;
      top: 40%;
      right: 0;
      display: block;
      width: 36px;
      height: 40px;
      line-height: 40px;
      text-align: left;
      text-indent: -9999px;
      outline: none;
      overflow: hidden;
      cursor: pointer;
      background: url(../img/white_btnNext.gif) 0 0 no-repeat;
    }

/*---------------------------------------------------------/
|	Feedback Form
+---------------------------------------------------------*/

.webform-client-form #edit-submit {
  display: inline-block;
  padding: 7px 10px 6px;
  margin: 0 5px 0 0;
  width: auto;
  height: auto;
  color: #fff;
  font-weight: bold;
  font: bold 14px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  border: none;
  text-decoration: none;
  background: url(../graphics/b_blue_cta.png) repeat-x;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(175, 175, 175, 0.9);
  box-shadow: 0px 2px 3px 0px rgba(175, 175, 175, 0.9);
  behavior: url(/pie/PIE.htc);
}
  .webform-client-form #edit-submit:hover { background-position: 0 -100px; text-decoration: none; }

.webform-client-form label,
#change-address-form label {
  margin: 0 0 2px 0;
  padding: 0;
  color: #666;
  font-weight: normal;
}

.webform-client-form input.form-text,
.webform-client-form textarea.form-textarea,
#change-address-form input.form-text {
  position: relative;
  display: inline-block;
  padding: 4px 17px 4px 8px;
  margin: 0;
  font-size: 12px;
  color: #666;
  width: 80%;
  border: 2px solid #fff;
  background: #fff url(../graphics/bg_input_gradient_tile.png) repeat-x;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
  box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
  behavior: url(/pie/PIE.htc);
}

.webform-client-form input.form-text.error,
.webform-client-form textarea.form-textarea.error{ border-color: red; }

.webform-client-form input.error,
.webform-client-form textarea.error { border-color: red; }

#feedback-form-dropdown-cont {
  clear: both;
  padding: 0 0 40px 0;
}

#feedback-form-dropdown-cont ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
  #feedback-form-dropdown-cont ul li {
    position: relative;
    float: none;
    display: block;
    padding: 0;
    margin: 0;
    background: none;
  }
  #feedback-form-dropdown-cont ul li#feedback-form-current-item {
    position: relative;
    display: block;
    padding: 4px 8px 4px 8px;
    margin: 0;
    font-size: 12px;
    color: #666;
    width: 60%;
    border: 2px solid #fff;
    background: #fff url(../graphics/bg_input_gradient_tile.png) repeat-x;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
    box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.9);
    behavior: url(/pie/PIE.htc);
  }
    #feedback-form-dropdown-cont ul li#feedback-form-current-item a.feedback-form-current-item-selected {
      display: block;
      color: #666;
      text-decoration: none;
      background: url(../graphics/bg_arrow_feedback_form.png) 100% 7px no-repeat;
    }
    #feedback-form-dropdown-cont ul li#feedback-form-current-item.dropdown-hover a.feedback-form-current-item-selected {
      color: #999;
      opacity: 0.7;
      filter:alpha(opacity=70);
    }

#feedback-form-dropdown-list-cont {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 20;
}
  #feedback-form-dropdown-list-cont ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
    #feedback-form-dropdown-list-cont ul li {
      float: none;
      display: block;
      margin: 0;
      padding: 0;
      background: none;
    }
      #feedback-form-dropdown-list-cont ul li a {
        display: block;
        padding: 4px 8px;
        background: #EDEDEB;
        color: #666;
        text-decoration: none;
        font-weight: bold;
      }
        #feedback-form-dropdown-list-cont ul li a:hover { background: #DBDBD6; text-decoration: none; }








.webform-client-form span.form-required { display: none !important; }

/*---------------------------------------------------------/
|	Globals
+---------------------------------------------------------*/
.noMargin { margin: 0; }
.noBottomMargin { margin-bottom: 0; }
.noPadding { padding: 0; }
.noBorder { border: none; }
.smallText { font-size: 9px; line-height: 9px; padding: 0; margin: 0; }
legend a {
  text-decoration: none;
  outline: none;
  color: #09c;
  }
  legend a:hover { text-decoration: underline; color: #09c !important; }
fieldset { background: none; }