/* Global Styles */
#container { position: relative; width: 984px; min-height: 350px; margin: 40px auto 0; z-index: 1; }
#header { height: 141px; margin-bottom: 92px; }
#header a.logo {
	display: block; width: 100px; height: 120px; background: transparent url(../images/site/logo.gif) no-repeat 0 0;
	text-indent: -9999px; text-decoration: none; }
#header #banners { position: absolute; left: 144px; top: 0; width: 840px; height: 98px; overflow: hidden; }
#header #banners div.banner-group { position: absolute; left: 0; top: 0; width: 840px; height: 98px; display: none; }
#header #banners div.banner-group a { position: absolute; left: 0; top: 0; }
.no-js #header #banners div#bg-welcome { display: block; }


#content { position: relative; width: 570px; padding: 72px 0 0 215px; }
#content h1 { position: absolute; left: 215px; top: 30px; width: 570px; color: #0a499a; font-size: 26px; font-weight: bold; line-height: 1.5; }
#content-main,
#content-panel { background: #d3d6e2; }
#footer {
	clear: left; height: 20px; padding: 60px 200px 0 22px; 
	background: transparent url(../images/site/bg-footer.gif) no-repeat -20px bottom; 
	font-size: 0.9em; text-align: right; color: #e89cb8; }
#footer a { color: #616266; text-decoration: none; }
#footer a:hover strong { text-decoration: underline; }

#searchbox { position: absolute; left: 0; top: 273px; width: 190px; height: 19px; z-index: 1; 
			 background: transparent url(../images/site/bg-search.png) no-repeat left top; }
#searchkeywords { position: absolute; left: 0; top: 0; width: 130px; height: 13px; border: none; padding: 3px 0 3px 28px;
				  background: transparent; font-size: 11px; font-weight: bold; color: #616266; }
#searchkeywords.focused { color: #000000; }
#dosearch { position: absolute; right: 0; top: 0; width: 30px; height: 19px; border: none; 
			background: #0A499A; color: #fff; font: normal bold 14px/19px Arial, sans-serif; cursor: pointer; }
#basketdata { position: absolute; left: 806px; top: 305px; width: 178px; border-top: 3px solid #8693ad; border-bottom: 3px solid #8693ad;
	background: #ffffff url(../images/site/bg-basketdata.png) no-repeat right top; }
#home #basketdata,
#hometest #basketdata { top: 142px; }

#logininfo { position: absolute; right: 0; top: -35px; font-weight: normal; color: #0a499a; line-height: 1.3; }
#logininfo a { font-weight: bold; color: #0a499a; }


/* Navigation Styles */
#nav-shopdepts { position: absolute; left: 0; top: 125px; width: 984px; z-index: 99; }
#nav-shopdepts ul { list-style: none; }
#nav-shopdepts .navholder { padding: 10px; float: left; width: 177px; background: #ffffff; }
#nav-shopdepts .first { width: 190px; padding-left: 0; padding-right: 15px; }
#nav-shopdepts .last { padding-right: 0; }
#nav-shopdepts h2 { margin-bottom: 3px; font-size: 11px; line-height: 1.3; color: #0a499a; }
#nav-shopdepts .nav-shopdept { height: 18px; overflow: hidden; background: #d3d6e2 url(../images/site/navproducts_bg.gif) no-repeat right 2px; }
#nav-shopdepts ul li.nav-shopdepts-activedept,
#nav-shopdepts ul li a { 
	display: block; height: 18px ; padding: 0 10px; font-size: 1.1em ; cursor: pointer; border-bottom: 1px solid #ffffff;
	color: #000000; line-height: 18px; font-weight: normal; text-decoration: none; }
#nav-shopdepts ul li.nav-shopdepts-activedept { cursor: default; }
#nav-shopdepts ul li.expanded a { background: #616266; color: #ffffff; }
#nav-shopdepts .nav-shopcat li a { padding-left: 15px; }
#nav-shopdepts ul li a:hover { background: #0a499a !important; color: #ffffff; }
#nav-shopdepts .nav-shopcat { display: none; }
#nav-shopdepts ul li ul.nav-shopcat li a { background: #a0abad; }


	/* Colour Code the top level */
	#nav-shopdepts #nav-shopdepts-brush_strips_and_seals { background-color: #acc2de; }
	#nav-shopdepts #nav-shopdepts-hardware_for_doors { background-color: #e1ebf7; }
	#nav-shopdepts #nav-shopdepts-hardware_for_gates { background-color: #e8d9ee; }
	#nav-shopdepts #nav-shopdepts-hardware_for_glass { background-color: #ecf0cb; }
	#nav-shopdepts #nav-shopdepts-hardware_for_sliding_doors { background-color: #e1f1d7; }

#nav-main { position: absolute; left: 0; top: 305px; width: 190px; font-size: 1.1em; }
#nav-main ul { list-style: none; }
#nav-main a {
	display: block; border-bottom:1px solid #ffffff; padding: 2px 10px; line-height: 18px; 
	background: #d3d6e2; 
	font-size: 14px; text-decoration: none; color: #0a499a; font-weight: bold; }
