ï++/* Note: These file is used to declare user defined styles. These styles are used only on the website 
 and not in Electos Studio. You may expand and change these however you see fit. */
 
html, body{
        padding: 0px;
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

.flags {
        border-style: solid;
        border-width: 1px;
        margin: 1px;
}

.IntroText {
        line-height: 15px;
}

.ElectosEditons {
        color: #6C6C6C;
        line-height: 15px;
}
.Button {
        font-weight: bold;
        cursor: auto;
}

.Copyright {
        font-size: 9px;
        vertical-align: middle;
}

.network {
        text-align: center;
}

.OK {
        font-weight: bold;
        color: #008000;
}

.KO {
        font-weight: bold;
        color: #FF0000;
}

#navigation {
        font-size: 9px;
}

.BreadCrumbTrail {
        font-size: 9px;
        text-align: right;
        font-weight: bold;
        text-transform: uppercase;
        vertical-align: top;
}

.BreadCrumbTrail:hover{
        text-decoration: none;
}

.submenu_items{
        text-align: right;
        font-weight: bold;
        vertical-align: middle;
        text-transform: uppercase;
}

.submenu_items:hover{
        text-decoration: none;
}

#menu{
        background-color: #DBE5EB;
        vertical-align: top;
}

#menutop{
        text-align: right;
}

.glossymenu{
        list-style-type: none;
        margin: 0px 0;
        padding: 0;
        width: 195px;
        border: 1px solid #9A9A9A;
        border-bottom-width: 0;
}

.glossymenu li a{
        background: white url(../images/glossyback01.gif) repeat-x bottom left;
        display: block;
        width: auto;
        padding: 6px 0;
        padding-left: 10px;
        text-decoration: none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
        width: 185px;
}

.glossymenu li a:visited, .glossymenu li a:active{
        color: white;
}

.glossymenu li a:hover{
        background-image: url(../images/glossyback02.gif);
}

#maintable {
        background-color: #FFFFFF;
}

.mainbg {
        background-color: #FFFFFF;
        vertical-align: top;
}

.row {
        border: 1px solid #C0C0C0;
}

#login {
        margin: 9px;
        font-size: 9px;
        font-weight: bold;
}

#tdbg {
        border-width: 0px 0px 0px 0px;
        padding: 0px;
        margin: 0px;
        background-image: url(../images/BackgroundUp.gif);
}

#tdbg2 {
        background: #DBE5EB;
        background-image: url(../images/PictureRightBackground.gif);
}

a:link, a:active, a:visited{
        text-decoration: underline;
}

a:hover{
    text-decoration: none;
}

a.menu_link:link, a.menu_link:active, a.menu_link:visited{
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: underline;
}

a.menu_link:hover{
    text-decoration: none;
}       

table.WebshopOverview{
        border: 1px solid #C0C0C0;
        width: 90%;
}

table.WebshopOverview th, table.WebshopOverview tr.Header, table.WebshopOverview tr.Footer{
        background-color: #DFDFDF;
        color: #FFFFFF;
        font-weight: bold;
        height: 15px;
        text-align: left;
}
table.WebshopOverview th{
        color: #666666;
        font-weight: bold;
}

table.WebshopOverview tr.RowOdd , div.WebshopShoppingCart table tr.RowOdd {
        background-color: #F6F6F6;
        color: #666666;
        vertical-align: top;
}

table.WebshopOverview tr.RowEven , div.WebshopShoppingCart table tr.RowEven{
    background-color: #DBE5EB;  
        color:#666666;
        vertical-align: top;
}

table.WebshopOverview td{
        margin: 1px;
        padding: 1px 1px 1px 1px;
        width: 100%;
}

.WebshopOverviewProductName {
        font-weight: bold;
        line-height: 24px;      
        text-decoration: none;
        color:#666666;
}

.WebshopOverviewProductName:hover {
        font-weight: bold;
        line-height: 24px;      
        text-decoration: underline;
}

Input.WebShopAmountInput {
        text-align:right; 
        font-weight:bold; 
        border: 1px solid #969aaa; 
        padding-right: 4px;      
        padding-top: 2px;
        padding-bottom: 2px;
        color:#666666;
}


table.WebshopDetail {

}

table.WebshopDetail tr.Header td, table.WebshopDetail tr.Footer td{
    background-color: #969AAA;
    color: #FFFFFF;
    font-weight: bold;
    height: 30px;
}

.WebshopDetailBottomRow {
        font-weight: bold;
}

.WebshopDetailPrice {
        font-weight: bold;
}


div.WebshopShoppingCart table{

}

.WebshopContentFont {

}

.WebshopShoppingCartHeader{
        font-weight: bold;
        background-color: #CCCCCC;
}
.WebshopShoppingCartFooter{
        font-weight: bold;
        text-align: right;
        background-color: #CCCCCC;
}

a.CheckoutText,a.CheckoutText:visited{   
   font-weight: bold;
   text-decoration: underline;
}

a.CheckoutText:hover {
   font-weight: bold;
   text-decoration: none;
}


.WebshopShoppingCart td {

}

.WebshopShoppingCartProduct {
        text-align: left;
}

.WebshopShoppingCartQty {
        text-align: center;
}

.WebshopShoppingCartPrice {
        text-align: right;
}

.WebshopShoppingCartProduct:hover { 
   font-weight: bold;
   text-decoration: none; 
}

.WebshopShoppingCart a{
   font-weight: bold;
   text-decoration: underline; 
}

.steps{
        color:#143466;
}

.steps .current {
    font-weight: bold;
}