html * {
  font-family: ARIAL;
  color: #000;
}

html {
  background:#090b0e  center top;
  font-size: 0.82em;
  font-weight: normal;
  color: #fff;
}

::selection {
  background: rgba(255,0,0,0.7);
}
::-moz-selection {
  background: rgba(255,0,0,0.7);
}

a, a:link, a:visited {
  color: rgba(255,255,255, 0.8);
  text-decoration: none;
  outline: none;
}

a:hover, label:hover, a:focus, a:active {
  color: rgba(226,98,58, 0.8);
}


.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.box_center {
  margin-left: auto;
  margin-right: auto;
}

.full {
  width:780px;
}

.half {
  width: 390px;
}

.fill {
  width: 100%;
}

.noresize {
  resize: none;
}

.red {
  color: red;
}

#wrapper {
  width: 1000px;
  margin: auto;
}

header {
  clear: both;
  overflow: hidden;
  padding: 20px 0;
}

nav.main-menu {
  width: 184px;
  clear: both;
}

#breadcrumbs-wrapper {
  position: relative;
}

#language-selector-wrapper {
  position:absolute;
  top: 3px;
  right: 3px;
}

#content {
  float: left;
  margin-left: 10px;
  width: 800px;
}

footer {
  clear: both;
  text-align: center;
  padding-top: 2em;
}

ul, ol {
  list-style-position: outside;
}

th {
  text-align: left;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}



input[type=text].text, input[type=password].text {
  color: #FFF;
  background-color: #434447;
  text-shadow: 0px 1px 2px #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #4E4F52;
  -moz-box-shadow: 0px 1px 2px #111;
  -webkit-box-shadow: 0px 1px 2px #111;
  box-shadow: 0px 1px 2px #111;
  margin-bottom: 1px;
  padding: 0 5px;
  height: 1.6em;
  line-height: 1.6em;
}

.multiselect {
  color: #FFF;
  background-color: #434447;
  text-shadow: 0px 1px 2px #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #4E4F52;
  -moz-box-shadow: 0px 1px 2px #111;
  -webkit-box-shadow: 0px 1px 2px #111;
  box-shadow: 0px 1px 2px #111;
  margin-bottom: 1px;
  padding: 0 5px;
  line-height: 1.6em;
}

