/*
	Variable Setup
*/
html.js fieldset.collapsible .fieldset-legend {
  background: none; }

h1.title {
  font-size: 26px;
  color: #1f4ba2;
  margin: 0 auto 20px; }

input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  line-height: 26px;
  background: #b4bdc3;
  background-color: #b4bdc3 !important;
  border: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  input[type="date"][readonly],
  input[type="datetime"][readonly],
  input[type="datetime-local"][readonly],
  input[type="email"][readonly],
  input[type="month"][readonly],
  input[type="number"][readonly],
  input[type="password"][readonly],
  input[type="search"][readonly],
  input[type="tel"][readonly],
  input[type="text"][readonly],
  input[type="time"][readonly],
  input[type="url"][readonly],
  input[type="week"][readonly] {
    background-color: transparent !important;
    border: 1px solid #f0f2f2;
    opacity: 0.75;
    font-weight: bold;
    font-size: 16px; }

textarea {
  background-color: #b4bdc3 !important; }

input[type=text]#hamburger-search {
  background-color: #fff !important; }

div[id*='edit-categories'][id*='filter'] {
  padding: 5px 10px; }

label[for="edit-field-background-und"],
form h2,
input.styled,
body.hp-standard h1,
body.hp-section h1,
body.hp-landing h1 {
  display: none; }

body.page-vehicle h2,
h2.pane-title {
  font-size: 26px !important;
  text-transform: none !important;
  font-weight: normal !important;
  white-space: nowrap;
  margin: 0 auto !important;
  padding: 20px 20px 5px !important;
  color: #1f4ba2; }

#edit-vehicle-details .form-type-checkbox {
  float: none; }

#edit-intro-message {
  margin: 0 auto 10px; }
  #edit-intro-message p {
    padding-bottom: 10px; }

span.field-prefix {
  display: block;
  clear: both;
  margin-bottom: 10px; }

#edit-privacy {
  margin-top: 20px; }
  #edit-privacy legend {
    margin-bottom: 10px; }
  #edit-privacy span.fieldset-legend {
    color: #1f4ba2;
    font-size: 13px; }
  #edit-privacy .fieldset-wrapper .form-item-privacy-statement {
    width: 100%;
    float: left; }
  #edit-privacy .fieldset-wrapper .form-item-privacy-statement label {
    float: left;
    margin-left: 24px;
    margin-top: -15px; }

#edit-privacy-statement {
  font-size: 12px !important;
  line-height: 14px;
  text-align: justify; }
  #edit-privacy-statement strong, #edit-privacy-statement a, #edit-privacy-statement p {
    font-size: 12px !important; }

