/*
 * COLORS:
 * 
 * #606060  - deep gray
 * #E44322  - orange/red
 * #2c2c2c  - gray near black
 * #dddddd  - light gray
 */


/*
 * TRANSITION STRATEGY:
 * swap <display:none> with <display:___;visibility:hidden;opacity:0;height;0> so that transition effects work 
 */
  
body {
  font-family: Arial, Helvetica, sans-serif;
}

h5 {
  line-height:1.3;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.container,
.container-fluid {
  max-width: 1400px;
}

/************************************************************************
   HEADER
*************************************************************************/

/* put a covered overlay on top of header to differentiate it from the center of the page */
/* and put the clickable items back on top of the overlay */

header {
  margin-top:4px;
}

.s50-header-lg,
.s50-header-sm {
  position:relative;
}
.s50-overlay {
  background: rgba(250, 116, 74, 0.06);
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
  z-index:1;
}

.s50-header-lg .s50stackcol,
.s50-header-sm .s50stackcol {
  z-index:2;
}

/* slight gap at top of page */
.s50-header-lg > .s50-overlay + .container-fluid {
  padding-top:6px;
}

/* tagline styling */
#s50-header-tagline {
  text-align:center;
  padding-top:20px;
  color:#2C2C2C;
}

#s50-header-tagline h1 {
  font-size: 200%;  
  font-weight: 700; 
  margin:auto;
  margin-top: 10px; 
} 

#s50-header-tagline h2 {
  font-size:150%;
  margin-top:0px;
  margin:auto;
}

/************************************************************************
   CONNECTION AREA - social and contact
*************************************************************************/

#s50-head-connect-mini .s50-connect-info {
  display:none;
}

#s50-connect-reveal .s50-updown {
  padding-left:15px;
}

#s50-connect-reveal .fa {
  vertical-align:middle;
  font-size:80%;
}

#s50-connect-reveal .fa.s50-updown {
  font-size:150%;
}

/* social list: remove ul default padding */
.social {
  padding:0;
}

/* make social icons horizontal */
.social li {
  display: inline-block;
}

/* bring bottom of social icon into view when hovered - "spin" effect */
.social li {
  transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.social li:hover {
  background-position: 0 -25px;
}

/* social icon links */
.social li a {
  display: block;
  width: 25px;
  height: 25px;
}

/* point social icon classes to correct image */
.digg { background: url(../img/social/digg.png) no-repeat; }
.delicious {  background: url(../img/social/delicious.png) no-repeat; }
.amazon2 {  background: url(../img/social/amazon2.png) no-repeat; }
.behance2 { background: url(../img/social/behance2.png) no-repeat; }
.behance { background: url(../img/social/behance.png) no-repeat; }
.blogger2 { background: url(../img/social/blogger2.png) no-repeat; }
.deviantart2 { background: url(../img/social/deviantart2.png) no-repeat; }
.deviantart { background: url(../img/social/deviantart.png) no-repeat; }
.dribbble2 { background: url(../img/social/dribbble2.png) no-repeat; }
.dribbble { background: url(../img/social/dribbble.png) no-repeat; }
.dropbox2 { background: url(../img/social/dropbox2.png) no-repeat; }
.evernote2 { background: url(../img/social/evernote2.png) no-repeat; }
.facebook2 { background: url(../img/social/facebook2.png) no-repeat; }
.facebook { background: url(../img/social/facebook.png) no-repeat; }
.forrst2 { background: url(../img/social/forrst2.png) no-repeat; }
.forrst { background: url(../img/social/forrst.png) no-repeat; }
.flickr { background: url(../img/social/flickr.png) no-repeat; }
.github2 { background: url(../img/social/github2.png) no-repeat; }
.googleplus {  background: url(../img/social/googleplus.png) no-repeat; }
.googleplus2 { background: url(../img/social/googleplus2.png) no-repeat; }
.google { background: url(../img/social/google.png) no-repeat; }
.grooveshark { background: url(../img/social/grooveshark.png) no-repeat; }
.jolicloud2 { background: url(../img/social/jolicloud2.png) no-repeat; }
.last-fm2 { background: url(../img/social/last-fm2.png) no-repeat; }
.last-fm { background: url(../img/social/lastfm.png) no-repeat; }
.linkedin2 { background: url(../img/social/linkedin2.png) no-repeat; }
.linkedin { background: url(../img/social/linkedin.png) no-repeat; }
.myspace { background: url(../img/social/myspace.png) no-repeat; }
.picasa2 { background: url(../img/social/picasa2.png) no-repeat; }
.pintrest2 { background: url(../img/social/pinterest2.png) no-repeat; }
.pintrest { background: url(../img/social/pinterest.png) no-repeat; } 
.rss2 { background: url(../img/social/rss2.png) no-repeat; }
.rss { background: url(../img/social/rss.png) no-repeat; }
.skype2 { background: url(../img/social/skype2.png) no-repeat; }
.skype { background: url(../img/social/skype.png) no-repeat; }
.spotify2 { background: url(../img/social/spotify2.png) no-repeat; }
.stumbleupon { background: url(../img/social/stumbleupon.png) no-repeat; }
.stumbleupon2 {  background: url(../img/social/stumbleupon2.png) no-repeat; }
.tumblr2 { background: url(../img/social/tumblr2.png) no-repeat; }
.tumblr { background: url(../img/social/tumblr.png) no-repeat; }
.twitter2 { background: url(../img/social/twitter2.png) no-repeat; }
.twitter { background: url(../img/social/twitter.png) no-repeat; }
.vimeo2 { background: url(../img/social/vimeo2.png) no-repeat; }
.vimeo { background: url(../img/social/vimeo.png) no-repeat; }
.wordpress2 { background: url(../img/social/wordpress2.png) no-repeat; }
.xing2 { background: url(../img/social/xing2.png) no-repeat; }
.yahoo2 { background: url(../img/social/yahoo2.png) no-repeat; }
.youtube2 { background: url(../img/social/youtube2.png) no-repeat; }
.youtube { background: url(../img/social/youtube.png) no-repeat; }


.s50-head-connect {
  color:#C0C0C0;
}

/* move full connect column to right of window */
#s50-head-connect-full {
  text-align:right;
}

