body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 70%;
  background-color: #EDEDE1;
}

body.nobg{
  background-color: #FFFFFF;
}

/* Common Content Formatting */
body, td, th, textarea, input,p, select, h2, h3, h4, h5, h6 {
  color:#555555;
  font-family: arial,helvetica, sans-serif;
}

h3 {
  padding: 0px 0px 2px 0px;
  margin: 0px 0px 10px 0px;
  background: url(images/bkg-box-title.gif) repeat-x bottom;
  font-size: 95%;
}

h3 a:link, h3 a:visited {
  padding-right: 12px;
  border-bottom: none;
  padding-bottom: 0px;
}

h3 a:hover {
  border-bottom: none;
  padding-bottom: 0px;
}

h3 a.search-result:link, h3 a.search-result:visited {
  padding-right: 12px;
  border-bottom: none;
  padding-bottom: 0px;
}

h3 a.search-result span, h3 a.search-result:visited span {
}

h4 {
  color: #333333;
  font-size: 14px;
}

h5 {
  color: #333333;
  font-size: 13px;
}

h6 {
  color: #666666;
  font-size: 11px;
}

input[type="text"] {
  border: 1px solid #BABABA;
}

input[type="submit"] {
  background-color: #C9C7B6;
  color: #FFFFFF;
  border: 0;
  font-weight: bold;
}

select {
  border: 1px solid #BABABA;
  font-weight: normal;
  font-size: 11px;
}
textarea{
  font-weight: normal;
  font-size: 11px;
}

form {
  padding: 0;
  margin: 0;
}

p {
  padding: 0;
  margin: 0;
}

a:link, a:visited {
  font-size: 100%;
  text-decoration: none;
  padding-bottom: 1px;
}

a:hover {
  font-size: 100%;
  text-decoration: none;
  padding-bottom: 1px;
}

a.normal, a.normal:link, a.normal:visited, a.normal:hover, .box-content a.normal, .box-content a.normal:link, .box-content a.normal:visited, .box-content a.normal:hover{
  font-weight: normal;
  border: none;
  padding: 0px;
  text-decoration: none;
}

.normal{
  font-weight: normal;
  border: none;
  padding: 0px;
}

.justDisplayInMail{
  display: none;
}

a.lnk-delete {
  background: url("images/bkg-lnk-delete.gif") 0 100% no-repeat;
  padding-left: 23px;
  padding-top: 3px;
}

a.lnk-save {
  background: url("images/bkg-lnk-save.gif") 0 100% no-repeat;
  padding-left: 23px;
  padding-top: 3px;
}

caption {
  background: #F6F6EF;
  text-align: left;
  color: #333333;
  padding: 5px 5px 5px 8px;
  font-weight: bold;
}

/*-------------- Login info (start) --------------*/
#loginInfo{
  width: 100%;
  position: relative;
  padding: 0px;
  color: #FFFFFF;
  background-color: #004694;
  overflow: hidden;
  text-align: center;
}
#loginInfo #loginInfo-content{
  width: 940px;
  position: relative;
  margin: 0 auto;
}

#loginInfo #loginInfo-content p{
  float: left;
  padding: 8px 10px 8px 10px;
  marging: 0px;
  color: #FFFFFF;
  font-weight: bold;
}

#loginInfo #loginInfo-content #logout{
  float: right;
  padding: 8px 20px 8px 10px;
  marging: 0px;
  color: #FFFFFF;

}

#loginInfo #loginInfo-content #logout a:link,#loginInfo #loginInfo-content #logout a:visited{
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: bold;
  border: none;
}

#loginInfo #loginInfo-content #logout a:hover{
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  border: none;
}
/*-------------- Login info (end) --------------*/

/** Header (start) **/
#header-popup {
  height: 49px;
  position: relative;
}

#header-popup-content {
  width: 560px;
  height: 49px;
  text-align: left;
  margin: 0 auto;
  position: relative;
}

#header {
  height: 87px;
  border-bottom: 1px solid #FFFFFF;
  position: relative;
}

#header-content {
  width: 940px;
  height: 87px;
  text-align: left;
  margin: 0 auto;
  position: relative;
}

#header a:link, #header a:visited, #header a:hover {
  font-weight: bold;
  border: none;
}

#logo {
  float: left;
}

#search-bar {
  float: right;
  position: relative;
  border: 0;
  padding: 8px;
  font-weight: bold;
  width: 520px;
}

.search-bar-green{
  background-image: url(images/bkg-transparency.png);
  background-position: 0 0;
}

.search-bar-red{
  background-image: url(images/bkg-transparency.png);
  background-position: 0 0;
}

#search-bar input {
  vertical-align: middle;
  font-weight: normal;
}

#search-bar select {
  font-size: 95%;
  max-width: 200px;
  min-width: 150px;
  vertical-align: middle;
  font-weight: normal;
}

#nav-top {
  float: right;
  position: relative;
  width: 520px;
  padding: 6px;
}

#nav-top a:link, #nav-top a:visited, #nav-top a:hover {
  padding: 5px;
  display: block;
  float: right;
}

#nav-top li a:link, #nav-top li a:visited, #nav-top li a:hover {
  float: left;
}

#nav-top li a span {
  padding-right: 7px;
  border-right: 1px solid #8d9416;
}

#user {
  background: #EAEADA url("images/bkg-user-bar.gif") repeat-x;
  position: relative;
  height: 33px;
}

#user .ajaxLoader{
  text-align: left;
  margin: 0 auto;
  width: 940px;
  position: relative;
  padding: 4px 10px 0px 10px;
}

#user a:link, #user a:visited, #user a:hover {
  font-weight: bold;
  border-bottom: none;
  padding-bottom: 0px;
}

