html { font-family: verdana; font-size: 74%; }
body { margin: 0; padding: 0; background: #EFEDED url(../images/background.png) repeat-y center top; font-size:0.9em; }

a:link, a:visited, a:active { text-decoration: none; }


#wrapper { width: 775px; margin: auto; background-color: #FFF; padding: 1px; }
body>#wrapper { width: 778px; }


#masthead { margin:10px; clear:both; height:70px; }
#masthead h1 {background-image:url(../images/northsupply.png); width:145px; height:61px; margin:0; float:left; }
#masthead span { display:none; }
#masthead h2 { float:left; margin:15px 0 0 10px; padding:0; font-size:1.1em; width:360px; }


#content_wrapper { min-height: 200px; padding: 10px 0 20px 0; margin-left:150px; }
#inner_wrapper { clear: both; min-height: 200px; }
#inner_wrapper #sidebar { float: right; text-align: left; width: 210px; padding: 10px 0 0 0; }
#sidebar h2 { font-size: 1.3em; }
#sidebar ul { margin-bottom: 20px; }

#content { padding: 0 10px 0 10px; }
.mini_content { width: 545px; float: left; }

#footer { text-align: center; padding: 20px; background: url(../images/footer-bg.png) repeat-x left top; margin-top:20px; }
#footer a:link, #footer a:visited, #footer a:active { color: #427448; }
#footer a:hover { text-decoration: underline; }
#content a:link, #content a:visited, #content a:active { color: #427448; }
#content a:hover { text-decoration: underline; }


.critical_error { background: url(../images/exclam.gif) left top no-repeat; padding: 0 0 0 90px; }
.critical_error p { padding: 0 0 10px 0; }



#searchbox { float: right; margin: 10px -5px 0 5px; text-align: right; }
#searchbox fieldset { border: none; }
#searchbox label { font-weight: bold; display: none; }
#searchbox div { margin: 0 15px 0 0; }
input.textbox:hover { background-color: #E8FAFF; }
input.textbox:focus { background-color: #FFC; }



#search_form, #search_advanced, #contact_form { margin: 30px; }
#search_form label { font-weight: bold; }
#search_form div { color: #666; }
#search_advanced label, #contact_form label { width: 100px; text-align: right; float: left; font-weight: bold; padding: 3px 10px 3px 3px; }
#search_advanced div, #contact_form div { padding: 5px; clear: both; }
#search_advanced fieldset, #search_form fieldset, #contact_form fieldset { border: none; }
.search_match { margin: 20px 20px 40px 20px; }
.search_match a { font-size: 1.3em; font-weight: bold; }
#contact_form legend { display: none; }
#contact_form textarea { width: 250px; height: 75px; }
.wide_text_box { width: 250px; }
#contact_form label span { font-weight: normal; }
#contact_form img { text-align: center; margin: 10px 0 10px 110px; }

/* ==================== Article styles =================== */
h1#pageTitle { font-weight:bold; font-size:2em; color:#333; }
h2.subTitle { font-weight: bold; font-size: 1.5em; margin: 50px 0 0 0; }
.pageText p, #footer { line-height:1.5em; }
.articleSummary { font-size: 1.1em; font-weight: bold; }
.articlePoster { font-size: 0.8em; color: #888888; }
.articleNav { font-size: 0.8em; padding-top: 5px; margin-top: 20px; text-align: right; clear: both; }
.articleContent blockquote { border: 1px dashed; background-color: #EEE; padding: 2px; }
.articleContent ul { margin:10px 3px; }
.articleContent li { margin:7px 0; }
.article_image { float: left; margin-right: 5px; height: 135px; }
.article_noimage { float: left; padding: 0 182px 120px 0; }
.article_actions { border-top:1px solid #fff; clear:both; }
.article_actions ul { list-style: none; font-size: 0.9em; margin: 25px 0 0 0; padding: 0; }
.article_actions li { display: inline; padding: 2px 5px 2px 25px; height: 10px; }
.printArticle { background: url(../images/print-article.png) no-repeat left top; }
.saveArticle { background: url(../images/save-article.png) no-repeat left top; }
#articlePrinting { background: #D6EEE2 url(../images/printer.png) no-repeat 10px center; border: 1px solid #01994C; padding: 10px 10px 10px 70px; }
#articleSaving { background: #D6EEE2 url(../images/save.png) no-repeat 10px center; border: 1px solid #01994C; padding: 10px 10px 10px 70px; }
form#fastnav { display: inline; }
.clear { clear: both; height: 1px; }
.articleFocus { margin: 20px; width: 300px; float: left; }
.articleFocus img { float: left; }
.f_right { float: right; margin: 5px 5px 20px 5px; }
.cat_image { float: right; margin: 5px; }
.shadowimg { float: right; }
.shadowimg div { text-align: center; margin: 5px 5px 30px 5px; }
div.downloadList { border: 1px solid #01994C; padding: 5px; margin: 20px 40px 0 40px; }
div.downloadList h1 { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; }
/* ================ End of Article styles ================ */


/* ==================== Download styles ================== */
.downloadTitle { font-size: 1.4em; font-weight: bold; margin: 2px; paddin: 0; }
.downloadBox { margin: 20px; border: 2px solid #42A232; padding: 15px; border-width: 2px 0 0 0; }
.downloadBox span { display: none; }
.downloadBox img { border: 0; margin: 20px 0 0 0; }

.type_common { height: 50px; width: 50px; margin: -15px 0 0 0; padding: 0; }
.type_audio { background: url(../images/file_types/mp3.gif) center top; float: right; }
.type_video { background: url(../images/file_types/mpg.gif) center top; float: right; }
.type_pdf { background: url(../images/file_types/pdf.gif) center top; float: right; }
.type_image { background: url(../images/file_types/jpg.gif) center top; float: right; }
.type_text { background: url(../images/file_types/text.gif) center top; float: right; }
.type_exe { background: url(../images/file_types/exe.gif) center top; float: right; }
.type_other { display: none; float: right; }
.type_mainMenu { float: left; margin: -15px 0 20px 0; }
/* =============== End of Download styles ================= */



/* =========== Product lists ==================*/
img.bgimage { }
ul.productList { float:left; padding:0; margin:0; list-style:none; }
ul.productList li { padding:0; margin:0; }
ul.productList li a:link, ul.productList li a:visited { display:block; width:13em; padding:10px; border:1px solid #333; margin:2px; }
#content ul.productList li a:hover { background:#093; color:#fff; text-decoration:none; }
ul.productList li a:active { display:block; width:13em; padding:10px; border:1px solid #333;margin:2px; }

ul.productListImages { margin:0; padding:0; }
ul.productListImages li { list-style:none; float:left; text-align:center; border:1px solid #eee; margin:0 1px; padding:3px 0 0 0; width:80px; }
ul.productListImages a, ul.productListImages a:visited { color:#fff; display:block; background:#069; padding:4px 2px; margin:3px 0 0 0; }
ul.productListImages a:hover{ background:#666; }
ul.productListImages div {  }
ul.productListImages div a, ul.productListImages div a:visited { color:#000; background:#fff; padding:0; margin:0; }
ul.productListImages div a:hover { background:#fff; }
ul.productListImages img { margin-bottom:5px; }
ul.productListImages a img, ul.productListImages a:visited img { border:none; }



ul#tax { float:left; padding:0; margin:10px 10px 10px 0; list-style:none; width:150px; }
ul#tax a, ul#tax a:visited { display:block; background:#eee; padding:5px; margin:2px; color:#333; border:1px solid #ddd; }
ul#tax a:hover { background:#666 url(../images/chevron.png) no-repeat 96% 50%; color:#fff; }
ul#tax ul { list-style:none; padding:0; margin:-3px 0 0 0; }
ul#tax ul li { padding:5px 5px 5px 25px; margin:0 2px; background:url(../images/taxbg.png) no-repeat 0% 0%;  }
ul#tax ul a, ul#tax ul a:visited { border:none; background:none; padding:0; margin:0; }
ul#tax ul a:hover { background:none; color:#009; }


table caption { display:none; }
table th, table td.headrow { background:#069; color:#fff; text-align:left; padding:4px; font-weight:bold; }
table td { padding:5px; }

p.note { color:#900; }


.imgleft { float:left; margin:10px 10px 10px 0; }
.imgright { float:right; margin:10px 0 10px 10px; }