/* CSS Document */
#printFix1, #printFix1 img, #printFix2 , #printFix2 img{display: none}
#printFix1 img{display: none}

#category {width: 600px;}
#category img {display: inline;}
html, head, body {margin: 0; padding: 0;}

body {text-align: center;} 

/*IE5 Centering fix */
#pageBody {text-align: left}

/*allows page to expand vertically - sets drop shadows */
#leftBorder {display: none;}
#leftBorder img{display: none;}
#rightBorder {display: none}
#rightBorder img {display: none}
#main {}
/*Containing Table - Centers the page */
#container {margin: auto; width: 600px;}


#center {width: 600px; background: white;}


/* Styles for top area and top nav*/

#banner {width: 600px; background: url(images/bg-banner.jpg) top left repeat-x}
#banner {font: 11px Arial, Helvetica, sans-serif; color: #3E3E3E; text-align: center}

/* Top Navigation Row */
#navRow {display: none;}
#topNav {width: 251px; display: none}
#topNav a {color: black;}
#topNav ul {list-style: none; margin: 30px 0 30px 0; padding: 0; clear: right; visibility: hidden}
#topNav ul li {display: inline; margin-right: 5px;   list-style: none;}
#topNav ul li a{ width: 100%; padding-left: 18px; background: url(images/topnav-icon.gif) center left no-repeat;}
#topNav ul a:hover {}
#topNav input {margin-right: 6px; text-indent: 5px; background: #f6f6f6; border: 1px solid #999; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; color: #333}

/*Styles for left column nav */
#leftColumn {background: #424242; width: 0px; height: auto; display: none;}
.headLine { width: 193px; height: 53px;}
.headLine img {margin-top: 20px;}

/*Left Border of Right Content Area */
#rColBorderl {display: none}
#rColBorderl img {display: none}
/*Row for title area of content */
#pageHead {margin: 18px 0 0 11px}

/*Left Column Title Box */
#lColHead {background: black; height: 48px; width: 391px;}

/*Right Column Title Box */
#rColHead { background: #ababab;}

/*Right Column Title Image */
#rHead {margin: 24px 0 0 11px}

/*Left Column Title Image */
#lColHead img {clear: right}

/*Left Column Top Content Area */
#lColContent {background: url(images/rightcol/top-shadow.gif) top left no-repeat; display: none; width: 0;}
#content {width: 371px; margin: 20px 6px 0 13px; display: none; width: 0}
#content h1 {font-family: Arial, Helvetica, sans-serif; color: black; font-size: 13px}
#content h1 a {color: #666; font-size: 11px; text-decoration: none;}
#content .bBorder {border-bottom: 1px solid #ccc; padding-bottom: 15px;}
#content h2 {font: bold 11px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 3px 0; padding: 0; }
#content h3 { font: 11px Arial, Helvetica, sans-serif; color: #666; margin: 0; padding: 0;}
.productPic {height: 130px; width: 162px; background: url(images/rightcol/small-pic-frame.jpg) top left no-repeat; margin: 7px 0 0 0}
.productPic img {margin-top: 10%;}

