@charset "utf-8";

@import url("reset.css");
@import url("tools.css");


#home {
  width: 945px;
  margin: 0 auto;
}

#head {
  width: 945px;
  position: relative;
  z-index: 1
}

#content {
  width: 945px;
  background: transparent url(../images/fcontent.jpg) top center no-repeat;
  padding-top: 15px;
  z-index: 2;
}

#CLeft { float: left;  width: 200px; padding-right: 13px; margin-bottom: 15px; display: inline; }

#CRight { border-left:1px solid #CCCCCC;
float:left;
padding-left:13px;
width:718px; margin-bottom: 12px;
padding-bottom:30px; display: inline;


}

#footer {
  width: 945px;
  float: left;
}
/*Entete de la page*/

#ULtilNav, #SiteLien {
  float: right;
  color: #000033;
  padding: 10px 0px;
  font-family: Arial;
  font-size: 0.7em;
}

#ULtilNav li, #SiteLien li {
  display: inline;
}

#ULtilNav .lien, #ULtilNav .zone, #SiteLien .lien {
  text-transform: uppercase;
}

#ULtilNav .zone {
  background: transparent url(../images/fzutilnav.gif) repeat-x;
  color: #FFFFFF;
  padding: 3px 10px 3px 30px;
  font-size: 11px;
  margin-left: 5px;

}

#ULtilNav li.zone a {
  color: #FFFFFF;

}


#ULtilNav a.zone:hover {
  text-decoration: none;
  color: #00FFFF;
}

#logo {
  background: transparent url(../images/compnet_logo.png) no-repeat;
  width: 275px;
  height: 75px;
  position: absolute;
  top: 15px;
  left: 0;
  z-index:2;
}

#PhonInfo {
  background: #FFF url(../images/phoninfo.gif) no-repeat;
  width: 374px;
  height: 23px;
  float: right;
  margin: 17px 0 10px 0;
}
/*Menu du site*/



#NavMenu {
  background: transparent url(../images/fnavmenu.jpg) repeat-x;
  width: 943px;
  height: 49px;
  clear: both;
  border: 1px solid;
  border-color: #E0E0E0 #9CA4AB #9CA4AB #E0E0E0;
}

ul#menu li {
position: relative;
float: left;
z-index:1;
}


ul#menu div {
display: none;
}


ul#menu li.mega {
z-index:2
}


ul#menu li.mega div#MeProd {
background: transparent url(../images/navmenu.png) no-repeat left bottom;
color:#993300;
left:-7px;
padding-left:5px;
padding-right:5px;
position:absolute;
top:48px;
width:340px;
}

ul#menu li.mega div.inMeProd {
border-top:5px solid #074383;
float:left;
padding:12px 5px 23px 16px;
width:320px;

}


.inMeProd  dl { float: left; width: 45%; font-family: Arial; font-size: 0.7em }
.inMeProd  dt { color: #0A86E5; border: solid 1px #C3C3C3; background-color: #F9F9F9; padding: 8px;font-weight: bold; margin-bottom: 5px; }
.inMeProd  dd a { background-position: right bottom!important; padding: 2px; line-height: 150%; display: block; font-size: 1.1em;  }
.inMeProd  dd a:hover {padding: 2px 2px 2px 7px; background:transparent url(../images/fzutilnav.gif) repeat-x 0 0!important; color: #FFFFFF; text-decoration: none }


ul#menu li.hovering div, ul#menu li.hovering   {
display: block;
}

ul#menu li.hovering a {
background: transparent url(../images/navmenu.png) no-repeat 0px -51px;
}


.nav_produit, .nav_serices, .nav_societe, .nav_revendeur {
  background-image: url(../images/navmenu.png);
  background-repeat: no-repeat;
  display: block;

}


.nav_produit, .nav_produit:hover {
  width:133px;
  height: 49px;
  background-position: 0px 0px;
}

.nav_produit:hover {
background-position: 0px -51px;
}


.nav_serices, .nav_serices:hover {
   width:119px;
  height: 49px;
  background-position: -134px 0px;
}

