.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



#shopping-cart-container{position:relative; width: 790px;}
#breadcrumb{background: #f0f0f0; height: 23px; left: 439px; position: absolute; top: -55px; overflow:hidden; padding-top:3px; width: 375px;}

/*#breadcrumb ul li{color: #737561; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; list-style:none; margin-right: 18px;}*/
#breadcrumb ul li { color: #737561; float:left; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: bold; list-style: none; margin-right: 18px; }

/*#breadcrumb ul li.current-crumb{color: #333;}*/
#breadcrumb ul li.current-crumb{color: #EE8466;}
/*#breadcrumb ul li.past-crumb{color: #dce196;}*/
#breadcrumb ul li.past-crumb{color: #AAA;}

#crumb-indicator{background: #dbd9d9; height: 6px; position: absolute; top: 20px; width: 100%;}
#crumb-slider{background:#333; height: 6px; left: 10px; position: absolute; width: 49px;}

#messages{background:#f0f0f0; border: 1px solid #b8b7b7; color: #303030; font-size: 1em; margin: 10px 0; overflow:hidden; padding: 8px; width: 770px;}
#messages h4{color: #970F00; padding: 5px;}

/*SHIPPING OPTIONS LIST */
#shopping-cart-shipping-options-table{margin: 10px 0; padding: 0; width: 100%;}

/*#shopping-cart-shipping-options-table thead th{background: #EE8466; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; padding: 3px; text-align: left;}*/
#shopping-cart-shipping-options-table thead th { background: #EE8466; color: #FFF; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: bold; padding: 3px; text-align: left; }

/*#shopping-cart-shipping-options-table tbody td{border-bottom: 1px solid #777; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 7px 10px 7px 3px; }*/
#shopping-cart-shipping-options-table tbody td { border-bottom: 1px solid #777; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.2em; padding: 7px 10px 7px 3px; }

#shopping-cart-shipping-options-table td.line-item-price{text-align: center;}

#shopping-cart-shipping-options-table tbody tr:hover td{
    background: #CFE9FB;
}

#shopping-cart-shipping-options-table tfoot{background: #f0f0f0; height: 25px;}
#shopping-cart-shipping-options-table tfoot td.subtotal{text-align:right;}
#shopping-cart-shipping-options-table tfoot td.subtotal span.label{font-weight: bold;}
#shopping-cart-shipping-options-table tfoot td.subtotal span.price{padding-right: 10px;}

#surfaceFreightTotalCostTop{font-weight: bold; font-size: 1.2em; padding-right: 10px;}

/*SHIPPING SIGNATURE OPTIONS LIST*/
#shopping-cart-signature-options-table{margin: 10px 0; padding: 0; width: 100%;}

/*#shopping-cart-signature-options-table thead th{background: #EE8466; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; padding: 3px; text-align: left;}*/
#shopping-cart-signature-options-table thead th { background: #EE8466; color: #FFF; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: bold; padding: 3px; text-align: left; }

/*#shopping-cart-signature-options-table tbody td{border-bottom: 1px solid #777; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 3px; text-align: left;}*/
#shopping-cart-signature-options-table tbody td { border-bottom: 1px solid #777; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.2em; padding: 3px; text-align: left; }

#shopping-cart-signature-options-table tbody td.right{padding-right: 10px; text-align: right;}

#shopping-cart-signature-options-table tbody tr:hover td{
    background: #CFE9FB;
}

#shopping-cart-signature-options-table tfoot{background: #f0f0f0; height: 25px;}
#shopping-cart-signature-options-table tfoot td.subtotal{text-align:right;}
#shopping-cart-signature-options-table tfoot td.subtotal span.label{font-weight: bold;}
#shopping-cart-signature-options-table tfoot td.subtotal span.price{padding-right: 10px;}

/* SHOPPING CART LIST */
#cart-item-list{margin-top: 30px;}
#shopping-cart-item-list-table{margin: 0; padding: 0; width: 100%;}

/*#shopping-cart-item-list-table thead th{background: #ee8466; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; padding: 3px; text-align: left;}*/
#shopping-cart-item-list-table thead th { background: #ee8466; color: #FFF; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: bold; padding: 3px; text-align: left; }

#shopping-cart-item-list-table thead th.center{text-align: center;}

#shopping-cart-item-list-table tbody tr:hover td{
    background: #CFE9FB;
}

/*#shopping-cart-item-list-table tbody td{border-bottom: 1px solid #777; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; padding:5px 3px;}*/
#shopping-cart-item-list-table tbody td { border-bottom: 1px solid #777; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.2em; padding: 5px 3px; }

#shopping-cart-item-list-table tbody td.line-item-extended-price{padding-right: 10px; text-align: right;}
#shopping-cart-item-list-table tbody td.line-item-price{text-align: right;}
#shopping-cart-item-list-table tbody td.line-item-number{width: 75px;}