#nav-main li.active a,
#nav-main a:hover { background: #0a499a !important; color: #ffffff; }
#nav-main #nav-coloured { margin-bottom: 1.5em; }

#nav-main a#facebook { height: 53px ; margin-top: 15px ; background: transparent url(../images/site/facebook.gif) no-repeat left top ; text-indent: -9999px ; }
#nav-main a#facebook:hover { background: transparent url(../images/site/facebook.gif) no-repeat left top !important ; }

	/* Colour Code Coloured Nav */
	#brush_strips_and_seals #nav-main #nav-coloured a,
	#nav-main #nav-coloured #nav-coloured-brush_strips_and_seals a { background-color: #acc2de; }
	#hardware_for_doors #nav-main #nav-coloured a,
	#nav-main #nav-coloured #nav-coloured-hardware_for_doors a { background-color: #e1ebf7; }
	#hardware_for_gates #nav-main #nav-coloured a,
	#nav-main #nav-coloured #nav-coloured-hardware_for_gates a { background-color: #e8d9ee; }
	#hardware_for_glass #nav-main #nav-coloured a,
	#nav-main #nav-coloured #nav-coloured-hardware_for_glass a { background-color: #ecf0cb; }
	#hardware_for_sliding_doors #nav-main #nav-coloured a,
	#nav-main #nav-coloured #nav-coloured-hardware_for_sliding_doors a { background-color: #e1f1d7; }

/* Basket: Sidebar */
#basketdata h2 { color: #0a499a ; padding: 10px 0 2px; font-size: 15px; }
#basketdata p { font-weight: bold ; margin: 10px 0; }
#basketdata p a { font-weight: bold; color: #0a499a; }

#basketdata p#baskettotals {
	border-top: 3px solid #8693AD ; margin-top: 5px ; padding-top: 10px ; line-height: 1.3 ;
	font-size: 1.3em ; font-weight: bold ; clear: both ; }
#basketdata p#baskettotals input.btn { margin-bottom: 2px ; padding-left: 0; margin-left: -3px; color: #8693ad ; font-size: 13px; }
#basketdata p#baskettotals span#totaltext { float: left ; color: #000 ; }
#basketdata p#baskettotals span#totalprice { display: block ; text-align: right ; }
#basketdata p#baskettotals a { display: block ; margin-top: -15px ; margin-bottom: -15px ; text-decoration: none ; color: #8693ad ; }
#basketdata p#baskettotals a:hover { text-decoration: underline ; }

