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

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

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

* {
	margin: 0;
	padding: 0;	
}

a {
	text-decoration: none;	
	outline: none;
}

a img {
	border: none;	
}

input, textarea {
	-webkit-appearance: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.clearfix:after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.clearfix {
	*min-height: 1px;
}

body {
	/*background: url(../images/backgroundClouds.jpg) no-repeat top center;
	background-size: cover;	*/
	font-family: 'titillium', Arial, Helvetica, sans-serif;
}

header {
	position: relative;
	height: 140px;
}

header .container {
	z-index: 2;	
}

.container {
	position: relative;
	width: 1180px;
	margin: 0 auto;	
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 140px;
	background: url(../images/logo.jpg) no-repeat;	
}

#logo h1 {
	display: none;	
}

#topControls {
	position: absolute;
	top: 35px;
	right: 0;
	font-size: 14px;
}

#topNav {
	width: 1005px;
	text-align: right;
}

#topNav ul {
	list-style: none;
}	

#topNav li {
	display: inline;
	padding-left: 30px;	
}

#topNav a {
	color: #003e70;
}

#mobileTopNav ul, #loginNav {
	list-style: none;	
	text-align: right;
}

#loginNav {
	margin-top: 15px;
	float: right;	
}

#topControls ul {
	list-style: none;
	width: 1020px;	
}

#topControls li {
	float: left;
	width: 245px;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	margin-left: 10px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

#topControls li a {
	color: #FFF;
	width: 100%;
	height: 100%;
	display: block;	
	background: url(../images/topnavbg.gif) repeat-x;
}

#topControls li a span {
	padding: 0 0 0 20px;
	background: url(../images/whitearrow-right.png) no-repeat left center;	
}

#topControls li a:hover span {
	background-image: url(../images/whitearrow-right.png)!important;
	color: #FFF!important;	
}

#topControls li.selected {
	background: #ccd8e2;
	padding-bottom: 5px;
}

#topControls li.rooflights a:hover {
	background: #e7238a;
}

#topControls li.rooflights a span {
	color: #e7238a;	
	background-image: url(../images/pinkarrow-right.png);	
}

#topControls li.selected a {
	background: none!important;
}

#topControls li.rooflights.selected a span {
	background-image: url(../images/pinkarrow-down.png)!important;
	color: #e7238a!important;	
}


#topControls li.roof-glazing a:hover {
	background: #0baae2;	
}

#topControls li.roof-glazing a span {
	color: #0baae2;	
	background-image: url(../images/bluearrow-right.png);
}

#topControls li.roof-glazing.selected a span {
	background-image: url(../images/bluearrow-down.png)!important;
	color: #0baae2!important;	
}

#topControls li.curtain-walling a:hover {
	background: #f7911d;	
}

#topControls li.curtain-walling a span {
	background-image: url(../images/orangearrow-right.png);
	color: #f7911d;
}

#topControls li.curtain-walling.selected a span {
	background-image: url(../images/orangearrow-down.png)!important;
	color: #f7911d!important;	
}

#topControls li.doors-and-windows a:hover {
	background: #3cb049;	
}

#topControls li.doors-and-windows a span {
	color: #3cb049;	
	background-image: url(../images/greenarrow-right.png);
}

#topControls li.doors-and-windows.selected a span {
	background-image: url(../images/greenarrow-down.png)!important;
	color: #3cb049!important;
}

#mobileTopNav li, #loginNav li {
	position: relative;
	display: inline-block;
	padding-left: 9px;
	-webkit-border-radius: 3px; 
  	-moz-border-radius: 3px; 
	border-radius: 3px;
}

#mobileTopNav li > a, #loginNav li > a {
	display: block;
	width: 91px;
	height: 29px;
	line-height: 28px;
	background: #7ccc2e;
	-webkit-border-radius: 3px; 
  	-moz-border-radius: 3px; 
	border-radius: 3px;
	color: #FFF;
	text-align: center;
}

#mobileTopNav li.basket a, #loginNav li.basket a {
	background: #003f70;
	width: 103px;	
}

#mobileTopNav li.basket a span, #loginNav li.basket a span {
	float: right;
	width: 33px;
	height: 29px;
	background: #b2c5d4;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	color: #fff;
}

#loginNav li.basket a span {
	background: #7ccc2e;	
}

.centerContainer {
	position: absolute;
	top: 50%!important;
	left: 50%!important;
	width: 1180px!important;
	height: 300px!important;
	margin: -150px 0 0 -590px!important;
	box-sizing: border-box;
	overflow: scroll;
	overflow-x: hidden;
}

#mainBanner {
	position: relative;	
}

#mainBanner ul {
	list-style: none;
	font-size: 24px;
}

#mainBanner h2 {
	font-size: 60px;
	text-transform: uppercase;	
}

.mainBanner {
	position: relative;
	margin-bottom: 50px;
	margin-top: -50px;
	/*overflow: hidden;*/
}

.overImageTitle {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -590px;
	width: 1180px!important;
	color: #FFF;
	text-transform: uppercase;
	z-index: 10000;
	font-size: 35px;
}

.ls-bottom-slidebuttons a {
	border: 1px solid #e7238a!important;
	background: none!important;
	width: 10px!important;
	height: 10px!important;
	margin: 0 5px;
}

.ls-bottom-slidebuttons a.ls-nav-active {
	background: #e7238a!important;
}

.ls-v5 .ls-bottom-slidebuttons {
	top: 10px!important;
}

#mobileTopNav li.basket.updated a span, #loginNav li.basket.updated a span {
	background: #7ccc2e;
	color: #FFF;
}

#topNav {
	position: absolute;
	right: 2px;
	top: 98px;
	font-size: 14px;
}

#headerBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #ccd8e2;
	z-index: 1;
}

.mainInnerContent {
	float: left;
	width: 60%;
	padding-right: 8%;	
}

.mainContentWithSidebar {
	padding-bottom: 80px;	
}

.grid {
	list-style: none;
	margin-left: -20px;	
}

.grid li { 
	float: left;
	width: 380px;
	height: 310px;
	padding-bottom: 50px;
	padding-left: 20px; 
}

.standardContent .grid h4 {
	font-size: 24px;
	color: #003e70;
	padding: 15px 0;
}

.excerpt {
	font-size: 14px;
	line-height: normal;
}

.excerpt a {
	font-weight: 900;
	color: #003f70;
	text-decoration: underline;	
	margin-left: 5px;
}

.excerpt a:hover {
	text-decoration: none;
}

#commercialNote {
	position: absolute;
	top: -32px;
	right: 0;
	width: 755px;
	text-align: center;
	background: url(../images/commercialBg.gif) repeat-x;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	color: #99b2c6;
}

.sidebar {
	float: right;
	width: 32%;	
	background: #e4ebf0;
}

.sidebar ul {
	list-style: none;
	padding: 40px;	
}

.sidebar li {
	padding-bottom: 10px;	
}

.sidebar a {
	text-decoration: underline;
	color: #003f70;	
}

.sidebar a:hover {
	text-decoration: none;	
}

.mainContent {
	padding: 10px 0 15px;
}

.mainContent h2 {
	font-size: 30px;
	font-weight: normal;
	color: #003f70;
	padding-bottom: 80px;
	text-align: center;
}

#homeNav ul {
	list-style: none;
	margin-right: -20px;
}

#homeNav li {
	float: left;
	width: 460px;
	height: 287px;
	margin: 0 20px 20px 0;
	background: #ccd9e2;	
}

#homeNav li a {
	display: block;	
}

#homeNav .thumbTop {
	background: #003f70 no-repeat 20px center;
	padding-left: 72px;
	font-size: 23px;
	color: #FFF;
	height: 63px;
	line-height: 62px;
	display: block;	
	/*font-weight: bold;*/
	letter-spacing: 1px;
}

#homeNav .thumbTop.pinkArrow {
	background-image: url(../images/pinkArrow.png);	
}

#homeNav .thumbTop.blueArrow {
	background-image: url(../images/blueArrow.png);	
}

#homeNav .thumbTop.orangeArrow {
	background-image: url(../images/orangeArrow.png);	
}

#homeNav .thumbTop.greenArrow {
	background-image: url(../images/greenArrow.png);	
}

#homeNav img {
	display: block;	
}

footer {
	font-weight: 200;
	padding-bottom: 25px;
	margin-top: 50px;
}	

#footerNav {
	background: #003f70;
	color: #FFF;
	font-size: 14px;
	padding: 42px 0 30px 0;
}

#footerNav a {
	color: #FFF;	
}

#footerNav ul {
	list-style: none;	
}

#footerNav li {
	float: left;
	width: 170px;	
	padding-right: 70px;
}

#footerNav li.col1, #footerNav li.col2 {
	font-size: 16px;
	line-height: 26px;
}

#footerNav li.col2 {
	width: 340px;
	padding-top: 29px;
	padding-right: 0;
}

#footerNav li.col2 p {
	float: left;
	width: 170px;	
}

#footerNav li.col3 {
	padding-top: 9px;	
}

#footerNav li.col4 {
	margin-top: -10px;	
}

#footerNav .col4 a {
	text-decoration: underline;	
}

#footerNav li.col4 {
	width: 220px;
	padding-right: 0;	
}

#footerNav h4 {
	font-size: 26px;
	padding: 10px 0;
}

#footerNav .col4 a {
	font-size: 14px;	
}

#copyright {
	font-size: 12px;
	float: left;
	color: #003f70;
}

#accreditations {
	position: relative;
	float: right;	
}

#secondaryMenu {
	margin: 0 0 47px 0;	
	background: url(../images/topbar.png) no-repeat top left;
	height: 60px;
}

#secondaryMenu ul#menu-secondary-menu-1 li.dropdown:hover {
	background: none;	
}

#secondaryMenu ul#menu-secondary-menu-1 li.dropdown:hover a {
	color: #003f70;	
}

#secondaryMenu ul#menu-secondary-menu-1 li.dropdown {
	padding-right: 15px!important;	
}

#secondaryMenu ul#menu-secondary-menu-1 li.dropdown a {
	background: url(../images/darkarrow.png) no-repeat right center;
	padding-right: 20px;	
}

#secondaryMenu ul#menu-secondary-menu-1 li.current_page_item.dropdown, #secondaryMenu ul#menu-secondary-menu-1 li.current-menu-item.dropdown {
	background: none;
	color: #003f70;
}

#secondaryMenu ul#menu-secondary-menu-1 li.current_page_item.dropdown a, #secondaryMenu ul#menu-secondary-menu-1 li.current-menu-item.dropdown a {
	color: #003f70;	
}

#secondaryMenu ul#menu-secondary-menu-1 {
	list-style: none;
	font-size: 14px;
	float: left;
}

