/**
 * html, body
 */
body {
	background-color: #efefef;
	color: #666666; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, lucida, helvetica, sans-serif;
	font-size: 70%;
	margin: 20px 5px 5px;
}
html, body { height: 100%; }

/**
 * Layout
 */
div#container {
    background-color: #ffffff;
    border: 1px solid #999999;
    margin: 0 auto;
    padding: 10px;
    width: 790px;
} 
table#layout {
    margin: 8px;
}
#layout #leftBar {   
	border-right: 1px solid #CCCCCC;
	padding-right: 0px 4px 20px 8px;
	vertical-align: top;
	width: 170px;
}
#layout #rightBar {
    display: none;
}
#layout #content {
	padding: 0px 8px;
	vertical-align: top;
	width: auto;
}

/**
 * PageFooter
 */
div#PageFooter {
    border-top: 1px solid #CC3333;
    margin: 25px auto;
    padding: 8px 20px;
    text-align: center;
    width: 75%;
}
#PageFooter .copyright {
    color: #CC3333;
    font-weight: bold;
    margin-top: 10px;
}
#PageFooter .links {
    color: #CC3333;
    font-weight: bold;
}
#PageFooter .copyLink {
    color: #CC3333;
    border-bottom: 1px dashed #CC3333;
}
#PageFooter .copyLink:hover {
    color: #333333;
    border-bottom: 1px dashed #333333;
}
#PageFooter a {
	color: #000000;
}
#PageFooter a:hover {
	color: #0093DD;
	text-decoration: none;
}

/**
 * Messages
 */

div.actions {
    margin-top: 10px;
    text-align: center;
}
div.actions a {
    color: #CC3333;
    display: block;
    font-size: 115%;
    font-weight: bold;
    margin: 2px 10px;
}
div.message h1.title {
    color: #003366;
    text-align: center;
    text-transform: uppercase;
}
div.message .text {
    color: #333333;
    text-align: center;
    text-transform: none;
}

/**
 * Links
 */
a {
	color: #000000; text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/**
 * Titles & headers
 */

/**
 * TopBar
 */

/**
 * PageNavigationMenu
 */
#PageNavigationMenu {
    font-size: 11px;
}
#PageNavigationMenu a {
	background-image:  url('../images/menu_bg.gif');
	background-repeat: no-repeat;
	color: #ffffff;
	height: 15px;
	margin-left: 2px;
	padding: 2px 35px 2px 16px;
	text-transform: uppercase;
}
#PageNavigationMenu a:hover, #PageNavigationMenu a:active {
	color: #333333;
	text-decoration: none;
	background-image: url('../images/menuhover_bg.gif');
}
#PageNavigationMenu .separator { display: none; }

/** 
 * BarBox
 */
div.barBox {}
.barBox .content {
    padding: 5px 8px;
}
.barBox .header {
    border-bottom: 1px solid #CCCCCC;
    color: #999966;
    padding: 3px 8px;
    margin: 0px 5px;
    text-transform: uppercase;
}
.barBox a.link {
    background-image: url('../images/link_effect.gif');
    background-repeat: no-repeat;
    color: #CC0000;
    font-size: 90%;
    padding-left: 10px;
}
.barBox a.link:hover {
    background-color: #CC0000;
    color: #ffffff;
    text-decoration: none;
}

/**
 * Inputs
 */
