body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #555;
	text-align: center;
	background: #fff;
}
img {
	border: 0;
	vertical-align: bottom;
}
a {
	outline: none;
	color: #06c;
}
a:hover {
	color: #000;
}
table {
	width: 100%;
	font-size: 12px;
	line-height: 15px;
	border: 3px #e0e0e0 solid;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}
th {
	color: #2c87bc;
}
input,
select,
textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
	font: 12px/15px Arial, Helvetica, sans-serif;
}
button {
	outline: none;
}
button::-moz-focus-inner { 
  border: 0;
  padding: 0;
}

/***********************/

.align-center {
	display: block;
	margin: 0 auto;
}

/*********************** Fonts ***********************/

@font-face {
    font-family: 'HSS';
    src: url('../fonts/hss-webfont.eot');
    src: url('../fonts/hss-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hss-webfont.woff') format('woff'),
         url('../fonts/hss-webfont.ttf') format('truetype'),
         url('../fonts/hss-webfont.svg#HSS') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*********************** Basis ***********************/

#HSS {
	position: relative;
	padding: 0;
	width: 980px;
	text-align: left;
	margin: 0 auto;
}
.Hidden {
	position: absolute;
	height: 1px;
	top: -1000px;
	left: -5000px;
	overflow: hidden;
}
.ImageLeft {
	float: left;
	margin: 0 25px 20px 0;
}
.ImageRight {
	float: right;
	margin: 0 0 20px 25px;
}
.UpperCase {
	text-transform: uppercase;
}
.LowerAlpha {
	list-style-type: lower-alpha;
}
.LowerRoman {
	list-style-type: lower-roman;
}
.DoubleSpaced li {
	margin: 0 0 8px 0;
}
.clearFloat {
	clear: both;
	width: 100%;
  	height: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
}

/*********************** Top Navigation ***********************/

#TopBg {
	position: relative;
	float: left;
	clear: both;
	width: 980px;
	height: 96px;
	padding: 3px 0 1px 0;
	margin: 0;
}

/***********************/

#logo {
	float: left;
}
#logo img {
	background: url(../../images/header/strapline.png) no-repeat;
	background-size: 100% auto;
}

/***********************/

#telephoneBranch, 
#telephoneOnline {
	position: absolute;
	left: 355px;
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	color: #aaa;
	margin: 0;
}
#telephoneBranch {
	top: 13px;
}
#telephoneOnline {
	top: 32px;
}
#telephoneBranch strong, 
#telephoneOnline strong {
	display: block;
	font: normal 18px/17px HSS, Arial, Helvetica, sans-serif;
	color: #0089d0;
}

/********************** Basket Summary **********************/

#BasketSummary {
	display: none;
	float: right;
	width: 144px;
	margin: 15px 10px 0 0;
	padding: 0 0 6px 0;
}

/********************** Country Dropdown **********************/

#ChangeCountryDD {
	display: none;
	margin: 0;
	padding: 0;
}
.U-Country {
	background-image: url(../../images/countries/uk.gif);
}
.I-Country {
	background-image: url(../../images/countries/eire.gif);
}
#UkLink {
	background-image: url(../../images/countries/uk.gif);
}
#EireLink {
	background-image: url(../../images/countries/eire.gif);
}
#EspanaLink {
	background-image: url(../../images/countries/espana.gif);
}

/********************** Top Navigation **********************/

#SearchForm {
	position: absolute;
	top: 43px;
	right: 0;
	float: right;
	width: 403px;
	border: 3px #d0d0d0 solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 3px;
}
#SearchForm p {
	padding: 0;
	margin: 0;
}
#SearchForm input {
	float: left;
	width: 350px;
	height: 30px;
	border: 0;
	padding: 8px 0 7px 9px;
	margin: 0;
}
#SearchForm button {
	display: block;
	float: right;
	width: 45px;
	height: 30px;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0;
	margin: 0;
	background: #0089d0;
	background-image: linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -o-linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -moz-linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -webkit-linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -ms-linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6bc2ee), color-stop(1, #086ba4));
	box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
	cursor: pointer;
}
#SearchForm button:hover {
	background: #2199d9;
	background-image: linear-gradient(top, #086ba4 0%, #6bc2ee 100%);
	background-image: -o-linear-gradient(top, #086ba4 0%, #6bc2ee 100%);
	background-image: -moz-linear-gradient(top, #086ba4 0%, #6bc2ee 100%);
	background-image: -webkit-linear-gradient(top, #086ba4 0%, #6bc2ee 100%);
	background-image: -ms-linear-gradient(top, #086ba4 0%, #6bc2ee 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #086ba4), color-stop(1, #6bc2ee));
	box-shadow: 0 -1px 5px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.3) inset;
}
#SearchForm button span {
	display: block;
	width: 45px;
	height: 30px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../../images/header/search.png) 50% 50% no-repeat;
}

/********************** Summary **********************/

#Summary {
	position: absolute;
	top: 14px;
	right: 7px;
	line-height: 20px;
	color: #999;
	text-align: right;
	margin: 0;
}
#Summary a {
	font-weight: bold;
	color: #09f;
	text-decoration: none;
}
#Summary a:hover {
	text-decoration: underline;
}
#Summary a.Basket {
	display: inline-block;
	padding: 0 0 0 26px;
	margin: 0 0 0 30px;
	background: url(../../images/header/basket.png) 0 2px no-repeat;
}
.AccountLinks {
	display: inline-block;
}

/**********************/

#Country {
	float: left;
	padding: 4px 2px 0 0;
	margin: 0;
	list-style: none;
}
#Country li {
	float: left;
	margin: 0 5px 0 0;
}
#Country a {
	display: block;
	width: 16px;
	height: 11px;
	font-size: 0;
	text-indent: -5000px;
	overflow: hidden;
	opacity: 0.35;
	-moz-opacity: 0.35;
	-webkit-opacity: 0.35;
}
#Country a:hover, 
#Country.UK a.UK, 
#Country.EIRE a.EIRE {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}
#Country a.UK {
	background: url(../../images/header/uk.png) no-repeat;
}
#Country a.EIRE {
	background: url(../../images/header/eire.png) no-repeat;
}

/********************** Top Navigation **********************/

#BlueBar {
	float: left;
	clear: both;
	width: 980px;
	background: #036;
	margin: 0 0 10px 0;
}
#FurtherLinks {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#FurtherLinks li {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
}

/**********************/

.UK-Links #HomeLink {
	width: 12%;
}
.UK-Links #ToolHireLink {
	width: 14%;
}
.UK-Links #OffersLink {
	width: 20%;
}
.UK-Links #BranchLink {
	width: 20%;
}
.UK-Links #NewsletterLink {
	width: 22%;
}
.UK-Links #FAQLink {
	width: 12%;
}

/**********************/

.EIRE-Links #HomeLink {
	width: 12%;
}
.EIRE-Links #ToolHireLink {
	width: 18%;
}
.EIRE-Links #BranchLink {
	width: 22%;
}
.EIRE-Links #NewsletterLink {
	width: 24%;
}
.EIRE-Links #BlogLink {
	width: 12%;
}
.EIRE-Links #FAQLink {
	width: 12%;
}

/**********************/

#FurtherLinks li a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	padding: 13px 8px 11px 8px;
	font: normal 11px/16px HSS, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-left: 1px solid #fff;
	margin: 0;
}
#HomeLink a {
	border: 0 !important;
}
#OffersLink a {
	color: #0383c5 !important;
	background: #ffd400 !important;
}

/**********************/

#FurtherLinks li a:hover,
#FurtherLinks li a.Selected {
	color: #fff !important;
	background: #0682ca !important;
}

/********************** Branch Finder **********************/

#BranchFinder {
	position: fixed;
	top: 121px;
	right: 0;
	display: block;
	background: #0089d0;
	z-index: 1000;
}
#BranchFinder.NoTabs {
	display: none;
}
#BranchFinder:hover {
	background: #2199d9;
}

/********************** Live Chat **********************/

#lpButDivID-1350486427738 {
	position: fixed;
	top: 292px;
	right: 0;
	z-index: 1000;
}
#lpButDivID-1350486427738 table {
	border: 0;
	border-collapse: collapse;
	margin: 0;
}
#lpButDivID-1350486427738 table td {
	padding: 0;
}
.lpStaticButtonAddTextTD,
.lpPoweredBy,
.lpEmtStarRating {
	display: none;
}
#lpButDivID-1350486427738 a {
	display: block;
	width: 41px;
	height: 138px;
	text-indent: -5000px;
	background: #0089d0 url(../../images/chat-online.png) no-repeat;
}
#lpButDivID-1350486427738 a:hover {
	background-color: #2199d9;
}
#lpButDivID-1350486427738 img {
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
}

/********************** Left Navigation **********************/

#LeftNavigation {
	float: left;
	clear: left;
	width: 185px;
	margin: 0 10px 0 0;
}
.responsive-offer {
	display: none;
}
#LeftCatNav h3 {
	padding: 10px 10px 7px 10px;
	border-top: 7px #fff solid;
	border-bottom: 1px #fff solid;
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	background: #0682ca;
}
#LeftCatNav h3:first-child {
	border-top: 9px #fff solid;
}
#LeftCatNav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: #40a9e0;
}
#LeftNavigation li {
	position: relative;
	border-top: 1px #fff solid;
}
#LeftNavigation li:first-child {
	border: 0;
}
#LeftNavigation ul li a {
	display: block;
	padding: 5px 10px;
	width: 165px;
	color: #fff;
	text-transform: capitalize;
	text-decoration: none;
}
#LeftNavigation ul li a:hover, 
#LeftNavigation ul li a.active {
	background-color: #0089d0;
}
#LeftNavigation ul li ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 185px;
	border: 1px #fff solid;
	z-index: 10000;
}
#LeftNavigation p {
	padding: 7px 0 0 0;
	margin: 0;
}

/********************** Main Area **********************/

