@charset "utf-8";

/*
=======================================================================
	General Rules
=======================================================================
*/
* {
	padding:0px;
	margin:0px;
}

#maintext{text-align:justify;}
p{text-align:justify;}

.blog-butt, .navigation, .instaOverlay, .nav1, .nav1 a{transition:all 0.25s;}

body {
	font-family:Montserrat, arial, helvetica, sans-serif;
	font-size:13px;
	color:#666;
}
a {
	text-decoration:none;
	outline:none;
	color:#666;
}
img{
	vertical-align:text-top;
}
a img {
	border:none;
	
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.under {
	text-decoration:underline;
}
.upper {
	text-transform:uppercase;
}
.italic {
	font-style:italic;
}
.colr {
	/*color:#4ec4cb !important;*/
	color:#777777 !important;
	font-weight:bold;
}
.white {
	color:#fff !important;
}
.black {
	color:#000 !important;
}
h1 {
	font-size:22px;
	font-weight:normal;
	width:100%;
	padding:15px 0;
	color:black;
	box-sizing:border-box;
	text-transform:uppercase;
	text-align:center;
}
.detail_sec h2 {
	font-size:12px;
	color:#000 !important;
}
h2 {
	font-size:20px;
	font-weight:normal;
}
h3 {
	font-size:18px;
	font-weight:normal;
}
h4 {
	font-size:16px;
	font-weight:normal;
}
.subhead {
	margin-top:20px;
	width:100%;
	float:left;
}
h5 {
	font-size:14px;
	font-weight:normal;
}
h6 {
	font-size:12px;
	font-weight:normal;
}
p {
	line-height:18px;
}
.left {
	float:left !important;
}
.right {
	float:right !important;
}
.heading {
	width:100%;
	border-bottom:#dddddd solid 1px;
	margin-bottom:10px;
}
.heading h1{
	color:black;
	text-align:left;
	padding:0;
	margin-bottom:15px;
}
.itlc {
	font-style:italic;
}
.noback {
	background-image:none !important;
}
.noborder {
	border:none !important;
}

/*
=======================================================================
	Buttons
=======================================================================
*/
/* Button One */
a.buttonone {
	float:left;
	height:18px;
	padding:3px 10px 0px 10px;
	background-image:url(../images/buttonone.gif);
	background-repeat:repeat-x;
	display:inline-block;
	color:#fff;
	border:#4ec4cb solid 1px;
}
/*
=======================================================================
	Input Form Rules
=======================================================================
*/
ul.forms {
	float:left;
	list-style:none;
	width:100%;
}
ul.forms li{
	float:left;
	padding-top:10px;
}
ul.forms li.inputfield{
	width:100%;
}
ul.forms li.inputfield input.bar{
	width:100%;
	height:24px;
	padding:0px 5px;
	line-height:24px;
	border:#d0d0d0 solid 1px;
	color:#555555;
}
ul.forms li.textsec{
	width:100%;
}
ul.forms li.textsec textarea{
	width:100%;
	height:123px;
	padding:5px;
	border:#d0d0d0 solid 1px;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*
=======================================================================
	Wrapper Section Rules
=======================================================================
*/
#wrapper_sec {
	width:100%;
}
.inner {
	margin:0px auto;
}
/*
=======================================================================
	Header Rules
=======================================================================
*/
.masthead {
	width:100%;
	z-index:999 !important;
	float:left;
}

#spindleDiv{
	position:relative;
}

#spindle{
	position:relative;
	z-index:2;
	width:100%;
	vertical-align:text-top;
}

.spindleText{
	text-align:center;
	position:absolute;
	top:80px;
	color:white;
	font-size:1.7em;
	z-index:5;
	width:100%;
	text-shadow:1px 1px 1px #000
}
.spindleTextLarge{
	top:15px;
	font-size:4em;
}
.spindleButton{
	top:auto;
	bottom:20px;
}
.spindleButtonInner:hover{
	background:white;
	color:grey;
}
.spindleButton a{
	color:white;
}
.spindleButtonInner{
    display: inline-block;
    width: auto;
    border: 2px solid white;
    cursor: pointer;
    border-radius: 30px;
    padding: 20px;
    font-size: .8em;
    text-shadow: none;
}


.masthead .logo{
	float:left;
}

.masthead .welcome{
	float:right;
	font-size:12px;
	margin-right:20px;
	margin-bottom:10px;
}
.masthead .welcome ul{
	float:left;
	list-style:none;
	padding:30px 0px 0px 0px;
}
.masthead .welcome ul li{
	float:left;
	padding-left:10px;
}
.masthead .welcome ul li.txt{
	float:left;
	padding-top:4px;
}

.nav_table{
	position:relative; 
	white-space:nowrap; 
	background-color:#E3E5E9; 
	padding:5px;
	color:white;
	text-align:center;
	border-top: 1px solid #CED0D2;
	border-bottom: 1px solid #CED0D2;
}

.nav_table select, .nav_table input {
	display:inline; 
	height:23px; 
	margin:3px 0; 
	padding:2px; 
	width:160px; 
	border:1px solid #A9B1BC; 
	border-radius:4px;
	margin:0 20px 0 0;
}
/*
=======================================================================
	Search Rules
=======================================================================
*/
.search {
	width:160px;
	padding:0px 10px;
	height:24px;
	float:right;
	background-image:url(../images/search_bar.gif);
	background-repeat:no-repeat;
	margin-top:8px;
	margin-right:10px;
}
.search input.bar{
	width:140px;
	border:none;
	height:19px;
	line-height:19px;
	float:left;
	margin-top:2px;
	background-color:transparent;
	color:#666666;
	font-size:10px;
}
.search a.go{
	width:16px;
	height:16px;
	float:left;
	background-image:url(../images/go.gif);
	background-repeat:no-repeat;
	margin-top:5px;
}
/*
=======================================================================
	Banner Rules
=======================================================================
*/
#banner {
	height:486px;
	width:100%;
	background-image:url(../images/shadow.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	position:relative;
	margin-top:-73px;
	float:left;
	z-index:1;
}
#banner .sliderwrapper{
	position: relative;
	overflow: hidden;
	height: 353px !important;
}
#banner .sliderwrapper .contentdiv{
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align:center;
}
.brownbg {
	background-color:#fff;
}
.redbg {
	background-color:#961d26;
}
.greybg {
	background-color:#bac0bc;
}
.pagination {
	z-index:9999 !important;
	text-align:center;
	margin:0px auto;
	width:162px;
	margin-top:-20px;
}
.banner_bullets{
	position:relative;
	z-index:1;
}

.banner_bullets .pagination a{
	display:inline-block;
	background-repeat:no-repeat;
	display:inline-block;
	font-size:0px;
	float:left;
	text-align:center;
	color:#000;
}
.banner_bullets .pagination a.toc{
	width:17px;
	height:29px;
	background-image:url(../images/bullets.png);
}
.banner_bullets .pagination a.prev{
	width:30px;
	height:29px;
	background-image:url(../images/bullets_left.png);
}
.banner_bullets .pagination a.next{
	width:30px;
	height:29px;
	background-image:url(../images/bullets_right.png);
}
.banner_bullets .links {
	width:960px;
	text-align:center;
	float:left;
}
/*
=======================================================================
	Scroller Rules
=======================================================================
*/
#scroller {
	width:100%;
	margin:10px 0px;
	float:left;
}
#scroller a.prevscrol{
	width:19px;
	height:31px;
	background-image:url(../images/scroller_arrows.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:inline-block;
	float:left;
	margin:60px 0px 0px 0px;
}
#scroller a.nextscrol{
	width:19px;
	height:31px;
	background-image:url(../images/scroller_arrows.png);
	background-repeat:no-repeat;
	background-position:-19px 0px;
	display:inline-block;
	float:left;
	margin:60px 0px 0px 23px;
}
#scroller .homescrol{
	float:left;
}
#scroller .homescrol ul li{
	width:190px;
	height:155px;
	padding:4px;
	background-image:url(../images/scroller_bg.gif);
	background-repeat:no-repeat;
	margin-left:23px;
}
#scroller .homescrol ul li img{
	width:190px !important;
	height:155px !important;
}
/*
=======================================================================
	Content Section Rules
=======================================================================
*/
#content_sec {width:100%; clear:both;}