#secondaryMenu ul#menu-secondary-menu-1 li {
	float: left;
	height: 60px;
	line-height: 60px;
}

#secondaryMenu ul#menu-secondary-menu-1 li.current_page_item, #secondaryMenu ul#menu-secondary-menu-1 li.current-menu-item {
	background: #003e70;	
}

#secondaryMenu ul#menu-secondary-menu-1 li:hover {
	background: #e8218a;
}

#secondaryMenu ul#menu-secondary-menu-1 li a {
	display: block;
	height: 60px;
	line-height: 60px;
	padding: 0 10px;	
	color: #003f70;
}

#secondaryMenu ul#menu-secondary-menu-1 li a.first {
	padding: 0 16px;
}

#secondaryMenu ul#menu-secondary-menu-1 li.current_page_item a, #secondaryMenu ul#menu-secondary-menu-1 li:hover a, #secondaryMenu ul#menu-secondary-menu-1 li.current-menu-item a {
	color: #FFF;	
}

#secondaryMenu ul#menu-secondary-menu-1 .sub-menu {
	display: none;	
}

.mainContent h1 {
	font-size: 30px;
	font-weight: normal;
	color: #e8218a;
	padding-bottom: 35px;
	text-transform: uppercase;
}

.mainContent h1.productTitle {
	font-size: 23px;
	color: #003f70;
	text-transform: none;
}

.featuresTitle {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;	
}

.features {
	list-style: none;	
}

.features li {
	background: url(../images/pinktick.png) no-repeat 0 5px;
	padding-left: 30px;
	padding-bottom: 10px;
}

.features strong {
	font-size: 18px;
	display: block;	
}

.standardContent {
	font-size: 18px;
	color: #003f70;
	font-weight: 200;
	line-height: 28px;
	padding-bottom: 25px;
}

.standardContent h4 {
	color: #e7238a;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 20px;
}

.standardContent p {
	padding-bottom: 20px;	
}

#boxContent.productBoxes .col {
	min-height: 192px;	
}

/*#boxContent .errorMessages, #boxContent .successMessages {
	margin: -40px 0 80px 0;	
}*/

#link_9001 {
	position: absolute;
	top: 0;
	left: 0;
	width: 215px;
	height: 100%;
	display: block;	
}

#secondaryMenu a.first {
	width: 21px;
	background: url(https://www.duplus.co.uk/wp-content/uploads/2014/06/homeblue.png) no-repeat center center;	
    background-image: url(https://www.duplus.co.uk/wp-content/uploads/2014/06/homeblue.svg), none;
    background-size: 21px 19px;
}

#mobileMenu a.first {
    background-image: url(https://www.duplus.co.uk/wp-content/uploads/2014/06/homeblue.png);
    background-image: url(https://www.duplus.co.uk/wp-content/uploads/2014/06/homeblue.svg), none;
    background-size: 21px 19px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

#leftNote {
	position: absolute;
	text-align: left;
	left: 5px;
	bottom: -60px;
	font-size: 16px;
	line-height: 22px;	
}

.trustPilotWidget {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 60px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 60px;
	background: url(../images/tfbg.png) no-repeat center center;
	z-index: 10000;
}

.reviews {
	list-style: none;
	width: 820px;
	position: absolute;
	left: 50%;
	bottom: 70px;
	margin-left: -390px;
	height: 140px;
	text-transform: none;
	text-align: left;
	color: #003f70;
}

.bannerFlags {
	position: absolute;
	top : 130px;
	right: 25px;
	width: 220px;	
	z-index: 10000;
	text-align: center;
}

.bannerFlags img {
	display: block;
	margin: 0 auto 70px;	
}

.trustPilotWidget.new {
	position: absolute;
	bottom: auto;
	left: 25px;
	top: 20px;
	width: 240px;
	height: auto;
	line-height: 20px;	
	color: #003e70;
	background-image: none;
}

.trustPilotWidget.new .reviews {
	position: relative;
	bottom: auto;
	left: auto;
	width: 100%;
	height: auto;
	margin-left: 0;
	line-height: 60px;	
	margin: 15px 0;
}

.trustPilotWidget.new .reviews li {
	margin: 30px 0;	
	float: none;
	border: 1px solid #003e70;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.trustPilotWidget.new .reviews li .arrowDown {
	background-image: url(../images/whiteArrowNew.png?v=1);	
	height: 21px;
}

.trustPilotWidget.new .reviewText {
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}

.trustPilotWidget.new .trustPilotLogo {
	width: 100px;
	height: 12px;
	background-size: contain;
	margin-left: 10px;
}	

.trustPilotWidget.new .rating {
	padding: 15px 0;	
}

.reviews .date {
	position: absolute;
	top: 3px;
	right: 15px;
}	

.reviews .description {
	margin-top: -10px;
	line-height: 18px;
}

.reviews a {
	color: #003f70;
	text-decoration: underline;
}	

.reviews a:hover {
	text-decoration: none;	
}

.reviews .author {
	margin-top: 5px;	
	line-height: 18px;
}

.reviews .stars {
	margin-top: -9px;	
}

.stars span {
	background: url(../images/pinkstar.png) no-repeat;
	width: 25px;
	height: 21px;
	display: inline-block;
	margin-bottom: -2px;
}

footer .indented {
	padding-left: 20px;	
}

#rooflightsFooter {
	text-transform: uppercase;
	font-size: 13px;
	color: #e7238a!important;
	padding-left: 20px;
	background: url(../images/pinkarrow-down.png) no-repeat left center;	
}

#roofGlazingFooter {
	text-transform: uppercase;
	font-size: 13px;
	color: #0baae2!important;
	padding-left: 20px;
	background: url(../images/bluearrow-right.png) no-repeat left center;	
}

#curtainWallingFooter {
	text-transform: uppercase;
	font-size: 13px;
	color: #f7911d!important;
	padding-left: 20px;
	background: url(../images/orangearrow-right.png) no-repeat left center;	
}

#doorsWindowsFooter {	
	text-transform: uppercase;
	font-size: 13px;
	color: #3cb049!important;
	padding-left: 20px;
	background: url(../images/greenarrow-right.png) no-repeat left center;	
}

.reviews li {
	position: relative;
	background: #FFF;
	width: 220px;
	height: 140px;	
	box-sizing: border-box;
	margin: 0 20px;
	float: left;
	padding: 15px;
}

.reviews li .arrowDown {
	background: url(../images/whitearrow.png) no-repeat;
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 27px;
	height: 20px;	
	margin-left: -13px;
}

.trustPilotLogo {
	background: url(../images/trustpilotlogo.png) no-repeat;
	width: 143px;
	height: 17px;
	display: inline-block;
}

#share {
	height: 60px;
	padding: 30px 0;
	background: #e4ebf0;
	font-size: 13px;
	color: #003e70;
	text-transform: uppercase;
	text-align: center;	
	font-weight: bold;
}

.st_sharethis {
	display: block;
	padding-top: 20px;	
}

.stButton .sharethis {
	background: url(../images/shareBtns.png) no-repeat!important;
	width: 240px!important;
	height: 19px!important;
	text-align: left!important;
	overflow: hidden!important;
	text-indent: 999999px;
}

#boxContent .col {
	position: relative;
	width: 333px;
	padding: 28px 30px;	
	background: #e6ecf1;
	color: #003f70;
	font-size: 20px;
	float: left;
}

#boxContent .col.price {
	background: #003f70;
	color: #FFF;
	float: right;
	width: 254px;
}	

#boxContent .colheader {
	font-size: 26px;
	position: absolute;
	top: -60px;
	left: 0;
}	

#boxContent label {
	display: block;	
	padding-bottom: 5px;
}

#boxContent label span {
	color: #e8218a;	
}

#boxContent input {
	background: #FFF;
	border: none;
	height: 30px;
	line-height: 30px;
	display: block;
	margin-bottom: 9px;
	width: 238px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px; /*was 17px*/
	color: #003f70;
	padding: 6px 0 4px 15px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-moz-border-sizing: content-box;
	font-style: normal;
}

.checkoutCheckbox {
	float: right;	
	margin-right: 5px;
}

#boxContent .terms a {
	color: #e7238a;
	text-decoration: underline;	
}

#boxContent .checkoutCheckbox input {
	position: relative;
	outline: 1px solid #003f70;	
	height: 20px;
	width: 20px;
	margin: 8px;
	padding: 0;
	cursor: pointer;
	box-sizing: border-box;
}

#boxContent .checkoutCheckbox input:checked {
	background: #003f70;
	border: 5px solid #FFF;
}

.woocommerce-page .woocommerce .woocommerce-error, .woocommerce-page .woocommerce .woocommerce-info, .woocommerce-page .woocommerce .woocommerce-message {
	margin-bottom: 5em!important;
}

#boxContent .customSelect {
	display: block!important;
	background: #FFF url(../images/selectarrow.jpg?v=1) no-repeat top right;
	padding: 0 50px 0 15px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 9px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
}

#boxContent .customSelectInner {
	width: 100%!important;
	text-overflow: elipses;
	overflow: hidden;
	white-space: nowrap;
}

#boxContent textarea {
	height: 112px;
	background: #FFF;
	border: none;
	resize: none;
	width: 238px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px; /*17px;*/
	color: #003f70;
	padding: 6px 0 4px 15px;
}

#boxContent .hasCustomSelect {
	width: 100%!important;
	height: 40px!important;
	top: 0!important;
	left: 0!important;	
	font-size: 20px/*17px*/!important;
	font-family: 'Ubuntu', sans-serif;
	cursor: pointer;
}

#boxContent button, #accountContents button {
	background: #7ccc2e;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	font-size: 14px;
	padding: 0 15px;	
	-webkit-border-radius: 3px; 
  	-moz-border-radius: 3px; 
	border-radius: 3px;
	border: none;
	float: right;
	cursor: pointer;
	margin-top: 12px;
	font-family: 'titillium', Arial, Helvetica, sans-serif;
}

#boxContent.helpAndSupport {
	padding: 90px 0;	
}

#boxContent.helpAndSupport button, #boxContent .halfBox button {
	position: absolute;
	bottom: -60px;
	right: 0;	
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding: 0 25px;
}

.selectWrapper {
	position: relative;	
}

.banneritems {
	position: relative;	
	height: 620px;
	margin-bottom: 13px;	
	margin-top: -25px;
}

.banneritem {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 620px;
	background: no-repeat center center;
	background-size: cover;
}

.bannerDots {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	list-style: none;	
}

.bannerDots li {
	display: inline-block;
	margin: 0 4px;
	width: 10px;
	height: 10px;
	background: #003e70;
}

.bannerDots li.selected {
	background: #e7238a;	
}

