/*Colors used:
	BLUE - 
	Darker: 1d4e78  1D4E78
	Dark: 598db8  598DB8
	Medium: a1caed  A1CAED
	Light: c5dbed  C5DBED
	
	ORANGE -
	Darker: cc7a29   CC7A29   208C2E
	Dark: e68a2e   E68A2E   5ED26C
	Medium: ff9933   FF9933   88E994
	Light: ffa347   FFA347   A2E9AB
*/


body {
	width: 100%;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0px;
}

#main {
/*	width: 900px; */
	width: 100%;
	display: inline-block;
}

/* Top of the page */
#header {
	height: 124px;
	margin: 0px auto;
	background-color: #a1caed;
	border-bottom: 2px solid #1d4e78;
}
	#logo {
		float: left;
		margin: 34px;
	}
	#logo span {	
		font-size: 3em;
		padding-top: 25px;
		margin-left: 25px;
		color: white;
		text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;  
	}
	
	#userbox {
		width: 330px;
		height: 56px;
		background-color: #ffa347;
		float: right;
		margin: 5px 8px;
		border: solid 1px #1d4e78;
		border-radius: 5px;
	}
		#signup {
			width: 90px;
			float: left;
			padding-top: 6px;
			padding-left: 3px;
			text-align: center;
			font-weight: bold;
			font-size: 1.2em;
			color: #000;
		}
			#signup a {
				color: #000;
			}
			#login {
			width: 225px;
			height: 50px;
			float: right;
			padding-left: 10px;
			padding-top: 5px;
			text-align: left;
			background: #fff;
			border-radius: 5px;
		}
		
		/* new css */
		#userboxsignup {
		display: inline-block;
		width: 330px;
		height: auto;
		background-color: #ffa347;
		float: none;
		margin: 7px 0px 0px 0px;
		border: solid 1px #244610;
		border-radius: 5px;
		
	}
		#signupbox {
			width: 90px;
			float: left;
			padding-top: 6px;
			padding-left: 3px;
			text-align: center;
			font-weight: bold;
			font-size: 1.2em;
			color: #000;
		}
			#signupbox a {
				color: #000;
			}
		#signupblock {
			width: 220px;
			height: 44px;
			float: right;
			padding-left: 10px;
			padding-top: 5px;
			text-align: left;
			background: #fff;
			border-radius: 5px;
		}
		.usersign{
		height:auto !important;
		margin:20px 8px !important;
		}
		.errormsg{
		font-size: 8px;
		color: red;
		font-weight: bold;
		}
		/* End new css */
		
		#welcome {
			width: 90px;
			float: left;
			padding-top: 18px;
			padding-left: 4px;
			text-align: center;
			font-weight: bold;
			font-size: 1.2em;
			color: #000;
		}
			#welcome .name {
				font-size: .9em;
				padding-top: 3px;
			}
		#userlinks {
			width: 220px;
			height: 75px;
			float: right;
			padding-left: 10px;
			padding-top: 5px;
			text-align: left;
			background: #fff;
			border-radius: 5px;
		}
			#userlinks a {
				font-size: .8em;
				font-weight: bold;
			}
				#userlinks a:link {
					color: #000;
				}
				#userlinks a:visited {
					color: #888;
				}
				#userlinks a:hover {
					color: #FF9933;
				}