.sections {
	width:960px;
	float:left;
	margin-top:10px;
}
.sections .sectop{
	width:960px;
	height:14px;
	float:left;
	background-image:url(../images/curve_top.gif);
	background-repeat:no-repeat;
}
.sections .seccent{
	width:960px;
	float:left;
	background-image:url(../images/curve_bg.gif);
	background-repeat:repeat-y;
}
.sections .secbot{
	width:960px;
	height:14px;
	float:left;
	background-image:url(../images/curve_botom.gif);
	background-repeat:no-repeat;
}
.sections .sectopwhite{
	width:960px;
	height:14px;
	float:left;
	background-image:url(../images/curve_top_white.gif);
	background-repeat:no-repeat;
}
.sections .seccentwhite{
	width:960px;
	float:left;
	background-image:url(../images/curve_bg_white.gif);
	background-repeat:repeat-y;
}
.sections .secbotwhite{
	width:960px;
	height:14px;
	float:left;
	background-image:url(../images/curve_botom_white.gif);
	background-repeat:no-repeat;
}
/*
=======================================================================
	Bread Crumb Rules
=======================================================================
*/
#crumb {
	width:920px;
	height:22px;
	padding:7px 10px 0px 30px;
	background-image:url(../images/crumb.gif);
	background-repeat:no-repeat;
	margin:10px 0px 0px 0px;
	text-transform:uppercase;
}
#crumb ul.linkscrumb{
	list-style:none;
	float:left;
}
#crumb ul.linkscrumb li{
	float:left;
	padding:0px 8px 0px 5px;
	background-image:url(../images/crumb_sep.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#crumb ul.linkscrumb li.noback{
	background-image:none;
}
#crumb ul.share{
	list-style:none;
	float:right;
}
#crumb ul.share li{
	float:left;
	margin-left:5px;
}
/*
=======================================================================
	Col1 Rules
=======================================================================
*/
.col1 {
	width:18%;
	float:left;
}
.col1 .small_heading{
	height:30px;
	background-image:url(../images/small_heading.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:16px;
}
/*
=======================================================================
	Products Table Rules
=======================================================================
*/
.prod_tabs {
	font-size:12px;
	width:208px;
	float:left;
	border:#c6c5c1 solid 1px;
	background-color:#FFF;
	margin:0px 10px 10px 10px;
}
.prod_tabs a.tabbutton{
	width:158px;
	height:26px;
	padding:12px 0px 0px 50px;
	float:left;
	background-image:url(../images/cart.gif);
	background-repeat:no-repeat;
	display:inline-block;
}
.prod_tabs a.tabbutton span{
	padding:0px 0px 0px 10px;
}
.prod_tabs #cat p.txt{
	padding:3px 0px 0px 5px;
}
.prod_tabs #cat ul{
	list-style:none;
	width:208px;
}
.prod_tabs #cat ul li{
	width:188px;
	float:left;
	border-bottom:#eeeeee solid 1px;
	padding:5px 10px;
}
.prod_tabs #cat ul li .prod_name p{
	padding:0;
	color:#999999;
}
.prod_tabs #cat ul li .prod_name{
	float:left;
	width:190px;
}
.prod_tabs #cat ul li p.price{
	float:right;
	padding:0;
}
.prod_tabs #cat .totals{
	width:188px;
	float:left;
	padding:10px;
}
.prod_tabs #cat .totals p{
	padding:0;
}
.arrowlistmenu {
	float:left;
	padding:10px;
	width:90%;
}
.arrowlistmenu .menuheader{
	padding: 6px 0;
	width:100%;
	height:32px;
	cursor: pointer;
	display:inline-block;
	font-size:16px;
	box-sizing:border-box;
	border-bottom:1px solid #eeeeee;
	color:black;
}

.arrowlistmenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0;
	margin-bottom: 0px;
}
.arrowlistmenu ul li ul{
	list-style-type: none;
	margin: 0px !important;
	padding: 0;
	margin-bottom: 0px;
	background-color:#fbfbfb;
	border:#c1c1c1 solid 1px;
}

.arrowlistmenu ul li{
	padding-bottom: 2px;
}

.arrowlistmenu ul li .opensubheader{
	
}

.arrowlistmenu ul li .closedsubheader{
	
}

.arrowlistmenu ul li a{
	cursor: pointer;
	display:block;
	background: white;
	font-size:16px;
	color:black;
}
.arrowlistmenu ul li {
	background: white;
	margin-bottom: 3px;
	padding: 5px 10px 5px 10px;
	width:94%;
	display:inline-block;
	border-left:#dddddd solid 1px;
	color:black;
	font-size:16px;
	margin-left:2%;
	box-sizing:border-box;
}
.arrowlistmenu ul li ul li a{
	margin-bottom: 0px;
	padding: 5px 10px 0px 10px;
	width:188px;
	height:18px;
	cursor: pointer;
	display:inline-block;
	border:none;
	color:black;
	background-image: none;
	background-color:#fbfbfb;
}

.arrowlistmenu ul li a:visited{
	
}

.arrowlistmenu ul li a:hover{
}

.arrowlistmenu ul li a.subexpandable:hover{
	
}
/*
=======================================================================
	Left Categories Rules
=======================================================================
*/
.sidelinks {
	width:230px;
	float:left;
}
.sidelinks ul{
	width:200px;
	float:left;
	padding:10px 15px 20px 15px;
	list-style:none;
}
.sidelinks ul li{
	width:180px;
	float:left;
	padding:5px 0px 5px 20px;
	background-image:url(../images/links_bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
}
/*
=======================================================================
	Contact Us Rules
=======================================================================
*/
.contactsec {
	box-sizing:border-box;
	width:50%;
	float:left;
	padding:0px 15px;
}
.contactsec ul{
	width:100%;
	float:left;
	padding:5px 0px;
	list-style:none;
	font-size:12px;
	border-bottom:#cccccc solid 1px;
}
.contactsec ul li.title{
	width:25%;
	float:left;
}
.contactsec ul li.desc{
	width:75%;
	float:left;
}
/*
=======================================================================
	Map Rules
=======================================================================
*/
.map{
	float:left;
	width:50%;
	height:100%;
	box-sizing:border-box;
	text-align:center;
}
/*
=======================================================================
	Advertisments Rules
=======================================================================
*/
.leftColSlider {
	float:left;
	width:410px;
	padding:10px;
	background-image:url(../images/small_heading.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
/*
=======================================================================
	Col2 Rules
=======================================================================
*/
.col2 {
}

/*
=======================================================================
	Sorting Rules
=======================================================================
*/
.sorting {
	height:45px;
	margin:10px 0px;
}
.sorting ul{
	float:left;
	list-style:none;
	padding-top:7px;
}
.sorting ul li{
	float:left;
	padding-right:6px;
	box-shadow:none !important;
	font-size:1em !important;
}
.sorting ul li.txt{
	padding:5px 20px 0px 10px;
}
.sorting ul li a.prevbutn{
	float:left;
	width:24px;
	height:24px;
	display:inline-block;
	background-image:url(../images/prevpage.gif);
	background-repeat:no-repeat;
}
.sorting ul li a.nextbutn{
	float:left;
	width:24px;
	height:24px;
	display:inline-block;
	background-image:url(../images/nextpage.gif);
	background-repeat:no-repeat;
}
.sorting ul li a.numbrs{
	float:left;
	width:24px;
	height:19px;
	padding-top:5px;
	display:inline-block;
	background-repeat:no-repeat;
	text-align:center;
}
.sorting ul li a.active, .sorting ul li a.numbrs:hover{
	background:#DD9933;
	color:#FFF;
}

/*
=======================================================================
	Listing Rules
=======================================================================
*/
.listings {
	float:left;
	width:100%;
}
.frListings {
	width:80%;
	margin-left:20%;
}
.listings .hot{
	width:38px;
	height:28px;
	background-image:url(../images/hot.png);
	background-repeat:no-repeat;
	display:inline-block;
	margin:3px 0px 0px 65px;
	position:absolute;
	z-index:2;
	right:3px;
}
.listings .new{
	width:38px;
	height:28px;
	background-image:url(../images/new.png);
	background-repeat:no-repeat;
	display:inline-block;
	margin:3px 0px 0px 65px;
	position:absolute;
	z-index:2;
	right:3px;
}
.listings .reduced{
	background-image:url(../images/reduced.png);
}
.badges img{
	height:23px;
	margin-top:3px;
	float:right;
	clear:both;
}
.badges{
	display:inline-block;
	margin:3px 0px 0px 65px;
	position:absolute;
	z-index:2;
	right:0px;
	top:2px;
	max-width:226px;
}
.listings ul{
	width:100%;
	list-style:none;
}
.listings ul li{
	max-width:31%;
	margin:1%;
	font-size:0.8em;
	display:inline-block;
	list-style:none;
	position:relative;
	vertical-align:text-top;
}

.rangePage .listings ul li{
	max-width:auto;
	width:31%;
}

#frCol2 .sorting{
    width: 94%;
    margin-left: 3%;
}

#frCol2 {
	width:100%;
	margin-left:0;
}

#homeMain .listings ul li{
	margin:0;
	box-shadow:none;
	max-width:100%;
}
.listings ul li.last{
	margin-right:0px;
}
#frCol2 .listings ul li a.title{
	float:left;
	width:100%;
}
.listings ul li a.title{
	z-index:10;
	display:block;
	padding:0 0 10px 0;
	width:95%;
	bottom:0;
	text-shadow:1px 1px 2px #FCFBF6;
	font-size:15px;
	max-width:405px;
}
#homeMain .listings ul li a.title{
	font-size:2em;
}
.listings ul.relProds li {
	vertical-align:text-top;
}
.listings ul.relProds li .prodbuttons img{
	width:66%;
}
.listings ul li .prodbuttons img{
	cursor:pointer;
}
.listings ul li .prodButtonsDetail{
	border-left:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
}
.listings ul li .prodbuttons{
}
#frCol2 .listings ul li .prodbuttons{
	top:0;
}

.listings ul li.viewList .prodbuttons p{
	text-align:left !important;
	margin-left:10px !important;
}

.listings ul li .prodbuttons p.price{
	float:none;
	width: 100%;
	margin-bottom: 10px;
	font-weight:bold;
	font-size:1.5em;
	color:black;
}

.listings ul li .prodbuttons p.rrp{
	color:red;
	text-decoration: line-through;
}
.listings ul li .prodbuttons p.saving{
	font-weight:bold;
	color:red;
	font-size:1.8em;
}
	
