* {
  padding:0;
  margin:0;
  }

img {
  border: none;
  }

body {
  background: #D5D8DF url(../images/background.gif) repeat-x;
  font-family:Helvetica, Arial, sans-serif;
  line-height:1.2em;
  font-size:0.7em;
  color: #335376;
  height:100%;
  min-height:100%;
  }

#wrapper {
  margin-left:auto;
  margin-right:auto;
  height:100%;
  width:838px;
  background: url(../images/back_bands.gif) repeat-y top left;
  }
  
#content {
  float:left;
  background:white;
  float:left;
  min-height:100%;
  }

#main-content {
  float:left;
  width:428px;
  padding-right:15px;
  }

#main-content-index {
  float:left;
  width:648px;
  }

#main-content-index ul {
  list-style:none;
  }

#main-content-index ul li {
  padding-bottom:5px;
  }

#designed-by {
  width: 150px;
  text-align: center;
  font-size: 0.8em;
  margin: -1.5em auto 0 auto;
}

#left-bar {
  float:left;
  width:132px;
  background: url(../images/disk_premex.gif) no-repeat top left;
  padding:220px 0 0 30px;
  }



/* --------------------- Right Bar ------------------------------*/
#right-bar {
  padding-left:1px;
  float:left;
  width:204px;
  }
  
#right-bar img {
  padding-bottom:20px;
  }
  
#right-bar h2 {
  font-size:1.1em;
  }
  
#right-bar div.links {
  clear: both;
  width: 176px;
  padding: 10px;
  border-left: 1px solid #ccc;
  background: url(../images/back_links.gif) no-repeat top left;
  }

#this-section-header {
  clear: both;
  background: url(../images/this_section_back.gif) repeat-y top left;
  padding:10px 0 0 12px;
  }

#place-an-order  {
  background: url(../images/place_an_order_back.gif) repeat-y top left;
  padding:10px 0 0 12px;
  position:relative;
}

  div.sidebar-form {
    color: #4D8727;  
  }

#other-section-header {
  background: #D9DFE5;
  border-top:1px solid #ccc;
  padding:10px 0 0 12px;
  }

#place-an-order h2, #this-section-header h2 {
  color:white;
  }

#place-an-order #car {
  position:absolute;
  left:110px;
  top:-10px
  }

#this-section-header h2 {
  color:white;
  }

#right-bar ul{
  list-style: none;
  padding-bottom:11px;
  }

#right-bar ul li{
  padding-bottom: 0.35em;
  }


/* --------------------- End Right Bar ------------------------------*/
p {
  margin-bottom:11px;
}

a {
  color: #4D8727;
  text-decoration: none;
  font-size:1em;
  }
  
a.wallpapers {
  margin-left:20px;
}


a:hover {
  text-decoration:underline;
  }
  
a:visited {
  color: gray;
  }

a.cities {
  margin-left:15px;
  }
  
#index-bottom {
  float: left;
  clear: both;
  margin-top: 20px;
  border-top:1px solid #ccc;
  width:571px;
  }

#index-call-me {
  float:left;
  width:263px;
  border-right:1px solid #ccc;
  background: url(../images/back_links.gif) no-repeat top left;
  padding:11px;
  }

#testimony {
  float:left;
  width:263px;
  background: url(../images/back_links.gif) no-repeat top left;
  padding:11px;
  }

#index-rxdirect {
  float:left;
  width:143px;
  height:114px;
  background: url(../images/index_rxdirect.jpg) no-repeat top left;
  padding:44px 130px 0 11px;
  }
  
  #index-rxdirect p {
    margin-bottom: 7px;
  }
  
  #index-rxdirect a {
    text-decoration: underline;
  }

#index-shipping {
  float:left;
  background: url(../images/index_shipping.jpg) no-repeat top left;
  width: 188px;
  height: 114px;
  padding: 44px 116px 0 11px;
  }
  
#index-services {
  float:left;
  width:273px;
  height:110px;
  background: url(../images/index_services.jpg) no-repeat top left;
  margin-top: 4px;
  padding:44px 0 0 11px;
  }

#index-tracking {
  float: left;
  width: 188px;
  height: 110px;
  background: url(../images/index_tracking.jpg) no-repeat top left;
  margin-top: 4px;
  padding: 44px 83px 0 11px;
  }

