/*
 * Main CSS Stylesheet

 * TC removed tags and copyright from header otherwise minify CSS will leave comments in

 * version $Id: Jeff Rutt 2024 Sep 11 Modified in v2.1.0 $
 *
 * HIGHBURY
 * Highbury Main Blue 			#00bce4
 * Highbury paler blue for boxes #A9D7EA
 */

/*bof basic elements*/
body {
  margin:0;
  /*font-family: 'Lato', verdana, arial, helvetica, sans-serif;*/
  font-family: 'Raleway', sans-serif; /*TC */
  /*font-size:72.5%; TC */
  line-height:140%;
}
/*general link styles*/
a img {
  border:none;
}
a:link{
  color: #00bce4;/* TC required*/
  text-decoration:underline;
}
a:visited {
  color: #00bce4;
  text-decoration:none;
}
.sideBoxContent a:visited{
}
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover{
}
a:active {
}
/*heading styles*/
h1 {
  font-size:1.8em;
  line-height:25px;
}
h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.3em;
}
h4, h5, h6, LEGEND, ADDRESS, .larger{
  font-size: 1.1em;
}
h1, h2, h3, h4, h5, h6 {
  margin:20px 0;
}
.biggerText {
  font-size: 1.2em;
  line-height:160%;
}
P, ADDRESS {
  padding: 0.5em;
}
ADDRESS {
  font-style: normal;
}
HR {
  height: 1px;
  margin-top: 0.5em;
  border: none; /*TC might be req*/
}
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
  float: left;
}
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsFeaturedCategories, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
  text-align:center;
}
#navCategoryIcon, .buttonRow {
  margin: 0.5em;
}
/*floats and clears*/
.back {
  float: left;
}
.forward, #shoppingCartDefault #PPECbutton {
  float: right;
}
.clearBoth {
  clear:both;
}
.bold {
  font-weight: bold;
}
.hiddenField {
  display: none;
}
.visibleField {
  display: inline;
}
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsFeaturedCategories, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
  vertical-align: top;
}
.alert {
  margin-left:0.5em;
}
.important {
  font-weight: bold;
}
.gvBal {
  float: right;
}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive {
  padding:0.8em;
}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
  font-size: 0.9em;
}
.information {
  padding: 10px 3px;
  line-height: 150%;
}
.group:after {
  content: "";
  display:table;
  clear:both;
}
/*blue text color change to your color*/
.blue{
}
.blue:hover{
}
.last{
  border:none !important;
}
.no-fouc {
  display: none;
}
.italic{
  font-style:italic;
}
.back-margin{
  margin-top:30px;
}
.onerow-fluid{/* TC removed as squashes width */
/*  width:75% !important;
  margin:auto;*/
}

/*bof form elements*/
CODE {
/*  font-family:arial, verdana, helvetica, sans-serif;  TC */
  font-size: 1em;
}
FORM, SELECT, INPUT {
  display: inline;
  font-size: 1em;
  margin:0 0.1em 0 0;
}
input{
  height:35px;
  padding-left:5px;
  margin-bottom:10px;
}
select{
  padding-left:5px;
  /*width:51%; TC*/
}
TEXTAREA {
  margin: auto;
  display: block;
  width: 95%;/*TC*/
}
input:focus, select:focus, textarea:focus {
  background: #F0F8FF;/*TC*/
}
legend{
  padding:0;
  /*display:table; TC removed */ 
  /*text-align:center;TC removed */
  /*width:100%; TC removed */
  padding:10px 5px;/*TC*/
  font-size:1.3em;
}
fieldset{
  border:1px solid #cccccc; /* TC */
  padding:20px 15px; /* TC */
  margin:0 0 20px 0;
  min-width:0;
}
body:not(:-moz-handler-blocked) fieldset{
  display:table-cell;
}
fieldset > fieldset{
}
fieldset fieldset legend{
  text-align:left;
  padding:0;
  margin:0;
  position:relative;
  left:20px;
  font-size:120%;
  display:table;
}
fieldset p{
  margin-left:20px;
}
fieldset label, fieldset .inputLabel, fieldset h3, fieldset address, #advSearchDefault input, fieldset .buttonRow.back, fieldset select, fieldset input[type=radio], fieldset input[type=checkbox], fieldset div{
  margin-left:20px;
}
fieldset div, fieldset .buttonRow.forward{
  margin-right:20px;
}
option{
  font-size:110%;
}
LABEL {
  line-height: 1.5em;
  padding: 0.2em;
}
LABEL.checkboxLabel, LABEL.radioButtonLabel {
  margin: 0.5em 0.3em;
}
LABEL.inputLabel {
  width: 11em;
  float: left;
}
LABEL.inputLabelPayment {
  width: 15em;
  float: left;
}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
  width: 12em;
  float: left;
}
LABEL#textAreaReviews {
  font-weight: normal;
  margin:1em 0;
}
input[type=text]{
  width:50%;
}
#password-current, #login-password, #password-new, #password-confirm{
  /*width:50%; TC*/
}
input[type=radio], input[type=checkbox]{
  margin-top:8px;
  vertical-align:middle;
  height:auto;
}
input[type=file], input[type=image]{
  width:auto;
  height:auto;
}
input[type=tel], input[type=email], input[type=password]{
  width:50%;
}
select#country, .wrapperAttribsOptions select, #advSearchDefault select, select#stateZone {
  height:40px;
}
select#send-to {
  font-size: 1.1em;
  margin-bottom: 10px;
  margin-left: 0;
}
select#country, select#stateZone, #state {
  margin-left:0;
}
.ccinfo select{
  width:auto;
  height:25px;
  margin-bottom:10px;
}
.sideBoxContent select{
  width:90%;
  margin: auto;
  margin-bottom: 5px;
}
#currenciesContent select{
  height:35px;
}

/*bof warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
  line-height: 1.8em;
  padding:20px;
  font-weight: bold;
}
.messageStackSuccess {
  background-color: #99FF99;
}

/*bof wrappers - page or section containers*/
#mainWrapper {
  text-align: left;
  width: 1300px;/*TC */
  vertical-align: top;
  margin:auto;
  padding:0;
}
#logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
  margin: 0;
  padding: 0;
}
#contentMainWrapper{
  margin:0;
  padding:0 0 30px 0;
}
#navColumnOneWrapper, #navColumnTwoWrapper{
  margin:auto;
}
#sendSpendWrapper {
  padding:20px 0;
  width:100%;
}
#sendSpendWrapper .buttonRow{
  margin-right:20px;
}
#checkoutShipto, #checkoutBillto{
  margin: 10px 0;/*TC*/
  width: 100%;/*TC*/
}
.floatingBox {
  margin:0;
  width:100%; /*TC*/
  border:1px #00CCFF solid;/*TC*/
  list-style:none;/*TC*/
}
#loginDefault .floatingBox{
  min-height:240px;
}
.shippingEstimatorWrapper {
  padding: 0.5em;
}

