/* CSS Document */

#preLoad {display: none}

#rColContentBorderSub {width: 4px; background:url(/images/sub/rcontentborder.jpg) top left no-repeat; background-color: #424242}
#subTopRow {background: url(/images/sub/rcontenthead.jpg) top left no-repeat; width: 571px; height: 56px;}
#subTitle {position: relative;top: 24px; left: 26px; width: 300px; display: inline;}
#homeLink {position: relative; top: 8px ;left: 511px; width: 50px}
#productInfo {font: bold 13px Arial, Helvetica, sans-serif; color: black;  margin: 20px 15px 0 15px; width: 541px;}
#productInfo tr td {padding-bottom: 10px; border-bottom: 1px solid #ccc; font-weight: bold;}
#productInfo a {color: #666; font-size: 11px; text-decoration: none;}
#productInfo img {margin: 0 0 0 5px}

#main #prodContent p {margin-bottom: 15px}

#imageBox {margin: 0 24px 15px 14px; background: url(/images/sub/imagebox.jpg) top left no-repeat; height: 180px; width: 220px; }
#imageBox table {height: 180px; width: 220px;}
#noImageBox {margin: 0 24px 15px 14px; height: 180px; width: 220px; }
#noImageBox table {height: 180px; width: 220px;}
#noImageBox td {height: 180px; width: 220px;}


#mainProdName a{color: #ccc}

#subContent {font-family: Arial, Helvetica, sans-serif}
#subContent p {font: 12px/14px Arial, Helvetica, sans-serif; color: black; margin: 0 15px 0 0; padding: 0 0 0 0 }
#subContent h1 {font: bold 13px Arial, Helvetica, sans-serif; color: black; margin: 15px 0 17px 0; padding: 0 0 0 0}
#subContent strong {font-weight: bold; color: #202020}

#hRule {padding: 10px 0 10px 0}

#subContent a {font-family: Arial, Helvetica, sans-serif; color: #434F9F}

.dataSheet, .prodID, .prodNSN, .prodPrice, .prodQty {margin-left: 4px; padding-bottom: 1px; width: 225px;}
#subContent .dataSheet {margin-bottom: 19px;}
#subContent .dataSheet a{font-size: 12px; padding-right: 15px; background: url(/images/more-link-icon.gif) right center no-repeat; font-weight: bold; }
#subContent .prodID {font-size: 12px; font-weight: bold;}
#subContent .prodNSN {font-size: 11px}
#subContent .prodPrice {font-size: 12px; font-weight: bold}
#subContent .prodQty {font-size: 11px; margin-bottom: 12px;}
#subContent .prodQty input {width: 40px; margin-left: 4px; border: 2px inset; color: #c3c3c3}

#subContent h2 {font-size: 12px; font-weight: bold; margin: 0 0 0 4px ; padding: 0;}
.accessories ul, .related ul {margin: 0 0 20px 4px; padding: 0 0 0 0; list-style: none; width: 210px;}
.accessories li, .related li {list-style: none; line-height: 100%; margin: 0 0 4px 0}
.accessories a, .related a {font-size: 11px}

#pageBody #container .noBold {font: normal 11px Arial, Helvetica, sans-serif;}

#confirmPage {font: 13px Arial, Helvetica, sans-serif; color: black;}
#confirmPage a {font-family: Arial, Helvetica, sans-serif; color: #434F9F}


#subBox  {width: 299px;}
#subBoxNav a:active{border: none}
#subBoxContent {width: 299px; height: 184px; background: url(/images/sub/sub-box.jpg) top left no-repeat }
#milContent, #lawContent, #secContent {width: 280px;height: 158px; overflow: auto; margin: 10px 0 0 13px; font: 11px/150% Arial, Helvetica, sans-serif; }


#milContent {position: absolute; visibility: visible;}
#lawContent {position: absolute; visibility: hidden;}
#secContent {position: absolute; visibility: hidden;}

/* Articles ---------------------*/
#subContent .pdfWrap {margin: 0 30px 0 20px; padding: 0 20px 15px 0; border-bottom: 1px solid #ccc; clear: both}
#subContent .pdfWrap h2 {font-weight: bold; font-size: 11px; margin: 0 0 0 0; padding: 0 0 0 0; line-height: 140%}
#subContent .pdfWrap h4 {font-size: 11px; font-weight: normal; color: #666; margin: 0 0 0 0; padding: 0 0 0 0; line-height: 140%}
#subContent .pdfPic {float: left; margin: 0 10px 50px 0;}
#subContent .pdfPic img {margin-right: 5px}
#subContent .pdfPic a {font-size: 11px;}
#subContent .pdfDesc {}

