/*
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Slab', serif;
*/



@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Roboto+Slab:wght@300;400;500&family=Roboto:wght@300;400;500;700&display=swap');



*{
	margin: 0px;
	padding: 0px;
}

.trustatrade{float: left; background-color: #fff; width: 1200px; padding-top: 50px; margin-bottom: 30px;}
.trustatrade iframe { float: left; width: 1000px; height: 480px; border: 0; }


img{
	border:0px;
	}
	
a{-webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none; text-decoration: none; }

ul{ padding: 0px; margin: 0px; list-style: none; }
	
/*The reason for this is to prevent "centering jumps" when navigating back and forth between 
pages with enough content to have a vertical scroll bar and pages that do not.*/

html {
overflow-y: scroll;
}
/*centering jump ends*/


html {  -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke:1px transparent; }


/*content wrapper for fade effect starts*/
#content-wrapper{
display:none;	
}
/*content wrapper for fade effect ends*/




body{
	margin: 0; padding: 0px; text-align: center; font-family: 'Roboto', sans-serif; background-color: #DFDFDF; -webkit-text-size-adjust: 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	text-rendering: optimizeLegibility;
	background-image: url(../imgs/master_bkg.jpg);
	}



	
/*Master Container Starts*/
#master_container{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: left;/*this overrights  ie5 text align box model error*/
	-webkit-font-smoothing: subpixel-antialiased;
	text-rendering: geometricPrecision;
	}
	/*Master Container Ends*/