.listings ul li .prodbuttons a.cart{
	float:left;
	width:70px;
	height:17px;
	padding:6px 0px 0px 20px;
	display:inline-block;
	color:#fff;
	font-size:9px;
}
.listings ul li .details{
	background-image:url(../images/listing_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;

	display:none;
	position:relative;
	right:1px;
}
.listings ul.thumb_view li{
	width:698px !important;
	border:#c1c1c1 solid 1px;
}

.listings ul.thumb_view li div.details div.prodDesc ul{
	margin-bottom:10px;
	margin-left:10px;
}
.prodDesc ul li:hover{
	border:0 !important;
}
.prodDesc ul li{
	border:0 !important;
}
.listings ul.thumb_view li div.details div.prodDesc ul li{
	background:none;
	text-align:left;
	margin:0;
	list-style-type:disc;
	width:460px !important;
}

.listings ul.thumb_view li a.title{
	display:none;
}

.listings ul.thumb_view li a.thumb{
	border:none;
}
.listings ul.thumb_view li .prodbuttons{
	display:none;
}
.listings ul.thumb_view li .details{
	display:block !important;
	width:467px;
	padding:10px;
	float:left;
	border-left:1px solid #C1C1C1;
	text-align:left;
	min-height:190px;
}
.listings ul.thumb_view li .details .prodbuttons{
	display:block;
}
.listings ul.thumb_view li .details h3{
	padding:0px 0px 5px 0px;
}
.listings ul.thumb_view li .details p{
	padding-bottom:10px;
}
/*
=======================================================================
	Advertisment Banner Rules
=======================================================================
*/
.advbanner {
	text-align:center;
	position:relative;
	top:10px;
}
.advbanner img{
	width:15%;
	min-width:125px;
	max-width:190px;
	margin-top:3px;
}
/*
=======================================================================
	Product Detail Rules
=======================================================================
*/
.prod_detail {
	width:100%;
	float:left;
	min-height:600px;
}
.prod_detail .hot{
	width:38px;
	height:28px;
	background-image:url(../images/hot.png);
	background-repeat:no-repeat;
	display:inline-block;
	margin:3px 0px 0px 125px;
	position:absolute;
	z-index:2;
}
.prod_detail .new{
	width:38px;
	height:28px;
	background-image:url(../images/new.png);
	background-repeat:no-repeat;
	display:inline-block;
	margin:3px 0px 0px 125px;
	position:absolute;
	z-index:2;
	right:3px;
}

.prod_detail div.detail_sec ul{
	margin-left:10px;
	margin-bottom:10px;
}
/*
=======================================================================
	Gallery Rules
=======================================================================
*/
.gallery_sec {
	float:left;
	width:48%;
	float:left;
	background-color:white;
	position:relative;
}
.prod_detail .sliderwrapper{
	position: relative;
	overflow: hidden;
	width: 333px;
}
.prod_detail .gallery_cont {
	overflow:hidden;
	box-shadow:0 0 20px #bbbbbb;
}
.prod_detail .sliderwrapper .contentdiv{
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 333px;
}
.prod_detail a.prevgallery{
	width:20px;
	height:20px;
	display:inline-block;
	background-image:url(../images/gallery_left.png);
	background-repeat:no-repeat;
	float:left;
	margin:20px 15px 0px 23px;
}
.prod_detail a.nextgallery{
	width:20px;
	height:20px;
	display:inline-block;
	background-image:url(../images/gallery_right.png);
	background-repeat:no-repeat;
	float:left;
	margin:20px 0px 0px 23px;
}
.prod_detail .scrollingunit{
	margin-top:15px;
	float:left;
	z-index:900;
	position:relative;
}
.prod_detail .scrollingunit .anyClass{
	float:left;
}
.prod_detail .scrollingunit .anyClass li{
	border:#f0f0f0 solid 3px;
	margin-left:8px;
	width:56px !important;
	height:56px !important;
	background-color:white;
}
/*
=======================================================================
	Product Detail Rules
=======================================================================
*/
.detail_sec {
    width: 43%;
    float: left;
    margin-left: 6%;
	font-size:16px;
	color:#777777;
	position: -webkit-sticky; 
	position:sticky; 
	top:0;
}
.detail_sec .bigbutton{
	width:342px;
	height:30px;
	border-bottom:#cccccc solid 1px;
	margin-bottom:10px;
}
.detail_sec h6.price{
	color:#999999;
	padding:4px 0px 0px 0px;
}
.detail_sec .bigbutton a.prevprod{
	display:inline-block;
	width:111px;
	height:19px;
	padding:5px 0px 0px 60px;
	float:left;
	background-image:url(../images/bigbutton.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.detail_sec .bigbutton a.nextprod{
	display:inline-block;
	width:106px;
	height:19px;
	padding:5px 0px 0px 65px;
	float:left;
	background-image:url(../images/bigbutton.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.detail_sec h2{
	font-size:16px;
}
.detail_sec p{
	padding-bottom:10px;
	line-height:26px;
}
.detail_sec div.txt{
	line-height:26px;
	padding:10px 0;
}
.detail_sec ul.detailform{
	float:left;
	width:100%;
	list-style:none;
	padding-bottom:10px;
}
.detail_sec ul.detailform li.txt{
	float:left;
	width:120px;
}
.detail_sec ul.detailform li.infield{
	float:left;
	width:213px;
}
.detail_sec ul.detailform li.infield select{
	float:left;
	width:213px;
	height:19px;
	background-color:#FFF;
	border:#d9d9d9 solid 1px;
}
.detail_sec ul.detailform li.infield input{
	float:left;
	width:150px;
	height:19px;
	background-color:#FFF;
	border:#d9d9d9 solid 1px;
}
.detail_sec p.expam{
	padding:20px 0px 0px 0px;
}
.detail_sec ul.point{
	list-style:none;
	list-style-image:url(../images/point.gif);
	list-style-position:inside;
	padding:5px 0px 0px 0px;
}
.detail_sec ul.point li{
	padding:0px 0px 5px 0px;
}
.detail_sec a.buttonone{
	margin-right:10px;
	margin-top:20px;
}
/*
=======================================================================
	Shopping Cart Rules
=======================================================================
*/
.shoppingcart {
	width:700px;
	float:left;
}
.shoppingcart ul.head{
	width:700px;
	float:left;
	list-style:none;
	padding:20px 0px 0px 0px;
	margin-bottom:7px;
}
.shoppingcart ul.head li{
	float:left;
}
.shoppingcart ul.head li.items{
	width:67px;
	padding-left:15px;
}
.shoppingcart ul.head li.desc{
	width:200px;
	padding-left:11px;
}
.shoppingcart ul.head li.qty{
	width:96px;
	text-align:center;
}
.shoppingcart ul.head li.itemprice{
	width:141px;
	text-align:center;
}
.shoppingcart ul.head li.total{
	width:110px;
	text-align:center;
}
.shoppingcart ul.head li.remove{
	width:60px;
}
.shoppingcart ul.grey{
	background-color:#f8f8f8;
}
.shoppingcart ul.cartitems{
	width:700px;
	height:51px;
	float:left;
	list-style:none;
	padding:5px 0px 5px 0px;
}
.shoppingcart ul.cartitems li{
	float:left;
}
.shoppingcart ul.cartitems li.items{
	width:67px;
	padding:0px 0px 0px 15px;
}
.shoppingcart ul.cartitems li.desc{
	width:200px;
	padding:5px 0px 0px 11px;
}
.shoppingcart ul.cartitems li.qty{
	width:96px;
	background-image:url(../images/cross.png);
	background-repeat:no-repeat;
	background-position:100% 75%;
	text-align:center;
	padding-top:14px;
}
.shoppingcart ul.cartitems li.qty input{
	width:38px;
	height:18px;
	text-align:center;
	background-color:#FFF;
	border:#b3b3b3 solid 1px;
	color:#666666;
}
.shoppingcart ul.cartitems li.itemprice{
	width:141px;
	text-align:center;
	background-image:url(../images/equal.png);
	background-repeat:no-repeat;
	background-position:100% 80%;
	padding-top:17px;
}
.shoppingcart ul.cartitems li.total{
	width:110px;
	text-align:center;
	padding-top:17px;
}
.shoppingcart ul.cartitems li.remove{
	width:60px;
	text-align:center;
	padding-top:13px;
}
.shoppingcart ul.cartitems li.remove a{
	width:23px;
	height:23px;
	display:inline-block;
	background-image:url(../images/cart_remove.png);
	background-repeat:no-repeat;
}

.cartbuttons{
	width:700px;
	height:61px;
	background-image:url(../images/cartbuttons_bg.gif);
	background-repeat:no-repeat;
	margin-top:20px;
}
.cartbuttons a.buttonone{
	margin:20px 0px 0px 10px;
}
.cartbuttons .checkout{
	width:129px;
	height:61px;
	float:right;
}
.cartbuttons .checkout p{
	font-size:18px;
	width:129px;
	text-align:center;
	padding:7px 0px 14px 0px;
}
.cartbuttons .checkout a{
	font-size:12px;
	margin-left:10px;
}
.discount {
	width:380px;
	padding:50px 0px 50px 0px;
	float:left;
}
.discount p{
	float:left;
	padding-right:20px;
	padding-top:4px;
}
.discount input{
	float:left;
	width:245px;
	height:24px;
	padding:0px 5px;
	line-height:24px;
	background-image:url(../images/input_bg.gif);
	background-repeat:no-repeat;
	border:#b0b0b0 solid 1px;
	color:#999999;
}
.verylogos {
	width:300px;
	padding:50px 0px 0px 0px;
	float:right;
	text-align:center;
}
.verylogos a{
	padding-right:10px;
}
/*
=======================================================================
	Blog Rules
=======================================================================
*/
.blog {
	float:left;
	width:700px;
}
.blog .post{
	float:left;
	width:700px;
	margin-bottom:20px;
}
.blog .post .heading h3{
	padding-top:15px;
}
.blog .post span.date{
	width:700px;
	width:40px;
	height:32px;
	padding-top:3px;
	background-image:url(../images/date.gif);
	background-repeat:repeat-x;
	color:#FFF;
	text-align:center;
	float:right;
	border:#4ec4cb solid 1px;
}
.blog .post p.txt{
	float:left;
	width:700px;
	border-bottom:#cccccc solid 1px;
	padding:10px 0px;
	margin-bottom:10px;
}
.blog .post ul.bloglinks{
	float:left;
	list-style:none;
	padding-top:2px;
}
.blog .post ul.bloglinks li{
	float:left;
	background-image:url(../images/footer_sep.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px 10px;
}
.blog .post ul.bloglinks li.last{
	float:left;
	background-image:none;
	padding-left:0px;
}
/*
=======================================================================
	Comments Section Rules
=======================================================================
*/
.comments {
	width:700px;
	float:left;
	padding-bottom:20px;
	border-bottom:#c0c0c0 solid 1px;
}
.comments ul{
	width:700px;
	float:left;
	list-style:none;
}
.comments ul li{
	width:700px;
	float:left;
	padding:10px 0px;
}
.comments ul li .avatarsec{
	width:700px;
	float:left;
	padding-bottom:10px;
}
.comments ul li .avatarsec a.avatar{
	width:31px;
	height:29px;
	display:inline-block;
	border:#d1d1d1 solid 3px;
	float:left;
	margin-right:10px;
}
.comments ul li .avatarsec p.date{
	color:#999999;
}
.comments ul li a.buttonone{
	float:right;
	margin-top:10px;
}
.comments ul li.replyone{
	border-top:#c0c0c0 solid 1px;
	background-image:url(../images/pointer.gif);
	background-repeat:no-repeat;
	background-position:25px 0px;
	background-color:#f2f2f2;
	padding:10px;
	width:680px;
}
.comments ul li.replytwo{
	background-color:#f2f2f2;
	padding:10px 10px 10px 60px;
	width:630px;
}
/*
=======================================================================
	Leave A Reply Rules
=======================================================================
*/
.leavecoments {
	width:700px;
	float:left;
	padding:20px 0px;
}
/*
=======================================================================
	Contact Us Rules
=======================================================================
*/
.contactus {
	width:95%;
	float:left;
}
.contactus p{
	width:100%;
	float:left;
	padding:5px 0px 30px 0px;
}
/*
=======================================================================
	Paging Rules
=======================================================================
*/
.paging {
	width:700px;
	margin:10px 0px;
}
.paging ul{
	float:left;
	list-style:none;
	padding-top:7px;
}
.paging ul li{
	float:left;
	padding-right:6px;
}
.paging ul li.txt{
	padding:5px 20px 0px 10px;
}
.paging ul li a.prevbutn{
	float:left;
	width:24px;
	height:24px;
	display:inline-block;
	background-image:url(../images/prevpage.gif);
	background-repeat:no-repeat;
}
.paging ul li a.nextbutn{
	float:left;
	width:24px;
	height:24px;
	display:inline-block;
	background-image:url(../images/nextpage.gif);
	background-repeat:no-repeat;
}
.paging ul li a.numbrs{
	float:left;
	width:24px;
	height:19px;
	padding-top:5px;
	display:inline-block;
	background-repeat:no-repeat;
	text-align:center;
}
.paging ul li a.active, .paging ul li a.numbrs:hover{
	background-image:url(../images/pagingnumber.gif);
	color:#FFF;
}
/*
=======================================================================
	Column 3 Rules
=======================================================================
*/
.col3 {
	width:940px;
	padding:0px 10px;
}
/*
=======================================================================
	Static Page Rules
=======================================================================
*/
.static {
	width:940px;
	float:left;
}
.static h3.wlcm{
	padding:10px 0px 0px 0px;
}
.static p.txt{
	width:940px;
	float:left;
	padding:10px 0px 30px 0px;
}
.static .sec1 {
	width:290px;
	float:left;
}
.static .sec2 {
	width:650px;
	float:left;
}
.static .sec3 {
	width:300px;
	float:left;
}
.static .sec3 img.bordr{
	border:#dddddd solid 4px;
	float:left;
}
.static .sec4 {
	width:300px;
	float:left;
	padding:0px 10px;
}
.static .sec4 p{
	padding-bottom:10px;
}
.static .sec5 {
	width:300px;
	float:left;
	padding:0px 10px;
}
.static .sec5 ul{
	list-style:decimal;
	list-style-position:inside;
}
.static .sec5 ul li{
	padding:5px 0px;
}
.static .sec2 p{
	padding-bottom:10px;
}
.static .hairline {
	padding-top:20px;
	margin-bottom:20px;
	border-bottom:#aaaaaa solid 1px;
}
.static h1{
	float:left;
	width:100%;
	padding:10px 0px;
}
.static h2{
	float:left;
	width:100%;
	padding:8px 0px;
}
.static h3{
	float:left;
	width:100%;
	padding:6px 0px;
}
.static h4{
	float:left;
	width:100%;
	padding:5px 0px;
}
.static h5{
	float:left;
	width:100%;
	padding:5px 0px;
}
.static h5 span{
	padding-bottom:10px;
}
.static h6{
	float:left;
	width:100%;
	padding:5px 0px;
}
.static h5{
	float:left;
	width:100%;
	padding:5px 0px;
	line-height:24px;
}
/*
=======================================================================
	Footer Rules
=======================================================================
*/
#homeMain #footer{
	margin-left:0;
}
#footer {
	width:100%;
	float:left;
	padding-bottom:470px;
	text-align:center;
	border-top:1px solid #7c7c7c;
	margin-top:25px;
}
#footer .footlinks{
	padding:10px 0px 0px 0px;
	clear:both;	
}
#footer .footlinks ul{
	list-style:none;
}
#footer .footlinks ul li{
	display:inline-block;
	border-right:1px solid black;
	padding:0px 10px;
	font-size:0.8em;
}
#footer .footlinks ul li.last{
	background-image:none;
	border:0;
}
#footer .footlinks p{
	float:left;
	padding:3px 0px 0px 10px;
}
#footer p.powerdby{
	float:right;
	padding:5px 10px 0px 0px;
}
/*
=======================================================================
	Integration
=======================================================================
*/
.frImage{
	width:100%;
	max-width:270px;
	max-height:270px;
}
.rangePage .frImage{
	width:auto;
}
.frImageContainer{
	padding-bottom:100%;
	position:relative;
}
.rangePage .frImageContainer{
	padding-bottom:inherit;
}
#homeMain .frImageContainer{
	padding-bottom:0;
}
.welcome{
	text-align:right;
	padding-top:15px;
	color:#b6b0bb;
}
.welcome-heading{
	font-size:1.6em;
}
.welcome-heading2{
	color:#4ec4cb;
	font-size:1.25em;
}
#homeIcon{
	position:relative;
	bottom:4px;
}
form#contactform table tr td {
	padding:10px;
}
.sitemapCol{
	font-size: 1.2em;
}
.sitemapCol ul{
	margin-top:10px;
	margin-left:15px;
	list-style-type: disc;
}
.sitemapCol li {
	margin-bottom:10px;
}
.scrollingunit ul li {
	text-align:center;
}
.scrollingunit ul li a{
	display:block;
	width:56px;
	height:56px;
}
#slider2 .contentdiv{
	text-align:center;
}
#addThis{
	position:absolute;
	top:-10px;
	right:10px;
}
#product_prices_include{
	position:relative;
}
input, select, textarea {
    color: #444444;
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: normal;
}
a{
	cursor:pointer;
}
.qtyButt:hover{background:#C1C1C1}
.qtyButt{
	background:#F9F9F9;
	display:inline-block;
	height:100%;
	position:relative;
	bottom:2px;
	width:35px;
	right:1px;
	cursor:pointer;
	border:1px solid #dddddd;
}
.qtyButtUp{
}
.qtyButtDown{
	right:-1px;
}
.butt{
	height:100%;
	cursor:pointer;
	margin-left:15px;
}
.bw-butt{
	margin:auto;
	box-sizing:border-box;
	cursor:pointer;
	
	width:fit-content; 
	background:#DD9933; 
	color:white; 
	font-weight:bold; 
	padding:10px 20px; 
	transition:background 0.25s; 
	text-align:center

}
.bw-butt:hover{background:#B17B29}

.red-butt{background:#FF0000 !important;}
.red-butt:hover{background:#cc3333 !important;}
	

.blue-butt{background:#3AB9C0; border:2px solid #3AB9C0;}
.blue-butt:hover{background:#2E949A; border:2px solid #2E949A;}
.white-butt{background:#FFFFFF;color:#3AB9C0;border:2px solid #3AB9C0;}
.white-butt:hover{background:#3AB9C0;color:white;}
.span7{white-space:nowrap;}
.span7 div{display:inline-block; box-sizing:border-box; margin-right:10px;}

.details .prodbuttons img{
	margin-left:1px;
}
.childRange{
	position:absolute;
	top:10px;
	left:150px;
	background:white;
	z-index:10;
	border:1px solid grey;
	padding:5px;
	text-align:left;
}

.frBlurb a:hover{
	text-decoration:underline;
}
.frBlurb a{
	color:#4ec4cb;
	height:40px;
}
.frBlurb p, .frBlurb h2, .frBlurb h3, .frBlurb h4{
	margin:10px 10%;
}

div.frBlurb div.listings ul li div{
	min-height:325px;
}

div.frBlurb div.listings ul li div a.colr{
	position:absolute;
}

td.checkout_thumb {
	width:70px;
}
td.checkout_label {
	padding-right: 5px;
}

td.checkout_label em{
	font-style: normal;
	font-weight: normal;
}

/* Start of styles for Checkout page*/

#checkout_button{
	margin: 10px 0 10px auto;
	width:100%;
}

.checkout_items {
	border-collapse:collapse;
	width:100%;
}

.checkout_items th{
	text-align:left;
	padding-bottom:5px;
	border-bottom:3px solid #ececec;
}

.cproduct_name{
width: 200px;
padding-left: 4px;
vertical-align: top;
}

.cproduct_colour{
width: 100px;
vertical-align: top;
}

.cproduct_size{
width: 100px;
vertical-align: top;
}

.cproduct_quantity{
width: 100px;
vertical-align: top;
}

.cproduct_price{
width: 100px;
vertical-align: top;
}

.cproduct_remove{
width: 120px;

vertical-align: top;

font-weight:bold;
color: #9B0033;

}

.qtyTextBox{
	box-sizing:border-box;
	width:36px !important;
	height:100%;
	text-align:center;
	position:relative;
	font-size:16px;
	border:1px solid #dddddd;
}
.price .qtyTextBox{
	width:50px;
}

#discountCode{
	padding:5px; 
	box-sizing:border-box;
	width:100%;
}

div.confirm_outer {
	padding: 20px;
}

div.confirm_title {
	border-bottom: solid 2px #ffffff;
	font-size: 11px;
	font-weight: bold;
}

.confirm_label span{
	color:red;
}

.confirm_label {
	color:black;
	font-weight: bold;
	padding: 20px 0 10px 0;
	vertical-align:top;
	font-size:14px;
}

.confirm_text {
	vertical-align: middle;
	padding-bottom: 10px;
	text-align:left;
}

td.confirm_text input, td.confirm_text select , td.confirm_text textarea {
	width:95%;
	border:1px solid #c1c1c1;
	padding:7px;
	font-size:16px;
}

div.confirm_message {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}

div.confirm_conditions_quarter img{
	width:100%;
}

div.confirm_conditions_half{
	width:50%;
	float:left
}

div.confirm_conditions_quarter{
	width:45%;
	float:left;
	margin-right:5%;
}

div.confirm_conditions {
	vertical-align: middle;
	margin-top: 20px;
	border-bottom: solid 2px #ffffff;
	padding-bottom: 10px;
}


td.confirm_total {
	font-weight: bold;
	vertical-align: top;
	padding:20px 0 10px 0;
}

#conf_text{
	margin-left:30px;
	border:1px solid #9B0033;
	width: 310px;
	font-size:12px;
	padding:6px;
	text-align:justify;
}

.deladdress {
	font-size:16px;
}
.deladdress input{
	margin-left:20px;
}

.centreDiv{
	position:relative;
	background-color:white;
}

.centreDivTall{
	position:relative;
	margin:0 0 30px 0;
}

.centreDivRecent{
	position:relative;
	height:251px;
	width:208px;
	background-color:white;
}

.centreImg{
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	width:100%;
}

.display_web_price{
	color:black;
	font-size:24px;
	font-weight:bold;
}
#payment-logos {
	text-align:center;
	width:100%;
	white-space:normal;
}

#payment-logos div{display:inline-block}

#payment-logos span{
    color: #666;
    top: 11px;
    position: relative;
    font-size: 8px;
    margin-right: 7px;
}

#payment-logos img{
	position:relative;
	margin-top:5px;
	height:22px;
}

.recentH3{
	background-image:none !important;
	padding: 8px 10px 0px 10px;
}

.hidden{
	visibility:hidden !important;
}

.prodDesc h2{
	font-size:12px;
	color:#000 !important;
}

#refineSearchTitle{
background-color:#2180D2;
color:white;
font-weight:bold;
padding:5px 0;
margin-bottom:1px;
}

#refineSearch{
float:left;
font-size:11px;
padding-right:10px;
margin-bottom:20px;
display:inline-table;
margin-left:10px;
}