.basketitem { clear: both ; border-top: 1px solid #8693AD ; padding-top: 5px ; padding-bottom: 2em; margin-top: 5px ; position: relative; }
.basketitem h3 { line-height: 1.3 ; padding-bottom: 3px ; font-size: 1.1em ; }
.basketitem h3 a { color: #8693ad ; text-decoration: none ; font-weight: bold; }
.basketitem h3 a:hover { text-decoration: underline ; }

.basketitem input.txt { width: 20px ; margin-right: 5px ; margin-bottom: 0 ; }
.basketitem input.itemupd { visibility: hidden ; }

#basketdata .basketitem p {
	clear: left ; margin: 0 ;
	font-size: 1.1em ; font-weight: normal ; line-height: 1.3; }

.basketitem span.basketsidebarrightalign,
.basketitem span.basketsidebarleftalign { font-size: 1em ; line-height: 1.2 ; font-weight: bold ; }
.basketitem span.basketsidebarrightalign { position: absolute; top: auto; right: 0; margin-top: 1px; }
.basketitem span.basketsidebarleftalign { position: absolute; top: auto; left: 0; }

.basketitem input.removebtn { 
	height: 16px ; width: 15px ; text-indent: -9999px ;
	background: transparent url(../images/site/icon-wastebin.gif) no-repeat left top ; }
	
/* Other Useful Global Things */
.infobox { position: relative; min-height: 182px; margin-bottom: 20px; border: 1px solid #d3d6e2; padding: 5px 10px; }
.infobox .infobox-title {
	margin-bottom: 0.5em; border-bottom: 1px dotted #d3d6e2; padding-bottom: 5px;
	font-size: 16px; font-weight: bold; color: #0a499a !important; line-height: 1.5; }
.infobox img { position: absolute; left: 10px; top: 42px; }
.infobox .infobox-content { padding-left: 150px; }
.infobox .infobox-content-columned {
	column-count: 3; column-gap: 1.5em;
	-moz-column-count: 3; -moz-column-gap: 1.5em; 
	-webkit-column-count: 3; -webkit-column-gap: 1.5em; }

/* Site Typography */
#content h2,
#content h3, 
#content h4,
#content h5 { margin-bottom: 0.5em; font-weight: bold; color: #000000; }

#content h2 { font-size: 1.6em; line-height: 1.5; color: #0a499a; }
#content h3 { font-size: 1.5em; line-height: 1.5; } 
#content h4 { font-size: 1.4em; line-height: 1.5; }
#content h5 { font-size: 1.3em; line-height: 1.5; }

#content p,
#content ol,
#content ul { margin-bottom: 1em; font-size: 1.2em; line-height: 1.3; }
#content ol,
#content ul { margin-left: 30px; }
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol { font-size: 1em; }

#content blockquote { padding: 15px 15px 0; margin-bottom: 1em; }						

#content a { color: #0a499a; font-weight: bold; }
#content a:hover { text-decoration: underline; }
#content h2 a,
#content h3 a, 
#content h4 a,
#content h5 a { text-decoration: none; }

/* Form Styles */
.box { margin-bottom: 20px; }
#checkout #content form,
#account #content form { border: 1px solid #d3d6e2; margin-bottom: 20px; padding: 0 10px 5px; }

.button { overflow: hidden; }

#content form h2,
#content form h3 { padding-top: 10px; margin-bottom: 0.5em; color: #000; }

label { clear: left ; float: left ; width: 170px ; margin-top: 3px ; font-size: 1.2em ; line-height: 1.2 ; font-weight: bold; color: #0a499a; }
label.after,
label.chk,
.radiogroup label,
.checkbox label { float: none ; margin-left: 10px ; width: auto; }
#checkout .checkbox label,
#account .checkbox label { margin-left: 0; }
#brochures label.after { margin-left: 3px; }
.radiogroup label { color: #000; font-weight: normal; }
.radiogroup span { display: block; margin-bottom: 3px; }

span.chkdesc { display: block ; margin-left: 23px ; color: #616266 ; font-size: 1.1em ; }

.text span,
.select span { display: block; clear: left; margin-left: 170px; font-size: 11px; line-height: 1.3; font-style: italic; }
	
input.btn, 
.button input,
input.updatebtn, 
input.removebtn {
	font-family: Arial, sans-serif ; border: 0 ; background-color: #fff ; color: #0a499a ; font-weight: bold ; font-size: 1em ;
	line-height: 1.0 ; cursor: pointer ; }
input.btn,
.button input { font-size: 16px; padding: 0; text-align: left; }
#checkout form#signin #doSignIn,
form#signin #loginTry { float: left; margin-left: 270px; }
p#forgotpassword { margin: -43px 0 20px 10px; width: 200px; }

input.txt,
.text input,
select,
textarea {
	font-size: 1.2em ; font-family: Arial, sans-serif ; font-weight: normal ; line-height: 1.2 ; border: 1px solid #d3d6e2 ;
	width: 200px ; padding: 2px ; margin-bottom: 5px ; margin-right: 10px; }

/* Generic Page */
#content-main { min-height: 230px; padding: 20px; overflow: hidden; background-image: none; }
#content-main img { float: right; margin: -20px -20px -20px 20px; }

#content-panel { min-height: 85px; overflow: hidden; margin-bottom: 20px; }
#content-darkpanel { float: left; width: 298px; min-height: 76px; margin-right: 16px; padding: 16px; background: #616266; color: #ffffff; }
#content-lightpanel { float: left; width: 208px; min-height: 53px; padding: 16px 16px 16px 0; color: #000000; }

#content-shopintro { position: relative; height: 270px; padding-left: 270px; margin-bottom: 20px; overflow: hidden; }
#content-shopintro img { display: none; position: absolute; left: 0; top: 0; }
#content-shopintro img#content-pic1 { display: block; }
#content-shopintro #content-darkpanel { float: none; width: 268px; margin: 0; }
#content-shopintro #content-lightpanel { float: none; width: 268px; margin: 0; padding: 16px; }

#content-video,
#shop-video { position: absolute; left: -9999px; top: -9999px; }

/* Home Page */
#home #header,
#hometest #header { margin-bottom: 79px;  }
#home #searchbox,
#hometest #searchbox { top: 220px; }
#home #basketdata,
#hometest #basketdata { left: 0; top: 252px; width: 190px; }
#home #nav-main.
#hometest #nav-main { top: 323px; }
#home #content,
#hometest #content { padding-top: 0; width: 768px; }
#home h1,
#hometest h1 { left: 0; top: 0; text-indent: -9999px; }

#home #content p,
#hometest #content p { font-size: 1.1em; }
/* ---d */
#content-home-highlightedgenerics { overflow: hidden; }

.featured-generic { position: relative; height: 166px; margin-bottom: 20px; padding: 0 290px 0 10px; }
/* ---u */
#content-home-highlightedproducts { overflow: hidden; }

.featured-product { position: relative; height: 166px; margin-bottom: 20px; padding: 0 290px 0 10px; }
.fp-dark_blue { background: transparent url(../images/site/home-featuredpanel-dark_blue.jpg) no-repeat left top; }
.fp-light_blue { background: transparent url(../images/site/home-featuredpanel-light_blue.jpg) no-repeat left top; }
.fp-yellow { background: transparent url(../images/site/home-featuredpanel-yellow.jpg) no-repeat left top; }
.fp-lilac { background: transparent url(../images/site/home-featuredpanel-lilac.jpg) no-repeat left top; }
.fp-green { background: transparent url(../images/site/home-featuredpanel-green.jpg) no-repeat left top; }

#content .featuredproduct-title { color: #ffffff; height: 37px; line-height: 37px; margin-bottom: 10px; }
.featured-product img { position: absolute; right: 0; top: 0; }
#content .featured-product h3 { margin-bottom: 10px; font-size: 14px; }
#content .featuredproduct-content p { margin-bottom: 0.3em; font-size: 11px; }
#content .featuredproduct-price { font-weight: bold; color: #0a499a; }

#content .featuredproduct-moredetails {
	position: absolute; left: 10px; bottom: 10px; width: 111px; height: 25px; text-indent: -9999px; 
	background: transparent url(../images/site/home-moredetails.gif) no-repeat left top; }
#content .fp-dark_blue .highlightedproduct-moredetails,
#content .fp-light_blue .highlightedproduct-moredetails { background-position: left top; }
#content .fp-yellow .highlightedproduct-moredetails { background-position: left top; }
#content .fp-lilac .highlightedproduct-moredetails { background-position: left top; }
#content .fp-green .highlightedproduct-moredetails { background-position: left top; }

.highlighted-product { position: relative; float: left; width: 164px; height: 202px; margin: 0 20px 20px 0; padding: 0 200px 0 10px; }
#highlightedproduct-2,
#highlightedproduct-4 { margin-right: 0; }

/* ---d */
#content .featured-generic { position: relative; }
#content .featured-generic a { position: absolute; left: 0; top: 0; height: 166px; width: 768px; background: url(/img.png) no-repeat; }
#content .featuredgeneric-title { position: absolute; color: #ffffff; height: 37px; line-height: 37px; margin-bottom: 10px;  z-index: 1; text-indent: -9999px;}
.featured-generic img { position: absolute; right: 0; top: 0; }
#content .featured-generic h3 { margin-bottom: 10px; font-size: 14px;  text-indent: -9999px; }
#content .featuredgeneric-content p { position: absolute;  margin-bottom: 0.3em; font-size: 11px;  text-indent: -9999px; }
#content .featuredgeneric-price { font-weight: bold; color: #0a499a;  text-indent: -9999px;}

#content .featuredgeneric-moredetails {
	position: absolute; left: 10px; bottom: 10px; width: 111px; height: 25px; text-indent: -9999px; 
	background: transparent url(../images/site/home-moredetails.gif) no-repeat left top; }
#content .fp-dark_blue .highlightedgeneric-moredetails,
#content .fp-light_blue .highlightedgeneric-moredetails { background-position: left top; }
#content .fp-yellow .highlightedgeneric-moredetails { background-position: left top; }
#content .fp-lilac .highlightedgeneric-moredetails { background-position: left top; }
#content .fp-green .highlightedgeneric-moredetails { background-position: left top; }

.highlighted-generic { position: relative; float: left; width: 164px; height: 202px; margin: 0 20px 20px 0; padding: 0 200px 0 10px; }
.highlighted-generic a { position: absolute; left: 0; top: 0; height: 202px; width: 374px; background: url(/img.png) no-repeat; }
#highlightedgeneric-2,
#highlightedgeneric-4 { margin-right: 0; }

.tall { position: relative; height: 630px; }
.tall .highlighted-generic { position: absolute; float: none; margin: 0; left: 0; top: 185px;  }
.tall #highlightedgeneric-tall { left: 394px; }
.tall #highlightedgeneric-tall a { height: 424px; }
.tall #highlightedgeneric-2 { top: 408px; }

/* ---u */

.hp-dark_blue { background: transparent url(../images/site/home-highlightedpanel-dark_blue.jpg) no-repeat left top; }
.hp-light_blue { background: transparent url(../images/site/home-highlightedpanel-light_blue.jpg) no-repeat left top; }
.hp-yellow { background: transparent url(../images/site/home-highlightedpanel-yellow.jpg) no-repeat left top; }
.hp-lilac { background: transparent url(../images/site/home-highlightedpanel-lilac.jpg) no-repeat left top; }
.hp-green { background: transparent url(../images/site/home-highlightedpanel-green.jpg) no-repeat left top; }

#content .highlightedproduct-title { color: #ffffff; height: 37px; line-height: 37px; margin-bottom: 10px; }

.highlighted-product img { position: absolute; right: 0; top: 0; }

#content .highlighted-product h3 { margin-bottom: 10px; font-size: 14px; }
#content .highlightedproduct-content p { margin-bottom: 0.3em; font-size: 11px; }
#content .highlightedproduct-price { font-weight: bold; color: #0a499a; }

#content .highlightedproduct-moredetails {
	position: absolute; left: 10px; bottom: 10px; width: 111px; height: 25px; text-indent: -9999px; 
	background: transparent url(../images/site/home-moredetails.gif) no-repeat left top; }
#content .hp-dark_blue .highlightedproduct-moredetails,
#content .hp-light_blue .highlightedproduct-moredetails { background-position: left top; }
#content .hp-yellow .highlightedproduct-moredetails { background-position: left top; }
#content .hp-lilac .highlightedproduct-moredetails { background-position: left top; }
#content .hp-green .highlightedproduct-moredetails { background-position: left top; }

/* ---d */
#content .highlightedgeneric-title { position: absolute; color: #ffffff; height: 37px; line-height: 37px; margin-bottom: 10px; z-index: 1; }

.highlighted-generic img { position: absolute; right: 0; top: 0; }

#content .highlighted-generic h3 { margin-bottom: 10px; font-size: 14px; }
#content .highlightedgeneric-content p { margin-bottom: 0.3em; font-size: 11px; position: absolute; margin-top: 45px; }
#content .highlightedgeneric-price { font-weight: bold; color: #0a499a; }

#content .highlightedgeneric-moredetails {
	position: absolute; left: 10px; bottom: 10px; width: 111px; height: 25px; text-indent: -9999px; 
	background: transparent url(../images/site/home-moredetails.gif) no-repeat left top; }
#content .hp-dark_blue .highlightedgeneric-moredetails,
#content .hp-light_blue .highlightedgeneric-moredetails { background-position: left top; }
#content .hp-yellow .highlightedgeneric-moredetails { background-position: left top; }
#content .hp-lilac .highlightedgeneric-moredetails { background-position: left top; }
#content .hp-green .highlightedgeneric-moredetails { background-position: left top; }

/* ---u */

#content-home-specialoffers,
#content-home-newproducts { float: left; width: 352px; margin-right: 19px; }
#content-home-specialoffers .infobox-title, 
#content-home-newproducts .infobox-title { float: left; width: 260px; font-size: 30px; letter-spacing: -2px; }
#content-home-specialoffers .specialoffers-all,
#content-home-newproducts .newproducts-all  {
	float: right; width: 73px; height: 65px; text-indent: -9999px; 
	background: transparent url(../images/site/home-allspecialoffers.png) no-repeat left top; }
#content-home-newproducts .newproducts-all { background-image: url(../images/site/home-allnewproducts.png) ; }
#content-home-specialoffers .infobox-content,
#content-home-newproducts .infobox-content { clear: both; position: relative; min-height: 80px; padding-left: 90px; margin-bottom: 7px; }
#content-home-specialoffers .infobox-content h3,
#content-home-newproducts .infobox-content h3 { font-size: 12px; margin-bottom: 0; }
#content-home-specialoffers .infobox-content img,
#content-home-newproducts .infobox-content img { position: absolute; left: 0; top: 0; }
#content-home-specialoffers .infobox-content p,
#content-home-newproducts .infobox-content p { margin-bottom: 0.7em; }
#content-home-specialoffers .infobox-content .specialoffer-discount,
#content-home-newproducts .infobox-content .newproduct-text { font-weight: bold; color: #b1214d; }
#content-home-specialoffers .infobox-content .specialoffers-buynow,
#content-home-newproducts .infobox-content .newproduct-buynow { 
	display: block; width: 88px; height: 25px; text-indent: -9999px; 
	background: transparent url(../images/site/home-buynow.png) no-repeat left top; }
