/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#mainFilter {
    display: inline-block;
    margin: 0 0 20px;
    padding: 30px 0 0;
}

.gradup {
    display: inline-block;
    margin-bottom: -3px;
    padding: 0 0 30px;
    width: 950px;
}

#mainFilter .onethird.plus {
    width: 240px;
}

#mainFilter .right {
    clear: right;
    float: right;
    margin-right: 0;
}
#mainFilter .onethird {
    display: inline;
    margin: 15px 10px;
    width: 220px;
}

#mainFilter #holder li img, #mainFilter #holder-init li img {
    box-shadow: 0 4px 4px #000000;
    margin: 0 10px;
    padding: 0;
    position: absolute;
}
#mainFilter .twothird img {
    background: url("../images/spotlight-fullwidth.png") no-repeat scroll center bottom transparent;
    padding: 0 0 60px;
}

#main #holder li .caption a, #main #holder-init li .caption a {
    background: none repeat scroll 0 0 #7F9585;
    color: #FFFFFF;
    font-family: 'Lora',arial,serif;
    font-size: 25px;
    font-weight: normal;
    opacity: 0.93;
    padding: 2px 8px 3px;
    text-decoration: none;
    z-index: 100;
}

#holder li, #holder-init li {
    background: url("../images/spotlight-fullwidth.png") no-repeat scroll center bottom transparent;
    height: 248px;
    margin: 0;
    padding: 0 0 50px;
    width: 640px;
}

.entry #main .onethird ul li {
    border-bottom: 1px solid #141C1F;
    color: #75A5B1;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 1px;
    padding: 6px 0;
}

.filters span {
    background: none repeat scroll 0 0 #D9D9D9;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    display: inline-block;
    float: right;
    font-size: 10px;
    margin: 4px 0 0;
    padding: 3px;
    text-align: right;
    width: 25px;
}

.filters li {
    background: none repeat scroll 0 0 #A6B5AA;
    border: 0 none !important;
    margin: 0;
    padding: 3px 7px 8px 10px !important;
}

#mainFilter ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dynamicFilterInput {
    margin-top: 7px;
    vertical-align: top !important;
}

.entry ul li {
    list-style-type: NONE;
}

.inputBox {
width: 180px;
padding:10px;
-webkit-box-shadow: 0px 2px 0px 0px #ccc;
box-shadow: 0px 2px 0px 0px #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px; 
background-color: #fff;
margin-right: 25px;
margin-top: 10px;
}

.results li {
float: left;
padding-bottom: 5px;
padding-right: 10px;
}

ul.results {
margin: 0px;
padding: 0px;
width: 700px;

}

.results li img {
-webkit-box-shadow: 0px 2px 0px 0px #ccc;
box-shadow: 0px 2px 0px 0px #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px; 
}

#nh1 {
background-image: url('https://www.lupinepet.com/wp-content/themes/inspire/images/banner1.jpg');
width: 890px;
height: 436px;
-webkit-box-shadow:  0px 3px 3px 1px #8a8a8a;
box-shadow:  0px 3px 3px 1px #8a8a8a;
border: 5px solid white;
}

#nh1 .caption-left {
float: left; 
width: 300px;
margin-top: 115px;
margin-left: 40px;
}

#nh1 .caption-left p {
color: #fff;
}

#nh1 .caption-left h3 {
color: #ff5400;
font-weight: bold;
}

#nh1 .caption-right {
float: left; 
width: 300px;
margin-top: 115px;
margin-left: 230px;
}

#nh2 .caption-right p {
color: #fff;
}

#nh2 .caption-right h3 {
color: #ff5400;
font-weight: bold;
}

#nh2 {
background-image: url('https://www.lupinepet.com/wp-content/themes/inspire/images/banner2.jpg');
width: 890px;
height: 436px;
-webkit-box-shadow:  0px 3px 3px 1px #8a8a8a;
box-shadow:  0px 3px 3px 1px #8a8a8a;
border: 5px solid white;
}

#nh2 .caption-left {
float: left; 
width: 300px;
margin-top: 105px;
margin-left: 40px;
}

#nh2 .caption-left p {
color: #fff;
}

#nh2 .caption-left h3 {
color: #ff5400;
font-weight: bold;
}

#nh2 .caption-right {
float: left; 
width: 300px;
margin-top: 115px;
margin-left: 210px;
}

#nh1 .caption-right p {
color: #fff;
}

#nh1 .caption-right h3 {
color: #ff5400;
font-weight: bold;
}

.galleryThumb {
margin-left: 40px;
margin-top: 20px;
border: 2px solid white;
}

.builtTitle {
text-align: center;
font-size: 34px !important;
margin-top: 20px !important;
margin-bottom: 35px !important;
}