/*bof header*/
#headerWrapper{
  margin:0;
  padding:0;
}
/*top left navigation*/
#navMainWrapper{
  margin:0;
  padding:10px 0;
  font-weight:bold;/*TC*/
  font-size:120%;
  height: 1%;
  width:100% !important;
}
#navMain{
  width:75%;
  /*margin:0 auto;*/ /*TC*/
}
#navMain ul{
  margin: 0;
  padding:0.5em 0;
  /*width:60%;*/ /*TC*/
  list-style-type: none;
  text-align:left;
  line-height: 1.5em;
}
#navMain ul li {
  display: inline;
}
#navMain ul li a {
  text-decoration: none;
  padding:0 0.8em;
  margin: 0;
  white-space: nowrap;
}
#navMain ul li a.navCartContentsIndicator {
  padding: 10px;
  border-radius: 10px;
  margin-right: 5px;
}
/*top right search*/
#navMainSearch{
/*  width:38%; TC removed */
  text-align:right;
  margin: 27px 10px 0 0;/*TC addition to keep in middle of banner */
}
#navMainSearch input[type=text]{
  vertical-align:top;
  display:inline-block;
  border:0; /* TC */
/*  width:65% !important; TC removed*/
  height:32px;
  margin:0;
  font-size:0.9em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#navMainSearch input[type=submit]{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display:inline-block;
  margin:0;
  height:32px;
}

.cart-add input[type=text]{
  vertical-align:top;
  display:inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height:42px;
}
.cart-add input[type=submit], #navMainSearch input[type=submit]{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display:inline-block;
  margin:0;
  height:32px;
}


/*top middle*/
#logo{ 
  width:100%;/* TC */
  background-color: #00bce4;/* TC */
/*  margin:10px 0; TC*/
}
#tagline {
  font-size:1.8em;
  text-align : center;
  margin-top:10px;
}
/*top categories tabs navigation*/
#navCatTabsWrapper {
  margin:0;
  width:100%;
}
#navCatTabs ul {
  font-size:0;
  text-align:center;
  overflow:hidden;
}
#navCatTabs li {
  font-size:0.75rem;
  display: inline-block;
  margin-top:0;
}
#navCatTabs ul li:last-child{
}
#navCatTabs li a {
  text-decoration: none;
  padding: 1.2em 1.0em;
  display: block;
}
#navCatTabs li a:hover {
}
#navCatTabs li:hover{
}
span.category-subs-selected {
  font-weight: bold;
}

/*top ezpages links*/
#navEZPagesTop {
  margin:0;
  width:100%;
}
#navEZPagesTop ul {
  font-size:0;
  text-align:center;
  overflow:hidden;
}
#navEZPagesTop li {
  font-size:0.75rem;
  display: inline-block;
  margin-top:0;
}
#navEZPagesTop ul li:last-child{
}
#navEZPagesTop li a {
  text-decoration: none;
  padding: 1.2em 1.0em;
  display: block;
}
#navEZPagesTop li a:hover {
}

.pagination{
  margin-top:-10px;
}
.pagination ul {
  font-size:0;
  text-align:center;
  overflow:hidden;
  padding:0;
}
.pagination li {
  font-size:0.7rem;
  display: inline-block;
  margin-top:0;
}
.pagination li:first-child{
  border-left:0;
}
.pagination li a {
  text-decoration: none;
  padding: 1.2em 1.0em;
  display: block;
}
.pagination li a:hover {
}
.pagination .current{
  padding:1.2em 1.0em;
}

/*breadcrumbs*/
#navBreadCrumb {
  margin:0;
  padding:0.5em;
}
#navBreadCrumb a{
  text-decoration:none;
}
#navBreadCrumb a:visited{
}
/*view cart icon for phones*/
#navMain i.fa.fa-share{
  position:relative;
  top:-10px;
  left:-10px;
}

/*bof footer*/
/*bottom ezpages links*/
#navSuppWrapper {
  margin:0;
  width:100%;
}
#navSupp ul {
  font-size:0;
  text-align:center;
}
#navSupp li {
  font-size:0.75rem;
  display: inline-block;
  margin-top:0;
}
#navSupp ul li:last-child{
}
#navSupp li a {
  text-decoration: none;
  padding: 1.2em 1.0em;
  display: block;
}
#navSupp li a:hover {
}
/*footer copyright*/
#siteinfoIP, #siteinfoLegal, #bannerSix{
  font-weight:normal;
  padding:1.0em 0;
  margin:0;
}
#siteinfoLegal a{
}
#siteinfoLegal a:hover{
}

/*bof ezpages*/
#navEZPagesTOCWrapper {
  float: right;
  border: 1px solid #666666;/*TC*/
  padding:0 20px 20px 20px;
  margin:0 0 20px 20px;
    width:25%;/*TC*/
}
#navEZPagesTOC ul {
  margin: 0;
  padding:0.5em 0;
  list-style-type: none;
  line-height: 1.5em;
}
#navEZPagesTOC ul li {
  white-space: nowrap;
  font-size:130%;
  line-height:150%;
}
#navEZPagesTOC ul li a {
  padding: 0 0.5em;
  margin: 0;
  /*text-decoration:none;*//*remove text decoration if you want an underline*/
}
#navEZPageNextPrev{
  margin-bottom:30px;
}
#navEZPagesTOC{
  font-weight:normal;
  font-size:14px;
}
#navEZPagesTOC ul li a{
  text-decoration:none;
  font-size:14px;
}
#currentEZpage a{
  font-weight:bold;
  color:#00bce4;
}
#nonCurrentEZpage a{
  font-weight:normal;
  color:#666666;
}