/*Top Nav Stuff Starts*/
.top-nav{ width: 1100px; float: left; padding: 20px 50px; background-color: #c9f5ff;}
.top-nav ul{ margin: 0px; padding: 0px; float: left;}
.top-nav li{ display: inline; margin: 0px 26px}
.top-nav li a{ font-size: 16px; color: #5DC8D8; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.top-nav li a:hover{ color: #363637;}
.top-nav li a#top-nav{ color: #5A1B83;}
/*Top Nav Stuff Ends*/


/*Banner Content Starts*/
.banner{float: left; width: 1165px; padding: 0px 30px 0px 5px; background: #fff;}

.master-logo{float: left; width: 480px; height: 204px;}

/*--------------------------------------------------------------------------------*/


/*Telephone Content Starts*/
.telsh{float: right; width: 254px; margin: 35px 80px 20px 20px;}
.telh{float: left; width: 254px; margin-bottom: 15px;}
.telhl{float: left; width: 60px; margin-right: 10px;}
.telhr{float: right; width: 184px;}
.gtel{font-family: 'Montserrat', sans-serif; font-weight: 500; color: #61BEB6; font-size: 22px; display: block; margin-bottom: 5px;}
.graytel{font-family: 'Montserrat', sans-serif; font-weight: 400; color: #61BEB6; font-size: 24px; display: block; margin-bottom: 5px;}
.graytel a{font-family: 'Montserrat', sans-serif; font-weight: 400; color: #61BEB6; font-size: 24px; display: block; margin-bottom: 5px;}
/*Telephone Content Ends*/

/*--------------------------------------------------------------------------------*/


/*Calls To Actions Starts*/
.calltoactions{ width: 300px; float: right; margin-top: 35px;}

.fbut2 a, .fbut3 a, .fbut4 a{ width: 260px; display: block; margin-bottom: 8px; padding: 10px 20px; border-radius: 20px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 17px; line-height: 24px; color: #363637; background-image: url(../imgs/icons/cta-arrow.png); background-repeat: no-repeat; background-position: 95% 50%;}

.fbut2 a{ background-color: #61BEB6;}
.fbut2 a:hover{ background-color: rgba(174, 222, 216, 0.5);}
.fbut3 a{background-color: #92EBFE;}
.fbut3 a:hover{ background-color: rgba(174, 222, 216, 0.5); color: #000;}
.fbut4 a{background-color: #CEE86D;}
.fbut4 a:hover{ background-color: rgba(174, 222, 216, 0.5); color: #000;}

/*Calls To Actions Ends*/



/*Banner Content Ends*/


/*--------------------------------------------------------------------------------*/

/*SHORTHAND WIDTH 1200px AND MARGIN-BOTTOM 30px FLOAT LEFT, STARTS HERE*/

.hpib-holder, .our-guarantee-section, .accreditations, .trustatrade iframe, .testhp, .hpareasc{float: left; width: 1200px;}
.accreditations{float: left; width: 1200px; margin-bottom: 30px;}

/*--------------------------------------------------------------------------------*/


/*rotator Content Starts*/
.rotator{float: left; width: 1200px; height: 542px; background-color: #F3F3F3;}
/*rotator Content Ends*/

/*--------------------------------------------------------------------------------*/

/*Titles Start Here*/	
.headers{ float: left; width: 1100px; padding: 20px 50px; background-color: #F3F3E8; }
.headers h1{ font-family: 'Montserrat', sans-serif; font-size: 20px; margin-bottom: 5px; color: #61BEB6; font-weight: 700;}
.headers h2{ font-family: 'Montserrat', sans-serif; font-size: 16px; color: #61BEB6; font-weight: 600;}
/*Titles End Here*/	


/*--------------------------------------------------------------------------------*/
/*MAIN CONTENT STARTS HERE*/

/*Main Content Holder Starts Here*/
.main-content{float: left; width: 1100px; padding: 80px 50px 0px 50px; background-color: #fff;}
#blog{padding-top: 50px;}
#white-block{background-color: rgba(255, 255, 255, .8);}

/*Main Content Strips Starts Here*/
.strips{float: left; width: 1100px; margin-bottom: 100px;}
.sleft{float: left; width: 530px;}
.sright{float: right; width: 530px;}

.sleft img, .sright img{border-radius: 12px;}


.strips h3{font-family: 'Roboto', sans-serif; font-size: 50px; line-height: 55px; font-weight: 200;  display: block; margin-bottom: 30px; background: linear-gradient(123deg, #61BEB6 9.28%, #91C846 50.81%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.strips h4{font-family: 'Roboto', sans-serif; font-size: 35px; line-height: 42px; font-weight: 300;  color: #91C846;  display: block; margin-bottom: 20px;}
.strips h5{font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 27px; font-weight: 400;  color: #91C846;  display: block; margin-bottom: 10px;}
.strips h6{font-family: 'Roboto Slab', serif; font-size: 16px; line-height: 23px; font-weight: 500;  color: #91C846;  display: block; margin-bottom: 10px;}
.middle-sub{font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 27px; font-weight: 400;  color: #91C846; display: block; margin-bottom: 30px;}
.strips-sub{font-family: 'Roboto', sans-serif; font-size: 25px; line-height: 33px; font-weight: 200; color: rgba(0, 0, 0, 0.6);  display: block; margin-bottom: 20px;}
.strips p{font-family: 'Roboto Slab', serif; font-size: 14px; line-height: 22px; font-weight: 300;  color: #575757;  display: block; margin-bottom: 20px;}

.strips h6 a, .strips h5 a, .strips h4 a, .strips p a, .strips-sub a, .strap-line a, .strips li a{color: #91C846; text-decoration: underline;}

.greenp{font-family: 'Roboto Slab', serif; font-size: 14px; line-height: 22px; font-weight: 400;  color: #91C846;}

.note{font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 25px; font-weight: 300; color: #000;  display: block; margin-bottom: 20px;}
.strap-line{font-family: 'Roboto', sans-serif; font-size: 22px; line-height: 31px; font-weight: 400; color: #59BAAD;}
.imgpush{float: left; margin-bottom: 40px; box-shadow: 0 8px 8px -6px #999;}
.vidpush{float: left; margin-bottom: 40px; width:100%; height:315px;}
.spacer{float:left; width: 100%; height: 15px; display: block;}
.strips ul{ display: block; margin-bottom: 30px;}
.strips li{display: block; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 25px; font-weight: 200; color: rgba(0, 0, 0, 0.6); margin-bottom: 10px;}
.strips hr{ display: block; height: 1px; border-top: 1px solid #edefe8; margin: 1.8em 0; padding: 0; border-bottom: 0; border-right: 0; border-left: 0;}
#push-top{padding-top: 146px}
.accreds-img{float: left; margin-bottom: 40px; width: 100%; display: block;}
.url{font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 26px; font-weight: 500; color: #59BAAD;}

.latest-news-title{font-family: 'Roboto', sans-serif; font-size: 25px; line-height: 27px; font-weight: 400;  color: #61BEB6;  display: block; margin-bottom: 15px;}

.latest-news-nav li a{font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; font-weight: 400;  color: #575757;  display: block; margin-bottom: 6px; padding-bottom: 6px; border-bottom: dashed 1px #edefe8;}
.latest-news-nav li a:hover{color: #61BEB6;}


/*MEET THE TEAM STARTS*/
.mtteam-title{float: left; width: 1100px; text-align: center; margin-bottom: 20px;}
.mtt-strip{float: left; width: 1100px; margin-bottom: 30px;}
.mtt-imgl{float: left; width: 346px; height: 346px; margin-right: 30px;}
.mtt-imgr{float: left; width: 346px; height: 346px;}
.radius{border-radius: 50%;}
.mtt-copyl{float: left; width: 346px; margin-right: 30px;}
.mtt-copyr{float: left; width: 346px;}
.mtt-strip h3{font-family: 'Roboto', sans-serif; font-size: 45px; line-height: 53px; font-weight: 300;  color: #91C846;  display: block; margin-bottom: 30px;}
/*MEET THE TEAM ENDS*/



/*LANDING PAGE CONTENT STARTS HERE*/
.lpt{float: left; width: 1000px; padding: 30px 50px; text-align: center; margin-bottom: 20px;}
.lpt h4{font-family: 'Roboto', sans-serif; font-weight: 300; color: #91C846; font-size: 48px; line-height: 55px;}
.lpth{float: left; width: 1100px; margin-top: 20px;}
.lptleft{float: left; width: 520px;}
.lptright{float: right; width: 520px;}

.lpth li a{color: #46736F; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; display: block; margin-bottom: 15px; border-bottom: 1px solid #DBDBDB; background-image: url("../imgs/icons/lpth-arrow.png"); background-repeat: no-repeat; background-position: 98% 20%; padding: 0px 20px 15px 20px;}
.lpth li a:hover{ opacity: 0.5;}
.lpth li a#current{ color: #91C846; background-image: url("../imgs/icons/lpthw-arrow.png"); background-repeat: no-repeat; background-position: 98% 20%;}
/*LANDING PAGE CONTENT ENDS HERE*/




/*MAIN CONTENT CTA BUTTONS START*/
.mc-cta-box{float: left; width: 100%;  display: block; margin-top: 50px;}

.mc-cta-green a{ width: 450px; display: block; margin-bottom: 15px; padding: 15px 25px; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; color: #46736F; background-image: url(../imgs/icons/cta-arrow.png); background-repeat: no-repeat; background-position: 95% 50%;}
.mc-cta-green a{ background-color: #CEE86D;}
.mc-cta-green a:hover{ opacity: 50%;}


.mc-cta-blue a{ width: 450px; display: block; margin-bottom: 15px; padding: 15px 25px; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; color: #46736F; background-image: url(../imgs/icons/cta-arrow.png); background-repeat: no-repeat; background-position: 95% 50%;}
.mc-cta-blue a{ background-color: #92EAFE;}
.mc-cta-blue a:hover{ opacity: 50%;}


.mc-cta-symphony a{ width: 450px; display: block; margin-bottom: 15px; padding: 15px 25px; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; color: #fff; background-image: url("../imgs/icons/cta-arrow-white.png"); background-repeat: no-repeat; background-position: 95% 50%;}
.mc-cta-symphony a{ background-color: #b1989b;}
.mc-cta-symphony a:hover{ opacity: 50%;}


.mc-cta-harmony a{ width: 450px; display: block; margin-bottom: 15px; padding: 15px 25px; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; color: #fff; background-image: url("../imgs/icons/cta-arrow-white.png"); background-repeat: no-repeat; background-position: 95% 50%;}
.mc-cta-harmony a{ background-color: #9ca6b2;}
.mc-cta-harmony a:hover{ opacity: 50%;}


.mc-cta-melody a{ width: 450px; display: block; margin-bottom: 15px; padding: 15px 25px; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; color: #fff; background-image: url("../imgs/icons/cta-arrow-white.png"); background-repeat: no-repeat; background-position: 95% 50%;}
.mc-cta-melody a{ background-color: #a2aea0;}
.mc-cta-melody a:hover{ opacity: 50%;}

.mc-cta-supalite a{ width: 450px; display: block; margin-bottom: 15px; padding: 15px 25px; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; color: #fff; background-image: url("../imgs/icons/cta-arrow-white.png"); background-repeat: no-repeat; background-position: 95% 50%;}
.mc-cta-supalite a{ background-color: #f08700;}
.mc-cta-supalite a:hover{ opacity: 50%;}


.mc-cta-supalitecs a{ width: 450px; display: block; margin-bottom: 15px; padding: 15px 25px; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; color: #fff; background-image: url("../imgs/icons/cta-arrow-white.png"); background-repeat: no-repeat; background-position: 95% 50%;}
.mc-cta-supalitecs a{ background-color: #61BEB6;;}
.mc-cta-supalitecs a:hover{ opacity: 50%;}

/*MAIN CONTENT CTA BUTTONS END*/



/*TESTIMONIALS INSIDE PAGE SECTION STARTS HERE*/
.testth{float: left; width: 1100px; text-align: left;}
.testinonial-h{float: left; width: 1100px; margin-bottom: 50px;}
.testinonial-h p{ font-family: 'Roboto Slab', serif; font-size: 14px; line-height: 22px; font-weight: 300;  color: #575757;}
.tlefth{width: 348px; margin-right: 24px; float: left; background-color: #fff; border: solid 1px #DBDBDB;}
.trighth{width: 348px; float: right; background-color: #fff; border: solid 1px #DBDBDB;}
.ttop{width: 348px; float: left; height: 86px;}
.ttopb{width: 348px; float: right; height: 65px;}
.ttcopy{ width: 310px; float: left; padding: 5px 20px;}
.tttitle{font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 27px; font-weight: 400;  color: #59BAAD;  display: block; margin-bottom: 10px;}
.tbold{ font-family: 'Montserrat', sans-serif; color: #59BAAD; font-size: 16px; font-weight: 500; line-height: 23px;}
/*TESTIMONIALS INSIDE PAGE SECTION ENDS HERE*/


/*BYGONE COLLECTION STYLES STARTS HERE*/
.bshold{float: left; width: 1100px; display: block;}
.bshold-statement{float: left; width: 1100px; display: block; text-align: center; margin-top: 20px;}
.bshold-img{float: left; width: 366px; height: 210px; text-align: center;}
.bshold-textl{float: left; width: 300px; height: auto; text-align: center; margin: 15px 33px 0px 33px;}
.bshold h5{font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 27px; font-weight: 400;  color: #59BAAD;  display: block; margin-bottom: 10px;}
/*BYGONE COLLECTION STYLES STARTS HERE*/



/*NEW ACCORDIAN CONTENT STARTS*/
.accordionButton { width: 1060px; float: left; _float: none;  /* Float works in all browsers but IE6 */ cursor: pointer; border: solid 1px #F3F3E8; padding: 20px 20px; margin-bottom: 6px; -webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none; text-decoration: none; background-image: url(../imgs/icons/image1.png); background-position: 100% 50%; background-repeat: no-repeat; text-transform: uppercase; background-color: #F3F3E8; font-family: 'Montserrat', sans-serif; color: #64D0C1; font-size: 20px; font-weight: 500;}	

.accordionContent { width: 1140px; float: left; _float: none; /* Float works in all browsers but IE6 */ margin-bottom: 10px; padding: 20px 0px; }
.on { background: #b3f1fe; border: solid 1px #b3f1fe; background-image:url("../imgs/icons/image3.png");  background-position: 100% 50%; background-repeat: no-repeat; color: #61BEB6;}
.over { background: #b3f1fe; border: solid 1px #b3f1fe; color: #61BEB6; background-image: url(../imgs/icons/image1.png); background-position: 100% 50%; background-repeat: no-repeat; }

/*Areas Covered lists Starts Here*/

.acpch{float: left; width: 1120px; margin-bottom: 30px; padding: 20px 0px 0px 20px;}
.acpcsect{float: left; width: 250px; margin-right: 30px;}

.acpch li{color: #575757; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; display: block; margin-bottom: 10px;}

.acpch li a{color: #575757; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; display: block; margin-bottom: 10px;}

.acpch li a:hover{color: #61BEB6; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; display: block; margin-bottom: 10px;}

/*NEW ACCORDIAN CONTENT ENDS*/


/*NEW ACCORDIAN CONTENT STARTS*/
.accordionButton2 { width: 1160px; float: left; _float: none;  /* Float works in all browsers but IE6 */ cursor: pointer; border: solid 1px #5ecff5; padding: 15px 20px; margin-bottom: 6px; -webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none; text-decoration: none; background-image: url(../imgs/icons/image4.png); background-position: 100% 50%; background-repeat: no-repeat; background-color: #5ecff5; font-family: 'Montserrat', sans-serif; color: #fff; font-size: 18px; font-weight: 500;}	

.accordionContent2 { width: 1140px; float: left; _float: none; /* Float works in all browsers but IE6 */ margin-bottom: 10px; padding: 20px 0px; }
.on2 { background: #b3f1fe; border: solid 1px #b3f1fe; background-image:url("../imgs/icons/image6.png");  background-position: 100% 50%; background-repeat: no-repeat; color: #61BEB6;}
.over2 { background: #b3f1fe; border: solid 1px #b3f1fe; color: #61BEB6; background-image: url(../imgs/icons/image4.png); background-position: 100% 50%; background-repeat: no-repeat; }

.macstrips{float: left; width: 1200px; margin-bottom: 30px; background-color: rgba(255, 255, 255, .7); }

.acpch2 h4{ color: #7cdaf8; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 500; display: block; margin-bottom: 10px;}

.acpch2{float: left; width: 1140px; margin-bottom: 30px; padding: 20px 0px 0px 30px;}


.acpch2 li{display: inline-block;}

.acpch2 li{color: #575757; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; margin: 0px 5px 0px 0px;}

.acpch2 li a{color: #575757; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; display: block; margin-bottom: 10px;}

.acpch2 li a:hover{color: #61BEB6; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; display: block; margin-bottom: 10px;}

/*MAIN CONTENT ENDS HERE*/

/*--------------------------------------------------------------------------------*/

/*Home Copy Starts Here*/
.hcopy{float:left; width: 1100px; padding: 50px; background: #F8F7FC;}
.hcopyl{float:left; width: 450px;}
.hcopyr{float:right; width: 500px; margin-top: 15px; margin-right: 50px;}
.hcopy h3{font-family: 'Roboto', sans-serif; color: #46736F; font-style: normal; font-weight: 300; font-size: 35px; line-height: 45px; margin-bottom: 20px;}
.hcopy h4{ font-family: 'Montserrat', sans-serif; font-size: 17px; color: #46736F; font-weight: 700; margin-bottom: 10px;}
.hcopy p{font-family: 'Roboto'; color: #46736F; font-style: normal; font-weight: 300; font-size: 17px; line-height: 25px; display: block; margin-bottom: 20px;}
.hcopy p bold{font-family: 'Roboto', sans-serif; color: #46736F; font-style: normal; font-weight: 400; font-size: 17px; line-height: 25px; display: block; margin-bottom: 20px;}
/*Home Copy Ends Here*/


/*--------------------------------------------------------------------------------*/


/*Home Product Boxes start here*/

.hpbh{float: left; width: 1100px; padding: 50px; margin-bottom: 0px; background-color: rgba(255, 255, 255, .8);}
.hstrip{ width: 1100px; float: left; margin-bottom: 30px;}
.hmbimgsl{ width: 250px; height: 313px; background-color: #F3F3E8; float: left; margin: 0px 30px 0px 0px ;}
.hmbimgsr{ width: 250px; height: 222px; background-color: #F3F3E8; float: left; margin: 0px;}

.hmbimgsl img:hover, .hmbimgsr img:hover {
opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */-webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;}

/*Home Product Boxes end here*/



/*--------------------------------------------------------------------------------*/

/*Meet the team home page starts here*/
.hstrip-mtt{ width: 1100px; float: left; margin: 50px 0px;}
.mtth-left{float:left; width: 600px;}
.mtth-right{float: right; width: 400px; margin: 30px 0px 0px 100px;}
.hstrip-mtt h3{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 50px; line-height: 58px; margin-bottom: 30px; background: linear-gradient(123deg, #61BEB6 9.28%, #91C846 50.81%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.hstrip-mtt p{font-family: 'Roboto', sans-serif; font-weight: 300; color: #363637; font-size: 17px; line-height: 25px; margin-bottom: 30px; }
.sub-header{font-family: 'Roboto', sans-serif; font-weight: 400; color: #000; font-size: 21px; line-height: 29px; margin-bottom: 30px;}

.img-mtt{ width: 400px; height: 400px; margin-bottom: 30px; border-radius: 50%;}


/*Meet the team home page ends here*/

/*--------------------------------------------------------------------------------*/


/*CTA BUTTONS START*/

.cta-green a{ width: auto; display: block; margin-bottom: 10px; padding: 15px 25px; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 17px; line-height: 24px; color: #46736F; background-image: url(../imgs/icons/cta-arrow.png); background-repeat: no-repeat; background-position: 95% 50%;}
.cta-green a{ background-color: #CEE86D;}
.cta-green a:hover{opacity: 50%}

.cta-blue a{ width: auto; display: block; margin-bottom: 10px; padding: 15px 25px; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 17px; line-height: 24px; color: #46736F; background-image: url(../imgs/icons/cta-arrow.png); background-repeat: no-repeat; background-position: 95% 50%;}
.cta-blue a{ background-color: #92EAFE;}
.cta-blue a:hover{opacity: 50%}

/*CTA BUTTONS END*/

/*--------------------------------------------------------------------------------*/

/*HOME PRODUCTS INTRO BOXES STARTS*/

.hpib-title{float: left; width: 1200px; background-color: #CEE86D; padding: 30px 0px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 300; color: #46736F; font-size: 38px; line-height: 50px;}

/*Master HPIB Holder*/
.hpib-top-copy{float: left; width: 1200px; height: 430px;}
.hpib-top-copy h3{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 40px; line-height: 45px; margin-bottom: 20px; background: linear-gradient(123deg, #61BEB6 9.28%, #91C846 50.81%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.hpib-top-copy h4{font-family: 'Roboto', sans-serif; font-weight: 400; color: #46736F; font-size: 26px; line-height: 35px;}
.hpib-top-copy-left{float: left; width: auto; margin: 20px 0px 0px 0px; background: rgba(255, 255, 255, .7); padding: 30px;}
.hpib-top-copy-right{float: right; width: 400px; margin-top: 350px; margin-right: 30px;}

.hpib-bottom-copy{float: left; width: 1100px; height: auto; padding: 30px 50px; background: linear-gradient(123deg, #aadcf7 9.28%, #f0eeee 50.81%); margin-bottom: 30px;}
.hpib-bottom-left{float: left; width: 530px;}
.hpib-bottom-right{float: right; width: 530px;}
.hpib-bottom-copy p{font-family: 'Roboto', sans-serif; font-weight: 400; color: #46736F; font-size: 17px; line-height: 25px;}

/*Master HPIB IDs Backgrounds*/

#windows{background-image: url("../imgs/hp/backgrounds/windows.jpg"); background-repeat: no-repeat;}
#doors{background-image: url("../imgs/hp/backgrounds/doors.jpg"); background-repeat: no-repeat;}
#conservatories{background-image: url("../imgs/hp/backgrounds/conservatories.jpg"); background-repeat: no-repeat;}
#orangeries{background-image: url("../imgs/hp/backgrounds/orangeries.jpg"); background-repeat: no-repeat;}
#extensions{background-image: url("../imgs/hp/backgrounds/extensions.jpg"); background-repeat: no-repeat;}
#porches{background-image: url("../imgs/hp/backgrounds/porches.jpg"); background-repeat: no-repeat;}
#conservatory-roofs{background-image: url("../imgs/hp/backgrounds/conservatory-roofs.jpg"); background-repeat: no-repeat;}

/*HOME PRODUCTS INTRO BOXES ENDS*/
/*--------------------------------------------------------------------------------*/

.accreditations{height: 190px;}

/*-------------------------------FAQS BEGIN-------------------------------------------------*/
#push-faq{margin-bottom: 30px;}
#push{margin-bottom: 100px;}

/* COMPLETELY UNIQUE FAQ SYSTEM - NO CONFLICTS POSSIBLE */
.doubleglaze-faq-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 40px;
    text-align: left;
    background: linear-gradient(123deg, #aadcf7 9.28%, #f0eeee 50.81%);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    animation: dgFadeInUp 0.8s ease-out;
}

@keyframes dgFadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.doubleglaze-faq-title {
    background: #5ecff5;
    color: #363637;
    padding: 30px;
    text-align: center;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.doubleglaze-faq-title h3 {
   font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 2.6rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.doubleglaze-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
    padding: 0;
}

.doubleglaze-faq-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.doubleglaze-faq-card {
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: white;
}

.doubleglaze-faq-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.doubleglaze-faq-header {
    font-family: 'Montserrat', sans-serif !important;
    background: #fff !important;
    padding: 20px 25px 20px 30px !important;
    cursor: pointer;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-weight: 600;
    font-size: 1rem;
    color: #2c3e50 !important;
    transition: all 0.3s ease;
    border-radius: 12px;
    line-height: 1.4;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
    position: relative;
    box-sizing: border-box !important;
}

.doubleglaze-faq-header:hover {
    background: #c9f5ff !important;
    color: #2c3e50 !important;
}

.doubleglaze-faq-header.dg-faq-open {
    background: #c9f5ff !important;
    color: #2c3e50 !important;
    border-radius: 12px 12px 0 0;
}

/* CSS-GENERATED ARROW THAT CANNOT BE OVERRIDDEN */
.doubleglaze-faq-header::after {
    content: '' !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 12px solid #91C846 !important;
    border-bottom: none !important;
    transition: all 0.3s ease !important;
    margin-left: 15px !important;
    flex-shrink: 0 !important;
    display: block !important;
    position: static !important;
    z-index: 10 !important;
}

.doubleglaze-faq-header:hover::after {
    border-top-color: #61BEB6 !important;
    transform: scale(1.2) !important;
}

.doubleglaze-faq-header.dg-faq-open::after {
    transform: rotate(180deg) !important;
    border-top-color: #61BEB6 !important;
}

.doubleglaze-faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    background: white;
}

.doubleglaze-faq-content.dg-faq-open {
    max-height: 300px;
    padding: 25px;
    border-radius: 0 0 12px 12px;
    background: #f8f9fa;
}

.doubleglaze-faq-content p {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.doubleglaze-faq-content a {
    color: #91C846;
    font-weight: 600;
    text-decoration: underline;
}

.doubleglaze-faq-content strong {
    color: #2c3e50;
    font-weight: 600;
}

/*--------------------------------------------------------------------------------*/


.trustatrade iframe { height: 480px; border: 0;}

/*--------------------------------------------------------------------------------*/

.trustindex{float: left; width: 1160px; padding: 30px 20px 0px 20px; margin-top: 20px; background-color: #fff;}


/*--------------------------------------------------------------------------------*/

/*OUR GUARANTEE SECTION CONTENT STARTS HERE*/

.our-guarantee-section{ border-radius: 5px; background: linear-gradient(123deg, #fff 9.28%, #aadcf7 50.81%);}
.our-guarantee-section h4{ font-family: 'Roboto', sans-serif; font-weight: 300; color: #46736F; font-size: 45px; line-height: 52px; display: block; margin-bottom: 25px; }
.our-guarantee-section p{ font-family: 'Roboto', sans-serif; font-weight: 300; color: #46736F; font-size: 22px;  line-height: 30px; margin-bottom: 20px; display:block;}
.our-guarantee-section ul{margin-top: 20px;}
.our-guarantee-section li{ width: 330px; font-family: 'Roboto', sans-serif; color: #46736F; display: block; padding: 10px 20px 10px 60px; font-size: 20px; margin-bottom: 5px; border-radius: 25px; background-color: #F3F3E8; background-image: url("../imgs/icons/guarantee-tick.png"); background-position: 2% 40%;background-repeat: no-repeat;}
.og-left{ width: 520px; float: left; padding: 50px 0px 50px 50px;}
.og-right{ width: 450px; float: left; padding: 0px 30px 30px 0px; margin-left: 120px;}
/*OUR GUARANTEE SECTION CONTENT ENDS HERE*/

/*--------------------------------------------------------------------------------*/

/*HP TESTIMONIALS SECTION STARTS HERE*/
.testhp{}
.testtop{float: left; width: 1100px; padding: 30px 50px; background-color: #c6e8e4; background-image: url("../imgs/hp/why-do-customers-choose-bird.png"); }
.testtop-left{float: left; width: 700px;}
.testtop-left h3{font-family: 'Roboto', sans-serif; font-weight: 300; color: #46736F; font-size: 42px; line-height: 48px;}
.testbot{float: left; width: 1100px; height: 569px; padding: 45px 50px 50px 50px; background-color: #fff; background-image: url("../imgs/hp/reviews-brad.jpg");}
.testbot-left{float: left; width: 650px;}
.testbot-left h3{font-family: 'Roboto', sans-serif; font-weight: 300; color: #46736F; font-size: 42px; line-height: 48px;}
.testbot-right{float: right; width: 450px; padding-top: 520px;}



/*--------------------------------------------------------------------------------*/
/*HP AREAS COVERED SECTION STARTS HERE*/

/*TIER 1 STARTS HERE*/
.hpareasc{}
.hpareasc-top{float: left; width: 1100px; padding: 50px; background-image: url("../imgs/hp/local-choice-bkg.jpg");}
.hpareasc-top h3{ font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 51px; line-height: 58px; display: block; margin-bottom: 30px; background: linear-gradient(123deg, #61BEB6 9.28%, #91C846 50.81%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.hpareasc-top p{font-family: 'Roboto', sans-serif; font-weight: 400; color: #1f553b; font-size: 22px; line-height: 30px; display: block; margin-bottom: 20px;}
.hpactop-left{float: left; width: 650px;}
.hpactop-right{float: right; width: 400px;}

/*TIER 2 STARTS HERE*/
.hpareasc-bot{float: left; width: 1100px; padding:50px; background-color: #7cdaf8; background-image: url("../imgs/hp/taylorglaze-areas-van.png");}
.hpareasc-bot h3{ font-family: 'Roboto', sans-serif; font-weight: 300; color: #fff; font-size: 51px; display: block; margin-bottom: 30px;}
.hpareasc-bot p{ font-family: 'Roboto', sans-serif; font-weight: 400; color: #46736F; font-size: 22px; line-height: 32px;  display: block;}
.hpareasc-bot p a{color: #46736F; font-weight: 500;}


/*TIER 3 STARTS HERE*/
.hpacblh{float: left; width: 1100px; background-color: #5ecff5; padding: 50px; margin-bottom: 8px}
.hpacblh h4{ font-family: 'Roboto', sans-serif; font-weight: 300; color: #156938; font-size: 37px; display: block; margin-bottom: 30px;}
.hpaclh-left{float: left; width: auto; margin-right: 45px; display: inline-block;}
.hpacblh li a{font-family: 'Montserrat', sans-serif; font-weight: 500; color: #fff; font-size: 18px; display: block; margin-bottom: 15px;}
.hpacblh li a:hover,.hpareasc-bot p a:hover {color: #000;}
/*HP AREAS COVERED SECTION ENDS HERE*/

/*--------------------------------------------------------------------------------*/


.price-table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      font-size: 16px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .price-table th, .price-table td {
      border: 1px solid #ddd;
      padding: 12px 15px;
      text-align: left;
		color: rgb(87, 87, 87);
    }
    .price-table thead {
      background-color: #f4f4f4;
    }
    .price-table th {
      background-color: #91C846;
      color: #fff;
      font-weight: bold;
    }
    .price-table tr:hover {
      background-color: #f1f1f1;
    }
    .section-title {
      font-size: 22px;
      margin-top: 40px;
      margin-bottom: 10px;
      font-weight: bold;
    }

/*--------------------------------------------------------------------------------*/


/*BOOK APPOINTMENT BEGINS HERE*/
/*Book Appointment Starts Here*/
.book_appointment{ width: 1100px; float: left; padding: 50px; background-color: rgba(255, 255, 255, .6); margin-bottom: 30px;}

.book-left{ width: 540px; float: left; padding: 0px 15px 10px 0px;}

.book_appointment h3{ font-family: 'Roboto', sans-serif; color: #46736F; font-style: normal; font-weight: 300; font-size: 44px; line-height: 52px; margin-bottom: 20px; }

.book-left p{ font-family: 'Roboto', sans-serif; color: #363637; font-style: normal; font-weight: 400; font-size: 17px; line-height: 25px; display: block; margin-bottom: 25px;}

.basub{font-family: 'Roboto', sans-serif; color: #59BAAD; font-style: normal; font-weight: 400; font-size: 23px; line-height: 28px; display: block; margin-bottom: 25px;}

.book-form{ width: 500px; float: right; }

.book_appointment a{  width: 100%; float: left; text-align: center; padding: 15px 0px; background-color: #61BEB6; color: #46736F; border: solid 1px #86b0ac; font-size: 20px; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; line-height: 25px; border-radius: 3px; text-transform: uppercase;}

.book_appointment a:hover{background-color: #46736F; color: #61BEB6;}

/*below turns of blue border around formfields*/
.book_appointment input:focus {
border-color: #59BAAD; box-shadow: 0 0 10px #59BAAD; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;}
/*below turns of blue border around textarea in form*/
.book_appointment textarea:focus {
 border-color: #59BAAD; box-shadow: 0 0 10px #59BAAD; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;}

.g-recaptcha{ float: left; margin: 5px 0px 10px 0px;}


/*-------------------------------TRANSPARENT INPUT STARTS-------------------------------------------------*/

.book-form input{float: left; width: 460px; margin-bottom: 10px; padding: 10px 20px; border: solid 1px #AEDED8; background: transparent; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 25px; color: #46736F; text-transform: uppercase;}
.book-form input:focus{outline: none;}
.book-form input::-webkit-input-placeholder {padding-left: 5px; font-size: 17px; color: #46736F;}
.book-form input:-moz-placeholder { /* Firefox 18- */ padding-left: 20px; font-size: 17px; color: #46736F;}
.book-form input::-moz-placeholder {  /* Firefox 19+ */ padding-left: 20px; font-size: 17px; color: #46736F;}
.book-form input:-ms-input-placeholder { padding-left: 20px; font-size: 17px; color: #46736F; }


/*-------------------------------TRANSPARENT TEXTAREA STARTS-------------------------------------------------*/


.book-form textarea{ float: left; width: 460px; height: 120px; margin-bottom: 10px; padding: 10px 20px; border: solid 1px #AEDED8; background: transparent; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 25px; color: #46736F; text-transform: uppercase;}
.book-form textarea:focus{outline: none;}
.book-form textarea::-webkit-textarea-placeholder { padding-left: 5px; font-size: 17px; color: #46736F;}
.book-form textarea:-moz-placeholder { /* Firefox 18- */ padding-left: 20px; font-size: 17px; color: #46736F;}
.book-form textarea::-moz-placeholder {  /* Firefox 19+ */ padding-left: 20px; font-size: 17px; color: #46736F;}
.book-form textarea:-ms-input-placeholder { padding-left: 20px; font-size: 17px; color: #46736F; }

/*Book Appointment Ends Here*/


/*--------------------------------------------------------------------------------*/


/*FOOTER CONTENT STARTS*/


.footer{float: left; width: 1200px;}
.ftop{float: left; width: 1100px; background: #FFF; padding: 0px 50px 40px 50px;}
.flogos-tels{float: left; width: 1100px; border-bottom: 0.5px solid #c9f5ff;}
.flogo{float: left; width: 445px; height: 150px; margin-bottom: 6px;}

/*Footer Telephone Content Starts*/
.ftelsh{float: right; width: 548px; margin-top: 50px;}
.ftelh1{float: left; width: 254px; }
.ftelh2{float: right; width: 254px;}
.ftelhl{float: left; width: 60px; margin-right: 10px;}
.ftelhr{float: right; width: 184px;}
.gtel{font-family: 'Montserrat', sans-serif; font-weight: 500; color: #61BEB6; font-size: 22px; display: block; margin-bottom: 5px;}
.graytel{font-family: 'Montserrat', sans-serif; font-weight: 400; color: #61BEB6; font-size: 24px; display: block; margin-bottom: 5px;}
.graytel a{font-family: 'Montserrat', sans-serif; font-weight: 400; color: #61BEB6; font-size: 24px; display: block; margin-bottom: 5px;}
/*Footer Telephone Content Ends*/

/*Footer Lists Start*/
.fstrips{float: left; width: 1100px; margin-top: 30px;}
.fcols{float: left; width: 220px; display: inline-block;}
.fcols h4{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 11px; line-height: 20px; color: #000; text-transform: uppercase;}
.fcols li a{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 11px; line-height: 20px; color: #61BEB6; text-transform: uppercase;}
.fcols li a:hover{color: #86b0ac;}
/*Footer Lists Ends*/

/*--------------------------------------------------------------------------------*/

/*Footer Bottom Section Starts*/
.fcalltoactions{width: 300px; float: right; margin-top: 10px;}
.footerbot{float: left; width: 1100px; background: #F3F3E8; padding: 30px 50px 0px 50px;}
.fblisth{float: left; width: 400px;}
.fbcol{float: left; width: 220px; display: inline-block;}
.fbcol h4{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 11px; line-height: 20px; color: #000; }
.fbcol p{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 11px; line-height: 20px; color: rgba(0, 0, 0, 0.5);}
.fbcol li a{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 11px; line-height: 20px; color: #61BEB6; text-transform: uppercase;}
.fbcol li a:hover{color: #86b0ac;}
/*Footer Bottom Section ends*/

.legal{float: left; width: 1100px; border-top: 0.5px solid #a4a4a4; margin-top: 25px;}
.legalr{float: left; width: 700px; margin: 20px 0px}
.legalr p{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 11px; line-height: 17px; color: #a4a4a4;}
.legall{float: right; width: 200px; margin: 20px 0px; text-align: right;}
.legall a{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 11px; line-height: 17px; color: #61BEB6;}
.legall a:hover{color: #86b0ac;}
/*Footer Content Ends*/

/*--------------------------------------------------------------------------------*/

/*Social Media Starts Here*/

.facebook{ width: 55px; float: left; height: 55px; margin-right: 33px;}
.facebook img:hover { opacity: 0.5; -webkit-transition: opacity 0.5s ease-in-out;  -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}	

.instagram{ width: 55px; float: left; height: 55px; margin-right: 33px; }
.instagram img:hover { opacity: 0.5; -webkit-transition: opacity 0.5s ease-in-out;  -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }	

.linkedin{ width: 55px; float: left; height: 55px;}
.linkedin img:hover { opacity: 0.5; -webkit-transition: opacity 0.5s ease-in-out;  -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }	



.fsocial_media{ width: 176px; float: left;  margin-top: 60px; margin-left: 30px; }

/*Credit Cards Starts Here*/
.creditcards{float: left; width: 1100px; margin-top: 40px;}
.creditcards p{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 12px; line-height: 17px; color: #666; display: block; margin-bottom: 5px;}

/*--------------------------------------------------------------------------------*/


/*Main Content Ends Here*/	



/*--------------------------------------------------------------------------------*/

/*Sitemap Stuff*/
.smstrips {float: left; width: 1100px; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #edefe8;}
.smstrips h3{ font-size: 26px; color: #67BFD7; font-family: 'Montserrat', sans-serif; margin-bottom: 20px;}
.smstrips h4{ font-size: 16px; color: #67BFD7; font-family: 'Montserrat', sans-serif; margin-bottom: 10px;}
.cols{ float: left; width: auto; margin-right: 40px; padding-right: 20px; display: inline-block;}
.smstrips hr{ display: block; height: 1px; border-top: 1px solid #edefe8; margin: 1em 0; padding: 0; border-bottom: 0; border-right: 0; border-left: 0;}
.smstrips ul{
	list-style-type: none;
}
.smstrips li a{
	text-transform: uppercase;
	font-size: 13px;
	color: #999;
	text-decoration: none;
	background-image: url(../imgs/arrows/smap_arrow.jpg);
	background-repeat: no-repeat;
	display: block;
	background-position: left center;
	padding-left: 10px;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 20px;
}
.smstrips li a:hover{
	color: #333;
	background-image: url(../imgs/arrows/smap_arrowg.jpg);
	background-repeat: no-repeat;
}



/*--------------------------------------------------------------------------------*/


  .responsive-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    overflow-x: auto;
  }

  .responsive-table thead {
    background-color: #f4f4f4;
  }

  .responsive-table th, 
  .responsive-table td {
    border: 1px solid #ddd;
    padding: 12px 15px;
    text-align: left;
  }

  .responsive-table th {
    font-weight: bold;
  }

  @media screen and (max-width: 768px) {
    .responsive-table thead {
      display: none;
    }

    .responsive-table tr {
      display: block;
      margin-bottom: 15px;
    }

    .responsive-table td {
      display: block;
      text-align: right;
      position: relative;
      padding-left: 50%;
    }

    .responsive-table td::before {
      content: attr(data-label);
      position: absolute;
      left: 15px;
      width: 45%;
      padding-right: 10px;
      font-weight: bold;
      text-align: left;
    }
  }

























	



















/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:10px;
  right:10px;
  overflow:hidden;
  width:51px;
  height:51px;
  border:none;
  text-indent:100%;
  background:url(../imgs/ui.totop.png) no-repeat left top;
}

#toTopHover {
  background:url(../imgs/ui.totop.png) no-repeat left -51px;
  width:51px;
  height:51px;
  display:block;
  overflow:hidden;
  float:left;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline:none;
}