form {
  clear: both;
  margin: 0 auto; }
  form .form-item-date-of-birth {
    width: 75%;
    float: left; }
    form .form-item-date-of-birth .container-inline div.form-type-select {
      display: inline-block;
      width: 33.3%;
      margin: 0;
      float: left;
      position: relative; }
      form .form-item-date-of-birth .container-inline div.form-type-select span.select,
      form .form-item-date-of-birth .container-inline div.form-type-select select.styled {
        width: 99%;
        min-width: 0 !important; }
  form fieldset {
    margin: 0 15px;
    padding-bottom: 20px; }
  form a, form label, form p, form div, form input {
    font-size: 14px; }
  form legend {
    display: block;
    margin-bottom: 0.5em; }
    form legend span {
      display: block;
      color: #333333;
      font-size: 20px; }
  form .form-item {
    margin: 0 auto 10px; }
  form label {
    font-weight: normal;
    line-height: 26px;
    margin-right: 10px;
    color: #333333;
    text-transform: none;
    clear: both; }
  form .form-type-checkboxes > label[for*='lifestyle'] {
    padding: 20px 0;
    font-weight: bold;
    color: #1f4ba2; }
  form p.mandatory_fields {
    font-size: 12px;
    color: #333333;
    text-transform: none;
    margin: 0 auto 5px; }
    form p.mandatory_fields .mandatory {
      color: red; }
  form#mysubaru-user-subscriptions-form p.mandatory_fields {
    width: 92%;
    margin: 5px auto;
    float: right;
    padding-top: 20px; }
  form input[type=text],
  form input[type=password],
  form input[type=email],
  form select,
  form textarea,
  form input[type=select],
  form span.select {
    width: 75%;
    max-width: 100%;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 10px;
    font-size: 11px;
    height: 26px;
    line-height: 1.1em;
    line-height: 26px\9; }
  form textarea {
    padding: 10px 10px;
    min-height: 100px; }
  form span.select {
    min-width: 160px;
    background: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/select-75.png) no-repeat 100% 50%;
    width: 160px;
    padding: 0 10px;
    line-height: 26px;
    height: 26px;
    position: absolute;
    overflow: hidden;
    padding: 2px 5px 0 10px; }
  form .form-item.form-type-checkbox {
    width: 49%;
    margin-top: 0;
    margin-bottom: 0;
    float: right; }
    form .form-item.form-type-checkbox input {
      float: left;
      margin-right: 10px; }
    form .form-item.form-type-checkbox label {
      width: auto;
      font-size: 12px;
      line-height: 12px; }
  form input[type=image],
  form .form-actions {
    clear: both;
    float: right;
    text-align: right; }
  form .description {
    clear: both;
    text-transform: none;
    font-size: 12px; }
    form .description a {
      font-size: 12px;
      color: #1f4ba2; }
  form .open-in-popup {
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0; }

div.service-description {
  margin: 10px auto; }

.block-vehicle-policies-list,
.block-vehicle-service-history {
  padding: 0 10px; }

p.form-description {
  text-transform: none;
  color: #333333;
  clear: both;
  margin: 10px auto; }

#edit-marketing-communications .form-type-checkbox {
  width: 100%;
  margin-left: 25px;
  clear: both; }
  #edit-marketing-communications .form-type-checkbox.form-item-survey, #edit-marketing-communications .form-type-checkbox.form-item-contact {
    margin-left: 0; }

form#mysubaru-user-contact-form .form-item.form-type-textfield.form-item-first-name,
form#mysubaru-user-contact-form .form-item.form-type-textfield.form-item-last-name {
  width: 25%;
  float: left;
  padding-left: 2%; }
  form#mysubaru-user-contact-form .form-item.form-type-textfield.form-item-first-name input,
  form#mysubaru-user-contact-form .form-item.form-type-textfield.form-item-last-name input {
    width: 100%; }
form#mysubaru-user-contact-form .form-item.form-type-select.form-item-title {
  width: 25%;
  float: left; }
  form#mysubaru-user-contact-form .form-item.form-type-select.form-item-title select {
    width: 90%; }
form#mysubaru-user-contact-form .form-item.form-type-textfield.form-item-last-name {
  clear: right; }
form#mysubaru-user-contact-form .form-item.form-type-textfield.form-item-email-address {
  clear: both; }

form#user-profile-form #edit-change-password {
  margin-left: 0;
  position: relative;
  padding-bottom: 110px; }
form#user-profile-form div.password-suggestions,
form#user-profile-form div.password-confirm,
form#user-profile-form div.password-strength {
  position: absolute;
  bottom: 0;
  float: none;
  clear: both;
  margin: 20px 0; }
form#user-profile-form div.password-strength {
  width: 25%;
  bottom: 50px; }
form#user-profile-form div.password-suggestions {
  width: 25%;
  margin-left: 30%; }
form#user-profile-form label[for="edit-pass-pass1"],
form#user-profile-form label[for="edit-pass-pass2"] {
  clear: none; }
form#user-profile-form .password-parent,
form#user-profile-form .confirm-parent {
  width: auto; }

body.context-account table.stick-header,
body.page-user-ms table.stick-header {
  background: transparent !important; }
