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

Name of Project: Hydro Host
Date Created: 13/02/2015
Date Amended: 27/02/2015
Version: 1.02
Build by: FdA Web Design

----------------------------------------------------------------------------
10. Table of Content
----------------------------------------------------------------------------

01. Global Settings
02. Typography
03. Inner-header
04. Header
05. Primary Navigation
06. Introduction
07. CC Section
08. Default backgrounds & colours
09. Main
10. Icon-set
11. Sidebars
12. Domain section
13. Table
14. Domains
15. Affiliates
16. Contact
17. Forms
18. Footer
19. Secondary Nav
20. Fallbacks

/*--------------------------------------------------------------------------
1. Global Settings
---------------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Ropa+Sans);

#header-container {
  background-color: #fff;
  margin: 0 auto;
  padding: 0px 10px;
  width: 960px;
}

.header-background {
  background-color: #fff;
  padding: 0 10px;
}

.container {
  background-color: #fff;
  margin: 0 auto;
  overflow: hidden;
  width: 960px;
}

html {
  background-color: #095c66;
  display: block;
  padding-bottom: 10px;
}

body {
  background-color: #fff;
  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0 10px;
  width: 960px;
}

/*--------------------------------------------------------------------------
2. Typography
---------------------------------------------------------------------------- */

h1 {
  color: #095C66;
  float: left;
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
}

h2 {
  color: #000;
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-size: 1.750rem;
  font-style: normal;
  font-weight: 400; 
}

h3 {
  color: #095c66;
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400; 
}

h4 {
  color: #095C66;
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400; 
}

p {
  color: #333;
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5; 
}

a {
  color: #fff;
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none; 
}

strong {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.main-content h1 {
width: 100%;
display: block;
clear:both;
}

.terms-clear p{
display: block !important;
clear: left;
}

.terms-clear strong {
display: block;
margin-top: 1.5rem;
}
.terms-clear b {
font-weight: 600;
}
/*--------------------------------------------------------------------------
3. Inner-header
---------------------------------------------------------------------------- */

.inner-header {
  background: url('../img/header-bg.jpg') no-repeat;
  float: left;
  margin-bottom: 10px;
  overflow: hidden;
  padding-top: 30px;
  width: 960px;
}

/*--------------------------------------------------------------------------
4. Header
---------------------------------------------------------------------------- */

header {
  float: left;
}

.main-header {
  background: url('../img/header-bg.jpg') no-repeat;
  display: inline-block;
  float: left;
  overflow: hidden;
  padding-top: 30px;
  width: 960px;
}

.logo {
  float: left;
  margin-top: 5px;
  padding-left: 35px; 
}

.strapline.faded-black-box {
  margin-bottom: 46px;
  padding: 0px 5px 5px 5px;
}

.strapline h1 {
  color: #fff;
  font-size: 36px;
  font-size: 2.25rem;
  margin-left: 63px;
}

.packages {
  float: left;
  width: 240px;
}

/*--------------------------------------------------------------------------
5. Primary Navigation
---------------------------------------------------------------------------- */

#inner-nav {
  float: right;
  font-family: 'Ropa Sans', sans-serif;
  margin-bottom: 190px;
}

.inner-primary-nav,
.primary-nav {
  color: #fff;
  float: right;
  font-family: 'Ropa Sans', sans-serif;
  margin-bottom: 20px;
}

.primary-nav.faded-black-box,
.inner-primary-nav.faded-black-box {
  padding: 3px 0px 8px 0px;
}

.strapline {
  display: inline-block;
  margin-top: 195px;
  width: 450px;
}

.primary-nav ul,
.inner-primary-nav ul {
  float: right;
  list-style: none; 
}

.main-nav-first {
  padding-left: 15px;
}

.inner-nav-last,
.main-nav-last {
  padding-right: 120px;
}

.inner-primary-nav li,
.primary-nav li {
  display: inline-block;
  font-size: 18px;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-right: 20px;
  padding-top: 3px;
}

