.cartpurchaseHeader {
	background-color: Maroon; 
	color: White;
	text-align: left;
}

.cartpurchaseHeader th {
	padding: 5px;
}

.blue {
    color: #000099;
}

td {
	padding: 5px 0 5px 0;
}

td.qtycol {
    width: 85px;
}

/*td.priceCol {
    width: 85px;
}*/

.right {
	float: right;
}

.left {
	float: left;
}

.leftText {
	text-align: left;
    padding-right:25px;
}

.rightText {
    text-align: right;
    padding-right:20px;
}

.rightTextNumeralsPrice {
    /*text-align: right;*/ /*BW - removed 1-22 */
    /* padding-right: 10px; /*BW - could try this to right align 1-22, but mobile to desktop js doesn't reload this class */
}

.SubTotFlright {
    float: right;
}

.red {
	color: red;
}

.bigpromoprice {
    color: #209809;
    /*font-weight: bolder;*/
}

.webinarHours {
    font-weight: 400;
}

.lineheight1 {
    line-height: 1.2em;
}

.TotHrsMleft {
	margin-left: 59px;
}

.SubTotMright {
    margin-right: 95px;
}

.OrigTotMright {
    margin-right: 88px;
    margin-bottom: 15px;
}

.mbottom10 {
	margin-bottom: 10px;
}

.mbottom17 {
   	margin-bottom: 17px; 
}

.mbottom60 {
margin-bottom: 60px;
}

.mbottom {
	margin-bottom: 20px;
}

	.mtop25 {
		position: relative;
		top:25px;
	}

    .border {
	    border: 1px solid black;
    }

    .borderGreen {
	    border: 1px solid green;
    }

/*********************Philip***********************************/
    
    /*.maroonbottomBord td { /*BW - philip added *td* pinpoint table cells instead of the entire row - firefox disappearing border fix.***********
 		border-bottom: 1px solid rgb(134,1,1);
 	}*/

 	
 	/*.CartTable {
 		border-collapse: separate;
 	}*/

     /*.cartItemPackage {
         border-top: 1px solid rgb(134,1,1);
     }*/
 	
 	/*.totalsTable1Red3 td { /*BW - philip added *td* pinpoint table cells instead of the entire row - firefox disappearing border fix.
 		border-bottom: 1px solid #000;
 	}*/

/*.totalsTable1 td {  /*BW - philip added *td* pinpoint table cells instead of the entire row - firefox disappearing border fix.
    border-top: 1px solid black;
}*/

/*.totalsTable1Red {
    border-top: 1px solid maroon;
    border-bottom: 1px solid maroon;
}*/

/*.totalsTable1Red3 { /*BW removed its a dup
    border-top: 1px solid maroon;
    border-bottom: 1px solid maroon;
}*/
/**************ORIG****************************************************/

    .maroonbottomBord {
 		border-bottom: 1px solid maroon;
 	}

    .totalsTable1 {
    border-top: 1px solid black;
}

.totalsTable1Red {
    border-top: 1px solid maroon;
    border-bottom: 1px solid maroon;
}

.totalsTable1Red3 {
    border-top: 1px solid maroon;
    border-bottom: 1px solid maroon;
}

.bottomBord {
	border-bottom: 1px solid black;
	margin-bottom: 10px;
}

/**************ORIG****************************************************/

.testBorder {
	border: solid 1px black;
}

.cartContainer {
	max-width: 768px;
    margin: 0 auto;
}

.remainContainer {
	max-width: 768px;
    margin: 0 auto;
}

.clear {
	clear: both;
}

.bolder {
    font-weight: 700;
}

.font-xSmall {
	font-size: xx-small;
}

.btnContinueShop {
	background: url("../child/btnContinueShop.gif");
	width: 135px;
	height: 22px;
	cursor: pointer;
}
.btnCheckOut {
	background: url("../child/btnCheckOut.gif");
	width: 85px;
	height: 25px;
	cursor: pointer;
}
.btnRecalculate {
	background: url("../images/site_wide/btnRecalculate.gif");
	width: 85px;
	height: 25px;
	cursor: pointer;
	border: none;
	padding: 0;
	border-width: 0;
	border-image: 0;
	-webkit-border-image: none;
}
.btnRemove {
	background: url("../child/btnRemove.gif");
	width: 67px;
	height: 25px;
	cursor: pointer;
}

.SubTotalPromo {
	float: right;
}

thead .mobileCartHeader {
	display: none;
}

.printR {
    cursor: pointer;
}

.payInfoThnx {
    /*padding-bottom: 48px; // commented out desktop view */
}

.subTotal {
    margin-top: -5px;
    padding-right: 15px;
}

/*.totalsTable1 {
    border-top: 1px solid black;
}

.totalsTable1Red {
    border-top: 1px solid maroon;
    border-bottom: 1px solid maroon;
}

.totalsTable1Red3 {
    border-top: 1px solid maroon;
    border-bottom: 1px solid maroon;
}*/

.totHrsLeft{
    position: absolute;
    left: -20px;
}

    .mobileTotals {
        width: 310px;
    }

    .promobox {
        margin-right: 3.7%;
    }

/*jquery classes to hide and show mobile vs desktop table totals depending on device size / viewport window size*/
.totalsHidden {
    visibility:hidden;
    height: 0;
}

.totalsHiddenCollapse {
    display: none;
}

.totalsShow {
   visibility:visible;
}


/* iPads (portrait) ----------- 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
    /* Styles

}*/


@media screen and (min-width: 670px) and  (max-width: 775px ) {

.SubTotMright {
    margin-right: 82px;
}

}