#user p{
  font-size: 9px;
  font-family: verdana;
}

#user-content {
  text-align: left;
  margin: 0 auto;
  width: 940px;
  position: relative;
  padding: 10px 10px 10px 10px;
}

#user-info {
  float: left;
  margin-left: 17px;
  padding: 2px 0px 2px 0px;
}

#user-content p {
  padding: 0;
  margin: 0;
  font-weight: bold;
}

#user-basket a.checkout {
  padding-left: 14px;
  background: url("images/spacer-profile.gif") 0 100% no-repeat;
}

#user-info a.account,#user-info a.account:visited {
  background: url("images/ico-perso.gif") 0 100% no-repeat;
  padding-left: 20px;
  margin: 0;
}

#user-info a.member,#user-info a.member:visited {
  background: url("images/ico-memberCard.gif") 0 100% no-repeat;
  padding-left: 23px;
  margin: 0;
}

#user-info a.login,#user-info a.login:visited {
  padding-left: 23px;
  background: url("images/ico-login.gif") 0 100% no-repeat;
}

#user-info a.create-account,#user-info a.create-account:visited {
  padding-left: 23px;
  background: url("images/ico-perso.gif") 0 100% no-repeat;
}

/* That menu is on */
#user-info a.menuOn {
  cursor: default;
}

#user-basket {
  float: right;
  margin-right: 17px;
  padding: 2px 0px 2px 22px;
  background: url("images/ico-basket.gif") 0 100% no-repeat;
}
/** Header (end) **/

/** Main container (start) **/
#container table {
  border-top: 1px solid #F6F6EF;
  border-bottom: 1px solid #F6F6EF;
  background-color: #FFFFFF;
}

#container table tr th {
  color: #666666;
  font-weight: normal;
}

#container table tr {
  background-color: #FBFBF6;
}

#container table tr td {
  padding: 6px;
  color: #333333;
}

#container table tr.even {
  background-color: #FFFFFF;
}

#container table tr.odd {
  background-color: #FBFBF6;
}

#container table tr td.separator {
  background: #FFFFFF url(images/bkg-separator.gif) center right no-repeat;
  padding-right: 16px;
}

#container {
  background: #EDEDE1 url("images/tile-bg.jpg");
  padding-top: 10px;
  display: block;
}

.mw1{
  min-width: 940px;
}

.mw2{
  min-width: 560px;
}

#container-content {
  width: 940px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  clear: both;
}

#container-popup-content {
  width: 560px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.box {
  background-color: #FFFFFF;
  border-left: 1px solid #E7E7DD;
  border-right: 1px solid #E7E7DD;
  border-bottom: 2px solid #E7E7DD;
  margin-bottom: 10px;
  padding-top: 1px;
  overflow: hidden;
}

.box-pub {
  margin: 2px 3px 3px 3px;
  background-color: #F5F5EB;
  color: #D3D3D2;
  font-weight: bold;
  text-align: center;
}

.box-content {
  margin: 2px 3px 3px 3px;
  padding: 5px 13px 10px 13px;
  background-color: #FFFFFF;
  color: #666666;
  text-align: left;
  overflow: hidden;
}

.box-content ul {
  list-style-type: none;
  margin: 10px 0px 0px 0px;
  padding: 0;
}

.box-content li {
  background: url(images/ico-bullet.gif) 0px 5px no-repeat ;
  padding: 0px 0px 5px 12px;
}

.box-content li.expand {
  background: url(images/ico-expand.gif) 0px 5px no-repeat ;
}

.box-content li.expanded {
  background: url(images/ico-expanded.gif) 0px 5px no-repeat;
}

.box-content li.expanded ul {
  list-style-type: none;
  padding-bottom: 8px;
}

.box-content li.expanded ul li {
  background-image: none;
  color: #333333;
}

.box-content li a.selected {
  font-weight: bold;
}

.box-content ul.no-bullet{
  list-style: none;
  background: none;
  padding-left: 0px;
}

.box-content ul.no-bullet li{
  list-style: none;
  background: none;
  padding-left: 0px;
}

div.view-all {
  float: left;
  text-align:right;
  vertical-align: bottom;
  width: 100%;
  background: url(images/bkg-box-title.gif) repeat-x center;
}

div.view-all a {
  background: #FFFFFF url(images/bkg-lnkViewMore.gif) no-repeat right center ;
  padding: 5px 22px 5px 10px;
}

div.view-all a:hover {
  background: #FFFFFF url(images/bkg-lnkViewMore-over.gif) no-repeat right center ;
}

div.no-padding-left {
  padding-left: 0;
}

/* box-content img */
.img
{
  height: 65px;
}

.img img
{
  position: absolute;
  padding:3px;
  left:0;
  top:0;
}

/* Box tagging */
.tag h3 {
  margin-top: 5px;
  margin-right: 32px;
}

/* News */

dl.news {
  padding: 0px;
  margin: 0px;
}

dl.news dt {
  padding-bottom: 5px;
}

dl.news dd {
  padding: 0px 0px 18px 0px;
  margin: 0px;
}

dl.news span {
  display: block;
}

#copyright span.itgx {
  text-align: right;
}

/* Message */

fieldset.error {
  border: 1px solid #CC0000;
  color: #990000;
  padding: 5px 10px 10px 10px;
  margin: 0;
}

legend.error {
  color: #CC0000;
  font-weight: bold;
  padding: 0px 7px 0px 7px;
  margin: 0;
}

fieldset.info {
  border: 1px solid #669933;
  color: #669900;
  padding: 5px 10px 10px 10px;
  margin: 0;
}

legend.info {
  color: #669933;
  font-weight: bold;
  padding: 0px 7px 0px 7px;
  margin: 0;
}