.inner-primary-nav a,
.primary-nav a {
  font-family: 'Ropa Sans', sans-serif;
  font-weight: 600;
}

.inner-primary-nav a.active,
.primary-nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default; 
}

.inner-primary-nav a:hover,
.primary-nav a:hover {
  color: #63b0bb;
  -moz-transition: background-color ease-out 0.5s;
  -o-transition: background-color ease-out 0.5s;
  -webkit-transition: background-color ease-out 0.5s;
  transition: background-color ease-out 0.5s;
}

/*--------------------------------------------------------------------------
6. Introduction
---------------------------------------------------------------------------- */

.welcome-container {
  display: table;
  margin-bottom: 0;
}

.introduction {
  background: url(../img/light-grey.png) repeat 100%;
  float: left;
  padding: 10px 40px 6px 40px;
  width: 570px;
}

.introduction h2 {
  color: #000;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 600;
  margin: 0px 0px 6px 30px;
}

.introduction p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0px 20px 15px 30px;
}

#price-per-month {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
}

.feature-plan {
  float: left;
  width: 310px;
}

.feature-plan h3 {
  font-size: 36px;
  font-size: 2.250rem;
  font-weight: 300;
}

.sidebar-featured-plan {
  padding: 8px 30px 57px 20px;
}

.sidebar-featured-plan h3 {
  color: #fff;
}

.sidebar-featured-plan ul {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 5px;
}

.sidebar-featured-plan li {
  list-style: disc;
  list-style-position: inside;
}

.sidebar-featured-plan p {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 12px;
}

.sidebar-featured-plan p span {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
}

.btn {
  border: none;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  padding: 8px 10px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

.btn-dark {
  background-color: #095c66;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 0;
  padding: 20px;
  text-align: center; 
  width: 180px;
  -o-border-radius: 5px;
}

.btn-dark:hover {
  background-color: #fff;
  color: #63b0bb;
  -moz-transition: background-color ease-out 0.5s;
  -o-transition: background-color ease-out 0.5s;
  -webkit-transition: background-color ease-out 0.5s;
  transition: background-color ease-out 0.5s;
}

/*--------------------------------------------------------------------------
7. CC Section
---------------------------------------------------------------------------- */

.cpanel-web-hosting h3, .domains h3 {
  color: #fff;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 0px;
  padding: 8px 0px 0px 10px;
}

.cpanel-web-hosting p, .domains p {
  color: #fff;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  padding: 0px 0px 10px 10px;
}

.domains strong {
  font-size: 14px;
  font-size: 0.875rem;
}

.cc-attribution {
  float: right;
  left: 25px;
  position: relative;
  top: 25px;
  width: 70px;
}

.cc-attribution:hover { 
  cursor: pointer; 
}

.cc-attribution img {
  display: block;
  margin-bottom: 50px;   
}

.cc-details {
  background-color: #fff;
  bottom: 105px;
  display: none;
  padding: 10px;
  position: absolute;
  right: 35px;
  width: 330px;
  z-index: 99999;
}

.cc-details p {
  color: #035d67;
}

.cc-details p strong {
  color: #035d67;
  font-weight: bold;
}

#header-bottom { 
  overflow: visible; 
  position: relative; 
}

/*--------------------------------------------------------------------------
8. Default backgrounds & colours
---------------------------------------------------------------------------- */

.dark-blue-box { 
  background-color: #095c66; 
  color: #fff;
  padding-bottom: 12px; 
}

.faded-black-box { 
  background-color: rgba(0,0,0,0.5);
  color: #fff; 
}

.faded-black-box h3 {
  color: #fff; 
}

.dark-grey-box { 
  background-color: #54565b; 
  color: #fff; 
}

.cpanel-web-hosting {
  padding-bottom: 5px;
}

.domains {
  padding-bottom: 5px;

}

.light-blue-table {
  background-color: #63b0bb;
  color: #fff;
  padding-bottom: 12px;
}