@media screen and (max-width: 690px) {

	.right {
		float: none;
	}	

    .SubTotalPromo {
        float: none;
    }

}

@media screen and (max-width: 670px) {

    img {  /*BW - scale images for responsive layout*/
		max-width: 100%;
	}
	
	.mobileCartHeader {
		border-top: 30px solid maroon;
		color: white;
		text-align: left;
	}
	
	.groupBottom {
		padding-bottom: 20px;
		border-bottom: 3px solid maroon;
	}
	
	tr {
		width: 99%;
		max-width: 669px;
	}

    .rightTextNumeralsPrice {
        text-align: right
    }

	/* Force table to not be like tables anymore */
    CartTable, th, tr, td { 
		display: block; 
	}

	.TotHrsMleft {
		margin-left: 0px;
		margin-bottom: 15px;
	}

    .SubTotMright {
        margin-right: 0px;
    }

    .OrigTotMright {
        margin-right: 0px;
    }

    table {
        display:block;
    }
	
	th {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    tbody {
        display:block;
    }
	
	table td {     /* target just CETable so other table td's don't get these properties and values */
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee !important; 
		position: relative;
		padding-left: 45%;
		text-align: left;
		width:100%;
		box-sizing:border-box;
	}
	
	.CartTable td::before {  /* target just CETable so other table td's don't get these properties and values */
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 4px;
		left: 19px;
		width: 30%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align: left;
	}

    /*.price {
        font-weight: bolder;
    }*/
	
	 .CartTable td:nth-of-type(1)::before { content: "State"; }
	 .CartTable td:nth-of-type(2)::before { content: "Description"; font-weight: 700;}
	 .CartTable td:nth-of-type(3)::before { content: "Fees"; }
	 .CartTable td:nth-of-type(3)::before { content: "Hrs"; }
	 .CartTable td:nth-of-type(4)::before { content: "Price"; text-align: left;}
	 .CartTable td:nth-of-type(5)::before { content: "Quantity"; }
	 .CartTable td:nth-of-type(6)::before { content: "Total Price"; text-align: left; font-weight: 700;}

            .maroonbottomBord td { /*BW - philip added *td* pinpoint table cells instead of the entire row - firefox disappearing border fix.************/
 		border-bottom: none;
 	}

    .totalsTable1 td {  /*BW - philip added *td* pinpoint table cells instead of the entire row - firefox disappearing border fix.*/
    /*border-top: none;*/
    }

    /*.mobileBorder {
        border-top: 1px solid black;
   }*/

    .cartpurchaseHeader th {
        padding:0;
    }
	 
}

@media screen and (max-width: 535px) {

    .mobileLeftTotHrs {
        /*margin-left: 0px;*/
    }
}

@media screen and (max-width: 535px) {

    .SubTotMright {
        margin-left: 0px;
        /*display: none;*/
    }

    .SubTotFlright {
        float: right;
    }

    .OrigTotMright {
        /*margin-right: 126px;*/
        margin-right: 0px;
    }
}

@media screen and (max-width: 435px) {


    .SubTotFlright {
        float: none;
    }

    .OrigTotMright {
        margin-right: 0px;
    }

    .right {
        float: none;
    }

    .SubTotalPromo {
        float: none;
    }

   .mobileTotals {
        width: auto;/*310px;*/
    }

    .mobileLeftMargin {
        margin-left: 0px;  /*10px;*/
    }

    .normal {
        font-weight: lighter;
    }

}


@media screen and (max-width: 355px) {
	
	#ctl00_MainContent_divmanlist {
		width: 200px;
	}
	
	#ctl00_MainContent_ddmanagerlist {
		margin-top: 10px;
	}
	
	.needSpace {
		margin-bottom: 50px;
	}
	
	.needSpace2 {
		margin-top: 10px;
	}
	
}

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
textarea
{
	width: 100%;
	margin-bottom: .5em;
	border: 1px solid #D6D6D6;
	border-radius: 3px;
	padding: 6px 6px 6px 6px;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

select {
    width: 100%;
	margin-bottom: .5em;
	border: 1px solid #D6D6D6;
	border-radius: 3px;
	padding: 5px;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

.cartContinueButton {
    font-size: 14px;
}

.removeFromCartButton {
    color: #a80000;
    border-radius: 5px;
    display: inline-block;
    padding: 4px 8px 4px 8px;
    font-weight: 700;
    font-size: 12px;
    border: 0px solid #4B6994;
    background: none;
    text-decoration: underline;
}

.promoline {
    vertical-align: middle;
}

.promoline i {
    cursor: pointer;
    vertical-align: middle;
    color: #909090;
}

.promoline i:hover {
    opacity: .5;
}

.promoline span {
    vertical-align: middle;
}

.promoError {
    display: inline-block;
    margin-right: 2em;
}

.applyCodeButton {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #cfcfcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#cfcfcf));
    background: -webkit-linear-gradient(top, #fff 0%,#cfcfcf 100%);
    background: -o-linear-gradient(top, #fff 0%,#cfcfcf 100%);
    background: -ms-linear-gradient(top, #fff 0%,#cfcfcf 100%);
    background: linear-gradient(to bottom, #fff 0%,#cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{#fff}', endColorstr='#{#cfcfcf}',GradientType=0 );
    border: 1px solid #BABABA;
    padding: 4px 8px 4px 8px;
    font-weight: 700;
    font-size: 12px;
    border-radius: 5px;
    color: #595959;
}

.material-icons.md-16 { font-size: 16px; }