/* Input form */
#container table.inputform tr th {
  background: #F6F6EF;
  text-align: left;
  color: #333333;
  padding: 5px 5px 5px 12px;
  font-weight: bold;
}

#container table.inputform tr td label {
  padding-left: 8px;
  color: #666666;
}

#container table.inputform tr td p.text {
  padding-left: 8px;
}
/* assign color to weblink */

#container table.inputform input[type="text"] {
  background-color: #FFFFFF;
  border: 1px solid #BABABA;
}

#container table.inputform input[type="text"]:focus {
  background-color: #F8FDFF;
}

#container table.inputform input[type="password"] {
  background-color: #FFFFFF;
  border: 1px solid #BABABA;
}

#container table.inputform input[type="password"]:focus {
  background-color: #F8FDFF;
}
#container table.inputform tr td {
  padding: 6px;
}

#container a.small, #container a.small:visited {
  padding-bottom: 1px;
  border-bottom: 1px #AABDD5 dotted;
  font-size: 10px;
  margin-top: 5px;
}

#container a.small:hover {
  font-size: 10px;
}

/* Link for import facture */
a.lnk-import-facture{
  background: transparent url(images/bkg-lnk-import.gif) no-repeat left center ;
  padding-left:20px;
  margin: 0px;
  position: absolute;
  padding-top: 3px;
  right:20px; /* to fix */
  font-weight: normal;
}

a.lnk-address-add{
  background: transparent url(images/bkg-lnk-add.gif) no-repeat left center ;
  padding-left:23px;
  padding-top: 3px;
}

.red
{
  color: #CC0000;
}

.green
{
  color: #669900;
}

.floatR {
  float: right;
}
.floatL {
  float: left;
}

/* Forms buttons */

input.btn {
  padding: 3px 20px 6px 20px;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  border: none;
  background-color: #C9C7B6;
}

input.btn:hover, input.btn:focus {
  cursor: pointer;
}

input.neutral {
  background: url("images/bkg-btn.gif") 100% 100% repeat-x;
  color: #0065a5;
}

input.neutral:hover, input.neutral:focus {
  background: url("images/bkg-btn-over.gif") 100% 100% repeat-x;
  color: #285978;
}

input.accept {
  background: url("images/bkg-btnAccept.gif") 100% 100% repeat-x;
}

input.accept:hover, input.accept:focus {
  background: url("images/bkg-btnAccept-over.gif") 100% 100% repeat-x;
  color: #B1E5FF;
}

input.reject {
  background: url("images/bkg-btnReject.gif") 100% 100% repeat-x;
  color: #FFFFFF;
}

input.reject:hover, input.reject:focus {
  background: url("images/bkg-btnReject-over.gif") 100% 100% repeat-x;
  color: #B1E5FF;
}

/* next step  */
input.next-step {
  background: url("images/bkg-btn-next-step.gif")  right top no-repeat;
  padding-right: 40px;
  font-weight: bold;
}

input.next-step:hover, input.next-step:focus {
  background: url("images/bkg-btn-next-step-over.gif") right top no-repeat;
  color: #B1E5FF;
}

a.next-step {
  background: url("images/bkg-btn-next-step.gif")  right top no-repeat;
  padding-right: 30px;
  color: #FFFFFF;
  border: none;
  line-height: 40px;
}


/* previous step */
input.prev-step {
  background: url("images/bkg-btn-prev-step.gif") left top no-repeat;
  padding-left: 40px;
  font-weight: bold;
}

input.prev-step:hover, input.prev-step:focus {
  background: url("images/bkg-btn-prev-step-over.gif") left top no-repeat;
  color: #B1E5FF;
}

/*----------------------------------------------*/
/*                 Styles for tables            */
/*----------------------------------------------*/
.border-bottom {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #F3F3EB;
  margin: 0px;
  padding: 0px;
}

.border-top {
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-top: 1px solid #F3F3EB;
  margin:0px;
  padding:0px;
}

.no-padding tr td {
  padding: 0px;
}

.no-border {
  border: none;
}

.no-bg tr, .no-bg caption {
  background-color: #FFFFFF;
}

#container table.no-padding tr td {
  padding: 0px;
}

#container table.no-border {
  border: none;
}

#container table.no-bg tr, #container table.no-bg caption {
  background-color: #FFFFFF;
}

/* Defaults values of tables */
#container table.default {
  border-top: 1px solid #F6F6EF;
  border-bottom: 1px solid #F6F6EF;
  background-color: #F0F0E8;
}

#container table.default tr th {
  color: #666666;
  font-weight: normal;
}

#container table.default tr {
  background-color: #FBFBF6;
}

#container table.default tr td {
  padding: 6px;
  color: #333333;
}

/*-----------------------------------------*/
/*         Styles for process purchase     */
/*-----------------------------------------*/
.box-content .purchase-prices-list {
  margin: 0px;
  padding: 0px;
}

.box-content .purchase-prices-list li {
  background-image: none;
  list-style-type: none;
  padding: 0px 0px 5px 0px;
  display: block;
  font-size: 11px;
  font-family: arial;
  margin: 0px;
}

.box-content .purchase-prices-list  li.price-no-member {
  color: #999999;
}

.box-content .purchase-prices-list  li.price-new {
  color: #CC0000;
  font-weight: bold;
}

.box-content .purchase-prices-list  li.price-current {
  color: #333333;
  font-weight: bold;
}

.box-content .purchase-prices-list  li.price-old {
  color: #333333;
  text-decoration: line-through;
}

.box-content .purchase-prices-list  li.price {
  color: #333333;
}

#container table.section-title {
  border-top: 1px solid #F6F6EF;
  border-bottom: 1px solid #F6F6EF;
  background-color: #FFFFFF;
}

#container table.section-title tr th {
  color: #0065A5;
  font-weight: bold;
  padding: 6px;
}

