@charset "utf-8";
/* Blueprint CSS Framework 0.8 http://blueprintcss.org */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5}
caption, th, td {text-align:left;font-weight:normal;}
table, td {vertical-align:middle;}
th {vertical-align:bottom }
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Verdana, Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0em}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#007CA6;}
a { color: #00A2DA; text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;font-size:100%}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td { /* background-color: #ffffd7 */ }
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Site-specific CSS - (C) 2008 by Max Timchenko. */
div#head { height: 100px; background-image:url(i/head_back.gif); background-repeat:repeat-x; padding: 0; margin: 0; top: 0px; left: 0px; position: fixed; width: 100% }
h1#headc { text-indent: -5000px; position:absolute; top: 0px; left: 0px; margin-left: 2.5%; background:url(i/head_logo.gif); background-repeat:no-repeat; width: 208px; height: 90px; overflow: hidden }
h1#headm { text-indent: -5000px; position:absolute; top: 38px; right: 0px; margin-right: 2.5%; background-image: url(i/head_mat.gif); height: 24px; background-repeat:no-repeat; width: 394px }
h2 { border-top: 45px solid white }
div#page { margin: 0 0 20px 0; padding-top: 100px; background-color: #fff; }
div.col3 { margin: 20px 0 20px 1.25%; border-left: 1px solid #D4007D; padding-left: 1.25%; width: 29.9%; float: left }
div.col3 h2, div.col3n h2 { border-top: 0 }
div.col3n { margin: 20px 0 0 1.25%; width: 31.15%; float: left }
div.col3br { border-left: 1px solid #D4007D; padding-left: 4% }
div#foot { clear: both; height: 50px; padding: 0 2.5%; background-image:url(i/foot_back.gif); background-repeat:repeat-x; background-position: top right; overflow: hidden }
div#foot p { font-size: .8em; color: #777; padding-top: 10px }

ul#topnav { z-index: 10; position: absolute; left: 5%; margin-left: 208px; top: 70px; width: 60% }
#topnav li { display:block; height: 29px; float: left; background-color: #fff; background-image: url(i/head_tabr.gif); background-position: top right; margin-right: 3px }
#topnav li.sel { height: 30px }
#topnav li.sel a { text-decoration: none; color: #7DD7F5 }
#topnav li a { display: block; background-image: url(i/head_tabl.gif); background-repeat: no-repeat; padding: 5px 25px 0px 25px; font-weight: bold }

body.inner h1#headm { top: 20px }
body.inner div#page { margin: 0 8% 20px 8% }
body.inner div#foot p { padding-top: 18px }

th { border-bottom: 1px solid #D4007D }
td.prod { color: #D4007D; font-weight: bold }
tr.cat td { border-bottom: 1px solid #00a2da; color: #00a2da; text-align: center; font-weight: bold; font-size: 1.2em; padding-top: 15px }
tr.subcat td { border-bottom: 1px solid #FFFF33; font-size: 1.2em }
tr.first { padding-top: 0 }

/* Son of Suckerfish Dropdowns */
#nav { height: 2em; border-top: 20px solid white; padding-bottom: 5px; border-bottom: 1px solid #888; background-color:white; position:fixed; top: 100px; left: 8%; width: 84% }
span.sel { color: #64CFF4 }
#nav, #nav ul {	padding: 0;	margin: 0; list-style: none; }
#nav li { float: left; padding-right: 2.5%; padding-bottom: 0.5em }
#nav li ul { position: fixed; width: 18em; left: -999em; border: 1px solid #888; border-top: none; margin: 0.5em -10px 0 -10px; padding-bottom: 0.5em; background-color: white }
#nav li ul li { width: 17em; padding: 2px 9px }
#nav li:hover ul { left: auto; }