#content-home-specialoffers .infobox-content .specialoffers-buynow:hover,
#content-home-newproducts .infobox-content .newproduct-buynow:hover { background-position: left -25px; }

#content-home-news { float: left; width: 352px; }
#content-home-news.infobox { padding-bottom: 0; }
#content-home-news .infobox-title { font-size: 30px; letter-spacing: -2px; }
#content-home-news .infobox-content { position: relative; padding-left: 160px; min-height: 123px; margin-bottom: 10px; }
#content-home-news .infobox-content h3 { font-size: 11px; margin-bottom: 0; }
#content-home-news .infobox-content img { position: absolute; left: 0; top: 0; }

#content-home-about { clear: left; }

#home-popup { visibility: hidden ; position: absolute ; left: 0 ; top: 0 ; }

p.home-p { position: absolute; left: 0; top: 0; text-indent: -9999px; margin: 0.5em 0.5em 1em ; font-size: 1.3em; line-height: 1.3; color: #333 ; }
p.home-p strong { color: #0A499A ;}

/* News Page */
#content-news img { margin-bottom: 10px; }

#content-news .news-postedon { font-weight: bold; font-style: italic; }
#content-news #news-item .news-postedon { border-top: 3px solid #8693AD; padding-top: 10px; }

#content-news .news-item { overflow: hidden; margin-bottom: 15px; border-bottom: 3px solid #8693AD; padding-bottom: 10px; }
#content-news .news-item-img { float: left; width: 240px; margin-right: 20px; }
#content-news .news-item-text { float: left; width: 310px; }

/* Shop General Styles */
#content-shopintro { background: #d3d6e2; }
#brush_strips_and_seals #content-shopintro { background-color: #acc2de; }
#hardware_for_doors #content-shopintro { background-color: #e1ebf7; }
#hardware_for_gates #content-shopintro { background-color: #e8d9ee; }
#hardware_for_glass #content-shopintro { background-color: #ecf0cb; }
#hardware_for_sliding_doors #content-shopintro { background-color: #e1f1d7; }

/* Shop Listing Page */
#content-shoplist { padding-bottom: 20px ; overflow: hidden; }

.shopitem {
	width: 169px ; height: 320px ; float: left ; border-bottom: 1px solid #d3d6e2 ; position: relative ; 
	margin: 0 31px 20px 0 ; font-size: 1.1em ; line-height: 1.3 ; }

.nomargin { margin-right: 0 ; }
#content .shopitem h2 { font-size: 1em ; margin-bottom: 0; padding-bottom: 3px ; padding-top: 10px ; text-transform: uppercase ; }
#content .shopitem h2 a { color: #000 ; text-decoration: none ; }
#content .shopitem h2 a:hover { text-decoration: underline ; }

#content .shopitem .specialoffer,
#content .shopitem .newproduct {
	position: absolute; left: 115px; top: 5px; width: 50px; height: 40px; padding: 5px 0;
	background: transparent url(../images/site/specialofferbox.png) no-repeat left top; 
	color: #ffffff; font-weight: bold; font-size: 15px; line-height: 20px; text-align: center;
	text-transform: uppercase; }
#content .shopitem .specialoffer:first-line { font-size: 20px; }
#content .shopitem .newproduct { font-size: 12px; line-height: 14px; }
#content .shopitem a img { border: none ; }

#content .shopitem p { line-height: 1.2 ; font-size: 1em ; }
#content .shopitem p.price { position: absolute ; left: 0 ; bottom: 8px ; }

a.more {
	position: absolute ; right: 0 ; bottom: 8px ; color: #0a499a; text-decoration: none ; font-weight: bold ;
	padding: 0 16px 0 0; background: transparent url(../images/site/bg-moreinfo.png) no-repeat right 2px; }

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

#content-shoplist #noproducts { position: relative; min-height: 150px; margin-bottom: 20px; border: 1px solid #d3d6e2; padding: 10px 10px 5px 160px; 
                                font-size: 1em ; line-height: 1.3; 
                                column-count: 2; column-gap: 1.5em; 
	                              -moz-column-count: 2; -moz-column-gap: 1.5em; 
	                              -o-column-count: 2; -o-column-gap: 1.5em; 
	                              -ie-column-count: 2; -ie-column-gap: 1.5em; 	                                                 
	                              -webkit-column-count: 2; -webkit-column-gap: 1.5em; }
