/*****  HTML elements *****/
body {
  font:normal 11px Arial, sans-serif;
  color:#000;
  background-color:#fff;
  margin:0;
  padding:0;
}
h1, h2, h3, h4 {
  color:#000;
}
h2 {
  font-size:20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  margin:0;
  padding:0;
}
h3 {
  font-size:13px;
  font-weight:bold;
  margin:0;
}
h3.sectionHeader {
  background-color: #c5d1d9;
}
h3.middleBar {
  border-top:1px solid #a0a9ac;
  border-bottom:1px solid #a0a9ac;
  background-color: #d8e0e5;
  padding:4px 10px 4px 10px;
  font-size:13px;
}
td {
  vertical-align:top;
  color:#5a5a5a;
}
form {
  margin:0;
  padding:0;
}
select, input {
  font-size:11px;
}

/*****  Links  *****/
a:link, a:visited {
  color:#06c;
  text-decoration:underline;
}
a:hover {
  color:#801010;
}
a img {
  vertical-align:middle;
}

/*****   Page structure   *****/
#wrapper {
  width:740px;
  margin:0 auto 10px auto;
  text-align:left;
}
#companyLogo {
  float:left;
  margin-right:25px;
}
#pageTitle {
  margin:30px 0 45px 0;
  padding-top:40px;
}
#mainLogin #pageTitle {
  margin:0;
  padding-top:0;
}
#pageTitleImage {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  vertical-align:middle;
}
/* Add for home page update*/
#customPromoBanner {
	position: relative;
	width: 184px;
	height: 184px;
	float: right;
}
#bannerHome {
	position: relative;
	border: 1px solid #ccc;
	width: 547px;
	height: 182px;
	margin-right: 5px;
	margin-bottom: 6px;
	background-repeat: no-repeat;
	background-position: top left;
}
#bannerBackground {
	position-relative;
	width: 325px;
	height: 182px;
}
#homeBodyMessage {
	position: relative;
	float: right;
	width: 216px;
	height: 182px;
	overflow: auto;
}
#homeBodyMessage p {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.2em;
	font-size: 11px;
}
/* End update */
#bannerTable {
  margin-bottom:6px;
  border-collapse:collapse;
}
#bannerLeft {
  border:1px solid #ccc;
  border-right:0;
}
#bannerLeft img {
  display:block;
}
#bannerRight {
  border:1px solid #ccc;
  border-left:0;
  background:url("../images/main_promo_right.jpg") no-repeat left top;
  width:216px;
  height:182px;
}
#bannerRight p {
  margin:5px 10px 10px 1px;
  line-height:1.4em;
  font-size:11px;
}
#bannerTable img, #catList img {
  display:block;
}
#catList {
  text-align:center;
  font-weight:bold;
  font-size:11px;
  color:#666666;
  border:1px solid #ccc;
  border-bottom:3px solid #801010;
  height:88px;
  margin-bottom:20px;
  padding:0 1px;
}
#catTable td {
  padding:4px 0 4px 4px;
}
#subTotalTable {
	border-top: 1px solid #A0A9AC;
	padding:0px;
	margin:0px;
}
#footer {
  font-size:10px;
  padding: 25px 25px;
}
#footerText {
  /*margin-left:140px;*/
  width: 550px;
  float: right;
}
/*****  pseudo-tables - these selectors are used to simulate a table layout   *****/

div.row {
  clear: both;
}
div.row span.label {
  float: left;
  text-align: right;
}
div.row span.label2 {
  float: left;
  text-align: left;
}
div.row .data {
  float: right;
  text-align: left;
}
div.row .data2 {
  float: right;
  text-align: right;
  margin-right:50px;
}
/***********************************/