/*bof left and right hand columns*/
/*styles for centerbox, left and right hand headings*/
h2.centerBoxHeading, h3.rightBoxHeading, h3.leftBoxHeading{
  font-size:1.2em;
/*  font-weight:normal; TC*/
}
h3.rightBoxHeading a, h3.leftBoxHeading a{
  font-weight:normal;
  text-decoration:none;/*remove text decoration if you want an underline*/
}
h3.rightBoxHeading a:hover, h3.leftBoxHeading a:hover {
  text-decoration:none;
}
.rightBoxHeading, .leftBoxHeading, .centerBoxHeading {
  margin:0;
  padding:1.0em 0.2em;
  background-color: #00BCE4;/*TC*/
  color:#333333;/*TC*/
}
/*sidebox content styles*/
.sideBoxContent {
  line-height: 1.6em; /* TC */
/*  padding:1.0em; TC*/
  margin-bottom:10px;
}
.sideBoxContent a{
  padding:0.3em 0; 
/*  display:inline-block; TC*/
  /*font-size:1.1em; TC*/
  text-decoration:none; /*remove text decoration for underlined links*/
  color:#333333;/*TC*/
}
.sideBoxContent a:hover{
  text-decoration:underline; /*TC */
}
.sideBoxContentItem{
  padding:1.0em 0;
  display:block;
  cursor:pointer;
}
.sideBoxContentItem:hover {
}
.sideBoxContentItem img, .reviewsContent img{
  margin-bottom:20px;
}
.rightBoxContent {
  margin-bottom:1em;
}
#ezpagesContent, #informationContent, #moreinformationContent, #bestsellersContent, #documentcategoriesContent , #categoriesContent{ 
  padding:0;
}
ul.list-links, ol.list-links{
  padding:0;
  margin-top:0;
}
ul.list-links li{
  list-style-type:none;
}
ol.list-links li{
}
ul.list-links li a, ol.list-links li a{
  padding:10px;
  display:block;
}
ul.list-links li:hover, ol.list-links li:hover{
}
.cat-count{
}
#cartBoxListWrapper li, .orderHistList li{
  list-style-type:none;
  padding:8px 0;
}
#cartBoxListWrapper li a, .orderHistList li a{
  display:inline !important;
}
.orderHistList i{
  margin-left:10px;
  display:inline;
}
.orderHistList {
  margin:0;
  padding:0;
}
#shoppingcartContent hr{
  display:none;
}
.sideBoxContent .productPriceDiscount{
  /*font-size:130%;*/
  margin-top:3px;
}
/*.sideBoxContent .productSpecialPrice{
  font-size:120%;
}*/

/*bof shopping cart*/
.tableHeading TH {
  padding:10px 0;
}
.tableHeading{
}
#cartSubTotal {
  background-color: #e9e9e9;/*TC*/
  border-top: 1px solid #cccccc;/*TC*/
  font-weight: bold;/*TC*/
  text-align: right;
  line-height: 2.2em;
  padding:10px 5px 10px 0;/*TC*/
  font-size:130%;
}
.tableRow, .tableHeading, #cartSubTotal {
  height: 2.2em;
}
.cartProductDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
  padding: 0.5em 0;
}
.cartUnitDisplay {
  text-align: right;
  padding: 0.5em 0.2em 0.5em 0;
}
.cartTotalDisplay{
  text-align:right;
  font-size:130%;
  font-weight: bold;/*TC*/
}
#scUpdateQuantity {
  width: 2em;
}
.cartQuantity {
  width: 4.7em;
}
.cartNewItem {
  position:relative;
}
.cartOldItem {
  position:relative;
}
.cartBoxTotal {
  margin:0;
  padding:10px;
  text-align: right;
  font-weight: bold;
}
.cartRemoveItemDisplay {
  width: 3.5em;
}
.cartAttribsList {
  margin-left: 1em;
}
.normalprice, .productSpecialPriceSale {
  text-decoration: line-through;
}
.productSalePrice {
}
#ezPageBoxList ul {
  list-style-type:none;
}
#ezPageBoxList li {
  margin:0;
  padding: 0.2em 0;
}
#cartBoxEmpty, #cartBoxVoucherBalance {
  font-weight: bold;
}
.totalBox {
  width: 5.5em;
  text-align: right;
  padding: 0.2em;
}
.lineTitle, .amount {
  text-align: right;
  padding: 0.2em;
}
.amount {
  width: 5.5em;
}
#shoppingcartBody #shippingEstimatorContent {
  clear:both;
}
.seDisplayedAddressLabel {
  background-color:#00BCE4;
  text-align: center;
}
.seDisplayedAddressInfo {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
#seShipTo {
  padding: 0.2em;
}
TR.tableHeading {
  background-color: #cacaca;/*TC*/
}
.rowOdd {
  background-color: #E8E8E8;/*TC*/
  height: 1.5em;
  vertical-align: top;
}
.rowEven {
  background-color: #F0F0F0;/*TC*/
  height: 1.5em;
  vertical-align: top;
}
.cartProdTitle{
  font-size:120%;
}
.cartProductDisplay a{
  text-decoration:underline;
}
/*shipping estimator styles*/
#shippingEstimatorContent h2{
  padding:20px 0;
  font-weight:normal;
  text-align:center;
}
#shippingEstimatorContent table{
  margin-top:30px;
}
#shippingEstimatorContent th{
  padding:10px 0;
}
#shippingEstimatorContent tr:nth-child(odd){
}
#shippingEstimatorContent td{
  padding:10px;
}

/*bof checkout*/
#order-comments{
  padding:5px 20px 20px 20px;
  margin:20px 0;
}
#checkoutConfirmDefault .cartTableHeading{
  height:40px;
}
#checkoutShipping .important{
  margin-right:20px;
}
#checkoutShipping input[type=radio]{
  margin-left:20px;
}
#checkoutOrderTotals div, #csNotifications .buttonRow{
  margin-right:20px;
}
#checkoutPayment label, #csNotifications input{
  margin-left:20px;
}
div#checkoutShippingContentChoose{
  margin-bottom:20px;
}
#sendSpendWrapper h2{
  padding:10px;
  font-weight:normal;
  margin-top:-20px;
  margin-bottom:0;
  text-align:center;
}

/*bof images*/
#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage {
  margin:0 1em 1em 0 ;
}
.cartImage {
  margin: 0.5em 1em;
}

/*bof center boxes*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsSpecials, .centerBoxContentsFeaturedCategories, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
  margin:1em 0;
}
.specialsListBoxContents a, .centerBoxContentsAlsoPurch a, .centerBoxContentsFeatured a, .centerBoxContentsSpecials a, .centerBoxContentsFeaturedCategories a, .centerBoxContentsNew a{
  margin:10px auto;
  font-size:0.8em;
  display:block;
  width:90%;
  text-decoration:none; /*remove text decoration for underlined links*/
}
.specialsListBoxContents, .centerBoxContentsSpecials, .centerBoxContentsFeaturedCategories, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew{
  font-size:1.6em;
  cursor:pointer;
  padding:20px 0;
}
.specialsListBoxContents:hover, .centerBoxContentsSpecials:hover, .centerBoxContentsFeaturedCategories:hover, .centerBoxContentsAlsoPurch:hover, .centerBoxContentsFeatured:hover, .centerBoxContentsNew:hover{
}
.centerBoxWrapper {
  overflow:hidden;
  margin-bottom:30px;
  clear:both;
  border: 1px solid #9a9a9a;/*TC*/
}
.productPriceDiscount{
  margin:10px 0 5px 0;
  display:block;
  font-size:90%;
}
.productPriceDiscount br{
  display:none;
}
.normalprice{
  font-size:0.9em;
}

