*{
  margin:0;
  padding:0;
  line-height:inherit;
}
a img{
  border: 0;
}
img {
  border: 0;
}

body{
  font:x-small Arial, Helvetica, sans-serif;
  background-color:#ccc;
  text-align:center;
}
#ww-wrapper{
  position:relative;
  font-size:110%;
  width:771px;
  max-width:100%;
  text-align:left;
  margin:0 auto;
  background-color:white;
}
#ww-header{
  text-align:center;
  padding:10px 0 40px 0;
  background:black url("img/bg-header.gif") repeat-x left bottom;
  height:153px;
}

#ww-menu{
  list-style:none;
  margin:-34px auto 0 auto;
  width:636px;
  line-height:34px;
  height:34px;
  background:transparent url("img/bg-menu-li.gif") no-repeat left center;
}
#ww-menu li{
  float:left;
  position:relative;
  background:transparent url("img/bg-menu-li.gif") no-repeat right center;
  height:34px;
}
#ww-menu li a{
  display:block;
  color:white;
  font-weight:bold;
  text-decoration:none;
  background:transparent url() no-repeat 0 15px;
  background-position:0 15px;
  text-indent:-2000px;
}
#ww-menu li#mn-accueil    a{background-image:url("img/txt-accueil.gif");width:81px}
#ww-menu li#mn-coyote     a{background-image:url("img/txt-coyote.gif");width:81px}
#ww-menu li#mn-juridique  a{background-image:url("img/txt-juridique.gif");width:95px}
#ww-menu li#mn-faq        a{background-image:url("img/txt-faq.gif");width:59px}
#ww-menu li#mn-offres     a{background-image:url("img/txt-offres.gif");width:81px}
#ww-menu li#mn-on-en-parle  a{background-image:url("img/txt-on-en-parle.gif");width:115px}
#ww-menu li#mn-partenaires  a{background-image:url("img/txt-partenaires.gif");width:115px}

#ww-menu li#mn-accueil     DIV { width:81px; position: absolute; height: 34px; top: 168px; border: 0px solid red; z-index: 25; }
#ww-menu li#mn-coyote      DIV { width:81px; position: absolute; height: 34px; top: 168px; border: 0px solid red; z-index: 25; }
#ww-menu li#mn-juridique   DIV { width:95px; position: absolute; height: 34px; top: 168px; border: 0px solid red; z-index: 25; }
#ww-menu li#mn-faq         DIV { width:59px; position: absolute; height: 34px; top: 168px; border: 0px solid red; z-index: 25; }
#ww-menu li#mn-offres      DIV { width:81px; position: absolute; height: 34px; top: 168px; border: 0px solid red; z-index: 25; }
#ww-menu li#mn-on-en-parle DIV { width:115px; position: absolute; height: 34px; top: 168px; border: 0px solid red; z-index: 25; }
#ww-menu li#mn-partenaires DIV { width:115px; position: absolute; height: 34px; top: 168px; border: 0px solid red; z-index: 25; }

#ww-menu LI.mn-cat3 A { color: red!important; }


#ww-menu LI DIV#autodiv UL { 
  z-index: 100; 
  background-image:none!important; 
  top: 13px; 
}

#ww-menu li ul, #ww-menu LI DIV#autodiv UL {
  display:none;
  position:absolute;
  width:14em;
  list-style:none;
  padding:0.5em 1em;
  border:1px solid #ddd;
  background-color:white;
  left:0;
  z-index:10;
}
#ww-menu li ul li, #ww-menu LI DIV#autodiv UL LI {
  width:100%;
  padding:0;
  clear:left;
  white-space:nowrap;
  background:transparent url("img/bg-point-line.gif") repeat-x left top!important;
  line-height:2em;
  height:auto;
}
#ww-menu li ul li:first-child, #ww-menu li ul li.ww-first-child
{
  background:none!important;
}

#ww-menu LI DIV#autodiv UL li:first-child, #ww-menu LI DIV#autodiv UL li.ww-first-child
{
  background-image:none!important;
}
#ww-menu LI DIV#autodiv UL LI A { padding-left: 0; }


