/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-transition-delay: 9999s;
        -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
    }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	/*letter-spacing: -9px;*/
	font-size: 16px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

.review {
padding: 10px;
clear: both;
font-family: Tahoma;
font-size: 11px;
color: #00281d;
}

#proddeschead {
float: left;
width: 150px;
font-family: "GothamBook";
font-size: 13px;
color: #515151;
margin-left: 35px;
}

#proddesctail {
float: left;
}

#imageholder {
width: 80px;
float: left;
text-align: center;
}

#textholder {
float: left;
width: 250px;
}

#shortclubtype {
display: block;
}

#longclubtype {
display: none;
}

#shortbrandtype {
display: block;
}

#longbrandtype {
display: none;
}

#fldcity {
    width: 100%;
}

#fldpostcode {
    width: 100%;
}

.revlabel {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
float: left;
width: 150px;
}

.revtext {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  float: left;
}

.revcont {
width: 100%;
clear: both;
}

.reviewcontainer {
margin-top: 20px;
}

.oneoffmessage {
    font-family: "Poppins";
    font-size: 20px;
    margin: 20px 20px 0px 20px;
    padding: 15px;
    text-align: center;
    border: 1px solid #000000;
    margin: 20px 20px -10px 20px;
}

/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
TD.ordertopmain, P.ordertopmain {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
	color: #ffffff;
	background-color: #464646;
	padding-left: 10px;
	padding-right: 20px;
}

TD.orderbottommain, P.orderbottommain {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
	color: #000000;
	background-color: #e9e9e9;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

TD.subtotal-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	color: #915698;
	border-color: #ffffff;
  background-color: #f6e4f4;
  line-height: 18px;
}

TD.total-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
	color: #ffffff;
	border-color: #ffffff;
  background-color: #925797;
  line-height: 18px;
}


TD.summaryfields {
padding-left: 10px;
padding-right: 20px;
padding-top: 7px;
padding-bottom: 15px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #454545;
background-color: #e9e9e9;
}

TD.historyfields {
padding-left: 10px;
padding-right: 20px;
padding-top: 7px;
padding-bottom: 3px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #454545;
background-color: #e9e9e9;
}

TD.paymentfields {
padding-left: 5px;
padding-right: 5px;
background-color: #e9e9e9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #766e61;
}

#filterview {
    display: none;
}

#checkoutcart {

}

TD.deliveryfields {
padding-left: 5px;
padding-right: 5px;
background-color: #e9e9e9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #464646;
}

TEXTAREA.comments {
margin: 5px;
width: 490px;
border: #717171 1px solid;
height: 50px;
}


#addbutton {
padding-top: 10px;
padding-bottom: 10px;
}

#notbutton {
}

TD.gap {
height: 20px;
}

TD.fieldcontainer {
font-family: Verdana, Arial, sans-serif; 
font-size: 10px;
color: #464646 ;
padding-left: 37px;
padding-right: 39px;
background-color: #dad6bd;
}

TD.field_entry {
padding-top: 2px;
padding-bottom: 2px;
text-align: left;
background-color: #e4e1ce;
color: #786e62;
  font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
padding-left: 5px;
}

#addressdiv {

}

#newaddressbutton {
    display: inline-block;
}

TABLE.mainform { background: #ffffff; }
									
TABLE.mainbody { background: #ffffff;

		      }

TABLE.mainbodyouter { background: #ffffff; 
	border-left: 1px solid #929292;
}


TR.mainbodyheader { background-image: url("images/background.gif");
		        background-repeat: repeat-x;
			  }

TABLE.mainbodyheader { border-right: 1px solid #929292;
			  border-left: 1px solid #929292; }

TABLE.mainwelcome { background: #F8F8F8;
			border-color: #929292;
			   }
			   
TD.recentview {
padding-left: 10px;
}

			   
TD.shoppingbasketheader {
text-align: right;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #717171;
padding-right: 12px;
height: 32px;
}

TD.breadtrail {
text-align: left;
vertical-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #717171;
padding-left: 15px;
}

TD.breadtrail a{
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #717171;
}

TD.picturepadding {
padding-top: 8px;
padding-bottom: 4px;
}

TD.breadtrail a:hover{
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #717171;
}

TD.prodquan {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #717171;
text-align: center;
}

TD.pagingstuff {
color: #717171;
text-align: right;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
padding-right: 13px;
}

h3 {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #bfbfbf;
font-weight: normal;
}

TD.shoppingbaskettext {
text-align: right;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #717171;
}

TD.shoppingbaskettext a{
color: #717171;
}

TD.shoppingbaskettext a:hover{
color: #717171;
}


TD.mainfeatpic {
padding-left : 32px;
width: 163px;
}

TD.mainfeatcontent {
width: 196px;
padding-left : 6px;
text-align: left;
font-family: Verdana, Arial, sans-serif; 
font-size: 10px;
color: #717171 ;
}
	        
TD.mainwelcome { font-family: Verdana, Arial, sans-serif; 
			font-size: 10px;
			background-image: url("images/welcomebox/centre-top.jpg");
			background-repeat: repeat-x;
			border-right: 1px solid #929292; }

TD.headerseparator { /* background: #9A1A19; */
										 background: #000000;
										 background-image: url("images/navigationsep.gif"); 
										 background-repeat: repeat-x; }

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #727272;}
.boxText a {color: #727272;}
.boxText a:hover {color: #727272;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #FFBBCC; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #929292;
  text-decoration: underline;
}

A:linkbordered {
	color: #FFBBCC;
	border-color: #FFBBCC;
}

A.a2 {
  color: #FFFFFF; 
  text-decoration: none;
}

A.a2:hover {
  color: #EFEFEF;
  text-decoration: underline;
}

TD.commentclass {
background-image: url("images/question_marks.jpg");
background-repeat: no-repeat;
color: #707070;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
vertical-align: top;
padding-top: 20px;
padding-left: 12px;
padding-right: 12px;
}

TD.bottomcommentclass {
height: 32px;
background-image: url("images/question_marks2.jpg");
background-repeat: no-repeat;
color: #707070;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 10px;
vertical-align: top;
text-align: right;
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
}

FORM {
	display: inline;
}

TR.header {
  background: #000000;
}

TR.headerNavigation {
  background: #FFFFFF;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
	color: #FFFFFF;
  font-weight : bold;
}

TD.headerNavigationLeft {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  background-image: url("images/header_background.gif");
	color: #FFFFFF; 
  font-weight : bold;
	background-repeat: repeat-x;
}

TD.headerNavigationCorner {
  background: #000000;
  background-image: url("images/header_left_corner.gif");
  background-repeat: no-repeat; 
}

TD.headerNavigationRightCorner {
  background: #000000;
  background-image: url("images/header_right_corner.gif");
  background-repeat: no-repeat; 
}


A.headerNavigation { 
  color: #FFFFFF;
}

img.headerNavigation {
	margin-left: -4px;
}

img {
	color: #000000;
	/* border-color: #FFA5A4; */
border-color: #929292;
}

A.headerNavigation:hover {
  color: #929292;
}

A.stronglink:hover {
  color: #929292;
  font-weight : bold;
}

A.stronglink {
  color: #000000;
  font-weight : bold;	
}


TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #000000;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

TR.footer {
	background-image: URL("images/footer.gif");
}

TD.footer {
	background-image: URL("images/footer.gif");
}

.infoBox {
  /* background: #EFEFEF;  */
	margin-bottom: 5px;
	/* border-left: 1px solid #929292;
	border-right: 2px solid #929292;
	border-bottom: 2px solid #929292;	 */
}

.infoBox3 {
  background: #ffffff;
  border-bottom: 1px solid #00523b;
  border-left: 1px solid #00523b;
  border-right: 1px solid #00523b;
  
	/*margin-bottom: 5px;*/
	/*border-right: 1px solid #bfbfbf;*/
}


.infoBox2 {
  /* background: #b6b7cb; */
	background: #ffffff;
}

.infoBoxContents {
  /* background: #DEDEDE; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
padding:5px;
}

.infoBoxContents3 {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #727272;
}

TD.advtext {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
}

TD.advtext a {
  color: #000000;
}

TD.advtext a:hover {
  color: #000000;
}

TD.comtext {
  text-align: right;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding-right: 10px;
  color: #b90000;
}

TD.comtext a {
  color: #b90000;
}

TD.comtext a:hover {
  color: #b90000;
}

.infoBoxBack {
  background-image: URL('images/box_back.gif');
  background-repeat: repeat-x;
  background-color: #f9f5ea;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #6d6d6d;
  
}

.contactpage .emailfield {
    width: 100%;
}

a.brandlink {
color: #000000;
margin-left: 10px;
font-size: 11px;
font-weight: bold;
font-family: Arial;
}

.infoBoxContents2 {
	background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #6d6d6d;
}

TD.guaranteetext {
background-color: #bfbfbf;
color: #717171;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding-left: 10px;
  padding-right: 5px;
}

.searchinput INPUT{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #727272;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
	font-color: #FFFFFF;
	background: #ffffff;
  	color: #ffffff;
  	/*border-right: 1px solid #bfbfbf;*/
}

TD.infoBoxHeadingLeft {
  background: #DEDEDE; 
}

TD.infoBoxHeading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
	font-color: #FFFFFF;
	background: #000000;
	background-image: url("images/infobox2/header.gif");
  color: #000000;
	padding-left: 5px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
} */

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 /* background: #AB1514; */
  background: #e9e9e9;
	border-color: #e9e9e9;
}

/* TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
} */

 TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #e9e9e9;
	border-color: #e9e9e9;
} 

TABLE.productListing {
  /* border: 1px;
  border-style: solid;
  *//* border-color: #b6b7cb; */
	border-color: #000000;
  border-spacing: 0px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #DEDEDE; 
  color: #000000;
  font-weight: bold;
}

.blackproductListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #006848; 
  color: #e9e9e9;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 5px;
}

TD.boxheader {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #006848; 
  color: #e9e9e9;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 5px;
}


TD.shoppingcontainer {
padding-left: 10px;
padding-right: 10px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000;
}

TD.historycontainer {
padding-left: 17px;
padding-right: 10px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000;
}

TD.couponspacer {
}

IMG {
display: block;
}

INPUT.quicksearch {
width: 20px;
}

#searchpanel {
display: block;
height: 46px;
background-image: URL("images/search_back.gif");
}

#spacer {
clear: both;
line-height: 1px;
height: 1px;
font-size: 1px;
display: block;
}

TD.couponotherbit {
padding-left: 10px;
background-color: #e9e9e9;
padding-top: 10px;
padding-bottom: 10px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.finaltotalscontainer {
text-align: right;
padding-left: 11px;
padding-right: 11px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000;
}

TD.totalscontainer {
padding-left: 11px;
padding-right: 11px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000;
}

TD.loginform {
padding-left: 33px;
padding-right: 33px;
}

#searchsubmit {
    display: none;
}

TD.submitloginform {
padding-left: 33px;
padding-right: 33px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #464646;}

TD.logintext2 {
background-color: #e9e9e9;
color: #464646;
padding-left: 10px;
padding-right: 10px;
padding-top: 12px;
padding-bottom: 5px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #464646;
}

TD.newstext {
background-color: #e9e9e9;
color: #464646;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #464646;
padding-top: 5px;
padding-bottom: 5px;
}

TD.loginfields {
background-color: #e9e9e9;
color: #464646;
padding-left: 44px;
padding-right: 44px;
padding-bottom: 5px;
}

TD.fieldcontainer {
padding-left: 8px;
padding-right: 8px;
background-color: #e9e9e9;
}

TD.field_entry {
background-color: #f2f2f2;
color: #474747;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
}

TD.field_entry a {
color: #bb0000;
}

TD.field_entry a:hover {
color: #bb0000;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	color: #717171;
	border-color: #ffffff;
font-weight:normal;
}

TD.mailpasstext {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	color: #464646;
}

TD.forgotpass {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	color: #464646;
}

TD.forgotpass a{
font-weight: bold;
color: #bb0000;
}

SELECT.dropbox {
font-family: Verdana, arial, sans-serif;
font-size: 10px;
}

TD.forgotpass a:hover{
font-weight: bold;
color: #bb0000;
}

TD.catnameindex {
padding-left: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.account_padding {
padding-left: 10px;
padding-right: 14px;
}



TD.under_account_padding {

}

#accountgreybit {
background-color: #e9e9e9;
}

#accountgreybit ul {
	list-style-position: outside;
	list-style-type: square;
	line-height: 18px;
	padding: 10px;
	margin: 0px 0px 0px 15px;
	marker-offset: 0px;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica;
	color: #707070;
}

#accountgreybit li a{
	font-weight: bold;
		color: #86752f;

}

TD.catnameindex a {
font-weight: bold;
color: #897530;
}

TD.catnameindex a:hover {
font-weight: bold;
color: #897530;
}

INPUT.mailpass {
width: 205px;
height: 15px;
border: 1px solid #717171;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

INPUT.editmailpass {
width: 205px;
height: 18px;
border: 1px solid #717171;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

INPUT.dob {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 }

TD.subboxes {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #717171;
  text-align: right;
  padding-right: 6px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #e9e9e9;
}

TD.totaltitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #717171;
  padding-right: 6px;
  text-align: right;
}

TD.productListing-dataprice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #717171;
  padding-right: 6px;
  padding-top: 3px;
font-weight:normal;
}

TD.productListing-data a{
	color: #717171;
}

TD.productListing-data a:hover{
	color: #717171;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

SPAN.prodHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #616161;
  }
  
h2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #616161;
  margin-bottom: 0px;
  padding-bottom: 0px;
  }
  