.light-blue-box { 
  background: url(../img/teal.png); 
  color: #fff;
}

/*--------------------------------------------------------------------------
9. Main
---------------------------------------------------------------------------- */

main {
  display: inline-block;
  margin-bottom: 0px;
  overflow: hidden;
  padding-bottom: 0; 
}

.main-content { 
  float: right; 
  margin-left: 80px; 
  width: 730px; 
}

.main-content p {
  display: inline-block;
}

#primary-title {
  margin: 25px 0px; 
}

.page-container {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------------------
10. icon-set
---------------------------------------------------------------------------- */

.icon-set {
  display: block;
  float: left;
  margin-bottom: 30px;
  margin-left: 0px;
  padding: 30px 0px 0px 70px;
  width: 900px;
}

.icon-set li {
  display: inline;
  float: left;
  margin-bottom: 0px;
  margin-right: 80px;
  text-align: center;
  width: 100px;
}

.icon-set li.last { 
  margin-right: 0px; 
}

.icon-set li .primary-icon { 
  margin-right: 65px; 
  width: 115px; 
}

.icon-set li span {
  display: block;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

/*--------------------------------------------------------------------------
11. Sidebars
---------------------------------------------------------------------------- */

.web-hosting,
#shared-sidebar-bg {
  background: url('../img/shared-sidebar-bg.png') repeat;
  float: left;
  margin: 0px 10px 5px 0px;
  width: 360px;
}

.web-hosting h1,
#shared-sidebar-bg h1 {
  color: #000;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 1.0;
  padding: 25px 30px;
  width: 280px;
}

.reseller-table {
  float: right;
}

.shared-sidebar p,
.web-hosting p,
#shared-sidebar-bg p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 10px 30px;
}

.shared-sidebar {
  float: left;
  margin: 20px 0px 5px 25px;
  width: 335px;
}

#shared-sidebar-bg p strong {
  font-weight: bold;
}

.shared-sidebar li,
.web-hosting li {
  float: left;
  margin-bottom: 10px;
  width: 340px;
}

#shared-information {
  margin-top: 15px;
}

.web-hosting p strong {
  font-weight: 600;
}

.shared-sidebar li span,
.web-hosting li span {
  font-weight: 700;
  margin-left: 10px;
}

.reseller-sidebar {
  display: inline-block;
  margin: 0px 0px 20px 25px;
  width: 335px;
}

.shared-sidebar img,
.reseller-sidebar img {
  margin: 5px;
  vertical-align: middle;
}

.reseller-logos {
  display: inline-block;
  margin: 15px 0px 5px 0px;
}

.reseller-logos img {
  margin-right: 10px;
}

.reseller-divider {
  border-top: #095c66 solid 1px;
  margin-bottom: 0;
  margin-top: 10px;
}

#reseller-information {
  margin: 10px 0px 15px 0px;
}

.web-tools {
  display: inline-block;
  width: 590px;
}

#first-logo {
  margin-left: 15px;
}

#last-logo {
  margin-right: 0px;
}

/*--------------------------------------------------------------------------
12. Domain section
---------------------------------------------------------------------------- */

.domain-checker {
  float: left;
  margin-left: 0px;
  overflow: hidden;
  padding-bottom: 45px;
  width: 730px;
}

.domain-check {
  float: left;
  height: 150px;
  margin-left: 0px;
  width: 650px;
}

.domain-checker h2 {
  color: #000;
  display: inline-block;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 27px;
  font-size: 1.6875rem;
  font-weight: 400;
  margin-top: 40px;
  padding-left: 32px;
  width: 430px;
}

.sign-post {
  float: right;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  margin-right: 15px;
  margin-top: 40px; 
}

.domain-check h3 {
  display: inline-block;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  margin: 25px 70px 13px;
  width: 730px;
}

#domain-search {
  background-color: #ebebeb;
  border: 1px solid #999;
  float: left;
  font-size: 1rem;
  height: 37px;
  margin: 0px 0px;
  padding: 0px 0px 0px 10px;
  width: 530px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; 
}

