/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

.clear { clear: both; }
.clearfix:after { content: ""; display: table; clear: both; }

html { background: url("../img/qthbg.jpg") repeat-x fixed center top #2e61de; }
body { background: url("../img/qthbg1.jpg") no-repeat fixed center top rgba(0, 0, 0, 0); margin: 0; min-height: 1250px; }

strong { font-weight: 900; color: #000; }

.qth-bottom-20    { margin-bottom: 20px;  }
.qth-bottom-60    { margin-bottom: 60px;  }
.qth-top-20       { margin-top: 20px;  }
.qth-top-60       { margin-top: 60px;  }
.qth-vertical-20  { margin: 20px 0;       }

img.qth-right  { float:right; margin: 30px 0 30px 30px; }
img.qth-left   { float:left;  margin: 30px 30px 30px 0; }

section#main-body { margin-bottom: 0; }

.main-content { margin-bottom: 0; background-color: #fff; padding-top: 20px; }
body.homepage .main-content { background-color: transparent; }

a { color: #0033ff; font-weight: bold; text-decoration: none; }
a:hover { color: #ff9900; }

#header #whmcsimglogo { float: left; padding: 0px 0px; display: block; }

.tagline { float: left; line-height: 50px; border-left: 1px solid #1C49B1; padding-left: 15px; margin: 20px 0 0 30px; color: #2E61DE; font-size: 22px; }

#comm100-button-326 { float: right; margin: 10px 0 0 50px; }

.qth-home-top { width: 980px; margin: 20px auto 0 auto; font-size: 13px; line-height: 18px; }

.qth-home-top p { font-size: 13px; line-height: 18px; }

.qth-home-top-left { background-color: rgba(92, 129, 217, 0.9); border-radius: 10px; float: left; width: 307px; padding: 10px; }
.qth-home-top-right { float: right; width: 653px; height: 650px;
                      background: transparent url("../img/qth-home-top-no-lines.png") no-repeat left top; }

.qth-home-top-left .domains { border-radius: 10px; padding: 10px; margin: 20px 10px; background: #fff; }
.qth-home-top-left .domains h2 { font-size: 22px; line-height: 28px; text-align: center; margin: 0; }
.qth-home-top-left .domains p { text-align: center; padding: 5px 0; line-height: 18px; font-size: 13px; }
.qth-home-top-left .domains input.bigfield { width: 170px; border: 1px solid #cccccc; border-radius: 3px; color: #555555; padding: 4px; }
.qth-home-top-left .domains input.btn { margin-bottom: 5px; }

.qth-home-top-left .guarantee { border-radius: 10px; height: 100px; padding: 10px 10px 10px 70px; text-align: center;
                                margin: 20px 10px; background: #FECE00 url("../img/guarantee.png") no-repeat 10px 10px; }
.qth-home-top-left .guarantee a,
.qth-home-top-left .guarantee a:hover { color: #0033ff; text-decoration: underline; }
.qth-home-top-left .guarantee h3 { color: #1C49B1; font-size: 14px; margin: 0; }
.qth-home-top-left .guarantee h4 { color: #000; font-size: 15px; line-height: 20px; margin: 5px 0; }
.qth-home-top-left .guarantee p  { line-height: 18px; font-size: 13px; margin: 0 0 9px; }

.qth-home-top-left .personal { border-radius: 10px; padding: 10px 15px; margin: 20px 10px; background: #fff; }
.qth-home-top-left .personal h2 { font-size: 22px; line-height: 28px; text-align: center; margin: 5px 0 10px 0; }
.qth-home-top-left .personal .testimonial { margin-bottom: 10px; }

.qth-home-top-right .plans { margin-top: 45px;  }
.qth-home-top-right .plans div { width: 130px; height: 110px; margin: 5px 0 5px 0; float: left; text-align: center; }

.qth-home-top-right .plans .price { font-size: 28px; margin-top: 15px; }
.qth-home-top-right .plans .best .price,
.qth-home-top-right .plans .best .permo { color: #fff;  }

.qth-home-top-right .plans .popular { font-size: 24px; line-height: 25px; font-weight: 900; text-align: right; width: 150px; margin-right: 10px; }
.qth-home-top-right .plans .popular span { color: #1C49B1; font-size: 18px; display: block; margin: 20px 0 0 0; }
.qth-home-top-right .plans .starter { width: 120px; margin: 15px 20px 0 0; color: #1C49B1; font-weight: 900; font-size: 20px; }
.qth-home-top-right .plans .best    { width: 170px; margin: 10px 10px 0 0; color: #FECE00; font-weight: 900; font-size: 24px;  }
.qth-home-top-right .plans .email   { width: 168px; color: #1C49B1; font-weight: 900; font-size: 20px; margin: 15px 0 0 0;}

.qth-home-top-right .detail { line-height: 24px; margin-right: 5px; }
.qth-home-top-right .detail.odd { background-color: rgba(243, 246, 239, 0.6);  }
.qth-home-top-right .detail:hover { background-color: rgba(231, 236, 239, 0.8);  }
.qth-home-top-right .detail div { float: left; margin: 2px 0 3px 0; text-align: center; }
.qth-home-top-right .detail div:nth-child(1) { width: 160px; margin-right: 10px; text-align: right; }
.qth-home-top-right .detail div:nth-child(2) { width: 120px; margin-right: 20px; }
.qth-home-top-right .detail div:nth-child(3) { width: 160px; margin-right: 10px; }
.qth-home-top-right .detail div:nth-child(4) { width: 168px; }

.qth-home-top-right .buttons div { float: left; padding: 0 10px; margin-top: 12px; font-size: 13px; }
.qth-home-top-right .buttons div.spacer { width: 140px; }
.qth-home-top-right .buttons div.a { width: 123px; text-align: center; margin-left: 20px; }
.qth-home-top-right .buttons div.b { width: 160px; text-align: center; padding-top: 15px; margin-left: 20px; }
.qth-home-top-right .buttons div.c { width: 153px; text-align: center; margin-left: 25px; }

.qth-home-top-right .buttons div a { display: inline; background-color: #FECE00;
                                     box-shadow: 2px 2px 2px 2px #ccc; color: #000;
                                     border-radius: 10px; width: 80px; padding: 7px 14px }

.qth-home-top-right .buttons div.b a { border: 2px solid red; padding: 7px 30px; }

.qth-home-top-right .bottom-tab { padding: 9px 0 0 60px; width: 220px;
                                  background: transparent url("../img/yellow-right-arrow.png") no-repeat 30px 14px; }
.qth-home-top-right .bottom-tab p { margin: 2px 0; }

.qth-home-footer { background-color: #F3F6EF; width: 987px; padding: 15px;  border-radius: 10px; margin: 0 auto 20px auto; }
.qth-home-footer p { font-size: 13px; line-height: 18px; }
.qth-home-footer .qth-home-footer-inner { width: 309px; text-align: center; float: left; padding: 10px; }
.qth-home-footer .qth-home-footer-inner h2 { font-size:18px; color:#1C49B1; margin: 0 0 10px 0; line-height: 36px; }

.qth-home-footer .building img { margin: 10px; }


.testimonial-wrap { width: 100%; margin: 0 auto 40px auto; float: left; clear: both; }
.testimonial-wrap .testimonial-col  { float: left; width: 40%; }
.testimonial-wrap .testimonial-col:first-child { margin: 0 5%; }
.testimonial-wrap .testimonial-col:first-child img { float: left; }
.testimonial-wrap .testimonial-col img { float: right; }
.testimonial-wrap .testimonial-col hr { border-color: #f7b519; border-image: none; border-style: none none dotted;
                                        border-width: 0 0 1px; color: #3d658b; height: 1px; }

.testimonial p { margin-top: 10px; font-family: monospace; }
.testimonial span { display: block; margin-left: 10px; }



section#footer p { margin: 0; border-top: 0; color: #fff;  }

ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }

nav#nav { background-color: #FECE00; background-image: none; }
.navbar .nav > li > a { color: #000; text-shadow: none; padding-left: 25px; padding-right: 25px; }
.navbar .nav li a:hover { color: #fff; background-color: #2E61DE; }


nav .reseller-hosting   { width: 184px; }
nav .domain-services    { width: 183px; }
nav .other-services     { width: 169px; }
nav .help-and-info,
nav .help-and-info-sub  { width: 160px; }



.qth-aup li { margin-bottom: 15px; }


img.qth-banner { margin: 0 0 30px 30px; border: 1px solid #000; }
.qth-banner-examples img { margin-bottom: 10px; border: 1px solid #000; }

h2.qth-parenthetical { font-size: 60%; font-weight: 100; }

.qth-domain-pricing table.domainpricing      { width: 600px; background-color: #ccc; margin: 30px auto;     }
.qth-domain-pricing table.domainpricing th   { padding: 3px; background-color: #efefef; font-weight: bold;  }
.qth-domain-pricing table.domainpricing td   { padding: 3px; background-color: #fff; text-align: center;    }

html .form-control::-moz-placeholder            { color: #eee; opacity: 1; }
html .form-control::-webkit-input-placeholder   { color: #eee; opacity: 1; }
html .form-control:-moz-placeholder             { color: #eee; opacity: 1; } /* Firefox 18- */
html .form-control::-moz-placeholder            { color: #eee; opacity: 1; } /* Firefox 19+ */
html .form-control:-ms-input-placeholder        { color: #eee; opacity: 1; }