#MainArea {
	position: relative;
	float: left;
	width: 785px;
	padding: 12px 0 0 0;
	text-align: left;
	margin: 0;
}
#MainArea.MainFullBlankLeft {
	width: 980px;
}
#MainArea strong, 
#MainArea b, 
.Showing {
	font-weight: bold;
	color: #39c;
}
#MainArea .LowerAlpha strong {
	color: #666 !important;
}
#MainArea strong.Red, 
#MainArea b.Red {
	font-weight: bold;
	color: #c33;
}
#MainArea h1,
#MainArea h2, 
#MainArea h3 {
	font: normal 24px/30px HSS, Arial, Helvetica, sans-serif;
	color: #0387d0;
	text-transform: capitalize;
	margin: 0 0 16px 0;
}
#MainArea h4 {
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #2c87bc;
	margin: 0 0 15px 0;
}
#MainArea h5 {
	font-size: 12px;
	color: #2c87bc;
	margin: 0 0 15px 0;
}
.Underlined {
	padding: 0 0 15px 0;
	border-bottom: 3px solid #eaeaea;
}
.NoUnderline .Underlined {
	padding: 0;
	border-bottom: 0;
}
.NoMargin {
	margin: 0 !important;
}
#MainArea p {
	margin: 0 0 15px 0;
}
.HR {
	clear: both;
	height: 3px;
	margin: 0 0 15px 0;
	background: #eaeaea;
}
.RedLinkList, 
.BlueLinkList {
	clear: both;
	display: block;
	padding: 0;
	margin: 0 0 20px 10px;
	list-style: none;
}
.RedLinkList li, 
.BlueLinkList li {
	padding: 0 0 5px 0;
}
.RedLinkList a, 
.BlueLinkList a {
	display: inline-block; 
	padding: 0 0 0 16px;
	font-weight: bold;
	text-decoration: none;
}
.RedLinkList a {
	background: url(../../images/red_arrow.gif) no-repeat 0 4px;
}
.BlueLinkList a {
	background: url(../../images/blue_arrow.gif) no-repeat 0 4px;
}
#MainArea a {
	color: #2c87bc;
}
#MainArea a:hover {
	color: #000;
}
.Mandatory, 
.Error, 
.Message, 
.Discount {
	font-weight: bold;
	color: #c33;
}
.Mandatory {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.VoucherError {
	display: block;
	padding: 0 0 14px 0;
}
.Bold {
	font-weight: bold;
	color: #069;
}
#MainArea strong.Message {
	color: #c33;
}

/**********************/

#FormLeft, 
#FormLeft2 {
	float: left;
	clear: left;
	width: 347px;
	padding: 30px 31px 15px 30px;
}
#FormRight, 
#FormRight2, 
#FormRightGrey {
	float: right;
	width: 347px;
	padding: 60px 30px 15px 0;
}
#FormLeft img, 
#FormLeft2 img, 
#FormRight img, 
#FormRight2 img, 
#FormRightGrey img {
	margin: 0 0 10px 0;
}
#FormFull {
	float: left;
	width: 100%;
}

/**********************/

.NormalText {
	font-weight: normal;
	color: #555;
}

/********************** Home Page **********************/

.nivoSlider {
	position: relative;
	/*width: 785px;
	height: 259px;*/
	width: 100%;
	overflow: hidden;
	margin: -12px 0 7px 0;
}
.nivoSlider img {
	position: absolute;
	top: 0;
	left: 0;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}
.nivoSlider a.nivo-imageLink {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
}
.nivo-box img {
	display: block;
	width: 100%;
	heigh: auto;
}
.nivo-slice {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 5;
}
.nivo-box {
	display: block;
	position: absolute;
	overflow: hidden;
	z-index: 5;
}
.nivo-directionNav, 
.nivo-caption, 
.nivo-controlNav {
	display: none;
}

/**********************/

#OfferList {
	float: left;
	clear: both;
	width: 792px;
	padding: 0;
	font: normal 11px/15px HSS, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 -7px 0 0;
	list-style: none;
}
#OfferList.GuidesList {
	margin: 0 -7px 10px 0;
}
#OfferList li {
	float: left;
	width: 191px;
	margin: 0 7px 7px 0;
	background: #40a9e0;
}
#OfferList a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#OfferList a:hover {
	color: #fff;
	background: #0089d0;
}
#OfferList a img {
	width: 100%;
}
#OfferList span {
	display: table-cell;
	width: 161px;
	height: 41px;
	padding: 6px 15px 4px 15px;
	vertical-align: middle;
}

/**********************/

#DIYGuides {
	position: relative;
	float: left;
	clear: both;
	width: 383px;
	border: 3px #036 solid;
	margin: 0 0 7px 0;
}
#DIYGuides h3 {
	padding: 10px 10px 9px 45px;
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fc0;
	margin: 0;
	background: #036 url(../../images/guides-icon.png) 13px 9px no-repeat;
}
#DIYGuides ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
#DIYGuides li {
	border-top: 1px #99adc2 solid;
}
#DIYGuides li:first-child {
	border: 0;
}
#DIYGuides a {
	display: block;
	padding: 7px 12px;
	text-decoration: none;
}
#DIYGuides .all {
	position: absolute;
	top: 9px;
	right: 18px;
	padding: 0 0 0 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../../images/yellow-arrow.png) 0 5px no-repeat;
}
#DIYGuides .all:hover {
	color: #fff;
	text-decoration: underline;
}

/**********************/

.HomeBanner, 
.OfferBanner {
	float: left;
	margin: 0 0 7px 7px;	
}
.OfferBanners {
	width: 792px;
	margin: 5px 0 7px 0;
}
.OfferBanners:after {
	display: block;
	clear: both;
	content: '';
}
.OfferBanners .Banner1, 
.OfferBanners .Banner2 {
	float: left;
	padding: 0 7px 0 0;
}

/**********************/

#LatestTweets {
	position: relative;
	float: left;
	clear: both;
	width: 779px;
	border: 3px #0089d0 solid;
}
#LatestTweets h3 {
	padding: 10px 10px 9px 45px;
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	background: #0089d0 url(../../images/tweets-icon.png) 11px 9px no-repeat;
}
#LatestTweets ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
#LatestTweets li {
	padding: 7px 12px;
	border-top: 1px #99d0ec solid;
}
#LatestTweets li:first-child {
	border: 0;
}
#LatestTweets .all {
	position: absolute;
	top: 9px;
	right: 18px;
	padding: 0 0 0 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../../images/yellow-arrow.png) 0 5px no-repeat;
}
#LatestTweets .all:hover {
	color: #fff;
	text-decoration: underline;
}

/********************** Branch Finder **********************/

#BranchSearch {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	height: 102px;
	margin: 0 0 18px 0;
	overflow: hidden;
	background: #ffd400;
}

/*********************/

#BranchSearch .FormLabelRegion {
	position: absolute;
	top: 73px;
	left: 25px;
}
#BranchSearch .FormLabelRegion span {
	display: inline-block;
	float: left;
	margin: 0 18px 0 0;
}
#BranchSearch .FormLabelRegion input {
	vertical-align: middle;
	margin: -2px 7px 0 0;
}

/*********************/

#BranchSearch .FormLabel {
	position: absolute;
	top: 25px;
	left: 25px;
}
#BranchSearch .FormLabel label {
	display: none;
}
#BranchSearch .FormLabel input {
	width: 675px;
	height: 33px;
	border: 1px #d8b302 solid;
	padding: 9px 8px; 
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	margin: 0;
}

/*********************/

#BranchSearchButton {
	position: absolute;
	top: 27px;
	right: 25px;
}
#BranchSearchButton button {
	display: block;
	float: right;
	width: 45px;
	height: 30px;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0;
	margin: 0;
	background: #46ad24;
	background-image: linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #46ad24), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	cursor: pointer;
}
#BranchSearchButton button:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}
#BranchSearchButton button span {
	display: block;
	width: 45px;
	height: 30px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0;
	background: url(../../images/header/search.png) 50% 50% no-repeat;
}

/*********************/

#BranchRegion {
	border: 3px #eaeaea solid;
	padding: 25px 25px 5px 25px;
	margin: 0 0 25px 0;
}
#BranchRegion h3 {
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif !important;
	color: #2c87bc;
	margin: 0 !important;
}
#BranchRegion img {
	display: block;
	margin: 0 auto 20px auto;
}

/*********************/

#BranchLists h3 {
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif !important;
	color: #2c87bc;
	margin: 0 0 15px 0 !important;
}
#BranchLists h4 {
	font: bold 13px/15px Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
}
#BranchLists h4 a {
	color: #2c87bc;
	text-decoration: none;
}
#BranchLists h4 a:hover {
	text-decoration: underline;
}
#BranchList, 
.BranchList {
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
}
#BranchList li {
	margin: 0 0 8px 0;
}
#BranchList li a {
	font-weight: bold;
}
.BranchList li {
	display: inline-block;
	width: 28%;
	margin: 0 4% 8px 0 !important;
	vertical-align: top;
}
.BranchList li span {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/********************* Branch Results *********************/

#ShowBranchMap {
	display: none;
}

/**********************/

.BranchDetails dt {
	font-weight: bold;
	color: #39c;
	margin: 0;
}
.BranchDetails dd {
	padding: 0;
	margin: 0 0 15px 0;
}

/**********************/

.BranchImages {
	font-size: 0;
}
.BranchImages span {
	display: table-cell;
	border-right: 15px #fff solid;
	border-bottom: 15px #fff solid;
	width: 150px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	background: #eaeaea;
}
.BranchImages img {
	max-width: 150px;
	max-height: 150px;
}

/********************** Form Info **********************/

#FormInfo, 
#SignupFor {
	float: right;
	width: 295px;
	border: 1px #fc0 solid;
	padding: 30px 25px 15px 25px;
	margin: 20px 0 20px 0;
	background: #fff;
}
#FormInfo h3, 
#FormInfo h4, 
#SignupFor h3, 
#SignupFor h4 {
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif !important;
	margin: 0 0 16px 0;
}
#FormInfo ul, 
#SignupFor ul {
	padding: 0 !important;
	margin: 0;
	list-style: none !important;
}
#FormInfo li, 
#SignupFor li {
	padding: 0 0 10px 18px;
}
#FormInfo span, 
#SignupFor span {
	display: block;
	float: left;
	width: 18px;
	margin: 0 0 0 -18px;
}

/********************** Newsletter Signup **********************/