/* hide mini-connect at full scale, show at small scale */
#s50-head-connect-mini {
  text-align:center;
  display:none;
}

/* contact list: remove ul default padding */
.contact-info {
  padding:0;
}

/* show contact items vertically */
.contact-info li{
  display:block;
}

/* contact icons */
.contact-info .fa {
  font-size:100%;
  padding-right:7px;
  color:#E44322;
}

/* contact text */
.contact-info li a {
  font-size:85%;
  line-height:80%;
  text-decoration:none;
  color:#606060;
}

.contact-info li a:hover {
  color:#e44322;
}

/************************************************************************
   NAVIGATION
*************************************************************************/

#s50-mainnav > .container-fluid > ul {
  list-style:none;
}

/* 
  line across top and bottom of menu area
  Remove bootstrap default margin under menu
  Remove bootstrap menu bar min height 
*/
#s50-mainnav {
  border-top: 1px solid #e44322;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 0;
  min-height:0;
}

#s50-mainnav .dropdown a {
  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;  
    -ms-transition: all 0.3s ease;
}

.s50-dropmenu {
  padding:0;
  margin:0;
}

/* hide the menu button for normal screens */
#s50-mainnav .btn-navbar {
  display:none;
  font-size:180%;
  color:black;
}

/* placement and size of main menu button icon next to word */
#s50-mainnav .fa-bars {
  margin-right:6px;
  margin-top:1px;
}

/* style menu dropdown headers */

#s50-menu-shopbtn {
  margin-right:50px;
}

#s50-mainnav .menubtn > a,
#s50-mainnav .dropdown > a {
  font-size: 85%;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 23px;
  padding-right: 23px;
  padding-bottom:10px;
  padding-top:10px;
}

#s50-mainnav .dropdown > a {
  color: #2c2c2c;
}

#s50-mainnav .menubtn  {
  margin-top:3px;
  margin-bottom:4px;
}

#s50-mainnav .menubtn a {
  background-color:#E44322;
  border-style:solid;
  border-width:1px;
  color:white;
  border-color:#E44322;
  padding-top:7px;
  padding-bottom:7px;
  border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;  
    -ms-transition: all 0.3s ease;
}

#s50-mainnav .menubtn a:hover {
  background-color:white;
  border-color:black;
  color:black;
}


/* highlight the top level menu items when selected or when menu is showing */
#s50-mainnav .dropdown:hover > a,
#s50-mainnav .dropdown > a:hover {
  background-color:#E44322;
  color:#FFFFFF;
}

#s50-mainnav .s50-menubtn:hover > a,
#s50-mainnav .s50-menubtn > a:hover {
}



/* hide dropdown carets on large screens - override on small screens */
#s50-mainnav .dropdown > a > span.fa-caret-down {
  display:none;
}

/* always hide dropdown carets when menu is selected */
#s50-mainnav .dropdown.hovershow > a:hover > span.fa-caret-down,
#s50-mainnav .dropdown.hovershow:hover > a > span.fa-caret-down {
  visibility:hidden;
}

/* hide fat-finger spacing item on large screens - override on small screens */
.s50-touchsep {
  background-color:#606060;
  text-align:center;
  color: white;
  font-size: 120%;
  font-weight: normal;  
  
  display:none;
}