button.button, input[type=submit].button, input[type=button].button, a.button {
  vertical-align: middle;
  text-decoration: none;
  text-shadow: 0px 1px 2px #000;
  border: none;
  border-top: 1px solid #7a7e87;
  border-bottom: 1px solid #212327;
  padding: 3px 10px 2px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  background: #5D6067; /* Old browsers */
  background: -moz-linear-gradient(top, #5D6067 0%, #373A40 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5D6067), color-stop(100%,#373A40)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5D6067 0%,#373A40 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5D6067 0%,#373A40 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5D6067 0%,#373A40 100%); /* IE10+ */
  background: linear-gradient(top, #5D6067 0%,#373A40 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5D6067', endColorstr='#373A40',GradientType=0 ); /* IE6-9 */
}

a.button {
  display: inline-block;
  text-align: center;
}

a.button.small, input[type=submit].button.small, input[type=button].button.small {
  padding: 1px 6px 2px 5px;
  font-size: 12px;
}

button.button:hover:enabled, input[type=submit].button:hover:enabled, input[type=button].button:hover:enabled, a.button:hover:not(:disabled),
button.button:focus:enabled, input[type=submit].button:focus:enabled, input[type=button].button:focus:enabled, a.button:focus:not(:disabled) {
  border-top: 1px solid #df4040;
  background: #D03030; /* Old browsers */
  background: -moz-linear-gradient(top, #D03030 0%, #920101 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D03030), color-stop(100%,#920101)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #D03030 0%,#920101 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #D03030 0%,#920101 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #D03030 0%,#920101 100%); /* IE10+ */
  background: linear-gradient(top, #D03030 0%,#920101 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D03030', endColorstr='#920101',GradientType=0 ); /* IE6-9 */
}

button.button:active:enabled, input[type=submit].button:active:enabled, input[type=button].button:active:enabled, a.button:active:not(:disabled) {
  border-top: 1px solid #920101;
  background: #920101; /* Old browsers */
  background: -moz-linear-gradient(top, #920101 0%, #D03030 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#920101), color-stop(100%,#D03030)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #920101 0%,#D03030 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #920101 0%,#D03030 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #920101 0%,#D03030 100%); /* IE10+ */
  background: linear-gradient(top, #920101 0%,#D03030 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#920101', endColorstr='#D03030',GradientType=0 ); /* IE6-9 */
}

textarea.textarea {
  background-color: #434447;
  color: #FFF;
  text-shadow: 0px 1px 2px #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #4E4F52;
  -moz-box-shadow: 0px 1px 2px #111;
  -webkit-box-shadow: 0px 1px 2px #111;
  box-shadow: 0px 1px 2px #111;
  margin-bottom: 1px;
  padding: 5px;
}

.box {
  clear: both;
  background-color: #10151b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 8px 3px;
  -moz-box-shadow: inset 0 0 8px 3px;
  box-shadow: inset 0 0 4px 3px;
  padding: 3px 3px 2px 3px;
  margin-top: 10px;
}
.box .title{
  height: 30px;
  position: relative;
  background: url('../img/box_title.png');
  line-height: 30px;
  padding: 0 10px;
  font-size: 1.2em;
  font-weight: lighter;
  color: #FFF;
  -moz-text-shadow: 0 1px 3px #000;
  -webkit-text-shadow: 0 1px 3px #000;
  -o-text-shadow: 0 1px 3px #000;
  text-shadow: 1px 1px 3px #000;
}
.box .title .toggle{
  display: block;
  height: 18px;
  width: 18px;
  background: url('../img/box_slidebuttons.png') left top;
  position: absolute;
  top: 5px;
  right: 10px;
}
.box .title .toggle.hide{
  background-position: top right;
}

.box .content {
  padding: 5px 10px;
  background: url('../img/box_bg.png') repeat;
  overflow: hidden;
}

h1.title, h2.title, h3.title, h4.title {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #e2623a;
}

.space {
  display: block;
  float: left;
  width: 5px;
  height: 1px;
}

.button-row {
  display: table;
  border-bottom: 1px solid #1d1f21;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #5d6067; /* Old browsers */
  background: -moz-linear-gradient(top, #5d6067 0%, #373a40 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d6067), color-stop(100%,#373a40)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5d6067 0%,#373a40 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5d6067 0%,#373a40 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5d6067 0%,#373a40 100%); /* IE10+ */
  background: linear-gradient(top, #5d6067 0%,#373a40 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d6067', endColorstr='#373a40',GradientType=0 ); /* IE6-9 */
}
a.button-cell, a.button-cell-css {
  display: table-cell;
  vertical-align:middle;
  height: 25px;
  border-right: 1px solid #36383e;
  border-left: 1px solid #5d6065;
}
a.button-cell {
  padding: 0px 10px;
}
a.button-cell-css {
  padding: 0px 0px;
}
a.button-cell:hover, a.button-cell-css:hover {
  background: #404349; /* Old browsers */
  background: -moz-linear-gradient(top, #404349 0%, #51555d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404349), color-stop(100%,#51555d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #404349 0%,#51555d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #404349 0%,#51555d 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #404349 0%,#51555d 100%); /* IE10+ */
  background: linear-gradient(top, #404349 0%,#51555d 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404349', endColorstr='#51555d',GradientType=0 ); /* IE6-9 */
}
a.button-cell-nohover:hover {
  background: #5d6067; /* Old browsers */
  background: -moz-linear-gradient(top, #5d6067 0%, #373a40 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d6067), color-stop(100%,#373a40)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5d6067 0%,#373a40 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5d6067 0%,#373a40 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5d6067 0%,#373a40 100%); /* IE10+ */
  background: linear-gradient(top, #5d6067 0%,#373a40 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d6067', endColorstr='#373a40',GradientType=0 ); /* IE6-9 */
}
a.button-cell img, a.button-cell-css img {
  display: block;
  margin: auto;
}
a.button-cell:first-child {
  border-left: none;
  padding-left: 9px;
}
a.button-cell:first-child:hover, a.button-cell-css:first-child:hover {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
a.button-cell:last-child {
  border-right: none;
  padding-right: 9px;
}
a.button-cell-css:first-child {
  border-left: none;
}
a.button-cell:last-child:hover, a.button-cell-css:last-child:hover {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
a.button-cell-css:last-child {
  border-right: none;
}

a.button-cell-css .button-img {
  float: left;
  display: block;
  width: 34px;
  height: 27px;
}

.button_img {
  float: left;
  display: block;
  width: 34px;
  height: 27px;
  background: url('../img/ico-sprites.png') -44px -47px no-repeat;
}

/* order */

div.order-application-box {
  display: block;
  width: 370px;
  height: 100px;
  float: left;
  margin: 2% 0;
  border: 0px;
  border-radius: 4px;
  background:#10151b;
}

div.order-application-box > a, div.order-application-box > span {
  display: block;
  padding: 10px;
  height: 80px;
  font-size: 16px;
}

div.order-application-box2 {
  display: block;
  width: 240px;
  height: 100px;
  float: left;
  margin: 1% 0;
  border: 0px;
  border-radius: 5px;
  background: rgba(0,0,0,0.2);
}

div.order-application-box2 > a, div.order-application-box2 > span {
  display: block;
  padding: 10px;
  height: 80px;
  font-size: 16px;
}

#feedback {
  position: fixed;
  bottom: 0px;
  left: 30px;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  background-color: rgba(31,38,48, 0.8);
  color: #656d78;  padding: 2px;
  text-align:center;
  width:150px;
  height:46px;
}

.hints {
  width: 500px;
  margin:auto;
  margin-top: 20px;
  background-color: rgba(31,38,48, 0.8);
  padding: 5px;
  border-radius: 6px;
  border: 1px solid #bdc3c7;
  text-align: center;
  color: #656d78;
}

.hints b {
	color:rgb(46, 204, 113);
}

.message-bubble-pointer {
  width: 20px; 
  vertical-align: top; 
  height: 0px; 
  width: 0px; 
  border-style: solid; 
  float: left; 
  margin-top: 10px;
}

#slideout {
    position: fixed;
    top: 40px;
    left: 0;
    width: 140px;
    padding: 12px 0;
    text-align: center;
    background: #3a3d44;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
	border: 1px solid #bdc3c7;
	border-left-style:none;
}
#slideout_inner {
    position: fixed;
    top: 40px;
    left: -430px;
    background: #3a3d44;
    width: 350px;
    padding: 25px;
    height: 520px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    text-align: left;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
	border: 1px solid #bdc3c7;
}

#slideout:hover {
    left: 250px;
}
#slideout:hover #slideout_inner {
    left: 0;
}