#NewsletterCatalogue {
	float: right;
	width: 212px;
	padding: 30px 110px 10px 25px;
	margin: 0 0 20px 0;
	background: #0089d0 url(../../images/newsletter-catalogue.png) 100% 0 no-repeat;
}
#NewsletterCatalogue h4 {
	position: static !important;
	height: auto !important;
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 16px 0;
	overflow: auto !important;
}
#NewsletterCatalogue p {
	color: #fff;
}
#NewsletterCatalogue label {
	color: #fff !important;
}

/**********************/

#CatalogueRequest {
	clear: right;
}

/**********************/

#NewsletterFooter {
	clear: both;
	padding: 0 30px;
}
#NewsletterFooter p {
	margin: 0 0 30px 0;
}

/********************** Links **********************/

#LinksContainer img {
	float: right;
	padding: 0 0 15px 15px;
	margin-top: -30px;
}
code {
	display: block;
	padding: 10px;
	font: 12px/15px "Courier New", Courier, mono;
	background: #f2f2f2;
}
#LinkLogo {
	float: right;
	padding: 0 0 0 15px;
	margin-top: -30px;
}

/********************** Product List **********************/

.GreenArrowButton {
	display: none;
}
#PageTitleLeft {
	float: left;
	width: 765px;
	margin: 0 10px 6px 10px;
}
#MainArea #PageTitleLeft h1,
#MainArea #PageTitleLeft h3 {
	float: left;
	margin: 0;
}
#PageTitleLeft p {
	margin: 0;
}
.ResultsTop {
	float: right;
	padding: 10px 0;
}
.ResultsBottom {
	clear: both;
	border-top: 3px #eaeaea solid;
	border-bottom: 3px #eaeaea solid;
	padding: 20px 10px 18px 10px;
	margin: 0;
}

/**********************/

#BreadCrumb, 
#GroupBreadcrumb {
	float: left;
	width: 765px;
	padding: 0;
	font-weight: bold;
	color: #999;
	margin: 0 10px 15px 10px !important;
}
#BreadCrumb p, 
#GroupBreadcrumb p {
	margin: 0;
}
#BreadCrumb a, 
#GroupBreadcrumb a {
	color: #39c;
	text-transform: capitalize;
	text-decoration: none;
}
#BreadCrumb a:hover, 
#GroupBreadcrumb a:hover {
	text-decoration: underline;
}

/**********************/

.pageCatText {
	float: left;
	clear: left;
	width: 765px;
	margin: 0 10px 20px 10px;
}
.pageCatText p {
	display: inline;
	margin: 0 !important;
}

/**********************/

#ItemProductNewList {
	display: block;
	float: left;
	width: 797px;
	padding: 0 0 18px 0;
	margin: 0 -7px 0 0;
	list-style-type: none;
}
.mainbOdY-Bg {
	position: relative;
	float: left;
	width: 171px;
	height: 220px;
	padding: 0 10px;
	margin: 0 7px 7px 0;
	background: #0682ca;
}
.mainbOdY-ProdUctImg, 
.mainbOdY-CategoryImg {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 191px;
	height: 138px;
	border: 1px #0682ca solid;
	border-bottom: 0;
	overflow: hidden;
	background-color: #fff;
	background-size: 191px auto;
	background-position: 50% 50%;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.mainbOdY-CategoryImg img, 
#ItemProductNewList img {
	width: 191px;
	height: auto;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
}
.ToolHire .mainbOdY-CategoryImg img {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}
.mainbOdY-DeSc {
	padding: 149px 0 0 0;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
}
.mainbOdY-TiTle {
	display: block;
	height: 16px;
	font-weight: bold;
	font-size: 13px;
	white-space: nowrap;
	margin: 0 0 1px 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mainbOdY-TiTle a {
	color: #fff !important;
	text-decoration: none;
}
.mainbOdY-TiTle a:hover {
	text-decoration: underline;
}
.mainbOdY-PriCe {
	font: 18px/18px HSS, Arial, Helvetica, sans-serif;
	color: #fc0;
}
.from {
	display: block;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 2px 0
}
.oldPrice {
	display: block;
	color: #c33;
    text-decoration: line-through;
}
.mainbOdY-MorEInfO {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.mainbOdY-MorEInfO a {
	display: block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 59px;
	padding: 9px 8px 7px 8px;
	font: 11px/15px HSS, Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	background: #46ad24;
	background-image: linear-gradient(top, #4ec530 0%, #337103 100%);
	background-image: -o-linear-gradient(top, #4ec530 0%, #337103 100%);
	background-image: -moz-linear-gradient(top, #4ec530 0%, #337103 100%);
	background-image: -webkit-linear-gradient(top, #4ec530 0%, #337103 100%);
	background-image: -ms-linear-gradient(top, #4ec530 0%, #337103 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ec530), color-stop(1, #337103));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
}
.mainbOdY-MorEInfO a:hover {
	background: #4cbe2d;
	background-image: linear-gradient(top, #337103 0%, #4ec530 100%);
	background-image: -o-linear-gradient(top, #337103 0%, #4ec530 100%);
	background-image: -moz-linear-gradient(top, #337103 0%, #4ec530 100%);
	background-image: -webkit-linear-gradient(top, #337103 0%, #4ec530 100%);
	background-image: -ms-linear-gradient(top, #337103 0%, #4ec530 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337103), color-stop(1, #4ec530));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}

/********************** Search Ranking **********************/

#rankingBar {
	float: left;
	clear: both;
	width: 765px;
	border-top: 3px #eaeaea solid;
	padding: 10px;
}
#rankingBar label {
	float: left;
	font-weight: bold;
	color: #39c;
	margin: 7px 10px 0 0;
}
#rankingBar input[type=text] {
	float: left;
	width: 130px;
	height: 29px;
	border: 1px #ccc solid;
	padding: 8px 7px 7px 7px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	margin: 0 8px 0 0;
}
#rankingBar button {
	display: block;
	float: left;
	border: 1px #bbb solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 15px;
	color: #444;
	margin: 0 5px 0 0;
	background: #e0e0e0;
	background-image: linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e0e0e0));
	cursor: pointer;
}
#rankingBar button:hover {
	background: #fff;
	background-image: linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -o-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -moz-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -ms-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #fff));
}
#rankingMessage {
	float: right;
	font-weight: bold;
	color: #c33;
	margin: 7px 0 0 0;
}

/**********************/

.RemoveList {
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	height: 22px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
	margin: 0 auto;
	background: #d02728;
	z-index: 10;
}
.RemoveList:hover {
	background: #40a9e0;
}
.RemoveList span {
	display: block;
	height: 22px;
	width: 22px;
	background: url(../../images/delete.png) 50% 50% no-repeat;
}

/********************** Group Detail **********************/

#GroupDetails {
	position: relative;
	float: left;
	clear: both;
	width: 785px;
}

/**********************/

#PageTitleGroup {
	float: left;
	width: 765px;
	margin: 0 10px 11px 10px;
}
#PageTitleGroup h1 {
	float: left;
	margin: 0;
}

/**********************/

#SafetySymbols {
	display: block;
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 -8px 0;
	list-style-stype: none;
}
#SafetySymbols li {
	display: block;
	float: left;
	height: 28px;
	overflow: hidden;
	text-indent: -5000px;
}
#SafetySymbols li.eye-protection {
	width: 32px;
	background: url(../../images/icons/eye-protection.gif);
}
#SafetySymbols li.breathing-masks1 {
	width: 32px;
	background: url(../../images/icons/breathing-masks1.gif);
}
#SafetySymbols li.breathing-masks2 {
	width: 32px;
	background: url(../../images/icons/breathing-masks2.gif);
}
#SafetySymbols li.breathing-masks3 {
	width: 32px;
	background: url(../../images/icons/breathing-masks3.gif);
}
#SafetySymbols li.welding-masks {
	width: 32px;
	background: url(../../images/icons/welding-masks.gif);
}
#SafetySymbols li.ear-defenders {
	width: 32px;
	background: url(../../images/icons/ear-defenders.gif);
}
#SafetySymbols li.safety-footwear {
	width: 32px;
	background: url(../../images/icons/safety-footwear.gif);
}
#SafetySymbols li.vibration-caution-green {
	width: 32px;
	background: url(../../images/icons/vibration-caution-green.gif);
}
#SafetySymbols li.vibration-caution-amber {
	width: 32px;
	background: url(../../images/icons/vibration-caution-amber.gif);
}
#SafetySymbols li.vibration-caution-red {
	width: 32px;
	background: url(../../images/icons/vibration-caution-red.gif);
}
#SafetySymbols li.protective-gloves {
	width: 32px;
	background: url(../../images/icons/protective-gloves.gif);
}
#SafetySymbols li.safety-helmets {
	width: 32px;
	background: url(../../images/icons/safety-helmets.gif);
}
#SafetySymbols li.disposable-overall {
	width: 32px;
	background: url(../../images/icons/disposable-overall.gif);
}
#SafetySymbols li.power-breaker {
	width: 32px;
	background: url(../../images/icons/power-breaker.gif);
}
#SafetySymbols li.personnel-lifting {
	width: 32px;
	background: url(../../images/icons/personnel-lifting.gif);
}
#SafetySymbols li.vertical-lifting {
	width: 32px;
	background: url(../../images/icons/vertical-lifting.gif);
}
#SafetySymbols li.angle-lifting {
	width: 32px;
	background: url(../../images/icons/angle-lifting.gif);
}
#SafetySymbols li.sling-lifting {
	width: 32px;
	background: url(../../images/icons/sling-lifting.gif);
}
#SafetySymbols li.stable-load {
	width: 32px;
	background: url(../../images/icons/stable-load.gif);
}
#SafetySymbols li.hook-safety {
	width: 32px;
	background: url(../../images/icons/hook-safety.gif);
}
#SafetySymbols li.estate-car {
	width: 52px;
	background: url(../../images/icons/estate-car.gif);
}
#SafetySymbols li.towable {
	width: 52px;
	background: url(../../images/icons/towable.gif);
}
#SafetySymbols li.truck {
	width: 52px;
	background: url(../../images/icons/truck.gif);
}
#SafetySymbols li.truck75 {
	width: 52px;
	background: url(../../images/icons/75-ton-truck.gif);
}