/* Sub Page top Area ------------------- */
#subTop {position: relative}
#subTop ul {width: 95%; margin: 10px 0 20px 15px; padding: 0 0 10px 0; border-bottom: 1px solid #ccc}
#subTop ul li {display: inline; margin: 0 0 0 0; border-right: 1px solid #333; padding: 0 5px 0 5px; height: 12px; line-height: 100%}
#subTop ul .last {border-right: none;}
#subTop ul li a {font: bold 12px Arial, Helvetica, sans-serif; color: #2D4A93}

#subTop #wrap {position: relative}
#subTop #back {position: absolute; right: 0; top: 0; margin: 0 0 0 0; padding: 0 0 0 0; width: 125px;}
#subTop #back a {font-size: 11px;}
/* Sub Page Articles Area ------------------------- */
#articleWrap h2, #articleWrap h3, #articleWrap p, #articleWrap a {font: 11px Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 28px} 
#articleWrap {margin: 0 0 0 0; padding: 0 0 0 0; }
#subContent #articleWrap p {padding-bottom: 10px; padding-right: 15px; clear: right; line-height: 140%; }
#articleWrap h1 {font-size: 10px; color: white; text-transform:uppercase; margin: 0 0 4px 0; padding: 7px 0 7px 14px;}
#articleWrap #articleLeft h1  {background: #056FA2; border: 1px solid #056FA2}
#articleWrap #articleRight h1  {background: #023f72; border: 1px solid #023f72}
#articleWrap h2 { padding-top: 10px; padding-right: 15px; font-weight: bold; background:url(images/sub/article-index-arrow-icon.gif) 10px 13px no-repeat }
#articleWrap h3 {font-weight: normal; color: #666;padding-bottom: 15px;}
#articleWrap #articleLeft {width: 263px; display: inline; float: left; margin: 0 14px 0 14px}
#articleWrap #articleRight {width: 263px; display: inline; float: left;}
#articleWrap .pdfLink {text-align: right; padding: 0 14px 0 0; margin-top: 15px; }
#articleWrap .pdfLink a {padding: 20px 0 0 38px; background: url(images/sub/pdf-icon.jpg) top left no-repeat; height: 40px;}
#articleWrap .top {border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding-bottom: 15px; background: url(images/sub/article-hr.gif) bottom center no-repeat}
#articleWrap .bottom {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding-bottom: 15px}

#articleWrap .articleTopBorder {line-height: .001px; font-size: 1px; width: 263px;height: 1px; background: url(/images/sub/article-hr.gif) bottom left repeat-x}

/* Sub Page Product Index ----- */
#category {margin: 18px 15px 25px 15px; border-bottom: 1px solid #ccc; padding: 0 0 5px 10px}
#category h1 {float: left;  margin: 0 5px 0 0; padding: 0 0 0 0; font-size: 12px;}
#category h2 {margin-left: 0}
#category p {line-height: 140%; margin: 0 0 10px 0}
.productIndex {clear: left; display: block;}
.accessoryIndex {clear: left; display: block;}

.productIndex .imageBox {float: left; margin: 0 12px 5px 26px; padding: 0 0 15px 0; height: 111px ; width: 136px; background: url(images/sub/index-photo-box.gif) top left no-repeat;}



.productIndex .imageBox img {margin: 2px 0 0 0}
#subContent .productIndex h5 {line-height: 100%;font: bold 11px Arial, Helvetica, sans-serif;}
#subContent .productIndex h2 {margin-bottom: 5px; margin-right: 20px;}
#category ul {font-size: 11px; margin-left: 5px;}

#subContent .accessoryIndex h5 {line-height: 100%;font: bold 11px Arial, Helvetica, sans-serif;}
#subContent .accessoryIndex h2 {margin-bottom: 5px; margin-right: 20px; margin-left: 28px; display: block;}



/*Shopping Cart ----------------*/
#subContent .cart {font: 11px normal Arial, Helvetica, sans-serif; width: 520px; margin: 0 auto 0 auto; border-top: 1px solid #ccc}
#subContent .cart input {text-align: center;}
#subContent .cart td {padding: 3px}
#shipping, #billing {width: 195px;font-size: 11px;float: left;border: 1px solid #ccc; padding: 5px 0 5px 5px;  position: relative;}
#shipping { margin: 45px 0 27px 34px;padding: 5px 0 5px 5px; width: 235px}
#billing { margin: 45px 0 27px 0;padding: 5px 0 5px 5px; width: 210px;}
#billing h4, #shipping h4, #payment h4 {font-size: 11px; margin: 0 0 0 0; padding: 0 0 0 0;}
#payment, #comments {width: 255px;font-size: 11px;float: left; padding: 5px 15px 5px 5px; position: relative;}
#payment {margin: 0 38px 0 34px}
#comments {margin: 0 0 0 0}
#subContent .change { position: absolute; top: 5px; right: 5px; }
#comments label {display: block; font: bold 11px Arial, Helvetica, sans-serif;margin: 0 3px 11px 3px;
 margin-bottom: 11px}