.flag {
	position: absolute;
	top: 0;
	left: 30px;	
}

.textArea {
	position: absolute;
	left: 0;
	bottom: 55px;
	width: 100%;
	padding: 55px 0;
	color: #FFF;
}

.badge {
	position: absolute;
	top: -50px;
	right: 30px;	
}

.line_1 {
	text-transform: uppercase;
	font-size: 45px;
	font-weight: bold;	
	padding: 0 80px;
	line-height: 45px;
}

.line_2 {
	text-transform: uppercase;
	font-size: 35px;
	font-weight: bold;
	padding: 0 80px;	
}

.banner_button {
	text-align: justify;
	padding: 5px 20px 10px 20px;
	margin-left: 80px;
	margin-top: 10px;
	float: left;	
}

.clear {
	clear: both;	
}

.button_line_1 {
	text-transform: uppercase;
	font-size: 35px;
	line-height: 40px;
}

.button_line_2 {
	text-transform: uppercase;
	font-size: 15px;
}

.col2 {
	font-size: 16px;
}

.col2 .colLeft, .col2 .colRight {
	float: left;
	width: 460px;
	padding-right: 20px;
}

.col2 .colRight {
	padding-right: 0;	
}

#productDropDownRange {
	display: none;	
	background: #FFF;
	border: 1px solid #e7238a;
	z-index: 10001;
	position: absolute;
	top: 83px;
	width: 100%;
}

#productDropDownRange .topArrow {
	position: absolute;
	top: -15px;
	left: 140px;
	width: 29px;
	height: 16px;
	background: url(../images/pinkDDarrow.png) no-repeat;	
}

#productDropDownRange ul {
	list-style: none;
}

#productDropDownRange li {
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding: 0 45px!important;
	border-left: 1px solid #e7238a;
	margin-left: -1px;
	margin-top: 40px;
}

#range {
	list-style: none;
	margin-right: -20px;	
}

#range li {
	width: 221px;
	margin-right: 19px;	
	float: left;
	padding-bottom: 25px;
}

.centerElements {
	position: absolute;
	top: 30%!important;
	left: 50%!important;
	width: 770px!important;
	margin-left: -335px!important;
	line-height: 30px;
}

.centerElements .ls-l {
	position: absolute;	
}

.centerElements span {
	color: #e7238a;	
}

#productDropDownRange {
	padding-bottom: 40px;	
}

#range .itemTitle {
	background: url(../images/productBar.png) repeat-x;
	color: #003f70;
	font-size: 17px;
	width: 100%;
	height: 75px;
	line-height: 55px;
	text-align: center;
	margin-bottom: 18px;
	display: block;
}

#range img, #productDropDownRange img {
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto;	
}

#range .product-43 {
	padding: 10px 0;
	height: 110px;	
}

#range .itemInfo {
	font-size: 14px;
	line-height: 22px;
	font-weight: 200;
	color: #003f70;
	padding: 20px 0;
}

#range .itemInfo p {
	padding-bottom: 20px;
	text-align: justify;
	height: 120px;
	display: none;
}

#findUsMap {
	height: 300px;	
	margin-bottom: 25px;
}

#findUsText {
	padding-top: 70px;
}

#findUsText h4 {
	float: left;
	padding: 0 10px 0 0;
	margin-top: -13px;	
}

#range .itemPrice, #productDropDownRange .itemPrice {
	font-weight: normal;
	font-size: 16px;	
	text-align: center;
	color: #003f70;
}

#range {
	text-align: center;
}

#range .itemPrice strong, #productDropDownRange .itemPrice strong {
	background: #e8218a;
	color: #FFF;
	padding: 0 5px;
	font-weight: normal;
}

#range .itemButton, .removeButton, .checkoutButton, #boxContent button.checkoutButton, #productDropDownRange .itemButton {
	background: #7ccc2e;
	-webkit-border-radius: 3px; 
  	-moz-border-radius: 3px; 
	border-radius: 3px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	display: block;
	width: 100%;
	margin-left: 0;
}

#range .itemButton, #productDropDownRange .itemButton {
	width: 70%;
	margin: 0 auto;	
}

#productDropDownRange .itemButton {
	width: 100%;	 
}

#productDropDownRange .itemTitle {
	font-size: 16px;
	color: #003e70;	
	display: block;
	margin-bottom: 10px;
}

.checkoutButton.backToProducts {
	float: left;
	margin-left: 0;	
}

#mobileTopNav li > a.myAccountButton, #loginNav li > a.myAccountButton {
	width: auto;
	padding: 0 10px;
}

.checkoutButton, #boxContent button.checkoutButton {
	float: right;
	width: auto;
	padding: 0 25px;
	border: none;
	font-size: 18px;
	font-family: 'titillium', Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-right: 105px;
}

.checkoutButton {
	margin-left: 20px;	
}

a.checkoutButton {
	font-weight: bold;
	margin-top: 11px;
}	

.rightButtons .checkoutButton {
	float: right;
	margin-left: 10px;
}

.removeButton {
	background: #e72600;
	width: auto;
	padding: 0 25px;
	float: left;
	color:#FFF!important;
	font-size: 18px;
	font-family: 'titillium', Arial, Helvetica, sans-serif;
}

#range .itemComingSoon {
	font-size: 28px;
	color: #003f70;
	text-align: center;	
	padding-top: 11px;
}

#rangeTitle {
	padding: 20px 0 30px 0;
	font-size: 60px;
	color: #003f70;
	font-weight: 200;
}

.topForm {
	position: absolute;
	top: 48px;
	width: 250px;
	background: #FFF no-repeat  120px 40px;
	padding: 35px 35px 30px 200px;
	color: #003e70;
	font-size: 20px;
	text-align: left;
	min-height: 65px;
	z-index: 100000;
	display: none;
}

#forgottenPassword .note {
	padding-left: 430px;	
}

#createAccountForm button {
	margin-left: 10px;	
}

.topForm.account {
	background-image: url(../images/accountIcon.png);
	border: 1px solid #7ccc2e;	
}

.topForm.basket {
	background-image: url(../images/basket-icon.png);
	border: 1px solid #003e70;
	right: 0;
	background-position: 40px 40px;
	padding-left: 130px;
	min-width: 360px;
}

.basketContent {
	clear: both;	
	width: 100%;
}

.topFormArrow {
	position: absolute;
	top: -15px;
	right: 155px;
	background: no-repeat;
	width: 28px;
	height: 16px;	
}

.account .topFormArrow {
	background-image: url(../images/greenDDarrow.png);	
}

.basket .topFormArrow {
	background-image: url(../images/blueDDarrow.png);	
	right: 45px;
}

.topForm label {
	display: block;
	padding-bottom: 3px;	
}

.topForm input {
	width: 235px;
	height: 30px;
	line-height: 30px;
	background: #FFF;
	margin-bottom: 11px;
	border: none;	
	font-family: 'Ubuntu', sans-serif;
	font-size: 20px; /*17px*/;
	color: #003f70;
	padding: 5px 0 5px 15px;
}

.topForm.account input {
	border: 1px solid #7ccc2e;	
	margin-right: 15px;
}

.topForm.account button {
	margin-left: 40px;	
}

.topFormTitle {
	padding-bottom: 8px;
	float: left;
	padding-top: 18px;
}

.account .topFormTitle {
	color: #7ccc2e;	
	margin-right: 115px;
}

.topForm a.inputButton {
	display: block;	
}

.topForm a.inputButton.beside {
	float: left;
	width: 115px;	
	margin-left: 20px;
}

.topForm a.inputButton.beside.blue {
	float: right;	
}

#myAccountForm .topFormTitle {
	margin-right: 400px;	
}

.topForm button, .topForm a.inputButton {
	background: #7ccc2e;
	width: 145px;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 17px;
	text-align: center;
	border: none;
	margin-top: 13px;
	-webkit-border-radius: 3px; 
  	-moz-border-radius: 3px; 
	border-radius: 3px;
	cursor: pointer;
	font-family: 'titillium', Arial, Helvetica, sans-serif;
}

.topForm a.inputButton.blue {
	background: #406f94;	
}

.topForm button.small {
	width: 100px;
	margin-bottom: 15px;	
}

.topForm .note {
	font-size: 14px;	
}

.topForm.account .note {
	padding-left: 160px;	
}

.topForm .note a {
	color: #003f70;
	text-decoration: underline;	
}

.topFormBottom {
	margin: 14px 0 -23px -35px;
	padding: 14px 35px 23px 35px;
	width: 250px;
	background: #33658d;	
}

#productImageArea {
	float: left;
	width: 800px;
}	

#techpdfdownload {
    display: block;
    width: 100%;
    height: 59px;
    margin-top: 20px;
    background: #e3ebef url(../images/techpdf-download.jpg) no-repeat top left;
}

.info { display: none; }

#bimdownload {
    display: block;
    width: 100%;
    height: 59px;
    margin-top: 20px;
    background: #003e70 url(/wp-content/uploads/2014/05/bimdownload.jpg) no-repeat top left;
}

.basketbox {
	background: #7ccb2e url(../images/basket-icon-white.png) no-repeat 10px 25px;
	color: #FFF;
}

.helpbox {
	background: #FFF url(../images/helpiconpink.png) no-repeat 10px 25px;
	color: #E7228A;
	border: 1px solid #E7228A;
}

.basketbox, .helpbox {
	position: relative;
	font-size: 16px;
	padding: 20px 20px 20px 80px;
	width: 362px;
	margin: 0 0 15px 15px;
	float: left;
	line-height: 18px;
	z-index: 1;
}

.basketbox h4, .helpbox h4 {
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
}

.basketdown {
	position: absolute;
	height: 38px;
	width: 30px;
	background: url(../images/basketarrow.png) no-repeat;
	bottom: -29px;
	left: 50px;
}

.basketbox a, .helpbox a {
	color: #FFF;
	text-decoration: underline;	
}

#productImage {
	width: 100%;
	height: 390px;
	overflow: hidden;	
	text-align: center;
	margin-bottom: 50px;
}

#productImage img.origImg {
	max-height: 100%;	
}

#productUnderInfo {
	font-size: 16px;
	color: #003D70;	
}

.mainContent h2.productStarting {
	font-size: 16px;
	font-weight: 600;
	text-align: left;	
	margin-top: -25px;
}

.mainContent h2.productStarting span {
	padding: 0 7px 0 5px;
	color: #FFF;
	background: #e7228a;	
}

#productImage img.origImg {
	/*max-height: 280px;*/
	max-width: 100%;	
}

#productImages {
	list-style: none;
	text-align: center;
	margin-bottom: 20px;
}

.share {
	padding-top: 15px;
	text-align: left;
	color: #003f70;	
}