.nav_serices:hover {
background-position: -134px -51px;
}


.nav_societe, .nav_societe:hover {
  width:113px;
  height: 49px;
  background-position: -253px 0px;
}

.nav_societe:hover {
 background-position: -253px -51px;
}


.nav_revendeur, .nav_revendeur:hover {
  width:132px;
  height: 49px;
  background-position: -366px 0px;
}

.nav_revendeur:hover {
background-position: -366px -51px;
}


/* select Marque */

#Marquebar {
  width:200px;
  margin-bottom: 12px;
}

#Marquebar h2 {font-weight: bold; font-family:Helvetica; text-transform: uppercase; padding-bottom: 5px; }


#SelecMarque_iconselect  {
background:transparent url(../images/selectBg.png) no-repeat ;
cursor:pointer;
font-size:0.8em;
margin-bottom:4px;
padding:7px;
width:188px;
font-family:Helvetica; color: #003366;

}

#SelecMarque_iconselect:hover { background: transparent url(../images/selectBgouv.png) no-repeat;

}


.selectwrapper { font-weight: bold;
                 line-height: 130%; font-size:0.8em;
                 font-family:Helvetica;
                 background-color: #FFFFFF; margin-top: -4px;
                 margin-left: 0px; border-left: 1px solid #CCCCCC;
                 border-right: 1px solid #CCCCCC;
                 display:none;
                 position:absolute;
                 width: 198px;
                 padding-top:3px;
}

.selectwrapper .selectitems {
  border-bottom:1px solid #E0E0E0;
  margin:0px 3px;
  padding:3px;
  z-index:10000;
  margin-left:2px;
}

.selectwrapper .selectedclass  span, .selectwrapper .hoverclass span {
color:#FFFFFF; display: block;
}


.selectwrapper .last { border: none; }
.selectwrapper .selectitems span { padding-left: 5px; }
.selectwrapper .hoverclass { display: block; color: #FFFFFF; cursor:pointer;  background:transparent url(../images/fzutilnav.gif) repeat-x 0 0 }
.selectwrapper .selectedclass { display: block; background:transparent url(../images/fzutilnav.gif) repeat-x 0 0; color: #FFFFFF!important; }


.selectfooter { background:transparent url(../images/selectDropdownBaseBg.gif) repeat left bottom;
height:6px;
margin-bottom:-2px;
margin-left:-1px;
}

#SelecMarque_options {width: 198px}

/* path page site */


#breadcrumbs ol {
margin-bottom:15px;
}

#breadcrumbs li.home, #breadcrumbs li {
background:transparent url(../images/splite.png) no-repeat -486px -222px;;
padding-left:20px;
font-family: Verdana;
}


#breadcrumbs li {
background-position :left -222px;;
font-size:11px;
margin-right:3px;
display:inline;
padding-left:10px;
}

a.internal {
color:#226BD7;
font-size:inherit;
text-decoration:underline;
}
a.internal:hover {
  color: #3399FF;
}


/* Left Menu */

.LMenu {
  padding-bottom: 10px;
}


.LMenu h2, .LMenu h2 span {
  background-image: url(../images/splite.png);
  background-position: right -140px;

  }

.LMenu h2 span {
  background-position:-233px -106px;
  display:block;
  font-weight:bold;
  padding:7px 10px;
  text-transform:uppercase;
  width:164px;
  margin-bottom: 3px;
  font-family: Helvetica;
}

.LMenu li a, .LMenu li a:hover, .LMenu dd a, .LMenu dd a:hover, .LMenu li a.active {
    background:transparent url(../images/splite.png) no-repeat 2px 7px;
    border-bottom:1px solid #E0E0E0;
    color:#333333;
    display:block;
    font-family:Verdana;
    font-size:0.75em;
    height:27px;
    line-height:230%;
    padding-left:19px;
    font-weight: bolder;
    text-transform:uppercase;
    cursor: pointer;
}