#container table.section-title tr {
  background-color: #FBFBF6;
}

#container table.section-title tr td {
  padding: 6px;
  color: #333333;
}

#container table.cart-products {
  background-color: transparent;
  border: none;
  margin: 0px;
}

#container table.cart-products tr, #container table.cart-products tr td, #container table.cart-products tr th, #container table.cart-products caption{
  background-color: transparent;
  padding: 5px 8px 5px 8px;
  margin: 0px;
  border: none;
}
#container table.cart-products caption{
  color: #0065A5;
  font-weight: bold;
  margin: 0px;
  background-color: #FBFBF6;
  border-top: 1px solid #F6F6EF;
}

#container table.cart-products tr.even{
}



#container table.cart-products tr.odd{
  background-color: #F9F9F5;
}

#container table.cart-products tr td{
  padding: 20px 8px 0px 8px;
}

#container table.cart-products tr.even td, #container table.cart-products tr.odd td{
  padding: 10px 8px 10px 8px;
}

#container table.cart-products tr th {
  border-top: 1px solid #F6F6EF;
  border-bottom: 1px solid #F6F6EF;
  color: #999999;
  background-color: #FBFBF6;
}

#container table.cart-products tr td.cart-products-bundle{
  background: url(images/bkg-box-title.gif) repeat-x bottom;
  margin: 0px 0px 10px 0px;
  padding: 20px 8px 5px 8px;
}

#container table.cart-products tr td.cart-products-bundle h3{
  background: none;
  padding: 0px;
  margin: 0px;
}


div.code-prom {
  margin-right: 10px;
  padding-bottom: 3px;
}

span.section-desc {
  color: #454545;
  font-weight: bold;
}

#container table.column-products td {color : #999999; }

div.compute{
  width: 700px;
  overflow: hidden;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  border-top: 1px solid #F6F6EF;
}

div.compute dl{
  float: right;
  width: 235px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

div.compute dl dt{
  float: left;
  width: 115px;
  margin: 0px;
  padding: 5px 5px 5px 10px;
}

div.compute dl dd{
  float: left;
  width: 90px;
  margin: 0px;
  padding: 5px 10px 5px 5px;
  text-align: right;
}

div.compute dl.cart{
  width: 400px;
}
div.compute dl.cart dt{
  width: 248px;
}
div.compute dl.cart dd{
  padding-right: 42px;
}

div.compute dl .sub-total{
  color: #666666;
  border-top: 1px solid #F6F6EF;
  border-bottom: 1px solid #F6F6EF;
  background-color: #F0F0E8;
  font-weight: bold;
}

div.compute dl dd.sub-total{
  color: #0065A5;
}

div.compute dl .total{
  color: #336600;
  border-top: 1px solid #F6F6EF;
  border-bottom: 1px solid #F6F6EF;
  background-color: #D3EF78;
  font-weight: bold;
}

div.compute dl .left-to-paid{
  color: #FFFFFF;
  border-top: 1px solid #F6F6EF;
  border-bottom: 1px solid #F6F6EF;
  background-color: #0065A5;
  font-weight: bold;
}

span.ticket {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}

a.lnk-ticket {
  color: #CC0000;
  border-bottom: 1px dotted #EDA6A6
}

#container table.extra-margin
{
  margin: 0px 0px 0px 12px;
}

#container table.command-infos, .command-infos tr {
  background-color: #FFFFFF;
  border: 0;
  padding:0;
}

#container table.command-infos th {
  margin:0;
  font-size: 14px;
  color: #666666;
  font-weight: normal;
  padding:0;
}


#container table.command-infos td {
  margin:0;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  padding:0;
}

#container table.section-title-sub {
  border-top: 1px solid #F6F6EF;
  border-bottom: 1px solid #F6F6EF;
  background-color: #FFFFFF;
}

#container table.section-title-sub tr th {
  color: #990000;
  font-weight: bold;
  padding: 6px;
}

#container table.section-title-sub tr {
  background-color: #FBFBF6;
}

#container table.section-title-sub tr td {
  padding: 6px;
  color: #999999;
}

#container table.no-padding-top tr td {
    padding-top: 0;
}

#container table.default-padding tr td, table.default-padding tr th {
    padding: 6px;
}

#container table.extra-padding tr td, table.default-padding tr th {
   padding: 12px 6px 12px 6px;
}

#container div.img-border img{
  border: 1px solid #E7E7DD;
}

/*--------------------------------------------------*/
/*          Style for product-detail page           */
/*--------------------------------------------------*/


#container table.product-details caption {
   font-size: 14px;
   color: #333333;
   padding: 0px 0px 20px 0px;
   margin: 0px;
}

#container table.product-details caption.epub {
   padding: 0px 0px 20px 40px;
   background-image: url(images/bkg-epub.png);
   background-repeat: no-repeat;
   background-position: 0px -5px;
}

#container table.product-details caption.pdf {
   padding: 0px 0px 20px 40px;
   background-image: url(images/bkg-pdf.png);
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#container table.product-details tr th {
   color: #666666;
   padding: 3px 3px 3px 0px;
   margin: 0px;
}

#container table.product-details tr td {
   color: #333333;
   padding: 3px 3px 3px 0px;
   margin: 0px;
}

#container table.product-details tr td span.current-price {
   font-size: 14px;
   color: #333333;
   font-weight: normal;
}

#container table.product-details tr td span.old-price {
   font-size: 14px;
   color: #333333;
   text-decoration: line-through;
   font-weight: normal;

}

#container table.product-details tr td span.new-price {
   font-size: 14px;
   color: #CC0000;
   font-weight: normal;
}

#container table.product-details tr td span.info-price {
   font-size: 10px;
   color: #999999;
   font-weight: normal;
}

