@charset "UTF-8";

/* Mobile Layout: 480px and below. */


.cart_table {
	border-collapse: collapse;
	width:100%;
}
.cart_table th {
	background-color:#fbd67c;
	padding:10px;
	vertical-align:center;
	text-align:left;
}
.cart_table td {
	padding:10px;
	border-bottom: solid 1px #999999;
	font-size:.9em;
	vertical-align:top;
}
.cart_table tr {
	background:#fff;
}

.cart_error {
	color:firebrick;
	border:solid 1px firebrick;
	padding:10px;
	background-color:#ffffdd;
	font-family: verdana;
	font-size: .8em;
	margin-left: auto;
	margin-right: auto;
}
.cart_error_txt {
	color:firebrick;
	/*border:solid 1px #a31919; */
	/*padding:10px; */
	/*background-color:#ffffdd;*/
	font-family: verdana;
	font-size: .8em;
	font-weight:bold;
	/*width: 80%;*/
	/*margin-left: auto;
	margin-right: auto;*/
}

.action_required {
	font-weight:bold;	
}


/* cart forms */
form.cart {
	width:90%;
	margin:0;
}
input[type=text].cart {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
input[type=email].cart {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
input[type=tel].cart {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
input[type=number].cart {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
input[type=submit].cart {
	margin:auto;
	display:block;
	width:60%;
	padding:15px;
	font-family:arial;
}
input[type=submit].primary {
	/*display: inline-block !important;*/
	margin:auto;
    margin-top: 15px;
	margin-bottom:20px;
	display:block;
	width:60%;
	padding:15px;
	font-family:arial;
	background-color:#ffd200;
	border: solid 1px #afafaf;
}
input[type=button].cart {
	/*display: inline-block !important;*/
	margin:auto;
    margin-top: 15px;
	margin-bottom:20px;
	display:block;
	width:60%;
	padding:15px;
	font-family:arial;
}
input[type=button].primary {
	/*display: inline-block !important;*/
	margin:auto;
    margin-top: 15px;
	margin-bottom:20px;
	display:block;
	width:60%;
	padding:15px;
	font-family:arial;
	background-color:#ffd200;
	border: solid 1px #afafaf;
}
input[type=button].cart_center {
	/*display: inline-block !important;*/
	margin:auto;
    margin-top: 15px;
	margin-bottom:20px;
	display:block;
	width:60%;
	padding:15px;
	font-family:arial;
}
textarea.cart {
	width:100%;
	padding:15px;
	margin-top:10px;
	border:1px solid #dcd9d4;
	border-radius:5px;
	margin-bottom:20px;
	resize:none
}
select.cart {
	margin-bottom:20px;
	width:100%;
	border-radius:5px;
	border:1px solid #dcd9d4;
}
input[type=text]:focus,textarea:focus.cart {
	border-color:#4697e4
}





/*Used on checkout page*/
.checkout_head {
	background-color: #d0d0d1;
	/*font-weight: bold;*/
	padding: 8px;
	border-top: 1px solid #a8a8aa;
	font-size: 1.4em;
}
.checkout_body {
	border: 1px solid #d0d0d1;
	margin-bottom: 10px;
	padding: 10px;
}
.edit_field {
	float:right;
}

/* this is the phone start to new cart stuff */

#subpg_rightcol {
	width: 100%;
}
#subpg_body {
	width: 100%;
}
#subpg_body_full_width {
	width: 100%;
}
#subpg_body_full_width form {
	width: 90%;
	margin-left: 3%;
}

/*#checkout input[type=text].contact, #checkout input[type=email].contact, #checkout input[type=tel].contact, #checkout input[type=number].contact, #checkout textarea.contact, #checkout select.contact {
	width:100%;
}*/



.cart_service_number {
	text-align: center;
	font-family: verdana;
	font-size: .7em;
	padding-bottom:10px;
}


/*.course_in_cart {
	border:1px solid gray;
	padding: 5px;
}*/

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

#cart_leftcol {
	width: 30%;
	float: right;
}
#cart_body {
	width: 67%;
	float: right;
}
/* this is the tablet start to new cart stuff */

#subpg_leftcol {
	/*width: 30%;
	float: left;*/
}

#subpg_body {
	/*width: 67%;
	float: left;*/
}

#subpg_body_full_width {
	width: 70%;
	margin-right:auto;
	margin-left:auto;
	/*margin-left: 12%;*/
}
	/*input[type=button] {
		display: inline-block !important;
		margin:auto;
		margin-top: 15px;
		display:block;
		width:60%;
		padding:15px;
		font-family:arial;
	}*/



.cart_service_number {
	text-align: right;
}

}

/* Desktop 2 column Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {


#subpg_body_full_width {
	width: 60%;
	/*margin-right:auto;
	margin-left:auto;*/
	/*margin-left: 12%;*/
}

#subpg_leftcol {
	width: 30%;
	float: right;
}

#subpg_body {
	width: 67%;
	float: left;
}
/* cart forms */
form.cart {
	width:70%;
	margin:0 15%;
}
input[type=text].cart {
	margin-top:2px;
	padding:5px;
}
input[type=email].cart {
	margin-top:2px;
	padding:5px;
}
input[type=tel].cart {
	margin-top:2px;
	padding:5px;
}
input[type=number].cart {
	margin-top:2px;
	padding:5px;
}
input[type=submit].cart {
	display: inline;
	width:auto;
	margin-bottom:10px;
	padding:11px;
	float: right;
}
input[type=submit].primary {
	display: inline;
	width:auto;
	margin-bottom:10px;
	margin-left:10px;
	padding:10px;
	float: right;
	background-color:#ffd200;
	border: solid 1px #afafaf;
}
input[type=button].cart {
	display: inline;
	width:auto;
	margin-bottom:10px;
	padding:11px;
	float: right;
}

input[type=button].primary {
	display: inline;
	width:auto;
	margin-bottom:10px;
	margin-left:10px;
	padding:10px;
	float: right;
	background-color:#ffd200;
	border: solid 1px #afafaf;
}
input[type=button].cart_center {
	width:33%;
}
input[type=button].center {
	margin:auto;
	display:block;
	width:auto;
	padding:10px;
	font-family:arial;
	margin-bottom:10px;
}
input[type=submit].center {
	margin:auto;
	display:block;
	width:auto;
	padding:10px;
	font-family:arial;
	margin-bottom:10px;
}


/*Used on checkout page*/
.checkout_head {
	/*background-color: #d0d0d1;*/
	/*font-weight: bold;*/
	/*padding: 8px;
	border-top: 1px solid #a8a8aa;
	font-size: 1.4em;*/
}
.checkout_body {
	/*border: 1px solid #d0d0d1;*/
	/*margin-bottom: 10px;
	padding: 10px;*/
	padding-right:20px;
}
.edit_field {
	float:right;
}




}


/* Large 3 column Desktop Layout: 1680px to a max of 1800px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1400px) {

#subpg_body_full_width {
	width: 40%;
}

}