.LMenu li a:hover, .LMenu li a.active {
  background-position: right top;
  color:#FFFFFF;
  font-weight:bold;
  padding-left:10px;
  text-decoration:none;
}

.LMenu li a.active {
  background-position: right -183px;
  margin-bottom: 3px;
  font-weight: bold;
}

.LMenu dl{
  background-color:#F7F7F7;
  border-bottom:1px solid #3366FF;
  margin-bottom:1px;
  padding-bottom:5px;
}

.LMenu dd a, .LMenu dd a:hover {
  background-position:7px -219px;
  font-weight: normal;
  border-bottom:medium none;
  height:22px;
  line-height:188%;
  padding-left:18px;

}



.LMenu dd a:hover {
  background-position:7px -239px;
  color: #3366FF;
  text-decoration: none;
  font-weight: bold;
  background-color: #DBDFE2;
}


/* Bar de rechrche */
#search {
float:right;
padding: 10px 10px 0px 0px;
width:373px;
}

.searchField {
background-position:-222px -332px;
font-size:0.8em;
height:22px;
padding:8px 5px 0 28px;
width:233px;
}

.searchSubmit {
background-position:-398px -293px;
height:30px;
width:102px;
overflow: hidden;
cursor: pointer;

}

.searchSubmit:hover {
background-position:-291px -293px;
}


/*Contenu Home du site*/

#PHome {
  width: 668px;
  height: 273px;
  float: left;
  overflow: hidden;
  margin-bottom: 15px;
}

#ZHome{
  width: 252px;
  float: right;
  margin-bottom: 15px;
  font-family: Verdana;
  font-size: 0.8em;
  background: url(../images/fzhome.png) no-repeat top right;
  padding: 19px 0px 0px 0px;
}

#IZhome {display: block; clear: both; width:454px;}

#IZhome fieldset {
  border-right:1px solid #CCCCCC;
  float:left;
  padding-bottom:16px;
  padding-right:12px;
  width:230px;
}


#ZHome form {
  padding-bottom: 25px;
}


#ZHome h2, #IZhome h2 {
  background: transparent url(../images/htitrerevendeur.png) no-repeat;
  height: 21px;
  width: 212px;
}

#ZHome legend, #IZhome legend {padding-bottom: 20px; }


.IText, .IpText, .hValider, .searchField, .searchSubmit{
  background-image: url(../images/spform.png);
  background-repeat: no-repeat;
  float: left;

}

#ZHome .IText, #IZhome .IText {
  background-position: right -37px;
  margin: 6px 10px 6px 10px;
  display: inline;
  padding-right: 7px;
  position: relative;

}

.IpText {
  background-position: 0 0;
  height: 25px;
  padding: 8px 0px 0px 6px;
  font-size: 1em;
  display: inline;

}

.IpTextreq { padding:8px 63px 0 6px; width:138px!important;}


.requierd {
background:transparent url(../images/spform.png) no-repeat right -254px;
position:absolute;
right:8px;
top:10px; width: 49px; height: 13px;
}

.IpText:hover {
background-position: 0 -170px;
}

#ZHome .IText:hover, #IZhome .IText:hover {
background-position: right -207px;
}


.forhlogin {
  width: 202px;
}

.hValider {
  background-position: right -85px;
  height: 31px;
  margin:5px 0px 0px 74px;
  width: 151px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  font-family: Arial;
  text-transform: uppercase;
  padding-left: 55px;
}

.hValider:hover {
  background-position: right -122px;
  color: #003366;
}

#HActu {
  width: 945px;
  float: left;
  padding: 16px 0 16px 0;
  border-top: 1px solid #CCCCCC;
}

#HActu span, #HActu a {
  font-family: Arial;
  font-size: 0.8em;
  float: left;
}

#HActu span {
  color: #026DEB;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 5px;
  background-color: #FFFFFF;
}

#HActu a {
  height: 14px;
  display: block;
  overflow: hidden;
  width: 850px;
}

#HProduit {
  width: 720px;
  float: left;
  background: transparent url(../images/fhproduits.gif) bottom left no-repeat;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  padding-top: 15px;
}

