/*
Theme Name: Vantage Pharmacy Website Project - Ecommerce Theme - 7day Pharmacy specific
Theme URI: http://www.boldhorizon.co.nz/wordpress-website-templates-theme.php
Description: Custom ecommerce theme for the Vantage Pharmacy group by the no. 1 in search engine optimisation! WordPress theme designed by <a href="http://www.boldhorizon.co.nz" target="_blank">Bold Horizon</a>.
Version: 1.7
Author: Bold Horizon
Author URI: http://www.boldhorizon.co.nz
Tags: 2 columns, widgets, fixed width, bold horizon, solbergs, blue, gravatars, business, 1st position in search engines, fixed width, two columns, clean, lorem ipsum, search engine optimized,
*/

.hidden-l .CategoryBox {
    display: none;
}
#grid_view_products_page_container .PromotionItem {
    margin: 0 15px 15px 0;
}
#grid_view_products_page_container .PromotionItem .ImageCol {
    float: left;
    width: 140px;
}
.item_image.ImageCol img {
    margin-top: -18px !important;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.clear {
    clear: both;
}
/* Body */

* {
    margin: 0;
    padding: 0;
}
body {
    background: white;
    color: #262626;
    font: 12px Verdana, sans-serif;
    line-height: 18px;
}
#SiteContainer {
    position: relative;
}
#BannerContainer {
    background: transparent url("img/banner-bg.png") no-repeat scroll left top / cover;
    height: 144px;
}
#Banner {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    max-width: 980px;
    width:100%;
    clear: both;
    padding-top:25px;
}
#Banner .logo {
   float:left;
   width: 20%;
}
#Banner .kings-pharmacy {
   float:left;
   width:35%;
}
#Banner .devonport-pharmacy {
    float: left;
    text-align: right;
    width: 45%;
}
#Banner img {
    max-width: 100%;
}
#Banner #Welcome,
#Banner #PharmacyNames {
    display: block;
    float: left;
    vertical-align: middle;
    line-height: 34px;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
}
#PharmacyNames {
    padding-left: 20px;
    text-align: center;
    text-transform: uppercase;
}
#Welcome {
    padding: 14px 0;
}
#FirstPharmacy {
    color: rgb(103, 39, 129);
}
#SecondPharmacy {
    color: rgb(55, 48, 144);
}
#NavContainer {
    background: #25528a;
    padding: 0;
    width: 100%;
    z-index: 10;
}

#MainContainer {
	background: #fffefe url("/wp-content/uploads/2018/06/mainbg.jpg") center top no-repeat;
	z-index: 1;
	background-size: contain;
	background-size:100%;
}
#ContentShadow {
    width: 1040px;
    background: transparent url(img/content-bg.png) center top repeat-y;
    margin: 0 auto;
}
#wrap {
    background: transparent;
    color: #333;
    margin: 0 auto;
    width: 920px;
    padding: 30px;
}
/* Links */

a {
    background-color: inherit;
    color: #E60000;
    font-weight: normal;
    text-decoration: none;
}
a:hover {
    background-color: inherit;
    color: #EE7509;
    font-weight: normal;
    text-decoration: underline;
}
a img {
    border: 0;
}
/* Nav Bar */

#NavBar {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
#NavBar ul {
    float: left;
    list-item-style: none;
    margin: 0;
}
#NavBar ul li {
    float: left;
    display: block;
    padding: 12px 20px;
}

#NavBar ul li:first-child {
    padding-left: 0px;
}
#NavBar ul li a {
    color: white;
    display: block;
    font-family: Verdana, serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0;
    text-transform: uppercase;
}
#NavBar ul li a:hover,
#NavBar ul li.current-menu-item a {
    border-bottom: 1px solid #9269ab;
    text-decoration: none;
}
#Logo img {
    margin-top: 8px;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #D7DFE0;
    float: left;
}
#PharmacyCart {
    color: white;
    height: 42px;
    right: 0px;
    line-height: 42px;
    position: absolute;
    top: 0;
    vertical-align: middle;
    z-index: 20;
    text-align: right;
    /*	float: right;
	width: 260px;*/
}
#PharmacyCart img {
    margin-bottom: 2px;
    vertical-align: middle;
}
#PharmacyCart a {
    color: white;
    font-weight: bold;
}
/* Sidebars */