/* style dropdown menu area */ 
#s50-mainnav .dropdown-menu {  
  border: none;
  min-width:10px;
  border-top:2px solid #e44322;
  background: #f9f9f9;
  border-bottom:0px;
  border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
  padding:0;
}
#s50-mainnav .dropdown-menu li {
  border-bottom:1px solid #dfdfdf;
}
#s50-mainnav .dropdown-menu li:last-child {
  border-bottom:0;
}
#s50-mainnav .dropdown-menu li a {
  font-size:85%;
  font-weight:700;
  color: #2c2c2c;
  padding:8px 100px 8px 10px;
}

/* dropdown menu transition strategy (see above) */
#s50-mainnav .dropdown-menu {  
  display:block;
  visibility:hidden;
  opacity:0;
  height:0;
  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;  
    -ms-transition: all 0.3s ease;
}
/* show dropdowns on hover over header on header */
#s50-mainnav .dropdown.hovershow a:hover+.dropdown-menu,
#s50-mainnav .dropdown.hovershow:hover .dropdown-menu,
#s50-mainnav .dropdown.s50-mobileselect .dropdown-menu
{
  visibility:visible;
  opacity:1;
  height:auto;
}
/* deal with interior of dropdown menu */
#s50-mainnav .dropdown-menu li {  
  visibility:hidden;
  opacity:0;
  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;  
    -ms-transition: all 0.3s ease;
}

#s50-mainnav .dropdown.hovershow a:hover+.dropdown-menu *,
#s50-mainnav .dropdown.hovershow:hover .dropdown-menu *,
#s50-mainnav .dropdown.s50-mobileselect .dropdown-menu *
{
  visibility:visible;
  opacity:1;
  height:auto;
}

/* title area identifying which page you are on */
.s50-navtitle-area {
  color:white;
  text-align:center;
  margin-top:30px;
}
.s50-navtitle{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:3px; 
  padding-right:3px;
  font-size:140%;
  background: #2c2c2c;
}


/******************************
 * FEATURED 
 * 
 * Used on homepage/landing pages for the main information presented to the visitor.
 * 
 ******************************/

#featured {
  position:relative;
  text-align:center;
  padding-top:60px;
  padding-bottom:1px;
  padding-top:10px;  
}

#featured .feature-title {
  color:#2c2c2c;
  font-size:180%;
  margin-left:10%;
  margin-right:10%;
}

#featured .feature-title a {
  color:white;
  text-decoration: underline;
}

#featured h2 {
  font-size:24px;
  font-weight:bold;
  line-height:130%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; 
}

#featured p {
  font-size:14px;
  font-weight:bold;
  color:white;
  background-color:#E44322;
  margin-bottom: 0px; 
  padding: 6px;
  padding-top: 10px;
  padding-bottom: 4px;
}

#featured .s50-announce {
  border: solid #2c2c2c 5px;
  padding:5px;
}

#featured .s50-announce p {
  line-height:1.4;
  font-size:22px;
  padding:12px;
}

#featured .featured-inner-container {
  padding-left:20%;
  padding-right:20%;
}

.s50-featureblock,
.s50-featureblock-leftheavy,
.s50-featureblock-rightheavy {
  display:table;
  border-spacing: 10px;
}

.s50-featureblock-item {
  display:table-cell;
  vertical-align:middle;
}

.s50-featureblock-rightheavy .s50-featureblock-item:last-child {
  min-width:500px;
}

.s50-featureblock-leftheavy .s50-featureblock-item:first-child {
  min-width:500px;
}

.s50-featureblock-item img {
  width:100%;
}

#featured hr {
  border-color:#E44322;
  margin-top:30px;
  margin-bottom:30px;
} 

.land-story ul li {
  font-size:120%;
  margin-top:12px;
  margin-bottom:12px;
}
 
.land-story h2 {
  margin-top:0;
  background-color:#E44322;
  color:white;
  padding:6px;
}

#s50-introvid {
  width:65%;
}

.s50-loading-indicator {
  top: 40%;
  position: relative;
}

/*************************
   CONTENT BOX
 **************************/

.s50-contentbox {
  position:relative;
  background:#f8f8f8;
  border:1px solid #e5e5e5;
  padding:25px;
  font-size:12px;
  line-height:18px;
  color:#2c2c2c;
}

.s50-contentbox h4 {
  color:#2c2c2c;
  font-size:21px;
  line-height:28px;
  margin-top:5px;
  margin-bottom:0;
  font-weight:700;
}


.s50-contentbox.s50-quickcontent {
  margin-bottom:20px;
}

.s50-contentbox.s50-quickcontent:after {
  content:'';
  position:absolute;
  width:100%;
  height:7px;
  background: url(../img/basic/shadow.png) repeat-x;
  left:0;
  bottom:-7px;  
  z-index:99;
}
  
/* lists */    
.s50-contentbox li {
  font-size:100%;
  margin-bottom:5px;
  /* turn off default bullet */
  overflow: visible;
  padding-left: 15px;
  position: relative;
  list-style:none;
}

