﻿/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Clogau
   ========================================================================== */
@font-face {
	font-family: 'icomoon';
	src:url('https://www.clogau.co.uk/mastera/fonts/icomoon.eot?3u2hws');
	src:url('https://www.clogau.co.uk/mastera/fonts/icomoon.eot?#iefix3u2hws') format('embedded-opentype'),
		url('https://www.clogau.co.uk/mastera/fonts/icomoon.woff?3u2hws') format('woff'),
		url('https://www.clogau.co.uk/mastera/fonts/icomoon.ttf?3u2hws') format('truetype'),
		url('https://www.clogau.co.uk/mastera/fonts/icomoon.svg?3u2hws#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


p {
                padding: 0;
                margin: 0;
                line-height:1.7;
                font-family: 'Libre Baskerville', georgia, serif;
                font-size: 13px  }


.displayblockclearboth { display:block; clear:both; }

/*.icon-search:before {
	content: "\e600"; 
}*/

.icon-menu:before {
	content: "\002630";  /*\e601*/
}   
   
* {
	box-sizing:border-box;
}
   
body {
  background: url(../img/bg.jpg) repeat fixed center center transparent;
  overflow-y: scroll;
  position: relative;
  font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
  font-size: 11px;
}

#group-navigation, #group-navigation-mobile {
	display:none;
	background:#c2b488;
	font-family:Georgia,serif;
	min-height:30px; 
	font-size:11px;
}
#group-navigation-mobile {
	display:block;
}
#group-navigation-mobile > ul {
	padding:0;
	margin:0;
	display:none;
}
#group-navigation-mobile > ul li {
	display:block;
	text-align:center;
}
#group-navigation-mobile > ul li:first-child {
	padding-top:30px;
}
#group-navigation-mobile > ul li a {
	width:100%;
	display:block;
	background:#baaa78;
	color:black;
	text-decoration:none;
	padding:8px 0;
	border-bottom:1px solid #796b3e;
	border-top: 1px solid #cec4a1;
}
#group-navigation-mobile > ul li a:hover {
	background:#ac995d;	
}
#group-navigation-mobile > ul li a.group-navigation-gold-selection {
	background:#ac995d;
}

#group-navigation-mobile-menu-widget {
	position:absolute;
	right:12px;
	top:3px;
	font-size:11px;
}

#group-navigation-mobile-menu-widget span.icon-menu {
	font-size:24px;
	position:relative;
	top:0px;
}
#group-navigation-mobile-menu-widget a {
	color:#fff;
	text-decoration:none;
}
#group-navigation-mobile-menu-widget a > span {
	position:relative;
	top:-6px;
}

#group-navigation-mobile-dashboard {
   background-color: #FCF9F2;
   text-align: center;
   line-height: 30px;
   height: 40px;
}

#group-navigation-mobile-dashboard a {
	margin:12px 6px;
	text-decoration:none;
	color:#000;
}

.txtSearchboxMob {
    width: 90%;
    height: 24px;
    display: block;
    margin: 0 auto;
    padding-left: 5px;
}

#header-col-2 {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    left: 6%;
    position: relative;
    z-index: 1;
}

.cmdSearchMob {
    cursor: pointer;
    position: relative;
    top: -24px;
    height: 24px;
    left: 41%;
}


/*#group-navigation-mobile-dashboard input {
	width:147px;
	height:24px;
	display:block;
	margin:0 auto;
}*/
/*#group-navigation-mobile-dashboard .icon-search {
	font-size:20px;
	cursor:pointer;
	position:relative;
	left:59px;
	top:-22px;
	height:24px;
}*/
#group-navigation-mobile-dashboard {
	position:relative;
	/*top:30px;GW140415*/
	margin-top:0;
}
#group-navigation-mobile-dashboard.dropdownopen {
	margin-top:-30px;
}

#header-col-1, #header-col-3 {
	display:none;
}

#header-col-2 {
	width:100%;
	margin-top:20px;/*47px GW140415*/
	text-align:center;
	position:relative;
	z-index:1; /* was -1 but click would not work on hyperlink */
    left:inherit
}

#main-menu-container {
	text-align:center;
	width:100%;
	padding-top:14px;
}

#main-menu {
	display:none;
	margin:0 0 12px 0;	
}

.menu  {
    list-style-type:none;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-weight:700;
    position:relative;
    z-index: 11000; /*2200 orginal  11000 whitfield  */
    padding-left:0;
    height:38px; 
}

.menu li {
	display:block;
	position:relative;
}
.menu li:first-child > a {
	border-top:1px solid rgba(225, 208, 255, 0.97);
}
.menu li a {
	text-decoration:none;
	color:#333;
	font-size:12px;
	padding:0;	
	line-height:38px;
	display:block;	
	width:100%;
	border-bottom:1px solid rgba(225, 208, 255, 0.97);
	background:rgba(255, 255, 255, 0.97);
	cursor:pointer;
}
.menu li a:hover {
	color:#dac081;
}

#main-menu-toggle-button-container {
	padding-bottom:14px;
}

#main-menu-toggle-button {
	text-decoration:none;
	font-size:12px;
	color:#333;
}
#main-menu-toggle-button i {
	font-size:24px;
	position:relative;
	top:5px;
}

.submenu {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	display:none;
	background:#ECF0F1;
	margin:0;
}
.submenu li {
	display:block;
	width:100%;
	text-align:center;
}
.submenu li a {
	text-decoration:none;
	width:100%;
	height:100%;
	color:#333;
	display:block;
	line-height:17px;
	padding:12px 0;
	background:rgba(247, 247, 247, 0.97);
	font-weight:400;
}
.submenu li a:first-child {
	border-top:none;
}
.submenu li a:hover {
	color:white;
	background:rgba(218, 192, 129, 0.97);
}

#main-content-container {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(30, 30, 30, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(30, 30, 30, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(30, 30, 30, 0.2);
  background: #fff;
}

#main-content-container:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* adaptive my account menu */


#my-account-menu-container {
	text-align:center;
	width:100%;
	padding-top:14px;
}

#my-account-menu {
	display:none;
	margin:0 0 12px 0;	
}

.menuam  {
    list-style-type:none;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-weight:700;
    position:relative;
    z-index: 11000; /*2200 orginal  11000 whitfield  */
    padding-left:0;
    height:38px; 
}

.menuam li {
	display:block;
	position:relative;
}
.menuam li:first-child > a {
	border-top:1px solid rgba(225, 208, 255, 0.97);
}
.menuam li a {
	text-decoration:none;
	color:#333;
	font-size:12px;
	padding:0;	
	line-height:38px;
	display:block;	
	width:100%;
	border-bottom:1px solid rgba(225, 208, 255, 0.97);
	background:rgba(255, 255, 255, 0.97);
	cursor:pointer;
}
.menuam li a:hover {
	color:#dac081;
}

#my-account-menu-toggle-button-container {
	padding-bottom:14px;
}

#my-account-menu-toggle-button {
	text-decoration:none;
	font-size:12px;
	color:#333;
}
#my-account-menu-toggle-button i {
	font-size:24px;
	position:relative;
	top:5px;
}

.submenuam {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	display:none;
	background:#ECF0F1;
	margin:0;
}
.submenuam li {
	display:block;
	width:100%;
	text-align:center;
}
.submenuam li a {
	text-decoration:none;
	width:100%;
	height:100%;
	color:#333;
	display:block;
	line-height:17px;
	padding:12px 0;
	background:rgba(247, 247, 247, 0.97);
	font-weight:400;
}
.submenuam li a:first-child {
	border-top:none;
}
.submenuam li a:hover {
	color:white;
	background:rgba(218, 192, 129, 0.97);
}

#my-account-content-container {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(30, 30, 30, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(30, 30, 30, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(30, 30, 30, 0.2);
  background: #fff;
}

#my-account-content-container:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* adaptive my account menu */




.myaccountcontentwrapper {
    padding:10px;
}

.myaccountgrid {
    width:100%
}





















.big-text {
	text-align:center;
	padding:10px 4px;
	margin:0;
	border:0;
	background-color:#c2b488;
	color:#FFFFFF; 
	font-size:11px;
	line-height: 1.7;
	font-family: 'Libre Baskerville', Georgia, 'Times New Roman', Times, serif;
	text-decoration:none;
	display:block;
	width:100%;
}

.promo img {
	width:100%;
	height:auto;
}


.category-thumbs {
                width:100%;
                margin-top:-4px;
}

.category-thumbs > div {
    width:100%;
    margin: 0 auto;
                text-align:center
}

.category-thumb {
                width:32%;
                margin:0 1px 16px 1px;
                display:block;
                float: left;
                                                                text-align:center
}


.category-thumb a {
                text-decoration:none;
}

.category-thumb a:link {
                font-family:'Libre Baskerville', georgia;
                                                                text-align:center;
                                                                color:#000;
                text-decoration:none;
}                
.category-thumb a:visited {
                font-family:'Libre Baskerville', georgia;
                                                                color:#000;
                text-decoration:none;
}                
.category-thumb a:hover {
                font-family:'Libre Baskerville', georgia;
                                                                color:#444;
                                                                text-decoration: underline;
}                
.category-thumb a:active {
                font-family:'Libre Baskerville', georgia;
                                                                color:#444;
                                                                text-decoration: underline;
}


.category-thumb img {
                max-width:120px;
                width: 100%;
                height:auto;
   opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;       
}
.category-thumb img:hover {
      opacity: 0.7;
}
.category-thumb span {
                display:block;
                width:100%;
                text-align:center;
                font-family: 'Libre Baskerville', Georgia, 'Times New Roman', Times, serif;
                font-size:12px;
                color:#000;
                font-weight: bold;
                letter-spacing:1px;
                margin-bottom:10px;
}



.row {
	clear:both;
	width:100%;
	margin-top:32px;
}
.row:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}

.col-auto {
	display:table;
	margin:0 auto;
}
.col-auto iframe {
	width:200px;
	height:150px;
}

.right {
	margin-top:12px;
}

.heading {
	padding:10px 0;
	font-family:'Libre Baskerville', georgia, serif;
	font-size:11px;
	letter-spacing:2px;
	width:200px;
	text-align:center;
	margin:0;
	clear:both;
}

.blurbs-container {
	padding:0;
	margin-top:10px;
	clear:both;
}

.text-blurb p {
	padding:20px 15px 0 15px;
	width:200px;
	margin:0;
	font-family:'Libre Baskerville', georgia, serif;
	color:#444;
	font-size:10px;
	line-height:1.9;
}
.text-blurb a, .col-50-percent a {
	color:#7C6F57
}
.text-blurb a:hover, .col-50-percent a:hover {
	color:#e68569;
}

.red {
	background-color:#b47360;
	color:#fff;
}

.pink {
	background-color:#f2e6e1;
	color:#555;
}

.col-50-percent {
	width:100%;
	text-align:center;
	font-family:'Libre Baskerville', georgia, serif;
}
.col-50-percent img {
	width:100%;
}

.col-50-percent p {
	padding:0 45px;
	font-size:10px;
	line-height:1.9;
}

.col-50-percent.pink img {
	margin-bottom:16px;
	margin-top:9px;
	width:50%;
	height:auto;
}

.col-50-percent h2 {
	width:100%;
	padding:25px 0 12px 0;
	font-size:12px;
	letter-spacing:2px;
	font-weight:400;
	font-family:Georgia, 'Times New Roman', Times, serif;
}

.col-50-percent.special {
	background:#fff;
	color:#444;		
}	
.col-50-percent.special p {
	padding:0 20px;
	line-height:1.7;
	font-size:13px;
	font-family:'Libre Baskerville', Georgia, 'Times New Roman', Times, serif!important;		
}
.special img {
	width:auto!important;
	height:auto;
	margin:0!important;
}
.special h2 {
	padding:6px 0 10px 0!important;
	font-size:15px!important;
	letter-spacing:3px!important;
	font-family:'Libre Baskerville', Georgia, 'Times New Roman', Times, serif!important;
}