.refineTerm a{font-weight:normal}

.refineTerm{
padding:5px;
text-align:left;
background-color:#e6e6e6;
margin-bottom:1px;
}

.refineTermType{
margin-bottom:1px;
padding:5px 15px 5px 10px;
font-weight:bold;
background-color:#B0B0B0;
}

.cancelRefine{
    background-image: none !important;
    width: 15px !important;
    float: right;
    text-align: center;
    margin-left: 10px;
    position: relative;
    top: 0px;
    left: 5px;
	padding-left:1px;
	font-size:13px !important;
	border:1px solid black;
}

.refineActive{
	font-weight:bold;
}

.youAreHere{
	color:white;
	background-color:#4ec4cb;
	padding:10px 10px 20px 10px;
}

#progressStage{
	position:absolute;
	font-size:10px;
	top:20px;
	left:105px;
}

.progressStage2{
	left:326px !important;
}

.posRel{
	position:relative;
	line-height:3em;
}

.searchbarGo{
    border:0 !important;
	width:initial !important;
	height:38px
}
.col1Img{
	margin:0 0 10px 10px;
}

#sale-graphic-inner{
	position:relative;
	top:40px;
	z-index:40;
}

.thumbRibbon{
	visibility:hidden;
}

.ribbon{
	width:110px;
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:2;
}

