#homepage_new_to_dave,
#siteFooter #truthAboutLabel,
#siteFooter ul.ftrTruthAbout,
#social_icons,
#homepage_top_right,
#ep_navigation,
.return_to_dr,
.account_info,
#linkbucket_store div ul li ul,
#footer_feature,
#breadcrumb,
#account,
div.banner,
#search,
#app_bar div.cart_overview a .button,
#siteHeader{
	display: none;
}

.mobile {
	display: block !important;
}

.desktop {
	display: none !important;
}

html body {
	padding-top:0;
	margin-top:0;
}

html,
body,
body #brandContent,
.appHeader,
.appHeader .widthWrapper,
#app_bar_inner {
	width:100%;
	min-width:0px;
}

body.mobile-search-active #search {
	display: block;
}

#sub_category_header h1 {
	font-size:26px;
}

a.product_name {
	font-size:16px;
}

#footer_copyright {
	margin-top:10px;
	font-size:12px;
}

#contentWrap {
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.4);
}

/*HEADER STYLES*/
html,
body{
	background:#17456B;
	padding-top:0px;
}

#app_bar{
	position:static;
}

.appHeader{
	min-height: 53px;
	height:auto;
}

#header_right{
	float:none;
	width:100%;
	clear:both;
	margin:0;
	padding:0;
}

#search div.search_suggest {
	width: 100%;
	background: #fff;
	top: 55px;
	padding-top: 0;
	right: 0;
	box-shadow: 0 0 10px #000;
}

div.search_suggest div.ss_inner {
	background: #fff;
	padding: 10px;
}

div.ss_overlay {
	background: black;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

body.mobile-search-active div.ss_overlay {
	display: block !important;
}

#search {
  height: 55px;
  background: #fff;
  position: absolute;
  top: -55px;
  left: 0px;
  width: 100%;
  z-index: 11;
}

#search input[type=search] {
	width:80%;
	height:41px;
	margin:0;
	display:block;
	float:none;
	clear:both;
	font-size: 14px;
	padding:5px 5px 5px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	position:static;
}

#searchForm #searchButton {
	display: none;
}

#searchForm button.search_cancel {
	line-height: 40px;
	font-size: 14px;
	font-weight: normal;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	width: 16%;
	right: 6px;
	top: 6px;
	padding: 0;
	position: absolute;
	background: #fff;
	border: 1px solid #dadce2;
	color: #0073b9;
	border-radius: 3px;
	font-family: 'Open Sans', Sans-Serif;

}

#searchForm label{
	left:20px;
	text-align:left;
	width:80%;
	top: 20px;
	margin:0;
	font-size: 14px;
}

#searchForm div.wrapper {
	padding: 6px 0 0 5px;
}

#search div.spinner {
	top: 17px;
	left: auto;
	right: 22.5%;
}

#app_bar div.account_info,
#app_bar div.cart_overview,
#app_bar div.return_to_dr,
#app_bar div.account_cart{
	float:none;
}

/*  mobile header - copied from /resources/css/mobile/style.css */
#mobile_nav_header {
	display:block !important;
    height: 55px;
    background-color: #fff;
}

#mobile_nav_header span {
	position: absolute;
	color: #dadce2;
	top: 20px;
	left: 65px;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.25px;

}

#mobile_nav_header #search-toggle,
#mobile_nav_header #menu-toggle {
	position: absolute;
	z-index: 5;
	text-decoration: none;
	color: #0073b9;
	font-size: 14px;
	display: block;
	overflow: hidden;
	text-align: center;
}
	#mobile_nav_header #search-toggle {
		right: 65px;
		top: 0;
		text-indent: -3000px;
		width: 52px;
		height: 52px;
		line-height: 52px;
	}
	#mobile_nav_header #menu-toggle {
	  right: 10px;
	  top: 11px;
	  padding: 5px 7px;
	  border: 1px solid #0073b9;
	  border-radius: 5px;
	  font-family: 'Open Sans', Sans-Serif;
	}

#mobile_nav_header #search-toggle i {
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  display: block;
  text-indent: 0;
}

#mobile_nav_header #logo {
	display: block;
	width: 55px;
	height: 55px;
	margin: 0;
	text-indent: -3000px;
	background-image: url("//cdn.ramseysolutions.net/media/3_way_universal/main_homepage/images/2015/dr-logo-square-reversed.png");
	background-image: url("//cdn.ramseysolutions.net/media/3_way_universal/main_homepage/images/2015/dr-logo-square-reversed.svg"), -webkit-linear-gradient(#004477 0%, #0073b9 100%);
	background-image: url("//cdn.ramseysolutions.net/media/3_way_universal/main_homepage/images/2015/dr-logo-square-reversed.svg"), linear-gradient(#004477 0%, #0073b9 100%);
	background-position: 50% 52%, center;
	background-size: 50% 50%, 100% 100%;
	background-repeat: no-repeat;
	opacity: 1;
}

/* OFF CANVAS MENU - copied from /resources/css/mobile/style.css */
body.menu-active #canvas .panel-wrap {
  left: -15%;
}