#shopping-cart-item-list-table tfoot{background: #f0f0f0; height: 25px;}
/*#shopping-cart-item-list-table tfoot td.subtotal{padding-right: 37px; text-align:center;}*/
#shopping-cart-item-list-table tfoot td.subtotal {
    padding-right: 10px;
    text-align: right;
}
#shopping-cart-item-list-table tfoot td.subtotal-label span.label{
    margin-right: 5px;
     text-align: right;     
}

#shopping-cart-item-list-table tfoot td.subtotal span.label{}
#shopping-cart-item-list-table tfoot td.subtotal span.price{font-weight: bold; font-size: 1.2em; padding-right: 10px;}
#shopping-cart-item-list-table tfoot td.subtotal span.price-a{font-weight: bold; font-size: 1.2em;}

#totals table tbody td{
    border-bottom: 1px solid #ddd;
}

#totals table tbody tr:last-child td{
    border-bottom: none;
}

#totals span.price {
    font-size: 1.2em;
    font-weight: bold;
   padding: 3px 7px 0 0;
}

#totals tr.greybg{
    background: #ddd;   
}


td.line-item-price{text-align: center;}
td.line-item-extended-price{text-align: center;}
td.remove-line-item{width: 30px;}
td.line-item-qty{text-align: center;}

.alert-text{color:#970F00;}


#notes-and-totals{overflow: hidden;}
div.col-left{float:left; width: 385px;}
div.col-right{float:right; width: 210px;}


/*NOTE BOXES*/
div.note-box{background:#f0f0f0; border: 1px solid #b8b7b7; color: #303030; font-size: 1em; margin-top: 10px; overflow:hidden; padding: 8px; width: 525px;}
div.note-icon{float: left; height: 20px; margin: 6px 6px 0 0; width:20px;}

/*div.note-text{float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin-top: 5px; width: 400px;}*/
div.note-text { float: left; font-family:'Roboto', Helvetica, Arial, sans-serif; font-size: 1em; margin-top: 5px; width: 400px; }

/*div.note-text-b{float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin-left: 10px; margin-top: 5px; width: 241px;}*/
div.note-text-b { float: left; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1em; margin-left: 10px; margin-top: 5px; width: 241px; }

div.note-text p{width: 400px;}

div.note-box-a{background:#f0f0f0; border: 1px solid #b8b7b7; color: #303030; font-size: 1em; margin-top: 10px; overflow:hidden; padding: 8px; width: 380px;}
div.note-icon-a{float: left; height: 20px; margin: 6px 6px 0 0; width:20px;}

/*div.note-text-a{font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin-top: 5px;}*/
div.note-text-a { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1em; margin-top: 5px; }

div.note-text-a p{margin-top: 5px; }

#update-cart-button{display: block; float:right; margin-top: 10px; }
#promo-code{float:right;  margin-top: 10px; text-align: left;}
#destination-zip{float: right; margin-top: 10px;  text-align: left;}
.totals-container{float: right; text-align: right; width: 300px; *width: 250px; *position: relative; *right: 40px;}

.clear{clear:both;}

label{font-weight: bold; font-size: 1.2em; padding-right: 5px; text-align: right;}

#cart-nav-buttons{float: right; margin: 30px 5px 10px 0; overflow:hidden;}
/*#cart-nav-buttons{float: right; margin: 30px 32px 10px 0; overflow:hidden;}*/
.float-left{float: left;}
.float-right{float: right;}

#cart-icon{left: 275px; position:absolute; top:-6px;}

.bold-capped{font-weight: bold; text-transform: uppercase;}

#shipping-note{
    width: 770px;
}

#content{
    position: relative;
}

#form-container{
    position:relative;
}


#parcelShipTotalCostTop {
    font-size: 1.1em;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}

.form_container table td {
    color: #737561;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
}

#totals{
    float: right;
    margin-right: 5px;
/*    margin-right: 32px;*/
}


/* totals */
.form_container td.label{
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px;
}

/* Billing Screen */
#billing-note{width: 770px;}
#required-fields{margin-bottom: 10px; width: 770px;}

.address-header, .cc-header{
    background-color: #EE8466;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 10px;
}

#billing-address, #shipping-address {
    float: left;
    width: 390px;
}

#addresses{
    width: 780px;
}

#addresses label, #credit-card label {
    color: #737561;
    float: left;
    /*font-family: arial, helvetica, sans-serif;*/
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    width: 179px;
    text-align: right;
}

#credit-card{
    margin-top: 5px;
}

#credit-card label{
    margin-top: 4px;
}

#addresses .input, #credit-card .input{
    float: right;
    margin-bottom: 5px;
    width: 200px;
}

#addresses .inputCheck{
    margin-bottom: 5px;
}

#cc-left-col, #cc-right-col{
    float: left;
    width: 390px;
}

#credCardSecCode{
    float:left;
    margin-bottom: 5px;
}

.help{
    float:left;
    margin-left: 5px;
}

#cc-date{
    margin-bottom: 5px;
}