#content-shoplist #noproducts img { position: absolute; left: 10px; top: 10px; }

/* Shop Detail Page */
#product-detail { margin-bottom: 20px; border: 1px solid #d3d6e2; overflow: hidden; }

#product-detail #details {
	float: right; width: 226px; border-left: 1px solid #d3d6e2; padding: 14px 14px 0;
}
#product-detail #details #specialoffer,
#product-detail #details #newproduct {
	padding: 3px 10px;
	background: #ed1262 url("/images/site/bg-shop-detail-specialoffer.png") repeat-x left top;
	font-size: 14px; color: #fff; text-align: center; font-weight: bold;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}

#product-detail #details ul#extrainfo { list-style: none ; border-bottom: 1px solid #d3d6e2 ; margin: 0; }
#product-detail #details ul#extrainfo li {
	padding: 4px 2px ; border-top: 1px solid #d3d6e2 ; 
	clear: left ; font-size: 11px;
}
#product-detail #details ul#extrainfo li a { text-decoration: none ; font-weight: bold ; color: #0a499a ; }
#product-detail #details ul#extrainfo li a:hover { text-decoration: underline ; }
#product-detail #details ul#extrainfo li.link,
#product-detail #details ul#extrainfo li.document,
#product-detail #details ul#extrainfo li.leadtime,
#product-detail #details ul#extrainfo li.video { padding-left: 26px; background: transparent url("../images/site/icon-link-22x22.png") no-repeat left top; }
#product-detail #details ul#extrainfo li.document { background-image: url("../images/site/icon-document-22x22.png"); }
#product-detail #details ul#extrainfo li.leadtime { background-image: url("../images/site/icon-clock-22x22.png"); }
#product-detail #details ul#extrainfo li.video { background-image: url("../images/site/icon-video-22x22.png"); }
#product-detail #details ul#extrainfo span.bold { font-weight: bold ; width: 50px ; float: left ; }
#product-detail #details ul#extrainfo span.margined { display: block ; margin-left: 60px ; }
#product-detail #details ul#extrainfo span.boldextrawidth { width: 100% ; font-weight: bold ; }

