body  {background-color:#e6e1d7; margin:0; padding:0; text-align:center; font-family:Arial; font-size:12px; color:#000;}

#wrapper {width:950px; margin:0 auto; text-align:left;}
#maincontainer {border:1px solid #c5bdac; margin-top:15px;}
#allcontent { background-color:#fff; padding-bottom:17px;}
#mainBody {
   width:910px;
 /*  float:left;
   margin-top:17px; */
   margin-left:19px;
}
#mainBody h1 {font-size:16px; color:#fff; text-indent:15px; letter-spacing:3px; text-transform:uppercase; display:block; width:910px; background-color:#a5a29d; padding:6px 0 6px 0; margin:0; }
#mainBody h2 {
    font-size:16px;
    color:#333;
    margin-top:15px;
    margin-bottom:15px;
    padding:7px;
    background:#ebebea;
}

/* Top Links / Header
----------------------------------------------------------------------------*/
#header {
   width:910px;
   height:55px;
/*   float:left;  */
   padding-top:25px;
   overflow:hidden;
	z-index: 9999;
	background-color:white;
}
.footer{
  display: block;
  position:fixed;
  bottom: 0px;
  left:0px;
  width:100%;
  padding:10px;
}

#logo {
   width:541px;
   float:left;
}

#cartNum {
   float:right;
   width:25px;
   margin-top:7px;
}
#cartNum a {color:#000; text-decoration:none; color:gray; font-size:15px;}
#cartNum a:hover {color:#000; text-decoration:none;}

#contentBox {
   width:910px;
/*   float:left; */
   margin-top:4px;
   min-height:550px;
   height:auto !important; /* For ie6 min-height */
   height:550px; /* For ie6 min-height */
}

#nav {
   width:910px;
   height:28px;
/*   float:left; */
   margin-top:1px;
   background-color:#d6d4ce;
}

/* Left / Navigation
----------------------------------------------------------------------------*/
#left {
   width:146px;
   float:left;
   font-size:13px;
   text-indent:13px;
}
#left ul {list-style-type:none; padding:0; margin:0;}
#left li {display:block; border-bottom:4px solid #fff;}
#left li a {display:block; color:#000; text-decoration:none; padding:8px 0 8px 0; background-color:#d6d4ce;}
#left li a:hover {display:block; color:#000; text-decoration:none; padding:8px 0 8px 0; background-color:#d9d0b4;}

/* Right Side / Pics
----------------------------------------------------------------------------*/
#right {
   width:720px;
   float:left;
   margin-top:38px;
   margin-left:18px;
}
#right h2 {font-size:14px; color:#000; margin-top:0; margin-bottom:10px;}

.textFields {
   width:720px;
   float:left;
   margin-top:10px;
}

.fieldTxt {
   width:75px;
   float:left;
   margin-top:3px;
}

.field {
   width:645px;
   float:left;
}