.footer-title {
	font-family:'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	font-size:7pt;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom:6px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1pt;
	border-bottom: 1px solid #a9a9a9;
	text-align:center;
}

.footer-title.sponsors {
  font-variant: normal;
  border: none;
  background-color: #fff;
  color: #777;
  text-align: center;
  margin-top: 20px;
}

.footer {
	width:100%;
	bottom:0;
	left:0;
	padding-bottom:0;
	font-family: 'Open Sans', tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	margin-bottom:0;
	text-align:left;
	color:#000;
	font-weight:bold;
	line-height:19px;
	text-align:center;
}
.footer a:link {
	font-weight:normal;
	color:#36252b;
	text-decoration:none;
}                
.footer a:visited {
	border-color:#d1b262;
	border-bottom:2px solid #d1b262;
	color:#36252b;
	font-weight:normal;
	text-decoration:none;
}                
.footer a:hover {
	border-color:#d1b262;
	border-bottom: 2px solid #d1b262;
	color: #d1b262;
	text-decoration: none;
	font-weight:normal;
}                
.footer a:active {
	border-color: #ff6600;
	border-bottom: 2px solid #ff6600;
	color: #ff6600;
	font-weight:normal;
}

.social-buttons-container {
	display:table;
	margin:12px auto 0 auto;
}
.social-buttons-container a {
  width: 33px;
  height: 33px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 15px;
}
.social-buttons-container span {
	border:none;
	display:block;
}
.social-buttons-container .facebook {
	background:url(../img/social-buttons.png) 0 0 no-repeat;
}
.social-buttons-container .facebook:hover {
	background:url(../img/social-buttons.png) -40px 0 no-repeat;
}
.social-buttons-container .twitter {
	background:url(../img/social-buttons.png) 0 -40px no-repeat;
}
.social-buttons-container .twitter:hover {
	background:url(../img/social-buttons.png) -40px -40px no-repeat;
}
.social-buttons-container .youtube {
	background:url(../img/social-buttons.png) 0 -80px no-repeat;
}
.social-buttons-container .youtube:hover {
	background:url(../img/social-buttons.png) -40px -80px no-repeat;
}
.social-buttons-container .googleplus {
	background:url(../img/social-buttons.png) 0 -120px no-repeat;
}
.social-buttons-container .googleplus:hover {
	background:url(../img/social-buttons.png) -40px -120px no-repeat;
}
.social-buttons-container .blogger {
	background:url(../img/social-buttons.png) 0 -160px no-repeat;
}
.social-buttons-container .blogger:hover {
	background:url(../img/social-buttons.png) -40px -160px no-repeat;
}
.social-buttons-container .pinterest {
	background:url(../img/social-buttons.png) 0 -200px no-repeat;
}
.social-buttons-container .pinterest:hover {
	background:url(../img/social-buttons.png) -40px -200px no-repeat;
}
.social-buttons-container .linkedin {
	background:url(../img/social-buttons.png) 0 -240px no-repeat;
}
.social-buttons-container .linkedin:hover {
	background:url(../img/social-buttons.png) -40px -240px no-repeat;
}
.social-buttons-container .instagram {
	background:url(../img/social-buttons.png) 0 -280px no-repeat;
}
.social-buttons-container .instagram:hover {
	background:url(../img/social-buttons.png) -40px -280px no-repeat;
}

.fineprint {
  font-weight: normal;
  margin: 15px 12px;
  font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
  font-size: 10px;
  color: #666666;
  text-align: center;
}

#footer-copyright{
	border-top: 1px dotted #c9c9c9;
	color:#9b9b9b;
	font-weight: normal;
	text-transform:uppercase;
	font-family: 'Libre Baskerville', 'Open Sans', tahoma,arial,helvetica,sans-serif;
	padding-top:13px;
	padding-bottom:20px;
	font-size: 7pt;
	text-align:center;
	margin:0 12px;
}

#assay-assured-container {
	float:none;
	width:73px;
	height:45px;
	margin:15px auto 0 auto;
	padding:0px;
	border:none;
}

#references {
	width:100%;
	height:40px;
	display:block;
	margin-top:15px;
	float:none;
	text-align:center;
}
#references img {
	width:90%;
	height:auto;
}

.banner img {
	width:100%;
	max-width:992px;
	height:auto;
}

.bannerdivwrapper {
    margin:0; padding:0; width:100%; 
}

.breadcrumbs {
	padding:0;
	margin:7px 0 10px 10px;
}
.breadcrumbs a {
	font-family: 'Open Sans', tahoma, verdana;
	font-size:11px;
	font-weight:700;
	color: #7C6F57;
	text-decoration:none;
}
.breadcrumbs a:after {
	content:" : ";
	text-decoration:none;
}
.breadcrumbs span {
	font-weight:400;
	color:#333;
}

.desktop-only {
	visibility:hidden;
}

/*#single-product-layout {
	padding:0 12px;
}

#single-product-gallery-container {
	border:none;
	width:100%;
	min-width:192px;
	margin:0;
	padding:10px 0px 0px 0px;
	float:left;
}

#single-product-main-image-container {
	border:1px solid #E8E8E8;
	padding:0px;
	margin:0px 0px 10px 0px;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#single-product-big-image-container {
	border:none;
	width:90%;
	min-width:192px;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
}	

.single-product-big-image {
	width:90%;
	min-width:192px;
	height:auto;
}

.share-buttons {
	margin-left:4px;
	margin-top:4px;
	float:left;
}
.share-buttons iframe {
	position: static; 
	top: 0px; 
	width: 38px; 
	margin: 0px; 
	border-style: none; 
	left: 0px; 
	visibility: visible; 
	height: 24px;
}

.single-product-thumb-container {
	margin-bottom:12px;
}
.single-product-thumb-container img {
	border:2px solid #cccccc;
	border-radius:5px;
	width:64px;
	margin-right:10px;
}
.single-product-thumb-container h6 {
	font-family:georgia;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px dotted #999;
	margin:0 0 9px 0;
	padding-bottom:12px;
	padding-top:1px;
}
.single-product-thumb-container h6 a {
	color:#95846d;
	text-decoration:none;
}
.single-product-thumb-container h6 a:hover {
	text-decoration:underline;
}

#single-product-info {
	border:none;
	width:220px;
	margin:0 auto 12px auto;
	padding:0px;
	font-size:12px;
	clear:both;
}
#single-product-info h1 {
	font-size:22px;
	font-style:italic;
	padding:0;
	font-family: 'Libre Baskerville', Georgia;
	font-weight: normal;
	margin:6px 0 0 0;
}
#single-product-details {
	color:#777;
	font-size:13px;
	margin-top:5px;
	font-family:'Open Sans', arial, sans-serif; 
	-webkit-font-smoothing: subpixel-antialiased;
}
#single-product-details > strong {
	display:block;
	margin:7px 0 4px 0;
}

#single-product-rating {
	margin-bottom:6px;
}

img.single-product-rating {
	margin-top:10px;
	margin-right:8px;
}
a.single-product-rating {
	color:#95846d;
	text-decoration:none;
	font-size:11px;
	font-family:georgia;
}
a.single-product-rating:hover {
	text-decoration:underline;
}

.text-available {
	color:#249447;
}

#single-product-price {
	width:64px;
	height:58px;
	line-height:58px;	
	font-family:'Libre Baskerville', georgia;
	font-size:20px;
	text-align:right;
	clear:both;
	display:block;
}

#single-product-delivery-data {
	width:219px;
	height:58px;
	float:right;
	padding-top:2px;
	padding-left:3px;
}
#single-product-delivery-data ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#single-product-delivery-data ul li {
	font-family:arial;
	font-size:12px;
	line-height:18px;
}
#single-product-delivery-data ul li strong, #single-product-delivery-data ul li span {
	padding-left:1px;
}

#single-product-quantity {
	margin:6px 0 0 0
}
#single-product-quantity label {
	font-family:'Libre Baskerville', georgia;
	font-size:11px;
}

#single-product-add-to-bag-button {
	margin:12px 0 0 0;
}

#single-product-tab-contents {
	border:1px solid lightgrey;
	border-top:none;
	margin-top:-12px;
	width:220px;
}

.tab-content {
	display:none;
}
.tab-content.active {
	display:block;
}

#single-product-description, #single-product-returns {
	padding:10px 18px;
	margin: 0;
	line-height: 1.6;
	font-family: 'Libre Baskerville', georgia, 'Open Sans', arial;
	font-size: 11px;
	color: #444;	
}

#single-product-tab-links {
	white-space:nowrap;
}

#single-product-tab-links span {
	color:#000;
	background-color:lightgrey;
	font-family:Georgia;
	font-size:10px;
	border-width:1px;
	height:25px; 
	border-bottom:1px solid white;
	border-left:1px solid lightgrey;
	border-right:1px solid lightgrey;
	border-top:1px solid lightgrey;
	padding:4px 2px 5px 2px;
	margin:10px 0 0 0;
	webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;     
	webkit-border-bottom-left-radius: 1px; 
	-webkit-border-bottom-right-radius: 1px; 
	-moz-border-radius-bottomleft: 1px; 
	-moz-border-radius-bottomright: 1px; 
	border-bottom-left-radius: 1px; 
	border-bottom-right-radius: 1px;
	text-transform:uppercase;
	cursor:pointer;
}
#single-product-tab-links span.active {
	background:#fff;
}

.single-product-tab-link {
	width:83px!important;
	display:inline-block;
	text-align:center;
	line-height:15px;
}
.single-product-tab-link:first-child {
	width:75px!important;
}
.single-product-tab-link:last-child {
	width:54px!important;
}

#single-product-tab-contents a {
	color:#7C6F57
}
#single-product-tab-contents a:hover {
	color:#e68569;
}	

#single-product-description, #single-product-specification, #single-product-returns {
	margin-top:4px;
}
#single-product-specification {
	margin-bottom:20px;
}
#single-product-specification ul {
	list-style-type:none;
	padding:0 4px;	
}
#single-product-specification ul li {
	font-family:arial;
	font-size:10px;
	height:16px;
}

#gift-wrap-available {
	cursor:pointer;
}
#gift-wrap-details {
	display:none;
	font-size:13px;
	color:#000;
}

#single-product-delivery-data {
	float:none;
}

#single-product-benefits-container {
	padding:12px 0 0 10px;
}
#single-product-benefits-container > p {
	font-family:Georgia;
	font-size:11px;
}
#single-product-benefits-container a {
	color:#7C6F57;
	text-decoration:none;
	font-size:11px;
	font-family:georgia;
}
#single-product-benefits-container a:hover {
	text-decoration:underline;
}
#single-product-benefits-container table {
	margin:-4px 0 0 2px;
}
#single-product-benefits-container td {
	line-height:1.4;
	font-family:'Open Sans', arial;
	font-size:11px;
}
#single-product-benefits-container input {
	font-size:11px;
	font-family:arial;
	display:block;
	margin:20px 0 10px 0;
}

#single-product-misc {
	clear:both;
	padding-top:0;
}
#single-product-misc h2 {
	font-family:'Libre Baskerville', georgia, 'times new roman' ,times,serif;
	font-weight:400;
	font-size:15px;
	color:#000;
	margin:0;
}
#single-product-misc h3 {
	font-weight: normal;
	font-family: 'Libre Baskerville', georgia, 'times new roman' ,times,serif;
	font-size:16px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#single-product-misc h4 {
	font-weight: normal;
	font-family: 'Libre Baskerville', georgia, 'times new roman' ,times,serif;
	font-size:16px;
	padding:7px 0;
	margin:0;
}
#single-product-misc h5 {
	font-family:'Libre Baskerville', georgia, 'times new roman' ,times,serif;
	font-size:10px;
	font-weight:400;
	color:#cf6b00;
	margin:0;
}
#single-product-misc img {
	padding:10px 0;
}
#single-product-misc a {
	color:#7C6F57;
	font-weight:700;
	text-decoration:underline;
}
#single-product-misc a:hover {
	color:#e68569;
}
#single-product-misc p {
	font-family: 'Open Sans', arial,helvetica,sans-serif;
	font-size:11px;
	line-height: 1.4;
	color: #333333;
	padding-top: 0px;
	margin-top: 0px;
}
#single-product-misc .heading-orange {
	font-family: 'Libre Baskerville', georgia, 'times new roman' ,times,serif;
	font-weight:400;
	font-size:15px;
	color: #cf6b00;
}
#single-product-misc table, #single-product-misc .table-adaptation {
	width:90%;
	margin:0 auto;
	padding:5px;
	border-spacing:5px;
}
#single-product-misc table.wide {
	width:100%;
}
#single-product-misc table.narrow {
	width:80%;
}
#single-product-misc table ul {
	list-style-type:none;
	padding:0;
}
#single-product-misc td h3, #single-product-misc h3.td-adaptation { 
	margin:3px 0 13px 0;
	font-size:15px;
}
#single-product-misc hr {
	border:none;
	border-top:1px dotted #999;
	padding:0 0 16px 0;
	clear:both;
	margin:14px 0 0 0;
}

#single-product-welsh-gold-stamp-text {
	float:none;
	width:100%;
	margin-bottom:32px;
}

#single-product-certificate-of-authenticity-text {
	float:none;
	width:100%;
	margin:0 auto 32px auto;
}

#single-product-certificate-of-authenticity {
	width:240px;
	margin:0 auto;
	display:block;
}

.single-product-tables-2-col {
	width:100%;
	float:none;
}

#single-product-overall-rating {
	margin-bottom:10px;
}
#single-product-overall-rating img, #single-product-reviews img {
	padding:0;
}
#single-product-overall-rating span {
	position:relative;
	top:-2px;
}

#single-product-welsh-gold-stamp {
	width:90%;
	margin:0 auto;
}
#single-product-welsh-gold-stamp img {
	width:100%;
	height:auto;
}

.single-product-review-top-div { 
	font-size:10px;
	line-height: 1.6; 
	font-family: 'Open Sans', arial; 
	width:71%;
	padding: 20px; 
	border: 1px solid #e7e7e7; 
	webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	-moz-box-shadow: 0 0 5px 2px #e7e7e7; 
	-webkit-box-shadow: 0 0 5px 2px #e7e7e7; 
	margin:0 auto;
}
.single-product-review-top-div > div {
	padding:0px 0px 8px 0px;
}
   
.single-product-review-bottom-div { 
	margin-left: 110px;
	border: none; 
	padding: 0px 0px 15px 40px; 
	margin-bottom: 30px; 
	font-family: 'Open sans', arial; 
}
.single-product-review-bottom-div:last-child { 
	padding-bottom:48px;
}
.single-product-review-bottom-div span { 
	display:block;
}            
.single-product-review-bottom-div span:first-child { 
	margin-right:20px;
}*/            


