html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd,
q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

tbody, table {
	
border-spacing:4px 0px;
padding: 30px;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
    display: block
}

body {
    font-size: .8em;
    line-height: 1.4;
    margin-bottom: 168px;
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html, button, input, select, textarea {
    font-family: arial, helvetica, sans-serif
}
html { 
  background: url(../images/banner4.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

p {
    margin: 0 0 15px 0
}

table, input, textarea, select {
    font-size: 1em
}

dl {
    margin: 0 0 15px 0
}

.content ul {
    list-style: disc;
    padding: 0 0 0 20px;
    margin: 0 0 0px 0
}

.content ol {
    list-style: decimal;
    padding: 0 0 0 20px;
    margin: 0 0 15px 0
}

.content ol li {
    margin: 0 0 5px 0
}

textarea {
    font-family: Arial, Helvetica, sans-serif
}

sup {
    font-size: .75em;
    vertical-align: super
}

sub {
    font-size: .75em;
    vertical-align: sub
}

acronym {
    text-transform: uppercase;
    border-bottom: 1px dotted
}

abbr {
    text-transform: uppercase;
    border-bottom: 1px dotted
}

hr {
    border: none 0;
    border-top: 1px solid #ccc;
    width: 100%;
    height: 1px;
    margin: 0 0 15px 0
}

small {
	color: #000;
    font-size: .75em
}

a {
    color: #2fafe0;
    text-decoration: none
}

a:hover {
    color: #000;
    text-decoration: underline
}

a:active, a:focus {
    outline: 0;
    border: 0
}

object {
    outline: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    color: #2fafe0;
    margin: 0 0 0 0;
    line-height: 1.2
}

h1 {
    font-size: 2em;
    text-align: left
}

h2 {
    font-size: 1.25em
}

h3 {
    font: 700 14px/18px Arial, Helvetica, sans-serif
}

h4 {
    font: 700 14px/18px Arial, Helvetica, sans-serif;
    color: #000
}

h5 {
    font-size: 1.083em
}

h5 {
    font-size: 1.0em
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden
}

.clearRight {
    height: 0;
    clear: right;
    overflow: hidden
}

.clearLeft {
    height: 0;
    clear: left;
    overflow: hidden
}

.backing {
    background: url(../images/backing.gif) repeat-x 0 0
}

.wrapper {
    width: 992px;
    margin: 0 auto;
    padding: 0 16px
}

.content {
    width: 100%;
    margin: 0 auto
}

.content.iframe {
    margin: 0
}

.content header {
    height: 90px;
    padding: 14px 50px;
    width: 992px
}

.content header #sitelogo {
    display: block;
    float: left;
    padding-top: 7px;
    padding-left
}

.content header #sitelogo .sitelogo {
    background: url("../images/hearingExchange.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 155px;
    text-indent: -9999px;
    width: 261px
}

.content header #hearlogo .hearlogo {
    background: url("../images/hearingExchange_old.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 115px;
    text-indent: -9999px;
    width: 261px
}


.searchOptions .tabs ul.tabNavigation li {
    display: block;
    float: left;
    margin: 0 0 0 4px
}

ul.tabNavigation {
    height: 33px;
    margin: 0;
    padding: 0
}

@media all and (max-width:1024px) {
    .wrapper {
        width: 992px
    }

    .header, .extendedFooter, .footer {
        border: 0 none
    }
}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:640px) and (min-resolution:144dpi) {
    .m-logo a, #navigationToggle, ul.m-navigation ul a, .socialMedia span,
    .tyrePanel .fitted:before, .tyrePanel .roadside:before, .tyrePanel .icons .eco:before, .tyrePanel .icons .runFlat:before, .miniCart .tabNavigation li a, .miniCart .tabNavigation li a.selected,
    .miniCart ul.tyreList>li .removeTyre, .miniCart a.getadeal, .checkout-deal .floatLeft .sale,
    .checkout-deal .floatRight li:before, .purchase-guarantee p:before, .checkout-form .success p:before, .checkout-form a.redeemCoupon:before, .getquote h3:before, .getquote .getQuoteButton, .getquote div.tyreList:before, a.removeMyTyre, .checkout-form .payment span:after, .checkout-form .redemtionCodeSuccess .copy:before {
        background-image: url(../images/mobile-sprites@2x.png) !important;
        background-size: 300px 400px !important
    }
}

h1 {
    font: bold 26px Arial, Helvetica, sans-serif;
    color: #2fafe0
}

h2 {
    font: bold 20px Arial, Helvetica, sans-serif;
    color: #2fafe0
}

h3 {
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #333
}

h4 {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #333
}

h5 {
    color: #fff;
    font:34px 'Lato', sans-serif;
    //text-transform: uppercase;
    text-align: center;

}



h3.sflistItemTitle {
    font-weight: 400;
    font-size: 14px
}

.content {
    font-size: 14px
}

a {
    color: #2fafe0
}

.homeSearchContainer {
    //background: url(../images/banner2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   /* padding: 0;*/
    border: 0;
    margin: 0;
    height: 542px;
    position: relative;
    min-width: 1020px;
    transition: background-image .5s;
    padding-left: 10%;
}

.homeSearchContainer .searchOptions .tabs {
    width: 670px;
    margin: 17px 50px 0;
    background: 0;
    position: relative;
    display: inline-block;
}

.homeSearchContainer .searchOptions .specials {
	width: auto;
	height: 233px;
    margin: 50px -55px 0px; 
	 background: #fd1819;
	  display: inline-block; 
	  color: #fff;
    padding: 0px 10px;
    padding-bottom: 34px;
    filter: alpha(opacity=80);
    opacity: 0.9;
    vertical-align: top
}


.homeSearchContainer .searchOptions .tabs ul.tabNavigation {
    border: 0;
    margin-left: 85px
}

.homeSearchContainer .searchOptions .tabs ul.tabNavigation a {

}



.homeSearchContainer .searchOptions .tabs ul.tabNavigation a.selected {
    font-size: 16px;
    filter: alpha(opacity=100);
    opacity: 1
}

.homeSearchContainer .searchOptions .tabPanel {
   
}




.howItWorks {
    background: #fff;
    position: relative;
    height: 168px;
  bottom: 0;
  left: 0;
  background-color: white;
  width: 100%;
  z-index: 99;
}

.howItWorks a:hover {
    text-decoration: none
}

.howItWorks h2 {
    background: #2fafe0 url(../images/blueArrow2.png) no-repeat top right;
    height: 168px;
    width: 200px;
    font: 36px/40px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 43px 19px 0 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

.howItWorks:before {
    content: "";
    width: 50%;
    background: #2fafe0;
    height: 168px;
    position: absolute;
    left: 0;
    top: 0
}

.howItWorks .innerContainer {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    background: #fff url(../images/howBgGrey.png) repeat-x top left
}

.howItWorks .sfContentBlock {
    padding: 0;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.howItWorks ul {
    list-style: none;
    display: inline-block;
    float: left;
    padding: 0 0 0 200px;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 168px
}

.howItWorks ul li {
    width: 25.9%;
    display: inline-block;
    float: left;
    text-align: center;
    background: url(../images/greenArrow.png) no-repeat 0 25px;
    padding: 23px 0 0 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.howItWorks ul li:first-child {
    background: 0;
    padding: 23px 0 0 0;
    width: 18.8%
}

.howItWorks ul li img {
    width: 58px;
    margin: 0 auto
}

.howItWorks p {
    color: #7e7e7e;
    font: 18px/20px 'Lato', sans-serif
}

.howItWorks p span {
    color: #2fafe0
}

/*------------------------------------------------------*/

h6 {
    color: #fff;
    font:24px 'Lato', sans-serif;
    //text-transform: uppercase;
    text-align: center;

}

h7 {
    color: #fff;
    font:22px 'Lato', sans-serif;
    text-align: center;

}

h8 {
    color: #fff;
    font:94px 'Lato', sans-serif;
    //text-transform: uppercase;
    text-align: center;

}

h9 {
    color: #fff;
    font:64px 'Lato', sans-serif;
    //text-transform: uppercase;
    text-align: center;

}

h7 {
    color: #fff;
    font:48px 'Lato', sans-serif;
    //text-transform: uppercase;
    text-align: center;

}


 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }

.homeSearchContainer { 
    height: 400px 
    }
    
    .homeSearchContainer .searchOptions .tabs .tab-links {
	
	margin-left: 15px;
	height:  33px;
}
 
    .tab-links li {
	
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
               display: block;
    width: 150px;
    height: 40px;
    border: 0;
    border-bottom: 0 none;
    -webkit-border-radius: 1px 1px 0 0;
    border-radius: 1px 1px 0 0;
    background: #2fafe0;
    text-align: center;
    color: #fff;
    font: 16px/40px 'Lato', sans-serif;
    padding: 0 20px;
    text-transform: uppercase;
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: .7
        }
 
        .tab-links a:hover {
            background:#2fafe0;
            text-decoration:none;
            text-decoration: none;
    		filter: alpha(opacity=100);
    		opacity: 1;
    		color: #fff;
        text-decoration: none
        }
 
    li.active a, li.active a:hover {
    font-size: 16px;
    filter: alpha(opacity=100);
    opacity: 1

  
}
  
    
 
    /*----- Content of Tabs -----*/
    .tab-content {
       
 color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 0px 52px;
    padding-bottom: 34px;
    background: #2fafe0;
    height: auto
    
    }
    
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
        
        .tab .green {
	color: #49b454;
}

.searchOptions .searchButton {
	
    border: medium none;
    border-radius: 3px;
    color: #49b454;
    display: block;
    float: left;
    font: 1px/1px 'Lato', sans-serif;;
    height: 40px;
    padding: 0;
    cursor: pointer;
    width: 114px;
    margin: 15px 0 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-indent: -9999px;
    margin: 3px 3px 0 3px
}
    
    



.homeSearchContainer .searchOptions .searchButton, .searchOptions.searchMod .searchButton .button2 {
    font-size: 12px;
    text-indent: 0;
    width: 156px;
    height: 176px;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
      filter: alpha(opacity=100);
    opacity: 1;
    text-align: center;
    
}

.button1 {
	  background: #fff;
    background:url(../images/brand.jpg);
	background-repeat: no-repeat;
	    display: inline-block;
    *display: inline;
    zoom: 1

}

.button2 {	
	  background: #fff;
    background:url(../images/style.jpg);
	background-repeat: no-repeat;
	    display: inline-block;
    *display: inline;
    zoom: 1

}

.button3 {
	  background: #fff;
    background:url(../images/prices.jpg);
	background-repeat: no-repeat;
	    display: inline-block;
    *display: inline;
    zoom: 1	
}

.button4 {
	  background: #fff;
    background:url(../images/lifestyle.jpg);
	background-repeat: no-repeat;
	    display: inline-block;
    *display: inline;
    zoom: 1

}

.searchOptions .searchButton2 {
		
    border: medium none;
    color: #fff;
    display: block;
    font: 1px/1px 'Lato', sans-serif;;
/*    height: 40px; */
    padding: 0;
    cursor: pointer;
    /*width: 114px; */
    margin: 15px 0 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-indent: -9999px;
    margin: 3px 3px 0 3px;
    margin-left: auto;
    margin-right: auto
}
  
    

.homeSearchContainer .searchOptions .searchButton2, .searchOptions.searchMod .searchButton2  {
    font-size: 12px;
    text-indent: 0;
    width: 156px;
    height: 176px;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
      filter: alpha(opacity=100);
    opacity: 1;
    text-align: center;
    margin-left: auto;
    margin-right: auto
    
}


.homeSearchContainer .searchOptions	 .fileButton{
    font-size: 12px;
    text-indent: 0;
    width: 256px;
    height: 59px;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    background: #49b454;
    filter: alpha(opacity=90);
    opacity: 1;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto
      
}


.homeSearchContainer .searchOptions .searchButton span, .searchOptions.searchMod .searchButton span {
    clear: both;
    display: block;
    font: 24px/24px 'Lato', sans-serif;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.homeSearchContainer .searchOptions .searchButton:hover {
/*	border-style: solid;
    border-width: 2px;
    border-radius: 3px;
    border-color: #49b454;
    background-color: #49b454; */
    opacity: 0.5;
    text-decoration: none
}

.searchOptions .searchButtonRight {
    border: medium none;
    border-radius: 3px;
    color: #FFF;
    display: block;
    float: right;
    font: 1px/1px 'Lato', sans-serif;;
    height: 40px;
    padding: 0;
    cursor: pointer;
    width: 114px;
    margin: 15px 0 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-indent: -9999px;
    margin: 3px 3px 0 3px
}

/* === SoundManager === */

a.sm2_button {
 position:relative;
 display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
 width:24px;
 height:24px;
 text-indent:-9999px; /* don't show link text */
 overflow:hidden; /* don't draw inner link text */
 vertical-align:middle;
 /* and, a bit of round-ness for the cool browsers. */
-webkitborder-radius: 28px;
-mozborder-radius: 28px;
border-radius: 28px;
 margin-top:-1px; /* vertical align tweak */
 /* safari 3.1+ fun (/W3 working draft extension, TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
 -o-transition-property: background-color; /* opera 10.5 */
 -o-transition-duration: 0.15s;
 /* weird IE 6/7 display fixes, and/or I'm doing it wrong */
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
 margin-left: auto;
    margin-right: auto
}

a.sm2_button:focus {
 outline:none; /* maybe evil, but don't show the slight border outline on focus. */
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
 background-color:#49b454;
 background-image:url(../image/arrow-right-white.png);
 /* where possible, use data: and skip the HTTP request. Fancy-pants. Would use short-hand background: for above, but IE 8 doesn't override background-image. */
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAbklEQVQY02NgQAL//v1jZMAF/v//vwuIs9HEUBUBTbj4HwIeA3EGVsVAxtn/qOAVUGM8uknIiv4hsV8A5ZKxKfoLVvnvHwifAzLtMKwDSQLBVSBti27dJajkcSD2RJODO3wtkOOMz/tMSJJYAxMA5dmsL0IfubQAAAAASUVORK5CYII=);
 *background-image:url(../image/arrow-right-white.gif); /* IE 6+7 don't do DATA: URIs */
 background-repeat:no-repeat;
 background-position:8px 50%;
 *background-position:8px 7px; /* IE 6 again */
}

a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 background-color:#E60;
}



a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 background-color:#2fafe0;
}

table.sound {
margin:0px;
text-align:center; 
border-spacing:4px 0px;
border: 0px solid #eee;
background-color:#fff;
-webkitborder-radius: 4px;
-mozborder-radius: 4px;	
border-radius: 4px;
padding:0px 0px 0px 0px;
}

table.sound td{
padding:0px 2px 8px 2px;
background-color:fff;
}

table.sound td.description{
color:#4eb359;
background-color:fff;
padding:5px;
font-size: 60%;
font-style:italic;
}



.theGrid{
float: right;
width: 350px;
height: 420px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 0px;
padding-left: 0px;
position: relative;
}

.leftColumn{
float: left;
width: 50%;
display: inline-block;
}

.rightColumn {
float: right;
width: 45%;
display: inline-block;
padding-left: 10px;
}

.leftColumn2{
float: left;
width: 25%;
display: inline-block;
}

.rightColumn2 {
float: right;
width: 65%;
display: inline-block;
padding-left: 0px;
}

#under{
position: relative;
left: 0px;
top: 0px;
width:100%;
z-index: 0;
}

#over0,#over1,#over2,#over3,#over4,#over5{
position: absolute;
z-index:2;
left: 0px;
top: 0px;
color:#000;
font-size: 26px;
font-family: 'Over the Rainbow',cursive;
}

