body {
  background:url(../image/back.jpg) repeat-x;
  font: 10px Verdana;
  color:#4e4e4e;
  text-align:center;
}

h1 {
  font-size:12px;
  border-bottom:1px solid #444;
}

.main {
    width:700px;
    display:inline-block;
    text-align:left;
}

.menu {
    float:right;
}

.menu a {
  color:#4e4e4e;
  text-decoration:none;
  padding-left:10px;
  padding-right:10px;
}

/* TOP */

.top {
   float:left;
   width:700px;
   height:153px;
   background:url(../image/band.gif); 
   background-color:#4e4e4e;
   margin-top:24px;   
}

.top .logo {
  margin-top:3px;
  margin-right:2px;
  text-align:right;
}

.top .banner {
  float:left;
  margin-top:0px;
  margin-left:5px;
}

/* Content */

.content {
  float:left;
  width:700px;
  background:url(../image/content_back.gif);
}

.content .margin {
  margin:30px;
  float:left;
}

/* Bottom */

.bottom {
  float:left;
  width:700px;
  background:url(../image/content_bottom.gif) no-repeat;
  padding-top:20px;
  text-align:center;
}

.bottom a {    
  color:#4e4e4e;
  text-decoration:none;
}

/* Box1 */

.box1 {
    float:left;
    width:274px;
    border:1px solid #9b9b9b;
    background:url(../image/box1_back.gif) no-repeat;
    background-color:#e3e4e4;
}

.box1 .title {
    margin-top:-10px;
    margin-left:-12px;
}

.box1 .subtitle {
    font-weight:bold;
    font-size:11px;
    margin-bottom:15px;
}

.box1 .margin {
   margin:10px 20px 10px 20px;
}

/* Box2 */

.box2 {
    float:left;
    width:494px;
    border:1px solid #9b9b9b;
    background:url(../image/box2_back.gif) no-repeat;
    background-color:#e3e4e4;
    margin-left:70px;
    margin-bottom:50px;
}

.box2 .picto {
    position:absolute;
    margin-left:-10px;
    margin-top:-8px;
}

.box2 .title {
    margin-top:7px;    
    margin-left:45px;    
    font-size:12px;
    font-weight:bold;
    color:white;
    margin-bottom:20px;
}

.box2 .subtitle {
    font-weight:bold;
    font-size:11px;
    margin-top:15px;
    margin-bottom:15px;
}

.box2 .margin {
   margin:40px 20px 10px 60px;
}

/* Login */

.login {
   height:170px;
   margin-left:30px;
   margin-top:20px;
   margin-bottom:70px;
}

.newlogin {
   height:170px;
   margin-left:20px;
   margin-top:20px;
   margin-bottom:50px;
}

/* Account */

.account .field label {
    width:220px;
}

.account .submit {
    margin-top:20px;
    margin-bottom:20px;
    float:right;
}

/* FORM */

.field input {
  background:url(../image/input_back.gif) repeat-x;
  background-color:#FFF;
  border:1px solid #b6b6b6;
  margin-bottom:7px;
  font:11px Verdana;
  width:150px;
  color:#4e4e4e;
  padding-top:4px;
  height:13px;
  #height:16px;
}

.field select {
  background:url(../image/input_back.gif) repeat-x;
  background-color:#FFF;
  border:1px solid #b6b6b6;
  margin-bottom:7px;
  font:11px Verdana;
  height:20px;
  width:150px;
  color:#4e4e4e;
}

.field textarea {
  background:url(../image/input_back.gif) repeat-x;
  background-color:#FFF;
  border:1px solid #b6b6b6;
  margin-bottom:7px;
  font:11px Verdana;
  color:#4e4e4e;
  width:100%;
  height:50px;
}

.field label {
  display:block;
  float:left;
  width:80px;  
  padding-top:3px;
}

.submit {
  text-align:right;
  margin-right:0px;
}

.legend {
  text-align:right;
  padding-right:2px;
  float:right;
  padding-bottom:10px;
}

.legend a {
  color:#4e4e4e;  
}

.error {
  text-align:right;
  color:red;
  padding-right:5px;
  font-style:italic;
  padding-bottom:2px;
}

.field h1 {
  font-size:11px;
  margin-top:12px;
  margin-bottom:2px;
  border-bottom:0px solid blue;
}

.field h2, .multiselect h2  {
  font-size:11px;
  margin-top:12px;
  margin-bottom:2px;
  border-bottom:0px solid blue;
}

.field p {
  margin:0px;
}

.multiselect h1 {
  font-size:11px;
  margin-bottom:2px;
}

.multiselect select {
  background:url(../image/input_back.gif) repeat-x;
  background-color:#FFF;
  border:1px solid #b6b6b6;
  margin-bottom:7px;
  font:11px Verdana;
  color:#4e4e4e;
  width:130px;
  height:50px;
}

.text input {
  position:relative;
  top:2px;
}

.picture input {
  height:20px;
}

/* Form size */


.xssize input {
    width:10px;
    position:relative;
    top:3px;
}

.small select {
    width:80px;
}

.xlsize select {
    width:320px;
}

.lsize input {
    width:220px;
}

/* Invoice */

.invoice .description {
    width:320px;
    border-bottom:1px solid #555;
    padding-bottom:3px;
    padding-top:3px;
}

.invoice .price {
    border-bottom:1px solid #555;
    padding-bottom:3px;
    padding-top:3px;
    text-align:right;
}

.invoice .total_description {
    text-align:right;
    padding-right:10px;
}

.invoice .price1 {
    width:50px;
    padding-bottom:3px;
    padding-top:3px;
    text-align:right;
}