/* Sodexo WEO Styles */
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	height: auto;
}
form {
	margin: 0px;
	padding: 0px;
}
ul.arrowed {
	font-size: 0.9em;
	line-height: 0.9em;
	color: #333333;
	margin: 0px 0px 5px 7px;
	padding-left: 10px; 
}
ul.arrowed li {
	list-style-image: url(images/left-nav-arrow.gif);
	padding: 0px 0px 0px 0px;
}

ul.bulleted {
	font-size: 1em;
	line-height: 0.9em;
	color: #333333;
	margin: 2px 0px 0px 7px; /*trbl*/
	padding-left: 10px; 
}

ul.bulleted li {
	list-style-image: url(images/left-nav-bullet.gif);
	line-height: 1.3em;
	padding: 0px 0px 0px 0px;
}

input.mysubmit {
    font-size: 1em;
    font-weight:bold;
    color: #ffffff;
    background-color: #84213f;
    border: solid 0px #84213f;
    height: 20px;
    margin: 0px 0px 0px 0px;
}

input.mytext {
    font-size: 1.2em;
    border: solid 1px #cccccc;
    height: 20px;
}

input.normaltext {
    font-size: 1em;
    border: solid 1px #cccccc;
    height: 16px;
}

select.smaller {
    font-size: 0.8em;
}

div.content {
    width: 800px;
    height: auto;
    border: solid 1px #cccccc;
}
div.container 
{
    width: 800px;
    height: auto;
	padding: 10px 0px 0px 0px;
}
div.header {
	top: 0px;
	left: 0px;
	width: 800px;
	height: 114px;
	text-align: center;
	background: url(images/snowhill-poukazky_sodexho_na-hory_objednavky-portal.gif) no-repeat top;
}
div.footer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 25px;
	text-align: center;
	font-size: 0.9em;
	background-color: #84213f;
	color: #ffffff;
	vertical-align: middle;
}
div.footer a {
	color: #ffffff;
	text-decoration: none;
}
div.footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

div.frm-topic {
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
    
}
div.frm-topic-yellow {
    font-size: 1.2em;
    font-weight: bold;
    color: #ffac06;
    padding: 0px 0px 10px 0px;
    text-align: left;
}
.page-header {
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7c082f;
    padding: 0px;
    margin: 0px;
}
.page-subheader
{
    font-weight:normal;
    font-size:13px;
    color:#97989a;
    margin:0px;
    padding:0px;
    margin-top:5px;
}

.page-subheader a, .page-subheader a:link, .page-subheader a:active, .page-subheader a:visited, .page-subheader a:hover
{
    color:#999;
    text-decoration:underline;
}

.page-subheader a:hover
{
    color:#f85007;
}

div.page-subheader-info {
    font-size: 1em;
    text-align: left;
    color: #97989a;
    padding: 5px 0px 5px 0px;
    border: solid 0px red;
    width: 85%;
}
div.alert {
    font-size: 1.2em;
    font-weight: bold;
    color: #ffac06;
}
div.alert-text {
    font-size: 1.0em;
    font-weight: normal;
    text-align: justify;
    line-height: 1.2em;
    color:#999;
    padding: 5px 10px 0px 0px;
}

table.paging-info {
    font-size: 1.2em;
    font-weight:bold;
    color: #97989a;
}
/* ycr */
div.ycr {
    position: relative;
    /* border: solid 1px #cccccc; */
}

td.ycr-lt {
    width: 16px;
    height: 28px;    
}

td.ycr-mt {
    width: 100%;
    height: 28px;    
	background: url(images/ycr-mt.jpg) repeat-x left;
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 0px;/*trbl*/
}

td.ycr-rt {
    width: 20px;
    height: 28px;    
}

td.ycr-lmc {
    width: 2px;
    height: 6px;    
}

td.ycr-mmo {
    width: 100%;
    height: 6px;    
	background: url(images/ycr-mmo.jpg) repeat-x left  bottom;
}

td.ycr-rmc {
    width: 7px;
    height: 6px;    
}

td.ycr-lmo {
    width: 2px;
    height: 100%;    
	background: url(images/ycr-lmo.jpg) repeat-y left;
}

td.ycr-mmc {
    width: 100%;
    height: 6px;    
}

td.ycr-rmo {
    width: 7px;
    height: 100%;    
	background: url(images/ycr-rmo.jpg) repeat-y right;
}

