@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700|Cabin+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=Questrial|Titillium+Web:400|Open+Sans|Lato|Ubuntu);
/*********************************
	GENERAL ELEMENTS
**********************************/
div, body {margin: 0; padding: 0;}
body, html { height:100%; font-size:15px;}
table{border-collapse:collapse; width:100%;}
#body, #menu{ vertical-align:top; background:white; font-family:"Raleway","Open Sans", Arial, Calibri, Cambria;}
a{ text-decoration:none; color: #222;}
a img{text-decoration:none;border:none;}
/*********************************
	HEADERS
**********************************/
.header{
	top:0px;
	position:fixed;
	height:80px;
	background:white;	
}
table.header{
	width:100%;	
}

#body .header .nav{		
	text-align:right;	
	vertical-align:middle;
}

#body .header a{
	display:inline-block;
	vertical-align:middle;
	padding: 5px;
}

.header a h1{
	font-family: "Titillium Web", Arial;
	font-size:2em;
	color:#cac1a6;
	text-shadow: 1px 1px 2px #3d3725;
	margin-left:20px;	
}

#menu .header h1{
	font-family: "Titillium Web", Arial;
	font-size:1.5em;
	color:#DDD;
	text-shadow: 1px 1px 1px black;
	display: inline-block;
	margin-top:30px;
}

.header div#login_box{
	background: #EEE;
	border-radius:3px;
	display:none;	
	padding:5px;	
}
div#login_box form{
	margin:0px;
	padding:0px;
	width:auto;
}
div#login_box input.simple {	
	text-align:center;	
}
a.link{
	padding:5px 10px;	
	background:#EEE;
	border-radius:2px;
	color:#555;
	cursor:pointer;
	margin-left:10px;
}

/*********************************
	BODY
**********************************/
#body{	
	width:100%;
	background:linear-gradient(to right, #888782 5%, #EEE 100%);
	margin:0px;
	min-width:900px;
}

/*********************************
	MENU
**********************************/
#menu{
	width:200px;	
	background:#f9f7eb;
	padding:0px;
	padding-top:100px;
	text-align:center;
	height:100%;
	display:none;
}
#menu .header{
	background:#f9f7eb;
}

#menu .header h1{
	font-family:"Questrial", Calibri;
	color:#222;
}

#menu hr{
	margin:0px auto;
	width:50%;
	border:1px solid #111;	
}
#slider{width:200px;}

#menu a{
	display:block;
	padding: 10px 10px;
	margin: 10px 5px;
	border-radius: 3px;
}
#menu a:hover{
	transition: color 0.2s;
	color: white;
}

	/*********************************
		CONTENT
	**********************************/
.right_box{
	margin:auto;
	margin-left:60%;
	width:40%;	
	/*height:500px;*/
	overflow:auto;
}
#content{
	background:url("../img/new_back.png");
	background-repeat:no-repeat;
	min-height:70.5vh;	
	padding:10px 10px;
	margin-top:90px;
	position:relative;
}

.image{
	position:relative;
	margin:0px;
	padding:0px;
}

.text{	
	margin-top:0;
	margin-left:49%;
	width:50%;	
	border:1px solid gray;
}
.image img{
	max-width:100%;	
}

.text h1{
	text-shadow:1px 1px 1px #222;
	text-align:center;
	font-size:4em;
	color:#333;
}

input.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #1c1b18;
	-webkit-box-shadow: 0px 1px 0px 0px #1c1b18;
	box-shadow: 0px 1px 0px 0px #1c1b18;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	margin:20px 0px;
	padding:12px 76px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
input.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
}
input.myButton:active {
	position:relative;
	top:1px;
}

#content div{
	/*border: 1px solid gray;*/
}

.loader{
	display:inline-block;
	background:url("../img/ajax-loader.gif");
	width:16px;
	height:16px;
}
.invalid{
	display:inline-block;
	background:url("../img/delete.png");
	width:16px;
	height:16px;
}

/*********************************
	HOME PAGE STYLE
**********************************/

#text_home{	
	margin:0;
	margin-left:48%;
	width:50%;	
	padding:0px;
	/*min-height:500px;
	border:1px solid #AAA;
	background:none;*/
	overflow:auto;
}

#text_home h1{
	text-shadow:1px 1px 1px #222;
	text-align:center;
	font-size:3.3em;
	color:#111;
}

#text_home ol {
	margin-left:28%;
	text-align:left;
}

#text_home ol li{
	font-weight:normal;
	font-size:1.8em;	
	margin:20px 0px;
	color:#111;
}

