﻿/* Desktops */
@media screen and (min-width: 1241px){
/*DO THIS*/
#bottomsubmenu2words {display: none;}
#bottomflames {
	position:relative;
	bottom:11vw;
	left:10%;
	width:12vw;
	height:11vw;
	z-index:1000;
	/*border: 1px solid #ff0000;*/
}
#bottomflames img {
	width:100%;
	height:100%;
	opacity: 0.9;
}

#bottomlogo {
	position:fixed;
	bottom:1.5vw;
	left:12%;
	width:8vw;
	height:4vw;
	background-image: url("../images/logo.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
	z-index:1000;
	/*border: 1px solid #ffffff;*/
}
#gassafelogo {
	position:fixed;
	bottom:1.5vw;
	left:74%;
	width:4vw;
	height:4vw;
	background-image: url("../images/Gas-Safe-Register-Logo.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
	z-index:1000;
	/*border: 1px solid #ffffff;*/
}
#hetaslogo {
	position:fixed;
	bottom:1.5vw;
	left:80%;
	width:9vw;
	height:4vw;
	background-image: url("../images/Hetas-Registered Installer-logo-300x138.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
	z-index:1000;
	/*border: 1px solid #ffffff;*/
}

#bottomfacebook {
	position:fixed;
	bottom:35px;
	left:65%;
	width:220px;
	height:50px;
	background-image: url("../images/bottomfacebook.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
	z-index:1000;
	/*border: 2px solid #ffffff;*/
}
#bottomsubmenu3 {
	height:2vw;
	position:fixed;
	bottom:6vw;
	width:100%;
	background-color: #f1c1140;
	background-size: 100% auto;
	background-repeat: no-repeat;
	/*border-style: solid;
	border-color:#ffffff;
	border-width: 2px 0px 0px 0px;*/
	z-index:110;
	background-image: linear-gradient(#ffffff, #f1c140);
}

#bottomsubmenu2 {
	height:2vw;
	position:fixed;
	bottom:0px;
	width:100%;
	background-color: ##f3671b;
	background-size: 100% auto;
	background-repeat: no-repeat;
	/*border-style: solid;
	border-color:#ffffff;
	border-width: 2px 0px 0px 0px;*/
	z-index:110;
	background-image: linear-gradient(#f3671b, #823816);
}
#bottomsubmenu1 {
	height:4vw;
	position:fixed;
	bottom:2vw;
	width:100%;
	background-color:#f3671b;
	z-index:111;
}
#bottomsubmenu1words {
	position:fixed;
	bottom:0px;
	width:100%;
	text-align:center;
	height:40px;
}
#bottompadding {
	padding-bottom: 9vw;
	width:0%;
	/*border: 2px solid #fff000;*/
}
.bottomnav {
	color: #ffffff;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:link {
	color: #ffffff;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:visited {
	color: #ffffff;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:hover {
	color:#f2c14a;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:active {
	color: #ffffff;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
}/* END Desktops */

/* Mobile landcape and Tablets */
@media screen and (min-width: 601px) and (max-width: 1240px){
/*DO THIS*/
#bottomsubmenu1words {display: none;}
#bottomsubmenu2 {
	height:3vw;
	position:fixed;
	bottom:0px;
	width:100%;
	background-color: ##f3671b;
	background-size: 100% auto;
	background-repeat: no-repeat;
	/*border-style: solid;
	border-color:#ffffff;
	border-width: 2px 0px 0px 0px;*/
	z-index:110;
	background-image: linear-gradient(#f3671b, #823816);
}
#bottomsubmenu1 {
    display: none;
}
#bottomsubmenu2words {
	position:fixed;
	bottom:0px;
	width:100%;
	text-align:center;
	height:40px;
}
#bottompadding {
	padding-bottom: 5vw;
	width:0%;
	/*border: 2px solid #fff000;*/
}
.bottomnav {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	/*font-weight: bold;*/
	text-decoration: none;
}
a.bottomnavigation:link {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:visited {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:hover {
	color:#f2c14a;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:active {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}

}
/* END Mobile landcape and Tablets */



/* Mobile portrait */
@media screen and (max-width: 600px){
/*DO THIS*/
#bottomlogo {
	display: none;
}

#bottomsubmenu1 {
    display: none;
}
#bottomsubmenu1words {
    display: none;
}
#bottompadding {
	padding-bottom: 6vw;
	width:0%;
	/*border: 2px solid #fff000;*/
}
#bottomsubmenu2 {
	height:4vw;
	position:fixed;
	bottom:0px;
	width:100%;
	background-color: #f3671b;
	background-size: 100% auto;
	background-repeat: no-repeat;
	/*border-style: solid;
	border-color:#ffffff;
	border-width: 2px 0px 0px 0px;*/
	z-index:110;
	background-image: linear-gradient(#f3671b, #823816);
}