.field-error{display:block; font-weight:bold;}
#credit-card label.form-label-error, #adresses label.form-label-error{color: red;}
.form-field-error{background-color: #f59d86; border:1px solid red; color: white;}


/* ------- Review Screen ------- */
div.value {
    /*font-family: Arial, sans-serif;*/
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    
}

/* ------ Reciept Screen ------ */
#print-order-button{
    margin-bottom: 10px;
}

/* ------- MISC ------- */
.center{
    text-align: center;
}

.right{
    text-align: right;
}

.left{
    text-align: left;
}


/* ------- Button Colors ------- */
.cta-primary,
.cart-secondary {
	outline: none;
	margin: 0;
	padding: 0;
	background: transparent;
	cursor: pointer;
	border: none;
	text-decoration: none;
	color: #000;
	font-size: 1rem;
	line-height: 1;
	/*font-family: sans-serif;*/
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
	transition: .5s;
}

.cta-primary {
	padding: 10px 0;
	margin: 5px 0;
	background: #679090;
	color: #fff;
	border: 1px solid #404040;
	border-radius: 3px;
	/*font-family: "Arial Narrow", Arial, Helvetica, sans-serif;*/
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
	display: inline-block;
	text-align: center;
}

.cta-primary:hover {
	background: #4f7777;
	text-decoration: none !important;
	color:  #fff !important;
}

.cart-secondary {
	margin: 5px 0;
	background: #fff;
	color: #404040;
	border: 1px solid #679090;
	border-radius: 3px;
	display: inline-block;
	line-height: 2.25em;
	text-align: center;
	/*font-family: "Arial Narrow", Arial, Helvetica, sans-serif;*/
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.cart-secondary:hover {
	background: #e4e4e4;
	text-decoration: none !important;
	color:  #404040 !important;
}

.cart-width {
	width: 232px;
}

/* ------- Note Box Divs ------- */
div#phone{
    padding-right: 10px;
    width: 280px;
    
}

div#info-email{
    padding-right: 10px;
    width: 213px;
}
    
div#info-email .note-text-b{
    margin-top: 5px;
    width: 174px;
}

#volume-discounts{
    padding-right: 10px;
    padding-top: 5px;
}

#ssl-certs{
    clear: both;
    padding-left: 67px;
}

#ssl-certs .note-text-b{
    width: 150px;
}

#ssl-certs p img{
   display: block;
   padding-left: 11px;
}

#return-policy{
    background: #FF4631;
    border: 1px solid #FF4631;
    padding: 8px;
    width: 525px;
    margin-top: 10px;
}

#return-policy a, #return-policy p{
    color: white;
}

.note-text-b input {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

#ordering-online-note{
    width: 525px;
}

#ordering-online-note-a{
    width: 525px;
}

#fedex-note-{
    width: 525px;
}

/* Holiday Shipping */
.note-box.holiday-shipping { background: #e9f2ff; border: 1px solid #d2dce9; padding: 10px 15px; width: 511px; }
#content .note-box.holiday-shipping h5 { font-size: 16px; margin: 4px 0 8px; padding: 0; color: #244a8d;  }
.holiday-shipping .note-text-a { margin: 0; padding: 0; clear: both; }
#content .note-box.holiday-shipping .note-text-a p { margin: 0px; padding: 0; font-size: 13px; }
#content .note-box.holiday-shipping .note-text-a p > strong { text-transform: uppercase; color: #737661; }
#content .note-box.holiday-shipping ul { padding: 0; margin: 0 0 10px; }
#content .note-box.holiday-shipping ul li { list-style: none; font-size: 12px; margin: 0 20px 8px 0; float: left; }
#content .note-box.holiday-shipping ul li:first-child { margin-right: 55px; }
#content .note-box.holiday-shipping ul li strong { color: #899a92; }
.note-box.holiday-shipping .small-items { width: 270px; }
.note-box.holiday-shipping .equipment { width: 213px; }

.top-note.holiday-shipping { background: #e9f2ff; border: 1px solid #d2dce9; padding: 5px 10px; }
#content .top-note.holiday-shipping h5 { font-size: 16px; margin: 4px 0 8px; padding: 0; color: #244a8d;  }
#content .top-note.holiday-shipping .note-text-a p { margin: 0px; padding: 0; font-size: 13px; }
#content .top-note.holiday-shipping .note-text-a p > strong { text-transform: uppercase; color: #737661; }
#content .top-note.holiday-shipping ul { padding: 0; margin: 0 0 10px; }
#content .top-note.holiday-shipping ul li { list-style: none; font-size: 12px; margin: 2px 0 8px; float: left; }
#content .top-note.holiday-shipping ul li:first-child { margin-right: 25px; }
#content .top-note.holiday-shipping ul li strong { color: #899a92; }
.top-note.holiday-shipping .small-items { width: 340px; margin-right: 35px; }

/*#close, #open {float:right; cursor:pointer; color:#244A8D; font-family:arial; font-size:18px;}*/
#close, #open { float: right; cursor: pointer; color: #244A8D; font-family: 'Roboto', Helvetica, Arial, sans-serif; }

#close:hover, #open:hover {color:#3d94f6;}
