.noBorder 
{
	border-width: 0px;
}

.itemName{
    font-weight: bold;
    color: #414141;
    font-size: 16px;
}

a.itemName {
    font-weight: bold;
    font-size: 16px;
}


.total{
    font-weight: bold;
    color: #414141;
    font-size:20px;
}

.itemDetails{
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #747474;
}

.itemDelivery{
    font-size: 10px;
    font-style: normal;
    color: #313131;
}

.voucherBox {
    display: block;
    border: 3px solid #333;
    padding: 0px;
    width: 180px;
}

.voucherBox h3{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 22px;
    background: #333;
    color: #fff;
    margin-bottom: 16px;
}

.voucherBox label{
    display: block;
    margin-top: -10px;
    margin-left: 5px;
}

.voucherBox input, .voucherBox .cssButton{
    display: block;
    width: 163px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.voucherBox .cssButtonText
{
	width: 160px;
}

.voucherBox a:link, .voucherBox a:visited{
    color: #32618f;
    font-weight: bold;
}

.couponTitle{
    display: block;
    font-weight: bold;
}

.couponLabel {
    display: block;
    margin-top: 5px;
}

.couponTerms{
    margin-top: -10px;
}

.smallPrice{
    font-weight: bold;
    font-size: 14px;
    color: #333;
}

.bigPrice{
    font-weight: bold;
    font-size: 18px;
    color: #790e0e;
}

.tableBlock{

    margin-top:20px;
}

.discountPrice{
    color: #0e7931;
}

.whiteMatte{
	background: #ffffff url(../CustomStyles/images/whiteMatte.gif) bottom repeat-x;
	border: 1px solid #9c9c9c;
	color: #333333;
	display:inline;
	font-weight:bold;
	height:28px;
	padding-bottom:4px;
        cursor: pointer;
}

.blackMatte{
	background: #727272 url(../CustomStyles/images/blackMatte.gif) bottom repeat-x;
	border: 1px solid #717171;
	color: #fff;
	display:inline;
	font-weight:bold;
	height:28px;
	padding-bottom:4px;
        cursor:pointer;
}

.addCourseButton{
    display: inline;
    background: #EEEEEE;
    border: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-align: left;
}

.addCourseLink{
    margin:0;
    padding:0;
    display: block;
    height: 18px;
    text-align: right;
    margin-top: 5px;
}

.addCourseLink a:link, .addCourse a:visited {
    color: blue;
    font-weight: normal;
}

.offerBlock
{
    border-bottom: 1px dashed #999;
    padding: 5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.lastOfferBlock{
    margin: 0;
    padding: 5px;
    padding-top: 0px;
}

.offerBox {
    display: block;
    border: 3px solid #dddddd;
    padding: 0px;
    width: 180px;
    background: #fff;
    margin-bottom:20px;
}

.offerBox h3{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 22px;
    background: #dddddd;
    font-weight: bold;
    color: #414141;
}

.offerBox div.pseudoHR{
    border: none;
    height: 2px;
    background: #ddd;
    line-height: 2px;
}

/* 
    The ".offerBox hr" declaration below had a property that said "!margin-top: -8px;".
    ReSharper was flagging the "!" as invalid CSS, and Caleb couldn't find any documentation that indicated that it was valid.
    He also didn't see the "offerBox" class in use in our codebase or on the live site, so he removed the property 
    to resolve the ReSharper issue. -caleb.bell 2019.02.07
*/
.offerBox hr{

    text-align: left;
    padding: 0;
    margin:0;
    background-color: #555555;
    color: #555555;
    border: 0;
    height: 2px;
}

.offerSpecs{
    display: block;
    padding: 5px;

}

.offerSpecs b{
    font-size: 14px;
}

.offerSpecs ul{
    margin: 0;
    padding: 0;
    margin-left: 25px;
}

.priceBlock{
    font-weight: bold;
    font-size:16px;
    color: green;
}

.removeButton{
    padding: 0;
    margin: 0;
    background: #e9e9e9;
    border: 1px solid #5d0000;
    color: #bb0202;
    font-size: 10px;
    cursor: pointer;
    font-weight: bold;
    margin-right: 5px;
}

.CssButtonDefault .cssButtonText
{
	padding: 5px 0px 5px 0px;
}