body.context-account fieldset.collapsible,
body.page-user-ms fieldset.collapsible {
  margin-bottom: 20px;
  min-height: 50px;
  margin: 0;
  margin-bottom: 10px;
  padding-bottom: 10px; }
  body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey],
  body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new],
  body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey],
  body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] {
    padding: 0;
    margin-bottom: 0;
    float: none;
    position: relative;
    top: 5px; }
    body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey] .form-checkboxes,
    body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new] .form-checkboxes,
    body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey] .form-checkboxes,
    body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] .form-checkboxes {
      clear: both; }
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey] .form-checkboxes:after,
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new] .form-checkboxes:after,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey] .form-checkboxes:after,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] .form-checkboxes:after {
        content: "\00a0";
        display: block;
        clear: both; }
    body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey] .form-type-checkbox,
    body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new] .form-type-checkbox,
    body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey] .form-type-checkbox,
    body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] .form-type-checkbox {
      height: 26px;
      margin-top: 5px;
      margin-bottom: 5px;
      float: left; }
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey] .form-type-checkbox > label,
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new] .form-type-checkbox > label,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey] .form-type-checkbox > label,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] .form-type-checkbox > label {
        margin-top: 20px; }
    body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey] div.fieldset-wrapper,
    body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new] div.fieldset-wrapper,
    body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey] div.fieldset-wrapper,
    body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] div.fieldset-wrapper {
      background-color: transparent;
      background-color: rgba(255, 255, 255, 0.5);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF);
      zoom: 1;
      padding: 0 10px;
      padding-top: 5px;
      padding-bottom: 10px;
      border: 0; }
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey] div.fieldset-wrapper:after,
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new] div.fieldset-wrapper:after,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey] div.fieldset-wrapper:after,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] div.fieldset-wrapper:after {
        content: "\00a0";
        display: block;
        clear: both; }
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey] div.fieldset-wrapper h3,
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new] div.fieldset-wrapper h3,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey] div.fieldset-wrapper h3,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] div.fieldset-wrapper h3 {
        font-size: 18px;
        text-transform: uppercase;
        padding: 10px 0;
        clear: both; }
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey] div.fieldset-wrapper > h3:first-child,
      body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new] div.fieldset-wrapper > h3:first-child,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey] div.fieldset-wrapper > h3:first-child,
      body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] div.fieldset-wrapper > h3:first-child {
        font-size: 20px;
        color: #1f4ba2;
        padding: 20px 0;
        border-bottom: 1px solid #bdbdbd; }
    body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=survey] legend span.fieldset-legend,
    body.context-account fieldset.collapsible fieldset[id*=edit-categories][id*=new] legend span.fieldset-legend,
    body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=survey] legend span.fieldset-legend,
    body.page-user-ms fieldset.collapsible fieldset[id*=edit-categories][id*=new] legend span.fieldset-legend {
      font-size: 13px;
      line-height: 20px; }
  body.context-account fieldset.collapsible fieldset,
  body.page-user-ms fieldset.collapsible fieldset {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    margin: 0  auto;
    padding: 0 5px; }
    body.context-account fieldset.collapsible fieldset legend,
    body.page-user-ms fieldset.collapsible fieldset legend {
      padding: 0;
      float: none; }
      body.context-account fieldset.collapsible fieldset legend span.fieldset-legend,
      body.page-user-ms fieldset.collapsible fieldset legend span.fieldset-legend {
        color: #ffffff; }
        body.context-account fieldset.collapsible fieldset legend span.fieldset-legend a,
        body.page-user-ms fieldset.collapsible fieldset legend span.fieldset-legend a {
          font-size: 16px;
          line-height: 30px; }
    body.context-account fieldset.collapsible fieldset div.fieldset-wrapper,
    body.page-user-ms fieldset.collapsible fieldset div.fieldset-wrapper {
      border: 1px solid #bdbdbd;
      border-top: none;
      margin-bottom: 10px;
      padding: 0 0 20px 0; }
  body.context-account fieldset.collapsible legend,
  body.page-user-ms fieldset.collapsible legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: both;
    width: 100%;
    padding: 5px; }
    body.context-account fieldset.collapsible legend span.fieldset-legend,
    body.page-user-ms fieldset.collapsible legend span.fieldset-legend {
      background-color: #2c60aa;
      background-image: -moz-linear-gradient(to bottom #4191dc,#172e78);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4191dc), to(#172e78));
      background-image: -webkit-linear-gradient(top, #4191dc,#172e78);
      background-image: -o-linear-gradient(top, #4191dc,#172e78);
      background: linear-gradient(top, #4191dc,#172e78);
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF4191DC', endColorstr='#FF172E78');
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4191DC', endColorstr='#FF172E78')";
      zoom: 1; }
    body.context-account fieldset.collapsible legend a,
    body.page-user-ms fieldset.collapsible legend a {
      display: block;
      font-size: 20px;
      line-height: 40px;
      text-decoration: none;
      color: #ffffff; }
      body.context-account fieldset.collapsible legend a:after,
      body.page-user-ms fieldset.collapsible legend a:after {
        font-family: FontAwesome, arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        *margin-right: .3em;
        text-decoration: inherit;
        display: inline-block;
        speak: none;
        content: '\F077';
        margin-left: 5px;
        font-size: 20px;
        display: inline-block;
        float: right;
        margin-right: 10px; }
body.context-account fieldset.collapsed,
body.page-user-ms fieldset.collapsed {
  border-bottom: 0;
  padding-bottom: 5px;
  margin-bottom: 0; }
  body.context-account fieldset.collapsed legend a:after,
  body.page-user-ms fieldset.collapsed legend a:after {
    content: '\F078'; }
body.context-account .messages.status, body.context-account .messages.warning,
body.page-user-ms .messages.status,
body.page-user-ms .messages.warning {
  position: relative;
  margin: 10px 5px;
  display: inline-block !important;
  line-height: 20px; }
body.context-account .block .content table,
body.page-user-ms .block .content table {
  float: none;
  clear: both;
  margin-bottom: 0; }
  body.context-account .block .content table th.header-operations,
  body.context-account .block .content table td.row-operations,
  body.page-user-ms .block .content table th.header-operations,
  body.page-user-ms .block .content table td.row-operations {
    width: 35%; }
    body.context-account .block .content table th.header-operations input,
    body.context-account .block .content table td.row-operations input,
    body.page-user-ms .block .content table th.header-operations input,
    body.page-user-ms .block .content table td.row-operations input {
      margin-bottom: 10px; }
  body.context-account .block .content table td.row-title fieldset,
  body.page-user-ms .block .content table td.row-title fieldset {
    margin: 20px 0 0 0;
    padding: 0;
    position: relative; }
  body.context-account .block .content table td.row-title .fieldset-wrapper,
  body.page-user-ms .block .content table td.row-title .fieldset-wrapper {
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px; }
  body.context-account .block .content table td.row-title .fieldset-legend,
  body.page-user-ms .block .content table td.row-title .fieldset-legend {
    font-size: 16px;
    padding: 5px; }
  body.context-account .block .content table td.row-title .form-select-styled,
  body.page-user-ms .block .content table td.row-title .form-select-styled {
    position: relative;
    margin-bottom: 5px; }
  body.context-account .block .content table td.row-title .form-type-checkbox,
  body.page-user-ms .block .content table td.row-title .form-type-checkbox {
    margin-bottom: 5px !important;
    float: left; }
  body.context-account .block .content table td.row-title select,
  body.page-user-ms .block .content table td.row-title select {
    min-width: 120px;
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 350px; }
  body.context-account .block .content table td.row-title span.select,
  body.page-user-ms .block .content table td.row-title span.select {
    min-width: 100px;
    background: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/select-75.png) no-repeat 100% 50%;
    width: 100%;
    max-width: 350px;
    padding: 0px;
    line-height: 21px;
    height: 21px;
    position: absolute;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px; }
  body.context-account .block .content table td.row-title input,
  body.page-user-ms .block .content table td.row-title input {
    margin-right: 10px;
    display: block;
    max-width: 350px;
    padding: 0;
    margin: 0;
    padding-left: 5px;
    width: 100%; }
    body.context-account .block .content table td.row-title input[type=checkbox],
    body.page-user-ms .block .content table td.row-title input[type=checkbox] {
      margin-right: 10px !important;
      width: auto !important; }
    body.context-account .block .content table td.row-title input[type=submit],
    body.page-user-ms .block .content table td.row-title input[type=submit] {
      margin-top: 10px;
      padding: 2px 10px; }
  body.context-account .block .content table th,
  body.page-user-ms .block .content table th {
    padding: 2px 5px; }
body.context-account #edit-field-background + #edit-submit,
body.page-user-ms #edit-field-background + #edit-submit {
  float: right;
  margin-right: 7px; }

form#user-profile-form .form-item-password-confirm,
form#mysubaru-user-vehicle-details-form .form-item-password-confirm {
  margin: 0 15px; }
  form#user-profile-form .form-item-password-confirm + .mandatory_fields,
  form#mysubaru-user-vehicle-details-form .form-item-password-confirm + .mandatory_fields {
    margin: 10px 15px; }
form#user-profile-form .container-inline-date .form-item-trans-date,
form#mysubaru-user-vehicle-details-form .container-inline-date .form-item-trans-date {
  border: 0; }