div.centreDiv img.thumbRibbon{
	visibility:visible;
}

div.centreDiv img.ribbon{
	width:90px;
	position:absolute;
	top:-9px;
	left:-9px;
	z-index:2;
}

#ribbon2Man{
	width:330px;
	max-width:100%;
}

#sale-div{
	position:relative;
	font-size:11px;
	top:1px;
	padding-bottom:10px;
}

#countdown-holder{
	z-index:50;
	text-align:left;
	font-size:26px;
	top:6px;
	position:relative;
	width:155px;
}
#countdown-block{
	display:none;
	position:relative;
}
#sale-text{
	display:inline-block;
}

#timer-labels{
	position:absolute;
	z-index:50;
	top:-10px;
	font-size:20px;
	left:0;
}

#countdown-outer{
	display:none;
}

#display_store_price{
	font-size:25px;
	text-decoration:line-through
	
}

.optionRow select{
	height:30px;
	font-size:16px;
}

.optionRow{
	margin-top:10px;
}

#freeDelVan img{
	width:50%;
	float:right;
}
#freeDelVan{
	position: absolute;
    right: 0;
    top: 0;
}

#options{
	font-size:13px;
}

#product_prices_include{
	color:red;
}
#positive-wide{
	height:30px;
	position:relative;
}
#positive-seal{
	position:relative;
	bottom:10px;
	height:52px;
}
#credit-cards-wide{
	height:31px;
}
#cvv{
	width:90px;
	position:absolute;
	top:-5px;
	left:85px;
}
.underline{
	text-decoration:underline;
}

a.menuheader{
	height:14px;
}

.prodForm{
	float:inherit;
}
#openCloseSidebar{
	position:relative;
	display:none;
	cursor:pointer;
}
#minCartButton{
	position:absolute;
	top:0;
	left:200px;
}
.checkout_items td{
	vertical-align:middle;
	padding-top:15px;
}
.checkout_items_left td{
	padding:15px 15px 0 0;
}
#checkout_totals{
	width:100%;
}
#checkout_totals td{
	padding:10px;
	border-bottom:1px solid #ececec;
}

.applyButtCell{
	padding-bottom:10px;
	border-bottom:3px solid #ececec;
}

#slDel{
	width:100%;
}
#col1CloseButton{
	display:none;
}
#invoiceSmall{
	display:none;
}
#sale-graphic-inner-small{
	display:none;
}
.sorting ul li{
	margin-bottom:20px;
}
a.switch_thumb{
	display:none !important;
}
#selectFR500{
	width:65%;
}

.in-stock-star{
  z-index: 500;
  position: absolute;
  bottom: 0;
  right: 0;
}

.yellowHighlight{font-size:1.1em; background-color:yellow; padding:3px;}
.redText{color:red;}

#homeText{
	padding:0 40px;
	width:50%;
	margin-left:25%;
	box-sizing:border-box;
}

.leftButtonImg{
	width:100%;
}

#leftButtons{
	width:25%;
	float:left;
}

#sale-banner{
	width:100%;
	text-align:center;
	font-size:3em;
	color:#3AB9C0;
}

#shareThis{
    margin-top: 15px;
    width: 100%;
    font-size: 1.4em;
    color: black;
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
	text-align:center;
}

#shareThis span{
	position:relative;
	top:7px;
}

#shareThis img{
	height:40px;
}

#snowBox{
	display:none;
}

#magnify{
	position:absolute;
	top:0;
	left:0;
	width:9%;
}

#basket_qty{
	position:absolute;
	color:#4ec4cb;
	top:-10px;
	right:-18px;
}

.basket_qty_loaded{
	background: #ff0000;
	border-radius: 10px;
	width: 23px;
	height: 23px;
	display: inline-grid;
	text-align: center;
	align-content: center;
	color: white !important;
	right: -29px !important;
	top: -13px !important;
}

#quick_basket li{
	list-style: none;
}

#quick_basket{
	width:305px;
	padding:20px;
	background-color:white;
	color:#334862;
	font-size:14px;
	box-sizing:border-box;
	box-shadow:1px 1px 15px rgba(0,0,0,0.15);
	
	position:absolute;
	top:14px;
	right:-30px;
	text-align:left;
	z-index:20;
	text-transform:none;
	font-weight:normal;
}

#quick_basket p{text-align:left;}
	
#basketOuter{
	position:relative; 
	display:inline-block;
	visibility:visible;
}

#keywordOuter{
	position:relative; 
	display:inline-block; 
}

#keyword_search{
	display: inline;
}

#productSearchHeading{
	color:#96A0AD; 
	font-size:2em; 
	padding:15px
}

#catCol2{
	width:80%; 
	margin-left:20%;
}

.showHide{
	color: white;
    background: #4ec4cb;
    padding: 15px;
    cursor: pointer;
	display:inline-block;
	font-size:1.1em;
}

.showHide span{
	font-size:1.3em;
	position:relative;
	top:1px;
}

#qtySpinner{
	height:100%;
	display:inline-block;
	white-space:nowrap;
}

.relProdListings{
	text-align:center;
	margin-top:50px;
	border-top: 1px solid #ececec;
}

