/* CSS Document */
/*
!!!!!!!!!! just a reminder
          * (astrick) effects IE 6 & 7
          _ (underscore) effects IE 6 only
*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* classes for incomplete */
.incomplete {
	color: Fuchsia;
	font-variant: small-caps;
	font-weight: bold;
}
a.incomplete img {
	border: 1px solid Fuchsia;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* classes for overall */
* {
}
.Exo {font-family: "Exo", "Arial MT", Arial, Helvetica, sans-serif;}
.Light {font-weight: 200;}
.Normal {font-weight: 400;}
.Medium {font-weight: 500;}
.SemiBold {font-weight: 600;}
.Bold {font-weight: 700;}
.ExtraBold {font-weight: 800;}

body {
  margin: 0px;
  margin-top: -20px;
  padding: 0px;
  background-color: #fff;
	line-height: 18px;
	font-family: "Arial MT", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
}
div {
  margin: 0px;
  padding: 0px;
}
div.Shell {
	width: 1000px;
	margin: 0px auto; 
}
div.ModalPopup {
  display: none;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  overflow: auto;
  *overflow: visible;
}
#ModalBackground {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6 */
  top: 0;
  left: 0;
  border: none;
  z-index: 101;
  background-color: #e97911;
  opacity: .25; /* because the jQuery UI styles have a background */
  filter: Alpha(Opacity=25); /* because the jQuery UI styles have a background */
}
#ModalBackground img {
  margin: auto;
}
#idAjaxLoading {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6 */
  top: 0;
  left: 0;
  border: none;
  z-index: 102;
}
#idAjaxLoading td {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
#idPoweredByAI {
  clear: both;
  padding-top: 10px;
  _padding-top: 8px;
  background-color: #fff;
  color: #999;
  font-size: 70%;
}
#idPoweredByAI a, #idPoweredByAI a:hover {
  color: #999;
}
#idPoweredByAI img {
  vertical-align: middle;
}