#domain-search-box {
  overflow: hidden;
}

.domain-check input[type="search"] { 
  height: 38px;
  margin-left: 25px;
  width: 430px;
}

.domain-checker input[type="search"] {
  height: 37px;  
  width: 430px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;       
}

input[type="placeholder"] {
  color: #095c66;
}

#domain-select { 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  font-size: 16px;
  font-size: 1rem;
  height: 37px;   
  margin-left: 15px;
  outline: none;
  width: 80px;
}

.domain-table strong {
  font-weight: bold;
}

#domain-button {
  float: left;
}

.domain-search-box {
  margin-left: 32px;
}

#domain-btn {
  background-color: #63b0bb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  float: left;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 15px;
  width: 190px;
  -o-border-radius: 5px;
}

#domain-btn:hover {
  background-color: #095c66;
  -moz-transition: background-color ease-out 0.5s;
  -o-transition: background-color ease-out 0.5s;
  -webkit-transition: background-color ease-out 0.5s;
  transition: background-color ease-out 0.5s;
}

.domain-check .dk-select {
  border: none;
  color: #000;
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
  height: 37px;
  margin-bottom: 0px;
  margin-left: 25px;
  width: 85px;
}

.domain-check .dk-select .dk-select-options { 
  position: absolute; 
  z-index: 99999; 
}

.domain-check .dk-selected::after { 
  margin-right: 22px; 
}

.domain-check input[type="submit"] {
  background-color: #63b0bb;
  color: #fff;
  float: right;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0;
  width: 38px;
}

.cpanel-web-hosting, .domains {
  float: right;
  width: 240px;
}

#domain-extension {
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1rem;
  height: 38px;
  margin: 0px 17px 0px 17px;
  outline: none;
  width: 80px;
  -o-border-radius: 5px;
}

.last-domain-icon {
  margin-bottom: 40px;
}

/*--------------------------------------------------------------------------
13. Table
---------------------------------------------------------------------------- */

table {
  border-collapse: collapse;
  margin-bottom: 0px;
  width: 590px;
}

tr { 
  border-bottom: solid 1px #095c66;
}

tr.popular-row td.popular {
  background-color: #095c66;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding: 10px 2px;
  text-transform: uppercase;
  width: 136px;
}

tr td {
  color: #095c66;
}

.domain-table td {
  width: 177px;
}

tr.popular-row td.popular span { 
  display: block; 
}

tr.popular-row td.features { 
  background: none; 
}

.features p {
  font-size: 12px;
  font-size: 0.75rem;
  width: 200px;
} 

tr.final { 
  border-bottom: none; 
}

tr.final td.features {
  background: none;
  float: left;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
}

#paypal-seller {
  margin-bottom: 10px;
}

td.features {
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 12px 0px 12px 0px;
}

tr.final td.features img {
  padding-left: 0;  
}

td {
  float: left;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 12px 5px;
  text-align: center;
  width: 110px;
}

td.features {
  background-color: #ececec;
  font-weight: 600;
  padding-left: 20px;
  text-align: left;
  width: 210px;
}

td.price-per-year {
  color: #095c66;
  padding: 10px 5px;
  text-align: left;
  width: 260px;
}

td.popular {
  background-color: #dbeced;
  color: #095c66;  
}

.tick {
  font-size: 20px;
  line-height: 21px;
}

.cross {
  font-size: 20px;
  line-height: 21px;
} 

td span.price { 
  display: block;
  font-size: 30px;
  font-size: 1.875rem; 
  padding-top: 5px;
}

td .dark-blue-box span {
  padding-top: 5px;

}

td .per-year { 
  padding: 10px 0px; 
}

td .per-year span { 
  font-size: 14px; 
  font-size: 0.875rem; 
  font-weight: 400; 
}

td .order .btn {
  background-color: #035d67;
  color: #fff;
  font-size: 14px; 
  font-size: 0.875rem;
  font-weight: 700;
  padding: 15px 0px;
  width: 100%;
}

