/****************************************************************************
eBIT-Site
-------------------
Copyright 2006, 2007, 2008 Davide Zaccaria, Orazio Langenbach

This file is part of eBIT-Site, a module of the framework POMO.

eBIT-Site is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

eBIT-Site is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with eBIT-Site.  If not, see <http://www.gnu.org/licenses/>.
****************************************************************************/


* {
    margin:0;
    padding:0;
  }


body {
    background:#001933 top left no-repeat;
    font:12px Arial, Helvetica, sans-serif;
    color:#333333;
    margin-top:0px;
    text-align: center;
  }


#site_header {
    width:900px;
    height:210px;
    background: white url("../img/header.jpg") top center no-repeat;
    text-align: left;
    border-left:0px #606060 solid;
    border-right:0px #606060 solid;
  }

#site_header #fav_button {
width:156px;
margin-left: 372px;
padding-top: 10px;
}

.container {
    background-color : white;
    background-image : url("../img/bkg.jpg");
    background-position : bottom left;
    background-repeat : repeat-x;
    border-bottom-color : #606060;
    border-bottom-style : solid;
    border-bottom-width : 0px;
    border-left-color : #606060;
    border-left-style : solid;
    border-left-width : 0px;
    border-right-color : #606060;
    border-right-style : solid;
    border-right-width : 0px;
    border-top-color : #606060;
    border-top-style : solid;
    border-top-width : 0px;
    position : absolute;
    text-align : left;
    width : 900px;
  }


.menu_title {
    color : #003366;
    font-size : 14px;
    font-weight : bold;
    text-decoration : underline;
  }


img.imgnews {
    margin-right:10px;
    margin-bottom:10px;
    border:1px silver solid;
  }

/**********************menu***********************/


.menu2 {
    padding-top:15px;
    padding-right:7px;
    font-size:.7em;
    float:right;
  }


.menu2 ul {
    list-style-type:none;
  }


.menu2 li {
    float:left;
    list-style-type:none;
    border-right:solid 1px #333;
    padding-right:5px;
  }


.menu2 a {
    float:left;
    padding-left:10px;
    font-size:10pt;
    color:#003366;
    font-weight:bold;
  }


.arrowlistmenu {
    padding-left:15px;
  }


.arrowlistmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    /*bottom spacing between each UL and rest of content*/;
  }


.arrowlistmenu li {
    padding-bottom: 2px;
    /*bottom spacing between menu items*/list-style-type: none;
  }


.arrowlistmenu a {
    color: #A70303;
    display: block;
    padding: 2px 0;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid silver;
    font-size: 8pt;
  }


.arrowlistmenu a:visited {
    color: #A70303;
  }


.arrowlistmenu a:hover {
    /*hover state CSS*/color: #A70303;
    background-color: #ECECEC;
  }


.menu1 {
    position: absolute;
    top:155px;
    height: 29px;
    width: 850px;
    padding-top: 15px;
    padding-left: 0px;
  }


.menu1 li {
    float: left;
    list-style: none;
  }


.menu1 li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #003366;
    outline: none;
    text-align: center;
    top: 7px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    padding-left:12px;
  }


.menu1 li a:hover {
    color: #99CCCC;
  }

/*********************end menu********************/




table {
    font-size:12px;
  }


a {
    outline:none;
  }


ul {
    list-style-type : square;
    padding-left : 20px;
    line-height:1.5em;
  }


p {
    margin-bottom:1em;
    line-height:1.4em;
  }


#center-col {
    background-color : transparent;
    float : left;
    font-size : 12px;
    margin-bottom : 3px;
    margin-left : 3px;
    padding-bottom : 5px;
    padding-left : 10px;
    padding-right : 20px;
    padding-top : 10px;
    position : relative;
    text-align : justify;
    width : 650px;
    z-index : 0;
  }


#center-col a {
    color:#003366;
    text-decoration:underline;
    /*font-weight:bold;
    */;
  }


#center-col a:hover {
    color:#333333;
  }


#center-col a:visited {
    color:#333333;
  }