/*bof categories and product listing*/
#productListHeading, #indexCategoriesHeading{
  font-weight:normal;
  margin-bottom:20px;
}
.categoryListBoxContents img{
  margin-bottom:10px;
}
.categoryListBoxContents a{
  font-size:1.2em;
  text-decoration:none;
}
.categoryListBoxContents a:hover{
}
.categoryListBoxContents{
  display:block;
  cursor:pointer;
}
.categoryListBoxContents:hover{
}
.categoryListBoxContents:hover a{
}
#categoryDescription{
/*  margin-left:5%; TC stops listing h1 heading moving to centre */
  float:left;
}
#indexProductListCatDescription{
  margin:0.5em 0.5em 0.5em 0;/* TC */
  float:left;
}
#cat-top{
  margin-bottom:20px;
}
#cat-left{
  text-align:center;
}
#filter-wrapper{
  padding:10px;
}
#filter-wrapper .inputLabel {
  float:none;
}
#filter-wrapper select{
  width:25%;
  height:35px;
}
.navSplitPagesLinks {
  display:inline-block;
}
.navSplitPagesLinks a{
  padding:10px;
  font-weight:bold;
  text-decoration:none;
}
.navSplitPagesLinks a:hover{
}
.navSplitEmpty3rdColumn {
  margin-left: 0 !important;
}
.current{
  padding:10px;
}
.productListing-rowheading {
  padding:10px 10px;
  text-align:center;
  background-color: #A9D7EA;/*TC*/
}
.productListing-rowheading a{
  display:inline-block;
  padding:10px 30px;
  text-decoration:none;
}
.productListing-rowheading a:hover{
}
.productListing-odd{
  padding:20px;
  overflow:hidden;
}
.productListing-even{
  padding:20px;
  overflow:hidden;
}
.productListing-even, .productListing-odd{
  clear:both;
}
.productListing-even:hover, .productListing-odd:hover{
}
.productListing-even form, .productListing-odd form{
  float:right;
}
.cart-add input[type=text]{
  width:auto !important;
}
.list-image{
  min-height:200px;
  min-width:20%;
  float:left;
  margin-right:5%;
}
.list-price{
  font-size:140%;
  margin:5px 0;
}
.list-more{
  display:block;
  padding:8px 20px;
  float:right;
  text-align:center;
  text-decoration:none !important;
  width:auto;
}
.list-more:hover{
}
#indexProductList .list-more{
  width:auto;
  margin-top:-50px;
}
#searchresultBody .list-more{
  width:auto;
}
.itemTitle{
  font-weight:normal;
  font-size:150%;
  margin:5px 0;
  width:80%;
}
.itemTitle a{
  text-decoration:none;
}
.itemTitle a:hover{
}
.listingDescription{
  width:95%;/*TC*/
  margin:10px 0;
}
.cart-add{
  float:right;
}
.list-input{
  float:right;
  width:10%;
}
span.list-addtext{
  display:block;
  text-align:center;
}
.list-input input[type=text]{
  width:100%;
}
.prod-list-wrap{
  text-align:center;
  padding:20px 10px 10px 20px;
  clear:both;
  height:40px;
}
#productsListingListingBottomLinks, #allProductsListingTopLinks, #allProductsListingBottomLinks, #featuredProductsListingTopLinks, #featuredProductsListingBottomLinks, #newProductsDefaultListingTopLinks, #newProductsDefaultListingBottomLinks, #productsListingListingTopLinks{
  width:47%;
  margin-left:25%;
  text-align:center;
}
#productsListingBottomNumber, #allProductsListingBottomNumber, #allProductsListingTopNumber, #productsListingTopNumber {
  width:25%;
  margin-left:-74%;
  margin-top:0;
}
#newProductsDefaultListingTopNumber, #newProductsDefaultListingBottomNumber{
  width:25%;
  margin-left:-72.5%;
  margin-top:0;
}
#featuredProductsListingBottomNumber, #featuredProductsListingTopNumber{
  width:25%;
  margin-left:-71%;
  margin-top:0;
}
.button-top{
  width:25%;
  text-align:right;
  margin:-10px 0 0 0;
}
.button-bottom{
  height:auto;
  padding:9px 0 5px 0;
}
#specialsListing .prod-list-wrap{
  padding:20px 20px 0 20px;
}
#productListing{
  margin-bottom:20px;
}
#no-products{
  padding:20px;
  margin:20px 0;
}
  
/*product listing column-layout overrides*/
.gridlayout.centerBoxContentsProducts {
  padding: 2em 0;
}
.gridlayout.categoryListBoxContents {
  padding: 2em 0;
}
.gridlayout .list-image {
  float:none
}
.gridlayout .list-image {
  min-height: revert;
  min-width: revert
}
.gridlayout .list-image {
  margin-right: inherit;
}
.gridlayout .list-more {
  float: none;
}
#productListing .gridlayout .list-more {
  margin: auto;
  width: 30%
}
#indexCategories .gridlayout .list-more {
  margin: auto;
  width: 30%
}
.gridlayout .itemTitle {
  width:90%;
  margin:5px auto
}
.gridlayout .listingDescription {
  width:90%;
  margin:10px auto
}
.gridlayout .cart-add {
  float:none;
}
.gridlayout .list-input {
  float:none;
  width:30%;
  margin:auto
}


/*bof new, featured, all listing (old style when each had their own listing page, not using main .productListing */
.listing-wrapper:nth-child(odd) {
}
.listing-wrapper{
  padding:20px;
}
.listing-left{
  width:25%;
  margin-right:2%;
}
.listings-description{
  padding-top:20px;
}
.listing-wrapper .list-more{
  float:none;
}
.listings-description a {
  margin-left:10px;
}