form#user-profile-form .container-inline-date .date-padding,
form#mysubaru-user-vehicle-details-form .container-inline-date .date-padding {
  padding: 0; }
  form#user-profile-form .container-inline-date .date-padding .form-item-trans-date-date label,
  form#user-profile-form .container-inline-date .date-padding .form-item-trans-date-date .description,
  form#mysubaru-user-vehicle-details-form .container-inline-date .date-padding .form-item-trans-date-date label,
  form#mysubaru-user-vehicle-details-form .container-inline-date .date-padding .form-item-trans-date-date .description {
    display: none; }
form#user-profile-form fieldset,
form#mysubaru-user-vehicle-details-form fieldset {
  display: block;
  float: none; }
  form#user-profile-form fieldset legend,
  form#mysubaru-user-vehicle-details-form fieldset legend {
    margin: 20px auto; }
    form#user-profile-form fieldset legend span,
    form#mysubaru-user-vehicle-details-form fieldset legend span {
      font-size: 26px;
      text-transform: none;
      padding-top: 20px;
      font-weight: normal;
      white-space: nowrap;
      margin: 0 auto;
      color: #1f4ba2; }
  form#user-profile-form fieldset p, form#user-profile-form fieldset div.details,
  form#mysubaru-user-vehicle-details-form fieldset p,
  form#mysubaru-user-vehicle-details-form fieldset div.details {
    margin: 10px auto;
    color: #333333;
    text-transform: none; }
    form#user-profile-form fieldset p label, form#user-profile-form fieldset div.details label,
    form#mysubaru-user-vehicle-details-form fieldset p label,
    form#mysubaru-user-vehicle-details-form fieldset div.details label {
      color: #1f4ba2;
      display: inline-block;
      width: 35%;
      padding-right: 10px; }
  form#user-profile-form fieldset div.details label,
  form#mysubaru-user-vehicle-details-form fieldset div.details label {
    float: left; }
  form#user-profile-form fieldset div.details .form-type-checkbox,
  form#mysubaru-user-vehicle-details-form fieldset div.details .form-type-checkbox {
    float: left; }
    form#user-profile-form fieldset div.details .form-type-checkbox label,
    form#mysubaru-user-vehicle-details-form fieldset div.details .form-type-checkbox label {
      float: none;
      width: 100%;
      display: inline; }