#builtGallery {
background: url('https://lupinepet.com/wp-content/uploads/2012/10/cutting-231x154.jpg');
width: 231px;
height: 154px;
margin-left: 20px;
margin-top: 20px;
border: 3px solid white;
}

#builtGallery a {
display: block;
height: 100%;
width: 100%;
}

h2.builtTitle {
text-align: center;
font-size: 34px !important;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 20px;
}

.archive_header {
    background: url("images/bg-border.png") no-repeat scroll center bottom transparent;
    display: block;
    float: left;
    font-family: 'Droid Serif',Georgia,serif;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}

.post {
    min-height: 200px;
    padding-top: 5px;
}

.archive .post {
    float: left;
    margin-right: 5px;
    min-height: 200px;
    padding-top: 5px;
    width: 230px;
    height: 270px; 
}

.post-meta {
	margin-bottom: 5px;
}

#guarantee {
background-image: url('https://lupinepet.com/wp-content/uploads/2012/10/guarantee-banner2.jpg');
width: 890px;
height: 436px;
-webkit-box-shadow:  0px 3px 3px 1px #8a8a8a;
box-shadow:  0px 3px 3px 1px #8a8a8a;
border: 5px solid white;
}

#guarantee2 {
background-image: url('https://www.lupinepet.com/wp-content/uploads/2012/10/guarantee-banner.jpg');
width: 890px;
height: 436px;
-webkit-box-shadow:  0px 3px 3px 1px #8a8a8a;
box-shadow:  0px 3px 3px 1px #8a8a8a;
border: 5px solid white;
}

#guarantee .caption-right p {
color: #000;
}

#guarantee .caption-right h3 {
color: #ff5400;
font-weight: bold;
}

#guarantee .caption-left {
float: left; 
width: 500px;
margin-top: 280px;
margin-left: 40px;
}

#guarantee .caption-left p {
color: #000;
}

#guarantee .caption-left h3 {
color: #ff5400;
font-weight: bold;
}

#guarantee .caption-right {
float: left; 
width: 300px;
margin-top: 205px;
margin-left: 50px;
}

.guaranteeOptionBox {
float: left; 
width: 28%;
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

.guaranteeMarginLeft {
margin-left: 15px;
}

.sponsors-box {
float: left; 
width: 215px;
text-align: center;
margin-left: 10px;
}

#header li {
margin-top: 30px;
}

#nav {
margin-top: 0px !important;
margin-right: 25px;
}

#logo {
}

#logo img {
}

#chatTop {
margin-left: 200px;
}

#header {
padding-top: 0px;
margin-top: 0px;
}

.nav-entries a {
font-size: 16px;
float: left;
}

.post-left {
width: 630px;
float: left;
padding-top: 15px;
}

.post-sidebar h3 {
color: #f26322;
font-size: 21px;
}

.post-left img {
    max-width: 630px;
}

.archiveHeight {
	min-height: 550px;
}

.wp-image-6996 {
	padding: 0px !important;
	margin: 0;
	width: 940px;
}

h2.sweepstakes {
	letter-spacing: 0px;
	line-height: 36px;
}

.req {
	color: red;
}

.un-right {
    font-size: 18px;
}

#suggestPost
    {
    font-size: 16px;
    height: 35px;
    padding: 8px 0 0 15px;
    position: fixed;
    -webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
    width: 200px;
    border-radius: 4px 4px 4px 4px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform-origin: right top 0;
	}

div#suggestPost:hover
{
        background-position:-41px 0px;
}

#suggestPost a
{
    display:block;
    height:170px;
    width:40px;
    -webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
}
      
      
#nav a {
    font-size: 14px;
}
#featured {
    height: 500px;
    padding-bottom: 20px;
    padding-top: 20px;
}
#featured .wrap {
    padding-left: 20px;
    padding-top: 0;
    position: relative;
    z-index: 9999;
}
#featured .wrap img {
border: 2px solid #777777;
border-radius: 10px 10px 10px 10px;
}
.products {
padding: 0 0 30px;
}
.colstack {
    padding: 0 0 30px 85px;
}
#footer-widgets .left {
float: left;
margin-top: 20px;
width: 215px;
padding-left: 10px;
height: 220px;
}

.middle {
float: left;
margin-top: 20px;
width: 215px;
padding-left: 10px;
height: 220px;
}

.middleright {
float: left;
margin-top: 20px;
width: 215px;
padding-left: 10px;
height: 220px;
}


#footer-widgets .middle {
float: left;
margin-top: 20px;
width: 215px;
padding-right: 10px;
}
#footer-widgets .right {
float: left;
width: 215px;
padding-left: 10px;


}
#footer-widgets h2 {
text-transform: uppercase;
}
.widget h2 {
color: #777777;
font-size: 18px;
font-weight: bold;
margin: 0 0 15px;
padding: 0;
}
.middle li {
list-style: none outside none;
}
.middleright li {
    list-style: none;
}