.paypal-area table {
  overflow: hidden;
}

.paypal-area td {
  display: block;
  padding: 0;
  width: 550px;
}

.paypal-area img {
  float: right;
}

.order .button-light {
  background-color: #dbeced;
}

select option {
  color: #095c66;
}

.light-blue-table span {
  font-size: 14px;
  font-size: 0.875rem;
}

#light-bg-first,
#light-bg-second {
  background-color: #63b0bb;
}

.table-content {
  float: right;
  width: 590px;
}

.table-title {
  background-color: #dbeced;
  float: left;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  padding: 12px 10px 12px 20px;
  text-align: left;
  width: 440px;
}

#cat-title {
  background-color: #095c66;
  color: #fff;
  float: right;
  padding-bottom: 21px;
}

.table-head {
  overflow: hidden;
}

#shared-table-title {
  background-color: #dbeced;
  color: #095c66;
  float: left;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 600;
  padding: 15px 20px 15px 20px;
  text-align: left;
  width: 310px;
}

#resell-title {
  background-color: #dbeced;
  color: #095c66;
  float: left;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 600;
  padding: 15px 20px 15px 20px;
  text-align: left;
  width: 430px;
}

#reseller-payment {
  margin-top: 75px;
}

#shared-payment {
  margin-top: 57px;
}

#popular-bg {
  background-color: #095c66;
  color: #fff;
  padding-bottom: 0px;
}

#popular-bg p {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1;
  padding: 4px 0px 15px 5px;
  text-transform: uppercase;
  width: 100px;
}

.corner-box {
  background-color: #dbeced;
  padding-bottom: 49px;
}

.no-padding {
  padding: 0;
  width: 120px;
}

/*--------------------------------------------------------------------------
14. Footer button
---------------------------------------------------------------------------- */

.facebook-slide {
  background-color: #fff;
  background-image: url('../img/facebook.png');
  border-radius: 50%;
  height: 35px;
  margin: 10px;
  width: 35px;

}

.facebook-slide:hover {
  background-color: #63b0bb;
  background-position: 0px -35px; 
}

.google-slide {
  background-color: #fff;
  background-image: url('../img/google-plus.png');
  border-radius: 50%;
  height: 35px;
  margin: 10px;
  width: 35px;
}

.google-slide:hover {
  background-color: #63b0bb;
  background-position: 0px -35px; 
}

.twitter-slide {
  background-color: #fff;
  background-image: url(../img/twitter.png);
  border-radius: 50%;
  height: 35px;
  margin: 10px;
  width: 35px;
}

.twitter-slide:hover {
  background-color: #63b0bb;
  background-position: 0px -35px; 
}

.social-icons {
  float: right;
  margin-right: 20px;
}

.social-icons li {
  margin-bottom: 10px;
}

/*--------------------------------------------------------------------------
14. Domains
---------------------------------------------------------------------------- */

.domain-content {
  float: left;
  margin-bottom: 15px;
  padding-left: 32px;
  width: 410px;
}

.domain-content h1 {
  color: #000;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  margin: 20px 0px 10px;
  width: 450px;
}

.domain-content p {
  width: 460px;
}

.domain-header {
  display: block;
  width: 960px;
}

.domain-price {
  padding: 20px 40px 0px 30px;
  width: 660px;
}

.domain-price h3 {
  color: #000;
  float: left;
  font-size: 27px;
  font-size: 1.6875rem;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 5px;
  text-align: left;
  width: 690px;
}

.benefits-sidebar li span {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 10px 30px 10px 30px;
  text-align: center;
  width: 160px;
}

#benefits-map
{
margin-left: 10px;
}

.domain-table-bg {
  float: left;
  width: 730px;
}

.domain-table tbody {
  float: left;
  width: 660px;
}

.domain-table tr {
  padding: 5px;
  text-align: left;
  width: 670px;
}

.domain-table td {
  color: #095c66;
  text-align: left;
}

