/*
Theme Name: Azmira HAC Theme
Description: A custom Wordpress theme designed for Azmira Holistic Animal Care.     
Author: John W. Vermaes / Azmira Holistic Animal Care
Version: 1.0
*/

/*
============================================================
TABLE OF CONTENTS
	1. CSS GLOBAL RESET
	2. PAGE LAYOUT
		2A. PAGE WRAP
		2B. HEADER
		2C. LOGO
		2D. SOCIAL MEDIA & CONTACT PANEL
		2E. NAVIGATION 
		2F. MAIN CONTENT (INCLUDES SIDEBARS)
		2H. FOOTER 
============================================================
*/

/*
============================================================
	1. CSS GLOBAL RESET 
============================================================
*/

/* CONTAINERS */
html, body, div, span, fieldset {
     	margin: 0; 
     	padding: 0; 
		/* border: red solid 1px !important; */
     	outline: 0;
     	font-size: 100%;
     	line-height: 1.5;
     	font: inherit;
     	vertical-align: baseline;
}

/* HTML5 blocks - needed in older browsers */
article, aside, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* PARAGRAPHS */
h1, h2, h3, h4, h5, h6 {
     	margin: 5px 0;
     	line-height: 1.25;
     	font-weight: bold;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size:  95%; }
h6 { font-size:  85%; }

ul, ol {
     margin: 10px 0; 
     padding-left: 40px;
}

p { margin: 20px 0; }
blockquote { margin: 0 40px 20px 40px; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
sup, sub { line-height: 0; }

/* LINKS */
a { text-decoration: none; }
a:link { color: #0000EE; }
a:visited { color: #551A8B; }
a:active { color: #EE0000; }
a:hover, a:focus { text-decoration: underline; }
a:active, a:hover, a:focus { outline: none; }
a img { border: none; }

/* MISC TEXT-LEVEL ELEMENTS */
q, cite { font-style: italic; }
q:before { content: open-quote; }
q:after { content: close-quote; }

/* FORMS */
input, button, select, textarea { vertical-align: middle; }
     
/* TABLES */
table {
     	border-collapse: collapse;
     	margin: 20px 0;
     	width: 80%;
}

tr, td, th {
	padding: 1px; /* Same as browser default - set to "0" to remove padding */
     	vertical-align: middle; /* Default is "middle" */
     	text-align: left; /* Default for TH elements is "center" */
}

td:first-child, th:first-child { empty-cells: hide; }


/*
============================================================
	2. PAGE LAYOUT 
	   2A. PAGE WRAP (MAIN CONTENT, SIDEBARS, ETC.)
============================================================
*/

body {
	background: #006940;
	margin-top: 0;
}

div#page-wrap { 
	margin: 0 auto;
     	width: 970px;
     		/* border: purple solid 1px !important; */
	background: #006940;     
}

div#sidebar-container {
	margin-top: -40px;
     	width: 300px;
     		/* border: green solid 1px !important; */
     	float: right;   
}

aside#sidebar-1 { } 

aside#sidebar-2 { 
	margin-top: -5px;
}

aside#sidebar-2 h1 {
	margin: 0 0 15px 0;
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	font-style: italic;
	color: #333;
}

aside#sidebar-2 h2 {
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #333;
}

aside#sidebar-2 a:link, a:visited {
	color: #73251c;
	font-weight: bold;
	text-decoration: none;	
}

aside#sidebar-2 a:hover {
	color: #73251c;
	font-weight: bold;
	text-decoration: underline;	
}

aside#sidebar-3 { }


/*
============================================================
	2. PAGE LAYOUT 
	   2B. HEADER
============================================================
*/

div#header {
	margin: 0 auto;
	width: 968px;
	height: 210px;
		/* background: #fff; */
     		/* border: pink solid 1px !important; */
	background: #fff url(images/header-bg-2.png) 0 0 no-repeat;
}

div#access {
	text-indent: -9999px;	
}


/*
============================================================
	2. PAGE LAYOUT 
	   2C. LOGO
============================================================
*/

div#logo {
     	width: 192px; /* 160px; */
     	height: 210px; /* 176px; */
 	position: absolute;
		/* position: fixed; */
     		/* top: 0; */
		/* left: 156px; */
	z-index: 10;
	float: left;
	background: url(https://www.facebook.com/AzmiraHAC/photos/a.435623575741/10154514173295742/?type=1&theater) 0 0 no-repeat;	
}