/* list: replace bullet */
.s50-contentbox li:before {
 content: "\f0da";
 font-family: 'FontAwesome';
 font-size:80%;
 left: 0;
 position: absolute;
 color:#e44322;
}    

/* nested ul */
.s50-contentbox ul ul li:before {
 content: "\f10c";
 font-size:60%;
}    

.s50-contentbox ul {
  padding-left:10px;
}


/************************************************************************
   ACCORDION
*************************************************************************/

.accordion {
  max-width:1000px;
  margin: 0 auto;
}

.panel-group .panel + .panel {
  margin-top:10px;
}

.panel {
  box-shadow:none;
}

.panel-group .panel,
.panel-heading {
  border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;  
  position:relative;
}

.panel-body {
  font-size:12px;
  line-height:18px;
  font-family:arial;
  color:#2c2c2c;
  margin-bottom:6px;
  padding:10px;
}

.panel-heading h4 {
  font-size:14px;
  font-family:arial;
  line-height:18px;
  font-weight:bold;
  color:#3c3c3c;
  text-transform:capitalize;
  height:100%;  
  width:80%;
}

.panel-heading a {
  text-decoration:none;
  display:block;
  outline:none;
  height:100%;
  width:100%;
}

.panel-heading span {
  font-size:20px;
  margin-left:5px;
  margin-right:12px;
  line-height:18px;
  float:left;
}

.panel-heading .accordion-icon {
  color:#d0d0d0;
  font-size:15px;
  position:absolute;
  right:0;
  top:12px;
}

.s50-infocoll {
  position:relative;
}

.s50-infocoll .accordion {
  margin-top:20px;
  margin-bottom:10px;
}

.s50-infocoll .panel-default > .panel-heading {
  position:relative;
  background:#2c2c2c;
  height:55px;
  padding-left:65px;
}

.s50-infocoll .panel-default > .panel-heading h3 {
  line-height:55px;  
  font-size:150%;
  color:#fff;
  font-weight:bold;
  margin:0;
  margin-left:8px;
}

.s50-infocoll .panel-default > .panel-heading + .panel-collapse .panel-body {
  border-left:1px solid #e5e5e5;
  border-top:none;
  padding:0 20px;
  margin:20px 0px 20px 60px;
}

.s50-infocoll .panel-default > .panel-heading + .panel-collapse .panel-body img {
  width:100%;
  height:auto;
  display:block;
  margin-bottom:20px;
}

.panel-title {
  position:absolute;
  top: 0;
}

.panel-title a {
  height:100%;
  line-height:55px;
  position:absolute;
  top:0;
}

.panel-heading span.plusminus {
  width:60px;
  height:55px;
  position:absolute;
  display:block;
  left:0;
  top:0;
  color:#fff;
  background:#e44322;
  margin-left:0;
  line-height:55px;
  font-size:150%;
  font-weight:700;
  text-align:center;
  cursor:pointer;
}

.s50-infocoll .sidebar {
  margin-bottom:30px;
}

/***************************
 * BUTTONS 
 ***************************/

.btn {
  transition: All .6s ease;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease;
  border: none;
  margin-bottom:10px;
  font-size:16px;
  font-weight:700;
  border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;  
}

.btn-default {
  background: #e44322;
  color: #fff;
  border: 1px solid #e44322;
}

.btn-black {
  background: #2c2c2c;
  color: #fff;
  border: 1px solid #2c2c2c;
}

.btn-white {
  background: white;
  color: #2c2c2c;
  border: 2px solid black;
}

.btn-white:hover {
  background:black;
  color:white;
}

.btn-simple,
.btn-simplehover {
  background:none;
  border:1px solid #e44322;
  border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;  
  color:#2c2c2c;
}

.btn-simplehover:hover {
  color:#e44322;
}

.btn-default:hover,
.btn-black:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.btn-dark {
  background:#2c2c2c;
  color:#fff;
  border:1px solid #2c2c2c;
}

.btn-dark:hover {
  background:#fff;
  color:#000;
  border:1px solid #000;
  text-transform:capitalize;
}

a.btn.with-icon {
  margin-right:5px;
}

a.btn-default.with-icon span:after {
  padding:1px;
  content:'';
  margin-left:10px;
  margin-right:5px;
  background:#d82a13;
  border-left:1px solid #eb633f;
}

a.btn-dark.with-icon span:after {
  padding:1px;
  content:'';
  margin-left:10px;
  margin-right:5px;
  background:#1a1a1a;
  border-left:1px solid #4b4b4b;
}

a.btn-dark.with-icon:hover {
  background:#2c2c2c;
  color:#fff;
  border:1px solid #2c2c2c;
}

a.btn-default.with-icon:hover {
  background: #e44322;
  color: #fff;
  border: 1px solid #e44322;
}

a.btn-text{
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  color:#e44322;
}