#header {
background-color: #444a48;
}

#connect {
border-bottom: medium none;
margin: auto;
padding: 20px;
padding-bottom: 0px;
padding-bottom: 30px;
}
#subscribeBox .widget {
background: none repeat scroll 0 0 transparent;
}
.social {
float: left;
width: 230px;
border-left: 1px solid #ccc;
height: 125px;
padding-left: 20px;
}
#subscribeboxleft {
float: left;
width: 420px;
}
.joinList {
margin-bottom: 10px;
}

.chat-container {
float: left;
width: 150px;
border-left: 1px solid #ccc;
height: 125px;
padding-left: 20px;
}

#woo_subscribe-3 {
list-style: none;
margin-bottom: none;
}

#subscribeBox {
background-color: #fff;
}

#subscribeBox .widget {
margin-bottom: 0;
background-color: #fff;
}

#woo_subscribe-4 {
    list-style: none outside none;
}

#chatButton {
background-color: #424947;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.orangeButton {
background: -moz-linear-gradient(center top , #E88E52 20%, #CF6E2E 100%) repeat scroll 0 0 transparent;
    border-color: #AF7440 #AF7440 #9A5420;
}

#chatTop {
margin-top: 20px;
width: 500px;
}

body {
background-color: #fff;
}

.products h3 {
font-size: 24px;
}

.products .entry p {
line-height: 2;
}

#subscribeBox li {
    list-style: none;
}

#footer-widgets .left {
padding: 0px;
}

#footer-widgets h2 {
   font-size: 14px;
   text-align: left;
}

#footer-widgets ul li a {
  font-size: 12px;
}

#footer-widgets h3 {
   font-size: 14px;
   text-align: left;
}

.contactLeft {
width: 260px;
}

input.wpcf7-submit {
    background-color: #343A37;
    color: #FFFFFF;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.product-spacer {
margin-bottom: 50px;
}

.smooth_zoom_preloader {
-webkit-border-radius: 10px;
border-radius: 10px; 
}

.locator {
padding-top: 50px;
}

.locator #sidebar {
text-align: center;
background-color: rgba(255, 255, 255, .7);
color: rgba(255, 255, 255, .7);
padding: 15px;
margin-bottom: 15px;
width: 240px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.locator .post {
width: 640px;
}

.dynamic #sidebar {
float: left;
}

#sidebar {
padding-top: 10px;
border-right:1px solid #ccc;
}

#connect #connectCenter {
    margin: auto;
    width: 940px;
}

.patternCheck {
float: left;
padding-left: 150px;
}

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

#tab a {
background-color: #e55202;
color: rgb(255, 255, 255);
font: 16px 'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif;
padding: 10px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
position: fixed;
right: 0%;
top: 35%;
margin-top: -100px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
right: -96px;
z-index: 9999 !important;
}

#tab a {
display: none;
}

.contentFiller {
background-color: #fff;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

.stamp {
line-height: 10px;
border: 5px dashed #d7f7ff;
background-color: #ecfbff;
padding: 10px;
width: 130px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

#chatTop {
width:  100%;
margin: auto;
background-color: #444a48;
height: 80px;
}

#header {
padding-top: 0px;
margin-top: 0px;
}

#welcome {
padding-top: 15px;
}

.welcome {
line-height: 26px !important;
padding: 15px, 0px !important;
margin: 20px !important;
}

.topMenu {
color: #FFF;
margin-top: 20px;
}

.topMenu {
padding-top: 5px;
}

.topChat {
padding-top: 2px;
}

.topChat {
margin-right: 15px;
}

.topMenu a {
color: #CCC !important;
text-decoration: underline;
}

.topMenu a:hover {
color: #FFF !important;
}

ul#nav {
width: 100%;

}

#nav a {
}

#nav a:hover {
color: #dc5300 !important;
}

.make242 {
width: 194px !important;
text-align: center;
}

#nav li li  {padding: 0px !important; margin: 0px !important; border-right: none;}

ul.sub-menu {width: 20% !important; border: 1px solid #ccc; position: relative; }

.borderRight {
 border-right: 1px solid #000; text-decoration:none;
 }
 
 #nav li ul li {
 width: 100% !important;
 font-size: 14px; !important;
 }
 
 .fancy {
  line-height: 0.1;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 35px;
  font-size: 18px;
  color: #777;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #777;
  top: 0;
  width: 250px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}

.welcomeHeader {
font-family: 'Roboto Slab', serif;
text-align: center;
}


#nav li ul li a {
width: 100%;
}

.gray-band {
background-color: rgba(0, 0, 0, .15);
color: rgba(0, 0, 0, .15);
}

.menuTitle:hover {
background-color: #FFF !important;
}

img.title {
margin-left: 15px !important;
}