.block-manage-subscriptions-form form h3 {
  font-size: 20px;
  color: #333333;
  padding-bottom: 20px; }
.block-manage-subscriptions-form form fieldset {
  display: block;
  float: none;
  clear: none; }
  .block-manage-subscriptions-form form fieldset .fieldset-description {
    text-transform: none;
    color: #333333;
    line-height: 180%; }
.block-manage-subscriptions-form form .form-item {
  margin: 5px 0;
  float: none !important; }
  .block-manage-subscriptions-form form .form-item.form-type-checkbox {
    width: auto !important; }
    .block-manage-subscriptions-form form .form-item.form-type-checkbox label {
      color: #1f4ba2;
      font-weight: bold;
      line-height: 150%; }

.ms-account-interests .form-wrapper .form-type-checkbox {
  float: left;
  margin-right: 20px; }
  .ms-account-interests .form-wrapper .form-type-checkbox label {
    font-weight: bold; }
.ms-account-interests .form-wrapper .form-type-select {
  float: left; }
  .ms-account-interests .form-wrapper .form-type-select label {
    display: none; }

.block-manage-subscriptions-form,
#user-profile-form .form-item {
  width: 96%;
  margin: 0 auto; }

.field-name-field-background input[type=radio] {
  position: absolute;
  top: -50000px;
  z-index: -1; }
