/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/


/*MDA*/


#MDA form {
	background:transparent url(images/mda/MDA.png) no-repeat scroll 0 0;
	background-color:#f4f4f4;
  width: 940px;
	height: 250px;
  position: relative;
  margin-left: -10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.input-row { font-weight: bold; color: #70757a; font-size: 19px; text-align: right; padding: 5px 0px; }
.input-row input { position: relative; top: -4px; }
.input-row select { width: 107px; }
.input-rows { position: absolute; top: 88px; left: 64px; }
#MDA form.advanced { background:transparent url(images/mda/MDAlarge.png) no-repeat scroll 0 0; }
#MDA .advanced .mda-zip { bottom: 25px;  }
#MDA .advanced .mda-submit { bottom: 20px; }

#mda form {
  background:transparent url(images/mda/innerMDA.png) no-repeat scroll 0 0;
	background-color:#f4f4f4;
  width: 940px;
	height: 200px;
  position: relative;
  border-radius: 5px;
}

#mda .mda-zip { bottom: 25px; }
#mda .mda-submit { bottom: 20px; }

#mda form.advanced { background:transparent url(images/mda/innerMDAlarge.png) no-repeat scroll 0 0; }
#mda .advanced .input-rows { top: 53px; left: 52px; }
#mda .advanced .input-row { padding: 3px 0; font-size: 18px; }
#Container { float: none; }

.quote-360-mda form {
  background:#f4f4f4 url(images/mda/contentMDA.png) no-repeat scroll 0 0;
  height: 250px;
  width: 700px;
  margin: 35px 0 35px 0;
  border-radius: 5px;
  
  
}
.quote-360-mda form.advanced {
  background:#f4f4f4 url(images/mda/contentMDAlarge.png) no-repeat scroll 0 0;
}

.quote-360-mda .mda-zip { bottom: 15px; width: 125px; left: 40px; }
.quote-360-mda .mda-submit { bottom: 10px; left: 190px;  }




/* Header Quote Phone Number*/

div.lead-phone-number h3 {
 color: rgb(77, 102, 139);
 font-size: 26px;
 padding: 0 3px 5px 3px;
 margin-bottom: 5px;	
}

div.lead-phone-number {
padding: 20px 0 10px 0;
color: white;
}

div.lead-phone-number .phone-number-tagline {
font-size: 14px;
text-align: center;
color: rgb(77, 102, 139);
}



#logo {
  margin: 40px 0 30px 0;
}

#homepage_content_left {
  width: 650px;
}

#home #footer { padding: 0px; margin-left: -10px; margin-bottom: 20px;}


@media only screen and (max-width: 40em) {

#logo {
  margin: 20px 0;
}
}

/*mda shortcode*/

.mda-submit {
    margin-bottom: 0;
    background: #F59724;
    background-image: -webkit-linear-gradient(top, #F59724, #F1631D);
    background-image: -moz-linear-gradient(top, #f59724, #F1631D);
    background-image: -ms-linear-gradient(top, #f59724, #F1631D);
    background-image: -o-linear-gradient(top, #f59724, #F1631D);
    background-image: linear-gradient(to bottom, #F59724, #F1631D);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    font-family: Arial;
    color: #FFF;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: 0;
}

.mda-contents {
    margin: 20px auto;
    padding: 20px;
    background-color: #CED3D6;
    max-width: 500px;
    display: block;
}

.mda-call {
    color: #11599A;
    text-align: center;
}

a.tel-link {
    color: #694000;
}


.call-to-action {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #11599A;
    text-align: center;
}

div.input-submit-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 235px;
}