#product-detail #details form { margin-top: 28px; }
#product-detail #details form #itemprice { font-weight: bold; font-size: 14px; }
#product-detail #details form label { width: auto; clear: none; float: none; }
#product-detail #details form label select { width: 226px; }
.js #product-detail #details form label { position: relative; display: block; height: 50px; z-index: 1; }
.js #product-detail #details form label.focused { z-index: 2; }
.js #product-detail #details form label ul {
	position: absolute; left: 0; top: 18px; width: 226px; margin: 0; border: 1px solid #D3D6E2; padding: 0;
	background: #fff;
}
.js #product-detail #details form label ul.collapsed {
	height: 20px; overflow: hidden;
	font-size: 1.0em;
}
.js #product-detail #details form label ul.expanded {
	height: auto; max-height: 150px; overflow: auto;
}
.js #product-detail #details form label li {
	margin: 0; border: none; padding: 0; list-style: none;
	font-weight: normal; color: #000;
}
.js #product-detail #details form label li span {
	display: block; padding: 2px 20px 2px 5px; cursor: pointer; 
	background: #fff url(../images/site/itemoptions_span_tick.png) no-repeat 208px center;
	font-size: 12px; line-height: 16px;
}
.js #product-detail #details form label li.disabled span { background-image: url(../images/site/itemoptions_span_cross.png); }
.js #product-detail #details form label li.first span { background: #fff url(../images/site/itemoptions_span_first_bg.gif) no-repeat right center; }