.listings ul.relProds li{
	text-align:left;
	max-width:23%;
	font-size:0.7em;
}

.relProdsAdd{
	width:66%;
}

#frCol1{
	position:absolute;
	width:100%;
}

.checkout_thumb img{
	width:80%;
	position:relative;
	top:10%;
}

a.PIN_1441092714333_pin_it_button_en_20_white{
	background-image: url(../images/share-pinterest.png)
}

div.warning ul li{
	display:block;
}

div.warning {
	font-size: 13px;
	padding:10px;
	border:3px solid #ff9900;
	color: #ff9900;
	margin-bottom:15px;
	white-space:normal;
}

div#surchargeWarning {
	position: fixed;
    background: white;
    width: 50%;
    margin: auto;
    left: 0;
    right: 0;
    top: 240px;
    z-index: 10000;
	white-space:normal;
}

div#backShade{
	position:fixed;
	width: 100%;
	height: 100%;
	background: black;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: .4;
}

#frSelect{
	display: inline;
	height: 23px; 
	padding: 2px; 
	width: 198px; 
	margin-left:40px; 
}

.marginTopModifier{
	margin-top:20px !important;
}

#recentlyViewed{
	width:25%;
	float:right;
}

#basket-slide, .mobile-sale{
	display:none;
}

#wrapper4{
	padding-top:7px;
	width:100%;
	margin:auto;
}

.sort-by a:hover{
	text-decoration:underline
}
.sort-by{
	position:relative;
	top:7px;
    text-align: right;
    float: right;
    margin-right: 20px;
    font-size: 0.9em;
    margin-bottom: 20px;
}

#basket-slide{
    position: absolute;
    top: -21px;
    right: -100px;
    background-color: #DD9933;
    display: none;
    width: 100px;
    height: 41px;
    color: white;
    vertical-align: middle;
    padding-top: 13px;
    box-sizing: border-box;
}

.mobile-sale{
    position: absolute;
    top: -21px;
    display: none;
    height: 41px;
    color: white;
    vertical-align: middle;
    padding-top: 13px;
    box-sizing: border-box;
}

#mobile-sale1{
    right: -235px;
    background-color: #DD9933;
    width: 100px;
}

#mobile-sale2{
    left: 238px;
    background-color: orange;
    padding: 13px 15px;
}

#recentlyOuter{
	border:1px solid #666; 
	padding-top:5px; 
	clear:both; 
	font-size:15px; 
	position:relative;
}

#invoice{
	margin:auto;
	margin-top:25px;
}

#invoice .checkout_items td{
	text-align:left;
}

#print-invoice-outer {
	margin:20px;
}
#print-invoice-outer #invoice{
	margin:0;
}

#col1 #recentlyOuter{
	border:0;
}

.sortByEl{
	white-space:nowrap;
	position:relative;
	display:inline-block;
	margin-left:10px;
	margin-bottom:5px;
}

.sortByLabel{
	display:inline-block;
	border:1px solid grey;
	padding:10px;
}

.sortBySelect{
	border: 1px solid #A9B1BC;
	padding:3px;
	display:inline-block;
	z-index:10;
	background:white;
}

.sortByOption a{
}
.sortByOption:hover a{
	color:#4ec4cb;
	text-decoration:none;
}
.sortByOption:hover{
	background:#eeeeee;
}
.sortByOption{
	padding:10px;
}
.sortByLabel{
	color:#4ec4cb;
}

.viewList .prodbuttons .button1{
	float:right;
}
.viewList .prodbuttons .price{
	/*top:18px !important;
	right:185px !important;
	text-align:right !important;
	position:absolute !important;*/
	left:auto !important;
	font-weight:normal;
	font-size:20px !important;
}
.viewList .prodbuttons{
	position:absolute;
	right:0;
	bottom:0;
	width:60%;
}
.viewList .prodDesc{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:170px;
	text-align: left;
    float: left;
    width: 50%;
    font-size: 1.2em;
	display:inline-block;
}
.viewList .title{
	margin-left:10px;
	float:left;
	text-align:left;
	max-width:30% !important;
	margin-top:10px;
}
.viewList .prodForm input{
	width:180px !important;
}
.viewList img.button1{
	width:180px !important;
	float:right !important;
}
.viewList .centreImg{
	float:left;
	width:40%;
}
.viewList{
	max-width:97% !important;
	width:97%;
	border-top: 1px solid lightgrey;
    padding-top: 10px;
}
.viewGrid .prodDesc{
	display:none;
}
.viewList .prodDesc li{
	box-shadow:none;
	display:list-item;
	text-align:left;
	list-style-type:disc;
	max-width:100%;
}

.rangePage .listings .frImageContainer img{width:100%}

.backOrderButtDiv{
	position:relative; 
	height:100%; 
	width:160px;
	display:inline-block;
}

.backOrderHelpButton{
	height:70%; 
	position:absolute; 
	top:13%; 
	right:-6%;
}

.backOrderHelp{
	padding:2%; 
	cursor:pointer; 
	background:white; 
	border:2px solid black; 
	display:none; 
	position:absolute; 
	bottom:-75px; 
	right:-20px; 
	z-index:100;
}