#container table.product-details-small tr th {
   color: #666666;
   padding: 3px 3px 3px 0px;
   margin: 0px;
}

#container table.product-details-small tr td {
   color: #333333;
   padding: 3px 3px 3px 0px;
   margin: 0px;
}

#container table.product-details-small tr td span.current-price {
   font-size: 11px;
   color: #333333;
   font-weight: normal;
}

#container table.product-details-small tr td span.old-price {
   font-size: 11px;
   color: #333333;
   text-decoration: line-through;
   font-weight: normal;

}

#container table.product-details-small tr td span.new-price {
   font-size: 11px;
   color: #CC0000;
   font-weight: normal;
}

#container table.product-details-small tr td span.bold, #container table.product-details tr td span.bold{
 font-weight: bold;
}

#container td.product-details-of h5 {
color: #666666;
font-size: 11px;
font-weight: bold;
padding: 0px;
margin: 0px 0px 10px 0px;
}

#container table.product-details-of tr td {
padding: 0px 18px 8px 0px;
font-size: 11px;
}

.enqc-wrap{
overflow: hidden;
}

.enqc-wrap div.ico {
float: left;
width: 16px;
margin: 0px 7px 0px 7px;
}

.enqc-wrap div.flipbook-text {
	float: left;
}

/* tabs in product page */
#tabs {
  position: relative;
}

/* tabs in product page */
#tabs {
  position: relative;
}
#tabs-header ul {
  border-bottom:1px solid #D5D5CC;
  border-left: 1px solid #D5D5CC;
}

#tabs-header ul {
  margin:0px;
  padding:0px;
  height: 32px;
}

#tabs-header ul li  {
  background: #FFFFFF url("images/bkg-tabsOff.gif") top right no-repeat;
  float: left;
  padding: 0px 20px 1px 20px;
  line-height: 30px;
  margin: 0px 0px 1px 1px;
}

#tabs-header li  a:link, #tabs-header li a:visited {
  padding-left: 0px;
  margin: 0px;
  font-weight: bold;
}

#tabs-header li a:hover {
  color: #333333;
}

#tabs-header ul li.active  {
  background: red url("images/bkg-tabsOn.gif") top right no-repeat;
  float: left;
  padding: 0px 20px 3px 21px;
  line-height: 30px;
  margin: 0px;
}

#tabs-header li.active a:link, #tabs-header li.active a:visited, #tabs-header li.active a:hover {
  color: #333333;
  margin: 0px;
  cursor: default;
  border: none;
  font-weight: bold;
}

#tabs-container {
  border-top: none;
  border-left: 1px solid #D5D5CC;
  border-bottom: 1px solid #D5D5CC;
  border-right: 1px solid #D5D5CC;
  padding-top: 1px;
}

.tabContent {
  clear:both;
  padding:20px;
  background-color:#FFF;
}

#tabscontent p {
  color: #666666;
}

div.basket-add {
  padding-left: 40px;
  background: #FFFFFF url(images/ico-basket-big.gif) left top no-repeat;
}

div.basket-add-member-card {
  padding-left: 50px;
  background: #FFFFFF url(images/ico-addMemberCard.gif) left top no-repeat;
  white-space: nowrap;
}

div.basket-add a.add-to-cart, div.basket-add-member-card a.add-to-cart, div.basket-add a.add-to-cart:visited, div.basket-add-member-card a.add-to-cart:visited {
  font-size: 12px;
  font-weight: bold;
  line-height: 35px;
}

/* suggest a book */

.avail-product-total {
  color: #666666 ;
  font-weight: bold;
}

#container table.avail-product-details{
  margin-bottom: 8px;
}

#container table.avail-product-details tr td {
  color: #666666 ;
  padding: 3px 0px 3px 0px;
}

img.product-image {
  border: 1px solid #E7E7DD;
}

/* Suggest list */

.suggest-list ul {
  float: left;
  clear: both;
}

.suggest-list li {
  list-style: none;
  width: 160px;
  padding: 0px 0px 15px 0px;
  float: left;
  background-image: none;
}

.suggest-list img {
  border: 1px solid #E7E7DD;
  display: block;
  float: left;
  margin: 2px 10px 10px 0px;
  padding: 0;
}

.suggest-list dl {
  float: right;
  width: 100px;
  margin: 0;
  line-height: 12px;
}

.suggest-list dt {
  margin: 0;
  padding: 0px 0px 10px  0px;
  color: #333333;
}

.suggest-list dd {
  margin: 0;
  padding: 0;
  color: #333333;
}

.suggest-list dd.author {
  color: #999999;
  padding-bottom: 10px;
}

/*--------------------------------------------*/
/*   Styles for search-result page */
/*--------------------------------------------*/
#container div.search-result-header{
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #F3F3EB;
}
#container table.search-result-header tr td {
  padding: 6px;
  color : #999999;
}

#container table.search-result-header tr td h6 {
  padding: 0px;
  margin: 0px;
  color : #333333;
}

#container table.search-result-header tr td.result-2 {
  padding: 0px 0px 0px 16px;
}

#container div.footer-result{
  border-top: 1px solid #F3F3EB;
  padding-top: 10px;
  margin: 0px 0px 10px 0px;
}

#container table.footer-result tr td {
  padding: 0px;
}

#container table.footer-result tr td.separator {
  background: #FFFFFF url(images/bkg-separator.gif) center right no-repeat;
  padding-right: 16px;
}

#container table.footer-result tr td a.link-previous {
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  border: none;
}

#container table.footer-result tr td a {
  font-weight: normal;
  padding-left: 5px;
}

#container table.footer-result tr td.nav-page {
  padding-left: 16px;
  color: #999999;
}

