/* CSS Document */
/*-------General Starts-------*/
body {
	margin:0;
	padding:0;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
/*	background-color:#00662f; */
}

div, ul, li, p, h2, h5, form, input, label {
	padding:0;
	margin:0;
}

img {
	padding:0;
	margin:0;
	border:none;
	line-height:0px;
	font-size:0px;
	display:block;
}

ul {
	list-style-type:none;
	padding:0;
	margin:0;
	border:0;
}

p {
	/*color:#667361;*/
	color:#663300;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	background-color:inherit;
}

h2 {
	font:normal 20px/20px Arial, Helvetica, sans-serif;
	/*color:#566b78;*/
	color:#663300;
	background-color:inherit;
}

a {
	color:#996633;
	background-color:inherit;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
/*-------General Ends-------*/

#page-menu a {
/*margin-bottom:-25px;*/
color:#663300;
font-weight:bold;
}
#page-menu ul {
width:100%;
}
#page-menu ul li {
float:left;
margin-right:40px;
}

.screensize-computer {
	display:block;
}
	
.screensize-handheld {
	display:none;
}

#page-menu {
		display:block;
	}
	
#page-title-img {
	float: left;
	display:block;
	background-color:#fff;
	width:100%;
	border-bottom: 1px #695750 solid;
}

#page-content {
float:left;
max-width:55%;
margin:20px;
width: calc(55% - 40px);
}
#page-content-gallery {
float:left;
max-width:55%;
margin:20px;
width:55%;
}

#right-details {
float:left;
max-width:45%;
margin:15px;
width: calc(45% - 30px);
}

#order-holder {
padding-top:200px;
}

#class-details{
width:100%;
float:left;
padding-top:150px;
display:none;
}

#bookclass {
float: left;
text-align: center;
width: 255px;
padding-top:5px;
}

#bookmsg{
padding-top:5px; 
float:left; 
width:100%;
color:red;
}

#estimate-holder {
width:100%;
}

#page-content form {
width:100%;
max-width:390px;
padding: 0px;
/*padding-top: 10px;*/
}

#page-content form label {
float:left;
width:20%;
max-width:120px;
/*margin-top:24px;*/
}
	
#page-content form input {
float:left;	
width:80%;	
max-width:300px;
/*margin-top:24px;*/
}

#page-content form textarea{
width:80%;
max-width:300px;
height:63px;
/*margin-top:24px;*/
}

#page-content form select {
float:left;	
width:80%;	
max-width:300px;
margin-top:0px;
}

#page-content form input.submitbt{
width:64px;
float:left;
padding-left:125px;
}

dt {
padding: 0 0 10px 5px;
float:left;
width:calc(30% - 5px);
margin:0px;
}

dd {
padding: 0 0 10px 0;
float:left;
width:70%;
margin:0px;
}

#submit-label {
display:none;
}

#addtransaction dd {
/*padding: 0 0 10px 0;*/
/*float:left;*/
width:auto;
/*margin:0px;*/
}

input#transactiondate.hasDatepicker {
width:100px;
margin-left:5px;
margin-top:4px;
}

input#estdeliverydate.hasDatepicker {
width:100px;
margin-left:5px;
margin-top:5px;
}


#name-label {
color:#663300;
/*padding: 0 0 10px 10px;*/
}

#phone-label {
color:#663300;
/*padding: 0 0 10px 10px;*/
}

#email-label {
color:#663300;
/*padding: 0 0 10px 10px;*/
}

#topic-label {
color:#663300;
/*padding: 0 0 10px 10px;*/
}

#comment-label {
color:#663300;
/*padding: 0 0 10px 10px;*/
}

#yogaclass-label {
width: calc(20% - 15px);
padding-left:15px;
}

#yogadate-label {
width: calc(20% - 15px);
padding-left:15px;
}

#yogatime-label {
width: calc(20% - 15px);
padding-left:15px;
}

/* all labels are this color*/
label {
color:#663300;
}

.errors {
color:orange;
padding-left:45px;
}

#container {
margin-top:100px;
float:left;
width:100%;
}

#container-save-it {
    background: #fcd3c1; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left top, #ffffff, #fcd3c1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #ffffff, #fcd3c1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #ffffff, #fcd3c1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #ffffff, #fcd3c1); /* Standard syntax (must be last) */
}

html {
    min-height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #fcd3c1;
    background-repeat:no-repeat;
    background: -webkit-linear-gradient( left top, #ffffff, #fcd3c1);
    background: -moz-linear-gradient( left top, #ffffff, #fcd3c1);
    background: -ms-linear-gradient( left top, #ffffff, #fcd3c1);
    background: -o-linear-gradient( left top, #ffffff, #fcd3c1);
    background: linear-gradient( left top, #ffffff, #fcd3c1);
}

#grad1 {
    height: 200px;
    background: #fcd3c1; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left top, #ffffff, #fcd3c1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #ffffff, #fcd3c1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #ffffff, #fcd3c1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #ffffff, #fcd3c1); /* Standard syntax (must be last) */
}

/*#container h2{
color:#fff;
}*/

/*#container p{
color:#fff;
}*/

#footer {
float:left;
width:100%;
height:30px;
background-color:#fff;
padding-top:10px;
}

#footer a {
color:#566b78;
font-weight:bold;
}
#footer ul {
width:100%;
}
#footer ul li {
float:left;
width:100px;
}

p.contact_text_padding{
margin: 10px 0px;
}

.yoga-class {
float:left;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 10px;
background-color: #fff;
border: 1px solid #996633;
margin-top:10px;
width:calc(100% - 30px);
}

.yoga-class-title {
padding-top:15px;
}

.yoga-class-description {
float:left;
min-width:250px;
}

.yoga-class-description-2 {
padding-top:10px;
max-width:250px;
}

.yoga-class-image {
width:103px;
padding-top:10px;
padding-left:15px;
}

.form-row {
float:left;
width:100%;
margin-left:10px;
margin-bottom:10px;
}

#form-buttons {
text-align:center;
margin:10px;
}

#login-content {
background: #fff;
width:300px;
margin:20px auto;
border: 1px solid #663300;
}

.content-title {
text-align:center;
margin:5px;
padding-bottom:10px;
}

input#appointmentdate.hasDatepicker {
width:75px;
margin-right:10px;
}

#account-manageappointments {
margin-bottom:20px;
float:left;
width:100%;
}

.scheduledate {
float:left;
width:75px;
border:1px solid #000;
margin:3px;
padding:1px;
}