.ItemHPro {
  padding-right: 14px;
  width: 226px;
  float: left;
  position: relative;
}

.ItemHPro h2 {
  font-family: Arial;
  color: #383F45;
  font-size: 1em;
  padding: 10px 0;
  font-weight: bold;
  line-height: 115%;
}

.ItemHPro img {
  border: 1px solid #999999;
}

.ItemHProNew {
  background: transparent url(../images/pnew.png) no-repeat scroll left top;
  float: left;
  height: 54px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 72px;
}

.ItemHPro p {
  line-height: 120%;
  font-size: 0.75em;
  font-family: Verdana;
  display: block;
  height: 44px;
  overflow: hidden;
}

.ItemHPro a {
  color: #0033FF;
  font-size: 0.8em;
  font-family: Verdana;
  margin: 20px 0 15px 60px;
  display: block;
}

#HCat {
  width: 223px;
  float: left;
}

#HProCat, #HProMar {
  clear: both;
}

ul#EngCat {
  display: block;
  float: left;
  width: 223px;
  background: transparent url(../images/hcbar.gif) 0 34px no-repeat;
  margin-bottom: 2px;
}

#EngCat li {
  display: inline;
  float: left;
  padding-left: 5px;
}

a.EngMar, a.EngTyp {
  display: block;
  font-family: Arial;
  font-size: 0.70em;
  height: 21px;
  font-weight: bold;
  background: transparent url(../images/splite.png) no-repeat -107px -42px;
  text-decoration: none;
  padding: 7px 8px;
  width: 87px;
  color: #000;
}

a.EngMar:hover, a.EngMar:active, a.EngTyp:hover, a.EngTyp:active{
  background-position: -215px -42px;
  color: #FFF;
  text-decoration: none;
}

#EngCat .active, #EngMar .active {
  background-position: 0px -42px;
  color: #012E65;
  cursor: default;
}

#HProCat a, #HProCat a:hover, #HProCat a:active, #HProMar a, #HProMar a:hover, #HProMar a:active {
  padding-left: 30px;
  height: 27px;
  border-bottom: 1px solid #E0E0E0;
  display: block;
  line-height: 230%;
  font-size: 0.75em;
  text-transform: uppercase;
  font-family: Verdana;
  background: transparent url(../images/splite.png) 10px 7px no-repeat;

  font-weight: bold;
  color: #333333;
}

#HProCat a:hover, #HProCat a:active, #HProMar a:hover, #HProMar a:active {
  padding-left: 10px;
  background: transparent url(../images/splite.png) top right no-repeat;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

/* item Catégorie */

.ItmCat {
    float:left;
    height:122px;
    overflow:hidden;
    padding-right:10px;
    width:229px;
}

.ItmCat ul,.ItmCat img  {
  float: left;
}

.ItmCat h2 {
  color: #CC0066;
  font-size: 1em;
  font-weight: bold;
  font-family: Arial;
  padding-bottom: 3px;
  padding-top: 2px;
}

.ItmCat li {
  padding-left: 10px;
  line-height: 130%;
  color: #454E6E;
  font-size: 0.75em;
  background-position: 0px -262px;
  font-family: Arial;
  letter-spacing: -1px

}



/*footer du site*/

#SiteLien {
  width: 945px;
  border: 1px solid;
  border-color: #CCCCCC #FFFFFF;
  padding: 18px 0px;
}

#SiteLien ul, #ParFoot p {
  float: left;
}

#SiteLien li {
  padding-left: 2px;
}

#SiteLien p {
  float: right;
}

#ParFoot {
  padding-top: 12px;
  float: left;
  width: 600px;
}

#ParFoot p {
  text-transform: uppercase;
  font-size: 0.7em;
  font-family: Arial;
  padding-right: 5px;
}

#ParFoot ul {
  top: -5px;
  position: relative;
}

#ParFoot li {
  display: inline;
}

#ParFoot .logoAcer, #ParFoot .logodlink, #ParFoot .logohp, #ParFoot .logomercury {
  height: 45px;
  width: 56px;
  background: transparent url(../images/Parfoot.gif) no-repeat;
  float: left;
  margin-right: 5px;
}