#bottomsubmenu2words {
	position:fixed;
	bottom:0px;
	width:100%;
	text-align:center;
	height:40px;
}
.bottomnav {
	color: #ffffff;
	font-size: 2vw;
	font-family: Arial;
	/*font-weight: bold;*/
	text-decoration: none;
}
a.bottomnavigation:link {
	color: #ffffff;
	font-size: 2vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:visited {
	color: #ffffff;
	font-size: 2vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:hover {
	color:#f2c14a;
	font-size: 2vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:active {
	color: #ffffff;
	font-size: 2vw;
	font-family: Arial;
	text-decoration: none;
}
}/* END Mobile portrait */

/* All Screen Sizes */
/*DO THIS*/

/*Inline bottom navigation*/
li {
display:inline-block;
margin:5px 30px;
line-height:0.8;
}
.bullets li  {
display:list-item;
}

.bottom_form_style {
	font-family: Arial;
	font-size: 11pt;
	color: #004A8F;
	width: 142px;
	height: 14px;
}

#bottombox1 {
	/*color: #ffffff;
	position:fixed;
	bottom: 14px;
	left:20%;
	width:18%;
	margin-right:1%;
	height: 55px;
	z-index:110;
    text-align: left;
    display: initial;
    border: 1px solid #ff0000;*/
}
a.bottombox1:link {
	/*color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;*/
}
a.bottombox1:visited {
	/*color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;*/
}
a.bottombox1:hover {
	/*color:#f2c14a;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;*/
}
a.bottombox1:active {
	/*color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;*/
}
#bottombox2 {
	position:fixed;
	bottom: calc(.5vw + 30px);
	left:25%;
	width:18.7%;
	height: 3vw;
	z-index:110;
    text-align: left;
    display: initial;
	border-style: solid;
	border-color:#ffffff;
	border-width: 0px 2px 0px 0px;
}

#bottombox3 {
	position:fixed;
	bottom: calc(.5vw + 30px);
	left:45.5%;
	width:20%;
	height: 3vw;
	z-index:110;
    text-align: left;
    display: initial;
    /*border: 1px solid #00ff00;*/
}

#bottombox4 {
	position:fixed;
	bottom: 55px;
	left:72%;
	width:20%;
	margin-right:0px;
	height: 60px;
	z-index:110;
    text-align: left;
    line-height:1.2;
    display: initial;
    /*border: 1px solid #ff0000;*/
}

.bottomopeningtimesblock {
	color: #ffffff;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
}

/*The style of words in this box*/
.bottomaddressblock {
	color: #ffffff;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomboxaddressblocklinks:link {
	color: #ffffff;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomboxaddressblocklinks:visited {
	color: #ffffff;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomboxaddressblocklinks:hover {
	color:#f2c14a;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
a.bottomboxaddressblocklinks:active {
	color: #ffffff;
	font-size: 0.95vw;
	font-family: Arial;
	text-decoration: none;
}
/*END The style of words in this box*/

a.bottomlinks:link {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
a.bottomlinks:visited {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
a.bottomlinks:hover {
	color:#f2c14a;
	font-size: 12px;
	text-decoration: none;
}
a.bottomlinks:active {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
a.bottomsubmit:link {
	color:#f2c14a;
	font-size: 14px;
	text-decoration: none;
}
a.bottomsubmit:visited {
	color:#f2c14a;
	font-size: 14px;
	text-decoration: none;
}
a.bottomsubmit:hover {
	color:#f2c14a;
	font-size: 14px;
	text-decoration: none;
}
a.bottomsubmit:active {
	color:#f2c14a;
	font-size: 14px;
	text-decoration: none;
}
a.bottomlinks_RHS:link {
	color: #27a027;
	font-size: 9pt;
	text-decoration: none;
}
a.bottomlinks_RHS:visited {
	color: #27a027;
	font-size: 9pt;
	text-decoration: none;
}
a.bottomlinks_RHS:hover {
	color:#f2c14a;
	font-size: 9pt;
	text-decoration: none;
}
a.bottomlinks_RHS:active {
	color: #27a027;
	font-size: 9pt;
	text-decoration: none;
}
.bottom_border_style_title {
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
}
.bottom_border_style {
	color: #ff0000;
	font-size: 12px;
}