.prodInfoText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #616161;
  padding-top: 11px;
  padding-left: 10px;
  padding-right: 10px;
}

.attcont {
background-color: #e9e9e9;
padding-left: 14px;
padding-top: 7px;
}

.optText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #616161;
}

SELECT.opts {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #616161;
  width: 60px;
}

TD.ringhelp {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #b90000;
  vertical-align: middle;
}

TABLE.pageHeading {
	
}

TD.pagingdisplay {
padding-left: 10px; 
padding-right: 10px;
border-left: 1px solid #cecece; 
border-right:1px solid  #cecece; 
background-image: url('images/paging_back.gif');
background-repeat: repeat-x;
  font-family:  Arial, sans-serif;
  font-size: 12px;
  height: 18px;

}

img {
display: inline;
}

#prod_display {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #e0e0e0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  height: 85px;
  overflow: none;
}

#prod_display_dark {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #e8e8e8;
  height: 85px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: none;
}

#acc_display {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #e0e0e0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  height: 80px;
  float: left;
  width: 50%;
  overflow: hidden;
}

#acc_display_dark {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #e8e8e8;
  height: 80px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 50%;
  overflow: hidden;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
	color: #000000;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.smallimageText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #b90000;
}

TD.smallimageText a{
font-weight: bold;
  color: #b90000;
}

TD.smallimageText a:hover{
  color: #b90000;
}

TD.smallimageText2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #b90000;
  padding-right:12px;
}

TD.smallTextLight, SPAN.smallTextLight, P.smallTextLight {
  font-family: Verdana,
  }
  
