@charset "utf-8";
/* CSS Document */

/* order system 2011 */
#orderArea #geotrust {
    margin: 1em 0 0;
    text-align: right;
}
XXXhtml { font-size: 80%; }
.dropshadow { -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .4); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .4); box-shadow: 3px 3px 5px rgba(0, 0, 0, .4); }
.halo, .box1 { -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .4); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .4); box-shadow: 0px 0px 12px rgba(0, 0, 0, .4); }
.hide { display: none }

.right {text-align: right; }
.left {text-align: left; }
.center {text-align: center; }
#dimopts span {display:inline; float: left; text-align:center; }
input[type="checkbox"]  {vertical-align: middle}

#tabs {  position: relative;  float: none; margin: 0 auto -0px auto;  min-width: 720px; }
#tabs div {float: left;text-align: center; border: 1px solid #000; padding: 12px; margin-right: 4px; color: #bbb; background: #fff; position: relative; z-index: 9; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }
#tabs div.total { position: absolute; right: 22px; background: #000; color: #fff }
#tabs div.active1, #tabs div.active2, #tabs div.active3, #tabs div.active4, #tabs div.active5 { color: #000; cursor: pointer; }
#tabs div.active1:hover, #tabs div.active2:hover, #tabs div.active3:hover, #tabs div.active4:hover, #tabs div.active5:hover { background: #ccc; }
#tabs div.currentTab { border-top: 1px solid #000; border-right: 1px solid #000; color: #FF6600; font-weight: bold; border-bottom: 1px solid #fff; border-left: 1px solid #000; position: relative; z-index: 11; }
#tabs div.currentTab:hover { background: #fff; }
.tabDesc { font-size: 80%; }
.process { color: red; }
input[type="text"].priceInput { width: 60px; font-size: 100%; border: none; background: #fff; padding: 0px; }
#shipInfo { font-size: 90%;  }
#cardInfo { margin-bottom: 24px; }
.shipInfoRow { display: block; float: left; background: #eee; width: 100%; padding-top: 6px; padding-bottom: 6px; clear: right; margin-bottom: 1px; } 
.shipInfoRow:hover { background: #ddd; }
.shipSelect { background: #FAO; }
.totLabel { width: 80px; float: left; }
.totRow { width: 100%; clear: right; height: 20px; float: left; }
.shipText { display: block; width: 250px; float: left; font-weight: bold;    padding-left: 4px;}
.shipCost { display: block; width: 80px; float: left; text-align: center; }
.shipDate { display: block; width: 100px; float: left; }

#orderArea { position: relative; z-index: 10; padding: 12px; border: 1px solid #000; background: #fff; float: none; overflow:auto; top: -1px; font-size: .9em;  min-height: 400px;  margin: -2px auto 12px auto;   -moz-border-radius-topright: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;  min-width: 720px; }

.orderDetailDiv { min-height: 40px; }
.buttons { position: relative; clear: both; width: 100%; margin-top: 12px; text-align: center; }
.updateMsg {  ; font-weight: bold; background-color: #CC0000; color: #fff; padding: 12px; text-align: center; width: 100%; clear: both; margin: 0px auto 24px; display: none; -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .4); box-shadow: 0px 0px 4px rgba(0, 0, 0, .4); /*border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; */}
span.error { color: #F00; }
.label {display: inline-block; width: 80px;}
label { width: auto; }
label.error { color: red; padding-left: .5em; white-space: nowrap; vertical-align: middle; display: none; }
.errormsg,.errormsg2 { color: red; padding-left: .5em; vertical-align: middle;}
#contactInfoForm label.error { width: 300px; float: left; clear: left; white-space: nowrap; font-weight: bold; }
input.error { background: #FFFFCC; }
#errorBox1, #errorBox2, #errorBox3 { text-align: center; color: red; font-weight: bold; display: none; padding: 12px; }

.alert { padding: 12px; color: #000; background: #FEDE01; border-radius: 12px; box-shadow: 0 0 8px rgba(0,0,0,.7); text-align: center; font-weight: bold; margin: 0 0 6px -12px; display: inline-block; }
.alert2 { padding: 6px; color: #000; background:#FEDE01; border-radius: 6px; width: 90%;margin-bottom: 12px; box-shadow: 0 0 8px rgba(0,0,0,.7);  font-weight:bold; display: block;  }
input placeholder { font-size: 140%; }
/*::-webkit-input-placeholder {color: red;}
:-moz-placeholder {     color: red;  }*/



.greenButton, .greenButton:hover { background: #006600; color: #fff; }
.button:active, .greenButton:active {background: #03C; box-shadow: none; } 

input[type="radio"] { border: none; }
input[type="text"]:focus { -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .4); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .4); box-shadow: 0px 0px 12px rgba(0, 0, 0, .4); }
input[type="text"].readOnly { width: 12px; text-align: center;}
.readOnly{ border:none; padding: 0;  }
.readOnly:focus{box-shadow: none!important; -webkit-box-shadow: none!important; -mozilla-box-shadow: none!important;  }

#shipDetails .row { }
.dropshadow, #orderArea { -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .4); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .4); box-shadow: 3px 3px 5px rgba(0, 0, 0, .4); }
.row, .rowHEADERorder { min-height: 34px; background: #ddd; }
.rowHEADERorder { color: #fff; background: #333; font-weight: bold; }
.row, div.row, div.rowHEADER, div.rowHEADERred, .subrow { float: left; margin-bottom: 1px; width: 100%; clear: both; }
.row:nth-child(even), tr.row:nth-child(even) { background: #eee; color: #000; }
.row:nth-child(odd), tr.row:nth-child(odd) { background: #fff; color: #000; }
div.row:hover, div.row:nth-child(even):hover, div.row:nth-child(odd):hover, tr.row:hover, tr.row:nth-child(even):hover, tr.row:nth-child(odd):hover { background: #ccc; color: #000; }
#orderArea h3 { color: #FF6600; font-size: 190%; }
.blackTxt { color: #000; }
#orderStuff .row { padding-bottom: 6px; }
/*#orderStuff div.row:nth-child(even)  { background: #000; color: #fff;}*/
#orderStuff div.row { background: #ddd; color: #000; }
#orderStuff div.row:nth-child(4n+0) { background: #fff; color: #000; }
div.row:hover, div.row:nth-child(even):hover, div.row:nth-child(odd):hover, tr.row:hover, tr.row:nth-child(even):hover, tr.row:nth-child(odd):hover, #orderStuff div.row:hover { background: #ccc; color: #000; }
#shipDetails .row, #contactInfoForm .row, #billInfoForm .row { background: #fff; padding-left: 4px; margin-bottom: 6px; }
#contactInfoForm .col2 { float: left; clear: none; width: 300px; margin-right: 2%; }
.col1, .col2, .col3, .col4, .col5 { float: left; padding: 1%; font-size: 100%; }
.col1, .col2, .col3, .col4 {}
/*.col1 { width: 20px; text-align: center; }
.col2 { width: 350px; }
.col3 { width: 60px; text-align: center; }
.col4 { width: 120px; text-align: center; }
.col5 { width: 80px; text-align: center; }*/

.col1 { width: 2%; text-align: center; }
.col2 { width: 40%; }
.col3 { width: 13%; text-align: center; }
.col4 { width: 20%; text-align: center; }
.col5 { width: 10%; text-align: center; }

.Xsubrow { float: left; width: 100%; padding: 0px; Xmargin: -1px 0px 0px; }
.subrow .col1, .subrow .col2, .subrow .col3, .subrow .col4, .subrow .col5 { margin: -6px 0px; }
.subrow .col1 { Xwidth: 40px; }
input[type="text"].required {/* border: 1px solid #FF3300; */}
select.required { /*border: 1px solid #FF3300; */}
.editRow { padding: 2%; float: left; width: 96%; clear: both; border-top: 6px solid #000; border-bottom: 6px solid #000; }
.editedeletediv { float: right; text-align: right; white-space: nowrap; min-width: 300px; position: relative; right: 0px; top: 0px; }
/* tooltip styling */
.bt-content { line-height: normal; font-size: 100%; z-index: 99999; }
.bt-active { color: #f52a4c; }
.target { color: #3258A0; cursor: pointer; }

.col1con, .col2con, .col3con { font-size: 12px; min-height: 200px; padding-top: 18px;   }
.col1con { border-right: 1px solid #ccc; }
.col2con { border-right: 1px solid #ccc; }
.col3con { f}
.group1con, .group2con {  margin-left: 12px; }
.group1con { border-top: 6px solid #888;}
.group2con { border-bottom: 6px solid #888; margin-bottom: 24px;margin-top:-19px; }
.editThis { float: right; margin-right: 8px; font-size: 12px; }
.orderTotalRow { text-align: right; Xwidth: 240px; clear: right; float: right;  }
.orderTotalDesc { text-align: right; width: 100px; margin-right: 4px; float: left }
.orderTotalAmt { float: left; text-align: left; width: 74px; }
.totBlock { border-top: #ddd 4px solid; border-bottom: #ddd 4px solid; float: right; padding: 12px 0; width: 100%; }

h4 { color: #0033FF }
#dimopts {display: inline-block; vertical-align: middle; }