﻿html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

table 
{
	font-size: 1em;
}

.articletitle
{
	margin-bottom: 0;
	border-bottom: solid 1px #005089;
}

.art_item
{
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
}

.articletitle a:link, .articletitle a:visited, .articletitle a:active
{
	text-decoration: none;
}

.articleauthor
{
	margin-top: 0;
	margin-bottom: 0;
	color: #aaa;
	font-size: 0.8em;
}

.articledesc
{
	margin-top: 5px;
}

.ajax__tab_body div {
	font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:active {
	color: #005089;
}

a:hover {
	color: #F5871D;
}

h1
{
    font-size: 1.2em;
    font-weight: bold;
    color: #005089;
    padding-bottom: 3px;
    border-bottom: solid 1px #005089;
}

h2, h3
{
    font-size: 0.9em;
    font-weight: bold;
    color: #005089;
}

#container 
{
	position: relative;
	width: 100%;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
}

#logo a:link img, #logo a:visited img, #logo a:active img {
	border: none;
}

/* User navigation styles: My Account, Login etc. */

#user-nav {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	height: 20px;
	padding: 5px;
}

#user-nav li {
	display:inline;
	margin:0;
	padding-left: 8px;
}

/* Main navigation styles: Home, Catalog, Contact us etc. */

#main-nav {
	position: absolute;
	width: 100%;
	top: 40px;
	left: 0;
	height: 25px;
	font-size: 0.8em;
	text-align: center;
}

#main-nav ul {
	margin: 0 auto;
	list-style: none;
	padding: 0;
}

#main-nav li {
	text-align: center;
	float: left;
	margin: 0 1px 0 0px;
	line-height: 25px;
}

#main-nav li a {
	display: block;
	width: 94px;
	height: 25px; 
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	background: url(../images/nav_off.gif) no-repeat left top;
	background-color:#005089;
}

#main-nav li.navon a {
	background: url(../images/nav_on.gif) no-repeat left top;
	background-color: #F5871D;
}

#main-nav li a:hover {
	text-decoration: underline;
}

/* Search box styles */

#searchbox {
	position: absolute;
	width: 100%;
	top: 65px;
	left: 0;
	background-color: #F5871D;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	border-bottom: solid 3px #FFFFFF;
}

#searchbox label {
	font-size: 0.9em;
	margin-right: 3px;
	color: #ffffff;
	font-weight: bold;
}

.watermarked 
{
	color: #999999;
}

.bluebar {
	position: absolute;
	width: 100%;
	top: 97px;
	left: 0;
	background-color:#005089;
	width: 100%;
	height: 8px;
	border-bottom: solid 3px #FFF;
	overflow:hidden;
}

/* Panels */

#leftpanel {
	position: absolute;
	left: 0;
	top: 109px;
	width: 181px;
	text-align: center;
}

#rightpanel {
	position: absolute;
	right: 0;
	top: 109px;
	width: 181px;
	text-align: center;
}

#midpanel 
{
	position: absolute;
	margin: 0;
	padding: 0; 
	top: 109px;
	width: 100%;  
}

#midpanel_left
{
	float: left;
	width: 186px;
	margin: 0;
	padding: 0;
}

#midpanel_right
{
	float: right;
	width: 186px;
	margin: 0;
	padding: 0;
}

#midpanel_center
{
	margin: 0 186px;
}

#midpanel_clear
{
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}

#midpanel table
{
	float: left;
	margin-left: 0;
	margin-right: 0;
}

#midpanel_photo 
{
	width: 192px;
	float: left;
	margin-right: 5px;
}

#midpanel_details
{
	padding: 0;
	vertical-align: top;
}

#midpanel_content
{
	width: auto;
	clear: both;
}

.midpanel_admin
{
	clear: both;
	height: 20px;
}

.featured_container
{
	float: left;
	width: 49.9%;
	margin: 0;
	padding: 0;
}

.featured h3
{
	height: 60px;
	margin: 0;
}

.featured
{
	margin-right: 3px;
	margin-top: 3px;
	padding: 5px;
	vertical-align: top;
	border: solid 1px #ccc;
	height: 135px;
}