#card-number{border:1px solid gray; padding:7px; height:19px; width:280px;}
#cvv-number{border:1px solid gray; padding:7px; height:19px; width:65px;}
#expiration-date{border:1px solid gray; padding:7px; height:19px; width:65px;}
.saleRoomLi{z-index:3000;display:inline-block;padding: 10px 9px 10px 10px !important;height:14px;color:white}
#saleRoomLi1{background-color:#DD9933;}
#saleRoomLi2{background-color:orange;}
.saleRoomLi:hover{background-color:#4ec4cb !important;}

#nav3Overlay{display:none;top:0;position:fixed;width:100%;height:100%;z-index:2000;background-color:black;opacity:0}
.nav3Tier{display:inline-block;z-index:3000;position:relative;cursor:pointer;}
.nav1{padding:10px;display:inline-block;height:14px;background-color:white;}
.nav1 a{color:black;}
.nav1:hover a,.nav1Active {background-color:#4ec4cb;}
.nav1:hover a,.nav1Active a{color:white;}
.nav3Sub a{color:black !important;}
.nav3Sub:hover a{color:black;}
.nav2Sub{display: none; position: absolute; right: 0; top: 34px; background-color: white; text-align: left; z-index: 3000; width: 135%; left: -21%; border:1px solid #3AB9C0}
.nav3Sub{display:inline-block;width:20%;white-space:normal;font-weight:bold;color:black;box-sizing:border-box;}
.nav3Clear{clear:left;}
.nav3Sub, .nav3Sub div{padding:10px;text-align:left;vertical-align:top;}
.nav3Sub div{font-weight:normal;padding:5px;}
/*.nav3Sub a div:hover{background-color:#2ea4ab;}*/
.nav3Sub a div:hover{text-decoration:underline}
#smoothmenu1{background-color:white;}
.mobMenu{display:none}
.nav2Name{font-weight:bold !important;}
#ulSwitch{display:inline-block;}
.dtopMenu{display:inline-block;}

#catLink{display:block}
#catMobLink{display:none}

#qtySpinner input[type=number]::-webkit-inner-spin-button, 
#qtySpinner input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.mobOnly{display:none}
.show600{display:none}
.show740{display:none}
.show800{display:none}
.show1190{display:none !important;}

.due{background-color:#DD9933; color:white; padding:5px 6px; font-size:10px; font-weight:bold; margin-top:3px; text-align:center;}
.bgColor2{background-color:#3AB9C0}

.reviewsBar {margin:10px 0 10px 0;}
.reviewsBar div{display:inline-block; margin:0 40px; vertical-align:middle; }

.top-line-container{width:100%; height:30px; background-color:#3AB9C0;}
.top-line{color:white; font-size:13px; max-width:1080px; margin:auto;}
.top-line div{position:relative; top:6px; display:inline-block; margin:0 3px;}
.top-line div div{top:0;}
.top-line div div a{color:white;}
.top-line div div a:hover{opacity:0.8;}
.top-line div a:hover{opacity:0.8;}

.inner{max-width:1080px}

#main_site_logo{width:200px; position:relative; top:20px;}
#mob_site_logo{position: absolute; top: -35px; left: 40px; width:200px;}

.three-straplines, .three-straplines-foot {margin-top:20px; color:black;}
.three-straplines p{color:grey; font-size:16px; font-weight:400; padding:10px 20px;}
.three-straplines div{width:33%; display:inline-block; text-align:center; color:black; padding:0 10px; box-sizing:border-box; border-right:1px solid #ECECEC; float:left;}
.three-straplines h3{font-size:20px; font-weight:700; box-sizing:border-box; line-height:30px;}
.three-straplines h3{font-size:20px; font-weight:700; box-sizing:border-box; line-height:30px;}
.three-straplines-foot h3{max-width:80%; margin:auto; font-weight:700;}
.three-straplines div div{border:3px solid #3AB9C0; border-radius:100%; margin:10px; width:55px; height:55px; padding:10px; color:#3ab9c0; min-height:auto; float:none;}
.three-straplines-foot div div.svg-border{border:3px solid #3AB9C0; border-radius:100%; margin:10px auto 0 auto; width:55px; height:55px; padding:10px; color:#3ab9c0; min-height:auto; float:none; box-sizing:border-box}
.three-straplines div svg, .three-straplines-foot div svg{fill:currentcolor; height:30px; width:30px;}
.three-straplines div:hover svg{fill:white; background:currentcolor; height:30px; width:30px;}
.three-straplines div:hover .svg-border{background:currentcolor;}
.homeRow h2{font-weight:bold; font-size:20px; border:2px solid #E5E5E5; color:black; width:fit-content; margin:auto; padding:10px; position:relative; bottom:25px; background:white;}
.homeRow{border-top:2px solid #E5E5E5; margin-top:45px;}

.insta-carousel{height:170px;}
.insta-cell{width:170px; height:170px;}
.insta-cell img{width:170px; height:170px;}
.insta-cell img:hover{width:170px; height:170px; top:0; left:0;}

.carousel-cell{width:25%; text-align:center; margin:0; display:inline-flex; align-items:center;}
.carousel-cell img{transition:all 0.5s; z-index:2; position:relative; width:100%; height:auto; top:0; left:0}
/*.carousel-cell img:hover{width:106%; top:-3%; left:-3%; z-index:1}*/

.carousel-cell-title{position:absolute; top:50%; left:50%; text-align:center; font-size:12px; color:#454545; background-color:#e9e9e9; text-transform:uppercase; transform: translate(-50%, -50%); font-weight:bold; z-index:3; pointer-events: none; padding:8px 16px; opacity:0.95;}
.flickity-prev-next-button.next{right:0 !important;}
.flickity-prev-next-button.previous{left:0 !important;}
.main-carousel .flickity-prev-next-button{height:100% !important; width:35px !important; border-radius:initial !important;}
.flickity-button:disabled{opacity:0 !important;}	
.main-non-carousel{text-align:center; width:100%;}
.non-carousel-cell{width:270px; height:270px; display:inline-block;}
.non-carousel-cell img{width:270px; height:270px;}
.product-carousel-cell{width:100%;}
.product-carousel{display:none;}

.recentOuter{border-bottom:1px solid #dddddd; margin-top:5px; white-space:nowrap;}
.recentLeft{width:25%; display:inline-block; vertical-align:top;}
.recentRight{margin-left:10%; width:65%; float:none; display:inline-block; white-space:normal;}
.recentPrice{font-weight:bold; margin:10px 0; color:black}

.detail_sec .heading h1{font-size:28px; font-weight:bold;text-transform:none;}

.orange-button{width:fit-content; background:#DD9933; color:white; font-weight:bold; padding:10px 20px; transition:background 0.25s; text-align:center}
.orange-button:hover{background:#B17B29}

.classifications{font-size:13px;}
.classifications a{font-weight:bold;}

input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.checkout_qty input{
	height:36px;
	width:22px;
}
.checkoutLeft{
	display:inline-block; 
	margin-top:30px;
	box-sizing:border-box;

	vertical-align:top;
	padding-right:20px;
	max-width:655px;
	white-space:normal;
}
.checkoutRight{
	display:inline-block; 
	margin-top:30px;
	box-sizing:border-box;

	padding-left:20px;
	width:420px;
	border-left:1px solid #ececec;
}
	
h1 a:hover{font-weight:bold; color:black;}
	
#cDetails h5, .checkoutLeft h5, .checkoutRight h5{font-weight:bold; color:black; font-size:18px}	
	
.cust_order .checkoutLeft{border-top:3px solid #dddddd;}
.cust_order .checkoutRight{border:3px solid #3AB9C0;}

.confirm_text{padding-right:15px;}
.confirm_text input, .confirm_text select{padding-left:10px; width:100%; height:30px; box-sizing:border-box;}
.confirm_text textarea{width:100%; height:130px;}
td.confirm_text{padding-top:20px;}

.checkoutRight table td{vertical-align:top;}
.checkoutRight table th{text-align:left; padding: 20px 0 10px 0; border-bottom:3px solid #dddddd}
.checkoutRight table td{padding: 10px 0; border-bottom:1px solid #dddddd}
.checkoutRight table {border-collapse:collapse;}

#checkout-cards{height:22px;}
#checkout-cards img{height:100%;}

#wrapper_sec iframe{position:absolute;}

#searchModalOuter{position:absolute; top:10px; z-index:1000; width:100%}
#searchModal{position:relative; display:none; box-shadow:1px 1px 15px rgba(0,0,0,0.15); margin:auto; padding:20px 30px 20px 20px; background:white; width:fit-content;}
#searchModal input, #searchModal select{height:38px; padding:10px; box-sizing:border-box; border:1px solid grey; vertical-align:text-top; border: 1px solid #ddd; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}
#searchModal img{opacity:.3;}

#basketImg{height:32px; top:-22px; right:-30px; position:absolute;}

.instaOverlay{
	position: absolute;
    top: 170px;
    left: 0;
    width: 170px;
    height: 170px;
    z-index: 1111111111;
    color: white;
    text-align: left;
	font-size:15px;
}

.instaOverlayInner{
    background: black;
    opacity: 0.5;
	width:100%;
	height:100%;
}

.instaOverlayText{
	position:absolute;
	top:0;
	width:170px;
	height:170px;
	overflow:scroll;
}
	
.homeRow ul li{
	width:25%;
	font-size:1em !important;
	padding:10px;
	box-sizing:border-box;
}
.homeRow ul .title{
	font-size:15px !important;
	font-weight:normal !important;
	padding:0 !important;
}
.homeRow ul .price{
	font-size:15px !important;
}


.complete_label{font-weight:bold; padding-top:20px;}
.complete_total{font-weight:bold; text-align:right; color:black;}
.complete_text{font-weight:bold; padding:20px 0 0 10px; color:black;}

#tiles{width:1080px; margin:auto; max-width:100%;}
.tiles-blue-bg{background:#3AB9C0;}
#tiles div{position:relative; height:597px; overflow:hidden; display:inline-block; vertical-align:top; margin-right:2%;}
#tiles div img{position:absolute; left:0; height:100%;}
.tile-overlay{height:100%; width:100%; background:black; opacity:0.15; position:absolute !important; top:0; left:0;}
.tile-overlay:hover{opacity:0.1;}
.tile-text{color:white; width:100%; text-align:center;}
.tile-text div{display:block !important; height:auto !important; margin:auto !important; white-space:normal; line-height:1em;}
.tile-text a{position:relative; top:20px !important;}
.blog-butt{color:white; background-color:#3AB9C0; padding:10px 20px; width:max-content; font-weight:bold; font-size:12px; }
.blog-butt:hover{background-color:#2E949A;}

#get-the-look div{
	position:relative;
	width:240px;
	height:570px;
	display:inline-flex;
	align-items:center;
	overflow:hidden;
	margin-right:36px;
}

#get-the-look div img{
	height:100%;
	width:auto;
	position:relative;
	right:50%;
}

.gtl-text{
	position:absolute !important;
	color:white;
	text-transform:uppercase;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	font-size:30px;
	font-weight:bold;
	text-align:center;
	width:100%;
	top:0;
	left:0;
	transition:all .25s;
}

.product-carousel-cell .gtl-text{height:100%; display:inline-flex; align-items:center; width:80% !important; margin:0 10%; box-sizing:border-box;}
.gtl-text:hover{top:-20px;}

#editorial p {font-size:16px; margin:20px 0; line-height:25px;}
.editorial-pic{text-align:center}
.editorial-pic img{max-width:100%;}
#editorial a {font-weight:bold;}
#editorial a:hover{text-decoration:underline;}

.original_price{text-decoration:line-through;}

#mobGetTheLook{display:none;}
.ribbon2Man{width:330px; background-color:#3AB9C0; margin: auto; box-sizing: border-box; color: white; font-weight: bold; padding: 10px 20px; text-align: center;}
.strapline{height:auto; padding:6px; box-sizing:border-box; background-color:white; border-top:1px solid #E3E5E9}
.strapline div{top:0; color:#DD9933; font-weight:bold;}

#swipe-cats{
  /* allow for scrolling */ overflow-x: auto;
  /* make it smooth on iOS */ -webkit-overflow-scrolling: touch;
  white-space:nowrap;
}
#swipe-cats a{display:inline-block}
#swipe-cats a div{margin-right:5px; background:#4EC4CB; color:white; border-radius:4px; padding:7px; flex-shrink: 0;}

#deptCats{text-align:center; background:#E3E5E9;}
#deptCats a{text-align:left; width:31%; background-color:white !important; margin:1%; border-radius:6px; padding:7px; display:inline-flex; box-sizing:border-box; position:relative; bottom:15px;}
#deptCats .swipeCat{background-color:white !important;}

.zoomContainer{pointer-events:none;}

.classifications a div{color:white; background: #DD9933; padding:5px; text-transform:uppercase; text-align:center; max-width:330px; margin:auto; margin-bottom:5px;}
.classifications a div:hover{background: #B17B29;}

.lazy{left:0 !important;}

#social-links img{height:35px;}

#mastheadBottom{border-bottom:1px solid #eeeeee}

.payment-icon{width:48px;}

/*media queries*/
@media only screen and (max-width : 1290px) {
	.butt{
		float:right;
		clear:right;
	}
}
	
@media only screen and (max-width : 1190px) {
	.nav3Tier{top:-81px;}
	#mob-search-button{max-width:25px; left:10px; position:relative}
	.hide1190{display:none;}
	.show1190{display:block !important;}
	#mob-search{display:inline-flex !important}
	#smoothmenu1{width:280px; display:contents;}
	
	.prod_detail{margin-top:35px;}
	.strapline{position:relative; top:40px}
	#sale-div{top:40px;}
	#mastheadBottom{border:0 !important;}
	.nav1:hover a,.nav1Active a{color:black;}
	#searchModalOuter{width:100%; position:absolute; top:80px;}
	#basketImg{position:relative; right:6px; top:-17px;}
	#basket_qty{top:-5px; right:18px;}
	.basket_qty_loaded{
		right: 7px !important;
		top: -8px !important;
	}
	.navigation{top:45px; margin-top:0 !important;}
	.mobOnly{display:inline-block}
	.nav1:hover a,.nav1Active {background-color:transparent}
	.dtopMenu{display:none !important;}
	.mobMenu{display:block;}
	.nav3Sub{float:none;width:100%;padding:0;cursor:auto;}
	.nav3Sub div{padding:10px 15px;}
	.nav2Sub{position:relative;left:0;top:-15px;width:100%;}
	#smoothmenu1{text-align:left;}
	#basketOuter{text-align:center;z-index:5000;position:relative;}
	.nav3Tier{width:100%; background-color:white;}
	.nav1{color:black; width:100%; box-sizing:border-box; height:35px;}
	.nav1 a{font-size:15px; position:relative; bottom:14px; padding:10px 0;}
	.nav3Sub a{font-size:15px;}
	.ddsmoothmenu{z-index:3500 !important;}
	.nav3Name{padding-left:30px !important;}
	.nav2Name{margin-top:20px;}
	#ulSwitch{display:none !important;}
	
	#sale-banner{
		font-size:2em;
	}
	#countdown-holder{
		font-size:19px;
		top:6px;
		width:110px;
	}
	#timer-labels{
		font-size:14px;
		top:-5px;
	}
	.checkoutCol2{
		width:90%;
		margin-left:5%;
	}

	.listings ul.relProds li{
		font-size:0.6em;
	}

	#freeDelVan img{
		width:141px;
	}
	#freeDelVan{
		position:relative;
	}
	.viewGrid .listings ul li{
		font-size:0.7em;
	}

	#basket-slide, .mobile-sale{
		display:block;
	}

	.saleRoomLi{
		display:none;
	}
	
	.listings ul.relProds li .prodbuttons p.price{
		float:none;
		width:initial;
		top:-8px;
	}

	.listings ul.relProds li{
		font-size:0.6em;
	}
	.detail_sec{
		width:46%;
	}
	.listings ul li{
		max-width:48%;
	}
	.col1{
		width:25%;
	}
	#catCol2{
		margin-left:28%;
		width:70%;
	}
	.frListings{
		margin-left:28%;
		width:70%;
	}
	#smoothmenu1{
		top:1px !important;
	}
	.ddsmoothmenu{
		position:absolute !important;
		top:-40px;
	}
	#searchbar{
		margin-top:40px;
	}
	
	#quick_basket{
		top:30px;
		left:-250px; 
		right:auto;
	}
	
	#basketOuter{
		position: absolute;
		top: -20px;
		right: 45px;
	}
	.relProdsAdd{
		width:100%;
	}
	.listings ul.relProds li .prodbuttons img{
		width:100%;
	}
	#content_sec{padding:0 20px; box-sizing:border-box; padding-top:35px;}
	
	div.frBlurb div.listings ul li.byElement div a.colr{position:relative;}
	div.frBlurb div.listings ul li.byElement div{min-height:auto;}
	.byElement{width:30%; margin-bottom:20px !important;}
}

@media only screen and (max-width : 1080px) {
	.checkoutLeft{display:block; width:100%}
	.checkoutRight{display:block; width:100%; margin-left:0 !important;}
	.checkoutCol2{white-space:normal !important;}
	#mainInner{padding:2%}
	#get-the-look div{
		width:23%;
		margin-right:2%;
		font-size:20px;
	}
	.gtl-text{width:100% !important;}
	
/*	#get-the-look div{
		height:400px;
		margin-bottom:2%;
	}
	#get-the-lookq2{margin-right:0 !important;}
	#get-the-look-img4{width:100% !important; height:auto !important;}
	#get-the-look div img{
		height:100%;
		width:auto;
		position:relative;
		right:auto !important;
		position:absolute !important;
	}*/
}

@media only screen and (max-width : 950px) {
		.hide950{display:none !important;}
		.carousel-cell{width:33%;}
}

@media only screen and (max-width : 840px) {
	#tiles{display:none;}
	#tiles-mob{display:block !important; padding-bottom:20px;}
	.tile-mob{margin-top:20px !important;}
	#tiles-mob div img{width:100%;}
	.tile-text{position:absolute; top:50%; right:0; bottom:0; left:0; margin:auto; display:inline-table; margin-top:-95px;}
	.tile-text-short{margin-top:-55px;}
	
	#searchModal input, #searchModal select{width:100%; margin-bottom:10px;}
	.reviewsBar div{float:none !important; width:100% !important; text-align:center; display:block; margin:10px 0 10px 0;}
	
	.col2{
		width:80%;
		margin:0 10%;
	}
	#searchproducts{
		position:relative;
		left:5px;
	}
	
	#keyword_search{
		width: 100% !important;
	}
	
	#keywordOuter{
		display:block;
	}
	
	.nav_table{
		text-align:left
	}
	.nav_table select, .nav_table input {
		display:block; 
		width:90% !important;
		margin-bottom:5px;
	}
	#frSelect{
		margin-left:0; 
	}
	#productSearchHeading{
		padding:5px
	}
}

@media only screen and (max-width : 800px) {

	.hide800{display:none;}
	.show800{display:block;}
	
	.spindleText{
		font-size:1.3em;
		top:40px;
	}
	.spindleTextLarge{
		font-size:1.7em;
		top:10px;
	}
	.spindleButton{
		top:auto;
		bottom:10px;
	}
	.spindleButtonInner{
		padding:12px;
		font-size:0.7em;
	}
	
	#footer{
		width:100%;
		margin-left:0;
	}
	#homeText{
		width:66%;
		margin-left:33%;
	}
	#leftButtons{
		width:33%;
	}
	#homeMain .listings ul li {
		width: 33%;
    }
	#footer .footlinks ul li a{
		color:white;
	}
	#footer .footlinks ul li {
		background:#4EC4CB;
		padding:10px;
		margin:5px;
		border:0;
		vertical-align:text-top;
		font-size:1em;
	}
	
}

@media only screen and (max-width : 740px) {
	
	.hide740{display:none;}
	.show740{display:block;}	
	
	#mobGetTheLook{display:block;}
	#mobGetTheLook a{width:100%;}
	#mobGetTheLook img{width:100%;}
	.product-carousel{display:block;}
	#mobGetTheLook .product-carousel{display:block; overflow:hidden;}
	#mobGetTheLook .product-carousel-cell{display:inline-flex; align-items:center;}
	.desktop-images{display:none !important;}
	#catLink{display:none}
	#catMobLink{display:block}
	
	.map{width:100%;margin-top:20px}
	.contactsec {width:100%;}
	
	.butt{
		float:left;
		clear:none;
	}
	
	#sale-banner{
		font-size:1.5em;
	}
	

	#frCol1{
		position:relative;
		width:100%;
	}
	.listings ul.relProds li{
		max-width:47%;
	}
	.relProdsAdd{
		width:66%;
	}
	.listings ul.relProds li .prodbuttons img{
		width:66%;
	}
	.gallery_sec{
		width:100%;
	}
	
	.detail_sec{
		width:100%;
		margin:0;
	}

	#freeDelVan{
		position:absolute;
	}
	
	#freeDelVan img{
		width:50%;
	}
}