#ww-menu li ul li a, #ww-menu LI DIV#autodiv UL LI A {
  width:100%;
  font-weight:normal;
  color:#999;
  background:none!important;
  text-indent:0;
}
#ww-menu li>ul{
  top:auto;
  left:auto;
}
#ww-menu li ul li a:hover, #ww-menu LI DIV#autodiv UL LI A:hover {
/*  color:#FF9900;*/
  color:#5988FF;
}
#ww-menu li:hover ul, ul#ww-menu li.ww-hover ul {
  display:block;
}

#ww-menu DIV#autodiv:hover UL, #ww-menu DIV#autodiv.ww-hover UL
{
  display:block;
}

#ww-menu li:hover a, ul#ww-menu li.ww-hover a, ul#ww-menu li.ww-active a{background-position:0 -86px}
#ww-menu li.ww-active{
  position:static;
}
#ww-menu li.ww-active ul{
  margin-top:2em;
  padding-top:30px;
  display:block;
  left:0px;
  width:107px;
  border:none;
  z-index:9;
  background:transparent url("img/txt-mna-accueil.gif") no-repeat 1em 0;
}* html body #ww-menu li.ww-active ul{z-index:-1;}
#ww-menu li.ww-active ul li{
  line-height:1.2em;
  white-space:normal;
  padding:1.4em 0 0.2em 0;
  background:transparent url("img/bg-point-line.gif") repeat-x left bottom!important;
}
#ww-menu li.ww-active ul li.ww-active a{
  padding-left:1em;
/*  color:#FF9900;*/
  color:#5988FF;
  background:transparent url("img/bg-menu-li-a.gif") no-repeat left center!important;
}
#ww-menu li.ww-active ul{
}
#ww-menu li.ww-active#mn-accueil     ul{background-image:url("img/txt-mna-accueil.gif");}
#ww-menu li.ww-active#mn-coyote      ul{background-image:url("img/txt-mna-coyote.gif");}
#ww-menu li.ww-active#mn-juridique   ul{background-image:url("img/txt-mna-juridique.gif");}
#ww-menu li.ww-active#mn-faq         ul{background-image:url("img/txt-mna-faq.gif");}
#ww-menu li.ww-active#mn-offres      ul{background-image:url("img/txt-mna-offres.gif");}
#ww-menu li.ww-active#mn-on-en-parle ul{background-image:url("img/txt-mna-on-en-parle.gif");}
#ww-menu li.ww-active#mn-partenaires ul{background-image:url("img/txt-mna-partenaires.gif");}

#ww-content{
  clear:both;
  color:black;
  width:100%;
  float:left;
  margin-right:-200px;
}
.ww-content-section{
  margin-right:200px;
  margin-left:140px;
}
.ww-sidebar{
  clear:right;
  float:right;
  width:144px;
  padding:16px;
  margin:1em 12px 0 0;
  background:white url("img/bg-sidebar.gif") no-repeat left top;
}* html body .ww-sidebar{margin-right:6px;}

#ww-footer{
  clear:both;
  width:100%;
  background:#0D0D0D url("img/bg-footer.gif") repeat-x left top;
}
#ww-footer ul{
  text-align:center;
  padding:40px 0 15px 0;
  background:transparent url("img/bg-footer-ul.gif") no-repeat 50% 15px;
  list-style:none;
}
#ww-footer ul li{
  display:inline;
  background:transparent url("img/bg-footer-ul-li.gif") no-repeat 0 50%;
  padding:0 0.8em 0 1.4em;
}
#ww-footer ul li:first-child, #ww-footer ul li.ww-first-child{
  background:none;
}
#ww-footer ul li a{
  color:#999;
  font-size:80%;
  letter-spacing:0.1em;
  text-decoration:none;
}
#ww-footer ul li a:hover{
/*  color:#FF9900;*/
  color:#5988FF;
}

/* ------------------------------------------------------------------------------------------------------ content */
a{
/*  color:#FF9900;*/
  color:#5988FF;
  text-decoration:none;
}
#ww-content h1{
  font-size:160%;
  color:#494949;
  font-weight:normal;
  padding:1em 0 0.5em 10px;
  background:transparent url("img/bg-content-h1.gif") no-repeat left center;
}
#ww-content h2{
  font-size:120%;
  color:#494949;
  padding:0.5em 0;
  text-decoration: underline;
}
#ww-content p{
  padding:0.5em 0;
}

#ww-content p.goto-top-page{
  text-align:right;
}
#ww-content p.ww-top{
  float:right;
  clear:right;
  width:100%;
  margin-top:1.5em;
  background:transparent url("img/txt-top.gif") no-repeat right center;
}
#ww-content p.ww-top a{
  display:block;
  float:right;
  width:85px;
  height:10px;
}
#ww-content p.ww-top a span{
  display:none;
}

