/*  ----------------------------------------------------------------------------
    * Filename:         style.css
    * Description:      Default theme
    * Version:          1.0 (2010-10-14)
    ------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------
    1. Layouts
----------------------------------------------------------------------------- */

/*  home (B1)
----------------------------------------------------------------------------- */
.home                   { background:  /* url(../images/layout/body-bg.jpg) repeat center top */; color: #444444; }

.home #bg1              { background: #838383 url(../images/layout/bg1.jpg) repeat-x center top ; }
.home #bg2              { background: url(../images/layout/bg2.jpg) no-repeat center top ; }
.home #bg3              { background: transparent /* url(../images/layout/bg3.jpg) no-repeat center bottom */; }

.home #wrap-container   { margin-top: 0px; background: transparent /* url(../images/layout/wrap-container-bg.jpg) repeat-y center top */; }
.home #container        { width: 996px; background: #FFFFFF /* url(../images/layout/container-bg.jpg) repeat-y left top */; color: #000000; }

.home #header           { width: 996px; height: 367px; /*background: url(../images/layout/header-bg.jpg) no-repeat left top ; */color: #FFFFFF; }
.home #header-inner     { }

.home #content          { width: 996px; background: transparent /* url(../images/layout/content-bg.jpg) no-repeat center top */; }
.home #content-inner    { }

.sidebar          { width: 251px; background: #666666 /* url(../images/layout/sidebar-bg.jpg) no-repeat left top */; color: #FFFFFF; float:right}
.home #sidebar-inner    { }

.home #main             { width: 745px; background: #FFFFFF /* url(../images/layout/main-bg.jpg) no-repeat left top */; color: #444444; float:left;}
.home #main-inner       {padding:15px; text-align:justify;}

.home #wrap-footer      { margin-bottom: 0px; padding-bottom: 0px; background:  url(../images/layout/wrap-footer-bg.jpg) repeat-x left top ;}
.home #footer           { width: 996px;height:42px; background: url(../images/layout/footer-bg.jpg) no-repeat left top ; color: #cecece; }
.home #footer-inner     {padding-top:12px; }

a:link,
a:visited               { color: #444444; }
a:hover,
a:active                { color: #000000; }

/*  ----------------------------------------------------------------------------
    2. Header elements
----------------------------------------------------------------------------- */

.lang-holder{
  display:block; position:absolute; width:50px; left:960px; top:13px; overflow:hidden; z-index:20;color:#707070;

 }


/*  ----------------------------------------------------------------------------
    3. Content elements
----------------------------------------------------------------------------- */

#main h1                { margin: 0 0 10px 0; padding: 0px 0px 5px 0px; border-bottom:solid 1px #e1e1e1; }

#nav                    { clear: both; background: #DDDDDD; }
#nav-inner              { padding: 5px; }

#info                   { clear: both;background: url(../images/layout/bg-info.jpg) no-repeat left top ;  color:#444;font-size:11px;width:251px;height:367px;font-size:11px; }
#info-inner             {padding-top:15px;padding-left:15px; }



/*  ----------------------------------------------------------------------------
    4. Footer elements
----------------------------------------------------------------------------- */

#footer .box1           { float: left; text-align: left; }
#footer .box2           { float: right; text-align: right; }

#copyright              { clear: both; }
#copyright .site-name   { font-weight: bold; }

#made-by                { }
#made-by-logo           { display: inline-block; }
#made-by a:link,
#made-by a:visited      { }
#made-by a:hover,
#made-by a:active       { }

#legal                  { }
#legal a:link,
#legal a:visited        { }
#legal a:hover,
#legal a:active         { }

.menu                   { float:right;font-size:11px; }
.menu li                { float: left; }
.menu li span           { padding: 0 7px;color:#cecece; }
.menu li a:link,
.menu li a:visited      { text-decoration:none; color:#cecece; }
.menu li a:hover,
.menu li a:active,
.menu li.active a       { text-decoration:underline; color:#fff; }
/*  ----------------------------------------------------------------------------
    5. Generic elements
----------------------------------------------------------------------------- */

/*  Breadcrumbs
----------------------------------------------------------------------------- */
.breadcrumbs            { background: #DDDDDD; padding: 10px; margin: 0 0 10px 0; font-weight: bold; }

/*  Lists
----------------------------------------------------------------------------- */
.list                   { float: left; }
.list li                { padding: 0 0 0 15px; background: url(../images/bullets/bullet1.gif) no-repeat 3px 6px; }

/*  Loaders
----------------------------------------------------------------------------- */
.loading-full           { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; }
.loading-elem           { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; }

/*  Paginations
----------------------------------------------------------------------------- */
.pagination             { clear: both; float: left; display: table; width: 100%; font-size: 11px; line-height: 17px; text-align: center; }
.pagination a:link,
.pagination a:visited,
.pagination span        { display: inline-block; overflow: hidden; margin: 0 5px 0 0; padding: 1px 7px; border-width: 1px; border-style: solid; text-decoration: none;
                          background: #EAEAEA; color: #000000; border-color: #777777;border-radius:5px; }
.pagination a:hover     { background: #FFFFFF; color: #000000; border-color: #000000; }
.pagination .active     { background: #FFFFFF; color: #000000; border-color: #777777; }
.pagination .disabled   { background: #EAEAEA; color: #999999; border-color: #BEBEBE; }

/*  Separators
----------------------------------------------------------------------------- */
.s1                     { height: 1px; margin: 15px 0; background: #e1e1e1; }
.s2                     { height: 1px; margin: 5px 0; background: #e1e1e1; }

/*  Thumbnails
----------------------------------------------------------------------------- */
.thumb                  { display: inline-block; border: 1px solid #FFFFFF; background: #1E3853; }
a.thumb:hover           { border: 1px solid #FFFFFF; background: #FFFFFF; }

/*  Typography
----------------------------------------------------------------------------- */
.highlight              { color: #CC0000; }
.star                   { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

/*  ----------------------------------------------------------------------------
    6. Modules
----------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------
    Category Listing
----------------------------------------------------------------------------- */

.category-list                          { }
.category-list .category                { margin: 0 0 10px 0; padding: 7px; border: 1px dotted #777777; background: #FFFFFF; }

.category-list .category-photo          { float: left; width: 118px; height: 118px; margin: 0 10px 0 0; border: 1px solid #000000; }
.category-list .category-photo img      { display: block; width: 118px; height: 118px; background: no-repeat center center; }

/*  ----------------------------------------------------------------------------
    Product Filters
----------------------------------------------------------------------------- */

.product-filters                        { clear: both; width:634px;height:22px;background: url(../images/layout/bg-recherche.jpg) no-repeat left top;margin-bottom:15px;padding:11px 10px 10px 70px;}
.product-filters .field                 { float: left; width: 262px;padding-top:2px; }
.product-filters label                  { float: left; width: 95px; }
.product-filters .input-text            { float: left; width: 116px; }
.product-filters select                 { float: left; width: 160px; }

/*  ----------------------------------------------------------------------------
    Product Listing
----------------------------------------------------------------------------- */

.product-list                           { clear: both; }
.product-list .product                  { margin: 0 0 10px 0; border: 1px dotted #777777; background: #FFFFFF; }
.product-list .product-last             { margin-right: 0 !important; }
.product-list .product-inner            { padding: 7px; }
.product-list .product-promo            { }
.product-list .product-ref              { }
.product-list .product-title            { }

/*  Product Listing > Prices
----------------------------------------------------------------------------- */
.product-list .product-prices           { overflow: hidden; }

.product-list .price-holder,
.product-list .best_price-holder,
.product-list .reduced_price-holder     { background: #009933; color: #FFFFFF; padding: 5px 10px; }

.product-list .price-holder.old         { background: #CC0000; color: #FFFFFF; }
.product-list .price-holder.old .price  { text-decoration: line-through; }

/*  Product Listing > Photos
----------------------------------------------------------------------------- */
.product-list .product-photo            { float: left; width: 118px; height: 118px; margin: 0 10px 0 0; border: 1px solid #000000; }
.product-list .product-photo img        { display: block; width: 118px; height: 118px; background: no-repeat center center; }

/*  ----------------------------------------------------------------------------
    Product Details
----------------------------------------------------------------------------- */

/*  Product Details > Photos
----------------------------------------------------------------------------- */
.product-details .product-photos        { float: right; width: 244px; margin: 0 0 0 10px; }

.product-details .product-large_photo   { display: block; width: 240px; height: 240px; border: 1px solid #000000; }
.product-details .product-large_photo img
                                        { display: block; width: 240px; height: 240px; background: no-repeat center center; }
.product-details .product-small_photos  { margin: 10px 0; }
.product-details .product-small_photo   { display: block; width: 80px; height: 80px; background-color: #FFFFFF; background: no-repeat center center; }

/*  Product Details > Prices
----------------------------------------------------------------------------- */
.product-details .product-prices        { float: left; overflow: hidden; width: 300px; height: 56px; }

.product-details .price-holder,
.product-details .reduced_price-holder  { background: #009933; color: #FFFFFF; padding: 5px 10px; }

.product-details .price-holder.old      { background: #CC0000; color: #FFFFFF; }
.product-details .price-holder.old .price { text-decoration: line-through; }

.product-details .message_price         { padding: 5px 10px; }

/*  Product Details > Availability
----------------------------------------------------------------------------- */
.product-details .product-availability  { float: left; overflow: hidden; width: 300px; height: 56px; margin: 10px 0; padding: 10px; border: 1px solid #333333; }

/*addons-style_css*/

/*  ----------------------------------------------------------------------------
    Modules > Content management
----------------------------------------------------------------------------- */

.content-management                         { text-align:justify;}
.content-management .paragraph              {  }
.content-management .paragraph-title        { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: #222222; color: #FFFFFF; }
.content-management .paragraph-text         { }
.content-management .paragraph-images       { }

.paragraph.images .paragraph-images         { }
.paragraph.images-left .paragraph-images    { float: left; border: 1px solid #c0c0c0; background: #fff; padding:1px; margin:0px 15px 0 0px; }
.paragraph.images-left .paragraph-images:hover    { float: left; border: 1px solid #0000c4; background: #fff; padding:1px; margin:0px 15px 0 0px; }
.paragraph.images-right .paragraph-images   { float: right; border: 1px solid #c0c0c0; background: #fff; padding:1px; margin:0 0 0 15px; }
.paragraph.images-right .paragraph-images:hover   { float: right; border: 1px solid #0000c4; background: #fff; padding:1px; margin:0 0 0 15px; }

.line-text{
  width:476px;
  float:left;
  background: url(../images/layout/line-vert-left.jpg) no-repeat left top;

}
.line-text-right{
  width:476px;
  float:left;
  background: url(../images/layout/line-vert-left.jpg) no-repeat right top;

}
.paragraph-text span{
 font-weight:bold;
  color:#0f67ff;
}
.paragraph-text p{
  padding-left:15px;
}
.paragraph-text-left{
  width:460px;
  float:left;
}


.text-left{
  padding-left:0px;
}


.bg-text{
  border:solid 1px #d4d4d4;
  background: #dddddd url(../images/layout/bg-text.jpg) repeat-x left top;
  width:442px;
  height:auto;
  padding:8px 10px;
  text-align:justify;
  margin-left:15px;
  }
  .bg-text1{
  border:solid 1px #d4d4d4;
  background: #dddddd url(../images/layout/bg-text.jpg) repeat-x left top;
  width:442px;
  height:auto;
  padding:8px 10px;
  text-align:justify;
  margin-left:0px;
  margin-top:20px;
  }
.bg-text  span{
  font-weight:bold;
  color:#0f67ff;
}



.line-vert-left{
  background: url(../images/layout/line-vert-left.jpg) no-repeat left top;
  width:15px;
  height:154px;
  float:left;


}
.line-vert-right{
  background: url(../images/layout/line-vert-right.jpg) no-repeat left top;
  width:15px;
  height:154px;
  float:right;
}

.plan-mail				{ padding-left: 15px;float:left;padding-top:2px; }
.bg-info-plan{
  background: url(../images/layout/bg-info-plan.jpg) no-repeat left top;
  width:715px;
  height:76px;
  margin-bottom:10px;
}
/*  ----------------------------------------------------------------------------
    Modules > MDM
----------------------------------------------------------------------------- */

#news                           { width:251px;height:184px; background: url(../images/layout/bg-news.jpg) no-repeat left top ;  color:#444;font-size:11px;}
#news-inner                     { padding: 15px 15px 0px 15px; }
#news .news                     { }
#news .news-inner				{ }
#news .news-title               { font-weight: bold; }
#news .news-date                { }
#news .news-photo               { float: left; margin: 0 10px 0 0; padding: 0px; border: 1px solid #c4c4c4;background: #fff;  }
#news .news-photo:hover         { float: left; margin: 0 10px 0 0; padding: 0px; border: 1px solid #0000c4; }
#news .news-text                { text-align: justify;height:65px; }
#news .news-url                 { }
#news .news-btn                 { float: right; font-weight: bold;background: url(../images/layout/bg-btn.jpg) repeat-x left top;color:#fff;width:65px;height:20px;padding-top:2px;padding-left:12px;padding-right:12px;}
#news .news-btn:hover                 { float: right; font-weight: bold;background: url(../images/layout/bg-btn-over.jpg) repeat-x left top;text-decoration:none;}

/*  ----------------------------------------------------------------------------
    Module > Actualites
----------------------------------------------------------------------------- */

#news-list                      { }
#news-list-inner                { }
#news-list .news                { margin: 0 0 10px 0; padding: 7px; background: #FFFFFF; }
#news-list .news-title          { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: #f1f1f1; color: #444444; border:solid 1px #d4d4d4;}
#news-list .news-date           { }
#news-list .news-photo          { float: left; margin: 5px 10px 10px 0; border: 1px solid #c0c0c0; background: #fff; padding:1px;}
#news-list .news-photo:hover          { float: left; margin: 5px 10px 10px 0; border: 1px solid #0000c4;}






#news-list .news-text           { text-align: justify; }
#news-list .news-url            { }

/*  ----------------------------------------------------------------------------
    Modules > Annuaires Web
----------------------------------------------------------------------------- */

#web-directory-desc             { width: 100%; margin: 10px auto; }
#web-directory-desc p           { padding: 10px 0; text-align: center; }
#web-directory-desc a:link,
#web-directory-desc a:visited   { }
#web-directory-desc a:hover,
#web-directory-desc a:active    { }

table#web-directory             { width: 100%; margin: 0 auto; }
table#web-directory td          { padding: 0 10px 0 0; vertical-align: top; }
table#web-directory img         { float: left; margin: 3px 5px; }
table#web-directory a:link,
table#web-directory a:visited   { }
table#web-directory a:hover,
table#directory a:active        { }

/*  ----------------------------------------------------------------------------
    Modules > Liste Galerie
----------------------------------------------------------------------------- */

.gallerylist                    {padding-left:0px;}
.gallerylist .gallery           { }
.gallerylist .gallery-title     {font-weight:bold;padding-top:110px; font-size:25px;}
.gallerylist .gallery-date      { clear: both; }
.gallerylist .gallery-photo     { float: left; padding: 1px; border: 1px solid #c0c0c0; }
.gallerylist .gallery-photo:hover     { float: left; padding: 1px; border: 1px solid #0000c4; }

.gallerylist .gallery-btn                 { float:left; margin-right:10px; display: inline !important; font-weight: bold;background: url(../images/layout/details.png) no-repeat left top;color:#fff;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */padding:3px; color:#fff; border-radius: 4px;

}
.gallerylist .gallery-btn:hover                 {border-radius: 5px;text-decoration:none;  background: #ff5e19; /* Old browsers */
background: -moz-linear-gradient(top, #ff5e19 0%, #ffa772 51%, #ffa772 52%, #ff772e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e19), color-stop(51%,#ffa772), color-stop(52%,#ffa772), color-stop(100%,#ff772e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* IE10+ */
background: linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e19', endColorstr='#ff772e',GradientType=0 );} /* IE6-9 *

/}

/*  ----------------------------------------------------------------------------
    Modules > Liste Galerie > Details
----------------------------------------------------------------------------- */

#gallery-detail                 { }
#gallery-detail .gallery-title  { margin: 0 0 7px 0; padding: 5px 10px; font-weight: bold; background: #222222; color: #FFFFFF; }
#gallery-detail .gallery-date   { }
#gallery-detail .gallery-photos { }
#gallery-detail .gallery-photo  { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #CCCCCC; }
#gallery-detail .gallery-text   { text-align: justify; }

.photos-holder{
  width:335px;
  margin-top:10px;

}
.details-holder{
  width:365px;
  float:left;
    padding-top:5px;
}


/*  ----------------------------------------------------------------------------
    Modules > Newsletter
----------------------------------------------------------------------------- */

#newsletter                     { display:block; position:absolute; width:256px; right:100px; top:30px; overflow:hidden; z-index:20;color:#444444;}
#newsletter-inner               { padding: 0px; }
.placeholder{
  width:218px;
  height:19px;
  padding-left:5px;
  font-size:11px;
  color:#444;
}


#newsletter .btn-ok				{ float:right; margin:0 0 0 -11px; border:none; background: url(../images/layout/btn-ok.jpg) left top no-repeat; width: 31px; height:20px; text-indent:-999em; text-transform:uppercase;margin-top:1px;}
#newsletter .btn-ok				{ float:right; margin:0 0 0 -11px; border:none; background: url(../images/layout/btn-ok.jpg) left top no-repeat; width: 31px; height:20px; text-indent:-999em; text-transform:uppercase;margin-top:1px;}
#newsletter .btn-ok:hover		{ background-position:0 -20px;background: url(../images/layout/btn-ok-over.jpg) left top no-repeat;  }

.btn            {float:left; padding:3px 10px; background:#cccccc; margin:0 5px 0 0;border-radius:5px;font-weight:bold;}
.btn:hover      {background:#1e5b9e; color:#ffffff; text-decoration:none;}
.btn.active     { background:#ff7b30; color:#ffffff; }

.product-line                           {width:213px; padding:2px 0; border-bottom: dotted 1px #b4b4b4; float:left;color:#444444;font-weight:bold;margin-bottom:5px;}
.product-line1                           {width:213px; padding:2px 0; border-bottom: dotted 1px #b4b4b4; float:left;color:#444444;font-weight:bold;margin-bottom:20px;}
.product-line2                           {width:365px; padding:2px 0; border-bottom: dotted 1px #b4b4b4; float:left;color:#444444;font-weight:bold;margin-bottom:5px;}

.partenaire-holder{
  width:713px;
  height:122px;
  background: url(../images/layout/partenaire-holder.jpg) repeat-x left top;
  border:solid 1px #d9d9d9;
  margin-top:15px;

}


.bg-produit{
  width:328px;
  height:149px;
  background: url(../images/layout/bg-produit.jpg) no-repeat left top;
  margin-bottom:6px;
  padding:5px 10px 5px 10px;
  float:left;
  margin-left:6px;
}

.video{
 font-weight: bold;  float:left; background: url(../images/layout/details.png) no-repeat left top;color:#fff !important;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */padding:3px 3px 3px 3px; border-radius: 3px;
 }
 .video:hover{
border-radius: 3px;text-decoration:none;  background: #ff5e19; /* Old browsers */
background: -moz-linear-gradient(top, #ff5e19 0%, #ffa772 51%, #ffa772 52%, #ff772e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e19), color-stop(51%,#ffa772), color-stop(52%,#ffa772), color-stop(100%,#ff772e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* IE10+ */
background: linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e19', endColorstr='#ff772e',GradientType=0 ); color: #ffffff;
  }

.details-btn                 {float:left; font-weight: bold;background: url(../images/layout/details.png) no-repeat left top;color:#fff;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */padding:3px; color:#fff; border-radius: 3px;

}
.details-btn:hover                 {border-radius: 3px;text-decoration:none;  background: #ff5e19; /* Old browsers */
background: -moz-linear-gradient(top, #ff5e19 0%, #ffa772 51%, #ffa772 52%, #ff772e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e19), color-stop(51%,#ffa772), color-stop(52%,#ffa772), color-stop(100%,#ff772e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* IE10+ */
background: linear-gradient(top, #ff5e19 0%,#ffa772 51%,#ffa772 52%,#ff772e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e19', endColorstr='#ff772e',GradientType=0 );} /* IE6-9 *

/}