/*** SITE SPECIFIC CSS ***/

#sitePages.checkoutPage { padding: 30px 0; }

#sitePages.checkoutPage .form-control,
#sitePages.checkoutPage .btn { 	height: 40px; }
#sitePages.checkoutPage .btn-default { 
	background: #B3B3B3;
	color: #FFFFFF; }
#sitePages.checkoutPage .btn-block {
	background: transparent;
	border-color: #DDDDDD;
	font-size: 13px !important; }
#sitePages.checkoutPage hr { border-top-color: #DDDDDD; }

#sitePages.checkoutPage .pageHeader h1 { float: none; }

.separator {
	align-items: center;
	display: flex;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center; }

.separator::before,
.separator::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #DDDDDD; }
.separator:not(:empty)::before { margin-right: 15px; }
.separator:not(:empty)::after { margin-left: 15px; }

.flexRow {
	align-items: center;
	display: flex;
	justify-content: space-between; }
.flexRow h4 { font-weight: bold; }
.flexRow p { margin: 0; }
#checkoutPageForms p a {
	color: inherit;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline; }

#checkoutPageForms #savedAddressOptions .flexRow {
	border: 1px solid #DDDDDD;
	height: 40px;
	line-height: 1;
	margin-bottom: 5px; }
#checkoutPageForms #savedAddressOptions .flexRow p { 
	margin: 0 0 0 15px;
	width: 85%; }
#checkoutPageForms #savedAddressOptions .flexRow .btn-block { 
	border: 0;
	color: #009245;
	width: 15%; }

.blue { color: #34afd9; }

#checkoutPageForms .input-group { margin-bottom: 10px; }

#checkoutPageOverview #orderSummary .flexRow { margin-top: 15px; }

.lineitemImage {
	align-items: center;
	border: 1px solid #DDDDDD;
    position: relative;
    height: 60px;
    text-align: center;
    width: 60px; }
.lineitemImage img {
	height: auto;
	max-width: 100%; }
.lineitemImage .badge {
	display: block;
    font-size: 12px !important;
    font-weight: normal;
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center; }

.lineitemName {
	margin-right: auto;
    margin-left: 20px; }
.lineitemValue { margin-left: 50px; }

.grandtotalFinal p small, 
.grandtotalValueFinal p small { font-size: 13px; }

#siteLogo p {
	font-weight: bold;
	margin: 0;
	text-align: center; }

.thumbnail .productImage {
	display: flex;
	align-items: center;
	justify-content: center; }
.thumbnail .productImage img {
	max-height: 100%;
	height: auto;
	width: auto;
	max-width: 100%; }
#productPageImageHolder .productPageImage {
	display: flex;
	align-items: center;
	justify-content: center; }

#basketContents .basketDetails p.basketProductName { line-height: 110%; }
.basketItem .basketImage img {
	height: auto;
	max-width: 100%; }

#siteActions #actionIconsHolder .actionIcon { position: relative; }
.basketItems {
	display: block;
	font-size: 12px !important;
	font-weight: normal;
	position: absolute;
	top: 20px;
	right: 8px;
	text-align: center; }

.tab-content .pdfSpecSheets li img { width: 40px; }

#productInfoData {
    background: rgba(255,255,255,0.8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10000; }
#productInfoData table {
	color: #2f4a89;
	font-weight: bold;
	height: 100%;
    text-align: center;
    width: 100%; }

table.productOptions tr td {
	border-top: 0;
	padding: 5px 0; }

.dropdown-menu-right { left: auto !important; }

.pageContent ul { margin-bottom: 20px; }
.pageContent ul li ul { margin-bottom: 0px; }

#footerSocial ul { float: left; }
.trustpilot-widget { margin: 5px 0 0 5px; }

#paymentOptionsLogos img {
	float: left;
	max-width: 100%; }

#additionalImages {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px; }
.additionalImageItem { display: flex; }
.additionalImageItem img { width: 100%; }

.fancybox-navigation .fancybox-button--arrow_left { left: 75px;}
.fancybox-navigation .fancybox-button--arrow_right { right: 75px; }

.thumbnailProductName .thumbnailTable { height: 120px; }

/*#categoryProducts .categoryThumbnail .thumbnail { height: 300px; }*/