/*bof product info page*/
#prod-info-top{
  width:100%;
  clear:both;
}
.categoryIcon {
  float:left;
  width:35%;
}
.categoryIcon a{
  text-decoration:none;
}
.categoryIcon img{
  margin-bottom:5px;
}
.navNextPrevWrapper {
  padding-bottom: 5px;
/*  float:right; TC*/
  margin-bottom:30px;
}
.navNextPrevCounter {
  margin:0;
  font-size:0.9em;
}
.navNextPrevList {
  display:inline;
  white-space:nowrap;
  padding:0.5em;/* TC */
  list-style-type: none;
}
#pinfo-left{
  float:left;
  width:43%;
}
#productMainImage {
  border:2px solid #00bce4;/*TC*/
  margin-top:15px;/*TC*/
}
#productMainImage a{
  text-decoration:none;
}
#productAdditionalImages{
  clear:both;
}
.additionalImages{
  width:90%;
  margin:10px auto;
}
#productName{
  color: black;/*TC*/
  /*font-weight:normal; TC*/
  margin-left:30px; 
  line-height:27px; 
  /*text-align:center; TC*/
}
#pinfo-right{
  float:right;
  width:55%;
  padding:20px 0 0 0;
}
#productDetailsList li{
  list-style-type:none;
}
#productDetailsList{
  padding:0;
  /*margin-left:30px; TC*/
}
#productPrices{
  font-size:1.5em;
  /*text-align:center;*/
  margin:10px 0 10px 0;
  font-weight:normal;
}
.productSpecialPrice{
  font-size:120%;
}
#mediaManagerHeading{
  font-weight:normal;
}
#freeShippingIcon{
  margin:10px 0 10px 30px;
}
#productQuantityDiscounts table{
  margin:0 auto 20px auto;
}
#productQuantityDiscounts td{
  padding:10px;
}
#productQuantityDiscounts tr:nth-child(even){
}
#productQuantityDiscounts table tr:first-child td{
  padding:5px 10px;
}
#mediaManager {
  width:50%;
  margin:0.2em 0 0.2em 30px;
  padding:0.5em 0;
}
.mediaTitle {
  float:left;
}
.mediaTypeLink {
  float:right;
}
#attribsOptionsText{
  font-weight:normal;
  margin-bottom:10px;
}
#cartAdd {
  text-align: center;
  border: 1px solid #666666;/* TC */
  padding: 2px;/* TC */
  margin-bottom:10px;/* TC */
  margin-top:10px;/* TC */
}
#cartAdd input[type=text]{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
/*  vertical-align:top; TC*/
  display:inline-block !important;
/*  width:11%; TC*/
/*  border:none; TC*/
  height:40px;
  margin:0;
  padding:7px !important;
}
#cartAdd input[type=submit]{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display:inline-block !important;
/*  margin:0; TC*/
  padding:7px 20px !important;
  height:40px !important;
}
#cart-box{
  padding:1em;
  float:right;
  width:52.5%;
}
h4.optionName{
  margin:1% 0 0 5px;/*TC*/
  padding:0;
}
.attribImg {
  width:20%;
  margin:0.3em 0;
}
.attributesComments {
  font-weight:normal;
}
.wrapperAttribsOptions select{
  width:100%;
}
.wrapperAttribsOptions{
  margin:10px 0;
}
#productDescription{
  color: gray;
  padding:0.5em;
  /*clear:both; TC*/
  margin:20px 0;
  line-height:150%;
}
.max-qty{
  margin-bottom:10px;
}
.qty-text{
  display:none;
}
.additionalImages a{
  text-decoration:none;
}

/*bof reviews*/
.reviews-wrapper{
  overflow:hidden;
  padding:20px;
  margin:20px 0;
}
.reviews-wrapper h2{
  margin:7px 0;
}
.reviews-right{
  width:50%;
}
.reviews-wrapper .smallProductImage{
  width:18%;
}
.reviews-middle{
  width:40%;
  margin-right:2%;
}
.reviews-wrapper .forward{
  width:25%;
}
#reviewsInfoDefault .reviews-wrapper{
  padding-top:0;
  margin-top:50px;
}
#reviews-right{
  width:50%;
  float:left;
}
#review-text{
  width:100%;
  margin:20px 0;
}
#reviewWriteMainImage{
  float:none;
  margin:0;
}
#reviewsWritePrice{
  text-align:center;
}
#pinfo-left .buttonRow{
  width:75%;
  margin:10px auto;
}
#pinfo-left span.cssButton.normal_button, #pinfo-left span.normal_button:hover{
  display:block;
  text-align:center;
  padding:12px 0;
}
#reviewsWriteReviewer{
  text-align:center;
  margin-bottom:0;
  font-weight:normal;
}
.ratingRow {
  width:70%;
  margin:10px auto;
}
#reviewsWriteHeading{
  text-align:center;
  font-weight:normal;
  padding:10px 0;
  margin-bottom:0;
}
#reviews-write-wrapper{
  padding:20px;
  overflow:hidden;
}
#reviewsDefault #reviews-middle{
  width:40%;
}
#productReviewsDefaultHeading{
  margin-top:0;
}
#reviews-top{
  margin-top:30px;
}
.read-reviews-button{
  width:25%;
}
#reviewsDefault .reviews-right{
  width:70%;
}
#productReviewsDefaultNoReviews {
  clear:both;
}
#reviewsDefault .prod-list-wrap{
  padding:20px;
}
#reviewsInfoDefault .rating{
  margin:10px 0;
}

/*bof my account*/
#myAccountGen li, #myAccountNotify li {
  margin: 0;
  list-style-type:none;
}
#myAccountGen li a, #myAccountNotify li a{
  text-decoration:none;
}
.myAccountlist { /* TC */
  list-style-type: none; /* TC Remove bullets */
  line-height: 4;
}
.myAccountlist i{/* TC */
  margin-right: 20px;
  color:gray;
  font-size: 36px;
  filter: drop-shadow(1px 1px 1px #777777);
}
.myAccountlist li{/* TC */
  display: inline-flex;
}
.myAccountlist span{/* TC */
  vertical-align: top;
  margin-left: 10px;
  margin-right: 30px;
}
.accountTotalDisplay, .accountTaxDisplay {
  width: 20%;
  text-align: right;
}
.accountQuantityDisplay {
  width: 10%;
  vertical-align:top;
}
#gvFaqDefaultContent, #checkoutPayAddressDefault .instructions, #checkoutShipAddressDefault .instructions, #addressBookDefault .instructions, #myAccountNotify, #myAccountGen, #myAccountAddress{/* TC */
  margin-top:0;
}
#gvFaqDefaultSubHeading, #checkoutPayAddressDefaultAddress, #checkoutShipAddressDefaultAddress, #accountLinksWrapper h2, h2#addressBookDefaultPrimary{
  padding:10px;
  font-weight:normal;
  margin-bottom:0;