div#logo h1 {
	text-indent: -9999px;
}

div#logo a {
     	width: 176px;
     	height: 176px;
	display: block;
}


/*
============================================================
	2. PAGE LAYOUT 
	   2D. SOCIAL MEDIA & CONTACT PANEL
============================================================
*/

div#contact-panel {
	width: 285px;
	height: 105px;
	float: right;
	margin: 12px 10px 2px 0;
     		/* border: pink solid 1px !important; */
}

div#contact-panel-facebook {
	width: 137px;
	height: 47px;
	float: left;
	margin-top: 2px;
	background: url(images/facebook-button.png) 0 0 no-repeat;
     		/* border: orange solid 1px !important;	*/
}

div#contact-panel-facebook a {
	width: 137px;
	height: 47px;
	display: block;	
}

div#contact-panel-facebook a:active {
	width: 137px;
	height: 47px;
	float: left;
	margin-top: 2px;
	background: url(images/facebook-button.png) 0 1px no-repeat;	
}

div#contact-panel-twitter {
	width: 137px;
	height: 47px;
	float: right;
	margin-top: 2px;
	background: url(images/twitter-button.png) 0 0 no-repeat;
     		/* border: orange solid 1px !important; */
}

div#contact-panel-twitter a {
	width: 137px;
	height: 47px;
	display: block;	
}

div#contact-panel-twitter a:active {
	width: 137px;
	height: 47px;
	float: right;
	margin-top: 2px;
	background: url(images/twitter-button.png) 0 1px no-repeat;	
}

div#contact-panel-email {
	width: 137px;
	height: 47px;
	float: left;
	margin-top: 4px;
	background: url(images/e-mail-button.png) 0 0 no-repeat;
     		/* border: orange solid 1px !important; */
}

div#contact-panel-email a {
	width: 137px;
	height: 47px;
	display: block;	
}

div#contact-panel-email a:active {
	width: 137px;
	height: 47px;
	float: left;
	margin-top: 4px;
	background: url(images/e-mail-button.png) 0 1px no-repeat;	
}

div#contact-panel-telephone {
	width: 137px;
	height: 47px;
	float: right;
	margin-top: 4px;
	background: url(images/telephone-button.png) 0 0 no-repeat;
     		/* border: orange solid 1px !important; */
}

div#contact-panel-telephone a {
	width: 137px;
	height: 47px;
	display: block;	
}

div#contact-panel-telephone a:active {
	width: 137px;
	height: 47px;
	float: right;
	margin-top: 4px;
	background: url(images/telephone-button.png) 0 1px no-repeat;	
}


/*
============================================================
	2. PAGE LAYOUT 
	   2E. NAVIGATION
============================================================
*/

.nav {
	width: 968px;  /* 776px */
	height: auto;
	background: #006940;
	margin: 6px 0 5px 0px;
    	display: block;
    	float: left;
    	position: relative;
	background: url(images/nav-background.png) 0 1px repeat-x;
		/* border: purple solid 1px !important; */
}
 
.nav ul {
	width: 776px;
    	list-style: none;
	margin: 0 0 0 195px;
}
 
.nav li {
    	float: left;
    	position: relative;
		/* border: #333 solid 1px; */
	width: 130px;
	height: 26px;
		/* background: #006940; */
	padding: 11px 0 3px 3px;
}

.nav a {
    	display: block;
    	text-decoration: none;
    	color: #fff;
    	padding: 0;
    	font-size: 11px;
    	font-weight: bold;
	font-family: verdana;
}
 
.nav a:visited {
	color: #fff;
}

.nav ul ul {
    	display: none;
    	position: absolute;
    	top: 100%;
    	left: 0;
    	float: left;
    	z-index: 99999;
    	background: #fefefe;  /* #212121 */
}
 
.nav ul ul ul {
    	top: 0;
    	left: 101%;
	width: 190px;
    	background: #fefefe;  /* #343434 */
     	border-color: #fff;
     	border-left: 6px solid #006940;
	border-right: 6px solid #006940;
	border-top: 5px solid #006940;
	border-bottom: 5px solid #006940;
	border-radius: 0 10px 10px 10px;
}

.nav ul ul ul li {
	width: 180px;
}
 
