/*******************

**** Calculator ****

********************/



#calc { font:normal 11px arial; width: 220px; margin-bottom: 20px }



#calc .white {

    color:#fff;

}



#calc a {

    color:#0046ad;

    text-decoration:none;

}



/*

* Calc Typogrpahy

*/



#calc p {

    font: normal 11px/13.3px arial;

    margin: 2px 0 0 0

}



#calc h6 {

    font: bold italic 15px georgia;

    margin: 0;

    color: #fff;

}



#calc h5 {

    font: bold 14px arial;

    margin: 11px 0 0 0;

    display: inline;

    float: left;

    color: #fff;

}



#calc h4 {

    font: bold italic 17px georgia;

    margin: 0;

}



#calc .header_text {

    display: block;

    float: left;

    font: normal 9px arial;

    color: #fff;

    margin:0;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-top: 2px;

}



#calc .alert_text {

    display: block;

    float: right;

    font: normal 10px arial;

    color: #fff;

    margin:0;

    width: 145px;

}



#calc .phone {

    display: block;

    margin-top: 5px;

    font: bold italic 14px georgia;

}





/*

* Form Elements

*/



#calc label {

    font: bold 11px arial;

    margin: 3px 0 0 0;

    float: left;

    vertical-align: middle;

    color: #222;

}



#calc .dropdown {

    font: normal 11px/1 arial;

    float:right;

    vertical-align: middle;

}



#calc .textbox {

    width: 100px;

    float: right;

    border: 1px solid #cccec7;

}



/* Calc layout */



#calc #title {

    font: bold 13px arial;

    background-color: #580027;

    color: #fff;

    padding: 15px 10px 15px 10px;

}



#calc .toggle {

    float: right;

}



#calc #toggle_img:hover {

    cursor: pointer;

}



#calc .header {

    height: 17px;

    font: normal 9px arial;

    background-color: #b9bbb4;

    padding: 4px 5px 0 5px;

}



#calc .module {

    background-color: #ebece8;

    margin: 10px 0 10px 0;

    border: 1px solid #ccc;

    border-bottom: none;

}



#calc .row {

    padding: 6px 5px 6px 5px;

    border-bottom: 1px solid #cccec7;

    clear: both;

    height: 20px

}



#calc .row_subtotal {

    background-color: #fff;

    padding: 10px 0 10px 5px;

    border-bottom: 1px solid #cccec7;

    height: 15px;

    color: #fff;

}



#calc .row_total {

    background-color: #363636;

    height: 40px;

    padding: 10px;

}



#calc .row_alert {

    background-color: #363636;

    padding: 10px 10px 20px 10px;

}



#calc .price {

    float: right;

    font: bold 11px arial;

    padding-top: 3px;

    color: #333;

}



#calc .subtotal {

    float: right;

    font: bold 12px arial;

    padding:0;

    color: #000;

    width: 60px;

    background-color: none;

    text-align: center;

}



#calc .total {

    float: right;

    font: bold 14px arial;

    padding:5px 10px 0 0;

    background-image:url(/sites/default/files/images/calculator/bk_total_all.gif);

    background-repeat: no-repeat;

    color: #000;

    width: 90px;

    height: 35px;

    background-color: none;

    text-align: right;

	

}



#calc .unit_total {

    display: block;

    font: italic 10px arial;

    color: #666;

}



#calc .order_button {

    display: inline;

    margin-right: 10px;

	float: left;

}



.clear {

    clear: both;

}



img {

    border: none;

}



img.alert {

    margin-right: 10px;

}


