/**
 * Global styles.
 *
 * @author Frantisek Fialka <info@ide.cz>
 * @copyright 2005-2006 IDE.cz
 * @version 0.2
 */

/**
 * Page
 */
body {
	background: #CED0DB url(../gfx/background.png) 0 0 repeat;
	font-family: sans-serif; font-size: 62.8%; font-weight: normal; color: #000; text-align: center;
}

/**
 * Containers
 */
#container {
	width: 908px; margin: 0 auto;
	background: #2E3A76 url(../gfx/backgroundInner.png) 0 0 repeat;
	text-align: left; color: #000;
}

/**
 * Header
 */
#header {
	position: relative; width: 908px; height: 210px; margin-bottom: 5px;
	background: transparent url(../gfx/headerBg.png) 0 0 no-repeat;
}
#header .company {
	position: absolute; right: 12px; top: 10px; z-index: 2;
}
#header .company h1 {
	margin-bottom: 4px;
	font-size: 1.2em; font-weight: bold; color: #FFF;
}
#header .company ul {
	list-style-type: none;
	font-size: 1.1em; color: #FFF; text-align: right; line-height: 1.4em;
}
#header .company ul a {
	color: #FFF; text-decoration: underline;
}
#header .company ul a:hover {
	color: #FFFF00; text-decoration: underline;
}
#header .external {
	padding-right: 12px;
	background: transparent url(../gfx/iconLinkExternalWhite.png) 100% 50% no-repeat;
}
#header .arrow {
	padding-right: 12px;
	background: transparent url(../gfx/iconLinkArrowWrite.png) 100% 50% no-repeat;
}

/**
 * Visuals
 */
#mainVisual {
	position: absolute; left: 9px; top: 0; z-index: 1; width: 666px; height: 206px; overflow: hidden;
}
#logo {
	position: absolute; right: 9px; top: 80px; z-index: 1; width: 218px; height: 126px; overflow: hidden;
}
#makro {
	width: 218px; height: 75px; overflow: hidden; margin: 0 3px 15px 3px;
}

/**
 * Navibar
 */
#navBar {
position: relative; width: 908px; height: 20px;
}

/**
 * History 
 */
 
#navBar .history {
	position: absolute; 
  left: 12px;
	font-size: 1em; color: #D3DAEF;
}
#navBar .history a {
	color: #FFF; text-decoration: underline;
}
#navBar .history a:hover {
	color: #FFFF00; text-decoration: underline;
}
#navBar .history .bullet {
	color: #FFF;
}

/**
 * Cart
 */
 
#navBar .cart {
  position: absolute; 
  left: 685px;
	font-size: 1.15em; color: #D3DAEF;
	letter-spacing:0.4px;
}
#navBar .cart a {
  background-color: transparent;
	color: White;
	text-decoration: underline;
}
#navBar .cart a:hover {
	color: White; 
}
#navBar .cart .bullet {
	color: #FFF;
}

/**
 * Body
 */
#body {
	margin: 0 6px 5px 6px;
}
#body .external {
	padding-right: 12px;
	background: transparent url(../gfx/iconLinkExternalBlue.png) 100% 50% no-repeat;
}

/**
 * Columns
 */
#leftCol {
	float: left; width: 224px;
}
#contentCol {
	float: left; width: 448px;
}
#rightCol {
	float: left; width: 224px;
}

/**
 * Footer
 */
#footer {
	margin: 0 10px 0 10px; padding-bottom: 8px;
}
#footer p {
	font-size: 1.1em; color: #FFF; text-align: right;
}
#footer a {
	color: #FFF; text-decoration: underline;
}
#footer a:hover {
	color: #FFFF00; text-decoration: underline;
}

/**
 * Form
 */
form select {
	font-family: sans-serif; font-size: 1.1em;
}
form option {
	padding: 0 5px 0 2px;
}
form input {
	font-family: sans-serif; font-size: 1.1em;
}
form .textbox {
	padding: 2px;
	border: 1px solid #8CA0D5;
	font-family: sans-serif;  font-size: 1.1em;
}
form .button {
	padding: 0 4px;
}
form label.error {
	color: #CC0000;
}
form input.error, form textarea.error {
	border: 1px dashed #8CA0D5;
}
.form {
	margin-bottom: 15px;
}
.form p {
	margin-bottom: 2px;
}
.form p span {
	display: block; float: left; width: 100px; margin-right: 5px;
	text-align: right;
}
.form label {
	line-height: 1.8em;
}

/**
 * Message
 */
.messageNotValid {
	display: block; width: 100%; margin-bottom: 15px;
	background-color: #C2263F;
	border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;
	font-weight: bold; color: #FFF; text-align: center;
}
.messageValid {
	display: block; width: 100%; margin-bottom: 15px;
	background-color: #F9F556;
	border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;
	font-weight: bold; color: #6A5000; text-align: center;
}
.messageInfo {
	display: block; width: 100%; margin-bottom: 15px;
	background-color: #2E3A76;
	border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;
	font-weight: bold; color: #FFF; text-align: center;
}
.messageEmpty {
	display: block; width: 100%; margin-bottom: 15px;
	padding-bottom: 5px; padding-top: 5px;
	background-color: #C2263F;
	border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;
	font-weight: bold; color: #FFF; text-align: center;
}
.messageNotValid span, .messageValid span {
	display: block; padding: 5px;
}