/* 
blue: #28f;
pink: #f2b;
light-pink: #fbc6e0 or #ff66cc
light-blue : #6cb0e5
dark-grey: #555;
grey : #aaa;
light-grey : #f8f8f8
light-grey-2 : #f3f3f3
background : #e1dfdf

blue1: #0088bb;
blue2: #17a1d5;
blue3: #2fbcf1;
blue4: #59d0fd;

margin: top_bottom left_right
margin: top left_right bottom
margin: top right bottom left
*/


body {
  padding : 0;
  margin : 0;
  background : #e1dfdf;
  font-family : Arial, Tahoma, Helvetica, sans-serif;
  font-size : 9pt;
  color : #555;
}

p, h1, h2, h3, h4, h5 {
  padding : 0;
  margin : 0;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
}

tr {
  vertical-align : top;
}

img {
  border : none;
}

a {
  text-decoration : none;
  color : #28f;
}

a:hover {
  text-decoration : none;
  color : #f2b;
}

.hideIfLoggedIn { display : block; }
.hideIfLoggedOut { display : none; }
.memberLoggedIn .hideIfLoggedIn { display : none !important; }
.memberLoggedIn .hideIfLoggedOut { display : block !important; }

.hr {
  margin-top : 15px !important;
  width : 100% !important;
  height : 4px !important;
  border : 0px;
  border-top : 1px solid #eee;
}


/* header */

.header {
  z-index : 20;
  padding-top : 5px;
  position : relative;
  margin : 3px auto 10px;
  width : 860px; /* 840 + 20 */
  height : 110px;
}

.header .logo {
  position : absolute;
  width : 100px;
  height : 50px;
  top : 0px;
  left : 10px;
}

.header .search {
  position : absolute;
  top : 15px;
  left : 250px;
}

.header .search input {
  margin : 0px -3px 0px 0px;
  width : 250px;
  height: 16px;
  border : 1px solid #ccc;
}

.header .info {
  position : absolute;
  width : 300px;
  height : 20px;
  top : 0px;
  right : 10px;
  text-align : right;
  font-size : 11pt;
  color : #999;
}

.header .info a {
  font-size : 10pt;
  color : #555;
}

.header .info a:hover {
  color : #f2b;
}

.header .menu {
  z-index : 21;
  position : absolute;
  overflow : visible;
  padding : 0px 10px;
  width : 840px;
  height : 55px;
  top : 60px;
  right : 0px;
  background : url(../images/header_menu.png);
}

.header .menu .menu-item {
  float : left;
  height : 50px;
  font-family : Arial, Tahoma;
  font-size : 12pt;
  line-height : 100%;
  color : #aaa;
  background : none;
}

.header .menu .menu-item:hover {
  background : url(../images/header_menu.png);
}

.header .menu #menu-home           { width : 40px;  background-position : -10px -55px; }
.header .menu #menu-what           { width : 121px; background-position : -50px -55px; }
.header .menu #menu-products   { width : 93px;  background-position : -171px -55px; }
.header .menu #menu-community { width : 135px; background-position : -264px -55px; }
.header .menu #menu-gifts         { width : 145px; background-position : -399px -55px; }
.header .menu #menu-member       { width : 148px; background-position : -544px -55px; }

.header .menu #menu-member #member-image                { border : 1px solid #ccc; margin : 10px; width : 31px; height : 30px; }
.header .menu #menu-member #member-image span       { display : block; width : 100%; height :100%; }
.header .menu #menu-member #member-image span img { width : 100%; height :100%; }

.header .menu #menu-addproduct {
  position : absolute;
  clear : both;
  width : 90px;
  height : 90px;
  right : 5px;
  bottom : 5px;
  background : url(../images/header_add_product.png);
}

.header .menu #menu-addproduct:hover {
  background-position : 0px 90px;
}

.header .menu #menu-search  input {
  position : relative;
  left : 23px;
  top : 14px;
  //left : 24px; /* ie6 hack */
  //top : 13px; /* ie6 hack */
  width : 143px;
  border : 0px;
  background : #fff;
}

.header .menu #menu-search  a {
  position : relative;
  left : 21px;
  top : 14px;
  font-size : 10pt;
}

.header #menu-expansions-container {
  z-index : 2;
  position : absolute;
  top : 100px;
  left : 10px;
  height:0px;
}

.header .menu-expansion {
  padding : 25px 15px 35px;
  position : absolute;
  width : 808px; /* 840 - 30 - 2 */
  background : url(../images/vertical_gradation.png) repeat-x #fff;
  background-position : bottom;
  border : 1px solid #ccc;
  -moz-opacity : 95;
  opacity : .95;
  filter : alpha(opacity=95);
}

.header .menu-expansion-item {
  display : block;
  margin : 0px;
  padding : 0px 5px;
  width : 155px;
  border-top : 1px solid #ccc;
}

.header .menu-expansion-item:hover {
  background : #6cb0e5;
}

.header .menu-expansion-item a, .header a.menu-expansion-item {
  display : block;
  width : 90%;
  height: 100%;
  color : #999;
}

.header .menu-expansion-item a:hover, .header a.menu-expansion-item:hover {
  color : #fff;
}

.header .menu-expansion-item .content {
  display : none;
}

.header .menu-expansion-item:hover .content {
  display : block;
  position : absolute;
  right : 20px;
  top : 100px;
  width : 230px;
}

.header .menu-expansion-image {
  overflow : hidden;
  width : 200px;
  height : 200px;
}

.header .menu-expansion-title {
  margin-top : 10px;
  font-size : 14pt;
  font-family : Arial, Tahoma, Helvetica, sans-serif;
  /*font-family : "Century Gothic";*/
}

.header .menu-expansion-column {
  float : left;
  width : 190px;
}

.main {
  margin : 0px;
  padding : 0px 20px 0px;
  width : 820px; /* 840 - 20 */
  overflow : hidden;
  background : url(../images/page_bg.png);
}