#ParFoot .logodlink {
  background-position: -65px 0;
  width: 74px;
}

#ParFoot .logohp {
  background-position: -145px 0;
  width: 52px;
}

#ParFoot .logomercury {
  background-position: -206px 0;
  width: 50px;
;
}

#ParFoot .logoAcer:hover {
  background-position: 0px -58px;
}

#ParFoot .logodlink:hover {
  background-position: -65px -58px;
}

#ParFoot .logohp:hover {
  background-position: -145px -58px;
}

#ParFoot .logomercury:hover {
  background-position: -206px -58px;
}

#kreo {
  padding-top: 12px;
  float: right;
}

#kreo a {
  padding-right: 80px;
  line-height: 215%;
  font-family: Arial;
  display: block;
  font-size: 0.7em;
  background: transparent url(../images/kreo.jpg) no-repeat right top;
}

#kreo a:hover {
  background: transparent url(../images/kreo.jpg) no-repeat right -26px;
  text-decoration: none;
}


/* Item Produits sous liste */

.ItemProdList {
  width: 337px;
  margin-left:10px;
  margin-right:11px;
  display: inline;
  float: left;
  position: relative;
}


.ItemProdList ul {
 padding-left:2px;
  float:left;
}


.ItemProdList li {
  float:left;
  padding-left:10px;
  padding-top:10px;
}


.ItemProdListInfo {
  float: left;
  font-weight: bold;
  padding-left: 12px;
  font-size: 0.7em;
  font-family: Verdana;
}

.ItemProdListInfo h3 {
  color: #4C548D;
  font-size: 1.2em;
  padding-top: 3px;
}

.ItemProdListInfo p {
  width:190px;
  height: 42px;
  overflow: hidden;
  padding: 5px 0px 15px 0px;
  font-weight: normal;
  line-height: 120%;
}

#DTitre {
  float: left;
  display: block;
  width: 100%;
  padding-bottom: 15px;
}

#DTitre h1 {
  color: #0C94C8;
  font-size: 1.5em;
  font-weight: bold;
  font-family: Arial;
  float: left;
  display: block;
}

.Enami, .Pimpri {
 color: #9E9082;
 font-size: 0.7em;
 float: right;
 padding-left: 16px;
 font-family: Arial;
 margin-top: 5px;
 height: 15px;
 line-height: 130%;
 margin-left: 10px;
}

.Enami { background-position: 0px -616px}

.Pimpri {background-position: 0px -640px }

#ProdImg, #ProInfo, #ProApar {
  float: left;
  font-family: Arial;
  font-size: 0.8em;
  margin-left: 15px;
}

#ProdImg {
  width: 250px;
  height: 300px;
  margin-left: 0px;
}

#ProInfo, #ProApar {
  width: 219px;
}

#ProInfo h2 {
  color: #000000;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 120%;
  font-size: 1.2em

}

#ProInfo  p {
  line-height: 130%;
  font-size: 0.9em
}

#ProApar h2 {
  color: #000000;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 120%;
  font-size: 0.9em
}

#ProApar li{
  font-size: 0.85em;
  padding-bottom: 5px;
  line-height: 120%;
  padding-left: 10px;
  background-position: 0px -583px;
}

#ProApar ul {
  padding-bottom: 12px;
}


.BPdf {
background-position:-481px -628px;
color:#50B107;
display:block;
font-size:1.1em;
font-weight:bold;
height:20px;
line-height:120%;
padding-left:25px;
}

.BPdf:hover { color: #336600; text-decoration: none;}


#ProdPrix  {
  border-top: 1px solid #E6E1DE;
  margin-top: 15px;
  float:left;
  padding-top:10px;
}

#ProdPrix form { padding-top: 15px; float: left;   width:100%  }