#paypal-payment img {
  display: block;
  float: right;
}

#payment-section {
  padding-left: 20px;
}

/*--------------------------------------------------------------------------
15. Affiliates
---------------------------------------------------------------------------- */

.affiliate {
  float: left;
  margin-bottom: 10px;
}

.affiliate-content {
  float: left;
  margin: 0px 30px 32px 30px;
  width: 670px;
}

.affiliate-content h1 {
  color: #000;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  margin: 20px 0px 15px;
  width: 730px;
}

.affiliate-content p {
  margin-bottom: 12px;
}

.benefits-sidebar img {
  display: block;
  margin: 0 auto;
}

.benefits-sidebar h3 {
  color: #000;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  margin-top: 20px;
  padding: 20px 10px;
  text-align: center;
}

.affiliate-table-title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  margin: 5px 0px 5px 12px;
  text-align: left;
}

#last-paragraph {
  margin-bottom: 10px;
}

.affiliate-bg {
  float: left;
  padding: 0px 20px 91px 20px;
  width: 690px;
}

.affiliate-table {
  margin-bottom: 10px;
  margin-left: 12px;
  padding: 20px;
  width: 650px;
}

.affiliate-table tbody {
  padding: 22px;
}

.affiliate-table td {
  text-align: left;
  width: 310px;
}

.affiliate-bg span.title {
  display: block;
  text-align: left;
}

.offer {
  margin: 10px;
  width: 340px;
}

.offer strong {
  color: #095c66;
  display: block;
  font-weight: bold;
}

.offer span {
  color: #095c66;
}

#last-offer {
  margin-right: 0px;
}

/*--------------------------------------------------------------------------
16. Contact
---------------------------------------------------------------------------- */

.contact-content {
  float: left;
  width: 730px;
}

.benefits-sidebar {
  background: url('../img/sidebar-small-bg.png') repeat;
  float: right;
  padding-bottom: 7px;
  width: 220px;
}

.benefits-information img {
  display: block;
  margin: 0 auto;
}

.benefits-information li {
  margin-top: 30px;
}

#domain-sidebar {
  margin-bottom: 5px;
  padding-bottom: 17px;
}

.benefits-sidebar h3 {
  color: #000;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 32px;
  padding: 30px 10px 7px 10px;
  text-align: center;
}

#affiliates-sidebar {
  padding-bottom: 17px;
}

.contact-content h1 {
  color: #000;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  margin: 20px 32px 15px;
}

.contact-details {
  display: inline-block;
  margin-top: 8px;
  width: 730px;
}

.contact-page {
  margin-bottom: 3px;
}

.existing-customers {
  float: left;
  margin: 30px 0px 40px 134px;
  width: 380px;
}

.existing-customers p {
  margin-left: 10px;
}

.existing-customers a {
  color: #035d67;
  font-size: 0.875rem;
}

.existing-customers a span {
  font-size: 0.875rem;
}

.existing-customers h4 {
  color: #000;
  font-size: 28px;
  font-size: 1.75rem;
  margin: 0px 0px 20px 7px;
}

.contact-address {
  float: left;
  margin-left: 55px;
  margin-top: 30px;
  width: 150px;
}

.contact-address li {
  color:  #095c66;
  font-size: 0.875rem;
}

.contact-address h5 {
  color: #000;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 400;
  margin-bottom: 20px;
}

.placeholder {
  color:  #095c66;
}

#contact-sidebar {
  padding-bottom: 50px;
}

/*--------------------------------------------------------------------------
17. Forms
---------------------------------------------------------------------------- */

fieldset { 
  border: 0; 
}

label { 
  cursor: pointer; 
  display: block; 
  margin-bottom: 5px; 
}

input { 
  display: inline-block; 
  outline: none; 
  resize: none;
}

#home-search {
  background-color: #f2f2f2;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 38px;
  margin-left: 70px;
  padding-left: 10px;
  width: 367px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -o-border-radius: 5px;
}