body.menu-active #canvas #menu-panel {
  height: auto;
}

html.off-canvas-menu #canvas {
  overflow: hidden;
}

html.off-canvas-menu .panel-wrap {
  position: relative;
  top: 0;
  left: -100%;
  width: 200%;
  height: 1px;
}

html.off-canvas-menu .panel-wrap .panel {
  width: 50%;
  float: left;
  position: relative;
}

html.off-canvas-menu #menu-panel {
  padding-left: 7.5%;
  height: 1px;
}

html.off-canvas-menu #menu-panel nav {
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #15283c), color-stop(92%, #15283c), color-stop(100%, #0b151f));
  background: -webkit-linear-gradient(left, #15283c 0%, #15283c 92%, #0b151f 100%);
  background: -moz-linear-gradient(left, #15283c 0%, #15283c 92%, #0b151f 100%);
  background: -o-linear-gradient(left, #15283c 0%, #15283c 92%, #0b151f 100%);
  background: linear-gradient(left, #15283c 0%, #15283c 92%, #0b151f 100%);
}

html.off-canvas-menu #menu-panel nav ul {
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #26486c), color-stop(92%, #26486c), color-stop(100%, #142638));
  background: -webkit-linear-gradient(left, #26486c 0%, #26486c 92%, #142638 100%);
  background: -moz-linear-gradient(left, #26486c 0%, #26486c 92%, #142638 100%);
  background: -o-linear-gradient(left, #26486c 0%, #26486c 92%, #142638 100%);
  background: linear-gradient(left, #26486c 0%, #26486c 92%, #142638 100%);
}

html.off-canvas-menu #menu-panel nav > ul > li.back_to_dr > a:first-child,
html.off-canvas-menu #menu-panel nav ul li a {
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #15283c), color-stop(92%, #15283c), color-stop(100%, #0b151f));
  background: -webkit-linear-gradient(left, #15283c 0%, #15283c 92%, #0b151f 100%);
  background: -moz-linear-gradient(left, #15283c 0%, #15283c 92%, #0b151f 100%);
  background: -o-linear-gradient(left, #15283c 0%, #15283c 92%, #0b151f 100%);
  background: linear-gradient(left, #15283c 0%, #15283c 92%, #0b151f 100%);
}

html.off-canvas-menu #menu-panel nav > ul > li > a:first-child {
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #1d3854), color-stop(92%, #1d3854), color-stop(100%, #0f1d2c));
  background: -webkit-linear-gradient(left, #1d3854 0%, #1d3854 92%, #0f1d2c 100%);
  background: -moz-linear-gradient(left, #1d3854 0%, #1d3854 92%, #0f1d2c 100%);
  background: -o-linear-gradient(left, #1d3854 0%, #1d3854 92%, #0f1d2c 100%);
  background: linear-gradient(left, #1d3854 0%, #1d3854 92%, #0f1d2c 100%);
}

html.off-canvas-menu #container {
  float: right;
}

#canvas {
  width: 100%;
  position: relative;
  height: 100%;
}

#canvas div.panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#menu-panel {
  display: block !important;
  background: #15283c;
  position: relative;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  text-align: left;
}

#menu-panel nav {
  background: #26486c;
}

#menu-panel nav > ul > li.home > a:first-child,
#menu-panel nav > ul > li.back_to_dr > a:first-child {
  padding-left: 10px;
}

#menu-panel nav ul li a {
  display: block;
  margin-top: 1px;
  border-bottom: 1px solid #000000;
  color: #fff;
  font-size: 15px;
  line-height: 44px;
  padding: 0 10px 0 33px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  text-transform: none;
  background: #15283c;
}

#menu-panel nav > ul > li.back_to_dr > a:first-child {
  line-height: 39px;
}

#mobile_customer_care {
	width:100%;
	display:block !important;
	z-index:10;
}

#mobile_customer_care a {
	background: #DBE5E8;
	display:block;
	padding:11px 75px 15px 10px;
	font-size:14px;
	text-align:left;
}

#mobile_customer_care a span.call-now {
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin: 0;
    padding: 5px;
    width: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

#footer_call_customer_care {
	display:block !important;
	text-align:center;
	color:#fff;
	padding-top:5px;
	text-decoration:underline;
}

#app_bar div.cart_overview span.cart_num_items_text {
	display: none;
}

#app_bar div.cart_overview a.cached span.cart_num_items_text {
	width: 20px;
	display: block;
}

