/* Uncle Bills - Phone CSS (240-479) */


h1 {
	font-size: 28px;
	line-height:32px;
}
.sfFormsEditor { width: 85%; }

/**** Header ****/

.header {
	background-color: #0399b4;
}

/* Top Nav */
.topnav {
	text-align: center;
}

/* Top Nav */

#Header .header .topnav-bg .topnav-wrapper {
    width: 90%;
}

/* Social-Search */
.social-search {
	height:80px;	
}
.social-search .sf_2cols_1_50,
.social-search .sf_2cols_2_50 {
	width: 100%;
}
.social-search .sf_2cols_2_50 .sf_2cols_2in_50 {
	margin:0;
}
.social {
	clear: both;
	float: none;
	position: inherit;
	right: 0;
	margin: 12px auto 0;
}
.sfsearchBox {
	clear: both;
	float: none;
	margin: 10px auto;
	right: 0px;
	width: 235px;
}
.sfsearchTxt {
	width: 200px;
}

/* Main Nav Bar */
.logo a:hover,
.logo a:active {   
	background-image:url(uncle-bills-logo-clear.png);   
	height: 81px;
	width: 207px;
	top:0px;
	left:0px;
}

.responsiveHide {display: block;}

.mainnav-bar .sf_2cols_1_25 {width:50%;}
.mainnav-bar .sf_2cols_2_75 {width:100%;}

.sfNavWrp {
  width: 100%;
  float: left;
  right: 0;
  left: 0;
}
.mainnav {
	position: relative;
	top:4px !important;
}
.mainnav ul {
	padding: 0px;
	margin: 0 0 60px 0;
	position: relative;
	top: 10px;
	left: 0;
	width: 90%;
	z-index:0;
	float:none;
}
.mainnav li {	
	margin:0;
}
.mainnav .k-menu .k-item>.k-link {
	line-height: 1em;
}
.mainnav li a {
	line-height: 2em !important;
}
.mainnav li a:link,
.mainnav li a:visited {
	padding: 0px !important;
}
.mainnav li a:hover,
.mainnav li a:active {
	background-image:none !important;   
	color: #000;
	padding: 0px !important;
}
.mainnav ul ul {
	z-index:9999;	
}
.mainnav li li {
	padding:0px;
	margin: 0;
}
.mainnav li li a {
	line-height: 1em !important;
}
.mainnav li li a:hover,
.mainnav li li a:active {
	color: #000;
	padding: 0 0 0 16px !important;
	line-height: 1.7em !important;
	font-weight:bold;
	
}
.sfNavWrp .sfNavToggle {
	color: transparent;
    width: 45px;
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
    font-size: 28px;
    background: url(mobile-menu.gif) no-repeat left;
    height: 28px;
}
.mainnav .k-state,
.mainnav .state-hover,
.mainnav .k-state-hover,
.mainnav .k-state-hover:hover {
	background-image: none !important;
	background-color: #0399b4 !important;
}
.mainnav .k-menu .k-group {
  -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.3) !important;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.3) !important;
}

/** End Header **/

/** Content **/

#Content {
	position: relative;
 
}

/*** Slider ***/

#slider1_container {
  height: 170px !important;
}

/*.galleria-container {
	height:150px !important;
}
.galleria-image img {
	width: auto !important;
	height:150px !important;
}*/ 

/*** Page Styles ***/

/*** Home ***/

.home-callout {
	font-size: 16px;
	line-height: 18px;
}
.home-puppy-ad {
	font-size: 16px;
	line-height: 18px;
}
.home-ads {
	padding-bottom: 20px;
}
.home-ads .sf_3cols_1_33 {
	float:left;
	width:50% !important;
	margin-right:10px;
}
.home-ads .sf_3cols_2_34 {
	width:45% !important;
	height: 70px;
}
.home-ads .sf_3cols_3_33 {
	display:none;
	float:right;
	width:52% !important;
	position: relative;
	right: -2%;
}

.home-txtimg .sf_2cols_1_67 {
	float: left;
	width:100% !important;
	max-width:680px;
}
.home-txtimg .sf_2cols_2_33 {
	width:100% !important;
	max-width:370px;
	float: none;
	margin: 3% auto 0;
}