.CPbox2            {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox2H           {BACKGROUND-COLOR: #DDDDDD; PADDING: 1px}
.CPbox2B           {
	BACKGROUND-COLOR: #F5F5F5;
	font-size: 12px;
}
.CPbox2B A:link    {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: #006600; FONT-SIZE: 10px; TEXT-DECORATION: underline;}

.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

.sreviewname {
font-weight: bold;
color: #00291d;
text-align: right;
padding: 5px;
width: 135px;
overflow: hidden;
}

.sreviewtext {
padding-top: 5px;
width: 145px;
}
  
  
.hptextdiv {
height: 146px; 
overflow: hidden;
font-size: 12px; 
color: #000000; 
font-family: Arial;
}

.hptextdiv ul {
padding-left: 20px;
}

h1 {
margin: 0px 0px 15px 0px;
padding: 0px;
font-size: 22px;
color: #000000;
}

h2 {
margin: 30px 0px 0px 0px;
padding: 0px;
font-size: 18px;
color: #000000;
}

.attributes_container {
	clear: both;
}

/*new site styles*/
@font-face {
	font-family: 'GothamBook';
	src: url('fonts/GothamBook.eot?') format('eot'), 
	     url('fonts/GothamBook.otf')  format('opentype'),
	     url('fonts/GothamBook.woff') format('woff'), 
	     url('fonts/GothamBook.ttf')  format('truetype'),
	     url('fonts/GothamBook.svg#GothamBook') format('svg');
}

@font-face {
        font-family: "Trade Gothic Next LT Pro Cn";
        src: url('fonts/560729981-TradeGothicNextLTPro-Cn_0.eot');
        src: url('fonts/560729981-TradeGothicNextLTPro-Cn_0.eot?#iefix') format('embedded-opentype'),
        url('fonts/560729981-TradeGothicNextLTPro-Cn_0.svg#Trade Gothic Next LT Pro Cn') format('svg'),
        url('fonts/560729981-TradeGothicNextLTPro-Cn_0.woff') format('woff'),
        url('fonts/560729981-TradeGothicNextLTPro-Cn_0.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

@font-face {
        font-family: "Gotham Bold";
        src: url('fonts/402130127-Gotham-Bold.eot');
        src: url('fonts/402130127-Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/402130127-Gotham-Bold.svg#Gotham Bold') format('svg'),
        url('fonts/402130127-Gotham-Bold.woff') format('woff'),
        url('fonts/402130127-Gotham-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }    
    
body {
    background-color: #ffffff;
}

.mainsitecontainer {
    /*max-width: 1140px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    
}

#header {
    font-family: 'Poppins', sans-serif;
}

#headergreybar {
    background-color: #206A5D;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    font-size: 12px;
    padding: 8px 0px;
    color: #ffffff;
    display: flex;
    justify-content: center;
}

#headergreybar a {
    color: #ffffff;
    margin-right: 20px;
}

#headergreybar a:last-of-type {
    margin-right: 0px;
}

#headerwhitebar {
    background-color: #ffffff;
    height: 100px;
    width: 100%;
}

.headersecondary {
    padding: 20px 40px 0px 40px;
    font-size: 12px;
}

.secondaryfooter {
    color: #206A5D;
    font-size: 11px;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 20px 0px 0px 0px;
}

.secondaryfooter a {
    color: #206A5D;
}

.secondaryfooter p:first-of-type {
    text-align: left;
    flex-grow: 1;
}

.secondaryfooter p:nth-of-type(2) {
    text-align: right;
}

.secondaryfooter p {
    margin: 0px;
    padding: 0px;
}

.menuitemtitle {
    font-family: "Trade Gothic Next LT Pro Cn";
    color: #597b2c;
    padding: 0px 0px 6px 0px;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 18px;
    border-bottom: 1px solid #597b2c;
}

.menuitemlistholder {
    padding: 0px 20px 10px 0px;
    box-sizing: border-box;
    break-inside: avoid-column;
}

.mainnav {
    display: flex;
    position: relative;
    margin: 0px;
    padding: 0px;
    font-family: "Poppins";
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

.mainnav li {
    list-style-type: none;
    padding: 20px 29px 20px 17px;
    margin: 0px;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
    background-image: url(/designimages/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.mainnav li:last-of-type {
    margin-right: 0px;
}

.mainnav li:hover {
    background-color: #F2F2F2;
}

.mainnav li.salelink {
    background-image:none;
    color: #aa0000;
}

.mainnav li.salelink a {
    color: #aa0000;
}

.mainnav li.salelink:hover {
    background-color: initial;
}

.mainnav li.garminlink a{
    background-image:none;
    color: #333333;
}

.mainnav li.garminlink:hover {
    background-color: initial;
}

.mainnav li .ddowndiv {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    z-index: 2;
    background-color: #F2F2F2;
    overflow: hidden;
    box-sizing: border-box;
    font-family: "Poppins";
    font-weight: normal;
    color: #333333;
    max-height: 0px;
}

.mainnav li:hover .ddowndiv {
    max-height: 500px;
}

.ddowninternal {
    padding: 20px;
    display: flex;
    flex-wrap: nowrap;
}

.ddownallimages {
    width: 75%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.ddownothernonimage {
    width: 25%;
    box-sizing: border-box;
}

.ddownallimages .ddownsuboption {
    width: 25%;
    box-sizing: border-box;
}

.ddownallimages .ddownsuboption:nth-of-type(-n+4) {
    margin-bottom: 20px;
}

.ddownothernonimage .ddownsuboption {
    width: 100%;
    box-sizing: border-box;
}

.ddownfixedall {
    flex: 0 0 210px;
}

.ddownrestofoptions {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    column-count: 6;
}

.menuitemltitle {
    color: #206A5D;
    font-weight: bold;
    padding-bottom:5px;
    font-family: 'Poppins';
    font-size: 12px;
}

.hsectopbits {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
}

.searchcontainer {
    flex-grow: 1;
    padding: 0px 40px;
}

.mainsearchinput {
    width: 100%;
    background-color: #F2F2F2;
    border-radius: 10px;
    border: 0px;
    box-sizing: border-box;
    padding: 0px 20px;
    height: 40px;
    font-family: "Poppins";
    font-size: 12px;
    background-image: url("/designimages/search.svg");
    background-position: center right 15px;
    background-repeat: no-repeat;
}

.phoneno {
    font-weight: bold;
    color: #206A5D;
}

.othericons {
    display: flex;
    align-items: center;
}

.othericons a {
    width: 24px;
    display: block;
}

.othericons a img {
    width: 100%;
}

.othericons a:first-of-type {
    margin-right: 20px;
}

.phone {
    margin-right: 26px;
}

.phone .whatsappholder {
    justify-content: flex-start;
}

.clubtypeheader {
    height: 48px;
    width: 100%;
    background-color: #000000;
    margin-top: 6px;
    background-image: URL("/images/header-menu-back.gif");
    background-repeat: repeat-x;
    position: relative;
}

#headermenucontainer {
    height: 48px;
    width: 100%;
    background-color: #000000;
    margin-top: 6px;
    background-image: URL("/images/header-menu-back.gif");
    background-repeat: repeat-x;
    position: relative;
}

.clubtypeheader .headeritem {
    width: 141px;
}

.clubtypeheader .headeritem:last-child {
    width: 138px;
    border-right: 0px;
}

.headeritem {
    width: 120px;
    height: 31px;
    margin-top: 4px;
    padding-top: 9px;
    float: left;
    text-transform: uppercase;
    color: #000000;
    font-family: "Trade Gothic Next LT Pro Cn";
    font-size: 16px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #b6b5b9;
    cursor: pointer;
}

.secondrowheader .headeritem:first-child {
    border-left: 0px;
    width: 145px;
}

.secondrowheader .headeritem:nth-child(6) {
    width: 80px;
}

.secondrowheader .headeritem:nth-child(7) {
    width: 80px;
}

.secondrowheader .headeritem:nth-child(8) {
    width: 80px;
}

.secondrowheader .headeritem:nth-child(10) {
    border-right: 0px;
    width: 136px;
}

.headertextandarrow {
    float:left;
    position:relative;
    left:50%;
}

.headertextandarrowcsshack {
    float:left;
    position:relative;
    left:-50%;
}

.menuitemtext {
    float: left;
}

.menuitemarrow {
    float:left;
    height: 20px;
    width: 17px;
    background-position: 9px 9px;
    background-image: URL("/images/mainmenudropdownarrow.png");
    background-repeat: no-repeat;
}

.redmenu {
    color: #c81d1d;
}

#headersmallbanners {
    margin-top: 6px;
    height: 38px;
    width: 100%;
    margin-bottom: 10px;
}

#headersmallbanners a{
       float: left;
       display: block;
}

.bordercontainer {
    width: 1158px;
    margin-left: auto;
    margin-right: auto;
    background-image: URL("images/siteborders.png");
    background-repeat: repeat-y; 
    background-position: 0px 2px;
    position: relative;
}

#backgroundImage {
    
}

#background {
    height: 100%;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 0;
}

.grey-right {
    float: right;
}

.socialheader {
    float: left;
}

.socialheader a {
    margin-top: 4px;
    float: left;
    display: block;
    margin-left: 8px;
}

.socialheader a.linkedin {
    margin-top: 5px;
}

.foradvice {
    float: left;
    margin-left: 10px;
    color: #ffffff;
    font-family: "GothamBook";
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
}

.gctlogo {
    float: left;
    margin-top: 23px;
    margin-left: 30px;
    text-align: center;
font-family: "GothamBook";
font-size: 13px;
line-height: 19px;
color: #597b2c;
width: 217px;
}

.gctlogo a {
    display: block;
}

.gctlogo img {
    display: block;
    margin-bottom: 5px;
}

#hp_main_image {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#hp_slider {
    clear: both;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    display: none;
}

#hp_slider a {
    display: block;
}

#hp_slider a img {
    width: 100%;
}

.imagesoverlay {
    display: block;
}

.buttoncontainer {
    width: 100%;
    display: flex;
    margin-top: 13px;
    margin-bottom: 13px;
    justify-content: space-evenly;
}

.hp_button {
    display: block;
    cursor: pointer;
}

.hp_button img {
    width: 100%;
}

.switchon {
    background-position: 0px -11px;
}

.buttonoffoverlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: rgba(255,255,255,0.5);
}

.buttonoffborder {
    z-index: 101;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    background-image: URL("/images/button-off-border.png");
}

.arrowleft {
    background-image: URL("/images/arrow-left.gif");
    background-repeat: no-repeat;
    background-position: 4px 13px;
    margin-left: 8px;
    height: 72px;
    width: 30px;
    float: left;
    display: block;
    cursor: pointer;
}

.arrowright {
    background-image: URL("/images/arrow-right.gif");
    background-repeat: no-repeat;
    background-position: 1px 13px;
    height: 72px;
    width: 30px;
    float: left;
    display: block;
    cursor: pointer;
}

.blueback {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.undergallery {
    width: 100%;
    height: 8px;
    background-image: URL("/images/under-gallery.gif");
    background-repeat: repeat-x;
    display: block;
}

.quickprodfinder {
    padding: 30px 40px;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.prodfindercontent {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.prodfindertitle {
    font-family: "Trade Gothic Next LT Pro Cn";
    font-size: 16px;
    color: #597b2c;
    text-transform: uppercase;
    padding-left: 52px;
    padding-top: 27px;
    float: left;
}

.finderoption {
    width: 25%;
    margin-right: 20px;
}

.findertitle {
    font-family: "Poppins";
    font-size: 10px;
    font-weight: bold;
    color: #206A5D;
    padding-left: 4px;
    padding-bottom: 6px;
}

.finderdropdown select {
    width: 100%;
    font-family: "Poppins";
    font-size: 12px;
    outline: none;
    border: 0px;
    border-bottom: 2px solid #333333;
    padding-bottom: 4px;
}

.genderboth {
    width: 100%;
}

.handedsvg {
    margin-right: 5px;
}

.search_submit {
    background-color: #4EC53E;
    color: #ffffff;
    font-family: "Poppins";
    font-size: 12px;
    font-weight: bold;
    padding: 0px 40px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 0px 0px rgb(30 106 93);
}

.search_submit:hover {
    color: #515151;
    text-decoration: none;
}

.latest_title {
    color: #515151;
    font-size: 30px;
    font-family: "Trade Gothic Next LT Pro Cn";
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.productcolumn {
    width: 243px;
    float: left;
    min-height: 100px;
}

.productcolumns {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
    display: flex;
    padding: 0px 20px;
    flex-wrap: wrap;
}

.prodlistingitemcontainer {
    cursor: pointer;
    border: 1px solid #E4E4E4;
    width: calc(25% - 15px);
    margin-right: 20px;

    border-radius: 6px;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 30px 20px 90px 20px;
    position: relative;
    font-family: "Poppins";
}

.prodlistingitemcontainer:hover {
    border: 1px solid #4EC53E;
    box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.2);

}

.priceandbuy {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding: 0px 20px 20px 20px;
    align-items: center;
}

#sitenavblanker {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-color: #ffffff;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    display: none;
}

.proditemtop {
    height: 5px;
    width: 224px;
    background-image: URL("/images/proditem-top.png");
    background-repeat: no-repeat;
    display: block;
}

.proditembottom {
    height: 7px;
    width: 224px;
    background-image: URL("/images/proditem-bottom.png");
    background-repeat: no-repeat;
    display: block;
}

.proditemmiddle {
    width: 100%;
}

.proditemreview {
    width: 224px;
    background-image: URL("/images/proditem-middle.png");
    background-repeat: repeat-y;
    display: block;
    clear: both;
    overflow: hidden;
}

.orderby {
    cursor: pointer;
}

.orderbytext {
    display: none;
}

.orderbyactualstyle {
    border-bottom: 2px solid #333333;
    padding: 5px 50px 5px 0px;
    background-image: url(/img/chevrondown.svg);
    background-repeat: no-repeat;
    background-position: center right;
}

#columncontainer {
    position: relative;
}

.orderbyoptions {
    clear: both;
    position: absolute;
    right: 0px;
    top: 30px;
    font-family: "GothamBook";
    font-size: 12px;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    padding: 5px 8px;
    z-index: 2000;
    background-color: #ffffff;
    display: none;
}

.orderbyoption {
    text-align: left;
    clear: both;
    padding: 5px 5px;
    cursor: pointer;
}

.orderbyoption:hover {
    background-color: #d0d0d0;
    color: #ffffff;
}

.viewalllink {
    cursor: pointer;
}

.genderimage {
    padding: 5px 0px;
}

.columnheader {
    display: flex;
    font-family: 'Poppins';
    font-size: 12px;
    position: relative;
    align-items: center;
    padding-bottom: 15px;
    padding-left: 30px;
}

#noofproducts {
    float: left;
    font-family: "GothamBook";
    font-size: 12px;
    color: #000000;
    padding-bottom: 16px;
}

.breadcrumb {
    padding-left: 15px;
    font-family: "GothamBook";
    font-size: 12px;
    color: #000000;
    padding-bottom: 16px;
    clear: both;
    overflow: hidden;
}

.bcrumbitem {
    float: left;
}

.prodbuybutton {
    width: 80px;
    height: 46px;
    box-shadow: 0px 2px 0px 0px rgb(30 106 93);
    background-color: #4EC53E;
    border-radius: 6px;
    background-image: url("../img/i-symbol.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center center;
}

.proditemtitle {
    color: #333333;
    font-family: "Poppins";
    font-size: 13px;
    margin-bottom: 3px;
    font-weight: bold;
}

.proditemsmaller {
    /*color: rgba(51,51,51,0.6);*/
    color: rgba(51,51,51,1);
    font-family: "Poppins";
    font-size: 11px;
}

.proditemprice {
    color: #333333;
    font-size: 21px;
    font-family: "Poppins";
    font-weight: bold;
}

.proditemdisc {
    color: #a20000;
    font-size: 11px;
    font-family: "Gotham Bold";
    position: absolute;
    top: 10px;
    left: -10px;
    font-family: "Poppins";
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    background-color: #FE5900;
    padding: 5px 12px;
    border-radius: 10px;
}

.actualperc {
    clear: both;
    overflow: hidden;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
}

.priceanddisc {
    flex-grow: 1;
}

.proditempic {
    margin-bottom: 14px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.spinner {
	position: absolute;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(/images/spinner.gif) no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}

.proditemreviewsep {
    clear: both;
    overflow: hidden;
    display: block;
    background-color: #e2e1e4;
    margin-top: 0px;
    width: 220px;
    margin-left: 1px;
    margin-bottom: 10px;
    height: 1px;
}

.proditemtextandstars {
    clear: both;
    overflow: hidden;
    padding-left: 20px;
    padding-bottom: 8px;
    padding-right: 20px;
}

.noofreviews {
    float: left;
    width: 100px;
    color: #a8a8a8;
    font-size: 11px;
    font-family: "Gotham Bold";
}

.noofstars {
    float: right;
}

.noofstars img {
    margin-left: 1px;
}

.morebuttoncontainer {
width: 950px;
height: 34px;
display: block;
background-image: URL("/images/load-more-btn.png");
background-repeat: no-repeat;
clear: both;
overflow: hidden;
margin-left: 2px;
margin-top: 5px;
margin-bottom: 15px;
cursor: pointer;
display: none;
}

.smallermorebuttoncontainer {
    width: 766px;
}

.morebuttontext {
    color: #000000;
    font-size: 16px;
    font-family: "Trade Gothic Next LT Pro Cn";
    text-transform: uppercase;
    float: left;
    padding-top: 6px;
}

.morebuttonarrow {
    float:left;
    height: 20px;
    width: 20px;
    background-position: 11px 15px;
    background-image: URL("/images/loadmore-dropdown.gif");
    background-repeat: no-repeat;
    
}

.morebuttontextandarrow {
    float: left;
    position:relative;
    left:50%;
}

.morebuttontextandarrowcsshack {
    float:left;
	position:relative;
	left:-50%;
}

.footer {
    height: 315px;
    background-color: #565656;
    clear: both;
    overflow: hidden;
    width: 100%;
}

.footertext {
    font-family: "GothamBook";
    color: #ffffff;
    font-size: 11px;
    clear: both;
    overflow: hidden;
    text-align: center;
    line-height: 19px;
    padding-top: 30px;
}

.footer p {
    font-family: "GothamBook";
    color: #ffffff;
    font-size: 11px;
    margin-top: 15px;
    text-align: center;
}

.footertext a {
    font-family: "GothamBook";
    color: #ffffff;
    font-size: 11px;
}

.footertext b{
    font-family: "Gotham Bold";
    color: #ffffff;
    font-size: 11px;
}

.footercolumnleft {
    float: left;
    margin-left: 321px;
    padding-right: 22px;
}

.footercolumncenter {
    float: left;
    padding-left: 75px;
}

.footercolumnright {
    float: left;
    padding-left: 50px;
}

.gctfooterlogo {
    width: 186px;
    margin: 16px auto 0px auto;
    display: block;
}

.gctfooterpaymentlogos {
    width: 260px;
    margin: 14px auto 0px auto;
    display: block;
}

.mainpromoback {
    background-image: URL("/images/mainheader-promo-back.gif");
    background-repeat: no-repeat;
    float: left;
    height: 27px;
    width: 376px;
    margin-right: 2px;
    margin-left: 2px;
    text-transform: uppercase;
    text-align: center;
    font-family: "Gotham Bold";
    font-size: 14px;
    color: #515151;
    padding-top: 11px;
}

.smallertop {
    padding-top: 5px;
    height: 33px;
}

.smallerbanner {
    font-size: 10px;
    display: block;
    margin-top: 1px;
}

.searchabovetext {
font-family: "GothamBook";
text-align: center;
color: #597b2c;
font-size: 15px;
padding-top: 12px;
line-height: 23px;
}

.searchheader {
float: left;
width: 628px;
padding-left: 30px;
}

.searchinputback {
    background-image: URL("/images/search-box-header-back.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 288px;
    display: block;
    margin-left: 174px;
    margin-top: 7px;    
}

.searchinputback input {
    border: 0px;
    color: #ffffff;
    font-family: "GothamBook";
    font-size: 13px;
    background-color: transparent;
    margin-left: 31px;
    margin-top: 4px;    
    width: 242px;
}

.overTxtLabel {
    color: #ffffff;
    font-family: "GothamBook";
    font-size: 13px;
    margin-top: -1px;
    margin-left: -3px;
}

.searchinputback input:focus {outline:0;}

.headerfunctionality {
    float: right;
    color: #5b5b5b;
    font-size: 13px;
    font-family: "Trade Gothic Next LT Pro Cn";
    text-transform: uppercase;
    padding-top: 2px;
}

.allfunctionalitycontent {
    float: right;
    margin-right: 45px;
}

.allfunctionalitycontent a {
    color: #5b5b5b;
    text-decoration: none;
}

.allfunctionalitycontent a:hover {
    text-decoration: underline;
}

img.golfbag {
    float: right;
    margin-top: 30px;
    margin-right: 5px;
}

.yourcart {
    margin-top: 8px;
    clear: both;
    overflow: hidden;
    text-align: right;
}

.loginorregister {
    margin-top: 13px;
    clear: both;
    overflow: hidden;
}

.loginorregister a {
    float: right;
}

.headerloginsep {
    margin-left: 4px;
    margin-right: 4px;
    float: right;
    display: block;
    width: 2px;
    height: 15px;
    margin-top: 2px;
    background-image: URL("/images/header-login-sep.gif");
    background-repeat: repeat-y;
}

.commentstitle {
    font-size: 17px;
    color: #597b2c;
    font-family: "Trade Gothic Next LT Pro Cn";
    padding-left: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
    text-transform: uppercase;
}

.sidebarclose {
    position: absolute;
    top: 9px;
    right: 9px;
    height: 20px;
    width: 20px;
    background-image: URL("/images/sidebar-close.gif");
    background-repeat: no-repeat;
    display: block;   
    cursor: pointer;
}

.commentcontainer {
    width: 172px;
    float: left;
    background-image: URL("/images/comment-quote.gif");
    background-repeat: no-repeat;
    background-position: 19px 10px;
    padding-left: 46px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    line-height: 16px;
}

.commentcontainer:last-child {
    border-bottom: none;
}

span.maincomment {
    font-size: 12px;
    color: #515151;
    font-family: "GothamBook";
}

span.commentnameanddate {
    color: #a8a8a8;
    font-size: 11px;
    font-family: "Gotham Bold";
    display: block;
    clear: both;
    overflow: hidden;
}

#sidebarfilter {
    margin-left: 0px;
    clear: both;
    overflow: hidden;
    display: block;
}

#sidebarfilter2 {
    position: relative;
    width: 100%;
    clear: both;
    display: none;
    z-index: 5000;
}

.sidebarfiltertop {
    background-image: URL("/images/sidebar-filter-top.png");
    background-repeat: no-repeat;
    height: 7px;
    width: 224px;
    display: block;
}

.sidebarfiltermiddle {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
    font-family: "Poppins";
    font-size: 12px;
    color: #333333;
}

#sidebarfilter2 .sidebarfiltertop{
    width: 100%;
    clear: both;
    overflow: hidden;
    background-image: URL("/images/internal-sidebar-filter-top.png");
    background-repeat: repeat-x;
    height: 4px;
}

.slideoutposition {
    position: absolute;
    top: 95px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

#sidebarfilter2 .internalfiltermaincontent{
    width: 100%;
    clear: both;
    overflow: hidden;
    background-color: #ffffff;
    background-image: none;
        font-family: "GothamBook";
    font-size: 13px;
    color: #414141;
    padding-bottom: 20px;
}

.internalfilterheader {
    clear: both;
    overflow: hidden;
    background: #ffffff;
    padding: 10px 0px;
    cursor: pointer;
}

.arrowdown .internalfilterarrow {
    background-position: 0px -4px;
}

.internalfilterheadercontent {
    font-size: 16px;
    color: #000000;
    font-family: "Trade Gothic Next LT Pro Cn";
    text-transform: uppercase;
        float:left;
	position:relative;
	left:50%;
}

.internalcsshack {
    float:left;
    position:relative;
    left:-50%;    
}

.internalfilterheadercontent p {
    float: left;
    padding: 0px;
    margin: 0px;
    display: block;
}

.internalfilterarrow {
    height: 4px;
    width: 8px;
    margin-top: 9px;
    margin-left: 11px;
    display: block;
    float: left;
    background-image: URL("/images/internal-filter-arrow.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#sidebarfilter2 .sidebarfilterbottom{
    position: relative;
    width: 100%;
    clear: both;
    overflow: hidden;
    background-image: URL("/images/internal-sidebar-filter-bottom.png");
    background-repeat: repeat-x;
    height: 4px;    

}

.sidebarfilterbottom {
    background-image: URL("/images/sidebar-filter-bottom.png");
    background-repeat: no-repeat;
    height: 11px;
    width: 224px;
    display: block;
}

.indivfiltercontainer {
        -webkit-transition: height 1s;
    -o-transition: height 1s;
    -ms-transition: height 1s;
    -moz-transition: height 1s;
    transition: height 1s;
    border-bottom: 1px solid #113256;
    clear: both;
    overflow: hidden;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-left: 1px;
    margin-right: 3px;
    position: relative;
}

.filterboxboth {
    display: flex;
    margin-bottom: 8px;
}

.sidebarclearall {
    color: #333333;
    opacity: 0.6;
    font-size: 11px;
    font-family: "Poppins";
    cursor: pointer;
}

.internalindivfiltercontainer {
    float: left;
}

.elementdropdown {
    clear: both;
    overflow: hidden;    
    padding-top: 12px;
}

.elementcolumn {
    float: left;
    width: 250px;
}

.elementcolumn:first-child {
    padding-left: 73px;
}

.indivfiltercontainer:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.optcheckbox {
    background-image: URL("/img/checkbox.png");
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    display: block;
    background-position: 0px 0px;
}

.optselected .optcheck .optcheckbox {
    background-image: URL("/img/checkboxticked.png");
}

.optselected .opttitle {
    color: #597b2c;
}

.optandval {
    cursor: pointer;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
}

.optcheck {
    width: 18px;
    margin-right: 5px;
}

.opttitle {
}

.elementdropdown .opttitle {
    width: 170px !important;
}

.readmoreless {
    padding-left: 16px;
    cursor: pointer;
    margin-top: 3px;
    font-weight: bold;
}

.readmoreless span:nth-child(2)
{
    margin-left: 5px;
}

.heightfix {
    clear: both;
    overflow: hidden;
}

.filterboxtitle {
    font-family: "Poppins";
    font-size: 11px;
    color: #206A5D;
    flex-grow: 1;
    font-weight: bold;
}

.internalfilterboxtitle {
    font-family: "Trade Gothic Next LT Pro Cn";
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    clear: both;
    overflow: hidden;
    float: left;
    width: 220px;
    padding-top: 10px;
    height: 22px;
    border-bottom: 1px solid #e2e1e4;
    margin-bottom: 10px;
    margin-right: 22px;
    background-image: URL("/images/internal-listing-plus-minus.png");
    background-repeat: no-repeat;
    background-position: 202px -16px;
    cursor: pointer;
}

.filteroptionslideoutcontainer {
   clear: both;
    overflow: hidden;
    width: 100%;    
}

.filteroptionslideout {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.titleexpanded {
    background-position: 202px 14px;
}

.internalindivfiltercontainer:nth-child(5n+1), .internalindivfiltercontainer:first-child {
    margin-left: 93px;
}

.morelessarrows {
    display: block;
    float: left;
    margin-top: 1px;
}

.morelesstext {
    display: block;
    float: left;
}

.updatecsshack {
        float:left;
    position:relative;
    left:50%;
}

.updateresultsbutton {
    height: 26px;
    border: 1px solid #b6b5b9;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    float:left;
    cursor: pointer;
    position:relative;
    left:-50%;
    background-image: URL("/images/update_results_back.gif");
    background-repeat: repeat-x;
    padding: 9px 5px 0px 5px;
    font-family: "Gotham Bold";
    font-size: 12px;
    text-transform: uppercase;
    color: #515151;
}

.titleandclear {
    clear: both;
    overflow: hidden;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.summarytitle {
    font-family: "Poppins";
    font-size: 11px;
    color: #206A5D;
    flex-grow: 1;
    font-weight: bold;
}

.summaryclear {
    cursor: pointer;
    text-decoration: underline;
    font-size: 11px;
    color: #333333;
    font-family: "Poppins";
    opacity: 0.6;
}

.summaryclear:hover {
    text-decoration: none;
}

.summaryitemcont {
    margin-bottom: 4px;
    clear: both;
    overflow: hidden;
    cursor: pointer;
}

.summaryitemtitle {
    float: left;
}
.summaryitemcross {
    background-image: URL("/images/summary-close-btn.png");
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    float: right;
}

.internalsummaryitemholder .summaryitemcont{
    float: left;
    margin-top: 8px;
    clear: none;
    background-color: #dad8d8;
    border-radius: 10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 10px;
    padding-right: 10px;
}

.internalsummaryitemholder .summaryitemcross{
    margin-left: 7px;
    margin-top: 1px;
}

.internalsummaryitemholder .summaryitemtitle{
    font-family: "GothamBook";
    font-size: 13px;
    color: #414141;
}



.internalsummarytitle {
    float: left;
    width: 195px;
    font-family: "Trade Gothic Next LT Pro Cn";
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-top: 6px;
}



.internalsummaryitemholder {
    float: left;
    width: 850px;
}


.internalsummaryclear {
    float: right;
    cursor: pointer;
    text-decoration: underline;
    font-size: 13px;
    color: #597b2c;
    font-family: "GothamBook";
    margin-top: 10px;
}

.internalsummarycont {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.internalsummarytop {
width: 100%;
clear: both;
overflow: hidden;
background-image: URL("/images/internal-sidebar-filter-top.png");
background-repeat: repeat-x;
height: 4px;    
}

.internalsummarybottom {
    position: relative;
width: 100%;
clear: both;
overflow: hidden;
background-image: URL("/images/internal-sidebar-filter-bottom.png");
background-repeat: repeat-x;
height: 4px;
}

.internalsummarymiddle {
    background: #ffffff;
}

.productpagetop {
    width: 100%;
clear: both;
overflow: hidden;
background-image: URL("/images/internal-sidebar-filter-top.png");
background-repeat: repeat-x;
height: 4px;
}

.productpagemaincontent {
    clear: both;
    overflow: hidden;
    background-color: #ffffff;
    padding: 0px 35px;
}

.breadcrumbback {
    clear: both;
    overflow: hidden;
    font-family: "Poppins";
    font-size: 12px;
    color: #333333;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.breadcrumbback a {
    color: #333333;

}

.backchevron {
    background-image: URL("/img/chevron-icon.svg");
    background-repeat: no-repeat;
    background-position: center right;
    width: 10px;
    height: 10px;
    transform: rotate(
            180deg
    );
}

.prodpageleftandright {
    clear: both;
    overflow: hidden;
    display: flex;
}

.prodpageleft {
    width: 50%;
    padding-right: 32px;
    box-sizing: border-box;
}

.prodpageright {
    width: 50%;
}

.mzoommaincontainer {
    width: 100%;
    position: relative;
    display: flex;
}

.mzoomcenterer {
    position: relative;
}

.mzoomcsshack {
    position: relative;
}

.mzoomthumbs {
margin-top: 40px;
margin-bottom: 10px;
position: relative;
}

.mzoomthumbcsshack {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.mzoomthumbs .mzoomthumbcsshack a {
min-width: 70px;
    margin-bottom: 20px;
}

.thumbnailoption {
    border: 1px solid #ffffff;
}

.thumbactive {
    border: 1px solid #858585 !important;
}

.toprightprod {
    clear: both;
    overflow: hidden;
}

.toprightinfo {
    float: left;
    width: px;
}

.toprightinfo h1 {
    color: #333333;
    font-family: "Poppins";
    font-size: 32px;
    margin: 0px;
    padding: 0px;
}

.cartitems {
    padding-left: 5px;
    font-family: 'Poppins';
    color: #206A5D;
    font-weight: bold;
}

.pricecontainer {
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 21px;
    color: #333333;
    text-transform: uppercase;
    padding-top: 6px;

}

.actualprice {
    color: #c81d1d;
}

.prodpagereviewboth {
    clear: both;
    overflow: hidden;
    padding-top: 6px;
}

.reviewstars {
    float: left;
    margin-right: 10px;
}

.pagingitem, .pagingsep  {
    float: left;
        border: none;
    padding: 5px;
    margin-right: 10px;
}

.pagingitem {
    cursor: pointer;
}



.unclickable {
    cursor: default;
}

.pagingcont {
    margin-bottom: 40px;
    font-family: "Poppins";
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

#pagingarea {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.pagingprev {
    width: 10px;
    background-image: url(../img/chevron-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(
            180deg
    );
}

.pagingnext {
    width: 10px;
    background-image: url(../img/chevron-icon.svg);
    background-repeat: no-repeat;
}

#noofitems {
    display: none;
    flex-grow: 1;
    font-size: 20px;
    font-weight: bold;
}

.footertop {
    font-family: "Poppins";
    color: #113256;
    font-size: 12px;
    display: flex;
    padding: 0px 20px;
}

.footertop div {
    width: 25%;
    box-sizing: border-box;
    line-height: 25px;
}

.footerbottom {
    font-family: "Poppins";
    color: #113256;
    font-size: 12px;
    border-top: 1px solid rgba(17,50,86,0.2);
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
}

.footerbottom div {
    flex-grow: 1;
}

.footerbottom a {
    display: block;
    margin-right: 10px;
}

.footerbottom a:last-of-type {
    margin-right: 0px;
}

.fcollogo img {
    display: block;
}

.fcollogo {
    flex-grow: 1;
}

.fcollogo img:nth-of-type(2) {
    margin-top: 20px;
}

.spagecolumns .prodlistingitemcontainer {
    width: calc(20% - 16px);
    margin-right: 20px;
}

.spagecolumns .prodlistingitemcontainer:nth-of-type(5n) {
    margin-right: 0px;
}

.spagecolumns #noofitems {
     padding-left: 0px;;
    font-family: "GothamBook";
    color: #515151;
    font-size: 12px;
    float: left;
    margin-bottom: 10px;
}

.intpaging .pagingcont {
    padding-left: 300px;
}

.reviewnoofcustomers {
    float: left;
    font-family: "GothamBook";
    font-size: 13px;
    color: #515151;
    padding-top: 4px;
}

.prodpagesep {
    height: 1px;
    width: 100%;
    display: block;
    background-color: #e2e1e4;
    margin-top: 18px;
    margin-bottom: 13px;
}

.specholder {
    display: flex;
    margin-top: 17px;
}

.spectitle {
    color: #000000;
    font-size: 16px;
    font-family: "Poppins";
    text-transform: uppercase;
    clear: both;
    overflow: hidden;
}

.specitems {
    flex-grow: 1;
}

.specitem {
    display: flex;
}

.specitemtitle {
    font-family: "Poppins";
    color: #333333;
    opacity: 0.6;
    font-size: 13px;
    flex: 0 0 140px;
}

.specitemvalue {
    font-family: "Poppins";
    color: #333333;
    font-size: 13px;
}

.conditionsection {
    flex: 0 0 150px;
}

.flagboth {
    clear: both;
    overflow: hidden;
    display: flex;
}

.justflag {
    width: 26px;
    margin-right: 7px;
    margin-top: 3px;
}

.flaglocation {
    flex: 0 0 140px;
    color: #333333;
    font-family: "Poppins";
    font-size: 13px;
    opacity: 0.6;
}

.blueback #noofitems {
    display: none !important;
}

.flagfinallocation {
    color :#333333;
    font-family: "Poppins";
    display: flex;
    font-size: 13px;
    align-items: flex-start;
}

.guaranteelogo {
    background-image: URL("/images/guarantee-sticker.gif");
    background-repeat: no-repeat;
    background-position: 18px 32px;
    float: left;
    width: 108px;
    height: 139px;
    display: block;
}

.custombox {
    clear: both;
    overflow: hidden;
    border: 1px solid #b6b5b9;
    margin-top: 20px;
}

.customgripbox {
    display: flex;
    background-color: #0091DE;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    color: #ffffff;
    font-family: "Poppins";
    align-items: center;
    margin-top: 25px;
}

.customtitleboth {
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
}

#customiseinfoswap {
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.customtitle {
    font-size: 24px;
    font-weight: bold;
    line-height: 27px;
}

.guaranteebox {
    margin-top: 12px;
    margin-bottom: 45px;
}

.customlogo {
    background-image: URL("/images/free-regripping.gif");
    background-repeat: no-repeat;
    background-position: 18px 32px;
    float: left;
    width: 108px;
    height: 139px;
    display: block;
}

.customtext {
    float: left;
    width: 490px;
}

.speccondtitle {
    flex: auto;
    opacity: 1;
    padding-right: 5px;
}

.speccondval {
    width: 100%;
}

.guaranteetext {
    width: 300px;
}

.new_guarantee {
    font-family: Poppins;
    color: #333333;
    font-size: 12px;
    margin-top: 25px;
    padding-left: 26px;
    background-image: url(/img/icon-award.svg);
    background-repeat: no-repeat;
}

.new_guarantee a , .new_delivery a {
    color: #333333;
    opacity: 0.6;
    text-decoration: underline;
}

.gtxt {
    padding-right: 4px;
}

.new_delivery {
    font-family: Poppins;
    color: #333333;
    font-size: 12px;
    margin-top: 10px;
    padding-left: 26px;
    background-image: url(/img/icon-truck.svg);
    background-repeat: no-repeat;
    background-position: top 3px left;
}

.custombutton {
    font-family: "Poppins";
    font-weight: bold;
    color: #456F95;
    font-size: 12px;
    background-color: #FFFFFF;
    cursor: pointer;
    padding: 10px 30px;
    border-radius: 5px;
    box-shadow: 0px 2px 0px 0px rgb(30 106 93);
}

.guaranteebuynow {
    cursor: pointer;
}

.guaranteebuynowinner {
    border: 1px solid #ffffff;
    background-image: URL("/images/buynow-inner.gif");
    background-repeat: repeat-x;
    font-family: "Gotham Bold";
font-size: 30px;
color: #ffffff;
height: 40px;
padding-top: 4px;
min-width: 155px;
padding-left: 10px;
text-transform: uppercase;
padding-right: 10px;
text-align: center;
}

.vanandmessage {
    clear: both;
    overflow: hidden;
    margin-top: 12px;
}

.deliveryvan {
    float: left;
    height: 16px;
    width: 32px;
    background-image: URL("/images/delivery-van.gif");
    background-repeat: no-repeat;
    display: block;
    margin-top: 1px;
}

.deliverymessage {
    font-family: "Gotham Bold";
    font-size: 13px;
    color: #515151;
    float: left;
    margin-left: 3px;
    margin-bottom: 10px;
    width: calc(100% - 35px);
}

.deliveryred {
    color :#c81d1d;
}


#tabBoxExample {}
#tabBoxExample .tabSet {
	width: 100%;
    margin: 0px;
    padding: 25px 0px;
    margin-top: 25px;
    display: flex;
    font-family: "Poppins";
    font-size: 16px;
    justify-content: space-around;
    border-top: 1px solid #113256;
    border-bottom: 1px solid #113256;
}


#tabBoxExample .tabSet li:before {
	content: "" !important;
}

#tabBoxExample .tabSet li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}	


#tabBoxExample .tabSet li a {
	display: block;
}

#tabBoxExample .tabSet li.on {

}

#tabBoxExample .panelSet {
	padding: 25px 10px 25px 10px;
        margin-bottom: 50px;
        font-family: "Poppins";
        font-size: 13px;
        color: #333333;
}

#tabBoxExample .panelSet p{
	padding: 0px;
        margin: 0px;
        clear: both;
        overflow: hidden;
}

#tabBoxExample .panelSet dt.stretchtoggle div.dtRight {
	background: #fff url(/wp-content/themes/clientsidev2/art/acdn-headr-back.gif) right no-repeat;
}

.reviewprodcontainer {
    clear: both;
    overflow: hidden;
    padding-bottom: 8px;
    padding-top: 8px;
}

.reviewprodstars {
    float: left;
    margin-right: 10px;
    width: 100px;
}

.reviewprodtext {
    float: left;
    width: 870px;
}

.socialbuttons {
    clear: both;
overflow: hidden;
padding-top: 10px;
padding-left: 46px;
}

.mainshoppingcart {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mainshoppingtop {
    background-image: URL("/images/shoppingcontainer-top.png");
    background-repeat: no-repeat;
    height: 6px;
    width: 950px;
    display: block;
}

.mainshoppingmiddle {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
}

.mainshoppingbottom {
    background-image: URL("/images/shoppingcontainer-bottom.png");
    background-repeat: no-repeat;
    height: 7px;
    width: 950px;
    display: block;
}

.cartheaders {
    color: #000000;
    font-family: "Trade Gothic Next LT Pro Cn";
    text-transform: uppercase;
    font-size: 16px;
    clear: both;
    overflow: hidden;
    padding-top: 3px;
}

.productheader {
    float: left;
    width: 691px;
    padding-left: 37px;
}

.totalheader {
    float: left;
    width: 218px;
    text-align: center;
}

.totalcontent {
    flex: 0 0 200px;
    text-align: center;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cartsep {
    height: 1px;
    width: 100%;
    background-color: #e2e1e4;
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: 10px;
}

.maintitlestyle {
    color: #333333;
    font-family: "Poppins";
    font-size: 32px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.imageandtextcss {
}

.maintitletext {
}

.loginpadlock{ 
float: left;
width: 18px;
height: 22px;
background-image: URL("/images/padlock.gif");
background-repeat: no-repeat;
display: block;
margin-top: 9px;
margin-left: 10px;
}

.nopos {
    left: 0 !important;
}

.loginbuttonholder {
    display: flex;
    justify-content: flex-start;
}

#loginbutton, #createbutton {
    display: inline-block;
}

.buttonmargin {
    margin-top: 20px;
}

.loginc {
    margin-bottom: 20px;
}

.loginb {
    margin-bottom: 60px;
}

.backbuttonholder {
    float: left;
    padding-left: 34px;
    padding-bottom: 10px;
    padding-top: 4px;
}

.shopcarttitle {
    color: #333333;
    font-family: "Poppins";
    font-size: 32px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 30px;
    padding-top: 20px;
    text-align: left;
    font-weight: bold;
    padding-left: 20px;
}

.productcontent {
    width: 100%;
    display: flex;
}

.shopprodimage img{

}

.indivshopcartproduct {
    padding: 25px;
    border: 1px solid #E4E4E4;
    margin-bottom: 20px;
    display: flex;
    box-sizing: border-box;
}

.checkoutcartshopcartproduct {
    display: flex;
    box-sizing: border-box;
    padding-bottom: 20px;
}

.shopprodimage {
    flex: 0 0 160px;
}

.shopprodimagecart {
    flex: 0 0 80px;
}

.shopprodimagecart img {
    width: 100%;
}

.shopprodtext {
    width: 100%;
    padding-left: 20px;
    box-sizing: border-box;
}

.shopprodtext h2 {
    color: #333333;
    font-size: 16px;
    font-family: "Poppins";
    margin: 0px;
    padding-bottom: 8px;
}

.indivcrtitem {
    color: #333333;
    font-size: 12px;
    font-family: "Poppins";
    margin: 0px;
    padding-bottom: 8px;
    font-weight: bold;
}

.sprodtxttop {
    display: flex;
}

.sprodtxtbottom {
    display: flex;
}

.sprodleft {
    width: 100%;
    padding-right: 15px;
    word-break: break-all;
}

.sprodright {
    flex: 0 0 60px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.cartclubattributes {
    clear: both;
    overflow: hidden;
    padding-top: 20px;
    display: flex;
}

.ccattall {
    width: 100%;
}

.ccattleft {
    width: 50%;
}

.ccattright {
    width: 50%;
}

.cartdelbtn {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 24px;
    background-image: URL("/img/deletecross.svg");
    background-repeat: no-repeat;
    background-position: center right;
    font-family: "Poppins";
    font-size: 12px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ccattitemholder {
    clear: both;
    overflow: hidden;
    padding-bottom: 3px;
    display: flex;
}

.ccattitemleft {
    flex: 0 0 110px;
    font-family: "Poppins";
    font-size: 11px;
    color: #333333;
    opacity: 0.6;
}

.ccattitemright {
    width: 100%;
    font-family: "Poppins";
    font-size: 11px;
    color: #333333;
}

.ccattright .ccattitemholder {
    flex-wrap: wrap;
}

.ccattright .ccattitemright {
    flex: 0 0 100%;
    margin-top: 5px;
    display: flex;
}

.ccattright .ccattitemright img {
    margin-right: 5px;
}

.ccattright .ccattitemholder:last-of-type {
    padding-top: 12px;
}

.allcon {
    display: flex;
}

.bothcon {
    margin-right: 7px;
}

.scartprice {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #333333;
    font-family: "Poppins";
    font-weight: bold;
    font-size: 24px;
}

.scartboth {
    width: 100%;
}

.scartdropdown {
    padding-top: 7px;
}

.scartupdate, .scartdelete {
    width: 100%;
    position: relative;
    cursor: pointer;
    font-family: "Poppins";
    font-size: 11px;
}

.scartupdate {
    padding-top: 5px;
}

.updelbtn {
    background-image: URL("/images/updelback.png");
    background-repeat: repeat-x;
    height: 23px;
    border: 1px solid #c8c8c9;
    display: block;
    color: #404140;
    font-family: "Gotham Bold";
    font-size: 15px;
    min-width: 89px;
    text-transform: uppercase;
    padding: 5px 10px 0px 10px;
    float: left;
    left: -50%;
    position: relative;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
}

.updelbtn:hover {
   text-decoration: none;
   color: #404140;
}

.guaranteeandtotals {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 30px;
    display: flex;
}

.scartguaranteeframe {
    height: 139px;
    width: 644px;
    display: block;
    border: 1px solid #b6b5b9;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.scartguaranteeimage {
    background-image: URL("/images/large-guarantee.png");
    background-repeat: no-repeat;
    height: 139px;
    width: 139px;
    background-position: 10px 10px;
    display: block;
    float: left;
}

.scartguaranteetext {
    float: left;
    width: 490px;
    font-family: "GothamBook";
    font-size: 11px;
    color: #515151;
}

.scartguaranteetext h3{
    color: #515151;
    font-size: 16px;
    font-family: "Trade Gothic Next LT Pro Cn";
    text-transform: uppercase;
}

.scartguaranteetext p{
    margin: 0px;
    font-family: "GothamBook";
    font-size: 11px;
    color: #515151;
    line-height: 17px;
}

.scartguaranteetext p a{
    color: #597b2c;
}

.scartguaranteeholder {
    width: 100%;
}

.scartguaranteetop {
    width: 710px;
    background-image: URL("/images/scart-guarantee-top.png");
    background-repeat: no-repeat;
    height: 5px;
    display: block;
    clear: both;
    overflow: hidden;
}

.scartguaranteemiddle {
    width: 710px;
    background-image: URL("/images/scart-guarantee-middle.png");
    background-repeat: repeat-y;
    display: block;
    clear: both;
    overflow: hidden;
}

.scartguaranteebottom {
    width: 710px;
    background-image: URL("/images/scart-guarantee-bottom.png");
    background-repeat: no-repeat;
    height: 6px;
    display: block;
    clear: both;
    overflow: hidden;
}

.scarttotalsholder {
    width: 320px;
    margin-left: 18px;
}

.scarttotalstop {
    width: 222px;
    background-image: URL("/images/scart-totals-top.png");
    background-repeat: no-repeat;
    height: 5px;
    display: block;
    clear: both;
    overflow: hidden;
}

.scarttotalsmiddle {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.scarttotalsbottom {
    width: 222px;
    background-image: URL("/images/scart-totals-bottom.png");
    background-repeat: no-repeat;
    height: 6px;
    display: block;
    clear: both;
    overflow: hidden;
}

.scarttotalstitle {
    font-size: 18px;
    font-weight: bold;
    flex-grow: 1;
    font-family: "Poppins";
    text-align: left;
}

.shipsubtext {
    width: 100%;
    font-size: 12px;
    font-family: "Poppins";
    color: #333333;
    padding-top: 3px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #333333;
}

.locktext {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.ltextcontent {
    background-image: url("/img/lock.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    font-family: "Poppins";
    color: #333333;
    font-size: 10px;
}

.scarttotalsvalue {
    font-size: 18px;
    font-weight: bold;
    font-family: "Poppins";
    text-align: right;
}

.allcrttotals {
    display: flex;
    flex-wrap: wrap;
}

.crttotal {
    display: flex;
    width: 100%;
    padding-top: 15px;
}

.crttotalgreen {
    color: #206A5D;
    border-top: 1px solid #113256;
    margin-top: 15px;
}

.checkoutbuynow {
    float: left;
    left: -50%;
    position: relative;
    border: 1px solid #5a7c2e;
    cursor: pointer;
}

.checkoutcsshack {
    position: relative;
    left: 50%;
    float: left;
}

.checkoutbuynowinner {
    border: 1px solid #ffffff;
    background-image: URL("/images/buynow-inner.gif");
    background-repeat: repeat-x;
    font-family: "Gotham Bold";
font-size: 30px;
color: #ffffff;
height: 40px;
padding-top: 4px;
min-width: 155px;
padding-left: 10px;
text-transform: uppercase;
padding-right: 10px;
text-align: center;
}

.checkoutbuttoncont {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 30px 10px 30px;
    clear: both;
    overflow: hidden;
    background-color: #4EC53E;
    color: #ffffff;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 7px;
    box-shadow: 0px 2px 0px 0px rgb(30 106 93);
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.noproducts {
    margin-bottom: 30px;
    margin-top: 10px;
    font-family: "Gotham Bold";
    font-size: 13px;
    text-align: center;
}

.inputfieldcontainer {
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
    margin-bottom: 15px;
}

.inputfieldcontainer label {
    font-family: "Poppins";
    font-size: 12px;
    color: #206A5D;
    font-weight: bold;
    width: 100%;
    margin-bottom: 3px;
}

.dotcontainer {
    font-size: 11px;
    font-family: "Poppins";
    color: #a20000;
    position: absolute;
    top: 0px;
    right: 14px;
}

.inputfieldcontainer input, .inputfieldcontainer select {
    height: 37px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 15px;
    border: 1px solid rgba(51,51,51,0.3);
    font-family: "Poppins";
    font-size: 12px;
    border-radius: 7px;
}

.inputfieldcontainer textarea {
    width: 100%;
    border: 1px solid rgba(51,51,51,0.3);
    font-size: 12px;
    font-family: "Poppins";
    border-radius: 7px;
}

.wantederror {
    padding-bottom: 20px;
    text-align: center;
    color: #ff0000;
}

.inputfieldcontainer select {
    width: calc(50% - 10px);
    box-sizing: border-box;
    padding-left: 5px;
}

.inputfieldcontainertextarea {
    height: 140px;
    width: 876px;
    display: block;
    background-image: URL("/images/textarea-contact-back.gif");
    background-repeat: no-repeat;
    position: relative;
    float: left;
}

.gezochttitle {
    padding-bottom: 0px;
}

.magazincart {
    padding: 20px;
}

.shopphotos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.inputfieldcontainertextarea textarea {
    border: 0px;
    background: transparent;
    height: 128px;
    width: 100%;
    margin-left: 0px;
    padding-top: 12px;
    font-family: "GothamBook";
    font-size: 13px;
    color: #b6b5b9;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    background-color: #f9f9f8;
    box-sizing: border-box;
    padding: 15px;
    }

.inputdropdownfieldcontainer {
    height: 24px;
    width: 288px;
    display: block;
    position: relative;
}

.contactpage {

}

.contactpage .inputfieldcontainertextarea {
    width: 100%;
    box-sizing: border-box;
}

.inputfieldcontainertextarea .overTxtLabel {
    margin: 0px;
    font-family: "GothamBook";
    font-size: 13px;
    color: #b6b5b9;
    margin-top: 15px;
    margin-left: 15px;
}


input:focus {
outline-width: 0;
}

.emailfield {
    float: left;
    width: 370px;
    margin-bottom: 10px;
}

.passwordfield {
    float: left;
    width: 300px;
    margin-bottom: 10px;
}

.loginfields {
    display: flex;
    flex: 0 0 66.666%;
    flex-wrap: wrap;
}

.loginfieldsection {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.paymenttypes {
    display: flex;
    flex-wrap: wrap;
    font-family: "Poppins";
    font-size: 12px;
}

.pside {
    flex: 0 0 33.333%;
    box-sizing: border-box;
    padding-right: 30px;
    font-family: "Poppins";
    font-size: 12px;
    color: #113256;
    line-height: 22px;
}

.password_forgotten_cont {
    float: right;
    padding-top: 7px;
    padding-right: 10px;
}

#termsagree {
    margin-right: 8px;
}

.approvebox a {
    padding-top: 1px;
}

.password_forgotten_cont a {
    color: #113256;
    font-family: "Poppins";
    opacity: 0.5;
    font-size: 12px;
}

.inputfieldcontainer .overTxtLabel {
    margin: 0px;
    font-family: "GothamBook";
font-size: 13px;
color: #b6b5b9;
margin-top: 3px;
}

.bothfieldscreate {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.loginbuttonlasttext {
    color: #113256;
    font-family: "Poppins";
    padding-left: 10px;
    font-size: 11px;
    display: flex;
    align-items: center;
}

.createaccountmessage {
color: #a20000 !important;
}

.shippingmessage {
    color: #a20000 !important;
    padding-bottom: 15px;
}

td.messageStackError {
    color: #a20000;
    font-family: "Poppins";
    font-size: 12px;
}

.smallred {
    font-size: 11px;
    font-family: "Poppins";
    color: #a20000;
}

.fullfield {
    width: 100%;
}


.shipinternaltitle {
    color: #000000;
    font-size: 16px;
    font-family: "Trade Gothic Next LT Pro Cn";
    text-transform: uppercase;
    padding-left: 38px;
    display: flex;
}

.pickupleft {
    width: 60%;
}

.pickupright {
    width: 40%;
}

.mobilearrow {
    display: none;
}

.shippingoption {
    display: flex;
    font-family: "Poppins";
    font-size: 12px;
    width: 50%;
    flex-wrap: wrap;
    color: #113256;
    margin-bottom: 30px;
}

.shippingelementprice {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
}

.shippingelementboth {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.shippingelement:first-of-type {
    margin-right: 5px;
}

.shippingelement input {
    margin: 0px;
}

.commentsholder {
width: 100%;
}

#continuebutton {
    margin-left: 0px;
    display: inline-block;
}

.commentsholder textarea {
    border: 1px solid rgba(51,51,51,0.333);
    border-radius: 6px;
    width: 100%;
    height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.commentstextarea:hover {
    outline: none;
}

textarea:hover {
    outline: none;
}

.greentotal {
    color: #206A5D;
}

.halfshoppingcart {
    width: 50%;
    padding: 20px;
    border: 1px solid #E4E4E4;
    border-radius: 7px;
    box-sizing: border-box;
}

.noborder {
    border: 0px;
    padding: 0px;
}

.noborder .loginfieldsection {
    margin-top: 0px;
}

.paycartbox {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

.bordererror {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}

.cartleftbit {
    width: calc(60% - 10px);
    box-sizing: border-box;
    margin-right: 10px;
    align-content: flex-start;
}

.payactcart {

    padding: 20px;
}

.paymentsub {
    margin-top: 20px;
}

.loginsubheader {
    font-family: "Poppins";
    font-size: 12px;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}

.cartrightbit {
    width: calc(40% - 10px);
    box-sizing: border-box;
    margin-left: 10px;
}

#checkoutbutton {
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-left: 0px;
}

.payflexing {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.advicemiddle {
    font-family: "Poppins";
    font-size: 12px;
}

.advicepara {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
}

.advicecontent b {
    clear: both;
    overflow: hidden;
    display: block;
}

.advicecontent {
    padding-left: 10px;
}

.allcrttotals {
    display: flex;
    flex-wrap: wrap;
}

.advicetitle {
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 0px;
}

.condtable {
    margin-bottom: 50px;
    font-family: "Poppins";
    font-size: 12px;
}

.advicelinks {

}

.paycartbox .loginheader {
    margin-bottom: 20px;
}

.payactcart .loginheader {
    margin-bottom: 20px;
}

#dyndiv {
    margin-top: -40px;
    margin-bottom: 60px;
}

.halfshoppingtop {
    background-image: URL("/images/shipbox-top.gif");
    background-repeat: no-repeat;
    height: 7px;
    width: 472px;
    display: block;
}

.halfshoppingmiddle {
}

.halfshoppingbottom {
    background-image: URL("/images/shipbox-bottom.gif");
    background-repeat: no-repeat;
    height: 7px;
    width: 472px;
    display: block;
}

.halfcartsep {
    height: 1px;
    width: 469px;
    background-color: #e2e1e4;
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: 10px;
} 

.addbtnclass {
    padding-top: 10px;
}

.shiplog {
    clear: both;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

.halfcartholders {
    clear: both;
    overflow: hidden;
}

.buttonplaceholder {
    height: 40px;
}

.qprodtitle {
    font-family: "Poppins";
    font-size: 48px;
    font-weight: bold;
    padding-bottom: 21px;
}

.addressdivclass {
    width: 195px !important;
    margin-left: 29px;
    margin-bottom: 10px;
}

.checkouterrorclass {
    font-family: "Poppins";
    font-size: 12px;
    color: #a20000;
    padding: 0px;
    margin: 0px;
}

.checkoutcompleteclass {
    font-family: "GothamBook";
    font-size: 13px;
    color: #515151;
    padding: 30px;
}

.paymenttext {
    order: 2;
    width: 100%;
}

.paymentradio {
    order: 1;
    flex: 0 0 30px;
}

.paymentoption {
    margin-top: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    width: 100%;
}

.approvebox {
    font-family: "Poppins";
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.finalpaymentsectionleft {
    float: left;
    width: 500px;
}

.fpaymentright {
    float: right;
}

.discountapply {
    float: left;
    margin-left: 16px;
}

.discountapply .updelbtn {
    margin-top: 0px;
}

.placeorderbutton {
    font-size: 22px !important;
    color: #ffffff !important;
    height: 35px !important;
    padding-top: 9px !important;
}

.addresscontentclass {
    font-family: "Poppins";
    font-size: 12px;
    color: #333333;
}

.paymentadd {
    line-height: 25px;
}

.shiplog2 {
    clear: both;
    overflow: hidden;
}

.halfshoppingmiddle p {
    padding-left: 10px;
    padding-right: 0px;
    font-family: "Poppins";
    font-size: 12px;
    margin-top: 0px;
    
}

.halfshoppingmiddle .productheader {
    width: auto;
}

#customisecontent {
    clear: both;
    overflow: hidden;
    display: none;
}

.blankdiv {
    position: fixed;
    top: 0;
    z-index: 99999;
    height: 100%;
    width: 100%;
    display: block;
    background-color: #000000;
    left: 0;
}

.modalwindow {
    z-index: 100000;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
}

.modaltop {
    background-image: URL("/images/modal-shoppingcontainer-top.png") !important;
}

.modalmiddle {
    background-image: URL("/images/modal-shoppingcontainer-middle.png") !important;
}

.modalbottom {
    background-image: URL("/images/modal-shoppingcontainer-bottom.png") !important;
}

.optcusttitle {
    float: left;
    width: 120px;
}
    
.optcustvalue {
    float: left;
}

.optcustboth {
    clear: both;
    overflow: hidden;
}

.optcustboth:first-child {
    margin-bottom: 2px;
}

#recentholder {
    padding-bottom: 50px;
}

.loggedincustomerdetails {
    display: none;
    padding: 0px 20px;
    text-align: center;
    padding-top: 10px;
    clear: both;
    overflow: hidden;
    font-family: "Trade Gothic Next LT Pro Cn";
    
}

.addsplit {
    height: 1px;
    width: 100%;
    background-color: #d0d0d0;
    clear: both;
    overflow: hidden;
    margin: 10px 0px;
}

#newcustomer {
    position: relative;
}

.newcustfield .overTxtLabel {
    color: #000000;
    font-family: "Trade Gothic Next LT Pro Cn";
    padding-top: 4px;
    font-size: 14px;
    padding-left: 5px;
}

#addcustbutton {
    float: none;
    left: 0;
    margin: 29px;
}

.allnewcustfields {
    clear: both;
    overflow: hidden;
        padding-top: 28px;
}

.newcustfield {
    float: left;
    margin-left: 60px;
}

.newcustfield input {
    height: 30px;
    width: 195px;
    font-family: "Trade Gothic Next LT Pro Cn";
    font-size: 14px;
    padding-left: 5px;
}

.buttonandquantity {
  display: flex;
    font-family: "Poppins";
    font-size: 14px;
    margin-top: 25px;
    align-items: center;
}

.dropdowncustholder {
    position: absolute;
    background-color: #ffffff;
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    max-height: 300px;
    overflow: hidden;
width: 298px;
    left: 428px;
    top: 190px;
    z-index: 1000;
    display: none;
}

.successsection {
    font-family: "Poppins";
    font-size: 12px;
    color: #333333;
    display: block;
}

.successcart {
    margin-bottom: 50px;
}

#shippingform {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
}

.indivcust {
    height: 22px;
    overflow: hidden;
    padding: 3px 10px;
    cursor: pointer;
    font-family: "Trade Gothic Next LT Pro Cn";
    border-bottom: 1px solid #dddddd;
}

#actualrecentproducts, #everydayessentials {
    margin-left: 0px;
    display: flex;
    padding: 0px 20px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#actualrecentproducts .prodlistingitemcontainer, #everydayessentials .prodlistingitemcontainer{
    //margin-left: 20px;
}

#actualrecentproducts .prodlistingitemcontainer:first-child, #everydayessentials .prodlistingitemcontainer:first-child {
    margin-left: 0px;
}

#everydayessentials .prodlistingitemcontainer{
    padding-bottom: 30px;
}

.subitemtitle {
    text-align: center;
    font-size: 20px;
}

.generaltextmiddle a.ceraBox {
    display: block;
    margin-bottom: 10px;
}


.generaltextmiddle {
    font-family: "Poppins";
    font-size: 12px;
    color: #333333;
    padding: 20px 35px;
}

.winkelright {
    float: right;
    width: 489px;
}

.winkelleft {
    float: left;
    width: 370px;
}

.ddownpos {
    clear: both;
    overflow: hidden;
    position: absolute;
    top: 46px;
    left: 0px;
    display: block;
    z-index: 105;
}

.wantedform .inputfieldcontainer select {
    width: 100%;
}

.ddownmenu {
    padding: 20px;
    font-family: "GothamBook";
    font-size: 13px;
    color: #515151;
    width: 1100px;
    display: none;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9));
background: -webkit-linear-gradient(top, #ffffff 0%,#d9d9d9 100%);
background: -o-linear-gradient(top, #ffffff 0%,#d9d9d9 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#d9d9d9 100%);
background: linear-gradient(to bottom, #ffffff 0%,#d9d9d9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 );    
}

.ddownelementcolumn {
    float: left;
    width: 180px;
}

.ddownelementcolumn a {
    display: block;
    margin-bottom: 2px;
}

.headcoverwarning {
    font-family: "Poppins";
    font-size: 12px;
    color: #333333;
    opacity: 0.6;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ddowntitle {
    color: #597b2c;
    font-size: 30px;
    font-family: "Trade Gothic Next LT Pro Cn";
    text-transform: uppercase;
    margin-bottom: 15px;
    border-bottom: 1px solid #597b2c;
    padding-bottom: 5px;
}

.indivnewsdate {
    color: #597b2c;
    font-size: 11px;
    font-family: "Gotham Bold";
}

.indivnewstext {
    color: #515151;
    font-size: 13px;
    font-family: "GothamBook";
}

.indivnewsitem {
    padding-left: 95px;
    padding-right: 95px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.masternewscontainer {
    clear: both;
    overflow: hidden;
    position: relative;
}

#newsslider {
    position: absolute;
    top: 0;
    left: 0;
}

.contactpage {
    padding-top: 20px;
    padding-bottom: 15px;
}

.continueshoppingbtn {
    left: 0;
}

.overalloptioncontainer {
    border: 1px solid #e2e1e4;
    width: 866px;
    float: left;
margin-bottom: 25px;
}

.overalloptioncontainer p {
    padding-top: 5px;
    padding-left: 10px;
}

#extinfo {
        display: none;
        padding: 20px;
        font-family: "GothamBook";
        color: #000000;
        font-size: 12px;
}

.nooverflow {
    clear: none;
    overflow: initial;
}

.overalloptionarrowleft {
width: 37px;
height: 130px;
float: left;
background-image: URL("../images/gct-arrow-left.gif");
background-repeat: no-repeat;
background-position: 18px 99px;
cursor: pointer;
}

.overalloptionarrowright {
width: 37px;
height: 130px;
float: left;
background-image: URL("../images/gct-arrow-right.gif");
background-repeat: no-repeat;
background-position: 11px 99px;
cursor: pointer;
}

#clubgriptab {
    font-family: "GothamBook";
    color: #9d9d9e;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    margin-right: 10px;
    background-image: URL("../images/grip-tab-centre.jpg");
    background-repeat: repeat-x;
    background-position: 0px -40px;
    height: 40px;
    width: 122px;
    text-align: center;
    margin-left: 37px;
    cursor: pointer;
}

#shaftexttab {
    font-family: "GothamBook";
    color: #9d9d9e;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    margin-right: 10px;
    background-image: URL("../images/grip-tab-centre.jpg");
    background-repeat: repeat-x;
    background-position: 0px -40px;
    height: 40px;
    width: 168px;
    text-align: center;
    cursor: pointer;
}

.griptabcentre {
    float: left;
    padding-top: 12px;
}

.griptableft {
    display: block;
    height: 40px;
    width: 3px;
    float: left;
     background-image: URL("../images/grip-tab-left.jpg");
    background-repeat: repeat-x;
    background-position: 0px -40px;
}

#shaftexttab.customselectedtab, #clubgriptab.customselectedtab {
    background-position: 0px 0px;
    color: #000000;
}

.customselectedtab .griptableft {
    background-position: 0px 0px;
}

.customselectedtab .griptabright {
    background-position: 0px 0px;
}


.griptabright {
    display: block;
    height: 40px;
    width: 3px;
    float: right;
     background-image: URL("../images/grip-tab-right.jpg");
    background-repeat: repeat-x;
    background-position: 0px -40px;
}

.indigriptext {
    text-align: center;
    padding-top: 5px;
    font-family: "GothamBook";
    color: #666666;
    font-size: 12px;
    height: 56px;
}

.indigripprice {
    text-align: center;
    font-family: "GothamBook";
    color: #5a7c2e;
    font-size: 12px;
}

#selectselected {
    margin-top: 10px;
    height: 22px;
    width: 100px;
    display: block;
    background-image: URL("../images/select-selected.jpg");
    background-repeat: no-repeat;
    background-position: -4px 0px;
}

.indivgriptype {
    float: left; 
    margin-left: 3px;
    margin-right: 3px;
    width: 102px;
    height: 220px;
    margin-top: 10px;
    cursor: pointer;
}

.selectedGrip #selectselected {
    background-position: -107px 0px;
}

.selectedGrip {
    border: 1px solid #66863d;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 9px;
}

.viewallcont {
    width: 186px;
    padding: 20px;
    background-color: #ffffff;
}

.viewallcont a {
  color: #597b2c;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  background-image: URL("../images/viewallback.jpg");
  text-align: center;
  display: block;
  height: 27px;
  width: 186px;
  padding-top: 15px;
}

.menuitemlistholder a{
    font-size: 12px;
    color: #333333;
    font-family: "Poppins";
    display: block;
    padding: 0px 0px 2px 0px;
}

.extranumber {
    color: #999999;
    font-family: "Poppins";
}

#commentscontainer {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    padding-top: 45px;
    padding-bottom: 30px;
}

.new_commentcontainer {
    width: 30%;
    box-sizing: border-box;
    box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.2);
    background-color: #ffffff;
    border-radius: 10px;
    background-image: url(../img/quotes.png);
    background-repeat: no-repeat;background-position: 20px 15px;
    padding: 66px 20px 70px 20px;
    font-family: "Poppins";
    color: #333333;
    position: relative;
    font-size: 12px;
}