.share strong {
	font-size: 20px;	
}

.share a {
	color: #003f70;	
}

#productImages li {
	display: inline-block;
	width: 120px;
	height: auto;
	margin: 0 10px 20px;	
}

#productImages li  img {
	width: 100%;
	height: auto;	
}

.rangeImg {
	height: 130px;
	margin-top: 25px;	
}

#productImageNote {
	height: 65px;
	line-height: 65px;
	background: url(../images/magglass.png) no-repeat 40px center;
	padding-left: 110px;
	font-size: 15px;
	color: #003f70;
}

#productTabs {
	float: right;
	width: 460px;	
}

#tabControls {
	list-style: none;	
}

#tabControls li {
	float: left;
	width: 153px;
	text-align: center;
	font-size: 18px;
	background: #e6ecf1;
}

#tabControls a {
	color: #003f70;
	display: block;
	line-height: 80px;
	height: 80px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#tabControls li.selected a {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#tabControls li#tab2 {
	background: #ccd9e2;
}

#tabControls li#tab3 {
	width: 154px;
	background: #b2c5d4;
}

#tabContents {
	list-style: none;	
}

#tabContents p {
	padding-bottom: 15px;	
}

#tabContents li {
	background: #e6ecf1;
	padding: 33px 16px 18px 16px;
	color: #003f70;
	font-size: 15px;
	font-weight: 200;
	min-height: 234px;	
}

#tabContents li .innerContent {
	position: relative;
	height: 220px;
	overflow: hidden;	
}

#tabContents a {
	color: #003f70;
}

#tabContents li#tab-technical {
	background: #ccd9e2;
}

#tabContents li#tab-warrenty {
	background: #b2c5d4;	
}

#productDetails {
	position: relative;
	padding-bottom: 20px;
}

#productImageArea {
	padding-bottom: 20px;
}

.infoicon {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../images/infoicon.png) no-repeat;	
	margin: 0 0 -6px 6px;
}

.infobox {
	position: absolute;
	bottom: 40px;
	width: 280px;
	left: -30px;
	background: #FFF;
	padding: 15px;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
	font-size: 14px;
	color: #003f70;
	background: #FFF;
	z-index: 10;
	display: none;
}

.infoicon:hover .infobox  {
	display: block;	
}

.info a {
	color: #003f70;
	text-decoration: underline;	
}

.infoarrow {
	position: absolute;
	bottom: -19px;
	left: 31px;	
	background: url(../images/whitearrow.png) no-repeat;
	width: 25px;
	height: 19px;
	z-index: 11;
}

.productLine {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 640px;
	border-bottom: 1px solid #b0c3d2;
	padding-bottom: 10px;
}

.greenbar {
	background: #7ccc2e;
	color: #FFF;
	margin-bottom: 20px;
	font-size: 24px;
	padding: 0 27px;
	height: 60px;
	line-height: 60px;
}

.labelNote {
	font-size: 14px;
	padding-bottom: 5px;	
	color: #809eb8;
}

.typeandlength, .lensandadapter {
	float: left;
	width: 50%;
}

.smalllabel {
	color: #809eb8;
	font-size: 14px;
	padding-bottom: 3px;
}

.leftsec {
	float: left;	
	width: 60%;
}

.rightsec {
	float: left;
	width: 35%;
	padding-left: 5%;
}

.biminfo {
	text-align: left;
	line-height: 14px;
	padding-top: 10px;	
}

#boxContent input.small {
	width: 100px;
	display: inline-block;	
	text-align: center;
	padding-left: 0;
}

#boxContent .cross {
	display: inline-block;
	background: url(../images/cross.png) center center no-repeat;
	height: 40px;
	width: 50px;
	margin-bottom: -15px;
}

#boxContent .info {
	padding: 3px 0 0 42px;
	background: url(../images/info.png) no-repeat 5px 8px;	
	font-size: 14px;
	width: 190px;
}

#boxContent .info a {
	color: #003f70;
	text-decoration: underline;	
}

#boxContent input.qty {
	display: inline-block;
	width: 55px;
	margin-right: -5px;
	text-align: center;	
	padding-left: 0;
}

#boxContent .qtyincrease {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/qtyincrease.jpg?v=1) no-repeat;
	margin: 0 -5px -12px 0;	
}

#boxContent .qtydecrease {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/qtydecrease.jpg?v=1) no-repeat;
	margin: 0 0 -12px 0;	
}

#boxContent .qtyNote {
	padding-top: 3px;
	font-size: 14px;
	width: 230px;
}

#boxContent .priceValue {
	font-size: 30px;
	font-weight: bold;	
	padding-bottom: 28px;
	float: left;
}

#paymentMethods {
	font-size: 18px;
	color: #e7238a;
	font-weight: 200;
	margin-top: 20px;
	border: 1px solid #e7238a;
	background: url(../images/helpiconpink.png) no-repeat 20px center;
	padding: 15px 20px 15px 100px;
}

#paymentMethods .left {
    float: left;
    width: 75%;
	padding-top: 5px;
}

#paymentMethods .left p {
    font-size: 14px;
    padding: 15px 0;
}

#paymentMethods .left p a {
    text-decoration: underline;
	font-weight: normal;
	color: #e7238a;
}

#paymentMethods .left a {
    color: #003f70;
	font-weight: bold;
}

#paymentMethods img {
	margin-top: -15px;
}

#boxContent .price button {
	text-align: center;
	font-size: 14px;
	float: left;
	width: 100%;
	height: 55px;
	line-height: 16px;
}

#boxContent .price button strong {
	font-size: 18px;	
}

#accountTabs {
	padding-top: 20px;
	list-style: none;
	font-weight: 400;
}

#accountTabs li {
	float: left;
	width: 313px;
}

#accountTabs li a {
	width: 234px;
	height: 60px;
	line-height: 60px;
	padding: 0 40px;
	font-size: 18px;
	color: #003f70;
	background: #e6ecf1;
	display: block;
}

#accountTabs li.second a {
	background: #ccd9e2;
}

#accountTabs li.third a {
	width: 234px;
	background: #b2c5d4;	
}

#accountContents {
	list-style: none;	
}

#accountContents li {
	width: 840px;
	padding: 40px 50px;	
	background: #e6ecf1;
}

#accountContents li.second {
	background: #ccd9e2;
}

#accountContents li.third {
	background: #b2c5d4;
}

#accountContents h3 {
	font-size: 20px;
	padding-bottom: 32px;
}

#accountContents label {
	font-size: 20px;
	display: block;
	font-weight: 400;
	padding-bottom: 4px;
}

#accountContents .leftAccountCol {
	float: left;
	width: 450px;	
}

#accountContents .rightAccountCol {
	float: left;
	width: 380px;
}

#accountContents input {
	background: #FFF;
	border: none;
	width: 235px;
	margin-bottom: 2px;
	height: 30px;
	line-height: 30px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 20px/*17px*/;
	color: #003f70;
	padding: 6px 0 4px 15px;
}

#accountContents button {
	margin-right: 140px;	
}

.checkout .errorMessages, .checkout .successMessages {
	margin-bottom: 90px;	
}

.errorMessages, .successMessages {
	background: #e60000 url(https://www.duplus.co.uk/wp-content/uploads/2014/05/boxerror.png) no-repeat 10px center;
	padding: 18px 20px 18px 60px;
	line-height: 24px;
	color: #FFF;
	margin-bottom: 20px;
	list-style: none;
	display: none;
	position: relative;
}

.errorMessages.help {
    margin-bottom: 80px;
}

.successMessages {
	background-color: #7ccc2e;
	background-image: url(https://www.duplus.co.uk/wp-content/uploads/2014/05/boxtick.png);
}

.customSelect {
	color: #003f70;	
}

.placeholder .customSelect {
	color: #b2b2b2;	
}

#mainNumber {
	float: left;
	font-size: 21px;
	font-weight: 200;
	color: #003f70;
	margin-top: -15px;
	font-weight: bold;
	line-height: 54px;
}

#mainNumber a {
	color: #003f70;
}

.faqList {
	list-style: none;
	font-size: 20px;
	padding-bottom: 30px;	
}

.faqList li {
	padding-bottom: 30px;	
}

.faqList .faqQ {
	color: #e8218a;
	padding-bottom: 10px;	
}

.faqList .faqA {
	color: #003f70;
	font-weight: 200;
}

.faqList .faqA strong, .faqList .faqA b {
	font-weight: 400;	
}

.faqList .faqA a {
	color: #003f70;
}

.bannerBadge {
	position: absolute;
	left: 800px;
	bottom: 165px;	
}

.bannerOverlay {
	position: absolute;
	bottom: 18px;
	width: 100%;
	background: url(../images/blueOverlay.png);
	color: #FFF;
}	

.bannerOverlay .col2 {
	padding: 20px 30px;	
}

.bannerOverlay .col2 .colLeft, .bannerOverlay .col2 .colRight {
	width: 420px;
	text-align: justify;
}	

.bannerOverlay .col2 .colLeft {
	padding-right: 40px;	
}

.closeMessages {
	position: absolute;
	top: 18px;
	right: 10px;
	background: url(../images/closeMessage.png) no-repeat;
	width: 23px;
	display: block;
	height: 22px;
}	

.twoColContact {
	font-size: 20px;
	color: #003f70;	
	font-weight: 200;
	padding-bottom: 60px;
}

.twoColContact a {
	color: #003f70;
	text-decoration: underline;	
}

.twoColContact .col1 {
	float: left;
	width: 220px;
	padding-right: 20px;
	font-size: 20px;
}

.twoColContact .col2 {
	width: 700px;
	float: left;
	font-size: 20px;
}

.customCheckbox {
	background: url(../images/customcheck.png) no-repeat top left;
	width: 40px;
	height: 40px;	
	cursor: pointer;
}

.customCheckbox input {
	display: none!important;	
}

.customCheckbox.checked {
	background-position: bottom left;	
}

#boxContent .col .checkboxWrap {
	padding-top: 33px;
}

#boxContent .col .checkboxWrap label {
	font-size: 14px;
	font-weight: normal;
	float: left;
	width: 180px;
}

#shiptobilling label {
	font-size: 14px!important;	
	float: left!important;
	line-height: 40px;
}

.woocommerce-checkout #payment {
	display: none;	
}

#boxContent .col .customCheckbox, #shiptobilling .customCheckbox {
	float: left;
	margin-right: 15px;	
}

#shiptobilling .customCheckbox {
	margin-right: 10px;	
	background-position: top left;
}

#shiptobilling .customCheckbox.checked {
	background-position: bottom left;
}

.cartProductThumb {
	position: relative;
	/*background: url(../images/fixedrooflightthumb.png) no-repeat;*/
	float: left;
	width: 177px;
	height: 118px;
	margin-right: 20px;
	margin-bottom: 50px;
	background: #FFF;
}