.field-name-field-background label[for='edit-field-background-und'] {
  margin-left: 10px; }
.field-name-field-background label.option {
  display: inline-block;
  width: 100%;
  height: auto; }
.field-name-field-background .form-item.form-type-radio {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 24%;
  height: auto;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0 0 0 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -pie-box-shadow: none;
  behavior: url("/profiles/mysubaru/themes/custom/mysubaru_responsive/css/PIE.htc");
  -pie-watch-ancestors: 1;
  -pie-poll: true;
  font-size: 0 !important; }
  .field-name-field-background .form-item.form-type-radio label {
    line-height: 0; }
  .field-name-field-background .form-item.form-type-radio img {
    width: 100%;
    height: 115px;
    border: 1px solid #bdbdbd;
    position: relative;
    z-index: 2; }
  .field-name-field-background .form-item.form-type-radio.selected {
    -moz-box-shadow: 0 0 25px 3px #2e9bd6;
    -webkit-box-shadow: 0 0 25px 3px #2e9bd6;
    box-shadow: 0 0 25px 3px #2e9bd6;
    -pie-box-shadow: 0 0 25px 3px #2e9bd6;
    zoom: 1;
    -pie-watch-ancestors: 1;
    -pie-poll: 1;
    z-index: 1; }
    .field-name-field-background .form-item.form-type-radio.selected.not-in-use:after {
      content: '\2713';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      background: #1f4ba2;
      height: 25px;
      width: 25px;
      color: #ffffff;
      text-align: center;
      line-height: 25px;
      font-size: 18px; }
    .field-name-field-background .form-item.form-type-radio.selected img {
      border: 0; }
.field-name-field-background + input[type=submit] {
  display: block;
  clear: both; }

#edit-field-background-und {
  padding: 0 20px; }

select.styled {
  position: relative;
  width: 180px;
  height: 26px;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 5; }

.subaru-error {
  margin-bottom: 0px;
  margin-top: 0px;
  color: #db0909;
  margin-top: 0px;
  font-style: italic;
  font-size: 11px !important;
  clear: left; }

#contact-header-error {
  float: none !important;
  clear: both !important; }
  #contact-header-error .subaru-error {
    font-size: 13px; }

.update-vehicle-wrapper {
  clear: left;
  float: right;
  margin-bottom: 5px; }

.update-bg {
  margin-right: 5px; }

.view-homepage-link {
  clear: both;
  float: right;
  margin: 10px 10px 0 0; }

