﻿/*******************/
/* styles for html */
/*******************/

div.All
{
   background-color: White;
   width: 93%;
   top: 0px;
   margin-bottom: 0px;
   margin-left: 3%;
   margin-right: 3%; 
   padding-top: 10px;
   padding-bottom: 10px;
}

div.Header
{
	height: 60px;
	background-repeat: no-repeat;
	background-image: url(../Images/header.jpg);
	background-position: center center;
	text-align: left;
	vertical-align: middle;
}

div.HeaderLeft
{
	width: 140px;
	height: 60px;
	vertical-align: middle;
	float: left;
}

div.HeaderMiddle
{
	width: 300px;
	height: 60px;
	text-align: right;
	vertical-align: middle;
	float: left;
}

div.HeaderRight
{
	width: 200px;
	height: 60px;
	text-align: right;
	vertical-align: middle;
	float: right;
}

div.InfoPaneTop
{
	clear: both;
	border-top: #e3e3e3 1px solid;
	margin-top: 6px;
	font-weight: 400;
	font-size: 8pt;
	padding-bottom: 1px;
	vertical-align: middle;
	width: 100%;
	padding-top: 1px;
	border-bottom: #e3e3e3 1px solid;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	height: 12px;
	text-align: right;
	background-color: whitesmoke;
}

div.InfoPaneBottom
{
	clear: both;
	border-top: #e3e3e3 1px solid;
	margin-top: 6px;
	font-weight: 400;
	font-size: 8pt;
	padding-bottom: 1px;
	vertical-align: middle;
	width: 100%;
	padding-top: 1px;
	border-bottom: #e3e3e3 1px solid;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	height: 12px;
	text-align: center;
	background-color: whitesmoke;
}

div.MasterLeft
{
   width: 20%;
   padding-top: 10px;
   text-align: left;
   float: left; 
}

div.MasterRight
{
   width: 76%;
   padding-top: 10px;
   text-align: left;
   float: right; 
}

div.Content
{
    font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
    font-size: 8pt;
    color: #454545;
    padding-top: 6px;
    text-align: left;
    clear: both;
}

div.ContentLeft
{
    font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
    font-size: 8pt;
    color: #454545;
    padding-top: 6px;
    width: 20%;
    text-align: left;
    float: left;
}

div.ContentMiddle
{
    font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
    font-size: 8pt;
    color: #454545;
    padding-top: 6px;
    width: 30%;
    text-align: left;
    float: left;
}

div.ContentRight
{
    font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
    font-size: 8pt;
    color: #454545;
    padding: 6px;
    width: 300px;
    text-align: right;
    float: right;
    
}

A:link.ItemMenuAct 
{
	color: #454545;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-align: left;
	text-decoration: none;
}

A:visited.ItemMenuAct 
{
	color: #454545;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-align: left;
	text-decoration: none;
}
A:active.ItemMenuAct 
{
	color: #454545;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-align: left;
	text-decoration: none;
}
A:hover.ItemMenuAct 
{
	color: #dedeff;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-align: left;
	text-decoration: underline;
}

/* standard class for all controls with unknown css */
.Normal
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	color: #454545;
	text-align: left;
	vertical-align: top;
}

td.ContentCenter
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	color: #454545;
	text-align: center;
	vertical-align: top;
}

td.Content
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	color: #454545;
	text-align: left;
	vertical-align: top;
}
td.ContentRight
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	color: #454545;
	text-align: right;
	vertical-align: top;
}

td.Caption
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:700;
	color: #444;
	text-align: left;
	vertical-align: top;
}

/* Company Address */
table.CompanyAddress
{
	padding-bottom: 3px;
	width: 100%;
	padding-top: 3px;
	border-collapse: collapse;
	text-align: right;
}

td.CompanyAddressCaption
{
	font-weight: 700;
	font-size: 8pt;
	color: #003399;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
}
td.CompanyAddress
{
	font-weight: 400;
	font-size: 8pt;
	color: #454545;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
}
A:link.CompanyAddress 
{
	color: #454545;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-decoration: none;
}
A:visited.CompanyAddress 
{
	color: #454545;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-decoration: none;
}
A:active.CompanyAddress 
{
	color: #454545;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-decoration: none;
}
A:hover.CompanyAddress 
{
	color: #dedeff;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-decoration: underline;
}

hr.Dotted
{
    height: 1px;
    border: dotted 1px lightskyblue;
}

hr.Double
{
    height: 3px;
    border: ridge 3px #006699;
}

hr.Acc
{
    height: 1px;
    border: dotted 1px gainsboro;
}