.new_actualcomment {
    font-weight: 300;
}

.new_commentdate {
    opacity: 0.6;
    position: absolute;
    top: 15px;
    right: 20px;
}

.new_commentdetails {
    position: absolute;
    opacity: 0.6;
    bottom: 15px;
    left: 20px;
}

#commentscontainer .prodlistingitemcontainer{
    float: left;
    margin-right: 20px;
    clear: none;
}

#commentscontainer .proditemmiddle{
    color: #4e4e4e;
    font-family: "Gotham Bold";
    font-size: 12px;
}

#commentscontainer .reviewdetails {
    color: #597b2c;
    font-family: "Trade Gothic Next LT Pro Cn";
    font-size: 14px;
    line-height: 17px;
    padding-left: 20px;
    padding-bottom: 8px;
    
}

#commentscontainer .proditemreview {
}

.commentdate {
    color: #909090;
    font-family: "Trade Gothic Next LT Pro Cn";
    font-size: 12px;
}

.proditemrrp {
    color: rgba(51,51,51,0.6);
    font-family: "Poppins";
    font-size: 11px;
}

.scartdropdown {
    color: #333333;
    font-family: "Poppins";
    font-size: 11px;
}

#buyholder {
    flex-grow: 1;
}

.labelfordrop {
    
    font-family: "GothamBook";
    font-size: 12px;
    color: #515151;
    margin-top: 15px;
    display: inline-block;
}