@media (min-width: 1200px) {

	body { padding-top: 112px; }
	body.vatPadding { padding-top: 140px; }

	body.imitating { padding-top: 152px; }
	body.imitating.vatPadding { padding-top: 182px; }

	header.smaller {
		border-bottom-width: 5px;
		padding: 5px 0 10px 0; }

	header.smaller #siteLogo, #siteLogo { padding-top: 0; padding-bottom: 0; width: 24%;}
	#siteLogo img { max-height: 92px; }

	header.smaller #siteSearch { padding-top: 15px; }
	header.smaller #siteActions { padding-top: 18px; }

  	header.smaller #siteContact, #siteContact { width: 23%; padding-top: 18px; padding-left: 0; padding-right: 0; }
  	#siteContact p { margin-bottom: 0; }
  	#siteContact p.emailAddress { font-size: 14px; }
  	header.smaller #siteSearch, #siteSearch { width: 23%; }
  	#searchbox .form-control { padding-right: 18px; }
  	header.smaller #siteActions, #siteActions { width: 30%; }
  	#siteActions { padding-top: 18px; }

  	#siteActions #actionIconsHolder .actionIcon { width: 64px; }

  	.footerLinks { width: 20%; }
  	.footerHeadingAlt { margin-top: 5px; }

  	.securedPaymentImage { margin: 10px 12px 0 0; }
  	#paymentOptionsLogos img { height: 26px; }

	#footerSocial { width: 30%; }
	#footerSocial ul { margin-top: 10px; }
	#footerSocial ul li img { height: 26px; }

	.additionalImageItem { width: 25%; }

}
@media (min-width: 992px) {

	#sitePages.checkoutPage {
		background-image: url('../images/white-bg.png');
		background-repeat: repeat-y;
		background-size: 50% auto;
		height: 100%; }

	#checkoutPageForms { padding-right: 100px; }
	#checkoutPageOverview { padding-left: 100px; }

}
@media (min-width: 992px) and (max-width: 1199px) {

	body { padding-top: 90px; }
	body.vatPadding { padding-top: 130px; }

	body.imitating { padding-top: 130px; }
	body.imitating.vatPadding { padding-top: 170px; }

	header.smaller { padding: 5px 0 10px 0; }

	header.smaller #siteContact { padding-top: 12px; width: 22%; }
  	header.smaller #siteSearch, #siteSearch { width: 28%; padding-left: 5px; padding-right: 0; }
  	header.smaller #siteActions, #siteActions { padding-top: 8px; padding-right: 5px; width: 30%; }

  	#searchbox .form-control { padding-right: 18px; }
  	#searchbox .form-control.focused { padding-right: 32px; }

	header.smaller #siteLogo, #siteLogo { padding: 0 4px 0 5px; width: 20%; }
	#siteLogo img { max-height: 60px; }
	#siteLogo p { font-size: 11px; }
	#siteContact { padding-top: 12px; padding-left: 10px; width: 22%; }
	#siteContact p { margin-bottom: 0; }
	#siteContact p.phoneNumber { font-size: 21px; }
	header.smaller #siteContact p.emailAddress, #siteContact p.emailAddress { font-size: 12px; }

	header.smaller #siteActions #actionIconsHolder .actionIcon, 
	#siteActions #actionIconsHolder .actionIcon {
		background-size: 32px 32px;
		padding-top: 36px;
		width: 56px; }

	.thumbnailProductPurchase.extraSpace { padding-top: 44px; }

	#categoryMenu { padding: 0; }
	.mainMenuNav .nav > li > a { padding-left: 11px; padding-right: 11px; }

	#footerContact, #footerContactAlt { width: 32%; }
	.footerLinks { width: 18%; }
	.footerHeadingAlt { margin-top: 5px; }
	.footerLinks ul li { margin-bottom: 14px; }

	.securedPaymentImage { margin: 10px 8px 0 0; }
  	#paymentOptionsLogos img { height: 24px; }

  	#footerSocial ul li { margin: 10px 8px 0 0; }
  	#footerSocial ul li img { height: 24px; }

	.additionalImageItem { width: 33.33333333%; }

}
@media (max-width: 991px) {

	.loginRegister { padding: 0; }
	#loginSection,
	#forgotPasswordSection {
		margin-top: 40px;
		text-align: center; }
	.loginRegister label.overlayHeading,
	.loginRegister p.overlayHeading { display: inline-block; }

	#customMenu > li > a { color: #FFFFFF }
	#customMenu ul.dropdown-menu {
		background: transparent;
		border: 0;
		box-shadow: unset;
		display: block !important;
		float: none;
		position: static;
		width: 100%; }
	#customMenu ul.dropdown-menu li a {
		color: #FFFFFF;
		padding: 10px 15px 10px 25px; }
	#customMenu ul.dropdown-menu li a:hover { background: #FFFFFF; }

	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFFFFF; }

	.thumbnailProductPurchase.extraSpace { padding-top: 44px; }

	#footerSocial ul li { margin-top: 10px; }

	#paymentOptionsLogos img { height: 32px; }
	.securedPaymentImage { margin: 10px 12px 0 0; }

}
@media (min-width: 768px) and (max-width: 991px) {

	body { padding-top: 90px; }
	body.vatPadding { padding-top: 129px; }

	body.imitating { padding-top: 169px; }
	body.imitating.vatPadding { padding-top: 159px; }

	.viewAsCustomer { padding: 0 10px; }
 	
 	header.smaller, header { padding: 10px 0; }

 	header.smaller #siteLogo, #siteLogo { padding: 0 0 0 10px; width: 26%; }
 	#siteLogo img { max-height: 55px; }
 	#siteLogo p {
 		font-size: 11px;
 		text-align: left; }

 	header.smaller #siteSearch, #siteSearch { padding-bottom: 0; padding-left: 10px; padding-right: 10px; width: 37%; }
 	header.smaller #searchbox .form-control, #searchbox .form-control { padding-right: 10px; }
  	#searchbox .form-control.focused { padding-right: 32px; }

 	header.smaller #siteActions, #siteActions { padding-top: 8px; padding-right: 10px; width: 37%; }
 	header.smaller #siteActions #actionIconsHolder .actionIcon, 
	#siteActions #actionIconsHolder .actionIcon {
		background-size: 30px 30px;
		padding-top: 34px;
		width: 54px; }

	#checkoutPageForms .col-xs-12.formLeft,
	#checkoutPageForms .col-xs-12.formRight { padding: 0; }


 	.footerLinks { width: 50%; }

 	.additionalImageItem { width: 33.33333333%; }

}
@media (max-width: 768px) {
	
	.col-xxs-12 { width: 100%; }

}
@media (min-width: 480px) and (max-width: 767px) {

	body { padding-top: 156px; }
	body.vatPadding { padding-top: 186px; }

	body.imitating { padding-top: 216px; }
	body.imitating.vatPadding { padding-top: 246px; }
	
	header.smaller, header { padding: 10px 0; }

	#siteLogo { padding: 0 0 0 10px; width: 42%; }
	#siteLogo img { height: 52px; }
	#siteLogo p {
		font-size: 11px;
		text-align: left; }

	#siteSearch {
		padding-top: 0;
		padding-right: 10px;
		width: 58%; }

	.basketItems { right: 36%; }

	.additionalImageItem { width: 25%; }

	.thumbnailProductPurchase .btn { font-size: 12px; }

}
@media (max-width: 479px) {

	body { padding-top: 232px; }
	body.vatPadding { padding-top: 254px; }

	body.imitating { padding-top: 292px; }
	body.imitating.vatPadding { padding-top: 314px; }

	header.smaller, header { padding: 10px 0; }

	#siteLogo {  }
	#siteLogo img { height: 60px; }

	.form-control { font-size: 16px !important; }

	#checkoutPageForms .flexRow { 
		flex-wrap: wrap;
		margin-bottom: 5px; }
	#checkoutPageForms .flexRow h4 { width: 100%; }

	.basketItems { right: 25%; }

	.additionalImageItem { width: 33.33333333%; }

}

td, th {
    padding: 10px;
}

.actionVat {
	position: relative;
    float: left;
    list-style: none;
    padding-top: 15px;
    text-align: center;
    width: 65px;
}

.actionVatText {
    font-size: 13px;
}
.mainMenuNav{
	margin-top: -41px;
}