/* ------------------------------------------------------------------------------------------------------ sidebars */
.ww-sidebar h3{
  font-size:140%;
  padding-bottom:0.2em;
  color:#494949;
}
.ww-sidebar h4{
  color:#9A9A9A;
  font-size:90%;
  letter-spacing:0.1em;
}
.ww-sidebar p{
  font-size:96%;
}
.ww-sidebar p.ww-more{
  margin-top:1.5em;
  background:transparent url("img/txt-more.gif") no-repeat right center;
}
.ww-sidebar p.ww-more a{
  display:block;
  width:85px;
  height:8px;
  margin-left:58px;
}
.ww-sidebar p.ww-more a span{
  display:none;
}

#login-form p{
  text-align:center;
  padding:0.2em 0;
  color:#999;
}
#login-form p input{
  color:#999;
  width:100%;
  border:1px solid #E1DFDF;
  background:#F6F6F6 url("img/bg-input.gif") repeat-x left center;
}
#login-form p input.ww-inp-image{
  border:none;
  margin-left:1px;
}


#ww-demo-block{
  display:block;
  position:absolute;
  background:none;
  left:0px;
  top:450px;
  z-index:100;
  width: auto!important;
}
#foot-block{oferflow:hidden; zoom:1; background:url('img/bg-foot-block.gif') repeat-x top left;}



/* ------------------------------------------------------------------------------------------------------ page-home */
#page-home #ww-wrapper{
  background:#303030 url("img/bg-wrapper.gif") repeat-x 0 349px;
}
#page-home #ww-footer{
  background-image:none;
}
#page-home #ww-content, #page-home .ww-content-section{
  margin:0;
  padding:0;
}
#page-home .ww-content-section p.ww-top, #page-home #ww-demo-block{
  display:none;
}
#page-home .ww-sidebar{
  clear:none;
  padding:16px;
  margin:1em 30px 0 30px;
  background:none;
  color:#999999;
}* html body #page-home #login-form{margin:1em 15px 0 15px;}
#page-home .ww-sidebar h3{
  color:white;
}
#page-home .ww-sidebar h4{
/*  color:#FF9900;*/
  color:#5988FF;
  font-weight: bold;
}
#page-home .ww-sidebar p.ww-more{
  background:transparent url("img/txt-more2.gif") no-repeat right center;
}
#page-home div[id=login-form]{
  margin-right:60px;
}
#page-home #login-form p input{
  border:1px solid #0E0E0E;
  background-color:#4C4B4B;
  color:white;
}
#page-home #login-form p input.ww-inp-image{
  border:none;
}

/* ------------------------------------------------------------------------------------- */
#ww-content .ww-content-section P.form-buttons {}
#ww-content .ww-content-section .i-text {}
#ww-content .ww-content-section .i-submit { }
#ww-content .ww-content-section DIV.error { color: crimson; font-weight: bold; }

TABLE.compact TD, TABLE.compact TR, TABLE.compact TBODY { line-height:0px!important;}


TABLE.form-table { border-collapse: collapse; width: 100%; }
TABLE.form-table TH { vertical-align: top; padding: 3px; font-weight: normal; text-align: right; 
                      border: 0px solid #999; background-color: transparent; width: 30%; 
                      font-size: 110%; }