/*  text-align:center; TC*/
}
#gvFaqDefaultSubHeading{
  clear:both;
}
#accountDefault #sendSpendWrapper h2{
  padding:10px;
  font-weight:normal;
  margin-top:-20px;
  margin-bottom:0;
  text-align:center;
  clear:both;
}
#accountDefault #sendSpendWrapper{
  margin-top:30px;
  width:100%;
  border:none;
}
#accountDefault #sendSpendWrapper .buttonRow.forward{
  margin:0 20px 20px 0;
}
#addressBookDefault .instructions{
  padding:20px 20px 40px 30px;
  margin-top:0;
}
#checkoutPayAddressDefault address, #checkoutShipAddressDefault address, #addressBookDefault address{
  padding:20px 10% 20px 30px;
}
#accountLinksWrapper{
  margin:0;
  width:100%;
}
#prevOrders td{
  padding:10px;
}
#accountHistoryDefault .content.back{
  margin-right:5%;
}
#accountHistInfo table td{
  padding:20px 10px;
}
#accountHistInfo hr{
  display:none;
}
#orderTotals{
  padding:10px;
}
#myAccountPaymentInfo, #myAccountShipInfo{
  margin-top:30px;
}
#myAccountPaymentInfo h3, #myAccountShipInfo h3{
  margin-top:0;
  padding:10px;
  font-weight:normal;
  text-align:center;
}
#myAccountPaymentInfo h4, #myAccountShipInfo h4{
  margin-top:0;
  padding:10px;
  font-weight:normal;
  text-align:center;
}
#myAccountPaymentInfo address, #myAccountShipInfo address, #myAccountPaymentInfo div, #myAccountShipInfo div{
  padding:0 0 20px 30px;
}
#accountHistoryDefault .buttonRow{
  margin-top:20px;
  clear:both;
}
#accountHistoryDefault .content {
  margin-left:20px;
}
#accountHistoryDefault .content.forward {
  margin-right:20px;
}
#accountHistoryDefault .notice{
  margin-right:20px;
}
#createAcctSuccess div{
  margin-bottom:30px;
}

/*bof home page*/
#indexDefaultHeading{
  font-weight:normal;
}
h2.greeting{
  margin-bottom:20px;
}
h2.greeting a{
}
h2.greeting a:hover{
}
.home-image{
  display:block;
  margin:0 auto;
  max-width:100%;
  height:auto;
}
#indexHomeBody #navBreadCrumb{
  display:none;
}
#icon{
  padding:40px;
  margin:100px;
  font-size:1500%;
}

/*bof misc*/
#upProductsHeading {
  text-align:left;
}
#upDateHeading {
  text-align:right;
}
#siteMapList {
  width:90%;
  float:right;
}
#gvFaqDefaultContent{
  line-height:20px;
  font-size:110%;
}
#advSearchDefault .floatingBox{
  min-height:115px;
  margin-bottom:30px;
}

/*bof login*/
#loginDefault{
  margin-bottom:30px;
}
#loginDefault .inputLabel{
  margin-left:20px;
}
#loginDefault .alert{
  margin-right:20px;
}
.paypal-button-hidden{
  visibility:hidden;
}

/* markup for tables used to present tabular data */
.alignLeft {
  text-align: left
}
.alignCenter {
  text-align: center
}
.alignRight {
  text-align: right
}
table, .tabTable{
  width:100%;
  padding:0;
  margin:0;
}
#cartContentsDisplay {
  width: 100%;
}
#myAccountOrdersStatus, #orderHistoryHeading, #prevOrders {
  width: 100%;
}
.accountOrderId {
  width:60px; /* TC */
}
.accountOrderDate, .accountOrderStatus, .accountOrderTotal {
  width:70px;
}
#seQuoteResults {
  width: 100%;
}
#seQuoteResults td {
}
.listBoxContentTable {
  width:100%;
}
.listBoxContentTable td {
}
#upcomingProductsTable {
  width: 100%;
}
.products-listing .productsAllListing, .productsNewListing, .productsFeaturedListing {
  width: 100%;
}
.tableBorder1 td {
}

/* Ask a Question */
#productQuestions {
  margin-left: 20px;
  margin-bottom: 5px;
}

/** Brands page */
.brandCell {
  height: 126px !important;
}
.brandImage {
  margin-top: 20px;
}
.brandCell a {
  text-decoration: none;
}
.attribsRadioButton img {/* TC controls image size for selectable attributes */
  width:75px;
  height:auto;
}

#navColumnTwo {/*TC */
  padding-left: 10px;
}

/** START BOOK ONLINE SIDEBOX TC **/
.bookonlineSidebox a{
  color:#00BCE4;
  font-size:18px; 
}
/** END BOOK ONLINE SIDEBOX TC **/

.roundedCornersSideBox{/*used by all sideboxes no longer rounded*/
  background-color:#00BCE4;
  color:#333333;
  padding:10px;
  margin-bottom:20px;
}

#categoriesContent{
  line-height: 14px;
}

/** START Main menu bar style sheet TC **/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {
  color: #FFFFFF!important;
  background:#4f4f4f;
}
#dropMenuWrapper{
  padding-top:15px;
}
div#dropMenu {
  width:100%;
  margin:0 auto;
  text-align:center;
  z-index:1000;
  position:relative;
}
div#dropMenu ul {
  margin:0;
  padding:0;
}
div#dropMenu li {
  position:relative;
  list-style:none;
  margin:0;
  float:left;
  line-height:2em;
  width:16.667%;
  *width:16.649%;
}
div#dropMenu ul.level1 {
  width:100%;
  margin:0 auto;
  text-align:center;
  background:#00BCE4; /*background color of top menu when NOT selected. */
  z-index:1000;
  float:left;
}
div#dropMenu li a {
  display: block;
  /* Hides from IE5-mac \*/
  height: 1%;
  /* End hide from IE5-mac */
  padding: .6em 0;
  text-decoration: none;
  text-transform:uppercase;
  color:#ffffff;
  text-align:center;
  border-right:1px solid #ffffff;
}
div#dropMenu li:hover {
}
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
div#dropMenu li.submenu:hover {
}
div#dropMenu li a.noLine {
  border:none;
}
div#dropMenu>ul a {
  width: auto;
  z-index:1000;
}
div#dropMenu ul ul {
  display: none;
}
div#dropMenu ul ul li {
  border-bottom: 1px solid #CCC;
  width:100%;
  z-index:1000;
}
/*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} */
div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {
  position: absolute;
  width: 100%;
  display:block;
  z-index:1000;
}
div#dropMenu ul.level2 {
  background:#00BCE4;
  z-index:1000;
  position:absolute;
  left:0;
}
div#dropMenu ul.level3,
div#dropMenu ul.level4,
div#dropMenu ul.level5,
div#dropMenu ul.level6,
div#dropMenu ul.level7,
div#dropMenu ul.level8{
  top: 0;
  left: 100%;
  background:#00BCE4
}
div#dropMenu ul.level2 a {
  padding: 0.5em 0 0.5em 0.25em;
  color: white;
  text-transform:none;
}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {
  color:#4f4f4f;
}
/** END Main menu bar style sheet TC **/

/********************************************/
/** START stylesheet_magicslideshow.css 
********************************************/
.mss-slider {
  background: transparent !important;
}
span.button_write_review{
  padding-top: 10px;
}
input.cssButton.submit_button.button.button_in_cart, .button_in_cart:hover{
  width:190px;
  height:30px;
  margin:10px;
}
.subtleButton {
  border: none;
  background: inherit;
  color: gray;
  font-weight: normal;
}
.subtleButton:hover {
  color: #00BCE4;
  cursor: pointer;
  text-decoration: underline;
}
/********************************************/
/** END stylesheet_magicslideshow.css 
********************************************/