#center-col li {
 margin-left:30px;
 margin-top:10px;
 margin-bottom:10px;
}

.title {
    font-weight:bold;
    color:#003366;
  }


#center-col .title a {
    color:#003366;
    text-decoration:none;
  }


#center-col .title a:hover {
    color:#003366;
    text-decoration:none;
  }


#center-col .title a:visited {
    color:#003366;
    text-decoration:none;
  }


.printer_button {
    position:absolute;
    top:10px;
    right:0px;
  }


.pdf_button {
    position:absolute;
    top:10px;
    right:30px;
  }


#left_col {
    /*position:relative;
    float:right;
    */ width:200px;
    padding:10px 5px 0px 0px;
    margin-bottom:3px;
    font-size:10px;
    border-right:solid 1px #ccc7b9;
    float:left;
  }


#left_col a {
    color:#333333;
    text-decoration:none;
    font-weight:bold;
  }


#left_col a:hover {
    color:#003366;
  }


#left_col img {
    border:solid 1px #c5c2b6;
     /*margin-right:6px;
    */
  }


.clear {
    clear:both;
  }


.hrzrule {
    height:1px;
    margin:1.3em 0;
    background:url("../img/h2_bg.gif") bottom repeat-x;
  }


.indent {
    position:relative;
    left:60px;
  }


.error {
    color:red;
  }

/*  ADMIN
*******************************************************************************************************************/



#langflags {
    position:absolute;
    top:56px;
    right:5px;
  }


#linklogo {
    position:absolute;
    top:10px;
    left:10px;
    width:140px;
    height:75px;
    cursor:pointer;
  }


img.menu {
    padding:5px;
  }


img.border {
    border: 1px silver solid;
  }

/*******************************************
start dialog
*******************************************/


#close_itemcard_btn {
    cursor:pointer;
  }


#itemcard_dlg {
    position:fixed;
    top:0;
    left:0;
    margin: 0 auto;
    color:#ECECEC;
    width:100%;
  }

/****************************************************
end dialog
****************************************************/


div.loading {
    background:#ff0000;
    color:#fff;
    font-size:14px;
    font-familly:Arial;
    padding:2px;
    display:none;
  }


.form_button {
    background-color:#ccf;
    color:black;
    font-weight:bold;
  }


#close_dlg_btn {
    cursor:pointer;
    position:absolute;
    top:10px;
    right:10px;
    z-index:1002;
  }


div.controls {
    position:absolute;
    top:70px;
    left:695px;
    color:white;
    width:200px;
  }


div.controls a {
    color:white;
  }


div.controls div {
    padding:5px;
    border-bottom: dashed 1px #ECECEC;
  }


div.controls div.currency a {
    color:gold;
    font-style:none;
    font-weight:bold;
    font-size:14pt;
  }


div.shoptitle {
    background-color:silver;
    color:#001933;
    width:100%;
    font-size:12pt;
    font-weight:bold;
    text-align:center;
  }


#shop_gallery {
    position:absolute;
    top:276px;
    left:0px;
    border-left:1px #606060 solid;
    border-right:1px #606060 solid;
    text-align:center;
    width:900px;
    margin:0 auto;
    background-color:silver;
  }


#shop_pager_up {
    background-color:silver;
    position:absolute;
    text-align : center;
    width : 900px;
    height:16px;
    top:-21px;
    left:-1px;
    color: #003366;
    border:1px #606060 solid;
    padding-top:3px;
  }


#shop_pager_down {
    background-color:silver;
    position:absolute;
    text-align : center;
    width : 900px;
    height:16px;
    bottom:-21px;
    left:-1px;
    color: #003366;
    border:1px #606060 solid;
    margin:0 auto;
    padding-top:3px;
  }


img.button {
    cursor:pointer;
  }


.item_card img {
    border:0;
  }


div.shop_item {
    float : left;
    padding-bottom : 4px;
    padding-left : 4px;
    padding-right : 4px;
    padding-top : 4px;
    text-align : center;
    width : 215px;
    background-color:silver;
    margin:0;
    text-align:center;
  }


div.shop_item div {
    width:215px;
  }