#rightbar {
    float: right;
    margin: 0;
    padding: 0 0 30px;
    width: 220px;
}
#leftbar p,
#leftbar ul,
#leftbar div.textwidget,
#rightbar p,
#rightbar ul,
#rightbar div.textwidget {
    font-size: 0.9em;
    margin: 0 0 18px;
}
#leftbar li,
#rightbar li {
    line-height: 1.2em;
    list-style: none;
    margin: 0 0 6px;
}
#leftbar ul ul,
#rightbar ul ul {
    margin: 6px 0 0 10px;
}
#leftbar ul ul li,
#rightbar ul ul li {
    margin: 0 0 4px;
}
#leftbar ul ul li a,
#rightbar ul ul li a {
    font-weight: normal;
}
#leftbar ul.linklist,
#rightbar ul.linklist {
    font-size: 1em;
}
#leftbar ul.linklist ul,
#rightbar ul.linklist ul {
    margin: 0 0 20px;
}
#leftbar ul.linklist ul li a,
#rightbar ul.linklist ul li a {
    font-weight: bold;
}
#leftbar h2,
#leftbar ul.linklist li h2,
#leftbar h3,
#rightbar h2,
#rightbar ul.linklist li h2,
#rightbar h3,
table#wp-calendar caption {
    background-color: inherit;
    color: #505050;
    font-size: 1.3em;
    font-weight: normal;
    text-align: left;
    margin: 0 0 6px;
}
#leftbar label,
#rightbar label {
    display: none;
}
#RecentPosts h2 {
    margin-bottom: 0;
}
#RecentPosts h2 a {
    display: block;
    height: 46px;
    width: 220px;
    text-decoration: none;
    background: transparent url(img/pharmacy-news.gif) center top no-repeat;
    cursor: pointer;
}
#RecentPosts h3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    color: #FC3AFC;
    margin-bottom: 0;
}
#RecentPosts p {
    font-size: 11px;
    line-height: 16px;
}
#RecentPosts #Snippets {
    padding: 10px 20px;
    background: #FFFFDE;
}
#RecentPosts #Snippets a {
    color: #FC3AFC;
}
#Snippets .Snippet {
    margin-top: 18px;
}
#Snippets .Snippet.FirstSnippet {
    /*	border-bottom: 2px dotted #262626;*/
    
    margin-top: 0;
}
.ContactDetails {
    background: #F0F0F0;
    padding: 10px 20px;
    margin-top: 20px;
    /* Add a 5px rounded border */
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* This stops background colour from bleeding through the rounded corners. */
    
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    behavior: url(/?pie=true);
}
.ContactDetails p {
    margin-bottom: 3px;
    font-size: 11px;
    line-height: 16px;
}
#rightbar .ContactDetails h3 {
    line-height: 16px;
    font-size: 12px;
    margin: 0 0 2px;
    color: #262626;
    font-weight: bold;
}
.FollowBox {
    border-top: 2px dashed #DBDADA;
    margin-top: 10px;
    padding-top: 10px;
}
.FollowBox p {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    color: #333;
}
.FollowBox img {
    float: none;
    margin: 10px 10px 0 0;
    vertical-align: middle;
}
#PharmacyBreak {
    margin: 10px 0;
    height: 1px;
    border-top: 1px solid #000;
}
#design {
    text-align: center;
    font-size: 10px;
}
#ProductionBox {
    background: transparent url(img/produced-bottom.gif) no-repeat left bottom;
    padding-bottom: 6px;
    margin-bottom: 40px;
}
#ProductionBoxInner {
    background: transparent url(img/produced-middle.gif) repeat-y left top;
    padding: 0 20px 10px;
}
#ProductionBox h2 {
    display: block;
    height: 35px;
    width: 268px;
    background: white url(img/produced-top.gif) no-repeat left top;
    color: white;
    font: 16px Georgia, serif;
    line-height: 35px;
    margin: 0 -20px 10px;
    padding: 0 20px;
}
#ProductionBox #ProductionCreditLeft {
    float: left;
    width: 115px;
}
#ProductionBox #ProductionCreditRight {
    float: right;
    width: 115px;
}
#ProductionBox dt {
    font: 11px Verdana, sans-serif;
    line-height: 18px;
    color: #87918F;
    text-align: center;
}
#MWDesign {
    padding-top: 17px;
}
/* Content */

