/************************************************
* Description:
* Created: 12/01/2010
* Author: NWE
*
* Copyright: anaXis N.V.
*************************************************/


/*-------------------------------
  ----------[ general ]----------
  -------------------------------*/
* 
{
    margin: 0; 
    padding: 0;
}

body 
{
	background-color: #2d363f;
	color: #2d363f;
	font: normal 11px Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

img
{
    border: 0;
}

a:link,
a:visited
{
    color: #2d363f;
    text-decoration: none;
}

a:hover
{
    color: #2d363f;
    text-decoration: underline;
}





/*------------------------------
  ----------[ header ]----------
  ------------------------------*/
#headerContainer 
{
    margin-top: 25px;
    width: 100%;
}

#headerContainer #header
{
    background-color: #ffffff;
    height: 120px;
    margin: 0 auto 0 auto;
	overflow: visible;
    position: relative;
	width: 980px;
}


/*----------[ logo ]----------*/
#header #logoContainer
{
    float: left;
    margin: 20px 0 20px 30px;
    width: 620px;
}

#logoContainer #logo
{
    float: left;
}

#logoContainer #slogan
{
    float: left;
    margin-left: 20px;
}

#logoSmallContainer
{
    float: right;
    margin: 35px 35px 0 0;
}


/*----------[ shoppingcart ]----------*/
#header #shoppingcart
{
    border-left: solid 4px #97bf0d;
    float: right;
    height: 80px;
    margin: 20px 20px 20px 0;
    width: 220px;
}

#shoppingcart #dealer
{
    color: #949599;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bolder;
    margin: 6px 0 0 10px;
}

#shoppingcart #dealer p
{
    color: #949599;
}

#shoppingcart #dealer a:link,
#shoppingcart #dealer a:visited
{
    color: #949599;
}

#shoppingcart #trolley
{
    float: left;
    margin: 15px 15px 10px 10px;
}

#shoppingcart #links
{
    float: left;
    margin: 5px 0 0 0;
}

#links p
{
    color: #949599;
    font-family: Arial;
    font-size: 11px;
    margin: 1px 0;
}

#links a:link,
#links a:visited
{
    color: #949599;
}

#shoppingcart #shoppingcartLoggedIn #dealer
{
    margin: 6px 0 0 10px;
}

#shoppingcart #shoppingcartLoggedIn #trolley
{
    margin: 15px 15px 10px 10px;
}

#shoppingcart #shoppingcartLoggedOut #dealer
{
    margin: 13px 0 0 10px;
}

#shoppingcart #shoppingcartLoggedOut #trolley
{
    margin: 8px 15px 10px 10px;
}





/*----------------------------
  ----------[ menu ]----------
  ----------------------------*/
#menuContainer 
{
    background-color: #97bf0d;
    width: 100%;
}

#menuContainer #menu
{
    background-color: #d5d6d8;
    height: 25px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 980px;
}


/*----------[ menu ]----------*/
#menu ul.menu
{
    float: left;
    padding: 5px 0 5px 10px;
}

#menu ul.menu li
{
    border-right: dotted 1px #2d363f;
    float: left;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    line-height: 15px;
    list-style-type: none;
    padding: 0 15px 0 15px;
    text-transform: uppercase;
}

#menu ul.menu li.first
{
    border-left: none;
}

#menu ul.menu a:link,
#menu ul.menu a:visited
{
    color: #2d363f;
}

#menu ul.menu a:hover
{
    color: #2d363f;
}

/*----------[ menu ]----------*/
#menu table.menu
{
    float: left;
    margin: 5px 0 5px 0;
}

#menu table.menu td
{
    border-right: dotted 1px #2d363f;
    float: left;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    line-height: 15px;
    padding: 0 15px 0 15px;
    text-transform: uppercase;
}

#menu table.menu a:link,
#menu table.menu a:visited
{
    color: #2d363f;
}

#menu table.menu a:hover
{
    color: #2d363f;
}


/*----------[ languages ]----------*/
#menu ul.languages
{
    float: right;
    padding: 5px 10px 5px 0;
}

#menu ul.languages li
{
    border-left: dotted 1px #949599;
    float: left;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    line-height: 15px;
    list-style-type: none;
    padding: 0 15px 0 15px;
    text-transform: uppercase;
}

#menu ul.languages li.first
{
    border-left: none;
}

#menu ul.languages a:link,
#menu ul.languages a:visited
{
    color: #949599;
}

#menu ul.languages a:hover
{
    color: #949599;
}





/*---------------------------------
  ----------[ container ]----------
  ---------------------------------*/
#mainContainer
{
    width: 100%;
}

#mainContainer #container
{
    background-color: #ffffff;
    margin: 0 auto 0 auto;
    overflow: hidden;
    position: relative;
    width: 980px;
}


/*----------[ menu ]----------*/
#container #containerMenu
{
    float: left;
    height: 500px;
    width: 200px;
}

#container #menuCatalog
{
    
}

#menuCatalog ul
{
    margin: 30px 0 0 0;
}

#menuCatalog li
{
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    line-height: 15px;
    list-style-type: none;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#menuCatalog li a.catBlue:link,
#menuCatalog li a.catBlue:visited
{
    border-left: solid 5px #84d0f0;
    color: #2d363f;
    padding: 2px 0 2px 10px;
}

#menuCatalog li a.catBlue:hover
{
    border-left: solid 8px #84d0f0;
    color: #2d363f;
    padding: 2px 0 2px 7px;
    text-decoration: none;
}

#menuCatalog li a.catGreen:link,
#menuCatalog li a.catGreen:visited
{
    border-left: solid 5px #97bf0d;
    color: #2d363f;
    padding: 2px 0 2px 10px;
}

#menuCatalog li a.catGreen:hover
{
    border-left: solid 8px #97bf0d;
    color: #2d363f;
    padding: 2px 0 2px 7px;
    text-decoration: none;
}

#menuCatalog li a.catYellow:link,
#menuCatalog li a.catYellow:visited
{
    border-left: solid 5px #fecc00;
    color: #2d363f;
    padding: 2px 0 2px 10px;
}

#menuCatalog li a.catYellow:hover
{
    border-left: solid 8px #fecc00;
    color: #2d363f;
    padding: 2px 0 2px 7px;
    text-decoration: none;
}

#menuCatalog li a.catOrange:link,
#menuCatalog li a.catOrange:visited
{
    border-left: solid 5px #ef8200;
    color: #2d363f;
    padding: 2px 0 2px 10px;
}

#menuCatalog li a.catOrange:hover
{
    border-left: solid 8px #ef8200;
    color: #2d363f;
    padding: 2px 0 2px 7px;
    text-decoration: none;
}

#menuCatalog li a.catRed:link,
#menuCatalog li a.catRed:visited
{
    border-left: solid 5px #cd071e;
    color: #2d363f;
    padding: 2px 0 2px 10px;
}

#menuCatalog li a.catRed:hover
{
    border-left: solid 8px #cd071e;
    color: #2d363f;
    padding: 0 0 2px 7px;
    text-decoration: none;
}

#menuCatalog li.catBlue
{
    border-left: solid 5px #84d0f0;
    color: #2d363f;
    margin-bottom: 12px;
    margin-top: -2px;
    padding: 0 0 2px 10px;
}

#menuCatalog li.catGreen
{
    border-left: solid 5px #97bf0d;
    color: #2d363f;
    margin-bottom: 12px;
    margin-top: -2px;
    padding: 0 0 2px 10px;
}

#menuCatalog li.catYellow
{
    border-left: solid 5px #fecc00;
    color: #2d363f;
    margin-bottom: 12px;
    margin-top: -2px;
    padding: 0 0 2px 10px;
}

#menuCatalog li.catOrange
{
    border-left: solid 5px #ef8200;
    color: #2d363f;
    margin-bottom: 12px;
    margin-top: -2px;
    padding: 0 0 2px 10px;
}

#menuCatalog li.catRed
{
    border-left: solid 5px #cd071e;
    color: #2d363f;
    margin-bottom: 12px;
    margin-top: -2px;
    padding: 0 0 2px 10px;
}

#menuCatalog li a:link,
#menuCatalog li a:visited
{
    color: #2d363f;
}

#menuCatalog li a:hover
{
    color: #2d363f;
}


#menuCatalog li ul
{
    margin: 0;
    padding: 5px 0 0 15px;
}

#menuCatalog li ul li
{
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    line-height: 15px;
    list-style-type: none;
    text-transform: capitalize;
    
    margin: 0;
    padding: 0;
}

#menuCatalog li ul li a:link,
#menuCatalog li ul li a:visited
{
    color: #2d363f;
}

#menuCatalog li ul li a:hover
{
    color: #2d363f;
}


/*----------[ content ]----------*/
#container #content
{
    float: left;
    padding: 15px 30px 30px 0;
    width: 750px;
}

#content ul
{
    margin: 0 0 0 20px;
    padding: 0;
}


/*----------[ breadcrumbs ]----------*/
#content #breadcrumbs
{ 
    overflow: hidden;
}

#breadcrumbs ul
{
    float: left;
    margin: 0;
    overflow: hidden;
}

#breadcrumbs li
{
    border-left: solid 1px #97bf0d;
    color: #949599;
    float: left;
    font-family: Arial;
    font-size: 11px;
    list-style-type: none;
    overflow: hidden;
    padding: 0 10px 0 10px;
    text-transform: capitalize;
}

#breadcrumbs li.first
{
    border-left: none;
    padding-left: 0;
}

#breadcrumbs li a:link,
#breadcrumbs li a:visited
{
    color: #949599;
    font-size: 11px;
}

#breadcrumbs li a:hover
{
    color: #949599;
}

#breadcrumbs p.linkBack
{
    color: #949599;
    float: right;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 15px;
}

#breadcrumbs p.linkBack a:link,
#breadcrumbs p.linkBack a:visited
{
    color: #949599;
}

#breadcrumbs p.linkBack a:hover
{
    color: #949599;
}


/*----------[ titles ]----------*/
#content h1
{
    clear: both;
    background-image: url(../images/arrow_large_europa2000.png);
    background-position: left 6px;
    background-repeat: no-repeat;
    color: #2d363f;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0 20px 0;
    padding: 0 0 0 15px;
    text-transform: uppercase;
}

#content h2
{
    border-bottom: dotted 1px #2d363f;
    color: #2d363f;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0 5px 0;
    padding: 5px;
}

#content h3
{
    color: #2d363f;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 0 5px 0 5px;
}

#content p
{
    overflow: hidden;
    padding: 5px;
}


/*------------------------------
  ----------[ bottom ]----------
  ------------------------------*/
#bottomContainer
{
    width: 100%;
}

#bottomContainer #bottom
{
    background-color: #949599;
    margin: 0 auto 25px auto;
    overflow: hidden;
    width: 980px;
}

#bottom p a:link,
#bottom p a:visited
{
    color: #dddddd;
}

#bottom p a:hover
{
    color: #dddddd;
}


/*----------[ left ]----------*/
#bottom #left
{
    float: left;
    margin: 12px 0 12px 20px;
    width: 600px;
}

#left p
{
    color: #dddddd;
    font: normal 11px Arial;
    margin: 3px 0 3px 0;
}

#left p span.emphasized
{
    color: #ffffff;
    font-weight: bold;
}


/*----------[ right ]----------*/
#bottom #right
{
    float: right;
    margin: 12px 20px 0px 0;
    text-align: right;
    width: 300px;
}

#right p
{
    color: #dddddd;
    font: normal 11px Arial;
    margin: 3px 0 5px 0;
}





/*----------------------------------------
  ----------[ catalog_category ]----------
  ----------------------------------------*/
#content #catalog_category
{

}

#catalog_category #titleFloating
{
    background-color: #97bf0d;
    float: right;
    height: 170px;
    margin-left: 610px;
    margin-top: 10px;
    overflow: hidden;
    position: absolute;
    width: 170px;
    z-index: 2;
}

#catalog_category #titleFloating p
{
    color: #ffffff;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 20px;
    margin: 0;
    padding: 10px;
}

#catalog_category #categoryImage
{
    margin-right: -30px;
}

#catalog_category #info
{
    color: #949599;
    font-family: Verdana;
    font-size: 11px;
    margin: 20px 10px 10px 0px;
    padding: 5px;
}

#catalog_category #blocks
{
    margin: 20px 0 0 0;
    overflow: hidden;
}





/*----------------------------------------
  ----------[ catalog_products ]----------
  ----------------------------------------*/
#content #catalog_products
{
}

#catalog_products #titleFloating
{
    background-color: #97bf0d;
    float: right;
    height: 170px;
    margin-left: 770px;
    margin-top: 10px;
    position: absolute;
    width: 10px;
    z-index: 2;
}

#catalog_products #blocks
{
    margin: 20px 0 0 0;
    overflow: hidden;
}

#catalog_products #info
{
    color: #949599;
    font-family: Verdana;
    font-size: 11px;
    margin: 0 10px 0 0;
    padding: 5px;
}





/*---------------------------------------
  ----------[ catalog_product ]----------
  ---------------------------------------*/
#content #catalog_product
{
}

#catalog_product #titleFloating
{
    background-color: #97bf0d;
    float: right;
    height: 150px;
    margin-left: 770px;
    margin-top: 10px;
    position: absolute;
    width: 10px;
    z-index: 2;
}

#catalog_product #photos
{
    margin: 0 0 15px 0;
    overflow: hidden;
}

#catalog_product #photos #photosLeft
{
    float: left;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 450px;
}

#catalog_product #photos #photosLeft #photoImage
{
    float: left;
    height: 400px;
    overflow: hidden;
    width: 400px;
}

#catalog_product #photos #photosLeft #photoHR
{
    float: left;
    margin: 377px 0 0 10px;
}

#catalog_product #photos #photosRight
{
    float: right;
    overflow: hidden;
}

#photos #photosRight #productLinks
{
    border-bottom: dotted 1px #2d363f;
    overflow: hidden;
    width: 230px;
}

#productLinks ul
{
    margin: 0 0 10px 10px;
}

#productLinks li
{
    background-image: url(../images/arrow_small_europa2000.png);
    background-position: left 2px;
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 11px;
    list-style: none;
    margin: 3px 0 3px 0;
    padding: 0 0 0 10px;
}

#photosRight #productLinks li a:link,
#photosRight #productLinks li a:visited
{
    color: #2d363f;
}

#productLinks li a:hover
{
    color: #2d363f;
}

#photosRight #photosSmall
{
    overflow: hidden;
    width: 230px;
}

#photosRight #photosSmall
{
    padding: 10px 0 0 22px;
    width: 208px;
}

#photosSmall div.photoSmall
{
    float: left;
    height: 78px;
    margin: 10px 0 0 10px;
    overflow: hidden;
    width: 78px;
}

#photosSmall div.photoSmall div.photoSmallBorder
{
    border: solid 4px #e9e8ea;
    height: 70px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}

#photosSmall div.photoSmall div.photoSmallBorder img
{
    max-height: 70px;
    max-width: 70px;
}

#catalog_product #information
{
    border-top: dotted 1px #2d363f;
    overflow: hidden;
    padding: 15px;
}

#catalog_product #accessoires
{
    border-bottom: dotted 1px #2d363f;
    border-top: dotted 1px #2d363f;
    overflow: hidden;
}

#catalog_product #eshop
{
    background-color: #e9e8ea;
    margin: 30px 0 0 0;
    overflow: hidden;
}

#eshop #eshopTitle
{
    background-image: url(../images/eshop_logo_europa2000.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #97bf0d;
    float: left;
    height: 70px;
    position: absolute;
    width: 20px;
    z-index: 2;
}

#eshop #eshopContent
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#eshopContent #eshopIntro
{
    padding: 15px 10px 10px 35px;
}

#eshopContent #eshopProperties
{
    margin: 15px 0 15px 35px;
    overflow: hidden;
}

#eshopProperties div.eshopProperty
{
    float: left;
    height: 50px;
    margin: 0 10px 10px 10px;
    width: 215px;
}

div.eshopProperty div.eshopPropertyIcon
{
    float: left;
    width: 40px;
}

div.eshopProperty div.eshopPropertyName
{
    font-family: Arial;
    font-weight: bold;
    margin: 0 0 0 40px;
    padding: 0 0 5px 5px;
}

div.eshopProperty div.eshopPropertyDropdown
{
    margin: 0 0 0 40px;
    padding: 0 0 0 5px;
}

div.eshopProperty div.eshopPropertyDropdown select
{
    border: 1px solid #666666;
    font-family: Arial;
    font-size: 11px;
    height: 18px;
    margin: 0 5px 0 0;
    width: 150px;
}

div.eshopProperty div.eshopPropertyDropdown select[disabled="disabled"], select.disabled 
{
    background-color: #e9e8ea;
    color: #2d363f;
}

div.eshopProperty div.eshopPropertyDropdown a:link,
div.eshopProperty div.eshopPropertyDropdown a:visited
{
    color: #2d363f;
    font-family: Arial;
    font-size: 10px;
}

div.eshopProperty div.eshopPropertyDropdown a:hover
{
    color: #2d363f;
    font-family: Arial;
    font-size: 10px;
}

#eshopContent #eshopArticle
{
    background-color: #97bf0d;
    float: left;
    margin: 0;
    padding: 10px;
    width: 230px;
}

#eshopArticle p
{
    margin: 0;
    padding: 0;
}

#eshopContent #eshopLogin
{
    float: left;
    font-style: italic;
    padding: 10px 10px 10px 30px;
}

#eshopContent #eshopButtonAdd
{
    float: left;
    margin: 0;
    padding: 10px 10px 10px 50px;
}

#eshopContent #eshopButtonAdd input.button
{
    background-color: #949599;
    border: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    text-align: center;
}

#eshopContent #eshopAddArticle
{
    float: left;
    margin: 0 0 15px 50px;
}

#eshopContent #eshopAddArticle #eshopAddArticleCalculation
{
    width: 250px;
}

#eshopAddArticleCalculation label
{
    float: left;
    padding: 5px;
    width: 150px;
}

#eshopAddArticleCalculation p
{
    margin: 0 0 0 160px;
    text-align: right;
}

#eshopAddArticleCalculation input.quantity
{
    font-family: Arial;
    font-size: 11px;
    text-align: right;
    width: 50px;
}

#eshopAddArticleCalculation #total
{
    border-top: solid 1px #2d363f;
    font-weight: bold;
    margin-bottom: 20px;
}

#eshopContent #eshopAddArticle #eshopAddArticleRemarks
{
    margin-bottom: 20px;
}

#eshopAddArticleRemarks label
{
    padding: 5px;
}

#eshopAddArticleRemarks p
{
    padding: 5px;
}

#eshopAddArticleRemarks textarea
{
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    width: 300px;
}

#eshopAddArticle input.button
{
    background-color: #949599;
    border: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    text-align: center;
}





/*----------------------------------------------
  ----------[ catalog_product_legend ]----------
  ----------------------------------------------*/
#catalog_product_legend
{
}

#catalog_product_legend h1
{
    clear: both;
    background-image: url(../images/arrow_large_europa2000.png);
    background-position: left 6px;
    background-repeat: no-repeat;
    color: #2d363f;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 20px;
    font-weight: normal;
    margin: 0px 0 20px 0;
    padding: 0 0 0 15px;
    text-transform: uppercase;
}

#catalog_product_legend #blocks div.blockOutside
{
    float: left;
    height: 150px;
    margin: 5px 0 5px 0;
    padding: 0;
    width: 160px;
}

#catalog_product_legend #blocks div.blockBorderLeft
{
    border-left: dotted 1px #2d363f;
}

#catalog_product_legend #blocks div.blockBorderRight
{
    border-right: dotted 1px #2d363f;
}

#catalog_product_legend #blocks div.blockInside
{
    height: 160px;
    margin: -5px 5px -5px 5px;
    overflow: hidden;
}

#catalog_product_legend #blocks div.blockBorderBottom
{
    border-bottom: dotted 1px #2d363f;
}

#catalog_product_legend #blocks div.blockInside div.product
{
    height: 150px;
    overflow: hidden;
    padding: 5px 0 5px 0;
    width: 150px;
}

#catalog_product_legend #blocks div.blockInside div.product div.photo
{
    text-align: center;
    margin: 5px auto 0 auto;
}

#catalog_product_legend #blocks div.blockInside div.product div.photo img
{
    height: 70px;
    width: 70px;
}

#catalog_product_legend #blocks div.blockInside div.product div.name
{
    background-image: url(../images/arrow_small_europa2000.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    color: #2d363f;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    margin: 5px 0 0 10px;
    padding: 0 0 0 10px;
    text-transform: uppercase;
}



/*--------------------------------------
  ----------[ catalog_legend ]----------
  --------------------------------------*/
#content #catalog_legend
{
}

#catalog_legend #titleFloating
{
    background-color: #97bf0d;
    float: right;
    height: 150px;
    margin-left: 770px;
    margin-top: 10px;
    position: absolute;
    width: 10px;
    z-index: 2;
}

#catalog_legend #blocks
{
    margin: 20px 0 0 0;
    overflow: hidden;
}

/*----------------------------------------------
  ----------[ catalogus_flippingbook ]----------
  ----------------------------------------------*/
#content #catalogus_flippingbook
{
    height: 500px;
    margin: 15px 0 0 -170px;
    overflow: hidden;
    padding: 0;
}


/*------------------------------------
  ----------[ catalog_home ]----------
  ------------------------------------*/
#content #catalog_home
{
    margin: 15px 0 0 -200px;
    overflow: hidden;
    padding: 0;
}

#catalog_home #categories
{
    margin: 25px 0 50px 0;
    float: left;
    height: 200px;
}

#catalog_home ul.category
{
        float: left;
    margin: 0 0 30px 29px;
    overflow: hidden;
    /*height: 160px;*/
    width: 160px;
    z-index: 9999;
}

#catalog_home ul.category:hover
{
     height: auto;
     cursor: pointer;
}

#catalog_home ul.category a img
{
    height: 160px;
    width: 160px;
    z-index: 1;
    /*filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;*/
}

#catalog_home ul.category a:hover img
{
    height: 160px;
    width: 160px;
    z-index: 1;
    /*filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;*/
}

#catalog_home ul.category p
{
    color: #ffffff;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    height: 35px;    
    margin: 110px 5px 5px 5px;
    padding: 5px;
    position: absolute;
    text-transform: uppercase;
    width: 140px;
    z-index: 2;
}

#catalog_home ul.category p a:link,
#catalog_home ul.category p a:visited
{
    color: #ffffff;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-decoration: none;
}

#catalog_home ul.category p a:hover
{
    text-decoration: underline;
}
#catalog_home ul.category li
{
    margin-left: 10px; 
    display:none; 
    position:relative;
    z-index: 9999;
}
#catalog_home ul.category:hover  li
{
     display:block;
     position:relative;
     bottom: 0;
     z-index: 9999;
}

#catalog_home ul.category li a:link,
#catalog_home ul.category li a:visited
{
    color: #ffffff;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
}

#catalog_home ul.category li a:hover
{
    text-decoration: underline;
}

#catalog_home #products
{
    text-align: center;
}

#catalog_home #products img
{
    margin: 0 60px;
}

/*------------------------------
  ----------[ blocks ]----------
  ------------------------------*/
#blocks div.blockOutside
{
    float: left;
    height: 175px;
    margin: 5px 0 5px 0;
    padding: 0;
    width: 185px;
}

#blocks div.blockBorderLeft
{
    border-left: dotted 1px #2d363f;
}

#blocks div.blockBorderRight
{
    border-right: dotted 1px #2d363f;
}


#blocks div.blockInside
{
    height: 185px;
    margin: -5px 5px -5px 5px;
    overflow: hidden;
}

#blocks div.blockBorderBottom
{
    border-bottom: dotted 1px #2d363f;
}

#blocks div.blockInside div.product
{
    height: 175px;
    overflow: hidden;
    padding: 5px 0 5px 0;
    width: 175px;
}

#blocks div.blockInside div.product div.photo
{
    text-align: center;
    margin: 5px auto 0 auto;
}

/*#blocks div.blockInside div.product div.photo img
{
    height: 120px;
    width: 120px;
}*/

#blocks div.blockInside div.product div.name
{
    background-image: url(../images/arrow_small_europa2000.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    color: #2d363f;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0 0 10px;
    padding: 0 0 0 10px;
    text-transform: uppercase;
}

#blocks div.blockInside div.product div.name a:link,
#blocks div.blockInside div.product div.name a:visited
{
    color: #2d363f;
}

#blocks div.blockInside div.product div.name a:hover
{
    color: #2d363f;
}




/*-----------------------------------
  ----------[ blocksSmall ]----------
  -----------------------------------*/
#blocksSmall div.blockOutside
{
    float: left;
    height: 110px;
    margin: 5px 0 5px 0;
    padding: 0;
    width: 120px;
}

#blocksSmall div.blockBorderLeft
{
    border-left: dotted 1px #2d363f;
}

#blocksSmall div.blockBorderRight
{
    border-right: dotted 1px #2d363f;
}

#blocksSmall div.blockInside
{
    height: 120px;
    margin: -5px 5px -5px 5px;
    overflow: hidden;
}

#blocksSmall div.blockBorderBottom
{
    border-bottom: dotted 1px #2d363f;
}

#blocksSmall div.blockInside div.product
{
    height: 110px;
    overflow: hidden;
    padding: 5px 0 5px 0;
    width: 110px;
}

#blocksSmall div.blockInside div.product div.photo
{
    text-align: center;
    margin: 5px auto 0 auto;
}

#blocksSmall div.blockInside div.product div.photo img
{
    height: 70px;
    width: 70px;
}

#blocksSmall div.blockInside div.product div.name
{
    background-image: url(../images/arrow_small_europa2000.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    color: #2d363f;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    margin: 5px 0 0 10px;
    padding: 0 0 0 10px;
    text-transform: uppercase;
}





/*-------------------------------------
  ----------[ shop_overview ]----------
  -------------------------------------*/
#content #eshop_overview
{
}

#eshop_overview #titleFloating
{
    background-color: #004890;
    float: right;
    height: 150px;
    margin-left: 770px;
    margin-top: 10px;
    position: absolute;
    width: 10px;
    z-index: 2;
}



#eshop_overview table,
#eshop_overview tr,
#eshop_overview td
{
    border: solid 1px transparent;
    margin: 0;
    padding: 0;
}

#eshop_overview table
{
    border-bottom: solid 2px #2d363f;
    width: 750px;
}

#eshop_overview td
{
    border: solid 1px transparent;
    border-bottom: solid 1px #2d363f;
    font-family: Verdana;
    font-size: 11px;
}


#eshop_overview .dgShoppingCartArticlesHeader td
{
    border: solid 1px transparent;
    border-bottom: solid 2px #2d363f;
    color: #004890;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

#eshop_overview td div.article
{
    clear: both;
    height: 15px;
    margin: 10px;
    overflow: hidden;
}

div.article div.articleName
{
    float: left;
    font-weight: bold;
    overflow: hidden;
}

div.article div.articleNumber
{
    color: #949599;
    float: right;
    overflow: hidden;
}

#eshop_overview td div.description
{
    font-size: 10px;
    font-style: italic;
    margin: 10px 10px 10px 20px;
}

#eshop_overview td div.remarks
{
    font-size: 11px;
    margin: 10px 10px 10px 10px;
}

#eshop_overview input.button
{
    background-color: #949599;
    border: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    text-align: center;
}

#eshop_overview #totalPrice
{
    overflow: hidden;
    width: 750px;
}

#eshop_overview #totalPriceLabel
{
    color: #004890;
    float: left;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
}

#eshop_overview #totalPriceValue
{
    color: #004890;
    float: right;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    margin: 0 50px 0 0;
    text-align: center;
    width: 100px;
}

#eshop_overview #totalPriceLabel p,
#eshop_overview #totalPriceValue p
{
    margin: 0;
    padding: 10px;
}

#eshop_overview #messagesAndButton
{
    margin: 30px 0 0 0;
    overflow: hidden;
}

#eshop_overview #messages
{
    float: left;
}

#eshop_overview #messages p.onlineDiscount
{
    color: #004890;
    font-size: 15px;
}

#eshop_overview #messages p.generalBillingTerms
{
    color: #949599;
    font-family: Arial;
    font-size: 11px;
    margin: 20px 0 0 0;
}

#eshop_overview #messages p.generalBillingTerms a:link,
#eshop_overview #messages p.generalBillingTerms a:visited
{
    color: #949599;
}

#eshop_overview #messages p.generalBillingTerms a:hover
{
    color: #949599;
}

#eshop_overview #buttonOrder
{
    float: right;
    margin: 10px;
}

#eshop_overview input,
#eshop_overview textarea
{
    font-family: Arial;
    font-size: 11px;
    text-align: left;
}




/*----------------------------------
  ----------[ shop_order ]----------
  ----------------------------------*/
#content #eshop_order
{
}

#eshop_order #titleFloating
{
    background-color: #004890;
    float: right;
    height: 150px;
    margin-left: 770px;
    margin-top: 10px;
    position: absolute;
    width: 10px;
    z-index: 2;
}

#eshop_order div.item
{
    margin: 10px;
    overflow: hidden;
}

#eshop_order div.item label
{
    float: left;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    width: 150px;
}

#eshop_order div.item p
{
    margin: 0 0 0 155px;
    padding: 0;
}

#eshop_order input,
#eshop_order textarea
{
    font-family: Arial;
    font-size: 11px;
    text-align: left;
}

#eshop_order input.button
{
    background-color: #949599;
    border: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    text-align: center;
}

#eshop_order #buttonConfirmOrder
{
    margin: 20px 10px 0 0;
    text-align: right;
}

#eshop_order #generalBillingTerms
{
    color: #949599;
    font-family: Arial;
    font-size: 11px;
    margin: 20px 0 0 10px;
}

#eshop_order #generalBillingTerms a:link,
#eshop_order #generalBillingTerms a:visited
{
    color: #949599;
}

#eshop_order #generalBillingTerms a:hover
{
    color: #949599;
}





/*-----------------------------------------
  ----------[ shop_confirmation ]----------
  -----------------------------------------*/
#content #eshop_confirmation
{
}

#eshop_confirmation #titleFloating
{
    background-color: #004890;
    float: right;
    height: 150px;
    margin-left: 770px;
    margin-top: 10px;
    position: absolute;
    width: 10px;
    z-index: 2;
}





/*------------------------------------
  ----------[ eshop_dealer ]----------
  ------------------------------------*/
#content #eshop_dealer
{
}

#eshop_dealer #titleFloating
{
    background-color: #004890;
    float: right;
    height: 170px;
    margin-left: 762px;
    margin-top: 10px;
    position: absolute;
    width: 10px;
    z-index: 2;
}





/*-----------------------------
  ----------[ login ]----------
  -----------------------------*/
div.LoginPanel
{
}

div.LoginPanel td.SubHead
{
    color: #004890;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 0;
}

div.LoginPanel td.SubHead img
{
    display: none;
}

div.LoginPanel input
{
    color: #2d363f;
    font-family: Arial;
    font-size: 11px;
    margin: 0 5px 0 0;
}

div.LoginPanel input.StandardButton
{
    background-color: #949599;
    border: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    margin: 20px 0 20px 0;
    padding: 3px 10px 3px 10px;
}

span.Normal input
{
    margin: 0 5px 0 0;
}





/*-----------------------------------
  ----------[ contactform ]----------
  -----------------------------------*/
#content #contactform
{
    margin: 10px 0 0 0;
}

#contactform div.item
{
    margin: 10px;
    overflow: hidden;
}

#contactform div.item label
{
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0 5px;
}

#contactform div.item label.itemLabel
{
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 0;
    width: 200px;
}

#contactform div.item p
{
    margin: 0 0 0 205px;
    padding: 2px 0;
}

#contactform input,
#contactform select,
#contactform textarea
{
    font-family: Arial;
    font-size: 11px;
    text-align: left;
}

#contactform input.button
{
    background-color: #949599;
    border: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    text-align: center;
}

#contactform #buttonContainer
{
    margin: 20px 0 0 0;
    text-align: center;
}

#contactform #messageRequired
{
    font-family: Arial;
    font-size: 11px;
    margin: 10px 0 0 10px;
}


#contactform #messageOk
{
    color: #004890;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    margin: 10px;
}



/*------------------------------------------
  ----------[ client_information ]----------
  ------------------------------------------*/
#content #client_information
{
    margin: 10px 0 0 0;
}

#client_information div.item
{
    margin: 10px;
    overflow: hidden;
}

#client_information div.left
{
    float: left;
    overflow: hidden;
}

#client_information div.right
{
    float: right;
    margin-right: 15px;
    overflow: hidden;
}

#client_informationdiv.item label
{
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0 5px;
}

#client_information div.item label.itemLabel
{
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 0;
    width: 160px;
}

#client_information div.item p
{
    margin: 0 0 0 165px;
    padding: 0;
}

#client_information input,
#client_information select,
#client_information textarea
{
    font-family: Arial;
    font-size: 11px;
    text-align: left;
}

#client_information input.button
{
    background-color: #949599;
    border: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    text-align: center;
}

#client_information span.error
{
    color: #ff0000;
}

#client_information table.orders,
#client_information table.orders tr,
#client_information table.orders td
{
    border: solid 1px transparent;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#client_information table.orders
{
    border-bottom: solid 2px #2d363f;
    width: 750px;
}

#client_information table.orders td
{
    border: solid 1px transparent;
    border-bottom: solid 1px #2d363f;
    font-family: Verdana;
    font-size: 9px;
}


#client_information table.orders .dgOrdersHdr td
{
    border: solid 1px transparent;
    border-bottom: solid 2px #2d363f;
    color: #004890;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

#client_information #datagridShowComplete
{
    margin: 10px 0 0 10px;
    font-size: 10px;
}

#client_information #datagridShowComplete input
{
    margin: 0 5px 0 0;
}


#client_information #generalBillingTerms
{
    color: #949599;
    font-family: Arial;
    font-size: 11px;
    margin: 50px 0 0 10px;
}

#client_information #generalBillingTerms a:link,
#client_information #generalBillingTerms a:visited
{
    color: #949599;
}

#client_information #generalBillingTerms a:hover
{
    color: #949599;
}