.transparent {
  background:none;
  border:2px solid #e44322;
  border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;  
  color:#e44322;
}


/*************************
 * FOOTER 
 *************************/

.modal-footer {
  font-family: arial;
  background-color: #2c2c2c;
  border-top: 10px solid #2c2c2c;
  border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;  
  text-align: left;
  color: #dddddd;
  padding-top: 40px;
  box-shadow: none;
  margin-top:0;
}

.modal-footer ul {
  padding:0px;
  
}

.modal-footer .footer-logo-col,
.modal-footer .footer-head {
  font-family: 'Droid Sans', sans-serif;
  margin-bottom: 30px;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 35px;
}

.modal-footer p {
  color: #dddddd;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 30px;
}

.footer-list {
  margin-left: -2px;
  list-style: none;
  margin-top: -5px;
  font-size: 12px;
}

.footer-list li {
  line-height: 25px;
  
}

.footer-list a {
  text-decoration: none;
  color: #dddddd;
}

.footer-list a:hover {
  color: #e1472f;
}

.modal-footer .social {
  text-align: left;
}

.modal-footer .social li {
  opacity: 0.6;
  margin:0px;
  padding:0px;
  margin-bottom:5px;
}

.modal-footer .social li:hover {
  opacity: 1;
}

.modal-footer .copyrights {
  background: url("../img/footer-divider.png") repeat-x scroll center top transparent;
  margin-top: 20px;
  padding-top: 20px;
}

.modal-footer .copyrights span.detail {
  display: inline-block;
  color: #dddddd;
  font-size: 80%;
  margin-left: 5px;
  line-height:170%;
}

.modal-footer .copyrights span.detail-icon {
  display: inline-block;
  color: #E44322;
  font-size: 125%;
  padding-right:11px;
}

.modal-footer .copyrights li {
  display: inline-block;
  list-style: none;
  margin-right: 30px;
  line-height: 30px;
  text-align: center;
}

.modal-footer.s50-minifooter {
  border-top:0;
  padding-top:0;
  margin-top:40px;
}


/******************
 * PRODUCT LISTS 
 ******************/

#s50-supplyset,
#s50-productset {
  position:relative;
  padding-top:0;
}

#s50-supplyset .s50-page-intro,
#s50-productset .s50-page-intro {
  margin-bottom:20px;
}

#s50-supplyset .s50-product,
#s50-productset .s50-product {
  width:29%;
  margin-left:1%;
  margin-right:1%;
  float:left;
}

.s50-product h4,
.s50-product h5 {
  text-align:center;
}

.s50-product h4 {
  margin:0;
  padding-top:10px;
  padding-bottom:10px;
  background:#E44322;
  color:white;
  margin-bottom:10px;
  min-height:42px;
}

#s50-supplyset .s50-product h5 {
  font-weight:bold;
}

.s50-product {
  border: 1px solid #E44322;
  margin-bottom:30px;
}

.s50-product-extras {
  list-style:none;
  text-align:center;
  padding:0;
}



.s50-product img {
  display: block;
  margin: 0 auto;   
  max-width:100%;
  height:auto;     
}

.s50-imgpop img {
  max-width:100%;
}

/* don't change color on focus */
.s50-product .btn:focus {
  color:white;
}

/* put background behind footer section */
#s50-footer-offers {
  position:relative;
  background: rgba(250, 116, 74, 0.07);  
  border-top:solid 2px;
}

#s50-footer-offers > .container-fluid {
  padding-top:40px;
}

  /*******************
   * DETAILS 
 *******************/

  /* heading bars */
  .s50-details h4 {
    background-color:#e44322;
    color:white;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px;
    font-weight:bold;
    line-height: 1.4;
  }

  .s50-details h5 {
    font-weight:bold;
    margin-top:6px;
    margin-bottom:4px;  
  }

  /* make details smaller */
  .s50-details p {
    font-size:90%;
  }

  /* details lists */    
  .s50-details ul li {
    font-size:90%;
    /* turn off default bullet */
    overflow: visible;
    padding-left: 15px;
    position: relative;
    list-style:none;
  }
  
  /* details list: replace bullet */
  .s50-details ul li:before {
   content: "\f0da";
   font-family: 'FontAwesome';
   font-size:80%;
   left: 0;
   position: absolute;
   color:#e44322;
  }    

  /* nested ul */
  .s50-details ul ul li:before {
   content: "\f10c";
   font-size:60%;
  }    
  
  .s50-details p,
  .s50-details h5,
  .s50-details li {
    margin-left:10px;
  }

  .s50-details h5 {
    margin-bottom: 8px;
  }
  
  .s50-details p.s50-intro { 
    margin-left:0px;
  }

  .s50-details ul {
    margin-left:20px;
    margin-bottom:20px;
    padding-left:0;
  }


  /*********************
   * FORMS  
   *********************/

  .s50-formrow {
    display:table-row;
    min-height:30px;
  }
  
  .s50-formlabel {
    display:table-cell;
    width:25%;
  }
  
  .s50-formrow div {
    padding-bottom:20px;      
  }
  
  .s50-forminput,
  .s50-formbutton {
    display:table-cell;
    width:auto;
  }
  
  .s50-forminstr {
    display:table-cell;
    padding-left:10px;
    font-size:65%;
    vertical-align: middle;
    line-height: 1.3;
  }      
  
  .s50-formbutton {
    padding-top:5px;
    text-align:center;
  }
 
