/** Navigation **/
a {outline: none; outline: 0px; border: 0px;}
nav.navbar {text-transform: uppercase; font-weight: bold; font-size: 90%; padding: 20px 0px; width: 100%; z-index: 1000; transition: background 0.4s linear 0s, color 0.4s linear 0s, box-shadow 0.4s linear 0s, padding 0.4s linear 0s; position: fixed; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
nav.navbar.affix {background: #454545; color: #FFFFFF !important; padding: 0px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
nav.navbar.affix a:hover {color: #0CB9D7;}
a#shopsitelogo {text-transform: lowercase !important; font-size: 250%; letter-spacing: -3px; font-weight: bold; font-family: "arial black", arial black, "arial bold", arial, helvetica, sans-serif; position: relative; top: -4px; color: #E2E2E2;}
a#shopsitelogo span {font-style: italic; color: #FFFFFF;}
nav.navbar a.phone, nav.navbar a.phone:hover {font-family: 'Oswald', Helvetica, sans-serif; font-weight:100; letter-spacing: 0.5px; color: inherit !important;}
nav.navbar li a#try {background:#62CDE5; border-radius: 4px; color: #000000; padding-bottom: 10px; padding-top: 10px; margin-top:5px;}
nav.navbar.affix li a#try {padding-bottom: 8px; padding-top: 8px; margin-top: 7px;}
.navbar-brand.navbar-dualbrand {padding-top: 0px; margin-top: -5px;}
body.WorldPay .navbar-brand.navbar-dualbrand {margin-top: 0px; position: relative; top: 6px;}
.navbar-brand > img {max-height: 100%;}
img#partner-logo[alt="PayPal"] {position: relative; top: 10px;}
span.navbar-and {float: left; line-height:50px; padding: 0px 10px 0px 0px}
body#home nav.navbar.affix li a#try {background:#FFC238;}
.inline {display: inline-block;}
.hidden, .clear-md {display: none;}
div#searchform {display: none; background: #036488; color: #FFFFFF; padding: 10px; text-align: center; z-index:4000; position: relative;}
div#searchform input[type="text"] {width: 70%; max-width: 500px; color: #232323;}
div#searchform input[type="submit"] {padding: 0px 10px; margin: 0px; cursor: pointer; background: transparent; color: #FFFFFF; border: 0px;}

#right-nav > li {background-color: #ffffff; border-bottom: 1px solid #f2f2f2; font-weight: bold; position: relative;}
#right-nav > li:last-child {border-bottom: 0px;}
#right-nav > li.active, #right-nav > li a:hover {background: #FAFAFA !important;}
#right-nav > li.active:before {content: ''; display: block; border-top: 24px solid transparent; border-left: 0px; border-right: 14px solid #F2F2F2; border-bottom: 24px solid transparent; position: absolute; top: 0px; left: -14px; z-index: 2;}
#right-nav > li.active:after {content: ''; display: block; border-top: 24px solid transparent; border-left: 0px; border-right: 14px solid #FAFAFA; border-bottom: 24px solid transparent; position: absolute; top: 0px; left: -13px; z-index: 3;}
#right-nav > li > a span {font-size: 160%; margin-right: 15px; position: relative; top: 5px; color: #0CADD6;}
#right-nav > li > a {padding: 8px 15px 12px 15px;}

body#home h1, body#home h2, body#home h3, body#home h4, body#home h5, body#home h6 {font-family: 'Raleway'; }
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway'; font-weight: 400;}
h1.large, h2.h1 {font-size: 400%;font-weight: 100; padding-top: 0px; margin-top: 0px;}
.large {font-size: 150%}
body, td {font-family: 'Raleway'}
.clear {clear: both;}
.bold, .strong {font-weight: bold;}
select {font-weight: normal;}
.font-white {color: #FFFFFF}
.font-white a:hover, .bg-graydk a:hover {color: #E7E7E7}
.bg-white {background-color: #FFFFFF;position: relative; z-index:2;}
.bg-graydk {background-color: #343434; color: #FFFFFF; position: relative; z-index:0;}
.bg-gray {background-color: #EAEAEA; position: relative; z-index: 2;}
.bg-graylt {background-color: #F8F8F8; position: relative; z-index: 2;}
.bg-green {background-color: #a1c444; color: #FFFFFF; position: relative; z-index: 2;}
.width {width: auto; margin: 0px auto; max-width: 1200px;}
.fixed {position: fixed; top: 0px; width: 100%}
.fixed > div {position: relative; z-index: 0;}
.stationary-bg {position:fixed;top:0px;left:0px;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:-1;}
#banner-home {background: #0ecde9;background: -moz-radial-gradient(center, ellipse cover,  #0ecde9 0%, #025e83 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0ecde9), color-stop(100%,#025e83));background: -webkit-radial-gradient(center, ellipse cover,  #0ecde9 0%,#025e83 100%);background: -o-radial-gradient(center, ellipse cover,  #0ecde9 0%,#025e83 100%);background: -ms-radial-gradient(center, ellipse cover,  #0ecde9 0%,#025e83 100%);background: radial-gradient(ellipse at center,  #0ecde9 0%,#025e83 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ecde9', endColorstr='#025e83',GradientType=1 )}
body.amazon #banner-home {background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 37%, #d5d5d5 100%); background: -webkit-linear-gradient(top,  #ffffff 37%,#d5d5d5 100%); background: linear-gradient(to bottom,  #ffffff 37%,#d5d5d5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 ); color: inherit;}
body.amazon > div:nth-child(5) {border-top: 1px solid #DDDDDD;}
#banner-cookbook {background: #66185e;background: -moz-radial-gradient(center, ellipse cover,  #b936a5 0%, #66185e 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b936a5), color-stop(100%,#66185e));background: -webkit-radial-gradient(center, ellipse cover,  #b936a5 0%,#66185e 100%);background: -o-radial-gradient(center, ellipse cover,  #b936a5 0%,#66185e 100%);background: -ms-radial-gradient(center, ellipse cover,  #b936a5 0%,#66185e 100%);background: radial-gradient(ellipse at center,  #b936a5 0%,#66185e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b936a5', endColorstr='#66185e',GradientType=1 )}

.icon {display: block; width: 80px; height: 80px; margin: 0px auto 5px auto; line-height: 80px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #0AA8C7}
.icon > span {font-size: 40px;}
.icon.icon-circle {border-width: 1px; border-style: solid; border-color: #0AA8C7; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%}
.icon.icon-sm {width: 60px; height: 60px; line-height: 70px}
.icon.icon-sm > span {font-size: 26px;}
.icon-white, .icon-white .icon, a.icon-white .icon {color: #FFFFFF; border-color: #FFFFFF;}
a.icon-white:hover .icon-circle {background: #FFFFFF; color: #343434; border-color: #FFFFFF;}
a.icon-white:hover {text-decoration: none;}
.padt, .padv {padding-top: 30px;}
.padb, .padv {padding-bottom: 30px;}
.padtlg, .padvlg {padding-top: 60px;}
.padblg, .padvlg {padding-bottom: 60px;}
.padtmd, .padvmd {padding-top: 15px;}
.padbmd, .padvmd {padding-bottom: 15px;}
.padtsm, .padvsm {padding-top: 8px;}
.padbsm, .padvsm {padding-bottom: 8px;}

ul.checkmarks {margin: 0px; padding: 30px 0px; list-style: none;}
ul.checkmarks > li {display: block; list-style-type: none; margin: 0px; padding: 4px 0px 4px 40px; position: relative;}
ul.checkmarks > li:before{color: #0AA8C7; -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; position: absolute; top: 6px; content:"\e013"; padding: 0px; left:5px;}
.glyphicon-ok {color: #0AA8C7;}

div#full-height {height: 100%;}
div.valign > div {display: inline-block;vertical-align: middle;height: 100%;}
div.valign > div > div {display:inline-block}
div.valign > div:before {content: '';display: inline-block;vertical-align: middle;height: 100%;max-width:1%}

.valign.top > div, .valign.top > div:before {vertical-align: top;}

div.valign-section {display: inline-block;vertical-align: middle; width: 100%}
div.valign-section > div {display:inline-block; width: 94%; padding: 80px 0px}
div.valign-section:before {content: '';display: inline-block;vertical-align: middle;height: 100%;max-width:1%}

footer {background: #212121; color: #A5A5A5; position: relative; z-index: 2; text-align: center; display: block; width: 100%; left: 0px; clear: both;}
div#footer div.footerlinks span, div#footer div.footerlinks a {display: block; color: inherit; padding: 2px 0px;}
div#footer div.footerlinks span {font-weight: bold; font-size: 110%; padding-bottom: 13px; color: #FFFFFF;}
div#footer div.footerlinks a:hover {text-decoration: none; color: #FFFFFF;}
div#footer div.footericons a {display: inline-block; width: 18%; max-width: 30px; margin: 0px 2% 0px 0px; padding: 0px;}
div#footer div.footericons a img, div#footericons-reg a img {max-width: 100%;}
div#footericons-reg a {display: inline-block; max-width: 50px; width: 50px; margin: 0px 4px; padding: 0px;}

/** Specific Elements **/
/** Videos **/
.max700 {max-width: 700px; margin: 0px auto;}
/** Forms **/
div#centersquare {width: 100%; max-width: 600px; margin: 0px auto;}
/** Contact Features **/
a.mbphone {color: inherit; text-decoration: none; cursor: default;}
.google-maps {position: relative; padding-bottom: 90%; height: 0; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/** Hide/Display Sections **/
a.accordTitle {clear: both; color: inherit; text-decoration: none; display: block; border-top: 2px solid #DDDDDD; background: #F9F9F9; font-size: 14pt; padding: 10px; border-bottom: 1px solid #DDDDDD; outline:none;}
a.accordTitle span.glyphicon {float:right;}
div.accordPanel {display: none; clear:both; padding-top: 15px; padding-bottom: 15px;}
/** Pricing **/
div#plans {width: 100%; margin: 0px auto; padding: 30px 0px 60px 0px;}
div.compare {margin: 0px; padding: 0px; border: 1px solid #E3E3E3; position: relative;}
div.compare h2 {margin: 0px; padding: 8px 0px; text-align: center; color: #FFFFFF; background: #dd0131 url(../media/backgrounds/texture-bg.png);}
div.compexpress h2 {background: #08B2B2 url(../media/backgrounds/texture-bg.png);}
div.compmanager h2 {background: #b30159 url(../media/backgrounds/texture-bg.png);}
div.comppro h2 {background: #7c378a url(../media/backgrounds/texture-bg.png);}
div.compprice {font-size: 400%; color: #454545; text-align: center; padding: 26px 0px 18px 0px; margin: 0px; position: relative; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
div.compprice sup {font-size: 50%; position: relative; top: -3px;}
span.permonth {position: absolute; bottom: 20px; right: 0px; font-size: 10pt; display: block; width: 60%; text-align: center; color: #595959;}
div.compare ul {list-style-type: none; padding: 0px; margin: 0px;}
div.compare li {display: block; text-align: center; line-height: 22px; color: #454545;}
div.learnstart {padding: 14px 0px; text-align: center; margin: 0px;}
div.learnstart a {display: block; width: 70%; text-align: center; margin: 6px auto;}
div.compexpress div.learnstart {padding: 28px 0px 0px 0px;}
div.compexpress div.learnstart a {display: block;}
div.compexpress div.learnstart span {display: block; background: #E3E3E3; padding: 15px 0px; text-align: center;}
div.half p {width: 90%; font-size: 106%;}
div.half p b {display: block; font-size: 110%;}
span.discountpercent {position: absolute; top: 4px; right: 0px; font-size: 10pt; background: #55C3E8; color: #FFFFFF; font-weight: bold; padding: 6px 10px;}
span.regularprice {font-size: 10pt; color: #898989; text-align: center; top: -6px; display: block; position: relative; padding-bottom: 10px;}
a.allthreestart {font-size: 180%; width: 100%; max-width: 400px;}
.startsat {display: block; font-size: 90%; padding: 20px; position: absolute; text-align: center; width: 100%;}
div.onetimepricing {font-size: 80%; font-weight: bold; margin-top: -20px; position: absolute; text-align: center; width: 100%;}

/** Specific Pages **/
/** home page **/
div#fixedbg {padding-top:150px; max-width: 100%;}
img#overflowimg {max-width: 100%; margin: 0px auto; position: relative; top: 90px;}
.featuredstore > a {display: block; margin: 0px 10px 70px 10px; border: 1px solid #EFEFEF;}
div#logosline {width: 120%; white-space: nowrap; text-align: center; position: relative; left: -10%;}
div#logosline > a {display: inline-block; width: 8%; text-align: center; margin: 0px 1%;}
div#logosline > a > img {max-width: 100%; margin: 0px auto;}
/** CC pages **/
body.us .nous, body.ca .noca, body.uk .nouk, body.eu .noeu, body.ger .noger, body.nz .nonz, body.aus .noaus, body.other .noother {display: none;}
body.us .us, body.ca .ca, body.uk .uk, body.eu .eu, body.ger .ger, body.nz .nz, body.aus .aus, body.other .other {display: block;}
div.payment-gateways, div#payment-gateways, div#payment-methods {display: block; clear: both; padding: 26px 0px 16px 0px; margin: 0px auto;}
div.paygate {min-height: 150px;}
div.paygate .image {display: block; height: 100px; text-align: center;}
div.paygate .image img {margin: auto; max-height: 100px;}
/** Designers & Partners **/
.valign > div {display: inline-block; vertical-align: middle; height: 100%;}
.valign > div:before {content: ''; display: inline-block; vertical-align: middle; height: 100%;}
div.plink {padding: 20px 0px 30px 0px; border-bottom: 1px solid #DDDDDD;}
div.plink:hover {background: #F8F8F8;}
div.plogo {width: 29%; text-align: center;}
div.plogo a {display: block; width: 90%; max-width: 190px; margin: 0px auto; background: #FFFFFF; padding: 40px 0px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #DFDFDF;}
div.plogo.nohpad a {padding: 10px 0px;}
div.plogo a img {max-width: 90%; margin: 0px auto;}
div.pinfo {width: 70%; text-align: left;}
div.pinfo a.pname {font-size: 140%;}
div.pinfo span.pphone {padding-left: 10px; color: #E07F00; font-size: 120%;}
div.pinfo p {padding: 4px 30px 0px 0px;}
body#elCountry.pacific .plink, body#elCountry.mount .plink, body#elCountry.central .plink, body#elCountry.east .plink, body#elCountry.intl .plink,
body#elCountry.ordermanage .plink, body#elCountry.shipping .plink, body#elCountry.customerservice .plink, body#elCountry.social .plink, body#elCountry.seo .plink, body#elCountry.design .plink, body#elCountry.checkout .plink
 {display: none;}
body#elCountry.pacific .plink.pacific, body#elCountry.mount .plink.mount, body#elCountry.central .plink.central, body#elCountry.east .plink.east, body#elCountry.intl .plink.intl,
body#elCountry.ordermanage .plink.ordermanage, body#elCountry.shipping .plink.shipping, body#elCountry.customerservice .plink.customerservice, body#elCountry.social .plink.social, body#elCountry.seo .plink.seo, body#elCountry.design .plink.design, body#elCountry.checkout .plink.checkout {display: block;}
/** Newsletters **/
div#newsletter-nav {padding: 0px 0px 20px 0px; text-align: center;}
div#newsletter-nav2 {padding: 50px 0px 0px 0px; text-align: center;}
a.news-prev {display: inline-block; float: left; clear: none;}
a.news-prev > span.glyphicon {margin-right: 15px;}
a.news-next {display: inline-block; float: right; clear: none;}
a.news-next > span.glyphicon {margin-left: 15px;}
/** Checklist **/
a#printable {display: inline-block; float: right; font-size: 16px;}

/** SAAS **/
div#PBouter {margin: 30px auto;}




div.inline-right {display: inline-block; float: right; clear: none; min-width: 300px; max-width: 50%; padding: 20px 0px 30px 30px;}

@media screen and (max-width: 992px) {
h1.large, h2.h1 {font-size: 300%;}
.large {font-size: 130%}
.width {max-width: 96%;}
div#fixedbg {padding-top:120px;}
img#overflowimg {max-width: 100%; margin: 0px auto; position: relative; top: 60px;}
.clear-md {display: block; clear: both;}
}
@media screen and (max-width:992px) and (min-width:768px) {
	nav.navbar a.phone {display: none;}
	.nav > li > a {padding: 15px 10px;}
}
@media screen and (max-width: 768px) {
h1.large, h2.h1 {font-size: 200%;}
.large {font-size: 110%}
div.valign-section > div {padding: 40px 0;}
div.valign-section > div.container h1 {padding-top: 40px;}
div#fixedbg {padding-top:100px;}
div#footer div:nth-child(odd) {clear: left;}
div#footer div:nth-child(even) {clear: right;}
div#footer div.footericons {text-align: center;}
div.inline-right {display: block; float: none; clear: both; min-width: auto; max-width: 100%; padding: 20px 0px; text-align: center;}
td.version {display: none;}
div#bs-example-navbar-collapse-1 {background: #232323;}
}