.dropdowncontainer {
    display: inline-block;
}

.phonenoholder {
    padding-top: 6px;
    display: block;
    font-size: 23px;
    float: right;
    color: #5b5b5b;
    font-family: 'Trade Gothic Next LT Pro Cn';
    text-transform: uppercase;
    margin-right: 43px;
}

.mainlogincart {
    border: 1px solid #E4E4E4;
    border-radius: 10px;
}

.mainloginmiddle {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    box-sizing: border-box;
}

.loginheader {
    font-size: 18px;
    font-family: "Poppins";
    color: #333333;
    font-weight: bold;
    width: 100%;
}

.smallloginheader {
    font-size: 14px;
    font-family: "Poppins";
    color: #333333;
    font-weight: bold;
    width: 100%;
}

#ismobile {
        display: none;
    }
    
    .everydayessentials {
        clear: both; overflow: hidden;
    }
    
    .spagecolumns {
        clear: none !important;
        padding-left: 30px;
        padding-right: 0px;
    }

    .gvcont {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
    }

    .gvcont form {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
    }

    .appbtn {
        background-color: #4EC53E;
        color: #ffffff;
        font-family: "Poppins";
        font-size: 12px;
        font-weight: bold;
        padding: 10px 30px;
        border-radius: 7px;
        margin-left: 10px;
        box-shadow: 0px 2px 0px 0px rgb(30 106 93);
        cursor: pointer;
        border: 0px;
    }

    .cartwhole {
        padding: 0px 20px;
    }

    .gvinput .overTxtLabel {
        color: #bbbbbb;
        margin-top: 0px;
        margin-left: 0px;
        font-family: Poppins;
        font-size: 12px;
        padding: 10px;
    }

    .gvinputbox {
        border: 1px solid #bbbbbb;
        border-radius: 7px;
        color: #333333;
        padding: 10px;
        font-family: "Poppins";
        font-size: 12px;
    }

    .discounttitle {
        font-family: "Poppins";
        font-size: 12px;
        color: #206A5D;
        width: 100%;
    }
    
    #burgernav {
        display: none;
    }
    
    #burgernavcont {
        max-height: 0px;
        position: absolute;
        clear: both;
        overflow: hidden;
        z-index: 3000;
        background-color: #ffffff;
        top: 120px;
        left: 0px;
        width: 85%;
        border-right: 1px solid #444444;
        -moz-transition: max-height 0.5s;
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;
    }
    
    .burgermainmenu a{
        padding: 12px;
        display: block;
        border-bottom: 1px solid #000000;
    }
    
    .ddowntop {
        top: 0px !important;
    }
    
    .prodquan {

    }

    
    .loadingoptions {
        opacity: 0;
    }
    
    .buynowquantity {
        background-color: #4EC53E;
        color: #ffffff;
        font-weight: bold;
        font-size: 24px;
        padding: 15px 30px;
        margin-left: 20px;
        text-align: center;
        border-radius: 8px;
        box-shadow: 0px 2px 0px 0px rgb(30 106 93);

    }

    
