/* 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. */
 
body{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

html{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

.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: #99CCFF;
	vertical-align: top;
}

#menutop{
	text-align: right;
}

.glossymenu{
	border-bottom-width: 0;
	border-color: #66FF99;
	border-style: solid;
	border-width: 1px;
	list-style-type: none;
	margin: 0px 0;
	padding: 0;
	width: 195px;
}
.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:active{
	color: white;
}

.glossymenu li a:visited{
	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: #FFFFFF;
	background-image: url('../PictureRightBackground.gif');
}

a:visited{
	text-decoration: underline;
}

a:active{
	text-decoration: underline;
}

a:link{
	text-decoration: underline;
}

a:hover{
    text-decoration: none;
}

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

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

a.menu_link:link{
	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 tr.Footer{
	background-color: #DFDFDF;
	color: #FFFFFF;
	font-weight: bold;
	height: 15px;
	text-align: left;
}

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

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

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

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

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

table.WebshopOverview tr.RowEven{
	background-color: #66FF99;
	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.Footer td{
    background-color: #969AAA;
    color: #FFFFFF;
    font-weight: bold;
    height: 30px;
}

table.WebshopDetail tr.Header 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:visited{   
   font-weight: bold;
   text-decoration: underline;
}

a.CheckoutText{   
   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;
}