.nav ul ul a {
    	height: auto;
    	line-height: 1em;
    	/* padding: 10px; */
    	width: 180px;
}
 
.nav li:hover > a, .nav ul ul:hover > a {
    	color: #fff;  /* #ccc */
	text-decoration: underline;
}
 
.nav ul li:hover > ul {
    	display: block;
}

ul.sub-menu {
	margin: -6px 0 0 -1px;
	padding: 0;
	width: 140px;
     	border-color: #fff;
     	border-left: 6px solid #006940;
	border-right: 6px solid #006940;
	border-bottom: 5px solid #006940;
	border-radius: 0 0 10px 10px;
}

ul.sub-menu li {
	height: 20px;
	/* margin-bottom: 0; */
	padding: 8px 0 0 10px; /* 4px 3px 0 10px; */
	border-bottom: 1px dashed #006940;
	background: #006940 url(images/nav-child-bg.png) 0 0 repeat;
}

ul.sub-menu li:hover {
	/* background: #006940 url(images/nav-child-bg-hover.png) 0 0 repeat;  */
}

ul.sub-menu a:visited {
    	color: #fff;
}

ul.sub-menu li:last-child {
	border-bottom: 1px solid #006940;
}


/*
============================================================
	2. PAGE LAYOUT 
	   2F. MAIN CONTENT (INCLUDES SIDEBARS)
============================================================
*/

div#main-container {
    	margin: 0 auto;
	min-height: 750px;
     	width: 968px;
     		/* border: orange solid 1px !important; */
	background: #fff;
		/* background: #fff url(images/content-top-shadow.png) 0 5px repeat-x;  */
}

div#main-content-sidebar-left {
	margin-left: 6px; 
     	border: blue solid 1px !important;
     	width: 625px;
     	float: right; 
}

div#main-content-sidebar-right { 
     		/* border: blue solid 1px !important; */
	padding: 15px 15px 15px 30px;
     	width: 615px;
     	float: left; 
}

div#main-content-sidebar-none { 
     		/* border: blue solid 1px !important; */
     	width: 920px;
	margin: 0 auto;
	padding: 15px;
}

.clear { clear: both; }

h1 {
	margin: 0 0 15px 0;
	font-family: 'Lato', sans-serif;
	font-size: 48px;
	font-style: italic;
	color: #333;
}

h2 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}

p, div {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
}

div.section-separator {
	margin: 30px auto;
	width: 450px;
	height: 1px; 
	border-top: dashed 1px #73251c; 
}

ul.support-material, .support-material-list {
	margin: 0 0 25px 10px;
}

ul.support-material-list {
	list-style: none;
}

ul.support-material li {
	margin-bottom: 15px;
}

ul.support-material-list li {
	margin-bottom: 0;
	padding: 0 0 2px 25px;
	background: #fff url(images/acrobat.png) 0 0 no-repeat;
}

div#breadcrumbs {
	margin: -65px 0 0 165px;
}

div#breadcrumbs a:link, a:visited {
	color: #73251c;
	font-weight: bold;
	text-decoration: none;	
}

div#breadcrumbs a:hover {
	color: #73251c;
	font-weight: bold;
	text-decoration: underline;	
}	

div#category-root-page {
	margin: -5px auto 0 auto;
}

div#category-root-page ul.root-list {
	list-style: none;
}

div#category-root-page li.root-list-item {
	margin-bottom: 2px;
	margin-left: -15px;
	padding-left: 25px;
	background: #fff url(images/folder-go.png) 0 -1px no-repeat;
}


/* START: SEARCH RESULTS */
h1.search-results-page-title {
	margin-bottom: -5px;
}

span#search-results-sub-title {
	font-size: 13px;
	color: #999;
}

h2.search-results-entry-title {
	margin-top: 16px;
	font-size: 12px;
}

body.search-results .excerpt-read-more {
	display: none;
}

ul.search-result-list {
	list-style: none;
}

li.search-result {
 	padding-left: 25px;
	background: #fff url(images/search-result.png) 0 0 no-repeat;
}
/* END: SEARCH RESULTS */




div#content-slider {
	width: 605px;
	height: 305px;
	text-align: center;
	margin: -5px 0 25px 0;
}

.entry-summary {
	margin: -5px 0 25px 0;	
}