input[type="text"], 
input[type="search"], 
input[type="email"], 
textarea {
  float: left;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem; /* 16px */
  font-weight: normal;
}

select {
  background-color: #ebebeb;
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px #000 solid;
  float: left;
  font-weight: 300;
  line-height: 1.5;
  text-indent: 0.01px;
  text-overflow: '';
}

select li {
  height: 40px;
}

textarea {
  border: none;
  resize: none;
}

.main-content h1 { 
  margin-top: 20px; 
}

#contact-form { 
  float: left; 
  margin-top: 10px;
  overflow: hidden;
  position: relative; 
  width: 730px;
}

#contact-form input {
  width: 690px;
}

#contact-form label {
  display: block;  
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 15px 0px 20px 32px;
  text-align: left;
  width: 80px;
}

#contact-form .dk-selected { 
  margin-left: 0px; 
  width: 730px; 
}

#contact-form .dk-select { 
  margin-bottom: 20px; 
  margin-left: 0px; 
  width: 100%; 
}

#contact-form input[type="search"], 
#contact-form input[type="text"], 
#contact-form input[type="email"] {
  background-color: #ebebeb;
  border: 1px solid #999;
  color: #095c66;
  float: right;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  margin: 0px 32px 20px 0px;
  padding: 11px; 
  width: 530px;
}

#contact-form textarea {
  background-color: #ebebeb;
  border: 1px solid #999;
  color: #095c66;
  float: right;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400; 
  height: 205px; 
  margin: 0px 32px 20px 0px;
  padding: 11px;
  width: 530px; 
}

#message-label {
  float: left;
}

.req-field {
  display: inline-block;
  float: left;
  font-size: 1.125rem;
  margin: 0px 0px 20px 143px;
}

#contact-form .btn {
  background-color: #63b0bb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  color: #fff;
  float: left;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin: 0px 80px 15px 144px;
  padding: 7px;
  width: 190px;
  -o-border-radius: 5px;
}

#contact-form .btn:hover {
  background-color: #095c66;
  -moz-transition: background-color ease-out 0.5s;
  -o-transition: background-color ease-out 0.5s;
  -webkit-transition: background-color ease-out 0.5s;
  transition: background-color ease-out 0.5s;
}

#name-input { 
  margin: 10px 0px 10px 0px; 
}

#subject-input {
  border: 1px solid #999;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0px;
  color: #095c66;
  float: right;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  height: 46px;
  margin: 0px 32px 20px 0px;
  outline: none;
  padding: 11px;
  width: 554px;
  -0-border-radius: 0;
}

#subject-input option {
  color: #095c66;
}

#error-message {
  float: right;
  margin-bottom: 10px;
  margin-right: 32px;
  overflow: hidden;
  width: 555px;
}

#error-message p {
  color: #095C66;
  font-size: 16px;
  font-size: 1rem;  
  margin-bottom: 0px;
  padding: 0; 
}

#success-message h3 {
  color: #095C66; 
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0px; 
}

.contact-icon {
  margin-left: 10px;
}

input[type="captcha"] {
  width: 298px;
}

#captcha {
  border: 1px solid #000;
  display: inline-block;
  float: right;
  margin-bottom: 20px;
  margin-right: 32px;
  width: 552px;
}

#captcha input {
  float: right;
  margin: 6px 10px 5px 10px;
  padding: 10px 10px 10px 11px;
  width: 150px;
}

#captcha #six_letters_code {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 280px;
}

#captcha label {
    margin-top: 10px;
}

#captcha label {
  font-size: 16px;
  line-height: 1.3;
  margin: 5px 0px 5px 5px;
  text-align: left;
}

#captcha a {
  color: #035d67;
  font-size: 0.875rem;
}

#captcha small {
  float: right;
  margin-right: 32px;
}

#captchaimg {
  display: block;
  float: right;
  margin: 5px 5px 0px 0px;
}

