html,body 				{margin: 0; padding: 0; height: 100%; overflow: hidden; /* Hide scrollbars */}
body,td,th				{font-family: Verdana, Arial, Helvetica, sans-serif; }
p						{color: #666666; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-left: 2px; margin-right: 2px; font-size: 11px; }
form 					{margin: 0; padding: 0; height: 100%; }
#maintable				{height: 100%; }

/* remove image border on all images */
img 					{border: 0; }
/* table fix to show any empty cells */
table					{empty-cells: show; }


/* standard link css */
A:link					{text-decoration: none; color: #666666; }
A:visited				{text-decoration: none; color: #666666; }
A:hover					{text-decoration: underline; color: #666666; }

td.bannergap			{background-image: url(banner_bg.jpg); }
ul.servicelist			{padding-top: 3px; }
li.servicelist			{padding-top: 3px; padding-bottom: 3px; font-size: 12px; list-style-position: inside;  }

.bottomlinks			{font-size: 11px; }
.copyrightnotice		{font-size: 11px; font-weight: bold; }
.regnumber				{font-size: 11px; }
.vatnumber				{font-size: 11px; }

td.botimgsurround		{background-image: url(bot_img_surround_sli.jpg); }
td.rgtimgsurround		{background-image: url(rgt_img_surround_sli.jpg); }

.fadeimage img			{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2; }
.fadeimage:hover img	{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }

td.titlebg				{background-image: url(title_sli.jpg); }
td.titletext			{font-size: 11px; font-weight: bold; color: #FFFFFF; padding-left: 10px; }
h1						{padding: 0; margin: 0; }
h1.customtitletext		{font-size: 11px; font-weight: bold; color: #FFFFFF; /*padding-left: 10px;*/ }



#fullbgfade {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(overlay.png);
	z-index: 10000;
}


#fullbgfade .websitemoved {
	width: 400px; /*384px*/
	height: 250px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -125px 0 0 -200px;
	padding: 10px;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #800000;
	box-shadow: 10px -10px #CCC;
	z-index: 10001;
}




#frontofferinfoholder {
	width: 97%;
	height: 150px;
	border: 1px solid #e3e1d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 0px;
	overflow: hidden;
}

#frontshopinfoholder {
	width: 100%;
	height: 150px;
	border: 1px solid #e3e1d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 0px;
	background: url(front-shop-soon-bg.jpg) center center no-repeat;
	overflow: hidden;
}


#authfittercontainer	{width: 100%; /*border: 1px solid #ccc; */overflow: hidden; }
#authfitterholder		{width: 340px; overflow: hidden;/* margin-left: 125px;*/ margin-left: auto; margin-right: auto; }
#authfitter1			{width: 100px; height: 80px; background-color: #ccc; float: left; margin: 5px; background-image: url(bandq_logo.jpg); }
#authfitter2			{width: 100px; height: 80px; background-color: #666; float: left; margin: 5px; background-image: url(jeld_wen_logo.jpg); }
#authfitter3			{width: 100px; height: 80px; background-color: #999; float: left; margin: 5px; background-image: url(topps_tiles_logo.jpg); }


ul.column{
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: inside; 
	margin-left: auto; margin-right: auto;
	
}
ul.column li {
	float: left;
	width: 200px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	/*height: 190px;  Took 1% off of the width to prevent IE6 bug*/
	display: inline;
}
.block {
	/*height: 355px;*/
	font-size: 1em;
	margin-right: 5px; /*Creates the 10px gap between each column*/
	padding: 5px;
	background: #e3e1d5;
}
.block h2 {
	font-size: 1.8em;
}
.block img {
        /*Flexible image size with border*/
	width: 95%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 2%;
	background:#fff;
	margin: 0 auto;
	display: block;
	height: 170px;  /*Took 1% off of the width to prevent IE6 bug*/
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}

.miniblockholder {
	margin-right: 5px;
	padding: 5px;
	padding-top: 0px;
	background: #e3e1d5;
}
.miniblock {
	/*height: 355px;
	font-size: 1em;
	padding: 5px;
	background: #e3e1d5;*/
}
.miniblock img.miniblockimg {
        /*Flexible image size with border*/
	width: 21%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 2%;
	background:#fff;
	float: left;
	/*margin: 0 auto;
	display: block;
	height: 170px;  Took 1% off of the width to prevent IE6 bug*/
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}


.offertblsep {
width: 95%;
height: 1px;
margin: 3px auto;
	border-top: 1px solid #e3e1d5;
}

td.offertblseperator {
	background: url(offers-sep-sli.jpg) repeat-x;
}

.offerholder h2 {
	margin: 0;
	padding: 3px;
	font-size: 1.2em;
}
.offerdealholder {
	width: 200px;
	border-left: 1px solid #E8E8E8;
	margin: 5px;
	margin-left: 10px;
	float: right;
	text-align: center;
	overflow: hidden;
}

.offermultitabholder {
}

.offermultitabholder a {
	/*display: block;*/
	width: 98px;
	text-align: center;
	color: #666666;
	font-size: 11px;
	float: left;
	text-decoration: none;
	padding-bottom: 10px;
	background: #ccc url(spacer.gif) center bottom no-repeat;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #E8E8E8;
}

.offermultitabholder a.selected {
	font-weight: bold;
	background: #fff url(offer-tab-selected.jpg) center bottom no-repeat;
	border-bottom: 0px;
}

.offerorderform {

}
.offerorderform p {
	margin: 5px 0px;
}

.offercharttbl {
	margin-top: 10px;
	float: left;
}

.offercharttblmargin {
	margin-right: 50px;
}

.offercharttbl td {
	text-align: center;
	font-size: 12px;
	padding: 2px;
	color: #666;
}


.offeraboveprice {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	padding: 3px;
	/*margin-bottom: 5px;*/
}

.offerprice {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	padding: 3px;
	margin: 2px 0px;
}

.offerbelowprice {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	padding: 3px;
	margin-bottom: 5px;
}

.offersmallprint {
	font-size: 10px;
	font-weight: bold;
	color: #999;
	padding: 3px;
	margin: 5px 0px;
}

td.offercharttbldark {
	background: #ccc;
}

td.offercharttbllight {
	background: #E8E8E8;
}

.offernotetext {
	font-size: 10px;
	font-weight: bold;
	color: #666;
	padding: 3px;
	margin: 10px 0px;
}

.offertblend {
width: 95%;
height: 1px;
margin: 5px auto;
}


.frontimagelinktext {font-size: 12px; color: #ccc; }

ul.frontbullets {font-size: 12px; margin: 5px; }


#contactuscontainer		{background-color: #FFFFFF; height: 100%; width: 100%; }
table.contactustable	{}
td.contactustitleheader	{font-size: 11px; font-weight: bold; }
td.contactusinfotext	{font-size: 11px; }
.contactustextfield		{width: 98%; font-size: 12px; border: solid 1px #aacfe4; }
#country {display: none; }
.contactusenquirynote	{font-size: 10px; font-weight: normal; }
.contactustextarea		{width: 98%; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #aacfe4; }
.contactusselectfield	{font-size: 12px; border: solid 1px #aacfe4; }
.contactustextfielderror{width: 98%; font-size: 12px; border: solid 1px #aacfe4; background-color: #D1CFCD; }
.contactustextareaerror	{width: 98%; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #aacfe4; background-color: #D1CFCD; }


#heretohelpcontainer	{background-color: #FFFFFF; height: 100%; width: 100%; }
table.heretohelptable	{}
td.heretohelptitleheader{font-size: 11px; font-weight: bold; }
td.heretohelpinfotext	{font-size: 11px; }


td.pagingnavbar			{border: solid 0px; border-color: #010199; background-color: #E6E6E6; }
td.pagingcountboxed		{background-color: #ffffff; border: 1px solid #FFF0E5; padding: 1px 3px 1px 3px; color: #333333; font-size: 11px; }
td.pagingcurrentboxed	{background-color: #cccccc; border: 1px solid #FFF0E5; padding: 1px 3px 1px 3px; color: #333333; font-size: 11px; }
td.paginglinkboxed		{background-color: #FFF0E5;	border: 1px solid #FFF0E5; padding: 1px 3px 1px 3px; color: #333333; font-size: 11px; }
A:link.paging			{text-decoration: underline; color: #333333; }
A:visited.paging		{text-decoration: underline; color: #333333; }
A:hover.paging			{text-decoration: underline; color: #333333; }

img.thumbnail			{padding: 3px; border: 1px solid #cccccc; }




/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


/*
 * Swiper 2.7.5
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: January 4, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
	text-align: center;
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}


.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}