/* 
    Document   : main.css
    Created on : Nov 5, 2012, 3:53:26 PM
    Author     : SalindaDias
    Description:
        Purpose of the stylesheet follows.
*/
@font-face {
    font-family: 'webfontregular';
    src: url('square_721_bt-webfont.eot');
    src: url('square_721_bt-webfont.eot?#iefix') format('embedded-opentype'),
        url('square_721_bt-webfont.woff') format('woff'),
        url('square_721_bt-webfont.ttf') format('truetype'),
        url('square_721_bt-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
    background-color: #d1dbe1;
    font-family: webfontregular !important;
    margin: 0px;
    font-size: 12px;
    line-height: 18px;
}
h3{
    margin: 0px;
}
h4{
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 16px;
    color: #5B5B5B;
}
a{
    color: inherit;
    text-decoration: none;
}

input {
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    border-radius: 1px;
    padding: 2px;
    font-family: webfontregular !important;
}
textarea {
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    border-radius: 1px;
    font-family: webfontregular !important;
}
select{
    font-family: webfontregular !important;
    color: #a1a1a1;
}
.regular-radio {
    display: none;
}

.regular-radio + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    display: inline-block;
    position: relative;
}

.regular-radio:checked + label:after {
    content: ' ';
    width: 7px;
    height: 7px;
    position: absolute;
    top: 3px;
    background: #99a1a7;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}

.regular-radio:checked + label {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
    padding: 10px;
}

.big-radio:checked + label:after {
    width: 12px;
    height: 12px;
    border-radius: 10px;
    left: 4px;
    top: 4px;
}

.otherDET{
    min-width: 98%;
    min-height: 73px;
    max-height: 73px;
    max-width: 98%;
    margin: 2px;
    width: 300px;
    height: 87px;
    resize: none;
    padding: 4px;
    color: #a1a1a1;
}

#container{
    width: 940px;
    margin: auto;    
}
.verticleNone{
    float: right;
    list-style: none;
    margin-top: 3px;
}
#telNO {width:15px;height:30px;background-repeat:no-repeat;background-image:url(../images/phone.png);margin-top: 3px;}
#email {width:45px;height:30px;background-repeat:no-repeat;background-image:url(../images/mail.png);margin-top: 4px;}

#mainLogo {width:293px;height:218px;background-position:-2px -0px;background-repeat:no-repeat;background-image:url(../images/H2Hsprite.png);}
#menu{background-color: #5B5B5B;
      padding: 0px;
      padding-top: 2px;
      padding-bottom: 0px;
      color: white;
      float: right;
      width: 670px;
      position: relative;
      top: -145px;
      border-radius: 0px 0px 0px 20px;}
#menu li{
    margin-left: -3px;
    cursor: pointer;
    padding: 10px;
    font-size: 14px;
    padding-left: 15px;
padding-right: 15px;
}
#arrow{width:27px;height:16px;background-position:-312px -63px;background-repeat:no-repeat;background-image:url(../images/H2Hsprite.png);position: relative;
       top: -65px;
       left: -65px;}
#bottomText{
    color: #EFE4DE;
    position: relative;
    top: -25px;
    text-align: center;
    width: 155px;
    margin-top: 10px;
}
#broch{width:32px;height:33px;background-position:-308px -83px;background-repeat:no-repeat;background-image:url(../images/H2Hsprite.png);float: left;}
#testo {width:30px;height:34px;background-position:-313px -123px;background-repeat:no-repeat;background-image:url(../images/H2Hsprite.png);float: left;}
#fq {width:38px;height:33px;background-position:-348px -0px;background-repeat:no-repeat;background-image:url(../images/H2Hsprite.png);float: left;margin-top: 6px;
     margin-left: 8px;}
#qr{width:38px;height:29px;background-position:-347px -33px;background-repeat:no-repeat;background-image:url(../images/H2Hsprite.png);float: left;}
#footerLogo {width:185px;height:140px;background-position:-37px -235px;background-repeat:no-repeat;background-image:url(../images/H2Hsprite.png);float: left;position: relative;
             top: -140px;
             left: -10px}