/* Navigation menu */
	#menu{
		font-size: 1.1em;
		padding:0px;
		border-bottom: 1px solid #CC7A29;
	}

	nav {
		background: #efefef; /*
		background: linear-gradient(top, #fff 0%, #ffa347 100%);  
		background: -moz-linear-gradient(top, #fff 0%, #ffa347 100%); 
		background: -webkit-linear-gradient(top, #fff 0%,#ffa347 100%); */
		
        -moz-box-shadow:inset 0px 15px 0px 0px #FFA347;
        -webkit-box-shadow:inset 0px 15px 0px 0px #FFA347;
        box-shadow:inset 0px 15px 0px 0px #FFA347;		
        background-color:#E68A2E;
		font-weight: bold;
	}
	
	/* Hover */
	nav ul ul {
		display: none;
	}
		nav ul li:hover > ul {
			display: block;
		}
	
	/* Main list */
	nav ul {
		/* background: #efefef; 
		background: linear-gradient(top, #fff 0%, #ffa347 100%);  
		background: -moz-linear-gradient(top, #fff 0%, #ffa347 100%); 
		background: -webkit-linear-gradient(top, #fff 0%,#ffa347 100%); */
        -moz-box-shadow:inset 0px 15px 0px 0px #FFA347;
        -webkit-box-shadow:inset 0px 15px 0px 0px #FFA347;
        box-shadow:inset 0px 15px 0px 0px #FFA347;		
        background-color:#E68A2E;
		padding: 0px; 
		list-style: none;
		position: relative;
		display: inline-table;
		text-align: center;
		margin: 0px;
	}
		nav ul:after {
			content: ""; clear: both; display: block;
		}

		nav ul li {
			float: left;
			width: 125px;
			border-right: 1px solid #CC7A29;
			border-top-right-radius: 4px 20px;
			border-top-left-radius: -4px 20px;
		}
			nav ul li:hover {
			/*	background: #CC7A29;
				background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
				background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
				background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);  */
			}
				nav ul li:hover a {
					color: #fff;
					text-shadow: 1px 1px 0 #000;
				}
			
			nav ul li a {
				display: block;
				padding: 5px 20px;
				color: #000;
				text-shadow: 1px 1px 0 #fff;
				text-decoration: none;
			}
			
		nav ul ul {
			background: #196565;
			border-radius: 0px;
			padding: 0;
			position: absolute;
			top: 100%;
		}
			nav ul ul li {
				float: none; 
				border-top: 1px solid #6b727c;
				border-bottom: 1px solid #575f6a;
				position: relative;
			}
				nav ul ul li a {
					padding: 10px 20px;
					color: #fff;
				}	
					nav ul ul li a:hover {
						background: #4b545f;
					}

#hold {
	background-color: #c5dbed;
}

	/* Side Style */
#side {
	margin: 0px auto;
	width: 210px;
	float: left;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
}
	.sideBox a {
		font-size: .9em;
		font-weight: bold;
	}
		.sideBox a:link {
			color: #000;
		}
		.sideBox a:visited {
			color: #888;
		}
		.sideBox a:hover {
			color: #FF9933;
		}
		
	#popup {
		display: none;
		width: auto;
		height: auto;
	}
	#popup td {
		text-align: center;
	}
	.sideBox{
		margin-top: 20px;
		padding-bottom: 10px;
		width: 206px;
		border: 1px solid #598db8;
		border-radius: 5px;
		background-color: #fff;
	}
		.sideBox h3{
			margin-top:3px;
			margin-bottom:10px;
		}
		
		.sideTitle {
			background: #ffa347;
			border-bottom: 1px solid #cc7a29;
			border-radius: 5px 5px 0px 0px;
			font-weight: bold;
			padding: 3px;
			color: #000;
		}
		.priceText{
			font-size: 2em;
			font-weight: bold;
		}
		.smallText {
			font-size: .7em;
		}
		.picDiv {
			width: 206px;
			border-bottom: 1px solid #598db8;
			margin-bottom:10px;
		}
		hr {
			width: 600px;
			height: 2px;
			float: left;
			border: 0px;
			margin: 0px;
			background: #598db8;
			color: #598db8;
		}

	/* Show prices button */
    .myButton {
        -moz-box-shadow:inset 0px 15px 0px 0px #FFA347;
        -webkit-box-shadow:inset 0px 15px 0px 0px #FFA347;
        box-shadow:inset 0px 12px 0px 0px #FFA347;		
        background-color:#E68A2E;
        border:1px solid #cc7a29;
		border-radius: 3px;
        display:inline-block;
		
        color:#000;
		text-shadow: 1px 1px 0 #fff;
		
        font-family:arial;
        font-size:14px;
        font-weight:bold;
        padding:6px 15px;
        text-decoration:none;
    }
    .myButton:hover {
        background-color:#ff9933;
        color:#fff;
		text-shadow: 1px 1px 0 #000;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }

	.contact{
		margin-top: 10px;
	}
	
	#widget {
		margin: 10px 15px;
		padding: 0px;
		border: 2px solid #598DB8;
	}

#right {
	margin-left: 230px;
	border-left: 2px solid #1D4E78;
}