#ProdPrix .Ajpanier {
background-color:#FFFFFF;
background-position:0 -667px;
color:#FFFFFF;
float:left;
font-weight:bold;
padding: 8px 56px 6px 8px;
cursor: pointer;
margin-top:10px;
width: 219px;
height: 32px;

}

#ProdPrix .Ajpanier:hover {
background-position:-280px -667px;
}

#ProdPrix form div.qt {
  float: left;
  line-height: 130%;
  font-weight: bold;
  padding-top: 5px;

}


#QutPro {
  float: right;
  width: 85px;
  height: 25px;
  background-position: 0px -724px;
}

#QutPro input {
  background-color: transparent;
  float: left;
}

#QutPro input.left, #QutPro input.right {height:24px; width:29px; cursor: pointer; }
#QutPro input.chiffre {height:16px; margin:5px; width:17px; font-weight: bold; }

#QutPro input.left { background-position: -421px -728px}
#QutPro input.left:hover { background-position: -421px -753px; height:24px; width:29px; }

#QutPro input.right { background-position: -477px -728px}
#QutPro input.right:hover { background-position: -471px -753px; height:24px; width:29px;}

/* tab produits information */


#TabProd {
  float: left;
  padding-top: 30px;
  display: block;
  width: 100%;
}

#TabProd ul.ulist {
  border-bottom: 1px solid #CDC4BE;
  height: 29px;
  overflow:hidden;
}

#TabProd ul li {
  float: left;
}


#TabProd ul li a.list{
  background-color: #F3EFEB;
  color: #333333;
  padding: 8px 10px;
  font-weight: bold;
  float: left;
  display: block;
  border: 1px solid #CDC4BE;
  margin-left: 5px;
  font-family: Arial;
  font-size: 0.8em
}

#TabProd ul li a.list:hover, #TabProd ul li a.active {
  background-color: #FFF;
  color: #037EC3;
  text-decoration: none;
  display: block;
}

#TabProd ul li a.active {
  cursor: default;

}

/* fiche tech produits */

.spec_table { width:718px; clear:both; border-bottom:1px solid #a78d7a;}
.table_fix {table-layout:fixed;}
.specification_table {clear:both; width:100%; border-top:1px solid #d8d8d8; border-collapse:collapse;}
.specification_table th {line-height:172%; padding:5px 0 3px 13px; border-bottom:1px solid #d8d8d8; background:#F8F8F8 none repeat; font-size:11px; font-weight:bold; text-align:left; vertical-align:top;}
.specification_table td {padding:5px 14px 3px 14px; border:solid #d8d8d8; border-width:0 0 1px 1px; vertical-align:top; font-size:11px; line-height: 172%}


/* left list panier */

#LPanier {
  background: #256CDE url(../images/Pannierfondlef.jpg) top no-repeat;
  width: 174px;
  margin-bottom: 20px;
  padding:40px 13px 13px;
  color: #FFFFFF;
}

#LPanier li {
  border-bottom: 1px dotted #154895;
  float: left;
  padding: 7px 0;
}


.C1, .C2, .CS {
  float: left;
  color: #FFFFFF;
  display: block;
  font-size: 0.7em;
}

.C1 {
  width: 111px;
}

.C2 {
  width: 42px;
  text-align: right;
}

.CS { background-position: -30px -775px; width: 13px; height: 17px; margin-left:8px;
}

.CS:hover {background-position: 0px -775px;}

.C3 {background-position: 0px -824px; float: left; width: 155px; height: 23px; padding: 8px 10px; font-size: 0.8em; margin-top: 10px;}

.C3 span {
  float: left;
}
.C3 b {
  float: right;
  color: #0066CC;
}

#LPanier input  {
      background-color:transparent;
      background-position:0 -871px;
      color:#FFFFFF;
      font-weight:bold;
      height:auto;
      margin-bottom:5px;
      padding:4px 8px 5px 0px;
      text-align:right;
      width:175px;
      cursor: pointer;
      letter-spacing: -1px;
      height: 27px
}

#LPanier input:hover {
 color: #FFFF66;
}

#LPanier input:active {
 color: #82FFFF;
 background-position: -325px -871px;
}