#contentwide {
    width: 670px;
    float: left;
}
#contentwide h1,
#contentwide h2,
#contentwide h3 {
    color: #E60000;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 10px;
    font-weight: normal;
}
#contentwide h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 10px;
}
#contentwide h3 {
    font-size: 18px;
    line-height: 22px;
    ;
    margin: 0 0 8px;
    color: #54625F;
    font-weight: bold;
}
#contentwide img {
    border: none;
    float: left;
    margin: 3px 10px 3px 0;
}
#contentwide ul,
#contentwide ol {
    margin: 0 0 16px 20px;
}
#contentwide li {
    padding: 0 0 0 5px;
}
#contentwide ul ul,
#contentwide ol ol {
    margin: 0 0 0 16px;
}
#contentwide .hometable img {
    margin: 0;
}
/* Submenu menu */

#submenus {
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    float: right;
    font-weight: bold;
    line-height: 1.3em;
    margin: -5px 0 8px 15px;
    padding: 0 0 10px 10px;
    width: 190px;
}
#submenus h2 {
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.3em;
    margin: 0 0 12px;
}
#submenus ul.submenu {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
}
#submenus ul.submenu li {
    display: inline;
    line-height: 1.4em;
    width: 180px;
    padding: 0;
}
#submenus ul.submenu li a {
    background-color: #f4f4f4;
    border-left: 0px solid #cccccc;
    color: #505050;
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px 1px 3px 5px;
    text-decoration: none;
    width: 180px;
}
#submenus ul.submenu li ul {
    margin: 0 0 5px 10px;
    width: 170px;
}
#submenus ul.submenu li ul li a {
    width: 170px;
}
#submenus ul.submenu li ul ul {
    margin: 0 0 5px 10px;
    width: 160px;
}
#submenus ul.submenu li ul ul li a {
    width: 160px;
}
#submenus ul.submenu li ul ul ul {
    margin: 0 0 5px 10px;
    width: 150px;
}
#submenus ul.submenu li ul ul ul li a {
    width: 150px;
}
#submenus ul.submenu li a:hover,
#submenus ul.submenu li.current_menu_item a {
    background-color: #eaeaea;
    border-left: 0px solid #286ea0;
    color: #555;
}
#submenus ul.submenu li.current_menu_item ul li a {
    background-color: #f4f4f4;
    border-left: 0px solid #cccccc;
    color: #555;
}
/* Tags */

p,
ul,
ol {
    margin: 0 0 18px;
}
blockquote {
    border-left: 0px solid #e0e0e0;
    margin: 20px;
    padding: 8px 8px 8px 15px;
}
blockquote p {
    background-color: inherit;
    color: #505050;
    font-size: 0.9em;
    line-height: 1.3em;
}
label {
    background-color: inherit;
    color: #121212;
    font-size: 12px;
    font-weight: regular;
}
table#wp-calendar {
    margin: 0 0 20px;
    width: 140px;
}
code {
    font-size: 1.2em;
    display: block;
    padding: 5px 5px 5px 8px;
    background-color: #f4f4f4;
    margin: 5px 0 15px 0;
    border-left: 0px solid #cccccc;
}
/* Forms */

#s,
#submit {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #505050;
    font-size: 0.9em;
    margin: 0 0 16px;
    padding: 4px;
    width: 130px;
}
#author,
#email,
#url,
#comment {
    border: 1px solid #cccccc;
    font-family: Book Antiqua, Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 1em;
    margin: 0;
    padding: 4px;
}
#commentsection {
    margin: 25px 0 0;
}
#commentsection p {
    margin: 0 0 6px;
}
/* Float fix */