/************ Some generic page specific styles ******************/
#home dt {
  font-weight:bold;
}
#home dl {
  margin-left:15px;
  margin-top:5px;
}
#home dd {
  margin:0;
  padding:0;
}
h3.seriesTitle {
  font-size:18px;
  color:#000;
  font-family:Arial, Helvetica, sans-serif;
  margin:0 0 5px 0;
  padding:0;
}
#quickLinks {
  border: 1px solid #a0a9ac;
  margin-left: 5px;
}
#quickLinksFull {
  border: 1px solid #a0a9ac;
}
#quickLinks h3 {
  background-color:#dae0e5;
  font-size:13px;
  padding:4px 0 4px 8px;
  border-bottom:2px solid #a0a9ac;
  margin-bottom:10px;
}
#quickLinksFull h3 {
  background-color:#dae0e5;
  font-size:13px;
  padding:4px 0 4px 8px;
  border-bottom:2px solid #a0a9ac;
  margin-bottom:10px;
}
#quickLinks ul {
  margin:0;
  padding:0;
  list-style:none;
}
#quickLinksFull ul {
  margin:0;
  padding:0;
  list-style:none;
}
#quickLinks li {
  margin:10px;
}
#quickLinksFull li {
  margin:10px;
}

/*****   Text Styles   *****/
.grayText {
	color:#808080;
}
.blkText000 {
	color:#000;
}
.size10 {
  font-size:10px;
}
.size11 {
  font-size:11px;
}
.size11b {
  font-size:11px;
  font-weight:bold;
}
.size12 {
  font-size:12px;
}
.size12b {
  font-size:12px;
  font-weight:bold;
  color:#000;
}
.size14GreenB {
  font-size:14px;
  font-weight:bold;
  color:green;
}
.PriceCat{
    font-weight: bold;
    color: #067149;
    font-size: 18px;
}
.PriceCat13 {
	font-size:12px;
	font-weight: bold;
	color:#5a5a5a;
}
.PriceRed {
  font-weight:bold;
  font-size:16px;
  color:#801010;
}
.noSizePriceRed {
  color:#801010;
}
.boldPriceRed {
  font-weight: bold;
  color:#801010;
}
.PriceSp{
    font-weight: bold;
    color: #B91C21;
    font-size: 18px;
}
.bold {
  font-weight:bold;
  color:#000;
}
.normal {
  font-weight:normal;
}
.asterick {
  color:#f26522;
  font-size:120%;
}
.strike {
  font-weight:bold;
  font-size:12px;
  color:#6d6d6d;
  text-decoration:line-through;
}
.subtotal, .finalPrice {
  font-weight:bold;
  color:#000;
  padding:4px 10px !important;
}
.subtotal {
  border-left:2px solid #a9a289;
  background-color:#e4edf2;
  text-align:center;
  vertical-align:middle;
}
.finalPrice {
  text-align:right;
}
.errorMessage {
  color:#801010;
}
.noUnderline {
  text-decoration:none;
}
.seriesPrice {
  font-weight:bold;
  font-size:15px;
  color:#000;
}

/*****   End text styles   *****/


/************ generic classes *******************************/

