/*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: 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: #fff;
			text-shadow: 1px 1px 0 #000;
		}
			#signup a {
				color: #fff;
				text-shadow: 1px 1px 0 #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: #fff;
		}
			#signupbox a {
				color: #fff;
			}
		#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: #fff;
				text-shadow: 1px 1px 0 #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;
	}
		.sideTitle {
			background: #ffa347;
			border-bottom: 1px solid #cc7a29;
			border-radius: 5px 5px 0px 0px;
			font-weight: bold;
			padding: 3px;
			color: #fff;
			text-shadow: 1px 1px 0 #000;
		}
		.priceText{
			font-size: 2em;
			font-weight: bold;
		}
		.smallText {
			font-size: .7em;
		}
		.picDiv {
			width: 206px;
			border-bottom: 1px solid #598db8;
		}
		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: 25px;
	display: block;
	padding-left: 30px;
	padding-bottom: 25px;
	min-height: 1100px;
}
	#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; }
/* mobile fit repair: stack legacy fixed-width blocks on narrow screens */
@media (max-width: 700px) {
	#header { height: auto; }
	#logo { float: none; margin: 15px 0 5px; text-align: center; }
	#logo span { margin-left: 0; font-size: 2em; }
	#userbox { float: none; margin: 5px auto 10px; max-width: 95%; height: auto; overflow: hidden; }
	#userboxsignup { margin: 5px auto 10px; max-width: 95%; }
	#side { float: none; width: auto; }
	.sideBox { margin: 20px auto 0; }
	#right { margin-left: 0; border-left: none; }
	#mainContent { padding-left: 10px; padding-right: 10px; min-height: 0; }
	#mainContent img { max-width: 100%; height: auto; }
	.picHolder img { max-width: 100%; height: auto; }
	table { max-width: 100%; }
	hr { width: 100%; }
	.comment { width: 100%; }
	#footer table { width: 100%; }
	#footer td { width: auto; }
	#wrapper { width: 100%; height: auto; }
	.slider-button { display: none; }
	#slideshow { width: 100%; height: auto; float: none; }
	#slides { width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; }
	#slides li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
	#slides li img { width: 100%; height: 100%; object-fit: cover; }
}

@media (max-width: 700px) {
	html, body, #main, #hold, #right, #mainContent, #wrapper, #slideshow, #slides {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	html, body { overflow-x: hidden; }
	.slider-button { display: none !important; }
	iframe { max-width: 100% !important; }
	#slides li, #slides li img, #pagination {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	#pagination { padding-left: 0 !important; }
}