#six_letters_code {
  background-color: #ebebeb;
  border: 1px solid #999;
  color: #095c66;
  display: block;
  float: right;
  font-size: 1rem;
  margin: 0px 32px 20px 0px;
  padding: 11px;
  width: 200px;
}

/*--------------------------------------------------------------------------
18. Footer
---------------------------------------------------------------------------- */

.footer-container {
  background-color: #fff;
  display: inline-block;
  margin: 0 auto;
  overflow: hidden;
  width: 960px;
}

#footer-links-block {
  float: right;
}

#footer-copyright-block {
  float: left;
}

.main-footer {
  float: left;
  padding: 40px 10px 75px 10px; 
  width: 940px; 
}

.footer-logo { 
  margin-bottom: 15px;
  padding-left: 20px; 
  width: 310px;
}

.footer-copyright { 
  float: left; 
  padding-left: 40px; 
  width: 310px; 
}

.footer-copyright p {
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;  
  margin-bottom: 20px; 
}

.social-media {
  float: right;
  margin: 0; 
  width: 80px;
}

.footer-copyright .social-media ul li { 
  display: inline; 
  margin-right: 20px; 
}

.social-media li {
  margin-bottom: 3px;
}

.copyright {
  padding-left: 20px;
}

#register {
  margin-top: 10px;
}

.footer-copyright p.copyright { 
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0px; 
}

.copyright p {
  margin-bottom: 0;
}

.footer-links { 
  float: left; 
  width: 500px; 
}

.footer-links ul { 
  float: left; 
  margin-left: 30px; 
  width: 110px; 
}

.footer-links ul li { 
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 5px;
}

.footer-links ul li a { 
  color: #fff;
  font-size: 12px;
  font-size: 0.750rem;
  font-weight: 300; 
  text-decoration: none;
}

.footer-links ul li a:hover { 
  color: #63b0bb;
  -moz-transition: background-color ease-out 0.5s;
  -o-transition: background-color ease-out 0.5s;
  -webkit-transition: background-color ease-out 0.5s;
  transition: background-color ease-out 0.5s; 
}

#fda-web-design {
  float: right;
  font-size: 12px;
  font-size: 0.750rem;
  margin: 0px 90px 5px 0px;
  position: relative;
  width: 420px;
}

#fda-web-design a {
  background-color: #f68631;
  color: #fff;
  display: block;
  font-size: 12px;
  font-size: 0.70rem;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
}

#fda-web-design a:hover {
  background-color: #54565b;
  -moz-transition: background-color ease-out 0.5s;
  -o-transition: background-color ease-out 0.5s;
  -webkit-transition: background-color ease-out 0.5s;
  transition: background-color ease-out 0.5s;
}

/*--------------------------------------------------------------------------
19. Secondary Nav
---------------------------------------------------------------------------- */

.secondary-nav {
  float: right;
  margin: 25px 0px; 
}

.secondary-nav ul {
  list-style: none;
  margin: 0;
  padding: 5px;
  text-align: center; 
}

.secondary-nav li {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0px 25px; 
}

.secondary-nav a {
  color: #333;
  display: block;
  text-decoration: none; 
}

.secondary-nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default; 
}

#copyright {
  float: left;
  margin: 25px 0px; 
}

input#home-submit {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  height: 38px;
  margin-right: 25px;
  padding-left: 1px;
  -o-border-radius: 5px;
}

#home-submit:hover {
  background-color: #095c66;
  -moz-transition: background-color ease-out 0.5s;
  -o-transition: background-color ease-out 0.5s;
  -webkit-transition: background-color ease-out 0.5s;
  transition: background-color ease-out 0.5s;
}

/*--------------------------------------------------------------------------
20. Fallbacks
---------------------------------------------------------------------------- */

.no-rgba .faded-black-box {
  background: url('../img/black-gb.png') repeat;
}



/*--------------------------------------------------------------------------
15. Site Map
---------------------------------------------------------------------------- */

a.sitemap-link {
  color: #000;
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5;
  text-decoration: none; 
}