div.shop_item div.shop_item_toolbar {
    background-color:silver;
    border-top:solid #606060 1px;
    margin:0;
    width:215px;
  }

/*
start item card
*/



.veline {
    opacity:0.4;
  }

/***************news*****************/


.article_notes {
    color:#003366;
    border-bottom: solid #003366 1px;
  }


.news_comment_box {
    border: solid #606060 1px;
    margin-bottom:10px;
  }


.news_comment_title {
    padding:5px;
    background-color:#ECECEC;
    border-bottom: solid #606060 1px;
  }


.news_comment_text {
    padding:5px;
  }


.news_comment_text div {
    border-top:dotted 1px #606060;
  }


.news_footer {
    font-style:italic;
    border-bottom: dotted 1px #606060;
  }


.news_footer a {
    font-style:normal;
  }

/****************end news************/

/************login*************/


#kb_table {
  }


#kb_table tr td {
    border: solid 1px #606060;
    text-align:center;
    width: 16px;
    height: 16px;
    padding:2px;
  }


#login_container {
    background-color: white;
    padding:20px;
  }


#kb_password {
    background-color: #ECECEC;
    border:1px #606060 solid;
    font-size:12pt;
    text-align:center;
  }


#login_instructions {
    float:left;
    border: dashed 1px #606060;
    margin-right:20px;
    margin-top:10px;
    padding: 10px;
  }


#login_instructions ol {
    padding: 10px;
    margin-left:10px;
  }


.keyboard {
  }


.keyboard img {
    cursor: pointer;
  }

/**********end login***********/

/**********start cart***********/


#cart_container {
    margin-top: 10px;
  }


#cart_instructions {
    float:left;
    border: dashed 1px #606060;
    margin-left:20px;
    margin-right:20px;
    margin-top:0px;
    margin-bottom:20px;
    padding: 10px;
    width: 300px;
  }


#cart_instructions ol {
    padding: 10px;
    margin-left:10px;
  }


#cart_form {
    margin-bottom:20px;
    float: left;
  }


#ship_info {
    margin-bottom:20px;
    margin-left:20px;
    float: left;
  }


table.cart_table {
    border:0;
    font-size:12px;
  }


table.cart_table td {
    padding:3px;
  }


table.cart_table tbody td {
    padding:3px;
    background-color:#E8E8E8;
    border-bottom: dashed 1px #606060;
  }


table.cart_table tfoot td {
    font-weight: bold;
  }


table.cart_table th {
    text-align:left;
    padding:3px;
    background-color:#606060;
    color:#FFFFFF;
  }

/**********end cart***********/

/*************item card************/


#close_itemcard_btn {
    cursor:pointer;
  }


#itemcard_dlg {
    position:fixed;
    top:0;
    left:0;
    z-index:1002;
    margin: 0 auto;
    color:#ECECEC;
    width:100%;
  }


table.ic th {
    background-color:#606060;
    color:#ECECEC;
    padding-left:10px;
    border-bottom: #29325e solid 1px;
  }


table.ic th a {
    color:white;
  }


table.ic_data {
  }


table.ic_data td {
    padding:5px;
    border:1px silver dotted;
    background-color:#eeeeee;
    color:#303030;
    text-align:left;
  }

/*********end item card************/

/*************item map card************/


table.itemtable th {
    background-color:#606060;
    color:#ECECEC;
    padding-left:10px;
    border-bottom: #29325e solid 1px;
    padding:5px;
  }


table.itemtable td {
    padding:5px;
    border:1px silver dotted;
    background-color:#eeeeee;
    color:#303030;
    text-align:left;
  }

/*********end item card************/


div.jGrowl div.silver {
    background-color: silver;
    color: #003366;
    font-weight: bold;
    z-index:1003;
  }

/*****************search box*******************/

.search_box {
    display: none;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -300px;
    width: 400px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
  }


.jqmOverlay {
    background-color: #000;
  }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */

* iframe.jqm {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
  }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */

* html .search_box {
    position: absolute;
    /*top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
    */ top: expression((document.documentElement.scrollTop || document.body.scrollTop) + 'px');
  }