@media only screen and (min-width : 380px) {

	#single-product-welsh-gold-stamp {
		width:260px;
		margin:0 auto;
	}

}


@media only screen and (min-width : 500px) {


.hp-col {
                                float: left; }
                                
.hp-main {
                                width: 32.9%; }

.hp-secondary, .hp-third {
                                width: 33%;
border-left: 2px solid #fff  }

                                




	#footer-copyright {
		margin:0;
	}

	.social-buttons-container {
		line-height:9pt;
	}	
	.social-buttons-container span {
		display:inline;
		float:left;
		margin-right:10px;
	}

	.social-buttons-container a {
		margin:0 4px;
	}
	
	.col-50-percent.special {
		background:#fff;
		color:#444;		
	}	
	.col-50-percent.special p {
		padding:0 20px;
		line-height:1.7;
		font-size:13px;
		font-family:'Libre Baskerville', Georgia, 'Times New Roman', Times, serif!important;		
	}
	.special img {
		width:auto!important;
		height:auto;
		margin:0!important;
	}
	.special h2 {
		padding:6px 0 10px 0;
		font-size:15px!important;
		letter-spacing:3px!important;
		font-family:'Libre Baskerville', Georgia, 'Times New Roman', Times, serif!important;
	}

	.col-50-percent {
		width:420px;
		margin:0 auto;
	}

	.col-50-percent p {
		font-size:12px;
	}

	.col-50-percent.pink img {
		margin-bottom:26px;
	}

	.col-50-percent h2 {
		font-size:16px;
		padding-top:35px;
	}

	#group-navigation-mobile-dashboard {
        height: 40px;
	}

	/*#group-navigation-mobile-dashboard input {
		display:inline-block;
		margin-left:6px;
	}

	#group-navigation-mobile-dashboard .icon-search {
		left:-26px;
		top:5px;
	}*/
	
.category-thumbs > div {
                                width:100%;
                                margin:0 auto
                }
                
.category-thumb img { max-width: 120px }
                
.category-thumb { width: 32%}


	.col-auto iframe {
		width:300px;
		height:225px;
	}
			
	.heading {
		padding:10px 0;
		font-family:'Libre Baskerville', georgia, serif;
		font-size:11px;
		letter-spacing:2px;
		width:300px;
		text-align:center;
		margin:0;
		clear:both;
	}

	.text-blurb p {
		padding:20px 15px 0 15px;
		width:300px;
		margin:0;
		font-family:'Libre Baskerville', georgia, serif;
		color:#444;
		font-size:10px;
		line-height:1.9;
	}
	.text-blurb a {
		color:#7C6F57
	}
	.text-blurb a:hover {
		color:#e68569;
	}	
	
}

@media only screen and (min-width : 532px) {


/* between iphone and large iphone */

                /* this class affects everything from large phone to large ipad */
                .category-thumbs > div {
                                width:100%;
                }              
                
                .col-auto iframe {
                                width:464px;
                                height:278px;
                }              
                
                .category-thumb {
                                width:16%;
                                margin:0 1px 16px 1px;
                                display:block;
                                float:left;
                }
                .category-thumb img {
                                width:100%;
                }
                .category-thumb a {
                                text-decoration:none;
                }

                .category-thumb span {
                                display:block;
                                width:100%;
                                text-align:center;
                                font-family: 'Libre Baskerville', Georgia, 'Times New Roman', Times, serif;
                                font-size:12px;
                                font-weight: bold;
                                color:#000;
                                letter-spacing:0.5px;
                                margin-bottom:10px;
                }
                                                
                .heading {
                                font-size:13px;
                                width:360px;
                                text-align:center;
                                margin:0;
                                clear:both;
                }

                .text-blurb p {
                                padding:20px 15px 0 15px;
                                width:360px;
                                margin:0;
                                font-family:'Libre Baskerville', georgia, serif;
                                color:#444;
                                font-size:12px;
                                line-height:1.9;
                }



}


@media only screen and (min-width : 590px) {

	#single-product-gallery-container {
		width:50%;
	}

	#single-product-info {
		margin:0 0 12px 0;
		float:right;
		clear:none;
	}
		
	.single-product-review-bottom-div span { 
		margin-top:25px;
		margin-left:6px;
		margin-right:6px;
		display:inline;
	}            
	.single-product-review-bottom-div span:after { 
		content:"|";
		margin-left:23px;
	}
	.single-product-review-bottom-div span:last-child:after { 
		content:"";
	}
	
}


@media only screen and (min-width : 800px) {


.hp-main {
                                width: 34%; }
                                
.hp-secondary, .hp-third {
                                width: 33%;
                                border-left:2px solid #fff }
                                
.hp-extra {
                                display: block;
                                width: 33%; }


.category-thumb span {
                                display:block;
                                width:120px;
                                text-align:center;
                                font-family: 'Libre Baskerville', Georgia, 'Times New Roman', Times, serif;
                                font-size:11px;
                                font-weight: bold;
                                color:#000;
                                letter-spacing:0.5px;
                                margin-bottom:10px;
                                text-transform:uppercase
                }

	#single-product-add-to-bag-button {
		margin:13px 0 0 111px;
	}

	#single-product-price {
		width:109px;
		height:58px;
		line-height:58px;	
		font-family:'Libre Baskerville', georgia;
		font-size:20px;
		text-align:right;
		clear:both;
		display:inline-block;
		float:left;
	}

	#single-product-delivery-data {
		width:219px;
		height:58px;
		float:right;
		padding-top:2px;
		padding-left:3px;
	}

	#single-product-quantity {
		margin:3px 0 0 58px;
	}	

	#single-product-info {
		margin:0 0 12px 0;
		float:right;
		clear:none;
		width:330px;
	}	
	
	#single-product-tab-links span {
		color:#000;
		background-color:lightgrey;
		font-family:Georgia;
		font-size:11px;
		border-width:1px;
		height:25px; 
		border-bottom:1px solid white;
		border-left:1px solid lightgrey;
		border-right:1px solid lightgrey;
		border-top:1px solid lightgrey;
		padding:4px 10px 5px 10px;
		margin:10px 0 0 0;
		width: 107px!important;
		webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px; 
		-moz-border-radius-topleft: 5px; 
		-moz-border-radius-topright: 5px; 
		border-top-left-radius: 5px; 
		border-top-right-radius: 5px;     
		webkit-border-bottom-left-radius: 1px; 
		-webkit-border-bottom-right-radius: 1px; 
		-moz-border-radius-bottomleft: 1px; 
		-moz-border-radius-bottomright: 1px; 
		border-bottom-left-radius: 1px; 
		border-bottom-right-radius: 1px;
		text-transform:uppercase;
		cursor:pointer;
	}
	#single-product-tab-links span.active {
		background:#fff;
	}

	.single-product-tab-link {
		padding:4px 10px 5px 10px;
	}
	.single-product-tab-link {
		width:95px!important;
		display:inline-block;
		text-align:center;
		line-height:15px;
	}
	.single-product-tab-link:first-child {
		width:85px!important;
	}
	.single-product-tab-link:last-child {
		width:102px!important;
	}
		
	#single-product-tab-contents {
		border:1px solid lightgrey;
		border-top:none;
		margin-top:-12px;
		width:329px;
	}		
	
	#single-product-specification {
		margin-bottom:40px;
	}	
	#single-product-specification ul {
		padding-left:40px;
	}	
	#single-product-specification ul li	{
		font-size:12px;
	}
	
        .copyright-container-small {
         display:none  }

}