/**********************/

#GroupImage {
	position: relative;
	display: block;
	float: left;
	width: 191px;
	margin: 4px 0 0 0;
}
#GroupImage img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 191px;
	height: auto;
	border: 1px #0682ca solid;
}
#GroupImage a span {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 25px;
	height: 25px;
	background: #40a9e0 url(../../images/zoom.png) 50% 50% no-repeat;
	z-index: 10;
}
#GroupImage a:hover span {
	background-color: #0089d0;
}
#GroupZoom {
	text-align: center;
	margin: 0 0 15px 0;
}

/**********************/

.tabsHolder {
	float: right;
	clear: right;
	width: 582px;
	margin: 4px 0 0 0;
}
.tab-header {
	height: 28px;
}
.tab {
	position: relative;
	float: left;
	border: 1px solid #cccccc;
	width: 130px;
	text-align: center;
	cursor: pointer;
	padding: 8px 5px 6px 5px;
	font-weight: bold;
	font-size: 11px;
	color: #666 !important;
	text-decoration: none;
	background: #e5e5e5;
	margin-right: 5px;
	margin-bottom: -1px;
	border-bottom: 1px solid #cccccc;
	z-index: 2;
}
.tab:hover {
	color: #1371a7 !important;
	background: #fff !important;
}
.tab-selected {
	color: #1371a7 !important;
	background: #fff !important;
	border-bottom: 1px solid #fff !important;
}
#tabDiv-1,
#tabDiv-2,
#tabDiv-3 {
	display: none;
	float: left;
	width: 560px;
	border: 1px solid #cccccc;
	padding: 20px 10px 10px 10px;
	z-index: 90;
}
#tabDiv-1 {
	display: block;
}


/**********************/

#tabDiv-1 h4 {
	display: none;
}
#tabDiv-1 p {
	margin: 0 0 5px 0 !important;
}
#tabDiv-1 iframe {
	display: block;
	text-align: center;
	margin: 20px auto;
	z-index: 1;
}
#GroupBullets {
	display: block;
	padding: 4px 0 0 0;
	margin: 0 0 5px 0 !important;
	list-style-type: none;
}
#GroupBullets li {
	padding: 0 0 0 20px;
	background: url(../../images/bullet.png) no-repeat 4px 5px;
}

/********************** Specification **********************/

#tabDiv-2 h4 {
	display: none;
}
#tabDiv-2 .spec-container {
	width: 100%;
	padding: 0 0 8px 0;
	overflow-x: auto;
}
#tabDiv-2 table {
	border-collapse: collapse;
	border: 0;
	width: 100%;
	margin: -6px 0 0 0;
}
#tabDiv-2 th, 
#tabDiv-2 td {
	border: 0;
	border-top: 1px #eeeeee solid;
	padding: 6px 20px 5px 0;
	text-align: left;
} 
#tabDiv-2 tr:first-child th {
	border-top: 0 !important;
}
#tabDiv-2 tr th:last-child, 
#tabDiv-2 tr td:last-child {
	padding-right: 0 !important;
}

/********************** Safety Guides and Data Sheets **********************/

#tabDiv-3 h4 {
	display: none;
}
#tabDiv-3 ul {
	width: 100%;
	padding: 0;
	margin: -6px 0 15px 0;
	list-style-type: none;
}
#tabDiv-3 li {
	border-top: 1px #eeeeee solid;
	padding: 6px 0 5px 26px;
	background: url(../../images/pdf.png) 0 5px no-repeat;
}
#tabDiv-3 li:first-child {
	border-top: 0 !important;
}
#tabDiv-3 li a {
	display: block;
	font-size: 12px !important;;
	line-height: 15px !important;;
}

/********************** Discount Note **********************/

#GroupDetails #discount-note {
    float: left;
	width: 755px;
	clear: both;
	padding: 12px 15px 10px 15px;
	font: normal 15px/16px HSS, Arial, Helvetica, sans-serif;
    color: #fff;
	text-align: center;
	margin: 15px 0 -5px 0;
	background: #c33;
}
.Discount #discount-note {
   	font: normal 15px/16px HSS, Arial, Helvetica, sans-serif;
    color: #c33;
}

/********************** Pricing Structure **********************/

#PricingHeader {
	float: left;
	clear: both;
	width: 753px;
	border: 1px #ffde40 solid;
	border-bottom: 1px #e5b600 solid;
	padding: 11px 15px 8px 15px;
	margin: 20px 0 0 0;
	background: #ffe980;
	background-image: linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ffe980));
}
#PricingHeader h4 {
	font: normal 13px/15px HSS, Arial, Helvetica, sans-serif;
	color: #2c87bc;
	margin: 0;
}

/**********************/

#PricingStructure {
	clear: left;
	width: 785px;
	border-collapse: collapse;
	border: 0;
	border-left: 1px #e5b600 solid;
	margin: 0;
	background: #ffd400;
}
#PricingStructure th, 
#PricingStructure td {
	text-align: center;
	border-top: 0;
	border-left: 0;
	border-right: 1px #e2bb00 solid;
	border-bottom: 1px #e2bb00 solid;
}
#PricingStructure th {
	padding: 10px 1px 9px 2px;
	font: normal 11px/15px HSS, Arial, Helvetica, sans-serif;
	color: #c33;
}
#PricingStructure td {
	padding: 3px 3px 2px 4px;
	font-weight: normal;
	color: #036;
}
#PricingStructure td span.Label {
	display: none;
}
#PricingStructure td.Row2 {
	background-color: #ffe980;
}
#PricingStructure a {
	display: inline-block;
	width: 110px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 10px 6px 10px;
	font-weight: bold;
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	text-decoration: none;
	margin: 2px -5px 3px -5px;
}
#PricingStructure a.BuyButton {
	background: #177ab2;
	background-image: linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -o-linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -moz-linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -webkit-linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -ms-linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #62c5f9), color-stop(1, #096ba4));
	box-shadow: 0 1px 5px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4) inset;
}
#PricingStructure a.BuyButton:hover {
	background: #3395cc;
	background-image: linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -o-linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -moz-linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -webkit-linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -ms-linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #096ba4), color-stop(1, #62c5f9));
	box-shadow: 0 -1px 5px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.4) inset;
}
#PricingStructure a.HireButton {
	background: #46ad24;
	background-image: linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ec530), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
}
#PricingStructure a.HireButton:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}

/**********************/

#PricingCurrency {
	clear: both;
	width: 730px;
	padding: 10px 15px 9px 40px;
	margin-bottom: 20px;
	background: #ffe980 url(../../images/info.png) 14px 10px no-repeat;
}
#PricingCurrency p {
	font-size: 11px;
	color: #666;
	margin: 0;
}

/**********************/

#SimilarItems {
	float: left;
	clear: both;
	width: 779px;
	border: 3px solid #d5d5d5;
	margin: 0 0 30px 0;
}
#SimilarItems h3 {
	padding: 10px 13px;
	font: normal 13px/15px HSS, Arial, Helvetica, sans-serif;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.75);
	-webkit-text-shadow: 1px 1px 1px rgba(255,255,255,0.75);
	-moz-text-shadow: 1px 1px 1px rgba(255,255,255,0.75);
	margin: 0;
	background: #eee;
	background-image: linear-gradient(top, #f5f4f4 0%, #dddada 100%);
	background-image: -o-linear-gradient(top, #f5f4f4 0%, #dddada 100%);
	background-image: -moz-linear-gradient(top, #f5f4f4 0%, #dddada 100%);
	background-image: -webkit-linear-gradient(top, #f5f4f4 0%, #dddada 100%);
	background-image: -ms-linear-gradient(top, #f5f4f4 0%, #dddada 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f4f4), color-stop(1, #dddada));
}
#SimilarItems ul {
	float: left;
	width: 760px;
	padding: 20px 0 3px 17px;
	text-align: center;
	margin: 0;
	list-style: none;
}
#SimilarItems li {
	float: left;
	width: 175px;
	margin: 0 15px 10px 0;
}
#SimilarItems span.image {
	display: block;
	width: 100%;
	height: 130px;
	overflow: hidden;
	margin: 0 0 13px 0;
}
#SimilarItems img {
	width: 175px;
	height: auto;
}
#SimilarItems span.text {
	display: block;
	width: 100%;
	height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#SimilarItems a {
	font-weight: bold;
	text-decoration: none;
}
#SimilarItems a:hover {
	text-decoration: underline;
}

/**********************/

#LiveHire {
	float: left;
	padding: 0 5px;
}

/**********************/

#SocialMedia {
	float: right;
	width: 350px;
	padding: 5px 0 0 0;
}
#SocialMedia .addthis_button_facebook_like,
#SocialMedia .addthis_button_tweet {
	float: left;
	width: 90px;
	overflow: hidden;
}

/********************** Forms **********************/