.shopnav {
    background-color: #ffffff;
    width: 100%;
    height: 30px;
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 1;
}    

.shopnav a {
    float: left;
    width: 33.333%;
    border-right: 1px solid #000000;
    color: #000000;
    background-color: #f8f8f8;
    transition: background 0.5s ease-in;
    height: 30px;
    line-height: 30px;
    font-family: "GothamBook";
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
}

.shopnav a:last-of-type {
    border-right: none;
}

.shopnav a:hover {
    text-decoration: none;
    background-color: #eeeeee;
}

/*datePickerStyles*/

#alldiary {
    display: none;
    width: 100%;
    margin-bottom: 20px;
}

#timeheader {
    font-family: "Poppins";
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.diarymessage {
    color: #dd0000;
    font-family: GothamBook;
    font-size: 14px;
    padding: 5px 5px 20px 50px;
    text-align: center;
    display: none;
}

.diaryholder {
    display: flex;
    flex-wrap: nowrap;
}

.dateholder select {
    width: 70%;
    padding: 5px 5px 5px 5px;
    font-family: 'Poppins';
    outline: none;
    margin-top: 10px;
    border: none;
    border-bottom: 2px solid #333333;
}

.diaryitself {
    width: 70%;
}

.dateholder {
    width: 30%;
    padding: 20px;
    box-sizing: border-box;
}