.contenttext {
    overflow: hidden;
}
* html .contenttext {
    height: 1px;
    overflow: visible;
}
* html .contenttext p {
    overflow: hidden;
    width: 99%;
}
/* WP image align classes */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
/* Various classes */

.left {
    border: 1px solid #cccccc;
    float: left;
    margin: 10px 15px 10px 0;
}
.right {
    border: 1px solid #cccccc;
    float: right;
    margin: 10px 0 5px 10px;
}
.center {
    border: 1px solid #aaaaaa;
    margin: 5px auto 12px;
    text-align: center;
}
.textright {
    text-align: right;
}
.small {
    font-size: 0.8em;
}
.bold {
    font-weight: bold;
}
.hide {
    display: none;
}
.post {
    margin: 0 0 25px;
}
.postinfo {
    background-color: #f4f4f4;
    border-left: 0px solid #cccccc;
    color: #606060;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.5em;
    margin: 1px 0 30px;
    padding: 8px 5px 8px 8px;
}
.comment {
    background-color: #f4f4f4;
    border-left: 0px solid #cccccc;
    color: #606060;
    margin: 0 0 10px;
    padding: 8px 5px 0 8px;
}
.comment p {
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 0 0 6px;
    padding-bottom: 5px;
}
.gravatarside {
    float: right;
    width: 48px;
    height: 48px;
    margin: 0 5px 5px 5px;
}
.navigation {
    display: block;
    margin: 10px 0 20px 0;
    padding: 0;
    text-align: center;
}
.navigation p {
    margin: 0;
    padding: 0;
}
.prevlink {
    margin-right: 20px;
}
.nextlink {
    margin-left: 20px;
}
/* Footer */

#FooterWrap {
    background: transparent;
    clear: both;
}
#footer {
    background-color: #F6EFE5;
    border-top: 4px solid #CCCCCC;
    color: #706A6A;
    font: 11px/13px Verdana, sans-serif;
    height: 72px;
    margin: 0 auto;
    overflow: hidden;
    padding: 25px 30px 10px;
    width: 920px;
}
#footer .block {
    float: left;
    margin-right: 15px;
}
#footer .block.right {
    float: right;
    border: none;
    margin: 0;
    text-align: right;
}
#footer .block .MenuBlock {
    border-left: 1px solid #706A6A;
    padding: 0 30px 0 15px;
    float: left;
}
#footer .block .MenuBlock.Last {
    padding-right: 15px;
}
#footer .last {
    padding-right: 0;
    border-right: 0;
}
#footer p {
    margin: 0 0 6px;
    padding: 0 0 0 4px;
}
#footer ul {
    list-style: none;
    margin: 0;
}
#footer li {
    list-style: none outside none;
}
#footer a {
    color: #706A6A;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
}
#footer .copyright {
    font-size: 10px;
    line-height: 12px;
}
#footer a#BHLink {
    color: #999;
}
#footer a:hover {
    text-decoration: underline;
}
#FooterBase {
    display: block;
    background: transparent url(img/footer-bottom.png) top center no-repeat;
    width: 1040px;
    margin: 0 auto;
    height: 40px;
}
#contentwide .StaffMember {
    float: left;
    width: 160px;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 20px 20px 2px;
    background-color: #E6E6E6;
}
#contentwide .StaffMember.NewRow {
    margin-left: 0;
    clear: left;
}
#contentwide .StaffMember .StaffPhoto {
    margin-bottom: 10px;
}
#contentwide .StaffMember h2 {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    color: black;
    font-weight: bold;
}
#contentwide .StaffMember h3 {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    font-style: italic;
    color: black;
    font-weight: normal;
}
#contentwide .StaffMember p {
    font-family: Verdana, sans-serif;
    color: #262626;
    font-size: 12px;
    line-height: 14px;
}
#contentwide table#ContactTable {
    width: 100%;
}
#contentwide table#ContactTable td {
    vertical-align: top;
}
#contentwide table#ContactTable td h2 {
    font-family: Verdana, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #DA1C23;
}
#contentwide p.DividerBar {
    border-top: 1px solid #A7A9AC;
    margin-bottom: 0;
}
#contentwide #si_contact_form2 .AMPMLabel {
    display: block;
    width: 20px;
}
#contentwide #si_contact_form2 .AMPMLabel ~ div {
    padding-top: 13px !important;
    padding-left: 15px !important;
}
#contentwide #si_contact_form2 .AMPMLabel ~ div ~ div {
    padding-top: 10px !important;
    padding-left: 0 !important;
}
input#si_contact_captcha_code1 {
    margin: 10px 0 !important;
}
.contentdate {
    display: none;
}
.top-hr {
    border-top: 7px solid #25528a;
}
.LeftColumn {
    float: left;
    width: 48%;
}
.RightColumn {
    float: right;
    width: 48%;
}
.product_form_single_page .wpsc_buy_button {
    background: url("img/pharmacy-only-btn.png") no-repeat scroll left top transparent;
    border: medium none;
    color: white;
    display: block;
    font-family: helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0 0 0 14px;
    text-align: left;
    width: 110px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    cursor: default;
}
#NavBar .product_search {
    float: right;
    padding-top: 8px;
    border-bottom: 1px solid gray;
}