table {
  margin: 0px;
}
td, th {
	padding: 0;
	text-align: left;
	vertical-align: top;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*    general styles    */
p {
	margin-top: .7em;   /* note margin on TOP */ 
	margin-bottom: .7em;  /* note margin on BOTTOM */
}
p.HalfSpace {
	margin-top: 5px;   /* note margin on TOP */
	margin-bottom: 5px;  /* note margin on BOTTOM */
}
p.BottomOnly {
	margin-top: 0px;   /* note margin on TOP */
}
p.TopOnly {
	margin-bottom: 0px  /* note margin on BOTTOM */
}
a, a:hover {
  color: #666;
	text-decoration: underline;
  cursor: hand;
  cursor: pointer;  
}
a.Plain, a.Plain:hover {
	text-decoration: none;
}
a img {
	border: none;
	cursor: hand;
	cursor: pointer;
}
h1, .Headline {
	margin: 0px;
	margin-top: 2px;
	font-family: "Exo", "Arial MT", Arial, Helvetica, sans-serif;
	font-size: 15pt;
	line-height: 25px;
	font-weight: 600;
	color: #e67213;
}
.SubHeadline {
	font-family: "Exo", "Arial MT", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	color: #e67213;
}
h2 {

}
h3 {
}
h4 {
}
h5 {
}
h6 {
	margin: 0px;
	color: Fuchsia;
	font-variant: small-caps;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
}
big, .Big {
	font-size: 15pt;
	line-height: 20pt;
}
small {
	font-size: 8pt;
}
strong {
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}
em {
  font-style: normal;
  font-weight: bold;
  text-transform: none;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: disc;
	list-style-position: outside;
 	line-height: 16px;
}
ul li {
	margin: 0px 0px 0px 1.2em;
	*margin: 0px 0px 0px 1.3em;
	padding: 2px 0px;
}
ol {
	margin: 0px;
	padding: 0px;
	list-style-type: decimal;
	list-style-position: outside;
 	line-height: 16px;
}
ol li {
	margin: 0px;
	margin-left: 1.4em;
	*margin-left: 1.7em;
	padding: 2px 0px;
}
hr {
  display: block;
	margin: 8px 0px;
	*margin: 2px 0px;
	width: 100%;
	height: 1px;
	border: none;
	background-color: #999;
	*height: 1px;
	*border: 1px solid #999;
}
blockquote {
  margin: 0px;
  padding-left: 20px;
  line-height: 23px;
}
.ClearBoth {
  clear: both;
}
.NoBr {
  white-space: nowrap;
}
.NoDisplay {
  display: none;
}
.Hidden {
  visibility: hidden;
}
.Upper {
  text-transform: uppercase;
}
.Lower {text-transform: lowercase;}
.LineHeightLess {
  line-height: 16px;
}
.AlignRight {
  text-align: right;
}
.Center {
  text-align: center;
}
sup {
  /* cause the line spacing to not expand as it would if these style were not applied */
  position: relative;
/*   top: 5px; */
  top: .45em;
  *top: 1px;
/*   font-size: 8pt; */
  font-size: 75%;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* common styles */
.Orange, a.Orange, a.Orange:hover {color: #e67213;}
.Red, a.Red, a.Red:hover {color: #c33;}
.Teal, a.Teal, a.Teal:hover {color: #006d75;}
.Purple, a.Purple, a.Purple:hover {color: #6f184c;}
.Grey, a.Grey, a.Grey:hover {color: #999;}
.Black, a.Black, a.Black:hover   {color: #010101;}
.Size11 {font-size: 8pt;} /* 11 */
.Size12 {font-size: 9pt;} /* 12 */
.Size13 {font-size: 10pt;} /* 13 (default) */ 
.Size14 {font-size: 11pt;} /* 14 */
.Size16 {font-size: 12pt;} /* 16 */
.Size17 {font-size: 13pt;} /* 16 */
.Size18 {font-size: 14pt; line-height: 20px;} /* 18 */
.Size20 {font-size: 15pt; line-height: 20px;} /* 20 */
.Size22 {font-size: 16pt;} /* 22 */
.Size26 {font-size: 19pt; line-height: 28px;} /* 22 */
 

#idMainArea {
  clear: both;
  background-color: #ede6cd;
}
#idMainArea div.Shell {
  width: 990px;
  border-left: 10px solid #ede6cd;
  background-color: #fff;
}
img.hRule { /* NOT USED ON THIS SITE */
  height: 100px;
  background-color:Fuchsia;
}
img.HR { /* NOT USED ON THIS SITE */
  height: 100px;
  background-color:Fuchsia;
}
input.Qty {width: 20px; text-align: center;}
.Disclaimer {
  font-style: italic;
  font-size: 8pt;
  line-height: 11pt;
}
.Bar {
  height: 37px;
  margin-bottom: 10px;
  padding-left: 13px;
  font-family: "Exo", "Arial MT", Arial, Helvetica, sans-serif;
  font-size: 15pt;
  line-height: 37px;
  font-weight: 600;
  color: #fff;
}
img.PaddedImg {border-top: 3px solid #fff; border-right: 12px solid #fff;}
.PaddedBottom {border-bottom: 15px solid #fff;}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* header and footer styles */
#idHeader {
  height: 191px;
  overflow: hidden;
  background-image: url(../images/banner-bg-left.jpg); 
  background-position: top; 
  background-repeat: repeat-x;
}
#idBannerBgRight {
  width: 4000px;
  background-image: url(../images/banner-bg-right.jpg);
  background-position: top; 
  background-repeat: repeat-x;
}
#idForceBg { /* force white bg in content */
  clear: both;
  height: 10px;
}
#idContentBottomPadding { /* colored bg below content */
  clear: both;
  height: 30px;
}


#idFooter {
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: #262219;
  background-image: url(../images/footer-bg.gif);
  background-position: top; 
  background-repeat: repeat-x;
  font-size: 9pt;
  color: #fff;  
  line-height: 18px;  
}
#idFooter hr {
  margin: 7px 0px;	
}
#idFooter .Orange {
  color: #fc9d02;	
}
#idFooter ul {
  list-style-type: none;
  font-weight: bold;
  text-transform: uppercase;
  color: #fc9d02;	
}
#idFooter ul a {
  color: #fc9d02;	
}
#idFooter ul li {
  margin: 0px;  
  padding: 1px 0px;
  color: #fff;  
  font-weight: normal;
  text-transform: none;
}
#idFooter ul li a {  
  color: #fff;  
}
#idFooter a, #idFooter a:hover {
  text-decoration: none;
}

#idCompanyList {
  clear: both;
  background-color: #fff;
  font-size: 70%;
  line-height: 120%;
}
#idCompanyList img {
  width: 100%;
  height: 1px;
  margin-top: 3px;
  margin-bottom: 14px;
  background-color: #b2b2b2;
}
#idCountiesServed {
  font-size: 70%;
  line-height: 120%;
}

