/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Filename: styles/screen.css
 * Version: 1.0.0 (2009-02-19) YYYY-MM-DD
 * Website: http://www.kimbersinc.com
 * Author: John H. Cook III
 * Description: Handles the site screen layout.

== STRUCTURE: ==============================
 * Page width: 800 px
 * Number of columns: 1
============================================
*/

body, div, p, h1, h2, h3, h4, form, input, ul, ol { margin:0; padding:0; font-family: Arial, Helvetica, "Droid Sans", sans-serif;} /* RESET ALL MARGIN & PADDING*/
ul, ol, dl { margin:0; padding:0px 0px 0px 25px; }
ul ul, ol ol { list-style: circle; font-size:0.9em; }
dt { margin:0 0 0 -10px; font-weight:bold; }
dd { margin:0 0 10px 0; }

a:link { color:#00F; text-decoration:none; outline:none; }
a:visited { color:#00F; text-decoration:none; outline:none; }
a:active { color:#C00; text-decoration:underline; outline:none; }
a:hover { color:#C00; text-decoration:underline; outline:none; }

html { }
body { background:#DDD; padding:0 0 40px 0; }
h1 { letter-spacing:-1px; }
em { font-family:Georgia, "Times New Roman", Times, serif; }

#HEAD { text-indent:-9999px; background:url(../images/kimbersLogo.jpg) no-repeat top; height:150px; }

#KBOX { background:#FFF; border:solid 2px #558CFF; border-top:solid 2px #0040BE; margin:0 auto; width:800px; }
	#KBOX h1 { clear:both; padding:0 10px; }

#KNAV { letter-spacing:-1px; margin:-50px auto 0 auto; overflow:hidden; width:800px; }
	#KNAV ul { list-style:none; }
	#KNAV ul li { float:left; padding:0 10px 0 0; }
	#KNAV ul li a { display:block; padding:0 10px; text-decoration:none; 
					font-size:18px; line-height:2em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
					-moz-border-radius-topleft:10px;
					-webkit-border-top-left-radius:10px;
					-moz-border-radius-topright:10px;
					-webkit-border-top-right-radius:10px;
					}
	#KNAV ul li:hover { }
	#KNAV ul li a:link, #KNAV ul li a:visited { color:#333;
                                                -webkit-transition: background 0.4s ease-out;
                                                -moz-transition: background 0.4s ease-out;
                                                transition: background 0.4s ease-out;
                                                }
	#KNAV ul li a:active, #KNAV ul li a:hover { color:#FFF; background:#286FFF; text-shadow:0 1px 2px #0040BE; }
	#KNAV .navHere a:link, #KNAV .navHere a:visited { 
  		color:#FFF;
      	text-shadow:0 1px 2px #0040BE;
        background:#0040BE;
		background:-moz-linear-gradient(90deg, #0040BE, #286FFF);
		background:-webkit-gradient(
			linear, left bottom, left top,
			color-stop(0, #0040BE),
			color-stop(1, #286FFF));
      }

#CRUMBS { font-size:12px; clear:both; }
	#CRUMBS ul { list-style:none; }
	#CRUMBS ul li { float:left; padding-right:5px; }
	#CRUMBS { color:#999; }
	#CRUMBS a:link { color:#00F; text-decoration:underline; outline:none; }
	#CRUMBS a:visited { color:#00F; text-decoration:underline; outline:none; }
	#CRUMBS a:active { color:#00F; text-decoration:underline; outline:none; }
	#CRUMBS a:hover { color:#00F; text-decoration:none; outline:none; }

.KHALF { width:48%; float:left; padding:0 1% 1% 1%; }
	.KHALF p { margin:0 0 15px 10px; line-height:1.3em; }
	.KHALF ul, .KHALF ol { padding-left:25px; }
	.KHALF h3 { color:#009; }
	.KHALF h4 { color:#900; }

.KHALF_R { width:48%; float:left; padding:0 1% 1% 1%; }
	.KHALF_R table { width:95%; margin:0 auto 10px auto; clear:both; }
	.KHALF_R p { margin:0 0 15px 10px; line-height:1.3em; }
	.KHALF_R ul, .KHALF_R ol { padding-left:25px; }
	.KHALF_R h3 { color:#009; }
	.KHALF_R h4 { color:#900; }

#KWIDE { width:66%; float:left; padding:0 1% 1% 1%; clear:left; }
	#KWIDE p { margin:0 0 15px 10px; line-height:1.3em; }
	#KWIDE ul, #KWIDE ol { padding-left:25px; }
	#KWIDE h3 { color:#009; }
	#KWIDE h4 { color:#900; }

#KSIDE { width:28%; float:right; padding:0px 1%; border-left:dashed 2px #C4D7FF; }
	#KSIDE p { margin:0 0 15px 0; font-size:14px; }
	#KSIDE h2 { color:#080; }
	#KSIDE h3 { color:#080; letter-spacing:-1px; }
	#KSIDE ul, #KSIDE ol { font-weight:bold; margin-left:5px; }
	#KSIDE ul ul, #KSIDE ol ol { font-weight:normal; }

#KFULL { width:98%; padding:0 1% 1% 1%; clear:both; }
	#KFULL p, #KFULL ul, #KFULL ol { margin:0 0 15px 10px; line-height:1.3em; }
    #KFULL ul li, #KFULL ol li { margin:0 0 5px 0; }
	#KFULL h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
	#KFULL h3 { color:#009; }
	#KFULL h4 { color:#900; }

#KFOOT { background:#EEE; clear:both; width:98%; margin:15px 0 0 0; padding:1%; text-align:right; font-size:12px; color:#777; }

fieldset { border:solid 2px #CCC; }
legend { font-size:1.2em; font-weight:bold; color:#000; }
legend.hider { cursor:pointer; }
.hide { display:none; }

table {
	border-top:solid 1px #999;
	border-right:solid 2px #DDD;
	border-bottom:solid 2px #DDD;
	border-left:solid 1px #999;
  border:1px solid #999;
	background:#FFF; 
	x-moz-border-radius:10px;
	x-webkit-border-radius:10px;
	margin-bottom:10px;
	}
	table th { background:#DDD; border-right:solid 1px #999; border-bottom:solid 1px #999; padding:5px; font-size:1.2em; }

	table th:first-child, .tlround {
	x-moz-border-radius-topleft:10px;
	x-webkit-border-top-left-radius:10px;
		}

	table th:last-child {
	x-moz-border-radius-topright:10px;
	x-webkit-border-top-right-radius:10px;
		}

	table tr:last-child td:first-child {
	x-moz-border-radius-bottomleft:10px;
	x-webkit-border-bottom-left-radius:10px;
		}

	table tr:last-child td:last-child {
	x-moz-border-radius-bottomright:10px;
	x-webkit-border-bottom-right-radius:10px;
		}

	table p { padding:0; margin:0; }
	table ul, table ol { padding:0 0 0 25px; }

input, select, textarea { padding:2px; font-size:18px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-weight:bold; }
select optgroup { font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-style:normal; font-weight:normal; color:#08F; text-transform:uppercase; }
select optgroup option { font-size:18px; font-style:normal; font-weight:bold; font-style:normal; color:#000; }

input:focus {background:#FF0; }
textarea:focus {background:#FF0;}

.alerttable { border:solid 1px #0A0; }
.alerttable th { background:#0A0; color:#FFF; }
.noticetable { border:solid 1px #FFD42A; }
.noticetable th { background:#FFD42A; color:#555; }


.gridTable td { border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; padding:.5%; font-size:.85em; 
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
	}
.gridTable tr:hover td { background:#FFC; }
.trHover tr:hover { background:#FFC; }
.clear { clear:both; }
.clear_left { clear:left; }
.bold { font-weight:bold; }
.tspace { margin-top:10px; }
.small { font-size:10px; }
.smallish { font-size:14px; }
td.part_number { font-size:1.2em; font-weight:bold; }
.large  { font-size:32px; padding:5px 10px; }
.newsData { font-size:12px; color:#777; text-align:right; clear:both; }

.summaryBar { border:solid 1px #FFF; cursor:pointer; padding:5px 10px; font-weight:lighter; color:#00F; font-size:16px; clear:left;
		background:#CCF; 
		background:-moz-linear-gradient(90deg, #CCF, #EEF);
		background:-webkit-gradient(
			linear, left bottom, left top,
			color-stop(0, #CCF),
			color-stop(1, #EEF));
}
.summaryBar:hover { border:solid 1px #FFF;
		background:#CFC; 
		background:-moz-linear-gradient(90deg, #9C9, #CFC);
		background:-webkit-gradient(
			linear, left bottom, left top,
			color-stop(0, #9C9),
			color-stop(1, #CFC));
		}
.fakeSummaryBar {
    border:solid 1px #FFF; padding:5px 10px; font-weight:lighter; font-size:16px; clear:left;
    background:#CCF; 
    background:-moz-linear-gradient(90deg, #CCF, #EEF);
    background:-webkit-gradient(
        linear, left bottom, left top,
        color-stop(0, #CCF),
        color-stop(1, #EEF));
    }

.greenBar { border:solid 1px #0F0; background:url(../images/clickHeadHover.jpg) top repeat-x #090; padding:5px 10px; font-weight:bold; color:#FFF; font-size:14px; }
.detailsBar { padding:0px 10px 0 5px; float:left; width:98%; margin-bottom:10px; }
.order_note { border:dashed 3px #FCC; padding:5px; overflow:auto; margin:0 0 1em 0; background:#F00; color:#FFF; }
.order_note p { font-size:2em; font-weight:bold; }
.mainCats { background:url(../images/mainCats.jpg) top left no-repeat #00F; color:#FFF; padding:10px; border-right:solid 1px #003EBA; border-bottom:solid 1px #003EBA; font-variant:small-caps; }
.gray {color:#999;}
.addLnk { color:#00F; cursor:pointer; }
#txtAddQty { xborder:none; font-size:20px; padding:1px; margin:0; width:15%; text-align:center; }
#txtAddPart { xborder:none; font-size:20px; padding:1px; margin:0; width:65%; }
.droppie table { border-color:#FF0; }
.droppie table th { background-color:#FF0; }
.big_mid_button, .big_disabled_mid_button { width:90%; padding:10px; margin:5px 0; 
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    border:1px solid #999;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
a.big_mid_button { border:1px solid #CCC; background:#EEE; clear:both; display:block; text-align:center; width:35%; }
.big_mid_button:hover { border:1px solid #050; cursor:pointer; background:#CF9; color:#050; }
.loud_but { background:#FCC; color:#D00; border:1px solid #D00; }
.quiet_but { background:#FFF; color:#666; border:1px solid #DDD; }

.big_disabled_mid_button { border:1px dotted #AAA; color:#AAA; }

.fixed { font-family:"Courier New", Courier, monospace; }
.error { display:block; color:#F00; }

.listRuled { list-style:none;margin-left:-25px; }
	.listRuled li { padding:5px; border-bottom:solid 1px #CCC; clear:both; xheight:50px; }
	.listRuled li:last-child { border-bottom:none;}
	.listRuled li strong { font-size:1.2em; clear:right; display:block; }
	.listRuled li img { float:left; display:block; margin-right:5px; }

.ruled { padding:5px; border-bottom:solid 1px #CCC;
	-webkit-transition: background 0.4s ease-out;
    -moz-transition: background 0.4s ease-out;
    transition: background 0.4s ease-out;
	}
	.ruled label:hover { background-color:#EFE; font-size:14px; cursor:pointer; }
	.ruled:hover { background:#EEE; }

.searchShrink { font-size:14px; }
	.searchShrink th, .searchShrink td { font-size:14px; }
	.searchShrink input, .searchShrink select {text-transform:uppercase; font-size:14px; }
	.searchShrink input[type=text] { width:90%; }
.gr { background:#DFD; padding:5px; }
.ye { background:#FFD; padding:5px; }
.rd { background:#FDD; padding:5px; }
.hl { background:#FF0; padding:0; }
.altbg td { border-bottom:solid 1px #CCC; background: #EEE; color:#555;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
  background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
  }

.newbg td { border-bottom:solid 1px #CCC; background: #CFC; color:#555;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCFFCC');
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCFFCC));
  background: -moz-linear-gradient(top, #FFFFFF, #CCFFCC);
  }

.opebg td { border-bottom:solid 1px #CCC; background: #FFC; color:#555;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFCC');
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFCC));
  background: -moz-linear-gradient(top, #FFFFFF, #FFFFCC);
  }

.netdlr td { border-bottom:solid 1px #CCC; background: #FCF; color:#555;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFCCFF');
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFCCFF));
  background: -moz-linear-gradient(top, #FFFFFF, #FFCCFF);
  }

.pbbg td { border-bottom:solid 1px #CCC; background: #FC9; color:#555;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFCC99');
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFCC99));
  background: -moz-linear-gradient(top, #FFFFFF, #FFCC99);
  }

.newbg td { background: url(../images/newBG.gif) top repeat-x #CFC; border-bottom:solid 1px #0F0; }
.opebg td { background: url(../images/opeBG.gif) top repeat-x #FFC; border-bottom:solid 1px #990; }
.netdlr td { background: url(../images/netDLR.gif) top repeat-x #FCF; border-bottom:solid 1px #909; }
.pbbg td { background: url(../images/pbBG.gif) top repeat-x #FC9; border-bottom:solid 1px #F90; }

.altbg:hover td,
.newbg:hover td,
.opebg:hover td,
.netbg:hover td,
.pbbg:hover td
 { color:#000; background:#CF9; }

.pdf:hover { background: url(../images/pdf.png) bottom right no-repeat; z-index:10; }
.temp { cursor:pointer; }
.discount { color:#000; background:#FDF; }
.alertBox { background:#FFD; border-left:solid 1px #990; border-top:solid 1px #990; border-right:solid 2px #990; border-bottom:solid 2px #990; padding:10px; x-moz-border-radius:10px; x-webkit-border-radius:10px; }
.alertBoxClose { float:right; font-size:12px; cursor:pointer; color:#00F; }

.po_highlight { font-weight:bold; }

.upoTable a { display:block; padding:3px; }
	.upoTable td:hover { background:#FFC; }
    
.updates { font-size:22px; font-weight:bold; letter-spacing:-1px; text-align:center; }
.vertpad { padding:5px 0; }
.fs_1_2 { font-size:1.2em; }