input.text, textarea { border: 1px solid #CCCCCC; }

/**
 * Small adjustments
 */
#RecommendedProductView { margin-top: 0px; }







a.topMenuItem:hover { color: #0093DD; text-decoration: none; }
a.invertedColor:hover { background-color: #0093DD; color: #FFFFFF; }

input.button {
	margin-left: 5px;
	/*
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #48B1E6;
	background-color: #0093DD;
	*/
	padding: 0em 0.3em;
}
input.uniButton { background-color: #EFEFEF; }


/**
 *	ShoppingCartBox.
 */
div#shoppingCartBox {
}
#shoppingCartBox select {
}

/**
 * Common
 */
div.pagePath {
	font-size: 95%;
	font-weight: bold;
}
div.categoryPath {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.75em;
}
div.boxContent {
	border: 1px solid #0093DD;
	padding: 0.6em;
}

h1 { color: #666666; font-weight: bold; font-size: 125%; margin-top: .4em; margin-bottom: .8em; }
h2 { color: #666666; font-weight: bold; font-size: 115%; margin-top: .3em; margin-bottom: .5em; text-transform: uppercase; }
h3 { color: #666666; font-weight: bold; font-size: 110%; margin-top: .3em; margin-bottom: .4em; text-transform: uppercase; }
.headerBottomLine { border-bottom: 1px solid #0093DD; }

.color { color: #0093DD; }
.headerColor { color: #666666; }

a.addToCart {
	font-size: 120%;
	font-weight: bolder;
}

/**
 *	ActionList.
 */
td.actionListValidity { font-size: 90%; vertical-align: top; }

/**
 *	NewsDetails. 
 */
div.actionDetailsDate { margin-top: 10px; font-size: 90%; }
div.actionDetailsDescription { margin-top: 10px; }

/**
 *	FormTable.
 */
td.formTableHeader { color: #666666; font-weight: bold; text-transform: uppercase; margin: 0px 0px 2px 3px; }
div.formTableHeader { color: #666666; font-weight: bold; text-transform: uppercase; margin: 0px 0px 2px 3px; }
div.formTable { background-color: #E2EBEF; border: 1px solid #666666; padding: 7px 7px 7px 7px; }
input.formTable, textarea.formTable {
	border: 1px solid #666666;
}

/**
 *	CategoryList.
 */
td.categoryListHeader { color: #666666; text-transform: uppercase; font-weight: bold; }

/**
 *  CategoryBox.
 */
a.categoryListLink { font-weight: bold; }
table.categoryList { width: 100%; }
td.categoryListHeader { color: #666666; text-transform: uppercase; font-weight: bold; }

/**
 *	CategoryTree.
 */
td.categoryTreeRoot { font-weight: bold; }

/**
 *	NewsDetails.
 */
div.newsDetailsDate { margin-top: 10px; }
img.newsDetailsImage { border: 1px solid #000000; }
table.newsDetailsInfo { margin-top: 10px; }
td.newsDetailsImage { padding-right: 10px; }

div#newsListBar {}
#newsListBar a {
	color: #000000;
}
#newsListBar a:hover {
	font-weight: bold;
	text-decoration: none;
}

div#actionListBar {}
#actionListBar a {
	color: #000000;
}
#actionListBar a:hover {
	font-weight: bold;
	text-decoration: none;
}

div#informationPageList {}
#informationPageList a {
	color: #000000;
}
#informationPageList a:hover {
	font-weight: bold;
	text-decoration: none;
}

/**
 *	OrderConfirmF.
 */
table.orderConfirmFSummary {
	margin-top: 10px;
	width: 99%;
}
td.orderConfirmFSummaryCell { padding: 3px 10px 3px 10px; }
td.orderConfirmFSummaryHeaderCell { padding: 3px 7px 3px 7px; background-color: #E2EBEF; }
td.orderConfirmFSummaryHeaderSpace { height: 3px; }
td.orderConfirmFSummaryCode { }
td.orderConfirmFSummaryTitle { }
td.orderConfirmFSummaryAmount { text-align: right; }
td.orderConfirmFSummaryPricePerUnit { text-align: right; }
td.orderConfirmFSummaryTotalPrice { text-align: right; }
td.orderConfirmFSummaryTransport { }
td.orderConfirmFSummaryTransportValue { text-align: right; }
td.orderConfirmFSummaryWrapping { }
td.orderConfirmFSummaryWrappingValue { text-align: right; }
td.orderConfirmFSummaryTotalSum { font-weight: bold; text-align: right; }
td.orderConfirmFSummaryTotalSumValue { font-weight: bold; text-align: right; border-top: 1px solid #666666; }

/**
 *	PresentationAdvancedSearchF.
 */
.PresentationAdvancedSearchFRowName {}

/**
 *	ProductCompareF.
 */
div.productCompareFTitle { font-weight: bold; margin-top: 3px; }
div.productCompareFImage {}
input.productCompareFButton { background-color: #EFEFEF; text-transform: uppercase; font-size: 90%; }
td.productCompareFCell1 { background-color: #E2EBEF; }
td.productCompareFCell2 { background-color: #FFFFFF; }

/**
 * FormFields
 */
table.formFields td.section {
    padding: 15px 0px 5px;
    font-weight: bold;
    color: #999966;
}