#payment label {margin-bottom: 5px; display: block; float: left; clear: left}
 
 
 
 
 /* Button styles ------- */
.button {height: 23px; font: 11px Arial, Helvetica, sans-serif; color: white; padding: 0 0 0 0 ;border: 1px solid #3E4066; text-decoration: none; background:url(images/buttons/button-bg.jpg) top left repeat-x #3e4066; margin: 0 0 0 8px; line-height: 100%}

a.button {display: table-cell; _display: inline_block; width: auto; padding: 4px; height: 15px}

a#submit {color: white;}
/* Form Styling -- */
#contact .formRow {}
#contact div {margin: 0 0 10px 0; padding: 0 0 0 0; clear: both;}
#contact {padding: 0 0 0 0; position: relative; font: 12px Arial, Helvetica, sans-serif; margin: 30px 0 5px 30px;border: 0; width: 400px; clear: both;}
#contact legend {white-space: normal;  font: bold 12px Arial, Helvetica, sans-serif;  margin: 0 0 15px 0; padding: 0 0 0 0; line-height: 140%}
#contact label {color: black;  margin: 0 10px 0 0; padding: 5px 0 0 0; width: 115px; text-align: right; display: block; float: left; clear: left;}
#contact input, #contact select, #contact textarea {margin: 0px 0 0px 0px; font-family: Arial, Helvetica, sans-serif }

/* Form Styling NEW -- */
#contact #radioBtns, #contact #checkBoxTable  {margin: 0px 0 10px 125px; padding: 0; clear: both;}

#contact #checkBoxTable  {margin: 10px 0 10px 25px; text-align: right;}

#contact #radioBtns label, #contact #checkBoxTable label {margin: 0px; padding: 0px 10px 0px 0px; width: 180px; text-align: left;  float: none;}
#contact #radioBtns input, #contact #checkBoxTable input {margin: 0px; padding: 0px; float: none;  }

/* end Form Styling NEW -- */

#sub.first {padding: 0 }
#contact h2 {display: block; margin-bottom: 15px;}
#submitContainer  .button {text-transform: uppercase; display: block; float: none; margin-top: 0; margin-left: 50px; padding: 4px 10px 4px 10px; height: 23px}
#subContent #submitContainer {display: block; clear: both; width: 90%; margin: 0 auto 10px auto; padding: 0px 25px 0 0; }
#subContent #submitContainer .button {display: block; float: none; margin-left: 425px;}

#prodNameLabel {display: block; width: 250px} 
#checkBoxTable {margin-left: 75px;}
#pageBody #container #checkBoxTable label {font-size: 12px}
#pageBody #container #checkBoxTable td {padding-top: 10px; padding-right: 15px} 

#subContent #checkboxes label {float: none; position: static; display: block; margin: 0; padding: 0;}
#subContent #checkboxes input {float: none; position: absolute; display: block; margin: 0; padding: 0; left: 125px; top: 0; }
#subContent #checkboxes div {margin: 0 0 12px 0; padding: 0 0 0 0; position: relative;}

#subContent .aspListControl label {
	DISPLAY: inline;
	FLOAT: none;
	WIDTH: auto;
	POSITION: static;
	margin-left: 4px;
	white-space: nowrap;
}
#subContent .aspListControl input {DISPLAY: inline; FLOAT: none; WIDTH: auto; POSITION: static;}

#subContent .aspListControl2col {
	WIDTH: 500px;
	display: block;
}
#subContent .aspListControl2col label {
	DISPLAY: inline;
	FLOAT: none;
	WIDTH: 500px;
	POSITION: static;
	margin-left: 4px;
	white-space: nowrap;
}
#subContent .aspListControl2col input {DISPLAY: inline; FLOAT: none; WIDTH: auto; POSITION: static;}

/*Email Confirmation */
#confirmation {font: 11px Arial, Helvetica, sans-serif; color: black; margin-top: 25px}
#confirmation td {padding-bottom: 5px;}
#confirmation tr td h3 {margin: 0 0 0 0; padding: 0;}

#subContent .checkout {font: 11px normal Arial, Helvetica, sans-serif; width: 350px; margin: 0 auto 0 auto;}
#subContent .checkout td {padding: 1px}


/* vetting form fix */
#vetting {margin: 0 35px; }
#vetting p {margin-bottom: 15px; line-height: 140%}
#vetting h2 {margin-bottom: 15px;}