.cartProductThumb img {
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.cartProductThumb a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

.cartProductThumb a.removeButton {
	position: absolute;
	top: 128px;
	left: 0;
	height: 40px;
	text-align: left;
	width: 152px;
	padding-right: 0;
}

a.removeButton span {
	background: url(../images/closeMessage.png) no-repeat 117px center;	
	display: block;
}

#paymentInfo a.removeButton span {
	width: 167px;
	text-align: left;
	background-position: 145px center;	
}

.cartProductDetails {
	float: left;
	width: 275px;	
}

.cartProductDetails a {
	color: #003f70;	
	font-weight: normal;
}

body.woocommerce-cart .mainContent h1 {
	color: #003f70;
}

table.cartTable {
	margin: 20px 0;
	width: 100%;
}

table.cartTable th, table.cartTable tr.footer td {
	background: #b2c5d4;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	text-align: left;
	padding: 15px 20px;
}	

table.cartTable td {
	background: #ccd9e2;
	text-align: left;
	padding: 15px 20px;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;	
}

table.cartTable tr.footer td.product-invis {
	background: none;	
}

table.cartTable tr.footer td {
	text-align: right;	
}

table.cartTable tr.footer td label {
	float: left;
	font-weight: normal;
}

#promobox .halfBox.last {
	background: #a1bdd1;	
}

.halfBox {
	position: relative;
	float: left;
	width: 380px;	
	background: #e5ecf1;
	margin: 90px 0;
	padding: 40px;
}

.fullBox {
	position: relative;	
	margin: 90px 0;	
}

.fullBox .halfBox {
	margin: 0;	
}

.halfBox.left {
	margin-right: 20px;	
}

.loginTop {
	font-size: 26px;
	position: absolute;
	top: -60px;
	left: 0;
}

.fogotPassText {
	font-size: 14px;
	font-weight: normal;	
}

.fogotPassText a {
	color: #003f70;	
	text-decoration: underline;
}

body.woocommerce-checkout h1 {
	display: none;
}

#billing_country_field, #shipping_country_field {
	display: none;	
}

.halfBox h3 {
	padding-bottom: 20px;	
}

.payment_methods {
	display: none;	
}

#reviewStage {
	position: absolute;
	top: -100000px;
	left: -100000px;
	visibility: hidden;	
}

#reviewStage.show {
	position: relative;
	top: auto;
	left: auto;	
	visibility: visible;
}

table.cartTable td.product-name, table.cartTable th.product-name {
	width: 485px;	
}

.blueBox {
	padding: 20px 30px;
	background: #e5ecf1;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 20px;	
}

.completeOrderTitle {
	font-size: 26px;
	color: #7ccc2e;
	padding-bottom: 20px;
	font-weight: normal;
}

.orderTrail {
	list-style: none;
	height: 61px;
	line-height: 61px;
}

.orderTrail li {
	width: 164px;
	height: 61px;
	float: left;
	background: url(../images/checkoutArrow.png) no-repeat;	
	font-weight: normal;
	color: #FFF;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  	filter: alpha(opacity=50);
  	-moz-opacity: 0.5;
  	-khtml-opacity: 0.5;
  	opacity: 0.5;
	
	margin-left: -1px;
	padding-left: 25px;
}

.orderTrail li.selected {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

#tab-technical .innerContent p a {
	background: #003f70;
	color: #FFF;
	display: inline-block;	
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	margin: 0 2px 2px 0;
	padding: 0 10px;
	
	-webkit-border-radius: 3px; 
  	-moz-border-radius: 3px; 
	border-radius: 3px;
}

.miniCartItem {
	padding: 20px 40px 0;
	width: 180px;
	float: right;
	border-left: 1px solid #003e70;
}

.miniCartItem.noLine {
	border: none;	
}

.miniCartImage {
	width: 90%;
	margin: 0 auto;	
	background: #FFF;
	height: auto;
}

.miniCartImage img {
	width: 100%;
	height: auto;
	margin-top: 15px;	
}

.miniCartDetails {
	width: 100%;	
	font-weight: normal;
	font-size: 14px;
	color: #003e70;
}

.miniCartDetails .price {
	background: #e7238a;
	float: right;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #FFF;
	margin-top: -5px;	
}

.topForm button.minicartbutton {
	width: auto;
	padding: 0 20px;
	position: absolute;
	top: 35px;
	right: 35px;
}

#mobileTopNav li.basket .miniCartItem a, #loginNav li.basket .miniCartItem a {
	width: auto;
	background: none;	
	color: #003f70;
}

#loginNav li.basket .cartTitle {
	font-size: 16px;	
	padding-bottom: 10px;
	display: block;
}

table.accountTable {
	width: 100%;	
}

table.accountTable th, table.accountTable td {
	border-right: 1px solid #e6ecf1;
	border-bottom: 1px solid #e6ecf1;
	padding: 20px;
}

table.accountTable th {
	background: #003f70;
	color: #FFF;	
}

table.accountTable td {
	background: #ccd9e2;
}

#promobox {
	display: none;	
}

.checkout_coupon {
	border: none!important;
	padding: 0!important;
	margin: 0!important;
	display: block!important;	
}

.woocommerce form .form-row .required, .woocommerce-page form .form-row .required {
	color: #e8218a!important;
}

#promobox {
	position: relative;
	margin-bottom: 20px;	
}

#promobox .halfBox {
	padding: 30px 40px;	
}

#boxContent .halfBox input {
	width: 365px;	
}

.halfBox.green {
	background: #d6f0c0;	
}

#boxContent button.checkoutButton#apply_coupon {
	display: none;	
}

.form-row.hidden {
	display: none;	
}

.required {
	color: #e8218a;
}

.woocommerce .checkout #shiptobilling, .woocommerce-page .checkout #shiptobilling {
	float: none!important;
}

#boxContent textarea#order_comments {
	height: 180px;
	width: 375px;	
}

.halfBox .halfBox {
	border-top: 20px solid #FFF;
	margin: 40px 0 -40px -40px;	
}

tr.shipping {
	display: none;	
}

.halfBox .woocommerce-message, .halfBox .woocommerce-error {
	display: none!important;	
}

#backToDelivery {
	position: relative;
	z-index: 2;
	float: left!important;	
	margin-top: -50px!important;
}

#paymentMethods .right {
	float: right;
	text-align: right;
	width: 25%;
	padding-top: 25px;
}

#editBasketButton,#removeCoupons {
	float: left;	
	background: #e72600;
	margin-left: 100px;
}

#removeCoupons {
	margin-left: 15px;	
}

#removeCoupons.noMargin {
	margin-left: 0;	
}

#sagepayInfo {
	position: absolute;
	text-align: right;
	right: 5px;
	bottom: -110px;	
	font-size: 16px;
	line-height: 22px;
}

#noticeBar {
    background: #f2f5f8;
    margin-bottom: 70px;
    margin-top: -50px;
    padding: 15px 0 0;
}

#infoBarItems {
    list-style: none;
}

#infoBarItems li {
    float: left;
    padding-right: 30px;
    padding-bottom: 15px;
    width: 373px;
}

#infoBarItems li:last-child {
    padding-right: 0;
}

#infoBarItems img {
    float: left;
    max-height: 32px;
    width: auto;
    margin-right: 30px;
}

.infoText {
    float: left;
    color: #003f70;
}

.infoTitle {
    font-size: 14px;
    font-weight: 800;
}

.infoMore {
    font-size: 12px;
    font-weight: 400;
}

#sagepayInfo img {
	margin-top: 2px;	
	float: right;
	margin-left: 20px;
}

#sagepayInfo p {
	float: right;
	width: 215px;	
}

#cookieMessage {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 0;
	font-size: 13px;
	background: #ced8e2;
	color: #013f70;	
	z-index: 1000000;
}

#cookieMessage .close {
	float: right;
	width: 23px;
	height: 23px;
	background: url(../images/cross.png) no-repeat;
	display: block;	
	margin-top: -12px;
}

#connect a {
	display: block;
	float: left;
	clear: both;
	padding-left: 40px;
	background: no-repeat left center;
	text-decoration: none!important;
	font-size: 18px;
	line-height: 30px;
}

#connect a#gplusconnect {
	background-image: url(../images/gplusicon.png);
}

#connect a#pinconnect {
	background-image: url(../images/pinicon.png);	
}

#connect a#flickrconnect {
	background-image: url(../images/flickricon.png);	
}

#homeLink {
	background: url(../images/homeicon.png) no-repeat left center;
	padding-left: 25px;	
}

#comingSoonMessage {
	height: 45px;
	line-height: 45px;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	font-size: 18px;
	padding: 0 20px;
	margin-bottom: 20px;	
}

#subPageNav { 
	float: left;
	width: 28%;
	padding-right: 7%;
	list-style: none;
}

#subPageNav li:hover {
	background: #e5ebf0 url(../images/blueArrowEnd.png) no-repeat right top;	
}

#subPageNav li.current_page_item, #subPageNav li:hover.current_page_item {
	background: #e7238a url(../images/pinkArrowEnd.png) no-repeat right top;	
}

#subPageNav a {
	color: #003e70;
	font-size: 16px;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
	display: block;
}

#subPageNav li.current_page_item a, #subPageNav li:hover.current_page_item a {
	color: #FFF;	
}
 
#subPageContent {
	float: left;
	width: 65%;
	color: #003f70;
}	

#subPageContent p {
	padding-bottom: 15px;	
}

#subPageContent table td {
	background: #e5ebf0;	
	padding: 10px 15px;
}

table.table1 td {
	background: #e5ebf0;	
	padding: 10px 15px;
}

.mainbullets {
	padding-left: 40px;
	padding-bottom: 20px;
}

#subPageContent table tr.pink td {
	color: #e7238a;
	background: #fde9f3;	
}

#comingSoonImage {
	position: relative;	
}

#comingSoonImageText {
	position: absolute;
	top: 45px;
	left: 45px;
	color: #FFF;
	font-size: 22px;	
}

#comingSoonImageText a {
	color: #FFF;	
	text-decoration: underline;
}

#comingSoonImageText h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 34px;
	line-height: 40px;
	
	color: #fff;
	padding-bottom: 0;
	text-align: left;	
}

.backgroundcolumns {
	padding: 20px 0 20px 25px;
	color: #003e70;	
}

.backgroundcolumns .column1, .backgroundcolumns .column2 {
	float: left;
	width: 430px;
	padding-right: 25px;
}



#productInfo {
	float: right;
	width: 300px;
	color: #003e70;
	text-align: left;
	font-size: 14px;
}