@media only screen and (min-width : 832px) {

	.social-buttons-container a {
		margin:0 16px;
	}
	.social-buttons-container span {
		margin:9px;
	}

	.big-text {
		font-size:12px;
	}

	#group-navigation-mobile {
		display:none;
	}

	#group-navigation {
		display:block;
	}
	#group-navigation ul {
		margin:0 auto;
		width:580px;
		list-style-type:none;
	}	
	#group-navigation ul li{
		display:inline-block;
		margin:4px 3px 0 0;	
	}

    #group-navigation ul li a {
      color: #fff;
      display: block;
      padding: 6px 15px 8px 15px;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-font-smoothing: subpixel-antialiased;
    }
	
	#group-navigation ul li a:hover {
		color:#f7e6bd;
	}	
	#group-navigation ul li a.group-navigation-gold-selection  {
		background:#fff; 
		color:#c2b488; 
		font-weight: bold;
		border-bottom:0px solid #2d2125;
		-webkit-border-radius:3px 3px 0px 0px;
		-moz-border-radius:3px 3px 0px 0px;
		border-radius:3px 3px 0px 0px; 
	} 	
	#group-navigation ul li a.group-navigation-gold-selection:hover {
		color:#dac081;
	} 		
	#group-navigation ul li div.tooltip {
		background:#fff;
		color:#777;
		border-top:none;
		border-left:1px #c2b488 solid;
		border-right:1px #c2b488 solid;
		border-bottom:1px #c2b488 solid;
		display:block;
		font-family:'Open Sans', Tahoma, arial;
		font-size:11px;
		opacity:0;
		padding:12px 16px 15px 16px;
		pointer-events:none;
		position:absolute;
		top:30px;
		-webkit-transform:translateY(-10px);
		-moz-transform:translateY(-10px);
		-ms-transform:translateY(-10px);
		-o-transform:translateY(-10px);
		transform:translateY(-10px);
		-webkit-transition:all .25s ease-out 0;
		-moz-transition:all .25s ease-out 0;
		-ms-transition:all .25s ease-out 0;
		-o-transition:all .25s ease-out 0;
		transition:all .25s ease-out;
		z-index:999;
		-webkit-border-radius:0px 0px 5px 5px;
		-moz-border-radius:0px 0px 5px 5px;
		border-radius:0px 0px 5px 5px;
		margin-left:-1px;
	}
	#group-navigation ul li div.tooltip:before {
		border-color:rgba(255,255,255,0) rgba(255,255,255,0) #f2f2f2 rgba(255,255,255,0);
		border-style:solid;
		border-width:5px 5px;
		content:" ";
		height:0;
		left:20px;
		position:absolute;
		top:-10px;
		width:0;
	}		
	#group-navigation ul li:hover div.tooltip {
		opacity:1;
		pointer-events:auto;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		transform:translateY(0)
	}
	.lt-ie9 #group-navigation ul li div.tooltip {
		display:none;
	}

	header {
		width:100%;
		margin:9px auto 0 auto;
		position:relative;
	}

	#header-col-1, #header-col-2, #header-col-3 {
		display:block;
		float:left;
	}
	#header-col-1, #header-col-3 {
		width:350px;
		vertical-align:top;
	}
	
	#header-col-1 {
		width:280px;
		position:absolute;
		left:12px;
        z-index:2;
        /*background-color:yellow;*/
	}
	
	#header-col-2 {
		margin-top:8px;
		margin-bottom:2px;
        z-index:0;
        /*background-color:red;*/
	}
	
	#header-col-3 {
		text-align:right;
		width:312px;
		position:absolute;
		right:12px;
        z-index:1;
        /*background-color:blue;*/
	}
	
	#header-col-1 a, #header-col-3 a, #header-col-3 span {
		font-family:'Open Sans', arial, sans-serif;
		font-size: 11px;
		font-weight:normal;
		color:#000;
		text-decoration:none;
		-webkit-font-smoothing:subpixel-antialiased;
		margin-right:9px;
		vertical-align:top;
	}
	#header-col-3 a, #header-col-3 span {
		margin-left:9px;
		margin-right:0;
	}
	#header-col-3 span {
		margin-right:9px;
	}
	#header-col-3 strong {
		font-family:Tahoma,Arial,sans-serif;
		position:relative;
		line-height:16px;
	}
	
	#header-col-1 a:hover, #header-col-3 a:hover {
		color:#dac081;
		text-decoration:none;
		border-bottom:2px solid #dac081;
	}	

	#search-box {
		margin-top:22px;
	}
	
	#search {
		margin:0;
		padding:0;
		height:20px;
		width:227px;
		border:1px solid #d9d9d9;
		vertical-align:top;
		position:relative;
		left:2px;
	}

    .search-box-desktop-textbox {
    margin: 0;
    padding: 0;
    height: 20px;
    width: 227px;
    border: 1px solid #d9d9d9;
    vertical-align: top;
    position: relative;
    left: 2px;
    padding-left: 4px;
	}

}


@media only screen and (min-width : 920px) {
	
	header {
		width:920px;
	}
	
	.big-text {
		font-size:13px;
	}
	
	.social-buttons-container {
		margin-top:0;	
	}	

	.fineprint {
		margin-left:0;
		margin-right:0;
	}

	.footer-divs-container {
		max-width:920px;
		margin:0 auto;
	}

	.footer-divs{
		float:left; 
		width:20%; 
		margin-right: 0px;
		margin-left: 0px;
		text-align: left;
		background-color:transparent;
		padding-bottom: 20px;
		padding-top:10px;
	}

	.footer-title {
		font-family:'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
		font-size:9px;
		font-size:7pt;
		padding-top: 6px;
		padding-bottom: 6px;
		margin-bottom:6px;
		color:#000;
		font-weight:bold;
		text-transform:uppercase;
		letter-spacing:1pt;
		border-bottom: 1px solid #a9a9a9;
		text-align:left;
	}

	.footer {
		width:100%;
		bottom:0;
		left:0;
		padding-bottom:0;
		font-family: 'Open Sans', tahoma,arial,helvetica,sans-serif;
		font-size:8pt;
		margin-bottom:0;
		text-align:left;
		color:#000;
		font-weight:bold;
		line-height:19px;
		text-align:center;
	}
	.footer a:link {
		font-weight:normal;
		color:#36252b;
		text-decoration:none;
	}                
	.footer a:visited {
		border-color:#d1b262;
		border-bottom:2px solid #d1b262;
		color:#36252b;
		font-weight:normal;
		text-decoration:none;
	}                
	.footer a:hover {
		border-color:#d1b262;
		border-bottom: 2px solid #d1b262;
		color: #d1b262;
		text-decoration: none;
		font-weight:normal;
	}                
	.footer a:active {
		border-color: #ff6600;
		border-bottom: 2px solid #ff6600;
		color: #ff6600;
		font-weight:normal;
	}

	#assay-assured-container {
		float:right;
		margin:15px 0 0 0;
	}
	
	#references {
		width:839px;
		height:40px;
		display:block;
		margin-top:15px;
		float:left;
	}
	#references img {
		width:100%;
	}
		
}


@media only screen and (min-width : 1000px) {


    .hp-wrap {
                               width: 920px; }



	#single-product-layout {
		padding:0 35px;
	}
		
	#single-product-gallery-container {
		width:494px;
	}
	
	#single-product-big-image-container {
		width:490px;
		margin:0;
	}	
	
	.single-product-big-image {
		width:490px;
	}

	#single-product-misc {
		padding-top:30px;
	}
	#single-product-misc h2 {
		font-size:18px;
	}	
	
	#single-product-misc h5 {
		font-size:13px;
	}	
	
	#single-product-misc td h3, #single-product-misc h3.td-adaptation { 
		font-size:18px;
	}
		
	#single-product-misc p {
		font-size:13px;
	}
	#single-product-misc .heading-orange {
		font-size:18px;
	}
	#single-product-misc table, #single-product-misc .table-adaptation {
		margin:0 auto 20px auto;
	}	
	
	.single-product-tables-2-col {
		width:50%!important;
		float:left;
	}
	
	#single-product-welsh-gold-stamp-text {
		width:62%;
		float:left;
	}

	#single-product-certificate-of-authenticity-text {
		width:63%;
		float:left;
	}

	#single-product-certificate-of-authenticity {
		float:right;
		margin-top:-20px;		
	}	
		
	#single-product-certificate-of-authenticity {
		display:inline-block;
	}	
	
	#single-product-welsh-gold-stamp {
		display:inline-block;
		float:right;
	}	
		
	.single-product-review-top-div { 
		font-size: 13px;
		width: 600px;
		margin-left: 110px;
	}

	.col-50-percent {
		float:left;
	}
	
	.col-50-percent p {
		padding:0 45px;
		font-size:12px;
		line-height:1.9;
	}
	
	.col-50-percent.pink img {
		margin-bottom:26px;
		margin-top:9px;
	}
	
	.col-50-percent h2 {
		width:100%;
		padding:35px 0 12px 0;
		font-size:16px;
		letter-spacing:2px;
		font-weight:400;
		font-family:Georgia, 'Times New Roman', Times, serif;
	}

	#main-menu-container {
		padding-top:0;
	}

	#main-menu-toggle-button-container {
		display:none;
	}
			
    #main-menu {
      display: inline-block!important;
      position: relative;
      top: 2px;
      padding: 0;
      margin: 0;
      text-align: left;
    }



/* adaptive my account menu */

	#my-account-menu-container {
		padding-top:0;
	}

	#my-account-menu-toggle-button-container {
		display:none;
	}
			
    #my-account-menu {
      display: inline-block!important;
      position: relative;
      top: 2px;
      padding: 0;
      margin: 0;
      text-align: left;
    }

    
			
	.menuam  {
        list-style-type:none;
        font-family:'Open Sans', Arial, Helvetica, sans-serif;
        font-weight:700;
        position:relative;
        z-index: 2200; /* 2200 orginal  11000 whitfield  */
        padding-left:0;
        height:38px; 
	}
	.menuam li {
		display:block;
		float:left;
		position:relative;
	}
	.menuam li:hover .submenuam {
		display:block!important;
	}
	.menuam li a {
		text-decoration:none;
		color:#333;
		font-size:12px;
		padding:8px 16px 0 0;	
		border:none;
		display:block;
		float:left;
		background:transparent;
	}
	.menuam li a.top-item {
		-webkit-transition:all .25s ease-out 0;
		-moz-transition:all .25s ease-out 0;
		-ms-transition:all .25s ease-out 0;
		-o-transition:all .25s ease-out 0;
		transition:all .25s ease-out;		
	}
	.menuam li:first-child a {
		border:none;
	}
	.menuam li a:hover {
		color:#dac081;
	}


    
	.submenuam {
		font-family:'Open Sans', Arial, Helvetica, sans-serif;
		font-weight:400;
		position:absolute;
		left:0px;
		top:12px;
		padding:11px 8px 12px 8px;
		display:none!important;
		background:#fff;
		z-index:10000;
		height:auto;
		margin-top:32px;	
		background:rgba(247, 247, 247, 0.97);
		border-left: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		-moz-box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
		-o-box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
		-webkit-box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
		box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-border-radius: 0px 0px 4px 4px;
		-moz-border-radius: 0px 0px 4px 4px;
		border-radius: 0px 0px 4px 4px;		
	}
	.submenuam li {
		display:block;
		width:auto;
		min-width:252px;  /*212px*/
		text-align:left;
	}
	.submenuam li a {		
		display:block;
		font-size:12px;
		height:22px;
		width:260px; /*220px*/
		line-height:17px;
		text-indent:10px;
		color:#333;
		text-decoration:none;
		padding:2px 0 2px 0;
		-webkit-font-smoothing:subpixel-antialiased;		
	}
	.submenuam li a:hover {
		background:#dac081;
		color:#fff;
		font-weight:bold;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
	}
	
	.submenuam-separator {
		margin-top:12px!important;
	}

	.submenuam-underlined {
		position:relative;
		margin-bottom:8px;
	}
	.submenuam-underlined:after {
		content:" ";
		display:block;
		width:100%;
		height:1px;
		background:#333;
		position:absolute;
		top:16px;
	}
	.submenuam-underlined:hover:after {
		background:transparent;
	}