/************************
 * AFFILIATE 
 ************************/
  
  #s50-affillogin {
    margin:0 auto;
    width:60%;
  }
  
  #s50-affil-learnmore {
    text-align:center;
  } 

  #s50-affloginform,
  #s50-affil-learnmore {
    padding:30px;
    padding-top:10px;
    padding-bottom:10px;
    border:1px solid #e44322;
    margin-bottom:20px;
  }

  #s50-affillogin h4 {
    background-color:#e44322;
    color:white;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px;
    font-weight:bold;
    line-height: 1.4;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
  }

  .loginerr {
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:10px;
    background-color:blue;
    color:white;
    text-align:center;
    margin-left:10%;
    margin-right:10%;
    padding-left:3%;
    padding-right:3%;
  }
  

/******************
 * SLIDER 
 * ****************/


.flexslider {
  background:none;
  border:none;
  box-shadow:none;
  margin:0;
}

.s50-howto-slider {
  margin-top:30px;
  position:relative;
  width:80%;
  max-width:600px;
  margin:0 auto;
  border:solid 1px;
  background: #f8f8f8;
  text-align:center;
  padding-top:30px;
  margin-bottom:20px;
}

.s50-howto-slider .slides>li {
  margin-top:50px;
}

.s50-howto-slider .slides li p {
  margin-left:15%;
  margin-right:15%;
  font-size: 125%;
  margin-bottom:20px;
}

.s50-howto-slider .slides li img {
  max-height:500px;
  width:auto;
  max-width:80%;
}

.s50-howto-slider .flex-control-nav {
  top: 10px;
  right: 10px;
  width: auto;
  height:10px;
}

.s50-howto-slider .flex-control-paging li a {
  height:10px;
  width:10px;
  background:#2c2c2c
}

.s50-howto-slider .flex-control-paging li a.flex-active {
  background:#e44322;
}

.s50-howto-slider .flex-next{
  background: url(../img/basic/r.png) no-repeat;
  width:30px;
  height:70px;
  bottom:0;
  left:auto;
  right:0px;
  display:block;
  z-index:999;
  text-indent:999999999px;
  opacity:.8;
}

.s50-howto-slider .flex-next:hover {
  background-image:url(../img/basic/rh.png);
}

.s50-howto-slider .flex-prev {
  background: url(../img/basic/l.png) no-repeat;
  width:30px;
  height:70px;
  right:auto;
  left:0px;
  display:block;
  z-index:999;
  text-indent:-999999999px;
  opacity:.8;
}

.s50-howto-slider .flex-prev:hover {
  background-image:url(../img/basic/lh.png);
}


/******************
  POST 
 ******************/

.s50-post {
  position:relative;
  margin:auto;
  background:#FFFFFF;
  max-width: 800px; 
  padding: 20px;
  padding-top:40px;
  padding-bottom:40px;
}

.s50-post p {
  color:#4B4B4B;
}

#s50-biztips h2 {
  color: #e44322;
  margin:auto;
  margin-top: 30px;
  padding:4px;
  font-size:150%;
  text-align: center;
  width:80%;
  max-width: 640px; 
  border:1px solid #E44322;
  border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
  
.s50-post-visual {
  position:relative;
  margin-bottom:25px;
}

.s50-post-visual img {
  width:100%;
  height:auto;
}

.s50-post-content {
  color:#828282;
  font-size:12px;
  line-height:18px;
  padding-left:80px;
  padding-bottom:20px;
  padding-right:10px;
}

.s50-postblock {
  border: 1px solid #606060;
}

.s50-post-badgeblock div {
  width:60px;
  height:55px;
  color:#fff;
}

.s50-post-badgeblock {
  margin-top:30px;
  float: left;
  width: 60px;
  height: 110px;
  text-align: center;  
}

.s50-post-badgeblock .s50-post-icon {
  line-height:55px;
  font-size:26px;
  background:#2c2c2c;
}

.s50-post-date {
  background:#e44322;
}

.s50-post-date .date {
  display:block;
  font-size:26px;
  line-height:22px;
  font-weight:700;
  padding-top:10px;
}

.s50-post-date .month {
  display:block;
  font-size:14px;
  text-transform:uppercase;
}

