/* BASIC SETUP */
* { margin: 0; padding: 0; font-size: 1em; }
body { font-size: .8em; font-family: Arial, Helvetica, sans-serif; background-color: #f1f1f1; color: #000000; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }

p { margin-bottom: 1em; line-height: 1.2em; }
img { border: 0; }
a { text-decoration: none; color: #555555; }
a:hover { color: #777777; }
.hr hr, .hr-wide hr { display: none; }
.hr { border-bottom: 3px solid #F1F1F1; margin-bottom: 1em; }
.hr-wide { border-bottom: 10px solid #F1F1F1; margin-bottom: 1em; }
.error { color: #FF0000; }
.small { font-size: 0.85em; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6, .title { display: block; margin-bottom: 0.8em; color: #4D4D4D; font-weight: bold; }
h1, .h1 { font-size: 1.4em; }
h1.boxed { display: inline-block; background-color: #e9e9e9; padding: 8px 15px 8px 12px; color: #3A3E6B; font-family: BankGothic-Medium, Arial, Helvetica, sans-serif; font-weight: normal; background-image: url(../images/h1-boxed-bg.png); background-position: top right; background-repeat: no-repeat; font-size: 2em; }
h2, .h2 { font-size: 1.2em; } .h2 { font-size: 1.2em !important; }
h3, .title { font-size: 1.1em; } .h3 { font-size: 1.1em !important; }
h4, h5, h6 { font-size: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

/* FORMS */
form {  }
fieldset { border: 0; }
input { }
input.text,  textarea.text { padding: 2px; color: #000000; }
input.text-ghosted, textarea.text-ghosted { color: #808080; }
input, select, textarea { vertical-align: middle; border: 1px solid #b3b3b3; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
input.buttonbg { height: 19px; line-height: 19px; background-image: url(../images/button-bg.png); background-repeat: repeat-x; color: white; font-weight: bold; border: 0; font-size: 1em; padding: 2px 4px; }
.form-button, .button { height: 21px; line-height: 21px; border: 1px solid #b3b3b3; background-color: #FFFFFF; color: #000000; cursor: pointer; width: auto; font-weight: bold; }
.form-button:hover, .button:hover { color: #000000 !important; }
.nolabels {  }
	.nolabels input.text, .nolabels input.text-ghosted, .nolabels textarea.text, .nolabels textarea.text-ghosted { width: 100%; }


.blue-text { font-size: 0.85em; color: #234E81; font-weight: bold; }
	.blue-text a { color: #234E81; text-decoration: underline; }

/* PAGE STRUCTURE */

#header { height: 150px; width: 100%; background-color: #00aded; background-image: url(../images/header-bg.png); background-repeat: no-repeat; background-position: center; }
	#header-content { width: 980px; margin: 0px auto; height: 150px; position: relative; color: #FFFFFF; }
	#logo { position: absolute; left: 34px; top: 8px; }
	#basket { position: absolute; right: 10px; top: 15px; font-size: 1em; text-align: right; padding-right: 42px; background-image: url(../images/basket-icon.png); background-position: right top; background-repeat: no-repeat; min-height: 28px; }
		#basket a { color: #FFFFFF; text-decoration: underline; }
	#strapline { position: absolute; right: 10px; bottom: 30px; font-size: 1.7em; font-family: BankGothic-Medium, Arial, Helvetica, sans-serif; text-align: right; }

#root { width: 980px; margin: 0px auto; z-index: 1; }

	#main { position: relative; background-color: #FFFFFF; border-top: 15px solid #FFFFFF; border-bottom: 15px solid #FFFFFF; background-image: url(../images/main-bg.png); background-repeat: repeat-y; background-position: center top; }

		/* typical 1, 2 or 3 column template - delete as required */
		#left-column { float: left; width: 200px; padding: 0 14px 0 15px; border-right: 1px solid #CCCCCC; }
			#left-column h2, #left-column h3 { margin-bottom: 0.2em; }

			#login-links { color: #172952; text-align: center; }
				#login-links a { color: #172952; text-decoration: underline; }
			#trade-login { color: #CB8F2F; }
				#trade-login a { color: #CB8F2F; text-decoration: underline; }

			#search { margin: 10px 0; }

			.important-links { margin-top: 8px; }
				.important-links ul { list-style-type: none; margin: 0; padding: 0; }
					.important-links ul li { margin: 0; padding: 0; }
						.important-links ul li a { display: block; background-color: #156782; background-image: url(../images/important-link-a-bg.png); background-position: 0 0; background-repeat: no-repeat; padding: 12px 45px 12px 13px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 8px; }
						.important-links ul li a.special { background-image: url(../images/important-link-a-special-bg.png); background-color: #050227; }
						.important-links ul li a:hover { color: #F0F0F0; }

			.angle-box { display: block; position: relative; border: 1px solid #b3b3b3; padding: 8px; margin-bottom: 8px; }
				.angle { position: absolute; right: -1px; top: -1px; pointer-events: none; }
			a.angle-box:hover { color: #000000; }

			#logos {  }
				#logos p { margin-bottom: 0.6em; }
				#logos .logo { margin-bottom: 0.9em; }

		#banner { float: left; width: 720px; padding: 0 15px; }
			#breadcrumb { font-size: 0.8em; margin-bottom: 8px; }

			#main-image { width: position: relative; }
			#google-map { width: 720px; height: 210px; }
			#main-image img, #main-image a { display: block; }

		#center-column { float: left; width: 480px; position: relative; }
			#main-content { padding: 0 15px; }
				#main-content a { color: #324E7E; text-decoration: underline; }
				#main-content ul, #main-content ol { margin-left: 1.5em; margin-bottom: 1em; }
					#main-content li { margin-bottom: 0.3em; }

				.featured-products { padding-bottom: 1em; }
					.featured-products .product { position: relative; display: block; float: left; width: 90px; padding: 10px; text-align: center; border-right: 1px solid #CCCCCC; color: #000000; font-size: 0.85em; }
					.featured-products .product.last { border-right: 0; }
					.featured-products .product:hover { color: #666666; }
						.featured-products .product img { display: block; margin-bottom: 0.4em; }
						.featured-products .product .number { position: absolute; top: 3px; left: 3px; display: block; width: 22px; height: 22px; line-height: 22px; font-size: 1.3em; font-weight: bold; color: #333333; text-align: center; background-image: url(../images/number-bg.png); background-position: center; background-repeat: no-repeat; z-index: 10; }

				#testimonials {  }
					.testimonial { position: relative; background-color: #f1f1f1; border: 3px solid #CCCCCC; padding: 10px 20px 5px 15px; margin-bottom: 0.8em; }
						.testimonial .tr { position: absolute; top: -3px; right: -3px; }
						.testimonial .bl { position: absolute; bottom: -3px; left: -3px; }
						.testimonial .quote { color: #172952; font-size: 1.1em; }

				#downloads {  }
					.download { display: block; border-bottom: 1px solid #333333; height: 30px; line-height: 30px; background-image: url(../images/file-download-bg.png); background-position: center right; background-repeat: no-repeat; }

				#contact-form { margin: 0px 0 10px; background-color: #f8f8f8; border: 1px solid #f0f0f0; padding: 10px; }

		#right-column { float: right; width: 235px; padding: 0 15px; border-left: 1px solid #CCCCCC; }
			#right-column h2, #right-column h3, #right-column .title { margin-bottom: 0.4em; }

			.angle-box .strap { position: absolute; bottom: 0; right: 0; background-color: #b3b3b3; padding: 4px 10px; font-size: 0.8em; color: #000000; font-weight: bold; }
			.angle-box:hover .strap { color: #FFFFFF; }

			#query, #tradelogin { display: block; padding: 6px 0 10px 75px; background-image: url(../images/query.png); background-position: left 6px; background-repeat: no-repeat; }

			#artwork-upload { display: block; margin-top: 12px; padding-bottom: 1em; background-image: url(../images/artwork-bg.png); background-position: 130px 20px; background-repeat: no-repeat; }

			#twitter {  }
				#twitter .logo { display: block; float: right; margin: 0.6em 0 0.7em; font-weight: bold; height: 25px; line-height: 25px; color: #29abe1; background-image: url(../images/twitter-icon.png); background-position: right center; background-repeat: no-repeat; padding: 0 35px 0 10px; }

			#latest-news { padding-bottom: 0.8em; }

		#wide-column { float: left; width: 740px; }


#footer-band { width: 100%; height: 35px; background-color: #333333; box-shadow: 0 5px 10px #555555; }
	#footer-band p { margin: 0px auto; width: 980px; height: 35px; line-height: 35px; font-size: 0.8em; color: #666666; }
	#footer-band a { color: #666666; text-decoration: underline; }

/* MEGAMENU */
#megamenu-footer { width: 980px; margin: 0px auto; padding: 15px 0 30px; font-size: 0.8em; }
	#megamenu-footer ul { float: left; margin: 0; padding: 0 30px 0 0; max-width: 140px; list-style-type: none; }
		#megamenu-footer ul li { margin: 0; padding: 0; }
			#megamenu-footer ul li a { display: block; padding: 0 0 6px; color: #4D4D4D; }
			#megamenu-footer ul li.large a { text-transform: uppercase; padding-bottom: 8px; color: #000000; font-weight: bold; }
			#megamenu-footer ul li a:hover { text-decoration: underline; }

#footer {  width: 980px; margin: 0px auto; font-size: 0.8em; }



/* FANCYBOX PAGE */
body.popup { background: #FFF !important; }
	#popup-root { background: #FFF !important; padding: 20px; }

/* TABS */
.tabs ul { list-style-type: none; padding: 0; margin: 0; }
	.tabs ul li { float: left; margin: 0; padding: 0; }
		.tabs ul li a { display: block; background-color: #000000; color: #FFFFFF; text-align: center; padding: 1px 5px; margin-right: 2px; }



/* landing pages, added 20220624 */
.has-medium-font-size {
	font-size: 1rem;
}
.landing-image {
	background: #28aae1;
	position: relative;
}
	.landing-image img {
		display: block;
		width: 100%;
	}
	.landing-image .text {
		align-items: center;
		color: #FFFFFF;
		display: flex;
		font-family: BankGothic-Medium, Arial, Helvetica, sans-serif;
		justify-content: center;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		text-align: center;
		width: 100%; height: 100%;
	}
		.landing-image .text > div {
			padding: 0 5% 2rem;
		}
			.landing-image h1 {
				color: #FFFFFF;
				font-size: 2.5rem;
				font-weight: normal;
				margin-bottom: 0;
			}
			.landing-image h2 {
				color: #3a3e6b;
				font-size: 1.8rem;
				font-weight: normal;
				margin: 0;
			}
	.landing-image .links {
		display: flex;
		gap: .2rem;
		justify-content: center;
		position: absolute; bottom: 0; left: 0;/*5%*/ right: 0;
	}
		.landing-image .links a {
			background: rgb(61,64,109);
			background: linear-gradient(180deg, rgba(61,64,109,1) 0%, rgba(14,14,31,1) 100%);
			color: #FFFFFF;
			display: block;
			padding: .5rem .8rem;
		}
		.landing-image .links a:hover,
		.landing-image .links a:focus {
			background: #FFFFFF;
			color: #3a3e6b;
		}

h1.angled, h2.angled, h3.angled, h4.angled, h5.angled, h6.angled {
	background: #e6e6e6;
	color: #3a3e6b;
	display: table;
	font-family: BankGothic-Medium, Arial, Helvetica, sans-serif;
	padding: .7rem 1rem;
	position: relative;
}
h1.angled, h2.angled {
	font-size: 1.8em;
}
h1.angled.dark-blue, h2.angled.dark-blue, h3.angled.dark-blue, h4.angled.dark-blue, h5.angled.dark-blue, h6.angled.dark-blue {
	background: rgb(61,64,109);
	background: linear-gradient(90deg, rgba(61,64,109,1) 0%, rgba(14,14,31,1) 100%);
	color: #FFFFFF;
}
h1.angled.light-blue, h2.angled.light-blue, h3.angled.light-blue, h4.angled.light-blue, h5.angled.light-blue, h6.angled.light-blue {
	background: rgb(40,170,225);
	background: linear-gradient(90deg, rgba(40,170,225,1) 0%, rgba(20,101,128,1) 100%);
	color: #FFFFFF;
}
	h1.angled::after, h2.angled::after, h3.angled::after, h4.angled::after, h5.angled::after, h6.angled::after {
		width: 0; height: 0;
		border-style: solid;
		border-width: 0 1rem 1.5rem 0;
		border-color: transparent #FFFFFF transparent transparent;
		
		content: '';
		display: block;
		position: absolute; top: -1px; right: -1px;
	}

.ctas {
	column-count: 2;
	column-gap: 1.5rem;
	column-rule: 3px solid #F1F1F1;
}
	.ctas .cta {
		break-inside: avoid;
		display: flex;
		flex-wrap: nowrap;
		margin: 0 0 1rem;
	}
		.ctas .cta > img {
			background: rgb(40,170,225);
			background: linear-gradient(180deg, rgba(40,170,225,1) 0%, rgba(20,101,128,1) 100%);
			border-radius: 50%;
			display: block;
			margin-right: 1rem;
			width: 50px; height: 50px;
		}
		.ctas .cta .text {
			
		}
			.ctas .cta .text p {
				margin: 0 0 .3rem;
			}
			.ctas .cta .text a {
				border-bottom: 1px solid #28aae1;
				color: inherit !important;
				font-weight: bold;
				display: inline-block;
				text-decoration: none !important;
			}

.explore-links {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
	.explore-links a {
		background-position: right 0 !important;
		flex-grow: 1;
		font-size: .7rem;
		white-space: nowrap;
	}
	/*.explore-links a:hover,
	.explore-links a:focus {
		background-position: right -40px !important;
	}*/

.right-column-images {
	padding: 0 1rem;
}
	.right-column-images img {
		display: block;
		margin: 0 0 1rem;
		width: 100%;
	}@font-face {
		font-family: 'BankGothic-Medium';
		src: url('fonts/bankgothicmedium.eot');
		src: url('fonts/bankgothicmedium.eot?#iefix') format('embedded-opentype'),
				 url('fonts/bankgothicmedium.woff') format('woff'),
				 url('fonts/bankgothicmedium.ttf') format('truetype'),
				 url('fonts/bankgothicmedium.svg#bankgothicmedium') format('svg');
		font-weight: normal;
		font-style: normal;
}form.formhandler {
	max-width: 600px;
}

	form.formhandler fieldset {
		border-style: none;
		clear: both;
		margin: 0 0 1.5em 0;
		padding: 0;
		
	}
		
		form.formhandler legend {
			font-weight: bold;
			font-size: 1.3em;
			margin-bottom: .5em;
		}
		
		form.formhandler fieldset ol {
			margin: 0 !important;
			list-style: none;
		}
		
			form.formhandler fieldset li {
				float: left;
				clear: left;
				width: 100%;
			}
				
			form.formhandler fieldset li label {
				float: left;
				width: 250px;
			}
				
				form.formhandler fieldset.submit input {
					margin-left: 260px;
				}

				form.formhandler label.inline, 
				form.formhandler label.checkbox {
					display: inline;
					float: none;
					margin: 0;
					width: auto;
				}
				
				form.formhandler input[type="checkbox"] {
					margin: 1em 0 1em 260px;
				}
				
				form.formhandler fieldset.radio {  
					margin-left: 110px;
					padding: .5em 0;
				}
				
				/* nested fieldsets */
				form.formhandler fieldset fieldset {
					margin-bottom: 0;
					border-style: none;
					background-color: transparent;
					background-image: none;
				}
				
				form.formhandler fieldset fieldset label.legend {
					margin-bottom: 1em;
				}
				
				form.formhandler fieldset fieldset ol {
					position: relative;
				}
				
				form.formhandler fieldset fieldset label {
					float: none;
					width: auto;
					margin-right: auto;
				}
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_line.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.main-navigation { position: relative; width: 100%; z-index: 100; background-color: #B3B3B3; background-image: url(../images/main-nav-bg.png); background-repeat: repeat-x; font-size: 0.9em; }
* html .main-navigation { padding-bottom: 0; }
	.main-navigation ul { display: block; width: 980px; height: 43px; margin: 0px auto; list-style-type: none; padding: 7px 0 0; }
		.main-navigation li { float: left; position: relative; margin: 0; padding: 0; }

			/* style the first level links */
			.main-navigation a { display: block; padding: 0 14px 0 12px; height: 36px; line-height: 36px; background-image: url(../images/main-nav-a-bg.png); background-position: right center; background-repeat: repeat-y; color: #172952; text-transform: uppercase; }
			.main-navigation a.active { color: #FFFFFF; font-weight: bold; }
			.main-navigation a.first {  }
			.main-navigation a.last { background-image: none; }
			/* style the top level hover */
			.main-navigation a:hover, .main-navigation :hover > a, .main-navigation ul ul :hover > a { color: #FFFFFF; }

			/* style the second level links */
			.main-navigation ul ul li { background-color: #1b75ba; padding: 0 10px; }
			.main-navigation ul ul a { text-align: left; padding: 6px 10px 4px 7px; height: auto; text-transform: none; border: 0; color: #FFFFFF; line-height: normal; background-image: none; border-bottom: 1px solid #00aced; }
			.main-navigation ul ul a.active2 { font-weight: bold; background-color: #00adee; }
			.main-navigation ul ul a.first2 { border-top: 8px solid #1b75ba; }
			.main-navigation ul ul a.last2 { border-bottom: 8px solid #1b75ba; }
			/* style the second level hover */
			.main-navigation ul ul a:hover, .main-navigation ul ul :hover > a { background-image: url(../images/main-nav-sub-a-bg.png); background-position: center; background-repeat: repeat-y; }

			/* style the third level links */
			.main-navigation ul ul ul a {  }
			.main-navigation ul ul ul a.first2 {  }
			.main-navigation ul ul ul a.last2 {  }
			/* style the third level hover */
			.main-navigation ul ul ul a:hover { background-color: #000000; color: #FFFFFF; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.main-navigation ul ul { margin: 0; padding: 0; visibility: hidden; position: absolute; width: 200px; height: 0; top: 36px; left: 12px; }
/* another hack for IE5.5 */
* html .main-navigation ul ul { top: 30px; t\op: 31px; }
/* position the third level flyout menu */
.main-navigation ul ul ul { left: 200px; top: 0px; width: 150px; border-top: 0; }
/* style the table so that it takes no part in the layout - required for IE to work */
.main-navigation table { position: absolute; top: 0; left: 0; }


/* DON'T NEED TO CHANGE */

/* make the second level visible when hover on first level list OR link */
.main-navigation ul li:hover ul,
.main-navigation ul a:hover ul{ visibility: visible; }
/* keep the third level hidden when you hover on first level list OR link */
.main-navigation ul :hover ul ul{ visibility: hidden; }
/* make the third level visible when you hover over second level list OR link */
.main-navigation ul :hover ul :hover ul{ visibility: visible; }

.main-navigation ul ul li { float: none; margin: 0px; }
/* yet another hack for IE5.5 */
* html .main-navigation ul ul a { width: 140px; w\idth: 139px; }.vertical-navigation { margin-bottom: 2px; }
	.vertical-navigation ul { list-style-type: none; margin: 0; padding: 0; }
		.vertical-navigation ul li { margin: 0; padding: 0; }
			.vertical-navigation ul li a,
			.explore-links a { display: block; height: 40px; line-height: 40px; padding: 0 20px 0 13px; background-image: url(../images/shop-nav-a-bg.png); background-position: 0 0; background-repeat: no-repeat; color: #FFFFFF !important; text-transform: uppercase; text-decoration: none !important; margin-top: 8px; }
			.vertical-navigation ul li a:hover,
			.vertical-navigation ul li a:focus,
			.explore-links a:hover,
			.explore-links a:focus { color: #F0F0F0; }
			.vertical-navigation ul li a.active { background-position: 0 -40px; }

			.vertical-navigation ul ul { display: none; margin-bottom: 5px; }
			.vertical-navigation li.active > ul { display: block; }
				.vertical-navigation ul ul li a { background-image: none; color: inherit !important; height: auto; line-height: 1.3em; color: #000000; text-transform: none; padding-left: 12px; margin: 5px 0; font-size: 0.9em; }
				.vertical-navigation ul ul li a:hover { background-color: #F0F0F0; color: #000000; }
				.vertical-navigation ul ul li a.active2 { font-weight: bold; }

					.vertical-navigation ul ul ul { display: none; margin-bottom: 6px; }
					.vertical-navigation ul ul li.active2 > ul { display: block; }
					.vertical-navigation ul ul ul li a { color: #666666; padding-left: 20px; }

.large-paragraph { font-size: 1.4em; }.shop-browser-category { float: left; width: 145px; height: 160px; padding: 10px 10px 10px 10px; margin: 0px 10px 10px 0; color: #000000; font-size: 0.75em; background-image: url(../images/shop-browser-category-cross.png); background-position: bottom right; background-repeat: no-repeat; }
	.shop-browser-category img { margin-bottom: 5px; }

.shop-browser-product { }
.shop-browser-product-image { float: left; width: 140px; margin: 0 30px 1em 0; }
	.shop-browser-product-image .thumbnails {
		margin-top: 10px;
		text-align: center;
	}
		.shop-browser-product-image .thumbnails a {
			display: inline-block;
			margin: 5px;
			width: 50px;
		}
			.shop-browser-product-image .thumbnails a img {
				width: 100%;
			}
		.shop-browser-product-image img {
			display: block;
		}
.shop-browser-product-description { float: left; width: 535px; }

div.product-list { /*height: 135px; overflow: hidden;*/ }
table.product-list { border: 0; width: 100%; }
table.product-list th, table.product-list td { padding: 4px 8px 0px 0px; text-align: left; }
table.product-list th.qty, table.product-list td.qty { text-align: center; width: 85px; }
table.product-list th.price, table.product-list td.price { text-align: right; }

table.product-list th.headerSortUp {
    background-image: url(../images/asc.gif);
}
table.product-list th.headerSortDown {
    background-image: url(../images/desc.gif);
}
table.product-list th.header {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}

input.qty { vertical-align: middle; width: 24px; border-radius: 4px; text-align: center; padding: 2px; }
.qty-dec, .qty-inc { display: inline-block; width: 18px; height: 18px; background-repeat: no-repeat; background-image: url(../images/qty.png); vertical-align: middle; }
.qty-dec span, .qty-inc span { display: none; }
.qty-inc { background-position: -18px 0; }

.addtobasketbutton { text-align: right; margin-top: 8px; padding-right: 17px; margin-bottom: 10px; }
.viewmoretear { position: relative; left: -170px; padding-left: 170px; width: 540px; height: 40px; background-image: url(../images/viewmoretear.png); background-repeat: repeat-x; background-position: bottom left; }
.viewmoretear.notear { background-image: none; }
.viewmorebutton { font-weight: bold; color: #0b89b7; margin-top: 8px; }
.viewmorebutton a { color: #0b89b7; }

#viewbasket { margin-bottom: 10px; }
table.basket { margin-bottom: 5px; }
table.basket th { padding: 4px; background-color: #e6e5e0; }
table.basket td { padding: 4px; background-color: #f8f8f8; }
table.basket .product_category { font-size: 0.8em; }
table.basket .optionlabels { font-size: 0.8em; }

table.form { margin-bottom: 5px; }
table.form th { padding: 4px; background-color: #e6e5e0; }
table.form td { padding: 2px 4px; background-color: #f8f8f8; }

.page-navigation { margin: 10px; 0; text-align: right; }
div.bulkbuy { display: none; }

.qtip-bulkbuy { border-color: #d0d0d0 !important; background-color: white !important; box-shadow: 2px 2px 2px #e0e0e0; }
.qtip { padding: 2px !important; font-size: 0.9em !important; }
.qtip-bulkbuy .ui-tooltip-titlebar { color: white !important; font-style: italic !important; font-weight: bold !important; background: url(../images/button-bg.png) !important; line-height: 19px !important; margin: 0 !important; padding: 0 6px !important; }
.qtip-bulkbuy ul { list-style: none; margin: 0; padding: 0; }
.qtip-bulkbuy li { float: left; margin: 0 10px 0 5px; }
.qtip-bulkbuy li em { display: block; font-style: none; margin-bottom: 2px; }
.qtip-bulkbuy li strong { display: block; font-weight: bold; }

.minibasketitem { margin-bottom: 3px; }
.minibasket .hr { border-bottom-width: 1px; height: 1px; line-height: 1px; font-size: 1px; margin-bottom: 8px; }

.favourites { display: inline-block; width: 16px; height: 16px; background: url(../images/favourites.png) no-repeat; }
.favourites span { display: none; }
.favourites:hover, .favourites.infavourites { background-position: -16px 0; }

#product-details dl { margin-top: 1em; }
#product-details dt { float: left; clear: left; width: 80px; font-weight: bold; }
#product-details dd { margin-left: 90px; }

a.bulkbuy { text-decoration: underline; color: #3F85E4 !important; }
/*! qTip2 v2.0.0 | http://craigsworks.com/projects/qtip2/ | Licensed MIT, GPL */.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:800px;min-width:50px;font-size:10.5px;line-height:12px;border-width:1px;border-style:solid}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important}.ui-tooltip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important}.ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid}* html .ui-tooltip-titlebar .ui-state-default{top:16px}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.ui-tooltip-focus{}.ui-tooltip-hover{}.ui-tooltip-default{border-color:#F1D031;background-color:#FFFFA3;color:#555}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111}/*! Light tooltip style */.ui-tooltip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.ui-tooltip-light .ui-tooltip-titlebar{background-color:#f1f1f1}/*! Dark tooltip style */.ui-tooltip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.ui-tooltip-dark .ui-tooltip-titlebar{background-color:#404040}.ui-tooltip-dark .ui-tooltip-icon{border-color:#444}.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{border-color:#303030}/*! Cream tooltip style */.ui-tooltip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.ui-tooltip-cream .ui-tooltip-titlebar{background-color:#F0DE7D}.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{background-position:-82px 0}/*! Red tooltip style */.ui-tooltip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.ui-tooltip-red .ui-tooltip-titlebar{background-color:#F06D65}.ui-tooltip-red .ui-state-default .ui-tooltip-icon{background-position:-102px 0}.ui-tooltip-red .ui-tooltip-icon{border-color:#D95252}.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{border-color:#D95252}/*! Green tooltip style */.ui-tooltip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.ui-tooltip-green .ui-tooltip-titlebar{background-color:#B0DE78}.ui-tooltip-green .ui-state-default .ui-tooltip-icon{background-position:-42px 0}/*! Blue tooltip style */.ui-tooltip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.ui-tooltip-blue .ui-tooltip-titlebar{background-color:#D0E9F5}.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{background-position:-2px 0}.ui-tooltip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.ui-tooltip-rounded,.ui-tooltip-tipsy,.ui-tooltip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.ui-tooltip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #4A4A4A),color-stop(100%,black));background-image:-webkit-linear-gradient(top, #4A4A4A 0,black 100%);background-image:-moz-linear-gradient(top, #4A4A4A 0,black 100%);background-image:-ms-linear-gradient(top, #4A4A4A 0,black 100%);background-image:-o-linear-gradient(top, #4A4A4A 0,black 100%)}.ui-tooltip-youtube .ui-tooltip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.ui-tooltip-youtube .ui-tooltip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.ui-tooltip-youtube .ui-tooltip-icon{border-color:#222}.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{border-color:#303030}.ui-tooltip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from( #717171),to( #232323));background-image:-moz-linear-gradient(top, #717171, #232323);background-image:-webkit-linear-gradient(top, #717171, #232323);background-image:-ms-linear-gradient(top, #717171, #232323);background-image:-o-linear-gradient(top, #717171, #232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.ui-tooltip-jtools .ui-tooltip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.ui-tooltip-jtools .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.ui-tooltip-jtools .ui-tooltip-titlebar,.ui-tooltip-jtools .ui-tooltip-content{background:transparent;color:#fff;border:0 dashed transparent}.ui-tooltip-jtools .ui-tooltip-icon{border-color:#555}.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{border-color:#333}.ui-tooltip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.ui-tooltip-cluetip .ui-tooltip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.ui-tooltip-cluetip .ui-tooltip-icon{border-color:#808064}.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.ui-tooltip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px black}.ui-tooltip-tipsy .ui-tooltip-titlebar{padding:6px 35px 0 10;background-color:transparent}.ui-tooltip-tipsy .ui-tooltip-content{padding:6px 10}.ui-tooltip-tipsy .ui-tooltip-icon{border-color:#222;text-shadow:none}.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{border-color:#303030}.ui-tooltip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.ui-tooltip-tipped .ui-tooltip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from( #3A79B8),to( #2E629D));background-image:-webkit-linear-gradient(top, #3A79B8, #2E629D);background-image:-moz-linear-gradient(top, #3A79B8, #2E629D);background-image:-ms-linear-gradient(top, #3A79B8, #2E629D);background-image:-o-linear-gradient(top, #3A79B8, #2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.ui-tooltip-tipped .ui-tooltip-icon{border:2px solid #285589;background:#285589}.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{background-color:#FBFBFB;color:#555}.ui-tooltip-bootstrap{font-size:13px;line-height:18px;color:#333;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.ui-tooltip-bootstrap .ui-tooltip-titlebar{font-size:18px;line-height:22px;border-bottom:1px solid #ccc;background-color:transparent}.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{right:9px;top:49%;border-style:none}.ui-tooltip-bootstrap .ui-tooltip-icon{background:#fff}.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{filter:none;-ms-filter:none}.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;z-index:10}.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{position:absolute;line-height:.1px!important;font-size:.1px!important;color:#123456;background:transparent;border:0 dashed transparent}.ui-tooltip .ui-tooltip-tip canvas{top:0;left:0}#qtip-overlay{position:fixed;left:-10000em;top:-10000em}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}