input.home_button{	
	background:#5d5d5d;
	border:none;
	border-radius:5px;
	color:#d8d8d8;
	padding: 15px 50px;
	font-size:1.2em;
	font-weight:bold;
	font-family:"Questrial";
	text-align:center;
	display:block;
	margin:auto;
	margin-top:50px;
	cursor:pointer;
}

input.home_button:hover{
	color:white;	
}
#content > form {
  min-height: 500px;
}
.authorisde_logo {
  bottom: 15px;
  position: absolute;
  right: 15px;
  text-align: right;
}
.step-3 .authorisde_logo {
  bottom: 0;
  margin-top: 10px;
  position: relative;
}
.step-3 div.AuthorizeNetSeal{display:inline-block;}

/*********************************
	FORM
**********************************/
#form table th{
	text-align:left;
	background:#EEE;
	padding:5px 10px;
}
#form h1{	
	margin:10px 0px;	
	text-align:left;
	color:#333;
	font-size:1.5em;
	text-shadow: 1px 1px 1px gray;
	border-bottom: 3px double #555;
	padding-bottom:10px;
}
#service_title{
	font-weight:bold;
}

#form{		
	margin:auto;
	margin-left:50%;
	width:50%;	
	/*height:500px;*/
	overflow:auto;
	font-family:Sans serif;
	font-size:12px;
}
form table{
	width:100%;
	/*background:#DDD;
	border:3px outset #ddd;	*/
}
#form table tr td {
	text-align:auto;
	padding:5px;
	/*border-bottom:1px solid #AAA;*/
}
form table tr.buttons_line > td{
	border-top: 3px double #555;
}
td.label {		
	width:300px;
	vertical-align:middle;
	text-align:left;
}

input.normal {
	padding: 5px 15px 5px 5px;
	border-radius:3px;
	border:1px solid #AAA;
	width:300px;
}
select.normal{
	width:300px;
	padding: 5px 15px 5px 5px;	
	border-radius:3px;
	background:white;
}
textarea{
	width:300px;
	min-height:60px;
	padding: 5px 15px 5px 5px;
	border-radius:3px;
}
textarea.full{
	width:90%;
	min-height:200px;
	padding: 5px 15px 5px 5px;
	border-radius:3px;
}
.small{
	padding: 5px 15px 5px 5px;
	border-radius:3px;
	width:170px;	
	border:1px solid #AAA;
	
}
.xsmall{	
	padding: 5px 15px 5px 5px;
	border-radius:3px;
	width:50px;	
	border:1px solid #AAA;
	text-align:center;
}

#datepicker{
	height:270px;	
	font-family:Arial;
	font-size:1.2em;	
}

#datepicker table{
	border:none;
	background:none;
	font-family:Arial, "Questria", "Ubuntu";	
}

#schedule, #personal, #review, #checkout{
	/* display:none; */
}

input.stepButton {
	background:#5d5d5d;
	border:none;
	border-radius:5px;
	color:#d8d8d8;
	padding: 10px 25px;
	font-size:0.8em;
	font-weight:bold;
	font-family:"Questrial";	
	margin-top:10px;
	cursor:pointer;
}
input.stepButton:hover {	
	color:white;
}
input.stepButton:active {
	color:#ce9c1d;
}

input.next_step_button {
	background:white;
	border:1px solid #ce9c1d;
	border-color:#CCC;
	border-radius:5px;
	color:#ce9c1d;
	padding: 10px 25px;
	font-size:1em;
	font-weight:bold;
	font-family:"Questrial";	
	margin-top:10px;
	cursor:pointer;
}
input.next_step_button:hover {	
	border:1px solid #ce9c1d;
}

.fl-right{
	float:right;
}
#fee{
	margin-top:13px;
	font-size:15px;
	font-family:Arial;
}
.smaller{
	font-size:0.9em;
}