.update-vehicle-wrapper,
.update-details-button,
.update-bg,
.pod-order-submit,
#edit-actions .fieldset-wrapper,
mysubaru-user-subscriptions,
.container-style-backdrop {
  background-color: #3193ed;
  background-image: -moz-linear-gradient(to bottom #3193ed,#3193ed);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3193ed), to(#3193ed));
  background-image: -webkit-linear-gradient(top, #3193ed,#3193ed);
  background-image: -o-linear-gradient(top, #3193ed,#3193ed);
  background: linear-gradient(top, #3193ed,#3193ed);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF3193ED', endColorstr='#FF3193ED');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3193ED', endColorstr='#FF3193ED')";
  zoom: 1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  margin: 5px 5px 5px 0;
  padding: 8px 0;
  border: none;
  width: 135px;
  clear: both;
  text-align: left;
  display: block; }
  .update-vehicle-wrapper a,
  .update-vehicle-wrapper input[type=submit],
  .update-details-button a,
  .update-details-button input[type=submit],
  .update-bg a,
  .update-bg input[type=submit],
  .pod-order-submit a,
  .pod-order-submit input[type=submit],
  #edit-actions .fieldset-wrapper a,
  #edit-actions .fieldset-wrapper input[type=submit],
  mysubaru-user-subscriptions a,
  mysubaru-user-subscriptions input[type=submit],
  .container-style-backdrop a,
  .container-style-backdrop input[type=submit] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    display: block;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: normal;
    background: none transparent !important;
    font-weight: bolder;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    width: 135px;
    padding-left: 13px;
    text-align: left; }
    .update-vehicle-wrapper a:hover,
    .update-vehicle-wrapper input[type=submit]:hover,
    .update-details-button a:hover,
    .update-details-button input[type=submit]:hover,
    .update-bg a:hover,
    .update-bg input[type=submit]:hover,
    .pod-order-submit a:hover,
    .pod-order-submit input[type=submit]:hover,
    #edit-actions .fieldset-wrapper a:hover,
    #edit-actions .fieldset-wrapper input[type=submit]:hover,
    mysubaru-user-subscriptions a:hover,
    mysubaru-user-subscriptions input[type=submit]:hover,
    .container-style-backdrop a:hover,
    .container-style-backdrop input[type=submit]:hover {
      background: none transparent !important; }
  .update-vehicle-wrapper:hover,
  .update-details-button:hover,
  .update-bg:hover,
  .pod-order-submit:hover,
  #edit-actions .fieldset-wrapper:hover,
  mysubaru-user-subscriptions:hover,
  .container-style-backdrop:hover {
    background-color: #1958b2;
    background-image: -moz-linear-gradient(to bottom #308fea,#01207a);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#308fea), to(#01207a));
    background-image: -webkit-linear-gradient(top, #308fea,#01207a);
    background-image: -o-linear-gradient(top, #308fea,#01207a);
    background: linear-gradient(top, #308fea,#01207a);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF308FEA', endColorstr='#FF01207A');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF308FEA', endColorstr='#FF01207A')";
    zoom: 1; }

.container-style-blue input {
  -webkit-box-shadow: none;
  background: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  border: none;
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 16px;
  padding: 10px 40px;
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #185da8;
  background-image: -moz-linear-gradient(to bottom #2f9bd7,#2175b9,#011f79);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2f9bd7), to(#011f79));
  background-image: -webkit-linear-gradient(top, #2f9bd7,#2175b9,#011f79);
  background-image: -o-linear-gradient(top, #2f9bd7,#2175b9,#011f79);
  background: linear-gradient(top, #2f9bd7,#2175b9,#011f79);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF2F9BD7', endColorstr='#FF011F79');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2F9BD7', endColorstr='#FF011F79')";
  zoom: 1; }

@media screen and (max-width: 1019px) {
  form fieldset {
    display: block;
    float: none;
    clear: both; }

  form#mysubaru-user-contact-form .form-item.form-type-textfield.form-item-first-name,
  form#mysubaru-user-contact-form .form-item.form-type-textfield.form-item-last-name {
    float: none;
    text-align: left;
    width: 75% !important;
    padding-left: 0;
    margin-left: 0 !important; } }
input[type=submit][value*='Cancel'], input[type=submit].btn-edit-save, input[type=submit].button-survey-save, input[type=submit].button-survey-cancel, input[type=submit].button-create, input[type=submit].btn-ms-account-interests-toggle {
  border: 0;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-indent: -1000px;
  overflow: hidden;
  height: 26px; }
input[type=submit][value*=Weather].button-create {
  width: 201px;
  margin: 10px 0;
  background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/create-weather.jpg); }
  input[type=submit][value*=Weather].button-create:hover {
    background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/create-weather-hover.jpg); }
input[type=submit][value*=Travel].button-create {
  width: 201px;
  margin: 10px 0;
  background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/create-travel-time.jpg); }
  input[type=submit][value*=Travel].button-create:hover {
    background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/create-travel-time-hover.jpg); }
input[type=submit].btn-edit-save, input[type=submit].button-create[value*='Create and add'], input[type=submit].button-survey-save {
  width: 84px !important;
  background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/save-button.jpg); }
  input[type=submit].btn-edit-save:hover, input[type=submit].button-create[value*='Create and add']:hover, input[type=submit].button-survey-save:hover {
    background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/save-button-hover.jpg); }
input[type=submit][value*='Cancel'], input[type=submit].button-survey-cancel {
  width: 84px !important;
  background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/cancel-button.jpg); }
  input[type=submit][value*='Cancel']:hover, input[type=submit].button-survey-cancel:hover {
    background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/cancel-button-hover.jpg); }
input[type=submit].btn-ms-account-interests-toggle {
  width: 200px;
  background-position: 0 !important;
  background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/tell-us.jpg); }
  input[type=submit].btn-ms-account-interests-toggle:hover {
    background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/tell-us-hover.jpg); }
  input[type=submit].btn-ms-account-interests-toggle[value*=Update] {
    background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/update-interests.jpg); }
    input[type=submit].btn-ms-account-interests-toggle[value*=Update]:hover {
      background-image: url(/profiles/mysubaru/themes/custom/mysubaru_responsive/images/update-interests-hover.jpg); }