#container table.footer-result tr td.nav-page span {
  color: #000000;
  font-weight: bold;
  padding-left: 5px;
}

#container table.footer-result tr td.nav-page a:link, #container table.footer-result tr td.nav-page a:visited, #container table.footer-result tr td.nav-page a:hover {
  border: none;
}

/* Product list */

ul.product-list{
  margin-top: 20px;
  overflow: hidden;
  clear: both;
  width: 480px;
}

ul.product-list li {
  list-style: none;
  width: 160px;
  height: 120px;
  padding: 0px 0px 15px 0px;
  float: left;
  background-image: none;
  overflow: hidden;
}

ul.product-list li a:link, ul.product-list li a:visited {
  border-bottom: none;
}

ul.product-list li a:hover {
  text-decoration: underline;
  border-bottom: none;
}

ul.product-list img {
  border: 1px solid #E7E7DD;
  display: block;
  float: left;
  margin: 2px 10px 10px 0px;
  padding: 0px;
}

ul.product-list dl {
  float: left;
  width: 100px;
  margin: 0px;
  line-height: 12px;
}

ul.product-list dt {
  margin: 0;
  padding: 0px 10px 10px  0px;
}

ul.product-list dd {
  margin: 0;
  padding: 0;
}

ul.product-list dd.author {
  color: #999999;
  padding-bottom: 10px;
}

ul.product-list dd.price-rebate, ul.result-list dd.price-rebate{
  color: #CC0000;
  font-weight: bold;
  line-height: 16px;
  padding-left: 20px;
  background: url(images/ico-tagRebate.gif) no-repeat;
}

ul.product-list dd.price-rebate-old, ul.result-list dd.price-rebate-old {
  color: #333333;
  font-weight: normal;
  padding-left: 20px;
  text-decoration: line-through;
}

ul.product-list dd.price-current, ul.result-list dd.price-current {
  color: #333333;
  font-weight: bold;
}

ul.large {
  width: 700px;
}

ul.large li{
  width: 230px;
  height: 80px;
  border-bottom: 1px solid #F6F6EF;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

ul.large li div.product-image{
  width: 80px;
  float: left;
}

ul.large li div.product-image img{
  float: left;
}

ul.large li div.product-image input{
  float: left;
}

ul.large dl {
  width: 130px;
}

.result-list {
  float: left;
  clear: both;
  width: 700px;
}

.result-list li {
  list-style: none;
  width: 700px;
  padding: 0px 0px 25px 0px;
  background-image: none;
  margin: 0px;
  float: left;
}

.result-list li div.result-list-image{
  float: left;
  width: 60px;
}

.result-list li div.result-list-image img {
  border: 1px solid #E7E7DD;
}

.result-list li dl {
  float: left;
  width: 640px;
  margin: 0px;
  line-height: 12px;
}

.result-list li dl dt {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  color: #666666;
  width: 100px;
  float: left;
}

.result-list li dl dd {
  margin: 0px;
  padding: 0px;
  float: left;
  color: #999999;
  width: 540px;
}

.result-list li dl dt.title {
  margin: 0px;
  padding: 0px 0px 10px  0px;
  color: #666666;
  width: 640px;
  float: left;
}

.result-list li dl dt.title a {
  border-bottom: none;
}

.result-list li dl dt.title a:hover {
  border-bottom: none;
}

.result-list li dl dd.price {
  margin-top: 12px;
  color: #333333;
  font-weight: normal;
  float: left;
  font-weight: bold;
  width: auto;
  padding: 0px 10px 3px 0px;
}

.result-list li dl dd.rebate {
  color: #CC0000;
  padding-left: 25px;
  background: url(images/ico-tagRebate.gif) no-repeat;
}

.result-list li dl dd.rebate-old {
  font-weight: normal;
  text-decoration: line-through;
}

.result-list li dl.course dt{
  color: #333333;
  font-weight: bold;
  width: 110px;
}

.result-list li dl.course dd{
  color: #999999;
  padding: 0px 0px 4px 110px;
}

.result-list li dl.course dd.title{
  padding: 0px 0px 4px 0px;
  color: #333333;
  font-weight: bold;
  width: 280px;
}

.result-list li dl.course dd.title a{
  font-weight: normal;
}

.result-list li dl.course dd.teacher{
  color: #333333;
}

.r1, .r1 li{
  width: 500px;
}

.r1 li dl, .r1 li dl dt.title{
  width: 405px;
}

.r1 li div.result-list-image{
  width: 95px;
}

.r1 li dl dd {
  width: 300px;
}

.r2,.r2 li{
  width: 450px;
}

.r2 li dl, .r2 li dl dt.title{
  width: 360px;
}

.r2 li div.result-list-image{
  width: 90px;
}

.r2 li dl dd {
  width: 360px;
}

.r3, .r3 li{
  width: 155px;
}

.r3 li dl, .r3 li dl dt.title, .r3 li dl dd{
  width: 100px;
}

.r3 li div.result-list-image{
  width: 55px;
}

.r4, .r4 li{
  width: 700px;
}

.r4 li dl, .r4 li dl dt.title{
  width: 525px;
}

.r4 li div.result-list-image{
  width: 150px;
}

.r4 li dl dd {
  width: 300px;
}

.r5, .r5 li{
  width: 500px;
}

.r5 li dl, .r5 li dl dt.title{
  width: 445px;
}

.r5 li div.result-list-image{
  width: 55px;
}

.r5 li dl dd {
  width: 300px;
}



dl.summary dt{
  font-weight: bold;
  color: #666666;
  padding: 0px;
  margin: 0px;
}

dl.summary dd{
  padding: 0px;
  margin: 0px 0px 10px 0px;
  color: #666666;
}

#container table.pageTitle{
  padding: 0px;
  margin: 0px 0px 10px 0px;
  border-top: none;
  border-bottom: 1px solid #F6F6EF;
}