/* Container Simple mode */
#simplemodal-overlay {background-color:#000;}

#simplemodal-container {
  height:auto;
  width:600px;
  background-color:#fff;
  border:5px solid #ccc;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-bottom-left-radius: 10px 10px;
  -webkit-border-bottom-right-radius: 10px 10px;
  -webkit-border-top-left-radius: 10px 10px;
  -webkit-border-top-right-radius: 10px 10px;
}

#simplemodal-container a.modalCloseImg {background:url(../images/close.gif) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:15px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}



/* ------- */


#order-summary {
display:block;
float:left;
width:100%;
padding-bottom:25px;
}

#order-summary table {
width: 100%;
border-collapse:collapse;
padding-bottom: 10px;
}


#order-summary thead th {
background:#7B7B7B none repeat scroll 0 0;
border-color:#C1C1C1 #7B7B7B #404040 #7B7B7B ;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-weight:normal;
padding:6px 9px;
font-weight: bold;

}


#order-summary td {
border-color:#DDDDDD;
border-style:none none solid;
border-width:0 0 1px;
padding:15px 4px;
vertical-align:top;

}

#order-summary input.textinput, textarea{
background:#FFFFFF none repeat 0 0;
border-color:#A8A8A8 #DDDDDD #DDDDDD #A8A8A8;
border-style:solid;
border-width:1px;
color:#515151;
padding:5px;
float: left;
margin-right: 5px;
width:50px


}

.price {
  text-align: left!important;
}

.blu-price, .blu-price img {
  float: left;
}


.screenonly {
  float: right;
}

.quantity { width:140px; }

.screenonly .suprim, .screenonly .modif {
 background-position: -429px -954px;
 width: 71px;
 height: 13px;
 cursor: pointer;
 display: block;
}

.screenonly .suprim:hover {
 background-position: -354px -954px;
}

.screenonly .modif {
  background-position: -429px -938px;
  margin-bottom: 4px;
}


.screenonly .modif:hover {
  background-position: -354px -938px;
}


span.last { float: right;}


.desc {
  vertical-align: top;
  float: left;
}

.desc p.title a {color: #004A6F; font-weight: bold; line-height: 130%;}


#order-summary thead th.last, #order-summary td.last {
  text-align: right;
  width: 150px;
  vertical-align: middle;
}

.order-totals {
  clear:right;
  float:right;
  font-size:1.2em;
  padding:10px 0;
  font-weight:normal;
  padding-right:5px;
  text-align: right;
}


.order-totals span {
font-size:1.416em;
font-weight:bold;
padding-left:10px;
color:#CC0000;
}

#Pentrep {
  float: left;
}


#Pentrep h2 {
font-size:1.3em; padding-bottom: 10px; color: #0066CC;
}

#Pentrep h2.next {
  padding-top: 15px;
  border-top: 1px solid #CCCCCC;
}


#Pentrep h3 {
font-size:.9em; padding-bottom: 10px; color: #003366; font-weight: bold;
}

#Pentrep p {
  padding-bottom: 15px;
  line-height: 130%;
  font-size:.9em;
}

#Pentrep p small{
  font-style: italic;
  color: #000000;
}

#Pentrep .idp {
border-left:10px solid #D5E2F0;
float:left;
margin-top:20px;
padding-left:20px;
width:327px; font-size: .9em;
}

#Pentrep .idp h4 { color: #0066CC; font-weight: bold;}

#Pentrep .idp h4.pad { padding-bottom: 10px;}


#Pentrep .idp p{ padding-bottom:0px}

#fcontact {
  float: left;
  padding-top: 40px;
}

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

#fcontact  label {
color:#6385A1;
display:block;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial;
font-size:13px;
padding-bottom:5px;
padding-top:20px;
}


#fcontact .frm_input {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#F9FCFC;
background-image:url(../images/input_bg.jpg);
background-position:left top;
background-repeat:repeat-x;
border:2px solid #DDDDDD;
color:#429E95;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial;
font-size:13px;
padding:3px;
width:100%;
}