/*Orange: #ef8200*/
/*Blue:   #0f338a*/

/* GENERAL */
body {padding: 0 0 20px; background: #efe7dc url("images/body_bg.jpg") no-repeat center 0;	font:78%/1.4 LucidaGrande, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;	border-top: 8px solid #ef8200; text-align: center}

body#no-style {padding: 10px; color: black !important; background: #fff !important; text-align: left;  border: 0px;}

*{margin:0;padding:0; font-family: LucidaGrande, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

h1, h2, h3, h4 {text-transform:uppercase; font-weight: normal;}
h1 {color:#0f338a; font-size: 1.8em; margin: 0px 0 15px 0;}
h2 {color:#ef8200; font-size: 1.4em; margin: 20px 0 5px 0;}
h3 {color:#0f338a; font-size: 1.1em; margin: 15px 0 3px 0; /*border-bottom: 1px solid #eee;*/}
h4 {color:#000000; font-size: 1.0em; margin: 5px 0 3px 0;}
.featurebox_content h4 {color:#000000; font-size: 1.0em; margin:0;}

li {margin: 0 0 0 17px; padding:0; list-style-image: url(images/li-bullet.gif);}

h2 {background: transparent url("images/li-bullet.gif") no-repeat 0 center; position:relative; right: 15px; padding: 0 0 0 15px;}

/* LINKS */
a:link, a:visited {color:#ef8200}
a:hover,a:active {color:#ef8200; text-decoration:none;} 

/* LAYOUT */
#wrap {width:972px; min-width:972px; max-width:972px; margin: 0 auto; text-align: left;}
#content-wrap {position:relative; width:100%; background: transparent url("images/content_bg.jpg") repeat-y 0 0; margin-top: 170px;}
#content {margin: 0px 250px 0 205px; padding: 15px 15px 15px 20px; min-height:550px;}
#content_top {background: transparent url("images/content_top_bg.jpg") no-repeat left top;}
#content_bottom{background: transparent url("images/content_bottom_bg.jpg") no-repeat left bottom; padding: 0 0 40px 0}
#header {position: absolute; top: -170px; margin: 0 0 25px 0; padding: 0 0 8px 0; width:972px;}
#utility {position:absolute; top:0; left:0px; width:185px; padding-bottom: 40px; margin:20px 0 0 15px; padding:0;}
#sidebar {position:absolute;top:4px;right:0;width:233px;padding-top: 1px;padding-bottom: 40px; z-index:999;}
#footer {clear:both; padding: 10px 0 30px; width:100%; font-size:0.8em;color:#7d6f5f; position:absolute; bottom:-100px; text-align:center; height:60px;}

/* TOP MENU */
ul#nav{margin:0; padding:0 0 0 20px; list-style-type:none; height:52px; position:relative; display:block; text-transform:uppercase; font-size:1.1em; font-weight:normal; background:transparent url("images/menu_bg.gif") no-repeat top left;}
ul#nav li{	display:block; float:left; margin:0; padding:0;}
ul#nav li a{display:block; float:left; color:#0f338a; text-decoration:underline; font-weight:normal; padding:10px 17px 17px 17px;	height:21px; background:transparent url("images/DIVIDER.gif") no-repeat top right;}
ul#nav li.last a{background:transparent;}
ul#nav li a:hover, ul#nav li.active a{background:transparent url("images/HOVER.gif") no-repeat top right; text-decoration:none; color:#eeeeee;}

/* LOGO */
#logo {background:transparent url("images/logo.gif") no-repeat 5px 50%; width: 300px; height:100px; float: left;}
#logo_kryolan {background:transparent url("images/logo_kryolan.gif") no-repeat 80px 50px; width: 300px;  float: right; height:100px;}
#logo a, #logo_kryolan a {display:block; width:100%; height:100%; text-decoration:none;}

/* BREADCRUMB */
#content #breadcrumb {margin-top:3px;font-size:0.8em;color:#ef8200; position:absolute; top:-15px; left: 15px}
#content #breadcrumb a:link, #content #breadcrumb a:visited {color:#7d6f5f;}
#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:none; color:#7d6f5f;}

/* MAIN */
#introtext {font:1em/1.4; color:#0f338a; margin: 0 0 15px 0;}

/* LEFT MENU */
ul#nav-secondary  li, ul#nav-secondary  li a{color:#0f338a; text-transform:uppercase; line-height: 1.6em; text-decoration:none;}
ul#nav-secondary  li a:hover{color:#0f338a; text-decoration:underline;}
ul#nav-secondary  li.active a, ul#nav-secondary  li.active {color:#ef8200;}

ul#nav-secondary  li ul li, ul#nav-secondary  li ul li a{color:#0f338a; text-transform:uppercase; line-height: 1.6em;}
ul#nav-secondary  li.active ul li, ul#nav-secondary  li.active ul li a{color:#0f338a;}
ul#nav-secondary  li.active ul li.active, ul#nav-secondary  li.active ul li.active a{color:#ef8200;}

/* FEAUTREBOX */
.featurebox_top {padding: 10px 0 4px 18px; margin: 0; background: transparent url("images/featurebox_top.jpg") no-repeat 100% 100%}
.featurebox_content {padding: 0px 20px 20px 20px; margin: 0; background: transparent url("images/featurebox2.jpg") no-repeat 100% 100%}
.featurebox_top h3{color:#faf9f5; font-size: 1.1em; padding: 0; margin: 0;}

/* SITEMAP */
ul#sitemap  li a, ul#sitemap  li {text-transform:uppercase; line-height: 1.4em; list-style-image: url(images/li-bullet.gif);color:#0f338a;}

/* REGISTATION FORM */
#objednavka{width: 480px;} 
#reg label {position: absolute; text-align:left; width:180px; border-bottom: 1px solid #fff; padding: 2px 0 2px 0;}
#reg input, #reg textarea, #reg select{margin-left: 190px; width: 270px; border: 1px solid #ccc; padding: 2px 0 2px 4px; font-size: 1em; color: #000000}
#reg  img{margin-left: 190px; border: 1px solid #ccc;}
#reg div{padding: 2px 0 2px 0;}
#reg p{padding: 2px 0 2px 0;}
.requiredField , .errors span{/*color: red;*/}
.errors {color: white; margin: 15px 0 10px 0; padding: 5px; border: 1px solid red; background: #ef8200; width: 453px;}
.required , .invalid{color: red;}
#reg input.required, #reg textarea.required, #reg input.invalid, #ordersTable input.invalid, #ordersTable input.required{ border: 1px solid red;}

/* ORDER FORM */
#ordersTable {margin: 28px 0 25px 0;}
#ordersTable span{width:114px; border-bottom: 1px solid #fff; padding: 2px 0 2px 0;}
#ordersTable input{width: 108px; margin: 2px 0px 0 0; padding: 2px 0 2px 4px; font-size: 1em; color: #000000; border: 1px solid #ccc;}

#ordersTable input.art{width: 65px;}
#ordersTable input.odst{width: 80px;}
#ordersTable input.ks{width: 36px;}
#ordersTable input.poznamka{width: 250px;}

#ordersTable label.art, #ordersTable label.odst, #ordersTable label.ks, #ordersTable label.poznamka{margin-top: -18px;}
#ordersTable label.art{width: 65px; position: absolute; text-align:left;}
#ordersTable label.odst{width: 80px; position: absolute; text-align:left; margin-left: 76px;}
#ordersTable label.ks{width: 36px; position: absolute; text-align:left; margin-left: 165px;}
#ordersTable label.poznamka{width: 250px; position: absolute; text-align:left; margin-left: 211px;}

#delivery {margin: 10px 0 10px 0;} 
#delivery label{position: absolute; text-align:left; width:180px; border-bottom: 1px solid #fff; padding: 2px 0 2px 0;} 
#delivery input{margin: 0 2px 0 190px; padding: 4px 0 4px 4px; color: #000000;}

.submit_button_image {width: 129px; height: 36px; background: transparent url(images/button.gif) no-repeat center top; color: white; border: 0; text-transform:uppercase; cursor: pointer; cursor: hand; /*position: relative; */ margin-left: -4px}
a.button, a.button:hover, a.button:visited {width: 129px; height: 36px; line-height: 36px; background: transparent url(images/button.gif) no-repeat center top; color: white; border: 0; text-transform:uppercase; cursor: pointer; cursor: hand; display: block; margin-left: -4px; text-align: center; text-decoration: none;}
#submit_button_image_off {width: 207px; height: 44px;  padding: 55px 0 0; margin: 0; border: 0; background: transparent url(images/button.gif) no-repeat center top; overflow: hidden;  cursor: pointer; cursor: hand; /* for IE 5.x */ color: white;}
form>#submit_button_image_off { /* For non-IE browsers*/ height: 0px;}

/* DATE */
#date {color:#ef8200; font-size: 0.9em;/*text-align: right;  position: relative; top: -25px;*/}
.ajaxSearch_highlight, .ajaxSearch_highlight1 {color: red; background: yellow;}


/* NEWSLETTER */
.TXNewsletters_form {margin: 10px 0 5px 0;}
.TXNewsletters_form_item{margin: 10px 0 0 0;}
.TXNewsletters_form_email input {width: 120px; border: 1px solid #ccc;}
.TXNewsletters_form_labelErr {color: red;}