.Bar {background-color: #e77519;}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*    main content styles   */
#idContent {
  width: 719px;
  margin: 0px 0px 0px 251px;
  padding-top: 45px;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*    sidebar styles   */
#idConsultationFormDiv {
  float: right;
  width: 150px;
  background-color: #ccc;
  border-left: 30px solid #fff;
}
#idConsultationFormDiv div {
  padding: 0px 1em 5px 1em;
}
#idConsultationFormDiv p {
  margin: .4em 0px;
}
#idConsultationFormDiv input.UserData, #idConsultationFormDiv textarea.UserData {
  width: 100%; 
  height: 22px; 
  border: none; 
  background-color: #fff;
}
#idConsultationFormDiv textarea.UserData {
  height: 105px;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* nav area styles */
div#idNavArea {
  float: left;
	width: 250px;
	margin: 0px;
	padding: 0px; 
	padding-top: 4px;
  font-family: "Exo", "Arial MT", Arial, Helvetica, sans-serif;
  clear: both;
}
div#idNavArea ul {
	margin: px 0px 0px 0px;
	padding: 0px;
  list-style-type: none;	
}
div#idNavArea ul#idOuterNavUl {
	margin-top: 33px;	
	margin-left: 20px;
}

div#idNavArea ul li {
  margin: 0px;
  padding: 0px;  
  text-transform: uppercase;
  font-weight: 700;
}
div#idNavArea a, div#idNavArea li a, div#idNavArea li div { 
  display: block;
  padding: 12px 0px 2px 0px;  
  text-decoration: none;
}
div#idNavArea li ul {
  margin-left: 15px;
}
div#idNavArea ul ul a, div#idNavArea ul ul li a, div#idNavArea ul ul li div { 
  padding: 5px 0px 2px 0px;  
  text-transform: none;
  font-weight: 500;
  font-size: 9pt;
  line-height: 12px;
}
div#idNavArea a:hover, div#idNavArea li div {
  color: #e67213;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* styles for forms */
form {
	margin: 0;
}
input, select, textarea {
  border: 1px solid #ccc;
	font-family: "Arial MT", Arial, Helvetica, sans-serif;
  color: #666;
	font-size: 10pt;
}
textarea {
	height: 120px;
  overflow: auto;
  _overflow: visible;
}
input.Text, select.Text, textarea.Text {
  height: 19px;
	width: 220px;  
}
textarea.Text {
  height: 124px;  
}
input.Submit, a.Submit {
  padding: .4em 70px;
  *padding: .4em 50px;
  cursor: hand;
  cursor: pointer;  
  background-color: #e67213;
  border: none;
  color: #fff;  
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
img.DatepickerIcon { /* NOT USED ON THIS SITE */
  position: relative; 
  top: 3px; 
  left: .7em;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* styles for images */
.FloatRight {
	float: right;
	margin: 0.3em -1px .7em 30px;
}
.FloatLeft {
	float: left;
	margin: 0.3em 30px .7em 0px;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* classes for validator */
.tfvNormal {
  color: inhert;
}
.tfvHighlight, .inputHighlighted {
	color: #C00;
}
td.tfvNormal, td.tfvHighlight {
	padding: 4px;
	padding-right: 12px;
	text-align: right;
	white-space: nowrap;
}
.inputNormal, .inputHighlighted {
	padding: 4px;
	text-align: left;
	white-space: nowrap;
}
img#imgCaptcha {
  margin-bottom: 5px;
  margin-right: 15px;
}
#captchacode {
  width: 97px;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* classes for product items */
/* works with sbFormatProductItems() in \common\js\site.js */
table.ProductItems {
  margin: 0px 0px 15px 0px;
  line-height: 14px;
  border-bottom: 1px solid #cfcfcf;  
}
table.ProductItems th, table.ProductItems td {
  padding: 3px 0px 3px 0px;
  vertical-align: baseline;
}
table.ProductItems td {
  border-top: 1px solid #cfcfcf;  
}
table.ProductItems th {
  padding-left: 5px;
  background-color: #f6f2e6;
}
table.ProductItems small, table.ProductItems small a {
  color: #999;
  font-weight: normal;
  white-space: nowrap;
}
table.ProductItems .PadLeft {
  padding-left: 30px;
}
table.ProductItems .AlignRight input {
  margin-left: 5px;
}
table.ProductItems .AlignRight {
  white-space: nowrap;
}
table.ProductItems td.Details {
  padding: 0px;
  border: none ;  
}
table.ProductItems div.Details {
  display: none;
  margin-bottom: .7em;
  padding-top: .7em;
}
table.ProductItems ul li {
  list-style-type: none;
  margin-left: 0px;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/