body.context-account-change-my-password form#user-profile-form #edit-field-first-name,
body.context-account-change-my-password form#user-profile-form #edit-field-registered {
  display: none; }

form#user-profile-form #edit-change-password label {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
  display: block; }
form#user-profile-form #edit-change-password input[type=text],
form#user-profile-form #edit-change-password input[type=email],
form#user-profile-form #edit-change-password input[type=password] {
  width: 60%;
  border: 0;
  background: #b4bdc3;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
form#user-profile-form #edit-change-password div.password-confirm {
  display: none; }
form#user-profile-form #edit-change-password .password-suggestions {
  position: relative !important; }
  form#user-profile-form #edit-change-password .password-suggestions ul li {
    list-style-type: none; }
form#user-profile-form #edit-change-password .password-strength {
  position: relative;
  margin-top: -49px;
  margin-bottom: 10px; }
  form#user-profile-form #edit-change-password .password-strength .password-strength-text {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
    text-align: center; }
  form#user-profile-form #edit-change-password .password-strength .password-strength-title {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 11px;
    display: inline-block;
    white-space: nowrap; }
  form#user-profile-form #edit-change-password .password-strength .password-strength-text {
    line-height: 26px; }
  form#user-profile-form #edit-change-password .password-strength .password-indicator {
    height: 26px;
    background: #b4bdc3; }
  form#user-profile-form #edit-change-password .password-strength .indicator.weak {
    background-color: darkred; }
  form#user-profile-form #edit-change-password .password-strength .indicator.fair {
    background-color: #ffa200; }
  form#user-profile-form #edit-change-password .password-strength .indicator.good {
    background-color: lightsteelblue; }
  form#user-profile-form #edit-change-password .password-strength .indicator.strong {
    background-color: green; }
form#user-profile-form #edit-change-password .password-strength {
  width: 39%;
  bottom: 50px;
  margin: 0;
  position: relative;
  float: right;
  margin-top: 56px; }
  form#user-profile-form #edit-change-password .password-strength .password-strength-text {
    line-height: 26px; }
  form#user-profile-form #edit-change-password .password-strength .password-indicator,
  form#user-profile-form #edit-change-password .password-strength .indicator {
    height: 26px; }
form#user-profile-form #edit-change-password .password-suggestions {
  width: 39% !important;
  float: right;
  margin-top: -50px !important;
  border: 0 !important;
  padding-left: 0 !important;
  color: #333; }

.link-view-homepage {
  float: right;
  clear: both;
  display: block;
  margin: 20px 0; }

@media screen and (max-width: 600px) {
  form .form-item-date-of-birth {
    width: 75%;
    float: left; }
    form .form-item-date-of-birth .container-inline div.form-type-select {
      display: block;
      width: 100%;
      margin: 0;
      float: none;
      clear: both;
      margin-bottom: 10px;
      position: relative; }
      form .form-item-date-of-birth .container-inline div.form-type-select span.select,
      form .form-item-date-of-birth .container-inline div.form-type-select select.styled {
        width: 99%;
        min-width: 0 !important; } }

/*# sourceMappingURL=forms.css.map */