.home-img .sf_3cols_1_33 {
	width:100% !important;
	max-width:370px;
	float: none;
	margin: 3% auto 0;
}
.home-img .sf_3cols_2_34 {
	width:100% !important;
	max-width:370px;
	float: none;
	margin: 3% auto 0;
}
.home-img .sf_3cols_3_33 {
	width:100% !important;
	max-width:370px;
	float: none;
	margin: 3% auto 0;
}

.home-bottom-bar .home-callout {
	font-size: 10px;
}
.home-bottom-bar .home-callout img {
	width: 15px;
	position: relative;
	top:2px;
}
.home-locations .sf_2cols_1_50,
.home-locations .sf_2cols_2_50,
.home-locations .sf_3cols_1_33,
.home-locations .sf_3cols_2_34,
.home-locations .sf_3cols_3_33 {
	width: 90%;
	float: left;
	margin-left: 24px;
}
.home-locations .sf_3cols_1_33 {
	margin-left: 36px !important;
}
.home-locations .sf_2cols_2_50 .sf_2cols_2in_50 {
	margin-left: 0px;
}
.location {
	padding:1.5em 0;	
}

/*** Subpage ***/
.sub-txtimg .sf_2cols_1_75 {
	float: left;
	width:100% !important;
	max-width:680px;
}
.sub-txtimg .sf_2cols_2_25 {
	width:100% !important;
	max-width:370px;
	float: none;
	margin: 0 auto;
}
.sub-img .sf_4cols_1_25,
.sub-img .sf_4cols_2_25,
.sub-img .sf_4cols_3_25,
.sub-img .sf_4cols_4_25 {
	width:100% !important;
	max-width:330px;
	float: none;
	margin: 4% auto 0;
}
.sub-callout-header h2 {
	font-size: 16px;
	line-height: 24px;
	height: 1.5em; 
}
.sub-callout-body {
	min-height: 0px;
}
.sub-img .sf_4cols_2_25 .sf_4cols_2in_25,
.sub-img .sf_4cols_3_25 .sf_4cols_3in_25,
.sub-img .sf_4cols_4_25 .sf_4cols_4in_25 {
	margin-left: 0px;
}

/*** Dog Landing Page ***/
.dog-content .sf_2cols_1_67,
.dog-content .sf_2cols_1_75 {
	float: left;
	width:100% !important;
	max-width:680px;
}
.dog-content .sf_2cols_2_33,
.dog-content .sf_2cols_2_25 {
	width:100% !important;
	max-width:370px;
	float: none;
	margin: 0 auto;
}
.dog-content h1 {
	font-size: 28px;
	line-height: 32px;
}
.dog-content h2 {
	font-size: 22px;
	line-height: 28px;
}
.dog-callout h2 {
	font-size: 16px;
	line-height: 24px;
	height: 1.5em; 
}
.top-paws, .bottom-paws {
	display: none !important;
}
/** Aquatic Main Page **/

.aquatic-content .sf_2cols_1_75 {
	float: left;
	width:100% !important;
	max-width:680px;
}
.aquatic-content .sf_2cols_2_25,
.aquatic-content .sf_3cols_1_33,
.aquatic-content .sf_3cols_2_34,
.aquatic-content .sf_3cols_3_33,
.aquatic-content .sf_4cols_1_25,
.aquatic-content .sf_4cols_2_25,
.aquatic-content .sf_4cols_3_25,
.aquatic-content .sf_4cols_4_25 {
	width:100% !important;
	max-width:330px;
	float: none;
	margin: 10% auto 0;
}
.aquatic-content h1 {
	font-size: 28px;
	line-height: 32px;
}
.aquatic-content h2 {
	font-size: 22px;
	line-height: 28px;
}
.aquatic-callout-header h2,
.aquatic-sub-callout-header h2 {
	font-size: 16px;
	line-height: 24px;
	height: 2.5em; 
}
.aquatic-content .sf_3cols_2_34 .sf_3cols_2in_34, 
.aquatic-content .sf_3cols_3_33 .sf_3cols_3in_33,
.aquatic-content .sf_4cols_2_25 .sf_4cols_2in_25,
.aquatic-content .sf_4cols_3_25 .sf_4cols_3in_25,
.aquatic-content .sf_4cols_4_25 .sf_4cols_4in_25 {
	margin-left: 0px;
}
.aquatic-callout-body, .aquatic-sub-callout-body {
	min-height: 0px;
}
.top-fish, .bottom-fish {
	display: none !important;
}