.centerer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

#dateContainer {
    display: flex;
    width: 100%;
}

.dc-page {
    width: 50%;
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 20px;
}

.dc-page:first-of-type {
    border-right: 1px solid #D9DADD;
}

.dc-topsection {
    clear: both;
    display: flex;
    overflow: hidden;
    margin-bottom: 15px;
    align-items: center;
}

.greynumber .dc-actualday {
    color: #dddddd;
}

.dc-date {
    width: 100%;
    text-align: left;
    font-family: 'GothamBook';
    font-size: 14px;
}

.pageleft .dc-date {
    text-align: right;
}

.dc-arrow {
    margin-right: 20px;
    font-size: 17px;
    font-family: 'GothamBook';
}

.dc-arrow a {
    text-decoration: none;
    cursor: pointer;
}

.pageright .dc-arrow {
    order: 2;
    margin-right: 0px;
    margin-left: 20px;
}

.pageright .dc-date {
    order: 1;
}

.dc-calendar {
    display: flex;
    position: relative;
}

.dc-calcolumn {
    width: 14.28%;
    font-family: "GothamBook";
    font-size: 13px;
}

.dc-caltitle {
    font-family: "Trade Gothic Next LT Pro Cn";
    font-size: 15px;
    padding-bottom: 10px;
    text-align: center;
}

.pageleft svg {
    transform: rotate(180deg);
}

.dc-arrow .button, .dc-arrow .adminbutton {
    margin-right: 0px;
}

.dc-day {
    width: 100%;
    text-align: center;
    height: 30px;
    cursor: pointer;
    position: relative;
    margin-bottom: 5px;
}

.dc-actualday {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    display: flex;
    z-index: 10;
    justify-content: center;
    align-items: center;
    color: #0B1B33;
}

.dc-dayHover {
    background-color: #26E8A4;
    position: absolute;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0px;
    height: 0px;
    z-index: 4;
}

.snakeline {
    position: absolute;
    height: 40px;
    z-index: 3;
    border-radius: 40px;
}

.teallines {
    background-color: #26E8A4;
}

.purplelines {
    background-color: #7E29FA;
}

.purpleCircle {
    background-color: #7E29FA;
}

.forceWhite {
    color: #ffffff !important;
}

.dc-month {

}

.dc-year {

}

#fromdate, #todate {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: "Neue Montreal";
    font-size: 120px;
    color: transparent;
    -webkit-text-stroke: 1px #26E8A4;
    visibility: hidden;
    z-index: -1;
}

.aflevringheader {
    margin-bottom: 15px;
}

.filleddate {
    color: #26E8A4 !important;
}

.wholesidebarfiltercontainer {
    width: 210px;
}

.spageallprodcontent {
    width: calc(100% - 210px);
}

.latest-clubs-title {
    margin: 0 0 18px;
    padding: 0 0 0 30px;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(24px, 2.2vw, 32px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.03em;
    color: #203c34;
}

.filterandresults {
    display: flex;
    padding-right: 30px;
    padding-left: 30px;
    flex-wrap: wrap;
}

.mobilesearchtrigger {
    display: none;
}

.burgernav {
    display: none;
}

#burgerclose {
    display: none;
}

.biglogo {
    display: block;
}

.smalllogo {
    display: none;
}

#hp_initial img {
    width: 100%;
}

#sitenavblanker.showsitenavblanker {
    display: block;
}

.prodpagemobileheader {
    display: none;
}

#dyndiv .halfshoppingcart {
    width: calc(50% - 10px);
    margin-right: 20px;
}

#dyndiv .halfshoppingcart:nth-of-type(2) {
    margin-right: 0px;
}

.standardheaderimg  {
    display: block;
    width: 100%;
}

.mobileheaderimg  {
    display: none;
    width: 100%;
}

.ddownsuboption {
    width: calc(25% - 40px);
    padding-left: 20px;
    padding-right: 20px;
}

.ddownsuboption img {
    width: 100%;
}

#customisecontent .modaltop{
    background-image: none;
    display: none;
}

#customisecontent .modalmiddle{
    background-image: none !important;
    background-color: #ffffff;
    background-color: #ffffff;
}

#customisecontent .loginbuttonholder {
    justify-content: flex-end;
    flex-grow: 1;
}

#customisecontent .backbuttonholder {
    float: none;
    padding: 0px;
}

#customisecontent .modalbottom{
    background-image: none;
    display: none;
}

.ccattitemright p {
    margin-top: 0px;
}