.s50-post-heading a {
  color:#2c2c2c;
  font-size:18px;
  line-height:18px;
  text-decoration:none;
  font-weight:700;
  display:block;
}

.s50-post-authorship {
  font-size: 12px;
  color: #c3c3c3;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.s50-post-authorship li {
  margin-right: 8px;
}

.s50-post-authorship li a, 
.s50-post-authorship li span {
  font-family: arial;
  padding-left: 7px;
  font-size: 12px;
  text-decoration: none;
  color: #c3c3c3;
}

#s50-tip-signup-form h5 {
  text-align:center;
  font-size:130%;
  font-weight:bold;
  margin-bottom:10px;
}

#s50-tip-signup-form .fsSubmit {
  background-color:#FFFFFF;
}

#s50-tip-signup-form .fsRow {
  border:none;
}

#s50-tip-signup-form .fsFieldHorizontal {
  float:none;
}

#s50-tip-signup-form input[type='text'] {
  width:100%;
  max-width:none;
}

#s50-tip-signup-form h2 {
  padding-top:20px;
  padding-bottom:20px;
  border:none;  
}

#s50-tip-signup-form .s50-post-content {
  padding-right:80px;
  padding-bottom:0;
}

/***********************
 * COMMONLY USED 
 ***********************/


.s50-roundedge { 
  border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;  
}

.s50-page-intro {
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  max-width: 300px;
  padding: 10px;
  border: solid 1px;
  border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
  text-decoration: italic;
  font-style: italic;
}

.s50-sectiontagline {
  font-size:14px !important;
  margin-left:20% !important;
  margin-right:20% !important;
  text-align:center !important;
  font-style: italic !important;
  border-top: solid 1px !important;
  padding-top: 3px !important;
  margin-top: 40px !important;    
}

/******************
 OFFERBOX 
 ******************/

.s50-offerbox {
  position:relative;
  margin-bottom:32px;
  max-width:32%;
  margin-left:1%;
  float:left;
}

.s50-offerbox span {
  color:#e44322;
  font-size:26px;
  float:left;
}

.s50-offerbox .btn-default {
  color:white;
}

.s50-offerbox h3,
.s50-offerbox p,
.s50-offerbox a {
  margin-left:40px;
}

.s50-offerbox h3 {
  margin-top:0;
  margin-bottom:15px;
  color:#2c2c2c;
  font-size:18px;
  font-weight:700;
}

.s50-offerbox a {
  color:#828282;
  text-decoration:none;
  font-weight:bold;
}

.s50-offerbox a:hover {
  color:#e44322;
  text-decoration:none;
}








.navbar-nav > li > a {
  line-height:20px;
}

.footer-head {
  padding-left:25px; 
}

.footer-logo-col {
  padding-left:0px;
}

.modal-footer ul {
  padding-left:25px;   
}

.footer-good-returns-col {
  border-right:solid;
  border-color:white;
  padding-left:0px;
}

.corner-logo {
  float:left;
  margin-right:14px;
}

#orderform iframe {
  width:100%;
  height:800px;
}

#orderform .container-fluid {
  color:black;
}

#orderform h2 {
  text-align:center;
  line-height: 130%;
  margin-bottom: 20px;
}

#orderform .order-header {
 padding-left:20px; 
}

.modal-footer .copyrights span.detail a:visited {
  color: #dddddd;
}

.container-fluid.copyrights {
  margin-top:6px;
}






#ordernowbtn {
  text-align:center;
  margin-bottom:20px;
}

#ordernowbtn .btn.transparent {
  font-size:30px;
}

.bigword {
  font-size:30px;
}

.mobile-menu {
  color:black;
}

.footer-list .s50-divide {
  border-bottom: solid 1px; 
  margin-bottom:16px; width:50%;
}



.s50-callout {
  font-size: 250%;
  line-height:1.3;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:20px;
  padding-right:20px;
  
  color:white;
  background-color:#E44322;
}

#s50-shipcosts {
  border:solid 1px;
  margin-left:10px;
}

#s50-shipcosts td {
  border:solid 1px;
  padding:8px;
  padding-top:4px;
  padding-bottom:4px;
  font-size:90%;
}

#s50-shipcosts .s50-blankrow td {
  padding:0;
  margin:0;
}

#s50-shipcosts .s50-blankrow {
  background-color:#888888;
}

#s50-pricing .btn {
  margin-top:15px;
}

#s50-pricing-accordion h2 {
  font-size:150%;
}

.s50-infocoll .panel-body,
#orderpdf .container-fluid {
  font-size:110%;
  line-height: 130%;
}

.s50-infocoll .panel-body li {
  margin-top:4px;
  margin-bottom:4px;
}

#about-goodreturns .corner-logo {
  float:right;
  width:auto;
}

.s50-prodpop {
  padding-top:15%
}

.s50-prodpop {  
  color:#3A3A3A;
  font-size:16px;
}

