/* HTML Default Overrides */
ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
a {text-decoration: none;}
a:link,a:visited {color:#333333;} /* TODO: Issues: 1. Cannot see link history. */
a:hover {color:#E6A31D;}
a:active {color:#CCCCCC;}
p {color:#333333;margin-bottom:10px;} /* removed font size 3/30/09 */
#printLogo {display: none;}
#screenLogo {display: inline;}
/* General Formatting */
.urgent {color: red;}
.deemphasize {color: #999;}
.searchstring {color: green; font-style:italic;} /* used to highlight the search phrase on the search results page */
.bigtext {font-size: 150%; font-weight:bold;}
.floatleft {float: left; margin: 0 20px 20px 0px;}
.clear {clear:both;}
.bigbold { font-size: 150%; font-weight: bold;}
.red {color: red;}
.strike {text-decoration:line-through;}
/* Body Global Layout Grid */
body {color:#333333; font-family:trebuchet ms,sans-serif;}
#doc3{background: #ffffff url(sidebar_300_bg.png) top left repeat-y; margin:auto;} /* Used on interior pages */
/* Welcome Page Only */
#welcomeWrapper {background: url(sidebar_300_bg.png) repeat left top; margin:auto; padding: 10px 10px 50px 10px;} /* Welcome Page Background - #doc2 was too restrictive */
#welcome {margin-left:45px; margin-right:45px; margin-top:15px; margin-bottom:10px; background: #f0f0f0; border: 1px solid #cecece;} /* Box containing all of the welcome divs */
#welcomeTop {padding: 6px; text-align: left; background: url(back_welcometop.gif) repeat-x left top; margin:auto;} /* 100% top row on welcome page */
#welcomeLeft { padding: 20px 10px 10px 0px; margin-left:30px; line-height: 130%; color: #333;} /* Left 50% Column */
#welcomeRight {padding: 6px;} /* Right 50% column */
#welcome h1 { font-size:300%; letter-spacing:2px; padding-bottom:5px; text-transform:uppercase; color: #ef9716; padding-left: 20px; margin-right: 0; margin-bottom: 0.2em; margin-left: 0;}
#welcome h2 {font-size:153.9%; margin:0em 0; padding-top:10px; padding-left: 20px;}
#welcome h3 {font-size:130%; color: #333; padding-top:10px; padding-bottom:5px; text-transform:uppercase; text-align:left; border-bottom:1px solid #333; margin-bottom: 0.5em;}
#welcome li {line-height:140%; list-style-image:url(bullet_p.gif); margin-left:25px; color:#6336bd;}
#welcome a {color:#6336bd;}
#welcome a:hover {color:#b398ea;}
#welcomeTop img {float: right; margin-bottom: 6px; margin-top: 1.7em; padding-right:20px; padding-bottom:5px;}
#welcomeRight img {float: left;}
#welcomeLeft ul li {color: black; list-style: disc; list-style-image: none;}
/* Header */
#header {background:#E5E5E5 url(sidebar_300_bg.png) top left repeat-y; height:80px;}
#header img {float:left;}
/* Breadcrumbs */
p.breadcrumbs {font-size:85%;text-transform:uppercase; margin-top: 15px; margin-left: 15px;}
/* Footer */
#footer {font-size:93%;text-align:center; background: /*#dddddd*/ url(de_gray_bg_300.png) top left no-repeat; height:56px; color: #555555; text-transform:capitalize;}
#footer p {padding-top: 20px; padding-left: 330px; text-align: left;}
/* Search */
#search {background:#CCCCCC;float:right;padding:6px 6pt 6pt 25px;}
#search label {color:#333333; text-transform:uppercase; }
input#q {width: 200px;}
/* maincontent area */
#maincontent h1 {font-size:300%; letter-spacing:2px; margin-bottom:20px; text-transform:uppercase; color: #E6A31D; margin: 0 0 0.4em;}
#maincontent h2 {font-size:153.9%; margin:.1em 0 0.2em; font-weight: normal; color: #6336bd;}
#maincontent h3 {font-size:138.5%; font-weight: normal; color: #6336bd; margin:1em 0 0.4em;}
#maincontent {padding:20px 0px 66px 15px; margin-right:30px;}
#maincontent a, #breadcrumbs a, #footer a {color: #6336bd; text-decoration:underline;}
#maincontent a:hover, #breadcrumbs a:hover, #footer a:hover {text-decoration:none; color:#b398ea;}
/* removed font size 3/30/09: #maincontent ol li */
#maincontent ul li {line-height:150%; list-style-image:url(bullet_p.gif); } /* NOTE: Font cannot be reduced without affecting FAQ page */
#maincontent ol li {line-height:150%; margin-bottom: 10px;} /* removed font size 3/30/09 */
#maincontent #topmenu h5 {display: none;}
/*#maincontent a:visited, #breadcrumbs a:visited {color: #1D6DE6;} */
/* FAQ Page */
#faqMenu {text-transform: uppercase;} /* Table of contents */
#faqMenu h3 {margin:1em 0 0 0;}
#faqMenu li a {text-transform: none;}
div.faq {font-size:73%; color: #333;} /* FAQ Category Q&A */
div.faq h2 {text-transform: uppercase; color: #6336bd; border-bottom:solid; border-bottom-color:#999; border-bottom-width:1px; } /* Category Title */
div.faq h3.first {margin:.35em 0 0.35em;} /* 1st Question in a group */
div.faq h3 {margin-top: 1.5em; font-weight:normal;} /* Question */
div.faq p {font-size: 131%; font-style:italic; margin-left:1.5em;} /* Answer paragraph */
div.faq ul li {font-size: 125%; margin-left:15px;} /* FAQ bullet point */
div.faq ol li {margin-left:20px; padding-top:2px;}
div.faq p.deemphasize {} /* Question Timestamp */
div.faq p.toplink { padding-bottom:10px;} /* Back to Top Link */
div.faq .q {color: #6336bd;} /* question 'Q: ' */
div.faq .a {color: #6336bd;} /* answer 'A: ' */
/* rightcolumn */
#rightcolumn {margin-bottom:5px; margin-right:30px; margin-top:30px; border: 1px solid #999999;}
#rightcolumn h2 {text-transform:uppercase; border-bottom:1px solid #999999; font-size:100%; margin-bottom:5px; padding-left:10px; padding-right:10px; padding-bottom:5px;}
#rightcolumn ul {font-size: 83%; line-height: 150%;}
#rightcolumn li {list-style-image:url(bullet.gif); margin-left:5px;}
/* Tables */
table.products {border:1px solid #999999;border-collapse:collapse;margin-bottom:4px;margin-top:20px;width:100%;}
table.products td {border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; font-size:0.9em; padding:10px;vertical-align:top;}
table.products tr.continuedrow td {border-bottom:1px solid #e2e2e2;}
table.products tr.continuedrowwhite td {border-bottom: 1px solid white;}
/* Table Pager Control */
p.pager {text-align: right; margin-bottom: 0px; padding-bottom: 0px; color: #999;}
/* Table Column Header */
table.products thead {background-color:#CCCCCC;border-bottom:1px solid #999999;}
table.products th {padding-bottom:5px;padding-right:5px;padding-top:5px;}
table.products thead a.up {} /* Selected Column Link - Ascending results */
table.products thead a.down {} /* Selected Column Link - Descending results */
table.products thead a.deselected {} /* Deselected Column Link */
/* Products Column Styles */
table.products td.price {text-align: right;} /* Right Align Prices - Per Debbie's 12/11 request */
table.products td.product {}
/* Used on Products Page */
table.products td.detail {}
/* Used on Search Results */
table.products td.category {}
table.products td.supplier {}
table.products td.description {} /* Displayed in the 2nd row of search for each product */
/* Used on Vendor Menu */
table.products td.phone {}
table.products td.website {}
table.layout table, table.layout td {border: none;} /* Invisible Layout Table */
table .altRow {background-color:#E2E2E2;}
/* Top Menu - Son of Suckerfish Dropdowns - Source: http://htmldog.com/articles/suckerfish/dropdowns/ */
#topmenu {position:absolute; top: 50px; left: 300px;}
#topmenu h1 {display: none;}
#topmenu h5 {display: none;}
#topmenu, #topmenu ul {padding: 0;margin: 0;list-style: none;}
#topmenu a {display: block; width: 10em; background-color:#CCCCCC;padding-top: 7px; padding-bottom: 7px; text-align: center;}
#topmenu a:hover {background-color:#777777;}
#topmenu li {float: left; width: 10em; list-style: none; border-right:1px solid #FFFFFF;}
#topmenu li ul {position: absolute; width: 14em; left: -999em; z-index: 1000;}
#topmenu li:hover ul, #topmenu li.sfhover ul {left: auto;}
#topmenu li ul {background-color:#555555; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #777777; color:#FFFFFF;line-height:20px;padding:5px 10px 5px 15px;}
#topmenu li ul li a {background-color: transparent; text-align:left; color:#CCCCCC; font-family:trebuchet ms,sans-serif; font-size:0.89em; text-decoration:none; padding: 0px; width: 14em;}
#topmenu li ul li a:hover {color:#E6A31D;text-decoration:underline; background-color: transparent;}
#topmenu li ul li {border: none;}
#topmenu li:hover, #topmenu li.hover {position:static;} /* IE 7 Menu sticking fix: http://www.alledia.com/blog/joomla-tips-&-tricks/solution-to-suckerfish-menu-sticking-in-ie7/ */
/* Left Sidebar Menu */
#sidebar {padding-top:0px;}
#sidebar h1 {font-size:1.2em; line-height:1.4em; color:white; margin-bottom:1px; text-align:right; display:block; background-color: #E6A31D; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 15px; margin-top: 0px; font-weight: normal;}
#sidebar h2 {border-bottom:1px solid #999999; font-size:1.2em; font-weight:normal; margin-bottom:5px; padding-bottom:5px; text-transform:uppercase;}
#sidebar h2 {}
#sidebar ul {}
/* Product Detail Overrides */
#maincontent h1.productname {
font-size: 201%;
text-transform:none;
}
.singlespace td {padding-bottom: 0px;}
ul.productdetails {margin-top: 0px;}
ul.productdetails li {margin: 0px; padding: 0px;}
#searchQuery {width: 170px;}
/* Subscription Page */
#subnamelabel a.subblocked {text-decoration: none; background-color: #CCC; font-weight: bold; color: #999; padding: 2px;}
#subnamelabel a.subready {color: White; background-color: #7f36bd; text-decoration: none; padding: 2px;}
#subnamelabel a.subready:hover {background-color: #7f36bd; color: #7f36bd; text-decoration: none; padding: 2px;}
#subname {font-size: 130%;}
label#subnamelabel {padding: 10px 0px 10px 0px; margin: 20px 0px 20px 0px; font-weight: bold;}