/*** Puppies Page ***/

.item-list {
	width:100%;
}
.item-display {
	width:100%;
	margin-top:100px;
	margin-bottom:5%;
	float:left;
}
.item-page {
	width: 100% !important;
	margin-top: 5% !important;
	margin-bottom: 5%;
}
.item-display .sfproductMainImgWrp {
	width:100%;
	float: left;
}
.item-display .sfproductInfoWrp {
	float: left;
	top: 0px;
	width:100%;
	margin-top:1em;
}
.item-display .sfproductsList {
  margin-left:10%;
}

#ctl00_Content_C002_productsFrontendDetail_ctl00_ctl00_SingleItemContainer_ctrl0_productImagesControl {
  width: 100%;
}

.sfproductInfoWrp .puppyVideoBtn {
    padding-left: 15%;
}

/** Locations **/

.locations .sf_3cols_1_33 {
    display:block;
    float:left;
    width:95%;
}
.locations .sf_3cols_2_34 {
    display:block;
    float:left;
    width:95%;
}
.locations .sf_3cols_3_33 {
    display:block;
    float:left;
    width:95%;
}
.locations .sf_3cols_2_34 .sfContentBlock img {
    width:100%;
    margin-left:0 !important;
}

/* End Content */

/*** Footer ***/

.footer-wrapper .sf_3cols_1_33 {
	float:left;
	width: 100% !important;
}
.footer-wrapper .sf_3cols_2_34 {
	width: 100% !important;
	float:left;
}
.footer-wrapper .sf_3cols_3_33 {
	width: 100% !important;
	float:left;
}
.footer-wrapper .sf_3cols_3_33 .sf_3cols_3in_33 {
	margin-left: 0px;
} 
.footer-logo,
.footer-social {
	display: none;
}
.footer-links {
  margin: 0 auto;
  width: 72%;
  text-align: center;
  position: relative;
  top: -20px;
}
.footer-nav {
	width: 290px;
	margin: 0 auto;
	top: -30px;
}
.copyright {
	padding: 1em 0 0 0;
	font-size: 14px;
	color: #000000;
	text-align: center;
}
.boxcrush {
	padding: 0;
	font-size: 14px;
	color: #000000;
	text-align: center;
}
.boxcrush a:link,
.boxcrush a:visited {
	color: #000000;
}
/*
div.puppyTags div ul.sfTagsList li {
  display: table-cell;
  width: 100%;
  text-align: left;
}
*/
/**********************/
.mobile-menu.active #menu {
     display: block;
 }


/*** Small Animals Template ***/
.content .content-wrapper .small-animals-content .sfContentBlock img,
.content .content-wrapper .small-animals-content .sfimageWrp img {
    width: 100%;
}
.content .content-wrapper .small-animals-content .for-sale .sfContentBlock h2 {
    font-size: 24px;
    line-height: 30px;
}
.content .content-wrapper .small-animals-content .for-sale .sfContentBlock ul {
    margin-left: 0;
    padding-left: 0;
}
.content .content-wrapper .small-animals-content .left {
    width: 100%;
}
.content .content-wrapper .small-animals-content .right {
    width: 100%;
}
.content .content-wrapper .small-animals-content .right .sf_2cols_2in_33 {
    margin-left: 0px;
}

/** Reptiles Page **/

#Content .content .content-wrapper .subpage-content .reptiles-left { width: 100%; }
#Content .content .content-wrapper .subpage-content .reptiles-right { width: 100%; }


/** New Sub Page 2 Column fixes **/
#Content .subpage-content .sf_2cols_1_67 { width: 100%; }
#Content .subpage-content .sf_2cols_2_33 { width: 100%; padding-bottom: 2em; }
#Content .subpage-content .sf_2cols_2_33 .sfimageWrp {}
#Content .subpage-content .sf_2cols_2_33 .sfimageWrp img { width: 100%; max-width: 350px; }

#Content .subpage-content .sf_2cols_1_50 { width: 100%; }
#Content .subpage-content .sf_2cols_2_50 { width: 100%; }

#Content .dog-content .sf_2cols_1_50 { width: 100%; }
#Content .dog-content .sf_2cols_2_50 { width: 100%; }