td.ycr-lb {
    width: 16px;
    height: 27px;    
}

td.ycr-mb {
    width: 100%;
    height: 27px;    
	background: url(images/ycr-mb.jpg) repeat-x left;
}

td.ycr-rb {
    width: 20px;
    height: 27px;    
}
/* #ycr */

/* pcr */
div.pcr {
    position: relative;
    width: 661px;
    height: 116px;    
    padding: 5px 0px 5px 0px;
    /* border: solid 1px #cccccc; */
}

td.pcr-lt {
    width: 27px;
    height: 15px;    
}

td.pcr-lm {
    width: 27px;
    height: 86px;    
	background: url(images/pcr-lm.jpg) repeat-y left;
	font-size: 1.25em;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 0px;/*trbl*/
}

td.pcr-lb {
    width: 27px;
    height: 15px;    
}

td.pcr-s-lb {
    width: 5px;
    height: 5px;    
}
td.pcr-s-mb {
    width: 100%;
    height: 5px;    
	background: url(images/pcr-s-mb.jpg) repeat-x left;
}
td.pcr-s-rb {
    width: 5px;
    height: 5px;    
}

td.pcr-s-rm {
    width: 5px;
    height: 100%;    
	background: url(images/pcr-s-rm.jpg) repeat-y left;
}


td.pcr-rt {
    width: 20px;
    height: 28px;    
}

td.pcr-lmc {
    width: 2px;
    height: 6px;    
}

td.pcr-mmo {
    width: 100%;
    height: 6px;    
	background: url(images/pcr-mmo.jpg) repeat-x left  bottom;
}

td.pcr-rmc {
    width: 7px;
    height: 6px;    
}

td.pcr-lmo {
    width: 2px;
    height: 100%;    
	background: url(images/pcr-lmo.jpg) repeat-y left;
}

td.pcr-mmc {
    width: 100%;
    height: 6px;    
}

td.pcr-rmo {
    width: 7px;
    height: 100%;    
	background: url(images/pcr-rmo.jpg) repeat-y right;
}


td.pcr-mb {
    width: 100%;
    height: 27px;    
	background: url(images/pcr-mb.jpg) repeat-x left;
}

td.pcr-rb {
    width: 20px;
    height: 27px;    
}
/* #pcr */

/* ocr */
div.ocr {
    position: relative;
    width: 326px;
    height: 194px;    
   /* border: solid 1px #cccccc; */
}

td.ocr-lt {
    width: 15px;
    height: 28px;    
}

td.ocr-mt {
    width: 100%;
    height: 28px;    
	background: url(images/ocr-mt.jpg) repeat-x left;
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding-left: 0px;
}

td.ocr-rt {
    width: 19px;
    height: 28px;    
}

td.ocr-lmc {
    width: 2px;
    height: 6px;    
}

td.ocr-mmo {
    width: 100%;
    height: 6px;    
	background: url(images/ocr-mmo.jpg) repeat-x left bottom;
}

td.ocr-rmc {
    width: 7px;
    height: 6px;    
}

td.ocr-lmo {
    width: 2px;
    height: 100%;    
	background: url(images/ocr-lmo.jpg) repeat-y left;
}

td.ocr-mmc {
    width: 100%;
    height: 6px;    
    background-color: #f85007;
}

td.ocr-rmo {
    width: 7px;
    height: 100%;    
	background: url(images/ocr-rmo.jpg) repeat-y right;
}

td.ocr-lb {
    width: 15px;
    height: 24px;    
}

td.ocr-mb {
    width: 100%;
    height: 24px;    
	background: url(images/ocr-mb.jpg) repeat-x left;
}

td.ocr-rb {
    width: 19px;
    height: 24px;    
}
/* #ocr */

/* products */
div.pr-group 
{
    font-size: 1.25em;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    color: #7b082f;
    padding: 10px 0px 0px 10px;/* trbl */
    margin: 0px 0px 0px 0px;/* trbl */
}
div.pr-topic {
    font-size: 1.25em;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;/* trbl */
    margin: 0px 0px 0px 0px;/* trbl */
}

td.pr-inputs {
    font-size: 0.9em;
    text-align: left;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 0px 0px 10px;/* trbl */
    margin: 0px 0px 0px 0px;/* trbl */
}

td.pr-inputs input {
    font-size: 1em;
    text-align: right;
    width: 90px;
    /*height: 16px;*/
    border: solid 1px #ffffff;
    padding: 0px 1px 0px 0px;/* trbl */
    margin: 0px 0px 0px 0px;/* trbl */
}