#MainForm, 
#SignupForm, 
#LoginLeft, 
#CheckoutStage1, 
#deliveryDetails {
	float: left;
	width: 100%;
}
#MainForm, 
#SignupForm, 
#LoginLeft, 
#CheckoutStage1 {
	background: #efefef;
}
#MainForm label, 
#SignupForm label, 
#LoginLeft label, 
#CheckoutStage1 label, 
#deliveryDetails label {
	display: inline-block;
	font-weight: bold;
	color: #069;
	margin: 0 0 5px 0;
}
#MainForm select, 
#MainForm input[type=text], 
#MainForm input[type=password], 
#MainForm textarea, 
#SignupForm select, 
#SignupForm input[type=text], 
#SignupForm input[type=password], 
#SignupForm textarea,  
#LoginLeft select, 
#LoginLeft input[type=text], 
#LoginLeft input[type=password], 
#LoginLeft textarea, 
#CheckoutStage1 select, 
#CheckoutStage1 input[type=text], 
#CheckoutStage1 input[type=password], 
#CheckoutStage1 textarea, 
#deliveryDetails select, 
#deliveryDetails input[type=text], 
#deliveryDetails input[type=password], 
#deliveryDetails textarea {
	clear: both;
	width: 100%;
	height: 35px;
	border: 1px #bbb solid;
	padding: 9px 8px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
}
#MainForm select:focus, 
#MainForm input[type=text]:focus, 
#MainForm input[type=password]:focus, 
#MainForm textarea:focus, 
#SignupForm select:focus, 
#SignupForm input[type=text]:focus, 
#SignupForm input[type=password]:focus, 
#SignupForm textarea:focus,  
#LoginLeft select:focus, 
#LoginLeft input[type=text]:focus, 
#LoginLeft input[type=password]:focus, 
#LoginLeft textarea:focus, 
#CheckoutStage1 select:focus, 
#CheckoutStage1 input[type=text]:focus, 
#CheckoutStage1 input[type=password]:focus, 
#CheckoutStage1 textarea:focus, 
#deliveryDetails select:focus, 
#deliveryDetails input[type=text]:focus, 
#deliveryDetails input[type=password]:focus, 
#deliveryDetails textarea:focus {
	border-color: #69c;
}
#MainForm select, 
#SignupForm select, 
#LoginLeft select, 
#CheckoutStage1 select, 
#deliveryDetails select {
	padding: 8px 8px 8px 4px;
}
#MainForm textarea, 
#SignupForm textarea, 
#LoginLeft textarea, 
#CheckoutStage1 textarea, 
#deliveryDetails textarea {
	height: 60px;
	overflow: auto;
}
#MainForm input[type=radio], 
#SignupForm input[type=radio], 
#LoginLeft input[type=radio], 
#CheckoutStage1 input[type=radio], 
#deliveryDetails input[type=radio] {
	vertical-align: middle;
	margin: -2px 7px 0 0;
} 
#MainForm input[type=checkbox], 
#SignupForm input[type=checkbox], 
#LoginLeft input[type=checkbox], 
#CheckoutStage1 input[type=checkbox], 
#deliveryDetails input[type=checkbox] {
	vertical-align: middle;
	margin: -1px 7px 0 0;
}
#MainForm button, 
#SignupForm button, 
#LoginLeft button, 
#CheckoutStage1 button, 
#deliveryDetails button {
	display: block;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 12px 40px 10px 40px;
	font-weight: bold;
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	text-transform: capitalize;
	text-decoration: none;
	margin: 0;
	background: #46ad24;
	background-image: linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ec530), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	cursor: pointer;
}
#MainForm button:hover, 
#SignupForm button:hover, 
#LoginLeft button:hover, 
#CheckoutStage1 button:hover, 
#deliveryDetails button:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}
.ResponsiveButton {
	clear: both;
}
.FirstContinue {
	display: none;
}

/**********************/

#ts_regiadd6, 
#ts_commadd6, 
#ts_maddadd6 {
	width: 50% !important;
	min-width: 125px;
	margin: 0 50% 0 0;
}

/**********************/

.Divider, 
.NonClearDivider {
	height: 30px;
	overflow: hidden;
	margin: 0;
	background: url(../../images/dotted.png) 0 10px repeat-x;
}
.Divider {
	clear: both;
}

/**********************/

.BlueButton, 
.LargeBlueButton, 
.GreenButton {
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 9px 20px 7px 20px;
	font: 11px/15px HSS, Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
}
.LargeBlueButton {
	padding: 13px 28px 10px 28px;
}
.BlueButton, 
.LargeBlueButton {
	background: #177ab2;
	background-image: linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -o-linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -moz-linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -webkit-linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -ms-linear-gradient(top, #62c5f9 0%, #096ba4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #62c5f9), color-stop(1, #096ba4));
	box-shadow: 0 1px 5px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4) inset;
}
.BlueButton:hover, 
.LargeBlueButton:hover {
	background: #3395cc;
	background-image: linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -o-linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -moz-linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -webkit-linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -ms-linear-gradient(top, #096ba4 0%, #62c5f9 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #096ba4), color-stop(1, #62c5f9));
	box-shadow: 0 -1px 5px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.4) inset;
}
.GreenButton {
	background: #46ad24;
	background-image: linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ec530), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
}
.GreenButton:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}

/********************** Postcode Anywnhere **********************/

#findAddressArea button {
	display: block;
	width: 100%;
	border: 1px #bbb solid;
	padding: 10px 10px 9px 10px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	color: #444;
	text-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	margin: 0;
	background: #e0e0e0;
	background-image: linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e0e0e0));
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#findAddressArea button:hover {
	background: #fff;
	background-image: linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -o-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -moz-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -ms-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #fff));
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/**********************/

#postcodeanywherediv {
	width: 385px;
	padding: 30px 30px 15px 30px;
	margin: 0 0 20px 0;
	background: #ffd400;
}
#postcodeanywherediv p {
	width: 100% !important;
	margin: 0 0 10px 0;
}
#postcodeanywherediv input[type=text] {
	border-color: #d8b302;
	padding: 9px 8px;
}
#postcodeanywherediv input[type=text]#postcode {
	width: 230px;
}
#postcodeanywherediv button {
	float: right;
	width: 140px;
	padding: 11px 10px 8px 10px;
}
#postcodeanywherediv span.Close {
	display: inline-block;
	color: #069;
	text-decoration: underline;
	margin: 10px 0 0 0;
	cursor: pointer;
}

/********************** Branch Button **********************/

#BranchButton {
	display: block;
	float: right;
	width: 148px;
	height: auto;
	text-decoration: none;
	overflow: hidden;
	margin: 0;
	font-size: 1px;
}

/********************** Free Catalogues **********************/

#CatalogueSelection {
	float: left;
	clear: both;
	width: 779px;
	border: 3px #eaeaea solid;
	padding: 20px 0;
	text-align: center;
	margin: 0 0 15px 0;
}
#CatalogueSelection p {
	white-space: nowrap;
	margin: 0;
}
#CatalogueSelection img {
	height: 150px;
	width: auto;
	margin: 0 0 8px 0;
}
.CatalogueContainer {
	display: inline-block;
	width: 18%;
	text-align: center;
	margin: 0 auto;
}

/**********************/

.CatalogueInfo {
	clear: both;
	padding: 5px 25px;
}

/********************** Select Hire Date **********************/

#DateInstructions {
	display: block;
	padding: 0;
	margin: 0 0 15px 10px;
	list-style-position: inside;
}
#SetDate {
	position: relative;
	float: left;
	width: 745px;
	padding: 22px 20px 15px 20px;
	margin: 0;
	background: #ffd400;
}
#SetDate p {
	float: left;
	clear: both;
	width: 250px;
	margin: 0 0 10px 0;
}
#SetDate label {
	display: inline-block;
	margin: 0 0 4px 0;
}
#SetDate input, 
#SetDate select {
	float: left;
	border: 0;
	border: 1px #d8b302 solid;
	padding: 5px 5px 5px 3px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	margin: 0;
}
#SetDate input {
	padding: 6px 5px 6px 7px;
	height: 29px;
}
#hireperiod {
	width: 250px;
}
.SmallWidth {
	background: url(../../images/calendar_icon.gif) no-repeat 100% 50%;
	cursor: pointer;
}
.SmallWidth input {
	width: 156px;
}
.LargeWidth input {
	width: 193px;
}
.AmPm {
	width: 52px;
	text-align: center;
}
#CalendarIcon, 
#EndCalendarIcon {
	display: block;
	float: left;
	width: 197px;
	height: 27px;
	margin: 0 1px 0 0;
}
#SetDate button {
	display: inline-block;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 250px;
	padding: 10px 10px 8px 10px;
	font: 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	text-decoration: none;
	text-align: center;
	margin: 10px 0 0 0;
	background: #46ad24;
	background-image: linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ec530), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	cursor: pointer;
}
#SetDate button:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}

/********************** Calendar **********************/

#Calendar, 
#EndDateCalendar {
	display: none;
	position: absolute;
	left: 300px;
	top: 22px;
	width: 252px;
	padding: 8px;
	border: 1px #e6be00 solid;
	background: #fff;
	z-index: 100;
}
#CalendarHeader, 
#EndDateCalendarHeader {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 9px 8px 6px 8px;
	text-align: center;
	margin: 0;
	background: #0089d0;
	background-image: linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -o-linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -moz-linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -webkit-linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -ms-linear-gradient(top, #6bc2ee 0%, #086ba4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6bc2ee), color-stop(1, #086ba4));
	box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
}
#CalendarHeader h4, 
#EndDateCalendarHeader h4 {
	float: none;
	padding: 0;
	font-size: 14px;
	color: #fff;
	margin: 0;
}
#CalendarControl, 
#EndDateCalendarControl {
	padding: 6px 0;
	text-align: center;
}
#CalendarControl p, 
#EndDateCalendarControl p {
	float: none;
	width: auto !important;
	padding: 0;
	font-weight: bold;
	color: #bbb;
	margin: 0;
}
#CalendarControl a, 
#EndDateCalendarControl a {
	text-decoration: none;
	margin: 0 8px;
}
#CalendarControl a:hover,  
#EndDateCalendarControl a:hover {
	text-decoration: underline;
}
#CalendarTable table, 
#EndDateCalendarTable table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	border-left: 1px #e5e5e5 solid;
	margin: 0;
	background: #fff;
}
#CalendarTable th, 
#EndDateCalendarTable th {
	padding: 3px 0;
	border: 0;
	border-top: 1px #e5e5e5 solid;
	border-right: 1px #e5e5e5 solid;
	border-bottom: 1px #ccc solid;
	font-weight: normal;
	text-align: center;
	color: #000;
	overflow: hidden;
	background: #f7f7f7;
}
#CalendarTable td, 
#EndDateCalendarTable td {
	padding: 0;
	border: 0;
	border-right: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid;
}
.Empty {
	color: #e5e5e5;
	background: #e5e5e5;
	cursor: default;
}
.Invalid {
	display: block;
	padding: 2px 0;
	color: #cacaca;
	text-align: center;
	background: #f0f0f0;
	cursor: default;
}
#CalendarTable table a, 
#EndDateCalendarTable table a {
	display: block;
	padding: 4px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #666;
}
#CalendarTable table a.CalendarSelected, 
#EndDateCalendarTable table a.CalendarSelected {
	font-weight: bold;
	background: #0682ca;
	color: #fff;
}
#CalendarTable table a:hover, 
#EndDateCalendarTable table a:hover {
	background: #c33;
	color: #fff;
}
#CalendarTable table a.Today, 
#CalendarTable table a.Today {
	font-weight: bold;
	color: #c33;
}
#CalendarTable table a:hover.Today, 
#EndDateCalendarTable table a:hover.Today {
	color: #fff;
}