.defaultText {}
.defaultTextActive { color: #a1a1a1; }
.box-overlay{background-color: black;opacity: 0.4;z-index: 800;position:relative; 
             left: -20px;
             top: -3px;
             width: 890px;
             height:230px;  }
.overlay{background-color: whitesmoke;opacity: 0.4;z-index: 1000;position:absolute;box-shadow: 0px 0px 10px whitesmoke;}
.bar1 {
    -moz-transform:rotate(0deg) translate(0, -40px);
    -webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.12;
}
.bar2 {
    -moz-transform:rotate(45deg) translate(0, -40px);
    -webkit-transform:rotate(45deg) translate(0, -40px);opacity:0.25;
}
.bar3 {
    -moz-transform:rotate(90deg) translate(0, -40px);
    -webkit-transform:rotate(90deg) translate(0, -40px);opacity:0.37;
}
.bar4 {
    -moz-transform:rotate(135deg) translate(0, -40px);
    -webkit-transform:rotate(135deg) translate(0, -40px);opacity:0.50;
}
.bar5 {
    -moz-transform:rotate(180deg) translate(0, -40px);
    -webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.62;
}
.bar6 {
    -moz-transform:rotate(225deg) translate(0, -40px);
    -webkit-transform:rotate(225deg) translate(0, -40px);opacity:0.75;
}
.bar7 {
    -moz-transform:rotate(270deg) translate(0, -40px);
    -webkit-transform:rotate(270deg) translate(0, -40px);opacity:0.87;
}
.bar8 {
    -moz-transform:rotate(315deg) translate(0, -40px);
    -webkit-transform:rotate(315deg) translate(0, -40px);opacity:1;
}
#loading {
    position:absolute;
    width:100px;
    height:100px;
    margin-bottom:1.5em;
    margin-right:1.5em;
    -moz-border-radius:100px;
    float:left;
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
}

#loading div {
    width:10px;
    height:30px;
    background:#000;
    position:absolute;
    top:35px;
    left:45px;
}
#loading {
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
}
@-webkit-keyframes rotateThis {
    from {-webkit-transform:scale(0.5) rotate(0deg);}
to {-webkit-transform:scale(0.5) rotate(360deg);}
} 
#loadingt{
    position: absolute;
    display: block;
    top: 912.5px;
    left: 581.5px;
    height: 120px;
    width: 120px;
    z-index: 2000;
}
.regular-checkbox {
    display: none;
}

.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 5px;
    display: inline-block;
    position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}


.big-checkbox + label {
    padding: 10px;
}

.big-checkbox:checked + label:after {
    font-size: 28px;
    left: 6px;
}
#menuui{
margin: 0px;margin-right: 20px;
}
.ie #menuui{
margin: 0px;margin-right: 20px;
}
.ie #menu{
border-radius: 0px 0px 0px 20px;
	-webkit-border-radius: 0px 0px 0px 20px;
    -moz-border-radius: 0px 0px 0px 20px;
   
    behavior: url(pie/PIE.htc);
}
#headerSearch{
width: 36%;
     height: 25px;
     float: right;
     background: #93b733;
     border-radius: 0px 0px 60px 60px;
     clear: right;
     margin-bottom: 10px;
     color: #efe4de;
     position: relative;
     z-index: 1000;
	-webkit-border-radius: 0px 0px 60px 60px;
    -moz-border-radius: 0px 0px 60px 60px;
   
    behavior: url(pie/PIE.htc);
}
#slideIndex{
height: 516px;
position: relative;
top: -108px;
z-index: 900;
border-radius: 20px 0px 0px;
-webkit-border-radius: 20px 0px 0px;
-moz-border-radius: 20px 0px 0px;
 behavior: url(pie/PIE.htc);
}
.ie .barousel_image img{
border-radius: 20px 0px 0px;
-webkit-border-radius: 20px 0px 0px;
-moz-border-radius: 20px 0px 0px;
 behavior: url(pie/PIE.htc);
}
.ie .btn {
   border-radius: 4px;
	-webkit-border-radius: 4px;
-moz-border-radius:  4px;
 behavior: url(pie/PIE.htc);
}
#InnerPages {
height: 110px;
background-color: #5D5D5D;
position: relative;
top: -108px;
border-radius: 20px 0px 0px 0px;
width: 100%;
z-index: 900;
}

.ie #InnerPages {

border-radius: 20px 0px 0px 0px;
-webkit-border-radius: 20px 0px 0px 0px;
-moz-border-radius:  20px 0px 0px 0px;
 behavior: url(pie/PIE.htc);
}

.ie .form-control {

  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
-moz-border-radius:  4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   behavior: url(pie/PIE.htc);
}

.ie .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
   behavior: url(pie/PIE.htc);
}
#find_get_ask{
-moz-column-count:3; /* Firefox */
                         -webkit-column-count:3; /* Safari and Chrome */
                         column-count:3;
			   behavior: url(pie/PIE.htc);			 
}
.ie  #find_get_ask{
-moz-column-count:3; /* Firefox */
                         -webkit-column-count:3; /* Safari and Chrome */
                         column-count:3;
			   behavior: url(pie/PIE.htc);			 
}