#product-detail #details form #orderoffline,
#product-detail #details form #instock,
#product-detail #details form #outofstock,
#product-detail #details form #notavailableonline,
#product-detail #details form #discontinued,
#product-detail #details form #currentlyunavailable {
	margin-top: 14px; text-indent: 14px; font-size: 1.4em; line-height: 1.6;
	background: transparent url(../images/site/outofstock.gif) no-repeat left top;
	color: #CA0001; font-weight: bold; 
}
#product-detail #details form #orderoffline { padding: 0; background: #fff; color: #0a499a ; }
#product-detail #details form #instock { background-image: url(../images/site/instock.gif) ; color: #0a499a ; }
#product-detail #details form #notavailableonline { color: #000000; }
#product-detail #details form #notavailableonline:first-line { color: #CA0001; }
#product-detail #details form #orderoffline a { color: #0a499a ; text-decoration: none; }
#product-detail #details form #orderoffline a:hover { text-decoration: underline; }

#product-detail #pictures { float: right; width: 313px; margin-right: -1px; border-right: 1px solid #d3d6e2; }
.js #product-detail #pictures { position: relative; }
#product-detail #pictures #fullsize { position: relative; width: 313px; height: 313px; overflow: hidden; }
#product-detail #pictures #fullsize img { position: absolute; left: 0; top: 0; }
.js #product-detail #pictures #zoom,
.js #product-detail #pictures #zoomviewport { position: absolute; left: 0; top: 0; width: 313px; height: 313px; overflow: hidden; }
.js #product-detail #pictures #zoom img { position: absolute; left: 0; top: 0; }
#product-detail #pictures #thumbnails { padding: 14px; overflow: hidden; }
#product-detail #pictures #thumbnails a {
	float: left; margin-right: 15px; border: 1px solid #d3d6e2;
	-webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; 
}
#product-detail #pictures #thumbnails a#thumbnail-4 { margin-right: 0; }
#product-detail #pictures #thumbnails a:hover {
	-webkit-box-shadow: 0 0 5px #d3d6e2; -moz-box-shadow: 0 0 5px #d3d6e2; box-shadow: 0 0 5px #d3d6e2; 
}
#product-detail #pictures #thumbnails a.active {
	border-color: #0a499a;
	-webkit-box-shadow: 0 0 5px #d3d6e2; -moz-box-shadow: 0 0 5px #d3d6e2; box-shadow: 0 0 5px #d3d6e2; 
}
#product-detail #pictures #thumbnails a img { display: block; }
#product-detail #pictures #zoomnotice { margin: 0 14px 14px; font-style: italic; font-size: 11px; color: #999; }

#product-detail .item-qty { float: left; margin: 5px 0 10px; text-indent: 0; }
#product-detail .item-qty input#quantity { width: 20px; margin-right: 10px; }
#product-detail #instock input.btn { float: left ; margin-top: 9px; font-size: 14px; }

/* Get Price List Page */
body#get_price_list #content input.btn { font-size: 1.4em; padding-left: 0; }

/* Brochure Page */
ul#brochurelist { list-style: none; margin-left: 0; }

ul#brochurelist li { position: relative ; padding-left: 38px ; }

ul#brochurelist li span { 
	display: block ; width: 30px ; height: 30px ; background: transparent url(../images/site/document-pdf.gif) no-repeat left top ;
	text-indent: -9999px ; position: absolute ; top: 0 ; left: 0 ; font-weight: normal ; text-decoration: none ; font-style: italic ; }

ul#brochurelist li span.video { background-image: url(../images/site/document-movie.gif) ; } 
ul#brochurelist li span.link { background-image: url(../images/site/document-web.gif) ; } 


ul#brochurelist li a { display: block ; margin-bottom: 10px; height: 15px ; font-weight: bold ; text-decoration: none ; padding: 9px 0; }
ul#brochurelist li a em { font-weight: normal; }

	/* Buyers guide (shop intros) */
#content #buyers_guide-list {}
#content #buyers_guide-list .buyers_guide-item { float: left; width: 270px; margin-right: 30px; margin-bottom: 30px; }
#content #buyers_guide-list .odd { clear: left; }
#content #buyers_guide-list .even { margin-right: 0; }
#content .buyers_guide-item h2 {
	height: 37px; line-height: 37px; margin-bottom: 0; padding: 0 10px; 
	background: transparent url(../images/site/bg-buyers_guide-item-h2.png) no-repeat left top;
	color: #fff; }