td.pr-inputs select {
    font-size: 1em;
    text-align: left;
    width: 90px;
    padding: 0px 0px 0px 0px;/* trbl */
    margin: 0px 0px 0px 0px;/* trbl */
}

td.pr-anchors {
    width: 267px;
    font-size: 0.9em;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
    padding: 5px 0px 0px 10px;/* trbl */
    margin: 0px 0px 0px 0px;/* trbl */
    vertical-align: top;
}

td.pr-anchors a {
    text-decoration: underline;
    font-weight: normal;
    color: #ffffff;
}

td.pr-anchors a:hover {
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
}
td.submit-line {
     padding: 10px 10px 10px 10px;
}
td.review-item {
    font-size: 1.2em;
    font-weight: bold;
    color: #ffac06;
    width: 10%;
    vertical-align: top;
    padding: 5px 10px 5px 10px;
}
td.review-value {
    font-size: 1.2em;
    font-weight: bold;
    color: #84213f;
    width: 90%;
    vertical-align: top;
    padding: 5px 10px 5px 10px;
}

.frmlabel1 {
    font-size: 1.2em;
    font-weight: bold;
    color: #ffac06;
}

.frmlabel2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
}

.frmLabelSmall 
{
    font-size: 0.8em;
    font-weight: normal;
    color: #ffffff;
}

.frmLabelSmall a
{
    color: #ffffff;
    text-decoration: none;
}

.frmLabelSmall a:hover
{
    color: #ffffff;
    text-decoration: underline;
}

a.intextlink {
    font-size: 1em;
    color: #ffac06;
    text-decoration: none;
}

a.intextlink:hover{
    font-size: 1em;
    color: #ffac06;
    text-decoration: underline;
}
.floating-image {
	position: absolute;
	display: none;
	border: solid 1px #cccccc;
}
td.pr-claim {
    font-size: 0.9em;
    font-weight: bold;
    text-transform: none;
    text-align: right;
    padding: 3px 5px 0px 0px;
    height: 22px;
    vertical-align: top;
}
.mark {
    color: #ff0000;
}
.hiddensubmit {
    border: none;
    height: 0px;
    padding: 0px;
    width: 0px;        
}
div.red-bordered-box {
    width: 85%;
    text-align:center;
    padding: 5px 5px 5px 5px;
    margin: 0px auto;
    font-size: 1.2em;
    font-weight: bold;    
    color: #ffffff;
    background-color: #9fc814;
    line-height: 1.5em;
}
div.red-bordered-box a {
    color: #ffffff;    
    text-decoration: underline;
}
div.red-bordered-box a:hover {
    color: #ffffff;    
    text-decoration: underline;
}
div.red-bordered-box input {
    font-size: 1em;
    font-weight:bold;
    color: #ffffff;
    background-color: #9fc814;
    border: solid 2px #ffffff;
    height: 28px;
    padding: 3px 3px 3px 3px;
    margin: 5px 0px 5px 0px;
    width: 220px;
}
/* Chcete pomoci s objednavkou ? */
div.div-help-info {
    /*width: 661px;*/
    padding-top: 10px;
    /*height: 50px;*/
    /*background-color: #ffab02;*/
    color: #ffab02;
    font-size: 1.2em;
    font-weight:bold;
    text-align: left;
}
div.div-help-info a  {
    color: #ffab02;
    text-decoration: underline;
}
div.div-help-info a:hover  {
    color: #ffab02;
    text-decoration: underline;
}
div.div-required {
    font-size: 0.9em;
    color: #999;
    display:block;
    width:auto;
    text-align:left;
    line-height: 20px;
    /*margin-top:20px;*/
}
div.div-buttons {
    color: #999;
    width:49%;
    text-align:right;
}
/* Novy vyber nominale */
div.div-choose-nominal-values {
    width: 225px;
    height: 94px;
    border: solid 1px #999;
    overflow: auto;
    vertical-align: middle;
}
div.div-choose-nominal-values-header {
    width: 200px;
    clear: both;
    font-size: 1em;
    vertical-align: middle;
    padding: 0px 0px 0px 5px;
}
div.div-choose-nominal-values-row {
    width: 206px;
    clear: both;
    vertical-align: middle;
}
div.div-choose-nominal-values-item-chb {
    width: 20px;
    float: left;
    border: 0px;
    vertical-align: middle;
    line-height: 20px;
}
div.div-choose-nominal-values-item-chb input {
    width: 20px;
    border: 0px;
    vertical-align: middle;
}
div.div-choose-nominal-values-item-val {
    width: 108px;
    float: left;
    vertical-align: middle;
    line-height: 20px;
    text-indent: 5px;
}
div.div-choose-nominal-values-item-amt {
    width: 68px;
    float: right;
    text-align: right;
    vertical-align: middle;
    line-height: 20px;
}
div.div-choose-nominal-values-item-amt input {
    width: 50px;
}
/* Darkova baleni - line */
div.gift-pckg {
    /*width: 450px;*/
    clear: both;
}
div.gift-pckg-label {
    width: 95px;
    float: left;
    line-height: 16px;
    vertical-align: middle;
}
div.gift-pckg-inputs {
    width: 235px;
    float: left;
    line-height: 16px;
    vertical-align: middle;
    text-align: left;
    color: #ffffff;
    font-weight: normal;
    padding: 0px 0px 0px 0px;/* trbl */
    margin: 0px 0px 0px 0px;/* trbl */
}

