/* 
    Document   : global
    Created on : 15/05/2014, 11:01:51 AM
    Author     : Jasweb
    Description:
        Purpose of the stylesheet follows.
*/
@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400italic,500,400,500italic,700,700italic,900,900italic);

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html,body{
  font: 1em 'Roboto', sans-serif;
}
h1{
  font-size: 2em;
  font-weight: 600;
  margin: 30px 0;
}
h2{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.3em;
  text-align: center;
  margin: 10px 0 20px 0;
}
h3{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1em;
  text-align: center;
  margin: 0 0 10px 0;
  text-decoration: underline;
}
h4{
  text-align: center;
  margin: 0 0 5px 0;
}
p{
  margin: 15px 0;
}
strong{
  font-weight: 800;
}
em{
  font-style: italic;
}
small{
  font-size: 0.7em;
}
a{
  text-decoration: none;
  color: #960110;
}
img{
  max-width: 100%;
}
#wrapper{
  width: 1024px;
  margin: 0 auto;
}
#container-main{
  width: 500px;
  float: left;
  padding: 50px 20px;
  text-align: center;
}
#container-left, #container-right{
  width: 262px;
  float: left;
  padding: 70px 0 0 0;
}
.logo{
  width: 250px;
}
.christmas{
  margin: 0px 0 5px 0;
}

.orderForm{
  padding: 20px 0;
}
.orderForm .logo{
  width: 150px;
  margin: 0 100px;
  float: left;
}
.orderForm h1{
  font-size: 2.5em;
  color: #960110;
  text-align: center;
  margin: 0 0 10px 0;
}
.orderForm h2{
  font-size: 1.8em;
  color: #960110;
}
.orderForm .containerHeader{
  background: url('../images/logo.png') no-repeat left;
  background-size: contain;
  margin: 0 0 40px 0;
}
table{
  width: 100%;
  margin: 20px 0;
}
.order th{
  color: #fff;
  font-weight: 700;
  background: #960110;
  border: solid thin #960110;
  width: 20%;
}
td{
  border: solid thin #666;
  padding: 5px;
  vertical-align: middle;
}
.order td.header{
  text-align: center;
  font-weight: 700;
  font-size: 1.2em;
}
input[type='text'], textarea{
  width: 100%;
  border: solid thin #CCC;
  padding: 5px;
}

input[type='text']{
  width: 80%;
  border: solid thin #CCC;
  padding: 5px;
}
input[type='radio']{
  margin: 0 0 0 20px;
}
input[type='submit']{
  border: none;
  background: #960110;
  color: #fff;
  padding: 5px 20px;
  font-size: 1.1em;
  letter-spacing: 0.1em;
}
.txtAlignCenter{
  text-align: center;
}
.success{
  color: #46a546;
  display: block;
  padding: 10px;
  margin: 5px 0;
  border: solid thin #46a546;
  border-radius: 3px;
  background: #cae3ca;
  text-align: center;
  font-size: 0.8em;
}
.error{
  color: #CC0000;
  display: block;
  padding: 10px;
  margin: 5px 0;
  border: solid thin #CC0000;
  border-radius: 3px;
  background: #ebd1d1;
  text-align: center;
  font-size: 0.8em;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}