table.list {
	border:1px solid #CCC;
	font-size:0.8em;
	margin:20px 0px;
}
table.list tr td, table.list th{padding:10px;}
table.list input[type='button'].simple{
	background:linear-gradient(to bottom, #BBB 5%, #999 100%);
	border:2px solid #AAA;
	border-radius:3px;
	color:#555;
	padding: 5px 10px;
	font-size:1em;	
	font-family:"Ubuntu","Questrial";
	text-align:center;
	display:block;
	margin:auto;
	cursor:pointer;
}
table.list input[type='button'].simple:hover{
	background:linear-gradient(to bottom, #BBB 5%, #AAA 100%);
	color:#888;
}
table.list p{
	margin:0px;
	font-size:14px;
	text-align:center;
	background:none;
}
table.list th{
	background:white;
}

table.list select.no_bg{
	background:none;
	border:none;
}
.bold{
	font-weight:bold;
}

table.list form{display:inline;}

table.list tr:nth-child(odd){background: #ebebeb;}
table.list table tr:nth-child(odd){background: none;}
/**********************************
	REVIEW PAGE
***********************************/

#review table{
	font-family: "Sans serif", "Questrial", Cambria, Arial;	
	text-align:default;
}
#review table td{
	border:none;
}
input, select {
	font-family:"Sans serif", "Questrial", Cambria, Arial;	
}
textarea{
	font-family:"Ubuntu", Cambria, Arial;
	font-size:1em;
}
#review td.entry_label{
	text-align:right;
	width:120px;	
	vertical-align:top;
}
#review td.entry_data{	
	font-weight: bold;
	font-size:1em;
}
.bdr-bottom td, #review table tr.bdr-bottom td{
	border-bottom:2px solid #222;
}
.bdr-top td, #review table tr.bdr-top td{
	border-top:2px solid #222;
}
.choice{
	color:#555;
	font-weight:bold;
}
/**********************************
	REVIEW LIST
***********************************/
.review_box td{
	padding:1%;
}
.review_box {
	font-family: "Sans serif", "Ubuntu", Arial;
	font-size: 0.9em;
	display:block;
	width:95%;
	padding:1%;
	border:none;
	border-radius:0px;
	background: rgba(0, 0, 0, 0.05);
	margin: 5px;
}

.review_box .comment_text{	
	border-top: 1px solid #DDD;
}

/**********************************
	FAQ LIST
***********************************/
.empty_list{
	background:#f9f7eb;
	text-align:center;
	padding:10px;
	font-family:"Ubuntu", Calibri;
}

/*********************************
	CHECKOUT
**********************************/

#checkout table tr td{
	vertical-align:middle;	
}
a.info{
	font-family: Calibri;
	font-size:0.8em;
	color:blue;
	text-decoration:default;
}
td.label_top{
	vertical-align:top;
}

/*********************************
	CONFIRMATION PAGE
**********************************/

#confirmation{
	width:35%;
	margin-left:60%;	
	font-family: Arial, Courier;
}

div.success{
	/*border-radius:3px;
	border:1px solid #057812;
	background:#c8fcce;	
	font-family: Courier;
	margin:10px 0px;*/
	color: #057812;
}

#confirmation h1{
	text-align:left;
	font-size:3em;	
	margin:15px 0px;
	font-family:"Questrial";
}

.order_id{color:#c8fcce;}

#confirmation p{
	margin:5px 0px;
	text-align:left;
}

div.error{
	border-radius:3px;
	border:1px solid red;
	background:black;
	color: red;
	text-align:center;
	font-family: Courier;
	margin:10px 0px;
}

div.error p{
	margin:5px 0px;
	font-size:0.8em;	
}

input.simple_button{	
	background:#5d5d5d;
	border:none;
	border-radius:5px;
	color:#d8d8d8;
	padding: 15px 50px;
	font-size:1.2em;
	font-weight:bold;
	font-family:"Questrial";
	text-align:center;	
	margin:auto;
	margin-top:10px;
	cursor:pointer;
}

input.simple_button:hover{
	color:white;	
}
/*********************************
	TERMS AND CONDITION PAGE STYLE
**********************************/

#full{
	padding:10px;
	font-family: "Lato","Arial";
	margin-top:90px;
}
.t-al-just{
	text-align:justify;
}

/*********************************
	FOOTER
**********************************/
footer{
	padding: 10px 0px 5px 0px;	
	margin:0px;
	background:#e7e7e5;
	/*border-top:1px solid #555;*/
	color:#222;
	font-size:0.9em;
}
footer h1{
	margin:0;	
	font-size:0.9em;	
	display:inline-block;	
}

footer a img{	
	max-height:25px;
	margin : 0px 5px 0 5px;
}
footer a img:hover{		
	padding:0px;
}
footer .footer-contact{
	float:right;
	text-align: right;
	display: inline-block;
	padding-right:5px;
}
.footer-phone{
	font-size: 2em;
	text-shadow:1px 1px silver;
}
footer ul{
	display:inline-block;
	width:15%;	
	min-width:150px;
	margin:0px;
	padding:0px;
}

footer ul li{
	list-style:none;
	margin-left:20px;
	text-align:left;
}
footer ul li a {
	display:block;
	padding:10px;
	border-radius:3px;
	color:#222;
	font-size:0.9em;
	text-shadow:1px 1px silver;
	/*text-shadow:1px 1px 2px #222;*/
}
footer ul li a:hover {
	display:block;
	font-weight:bold;
	font-size:0.9em;
}
.authorize{
	display: inline-block;
	border:none;
	margin-left:65px;
	margin-top: 0px;
}
.asterisk {
	color:#C00;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}