.entry-content a:link, a:visited {
	color: #73251c;
	font-weight: bold;
	text-decoration: none;	
		/* border: red solid 1px !important; */
}

.entry-content a:hover {
	color: #73251c;
	font-weight: bold;
	text-decoration: underline;	
}

img.alignleft {
	float: left;
	margin: 0 25px 25px 0;
}

img.alignright {
	float: right;
	margin: 0 0 25px 25px;
}

img.align-center {
	text-align: center;
	margin: 5px 0 15px 0;
}

img.404-error {
	text-align: center;
	margin-top: 35px;
}




/* START: PRODUCT CATEGORY PAGE (LIST) */
div.product-list-item {
	margin-top: 15px;
		/* border: red solid 1px !important; */
}

div.product-list-item-card {
	height: 150px;
	width: 150px;
	float: left;
	padding: 0 15px 5px 25px;
	margin-top: 0px;
	text-align: center;
		/* border: red solid 1px !important; */
}

div.product-list-item-card h4 {
	text-align: center;
}

div.product-list-item-thumbnail {
	height: 100px;
	width: 100px;
	float: left;
	padding: 0 15px 15px 0;
	margin-top: 0px;
		/* border: red solid 1px !important; */
}

div.product-list-item-thumbnail h4 {
	text-align: center;
}

div.product-list-item-description {
	height: 100px;	
	padding: 0 0 10px 10px;	
		/* border: red solid 1px !important; */
}

div.product-list-item-description p {
	margin-top: 0;
}
/* END: PRODUCT CATEGORY PAGE (LIST) */




/* START: ON-LINE RETAILER PAGE */
.product-meta-data {
	width: 600px;
	margin: 20px 0 0 20px;
}

.product-meta-data-key {
	width: 125px;
	float: left;
	font-weight: bold;
	padding: 5px;
}

.product-meta-data-value {
	width: 450px;
	float: right;
	padding: 5px;
}

div#product-page-picture-block {
	width: 48%;
	float: left;
}

div#retailer-block {
	margin: -5px auto 0 auto;
}

div#retailer-block ul {
	list-style: none;
}

div#retailer-block li {
	padding-left: 25px;
	background: #fff url(images/link-go.png) 0 -1px no-repeat;
}

div#retailer-block-left {
	margin-left: 10px;
		/* width: 25%; */
	float: left;	
}

div#retailer-block-right {
	margin-left: 60px;
		/* width: 25%; */
	float: left;
}
/* END: ON-LINE RETAILER PAGE */




/* START: DISTRIBUTOR PAGE */
.distributor-info-block {
	margin: -25px 0 45px 0;
}

.distributor-info-block-left {
	margin-bottom: -25px;
	padding: 50px;
	float: left;
	background: #fff url(images/address-book.png) 15px 18px no-repeat;	
}

.distributor-info-block-right {
	margin-bottom: -25px;
	float: left;
}
/* END: DISTRIBUTOR PAGE */




/* START: PRODUCT DESCRIPTION PAGE (SINGLE) */
div.product-info-tabs {
	margin-top: 15px;
	/* border: 1px solid green; */
}

.ui-tabs {
	position: relative;
	padding: .2em;
	zoom: 1;
}

.ui-tabs .ui-tabs-nav { 
	margin: 0; 
	padding: .2em .2em 0; 
}

.ui-tabs .ui-tabs-nav li { 
	list-style: none; 
	float: left; 
	position: relative; 
	top: 1px; 
	margin: 0 .2em 1px 0; 
	border-bottom: 0 !important; 
	padding: 0;
	white-space: nowrap; 	
	border: 1px solid #73251c; /* #006940;  */
}

.ui-tabs .ui-tabs-nav li a { 
	float: left; 
	padding: .5em 1em;
	font-weight: bold; 
	text-decoration: none; 
}

.ui-tabs .ui-tabs-nav li a:hover { 
	text-decoration: underline; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	margin-bottom: 0; 
	padding-bottom: 1px;
	font-weight: bold;
	color: #fff;
		/* border: 1px solid #006940; */
	background: #fff url(images/tab-bg.png) 0 0 repeat-x;
		/* background: #73251c; */
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;	
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { 
	color: #fff;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: text; 
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; 
} 

.ui-tabs .ui-tabs-nav li a {
	color: #73251c; /* #006940; */
}

.ui-tabs .ui-tabs-panel { 
	display: block; 
	border-width: 0; 
		/* padding: 1em 1.4em; */
	background: none; 
}

.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}