div.gift-pckg-inputs input {
    font-size: 1em;
    text-align: right;
    width: 20px;
    height: 10px;
    border: solid 1px #ffffff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}

div.gift-pckg-inputs input.gift-amount {
    font-size: 1em;
    text-align: right;
    width: 25px;
    height: 16px;
    border: solid 1px #ffffff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: baseline;
}

div.gift-pckg-inputs select {
    font-size: 1em;
    text-align: left;
    width: 90px;
    padding: 0px 0px 0px 0px;/* trbl */
    margin: 0px 0px 0px 0px;/* trbl */
    vertical-align: middle;
}
/* Tabulky */ 
table.frm-2cols {
    width: 100%;
}

td.frm-2cols-1st_col {
    width: 15%;
    text-align:left;
    vertical-align: middle;
}

td.frm-2cols-2nd_col {
    width: 35%;
    text-align:left;
}

td.frm-2cols-2nd_col input {
    width: 90%;
    text-align:left;
}

td.frm-2cols-1st_col_spaned {
    width: 5%;
    text-align:left;
    vertical-align: middle;
}

td.frm-2cols-2nd_col_spaned {
    width: 95%;
    text-align:left;
}

td.frm-2cols-2nd_col_spaned input {
    width: 96%;
    text-align:left;
}

div.frm-2cols-highlighted-header {
    font-size: 1.2em;
    font-weight: bold;
    color: #ffac06;
    padding: 5px 0px 5px 0px;
    text-align: left;
}
div.frm-review {
    font-size: 1em;
    /*font-weight: bold;*/
    text-align: left;
    color: #97989a; /*seda #97989a zluta #ffac06 cervena #84213f*/
    padding: 2px 0px 3px 0px;
    border: solid 0px red;
    width: auto;
}
div.frm-review-whatelse {
    font-size: 1.2em;
    font-weight: bold;
    color: #ffac06;
    padding: 10px 0px 5px 0px;
    text-align: left;
}
div.floating-container 
{
    position: relative;
    width: 100%;
    text-align: center;
}
div.floating-info 
{
    position: absolute;
    left: 55px;
    _left: 58px;
    /*top: -120px;*/
    top: -115px;
    width: 670px;
    height: 75px;
    text-align:center;
    padding: 5px 5px 5px 5px;
    margin: 0px auto;
    margin-top: 155px;
    font-size: 1.2em;
    font-weight: bold;    
    color: #ffffff;
    background-color: #9fc814;
    line-height: 1.1em;
}
div.floating-info div.message
{
    float: left;
    margin-left: 10px;
    width: 620px;
    border: 0px solid red;
}

div.floating-info div.message strong
{
    font-size: 1.1em;
    line-height: 1.4em;
    vertical-align: top;
}

div.floating-info div.button
{
    width: 20px;
    float: right;
}

div.floating-info img.close
{
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    border: none;
    width: 18px;
    height: 18px;
    float: left;
    cursor: pointer;
    border: 0px solid blue;
}

div.hp-infobox {
    width: 85%;
    font-size: 1em;
    color: #999;
    text-align:left;
    margin: 5px 0px 10px 0px;
}

div.hp-infobox a, div.hp-infobox a:link, div.hp-infobox a:active, div.hp-infobox a:visited, div.hp-infobox a:hover
{
    color:#999;
    text-decoration:underline;
}

div.hp-infobox a:hover
{
    color:#f85007;
}

div.hp-infobox h2 {
    font-size: 1.2em;
    color: #FFAB02;
    margin: 5px 0px 5px 0px;
    padding: 0px;
}

table.combi-header {
    width: 86%;
}

div.visit-products {
    width: 85%;
    font-size: 1em;
    color: #999;
    text-align:left;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.visit-products h2 {
    font-size: 1.2em;
    color: #FFAB02;
    margin: 0 0 5px 0;
    padding: 0px;
}

div.visit-products strong {
    display: block;
    width: auto;
    line-height: 20px;
}

div.visit-product-block {
    float: left;
    margin-right: 45px;
}

div.visit-product-block div {
    float: left;
    margin-right: 10px;
}

div.visit-product-inline-block {
    width: 85%;
    text-align: left;
}

.visit-product-block a:link, .visit-product-block a:visited, 
.visit-product-inline-block a:link, .visit-product-inline-block a:visited {
    font-size: 0.9em;
    color: #FFAB02;
    text-decoration: underline;
}

.visit-product-block a:hover,
.visit-product-inline-block a:hover
{
    font-size: 0.9em;
    color: #F85007;
    text-decoration: underline;
}

.visit-product-inline-block span {
    font-size: 1em;
    color: #999;
    margin: 0 5px 0 5px;
}
.popup {
    font-size: 1em;
    font-weight: normal;
    position: absolute;
    background-color:#7b082f;
    color:#fff;
    z-index: 99;
    width: 196px;
    height: 117px;
}
.close {
    display: block;
    width: 16px;
    height: 16px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    float: right;
    margin: 1px 3px 0 0;
}
span.header {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    float: left;
    margin: 1px 0 0 10px;
}
div.text {
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    margin: 1px 5px 0 10px;
    padding-top: 5px;
}
div.text strong {
    line-height: 20px;
}
br.clear {
    clear: both;
}

div.text ul, div.text li {
    margin: 0;
    padding: 0;
}

div.text ul {
    list-style-type: square;
    list-style-position: inside;
}

div.text li {
    padding-right: 10px;
    float: left;
}

div.text a:link, div.text a:visited {
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    text-decoration: underline;
}

div.text a:hover {
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    text-decoration: underline;
}

div.oznameni-spo, div.order-info
{
    font-size: 13px;
    display: block;
    color: #fff;   
    height: 148px;
}

div.order-info 
{ 
    display:block;
    width: 296px;
    height: 80px; 
    color: #999; 
    padding: 0 7px 0 14px; 
    text-align:left;
} 

div.order-info input.private-order 
{ 
    display:block; 
    width:225px;
    height:20px;
    float:right; 
    font-size:12px; 
    font-weight:bold; 
    cursor:pointer;
    background-color:#ffac06;
    margin:5px 5px 10px 0;
}

div.order-info input.private-order:hover
{ 
    background-color:#f85007;
}

td.ycr-mmc a, td.ycr-mmc a:link, td.ycr-mmc a:active, td.ycr-mmc a:visited, td.ycr-mmc a:hover 
{
    color:#ffac06;
}

td.ycr-mmc a:hover 
{
    color:#f85007;
}

div.oznameni-spo h1
{
    font-size: 15px;
    margin: 0 0 0 0;
    padding: 0 0 7px 0;
}

div.oznameni-spo strong
{
    font-size: 14px;
}

div.oznameni-spo a, div.oznameni-spo a:link, div.oznameni-spo a:visited
{
    color: #fff;
    text-decoration: underline;    
}

div.oznameni-spo a:hover
{
    color: #fff;
    text-decoration: none;    
}

div.oznameni-spo p, div.order-info p
{
    margin: 0;
    padding: 0 0 8px 0;    
}

div.oznameni
{
    width: auto;
    padding: 20px;    
    text-align: left;
}

div.oznameni h1
{
    font-family: Arial;
    font-size: 18px;
    color: #7C082F;
    text-align: left;
    padding: 0;
    margin: 0 0 15px 0;    
}

div.oznameni p
{
    font-family: Arial;
    font-size: 13px;
    color: #97989A;
    text-align: left;
    padding: 0;
    margin: 0 0 10px 0;    
}

div.oznameni strong
{
    font-size: 14px;
    color: #FFAB02;
}


