@charset "UTF-8";
* { margin: 0; padding: 0; }
html { text-align: center; height: 100%; }
body { font: 62.5%/1.6 "Tahoma", "Verdana", sans-serif; text-align: left; background: #0072ab; }
a { color: #000000; outline: none; }
a img, fieldset { border: 0; }
h1 { font-size: 2em; font-weight: normal; line-height: 2em; color: #04374A; }
h2 { font-size: 1.5em; font-weight: normal; }
h2 a:hover { text-decoration: underline; }
h4 { font-size: 1.25em; color: #800000; margin-bottom: 0; }
h4 span { color: red; }
img.center { display: block; margin: 0 auto; }
img.icon { vertical-align: middle; margin: 3px 5px 0px 0px; }
input:focus { background-color: #ffffca; color: #000000; }
input.valnumeric { width: 20px; }
p { margin-bottom: 1.25em; }
h2 a, ul a {text-decoration: none; }

/* BASIC ELEMENTS  */
#addthis { float: right; margin: 10px 10px 0px 0px; }
#b2b { background: transparent url("../images/b2bloop.png") repeat-x bottom left; height: 185px; margin: 0px 10px 10px 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px; }
#b2b legend { font-size: 2em; color: #0072ab; }
#b2b div,#b2b div a { margin-top: 25px; color: #ffffff; }
.button { background-color: #006ea4; color: #ffffff; border: 0; padding: 4px; cursor: pointer; float: right; margin: 8px 8px 5px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.button:hover { opacity: 0.85; }
#username, #userpass { width: 175px; }
#bluedots { float: left; background: transparent url("../images/bluedots.png") no-repeat top left; width: 73px; height: 141px; margin-left: -73px; }
#branding { width: 100%; height: 177px; background: transparent url("../images/header.png") no-repeat; }
#content { float: left; background: #ffffff url("../images/content.png") no-repeat top right; width: 648px; min-height: 628px; padding: 10px 0px 10px 10px; margin-left: 10px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; font-size: 1.1em; }
#content #detail { clear: both; margin: 10px; }
#content div.product { float: left; position: relative; z-index: 0; border-bottom: 1px dotted #a8a8a8; margin-left: -10px; padding: 5px; width: 100%; background: #ffffff; opacity: 0.85; }
#content div.imgview { float: left; width: 120px; min-height: 110px; border: 1px dotted #a8a8a8; background: #ffffff url("../images/zoom.png") no-repeat bottom right; padding: 10px; margin: 0px 8px 10px 0px; cursor: pointer; }
#content div.imgview img { display: block; margin: 0px auto 10px auto; }
#content ul { list-style-position: inside; list-style-type: none; padding: 0; margin: 0; }
#content li { background-image: url("../images/smallarrow.png"); background-repeat: no-repeat; background-position: left center; text-indent: 10px; }
#footer { clear: both; text-align: center; background: transparent url("../images/footer.png") repeat-x bottom left; height: 80px; padding: 10px; color: #555555;  }
#frmsearch { float: right; clear: left; margin: -20px 10px 20px 0px; }
#frmsearch legend, #frmsearch label { display: none; }
#frmsearch #frmsearchsubmit { background: transparent url("../images/arrow.png") no-repeat bottom right; width: 26px; height: 25px; border: 0; text-indent: -9999px; cursor: pointer; margin-left: 5px; }
#frmsearch #keywords { color: #a6a6a6; -moz-border-radius: 6px; -webkit-border-radius: 6px;border: 1px solid #0072ab; font-size: 1.4em; padding: 0.2em; }
#home { display: block; float: left; width: 300px; height: 150px; text-indent: -9999px; }

#news { background: transparent url("../images/newsbg.png") repeat-x; height: 400px; width: 180px; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#news dt { float: left; clear: left; background: transparent url("../images/calendar.png") no-repeat top left; width: 52px; height: 54px; padding-top: 2.2em; text-align: center; line-height: 1em; font-weight: bold; }
#news dd { float: left; width: 125px; padding-left: 3px; }
#news dd:first-line { font-weight: bold; }
#secondarycontent { float: right; width: 210px; }
#topmenu { list-style-type: none; float: right; margin: 5px 5px 0px 0px; }
#topmenu li { float: left; border-left: 1px solid #424242; }
#topmenu li:first-child { border: 0; }
#topmenu li a { background: transparent; padding: 2px 5px; }
#topmenu li a.active { background: #0072ab; color: #ffffff; }
#topmenu li a:hover { background: #76CAEF; color: #000000; }
#wrapper { width: 891px; min-width: 891px; margin: 0 auto; background-color: #ffffff; }

#menu { clear: both; list-style-type: none; background: transparent url("../images/menubg.png") repeat-x bottom left; height: 53px; float: right; padding-right: 10px; }
#menu li { float: left; width: 93px; height: 32px; font-size: 1.1em; line-height: 3em; }
#menu li a { display: block; background: transparent url("../images/tab.png") no-repeat top left; text-align: center; color: #3a3a3a; }
#menu li a.active { color: #653a0f; background: transparent url("../images/active.png") no-repeat top left; }
#menu li a:hover { background: transparent url("../images/menuhover.png") no-repeat top left; }
#menu ul { list-style: none; position: absolute; width: 91px; left: -999em; z-index: 1; }
#menu ul li { width: 89px; border-left: 1px solid #d8e6fc; border-right: 1px solid #d8e6fc; }
#menu ul a { background: #eeeeee; border-top: 1px dotted #606060; font-size: 0.8em; }
#menu ul a:hover, #menu ul a.active { background: #d8e6fc; }
#menu li ul ul { margin: -37px 0 0 89px; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.doHover ul ul, #menu li.doHover ul ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.doHover ul, #menu li li.doHover ul, #menu li li li.doHover ul { left: auto; }

div.nostock { color: red; margin: 0.5em 0em; }
div.fewstock { color: orange; margin: 0.5em 0em; }
div.instock { color: green; margin: 0.5em 0em; }
#finalizeorder { float: left; margin: 10px 0px 10px -10px; padding: 5px; width: 100%; }
#finalizeorder input.button { margin: 2em 0; }
#curtotal { clear: both; font-weight: bold; text-align: right; text-decoration: underline; background-color: #ffff80; margin: 10px 0px 0px -10px; padding: 5px; width: 100%; border: 1px solid #a8a8a8; }
#updateqnt { float: left; background-color: green; margin-left: -10px; }
#ordercomment { width: 100%; height: 100px; border: 1px solid #a8a8a8; margin-bottom: 10px; }
#ordershipping  { width: 50%; border: 1px solid #a8a8a8; margin-bottom: 10px; }
.groupprice { color: red; text-decoration: underline; }
#newsarchive { clear: both; }