.s50-prodpop table td {
  padding:3px;
}

/* remove bootstrap slide down on modal dialog */
.modal.fade .modal-dialog{
  transform:none;
    -webkit-transform:none;
    -o-transform:none;
}

#supplies h4 {
  font-size:16px;
}


/*
 * 
 * 
 */

#s50-orderlinks {
  padding-top:8px;
  padding-bottom:35px;
}

#s50-orderlinks p {
  padding-top: 5px;  
  display:inline-block;
  float:left;
  font-style: italic;
}

#s50-orderlinks .btn {
  display:inline-block;
  margin-left:20px;
  font-size:100%;
  padding:10px;
  padding-top:5px;
  padding-bottom:5px;
}

.fa-external-link-square {
  font-size:120%;
  color:#E44322;
}

#s50-howtoenv .s50-contentbox,
#s50-howtouse .s50-contentbox,
.s50-simpleannounce .s50-contentbox {
  max-width:500px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}

#s50-affilterms ol li {
  font-size: 150%;
}

/* USAGE */

.s50-usage {
  border-left:dotted;
  border-right:dotted;
  border-color:#1D78CB;
  padding-left:6px;
  padding-right:6px;
  border-width:1px;
}

.s50-usage-sep {
  margin-top:50px;
  margin-bottom:50px;
  border-color: #1D78CB;
  color: #1D78CB;
  background-color:#1D78CB;
  width:20%;
}

.s50-usage-seplg {
  padding-top:10px;
  padding-bottom:10px;
  background-color:#1D78CB;
  width:80%;
  color:white;
  font-size:20px;
  font-weight:bold;
  text-transform: uppercase;
  text-align:center;
  margin: 0 auto;
  margin-top:10px;
  margin-bottom:10px;
}

.s50-dynel-showbelow-1024,
.s50-dynel-showbelow-850,
.s50-dynel-showbelow-767,
.s50-dynel-showbelow-480 {
  display:none;    
}

.s50-landbanner {
  width: 90%;
}  

.s50-marker {
  color:#E44322;
  padding-right:8px;
}

/* SHOP PAGE */
.s50-prodadd-exec {
  margin-top:40px;
}

.s50-prod-qty {
    width:50px;      
    padding-left:5px;
    margin-top:-2px;
}

.s50-product-extras .btn {
  font-size:12px;
}

.s50-prodadd.btn {
  font-size:16px;
  margin-top:8px;
}

.s50-product h4 {   
  background:#2c2c2c;
}

.s50-product {
  border-color:#2c2c2c;
}

.s50-shopsection-intro {
  background: rgba(250, 116, 74, 0.07);
  padding-top:20px;
  padding-bottom:20px;
  padding-right:5%;
  padding-left:5%;
  border:solid 1px black;
  font-size:130%;
  margin:auto;
  margin-top:60px;
  margin-bottom:80px;
  max-width:600px;
}

.s50-shopsection-intro h1 {
  margin-top:10px;
  text-align:center;
  font-size:130%;
  margin-bottom:5px;
}

.s50-shopsection-intro h2 {
  margin-top:0;
  margin-bottom:20px;
  text-align:center;
  font-size:180%;
  color:#e44322;
}

.s50-shopsection-intro p {
  text-align:center;
  font-size:80%;
  padding-left:10%;
  padding-right:10%;
}

.s50-sdkhtucss {
  clear: both;
}

/* less padding on later divs */
.s50-shopsection-intro ~ .s50-shopsection-intro p {
  padding-left:0;
  padding-right:0;
  text-align:left;
}

#s50-shipbadge {
  text-align:center;
  padding:0;
}

#s50-shipbadge p {
  font-size:130%;
  font-weight:bold;
  margin-top:8px;
  color:#333;
}  
  

#s50-minicart {
  float:right;
}

#s50-minicart .fa {
  color:#E44322;
  font-size:180%;
}

#s50-minicart:hover .fa {
  color:white;
}

.s50-fc-cartdata {
  display:none;
  margin-left:10px;
}

#s50-minicart-mobile {
  position: absolute;
  right: 50px;
  top: 4px;
  z-index: 2;
  display:none;     /* only show in mobile */
}

#s50-minicart-mobile .fa {
  color:#E44322;
  font-size:180%;
}

#s50-mainnav.s50-fixed {
  position: fixed;
  top: 0;
  background-color:#FCFCFC;
  z-index:3;
  width:100%;
  border-top:none;
  border-bottom-width:2px;
  font-size:90%;
}




.s50-product .s50-price {
  color:#e44322;
}


/* foxycart workaround for chrome cart issue */

[data-fc-sidecart], 
[data-fc-sidecart] #fc-cart, 
[data-fc-sidecart] .fc-sidecart-only-fixed, 
[data-fc-with-sidecart], 
[data-fc-store-page], 
[data-fc-ui-block] {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  }