/* eo adaptive my account menu */




			
	.menu  {
        list-style-type:none;
        font-family:'Open Sans', Arial, Helvetica, sans-serif;
        font-weight:700;
        position:relative;
        z-index: 2200; /*2200 orginal  11000 whitfield  */
        padding-left:0;
        height:38px; 
	}
	.menu li {
		display:block;
		float:left;
		position:relative;
	}
	.menu li:hover .submenu {
		display:block!important;
	}
	.menu li a {
		text-decoration:none;
		color:#333;
		font-size:12px;
		padding:8px 16px 0 0;	
		border:none;
		display:block;
		float:left;
		background:transparent;
	}
	.menu li a.top-item {
		-webkit-transition:all .25s ease-out 0;
		-moz-transition:all .25s ease-out 0;
		-ms-transition:all .25s ease-out 0;
		-o-transition:all .25s ease-out 0;
		transition:all .25s ease-out;		
	}
	.menu li:first-child a {
		border:none;
	}
	.menu li a:hover {
		color:#dac081;
	}

  	.submenu {
		font-family:'Open Sans', Arial, Helvetica, sans-serif;
		font-weight:400;
		position:absolute;
		left:0px;
		top:12px;
		padding:11px 8px 12px 8px;
		display:none!important;
		background:#fff;
		z-index:10000;
		height:auto;
		margin-top:32px;	
		background:rgba(247, 247, 247, 0.97);
		border-left: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		-moz-box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
		-o-box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
		-webkit-box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
		box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-border-radius: 0px 0px 4px 4px;
		-moz-border-radius: 0px 0px 4px 4px;
		border-radius: 0px 0px 4px 4px;		
	}
	.submenu li {
		display:block;
		width:auto;
		min-width:252px;  /*212px*/
		text-align:left;
	}
	.submenu li a {		
		display:block;
		font-size:12px;
		height:22px;
		width:260px; /*220px*/
		line-height:17px;
		text-indent:10px;
		color:#333;
		text-decoration:none;
		padding:2px 0 2px 0;
		-webkit-font-smoothing:subpixel-antialiased;		
	}
	.submenu li a:hover {
		background:#dac081;
		color:#fff;
		font-weight:bold;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
	}
	
	.submenu-separator {
		margin-top:12px!important;
	}

	.submenu-underlined {
		position:relative;
		margin-bottom:8px;
	}
	.submenu-underlined:after {
		content:" ";
		display:block;
		width:100%;
		height:1px;
		background:#333;
		position:absolute;
		top:16px;
	}
	.submenu-underlined:hover:after {
		background:transparent;
	}
	
	#main-content-container {
		width:920px;
		margin-top:8px;
	}
	
.category-thumbs > div {                            
    display:table;
    width:93%;
                }

.category-thumb img {
      width: 120px}


	.blurbs-container {
		padding:0 38px;
		margin-top:10px;
	}
	
	.col-auto {
		display:block;
		float:left;
	}

	.right {
		float:right;
		margin-top:0;
	}
	
	.desktop-only {
		visibility:visible;
	}	

}


/* *********************** */
/* *********************** */
/* CLOGAU CONTENT PAGE CSS */
/* *********************** */
/* *********************** */


@media only screen and (max-width: 481px) {

.hp-features p { display:none !important}
     
    .button {
  display:block !important;
}
                               
}


@media only screen and (max-width: 550px) {
    

    .black-box-left-text {
                margin: 0 auto !important;
                width:100% !important;
                float:left !important} 
                
.black-box-right-images {
                margin: 0 auto !important;
                width:100% !important;
                float:left !important} 
                
.black-box {
                background:url('https://www.clogau.co.uk/images/black-transparent-background.png') !important;
                margin: 0 auto !important;
                margin-top: 20px !important;
                width: 100% !important}

.about-page-left-column-images, .about-page-right-column-images {
                width:100% !important;
                margin:0 auto !important;
                padding:10px 0px 0px 0px !important;
                margin:0 !important}

                
.about-page-right-column-text, .about-page-left-column-text {
                display: inline !important;
                position: relative !important;
                width: 100% !important;
                float: left !important;
                padding-right: 5% !important;
                padding-top: 40px !important;
                padding-left: 5% !important;}
                
.responsive-image-container img{
                width: 100% !important}
                
h1.about {
                font-size:35px !important;
                margin: 0px !important;
                padding:38px 10px 0px 10px !important;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif !important;
                background: none !important}
                                                                
h1.about-black {
                font-size:35px !important;
                margin: 0px !important;
                padding:38px 10px 0px 10px !important;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif !important;
                background: none !important}
    
h2.subhead-white {
                font-size:12px !important;
                margin: 6px 0px 0px 0px !important;
                padding:0px 0px 20px 0px  !important;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                background: none !important}

h2.subhead-black {
  margin: 0px !important;
  padding: 0px 0px 0px 10px !important;
  background: none !important;
}

.all-jewellery-section-links {
                width: 100% !important;
                padding-top: 30px !important;
                text-align:center !important;
                float:left !important}
                
.all-jewellery-images {
                width: 100% !important;
                padding-top: 20px !important;
                text-align:center !important;
                float:left !important}
                
.all-jewellery-links-list {
                padding-bottom:0px !important;
                padding-top: 10px}


}


@media screen and (max-width: 800px) {

    #stockistscreen3buttons { display:none !important
    } 

.returnsprogressindicator  { display:none !important }

.bannerdivwrapper { display:none !important }

div#categorypagerecommendedimagebox {
                display:none }

div#categorypagerecommendedtextbox {
                display:none }

div#categorypagesublinks {
                display:none }

#bottom-content-category-pages {
                display:none }

#emailsignupdiv {
                display:none }

div#categorypagemaintopleftdiv {
    display: block;
    width: 100% !important;
    padding: 5px 10px 10px 10px !important;
}

.category-breadcrumbs {
  display: none;
}

.category-footer-text {
display:none }


h1.categories {
  padding: 5px 0px 15px 20px;
}

.footer-title.sponsors {
                display:none }

#assay-assured-container {
                display:none }

.fineprint {
                display:none }

#references {
                display:none }


.footer-title {
  padding-top: 20px !important;
}


#collectiontitlediv {
  width: 100% !important;
}

h1.collections {
  font-size: 35px !important;
  margin: 0px !important;
  padding: 20px 0px 5px 0px !important;
  background: none !important;
}



#collectiontextdiv {
  display:none
}

    .copyright-container-large {
         display:none }


#all-jewellery-header-div {
    display: block;
    width: 100% !important;
    padding: 5px 10px 10px 10px !important;
}

#all-jewellery-description-div {
                display:none}


h2.subhead-black {
  font-size: 13px !important;
  margin: 0px !important;
  padding: 6px 10px 0px 10px !important;
  background: none !important;
 }


}
/* end of max-width:800px */


.category-footer-text {
width: 100% }


#ProductsPageCMSWrapper{
                padding:0px;
                margin: 0px        }
                
#ProductsPageCMSWrapper h1 {
                font-family:'Libre Baskerville', Georgia, serif;
                font-size:30px;  }
                
#ProductsPageCMSWrapper p {
                font-family:'Libre Baskerville', Georgia, serif;
                font-size:11px;
                line-height:1.7;
                color:#444;}


/* Categories page DIVS -------------------------------------------------------------------------------- */ 

#categorypageheaderwrapper {
                width: 100%;
                background-color: #FFF}

div#categorypagemaintopleftdiv {
  width: 56%;
  float: left;
  padding: 15px 0px 10px 30px;
}

div#categorypagesublinks {
                width: 100%;
                padding: 20px 0px 20px 0px;
                text-align: center;
                margin: 0 auto }
                
div#categorypagerecommendedtextbox {
  width: 30%;
  float: right;
  padding: 90px 50px 0px 0px;
  margin: 0px;
}
                
div#categorypagerecommendedimagebox {
  width: 14%;
  float: left;
  padding: 85px 0px 0px 0px;
  margin: 0px;
  text-align: right;
}

p.category-header-feature {
  font-size: 11px;
  line-height: 1.7;
  padding: 0px 10px 0px 0px;
  margin: 10px 0px 0px 0px;
  color: #666;
  text-align: left;
  font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
}
                
p.category-intro {
                font-size: 11px;
                line-height: 1.7;
                padding: 0px 15px 0px 15px;
                margin: 10px 0px 0px 0px;
                color:#666;
                text-align:center;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif}
                
.category-breadcrumbs {
                padding-top: 10px;
                font-family: 'Open Sans', Arial, Helvetica, sans-serif;
                font-size: 11px;
                text-align:left}

#bottom-content-category-pages {
                width: 100%}



/* Collection page DIVS -------------------------------------------------------------------------------- */ 

#collectionwrapperdiv {
                width: 100%;
                background-color:#FFFFFF}

#collectiontitlediv {
                width: 45%;
                float: left;
                text-align: center;}


#collectiontextdiv {
                width: 54%;
                float:left;
                padding: 50px 60px 30px 10px;
                text-align: center}

/* Headers --------------------------------------------------------------------------------------------------- */

h1.about {
                font-size:40px;
                margin: 40px 0px 0px 0px;
                padding:44px 0px 0px 0px;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                background: url('https://www.clogau.co.uk/images/filigree-header-white.png') no-repeat center top;}
                
h1.about-black {
                font-size: 40px;
                margin: 40px 0px 0px 0px;
                padding: 44px 0px 0px 0px;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                background: url('https://www.clogau.co.uk/images/filigree-header-black.png') no-repeat center top;
}
                
h1.collections {
  font-size: 35px;
  margin: 40px 0px 0px 0px;
  padding: 44px 0px 0px 0px;
  font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
  background: url('https://www.clogau.co.uk/images/filigree-header-black.png') no-repeat center top;
}


h1.categories {
              font-size: 30px;
              margin: 0px;
              padding: 20px 30px 15px 30px;
              text-align: center;
              font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
              background: url('https://www.clogau.co.uk/images/filigree-header-line-black.png') no-repeat center bottom;
}
                
h2.feature {
                font-weight:700;
                font-size:24px;
                text-align:center;
                padding: 0px 0px 23px 0px;
                font-variant: normal;
                margin:0px;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                background: url('https://www.clogau.co.uk/images/filigree-header-line-black.png') no-repeat center bottom;

}

h2.subhead-white {
                font-size:12px;
                margin: 2px 0px 0px 0px;
                padding:0px 0px 50px 0px;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                background:       url('https://www.clogau.co.uk/images/filigree-header-white-reversed.png') no-repeat center bottom;}
                
h2.subhead-black {
                font-size: 12px;
                margin: 2px 0px 0px 0px;
                padding: 0px 0px 50px 0px;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                background: url('https://www.clogau.co.uk/images/filigree-header-black-reversed.png') no-repeat center bottom;
}


h2.subhead-categories {
                font-size:12px;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                margin: 2px 0px 0px 30px;
                padding:0px 0px 30px 0px;}
                
h2.collections {
                font-weight: 700;
                font-size: 16px;
                font-variant: small-caps;
                margin: 0px;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                padding: 5px 0px 15px 0px;
                letter-spacing: 1.5px
                }

h3.inset-header {
                color:#FFFFFF;
                font-weight:normal;
                font-size:15px;
                padding:30px 40px 20px 40px;
                margin:0px;
                font-weight:700;
                text-align:center;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                background: url('https://www.clogau.co.uk/images/filigree-header-line-white.png') no-repeat center bottom;}
                
h3.feature {
                color:#000;
                font-size:16px;
                font-weight:700;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                line-height:1.7}
                
.black-box { 
                background:url('https://www.clogau.co.uk/images/black-transparent-background.png'); margin:0 auto; }

/* Links ---------------------------------------------------------------------------------------------- */

.Links:link {
                color:#7C6F57;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                text-decoration:underline;
                font-weight: bold}
                
.Links:visited {
                color: #7C6F57;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                text-decoration: underline;
                font-weight: bold}
                
.Links:hover {
                color:#df8269;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                text-decoration:none;
                font-weight: bold}
                
.Links:active {
                color:#333333;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                text-decoration:underline;
                font-weight: bold}
                
.headerlinksrightpad {
                margin-right:10px; }
                
.headerlinksleftpad {
                margin-left:10px; }

/* P tags ---------------------------------------------------------------------------------------------- */
                
p.collection-page-links {
                margin:0px;
                padding:0px;
                line-height:1.7 }
                
p.feature {
                padding: 0px;
                margin: 20px 0px 20px 0px;
                line-height:1.7 }
                
p.borders {
                border-bottom: 1px #666 solid;
                border-top: 1px #999 solid;
                padding: 12px 0px 12px 0px;
                font-size: 20px}
                