.search_box table {
    text-align:left;
    border:solid #29325e 1px;
    width:100%;
    padding:0;
    margin:0;
  }


.search_box th {
    background-color:#708090;
    padding:5px;
    color: #ECECEC;
    border-bottom: #29325e solid 1px;
  }


.search_box table td {
    font-weight:bold;
    padding:2px;
  }

/************end search box*******************/

/*****************item box*******************/

.register_box {
    display: none;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    width: 700px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
  }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */

* html .register_box {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + 'px');
  }


.register_box table {
    text-align:left;
    border:solid #29325e 1px;
    width:100%;
    padding:0;
    margin:0;
  }


.register_box th {
    background-color:#708090;
    padding:3px;
    color: #ECECEC;
    border-bottom: #29325e solid 1px;
  }


.register_box table td {
    font-weight:bold;
    padding:2px;
  }

/************end register box*******************/

/*****************register box*******************/

.item_box {
    display: none;
    position: fixed;
    top: 0px;
    left:0px;
    width: 920px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
  }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */

* html .item_box {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop)+ 'px');
  }


.item_box table {
    text-align:left;
    border:solid #333 1px;
    width:100%;
    padding:0;
    margin:0;
  }


.item_box th {
    background-color:#708090;
    padding:5px;
    color: #ECECEC;
    border-bottom: #29325e solid 1px;
  }


.item_box table td {
    padding:5px;
    border:1px silver dotted;
  }


#main_image {
    border:0;
    background-color:#708090;
  }


.galleria {
    list-style:none;
    width:200px;
  }


.galleria li {
    display:block;
    width:80px;
    height:80px;
    overflow:hidden;
    float:left;
    margin:0 10px 10px 0;
  }


.galleria li a {
    display:none;
  }


.galleria li div {
    position:absolute;
    display:none;
    top:0;
    left:180px;
  }


.galleria li div img {
    cursor:pointer;
  }


.galleria li.active div img,.galleria li.active div {
    display:block;
  }


.galleria li img.thumb {
    cursor:pointer;
    top:auto;
    left:auto;
    display:block;
    width:auto;
    height:auto;
  }


.galleria li .caption {
    display:block;
    padding-top:.5em;
  }


* html .galleria li div span {
    width:400px;
  }

/* MSIE bug */





.mygallery {
    width:600px;
    margin:0 auto;
  }


.mygallery li {
    width:68px;
    height:50px;
    border:3px double #111;
    margin: 0 2px;
    background:#000;
  }


.mygallery li div {
    left:240px;
  }


.mygallery li div .caption {
    font:italic 0.7em/1.4 georgia,serif;
  }


.item_nav {
    padding-top:10px;
    clear:both;
    font:80% 'helvetica neue',sans-serif;
    letter-spacing:3px;
    text-transform:uppercase;
  }


.item_nav a {
    color:#333;
  }

/************end item box*******************/


#disclaimer {
    float: none;
    position:absolute;
    height:150px;
    width:900px;
    bottom:-150px;
    left:0px;
    background-color:#dedede;
    background-image : url("../img/footer1.jpg");
    background-position : center left;
    background-repeat : no-repeat;
    border-top:1px solid silver;
  }


#disclaimer #disc_table {
    margin-top:15px;
    margin-left:150px;
  }


.sub_container {
    background-color: white;
    padding:20px;
    background-image : url("../img/bkg.jpg");
    background-position : bottom left;
    background-repeat : repeat-x;
  }


#catalogue {
    margin: 20px;
  }


#catform {
    margin:30px;
  }

.pagetable {
 padding:0px;
 margin:0px;
 width:700px;
 border:1px #708090 solid;
}

.pagetable th {
    background-color:#708090;
    color: #ECECEC;

    text-align:center;
    margin:0px;
 padding:5px;
}

.pagetable td {
    background-color:#dedede;
    color: black;
    padding:5px;
}

#footer2 {
    background-image : url("../img/footer2.jpg");
    background-position : bottom right;
    background-repeat : no-repeat;
    height:100px;
    width:750px;
}