#overlay{
position: absolute;
z-index:1;
left: 0px;
top: 0px;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

#commands{
position: absolute;
z-index:1;
left: 130px;
top: 410px;
}

bannertext {
    display: block;
    font: 24px/24px 'Lato', sans-serif;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*color: #2fafe0;*/
    color: red;
    vertical-align:middle;
    text-align: left;
    padding-left: 40px;
}






.searchOptions .greenButton {
    border: medium none;
    border-radius: 3px;
    color: #FFF;
    display: block;
    float: left;
    font: 1px/1px 'Lato', sans-serif;;
    height: 40px;
    padding: 0;
    cursor: pointer;
    width: 114px;
    margin: 15px 0 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-indent: -9999px;
    margin: 3px 3px 0 3px
}

.homeSearchContainer .searchOptions .greenButton, .searchOptions.searchMod .greenButton {
    font-size: 12px;
    text-indent: 0;
    width: 156px;
    height: 59px;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    background: #49b454;
    filter: alpha(opacity=90);
    opacity: 1;
    text-align: center;
    
}


.homeSearchContainer .searchOptions .greenButton span, .searchOptions.searchMod .greenButton span {
    clear: both;
    display: block;
    font: 24px/24px 'Lato', sans-serif;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.homeSearchContainer .searchOptions .greenButton:hover {
    background-color: #49b454;
    opacity: 0.5;
    text-decoration: none
}

.searchOptions .greenButtonRight {
    border: medium none;
    border-radius: 3px;
    color: #FFF;
    display: block;
    float: right;
    font: 1px/1px 'Lato', sans-serif;;
    height: 40px;
    padding: 0;
    cursor: pointer;
    width: 114px;
    margin: 15px 0 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-indent: -9999px;
    margin: 3px 3px 0 3px
}

.homeSearchContainer .searchOptions .greenButton:hover {
    background-color: #49b454;
    opacity: 0.5;
    text-decoration: none
}

.searchOptions .greenButtonRight {
    border: medium none;
    border-radius: 3px;
    color: #FFF;
    display: block;
    float: right;
    font: 1px/1px 'Lato', sans-serif;;
    height: 40px;
    padding: 0;
    cursor: pointer;
    width: 114px;
    margin: 15px 0 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    text-indent: -9999px;
    margin: 3px 3px 0 3px
}

.homeSearchContainer .searchOptions	 .fileButton{
    font-size: 12px;
    text-indent: 0;
    width: 256px;
    height: 59px;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    background: #49b454;
    filter: alpha(opacity=90);
    opacity: 1;
    text-align: center;
    position: relative;

    
}

.actionWindow {
    background: #fff;
    position: relative;
    padding-left: 17%;
   /* height: 468px; */
  bottom: 0;
  left: 0;
  background-color: white;
  width: 100%;
  z-index: 99;
}

.actionWindow a:hover {
    text-decoration: none
}

.actionWindow .innerContainer {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    background: #fff url(../images/howBgGrey.png) repeat-x top left;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

#innerContainer:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.actionWindow .sfContentBlock {
    padding: 0;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.actionWindow .searchButton {
margin-bottom: 7px;
letter-spacing: 1px;
font-size: 12px;
text-indent: 0;
width: 156px;
height: 176px;
padding: 10px 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
opacity: 1;
text-align: center;
color: #49b454;
display: block;
float: left;
cursor: pointer;
margin: 3px 30px 0 3px;
font: 1px/1px 'Lato', sans-serif;
}

.actionWindow .searchButton span {
clear: both;
display: block;
font: 24px/24px 'Lato', sans-serif;
margin-bottom: 7px;
text-transform: uppercase;
letter-spacing: 1px;
}

.actionWindow .searchOptions .searchButton, .searchOptions.searchMod .searchButton .button2 {
    font-size: 12px;
    text-indent: 0;
    width: 156px;
    height: 326px;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
      filter: alpha(opacity=100);
    opacity: 1;
    text-align: center;
    
}

.active{
        display: block;
    }

.hide{
        display: none;
    }
    
    
.ad1 {
	background: #fff;
    background:url(../images/ad1.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 346px;
	height: 267px;
	cursor: pointer;
	opacity:  0.9;

}

.ad2 {
	background: #fff;
    background:url(../images/ad2.png);
	background-repeat: no-repeat;
	float: left;
	width: 346px;
	height: 267px;
	cursor: pointer;
	opacity:  0.9;

}

faqs {
	
font-family: Lato, sans-serif;
font-size: 15px;
color: #000;
/*margin-left: 50px;*/
}

faqsheading {
	
font-family: Lato, sans-serif;
font-size: 17px;
color: #2fafe0;
font-weight: 900;
}


.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}