.rBorder {border-right: 1px solid #CCC}

/*Left column bottom content area  */
#content2 {height: 192px; margin: 13px 0 0 3px; padding: 0 0 0 0}
#content2 td {width: 172px; padding: 0 3px 0 0 }


/*Styles for Right Column */
#rColContent {background: url(images/rightcol/bg-col-right.jpg ) top left repeat-x white; padding-left: 5px;}
#rColContent ul {margin: 24px 6px 0 7px; padding: 0 0 16px 0; font: 11px Arial, Helvetica, sans-serif; color: #666; line-height: 100%; background: url(images/rightcol/horz-border.gif) bottom  no-repeat;}
#rColContent ul li a {line-height: 100%; padding-left: 12px; font: 11px Arial, Helvetica, sans-serif; color: black; font-weight: bold; background: url(images/dot-triangle-icon.gif) center left no-repeat;}
#rColContent ul li {list-style: none; line-height: 100%; margin: 0 0 8px 0 }
#rColContent ul li p {line-height: 100%; margin: 0; padding: 0 0 0 12px; }

/* "more" link */
#rColContent .more, #content .more {text-align: right; margin: 6px 19px 0 0 }
#rColContent .more a, #content .more a { font: 11px Arial, Helvetica, sans-serif; color: #575A8F; padding-right: 16px; background: url(images/more-link-icon.gif) right no-repeat;}

/*Right Column/Right Content Border */
#rColContentBorder {width: 4px; background: #424242}

#buyer {padding-top: 21px;}
#buyer a {font: 12px Arial, Helvetica, sans-serif; color: #575A8F }



/* Footer Styles */
#footer {font: 11px Arial, Helvetica, sans-serif; color: #3E3E3E; text-align: center; padding: 0 0 20px 0}
#footer a {color: #3e3e3e;}
#footer ul {list-style: none; margin: 20px 0 10px 0; padding: 0;}
#footer ul li {display: inline; list-style: none; margin: 0 0 0 0; padding: 0 4px 0 4px; border-right: 1px solid #3e3e3e}
#footer ul .last {border-right: none}
#footer ul a{ font-weight: 800}
#footer ul a:hover {}

/* 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}
#imageBox {background: url(/images/sub/imagebox.jpg) top left no-repeat; height: 180px; width: 220px; margin: 15px 24px 0 14px}

#mainProdName a{color: #ccc}

#subContent {font-family: Arial, Helvetica, sans-serif}
#subContent p {font: 11px/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;}
#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;}
.accessories li, .related li {list-style: none; line-height: 100%; margin: 0 0 4px 0}
.accessories a, .related a {font-size: 11px}


#subBox  {}
#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: 250px; 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; 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}


/* Sub Page Product Index ----- */
#category {margin: 18px 25px 25px 25px; border-bottom: 1px solid #ccc; padding: 0 0 5px 0}
#category h1 {float: left;  margin: 0 5px 0 0; padding: 0 0 0 0; font-size: 12px;}
#category p {line-height: 140%; margin: 0 0 10px 0;}
.productIndex {clear: left;}
.productIndex .imageBox {float: left; margin: 0 12px 0 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 {font: bold 11px Arial, Helvetica, sans-serif;}
#subContent .productIndex h2 {margin-bottom: 5px;}

/*Shopping Cart ----------------*/
#subContent .cart {font: 11px normal Arial, Helvetica, sans-serif; width: 540px; 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 38px 27px 34px;padding: 5px 0 5px 5px;}
#billing { margin: 45px 0 27px 0;padding: 5px 0 5px 5px;}
#billing h4, #shipping h4, #payment h4 {font-size: 11px; margin: 0 0 0 0; padding: 0 0 0 0;}
#payment, #comments {width: 195px;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 {font: 11px Arial, Helvetica, sans-serif; color: white; padding: 7px 20px 7px 20px;border: 1px solid #3E4066; text-decoration: none; background:url(images/buttons/button-bg.jpg) top left repeat-x #3e4066; height: 23px; margin: 0 0 0 8px}

/* Form Styling -- */
#contact .formRow {}
#contact div {margin: 0 0 10px 0; padding: 0 0 0 0}
#contact {position: relative; font: 12px Arial, Helvetica, sans-serif; margin: 30px 0 0 30px;border: 0; width: 400px;}/*400*/
#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; }
#contact input, #contact select, #contact textarea {margin: 0px 0 0px 0px; font-family: Arial, Helvetica, sans-serif }

#sub.first {padding: 0 }
#contact h2 {display: block; margin-bottom: 15px;}
#subContent  .submitBtn {padding: 7px 20px 7px 20px; display: block; float: none; margin-top: 15px; margin-left: 50px; text-align: left;}
#subContent #submitContainer {width: 90%; text-align: right; margin: 15px auto 10px auto; padding: 10px 25px 0 0; border-top: 1px solid #ccc;}
#subContent #submitContainer .button {display: block; float: none; margin-right: 25px;}