#boxContent.productBoxes {
    margin-left: -15px;
}

#boxContent.productBoxes .col.price {
    width: 91%;
    background: none;
    height: 60px!important;
	padding: 13px 0 28px 0;
}

#boxContent.productBoxes .col.price label {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 28px;
    color: #003e70!important;
    float: left;
    line-height: 70px;
    margin-right: 15px;
}

#boxContent .price button {
    float: right;
    width: 225px;
    margin-left: 15px;
}

#boxContent .priceValue {
   color: #003e70!important; 
   line-height: 70px;
}

.seperator {
    height: 1px;
    background: #003f70;
    margin: 10px 0 10px 15px;
    clear: both;
}

#boxContent.productBoxes label {
    padding-bottom: 15px;
}

#boxContent.productBoxes .col {
    width: 402px;
    margin: 0 0 15px 15px;
    min-height: 0!important;
    height: 110px!important;
}

.trust-pilot {
    margin-bottom: -50px;
}

.trustpilot-widget-mobile {
    display: none;
}

.trust-pilot p {
    display: none;
}

#mobileTopNav {
    display: none;
}

#mobileMainNav {
    display: none;
}

#mobileMenu {
 		display: none; 
}

.latestNewsContainer {
	padding-top: 50px;	
}

.latestNewsContainer h2 {
	text-transform: uppercase;
	color: #ccd8e2;
	font-size: 35px;
	text-align: center;	
	padding-bottom: 40px;
	letter-spacing: 2px;
}

.latestNews {
	list-style: none;
}

.latestNews li {
	float: left;
	width: 33.3%;
	padding: 0 3.3% 30px 0;
	box-sizing: border-box;
}

.latestNewsBasics {
	padding-bottom: 20px;	
}

.latestNewsImage {
	float: left;
	padding-right: 30px;	
	width: 132px;
	min-height: 1px;
}

.latestNewsTitle {
	float: left;	
	width: 49%;
}

.latestNewsTitle a {
	color: #003e70;	
}

.latestNewsTitle h3 {
	font-size: 20px;
	color: #003e70;
	text-transform: uppercase;
}

.latestNewsDate {
	color: #ccd8e2;	
	font-weight: 200;
	font-size: 14px;
}

.latestNewsExcerpt {
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;	
	color: #003e70;
}

.latestNewsExcerpt a {
	text-decoration: underline;	
	color: #003e70;
}

.latestNewsExcerpt a:hover {
	text-decoration: none;	
}

#newsLeftColumn {
	float: left;
	width: 75%;	
	padding-right: 5%;
}

body.single #newsLeftColumn h1 {
	color: #003e70;
	font-size: 38px;
	text-transform: uppercase;
	padding-bottom: 10px;	
}

#newsRightColumn {
	width: 20%;
	float: left;	
	padding-top: 5px;
	color: #003e70;
}

#newsRightColumn a {
	color: #003e70;	
}

.postDetails {
	padding-bottom: 20px;	
}

.postDetails, .postDetails a {
	color: #ccd8e2;	
	font-weight: 200;	
}

.postDate {
	padding-right: 100px;	
}

.postImage {
	padding-bottom: 30px;	
}

.postExcerpt {
	font-weight: 200;	
}

#newsRightColumn ul {
	list-style: none;
	font-size: 16px;	
}

#newsRightColumn ul ul {
	padding: 20px 0;	
	font-weight: 200;
}

.postNav {
	position: relative;
	font-size: 20px;
	text-align: center;
	padding: 50px 0;
}

.postNav a {
	color: #003e70;	
}

.previousPost {
	position: absolute;
	top: 50px;
	left: 0;	
}

.nextPost {
	position: absolute;
	top: 50px;
	right: 0;
}

#posts {
	list-style: none;
}	

#posts li {
	padding: 30px 0;
	border-bottom: 1px solid #809eb8;	
}

#posts h2 {
	text-align: left;
	font-size: 38px;
	text-transform: uppercase;
	padding-bottom: 10px;
}	

#posts h2 a {
	color: #003f70;
}

.postExcerpt a {
	color: #003f70;
	text-decoration: underline;	
}

.postExcerpt a:hover {
	text-decoration: none;	
}

body.blog .mainContent h1{
	padding-bottom: 10px;	
}

.newsSubTitle {
	font-size: 14px;	
}

#footerShare {
	position: relative;
	width: 240px;
	margin: 0 auto;
	padding-top: 20px;	
}

#productImageList {
	position: relative;
	height: 85px;
	overflow: hidden;
	margin-bottom: 20px;	
	width: 100%;
}

#productImageList .next, #productImageList .prev {
	display: none;
}

#productImageList.showNav .next, #productImageList.showNav .prev {
	position: absolute;
	top: 10px;
	right: 0;
	width: 60px;
	height: 59px;
	display: block;
	background: url(../images/nextArrow.png) no-repeat;
}

#productImageList.showNav .prev {
	left: 0;
	right: auto;
	background: url(../images/prevArrow.png) no-repeat;
}

#productImageList.showNav #productImages { width: 200%; }
#productImageList.showNav #productImages li { float: left; }

#boxContent .terms label {
	float: left;	
	padding-left: 5px;
}

.terms {
	float: right;
	width: 420px;
}

.place-order {
	clear: both;	
}

@media only screen and (max-width : 1175px) {
	.ls-wp-fullwidth-container {
		padding-top: 125px;	
	}
	
	.bannerFlags {
		top: 0;
		left: 0;
		width: 100%;
	}
	
	.bannerFlags img {
		display: inline-block;
		margin: 0 50px 0 0;	
		vertical-align: middle;
        width: 100px;
	}
	
	.trustPilotWidget.new {
		position: relative;
		bottom: -1px;
		top: auto;
		left: auto;
		width: 90%;
        margin: 0 auto;
		height: auto;
		text-align: center;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 60px;
		background: url(../images/tfbg.png) no-repeat center center;
		z-index: 10000;
	}
	
	.trustPilotWidget.new .reviews {
		list-style: none;
		width: 820px;
		position: absolute;
		left: 50%;
		bottom: 70px;
		margin: 0 0 0 -390px;
		height: 140px;
		text-transform: none;
		text-align: left;
		color: #003f70;
	}
	
	.trustPilotWidget.new .reviews li {
		position: relative;
		background: #FFF;
		width: 220px;
		height: 140px;	
		box-sizing: border-box;
		margin: 0 20px;
		float: left;
		padding: 15px;
		border: none;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
	}
	
	.trustPilotWidget.new .reviews li .arrowDown {
		background-image: url(../images/whitearrow.png);	
		height: 20px;
	}
	
	.trustPilotWidget.new .reviewText {
		font-size: inherit;
		line-height: inherit;
        display: block;
        text-align: center;
	}
	
	.trustPilotWidget.new .trustPilotLogo {
		background: url(../images/trustpilotlogo.png) no-repeat;
		width: 143px;
		height: 17px;
		display: inline-block;
		margin-left: 0;
	}	
	
	.trustPilotWidget.new .rating {
		padding: 0;	
		display: inline;
	}
}	

@media only screen and (max-width : 1024px) {
	#productImageArea {
		width: 65%;	
	}
	
	.checkoutButton, #boxContent button.checkoutButton {
		margin-right: 0;	
	}
	
	#sagepayInfo img {
		position: absolute;
		top: 80px;
		right: 0;
	}
	
	#productInfo {
		width: 30%;	
	}
	
    .ls-wp-fullwidth-container {
		padding-top: 25px;	
	}
	
	.container {
        width: 90%;
    }
	
	.latestNewsTitle {
		width: 100%;
		padding-top: 15px;	
	}
	
	.topForm.account {
		left: -672px!important;
	}
	
	#forgottenPassword .note {
		padding-left: 0;	
	}
	
	#myAccountForm {
		left: -662px!important;	
	}
	
	#myAccountForm .topFormTitle {
		margin-right: 105px;	
	}
	
	#createAccountForm .topFormTitle {
		float: none;	
	}
	
	#createAccountForm button {
		margin-left: 0;	
	}
	
	.centerContainer {
		width: 80%!important;
		margin: -150px 0 0 -40%!important;
	}
	
	.overImageTitle {
		width: 80%;
		margin-left: -40%;	
	}
    
    #secondaryMenu ul#menu-secondary-menu-1 li a {
        padding: 0 8px;
    }
	
	#secondaryMenu ul#menu-secondary-menu-1 li a.first {
		padding: 0 10px;
	}
    
    .backgroundcolumns .column1, .backgroundcolumns .column2 {
		width: 47.5%;
		padding-right: 2.5%;	
	}
	
	#range li {
		width: 17.5%;
		margin-right: 2.5%;	
	}
	
	#range .itemPrice {
	    font-size: 14px;
	}
	
	.rangeImg {
		height: 100px!important;
		padding: 0!important;	
	}
	
	#topNav {
	    width: 80%;
	}
	
	#topNav ul {
	    width: 100%;
	}
	
	#topControls {
	    width: 82.5%;
	}
	
	#topControls ul {
	    width: 100%;
	}
	
	#topControls li {
	    width: 22.5%;
	    margin-left: 2.5%;
	}
	
	.basket .topForm {
	    margin-left: -265px;
	}
	
	.basket .topFormArrow {
	    right: 50px;
	    left: auto;
	    margin-left: 0;
	}
	
	#footerNav li {
	    width: 22.5%!important;
	    padding-right: 2.5%;
	}
	
    #comingSoonImage img {
        width: 100%;
    }
    
    #secondaryMenu ul#menu-secondary-menu-1 li {
        width: auto!important;
		padding: 0!important;
    }
    
    .twoColContact .col1, .twoColContact .col2 {
        width: 45%;
        padding-right: 5%;
    }
    
    #boxContent.helpAndSupport .col {
        width: 27%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .basketbox h4, .helpbox h4 {
        font-size: 18px;
    }
    
    .orderTrail li {
        width: 20%;
        padding-left: 0;
        text-indent: 15px;
        background-position: right center;
    }
	
	#commercialNote {
		width: 73%;	
	}
	
	#productDropDownRange .topArrow {
		left: 105px;
	}	
	
	.bannerFlags {
		position: relative;
  		top: 140px;
	}
	
	.mainBanner {
		margin-bottom: 160px;	
	}
    
    .trustpilot-widget-mobile {
         display: block;   
    }
    
    .trustpilot-widget-desktop {
        display: none;
    }
}