.button_default {
  background:#aaa url(../images/reg_button.gif) repeat-x -2px -3px;
  border-left:1px solid #333330;
  border-bottom:1px solid #333330;
  border-top:1px solid #607c90;
  border-right:2px solid #003663;
  color:#000;
  font-weight:bold;
  padding:0 0 0 9px;
}
.button_container {
  background:url(../images/moss_green_btn_rt.gif) no-repeat right top;
}
.button_green {
  background:transparent url(../images/moss_green_btn_lt.gif) no-repeat left top;
  color:#edf3d6;
  font-weight:bold;
  font-size:11px;
  padding:0 0 0 9px;
  margin:0;
  border:0;
  height:18px;
}
.button_disabled_container {
  background: url(../images/disabled_gray_btn_rt.gif) no-repeat right top;
}
.button_disabled {
  background: transparent url(../images/disabled_gray_btn_lt.gif) no-repeat left top;
  color:#D0D5BE;
  font-weight:bold;
  font-size:11px;
  padding:0 0 0 9px;
  margin:0;
  border:0;
  height:18px;
}
.padRightMarginFivePixels {
  margin-right: 5px;
}
.padRightMarginTenPixels {
  margin-right: 10px;
}
.padRightFivePixels {
  margin-right: 5px;
}
.padRightHorizontalFivePixels {
  margin-left: 5px;
  margin-right: 5px;
}
.floatLeft {
  float:left;
}
.floatRight {
  float:right;
}
.alignCenter {
  text-align:center;
}
.alignRight {
  text-align:right;
}
.alignTop {
  vertical-align: top;
}
.layout_alignRight {
  text-align:right !important;
  margin-left:25px !important;
}
.layout_alignCenter {
  text-align:center !important;
}
.gutter6 {
  width:6px;
  border:0;
}
.pad0 {
  padding:0;
}
.greenBar {
  background-color:#e4edf2;
}
.tableBottom {
  border-top:3px solid #6b6d73;
  background-color:#c5d1d9;
}
.viewModelsBtn {
  text-align:center;
  padding:4px !important;
  background-color:#c5d1d9;
  border-top:2px solid #a0a9ac;
  border-right:1px solid #a0a9ac !important;
  border-bottom:1px solid #a0a9ac !important;
}


.blue  {
  width:100%;
  border-left:1px solid #a0a9ac;
  border-right:1px solid #a0a9ac;
  border-bottom:0;
}
.blue th {
  background-color:#c5d1d9;
  color:#5a5a5a;
  padding:4px 10px 4px 10px;
  font-size:11px;
  color:#000;
  border-top:2px solid #a0a9ac;
  text-align: left;
}
.blue td {
  padding:10px;
  font-size:11px;
  border-top:1px solid #a9a289;
}

/*********************** quotes and orders **************************/
.note {
  font-size:10px !important;
  width:450px;
  border-bottom:0 !important;
  color:#5a5a5a !important;
}
.expanded {
  width:100%;
}
.expanded td {
  border:0 !important;
  padding:4px !important;
}
.noBorder {
  border:0 !important;
}
img.alignMiddle {
  vertical-align:middle;
}
.clearB {
  clear:both;
}
.spacer {
	height:1px;
	clear:both;
}
.px2GrayBar {
  border-top:2px solid #3b4850 !important;
}
.reqInfo {
  float:right;
  color:#000;
  font-size:11px;
}
.searchResults {
  padding: 15px;
}
/******************************************************
  Generic styles used by the layout class
  alot of pages share these styles so they are here.
  Be very careful in changing these styles
*****************************************************/
.genericContainer {
  border:1px solid #a0a9ac;
  border-top:2px solid #3b4850;
}
.genericContainer .sectionHeader {
  background-color:#d8e0e5;
  color:#000;
  font-weight:bold;
  padding:4px 10px 4px 7px;
  height:16px;
}
.genericContainer p {
  padding:10px 15px;
  margin:0;
  width:75%;
}
.genericContainer form {
  margin-left:15px;
  margin-bottom:8px;
}
input[type="text"] {
  border-top:1px solid #333;
  border-left:1px solid #333;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.genericTable table {
  width:100%;
  margin-top:12px;
}
.genericTable form {
  margin:0;
}
.genericTable th {
  background-color: #c5d1d9;
  font-size: 11px;
  color: #000;
  border-top: 1px solid #a0a9ac;
  padding: 4px 10px 4px 10px;
}
.genericTable td {
  padding:10px;
  font-size:11px;
  border-top:1px solid #a0a9ac;
}
.genericTable .detailsTable {
  margin-top:0;
  width:100%;
}
.genericTable .detailsTable td {
  border:0;
  padding:4px;
}
.buttons {
  background-color:#c5d1d9;
  border-top:2px solid #a0a9ac;
  padding:8px;
}
a.btnLink:link, a.btnLink:visited {
  color:#333330;
}
a.btnLink:hover {
  color:#801010;
}
.leftCaret {
	text-decoration:none !important;
	color:#801010;
	font-size:16px;
}
.buttons input {
  margin:0 8px 0 0;
}
.inputForm th {
  color:#000;
  padding:0px 15px 5px 15px;
}
.inputForm th .aside {
  color:#5a5a5a;
}
.inputForm td {
  padding:0px 15px 5px 15px;
}