#mainContent {
	height: 100%;
	background-color: #fff;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 35px;
	padding-right: 35px;
	display: block;
	min-height: 1100px;
}
	#mainContent h1 {
		color: #486c33;
	}
	#mainContent p {
		font-size: .8em;
	}
	#mainContent .picHolder img {
        width: 100%;
	}
    .picHolder td{
        padding: 15px;
    }
		
	#certBox {
		padding-top: 5px;
	}	
	
	.error {
		border:2px solid red;
	}
	
	.picHolder th {
		text-align: center;
		font-size: 2em;
	}	
	.picHolder  td {
		text-align: center;
		border: 1px solid #000;
		border-spacing: 0;
	}
	
	.largeText {
		font-size: 2em;
	}
	.comment  {
		width:470px;
		height: 100px;
	}
	
#footer {
	padding: 15px;
	background-color: #1d4e78;
	border-top: 2px solid #000;
	color: #fff;
}
	#footer table {
		text-align:center;
		font-size: .9em;
	}
	#footer td {
		width: 110px;
	}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	
	
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/*10-01-2019*/

#header {
    height: 150px;
    }
#login{
height: 69px;
}
#userbox{
height: 74px;
}
div#login input[type="submit"] {
margin-top: 4px;
}

/*03-1-2019*/

#right-side
{
	 width: 210px;
    float: left;
    vertical-align: top;
    text-align: center;
    margin-left: 10px;
}

.home-section #right{
	    border-right: 2px solid #244610;
    margin: 0;
    float: left;
    width: -webkit-calc(100% - 460px);
	width: -moz-calc(100% - 460px);
	width: calc(100% - 460px);

}
.home-section {
    display: inline-block;
    width: 100%;
}
nav ul li a
{
	padding: 5px 18px;
}

@media screen and (max-width:1290px){
#logo span{
font-size:2.6em;
}
}
@media screen and (max-width: 1199px){
#logo span.phone-number-span {
display: block;
padding: 0;
margin: 0;
padding-left: 25px !important;
}
}

@media screen and (max-width: 1090px){
	#wrapper {
	    width: 100%;
	    max-width: 300px;
	    margin: 0 auto;
	}
	#slideshow {
	    margin: 0px;
	    max-width: 235px;
	    width: 100%;
	}
	#slides,
	#slides li{
		width: 100% !important;
	}
	.pagination{
		    width: 255px !important;
	    padding: 10px;
	    height: auto !important;
	}
	.pagination li{
		margin-bottom: 5px;
	}
	#slides img {
	   
	    max-width: 100% !important;
	    height: auto !important;
	    width: 100% !important;
	}
	#wrapper,#slideshow,#slides,#slides li{
		height: 176px !important;
		padding: 0 !important;
	}
	.slider-button
	{
		    padding-top: 72px !important;
	    height: 104px !important;
	}
	#mainContent p{
		clear: none;
	    display: inline-block;
	    width: 100%;
	}
}

@media screen and (max-width: 767px){
	nav ul li a{
		padding: 5px 9px;
	}
}

#hold{
    float: left;
    width: 100%;
}

/*22-03-2019 -Orderpage-pipeline CSS*/
.location-selector {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 11rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 11rem
}

.location-selector input{
    display: inline-block;
    margin: 12px
}

.location-selector .back,
.location-selector .fa-home,
.location-selector .front,
.location-selector .left,
.location-selector .right
 {
    position: absolute;
    text-align: center
}

.location-selector .left,
.location-selector .right{
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    top: 30px
}

.location-selector .back,
.location-selector .front {
    width: 100%
}

.location-selector .fa-home {
    font-size: 4rem;
    position: static;
    width: 100%;
    color: #ffa347;
}

.location-selector .back {
    top: 0
}

.location-selector .front {
    bottom: 0;
    text-align: center
}

.location-selector .left{
    left: 0
}

.location-selector .right {
    right: 0
}

tr.fill-location-text {
    font-weight: bold;
}

span.badge.badge-medium {
    padding-left: 47px;
}

.price-info {
    font-size: 13px;
    color: red;
    font-style: italic;
}

.fill-location-text {
    max-width: 300px;
    text-align: center;
    margin: 10px 0 0px;
}

img#fill_image {
    margin: 15px;
}
span.badge.badge-medium {
    padding-left: 0px;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
.price-info {
    display: block;
    font-size: 13px;
    margin-top:3px;
    }
}

#userbox {
height: 85px;
}
#login {
height: 80px;
position: relative;
}
#login form {
margin-top: 6px;
}
#login .errormsg {
position: absolute;
top: 2px;
}