/********************** Up sell / Cross sell **********************/

#UpsellForm {
	padding: 0;
	margin: 0;
}
#UpsellList {
	display: block;
	float: left;
	width: 797px;
	padding: 0 0 18px 0;
	margin: 0 -7px 0 0;
}
.UpsellBlock {
	position: relative;
	float: left;
	border: 3px #e0e0e0 solid;
	width: 165px;
	padding: 0 10px;
	margin: 0 7px 7px 0;
	background: #fff;
}
.ImageContainer {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: 100%;
	height: 128px;
	overflow: hidden;
	background: #eaeaea;
}
.ImageContainer span {
	display: table-cell;
	width: 500px;
	height: 128px;
	text-align: center;
	vertical-align: middle;
}
.InfoContainer {
	display: block;
	padding: 139px 0 0 0;
}
#UpsellForm .InfoContainer p {
	float: left;
	clear: both;
	width: 165px;
	margin: 0;
}
#UpsellForm .InfoContainer p.UpsellMain {
	display: block;
	height: 16px;
	font-weight: bold;
	font-size: 13px;
	color: #069;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 0 9px 0;
}
#UpsellForm .Discount {
	display: block;
}
.HireBuy {
	float: left;
	border-top: 1px #e0e0e0 solid;
	padding: 8px 0 6px 0;
}
.HireBuy p {
	display: inline;
	margin: 0;
}
.HireBuy label {
	cursor: pointer;
}
.HireBuy span {
	margin: 0 2px 0 0;
}
.HireBuy input {
	float: right;
	line-height: 15px;
	vertical-align: middle;
	margin: 1px 0 0 0;
}
.Qty {
	position: relative;
	border-top: 1px #e0e0e0 solid;
	width: 127px !important;
	padding: 4px 38px 5px 0;
}
.Qty label {
	display: inline-block;
	margin: 3px 0 0 0;
}
.Qty input {
	float: right;
	border: 0;
	padding: 4px 4px 3px 4px;
	width: 23px;
	height: 19px;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #069;
	text-align: center;
	margin: 0;
}
.Qty a {
	position: absolute;
	top: 4px;
	display: block;
	border: 1px #ccc solid;
	padding: 0;
	margin: 3px 0 0 3px;
	background: #e0e0e0;
	background-image: linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -o-linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -moz-linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -webkit-linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -ms-linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #dcdcdc));
}
.Qty a.Increase {
	right: 18px;
}
.Qty a.Decrease {
	right: 0;
}
.Qty a span {
	display: block;
	width: 13px;
	height: 13px;
	text-indent: -5000px;
}
.Qty a.Increase span {
	background: url(../../images/plus.png) 50% 50% no-repeat;
}
.Qty a.Decrease span {
	background: url(../../images/minus.png) 50% 50% no-repeat;
}

/**********************/

#UpsellForm button {
	display: inline-block;
	float: right;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 9px 30px 7px 30px;
	font-weight: bold;
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	text-decoration: none;
	margin: -8px 0 8px 15px;
	background: #46ad24;
	background-image: linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ec530), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	cursor: pointer;
}
#UpsellForm button:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}

/********************** Basket **********************/

#mainBasketForm #ResponsiveHeader {
	display: none;
}

/**********************/

#CheckoutStages {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 44px;
	border: 1px #ddd solid;
	padding: 0;
	font-size: 0;
	white-space: nowrap;
	margin: -7px 0 18px 0;
	list-style: none;
	background: #fff;
	background-image: linear-gradient(top, #fff 0%, #ebebeb 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #ebebeb 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #ebebeb 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #ebebeb 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ebebeb));
}
#CheckoutStages li {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 25%;
	padding: 16px 10px 12px 40px;
	font: 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #bbb;
	text-align: center;
	text-shadow: 0 1px 2px #fff;
	-moz-text-shadow: 0 1px 2px #fff;
	-webkit-text-shadow: 0 1px 2px #fff;
	margin: -1px 0;
}
#CheckoutStages li.Basket {
	width: 23.5%;
	padding: 16px 20px 12px 31px;
	margin: -1px 0 -1px -1px;
}
#CheckoutStages li.Complete {
	width: 27%;
	padding: 16px 16px 12px 35px;
	margin: -1px -1px -1px 0;
}
#CheckoutStages li span.Number {
	display: none;
}
#CheckoutStages li span.Arrow {
	position: absolute;
	top: 0;
	right: -23px;
	display: block;
	width: 23px;
	height: 44px;
	background: url(../../images/progress/arrow.png);
	z-index: 10;
}
#CheckoutStages.Basket li.Basket, 
#CheckoutStages.Stage1 li.Basket, 
#CheckoutStages.Stage1 li.Stage1, 
#CheckoutStages.Stage2 li.Basket, 
#CheckoutStages.Stage2 li.Stage1, 
#CheckoutStages.Stage2 li.Stage2, 
#CheckoutStages.Complete li.Basket, 
#CheckoutStages.Complete li.Stage1, 
#CheckoutStages.Complete li.Stage2, 
#CheckoutStages.Complete li.Complete {
	color: #fcce15;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	background: #1d97d8 url(../../images/progress/bar.png);
}
#CheckoutStages.Basket li.Basket span.Arrow, 
#CheckoutStages.Stage1 li.Basket span.Arrow, 
#CheckoutStages.Stage1 li.Stage1 span.Arrow, 
#CheckoutStages.Stage2 li.Basket span.Arrow, 
#CheckoutStages.Stage2 li.Stage1 span.Arrow, 
#CheckoutStages.Stage2 li.Stage2 span.Arrow, 
#CheckoutStages.Complete li.Basket span.Arrow, 
#CheckoutStages.Complete li.Stage1 span.Arrow, 
#CheckoutStages.Complete li.Stage2 span.Arrow, 
#CheckoutStages.Complete li.Complete span.Arrow {
	background-position: 0 -44px;
}
#CheckoutStages.Complete li.Complete {
	border-right: 1px #1d97d8 solid;
	padding: 16px 15px 12px 35px;
}

/**********************/

#HirePeriodDates {
	float: left;
	width: 980px;
	padding: 0 10px;
	margin: 0 0 15px 0;
}
#HirePeriodDates p {
	display: inline;
	margin: 0 25px 0 0;
}

/**********************/

#BasketHeader {
	float: left;
	clear: both;
	width: 948px;
	border: 1px #ffde40 solid;
	border-bottom: 1px #e5b600 solid;
	padding: 13px 15px 12px 15px;
	margin: 0;
	background: #ffe980;
	background-image: linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #ffe980 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ffe980));
}
#BasketHeader p {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}
#BasketHeader a {
	display: inline-block;
	float: right;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 12px 30px 10px 30px;
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	text-decoration: none;
	margin: -27px -6px -2px 20px;
	background: #46ad24;
	background-image: linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ec530), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	cursor: pointer;
}
#BasketHeader a:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}
#BasketHeader h4 {
	display: none;
}

/**********************/

#BasketTable {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border: 0;
	border-left: 1px #e5b600 solid;
	margin: 0;
	background: #ffd300;
}
#BasketTable th, 
#BasketTable td {
	text-align: center;
	border-top: 0;
	border-left: 0;
	border-right: 1px #e2bb00 solid;
	border-bottom: 1px #e2bb00 solid;
}
#BasketTable th {
	padding: 10px 6px 9px 7px;
	font: 11px/15px HSS, Arial, Helvetica, sans-serif;
	color: #c33;
}
#BasketTable td {
	padding: 11px 6px 11px 7px;
	color: #036;
}
#BasketTable tr.Row2 td {
	background-color: #ffe980;
}
#BasketTable a {
	position: relative;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
	margin: 0 auto;
}
#BasketTable a.Increase, 
#BasketTable a.Decrease {
	float: left;
	width: 13px;
	height: 13px;
	margin: 3px 0 0 2px;
	background: #e0e0e0;
	background-image: linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -o-linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -moz-linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -webkit-linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -ms-linear-gradient(top, #fff %, #dcdcdc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #dcdcdc));
}
.Row1 a.Increase, 
.Row1 a.Decrease {
	border: 1px #d8b302 solid;
}
.Row2 a.Increase, 
.Row2 a.Decrease {
	border: 1px #ebc927 solid;
}
#BasketTable a.Increase span, 
#BasketTable a.Decrease span {
	display: block;
	width: 13px;
	height: 13px;
}
#BasketTable a.Increase span {
	background: url(../../images/plus.png) 50% 50% no-repeat;
}
#BasketTable a.Decrease span {
	background: url(../../images/minus.png) 50% 50% no-repeat;
}
#BasketTable a.RemoveButton {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 16px;
	height: 16px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
	margin: 0 auto;
	background: #d02728;
}
#BasketTable a.RemoveButton:hover {
	background: #069;
}
#BasketTable a.RemoveButton span {
	display: block;
	height: 16px;
	width: 16px;
	background: url(../../images/delete.png) 50% 50% no-repeat;
}
#BasketTable td.LeftText, 
#BasketTable th.LeftText {
	text-align: left;
}
.QtyNoWrap {
	display: block;
	width: 59px;
	margin: 0 auto;
}
.BasketQty {
	float: left;
	padding: 3px;
	width: 25px;
	height: 21px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
}
.Row1 .BasketQty {
	border: 1px #d8b302 solid;
}
.Row2 .BasketQty {
	border: 1px #ebc927 solid;
}
#BasketTable td.PurchaseType  {
	color: #369;
	font-weight: bold;
}
#BasketTable td.Free {
	color: #c33;
	font-weight: bold;
	text-transform: uppercase;
}
#BasketTable td span.Discount  {
	display: block;
	color: #c33;
}

/**********************/	

#BasketFooter {
	float: right;
	clear: both;
	padding: 13px 74px 11px 74px;
	margin: 0 0 15px 0;
	background: #ffe980;
}
#BasketFooter p {
	font-weight: bold;
	color: #369;
	margin: 0;
}