/**for testimonial manager 1.5.5 TC added Sep 2016 */
.testimonial {
  color: #000;
  padding: 0 5px 5px 5px;
  text-align:left;
}
.testimonial p {
  margin: 0;
  padding: 5px 0;
}
.testimonial span {
  float:right;
}
.testimonialImage {
  margin: 0;
  padding: 0;
  text-align: center;
}

/******* Professional Membership Table *******/
.professionalMembershipTable td{
  padding:15px;
}

/* TC START Footer additions */
#footer {
  border-top:1px #000000 solid;
  margin-top:15px;
}
#footer td {
  padding-top:20px;
  padding-bottom:30px;
}
#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}
#footer .right {
  text-align: right;
  line-height: 1.45em;
}
#footer .centre {
  padding-top: 7px;
  padding-bottom: 0;/*TC*/
  text-align: center;
  line-height: 1.7em;
}
#footer a {
  color:#333333;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: none;
}
/* TC END Footer additions */

/* not sure if following is used? */
td.info{
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:solid 1px grey;
  height:150px;
  width:25%;
  padding:15px;
  text-align:center;
  margin:10px;
}
.blueborder{
  border: 1px solid #00bce4;
  width: auto;
  margin: 1px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.margin10{
  margin: 10px;
}


.smallInfoText{
  margin-left: 7px;
  margin-bottom: 3px;
  font-weight:normal;
  font-size:14px;
  color:#777777
}
.fullWidthBox {
  border:1px #00BCE4 solid;
  width: 100%;
}

.halfWidthBox{
  width: 49%;
  margin: 1px;/*TC*/
  border:1px #00CCFF solid;/*TC*/
  list-style:none;/*TC*/
}

/* CSS for New contact lens products type */
/** THE PRODUCT INFO DISPLAY SIDE BOX, base, diam etc....*/

.newProductDetailsList{
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:3px;
  height:100px;
  float:none;
  vertical-align: top;
}
#newProductDetailsList td{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:15px;
  text-align:left;
  color:#999999;
}
.newProductDetailsHeading {
  font-weight:bold;
  color:#00BCE4;
}
/***************************/

/* ###### icon table used in EZPAGES eye examinations #########*/
table.icontable{
  background:none;
  border:none;
  border-collapse: collapse;
  text-align:center;
  margin-left:10px;
}
.icontable td{
  text-align:left;
  font-weight: normal;
  font-size: 14px;
  color: #404040;
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left:8px;
  padding-right:8px;  
}
.icontable tr{
  vertical-align:top;
}
/* ###### END icon table #########*/

#manufacturersContent{/*TC*/
  border:1px #00BCE4 solid;
  padding-bottom: 5px;
}

#manufacturersContent select{/*TC*/
  border:none;
}









/* 
    CSS specific to contact lens products

    Created on : 26/01/2023, 7:19:56 am
    Author     : tony highburyeye.co.nz

    loads only for product_contactLens_info

    mainly used for CL attributes for mobile
*/

/******** Colours **********************/
:root {
  --right-bg-color: #FFECEC;
  --left-bg-color: #E8FFEE;
}

/********The container**********************/
.prescriptionGrid{
  display: grid;
  grid-template-columns: [right]1fr [left]1fr [gap]10px [names]1.5fr;
  grid-template-rows: [topinfo]1fr [heading]auto [basecurve]auto [diam]auto [sph]auto [cyl]auto [axis]auto [quantity]auto [info]auto;
  
  margin-left: 5px;
  margin-right: 5px;
}

/********Heading info **********************/
.prescriptionGridHeading{
  grid-column-start: right;
  grid-column-end: -1;
  grid-row-start: topinfo;
  grid-row-end: topinfo;
}

/********Row TITLES**********************/
.itemBCTitle, .itemDiamTitle, .itemSphTitle, .itemCylTitle, .itemAxisTitle, .itemQuantityTitle{
  display: grid;
  grid-column-start: names;
  grid-column-end: names;
  justify-content: center;
  align-content:center;
  height:45px;
  margin-bottom:5px; 
}

.itemBCTitle{
  grid-row-start: basecurve;
  grid-row-end: basecurve;
}
.itemDiamTitle{
  grid-row-start: diam;
  grid-row-end: diam;
}
.itemSphTitle{
  grid-row-start: sph;
  grid-row-end: sph;
}
.itemCylTitle{
  grid-row-start: cyl;
  grid-row-end: cyl;
}
.itemAxisTitle{
  grid-row-start: axis;
  grid-row-end: axis;
}
.itemQuantityTitle{
  grid-row-start: quantity;
  grid-row-end: quantity;
}

/********RIGHT Column**********************/
.itemRightBC, .itemRightDiam, .itemRightSph, .itemRightCyl, .itemRightAxis, .itemRightQuantity, .itemRightHeading{
  grid-column-start: right;
  justify-content: center;
  align-content:center;
  background-color:var(--right-bg-color);
  display:grid;
}

.itemRightHeading{  
  grid-row-start: heading;
  grid-row-end: heading;
  padding-top: 10px;
}

.itemRightBC{
  grid-row-start: basecurve;
  grid-row-end: basecurve;
}
.itemRightDiam{
  grid-row-start: diam;
  grid-row-end: diam;
}
.itemRightSph{
  grid-row-start: sph;
  grid-row-end: sph;
}
.itemRightCyl{
  grid-row-start: cyl;
  grid-row-end: cyl;
}
.itemRightAxis{
  grid-row-start: axis;
  grid-row-end: axis;
}
.itemRightQuantity{
  grid-row-start: quantity;
  grid-row-end: quantity;
}

/**********Left Column********************/
.itemLeftBC, .itemLeftDiam, .itemLeftSph, .itemLeftCyl, .itemLeftAxis, .itemLeftQuantity, .itemLeftHeading{
  grid-column-start: left;
  justify-content: center;
  align-content:center;
  background-color:var(--left-bg-color);
  display:grid;
}

.itemLeftHeading{  
  grid-row-start: heading;
  grid-row-end: heading;
  padding-top: 10px;
}

.itemLeftBC{
  grid-row-start: basecurve;
  grid-row-end: basecurve;
}
.itemLeftDiam{
  grid-row-start: diam;
  grid-row-end: diam;
}
.itemLeftSph{
  grid-row-start: sph;
  grid-row-end: sph;
}
.itemLeftCyl{
  grid-row-start: cyl;
  grid-row-end: cyl;
}
.itemLeftAxis{
  grid-row-start: axis;
  grid-row-end: axis;
}
.itemLeftQuantity{
  grid-row-start: quantity;
  grid-row-end: quantity;
}