#container table.pageTitle td{
  padding: 0px 0px 2px 0px;
  margin: 0px;
  background-color: #FFFFFF;
}

#container table.pageTitle h3{
  padding: 0px;
  margin: 0px;
  background: none;
}

#container table.list tr th{
  background-color: #f6f6ef;
  font-weight: bold;
  color: #333333;
}

div.tooltip{
  width: 200px;
  display: none;
  position: absolute;
  z-index: 100;
  padding: 10px;
  border: 1px solid #A2AB71;
  background-color: #FAFFDD;
  text-align: left;
  overflow: auto;
}

div.tooltipClose{
  text-align: right;
}

div.tooltiplose a{
  font-weight: bold;
}

#promotionDetail{
  width: auto;
  display: none;
  position: relative;
  z-index: 100;
  padding: 10px;
  border: 1px solid #A2AB71;
  background-color: #FFFFFF;
  text-align: left;
  overflow: auto;
}

#promotionDetail div.tooltipClose{
  text-align: left;
}

#promotionDetail div.tooltiplose a{
  font-weight: bold;
}


.list-bundles{
  list-style: none;
  width: 920px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  clear: both;
}

.list-bundles li{
  list-style: none;
  padding: 20px 0px 20px 0px;
  margin: 0px;
  width: 225px;
  float: left;
  border-bottom: 1px solid #F6F6EF;
  overflow: hidden;
  background: none;
}

.list-bundles li div.product-image{
  width: 225px;
  float: left;
}

.list-bundles li dl{
  width: 225px;
  float: left;
  overflow: hidden;
  margin: 0px;
}

.list-bundles li dl dt{
  width: 210px;
  float: left;
  margin: 20px 0px 0xp 0px;
  padding: 0px 0px 3px 3px;
}

.list-bundles li dl dd{
  width: 210px;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px 0px 8px 3px;
}

.list-bundles li dl dt.main, .list-bundles li dl dd.main{
  font-weight: bold;
  color: #666666;
  width: 60px;
}

.list-bundles li dl dt.main{
  font-size: 110%;
  width: 147px;
}

.list-bundles li dl dt.main p{
  font-weight: normal;
  padding: 10px 0px 10px 10px;
}

.list-bundles li dl dt.total{
  font-weight: bold;
  border-top: 1px solid #F6F6EF;
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 0px 3px;
  width: 145px;
}

.list-bundles li dl dd.total{
  font-weight: bold;
  color: #0065A5;
  border-top: 1px solid #F6F6EF;
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 0px 3px;
  width: 60px;
}

.bundle-detail{
  list-style: none;
  width: 700px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  clear: both;
}

.bundle-detail li{
  list-style: none;
  padding: 20px 0px 20px 0px;
  margin: 0px;
  width: 700px;
  float: left;
  overflow: hidden;
  background: none;
}

.bundle-detail li div.product-image{
  width: 150px;
  float: left;
}

.bundle-detail li dl{
  width: 350px;
  float: left;
  overflow: hidden;
  margin: 0px;
}

.bundle-detail li dl dt{
  width: 270px;
  float: left;
  margin: 0px;
  padding: 0px 0px 5px 3px;
}

.bundle-detail li dl dd{
  width: 70px;
  float: left;
  text-align: right;
  margin: 0px;
  padding: 0px;
}

.bundle-detail li dl dt.main, .bundle-detail li dl dd.main{
  font-weight: bold;
  color: #666666;
}

.bundle-detail li dl dt.main{
  font-size: 110%;
}

.bundle-detail li dl dt.main p{
  font-weight: normal;
  padding: 10px 0px 10px 10px;
}

.bundle-detail li dl dt.total{
  font-weight: bold;
  border-top: 1px solid #F6F6EF;
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 0px 3px;
}

.bundle-detail li dl dd.total{
  font-weight: bold;
  color: #0065A5;
  border-top: 1px solid #F6F6EF;
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 0px 3px;
}

#selling-conditions{
  border: 1px solid #F6F6EF;
  background-color: #FFFFFF;
  padding: 10px;
  overflow: auto;
  width: 680px;
  height: 180px;
  color: #000000;
}

div.emailInfo{
  margin-bottom: 20px;
  overflow: hidden;
}

div.emailInfo h4{
  color: #CC0000;
  margin-bottom: 8px;
}

div.emailInfo span.date{
  font-weight: bold;
  color: #343434;
  float: left;
}

div.emailInfo span.number{
  color: #999999;
  float: left;
  padding: 0px 0px 0px 8px;
}
div.emailInfo span.link{
  float: right;
}

dl.avail-product{
  width: 110px;
  padding: 0px 20px 10px 0px;
  margin: 0px 22px 0px 8px;
  float: left;
  border-right: 1px solid #F6F6EF;
}
dl.last{
  border-right: none;
}

dl.avail-product dt{
  width: 90px;
  padding: 0px;
  margin: 0px;
  float: left;
}

dl.avail-product dd{
  width: 20px;
  padding: 0px;
  margin: 0px;
  float: left;
  text-align: right;
}
/** Main container (end) **/

/** Column (start) **/
.column {
  position: relative;
  float: left;
  overflow: hidden;
}

.w1 {
  width: 190px;
}

.w2 {
  width: 540px;
}


.m1 {
  margin-left: 8px;
}

.p1 {
  padding-top: 1px;
}

/* login */
.w4 {
  width: 536px;
  float:left;
  margin: 0 202px;
}

/* column cart */
.w5 {
  width: 737px;
  float:left;
}

.w6 {
  width: 560px;
}

.w7 {
  width: 930px;
  float:left;
}
/** Column (end) **/