/**********************/

#RemovedItems h4 {
	font-size: 12px;
}
#RemovedItems a {
	position: relative;
	display: block;
	height: 18px;
	width: 55px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
	margin: 0 auto;
	background: url(../../images/buttons/re_add.gif) no-repeat;
}

/**********************/

#BasketDiscount, 
#BasketCharges, 
#BasketLinks {
	float: left;
	clear: both;
	width: 920px;
	padding: 28px 30px 20px 30px;
	margin: 0;
	background: #efefef;
}
#BasketLinks {
	padding: 28px 30px 15px 30px;
}
#BasketDiscount h4, 
#BasketCharges h4 {
	color: #069;
}
#BasketDiscount p {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
#BasketDiscount input[type=radio] {
	margin: 0 4px 0 0;
	vertical-align: middle;
}
#DiscountVoucherContainer {
	display: block;
	padding: 10px 20px 0 20px;
	min-height: 30px;
}
#DiscountVoucher {
	float: left;
	width: 130px;
	height: 29px;
	border: 1px #ccc solid;
	padding: 8px 7px 7px 7px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	margin: 0 8px 0 0;
}
#DiscountVoucherContainer button {
	display: block;
	float: left;
	border: 1px #bbb solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 15px;
	color: #444;
	margin: 0;
	background: #e0e0e0;
	background-image: linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e0e0e0));
	cursor: pointer;
}
#DiscountVoucherContainer button:hover {
	background: #fff;
	background-image: linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -o-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -moz-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -ms-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #fff));
}
#PromotionTitle strong {
	padding: 0 0 0 20px;
}
#PromotionSaving {
	position: relative;
	text-align: right;
	margin: 0 0 5px 0;
}
#PromotionSaving strong {
	color: #069;
}
#PromotionSaving input, 
#BasketDiscount input.SavingTotal {
	float: right;
	width: 60px;
	border: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	color: #c33;
	text-align: right;
	margin: -1px 0 0 20px;
	background: #efefef;
}
#BasketCharges a {
	text-decoration: none;
}
.DiscountVoucher {
	float: left;
	font-size: 12px;
	font-weight: normal;
	width: 105px;
}

/**********************/

#SavingsNote {
	display: block;
	float: left;
	clear: both;
	width: 940px;
	border-bottom: 3px #efefef solid;
	padding: 12px 20px 10px 20px;
}
#SavingsNote strong {
	color: #c33;
}

/**********************/

#Notes {
	clear: both;
	padding: 10px;
}
#Notes h4 {
	font-size: 16px;
	line-height: 18px;
	color: #069;
}

/**********************/

#BasketLinks p {
	float: right;
	text-align: right;
	margin: 0 0 10px 0;
}
#BasketLinks a {
	float: right;
	display: block;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 12px 30px 10px 30px;
	font-weight: bold;
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	text-decoration: none;
	margin: 0;
	background: #46ad24;
	background-image: linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ec530), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	cursor: pointer;
}
#BasketLinks a:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}
#BasketLinks .NormalText {
	display: block;
	float: left;
	margin: 13px 20px;
}
#BasketLinks p#ReturnButton {
	float: left;
	margin: 3px 0;
}
#BasketLinks p#ReturnButton a {
	display: block;
	border: 1px #bbb solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 8px 25px 7px 25px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	color: #444 !important;
	text-decoration: none;
	text-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	margin: 0;
	background: #e0e0e0;
	background-image: linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e0e0e0));
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#BasketLinks p#ReturnButton a:hover {
	background: #fff;
	background-image: linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -o-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -moz-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -ms-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #fff));
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/********************** Checkout Stage 1 **********************/

#CheckoutStage1 {
	position: relative;
	float: left;
	clear: both;
	width: 920px;
	padding: 30px;
	background: #efefef;
}
#CheckoutStage1 #FormLeft,
#CheckoutStage1 #FormLeft2, 
#CheckoutStage1 #FormRight,
#CheckoutStage1 #FormRightGrey {
	width: 445px;
	padding: 0;
}
#CheckoutStage1 #MainForm p {
	margin: 0 0 20px 0;
}

/**********************/

#EmailFormat {
	padding: 0 0 15px 0;
}
#EmailFormat p {
	margin: 0 0 5px 0;
}

/**********************/

.SignupInfo {
	clear: both;
	padding: 30px 30px 10px 30px;
	margin: 0 !important;
}

/********************** Log In **********************/

.LoginContainer {
	background: #efefef;
}
.LoginContainer:after {
	content: '';
    display: block;
    clear: both;
}
.LoginIntro {
	padding: 30px 0 0 30px;
}
#LoginForm {
	float: left;
	clear: left;
	width: 347px;
	padding: 0 31px 15px 30px;
}
#LoginInfo {
	float: right;
	width: 295px;
	border: 1px #fc0 solid;
	padding: 30px 25px 15px 25px;
	margin: 30px 30px 20px 0;
	background: #fff;
}
#LoginRight {
	float: right;
}
#LoginInfo h4 {
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif;
	margin: 0 0 16px 0;
}

/********************** Checkout Stage 2 **********************/

#deliveryDetails {
	width: 100%;
}
#DeliveredPadding {
	position: relative;
}
#BranchName {
	float: left;
	width: 840px;
	margin: 0 0 10px 0 !important;
}
#DeliveredPadding input[type=text] {
	width: 100%;
}
.SelectAddress {
	clear: both;
}
#findStoreArea {
	float: left;
	margin: 21px 0 0 10px !important;
}
#branchDetailLink a, 
#findStoreArea button {
	display: block;
	width: 130px;
	border: 1px #bbb solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 8px 10px 7px 10px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	color: #444;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	margin: 0;
	background: #e0e0e0;
	background-image: linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e0e0e0));
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#branchDetailLink a {
	width: 110px;
}
#branchDetailLink a:hover, 
#findStoreArea button:hover {
	background: #fff;
	background-image: linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -o-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -moz-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -ms-linear-gradient(top, #e0e0e0 0%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #fff));
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#PickupDetails:after {
	content: '';
	display: block;
	clear: both;
	height: 10px;
}

/**********************/

#multimapstorefinderdiv {
	position: absolute;
	top: -10px;
	left: 50%;
	width: 370px;
	padding: 30px 30px 10px 30px;
	margin: 0 0 0 -215px;
	background: #ffd400;
	z-index: 10;
}
#multimapstorefinderdiv input[type=text] {
	width: 310px;
	height: 33px;
	border-color: #d8b302;
	padding: 9px 8px;
}
#SearchBranch {
	display: block;
	float: right;
	width: 45px !important;
	height: 32px;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0 !important;
	margin: 1px 0;
	background: #46ad24;
	background-image: linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #4ec530 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ec530), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	cursor: pointer;
}
#SearchBranch:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}
#SearchBranch span {
	display: block;
	width: 45px;
	height: 32px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0;
	background: url(../../images/header/search.png) 50% 50% no-repeat;
}

/**********************/

#FindRegion, 
#FindTownPostcode {
	position: fixed;
	top: -5000px;
	left: -5000px;
}

/**********************/

#multimapstorefinderdiv strong {
	color: #069 !important;
}
#multimapstorefinderdiv a {
	color: #069 !important;
}
#multimapstorefinderdiv a:hover {
	color: #000 !important;
}

/**********************/

#CloseBranchFinder {
	position: absolute;
	top: -5px;
	right: -5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 16px;
	height: 16px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
	margin: 0 auto;
	background: #d02728;
	background-image: linear-gradient(top, #f14d4d 0%, #b70b0b 100%);
	background-image: -o-linear-gradient(top, #f14d4d 0%, #b70b0b 100%);
	background-image: -moz-linear-gradient(top, #f14d4d 0%, #b70b0b 100%);
	background-image: -webkit-linear-gradient(top, #f14d4d 0%, #b70b0b 100%);
	background-image: -ms-linear-gradient(top, #f14d4d 0%, #b70b0b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f14d4d), color-stop(1, #b70b0b));
	box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
}
#CloseBranchFinder:hover {
	background: #e03a3a;
	background-image: linear-gradient(top, #b70b0b 0%, #f14d4d 100%);
	background-image: -o-linear-gradient(top, #b70b0b 0%, #f14d4d 100%);
	background-image: -moz-linear-gradient(top, #b70b0b 0%, #f14d4d 100%);
	background-image: -webkit-linear-gradient(top, #b70b0b 0%, #f14d4d 100%);
	background-image: -ms-linear-gradient(top, #b70b0b 0%, #f14d4d 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b70b0b), color-stop(1, #f14d4d));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.4) inset;
}
#CloseBranchFinder span {
	display: block;
	height: 16px;
	width: 16px;
	background: url(../../images/delete.png) 50% 50% no-repeat;
}

/**********************/

#DeliveryContainer {
	border: 3px #eaeaea solid;
	padding: 27px 27px 12px 27px;
	margin: 0 0 20px 0;
	background: #fff;
}

/**********************/

#AddressDetails {
	padding: 30px;
	margin: 0 0 20px 0;
	background: #efefef;
}
#AddressDetails h3 {
	font: normal 14px/16px HSS, Arial, Helvetica, sans-serif !important;
	margin: 0 0 15px 0 !important;
}
#AddressDetails p {
	width: 445px;
}
#AddressDetails input[type=text] {
	width: 100%;
}

/**********************/

#BasketCharges {
	margin: 0 0 20px 0;
}
#StandardContainer, 
#PlusContainer {
	border: 3px #eaeaea solid;
	padding: 27px 27px 12px 27px;
	background: #fff;
}
#StandardContainer dl, 
#PlusContainer dl, 
#StandardContainer dt, 
#PlusContainer dt {
	margin: 0 0 15px 0;
}
#StandardContainer dd, 
#PlusContainer dd {
	padding: 0;
	margin: 0 0 15px 0;
}
#StandardContainer ol, 
#PlusContainer ol {
	padding: 0;
	margin: 15px 0 15px 20px;
}

/********************** News **********************/