.main-top {
  margin : 0px;
  padding : 0px 10px;
  width : 840px;
  height : 42px;
  background : url(../images/page_top.png) 0px 0px;
  overflow : hidden;
}

.main-bottom {
  margin : 0px;
  padding : 0px;
  width : 860px; /* 840 + 20 */
  height : 42px;
  background : url(../images/page_bottom.png) 0px 0px;
  overflow : hidden;
}

/* footer */

.footer {
  position : relative;
  margin : 40px auto;
  width : 840px;
  text-align : center;
}

.footer .footer-box {
  margin : 20px 0px;
  width : 100%;
  /*border : 1px solid #ccc;*/
}

.footer-buttons a {
  color : #28f;
}

.footer-buttons a:hover {
  color : #f2b;
}

h1 {
  margin : 0px;
  /* padding : 15px 0px 0px 70px; */
  padding-bottom : 10px;
  color : #aaa;
  font-family : "Century Gothic", Arial, Tahoma;
  font-size : 28px;
  font-style : normal;
  font-weight : normal;
  /* line-height : 1.0; */
  letter-spacing: -0.8px;
  /* height : 50px; */
  /* background : url(../images/logo_heart_blue.png) no-repeat #fff; */
}

h1 .blue{
  color : #6cb0e5;
}

h1 .pink{
  color : #ff66cc;
}

.leftColumn {
  float : left;
  width : 490px;
}

.rightColumn {
  float : right;
  width : 300px;
}

.page-top-background {
  position : relative;
  left : -10px;
  width : 840px;
  height : 140px;
}

.page-top-background .info {
  position : relative;
  padding : 10px;
  left : 30px;
  width : 450px;
  height : 120px;
  background : #fff;
  -moz-opacity : 80;
  opacity : .80;
  filter : alpha(opacity=80);
}

.page-top-right-column {
  position : relative;
  top : -120px;
}

.breadcrumbs {
  margin : 20px 10px;
  color : #555;
  font-size : 7pt;
  font-family : arial;
  font-weight : normal;
}

.breadcrumbs a {
  color : #aaa;
}

.breadcrumbs a:hover {
  color : #f2b;
}