TABLE.form-table TH.req { font-weight: bold; background: transparent url(img/req.gif) no-repeat left center; }
TABLE.form-table TD { vertical-align: top; padding: 3px; border: 0px solid #999; }
TABLE.form-table TD INPUT, TABLE.form-table TD BUTTON { border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }
TABLE.form-table TD TEXTAREA { border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }
TABLE.form-table TD INPUT.but { }

TABLE.list-table { border-collapse: collapse; width: 100%; margin: 10px auto; }
TABLE.list-table TH { vertical-align: middle; border: 1px solid #999; padding: 2px; 
                      text-align: center; background-color: #FFF7E7; }
TABLE.list-table TD { border: 1px solid #999; padding: 2px; text-align: left; }

P.form-buttons { text-align: left; }
P.form-buttons INPUT { border: 1px solid #000; }

DIV.inline-forms { text-align:center; margin: 10px; }
DIV.inline-forms FORM { display:inline; }
DIV.inline-forms FORM P.form-buttons { display: inline; }

.price { font-size: 110%; font-weight: bold; color: green; }
.total { font-size: 110%; font-weight: bold; color: green; }
.shipping { font-size: 110%; font-weight: bold; color: green; }
.subtotal { font-size: 110%; font-weight: bold; color: green; }
.tax { font-size: 110%; font-weight: bold; color: green; }

P.error, P.notice, P.note { color: crimson; font-weight: bold; }
.comment { color: #666; }
.width300 { width: 300px; }
.width100 { width: 100px; }
.width75 { width: 75px; }
.width50 { width: 50px; }
.no-border { border: 0!important; }

.in { padding: 1px; border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }

TD.actions { text-align:center!important; }

/* --------------- Page navigation BEGIN -------------------- */
DIV.pages{
  /*float:left;*/
  /*border: 1px solid #666666;*/
  width:400px;
}
DIV.pages * { padding: 0!important; margin: 0!important; }
DIV.pages h4{
  float:left;
  /*color:#1C519D!important;*/
  padding-right: 25px!important;
  /*border: 1px solid red;*/
  font-size: 100%;
  line-height: 2em;
}
DIV.pages ul li span{
  font-weight:bold;
}
DIV.pages ul li a{
  font-weight:normal;
  color: blue;
}
DIV.pages ul{
  float:left;
  list-style:none;
  /*border: 1px solid blue;*/
  width: 300px;
}
DIV.pages ul li{
  float:left;
  padding:0 0.3em!important;
  line-height: 2em;
  /*border: 1px solid blue;*/
}
/* --------------- Page navigation END -------------------- */

#page-mini #login-form, #page-mini #ww-block1, 
#page-mini #ww-block2, #page-mini #ww-demo-block, #page-mini .ww-top
{
  display: none; 
}
#page-mini #ww-content, #page-mini .ww-content-section { margin-right: 0; margin-left: 0; }

#page-shop-cat P.more { text-align: right; }

#page-shop-product .ww-content-section IMG { margin: 5px; }

#page-shop-order #user-info P { margin: 0; padding: 0; }

#page-login-form TABLE.table-form { width: 400px; }
#page-login-form TABLE.table-form TH { width: 30%; text-align: right; padding-right: 10px; }

#page-shop-web_payment FORM#cc-form { margin-top: 25px; }
#page-shop-web_payment TABLE.form-table TH { width: 175px; }

#page-shop-wire_transfer TABLE.form-table TH { width: 195px; }


.coyote-table{font-size:100%; width:620px!important;  empty-cells:show!important;   border:1px solid #2056FF}
.coyote-table td, .coyote-table th{ padding:5px;  border:1px solid #DDD; }
.coyote-table h2{font-size:11px!important;}
.coyote-table tbody th{
/*  writing-mode: tb-rl;
  filter: flipv fliph;
  */
/*  border-bottom:1px solid #2056FF;*/
  border-left:1px solid #2056FF;
}
.coyote-table thead th{
  border-bottom:1px solid #2056FF;
}
.coyote-table th{background-color:#EEE; vertical-align:middle; text-align:center;}
.coyote-table input.button{width:auto; font-size:100%;}
#head-th{background:#2056FF; border:0px!important}
.coyote-table td{
/*  border-top:1px solid #2056FF*/
}
.coyote-table p.form-buttons, .coyote-table p.price{text-align:center;}

/* Contact Form */
.contact-form{width:330px; display:block;}
.contact-form fieldset{border:0;padding-top:10px; padding-left:15px;}
.contact-form label{padding:4px 0;clear:both;float:left; width:100%; }
.contact-form span{width:110px; text-align:left;float:left; }
 .contact-form input,  .contact-form select{ width: 200px; height:20px; line-height:20px; float:right; }
.contact-form select{margin-left:3px; float:left;}
.contact-form div.error{padding:0!important; margin:-20px 0 0 115px; _margin:0 0 0 10px; float:left}
.contact-form label.checkbox input{width:auto; margin:0 0 0 0;border:0px solid red; display:inline; float:none}
.contact-form label.checkbox{width:100%}
.contact-form textarea{float:right;width:200px}
 .contact-form input.but{ width: auto; height:auto;float:right;margin-right:0px}
 .contact-form input.checkbox{width:auto; margin: 0 10px}