.ui-corner-all {
	-moz-border-radius: 4px/*{cornerRadius}*/;
	-webkit-border-radius: 4px/*{cornerRadius}*/;
	border-radius: 4px/*{cornerRadius}*/;
}

.ui-tabs-content {
	padding: 0 25px 0 25px;  /* 25px 10px 0 15px */
	border-top: 1px solid #73251c; /* #006940; */
		/* background: #fff url(images/prod-desc-tab-bg.png) 0 0 repeat; */
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.ui-tabs-content p {
	margin: 15px 0;
	color: #333;
}

.ui-tabs-content span, ul li {
	color: #333;
}

/*
.ui-widget-content {
	border: 1px solid blue/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}

.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
*/

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-corner-bottom {
	-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/;
	-webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/;
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
	-moz-border-radius-bottomright: 4px/*{cornerRadius}*/;
	-webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/;
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
/* END: PRODUCT DESCRIPTION PAGE (SINGLE) */




/* START: FREQUENTLY ASKED QUESTIONS PAGE */

ol#frequently-asked-questions {
	margin: 25px 0 25px 0;
}

ol#frequently-asked-questions li {
	line-height: 18px;
}

div.frequently-asked-questions {
	margin-left: 15px;
	background: #fff url(images/faq-bg.png) 0 -25px no-repeat;
		/* border: 1px solid red; */
}

div.frequently-asked-questions p, dt, dd {
	margin: 0 0 12px 0;
}

dl.question {
	margin-bottom: -10px;
	font-weight: bold;
	padding: 1px 5px 5px 0;
}

div.faq-sep {
	margin: 30px auto;
	width: 450px;
	height: 1px;
		/* margin-bottom: 37px; */
		/* padding: 0 0 30px 0; */ 
	border-top: dashed 1px #73251c; 
}

dl.answer {
	padding: 1px 5px 5px 0;
		/* font-style: italic; */
	margin-bottom: -13px;	/* OFFSET THE BOTTOM <P> MARGIN */
}

div.faq-top {
		/* width: 750px; */
		/* text-align: right; */
	padding: 5px 0;
}

/* END: FREQUENTLY ASKED QUESTIONS PAGE */




/* START: TESTIMONIALS PAGE */
div.customer-testimonial-block {
	margin: 30px 0 0 0;
}

div.customer-testimonial p {
	margin: 0 0 10px 0;
	padding: 0 10px;
		/* font-style: italic; */
}

div.customer-testimonial-bottom {
	background: #fff url(images/testimonial-bottom.png) 0 0 no-repeat;
	height: 25px;
}

div.customer {
	margin: 0 0 35px 40px;
	font-weight: bold;
}
/* END: TESTIMONIALS PAGE */




/* START: CONTACT PAGE */
ul.contact-options {
	margin: 0 0 35px -20px;
	list-style: none;
}

li.contact-phone {
 	margin-bottom: 5px;
	padding-left: 25px;
	background: #fff url(images/phone.png) 0 0 no-repeat;
}

li.contact-mail {
	padding-left: 25px;
	background: #fff url(images/mail.png) 0 0 no-repeat;
}

li.contact-newsletter {
	padding-left: 25px;
	background: #fff url(images/newsletter-add.png) 0 0 no-repeat;
}

div.wpcf7 .wpcf7-text, .wpcf7-select {
	height: 30px;
	width: 315px;
	border: 1px solid #999;
}

div.wpcf7 .wpcf7-textarea {	
        border: 1px solid #999;
}

div.wpcf7 .wpcf7-quiz {	
	height: 30px;
	width: 75px;
	border: 1px solid #999;
}

div.wpcf7 .wpcf7-submit {
	height: 25px;
	width: 45px;
}
/* END: CONTACT PAGE */




/* START: SEARCH BOX */
div#sidebar-search {
	height: 75px;
	margin-left: 10px;
	background: #fff url(images/azmira-search-form.png) 0 0 no-repeat;
}

.screen-reader-text {
	display: none;
}

input#s {
	width: 195px;
	height: 24px;
	margin: 2px 0 0 8px;
	border: none;
		/* background: #fff; */
		/* border: 1px solid #333; */
}

