@charset "UTF-8";
/* YAML "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework - Copyright 2005-2009, Dirk Jesse - CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),YAML-C (http://www.yaml.de/en/license/license-conditions.html) */
/* YAML SLIM BASE */
@media all {
* {margin: 0; padding: 0}
option {padding-left: .4em}
select {padding: 1px}
* html body * {overflow: visible}
* html iframe,* html frame {overflow: auto}
* html frameset {overflow: hidden}
html {height: 100%; margin-bottom: 1px}
body {font-size: 100.01%; color: #000; background: #fff; text-align: left}
fieldset,img {border: 0 solid}
ul,ol,dl {margin: 0 0 1em 1em}
li {margin-left: .8em; line-height: 1.5em}
dt {font-weight: 700}
dd {margin: 0 0 1em .8em}
blockquote {margin: 0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after {content: ""}
#header {position: relative}
#header #topnav {position: absolute; top: 0px; right: 10px; padding: 10px 0 0 0; text-align: right;}
#header,#nav,#main,#footer {clear: both}
#col1 {float: left; width: 200px}
#col1_home {float: left; width: 100%}
#col2 {float: right; width: 200px}
#col3 {width: auto; margin: 0 200px}
#col1_content,#col2_content,#col3_content {position: relative}
.clearfix:after {content: "."; display: block; font-size: 0; height: 0; clear: both; visibility: hidden}
.clearfix {display: block}
.floatbox {overflow: hidden}
#ie_clearing {display: none}
.subcolumns {width: 100%; overflow: hidden}
.subcolumns_oldgecko {width: 100%; float: left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l {float: left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r {float: right; margin-left: -5px}
.c25l,.c25r {width: 25%}
.c33l,.c33r {width: 33.333%}
.c50l,.c50r {width: 50%}
.c66l,.c66r {width: 66.666%}
.c75l,.c75r {width: 75%}
.c38l,.c38r {width: 38.2%}
.c62l,.c62r {width: 61.8%}
.subc {padding: 0 .5em}
.subcl {padding: 0 1em 0 0}
.subcr {padding: 0 0 0 1em}
.equalize,.equalize .subcolumns {overflow: visible; display: table; table-layout: fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {display: table-cell; vertical-align: top; float: none; margin: 0; overflow: hidden}
.skip,.hideme,.print,dfn {position: absolute; left: -1000em; top: -1000em}
.skip:focus,.skip:active {position: static; left: 0; top: 0}
}
/* YAML BASEMOD */
@media screen, projection {
body {background: #192c5b url("/images/site/bg.png") repeat-x top left; text-align: center;}
.page_margins {text-align: left; margin: 0 auto; max-width: 960px;}
div#header, #nav, #main, #footer {overflow: hidden; min-width: 930px;}
div#header .page {position: relative; padding: 0 2em 0 20px; height: 121px;}
div#topnav p {font-size: 11px;font-family: Verdana, san-serif; color: #eee; background: transparent; font-weight: bold;}
div#topnav span.span_pipe {color: #eee;}
div#main {background: #f9f9f9; padding: 10px 0;}
div#footer {color: #666; background: #f9f9f9; border-top: 5px #efefef solid; line-height: 1.5em;}
div#footer .page {padding: 10px 20px;}
div#col1 {width: 25%;}
div#col1_content {padding: 10px 10px 10px 20px;}
div#col1_home {width: 100%;}
div#col2 {width: 25%;}
div#col2_content {padding: 10px 20px 10px 10px;}
div#col3 {margin: 0 25%;}
div#col3_content {padding: 10px;}
div#header span {color: #88c;}
div#topnav a, div#topnav a:visited {color: #eee; font-weight: bold; background: transparent; text-decoration: none; text-align: right;}
div#topnav a:hover, div#topnav a:visited:hover {text-decoration: none; background-color: transparent; color: #fff;}
div#footer {background-color: transparent; color: #eee;}
div#footer a {color: #eee; background: transparent; font-weight: normal;}
div#footer a:focus,
div#footer a:hover,
div#footer a:active {color: #922525; background-color: transparent; text-decoration: underline;}
div#footer div#credits {padding-top: 20px;}
}
/* YAML CONTENT */
@media all {
html * {font-size: 100.05%;}
textarea, pre, code, kbd, samp, var, tt {font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 75.00%; color: #444;}
h1,h2,h3,h4,h5,h6 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #222; margin: 0 0 0.5em 0;}
h1 {font-size: 190%; color: #98a8b2;}
h1.home {font-size: 170%; color: #922525;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 160%; font-weight: normal;}
h3 {font-size: 140%; color: #000;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 133.33%;}
h4.footer {font-family: Arial, Helvetica, sans-serif; color: #eee; font-size: 133.33%;}
h5 {font-size: 116.67%;}
h6 {font-size: 116.67%;}
ul, ol, dl {line-height: 1.5em; margin: 0 0 1em 1em;}
ul li {list-style-type: disc;}
ul ul li {list-style-type: circle;}
ol li {list-style-type: decimal;}
ol ol li {list-style-type: lower-latin;}
li {margin-left: .8em; margin-bottom: .8em; line-height: 1.5em}
dt {font-weight: bold;}
dd {margin: 0 0 1em 0.8em;}
p {line-height: 1.5em; margin: 0 0 1em 0;}
blockquote, cite,q {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
blockquote {margin: 0 0 1em 1.6em; color: #666;}
strong,b {font-weight: bold;}
em,i {font-style: italic;}
pre, code, kbd, tt, samp, var {font-size: 100%;}
pre {line-height: 1.5em; margin: 0 0 1em 0;}
kbd, samp, var {color: #666;}
var {font-style: italic;}
acronym, abbr {border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help;}
sub, sup {font-size: 91.6667%;}
hr {color: #fff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #eee solid;}
a {color: #922525; background: transparent; text-decoration: none;}
a:visited {color: #922525;}
a:focus, a:hover, a:active {color: #999; text-decoration: none;}
p.icaption_left {float: left; display: inline; margin: 0 1em 0.15em 0;}
p.icaption_right {float: right; display: inline; margin: 0 0 0.15em 1em;}
p.icaption_left img, p.icaption_right img {padding: 0; border: 1px #888 solid;}
p.icaption_left strong, p.icaption_right strong {display: block; overflow: hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%;}
.highlight {color: #f60;}
.dimmed {color: #888;}
.info {background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%;}
.info_home {color: #666; padding: 15px 20px 10px 0; margin-bottom: 0.5em; font-size: 91.7%;}
.note {background: #fbf8e3; color: #3e3a38; border: 2px #a7b1bf solid; padding: 10px; margin-bottom: 1em;}
.important {background: #ebeff5; color: #205792; border: 2px #a7b1bf solid; padding: 10px; margin-bottom: 1em;}
.warning {background: #efe9e9; color: #922525; border: 2px #914848 solid; padding: 10px; margin-bottom: 1em;}
.float_left {float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em;}
.float_right {float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em;}
.center {display: block; text-align: center; margin: 0.5em auto;}
}
/* eeSiteKit Odds and Ends */
div.c25r div.info { background: transparent;}
div#main_box_top { background: url(http://eesitekit.com/images/site/main_box_top.png) no-repeat; width: 710px; height: 44px;}
div#main_box { background: url(http://eesitekit.com/images/site/main_box.png) repeat-y; width: 710px; overflow: auto;}
div#main_box_contents { padding: 0 50px;}
div#main_box_bottom { background: url(http://eesitekit.com/images/site/main_box_bottom.png) no-repeat; width: 710px; height: 40px;}
input#keywords  { font-size: 11px; padding: 2px; color: #999; margin: 0 0 10px 0; }
.content_img {border: #ccc 1px solid;}
.span_pipe {padding: 0 6px;}
div.buy_now_button {margin: 20px 0;}
input.buy {background: #fff url(/images/site/nav_bg.png) repeat-x; display: inline-block; padding: 5px 10px 6px 10px; color: #000; text-decoration: none; border-top: #fff 1px solid; border-right: #ddd 1px solid; border-bottom: #ddd 2px solid; border-left: #ddd 1px solid; position: relative; cursor: pointer;}
input.buy:hover {background-color: #fff; color: #333; border-top: #922525 1px solid; border-right: #922525 1px solid; border-bottom: #922525 2px solid; border-left: #922525 1px solid;}
input.cart_button {background-color: #fff; display: inline-block; padding: 5px 10px 6px 24px; color: #000; text-decoration: none; border-top: #eee 1px solid; border-right: #ddd 2px solid; border-bottom: #ddd 2px solid; border-left: #ccc 1px solid; position: relative; cursor: pointer;}
input.cart_button:hover {background-color: #fff; color: #333; border-top: #ddd 1px solid; border-right: #ccc 2px solid; border-bottom: #ccc 2px solid; border-left: #999 1px solid;}
/* eeSitKit 2.0 Main Naivgation CSS July 2009 */
div#nav {background: #000 url(/images/site/nav_bg.png) repeat-x; height: 32px; overflow: visible !important; width: 100%;}
div#nav_main {font-size: 14px; color: #333; height: 25px; width: 900px;}
div#nav_main span.nav_pipe {padding-right: 22px; margin-left: -22px; color: #fff;}
div#nav_main ul {padding: 0; margin: 0; list-style: none;}
div#nav_main a {display: block; text-decoration: none; color: #000; padding: 5px 22px 5px 20px;}
div#nav_main a:hover {background: #d7dde1; color: #922525;}
div#nav_main li {float: left; list-style: none; margin-left: 0px; margin-bottom: 0;}
div#nav_main li ul {position: absolute; width: 160px; left: -999em; background: #bec9cf; font-size: 11px; z-index: 888;}
div#nav_main li ul li {width: 160px; border-top: #666 1px solid;}
div#nav_main li:hover ul {left: auto; width: 160px;}
div#nav_main li:hover ul, div#nav_main li.sfhover ul {left: auto;}
div#nav_main li:hover, div#nav_main li.hover {position: static;}
div#nav_main a:focus {outline: none}
div#nav_main a.selected {font-weight: bold; color: #922525;}
/* NAV SUB */
div#col1_content a {color: #000;}
div#col1_content a.selected {font-weight: bold; color: #922525;}
div#col1_content ul {margin: 4px 0 0 0;}
div#col1_content li {list-style-type: none; margin-left: 0; margin-bottom: .3em}
div#col1_content li ul li {list-style-type: none; margin-left: 1em; margin-bottom: .3em}
/* YAML FORMS */
@media all {
div.yform {background: #f4f4f4; border: 1px #ddd solid; margin: 0 0 1em 0; padding: 10px;}
div.yform fieldset {border: 1px #ddd solid; background: #fafafa; margin: 0 0 0 0; padding: 0.5em 1em;}
div.yform legend {font-size: 125%; font-weight: normal; color: #333;}
div.yform label {color: #666;}
div.yform .type-text input,
  div.yform .type-text textarea,
  div.yform .type-select select {font-family: Arial, Helvetica, sans-serif; border: 1px solid #ddd;}
div.yform div input:focus,
  div.yform div select:focus,
  div.yform div textarea:focus,
  div.yform div input:hover,
  div.yform div select:hover,
  div.yform div textarea:hover,
  div.yform div input:active,
  div.yform div select:active,
  div.yform div textarea:active {border: 1px #a66 solid; background: #fff;}
div.yform .type-button input {border-top: 1px #ddd solid; border-left: 1px #ddd solid; border-right: 1px #888 solid; border-bottom: 1px #888 solid; color: #000; background: #ccc; padding: .4em 1.1em;}
div.yform .type-button input#reset {color: #300; background: #661717;}
div.yform .type-button input#submit {color: #000; background: #ccc;}
div.yform div.type-button input:focus,
  div.yform div.type-button input:hover,
  div.yform div.type-button input:active {border-top: 1px #888 solid; border-left: 1px #888 solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; color: #fff; background: #999;}
div.yform div.type-button input#reset:focus,
  div.yform div.type-button input#reset:hover,
  div.yform div.type-button input#reset:active {background: #800; color: #fff;}
div.yform div.type-button input#submit:focus,
  div.yform div.type-button input#submit:hover,
  div.yform div.type-button input#submit:active {background: #999; color: #fff;}
div.yform {overflow: hidden;}
div.yform fieldset {overflow: hidden;}
div.yform legend {background: transparent; border: 0;}
div.yform label {display: block; cursor: pointer;}
div.yform .message {display: block; margin-bottom: 0.5em; color: #666;}
div.yform input[type=hidden] {display: none !important;}
div.yform sup {color: #800; font-weight: bold;}
div.yform div.type-text,
  div.yform div.type-select,
  div.yform div.type-check,
  div.yform div.type-button {margin: 1em 0; position: relative; overflow: hidden;}
div.yform .type-text input,
  div.yform .type-text textarea {display: block; position: relative; padding: 0.3em 0.3em; width: 90%;}
div.yform .type-select select {display: block; position: relative; padding: 0.3em 2px 0.3em 1px; width: 60%; cursor: pointer;}
div.yform .type-select select optgroup {font-style: normal; font-weight: bold;}
div.yform .type-check input {cursor: pointer;}
div.yform .type-check label {display: inline;}
div.yform .type-button input {width: auto; cursor: pointer;}
div.yform div.error {border: 1px #a00 dashed; background: #faf4f4; padding: 0.5em;}
div.yform div.error label {color: #000; font-weight: bold;}
div.yform div.error .message {color: #800;}
* html div.yform legend {position: absolute; top: -.5em; left: .5em;}
* html div.yform fieldset {overflow: visible; height: 1%; margin-top: 1.5em; padding-top: 1.5em;}
* +html div.yform legend {margin-top /***/: -1.1em; left: -.5em;}
* +html div.yform fieldset {overflow /***/: visible; height: 1%;}
}