.small { font-size : 7pt; }
.white { color : #fff; }
.grey { color : #aaa; }
.pink { color : #f2b; }
.blue { color : #28f; }
.lightPink { color : #ff66cc; }
.lightBlue { color : #6cb0e5; }
.darkGrey { color : #555; }
.noOutline { outline : none; }

a.pink:hover, a.pink:hover font { color : #28f; }
a.grey:hover, a.grey:hover font { color : #28f; }
a.lightPink:hover, a.lightPink:hover font { color : #28f; }

.fakeLink { cursor : pointer; }

a.smallGrey:hover {
  color : #f2b;
}

.box {
  margin : 0px 5px 15px;
  padding : 5px;
  overflow : hidden;
}

.greyBox {
  background : #f8f8f8;
}

.borderBox {
  border : 1px solid #ccc;
}

.shadowBox {
  margin-bottom : 0px !important;
}

.verticalGradationBox {
  background : url(../images/vertical_gradation.png) repeat-x #fff;
  background-position : bottom;
}

.boxTitle {
  margin : 0px 0px 5px;
}

.boxTitle img {
  float : left;
  margin : 0px 3px;
}

.boxTitle .right {
  float : right;
  font-size : 8pt; 
}

h2 {
  margin : 15px 0px 15px;
  color : #aaa;
  font-family : "Century Gothic", Arial, Tahoma;
  font-size : 28px;
  font-style : normal;
  font-weight : normal;
  line-height : 1.0;
  letter-spacing: -0.8px;
}

h3 {
  margin : 0px;
  color : #999;
  font-family : "Century Gothic";
  font-style : normal;
  letter-spacing : 3px;
  font-weight : normal;
  font-size : 15pt;
}

h2 .blue, h3 .blue {
  color : #6cb0e5;
}

h2 .pink, h3 .pink {
  color : #ff66cc;
}

.boxShadow {
  margin-bottom : 15px;
  width : 100%;
  height : 9px;
}

.pageButton {
  margin : 5px 2px;
  padding : 0px 5px;
  font-size : 8pt;
  font-family : Arial;
  background : #f8f8f8;
  color : #aaa;
  border : 1px solid #aaa;
}

.pageButtonSelected,
.pageButton:hover {
  color : #fff;
  background : #f2b;
}

.activity-block a {
  font-size : 8pt;
  color: #aaa;
}

.activity-block a:hover, .activity-block a:hover .blue {
  color: #f2b;
}

.tag-cloud {
  padding : 0px;
  margin : 0px;
}

.tag-cloud li {
  float : left;
  margin : 2px;
  height : 20px;
  display : block;
  list-style : none;
  font-size : 12pt;
}

.tag-cloud .tag-size-1 a {
  /*font-size : 10pt;*/
  color : #ddd;
}

.tag-cloud .tag-size-2 a {
  /*line-height : 19pt;*/
  /*font-size : 13pt;*/
  color : #ccc;
}

.tag-cloud .tag-size-3 a {
  /*line-height : 19pt;*/
  /*font-size : 16pt;*/
  color : #bbb;
}

.tag-cloud .tag-size-4 a {
  /*line-height : 19pt;*/
  /*font-size : 19pt;*/
  color : #aaa;
}

.tag-cloud a:hover {
  color : #f2b;
}

input {
  border : 1px solid #aaa;
  margin : 2px 2px 2px 0px;
  padding : 2px;
  font-size : 9pt;
  font-family : Arial;
  background : #f8f8f8;
  color : #555;
}

select {
  border : 1px solid #aaa;
  margin : 2px 2px 2px 0px;
  padding : 2px;
  font-size : 9pt;
  font-family : Arial;
  background : #f8f8f8;
  color : #555;
}

textarea {
  border : 1px solid #aaa;
  margin : 2px 2px 2px 0px;
  padding : 2px;
  font-size : 9pt;
  font-family : Arial;
  background : #f8f8f8;
  color : #555;
}

label {
  display : block;
  width : 100px;
  height : 25px;
  text-align : left;
  color : #555;
  float : left;
}

#noscriptWarning
{
  text-align : center;
  font-weight : bold;
  color : #c00;
  width : 100%;
}

/*select.label-picker option {
  padding-left : 20px;
  background : url(../images/labels_background.png) 0 0 no-repeat;
}*/

.categoryPickerPanel {
  z-index : 10;
  position : absolute;
  width : 350px;
  height : 240px;
  padding : 3px;
  background : #fff;
  border : 1px solid #aaa;
}

.categoryPickerPanel select {
  width : 200px;
  padding : 0px;
}

.categoryPickerPanel  input {
  margin : 0px;
  padding : 0px 3px 0px 0px;
  height : 10px;
  background : #fff;
  border : 0px;
}

.categoryPickerPanel iframe {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 100%;
  height : 100%;
  -moz-opacity : 0;
  opacity : .0;
  filter : alpha(opacity=0);
}

.categoryPickerPanel span {
  top : 0px;
  left : 0px;
  position : absolute;
  width : 100%;
  height : 100%;
  -moz-opacity : 50;
  opacity : .50;
  filter : alpha(opacity=50);
}

.agePicker {
  width : 400px;
}

.agePicker  .trackContainer {
  float : left;
  margin : 2px;
  background : #f8f8f8;
  border : 1px solid #aaa;
  vertical-align : middle;
}

.agePicker  .handle {
  float : left;
  background : #f2b;
  cursor : pointer;
}

.agePicker  .label {
  padding : 5px 0px 0px 10px;
  float : left;
}

.imagePreview {
  margin : 2px;
  padding : 4px;
  border : 1px solid #ccc;
  vertical-align : middle;
  text-align : center;
  background : #fff;
  float : left;
  cursor : pointer;
  overflow : hidden;
}

.imagePreviewSelected {
  margin : 2px;
  padding : 2px;
  border : 3px solid #28f;
}

.onHideMessage {
  display : none;
}

.btn {
  display : inline-block;
  margin : 4px 0px;
  height : 25px;
  color : #28f;
  line-height : 22px;
  text-align : center;
  cursor : pointer;
}

.btn span {
  display : inline-block;
  width : 100%;
  height : 100%;
  background : url(../images/buttons_bg.png);
}
.btn span span {
  display : inline-block;
  width : 100%;
  height : 100%;
  background : url(../images/buttons_pictos.png);
}

.picto {
  height : 25px;
  width : 25px;
  background : url(../images/buttons_pictos.png);
}

.picto-like, .btn-like span span                               { background-position :    0px  -25px; padding-left : 8px; }
.btn-like:hover span span                                             { background-position : -250px  -25px; }
.picto-dislike, .btn-dislike span span                   { background-position :    0px  -50px; padding-left : 8px; }
.btn-dislike:hover span span                                       { background-position : -250px  -50px; }
.picto-own, .btn-own span span                                   { background-position :    0px  -75px; padding-left : 8px; }
.btn-own:hover span span                                               { background-position : -250px  -75px; }
.picto-list, .btn-list span span                               { background-position :    0px -100px; padding-left : 8px; }
.btn-list:hover span span                                             { background-position : -250px -100px; }
.picto-select, .btn-select span span                       { background-position :    0px -125px; padding-left : 8px; }
.btn-select:hover span span                                         { background-position : -250px -125px; }
.picto-mail, .btn-mail span span                               { background-position :    0px -150px; padding-left : 8px; }
.btn-mail:hover span span                                             { background-position : -250px -150px; }
.picto-search, .btn-search span span                       { background-position :    0px -175px; padding-left : 8px; }
.btn-search:hover span span                                         { background-position : -250px -175px; }
.picto-facebook, .btn-facebook span span               { background-position :    0px -200px; padding-left : 8px; }
.btn-facebook:hover span span                                     { background-position : -250px -200px; }
.picto-twitter, .btn-twitter span span                   { background-position :    0px -225px; padding-left : 8px; }
.btn-twitter:hover span span                                       { background-position : -250px -225px; }
.picto-arrowright, .btn-arrowright span span       { background-position :    0px -250px; padding-left : 8px; }
.btn-arrowright:hover span span                                 { background-position : -250px -250px; }
.picto-arrowleft, .btn-arrowleft span span           { background-position :    0px -275px; padding-left : 8px; }
.btn-arrowleft:hover span span                                   { background-position : -250px -275px; }
.picto-help, .btn-help span span                               { background-position :    0px -300px; padding-left : 8px; }
.btn-help:hover span span                                             { background-position : -250px -300px; }
.picto-plus, .btn-plus span span                               { background-position :    0px -325px; padding-left : 8px; }
.btn-plus:hover span span                                             { background-position : -250px -325px; }
.picto-cross, .btn-cross span span                           { background-position :    0px -350px; padding-left : 8px; }
.btn-cross:hover span span                                           { background-position : -250px -350px; }
.picto-shopping, .btn-shopping span span               { background-position :    0px -375px; padding-left : 8px; }
.btn-shopping:hover span span                                     { background-position : -250px -375px; }
.picto-gbuzz, .btn-gbuzz span span                           { background-position :    0px -400px; padding-left : 8px; }
.btn-gbuzz:hover span span                                           { background-position : -250px -400px; }

.btn .btn-left                                               { background-position :   0px  0px; width : 37px; }
.btn-left:hover, .btn-on .btn-left       { background-position :   0px 25px; }
.btn .btn-mid                                                 { background-position : -37px  0px; width : 37px; }
.btn-mid:hover, .btn-on .btn-mid           { background-position : -37px 25px; }
.btn .btn-right                                             { background-position : -74px  0px; width : 37px; }
.btn-right:hover, .btn-on .btn-right   { background-position : -74px 25px; }
.btn .btn-size1                                             { background-position : -111px  0px; width : 100px; }
.btn-size1:hover , .btn-on .btn-size1  { background-position : -111px 25px; }
.btn .btn-size2                                             { background-position : -213px  0px; width : 148px; }
.btn-size2:hover , .btn-on .btn-size2  { background-position : -213px 25px; }
.btn .btn-size0                                             { background-position : -510px  0px; width : 30px; }
.btn-size0:hover , .btn-on .btn-size0  { background-position : -510px 25px; }

.facebook-icon {
  display : inline-block;
  height : 15px;
  width : 15px;
  background : url(../images/buttons_pictos.png);
  background-position : -8px -205px;
}

.icon {
  background : url(../images/icons.png);
  padding-left : 45px;
}

.icon-like                           { background-position : 0px        0px; padding-left : 65px; }
.icon-like-small               { background-position : 0px      -80px; }
.icon-like-small-off       { background-position : 0px     -140px; }
.icon-like-verysmall       { background-position : 0px     -210px; }
.icon-dislike                     { background-position : -200px     0px; padding-left : 65px; }
.icon-dislike-small         { background-position : -200px   -80px; }
.icon-dislike-small-off { background-position : -200px  -140px; }
.icon-dislike-verysmall { background-position : -200px  -210px; }
.icon-own                             { background-position : -400px     0px; padding-left : 65px; }
.icon-own-small                 { background-position : -400px   -80px; }
.icon-own-small-off         { background-position : -400px  -140px; }
.icon-own-verysmall         { background-position : -400px  -210px; }
.icon-list                           { background-position : -600px     0px; padding-left : 65px; }
.icon-list-small               { background-position : -600px   -80px; }
.icon-list-small-off       { background-position : -600px  -140px; }
.icon-list-verysmall       { background-position : -600px  -210px; }
.icon-survey                       { background-position : -800px     0px; padding-left : 65px; }
.icon-survey-small           { background-position : -800px   -80px; }
.icon-survey-small-off   { background-position : -800px  -140px; }
.icon-survey-verysmall   { background-position : -800px  -210px; }
.icon-member                       { background-position : -1000px    0px; padding-left : 65px; }
.icon-member-small           { background-position : -1000px  -80px; }
.icon-member-small-off   { background-position : -1000px -140px; }
.icon-member-verysmall   { background-position : -1000px -210px; }
.icon-add-small                 { background-position : -1200px  -80px; }
.icon-add-small-off         { background-position : -1200px -140px; }
.icon-add-verysmall         { background-position : -1200px -210px; }

.newButton {
  display : block;
  margin : 2px;
  height : 27px;
  color : #28f;
  font-size : 9pt;
  font-weight : normal;
  line-height : 20px;
  text-align : center;
  cursor : pointer;
}

.newButton:hover {
  color : #f2b;
}

.newButton .buttonLeft {
  float : left;
  display : block;
  margin: 0px;
  padding : 2px 3px 2px 8px;
  height : 23px;
  text-align : center;
  background : url(../images/buttons_bg.gif) top left;
}

.newButton:hover  .buttonLeft {
  background : url(../images/buttons_bg_pink.gif) top left;
}

.newButton .buttonLeft p {
  display : block;
  float : left;
}


.newButton .buttonRight {
  float : left;
  display : block;
  top : 0px;
  margin : 0px;
  padding : 0px;
  width : 5px;
  height : 27px;
  background : url(../images/buttons_bg.gif) top right;
}

.newButton:hover  .buttonRight {
  background : url(../images/buttons_bg_pink.gif) top right;
}

.newButton span {
  display : block;
  float : left;
  margin-right : 3px;
  height : 23px;
  top : -2px;
  background : url(../images/buttons_pictos.gif) no-repeat;
}

.newButton span.facebook         { width : 15px; background-position : 0px -0px; }
.newButton span.social             { width : 84px; background-position : 0px -0px; }
.newButton span.mail                 { width : 25px; background-position : 0px -23px; }
.newButton span.shoppingcart { width : 19px; background-position : 0px -46px; }
.newButton span.memberplus     { width : 23px; background-position : 0px -69px; }
.newButton span.heart               { width : 18px; background-position : 0px -92px; }
.newButton span.search             { width : 18px; background-position : 0px -115px; }

.button {
  margin : 2px;
  padding : 3px 15px;
  background : url(../images/button_bg.png);
  color : #555;
  font-size : 9pt;
  font-weight : bold;
  line-height : 20pt;
  border : 1px solid #555;
}

.button:hover {
  color : #28f;
  border : 1px solid #28f;
}

.clear {
  margin : 0px;
  padding : 0px;
  height : 0px;
  width : 0px;
  clear : both;
}

.bigThumb, .smallThumb, .verysmallThumb {
  float : left;
  border : 1px solid #ccc;
  background : #fff;
}

.bigThumb:hover, .smallThumb:hover, .verysmallThumb:hover {
  border : 1px solid #f2b;
  -moz-opacity : 0.9;
  opacity : .90;
  filter : alpha(opacity=90);
}

.bigThumb a, .smallThumb a, .verysmallThumb a {
  display : block;
  width : 100%;
  height : 100%;
}

.bigThumb img, .smallThumb img, .verysmallThumb img {
  display : block;
  width : 100%;
  height : 100%;
}

.bigThumb {
  margin : 4px;
  width : 130px;
  height : 120px;
}

.smallThumb {
  margin : 3px;
  width : 62px;
  height : 58px;
}

.verysmallThumb {
  margin : 3px;
  width : 45px;
  height : 42px;
}

.surveyCompact {
  margin-bottom : 10px;
  color : #555;
}

.surveyCompact:hover .pink {
  color : #28f;
}

.surveyCompact:hover .blue {
  color : #f2b;
}

.surveyBlock {
  width : 450px;
  background : #fff;
}

.surveyBlock .right {
  float : right;
}

.surveyBlock .right .firstProduct {
}

.surveyBlock .right .secondProduct {
}

.oneLineBlock {
  margin : 3px;
  cursor : pointer;
}

.oneLineBlock:hover {
}

.oneLineBlock .smallThumb {
  float : left;
}

.detailedPolaroid {
  margin : 10px;
  width : 340px;
  float : left;
}

.detailedPolaroid .boxTitle{
  display : block;
  margin-bottom : 5px;
  outline : none;
}

.compactPolaroid {
  float : left;
  margin : 0px 0px 10px;
}


/* polaroid */
.polaroid {
  display : block;
  margin : 4px;
  padding : 0px;
  overflow : hidden;
  float : left;
  outline : none;
  cursor : pointer;
}

.bigPolaroid {
  width : 150px;
  height : 180px;
  background : url(../images/polaroid_big_bg.png);
}

.smallPolaroid {
  width : 83px;
  height : 137px;
  background : url(../images/polaroid_small_bg.png) no-repeat;
}

.smallPolaroidDoubled {
  width : 107px;
  height : 160px;
  background : url(../images/polaroid_tripled_small_bg.png) no-repeat;
}

.polaroid .label {
  display : block;
  float : left;
  position : relative;
  width : 58px;
  height : 43px;
}

.bigPolaroid .label {
  top : -135px;
}

.smallPolaroid .label {
  top : -72px;
}

*+html .bigPolaroid .label {
  position : static;
  margin-top : -135px;
}

*+html .smallPolaroid .label {
  position : static;
  margin-top : -72px;
}

.polaroid .pictureContainer {
  border : 1px solid #ccc !important;
}

.polaroid:hover .pictureContainer {
  border : 1px solid #f2b !important;
  -moz-opacity : 0.9;
  opacity : .90;
  filter : alpha(opacity=90);
}

.bigPolaroid .pictureContainer {
  margin-left : 9px;
  margin-top : 9px;
}

.smallPolaroid .pictureContainer {
  margin-left : 9px;
  margin-top : 9px;
}

.smallPolaroidDoubled .pictureContainer {
  margin-left : 17px;
  margin-top : 19px;
}

.polaroid .pictureContainer a {
  display : block;
  width : 100%;
  height : 100%;
}

.polaroid .textContainer {
  display : block;
  position : relative;
  clear : both;
  top : -50px;
  height : 30px;
  /*font-weight : bold;*/
  font-size : 8pt;
  color : #28f;
  text-align : center;
}

.polaroid:hover .textContainer {
  color : #f2b;
}

.bigPolaroid .textContainer {
  margin-left : 10px;
  top : -46px;
  width : 130px;
}

.smallPolaroid  .textContainer {
  margin-left : 2px;
  top : -18px;
  width : 80px;
}

.smallPolaroidDoubled .textContainer {
  top : -8px;
  width : 100px;
}

*+html .bigPolaroid .textContainer {
  position : static;
}

*+html .smallPolaroid .textContainer {
  position : static;
  margin-top : 28px;
}

*+html .smallPolaroidDoubled .textContainer {
  position : static;
  margin-top : -7px;
}


.tabs-bar {
  margin : 0px;
  padding : 0px;
  height : 25px;
}

.tabs-bar .left {
  width : 20px;
  height : 25px;
  float : left;
}

.tabs-bar .tab {
  position : relative;
  top : 1px;
  margin : 5px 8px 0px 0px;
  padding : 3px 10px 0px;
  height : 15px;
  float : left;
  color : #28f;
  font-family : Arial;
  font-weight : bold;
  font-size : 8pt;
  border-left : 1px solid #f3f3f3;
  border-right : 1px solid #f3f3f3;
  border-top : 1px solid #f3f3f3;
  outline : none;
}

.tabs-bar .tab:hover {
  background : #fff;
  border-left : 1px solid #ddd;
  border-right : 1px solid #ddd;
  border-top : 1px solid #ddd;
}

.tabs-bar .tabSelected {
  height : 16px;
  background : repeat-x #fff;
  border-left : 1px solid #ddd;
  border-right : 1px solid #ddd;
  border-top : 1px solid #ddd;
}

.tabs-bar .expTab {
  z-index : 1;
  position : absolute;
  padding : 3px 10px 5px;
  color : #28f;
  font-family : Arial;
  font-weight : bold;
  font-size : 8pt;
  border : 1px solid #ddd;
  background : #fff;
}

.tabs-bar .expTab a {
  display : block;
  margin-top : 5px;
  outline : none;
}

.tabs-bar .expTab a:hover {
}

.tag {
  margin : 5px;
  padding : 0px;
  float : left;
  background : url(../images/tag_middle.png);
}

.tag img {
  vertical-align : middle;
}

.tag a {
  padding : 0px 5px;
  line-height : 12px;
  color : #fff;
  font-family : Arial;
  font-weight : bold;
  font-size : 8pt;
  text-decoration : none;
}

.tag a:hover {
  color : #f2b;
}

.gradation {
  margin : 0px 5px 15px;
}

.gradation .border {
  height : 1px;
  overflow : hidden;
  background : url(../images/gradation_border_left.png) no-repeat #ccc;
}

.gradation .border .right {
  float : right;
}

.gradation .content {
  background : url(../images/gradation_content_left.png) repeat-y #f3f3f3;
}

.gradation .content .left {
  width : 60px;
  height : 100%;
  float : left;
}

.gradation .content .right {
  width : 60px;
  height : 100%;
  float : right;
  background : url(../images/gradation_content_right.png);
}

.gradationWhite .content {
  background : #fff !important;
}

.gradationWhite .content .right {
  background : #fff !important;
}

.bubble {
  position : relative;
  margin : 5px;
  color : #555;
}

.bubble .spike {
  position : absolute;
  top : 25px;
  left : -9px;
}

.bubble .top {
  height : 7px;
  background : url(../images/bubble_top_left.png);
}

.bubble .bottom {
  height : 7px;
  background : url(../images/bubble_bottom_left.png);
}

.bubble .top .right, .bubble .bottom .right {
  float : right;
}

.bubble .content {
  padding : 5px 10px;
  border : solid #ccc;
  border-width : 0px 1px;
  background : url(../images/bubble_center.png) repeat-x #f3f3f3;
}

.joinUsBlock {
  display : block;
  width : 240px;
  height : 211px;
  background : url(../images/join_us_bg.png) no-repeat;
}

.vipBlock {
  margin : auto;
  display : block;
  width : 240px;
  height : 205px;
  background : url(../images/vip_block_bg.png) no-repeat;
}

.quickAddBlock {
  margin : auto;
  display : block;
  width : 240px;
  height : 205px;
  background : url(../images/quick_add_bg.png) no-repeat;
}


.ad-banner {
  margin : 0px 10px 10px;
  padding : 5px 0px;
  width : 840px;
  height : 90px;
  background : url(../images/banner_left.png) left no-repeat #eee;
}

.quotation {
  padding : 8px 0px 0px 8px;
  font-size : 9pt;
  color : #888;
  background : url(../images/quote.png) no-repeat #fff;
}

.quotationGrey {
  padding : 8px 0px 0px 8px;
  font-size : 8pt;
  color : #888;
  background : url(../images/quote_grey.png) no-repeat 10px 10px #eee;
}

.wallMessage {
  margin : 2px;
}

.wallMessage .wallMessageInfo {
  /* text-align : right; */
  font-size : 7pt;
  margin-top : 5px;
}

/********************************
 ********* INDEX PAGE *********
 ********************************/

.mosaic-container {
  position : relative;
  margin : -5px auto 15px;
  width : 840px; /* 24*35 */
  height : 420px; /* 12*35 */
  background : #fff;
}

.mosaic-container .topleft {
  display : block !important;
  top : 0px;
  left : 0px;
}

.mosaic-container .topright {
  display : block !important;
  top : 0px;
  right : 0px;
}

.mosaic-container .bottomleft {
  display : block !important;
  bottom : 0px;
  left : 0px;
}

.mosaic-container .bottomright {
  display : block !important;
  bottom : 0px;
  right : 0px;
}

#mosaic-A { background-position: 0% 0%; }
#mosaic-B { background-position: -100% 0%; }
#mosaic-C { background-position: 0% -100%; }
#mosaic-D { background-position: -100% -100%; }

#mosaic-loader {
  position : absolute;
  z-index : 15;
  width : 100%;
  height : 100%;
  background : #fff;
}

#mosaic-loader img{
  position : absolute;
  left : 50%;
  top : 150px;
  margin-left : -16px;
}

#mosaic-introduction {
  position : absolute;
  z-index : 16;
  padding : 10px;
  left : 20px;
  bottom : 15px;
  height : 140px;
  width : 780px;
  background : url(../images/mosaic_intro.png);
}

#mosaic-introduction .cross-close {
  right : 16px;
  top : 16px;
}

#mosaic-introduction #mosaic-functionalities {
  position : absolute;
  left : 0px;
  top : 0px;
  height : 100%;
  width : 100%;
}

#hover-bubble {
  position : absolute;
  padding : 8px;
  z-index : 100;
  font-size : 8pt;
  font-weight : bold;
  text-align : center;
  color : #fff;
  background : url(../images/bubbles.png);
  -moz-opacity : 0.9;
  opacity : .90;
}

.hover-bubble-pink {
  margin-left : -15px;
  margin-top : -51px;
  width : 90px;
  height : 35px;
  background-position : 0px -80px !important;
}

.hover-bubble-blue {
  margin-left : -15px;
  margin-top : -72px;
  width : 146px;
  height : 60px;
  background-position : 0px 0px !important;
}

.mosaic {
  display : none;
  position : absolute;
  padding : 0px;
  margin : 0px;
  width : 420px; /* 12*35 */
  height : 210px; /* 6*35 */
}

.mosaic a {
  position : absolute;
}

.mosaic a span {
  float : left;
  display : block;
  border : 1px solid #ccc;
 }

* html .mosaic a span {
  background : none;
}
 
.mosaic a:hover span {
  border : 1px solid #fff;
  -moz-opacity : 0.2;
  opacity : 0.20;
  filter : alpha(opacity=20);
  background : #28f;
}

.mosaic a p {
  display : none;
}

.mosaic a:hover p {
  z-index : 10;
  display : block;
  position : absolute;
  width : 153px;
  height : 30px;
  border : 1px solid #fff;
  color : #28f;
  /*color : #fff;*/
  text-align : center;
  background : #d2e7fe;
  /*background : #28f;*/
}

.mosaic a.x0  {left : 0px;}  /* i*35 */
.mosaic a.x1  {left : 35px;}
.mosaic a.x2  {left : 70px;}
.mosaic a.x3  {left : 105px;}
.mosaic a.x4  {left : 140px;}
.mosaic a.x5  {left : 175px;}
.mosaic a.x6  {left : 210px;}
.mosaic a.x7  {left : 245px;}
.mosaic a.x8  {left : 280px;}
.mosaic a.x9  {left : 315px;}
.mosaic a.x10 {left : 350px;}
.mosaic a.x11 {left : 385px;}

.mosaic a.y0 {top : 0px;} /* i*33 */
.mosaic a.y1 {top : 35px;}
.mosaic a.y2 {top : 70px;}
.mosaic a.y3 {top : 105px;}
.mosaic a.y4 {top : 140px;}
.mosaic a.y5 {top : 175px;}

.mosaic a.s11 span {width : 33px;  height : 33px; } /* i*35 - 2 */
.mosaic a.s21 span {width : 68px;  height : 33px; }
.mosaic a.s12 span {width : 33px;  height : 68px; }
.mosaic a.s22 span {width : 68px;  height : 68px; }
.mosaic a.s44 span {width : 138px; height : 138px; }

.mosaic a.s11:hover p {left : 0px;  top : 34px; } /* i*35 - 1 */
.mosaic a.s21:hover p {left : 0px;  top : 34px; }
.mosaic a.s12:hover p {left : 0px;  top : 69px; }
.mosaic a.s22:hover p {left : 0px;  top : 69px; }
.mosaic a.s44:hover p {left : 0px;  top : 139px; }

.topleft a.s11:hover p {left : 0px;  top : 34px; } /* i*35 - 1 */
.topleft a.s21:hover p {left : 0px;  top : 34px; }
.topleft a.s12:hover p {left : 0px;  top : 69px; }
.topleft a.s22:hover p {left : 0px;  top : 69px; }
.topleft a.s44:hover p {left : 0px;  top : 139px; }

.bottomleft a.s11:hover p {left : 0px;  top : -34px; } /* -35 + 1 */
.bottomleft a.s21:hover p {left : 0px;  top : -34px; }
.bottomleft a.s12:hover p {left : 0px;  top : -34px; }
.bottomleft a.s22:hover p {left : 0px;  top : -34px; }
.bottomleft a.s44:hover p {left : 0px;  top : -34px; }

.topright a.s11:hover p {left : -139px; top : 34px; }
.topright a.s21:hover p {left : -104px; top : 34px; }
.topright a.s12:hover p {left : -139px; top : 69px; }
.topright a.s22:hover p {left : -104px; top : 69px; }
.topright a.s44:hover p {left : -34px;  top : 139px; }

.bottomright a.s11:hover p {left : -139px; top : -34px; } /* -35 + 1 */
.bottomright a.s21:hover p {left : -104px; top : -34px; }
.bottomright a.s12:hover p {left : -139px; top : -34px; }
.bottomright a.s22:hover p {left : -104px; top : -34px; }
.bottomright a.s44:hover p {left : -34px;  top : -34px; }

.mosaic a:hover p {
  display : none !important;
}

.cross-close {
  position : absolute;
  right : 8px;
  top : 8px;
  width : 13px;
  height : 13px;
  background : url(../images/cross.png);
}

.cross-close:hover {
  background-position : 0px 13px;
}

.last-actions {
  overflow : hidden;
}

.last-actions .line {
  padding : 5px;
  width : 2000px;
  height : 20px;
  font-size : 12pt;
  background : #fff;
}

.last-actions .icon-like-verysmall a     { color : #0088bb; }
.last-actions .icon-member-verysmall a { color : #17a1d5; }
.last-actions .icon-list-verysmall a     { color : #2fbcf1; }
.last-actions .icon-survey-verysmall a { color : #59d0fd; }


/********************************
 ********* CATEGORY PAGE *********
 ********************************/

.category-header {
  margin-left: -9px;
  margin-bottom: 40px;
  width: 840px;
}

.category-header .image {
  float: left;
  margin : 3px;
}

.category-header .univers-name {
  font-size: 20pt;
  color: #fff;
}

.category-header .text {
  float : right;
  margin : 3px;
  padding : 10px;
  width : 254px;
  height : 172px;
}

.category-header .text ul {
  margin : 0px;
  padding : 2px 10px;
  list-style-type : none;
  color: #fff;
}

.category-header .text li.selected {
  font-weight : bold;
}

.category-header .text a {
  color: #fff;
}

.category-header .text a:hover {
  color: #fff;
  font-weight : bold;
}


/********************************
 ********* SEARCH PAGE *********
 ********************************/

.search-header {
  position : relative;
  margin : 10px auto;
  left : -10px;
  width : 840px;
  height : 205px;
}

.search-header .search-form {
  display : block;
  position : absolute;
  padding : 10px;
  left : 50px;
  top : 20px;
  width : 380px;
  border : 1px solid #ddd;
}


/********************************
 ********* PRODUCT PAGE *********
 ********************************/

.actionBox {
  display : block;
  margin : 3px;
  padding : 0px;
  height : 58px;
  width : 310px;
  background : #fff;
  border : 1px solid #fff;
  outline : none;
  cursor : pointer;
}

.actionBox:hover {
  border : 1px solid #ddd;
}

.actionBox p {
  float : left;
  margin : 4px 20px;
  font-family : "Century Gothic";
  letter-spacing: -0.4px;
  font-size : 14pt;
}

.actionBox span {
  float : left;
  display : block;
  width : 57px;
  height : 57px;
  background : url(../images/button_icons_big.png);
}

.actionBoxStar span { background-position : 0px 0px; }
.actionBoxStar:hover span { background-position : 0px -57px; }
.actionBoxHeart span { background-position : -57px 0px; }
.actionBoxHeart:hover span { background-position : -57px -57px; }

.recommendation, .wall-message {
  background : url(../images/vertical_gradation2.png) repeat-x #fff;
  border-top : 1px solid #ccc;
}

.recommendation .member, .wall-message  .member{
  float : left;
  padding : 10px;
  width : 100px;
}

.recommendation .comment, .wall-message .comment {
  float : left;
  padding : 10px;
  width : 350px;
}

.recommendation .comment p, .wall-message .comment p {
  margin-bottom : 10px;
}

.buyproductBox {
  padding : 5px;
  border : 1px solid #ddd;
}

.buyproductBox #ourlinkPage {
  padding-top : 10px;
}

.buyproductBox #ourlinkPage big {
  font-size : 20pt;
}

.buyproductBox .buyButton {
  display: block;
  padding-left: 60px;
  padding-top: 20px;
  width: 125px;
  height: 20px;
  font-size : 9pt;
  color: #fff;
  background: url(../images/button_buy.png);
}

.buyproductBox .buyButton:hover {
  background-position: 0px -40px;
}

/*.buyproductBox #yourlinksPage a {
  font-size : 8pt;
  font-weight : normal;
}*/

.rightBox {
  margin : 0px 0px 5px;
}

/********************************
 ********* MEMBER PAGE *********
 ********************************/

.big-counter {
  font-size : 18pt;
  font-family : Arial;
  outline : none;
}

/********************************
 ********* PARTNERS SEARCH *********
 ********************************/

.searchResult {
  float : left;
  margin : 10px;
  padding : 10px;
  width : 340px;
  height : 140px;
  font-size : 9pt;
  color : #aaa;
  border : 1px solid #ccc;
}

.searchResult .searchResultLeft {
  float : left;
  width : 110px;
}

.searchResult .searchResultLeft .imagePreview {
  margin : 0px;
  padding : 0px;
  width : 100px;
  height : 100px;
  border : 1px solid #aaa;
  overflow : hidden;
}

.searchResult .searchResultLeft .imagePreview:hover {
  border : 1px solid #f2b;
}

.searchResult .searchResultRight {
  float : right;
  width : 228px;
}

.searchResult .searchResultRight big{
  font-size : 11pt;
  color : #28f;
}

/********************************
 ************ GOOGLE ************
 ********************************/

.googleResult {
  padding : 10px;
  margin : 5px;
  font-size : 8pt;
  /* border : 1px solid #aaa; */
}

.googleResult .googleButton {
  margin : 0px 10px;
  padding : 5px;
  display : block;
  font-size : 11pt;
  text-align : center;
  border : 1px solid #aaa;
  background : #fff;
}

.googleResult .googleButton:hover {
  border : 1px solid #f2b;
}

.googleResult h4 {
  color : #28f;
  font-size : 11pt;
  font-weight : bold;
}

/********************************
 ******** SCROLLABLE DIV ********
 ********************************/

.scroller {
  overflow : hidden;
}

.scroller .horizontalScrollerContent {
  width : 10000px;
  height : 100%;
}

.scroller .horizontalScrollerContent .section {
  float : left;
  height : 100%;
}

.scroller .verticalScrollerContent {
  height : 10000px;
  width : 100%;
}

.scroller .verticalScrollerContent .section {
  width : 100%;
}

.gradation .scroller .content {
  background : #f3f3f3;
}



/********************************
 ********************************/

.carrousel-section {
  min-height : 50px;
}

.deactivated {
  position : absolute;
  top : 0px;
  left : 0px;
  cursor : wait;
  -moz-opacity : 0.5;
  opacity : .50;
  filter : alpha(opacity=50);
  background : #fff;
}

.deactivated-loading {
  background : url(../images/loading_blue.gif) center no-repeat #fff;
}

/********************************
 ******** AUTOCOMPLETION ********
 ********************************/

#autoCompleter
{
  z-index : 99;
  position : absolute;
  margin : 0px;
  padding : 5px 0px;
  background : #fff;
  text-align : left;
  color : #555;
  font-size: 9pt;
  -moz-opacity : 0.9;
  opacity : .90;
  filter : alpha(opacity=90);
  border : 1px solid #ccc;
}

#autoCompleter ul
{
  margin : 0px;
  padding : 0px;
  list-style-type : none;
}

#autoCompleter ul li
{
  margin : 0px;
  padding : 2px 10px;
  list-style-type : none;
}

#autoCompleter ul li div.title
{
  padding : 0px;
  font-weight : bold;
  color : #28f;
}

#autoCompleter ul li span
{
  display : none;
}

#autoCompleter ul li.selected
{
  background: #6cb0e5;
  color : #fff !important;
  cursor : pointer;
}

#autoCompleter ul li.selected div.title
{
  color : #fff !important;
}

/********************************
 ************ UPLOAD ************
 ********************************/

.uploadPreview
{
  display: block;
  padding: 0px;
  margin: 3pt;
  border : 1px solid #ccc;
}

.uploadPreview div
{
  display: block;
  text-align: center;
}


/********************************
 *********** MYFORM ***********
 ********************************/

#formBubble {
  position : absolute;
  width : 364px;
  height : 93px;
  overflow : hidden;
  background : url(../images/form_bubble.gif);
  -moz-opacity : 0.9;
  opacity : .90;
  filter : alpha(opacity=90);
}

#formBubble #formBubbleContent {
  margin : 10px 12px 0px;
  color : #555;
} 
 
/********************************
 *********** LIGHTBOX ***********
 ********************************/

.lightbox {
	display : none;
	position : fixed;
	top : 50%;
	left : 50%;
	z-index : 90;
	padding : 0;
	border : 5px solid #fff;
	background : #fff;
	text-align : left;
}

* html .lightbox { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  top : expression(document.documentElement.scrollTop + (document.documentElement.clientHeight * .50) + "px")
} 

.overlay {
  display : none;
  position : fixed;
  top : 0px;
  left : 0px;
  width : 100%;
  height : 100%;
  z-index : 89;
  background-color : #000;
  -moz-opacity : 0.6;
  opacity : .60;
  filter : alpha(opacity=60);
}

.overlay iframe {
  width : 100%;
  height : 100%;
  -moz-opacity : 0;
  opacity : .0;
  filter : alpha(opacity=0);
}

* html .overlay { /* ie6 hack */
  position : absolute;
  height : expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
} 

.lightbox .close {
	position : absolute;
	right : -13px;
	top : -13px;
  width : 30px;
  height : 31px;
  background : url(../images/close_lightbox.gif);
  outline : none;
}

.lightbox .content {
}

.lightbox .loading {
	display : block;
	position : relative;
  margin : auto;
  top : 40%;
  text-align : center;
}

#lightbox img {
	border : 0;
}

.main .lightboxContent {
  margin : 10px auto 20px;
  padding : 5px 13px 20px;
  border : 1px solid #aaa;
}

#lightbox .lightboxContent {
  padding : 5px;
}