input#searchsubmit {
	width: 41px;
	height: 41px;
	background: url(images/azmira-search-form-button.png) no-repeat center center;	
	border: none;
	color: transparent;
	font-size: 0;
	cursor: pointer;
}
/* END: SEARCH BOX */




/* START: FACEBOOK SOCIAL PLUG-IN */
div#facebook-social-plugin {
	height: 285px;     
	overflow: hidden;
}
/* END: FACEBOOK SOCIAL PLUGIN */




/* START: TWITTER FEED */
div#twitter-feed {
	margin: 25px auto 25px auto;
}

div#twitter-feed ul#twitter {
	margin-left: -40px;
	list-style: none;
}

div#twitter-feed ul.pages {
	margin-left: -40px;
	list-style: none;
}

div#twitter-feed li.status {
	margin: 0 0 0 0;
	padding: 0 20px 10px 35px;
	background: #fff url(images/twitter-bird.jpg) -5px 0 no-repeat;
}

div#twitter-feed ul.pages li {
	margin: 0 0 0 0;
	padding: 0 20px 10px 35px;
	background: #fff url(images/twitter-bird.jpg) -5px 0 no-repeat;
}

div#twitter-feed span.meta {
	font-size: 11px;
	color: #8a8a8a;
	padding: 1px 0;
}
/* END: TWITTER FEED */




/* START: LOCAL RETAILER MAP */
/***** Area Above Map DIV. Contains Search Form Inputs *****/
.sl_header img, .sl_header td {
     border: none;
     	/* cursor: pointer; */
}

.sl_header #addressSubmit {
}

.sl_header td {
     vertical-align: top;
     text-align: left;
}
.sl_header td, .sl_header th, .sl_header tr {
     padding: 4px;
}


/***** Search Form Inputs  *****/
#address_search {
    width: 600px;
}

#address_search label {
     margin: 0 0 5px 0;
     font-weight: none;
}

#address_search select {
     margin: 2px 0 0 0;
     height: 30px;
     width: 315px;
     border: 1px solid #999;
}

select#radiusSelect {
     height: 30px;
     width: 100px;
     border: 1px solid #999;
}

#address_search .search_item {
     display: block;
     float: none;
     clear: both;
}

#address_search .search_item input {
     margin: 2px 0 0 0;
     height: 30px;
     width: 315px;
     border: 1px solid #999;
}

#addy_in_city {
     margin: 0 0 10px 0;
     padding: 5px 0;
     clear: both;
     float: left;
}

#addy_in_country {
     float: left;
}

#addy_in_address {
     margin: 0 0 10px 0;
     padding: 5px 0;
     clear: both;
}

#addy_in_radius {
     margin: 0 0 10px 0;
     padding: 5px 0;
     clear: both;     
     float: left;
}

#radius_in_submit {
     padding-top: 3px;
     width: 300px;
     clear: both;
     float: left;
}



/**** Map Box
 ** 
 ** Since we only use these div IDs when a static image is present
 ** we start with the image shown and map hidden.  JQuery will flip
 ** this for us.
 **
 **/

#map_box_image {
    display: block; 
}

#map_box_map {
    display: none;
}


/***** Store Locator Map DIV *****/
#sl_div {
	padding: 0;
		/* font-weight:bold; */
}
#sl_div a {
}
#sl_div a.storelocatorlink {
	color:#0000FF;
}
#sl_div a:hover.storelocatorlink {
	color:#4444FF;
}
#sl_div img {
	background-color:transparent;
	background-image:none;
	max-width:none; 
}
#sl_div table, #sl_div tr, #sl_div td {
	border:none;
}
#sl_div #map { 
	color:black; 
	font-weight:normal;
}

#sl_div #map img {
    visibility: visible;    
}

/***** Popup Info Window for Specific Location *****/
#sl_info_bubble { 
	padding:10px; 
	max-width:300px; 
	font-size:11px; 
	font-family:Arial;
	text-align:justify;
	line-height:normal;
}
#sl_info_bubble img{
	width: 100px; /* 250px; */
	max-height: 100px; /* 200px; */
	border:0px;
}
#sl_info_bubble .your_location_label{
	font-weight:bold;
}
#sl_info_bubble .location_detail_label{
	font-weight:bold;
}