.bothcustombuttons {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.reqfieldold {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.bodpadding {
    padding-left: 20px;
    padding-right: 20px;
}

.genderandcondition {
    display: flex;
    padding-top: 10px;
    align-items: center;
    position: relative;
}

.conditionsectionfrontend {
    order: 2;
    display: flex;
    font-size: 12px;
    align-items: center;
    padding-right: 15px;
}

.conditiontitle {
    width: 100%;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    font-size: 12px;
}

.conditionoverlay {
    display: none;
    position: absolute;
    right: 28px;
    border: 1px solid #E4E4E4;
    border-radius: 20px;
    padding: 0px 14px;
    font-size: 12px;
    justify-content: space-around;
    align-items: center;
    font-weight: bold;
    background-color: #ffffff;
}

.coverlayelement {
    display: flex;
    margin-right: 8px;
}

.coverlayelement:last-of-type {
    margin-right: 0px;
}

.conditionrating {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex: 0 0 24px;
    height: 24px;
    order: 2;
    border-radius: 30px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.subcondition10 {
    color: #0091DE;
}

.subcondition9 {
    color: #237FB8;
}

.subcondition8 {
    color: #456F95;
}

.subcondition7 {
    color: #6B5C6E;
}

.subcondition6 {
    color: #904A48;
}

.subcondition5 {
    color: #B43922;
}

.condition10 {
    background-color: #0091DE;
}

.condition9 {
    background-color: #237FB8;
}

.condition8 {
    background-color: #456F95;
}

.condition7 {
    background-color: #6B5C6E;
}

.condition6 {
    background-color: #904A48;
}

.condition5 {
    background-color: #B43922;
}

#mobilesearch {
    display: none;
}

.whatsappholder {
    display: flex;
    align-items: center;
    width: 100% !important;
}

.walogo {
    flex: 0 0 20px;
    height: 20px;
}

.walogo img {
    width: 100%;
}

.wano {
    padding-left: 10px;
    flex-grow: 1;
}

.prodlistingitemcontainer {
    width: calc(16.66666% - 16.666666px);
    margin-right: 20px;
}

.prodlistingitemcontainer:nth-of-type(6n) {
    margin-right: 0px;
}

.spagecolumns .prodlistingitemcontainer:nth-of-type(6n) {
    margin-right: 20px;
}

@media only screen and (max-width: 1400px) {

    .spagecolumns .prodlistingitemcontainer:nth-of-type(5n) {
        margin-right: 20px;
    }

    .spagecolumns .prodlistingitemcontainer:nth-of-type(4n) {
        margin-right: 20px;
    }

    .spagecolumns .prodlistingitemcontainer:nth-of-type(6n) {
        margin-right: 20px;
    }

    .spagecolumns .prodlistingitemcontainer:nth-of-type(3n) {
        margin-right: 0px;
    }
    .spagecolumns .prodlistingitemcontainer {
        width: calc(33.333% - 13.333px);
    }

    .ddownallimages .ddownsuboption {
        width: 50%;
    }

    .ddownallimages .ddownsuboption:nth-of-type(-n+4) {
        margin-bottom: inherit;
    }

    .ddownallimages .ddownsuboption:nth-of-type(-n+2) {
        margin-bottom: 20px;
    }

    .prodlistingitemcontainer {
        width: calc(25% - 15px);
        margin-right: 20px;
    }

    .prodlistingitemcontainer:nth-of-type(6n) {
        margin-right: 20px;
    }

    .prodlistingitemcontainer:nth-of-type(4n) {
        margin-right: 0px;
    }

    .ddownrestofoptions {
        column-count: 3;
    }

}

@media only screen and (max-width: 1200px) {
    .loginc, .loginb {
        margin-left: 20px;
        margin-right: 20px;
    }

    #dyndiv {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mainnav li {
        padding: 20px 13px 20px 10px;
        background-position: center right 0px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1100px) {

    .mainnav li {
        padding: 20px 13px 20px 10px;
        background-position: center right 0px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .mainnav li {
        padding: 20px 13px 20px 10px;
        background-position: center right 0px;
        margin-right: 3px;
    }
}

@media only screen and (max-width: 960px) {
    .mainnav {
        display: none;
    }

    .secondaryfooter {
        display: none;
    }

    .headersecondary {
        padding-bottom: 20px;
    }

    .prodpagemobileheader {
        display: flex;
        width: 100%;
        justify-content: flex-start;
    }

    .prodpageleftandright {
        flex-wrap: wrap;
    }

    .prodpageright .toprightinfo {
        display: none;
    }

    .specholder {
        flex-wrap: wrap;
    }

    .specitems {
        flex: 0 0 100%;
    }

    .conditionsection {
        flex: 0 0 100%;
        display: flex;
    }

    .conditionsection .specitem {
        padding-right: 8px;
    }

    .customgripbox {
        flex-wrap: wrap;
        justify-content: center;
    }

    .custombutton {
        margin-top: 15px;
    }

    #customiseinfoswap {
        margin-top: 8px;
    }

    .burgernav {
        display: block;
        margin-right: 30px;
        cursor: pointer;
    }

    #bnavexpand.showbnav {
        display: block;
    }

    .standardheaderimg  {
        display: none;
    }

    .mobileheaderimg  {
        display: block;
        width: 100%;
    }

    #burgerclose.showbclose {
        display: block;
        position: fixed;
        top: 0px;
        right: 0px;
        width: 60px;
        height: 100%;
        background-color: #4f4f4f;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding-top: 15px;
        align-items: flex-start;
    }

    #burgerclose img {
        cursor: pointer;
    }

    #sitenavblanker.showsitenavblanker {
        display: none;
    }

    .mainnav {
        position: fixed;
        top: 0px;
        left: 0px;
        width: calc(100% - 60px);
        height: 100%;
        background-color: #ffffff;
        overflow: auto;
    }

    .mainnav li {
        background-position: top 15px right 15px;
        padding: 10px 23px 10px 12px;
    }

    .mainnav li .ddowndiv {
        position: relative;
        top: initial;
        left: initial;
        z-index: initial;
        background-color: #ffffff;
    }

    .mainnav li:hover .ddowndiv {
        max-height: 0px;
    }

    .mainnav li .ddowndiv.mobileDropExpanded {
        max-height: initial;
    }

    .mainnav li:hover {
        background-color: #ffffff;
    }

    .ddowninternal {
        flex-wrap: wrap;
        padding: 20px 0px 0px 0px;
    }

    .ddownfixedall {
        flex: 0 0 100%;
        padding-bottom: 20px;
    }

    .ddownrestofoptions {
        padding-left: 0px;
    }

    .menuitemlistholder {
        padding: 0px 0px 20px 0px;
    }

    .menuitemlistholder:last-of-type {
        padding-bottom: 0px;
    }

    .quickprodfinder {
        padding: 30px 20px;
    }

    .footertop div {
        width: 100%;
        text-align: center;
    }

    .footertop {
        flex-wrap: wrap;
        justify-content: center;
    }

    .fcollogo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .fcolphone {
        margin-top: 20px;
    }

    .fcoltimes {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .footerbottom {
        flex-wrap: wrap;
    }

    .footerbottom a {
        width: 100%;
        text-align: center;
        color: #113256;
        opacity: 0.5;
        margin-bottom: 5px;
        margin-right: 0px;
    }

    .footerbottom .copyright {
        order: 20;
        text-align: center;
        width: 100%;
        color: #113256;
        opacity: 0.5;
        margin-top: 15px;
    }

    .wholesidebarfiltercontainer {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #sidebarfilter {
        display: none;
        width: 100%;
    }

    #sidebarfilter.showfilters {
        display: block;
    }

    #filterview {
        display: block;
        font-family: Poppins;
        font-size: 14px;
        text-align: center;
        border: 1px solid #444444;
        padding: 3px 12px;
        border-radius: 10px;
        cursor: pointer;
    }

    .spageallprodcontent {
        width: 100%;
    }

    .columnheader {
        padding-left: 0px;
    }

    .latest-clubs-title {
        margin-top: 20px;
        padding-left: 0;
    }

    .spagecolumns {
        padding-left: 0px;
    }

    .cartclubattributes {
        flex-wrap: wrap;
    }

    .ccattleft {
        width: 100%;
    }

    .ccattright {
        width: 100%;
    }

    #dyndiv .halfshoppingcart .inputfieldcontainer {
        width: 100%;
    }

    .cartleftbit {
        width: 100%;
        order: 2;
        margin-right: 0px;
    }

    .cartrightbit {
        width: 100%;
        margin-left: 0px;
        order: 1;
        margin-bottom: 20px;
    }

    .locktext {
        display: none;
    }

    .ddownsuboption {
        width: 100%;
        margin-bottom: 15px;
    }

    .whatsappholder {
        justify-content: center;
    }

    .wano {
        flex-grow: unset;
        width: auto !important;
    }

}

@media only screen and (max-width: 800px) {

    .phone {
        display: none;
    }

    .biglogo {
        display: none;
    }

    .smalllogo {
        display: block;
    }

    .imagesoverlay {
        display: none;
    }

    #quickform {
        display: none;
    }

    .qprodtitle {
        padding-bottom: 0px;
        font-size: 34px;
    }

    .quickprodfinder {
        padding: 20px 20px;
    }

    .prodlistingitemcontainer {
        width: calc(33.333% - 13.333px);
    }

    .prodlistingitemcontainer:nth-of-type(4n) {
        margin-right: 20px;
    }

    .prodlistingitemcontainer:nth-of-type(3n) {
        margin-right: 0px;
    }

    .prodpageleft {
        width: 100%;
        padding-right: 0px;
    }

    .prodpageright {
        width: 100%;
    }

    .mzoommaincontainer {
        display: flex;
        justify-content: center;
    }

    .productcontent {
        flex-wrap: wrap;
    }

    .shopprodimage {
        flex: 0 0 100%;
    }

    .scartprice {
        position: relative;
        margin-bottom: 20px;
    }

    .cartdelbtn {
        position: relative;
    }

    .totalcontent {
        position: absolute;
        top: 25px;
        right: 25px;
        flex: initial;
        display: block;
    }

    .indivshopcartproduct {
        position: relative;
    }

    .shopprodtext {
        padding-top: 20px;
    }

    .loginfieldsection {
        flex-wrap: wrap;
        margin-top: 0px;
    }

    .pside {
        flex: 0 0 100%;
    }

    .loginfields {
        flex: 0 0 100%;
    }

    .pageright {
        display: none;
    }

    .pageleft {
        width: 100%;
    }

    .dc-page:first-of-type {
        border-right: 0px;
    }

    .mobilearrow {
        display: block;
    }

    .pageleft .dc-date {
        text-align: center;
    }

}

@media only screen and (max-width: 700px) {
    .spagecolumns .prodlistingitemcontainer {
        width: calc(50% - 10px);
    }

    .spagecolumns .prodlistingitemcontainer:nth-of-type(2n) {
        margin-right: 0px;
    }

    .spagecolumns .prodlistingitemcontainer:nth-of-type(3n) {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .mobilesearchtrigger {
        display: block;
        cursor: pointer;
    }

    #mobilesearch.showmobilesearch {
        display: flex;
    }

    #mobilesearch .mainsearchinput {
        width: 100%;
        background-color: #F2F2F2;
        border-radius: 10px 0px 0px 10px;
        border: 0px;
        box-sizing: border-box;
        padding: 0px 20px;
        height: 40px;
        font-family: "Poppins";
        font-size: 12px;
        background-image: none;
    }

    #mobilesearchsubmit {
        cursor: pointer;
        background-color: #F2F2F2;
        flex: 0 0 40px;
        height: 40px;
        border-radius: 0px 10px 10px 0px;
        background-image: url("/designimages/search.svg");
        background-position: center right 15px;
        background-repeat: no-repeat;
    }

    .ddownallimages {
        width: 100%;
    }

    .ddownothernonimage {
        width: 100%;
    }

    .ddownallimages .ddownsuboption{
        width: 100%;
    }

    .ddownallimages .ddownsuboption:nth-of-type(-n+2){
        margin-bottom: 15px;
    }

    .ddownrestofoptions {
        column-count: initial;
    }

    .searchcontainer {
        display: none;
    }

    #headergreybar {
        display: none;
    }

    .headersecondary {
        padding: 10px 20px 10px 20px;
    }

    .smalllogo {
        width: 100%;
        text-align: center;
    }

    #commentscontainer div{
        display: none;
    }

    #commentscontainer div:first-of-type{
        display: flex;
        width: 92%;
    }

    .prodlistingitemcontainer {
        width: 100%;
        margin-right: 0px;
        max-width: 272px;
    }

    .spagecolumns .prodlistingitemcontainer {
        width: 100%;
        margin-right: 0px;
        max-width: 272px;
    }

    #columncontainer {
        justify-content: center;
    }

    .qprodtitle {
        font-size: 25px;
    }

    .buttonandquantity {
        flex-wrap: wrap;
        justify-content: center;
    }

    .buynowquantity {
        margin-left: 0px;
        margin-top: 15px;
    }

    #buyholder {
        width: 100%;
    }

    .guaranteeandtotals {
        flex-wrap: wrap;
    }

    .scarttotalsholder {
        width: 100%;
        margin-lefT: 0px;
    }

    .scartguaranteeholder {
        margin-bottom: 10px;
    }

    .scarttotalstitle {
        width: 50%;
    }

    .inputfieldcontainer {
        width: 100%;
    }

    #dyndiv .halfshoppingcart  {
        width: 100%;
        margin: 0px;
    }

    #dyndiv {
        flex-wrap: wrap;
    }

    #dyndiv .halfshoppingcart:nth-of-type(1)  {
        margin-bottom: 20px;
    }

    .diaryholder {
        flex-wrap: wrap;
    }

    .diaryitself {
        width: 100%;
    }

    .dateholder {
        width: 100%;
        padding-top: 0px;
    }

}

@media only screen and (max-width: 500px) {

    .paycartbox .halfshoppingcart  {
        width: 100%;
    }

    .paycartbox .halfshoppingcart:nth-of-type(2) {
        margin-bottom: 20px;
    }
}