/*
#quotesTable, #quotesTable2 {
  width:100%;
  border-left:1px solid #a0a9ac;
  border-right:1px solid #a0a9ac;
  border-bottom:0;
}
#quotesTable th, #quotesTable2 th {
  background-color:#c5d1d9;
  color:#5a5a5a;
  padding:4px 10px 4px 10px;
}
#quotesTable th {
  font-size:13px;
  border-top:3px solid #5a5a5a;
}
#quotesTable2 th {
  font-size:11px;
  color:#000;
  border-top:2px solid #a0a9ac;
}
#quotesTable td, #quotesTable2 td {
  padding:10px;
  font-size:11px;
}
#quotesTable2 td {
  border-top:1px solid #a0a9ac;
}
#buttons {
  background-color:#c5d1d9;
  border:1px solid #a0a9ac;
  border-top:2px solid #a0a9ac;
  padding:8px;
}
#buttons a {
  color:#333330;
}
#buttons a:hover {
  color:#801010;
}
#buttons input {
  margin:0 8px;
}
*/
/*****   Hacks   *****/
/* stupid IE */
* html #pageTitle {
  padding-top:0;
  margin-top:12px;
}

/* IE doesn't support this one */
input[class="button_default"] {
  padding:0 3px 0 12px;
}
.pageBlurbClass, .pageBlurbErrorClass, .pageBlurbConfirmClass, .pageBlurbErrorHeaderClass, .pageBlurbErrorTextClass {
	padding: 6px 6px 15px 25px;
}
.pageBlurbClass {
	color:#274981;
	background:#fffdd6 url(../images/icon_help.gif) no-repeat 5px 6px;
	border-bottom:1px solid #d3d5ce;
}
.pageBlurbErrorClass {
	background:url(../images/icon_error.gif) no-repeat 5px 6px;
	color:#f71324;
	font-weight:bold;
}
.pageBlurbErrorHeaderClass {
	background:url(../images/icon_error.gif) no-repeat 5px 6px;
	color:#f71324;
	font-weight:bold;
	font-size:110%;
	padding-top:8px;
	padding-bottom:0px;
}
.pageBlurbErrorTextClass {
	color:#f71324;
	font-weight:bold;
	font-size:110%;
	padding: 0px 1px 0px 25px;
}
.pageBlurbConfirmClass {
	background:url(../images/icon_confirm.gif) no-repeat 5px 6px;
	color:#000;
}
.messageQueueError, .messageQueueErrorHeader, .messageQueueErrorText, .messageQueueConfirm, .messageQueueInfo  {
	padding: 7px 6px 15px 25px;
	font-family: arial;
	font-size: 11px; !important;
}
.messageQueueError {
	background:url(../images/icon_error.gif) no-repeat 5px 6px;
	color:#f71324;
	font-weight:bold;
}
.messageQueueErrorHeader {
	background:url(../images/icon_error.gif) no-repeat 5px 6px;
	color:#f71324;
	font-weight:bold;
	font-size:110%;
	padding-top:8px;
	padding-bottom:0px;
}
.messageQueueErrorText {
	color:#f71324;
	font-weight:bold;
	font-size:110%;
	padding: 0px 1px 0px 25px;
}
.messageQueueConfirm {
	color:#000000;
	background:url(../images/icon_confirm.gif) no-repeat 5px 6px;
}
.messageQueueInfo {
	color:#274981;
	background:url(../images/icon_help.gif) no-repeat 5px 6px;
}