@media only screen and (max-width : 956px){
    #secondaryMenu ul#menu-secondary-menu-1 {
        font-size: 12px;
    }
	
	#leftNote {
		font-size: 12px;
	}
	
	#secondaryMenu {
		height: 105px;	
	}
	
	.bannerFlags img {
		margin-right: 25px;	
	}
	
	#productDropDownRange li {
		width: 33.33%;	
	}
	
	#productDropDownRange .topArrow {
		left: 85px;	
	}
	
	.centerElements {
		top: 10%!important;	
	}
	
	.topForm.account {
		left: -455px!important;	
	}
    
	#myAccountForm {
		left: -443px!important;	
	}
	
	#loginForm button {
		float: right;
		margin-right: 45px;	
	}
	
	#loginForm .note {
		clear: both;	
	}
	
    #secondaryMenu ul#menu-secondary-menu-1 li a {
        padding: 0 8px;
    }
	
	#secondaryMenu ul#menu-secondary-menu-1 li a.first {
		padding: 0 12px;	
	}
    
    #topControls {
        font-size: 10px;
    }
    
    #topNav {
        width: 75%;    
    }
    
    #topControls {
	    width: 77.5%;
	}
	
	#range .itemTitle {
	    font-size: 13px;
	}
	
	#range .itemInfo {
	    font-size: 12px;
	    line-height: 16px;
	}
	
	#range .itemPrice {
	    font-size: 11px;
	}
	
	.backgroundcolumns {
	    font-size: 14px;
	}
	
	#footerNav h4 {
	    font-size: 20px;
	}
	
	#copyright {
	    font-size: 10px;
	}
	
	#accreditations {
	    width: 50%;
	}
	
	#accreditations img {
	    width: 100%;
	    height: auto;
	}
	
	#footerNav li.col1, #footerNav li.col2, #connect a {
	    font-size: 16px;
	}
	
	#link_9001 {
	    width: 50%;
	}
	
	.line_1 {
	    font-size: 35px;    
	}
	
	.line_2 {
	    font-size: 25px;
	}
	
	.cartProductThumb {
	    width: 125px;
	    height: 90px;
	}
	
	.cartProductThumb a.removeButton {
	    width: 105px;
	    font-size: 14px;
	    padding: 0 10px;
	    top: 105px;
	}
	
	a.removeButton span {
	    background-position: 90px center;
	    background-size: 15px 15px;
	}
	
	table.cartTable {
	    font-size: 16px;
	}
	
	table.cartTable td.product-name, table.cartTable th.product-name {
	    width: 300px;
	}
	
	.woocommerce td.product-quantity, .woocommerce-page td.product-quantity {
	    min-width: 60px;
	}
	
	.cartProductDetails {
	    width: 150px;
	    font-size: 14px;
        line-height: 20px;
	}
	
	.basketbox, .helpbox {
	    font-size: 12px;
	}
	
	.basketbox h4, .helpbox h4 {
	    font-size: 14px;
	}
	
	#boxContent .col {
	    font-size: 18px;
	}
	
	#boxContent .price button {
	    width: 155px;
	    font-size: 11px;
	}
	
	#boxContent.productBoxes .col.price label, #boxContent .priceValue {
	    font-size: 25px;
	}
	
	#paymentMethods .left {
	    width: 50%;
	}
	
	#paymentMethods {
	    font-size: 15px;
	}
	
	#paymentMethods .right {
	    font-size: 13px;
	}
	
	#productImageArea, .productLine {
	    width: 60%;
	}
	
	#productImage {
	    width: 100%;
	}
	
	#boxContent .halfBox input {
	    width: 100%;
	}
	
	#boxContent textarea#order_comments {
	    width: 100%;
	}
	
	#shiptobilling label {
	    font-size: 12px!important;
	}
	
	#accountContents label {
	    font-size: 18px;
	}
	
	#accountContents li {
	    width: 85%;
	}
	
	#accountContents .leftAccountCol, #accountContents .rightAccountCol {
	    width: 50%;
	}
	
	.trust-pilot {
        margin-bottom: -20px;
    }
	
	#productImage {
		height: 250px;	
	}
	
	#range li {
		width: 22.5%;
	}	
	
	#mainNumber {
		font-size: 14px;	
	}
	
	#topNav li {
		padding-left: 15px;	
	}
	
	#boxContent .halfBox {
		width: 35%!important;	
	}
	
	#boxContent .halfBox .halfBox {
		width: 100%!important;;
	}
}

@media only screen and (max-width : 767px){
	#productImageArea {
		width: 100%;	
	}
	
	#productInfo {
		width: 100%;	
	}
    
    .bannerFlags img {
        width: 75px;
	}
}