/***** Area Below Map DIV, before Search Results Area *****/
.sl_footer td, .sl_footer td a, .sl_footer td a:link, .sl_footer td a:hover, .sl_footer td a:active, .sl_footer td a:visited {
	font-weight:normal;
	font-size:10px;
}
.sl_footer {
	background-color:black;
	padding:0px;
	border:0px black solid;
	color: #222;
}
.sl_footer a {
	color:#666;
	font-weight:bold;
	border:0px black solid;
	padding-left:5px;
}
.sl_footer_right_column {
	padding-right:5px;
	text-align:right;
}
.sl_footer_left_column {
	text-align:left;
}

/*****Search Results Area *****/
.searchResultsTable td {
	line-height:12px;
	font-family: Verdana;
	font-size:10px;
	text-align:left;
}
.text_below_map {
	/*shown before search performed */
	font-family:Arial;
	padding:20px;
	font-size:18px;
	text-align:justified;
}
.no_results_found {
	/*shown if no results found */
	padding:10px;
}
#map_sidebar { 
	/*shown for results found for specific query */
	background-color:transparent;
	font-weight:normal;
	text-align:justify;
	overflow: auto;
	height:250px;
	font-size: 11px;
}
.results_entry {
	cursor:pointer;
	cursor:hand;
	padding:4px;
	border-bottom:solid silver 1px;
	background-color:transparent;
}
/**
*.results_entry:hover {
*	background-color:salmon;
*}
**/

.results_row_left_column {
	width:30%;
	padding-right:4px;
	vertical-align:top;
}
.results_row_left_column .location_name {
	font-weight:bold;
}
.results_row_center_column {
	width:40%;
	vertical-align:top;
}
.results_row_right_column {
	width:30%;
	vertical-align:top;
	text-align:right;
}
/* END: LOCAL RETAILER MAP */



/* CONTENT - POST INDEX */

div.post-index-entry {
     margin: 0 0 0 -5px;
}

div.post-index-container {
     margin-top: 10px;
     padding: 5px;
     background: #fff;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;
}

div.post-index-container h2 {
     font-family: 'Lato', Arial, Serif;
     margin: 0 0 4px 0;
     font-size: 26px;
     	/* font-style: normal; */
}

div.post-index-container h2 a:link, a:visited {
     color: #73251c;
     font-weight: bold;
     text-decoration: none;	
}

div.post-index-container h2 a:hover {
     color: #73251c;
     font-weight: bold;
     text-decoration: underline;	
}

div.post-index-container p {
     margin: 15px 0; 
     padding: 0 15px;  
     font-family: Arial, Verdana, serif;
     font-size: 13px; 
     line-height: 1.50;
}

div.post-index-container p a:link, a:visited {
	color: #73251c;
	font-weight: bold;
	text-decoration: none;	
}

div.post-index-container p a:hover {
	color: #73251c;
	font-weight: bold;
	text-decoration: underline;	
}



/* CONTENT - SINGLE POST */

div#post-container {
     margin: 0;
     padding: 5px;
     background: #fff;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;
}

h1.post-title {
     font-family: 'Lato', Arial, Serif;
     margin: 25px 0 0 0;
     padding: 0 0 0 5px;
     font-size: 28px;
     	/* font-style: normal; */
     color: #333;
}

div#entry-content p {
     margin: 15px 0;
     padding: 0 15px;  
     font-family: Arial, Verdana, serif;
     font-size: 13px; 
     line-height: 1.50;  
}

ol#single-post-list {
     margin: 0 0 -10px 0;
     font-family: Arial, Verdana, serif;
     font-size: 13px; 
     line-height: 1.50;  
}

ol#single-post-list li {
     padding: 0 0 10px 0;
}

div#post-container a:link, a:visited {
	color: #73251c;
	font-weight: bold;
	text-decoration: none;	
}

div#post-container a:hover {
	color: #73251c;
	font-weight: bold;
	text-decoration: underline;	
}

div#post-meta-head {
     margin: -3px 0 0 0;
     font-family: Arial, Verdana, serif;
     font-size: 11px;
     color: #919191; 
}

div#post-meta-foot {
     margin-top: 0;
     font-family: Arial, Verdana, serif;
     font-size: 11px;
     color: #919191; 
}

div#related-posts {
     margin: 25px 0 0 0;
}

div#related-posts h4 {
     font-family: 'Lato', Arial, Serif;
}

div#related-posts ul {
     margin: 0;
}