/** Menu (start) **/
#main-menu {
  border-bottom: 1px solid #E4E4D7;
  position: relative;
  background-color: #FCFCF9;
  height: 33px;
  min-width: 940px;
}

#main-menu-container {
  width: 940px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  padding: 5px;
  height: 20px;
}

#main-menu-container a:link,#main-menu-container a:visited, #main-menu-container a:hover {
  font-weight: bold;
  padding: 4px 15px 4px 15px;
  display: block;
  border-bottom: none;
}

.menu table {
  float: left;
  clear: both;
}

.menu ul {
  float: left;
  clear: both;
}

.menu li {
  display: inline;
}

.menu li.right {
  text-align: right;
  float: right;
}

.menu li span {
  display: block;
  float: left;
}

.menu li span.spacer {
  padding-right: 1px;
  border-right: 1px solid #E7E7DD;
}

.menu ul, .menu li {
  list-style: none;
  padding:0;
  margin:0;
}
/** Menu (end) **/

/** Cart menu (start) **/
ul#cart-menu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style-image: none;
  overflow: hidden;
  clear: both;
  width: 705px;
  background: #F3F3EB;
}

ul#cart-menu li {
  float: left;
  background: #F3F3EB;
  color: #999999;
  padding: 3px 30px 3px 0px;
  margin: 0px;
  background-image: url(images/bkg-cart-menuoff.gif);
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #F3F3EB;
}

ul#cart-menu li a {
  display: block;
  font-weight: bold;
  border: none;
  padding: 0px;
  margin: 0px;
  color: #999999;
}

ul#cart-menu li a span {
  color: #666666;
  margin-right: 6px;
  margin-left: 8px;
}

ul#cart-menu li.menuOn {
  background-image: url(images/bkg-cart-menuon.gif);
  color: #FFFFFF;
}

ul#cart-menu li.menuOn a {
  color: #FFFFFF;
}

ul#cart-menu li.before {
  background-color: #999985;
}

ul#cart-menu li.last {
  background-image: none;
}

ul#cart-menu li.lastMenuOn {
  background-image: none;
  background-color: #999985;
  color: #FFFFFF;
}

ul#cart-menu li.lastMenuOn a {
  color: #FFFFFF;
}
/** Cart menu (end) **/

/** Ratings (start) **/
div.ratings{
  overflow: hidden;
}
div.ratings > ul {
  float: left;
  clear: both;
  width: 460px;
  padding: 0px;
  margin: 0px;
}

div.ratings > ul > li {
  list-style: none;
  width: 460px;
  padding: 0px 0px 10px 15px;
  background-image: none;
  margin: 0px 0px 20px 0px;
  float: left;
  border-bottom: 1px solid #F3F3EB;
}

div.ratings > ul > li.last {
  margin: 0px;
  border-bottom: none;
}

div.ratings > ul > li h4{
 margin: 10px 0px 10px 0px;
 padding: 0px;
}

.rating{
  width:80px;
  height:16px;
  margin:0 0 20px 0;
  padding: 0;
  padding:0;
  list-style:none;
  clear:both;
  position:relative;
  background: url(images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
  cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
  float:left;
  /* end hide*/
  text-indent:-999em;
}
ul.rating li a {
  position:absolute;
  left:0;
  top:0;
  width:16px;
  height:16px;
  text-decoration:none;
  z-index: 200;
}
ul.rating li.one a {left:0; border: none;}
ul.rating li.two a {left:16px; border: none;}
ul.rating li.three a {left:32px; border: none;}
ul.rating li.four a {left:48px; border: none;}
ul.rating li.five a {left:64px; border: none;}
ul.rating li a:hover {
  z-index:2;
  width:80px;
  height:16px;
  overflow:hidden;
  left:0;
  background: url(images/star-matrix.gif) no-repeat 0 0;
   border: none;
}
ul.rating li.one a:hover {background-position:0 -96px; border: none;}
ul.rating li.two a:hover {background-position:0 -112px; border: none;}
ul.rating li.three a:hover {background-position:0 -128px; border: none;}
ul.rating li.four a:hover {background-position:0 -144px; border: none;}
ul.rating li.five a:hover {background-position:0 -160px; border: none;}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}

table.ratingContainer, table.ratingContainer tr td, #container table.ratingContainer, #container table.ratingContainer tr td{
  overflow:hidden;
  padding: 0;
  margin: 0;
  position:relative;
}


/** Ratings (end) **/

/** Footer (start) **/
#footer {
  background: #EDEDE1 url("images/bkg-footer.gif") 0 0 repeat-x;
  min-height: 87px;
  position: relative;
  clear: both;
  padding-top: 10px;
  min-width: 940px;
}

#footer-content {
  width: 940px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#footer-menu {
  width: 940px;
  text-align: left;
  float: left;
  overflow: hidden;
}

#footer-copyright {
  width: 940px;
  margin: 12px 0px 0px 0px;
  float: left;
  text-align: left;
  color: #ACAC99;
  font-size: 80%;
  overflow: hidden;
  clear: both;
}

#footer-copyright .realisation {
  margin: 0 auto;
  position: relative;
  left: 300px;
  overflow: hidden;
}

#logo-itgx {
  padding-left: 10px;
  position: relative;
  top: 5px;
  overflow: hidden;
}

#footer dl {
  float: left;
  margin: 0;
  padding: 10px 10px 5px 0em;
  min-height: 95px;
}

#footer dd {
  margin: 0;
  padding: 3px 10px 2px 0px;
}

#footer dt {
  font-weight: bold;
  padding: 0px 0px 4px 0px;
  background: url(images/bkg-box-title.gif) repeat-x bottom;
  margin: 10px  50px 10px 0px;
}
/** Footer (end) **/