/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@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; margin-bottom: .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 }
#topnav { text-align: right }
#header #topnav { position: absolute; top: 10px; right: 10px }
#header,#nav,#main,#footer { clear: both }
#col1 { float: left; width: 200px }
#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 LIGHT - Compressed for eeSiteKit 2.0 */
@media screen, projection {
body { background: #4d87c7 url("/images/site/bg_blue.png") repeat-x top left fixed; padding: 10px 0; text-align: center; }
.page_margins { text-align: left; margin: 0 auto; }
.page_margins { min-width: 740px; max-width: 80em; background: #fff; }
.page { padding: 10px; }
#header { color: #000; background: #fff repeat-x top left; padding: 45px 2em 1em 20px; }
#topnav { color: #aaa; background: transparent; }
#nav ul { margin-left: 20px; }
#main { background: #fff; padding: 10px 0; }
#footer { color: #666; background: #f9f9f9; padding: 10px 20px; border-top: 5px #efefef solid; line-height: 1.5em; }
#col1 { width: 25%; }
#col1_content { padding: 10px 10px 10px 20px; }
#col2 { width: 25%; }
#col2_content { padding: 10px 20px 10px 10px; }
#col3 { margin: 0 25%; }
#col3_content { padding: 10px; }
#header h1 { font-weight: bold; font-size: 2.5em; letter-spacing: -2px; line-height: 65%; color: #000; }
#header span { color: #999; }
#topnav a { color: #999; font-weight: normal; background: transparent; text-decoration: none; }
#topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration: underline; background-color: transparent; }
#footer a { color: #999; background: transparent; font-weight: bold; }
#footer a:focus,
  #footer a:hover,
  #footer a:active { color: #4D87C7; background-color: transparent; text-decoration: underline; }
}
/* END MEDIA SCRENE, PROJECTION */
/* YAML CONTENT LIGHT - Compressed for eeSiteKit 2.0 */
@media all {
html * { font-size: 100.01%; }
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: "Times New Roman", Times, serif; font-weight: normal; color: #222; margin: 0 0 0.25em 0; }
h1 { font-size: 250%; }
/* 30px */
h2 { font-size: 150%; }
/* 24px */
h3 { font-size: 140%; }
/* 18px */
h4 { font-size: 133.33%; }
/* 16px */
h5 { font-size: 116.67%; }
/* 14px */
h6 { font-size: 116.67%; }
/* 14px */
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: 0.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, code { color: #800; }
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: #4D87C7; background: transparent; text-decoration: none; }
a:visited { color: #036; }
a:focus,
  a:hover,
  a:active { color: #182E7A; text-decoration: underline; }
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%; }
/* eeSiteKit .codeblock and code CSS - June 2009*/
.codeblock { float: left; background: #f8f8f8; color: #666; padding: 10px 0 30px 10px; margin-bottom: 1em; font-size: 91.7%; width: 430px; overflow: auto; }
code { white-space: nowrap; }
.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
.warning { background: #fee; color: #400; border: 2px #844 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; }
table { width: auto; border-collapse: collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
table caption { font-variant: small-caps; }
table.full { width: 100%; }
table.fixed { table-layout: fixed; }
th,td { padding: 0.5em; }
thead th { color: #000; border-bottom: 2px #800 solid; }
tbody th { background: #e0e0e0; color: #333; }
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }
tbody th { border-bottom: 1px solid #fff; text-align: left; }
tbody td { border-bottom: 1px solid #eee; }
tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
tbody tr:hover td { background: #fff8f8; }
}
/* END MEDIA ALL */
/* YAML FORMS LIGHT - Compressed for eeSiteKit 2.0 */
@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; }
/* IE5.x & IE6 */
* 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; }
/* IE7 & IE8 */
* +html div.yform legend { margin-top /*\**/: -1.1em; left: -.5em; }
* +html div.yform fieldset { overflow /*\**/: visible; height: 1%; }
}
/* END MEDIA ALL */
/* eeSitKit 2.0 Main Naivgation CSS July 2009 */
div#nav_main { font-size: 12px; color: #333; height: 25px; }
div#nav_main span.nav_pipe { padding-right: 15px; margin-left: -15px; color: #666; }
div#nav_main ul { padding: 0; margin: 0; list-style: none; }
div#nav_main a { display: block; text-decoration: none; color: #333; padding: 5px 15px 5px 13px; border-top: #fff 1px solid; }
div#nav_main a:hover { background: #ddd; color: #333; }
div#nav_main li { float: left; list-style: none; margin-left: 1px; margin-bottom: 0; }
div#nav_main li ul { position: absolute; width: 150px; left: -999em; background: #eee; font-size: 11px; z-index: 10; }
div#nav_main li ul li { width: 149px; }
div#nav_main li:hover ul { left: auto; width: 150px; }
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 .selected { font-weight: bold; }
/* NAV SUB */
div#col1_content .selected { font-weight: bold; }
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: .8em; margin-bottom: .3em }
/* BUY BUTTON */
div.buy_now_button {margin: 20px 0;}
input.cart_button {background: #fff url(/images/site/nav_bg.png) repeat-x; display: inline-block; padding: 5px 10px 6px 25px; 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.cart_button: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;}