@media only screen and (max-width : 700px) {


	#col1 #recentlyOuter{
		border-left:0;
		border-right:0;
		border-bottom:0;
	}

	#sale-banner{
		font-size:1.4em;
	}
	
	.col1{
		display:none;
		position:absolute;
		z-index:20;
		background:white;
		border:1px solid grey;
		width:50%;
	}
	#catCol2{
		margin-left:0;
		width:100%;
	}
	.frListings{
		margin-left:0;
		width:100%;
	}
	.listings ul li .prodbuttons p.price{
	}

	#openCloseSidebar{
		display:inline-flex;
	}
}

@media only screen and (max-width : 650px) {
	#deptCats a{width:48%;}
	.carousel-cell{width:50%;}
	#proc_order_pes_tag{right:auto;}
	#paypal-button{right:0;margin-bottom:20px;}
	#recentlyOuter{
		border:0;
	}

	div.confirm_conditions_half{
		width:100%;
	}
	
	div.confirm_conditions_quarter{
		width:45%;
		float:left;
		margin-right:5%;
		margin-bottom:20px;
	}

	.leftButtonImg{
		width:50%;
		float:left;
	}
	#leftButtons{
		width:100%;
		float:none;
	}
	#homeText{
		width:100%;
		margin:0;
	}
	#invoice{
		display:none;
	}

	#print-invoice-outer #invoice{
		display:block;
	}
	
	#invoiceSmall{
		display:block;
	}
}

@media only screen and (max-width : 600px) {
	
	.hide600{display:none;}
	.show600{display:block;}

	#get-the-look div img{width:100%; height:auto;}
	#get-the-look div{width:100%;}
	#get-the-look div div{
		width:80%;
		margin:0 10%;
	}
		

	.three-straplines div{
		width:100%;
		border:0;
	}
	
	#freeDelVan img{
		float:none;
	}
	#freeDelVan{
		position:relative;
	}
	.butt{
		float:right;
		clear:right;
	}
}

@media only screen and (max-width : 500px) {
	.contactus{margin-left:10px;}
	.viewList .title{
		max-width:none !important;
		min-height:initial !important;
		padding:0 !important;
	}
	.viewList .prodDesc{
		width:95%;
	}
	.viewList .prodbuttons{
		width:95%;
	}
	
	#sale-banner{
		font-size:1.3em;
	}
	.relProdsAdd{
		width:100%;
	}
	.listings ul.relProds li .prodbuttons img{
		width:100%;
	}
	#homeMain .listings ul li {
		width: 50%;
    }
	.listings ul li{
		font-size:0.58em;
	}
	.badges{
		max-width:60%;
	}
	.bw-butt{
		width:initial;
	}
	.listings ul li{
		max-width:99%;
		font-size:0.8em;
	}
	.viewList .centreImg{
		float:none;
	}
	.checkout_items{
		float:none;
	}
	.col2{
		margin:0;
		width:100%;
	}
	
}