/* ============================== */
/* ! STYLESHEET !  */
/* ============================== */



body {
  margin: 0;
  padding: 0;
  background: #cfe3fe;
  font-family: 'Arial', sans-serif;
  color: #333;
}
p, a, ul, ol, input, select, textarea {  font-family: 'Arial', sans-serif; }
body .ui-widget {
    font-family: 'Arial', sans-serif;
    color: #333;
}
p {
  font-size: 0.8em;
  color: #333;
  line-height: 19px;
}
a {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  color: #4885d6;
}
a:hover {
  color: #134585;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
.clearLeft {
    clear:left;
}

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

.mainContainer {
  padding: 0 0 20px;
  background: #fff;
  border-radius: 0 0 20px 20px;
  position: relative;
}
.mainContainer-bottomShadow {
  width: 100%;
  position: absolute;
  bottom: -66px;
  left: 0;
}
.bottomShadow {
  height: 38px;
  display: block;
  margin: 0 0 5em 0;
  position: relative;
}
.bottomShadow img {
  position: absolute;
  top: 0;
  left: 0;
}
.shadowTop-left {
  background: url('/hh2j/img/theme/left-shadow.png') no-repeat 0 0;
  width: 43px;
  height: 419px;
  display: block;
  position: absolute;
  top: 0;
  left: -43px;
}
.shadowTop-right {
  background: url('/hh2j/img/theme/right-shadow.png') no-repeat 0 0;
  width: 43px;
  height: 419px;
  display: block;
  position: absolute;
  top: 0;
  right: -43px;
}
.placeholder{
  color:#b1a9bb;
}

/*********** NAVIGATION ***********/

.callUs {
  float: right;
}
.contactNumber {
  text-align: right;
}
.contactNumber a.mobile {
  display: none;
}
.contactNumber a, .contactNumber span {
  font-size: 32px;
  color: #941727;
  font-weight: bold;
  letter-spacing: -1px;
  padding: 7px 0 0;
  display: block;
}
.contactNumber a:hover{
  color: #941727;
}
.contactNumber a.logo{
  padding:0;
  max-width:20%;
  height:auto;
  position: relative;
  display:block;
}
.contactNumber a.logo img{
    width:100% !important;
    /*height:100% !important;*/
    display:block;
}
.contactNumber p {
  color: #999;
  font-size: 0.8em;
}
#nav {
  z-index: 100;
  float: left;
  background: #4885d6;
  width: 100%;
  padding: 0.5em 0 0.7em;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow:  0px 2px 3px 0px #b7b7b7;
  box-shadow:  0px 2px 3px 0px #b7b7b7;
  margin: 0 0 1em 0;
}
.nav {
  text-align: center;
}
.nav li {
  display: inline;
}
.icon-th-list {
  font-size: 3.5em;
  line-height: .6;
  display: block;
  float: left;
  color: #c0dce8;
  background: url('/hh2j/img/theme/menu.png');
}
.nav li a {
  text-decoration: none;
  font-size: 0.8em;
  color: #fff;
}
.nav .active a {
  cursor: default;
}
.nav li a:hover {
  color: #ccc;
}
#nav_toggle li a {
  color: white;
}

#nav_toggle {
  display: none;
}
a.logo img {
  margin: 0.5em 0 0.9em;
  float: left;
}
/*********** IFRAME ***********/
.iframe-rwd{
  position: relative;
  padding-bottom: 115%;
  padding-top: 30px;
  height: 0;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling:touch;
}
.iframe-rwd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border:0;
}

/*********** ERROR ***********/

.errorPage p {
  margin: 1em 0;
}
.errorPage h2 {
  color: #666;
}

/*********** FOOTER ***********/
footer {
  text-align: center;
}
footer a, #footer a {
  font-size: 0.9em;
  font-weight: bold;
  color: #003399;
  padding: 0 0.5em;
}
footer p, .footer-p {
  color: #666;
  font-size: 0.8em;
  padding: 0.5em 0;
}
.footer-p{
  text-align: center;
}
.footer-p.acceptance{
  margin-bottom: 1em;
}

/**** IE 7&8 ****/

.ie7 #footer, .ie8 #footer{
    text-align: center;
}
.ie7 #footer p, .ie8 #footer p{
    color: #666;
    font-size: 0.8em;
    padding: 0.5em 0;
}
.ie7 #footer a, .ie8 #footer a {
  font-size: 0.9em;
  font-weight: bold;
  color: #003399;
  padding: 0 0.5em;
}