.topMenu {
color: #FFF;
background-color: #444a48;
width: 960px;
height: 80px;
overflow: hidden;
margin: auto;
}

.topLinks {
width: 624px;
margin: 0 auto;
}

#topMenuBg {
background-color: #444a48;
}

#mainMenu {
background-color: #e7e7e7;
}

ul#nav {
width: 980px;
height: 49px;
background-color: #e7e7e7;
border-bottom: 1px #bebebe;
margin: auto;
}

#nav ul {
z-index: 99999;
margin: 0;
padding: 0;
list-style: none;
line-height: 1;

}

#nav, #nav ul {
list-style: none;
line-height: 1;
}

#nav li {
padding: 14px 0px 12px 0px !important;
}

#nav li:hover {
background: #DDD;
);

transition: width 2s, height 2s, transform 2s;
-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
}

#nav li {
float: left;
width: auto;
}


#nav a {
font: 18px 'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif;
display: block;
z-index: 100;
padding: 0 10px;
color: #777;
text-decoration: none;
}

.mainMenuItem {
opacity: 1;
   transition: opacity .1s ease-in-out;
   -moz-transition: opacity .1s ease-in-out;
   -webkit-transition: opacity .1s ease-in-out;
}

.mainMenuItem:hover {
   -moz-box-shadow:    inset 0 0 10px #bebebe;
   -webkit-box-shadow: inset 0 0 10px #bebebe;
   box-shadow:         inset 0 0 10px #bebebe;
}


.borderRight {
border-right: 1px solid #bebebe;
}

.borderLeft {
border-left: 1px solid #bebebe;
}

#nav .sf-sub-indicator {
display: none;
}

/* 2.2.1 Drop-down menus */
#nav li ul  { position: absolute; left: -999em; background: #FFF;}
#nav li ul li  { border: 1px solid #efefef; border-width: 0 0 1px; padding:0; margin:0; text-align: left; }
#nav li ul li a  { background:url(images/ico-bullet.png) no-repeat 5px 10px; padding-left:15px; line-height:30px; font-size:12px; color:#000; }
#nav li ul li:hover  { background:#fafafa; }
#nav li ul  { padding:5px; }
#nav li ul ul  { margin: -25px 0 0 120px; }
#nav li ul li ul li a  { border-width: 0 0 1px; }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul  { left:auto; }
#nav li:hover,#nav li.hover  { position:static; }

#nav .sf-sub-indicator {display:none;}

#nav li ul li a {
background: url(images/ico-bullet.png) no-repeat 5px 10px;
padding-left: 15px;
line-height: 30px;
font-size: 14px;
color: #000;
}

#nav li li  {padding: 0px !important; margin: 0px !important; border-right: none;}

ul.sub-menu {width: 20% !important; border: 1px solid #ccc; position: relative; }

 #nav li ul li {
 width: 100% !important;
 font-size: 14px; !important;
 }
 
#left {
    float: left;
    width:220px;
    height:70px;
    margin-top: 10px;
}

#center {
    margin: 25px auto 0px auto;
    width:490px;
}

#right {
    float: right;
    width:57px;
    height:58px;
    margin-right: 25px;
    position: relative;
    bottom: 15px;
}

.ginput_container li {
width: 180px;
float: left;
font-size: 12px;
}


.returnPatternName {
position: relative;
bottom: 10px;
}

.tooltip {
display: none;
width: 500px;
cursor: help;
text-shadow: 0 1px 0 #000;
position: absolute;
top: 27px;
left: 50%;
z-index: 999;
margin-left: -260px;
padding: 10px;
color: #FFF;
background-color: #fff;
background-color: rgba(0, 0, 0, .85);
color: rgba(0, 0, 0, .85);
-webkit-box-shadow: 0px 2px 2px 1px #000;
box-shadow: 0px 2px 2px 1px #000;
border: 1px solid #000;
}

.tooltip p, .tooltip h2 {
color: #FFF;
}

.tooltip img {
margin: 15px;
border: solid 2px #666666;
}

.wp-dialog h3 {
color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #f7eab2;
background: #ffffff url(/themeroller/images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
color: #363636;
}

.ui-state-highlight .ui-icon {
background-image: url('https://download.jqueryui.com/themeroller/images/ui-icons_2e83ff_256x240.png');
}

#submittedInfo table {
border: 1px solid #
}

#submittedInfo table td {
padding: 5px;
border: 1px solid #ccc;
}

.bigger {
padding: 10px;
font-size: 14px;
background-color: #E76615 !important;
}

.NoBgButton {
background: rgba(0,0,0,.20) !important;
}

.NoBgButton:hover {
background: rgba(0,0,0,.35) !important;
}

.textShadow {
text-shadow: 0 0 8px #000000;
}

.gform_wrapper .gfield_radio li label {
width: 100%;
}