#content .buyers_guide-item h2 a { color: #fff; }
#content .buyers_guide-item img { display: block; }
#content .buyers_guide-item .buyers_guide-item-content { padding: 10px 10px 1px; background: #616266; color: #fff; }
#content .buyers_guide-item .buyers_guide-brochurelist { position: relative; padding: 10px 10px 35px; overflow: hidden; }
#content .buyers_guide-item .buyers_guide-brochurelist ul { margin-left: 0; margin-bottom: 0; list-style: none; }
#content .buyers_guide-item .buyers_guide-brochurelist li { position: relative ; padding-left: 38px ; }
#content .buyers_guide-item .buyers_guide-brochurelist li span { 
	display: block ; width: 30px ; height: 30px ; background: transparent url(../images/site/document-pdf.gif) no-repeat left top ;
	text-indent: -9999px ; position: absolute ; top: 0 ; left: 0 ; font-weight: normal ; text-decoration: none ; font-style: italic ; }
#content .buyers_guide-item .buyers_guide-brochurelist li span.video { background-image: url(../images/site/document-movie.gif) ; } 
#content .buyers_guide-item .buyers_guide-brochurelist li span.link { background-image: url(../images/site/document-web.gif) ; } 
#content .buyers_guide-item .buyers_guide-brochurelist li a { display: block ; margin-bottom: 10px; height: 15px ; font-weight: bold ; text-decoration: none ; padding: 9px 0; }

#content .buyers_guide-brochurelist .content-video { display: none; }

#content .buyers_guide-item .buyers_guide-brochurelist a.moredetails {
	position: absolute; right: 10px; bottom: 0; width: 111px; height: 25px; margin-bottom: 10px;
	background: transparent url(../images/site/home-moredetails.gif) no-repeat left top;
	text-indent: -9999px; }

#brush_strips_and_seals #content .buyers_guide-item .buyers_guide-brochurelist { background-color: #acc2de; }
#hardware_for_doors #content .buyers_guide-item .buyers_guide-brochurelist { background-color: #E1EBF7; }
#hardware_for_gates #content .buyers_guide-item .buyers_guide-brochurelist { background-color: #E8D9EE; }
#hardware_for_glass #content .buyers_guide-item .buyers_guide-brochurelist { background-color: #ECF0CB; }
#hardware_for_sliding_doors #content .buyers_guide-item .buyers_guide-brochurelist { background-color: #E1F1D7; }

	/* Checkout pages */
#basket #content-main,
#checkout #content-main,
#account #content-main { background: #fff; padding: 0; }

.error { border: 2px solid #f00; background: #fee; color: #f00; padding: 10px; font-weight: bold; }
div.error { padding-bottom: 0; margin-bottom: 20px;  }
table {
	width: 100% ;
	border-right: 1px solid #d3d6e2 ;
	margin-bottom: 20px ;
	font-size: 1.2em ;
	line-height: 1.3;
}

table th { padding: 4px; border-right: 1px solid #fff; background: #d3d6e2; font-weight: bold; text-align: center; }
table th.last { border-right-color: #d3d6e2; }

table td { padding: 4px; border-left: 1px solid #d3d6e2; border-bottom: 1px solid #d3d6e2; }

table td.item-stockcode { width: 60px; color: #0A499A; border-right: none; }
table td.item-qty { width: 30px; border-right: none; }
table td.item-desc { border-left: none; }
table td.totaltext,
table td.delivery,
table td.vatbreakdown { border-left-color: #fff; border-bottom-color: #fff; text-align: right; }

td.qty { width: 60px; text-align: center; }
td.qty input { width: 20px; margin-bottom: 0; margin-right: 0;}
td.qty input.updatebtn { margin-top: 3px; width: 50px; font-size: 10px; text-align: center;} 
td.subtotal,
td.total { text-align: right; }
td.remove { width: 30px; text-align: center; }
td.remove input {
	height: 16px ; width: 15px ; border: none; text-indent: -9999px ; cursor: pointer;
	background: transparent url(../images/site/icon-wastebin.gif) no-repeat left top ; }

#basket-actions .button input#update { float: left; }
#basket-actions .button input#tryCheckout { float: right; }

#continue-shopping { margin-top: 10px; line-height: 20px; }
#continue-shopping a { font-size: 14px; }

#checkout #ordereditlink { float: right; font-size: 11px; }

	/* Newsletters page */
body#newsletters #content-panel { background-color: #fff; }
#newsletter-grid .newsletter { position: relative; float: left; margin: 0 15px 15px 0; }
#newsletter-grid .last { margin-right: 0; }
#newsletter-grid .newsletter h2 {
	position: absolute; left: 0; bottom: 0; width: 180px; margin: 0;
	text-align: center; }
#newsletter-grid .newsletter h2 a {
	display: block; padding: 3px 0;
	background: #0A499A; background: rgba(10, 73, 154, 0.5);
	color: #fff; }
#newsletter-grid .newsletter:hover h2 a { background: #0A499A; text-decoration: none; }

	/* Brochure Template */
body#newsletters #content-panel,
body#brochures #content-panel,
body#notching_details #content-panel { background-color: #fff; }
#brochure-list .brochure { position: relative; float: left; margin-bottom: 15px; overflow: hidden; }
#brochure-list .brochure img {
	float: left; width: 180px; margin-right: 15px; border: 1px solid #d3d6e2;
	-webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; 
}
#brochure-list .brochure img:hover { border-color: #0A499A; }
#brochure-list .brochure .brochure-content { float: left; width: 373px; }