/**** IE7 ****/
.ie7 .contactNumber a.logo{
  float: left;
}
.ie7 .stepHold {
  margin-top: 20px;
}
.ie7 h3.additionTitle {
  float: none;
}
.ie7 .termsArea, .ie7 .declaration {
  margin: 2em 0 0;
}
.ie7 .payColLarge {
  width: 39%;
}
.ie7 span.cardLogos {
  margin-top: -6px;
}
.ie7 .errorMessage {
  margin: 0.8em 0 0;
  position: relative;
}
.ie7 .errorMessage p {
  float: none;
  text-align: center;
  width: 100%;
}
.ie7 .options_dropdowns select {
  margin-top: 0;
}
.ie7 .additionalCover-hold {
  position: relative;
}
.ie7 .additionalCover-hold4 {
  position: relative;
}
.ie7 .forIE {
  position: relative;
}
.ie7 .contenitore_input {
  clear: both;
}
.ie7 .contenitore_input label {
  float: none !important;
  width: 100%;
  text-align: left !important;
  display: inline-block;
}
.ie7 .greenButton {
  padding-left: 2em;
   padding-right: 2em;
}
.ie7 .claimsThreeyears .panelIntro {
  position: relative;
}
.ie7 section.priceCol-hold .priceWrapper .right,
.ie7 section.priceCol-hold .priceWrapper .left {
  margin: 2em 0;
}
.ie7 section.priceCol-hold .priceWrapper .priceCol-bottom {
  margin-top: 0.1em;
}
.ie7 .productContentsTable tr.topRow td.firstTD {
  padding-left: 10px;
}
.ie7 input[type="button"].findCar {
    margin:1px 0 0 3px;
    padding: 0.4em 0.1em;
}
.ie7 .LPeditDetails{
  display: block;
  clear:both;
  padding-top: 0.5em;
}
/**** IE8 ****/
.ie8 .app-loading {
  filter: alpha(opacity=75);
}
.ie8 .toggle4 .errorMessage {
  margin: 0.5em 0;
}

@media only screen and (max-width:995px) {

  .shadowTop-left, .shadowTop-right {
    display: none;
  }
}
@media only screen and (max-width:860px) {
  .mainContainer {
    border-radius: 0;
    -webkit-border-radius: 0;
  }
}

@media only screen and (max-width: 790px) {

  .stepHold .stepCol span.title {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  
}

@media only screen and (max-width: 580px) {
  #nav {
    position: relative;
    border-bottom: 0;
    background: #fff;
    box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0;
    padding: 0;
  }
  .nav {
    padding: 0;
    margin: 0;
    background: #4885D6;
  }
  .nav li {
    float: none;
    width: auto;
  }
  .nav li a.navLink {
    margin: 0;
    color: #fff;
    display: block;
    padding: 0.8em 0;
    border-bottom: 1px solid #4078bf;
    border-top: 1px solid #669adb;
  }
  .nav li a.first {
    border-top: 0 none;
  }
  .nav li a.last {
    border-bottom: 0 none;
  }
  .nav li a:hover {
    margin: 0;
  }
  #nav_main {
    border-radius: 0 0 4px 0;
    -webkit-box-shadow:  0px 4px 4px 0px #b7b7b7;
    box-shadow:  0px 4px 4px 0px #b7b7b7;
  }
  #nav_toggle {
    display: block;
  }
  .hide {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
  }
  .icon-th-list {
    margin: 0;
    padding:0 0.1em 0.2em;
    border-radius: 0 0 3px 3px;
    line-height: 1px;
    font-size: 3em;
    background: #4885D6 url('/hh2j/img/theme/menu.png') no-repeat center 5px;
    width: 31px;
    height: 20px;
    -webkit-box-shadow:  0px 4px 4px 0px #b7b7b7;
    box-shadow:  0px 4px 4px 0px #b7b7b7;
  }
  span.pipe {
    display: none;
  }

  .contactNumber a.logo {
    max-width: 31%;
  }
  a.number, span.number {
    display: none;
  }
  .contactNumber a.mobile {
    display: block;
    font-size: 22px;
    padding: 0.7em 0;
  }
  .contactNumber p {
    display: none;
  }
  
}