/* CSS Document */
html, head, body {margin: 0; padding: 0;}
body {background:url(images/bg.jpg) top left repeat-x #f3f3f3; text-align: center;}
/*IE5 Centering fix */
#pageBody {text-align: left}
/*allows page to expand vertically - sets drop shadows */
#leftBorder {background: url(images/lborder-bottom.gif) top left repeat-y}
#rightBorder {background: url(images/rborder-bottom.gif) top left repeat-y}
#main {}
/*Containing Table - Centers the page */
#container {margin: auto; width: 787px;}
#center {width: 775px; background: white;}
/* Styles for top area and top nav*/
#banner {width: 775px; 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 {}
#topNav {width: 275px;}
#topNav a {color: black;}
#topNav ul {list-style: none; margin: 30px 10px 30px 0; padding: 0; clear: right;}
#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 {text-indent: 5px; background: #f6f6f6; border: 1px solid #999; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; color: #333}
#topNav .aspSearchBox {text-indent: 5px; background: #f6f6f6; border: 1px solid #999; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; color: #333}
#topNav .hiddenText {visibility: hidden; display: none}
/*Styles for left column nav */
#leftColumn {background: #424242; width: 193px; height: 628px;}
.headLine { width: 193px; height: 53px;}
.headLine img {margin-top: 20px;}
/*Left Border of Right Content Area */
#rColBorderl {width: 7px; background: #424242}
/*Row for title area of content */
#pageHead {margin: 18px 0 0 11px}
#prodNameLabel {display: block; width: 250px}
/*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}
#content {width: 371px; margin: 20px 6px 0 13px;}
#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:Black; 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%;}
#headerLabel{font: bold 12px Arial, Helvetica, sans-serif; color:Black; margin: 0; padding: 0;}
.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 {height: 560px; 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%; font: 11px Arial, Helvetica, sans-serif; color: black; font-weight: bold;background: url(images/dot-triangle-icon.gif) 0% 3px no-repeat; padding-left: 12px; display: block;}
#rColContent ul li { list-style: none; line-height: 100%; margin: 0 0 8px 0 }
#rColContent ul li ul li {background: inherit;}
#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;}
#main #rColContent .right {font-size: 40px;}
/*Right Column/Right Content Border */
#rColContentBorder {width: 4px; background: #424242}
/* Pagination */
#top {margin: -15px auto 10px auto}
#bottom {border-bottom: 1px solid #ccc; margin: 0 auto; margin-bottom: 50px;}
.paginate:before {content: "."; clear: both; height: 0; visibility: hidden;}
.paginate {clear: both; font-size: 11px; padding-bottom: 10px; width: 546px; }
.paginate span {color: #44529B}
.paginateLeft {color: #676767; text-align: left; margin-left: 10px; float: left;}
.paginateRight {text-align: right; padding-right: 15px; }
#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 {}