div#related-posts-by-tags li {
     margin: 0 0 0 -15px;
     padding: 0 0 0 25px;
     list-style: none;
     font-family: Arial, Verdana, serif;
     font-size: 12px;
     line-height: 1.5; 
     background: #fff url('images/tag.png') 0 1px no-repeat;
}

div#related-posts-by-category li {
     margin: 0 0 0 -15px;
     padding: 0 0 0 25px;
     list-style: none;
     font-family: Arial, Verdana, serif;
     font-size: 12px;
     line-height: 1.5; 
     background: #fff url('images/categories.png') 0 1px no-repeat;
}

div#comments {
     margin: 25px 5px 0 5px;
}

div#comments p {
     font-family: Arial, Verdana, serif;
     font-size: 12px; 
     line-height: 1.50; 
}

div#comments a:link, a:visited {
	color: #73251c;
	font-weight: bold;
	text-decoration: none;	
}

div#comments a:hover {
	color: #73251c;
	font-weight: bold;
	text-decoration: underline;	
}

div#comment-moderation {
     margin: 25px 0 -25px 0;
     padding: 5px;
     font-family: Arial, Verdana, serif;
     font-size: 12px; 
     font-weight: bold;
     line-height: 1.50; 
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;
     border: red solid 1px;
     background: #edd1d1;
}

div.comment-container-outer {
     margin: 0 0 10px 0;
     padding: 5px;
     background: url('images/container-outer-bg.png') 0 0 repeat;
}

div.comment-container-inner {
     padding: 5px;
     background: url('images/container-inner-bg.png') 0 0 repeat;
}

div.comment-container {
     margin: 0;
     padding: 5px;
     background: #fff;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;
}

ol.comment-list {
     margin: 15px 0 0 -40px;
}

ol.comment-list li {
     margin: -8px 0 0 0;
     list-style: none;
}

div.comment-meta {
     margin: 0;
}

div.vcard {
     padding-right: 10px;
     float: left;
}

div.comment-intro {
     height: 51px;
}

div.comment-intro p {
     margin: 10px 0 0 0;
}

div.comment-content {
     margin: 35px 0 0 15px;
}

div.comment-reply-link {
     font-family: Arial, Verdana, serif;
     font-size: 12px; 
     line-height: 1.50; 
}

div.comment-reply-link span {
     padding: 0 0 0 15px;
     background: url('images/server.png') 0 0 no-repeat;
}

div#respond {
     margin: 25px 0 0 0;
}

p.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment, .form-submit {
     margin: 0 0 15px 15px;
}

div#respond input {
     width:375px;
     font-family: Arial, Verdana, serif;
     font-size: 12px;
     	/* margin-top: 8px; */
     padding: 10px;
     background: #fff;
     border: solid 1px #aaa;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
}

div#respond textarea {
     margin: 2px 0 10px 0;
     padding: 4px 2px;
     font-family: Arial, Verdana, serif;
     font-size: 12px; 
     height: 200px;
     width: 400px;
     border: solid 1px #aaa;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
}

div#respond input#submit, input#form-submit {
     width: 125px;
     color: #fff;
     font-family: Arial, Verdana, serif;
     font-size: 13px; 
     font-weight: bold;
     margin-top: -15px;
     padding: 7px;
     cursor: pointer;
     background: #007d48;
     border: solid 1px #006138;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
}



/* CLASSES USED BY WORDPRESS TO STYLE POST THUMBNAIL IMAGES */
/*
img.wp-post-image
img.attachment-thumbnail
img.attachment-medium
img.attachment-large
img.attachment-full
*/


/*
============================================================
	2. PAGE LAYOUT 
	   2F. FOOTER
============================================================
*/

div#footer { 
     	margin: 10px auto 10px auto;
	padding: 15px 0;
     	width: 968px;
     	text-align: center;
	background: #fff;
     	clear: both;
	-moz-border-radius-bottomleft: 5px/*{cornerRadius}*/;
	-webkit-border-bottom-left-radius: 5px/*{cornerRadius}*/;
	border-bottom-left-radius: 5px/*{cornerRadius}*/;
	-moz-border-radius-bottomright: 5px/*{cornerRadius}*/;
	-webkit-border-bottom-right-radius: 5px/*{cornerRadius}*/;
	border-bottom-right-radius: 5px/*{cornerRadius}*/;
}