/* Classes
----------------------------------------------------------------------------*/
/*.picgap {margin-left:19px;} */
.itemwhite {color: white; font-size: 13px; font-family: Helvetica, Arial; font-weight: bold; line-height: 15px; }
.itemreg { color: black; font-size: 12px; font-family: Helvetica, Arial; line-height: 15px; }
.itembd { color: black; font-size: 13px; font-family: Helvetica, Arial; font-weight: bold; line-height: 15px; }
.itemreg { color: black; font-size: 12px; font-family: Helvetica, Arial; line-height: 15px; }
.sm_txt {font-size:11px;}
.ref_header{ font-size:16px; text-decoration:underline;}
hr { color: #e9b76b; background-color: #e9b76b; height: 1px }
a img {border:none;}
img {border:none;}
a {color:#a83806; text-decoration:underline;}
a:hover { text-decoration:none;}
form {padding:0px; margin:0px;}

.popup_dialog{
   position: absolute;
	padding:5px;
	border:1px solid #a5a29d;
	background-color:#e6e1d7;
	z-index: 1000;
}
.popup_dialog a{	cursor: pointer;}

div.report_container{
/*	width:100%;
	height:450px;
	overflow: scroll;
*/
}
table.report{background-color: black; margin:0px; padding:0px;}
table.report td {	background-color:white; padding:2px; margin:1px; white-space: nowrap; overflow:visible; }
table.report th {	font-weight: bold; background-color:white; padding:2px; margin:1px; white-space: nowrap; }
.missing.required{	color: black; width:150px;}
.missing.exempt{	color: #A5A29D; width:150px;}

table.report td .popup_dialog{
	display:inline;
	position: static;
	padding: 1px;
	margin: 1px 1px 1px 5px;
}

.report-nav{	padding:5px 0px 5px 0px; font-weight: bold;}
.report-nav .previous-button,.next-button,.status{   display:inline; padding: 0px 25px 0px 25px;}

form[name=userform] input[type=text]{
	width: 300px;
}

#tabBox {
   width:910px;
   float:left;
}
#tabBox ul {list-style-type:none; padding:0; margin:0;}
#tabBox li {display:inline;}
#tabBox span {display:none;}

.sprite {background:url(images/tabs.gif);}
.sprite2 {background:url(images/tabs2.gif);}

.ptab {width:170px; height:30px; background-position:0 -60px; float:left; text-align:center;}
#tabBox .sprite2.ptab span {font-weight: bold; font-size: 14px; display:block;padding-top:8px;}
#tabBox .sprite2.ptabOn span {font-weight: bold; font-size: 14px; display:block;padding-top:8px;}
.ptab:hover {width:170px; height:30px; background-position:-170px -60px; float:left;}
.ptabOn {width:170px; height:30px; background-position:-170px -60px; float:left;text-align:center;}


#its {width:133px; height:30px; background-position:0 0; float:left; margin-right:1px;}
#its:hover {width:133px; height:30px; background-position:-133px 0; float:left; margin-right:1px;}
#itsOn {width:133px; height:30px; background-position:-133px 0; float:left; margin-right:1px;}

#ots {width:144px; height:30px; background-position:0 -30px; float:left;}
#ots:hover {width:144px; height:30px; background-position:-144px -30px; float:left;}
#otsOn {width:144px; height:30px; background-position:-144px -30px; float:left;}

#dis {width:170px; height:30px; background-position:0 -60px; float:left;}
#dis:hover {width:170px; height:30px; background-position:-170px -60px; float:left;}
#disOn {width:170px; height:30px; background-position:-170px -60px; float:left;}

#req {width:93px; height:30px; background-position:0 -90px; float:left; margin-right:2px;}
#req:hover {width:93px; height:30px; background-position:0 -120px; float:left; margin-right:2px;}
#reqOn {width:93px; height:30px; background-position:0 -120px; float:left; margin-right:2px;}

#opt {width:93px; height:30px; background-position:-95px -90px; float:left; margin-right:2px;}
#opt:hover {width:93px; height:30px; background-position:-95px -120px; float:left; margin-right:2px;}
#optOn {width:93px; height:30px; background-position:-95px -120px; float:left; margin-right:2px;}

#nav .menu{
	margin:0px; padding:0px;
}
#nav .menu .menuitem {
	float: left;
   background-color:#D6D4CE;
}
#nav .menu .menuitem .submenu{
	   background-color:#D6D4CE;
}
#nav .menu .menuitem a{
   display: block;
	float: none;
   text-decoration:none;
   background-color:#D6D4CE;
   border-right:1px solid #FFFFFF;
   color:#000000;
   font-family:Arial;
   font-size:13px;
   padding:6px 20px;
}
#nav .menu .menuitem a:hover{
  background-color: #D9D0B4;
}
#nav .menu .menuitem .submenu{
	position:absolute;
	display:none;
	border:0px;
}
#nav .menu .menuitem .submenu a{border:0px; border-top:1px solid #FFFFFF; }

table.report .ferguson td, table.report .ferguson th, .ferguson td {
	background-color: #ADD8E6;
}
table.report .nonferguson td, table.report .nonferguson th, .nonferguson td {
	background-color: #FFDBD7;
}
table.report .canada td, table.report .canada th, .canada td {
	background-color: #FAFAD2;
}