.inset-box {
                font-size: 12px;
                line-height: 1.8;
                color:#FFFFFF;
                padding: 15px 40px 35px 40px;
                margin:0}
                
.inset-box-caption {
                font-size: 11px;
                line-height: 1.8;
                padding: 5px 10px 5px 10px;
                margin: 0px;
                color: #FFFFFF;
                background-color: #000;
                font-family: 'Open Sans', Arial, Helvetica, sans-serif;
                font-weight: normal;
                letter-spacing: normal;
                text-align: center}
                
p.inset-box::first-letter {
                font-size: 200%;
                margin: 0px;
                padding: 0px;
                line-height: 0px}
                
p.inset-box::first-line {
                font-variant:small-caps;
                font-size: 14px;}
                
p.quote {
                font-size: 16px;
                padding: 10px;
                line-height: 1.7;
                margin: 0px}
                
p.sublink {
                font-size: 13px;
                font-family:'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
                margin: 0px}
                
p.author {
                font-size: 13px;
                padding: 0px 0px 0px 20px;
                margin: 0px;
                font-style:italic;
                color:#666}
                
p.category-header-feature {
  font-size: 11px;
  line-height: 1.7;
  padding: 0px 10px 0px 0px;
  margin: 10px 0px 0px 0px;
  color: #666;
  text-align: left;
  font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif;
}
                
p.category-intro {
                font-size: 11px;
                line-height: 1.7;
                padding: 0px 15px 0px 15px;
                margin: 10px 0px 0px 0px;
                color:#666;
                text-align:center;
                font-family: 'Libre Baskerville', Georgia, "Times New Roman", Times, serif}
                
.category-breadcrumbs {
                padding-top: 10px;
                font-family: 'Open Sans', Arial, Helvetica, sans-serif;
                font-size: 11px;
                text-align:left}
                
q { quotes: "“" "”" "‘" "’"; }
                
.side-intro {
                font-size: 11px;
                padding: 3px 0px 5px 0px;
                margin: 15px 10px 15px 10px;
                line-height: 1.7;}
                
.black-text {
                color:#333 }
                
.white-text {
                color:#fff }


/* Buttons -------------------------------------------------------------------------------------------------------- */

.button {
    background: #e0cea0;
    background-image: -webkit-linear-gradient(top, #e0cea0, #795707);
    background-image: -moz-linear-gradient(top, #e0cea0, #795707);
    background-image: -ms-linear-gradient(top, #e0cea0, #795707);
    background-image: -o-linear-gradient(top, #e0cea0, #795707);
    background-image: linear-gradient(to bottom, #e0cea0, #795707);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    text-shadow: 1px 1px 2px #2e2e2e;
    -webkit-box-shadow: 1px 1px 4px #a8a8a8;
    -moz-box-shadow: 1px 1px 4px #a8a8a8;
    box-shadow: 1px 1px 4px #a8a8a8;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 20px 9px 20px;
    border: solid #7e6723 1px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.button:hover {
    background: #f2dfaf;
    background-image: -webkit-linear-gradient(top, #f2dfaf, #a5770a);
    background-image: -moz-linear-gradient(top, #f2dfaf, #a5770a);
    background-image: -ms-linear-gradient(top, #f2dfaf, #a5770a);
    background-image: -o-linear-gradient(top, #f2dfaf, #a5770a);
    background-image: linear-gradient(to bottom, #f2dfaf, #a5770a);
    text-decoration: none;
}



/***** ITEMS ON ITEMS PAGE *****/
/*.itemcontainer { border: none; height: 185px; width: 134px; padding: 13px 7px 3px 0px; margin: 2px 2px 3px 2px; text-align: left; vertical-align: top; font-family: 'Open Sans', Arial; font-size: 11px; float: left; }*/   
.itemcontainer {
  border: none;
  height: 185px;
  width: 137px;
  padding: 13px 3px 3px 3px;
  margin: 2px 2px 3px 2px;
  text-align: center;
  vertical-align: top;
  font-family: 'Open Sans', Arial;
  font-size: 11px;
  float: left;
}

.itemsubcontainer { margin:0; padding:0; text-align:left; }
.itemprice { margin: 0; padding: 0; text-align: center; line-height: 1.5; font-family: 'Open Sans', arial; font-size: 8pt; color: #444; }
.giftcategoryheading { font-family:Georgia; text-align:left; font-size:20px; padding-top:5px; }
#divnoitems {padding: 30px 30px 20px 30px;text-align: center;}
#divpanelsort {      padding: 8px 30px 8px 30px;
    margin: 8px 30px 20px 30px;
    text-align: center;
    background-color: #f4f4f4;
    font-size: 13px;
    font-weight: bold;
 }
/*#divcentreitems { text-align:left; padding-left:20px; }*/
#divcentreitems {
  text-align: center;
  padding-left: 25px;
  margin: 0 auto;
}
 
.itemsimageformat { height:120px; width: 120px; }
#ProductsPageCMSWrapperTop { padding: 0px  }
#ProductsPageCMSWrapperBotton { padding:20px 30px 20px 30px }
/***** END OF ITEMS ON ITEMS PAGE *****/

/***** CHARM BRACLET SELECTOR ON ITEMS PAGE *****/
.sizeditemcontainer {
  border: dotted 1px lightgrey;
  /* height: 170px; */
  width: 400px;
  padding: 2px 0px 19px 15px;
  margin: 0px 10px 10px 0px;
  text-align: left;
  vertical-align: top;
  font-family: 'Open Sans', Arial;
  font-size: 11px;
  float: left;
}  

.sizeditemsubcontainer {
                margin:0;
                padding:0;
                text-align:left;
}

.siheading {
  font-family: 'Libre Baskerville', arial;
  font-size: 14px;
  margin-bottom: 2px;
  font-weight: bold;
}

.siprice {
  font-family: 'Open Sans', arial;
  font-size: 13px;
  padding-bottom: 5px;
}
        
.sisizeoptions {
  font-family: 'Open Sans', arial;
  font-size: 11px;
  padding-bottom: 5px;
}

.siselectbutton {
  font-family: 'Open Sans', arial;
  font-size: 11px;
  padding: 3px 5px 3px 5px;
  font-weight: bold;
}

.siviewbutton {
  font-family: 'Open Sans', arial;
  font-size: 11px;
  padding: 5px 5px 5px 5px;
  color: gray;
  text-decoration: none;
}

.siaddtocartbutton {
  font-family: 'Open Sans', arial;
  font-size: 14px;
  padding: 5px 12px 6px 12px;
  background-color: #A6884A;
  color: white;
  text-decoration: none;
}
/***** END OF CHARM BRACLET SELECTOR ON ITEMS PAGE*****/

/* Fade effect - */
                
   .fade {
   opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
   }

   .fade:hover {
      opacity: 0.7;
      }

   /* END OF Fade effect  */

   /* Homepage CSS  */

* {
                                box-sizing: border-box; }

.hp-wrap {
                                margin: auto;
                                width: 100%; }

.hp-features  {
                                overflow: hidden;
                                width: 100%;
                                display: inline;
                                postion: relative;
                                float: left;
                                clear: both }

.hp-features p {
                                font-family:'Open Sans', arial;
                                color:#fff;
                                font-size: 13px;
                                line-height: 1.5;
                                padding: 15px;
                                margin: 0px; }

.hp-features h2  {
                                font-family:'Libre Baskerville', georgia, serif;
                                color: #fff;
                                text-align:center;
                                font-size: 16px;
                                padding: 15px;
                                margin: 0;
                                font-weight: bold }
                                
.hp-about-us-feature {
                z-index:-1;
                margin-top:5px;
                padding-bottom:20px}

                
.hp-about-us-feature h3{
                padding:30px 20px 0px 20px;
                margin:0;
                text-align:center;
                font-family:'Libre Baskerville' Georgia, 'Times New Roman', Times, serif;
                font-size:14px;
                letter-spacing: 1.5px;
                color:#000;
                text-align:center;
                font-weight:normal;
                line-height:1.8}

.hp-col {
                                padding: 0px;
                                margin: 0px;
                                height: auto; }

.hp-main {
                                background: #c58f85; }

.hp-secondary {
                                background: #87b2b0;}

.hp-third {
                                background: #a87250;}

.hp-extra {
                                display: none;
                                background: #E74C3C; }

.hp-col {
                                margin: 5px 0px 0px 0px;
                                padding: 0;
                                position: relative;
                                min-height:100% }

.hp-col:hover{
                                background-color: #c2b488;
}

.hp-default-link{
                                /* all rules required to make the whole div clickable */ 
                                position:absolute; 
                                width:100%;
                                height:100%;
                                top:0;
                                left: 0;
                                z-index: 1;
                                /* this is a fix for IE7-9 */
                                background-color:#ffffff;
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
                                filter: alpha(opacity=0);  
                                opacity:0; }

.hp-independent-link{
                                /* all rules required to make other links to work */ 
                                position: relative;
                                z-index: 100;
                                color:#fff;
                                font-weight:bold }

   /* end of Homepage CSS  */
   
  /* about us */  

.about-page-left-column-images {
  display: inline;
  position: relative;
  float: left;
  width: 40%;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 50px;
  line-height: 0;
}
                
.about-page-right-column-text {
                display: inline;
                position: relative;
                width: 60%;
                float: left;
                padding-right: 6%;
                padding-top: 50px}
                
.about-page-right-column-images {
  display: inline;
  position: relative;
  float: left;
  width: 40%;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 50px;
  line-height: 0;
}

.about-page-left-column-text {
                display: inline;
               position: relative;
                width: 60%;
                float: left;
                padding-left: 4%;
                padding-top: 50px}

.black-box {
                background:url('https://www.clogau.co.uk/images/black-transparent-background.png');
                margin: 0 auto;
                margin-top: 20px;
                margin-left: 4%;
                margin-right: 4%;} 
                
.black-box-left-text {
                margin: 0 auto;
                width:60%;
                float:left} 
                
.black-box-right-images {
  margin: 0 auto;
  width: 40%;
  float: left;
  line-height: 0;
}





/* Images -------------------------------------------------------------------------------- */

.fullstretch img {
                width:100%;
                height:auto;
}

.responsive-image-container img{
                max-width: 300px}




/***** START FAQ ACCORDION *****/

.leftA {
    float: left;
    width: 50%;
}
.rightA {
    float: right;
    width: 50%;
}
.groupA:after {
    content:"";
    display: table;
    clear: both;
}
imgA {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .leftA, 
    .rightA {
        float: none;
        width: auto;
    }
}
/** Start Main Box **/
.wrapperA {
  border: 1px solid #e9e9e9;
  margin-top: 1px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  width: 95%;
}
/** End Main Box **/

/** Start The thing to click **/
.lookAtMe {
  display: block;
  background-color: #fff;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
  color: #222;
  font-weight: normal;
  line-height: 1.3;
  padding: 18px 18px 18px 18px;
  width: 100%;
  -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
}

.alignleftA {
float: left;
width: 88%
}
.alignrightA {
  float: right;
  width: 8%;
  padding: 3px 0px 0px 0px;
}

.lookAtMe:hover {
  background-color: rgba( 255,255,255, .50);
  cursor: pointer;  
}
/** End The thing to click **/

/*  Start The thing that shows/hides */

input.checkMe {
  display: none;
  padding: 0;
  margin: 0;
  visibility: hidden;
}

.toggleMe {
  background-color: rgba( 0, 0, 0, .01
   );
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  line-height: 1.3;

  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
input.checkMe:checked + .toggleMe {
  max-height: 1000px;
 opacity: 1;
  visibility: visible;  
  display: block;  
}
/* End The thing that shows/hides */

/***** END FAQ ACCORDION *****/





/* FOOTER ------------------------------------------------------- */

.footer-container {
  width: 100%;
  margin: 0px auto;
}

.footer-container > ul {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0;
}


.title {
  font-family: 'Pacifico';
  font-weight: norma;
  font-size: 40px;
  text-align: center;
  line-height: 1.4;
  color: #C0392B;
}

.dropdown {
  position: relative;
  font-family:'Open Sans', arial;
  font-size:15px
}
.dropdown a {
  text-decoration: none;
}
.dropdown [data-toggle="dropdown"] {
  display: block;
  color: white;
background: #dccd9f; /* Old browsers */
background: -moz-linear-gradient(top,  #dccd9f 0%, #c1b386 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dccd9f), color-stop(100%,#c1b386)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dccd9f 0%,#c1b386 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dccd9f 0%,#c1b386 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dccd9f 0%,#c1b386 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dccd9f 0%,#c1b386 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dccd9f', endColorstr='#c1b386',GradientType=0 ); /* IE6-9 */
  padding: 10px;
}
.dropdown [data-toggle="dropdown"]:hover {
  background: #dccd9f;
}
.dropdown [data-toggle="dropdown"]:before {
  position: absolute;
  display: block;
  content: '\25BC';
  font-size: 0.7em;
  color: #fff;
  top: 13px;
  right: 10px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown > .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
}
.dropdown > .dropdown-menu li {
  padding: 0;
}
.dropdown > .dropdown-menu li a {
  display: block;
  color: #6e6e6e;
  background: #fff;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #e5e5e5 inset;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #e5e5e5 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #e5e5e5 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
  padding: 10px 10px;
}
.dropdown > .dropdown-menu li a:hover {
  background: #edddac;
}
.dropdown > input[type="checkbox"] {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.dropdown > input[type="checkbox"]:checked ~ .dropdown-menu {
  max-height: 9999px;
  display: block;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  -webkit-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
}
.dropdown > input[type="checkbox"]:checked + a[data-toggle="dropdown"]:before {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
   -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
   -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
   -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

.section a:link {
                font-family: 'Open Sans', arial;
                line-height: 1.7;
                font-weight:normal;
                color:#36252b;
                text-decoration:none;
}                
.section a:visited {
                border-color:#d1b262;
                border-bottom:2px solid #d1b262;
                color:#36252b;
                font-weight:normal;
                text-decoration:none;
}                
.section a:hover {
                border-color:#d1b262;
                border-bottom: 2px solid #d1b262;
                color: #d1b262;
                text-decoration: none;
                font-weight:normal;
}                
.section a:active {
                border-color: #ff6600;
                border-bottom: 2px solid #ff6600;
                color: #ff6600;
                font-weight:normal;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}

.col:first-child {
  margin-left: 0;
}

/*  GROUPING  */
.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 */
}

/*  GRID OF FIVE  */
.span_5_of_5 {
  width: 100%;
      text-align: left;
  font-size: 11px;
}

.span_4_of_5 {
  width: 79.68%;
      text-align: left;
  font-size: 11px;
}

.span_3_of_5 {
  width: 59.36%;
      text-align: left;
  font-size: 11px;
}

.span_2_of_5 {
  width: 39.04%;
      text-align: left;
  font-size: 11px;
}

.span_1_of_5 {
  width: 18.72%;
    text-align: left;
  font-size: 11px;

}

/*  GO FULL WIDTH BELOW 800 PIXELS */
@media only screen and (max-width: 800px) {
  .col {
    margin: 1% 0 1% 0%;
  }

  .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 {
    display: none;
  }
}
/*  GO FULL WIDTH BELOW 800 PIXELS */
@media only screen and (min-width: 799px) {
    .footer-container {
        display: none;
    }
}




#footerlinkswrapper {
    max-width: 920px;
    margin: 0 auto;
}


.main-text-container {
                padding-left: 6%;
                padding-right: 6%}


/* Brochure page */
#brochurecontainer { padding:20px; }

#brochurecolumn1 { width:50%; float:left; }
#brochurecolumn1 > h1 { margin:20px }

#brochurecolumn2 { width:100%; float:left; }
/* end of Brochure page */


/* All jewellery page -------------------------------------------------------------------------------- */

#all-jewellery-header-div {
  width: 45%;
  float: left;
  padding: 5px 0px 10px 0px;
}

#all-jewellery-description-div {
  width: 48%;
  float: left;
  text-align:center;
  padding-top: 70px;
  margin: 0px;
}

.all-jewellery-links-list {
                max-width:870px;
                text-align:center;
                margin:0 auto;
                padding-bottom:30px;
                padding-top: 10px}

.all-jewellery-section-links {
                width: 40%;
                padding-top: 0px;
                padding-bottom: 10px;
                padding-left: 3%;
                padding-right: 3%;
                text-align:center;
                float:left }

                
.all-jewellery-images {
                width: 54.348%;
                padding-top: 1px;
                text-align:center;
                float:left }

/* End of All jewellery page -------------------------------------------------------------------------------- */



/***** AJAX ITEMS *****/

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px 1px;
    padding: 0px;
    cursor: pointer;
    display: block;
    float: left;
    background-repeat: no-repeat;
}
.filledRatingStar {
    background-image: url(https://www.clogau.co.uk/images/ajax/filledstar.png);
}

.emptyRatingStar {
    background-image: url(https://www.clogau.co.uk/images/ajax/emptystar.png);
    
}
.savedRatingStar 
{
    background-image: url(https://www.clogau.co.uk/images/ajax/savedstar.png);
}


.CompletionList
{
	font-family:Arial;
	font-size: 10px;
	width: 400px;
	background-color: White;
	border: solid 1px silver;
}
.CompletionListItem
{
	font-family:Arial;
	font-size: 10px;
	font-weight: normal;
	list-style: none;
	color: Black;
}
.CompletionListHighlightedItem
{
	font-family:Arial;
	font-size: 10px;
	font-weight: normal;
	color:Maroon;
}

.CompletionListBig
{
	font-family:Arial;
	font-size: 14px;
	width: 400px;
	background-color: White;
	border: solid 1px silver;
}
.CompletionListItemBig
{
	font-family:Arial;
	font-size: 14px;
	font-weight: normal;
	list-style: none;
	color: Black;
}
.CompletionListHighlightedItemBig
{
	font-family:Arial;
	font-size: 14px;
	font-weight: normal;
	color:Maroon;
}


.gvgrid 
{    
	background-color: #fff;    
	margin: 2px 2px 2px 2px;   
	padding: 0px; 
	border: solid 1px black;
} 
.gvgrid th
{
	background-color: #c1c1c1;
	border: solid 1px #c1c1c1; 
	padding: 4px 2px;
	color:Black;
	font-weight:bold;
	font-size: 0.9em; 
}
.gvgrid td 
{    
	padding: 2px;    
	border: solid 1px #c1c1c1;    
	color: #717171; 
}

        .BarIndicator_weak
        {
            color:Red;
            background-color:Red;
        }
        .BarIndicator_average
        {
            color:Blue;
            background-color:Blue;
        }
        .BarIndicator_good
        {
            color:Green;
            background-color:Green;
        }

        .BarBorder {
            border-style: solid;
            border-width: 1px;
            padding: 2px 2px 2px 2px;
            width: 150px;
            height: 20px;
            vertical-align: middle;
        }

        .auto-style3 {
            width: 551px;
        }

        .auto-style4 {
            width: 100px;
            height: 41px;
        }
        .auto-style5 {
            width: 551px;
            height: 41px;
        }

/***** END OF AJAX ITEMS *****/


/***** GW SINGLE PRODUCT PAGE *****/

#prodpagecontainer { border:none; padding:0px 35px 0px 35px; }

#prodpagetopleft { border:none; width:494px; margin:0px; padding:0px 0px 0px 0px; float:left; }

#prodpagecmsarea { border:none; margin:0px; padding:0px; }

#prodpagecustomerreviews { border:none; margin:30px 0px 0px 0px; padding:0px; }

#mainimageborder { border: 1px solid #E8E8E8; padding:0px; margin:0px 0px 10px 0px; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#prodpagetopright { border:none; width:330px; margin:0px; padding:0px; float:right; font-size:12px; }

#trh1 {
  font-size: 21px;
  margin: 0px;
  padding: 0px;
  font-family: 'Libre Baskerville', Georgia;
  font-weight: bold;
  color: #000;
  text-align: left;
}


#trsubheading { color: #777; font-size: 13px; margin-top: 5px; font-family: 'Open Sans', arial, sans-serif; -webkit-font-smoothing: subpixel-antialiased;}

#trreviewdiv { margin-top:8px; margin-bottom: 5px; width:100% }

#tblpriceandinfo {
    /*width: 100%;*/
    border: 1px solid #FFF;
    line-height: 1.6;
    border: 1px solid #FFF;
    margin-bottom: 10px;
}

.tblpriceandinfotd1 {
    width: 31%;
    border: 1px solid #FFF;
    text-align: right;
    font-family: "Libre Baskerville",georgia;
    font-weight: normal;
    font-size: 11px;
    padding-right: 5px;
}


.tblpriceandinfotd2 {
    width: 67%;
    text-align: left;
    font-size: 12px;
    font-family: arial;
    font-weight: normal;
}



/*#tblpriceandinfo { width:330px; border:1px solid white; margin-bottom: 10px } 
.tblpriceandinfotd1 { width: 110px; border: 1px solid white; text-align: right; font-family: 'Libre Baskerville', georgia; font-weight: normal; font-size: 11px; }
.tblpriceandinfotd2 { width: 220px; border: 1px solid white; text-align: left; font-family: arial; font-weight: normal; font-size: 12px; }*/

#prodpagesitemap {
  padding: 15px 10px 15px 20px;
}


.tblpriceandinfotd2 p { margin-bottom:3px; margin-top:3px }
.directrrp { color:Black; font-size:20px }
.directsalerrp { color:Black; font-size:20px; text-decoration:line-through; }
.directsaleprice { color:Black; font-size:12px; font-weight:bold; }
.directyousave { color:Red; font-size:12px; font-weight:bold; }
.wholesalerrp { color:Black; font-size:20px }
.wholesaleprice { color:Blue; font-size:12px; font-weight:bold; }
.wholesalerrpsale { color:Black; font-size:20px;  text-decoration:line-through; }
.wholesalepricesale { color:Red; font-size:12px; font-weight:bold; }

.lblNotForSale { color:#bb1c1c; font-size:16px; font-weight:bold; } 

#YouMayAlsoLike {
  font-family: 'Libre Baskerville', georgia;
  font-size: 14px;
  font-weight: bold;
  padding-top: 15px;
}

#MoreFromThe {
  font-family: 'Libre Baskerville', georgia;
  font-size: 14px;
  font-weight: bold;
  padding-top: 15px;
}

#reviewh2 { color: #cf6b00; font-family: 'Libre Baskerville', georgia, "times new roman", times, serif; font-weight: normal; font-size: 19px; }

.hr-dotted {height: 0px; border-top: 1px dotted #999; margin-top: 8px; margin-bottom: 8px }

#threetabs { border: 1px solid white; margin:10px 0px 0px 0px; padding:0px; font-family: georgia; font-size: 11px; }
#threetabsbody { border-top: 1px solid white; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width:325px; font-size: 12px; line-height:1.4; font-family: arial} 

#litExtraInfo { font-size: 12px; line-height:1.4; font-family: arial; }

#freewithitem {  margin: 10px 0px 0px 0px; padding: 10px 10px 5px 10px; width: 305px; font-size: 11px; line-height: 1.4; font-family: 'Open Sans', arial;}
#wishlistdiv {  padding: 10px 10px 10px 10px; width: 305px;}
#wishlistdivold {  margin:10px 0px 0px 0px; padding: 0px 0px 5px 0px; width:305px;  border:none; }
#retailstocklevels {  margin:10px 0px 0px 0px; padding: 10px 10px 5px 10px; width:305px;  border: 1px solid #CCCCCC; font-size: 11px; line-height:1.4; font-family: arial; webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}

#prodpagetoprighttopbox {  margin:10px 0px 0px 0px; padding:0px; width:330px;  border: 0px solid #CCCCCC; webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}

.reviewdiv {
  font-size: 13px;
  line-height: 1.6;
  font-family: 'Open Sans', arial;
  width: 600px;
  padding: 30px;
  border: 1px solid #e7e7e7;
  webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 5px 2px #e7e7e7;
  -webkit-box-shadow: 0 0 5px 2px #e7e7e7;
  margin-left: 130px;
}
   
.reviewdivbottom { margin-left: 110px; border: none; padding: 0px 0px 15px 40px; margin-bottom: 30px; font-family: 'Open sans', arial; }
            

.goldlinknofontformat
{
                color:#95846d; 
                text-decoration:none;
}

.goldlinknofontformat:hover, .goldlinknofontformat:active
{
    color:#95846d; 
                text-decoration:underline;
}

.product-description {
  margin: 0;
  line-height: 1.6;
  font-family: 'Libre Baskerville', georgia, 'Open Sans', arial;
  font-size: 11px;
  color: #444;
  padding: 0px 0px 15px 0px;
}

/***** END OF GW SINGLE PRODUCT PAGE *****/


/***** MAGIC ZOOM *****/


/* Style of the small image link */
.MagicZoomPlus, .MagicZoomPlus:hover {
    display: inline-block;
    cursor: url(https://www.clogau.co.uk/magiczoomplus/graphics/zoomin.cur), pointer;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr;
    max-width: 100%;
}

/* Style of the small image */
.MagicZoomPlus img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: auto;
}

.MagicZoomPlus > img {
    max-width: 100%;
}
.MagicZoomPlus.magic-for-ie8 img {
    max-width: none !important;
}
.MagicZoomPlus.magic-for-ie7 > img {
    width: auto;
}


/* Style of the span inside the small image link */
.MagicZoomPlus span {
    display: none !important;
}

/* Style of hint box */
.MagicZoomPlusHint {
    background: url(https://www.clogau.co.uk/magiczoomplus/graphics/hint.gif) no-repeat 2px 50%;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    padding: 2px 2px 2px 20px !important;
    text-align: left;
    text-decoration: none;
}

/* Style to hide external title or caption on a page. Only needed for #id method */
.MagicZoomPlus-ExternalText {
    display: none;
}


/* Style of the zoomed image */
.MagicZoomBigImageCont {
    background: #ffffff;
    border: 1px solid #999;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.MagicZoomBigImageCont img {
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    width: auto !important;
}

/* Style of text on the zoomed image */
.MagicZoomHeader {
    background: #666;
    color: #fff;
    font-size: 10pt !important;
    line-height: normal !important;
    text-align: center !important;
}

/* Style of square magnify area under the cursor */
.MagicZoomPup {
    background: #fff;
    border: 1px solid #aaa;
    cursor:url(https://www.clogau.co.uk/magiczoomplus/graphics/zoomin.cur),pointer;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
    background: #fff url(https://www.clogau.co.uk/magiczoomplus/graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}

/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;
}
.MagicHotspots a {
border: 1px solid #ccc;
display: block !important;
position: absolute !important;
}
.MagicHotspots a:hover {
border: 1px solid red;
}

/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {
    cursor: default;
}

/* Style of the expanded image */
.MagicThumb-expanded {
    background: #ffffff;
    border: 1px solid #ccc;
    cursor: url(https://www.clogau.co.uk/magiczoomplus/graphics/zoomout.cur), pointer;
    outline: 0;
    padding: 0;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.MagicThumb-expanded img {
    background: #ffffff;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
    background: #ccc;
    border: 0 !important;
    color: #333;
    font: normal 10pt Verdana, Helvetica;
    min-height: 18px !important;
    /*padding: 8px;*/
    outline: 0 !important;
    text-align: left;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
    background: transparent url(https://www.clogau.co.uk/magiczoomplus/graphics/buttons1.png) no-repeat 0 0;
    display: block;
    height: 24px;
}

.MagicThumb-buttons a {
    height: 24px;
    margin: 0px 1px !important;
    overflow: hidden;
    width: 24px;
}

/* Style of the loading message box */
.MagicThumb-loader {
    background: #fff url(https://www.clogau.co.uk/magiczoomplus/graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #000;
    font: normal 12pt sans-serif;
    line-height: 1.5em;
    margin: 0;
    padding: 2px 2px 2px 22px;
    text-align: left;
    text-decoration: none;
}

.MagicThumb-expanded > div > div > div > img {
    max-height: none !important;
    max-width: none !important;
    height: auto !important;
    width: auto !important;
}

.MagicThumb-background {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.magic-temporary-img img {
    max-height: none !important;
    max-width: none !important;
}

/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}

/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
-moz-box-shadow: 0px 0px 4px 4px #D1D0CE;
-webkit-box-shadow: 0px 0px 4px 4px #D1D0CE;
box-shadow: 0px 0px 4px 4px #D1D0CE;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#D1D0CE') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#D1D0CE')" !important;
}

/***** END OF MAGIC ZOOM *****/



/* responsive stockist page */

#outerContainer {
    width: 100%;
    text-align: center;
}

#innerContainer {
    display: inline-block;
    text-align: left;
}

.stockistimageupload-previewImage { background: url("https://www.clogau.co.uk/stockist/uploadedImages/preview.jpg") no-repeat; 
                /*src: url("https://www.clogau.co.uk/stockist/uploadedImages/preview.jpg") ;*/
}

/* end of responsive stockist page */


/* responsive product page */

.moduleAW {
  margin: 10px;
  padding: 0px;
  padding-left: 2%;
}

headerAW {
}

.contentAW {
  float: left;
  width: 60%;
}

.contentAW .moduleAW {
  height: 100%;
}

.sidebarAW {
  float: right;
  width: 40%;

}

footerAW {
  clear: both;
}

@media screen and (max-width: 800px) {
  .contentAW {
    float: none;
    width: auto;
  }
  .sidebarAW {
    float: none;
    width: auto;
  }

  .moduleAW {
  margin: 10px;
  padding: 0px;
}


    #dividend  { display:none; }
    
    #productpage-morethandiv  { display:none; }
    
    #productpage-youhavejustviewed  { display:none; }
    
    #prodpagecustomerreviews { display:none; }
    
    #trreviewdiv { display:none; }


}

/* end of responsive product page */


/* 3 TABS ON PRODUCT PAGE  */


/* Component Needs */
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700);
.pc-tab > input,
.pc-tab section > div {
  display: none;
}

#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2,
#tab3:checked ~ section .tab3 {
  display: block;
}

#tab1:checked ~ nav .tab1,
#tab2:checked ~ nav .tab2,
#tab3:checked ~ nav .tab3 {
  color: red;
}

/* Visual Styles */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pc-tab {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  margin-top: 25px;
}
.pc-tab ul {
  list-style: none;
  margin: 0;
  padding: 0px 0px 15px 0px;
}
.pc-tab ul li label {
  font-family: georgia;
  font-size:11px;
  float: left;
  padding: 9px 10px;
  border: 1px solid #ddd;
  text-transform:uppercase;
  border-bottom: 0;
  background: #eeeeee;
  color: #444;
}
.pc-tab ul li label:hover {
  background: #dddddd;
}
.pc-tab ul li label:active {
  background: #ffffff;
}
.pc-tab ul li:not(:last-child) label {
  border-right-width: 0;
}
.pc-tab section {
  font-family: 'Libre Baskerville';
  font-size: 11px;
  color:#444;
  padding:0px 8px 5px 0px;
  clear: both;
}
.pc-tab section div {
  margin: 0px;
  padding: 19px 25px 10px 25px;
  width: 100%;
  border: 1px solid #ddd;
  background: #fff;
  line-height: 1.5;
  color: #444;
  font-family: 'Libre Baskerville', georgia;
  font-size: 11px;
}
.pc-tab section div h2 {
  margin: 0;
  font-family: 'Libre Baskerville', georgia;
  font-size: 1.5em;
  color: #34495e;
  padding-bottom: 10px;
}

#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label,
#tab3:checked ~ nav .tab3 label {
  background: white;
  color: #111;
  position: relative;
}
#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after,
#tab3:checked ~ nav .tab3 label:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}

/* END OF 3 TABS ON PRODUCT PAGE  */

/* COMPOSE MOBILE ONLY WARNING */
    
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');

.warning-msgAW {
  color: #9F6000;
  background-color: #FEEFB3;
  margin: 10px 0;
  padding: 10px 10px 10px 10px;
  width: 100%;
  border-radius: 3px 3px 3px 3px;
}

/* COMPOSE MOBILE ONLY WARNING */


#evententryform {
    padding-left:60px;
}



/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
                position: relative;
                margin: 0 auto 60px;
                padding: 0;
                *zoom: 1;
}

.bx-wrapper img {
                max-width: 100%;
                display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
                border: 0px;
                background: #fff;
                
                /*fix other elements on the page moving (on Chrome)*/
                -webkit-transform: translatez(0);
                -moz-transform: translatez(0);
                -ms-transform: translatez(0);
                -o-transform: translatez(0);
                transform: translatez(0);
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
                position: absolute;
                bottom: -30px;
                width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
                min-height: 50px;
                background: url(../img/bx_loader.gif) center center no-repeat #fff;
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    /* font-size: .85em; */
    /* font-family: Arial; */
    font-weight: bold;
    color: #666;
    padding-top: 11px;
    padding-bottom: 6px;
    background-color: #f5f5f5;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
                display: inline-block;
                *zoom: 1;
                *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
                background: #c9c9c9;
                text-indent: -9999px;
                display: block;
                width: 10px;
                height: 10px;
                margin: 0 5px;
                outline: 0;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #b29653;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
                left: 10px;
                background: url(../img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
                right: 10px;
                background: url(../img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
                background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
                background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
                position: absolute;
                top: 50%;
                margin-top: -16px;
                outline: 0;
                width: 32px;
                height: 32px;
                text-indent: -9999px;
                z-index: 0; 
}

.bx-wrapper .bx-controls-direction a.disabled {
                display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
                text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
                display: block;
                text-indent: -9999px;
                width: 10px;
                height: 11px;
                outline: 0;
                background: #000 url(../img/controls.png) -86px -11px no-repeat;
                margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
                display: block;
                text-indent: -9999px;
                width: 9px;
                height: 11px;
                outline: 0;
                background: #000 url(../img/controls.png) -86px -44px no-repeat;
                margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
                text-align: left;
                width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
                right: 0;
                width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
                position: absolute;
                bottom: 0;
                left: 0;
                background: #666\9;
                background: rgba(80, 80, 80, 0.75);
                width: 100%;
}

.bx-wrapper .bx-caption span {
                color: #fff;
                font-family: Arial;
                display: block;
                font-size: .85em;
                padding: 10px;
}

/* END OF BX SLIDER */




/* for vimeo */
.player .video-wrapper {
  position: absolute !important;
  background: #fff !important;
}
/* end of for vimeo */


/* START OF BROCHURE REQUEST CSS */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

@media only screen and (min-width: 799px) {

  .span_3_of_3 {
    width: 100%;
  }
  .span_2_of_3 {
    width: 66.1%;
  }
  .span_1_of_3 {
    width: 32.2%;
  }
  .col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
  }
  .col:first-child {
    margin-left: 0;
  }
}

@media only screen and (max-width: 480px) {
  /* line 48, ../sass/test.scss */
  
  .section {
    width: 100%;
    /* fix for Firefox */
    
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
  /* END OF BROCHURE REQUEST CSS */ 


  
@media only screen and (max-width: 550px) {  
.bx-wrapper .bx-controls-direction a { display:none}
}