@media only screen and (max-width : 568px) {
	.bannerFlags {
		position: relative;
		top: auto;
		left: auto;
	}
    
    .trustPilotWidget.new .reviewText {
        margin-top: 0;
    }
    
    #noticeBar {
        margin: 0;
    }
    
    #infoBarItems li {
        padding: 0 0 15px;
        width: 100%!important;
        text-align: center;
    }
    
    #infoBarItems img {
        display: block;
        margin: 0 auto;
        float: none;
    }
    
    .infoText {
        float: none;
        padding-top: 5px;
    }
	
	#sagepayInfo {
		margin-top: 20px;	
	}
	
	#sagepayInfo p {
		font-size: 12px;
		float: left;
		width: 150px;
	}
	
	#sagepayInfo img {
		position: relative;
   	 	right: auto;
		top: auto;
		float: left;
		margin-left: 0;
		margin-right: 20px;
		width: 150px;
		margin-top: 7px;
	}
	
	.bannerFlags img {
		display: block;
		margin: 0 auto 50px auto;
	}
	
	#productImageArea {
		float: none;
	}
	
	.leftsec, .rightsec {
		width: 100%;	
		padding: 0;
	}
	
	.typeandlength, .lensandadapter {
		width: 100%;
		float: none;	
	}
	
    #topNav, #topControls {
        display: none;
    }
	
	#subPageNav {
		width: 100%;
		padding: 0;
	}	
	
	#subPageContent {
		width: 100%;	
		padding-top: 50px;
		padding-left: 20px;
		box-sizing: border-box;
	}
	
	#subPageContent table {
		width: 100%!important;	
	}
	
	#newsLeftColumn {
		width: 100%;
		padding-right: 0;
	}
	
	.postDate, .postTags {
		display: block;	
	}
	
	.postImage img {
		width: 100%;
		height: auto;	
	}
	
	#newsRightColumn {
		width: 100%;
		text-align: center;
	}
	
	.latestNews li {
		width: 100%;
		float: none;
		padding-right: 0;
		text-align: center;	
	}
	
	.latestNewsImage {
		width: 100%;
		float: none;	
		padding: 0;
	}
	
	.centerContainer {
		height: 60%!important;
		width: 70%!important;
		margin: -14% 0 0 -35%!important;	
	}
    
    #logo {
        width: 100px;
        height: 100px;
        background-size: 100px 100px;
        border: 10px solid #FFF;
        left: -10px;
    }
	
	#mainBanner ul {
		font-size: 14px;	
	}
	
	.overImageTitle {
		font-size: 15px;	
	}
    
    header {
        height: 110px;
        margin: 0 10px 25px 10px;
		z-index: 100000;
    }
	
	.sidebar {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.grid {
		margin: 0;	
	}
	
	.grid li {
		margin: 0 0 30px;
		padding: 0;
		width: 100%;	
	}
	
	.grid img {
		width: 100%;
	}
	
	#footerNav li.col2 p {
		float: none;
		width: 100%;	
	}
	
	.mainInnerContent {
		float: none;
		width: 100%;	
		padding: 0;
	}
    
    #headerBar {
        height: 50px;
    }
    
    .container {
        padding: 0 10px;
        width: auto;
    }
    
    .mainContent {
        padding: 10px;
    }
    
    #footerNav li {
        width: 100%!important;
        padding: 0 0 30px 0;
        text-align: center;
    }
    
    #connect a {
        float: none;
        display: inline-block;
        padding-left: 30px;
    }
    
    .col4 > div > div {
        margin: 0 auto;
    }
    
    #copyright {
        font-size: 14px;
        text-align: center;
    }
    
    #accreditations {
        width: 100%;
        padding: 20px 0 0 0;
    }
    
    #comingSoonMessage {
        font-size: 15px;
        text-align: center;
    }
    
    #comingSoonImageText {
        text-align: center;
        left: 0;
        line-height: 24px;
    }
    
    #comingSoonImageText h2 {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    
    .twoColContact .col1, .twoColContact .col2 {
        width: 100%;
        padding: 0;
    }
    
    .twoColContact .col1 {
        padding-bottom: 30px;
    }
    
    #boxContent.helpAndSupport .col {
        width: 90%;
        padding: 10px 5%;
        float: none;
        margin-bottom: 80px;
    }
    
    #boxContent.helpAndSupport .col.col2 {
        margin-bottom: 12px;
    }
    
    #boxContent textarea {
        width: 94%;
    }
    
    #boxContent.helpAndSupport button, #boxContent .halfBox button {
        width: 100%;
        bottom: -50px;
    }
    
    #boxContent .col .checkboxWrap {
        padding: 20px 0;
    }
    
    .backgroundcolumns .column1, .backgroundcolumns .column2 {
        width: 90%;
        padding: 0 10% 20px 0;
    }
    
    #range {
        margin: 0;
    }
    
    #range li {
        width: 100%;
        margin: 0;
        padding-bottom: 20px;
    }
    
    #range .itemInfo {
        padding: 20px 0;
        font-size: 14px;
        line-height: 18px;
    }
    
    #range .itemInfo p {
        height: auto;
    }
    
    #range img {
        height: 100%;
        width: auto;
    }
    
    .line_1, .line_2 {
        padding: 0 20px;
    }
    
    .line_1 {
        font-size: 30px;
        line-height: 35px;
    }
    
    .line_2 {
        font-size: 17px;
    }
    
    .banner_button {
        margin-left: 20px;
        padding: 0px 15px 8px 15px;
    }
    
    .badge {
        position: absolute;
        top: -120px;
        right: 30px;
    }
    
    .badge img {
        width: 100px;
    }
    
    .textArea {
        padding-top: 10px;
    }
    
    .button_line_1 {
        font-size: 26px;
    }
    
    .button_line_2 {
        font-size: 11px;
    }
    
    .banneritems, .banneritem {
        height: 530px;
    }
    
    .productLine {
        width: 100%;
    }
    
    #productDetails {
        padding-bottom: 70px;
    }
    
    .errorMessages, .successMessages {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100000000;
        box-sizing: border-box;
        padding-right: 40px;
    }
    
    .infoicon {
        position: static;
    }
    
    .infobox {
        right: -6px;
        left: auto;
        bottom: 100%;
        display: none;
    }
    
     .infoicon:hover .infobox {
         display: none;
     }
    
    .infoarrow {
        left: 50%;
        margin-left: -12px;
    }
    
    #productImageArea {
        width: 100%;
    }
    
    #productImage {
        height: auto;
        padding: 50px 0;
    }
    
    #productInfo {
        float: none;
        width: 100%;
    }
    
    #techpdfdownload {
        width: 100%;
        background-position: center center;
        background-color: #e4ebf1;
        margin-top: 12px;
    }
    
    #bimdownload {
        width: 100%;
        background-position: center center;
        background-color: #06416e;
        margin-top: 12px;
    }
    
    .basketbox, .helpbox {
        width: 55%!important;
        padding-left: 30%;
        padding-right: 10%;
        margin: 0 5% 12px 5%;
    }
    
    .basketdown {
        display: none;
    }
    
    #boxContent .col {
        font-size: 14px;
    }
    
    #boxContent.productBoxes .col {
        width: 80%!important;
        margin: 0 5% 12px 5%;
        padding: 28px 23px;
        height: auto!important;
    }
    
    #boxContent input.small {
        width: 90px;
    }
    
    #boxContent.productBoxes .col.price {
        width: 95%!important;
        padding: 0;
        margin: 0;
        height: auto;
        text-align: center;
    }
    
    #boxContent.productBoxes .col.price label, #boxContent .priceValue {
        float: none;
        display: inline;
    }
    
    #boxContent.productBoxes .col.price {
        height: auto!important;
    }
    
    #boxContent .price button {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 12px 0;
    }
    
    #paymentMethods .left, #paymentMethods .right {
        width: 100%;
        margin-bottom: 12px;
        text-align: left;
    }
    
    #secondaryMenu {
        display: none;
    }
    
    #mobileTopNav {
        position: absolute;
        top: 10px;
        right: 0;
        display: block;
    }
    
    #mobileMainNav {
        display: block;
      	position: absolute;
  		top: 74px;
  		right: 0;
  		width: 78%;
    }
    
    #mobileTopNav ul {
        width: auto;
    }
    
    #mobileTopNav li > a, #loginNav li > a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        height: 42px;
        line-height: 42px;
    }
    
    #mobileTopNav li.basket a span, #loginNav li.basket a span {
        height: 42px;
        line-height: 42px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    
    #mobileTopNav li > a.myAccountButton, #loginNav li > a.myAccountButton {
        width: 72px;
    }
    
    .topForm {
        padding: 23px 25px!important;
        margin-left: -151px!important;
        top: 55px!important;
		left: 50%!important;
		width: 250px!important;
    }
    
    .basket .topForm {
        margin-left: -253px!important;
    }
	
	.topForm a.inputButton.beside {
		margin-left: 0;	
	}
    
    .basket .topFormArrow {
        right: 38px;
    }
	
	.mainBanner {
		margin-top: 0;
	}
	
	.centerElements {
		width: 70%!important;
		margin-left: -35%!important;
	}	
	
	.centerElements .ls-l {
		position: relative!important;
		top: auto!important;
		left: auto!important;
		bottom: auto!important;
		right: auto!important;
		float: left;
		clear: both;
		margin-bottom: 10px;
	}	
	
	.centerElements h2.ls-l {
		font-size: 22px!important;	
	}
	
	#mobileMiniBasket {
		border: 1px solid #003e70;	
		background-image: url(../images/basket-icon.png);
		background-position: center 40px;
		padding-top: 100px!important;
		text-align: center;
	}
	
	#mobileLoginForm, #mobileMyAccountForm {
		border: 1px solid #7ccc2e;
	}
	
	#mobileLoginForm input {
		border: 1px solid #7ccc2e;	
	}
	
	#mobileLoginForm .topFormArrow, #mobileMyAccountForm .topFormArrow {
		background-image: url(../images/greenDDarrow.png);
	}
	
	html * .ls-container img, body * .ls-container .centerElements img.ls-l, 
	#ls-global * .ls-container .centerElements img.ls-l {
		max-width: 100%!important;
		height: auto;	
	}
	
	.centerElements div.ls-l, .centerElements p.ls-l {
		font-size: 14px!important;
		line-height: 20px!important;	
	}
	
	.trustPilotWidget, .trustPilotWidget.new {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;	
		height: auto;
		line-height: 30px;
		/*background: #ccd8e2;*/
		margin: 30px auto;
		padding: 30px 0;
        width: 90%;
	}
	
	.trustPilotWidget .reviews, .trustPilotWidget.new .reviews {
		width: 100%;	
		margin: 0;
		height: auto;
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 30px;
		line-height: 60px;
	}
	
	.trustPilotWidget .reviews li, .trustPilotWidget.new .reviews li {
		float: none;
		margin: 0 auto 30px;	
	}
	
	.topFormTitle {
		float: none;	
	}
    
    #mobileTopNav li.basket a, #loginNav li.basket a {
        width: 86px;
    }
    
    #accountTabs li {
        width: 100%;
        float: none;
    }
    
    #accountTabs li a {
        width: 100%!important;
        padding: 0;
        text-align: center;
    }
    
    #accountContents li {
        padding: 0;
        width: 100%;
    }
    
    #accountContents .leftAccountCol, #accountContents .rightAccountCol {
        width: 100%;
        padding: 20px;
    }
    
    .checkoutButton.backToProducts {
        width: 100%;
        padding: 0;
    }
  
    #accountContents button {
        width: 250px;
        margin: 0 20px;
        padding: 0;
        display: block;
        float: none;
    }
    
    #accountContents {
        overflow: hidden;
    }
    
    #accountContents li {
        padding-bottom: 20px;
    }
    
    a.checkoutButton {
        padding: 0;
        width: 100%;
    }
    
    #mobileMainNavNumber {
        color: #0d3d6e;
    }
  
  	#mobileMenu {
        position: absolute;
        right: 10px;
        top: -1px;
        height: 25px;
        width: 29px;
        background: url(https://www.duplus.co.uk/wp-content/uploads/2014/05/menu.png) no-repeat;
        display: block;
    }
   
    #mobileMenu ul {
        display: none;
        position: absolute;
        top: 37px;
        right: -9px;
        list-style: none;
        background: #ccd8e2;
        width: 300px;
        padding: 5px 0;
    }
	
	#mobileMenu ul ul {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		padding: 5px 15px;	
	}
	
	#paymentMethods img {
		max-width: 100%;	
	}
    
    /*#mobileMenu li.homeicon {
        background: url(../images/) no-repeat 5px center;
    }*/
    
    #mobileMenu li a {
        display: block;
        padding: 5px 10px 5px 40px;
        color: #0d3d6e;
    }
    
    #mobileMenu li a:hover {
        background-color: #e51389;
        color: #FFF;
    }
    
    #mobileMenu li.rooflights a, #mobileMenu li.roof-glazing a, #mobileMenu li.curtain-walling a, #mobileMenu li.doors-and-windows a {
        height: 40px;
        line-height: 40px;
        margin: 5px 25px;
        padding-left: 30px;
        color: #FFF;
        font-weight: bold;
        text-transform: uppercase;
        background: #e4ebf0 url(../images/pinkarrow-right.png) no-repeat 10px center;
        color: #e7238a;
    }
    
    #mobileMenu li.roof-glazing a {
        color: #0baae2;
        background-image: url(/wp-content/uploads/2014/05/bluearrow-right.png);
    }
    
    #mobileMenu li.curtain-walling a {
        color: #f7911d;
        background-image: url(/wp-content/uploads/2014/05/orangearrow-right.png);
    }
    
    #mobileMenu li.doors-and-windows a {
        color: #3cb049;
        background-image: url(/wp-content/uploads/2014/05/greenarrow-right.png);
    }
    
    .cartTable table, .cartTable thead, .cartTable tbody, .cartTable th, .cartTable td, .cartTable tr {
        display: block;
    }
    
    .cartTable td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 0 0 0 40%!important;
        width: auto!important;
    }
    
    .cartTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .cartTable td:before {
        position: absolute;
        top: 0;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    
    table.cartTable td.product-name, table.cartTable th.product-name {
        height: auto;
        padding-top: 10px!important;
    }
    
    table.cartTable td div {
        float: none!important;
    }
    
    .cartProductDetails {
        padding: 10px 0;
    }
    
    .cartTable tbody td:nth-of-type(1):before {
        content: "Product";
    }
    
    .cartTable tbody td:nth-of-type(2):before {
        content: "Quantity";
    }
    
    .cartTable tbody td:nth-of-type(3):before {
        content: "Price";
    }
    
    table.cartTable tr:nth-of-type(even) td {
        background: #b0c4d2;
    }
    
    .cartTable tfoot .product-name, .cartTable tfoot .product-quantity, .cartTable .product-invis {
        display: none;
    }
    
    .cartTable .amount {
        padding-right: 5px;
    }
    
    .orderTrail li {
        width: 164px;
        margin: 0 auto;
        float: none;
    }
    
    .halfBox {
        float: none;
        margin: 0 0 70px 0!important;
        width: auto!important;
    }
    
    .orderTrail, .completeOrderTitle {
        display: none;
    }
    
    .halfBox .halfBox {
        border-top: none;
    }
    
    #notesContainer {
        padding: 0!important;
    }
    
    .cart-subtotal td:first-child, .shipping td:first-child {
        display: none;
    }
    
    .shipping {
        display: none!important;
    }
 
    .shipping select {
        width: 100%;
    }
    
    #boxContent label {
        padding: 0;
    }
    
    .checkoutButton, #boxContent button.checkoutButton {
        float: none;
        width: 100%;
        margin: 0;
    }
    
    #leftNote, #sagepayInfo {
        position: relative;
        text-align: left;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
    }
    
    #editBasketButton, #removeCoupons {
        float: none;
        margin: 10px 0;
    }
    
    #paymentInfo {
        padding-bottom: 50px;
    }
    
    .checkoutButton.backToProducts {
        float: none;
    }
    
    .loginTop {
        position: relative;
        left: auto;
        top: auto;
        padding-bottom: 15px;
    }
    
    #promobox .halfBox {
        margin-bottom: 12px!important;
    }
	
	#boxContent .halfBox {
		width: 75%!important;	
	}
	
	#boxContent .halfBox .halfBox {
		width: 100%!important;	
	}
    
    #deliveryStage .halfBox {
        margin-bottom: 12px!important;
    }
    
    table.cartTable {
        margin: 12px 0 5px;
    }
}

@media only screen and (max-width : 480px) { 
    #mobileMainNav {
        width: 60%;
    }
	
	#boxContent .terms label {
		float: left;	
		font-size: 12px;
		line-height: 32px;
	}
	
	.terms {
		float: right;
		width: 295px;
	}
}

.brochure {
    background-image: url(../images/download-icon.png);
    background-image: url(https://duplus.co.uk/wp-content/uploads/2018/02/download.svg), none;
 }