#app_bar div.cart_overview a {
	width: 30px;
	position:absolute;
	top:66px;
	right:10px;
	z-index:10;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#fff;
	padding-top:3px;
	line-height: 20px;
	background: #F9AC17;
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	border:solid 1px #F9AC17;
	text-align: center;
}

#app_bar div.cart_overview a.cached span.cart_num_items_text:before,
#app_bar div.cart_overview a span.cart_num_items:before {
  line-height: 22px;
}

#app_bar div.cart_overview a.cached {
	height: 22px;
	overflow: hidden;
	text-align: center
}

#app_bar div.cart_overview a .button span{
	display:inline;
	font-weight:normal;
	font-size:12px;
	text-decoration:underline;
	padding:0;
	margin:0;
	line-height:20px;
}

/*FOOTER NAV STYLES*/
#linkbucket_container {
	display: none;
}

#homepage_bottom,
#homepage_featured_categories,
#contentWrap.index {
	background:#fff;
}

#homepage_featured_categories {
	margin:0;
}

.ep_home_divided_small {
	background:none;
}

#breadcrumb .navSecondary{
	width:97.95918367346939%;
	padding-left:2.040816326530612%;
}

.shadow {
	border:1px solid #eee;
	box-shadow:none;
}

.fullWidthContent{
	width:90%;
	margin: 0;
}

#siteFooter{
	color:#A3BBC9;
	font-size:12px;
	background:#17456B;
	background-image:url(//cdn.ramseysolutions.net/media/3_way_universal/mobile/ui/footer@2x.jpg);
	background-size:100% 100px;
	-webkit-background-size:100% 100px;
}

#siteFooter a{
	color: #FFFFFF;
}

/*BUTTON STYLES*/
a.button,
button,
span.button{
  background: #289acf; /* Old browsers */
	background: -moz-linear-gradient(top, #289acf 0%, #2a82a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#289acf), color-stop(100%,#2a82a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #289acf 0%,#2a82a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #289acf 0%,#2a82a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #289acf 0%,#2a82a5 100%); /* IE10+ */
	background: linear-gradient(top, #289acf 0%,#2a82a5 100%); /* W3C */
    border: 0 none;
    border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0 0 15px;
    padding: 0 8%;
    text-align: center;
    text-decoration: none;
    width: 84%;
	border:solid 1px #2a82a5;
}

a.button span,
button span,
span.button span,
form button span{
	display:block;
	font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
	width:100%;
	text-align:center;
	background:none;
}

button.functional, button.functional span, a.button.functional, a.button.functional span, span.button.functional, span.buttonfunctional span{
	background: #f9fafb; /* Old browsers */
	background: -moz-linear-gradient(top, #f9fafb 0%, #cacdce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fafb), color-stop(100%,#cacdce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9fafb 0%,#cacdce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9fafb 0%,#cacdce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9fafb 0%,#cacdce 100%); /* IE10+ */
	background: linear-gradient(top, #f9fafb 0%,#cacdce 100%); /* W3C */
	margin:0;
}

button.functional,
.button.functional{
	border:solid 1px #cacdce;
}

.button span,
button.functional span,
a.button.functional span,
span.buttonfunctional span{
	background-image:none;
	background-color:transparent;
	margin:0;
	padding:0;
}

a.button.minor,
button.minor,
span.button.minor,
a.button.minor span,
button.minor span,
span.button.minor span{
	font-size:16px;
	line-height:24px;
	height:24px;
}

/*FORM STYLES*/
.order-details {
	padding-left: 10px;
}

#checkout-shipping {
	margin-left: 15px;
}

.text_input_field,
.password_input_field,
form input[type="text"], form input[type="password"] {
	width:96%;
	padding:8px 4px;
	font-size:16px;
}

input[type='radio'],
form input.radio_input_button{
	width: 20px;
	height: 20px;
	-webkit-appearance:radio;
	border:solid 1px #656565;
}

form input.radio_input_button:checked{
	background:#383838;
	border:solid 1px #383838;
}

form select{
	height:30px;
	font-size:16px;
	background-image:none;
	padding:0;
}

input[name='newAddress.zipOrPostalCode'],
input[name='customerAddress.zipOrPostalCode']{
	max-width:6em;
}

input[name='newAddress.phoneNumber'],
input[name='customerAddress.phoneNumber']{
	max-width:8em;
}

#checkoutAddress .field_wrapper .required_field_marker {
	left: -10px;
}

#checkoutAddress .formContainer #newAddress label, #credit-card-info label {
	float: none;
}

label span.form_field_instruction {
	display: inline-block;
}

/* FAQ & Support */
.calloutbox#faq_support{
	float:none;
	width:auto;
}