/* cart */
table.Cart
{
	padding-bottom: 3px;
	width: 100%;
	padding-top: 0px;
	empty-cells: hide;
    empty-cells: collapse;
	border-collapse: collapse;
}

td.CartCaption
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:700;
	color: #454545;
	text-align: left;
	vertical-align: top;
	border-bottom: double 3px lightskyblue;
}

td.CartCaptionRight
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:700;
	color: #454545;
	text-align: right;
	vertical-align: top;
	border-bottom: double 3px lightskyblue;
}

td.Cart
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	color: #454545;
	text-align: left;
	vertical-align: top;
	border-bottom: dashed 1px lightskyblue; 
}

td.CartRight
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	color: #454545;
	text-align: right;
	vertical-align: top;
	border-bottom: dashed 1px lightskyblue;
}

td.CartSpace
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	color: #454545;
	text-align: left;
	vertical-align: top;
	height: 10px;
	border-bottom: solid 1px lightskyblue; 
}

/* MiniCart */

table.MiniCart
{
	width: 175px;
	border-collapse: collapse;
	border: solid 0px #bebfc1;
}

td.MiniCart
{
   
	color: #444;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-align: right;
	vertical-align: top;
}

td.MiniCartCaption
{
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left:6px;
	color: #444;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-align: right;
	vertical-align: top;
	width: 100%;
	background-color: #ffffff;
}

td.MiniCartRight
{
    padding-left: 10px;
    padding-right: 6px;
	color: #444;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	text-align: right;
	vertical-align: top;
}

/* checkout */
table.Checkout
{
	padding-bottom: 3px;
	width: 100%;
	padding-top: 3px;
	border-collapse: collapse;
}

td.Checkout
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	height: 28px;
	color: #454545;
	text-align: center;
	vertical-align: middle;
}

td.CheckoutSpace
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	color: #454545;
	height: 28px;
	width: 140px;
	text-align: center;
	vertical-align: middle;
	background-repeat: repeat-x;
	background-image: url(../Images/CheckoutLine.gif);
}

/* itemgroup info */
table.ItemgroupInfo
{
	padding-bottom: 3px;
	width: 100%;
	padding-top: 3px;
	border-collapse: collapse;
}

td.ItemgroupInfo
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:400;
	color: #454545;
	text-align: left;
	vertical-align: top;
	border-bottom: double 3px darkblue;
}

/* item pictures */
table.ItemPictures
{
    margin-top: 22px;
    margin-bottom: 22px;
    width: 80%;
    background-color: #ffffff;
}

table.ItemState
{
    margin-top: 22px;
    margin-bottom: 22px;
    width: 100%;
    background-color: Transparent;
}

table.GroupPreviev
{
    margin-top: 22px;
    margin-bottom: 22px;
    width: 100%;
    background-color: Transparent;
}

td.GroupPreviev
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:700;
	color: #444;
	text-align: left;
	vertical-align: bottom;
	padding: 6px;
	border: dotted 1px #dedede;
}

div.GroupPreviev
{
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	font-size: 8pt;
	font-weight:700;
	color: #444;
	text-align: center;
	vertical-align: top;
	border: dotted 1px #dedede;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	margin: 2px;
}

table.Display
{
	width: 100%;
	border-collapse: collapse;
	/*border: solid 1px silver;*/
}

table.OptionalFields
{
    empty-cells: hide;
    empty-cells: collapse;
    border-collapse: collapse;
}

/***************************/
/* styles for net controls */
/***************************/
.ButtonMiniCart
{
	text-align: right;
	vertical-align: middle;
	cursor: hand; 
}

.ButtonSearch
{
	 width:20px;
     height: 20px;
     border-bottom: none;
     border-left: none;
     border-right: none;
     border-top: none;
     background-color: transparent; 
}

.TextBoxSearch
{
     width:110px;
     height: 14px;
     border-bottom: none;
     border-left: none;
     border-right: none;
     border-top: none;
     background-color: transparent;  
     font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
     font-size: 8pt;
     font-weight:400;
     color: #666;
}

.DropDownFilter
{
    margin-bottom: 2px;
}

.Acc
{
    padding: 2px;
    margin-top: 0px;
}

.FileUpload
{
     border-bottom: none;
     border-left: none;
     border-right: none;
     border-top: none;
     background-color: transparent;  
     font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
     font-size: 8pt;
     font-weight:400;
     color: #666;
}

.PanelAddress
{
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 0px;
}

.LabelRight
{
    text-align: right;
}

.TextBoxRight
{
    text-align: right;
}

.Menu A:link
{
   background-color: transparent;
   color: #B04C28;
   font-family:Georgia, ARIAL, HELVETICA, SANS-SERIF;
   font-weight: 400;
   font-size: 8pt;
}