/************Footer Info******************/
.itemInfo{
  grid-column-start: right;
  grid-column-end: -1;/*-1 for end of grid*/
  grid-row-start: info;
  grid-row-end: info;
}

/************Additional******************/
.prescriptionTableCellsMobile{
  text-align:center;
  padding:3px 0 3px 0;
}
.prescriptionTableCellsMobile select{
  height:45px;
  margin-left:0;
  /*width: 90%!important;*/
  width:75px!important;
}

/************Non mobile******************/
.prescriptionTableRight{
  background-color: var(--right-bg-color);
}
.prescriptionTableLeft{
  background-color:var(--left-bg-color);
}
.prescriptionTableCells select{
  height:35px;
  width:75px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:3px;
}



/* 
    CSS specific to contact lens products

    Created on : 26/01/2023, 7:19:56 am
    Author     : tony highburyeye.co.nz

    loads only for product_contactLens_info

    mainly used for CL attributes for mobile
*/

/******** Colours **********************/
:root {
  --right-bg-color: #FFECEC;
  --left-bg-color: #E8FFEE;
}

/********The container**********************/
.prescriptionGrid{
  display: grid;
  grid-template-columns: [right]1fr [left]1fr [gap]10px [names]1.5fr;
  grid-template-rows: [topinfo]1fr [heading]auto [basecurve]auto [diam]auto [sph]auto [cyl]auto [axis]auto [quantity]auto [info]auto;
  
  margin-left: 5px;
  margin-right: 5px;
}

/********Heading info **********************/
.prescriptionGridHeading{
  grid-column-start: right;
  grid-column-end: -1;
  grid-row-start: topinfo;
  grid-row-end: topinfo;
}

/********Row TITLES**********************/
.itemBCTitle, .itemDiamTitle, .itemSphTitle, .itemCylTitle, .itemAxisTitle, .itemQuantityTitle{
  display: grid;
  grid-column-start: names;
  grid-column-end: names;
  justify-content: center;
  align-content:center;
  height:45px;
  margin-bottom:5px; 
}

.itemBCTitle{
  grid-row-start: basecurve;
  grid-row-end: basecurve;
}
.itemDiamTitle{
  grid-row-start: diam;
  grid-row-end: diam;
}
.itemSphTitle{
  grid-row-start: sph;
  grid-row-end: sph;
}
.itemCylTitle{
  grid-row-start: cyl;
  grid-row-end: cyl;
}
.itemAxisTitle{
  grid-row-start: axis;
  grid-row-end: axis;
}
.itemQuantityTitle{
  grid-row-start: quantity;
  grid-row-end: quantity;
}

/********RIGHT Column**********************/
.itemRightBC, .itemRightDiam, .itemRightSph, .itemRightCyl, .itemRightAxis, .itemRightQuantity, .itemRightHeading{
  grid-column-start: right;
  justify-content: center;
  align-content:center;
  background-color:var(--right-bg-color);
  display:grid;
}

.itemRightHeading{  
  grid-row-start: heading;
  grid-row-end: heading;
  padding-top: 10px;
}

.itemRightBC{
  grid-row-start: basecurve;
  grid-row-end: basecurve;
}
.itemRightDiam{
  grid-row-start: diam;
  grid-row-end: diam;
}
.itemRightSph{
  grid-row-start: sph;
  grid-row-end: sph;
}
.itemRightCyl{
  grid-row-start: cyl;
  grid-row-end: cyl;
}
.itemRightAxis{
  grid-row-start: axis;
  grid-row-end: axis;
}
.itemRightQuantity{
  grid-row-start: quantity;
  grid-row-end: quantity;
}

/**********Left Column********************/
.itemLeftBC, .itemLeftDiam, .itemLeftSph, .itemLeftCyl, .itemLeftAxis, .itemLeftQuantity, .itemLeftHeading{
  grid-column-start: left;
  justify-content: center;
  align-content:center;
  background-color:var(--left-bg-color);
  display:grid;
}

.itemLeftHeading{  
  grid-row-start: heading;
  grid-row-end: heading;
  padding-top: 10px;
}

.itemLeftBC{
  grid-row-start: basecurve;
  grid-row-end: basecurve;
}
.itemLeftDiam{
  grid-row-start: diam;
  grid-row-end: diam;
}
.itemLeftSph{
  grid-row-start: sph;
  grid-row-end: sph;
}
.itemLeftCyl{
  grid-row-start: cyl;
  grid-row-end: cyl;
}
.itemLeftAxis{
  grid-row-start: axis;
  grid-row-end: axis;
}
.itemLeftQuantity{
  grid-row-start: quantity;
  grid-row-end: quantity;
}

/************Footer Info******************/
.itemInfo{
  grid-column-start: right;
  grid-column-end: -1;/*-1 for end of grid*/
  grid-row-start: info;
  grid-row-end: info;
}

/************Additional******************/
.prescriptionTableCellsMobile{
  text-align:center;
  padding:3px 0 3px 0;
}
.prescriptionTableCellsMobile select{
  height:45px;
  margin-left:0;
  /*width: 90%!important;*/
  width:75px!important;
}

/************Non mobile******************/
.prescriptionTableRight{
  background-color: var(--right-bg-color);
}
.prescriptionTableLeft{
  background-color:var(--left-bg-color);
}
.prescriptionTableCells select{
  height:35px;
  width:75px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:3px;
}


/* 
    CSS specific to fitovers products

    Created on : 26/01/2023, 7:19:56 am
    Author     : tony

    loads only for product_fitovers_info

*/

/******** Colours **********************/
.fitovers{/*used fpr fitovers attributes*/
  display: flex;
}
#cartAdd input[type=text]{
  max-width: 85px;
}
#productDetailsList{
  padding-bottom: 10px;
  padding-top: 10px;
}
#productDetailsList li{
  padding-left: 10px;
}

/* 
    CSS specific to fitovers products

    Created on : 26/01/2023, 7:19:56 am
    Author     : tony

    loads only for product_rxitem_info

*/

@media screen and (min-width: 480px){
  .thinopticsGrid{
    display: flex;
  }
}

.thinopticsGrid select {
  height: 40px;
  width: 100px;
  margin-right: 50px;
}
.thinopticsGrid h4{
  margin-top: 8px;
}

#ottotal {
  font-weight: bold;
}
#ottax {
  font-size: 90%;
  color: #666;
}


.homeTable{
	display: table;
	width: 100%;
}
.homeTableRow {
	display: table-row;
}
.homeTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.homeTableCell, .homeTableHead {
	display: table-cell;
	padding: 3px 10px;
}
.homeTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.homeTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.homeTableBody {
	display: table-row-group;
}