#NavBar .wpsc_product_search {
    color: #fff;
    width: 160px;
     background-color: #25528a;
    border: medium none;
    font-size: 10px;
    margin: 0;
}
#NavBar #wpsc_bh_submit {
    background-color: transparent;
    background-image: url("img/icon-search.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    width: 15px;
}

#ContactBox #PharmacyBreak, .FollowBox br{
	display:none !important;
}

@media only screen and (max-width: 768px) {
    .StaffPhoto {
        width: auto !important;
    }
    #ContentShadow { width:95%; background: transparent; }
    #wrap {  width: 95%; padding: 24px 0px; }
    #footer {  
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 95%;
    }
    #ContactBox .StaffPhoto  {
        margin-bottom: 30px;
    }
}
@media screen and (min-width:768px) and (max-width: 1050px) {
    #ContentShadow { width:95%; background: transparent; }
    #wrap {  width: 95%; padding: 24px 0px; }
    #footer {  
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 95%;
    }
    #NavBar {
        width: 95% !important;
    }
    #NavBar ul li a {
        padding:0px !important;
    }
    #NavBar ul li {
        padding: 12px 15px;
    }
    .MenuBlock:first-child {
        border-left: none !important;
    }
    #ContactBox .ContactDetails {
        width: 12% ;
        padding: 10px 20px;
    }
    .StaffPhoto {
        z-index: 9;
        position: Relative;
    }
    #rightbar {
        float: left;
    }
}

#Banner .kings-pharmacy a img{
    height: 71px !important;
    width: auto;
}

@media only screen and (max-width: 1023px) {
	* {
		box-sizing: border-box;
	}
	#ContentShadow {
		width: 100% !important ;
	}	
	#wrap #checkout_page_container form.wpsc_checkout_forms div.wpsc_make_purchase {
		float: right;
		width: 100%;
		margin-top: 40px;
		position: relative;
		text-align: right;
	}	
	#wrap {
		padding: 20px 20px 30px !important;
		width: 100% !important;
		max-width: 960px;
		box-sizing: border-box;
	}	
}

@media only screen and (max-width: 768px) {
	#sdrn_menu_ul #wpmenucartli {
		border-bottom: 0 !important;
	}
	#sdrn_menu_ul #wpmenucartli a {
		font-size: 0 !important;
	}
	.mobile-cart-item {
		position: absolute;
		z-index: 99999;
		top: -30px;
		right: 20px;
	}

	.mobile-cart-item .wpmenucart-contents {
		color: #fff;
	}

	.mobile-cart-item #wpmenucartli {
		list-style-type: none;
	}	
	#NavBar #wpsc_bh_submit {
		background-size: cover;
		width: 20px;
		height: 20px;
	}	
	#wpsc_bh_submit {
		position: absolute;
		top: 9px;
		right: 0;
	}
	#searchform, #s {
		width: 100% !important;
		max-width: 100%;
		border-bottom: 0 !important;
		padding: 5px 0 !important;
		font-size: 16px !important;
	}
}

@media only screen and (max-width: 480px) {
	tr td, th {
		padding: 5px 0 5px !important;
	}	
}