.article {
	padding: 20px 0;
	border-bottom: 1px #eaeaea solid;
}
.articleLink {
	color: #999;
}
.articleLink a {
	font-weight: bold;
}
.articleTeaser {
	padding: 5px 180px 0 0;
}
.articleTeaser span {
	color: #999;
}
.articleMore {
	float: right;
	margin: -40px 0 0 25px;
}
.archiveImage {
	float: right;
	margin: 0 0 20px 25px;
}
.articleDate {
	padding: 0 0 15px 0;
	color: #999;
}
#articlePager {
	padding: 20px 0 0 0;
	text-align: center;
}
.itemPagination {
	font-size: 0;
}
.itemPagination a {
	display: inline-block;
	padding: 6px 10px;
	font-size: 12px;
	text-decoration: none;
	margin: 0 2px;
	background: #eaeaea;
}
.itemPagination a:hover {
	color: #fff !important;
	background: #40a9e0;
}
.itemPagination span {
	display: inline-block;
	padding: 6px 10px;
	font-size: 12px;
	margin: 0 2px;
}

/********************** DIY Guides **********************/

.VideoGuide {
	float: right;
	padding: 0 0 0 30px;
	text-align: center;
}
.VideoGuide p {
	margin: 15px 0 !important;
}
.VideoGuide a {
	white-space: nowrap;
}

/********************** App **********************/

.app #MainArea h1 {
	padding: 10px;
	font: normal 44px/52px HSS, Arial, Helvetica, sans-serif;
	text-align: center;
}
.app #MainArea h1, 
.app #MainArea h2 {
	text-transform: none;
}
.app #MainArea h2 {
	margin: 0;
}
.app-intro {
	text-align: center;
	margin: 0 0 40px 0;
}
.app-row {
	display: table;
	width: 100%;
	margin: 0 0 25px 0;
}
.app-col-first, 
.app-col {
    position: relative;
	display: table-cell;
	width: 50%;
}
.app-col-first {
    padding: 0 30px 135px 30px;
}
.app-col {
    padding: 0 30px 180px 30px;
}
.app-row img {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
}

/********************** Videos **********************/

.video #ResponsiveHeader {
	display: none;
}
.video-intro {
	padding: 15px 0 20px 145px;
}
.video-intro img {
	float: left;
	margin: -15px 0 0 -135px; 
}
.video-links {
	width: 520px;
	max-width: 100%;
	padding: 0;
	text-align: center;
	margin: 0 0 40px 0 !important;
	list-style: none;
}
.video-links:after {
	display: block;
	clear: both;
	content: '';
}
.video-links li {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 33.33%;
	padding: 0 1px 0 0;
}
.video-links a {
	display: block;
	padding: 12px 10px 10px 10px;
	font: normal 15px/20px HSS, Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-decoration: none;
	background: #036; 
}
.video-links a:hover, 
.video-links a.active {
	background: #40a9e0;
}
.videos {
	padding: 10px 0 0 0;
	margin: 0 -15px 0 0;
}
.videos:after {
	display: block;
	clear: both;
	content: '';
}
.videos iframe {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 0 15px 15px 0;
	margin: 0;
}
.videos iframe:nth-of-type(odd) {
	clear: both;
}

/********************** May Bank Holiday **********************/

.bank-holiday-hero {
	margin: -12px 0 0 0;
}
.bank-holiday-intro {
	padding: 16px 20px 15px 20px;
}
#MainArea .bank-holiday-intro h1 {
	margin: 0 0 10px 0;
}
#MainArea .bank-holiday-intro p {
	font-size: 16px;
	line-height: 20px;
	color: #0089cf;
	margin: 0 0 14px 0;
}
.bank-holiday-banners {
	max-width: 772px;
	margin: 0 -7px 15px 0;
}
.bank-holiday-banners:after {
	display: block;
	clear: both;
	content: '';
}
.bank-holiday-banners a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 0 7px 0 0;
}
.bank-holiday #MainArea h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 20px 12px 20px;
}
.bank-holiday-offers, 
.bank-holiday-footer {
	max-width: 772px;
	margin: 0 -7px 8px 0;
}
.bank-holiday-offers:after, 
.bank-holiday-footer:after {
	display: block;
	clear: both;
	content: '';
}
#MainArea .bank-holiday-offers p, 
#MainArea .bank-holiday-footer p {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 25%;
	padding: 0 7px 7px 0;
	margin: 0;
}

.bank-holiday-opening-times .ResponsiveContentTop th, 
.bank-holiday-opening-times .ResponsiveContentTop td {
	padding: 10px 20px 8px 10px;
	text-align: left;
	border-bottom: 1px #eaeaea solid;
}
.bank-holiday-opening-times .ResponsiveContentTop th {
	width: 25%;
}
.bank-holiday-opening-times .ResponsiveContentTop td {
	width: 75%;
}

/********************** Customer Care **********************/

.care #MainArea h1 {
	text-align: center;
}
.care #MainArea h1, 
.care #MainArea h2 {
	text-transform: none;
}
.care-box {
	padding: 25px 45px 5px 45px;
	border-radius: 12px;
	moz-border-radius: 12px;
	webkit-border-radius: 12px;
	color: #fff;
	margin: 0 35px 5px 35px;
	background: #0077bb;
	background-image: linear-gradient(top, #0066a8 0%, #008acf 100%);
	background-image: -o-linear-gradient(top, #0066a8 0%, #008acf 100%);
	background-image: -moz-linear-gradient(top, #0066a8 0%, #008acf 100%);
	background-image: -webkit-linear-gradient(top, #0066a8 0%, #008acf 100%);
	background-image: -ms-linear-gradient(top, #0066a8 0%, #008acf 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0066a8), color-stop(1, #008acf));
}
.care-box:after {
	display: block;
	clear: both;
	content: '';
}
#MainArea .care-box h2 {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	margin: 0 0 8px 0;
}
#MainArea .care-box a {
	color: #fff;
}
#MainArea .care-box a:hover {
	color: #fc0;
}
.care-row {
	display: table;
	margin: 0 0 12px 0;
}
.care-contact {
	display: table-cell;
	width: 44%;
	border: 4px #f2b40b solid;
	border-radius: 10px;
	text-align: center;
	background: #ffd400;
}
#MainArea .care-contact h3 {
	text-transform: uppercase;
	margin: 10px 0;
}
#MainArea .care-contact p {
	color: #676255;
	margin: 0 30px 10px 30px;
}
#MainArea .care-contact strong {
	display: block;
	padding: 8px 0 4px 0;
	font: normal 18px/24px HSS, Arial, Helvetica, sans-serif;
	color: #897845;
	white-space: nowrap;
}
#MainArea .care-contact a {
	color: #676255;
}
#MainArea .care-contact a:hover {
	color: #000;
}
.care-divider {
	display: table-cell;
	width: 2%;
}
.care-arrow {
	height: 20px;
	margin: 0 115px 12px 115px;
	background: url(http://www.hss.com/content/care/arrow.gif) 50% 0 no-repeat;
	background-size: 100% 20px;
}
.care-box img {
	float: right;
	margin: -5px 10px 5px 40px;
}

/********************** Customer Care Contact Form **********************/

#MainForm textarea#care-message {
	height: 120px;
}

/********************** 404 Page Not Found **********************/

.page-not-found #MainArea h1 {
	color: #c00;
}
.page-not-found #MainArea h2 {
	font-size: 18px;
	line-height: 22px;
}

/**********************/

#NotFoundSearch {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	height: 82px;
	margin: 0 0 18px 0;
	overflow: hidden;
	background: #ffd400;
}

/*********************/

#NotFoundSearch .FormLabel {
	position: absolute;
	top: 25px;
	left: 25px;
}
#NotFoundSearch .FormLabel input {
	width: 675px;
	height: 33px;
	border: 1px #d8b302 solid;
	padding: 9px 8px; 
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	margin: 0;
}

/*********************/

#NotFoundSearchButton {
	position: absolute;
	top: 27px;
	right: 25px;
}
#NotFoundSearchButton button {
	display: block;
	float: right;
	width: 45px;
	height: 30px;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0;
	margin: 0;
	background: #46ad24;
	background-image: linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -o-linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -moz-linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -webkit-linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -ms-linear-gradient(top, #46ad24 0%, #327003 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #46ad24), color-stop(1, #327003));
	box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.45) inset;
	cursor: pointer;
}
#NotFoundSearchButton button:hover {
	background: #327003;
	background-image: linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -o-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -moz-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -ms-linear-gradient(top, #327003 0%, #46ad24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327003), color-stop(1, #46ad24));
	box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.45) inset;
}
#NotFoundSearchButton button span {
	display: block;
	width: 45px;
	height: 30px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0;
	background: url(../../images/header/search.png) 50% 50% no-repeat;
}

/********************** Non Responsive Pages **********************/

.MobileMessage {
	display: none;
}

/********************** Bottom Navigation **********************/

#BottomSpacer {
	clear: both;
	width: 100%;
	height: 20px;
	overflow: hidden;
	margin: 0 auto;
}
#BottomNavigation {
	clear: both;
	width: 930px;
	padding: 20px 25px 120px 25px;
	text-align: left;
	margin: 0 auto;
	background: #0089d0 url(../../images/footer/bar.gif) 0 100% no-repeat;
}
#BottomNavigation ul {
	float: left;
	padding: 0;
	line-height: 18px;
	margin: 0 25px 0 0;
	min-width: 130px;
	list-style: none;
}
#BottomNavigation ul.col-1 {
	width: 190px;
}
#BottomNavigation ul.col-2 {
	width: 230px;
}
#BottomNavigation ul.col-3 {
	width: 205px;
}
#BottomNavigation li.title {
	padding: 0 0 3px 0;
	font: 14px/20px HSS, Arial, Helvetica, sans-serif;
	color: #fc0;
}
#BottomNavigation a {
	color: #fff;
	text-decoration: none;
}
#BottomNavigation a:hover {
	text-decoration: underline;
}

/**********************/

#PageCopy {
	clear: both;
	position: relative;
	width: 950px;
	padding: 0 0 15px 0;
	text-align: left;
	border-bottom: 3px #eaeaea solid;
	margin: 22px auto;
}
#PageCopy p {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #757575;
}

/**********************/

#Copyright {
	clear: both;
	position: relative;
	width: 950px;
	color: #036;
	text-align: left;
	margin: 22px auto;
}