table.report .deadline {
	background-color: #DCDCDC;
}
table.report .ferguson .deadline {background-color: #22CCCC;}
table.report .nonferguson .deadline {background-color: #CCA1A9;}
table.report .canada .deadline {	background-color: #CCCC22;}

.sectionFooter{clear:both; padding-top:25px;}
.qa_reset{float:right;}
.seq_question{display:none; padding:10px;}
.seq_question ul{text-align:center;list-style:none;}
.seq_question ul li{padding:10px; cursor:pointer; display:inline;}
.seq_question .images {float:left; width:210px;}
.seq_question img{align: left; float:left; margin-right:10px; margin-bottom:10px;}

.warning{
	font-weight: bold;
	color: Red;
}

tr.rsmsummary td{
  padding:0px;
  text-align:right;
}
/*Nick's styles*/
table{width:100%;}
 td{padding-bottom:5px; padding-top:5px}
#contentBox {
   width:910px;
   margin-top: 20px;
   min-height:550px;
   height:auto !important;
   height:550px;
}
#contentBox h3{
    margin-top:40px;
    margin-bottom:20px;
    padding:7px 0 7px 7px;
    background:#d6d4ce;
}
input[type="button"], input[type="submit"],  input[type="file"]::-webkit-file-upload-button, button {
 background:#669966;
 padding:7px 10px;
 color:#fff;
 font-weight:bold;
 border:none;
}
input[name="Clear_Cart"],input[type="reset"], button{
 background:#cc6666;
}
/*Reports*/
.report_container table th{
    background:#a5a29d;
    border-right:1px solid white;
    padding: 2px 2px;
    color: white;
    font-weight: bold;
}
.report_container table td{
     padding:2px;
}
.row-bg td{
    background-color:#d6d4ce !important;
}

/*Product Filter*/
table#filter-hide, input#filter-hide{
 display:none;
}
#filter-toggle{
 font-size: 12px;
cursor: pointer;
background: #669966;
padding: 9px 10px;
color: rgb(255, 255, 255);
font-weight: bold;
border: none;
display: inline-block;
}

.item-header h1, .main-body h3 {background:#a5a29d; font-size:14px; color:#fff; width:100%; font-weight:bold; line-height:17px; font-family:'Droid Sans', sans-serif; text-transform:uppercase; padding:14px 0 14px 14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
/*form.mdl*/
.main-body h4 {  font-size:14px;  width:100%; font-weight:bold; line-height:26px; font-family:'Droid Sans', sans-serif;}

/* SKU BUILD OUT
***********************************/

table.template, table.template td, table.template th {border-color: #000;border-style: solid; width:160px !important;}
table.template {float:left; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse;}
table.template th {margin: 0; padding: 4px; border-width: 1px 1px 0 0; background-color: #c0c0c0;}
table.template td, table.template th {margin: 0; padding: 4px; border-width: 1px 1px 0 0;}
table.template th {margin: 0; padding: 4px; border-width: 1px 1px 0 0; background-color: #c0c0c0; }
table.template tr {height:35px; }

.action-drop, .action-row-drop, .action-cell-drop {cursor: hand; cursor: pointer;}

.col-menu, .row-menu, .cell-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 5px 5px 5px #CCCCCC;
    display: none;
    margin: 23px 0 0 3px;
    position: absolute;
    text-align: left;
    width: 160px;
    z-index: 1000;
}
.col-menu ul, .row-menu ul, .cell-menu ul {
    list-style: none outside none;
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 0;
    padding: 0 0 0 0;
    position: relative;
    top: -10px;
    width: 160px;
}
.col-menu ul li a, .row-menu ul li a, .cell-menu ul li a {
    color: #006699;
    display: block;
    font-size: 13px;
    height: auto;
    padding: 7px 0 7px 16px;
    text-decoration: none;
    width: 144px;
}

.col-menu ul li a:hover, .row-menu ul li a:hover, .cell-menu ul li a:hover {
    background: none repeat scroll 0 0 #EAEFF6;
    color: #006699
}

.foot-links {
  width: 100%;
  float: left;
  margin: 20px 0;
  text-align: center;
}

a.brown {
  color: #A83806;
  text-decoration: underline;
}
a.brown:hover {
  color: #1E6D69;
}

.py-12 {
    padding-top: 0 !important;
}

table tr:nth-child(even) td{
    background-color: #D6D4CE;
}
.inline{
    padding-top:0 !important;
    padding-bottom:0 !important;
    display: inline-block !important;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #1f1f3c;
}

input:focus + .slider {
    box-shadow: 0 0 1px #1f1f3c;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

table.order {
    border-spacing: 2px;
    border-collapse: separate;
    td, th {
        padding: 3px;
    }
}