.Menu A:aktive
{
   background-color: transparent;
   color: #B04C28;
   font-family:Georgia, ARIAL, HELVETICA, SANS-SERIF;
   font-weight: 400;
   font-size: 8pt;
}

.Menu A:visited
{
   background-color: transparent;
   color: #B04C28;
   font-family:Georgia, ARIAL, HELVETICA, SANS-SERIF;
   font-weight: 400;
   font-size: 8pt;
}

.Menu A:hover
{
   background-color: transparent;
   color: #B04C28;
   font-family:Georgia, ARIAL, HELVETICA, SANS-SERIF;
   font-weight: 400;
   font-size: 8pt;
   text-decoration: underline;
}

.MenuTree A:link
{
   background-color: transparent;
   color: #B04C28;
   font-family:Georgia, ARIAL, HELVETICA, SANS-SERIF;
   font-weight: 700;
   font-size: 8pt;
}

.MenuTree A:aktive
{
   background-color: transparent;
   color: #B04C28;
   font-family:Georgia, ARIAL, HELVETICA, SANS-SERIF;
   font-weight: 700;
   font-size: 8pt;
}

.MenuTree A:visited
{
   background-color: transparent;
   color: #B04C28;
   font-family:Georgia, ARIAL, HELVETICA, SANS-SERIF;
   font-weight: 700;
   font-size: 8pt;
}

.MenuTree A:hover
{
   background-color: transparent;
   color: #333333;
   font-family:Georgia, ARIAL, HELVETICA, SANS-SERIF;
   font-weight: 700;
   font-size: 8pt;
   text-decoration: underline;
}

.PanelItemToolbar
{
    padding-left: 6px;
    text-align: left;
    vertical-align: top;
    background-repeat: repeat-x;
    background-image: url(Images/bgToolbar.jpg);
    background-position: bottom;
}

.TextBoxLine
{
   border-top: none; 
   border-left: none;
   border-right: none;
   border-bottom: solid 1px silver;
}

.MenuGroupCA
{
 background-color: #f5f5f5;
 border: 1px;
 border-bottom-color: #666666;
 border-top-color: gray;
 border-left-color: gray;
 border-right-color: #666666;
 border-style: solid;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 1px;
 padding-bottom: 1px;
 cursor: hand;
 cursor: pointer;
}

.MenuCA
{
 background-color: Transparent;
 border: none;
 padding-top: 1px;
 padding-bottom: 1px;
 cursor: hand;
 cursor: pointer;
}

/* menu dynamic, dynamicplus*/
.MenuTable
{
	/*border-right: #ababab 1px solid;
	padding-right: 3px;
	border-top: #ababab 1px solid;
	padding-left: 3px;
	padding-bottom: 3px;
	border-left: #ababab 1px solid;*/
	width: 100%;
	/*padding-top: 3px;
	border-bottom: double 3px silver;*/
}

.MenuItem1Cell
{
	/*padding-right: 3px;
	padding-left: 3px;*/
	font-weight: 400;
	font-size: 8pt;
	/*background-image: url(Pictures/gradient_DkBlue.jpg);
	padding-bottom: 3px;*/
	color: #666666;
	/*padding-top: 3px;*/
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	/*background-color: #eef3fb;*/
	background-color: Transparent;
	
}

.MenuItem2Cell
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	background-color: transparent;
}

.MenuItem3Cell
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	background-color: transparent;
}

A:link.MenuItem1LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:visited.MenuItem1LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:active.MenuItem1LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:hover.MenuItem1LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: underline;
	background-color: #f5f5f5;
}

A:link.MenuItem2LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:visited.MenuItem2LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:active.MenuItem2LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:hover.MenuItem2LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: underline;
	background-color: #f5f5f5;
}

A:link.MenuItem3LinkPas 
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:visited.MenuItem3LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:active.MenuItem3LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #333333;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}
A:hover.MenuItem3LinkPas
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: underline;
	background-color: #f5f5f5;
}

A:link.MenuItem1LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:visited.MenuItem1LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:active.MenuItem1LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:hover.MenuItem1LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: underline;
	background-color: #f5f5f5;
}

A:link.MenuItem2LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:visited.MenuItem2LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:active.MenuItem2LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:hover.MenuItem2LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: underline;
	background-color: #f5f5f5;
}

A:link.MenuItem3LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:visited.MenuItem3LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:active.MenuItem3LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: none;
	background-color: #f5f5f5;
}

A:hover.MenuItem3LinkAct
{
	font-weight: 400;
	font-size: 8pt;
	color: #0b5ec4;
	font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF;
	text-decoration: underline;
	background-color: #f5f5f5;
}