h2.premex {
  background: url(../images/title_premex.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px -3px;
  }
  
h2.about {
  background: url(../images/title_about.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px -3px;
  }
  
h2.healthcare {
  background: url(../images/title_healthcare.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px -3px;
  }
  
h2.autres-liens {
  background: url(../images/title_autres_liens.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px -3px;
  }

h2.demander-soumission {
  background: url(../images/title_demander_soumission.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px -3px;
  }
  
h2.ouvrir-facturation {
  background: url(../images/title_ouvrir_facturation.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px -3px;
  }
  
h2.ouvrir-prepaye {
  background: url(../images/title_ouvrir_prepaye.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px -3px;
  }
  
h2.services {
  background: url(../images/title_services.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.rates {
  background: url(../images/title_rates.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.req-quote {
  background: url(../images/title_req_quote.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.tranquilite {
  background: url(../images/title_tranquillite.gif) no-repeat bottom left;
  height: 27px;
  margin: 0 0 10px 0;
}

h2.cities-quebec {
  background: url(../images/title_cities_quebec.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.cities-ontario {
  background: url(../images/title_cities_ontario.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.terms {
  background: url(../images/title_terms.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.agreement {
  background: url(../images/title_agreement.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.faq {
  background: url(../images/title_faq.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.preparing-package {
  background: url(../images/title_prep_package.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.placing-order {
  background: url(../images/title_placing_order.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.reporting {
  background: url(../images/title_reporting.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.unit-converter {
  background: url(../images/title_unit_converter.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.order-stationery {
  background: url(../images/title_order_stationery.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.testimonies {
  background: url(../images/title_testimonies.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.wallpapers {
  background: url(../images/title_wallpapers.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.work {
  background: url(../images/title_work.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.contact {
  background: url(../images/title_contact.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.apply {
  background: url(../images/title_open_account.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.try {
  background: url(../images/title_try.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.shipping-tracking {
  background: url(../images/title_shipping.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.rate-options {
  background: url(../images/title_rate_options.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.service-options {
  background: url(../images/title_service_options.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.customer-support {
  background: url(../images/title_customer_support.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.essentials {
  background: url(../images/title_shipping_essentials.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.other-services {
  background: url(../images/title_other_services.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.news {
  background: url(../images/title_premex_news.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }
  
h2.promotions {
  background: url(../images/title_current_promotions.gif) no-repeat bottom left;
  height:24px;
  margin:0 0 25px 0;
  }

h2.rendez-vous-confirmed {
  background: url(../images/title_r-v_confirmed.gif) no-repeat bottom left;
  height:21px;
  margin:0 0 25px 0;
  }
  
h2 {
  color:#00224A;
  font-size:1.2em;
  padding-bottom:10px;
} 
h2 span {
  display:none;
  }

h3 {
  color:#002854;
  text-transform:uppercase;
  font-weight:normal;
  font-size:1.1em;
  margin: 10px 0;
  }

.copy-light{
  color:#6785A4;
  }

.green {
  color:#4D8727;
}

.blue {
  color: #00224A;
  }

.bold {
  font-weight:bold;
  }

.subtitle {
  color:#002854;
  text-transform:uppercase;
  font-weight:normal;
  font-size:1.1em;
  }

.date {
  font-size:0.8em;
  padding:20px 0 0 0;
  }

.date-first, .date-index {
  font-size:0.8em;
  padding:0px;
  }

.bands {
  float:left;
  display:block;
  }

#band-right {
  float:left;
  }

#download {
  float:left;
  margin: 40px 0 0 0;
  }

.adobe-reader {
  float:left;
  margin: 40px 0 0 25px;
  }

.footer {
  margin-left:161px;
  padding-top:50px;
  padding-bottom:15px;
  font-size:0.8em;
  width:auto;
  }

.footer span.rule {
  display: block;
  margin-bottom:-8px;
  border-top: solid 1px #ccc;
  }

.footer p{
  line-height: 2em;
  }

.footer a {
  color:#002854;
  margin: 10px 10px;
  }

.footer a.left {
  margin-left:0px;
  }

.footer a.right {
  margin-right:50px;
  }

.copyright {
  color:#8094A9;
  }

span.phone-number {
  margin-right:20px;
  }
  
.clearing {
  clear:both;
  }

ul.basic-list {
  margin:-8px 0 11px 0;
  list-style: none outside none;
  color:#8094A9;
  }

.orb {
  float:left;
  width:86px;
  height:90px;
  }
  
.orb-text {
  width:330px;
  padding-top:5px;
  float:left;
  
  }

#right-bar-links h3 {
  margin-bottom:2px;
  }
  
.icon-15 {
  padding-left:20px;
  float:left;
  }
  
.about-15 {
  float:left;
  width:290px;
  }
  
.img-news {
  padding:20px 15px 15px 15px;
  float:left;
  }

.news-column {
  float:left;
  width:290px;
  padding-right:10px;
  }
/* --------------------- Menu styles ------------------------------*/

#menu {
  width:810px;
  height:271px;
  }

.list-menu {
  list-style: none;
  float:left;
  }

.list-menu li {
  float:left;
  }

h1.premex-logo {
  background: url(../images/menu_premex_logo.gif) no-repeat;
  width:152px;
  height:237px;
  float:left;
  }

h1.premex-logo span, li span {
  display:none;
  }

h1.premex-logo a {
  margin:0 25px;
  padding:0 60px 110px 15px;
  }
  
h1.premex-logo a:hover {
  text-decoration:none;
  }
  
a.shipping {
  background: url(../images/menu_shipping.gif) no-repeat;
  width:105px;
  height:237px;
  display:block;
  }

a.shipping:hover {
  background: url(../images/menu_shipping_over.gif) no-repeat;
  }
  
a.services {
  background: url(../images/menu_services.gif) no-repeat;
  width:91px;
  height:237px;
  display:block;
  }

a.services:hover {
  background: url(../images/menu_services_over.gif) no-repeat;
  }


a.support {
  background: url(../images/menu_support.gif) no-repeat;
  width:90px;
  height:237px;
  display:block;
  }

a.support:hover {
  background: url(../images/menu_support_over.gif) no-repeat;
  }

a.essentials {
  background: url(../images/menu_essentials.gif) no-repeat;
  width:90px;
  height:237px;
  display:block;
  }

a.essentials:hover {
  background: url(../images/menu_essentials_over.gif) no-repeat;
  }

a.about {
  background: url(../images/menu_about.gif) no-repeat;
  width:86px;
  height:237px;
  display:block;
  }

a.about:hover {
  background: url(../images/menu_about_over.gif) no-repeat;
  }

span.end-menu {
  background: url(../images/menu_end.gif) no-repeat;
  width:196px;
  height:237px;
  float:left;
  }
  
span.end-menu span{
  display:none;
  }


a.promotions {
  margin-left:60px;
  padding:0 50px 130px 50px;
  }

a.promotions:hover {
  text-decoration:none;
  }
  
#language {
  float:right;
  margin-top:-39px;
  margin-right:28px;
  }
  
.menu-clearing {
  clear:both;
  
  }
  
#right-menu {
  float:left;
  margin-top: 164px;
  width: 101px;
  height:183px;
  background: url(../images/right_menu.gif) no-repeat;
  padding: 25px 10px 0 10px;
  }

#right-menu p {
  line-height:1.2em;
  font-size:1em;
  padding-bottom: 22px;
  font-weight:bold;
  }

#right-menu p a {
  font-family:Helvetica, Arial, sans-serif;
  color:white;
  text-decoration: none;
  }

#right-menu p a:hover {
  text-decoration: underline;
  }

#right-menu p a:visited {
  color:#c1c1c1;
  }

#menu2 {
  margin:-5px 0 40px 145px;
  }

#menu2 span{
  margin-right:20px;
  }

#menu2 a {
  margin-right:20px;
  font-size:1em;
  }

#menu2 a:hover {
  text-decoration: underline;
  }


/* --------------------- Table styles ------------------------------*/

table {
  width:100%;
  border-collapse:collapse;
  margin-bottom:40px;
}

table.stationery {
  margin-bottom:10px;
  }
  
  table.stationery td.description {
    width: 60%;
    }
  
  table.stationery td.qty {
    width: 34%;
    }

table.cities {
  width:100%;
  }
  
table td {
  vertical-align:top;
  padding:8px 5px;
  border-bottom:solid 1px #e5e5e5;
  }
  
.header {
  font-weight:bold;
  text-transform:uppercase;
  background: #f1f1f1;
  }

table.cities td{
  border-top:solid 1px #e5e5e5;
  padding:10px 20px 10px 0;
  }


/* --------------------- Form styles ------------------------------*/

.formcontainer {
  width:auto;
  }

.formcontainer h2 {
  margin-bottom: 1em;
}

.formcontainer div.clearfix,
.formcontainer div.actions {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 1.5em;
}


  .formcontainer div.actions {
    margin-bottom: 0;
  }
  
  .formcontainer div.clearfix-rule {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
    }

.formcontainer form label {
  width:150px;
  float:left;
  }
  
div.formcontainer div.clearfix input,
div.formcontainer div.clearfix select {
  float: left;
  position: relative;
  margin-top: -0.5em;
  }
  
input, select {
  padding:2px;
  margin-left: 20px;
  border:1px solid #ccc;
  font-size:1em;
  color:#444;
  }
  
  #main-content input,
  #main-content select {
    width: 180px;
    }

  #main-content div.formcontainer .short {
    width: 105px;
    }

  #main-content div.formcontainer .mini {
    width: 50px;
    }

  #content div.formcontainer div.actions input {
    float: right;
    width: auto;
    margin-left: 1em;
    }

input.checkbox {
  width: auto !important;
  border: none;
  margin-top: -0.25em;
  margin-left: 20px;
}

div.formcontainer ul.radio {
  float: left;
  width: 186px;
  padding-left: 20px;
  list-style: none;
}

  div.formcontainer ul.radio li {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 0.5em;
  }
  
  div.formcontainer ul.radio input {
    float: left;
    width: auto !important;
    border: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0.5em;
  }
  
.formcontainer textarea {
  float: left;
  width: 250px;
  padding: 2px;
  margin-left: 20px;
  border: 1px solid #ccc;
  font-size: 1em;
  color: #444;
  }

button {
  padding:0 5px;
  margin:0 10px;
  }

form div.form-actions {
  text-align: right;
  }

  form div.form-actions input.submit {
    float: none !important;
    clear: none;
    width: auto !important;
    }

.formcontainer div.suppliers {
  float: left;
  width: 100%;
  margin-bottom: -1em;
  }
  
  .formcontainer div.suppliers div.clearfix-rule {
    margin-bottom: 2em;
    }

#main-content div.formcontainer div.dimensions {
  float: left;
  width: 186px;
  padding-left: 20px;
}

#main-content div.formcontainer div.dimensions input {
  width: 47px;
  margin-left: 0;
  }
  
#main-content div.formcontainer div.dimensions label {
  width: 12px;
  text-align: center;
  }

#index-shipping div.clearfix,
#index-tracking div.clearfix {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 0.75em;
  }

  #index-shipping label,
  #index-tracking label {
    width: 70px;
    }
  
  #index-shipping input,
  #index-tracking input {
    width: 91px;
    }

div.confirmation-notices {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 1em;
  border-top: 1px solid #ccc;
  padding-top: 1em;
  }

  div.confirmation-notices ul {
    padding-left: 1.15em;
    }

.formcontainer div.attestation {
  margin-bottom:10px;
  vertical-align:top;
  }

.formcontainer table.stationery input {
  margin-left: 0;
}

#right-bar div.sidebar-form {
  float: left;
  }

#right-bar div.formcontainer form {
  padding-top: 10px;
  }

#right-bar div.clearfix {
  margin-bottom: 0.75em;
  }

#right-bar div.clearfix label {
  width: 80px;
  }

#right-bar div.clearfix input {
  width: 80px;
  margin-left: 10px;
  }

/* --------------------- Homepage ------------------------------*/

#index-ad {
  width: 569px;
  height: 197px;
  margin-bottom: 25px;
  background: url('../images/im_index_ad.jpg') left top no-repeat;
}

  #index-ad a {
    display: block;
    width: 100%;
    height: 100%;
  }

  #index-ad span {
    display: none;
  }

#index-bottom #call_me div.clearfix {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 1em;
}

  #index-bottom #call_me div.clearfix label {
    float: left;
    width: 100px;
    margin-right: 2px;
  }

  #index-bottom #call_me div.clearfix input,
  #index-bottom #call_me div.clearfix div.multiple-elements {
    position: relative;
    margin-left: 0;
    margin-top: -0.4em;
    float: left;
    width: 150px;
  }
  
  #index-bottom #call_me div.clearfix div.multiple-elements {
    width: 160px;
  }
  
  #index-bottom #call_me div.clearfix div.multiple-elements select {
    float: left;
    margin-left: 0;
    margin-bottom: 0.5em;
  }
  
  #index-bottom #call_me div.clearfix div.multiple-elements select.month {
    width: 75px;
    margin-left: 5px;
  }
  
  #index-bottom #call_me div.clearfix div.multiple-elements ul {
    float: left;
    width: 100%;
    margin-top: 0.75em;
    list-style: none;
  }
  
  #index-bottom #call_me div.clearfix div.multiple-elements li {
    float: left;
    margin-right: 10px;
  }
  
  #index-bottom #call_me div.clearfix div.multiple-elements li input {
    float: left;
    margin-top: -3px;
    margin-right: 0.5em;
    width: auto;
    border: none;
  }

  #index-bottom #call_me div.clearfix div.multiple-elements li span {
    float: left;
    display: inline-block;
  }

/* --------------------- Random ------------------------------*/

a.button {
  position: relative;
  margin-left: -4px;
  display: block;
  float: left;
  min-width: 201px;
  height: 45px;
  padding-right: 53px;
  background: url('../images/bg_button_left.gif') left top no-repeat;
  cursor: pointer;
}

  a.button:hover {
    text-decoration: none;
  }

  a.button span {
    position: relative;
    display: block;
    min-width: 201px;
    margin-right: -53px;
    padding: 0 53px 0 20px;
    height: 45px;
    background: url('../images/bg_button_right.gif') right top no-repeat;
  }
  
  a.button span strong {
    line-height: 45px;
    color: white;
  }

a.minibutton {
  position: relative;
  margin-left: -3px;
  display: block;
  float: left;
  min-width: 144px;
  max-width: 164px;
  height: 35px;
  padding-right: 42px;
  background: url('../images/bg_minibutton_left.gif') left top no-repeat;
  cursor: pointer;
}

  a.minibutton:hover {
    text-decoration: none;
  }

  a.minibutton span {
    position: relative;
    display: block;
    min-width: 144px;
    margin-right: -42px;
    padding: 0 42px 0 16px;
    height: 35px;
    background: url('../images/bg_minibutton_right.gif') right top no-repeat;
  }
  
  a.minibutton span strong {
    line-height: 35px;
    font-size: 0.9em;
    color: white;
  }

div.service-rxdirect {
  margin-top: 14px;
}

/* --------------------- Tranquillity Page ------------------------------*/

div.destination #destination-ad {
  width: 428px;
  height: 140px;
  margin-bottom: 20px;
  background: url('../images/im_tranquillity_ad.jpg') left top no-repeat;
  text-indent: -3000px;
}

div.destination div.cities,
div.destination div.actions,
div.destination div.conclusion {
  float: left;
  width: 100%;
  margin: 10px 0;
}

  div.destination div.cities div,
  div.destination div.actions div {
    float: left;
    width: 206px;
  }
  
  div.destination div.cities div {
    margin-top: 10px;
  }
  
  div.destination div.cities div.toronto,
  div.destination div.actions div.call-me {
    margin-left: 16px;
  }
  
  div.destination div.cities p strong {
    color: #407912;
  }
    
div.destination div.cities div ul {
  margin: 0 0 10px 16px;
}

div.destination div.cities p.call-to-action {
  clear: both;
}

div.destination div.conclusion {
  margin-top: 20px;
}

div.destination div.actions form.hideable div.clearfix {
  float: left;
  width: 100%;
  margin-bottom: 12px;
}

div.destination div.actions form.hideable label,
div.destination div.actions form.hideable input,
div.destination div.actions form.hideable select,
div.destination div.actions form.hideable div.multiple-elements {
  float: left;
  clear: both;
  max-width: 200px;
  margin: 0 2px 0 0;
}

  div.destination div.actions form.hideable label {
    margin-bottom: 4px;
  }
  
  div.destination div.actions form.hideable select {
    width: auto;
  }

div.destination div.actions div.call-me-on select {
  clear: none;
  width: auto !important;
  margin-right: 4px;
}

div.destination div.actions div.call-me-on ul {
  float: left;
  clear: both;
  width: 100%;
  list-style: none;
}

  div.destination div.actions div.call-me-on ul input {
    clear: none;
    width: auto;
    border: none;
  }

div.destination div.actions div.call-me-on li {
  float: left;
  margin-right: 10px;
  margin-top: 0.75em;
}

div.destination div.actions div.call-me-on li span {
  display: inline-block;
}

div.destination .LV_validation_message {
  margin-left: 0px;  
}

/* --------------------- Live Validation ------------------------------*/ 

.LV_invalid {
  color: red;
}

.LV_valid {
  color: #4d8727;
}

.LV_validation_message {
  display: inline-block;
  width:100%;
  margin-left: 170px;
  margin-top: 10px;
}