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

/* order system 2011 */

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; }
#leftcolumn {display:none;}
input[type="checkbox"]  {vertical-align: middle}

.getDetails {display:none;}
.FEGRNDnote {float: left; width: 100%; text-align: center; font-size: 1em; font-style:italic; }
#tabs {  position: relative;  float: none; margin: 0 auto -0px auto;  min-width: 720px;height: 75px;; }
#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; text-indent: 0px;margin-top: -3px; }
#shipInfo { font-size: 90%;  }
#cardInfo {}
.shipInfoRow { display: block; float: left; background: #eee; width: 100%; padding-top: 6px; padding-bottom: 6px; clear: right; margin-bottom: 1px; }
.shipInfoRow:hover { background: #999!important; color:#fff; }
.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; }
#goZip {cursor: pointer; }
#orderArea { position: relative; z-index: 10; padding: 12px; border: 1px solid #000; background: #fff; float: none; overflow:auto; top: -1px; font-size: .8em;  min-height: 320px;  margin: 0px 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: 940px; }

.orderDetailDiv { min-height: 40px; }
#orderArea #geotrust {margin: 1em 0 0; text-align:right;}
.buttons { position: relative; clear: both; width: 100%; margin-top: 12px; text-align: center; }
.updateMsg { Xfloat: left; font-weight: bold; background-color: #CC0000; color: #fff; padding: 12px; text-align: center; width: 80%; clear: both; margin: 0px auto 24px; display: none; -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); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
span.error { color: #F00; line-height: 110%;display: inline-block; }
.label {display: inline-block; width: 100px;}
label { width: auto;     line-height: 130%; }
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) { }
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; }
#orderTotalDesc strong, #orderTotalDesc b {color: #fff!important;}*/

.col1 { width: 2%; text-align: center; }
.col2 { width: 45%; }
.col3 { width: 10%; text-align: center; }
.col4 { width: 20%; text-align: center; }
.col5 { width: 12%; 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; */}
input.error, select.error { border: 1px solid #FF3300; }
.editRow {margin-bottom: 1em; padding: 2% 2% 2% 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}

.bordLeft {border-left: 1px #ccc dotted;}
.bordRight {border-right: 1px #ccc dotted;}

.group1con, .group2con { }
.group1con { border-top: 6px solid #888;}
.group2con { border-bottom: 6px solid #888; margin-bottom: 24px;margin-top:-19px; }


.editThis { margin-right: 8px; font-size: 12px; }
div.editThis {float:right;}
.orderTotalRow { text-align: right; Xwidth: 240px; clear: right; float: right; font-size: 1.1em; }
.orderTotalDesc { text-align: right; width: 100px; margin-right: 4px; float: left;     line-height: 180%; }
.orderTotalAmt { float: left; text-align: left; width: 74px;     line-height: 180%;}
.totBlock { border-top: #ddd 4px solid; border-bottom: #ddd 4px solid; float: right; padding: 12px 0; width: 100%; }

#orderStufffinal {line-height: 120%;}
#orderStufffinal .row {padding-bottom: 1em;}

h4 { color: #0033FF }
#dimopts {display: inline-block; vertical-align: middle; }
#uploadPreview #imgInfo {
    max-width: 180px;
    height: auto;
    vertical-align: middle;
    float: left;
    margin: 0 12px 12px 0;
}
#uploadPreview {line-height: 16px;}
 @media print {
				.col_4 { width: 31.666666666667%!important; float: left!important; clear:none!important;margin-left: 0.83333333333333%!important;
margin-right: 0.83333333333333%!important;  }
*[class*="col_"].alpha { margin-left: 0; }
*[class*="col_"].omega { margin-right: 0; }
.col_1 { width: 6.6666666666667%!important; }
.col_2 { width: 15%!important; }
.col_3 { width: 23.333333333333%!important; }
.col_4 { width: 31.666666666667%!important; }
.col_5 { width: 40%!important; }
.col_6 { width: 48.333333333333%!important; }
.col_7 { width: 56.666666666667%!important; }
.col_8 { width: 65%!important; }
.col_9 { width: 73.333333333333%!important; }
.col_10 { width: 81.666666666667%!important; }
.col_11 { width: 90%!important; }
.col_12 { width: 98.333333333333%!important; }
*[class*="col_"] { margin-left: 0.83333333333333%!important; margin-right: 0.83333333333333%!important; margin-top: 0.5em!important; margin-bottom: 0.5em!important; float: left!important; display: inline-block!important; clear:none!important;}

#orderArea.col_10 { border:none; margin: 0; }
		header {margin: 0}
		.alert2 {background: none; box-shadow:none; border-radius: none; font-weight: normal;  }
			nav, #finders,  #supportTel, footer, button, .button, .clickme, .editThis, #tag, h1, #tabs   {display: none; }	
			#tabs { height: 0px!important; opacity: 0; position: absolute; top: -99999px}
	}