.featured_photo
{
	float: left;
	border: none;
	padding-right: 5px;
	margin-right: 5px;
	border-top: none;
	border-left: none;
	border-right: solid 1px #ccc;
	border-bottom: none;
}

.panel {
	overflow:hidden;
	margin-bottom: 15px;
}

.panel h3 {
	background: url(../images/header.gif) no-repeat left top;
	background-color: #F5871D;
	color: #FFFFFF;
	font-weight: bold;
	height: 19px;
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	padding-top: 3px;
	font-size: 0.8em;
}

.panelcontent 
{
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	border-left: solid 1px #F5871D;
	border-right: solid 1px #F5871D;
	border-bottom: solid 1px #F5871D;
}

.panel ul {
	margin: 0;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	text-align: left;
	list-style: none;
}

.panelcontent table {
	border: none;
	margin-left: 0;
	margin-right: 0;
}

.cart 
{
    font-size: 0.8em;
    border: none;
    margin-bottom: 5px;
}

.cartheader {
    background-color: #F5871D;
    color: #ffffff;
}

.cartfooter
{
    border-top: solid 1px #000000;
    font-weight: bold;
}

.cartitem td {
    border-bottom: solid 1px #000000;
}

.borderbottom td
{
    border-bottom: solid 1px #000000;
}

#current-nav {
	border-bottom: solid 1px #000;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

#current-nav h3 {
	float: left;
	margin: 0;
	padding-left: 2px;
	font-size: 0.9em;
}

#current-nav ul {
	margin-left: 2px;
	padding: 0px;
	display:inline;
}

#current-nav ul li {
	display:inline;
	padding-left: 10px;
	background: url("../images/arrow.gif") 0 1px no-repeat;
}

#footer 
{
	float: left;
	clear:both;
	width:100%;
	height:1px;
	overflow: hidden;
}

.linkedfiles 
{
	margin-left: 0;
	padding: 0px;
	list-style: none;
}	

.linkedfiles li
{
	height: 16px;
	padding-left: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
}	

.linkedfiles_pdf 
{
	background: url("../images/pdf.gif") 0 50% no-repeat;
}

.linkedfiles_doc
{
	background: url("../images/doc.gif") 0 50% no-repeat;
}

.linkedfiles_txt
{
	background: url("../images/txt.gif") 0 50% no-repeat;
}

.linkedfiles_xls
{
	background: url("../images/xls.gif") 0 50% no-repeat;
}

.linkedfiles_xps
{
	background: url("../images/xps.gif") 0 50% no-repeat;
}

.linkedfiles_zip
{
	background: url("../images/zip.gif") 0 50% no-repeat;
}

.imghome {
	margin-top: 15px;
	margin-right: 15px;
	float: right;
}

.prodlinks_panel 
{
	clear: both;
	overflow: hidden;
}

.greyborder {
    border: solid 1px #cccccc;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px;
    width: 180px;
    height: 235px;
    float: left;
    text-align: center;
}

.greyborder h3, .greyborder p {
	margin: 0;
	font-weight: normal;
}

.greyborder img 
{
	border: none;
}

.box, .adminbox {
	border: 1px solid #005089;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 5px;
}

.box 
{
	background-color: #F0F7FF;	
}

.adminbox 
{
	background-color: #FFF0F7;	
}

.box p, .box h1, .box h2, .box h3, .box address, .adminbox p, .adminbox h1, .adminbox h2, .adminbox h3, .adminbox address
{
	padding-left: 5px;
	padding-right: 5px;
}

.error 
{
    color: #ff0000;
    font-weight: bold;
}

.ok
{
    color: #009900;
    font-weight: bold;
}

.InStock
{
    color: #009900;
    font-weight: bold;
}

.NoStock
{
    color: #005089;
    font-weight: bold;
}

.grid 
{
    width: 100%;
    background-color: #F0F7FF;
    font-family: Arial;
    font-size: 10px;
    border-top: solid 0px transparent;
    border-bottom: solid 1px #005089;
    border-left: solid 0px transparent;
    border-right: solid 1px #005089;
    margin-bottom: 20px;
}

.gridalt
{
    background-color: #efefef;
}

.grid a:link, .grid a:visited, .grid a:active
{
    color: #005089;
}

.grid a:hover
{
    color: #f5871d;
}

