/**
 * Stylesheet - biolicht
 * $Id: screen.css 244 2009-08-20 14:45:18Z hri $
 */

body { margin: 0; padding: 0; background-color: #CFE2F1; font-family: tahoma, helvetica, arial, sans-serif; }
* { margin-top: 0; }
img { border: 0; background-color:#ffd; }
input, select, textarea { color: #000090; border: solid #666 1px; background-color: #ffffdd; }
th, td { vertical-align: top; }
th { border-bottom: 1px dotted #000080; margin: 0; padding: 0; text-align: left; }

a { color:#000080; }

/****************** layout ******************/
#wrapper { position: relative; width: 980px; margin: 0; }
#header h1 { height: 120px; margin: 0; padding: 0; }
#header h1 span { background-image: url(img/skylogo.jpg); background-position: 10px 0; background-repeat: no-repeat; text-indent: -3000px; }
#header h1 a span { display: block; height: 120px; }

#content { margin: 8px 0 0 200px; width: 764px; background-color: #fff; padding: 8px 8px 16px 8px; }
#content h2 { color: navy; border-bottom: solid 2px; white-space: nowrap; margin-bottom: 0.5em; }
#content h3 a { color: navy; }

#main { }
#main_p { color: #10820c; }
#main_p h2 { padding-top: 0; color: #10820C; margin-bottom: 0; white-space: nowrap; padding-left: 0.5em; margin-bottom: 0.5em; }
#main_p h4 { border-bottom: 1px #aaa dotted; margin-bottom: 0; }

#footer { position: relative;  margin: 4px 0 0 200px; text-align: center; font-size: .8em; padding: .3em 1em; color: #559; }
#footer a { color:#559; }

/****************** menu ******************/
#menuwrapper { position: absolute; top: 120px; left: 12px; width: 180px; }

#menu { }
#menu h2 { color: #000080; margin-bottom: 0; white-space: nowrap; }
#menu ul { color: #000080; margin: 0; padding: 0; margin-bottom: 1em; list-style: none; }
#menu ul ul { margin-bottom: 0; }
#menu li { margin-bottom: 0; border: 1px solid #CFE2F1; }
#menu li li { margin-left: 0.5em; }
#menu a { display: block; padding: .1em .2em; color: #000080; }
#menu li a:hover, #menu li a.active { background-color: #fff; }

#topmenu { }
#topmenu h2 { color: #000080; margin-bottom: 0; white-space: nowrap; }
#topmenu ul { color: #000080; margin: 0; padding: 0; margin-bottom: 1em; list-style: none; }
#topmenu ul ul { margin-bottom: 0; }
#topmenu li { margin-bottom: 0; border: 1px solid #CFE2F1; }
#topmenu li li { margin-left: 0.5em; }
#topmenu a { display: block; padding: .1em .2em; color: #000080; }
#topmenu li a:hover, #topmenu li a.active { background-color: #fff; }

#cart { position: absolute; top: 0; left: 799px; width: 180px; background-color: #fff; }
#cart ul { margin: 6px 12px 6px 12px; padding: 0; list-style: none; }
#cart li { float: left; list-style: none; margin-bottom: 6px; }
#cart a { padding: .1em .3em; }
#cart li a:hover, #cart li a.active { background-color: navy; color: #fff; }
#cart_img a { background-image: url(img/wagerl2.gif); background-position: 2px 2px; background-repeat: no-repeat; text-decoration: none; }
#cart_img a:hover, #cart_img a.active { background-image: url(img/wagerl.gif); }
#cart_img a span { padding-left: 24px; text-decoration: underline; }

/****************** Product List ******************/
div.prod_list { margin-right: 1.2em; margin-left: 0.2em; }
#prod_page h2 { color: #000080; margin: 0 1em .5em 0; white-space: nowrap; padding-left: 0.5em; }
.prod_list a { color: #000080; }
#prod_page { color:#000080; }

/****************** Product Large Image ******************/
#prod_img_detail { z-index: 20; visibility: hidden; position: absolute; top: 10px; left: 20%; background-color: silver;
    border: solid 2px; border-color: #548ECB #163C91 #163C91 #548ECB; padding-top: 12px; }
* html #prod_img_detail { background-color: #fff; padding-top: 0; }
#prod_img_detail fieldset, #prod_img_detail legend {
    border: solid 2px; border-color: #548ECB #163C91 #163C91 #548ECB; background-color: white; padding: 8px; }
#prod_img_detail fieldset { margin: 6px; }
#prod_img_detail legend { padding: 0 .4em .1em .4em; margin: -12px 0; }
* html #prod_img_detail legend { margin: -6px 0; }
#prod_img_detail p { margin: 0; padding: 0; }
#prod_img_detail .close { text-align: right; margin-bottom: 3px; }
#prod_img_detail .close a { text-decoration: none; background-color: #f00; color: #fff; border: solid 2px #a00; }
.prod_image { margin: 0 1em 1em 0; }
a.prod_image:hover { background-color: inherit; }

/****************** Product item ******************/
.prod_item { padding-top: 0; margin-right: 1.2em; margin-left: 0.2em; }
.prod_item h2 { text-decoration: underline; color: red; margin-right: 1em; }
.prod_navback { text-align: right; margin: -0.5em 1.8em -1em 0; }
.prod_navback a:hover { color: #fff; background-color: #000080; border: dotted ##000080 1px; }

/****************** cart ******************/
.cart_item { float:left; width: 100%; border: 1px solid #000080; margin: 0 0 1em 0; padding: 0; }
.cart_item .img { width: 36px; text-align: left; }
.cart_item td { text-align: right; }
.cart_del_icon { vertical-align: bottom; }
td.left { text-align: left; }
th.right { border-bottom: none; text-align: right; padding-right:.5em; }
tr.sum th { text-align:right; border-bottom:none; border-top: thick double #000080; }

p.btn a, p.btn input { border: solid 1px; text-decoration: none; padding: .1em .3em; font-size: 83%; color: #000080;
    background-color: #EFEFEF; float:right; cursor: pointer; margin-left: .5em; margin-bottom: .5em; }
p.btn a { clear: right; }

/****************** checkout ******************/
.uniform p { padding-left: .5em; }
.uniform input { margin-right: .5em; }
* html fieldset { padding: .5em; }
.uniform ul { margin: 0; padding: 0; list-style: none; }
td.active, th.active { background-color:#FFFFDD; }
#indexlist { font-size:1.5em; }
#checkout_steps th { text-align: center; }

.mop_info_box { padding-left:1em; margin-bottom: 1em; }

/****************** Wiki/Misc ******************/
.fmt_strong { font-weight: bold; }
.fmt_emphasis { font-style:italic; }
.fmt_underline { text-decoration:underline; }
.fl { float: left; }
.clear: { clear: both; }
.error { margin: 12px; padding: 6px; border: solid #b00 2px; color: #b00; }
.center { text-align: center; }