.grid th a:link, .grid th a:visited, .grid th a:active
{
    color: #ffffff;
}

.grid th a:hover
{
    color: #f5871d;
}

.grid th
{
	font-size: 0.9em;
    border-bottom: solid 0px transparent;
    border-top: solid 1px #005089;
    border-right: solid 0px transparent;
    border-left: solid 1px #005089;
    background-color: #005089;
    font-weight: bold;
    padding: 5px;
    color: #ffffff;
}

.grid td
{
    padding: 5px;
    border-bottom: solid 0px transparent;
    border-top: solid 1px #005089;
    border-right: solid 0px transparent;
    border-left: solid 1px #005089;
    font-family: Arial;
    font-size: 10px;
}

.grid td table td
{
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #005089;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #005089;
}

.grid input, .grid textarea
{
    width: 95%;
    font-family: Arial;
    font-size: 10px;
}

.bluebox {
	border: 1px solid #005089;
}

.bluebox th
{
    background-color: #005089;
    color: #ffffff;
    font-weight: bold;
}

.bluebox td
{
    background-color: #F0F7FF;
}

.hand 
{
    cursor: pointer;
}

.strikethrough
{
    text-decoration: line-through;
}

.textboxrow, .checkboxrow, .buttonrow {
	margin-left: 5px;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1em;
}

.textboxrow label {
	width: 100px;
	float: left;
	margin-top: 5px;
	font-weight: bold;
}

.checkboxrow {
	padding-left: 100px;
	float: left;
}

.buttonrow {
	padding-left: 95px;
	float: left;
	width: 100%;
}

.photo
{
	width: 600px;
	position: absolute;
	border: solid 2px #F5871D;
	z-index: 100;
	background-color: #fff;
	text-align: center;
}

.productimage
{
	width: 180px;
	padding: 5px;
	border: solid 1px #ccc;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 3px;
}

.smlprodimage
{
    float: left;
    width: 60px;
    border: solid 1px #ccc;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 0;
    cursor: pointer;
}

.noimage
{
	padding: 5px;
	border: solid 1px #ccc;
	cursor: default;
}

.prod
{
	width: 100%;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: solid 1px #000;
}

.prod_photo
{
	float: left;
	width: 120px;
	padding-right: 5px;
}

.prod_desc
{
	background-color: #fff;
}

.prod_price
{
	float: right;
	height: 120px;
	width: 125px;
	padding-left: 5px;
	padding-right: 5px;
}

.Price
{
    font-weight: bold;
    color: #005089;
}

.prod_details
{
	margin-left: 125px;
}

.prod_button
{
	float: right;
	height: 120px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

#pnlMinus
{
	position:absolute;
	padding-left: 10px;
	padding-top: 10px;
	z-index: 150;
	cursor: pointer;
}

.more
{
	font-size: 0.8em;
}

.rss
{
	background: url('../images/rss.gif') no-repeat 0 2px;
	padding-left:15px;
}

.leftcol_container
{
	float: left;
	width: 49%;
	margin-top:	5px;
	margin-bottom: 5px;
}

.rightcol_container
{
	float: left;
	width: 49%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.leftcol
{
	margin-right: 10px;
	text-align: justify;
}

.rightcol
{
	margin-left: 10px;
}

.clear
{
	clear: both;
}

.alignright
{
	text-align: right;
}

.clearbot
{
	margin-bottom: 0;
}

blockquote {
	padding: 8px;
	background-color: #F0F7FF;
	border: 1px solid #005089;
	background-image: url(../images/oQte.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 30px;
	margin: 3px;
	color: #005089;
}

blockquote span {
	display: block;
	background-image: url(../images/cQte.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.underline {
	text-decoration: underline;
}

.Mfr, .MfrPartNo
{
    color: #000;
    font-size: 0.9em;
    margin-top: 0;
    font-weight: normal;
}

.Mfr 
{
    margin-top: 0;
    margin-bottom: 0;
}

.Bold {font-weight: bold;}

.Range li
{
	display:inline;
	margin:0;
	padding-right: 5px;
}

.Reorder ul
{
    list-style: none;
    margin-left: 5px;
    margin-right: 5px;
}

.Reorder ul li
{
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #005089;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #005089;
    height: 28px;
    margin: 0;
}

