/*******************************************************************
 * General styles
 */

* {
  font-family: tahoma;
  line-height: 1.3;
  color: #484848;
}

p {
  padding-bottom: 5px;
}

a {
  color: #484848;
  text-decoration: none;
}
a:hover {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

.clear {
  clear: both;
}

.notext {
  font-size: 0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
  display: inline-block;
}

.nowrap {
  white-space: nowrap;
}

dl, dt, dd, ul, ol, li {
  list-style: none;
}

img {
  border: 0px;
}

form {
  padding: 0px;
  margin: 0px;
}

/* general */

.input {
  margin: 0px;
}

.combo {
  color: #484848;
  font-weight: normal;
  margin: 0px;
}

.button {
  white-space: nowrap;
  margin: 0px;
}

.button:hover {
  cursor: pointer;
}

.button6ch {
  background: url(../img/button6ch.png) center center no-repeat;
  font-size: 0.9em;
  width: 60px;
  height: 19px;
  padding: 0px;
  border: 0px;
  font-weight: bold;
}

hr {
  border: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #cbcbcb;
  background-color: #cbcbcb;
  height: 1px;
}

/* layout */

.document {
  color: black;
  background-color: white;
  font-size: 0.75em;
  background: url(../img/page_top.gif) 0 0 repeat-x;
}

.page {
  width: 983px;
  margin: auto;
}

.layout {
  display: inline-block;
  clear: both;
}

.layout1, .layout12, .layout21, .layout_316_316_331, .layout_673_300, .layout_366_231_366 {
  width: 983px;
}

.layout1 .layoutColumn1 {
  width: 983px;
}

.layout12 .layoutColumn1 {
  float: left;
  width: 230px;
}

.layout12 .layoutColumn2 {
  float: right;
  padding-left : 10px;
  width: 743px;
}

.layout21 .layoutColumn1 {
  float: left;
  width: 743px;
}

.layout21 .layoutColumn2 {
  float: right;
  padding-left : 10px;
  width: 230px;
}

.layout_316_316_331 .layoutColumn1 {
  float: left;
  width: 316px;
}

.layout_316_316_331 .layoutColumn3 {
  float: right;
  width: 331px;
}

.layout_316_316_331 .layoutColumn2 {
  width: 316px;
  margin-left: 316px;
  margin-right: 331px;
  padding-left: 10px;
}

.layout_366_231_366 .layoutColumn1 {
  float: left;
  width: 366px;
}

.layout_366_231_366 .layoutColumn2 {
  float: right;
  width: 366px;
}

.layout_366_231_366 .layoutColumn3 {
  width: 231px;
  margin-left: 366px;
  margin-right: 366px;
  padding-left: 10px;
}

.layout_673_300 .layoutColumn1 {
  float: left;
  width: 673px;
}

.layout_673_300 .layoutColumn2 {
  width: 300px;
  float: right;
}

.layout_331_332, .layout_291_372 {
  width: 673px;
}

.layout_331_332 .layoutColumn1 {
  float: left;
  width: 331px;
}

.layout_331_332 .layoutColumn2 {
  width: 332px;
  float: right;
}

.layout_291_372 .layoutColumn1 {
  float: left;
  width: 291px;
}

.layout_291_372 .layoutColumn2 {
  width: 372px;
  float: right;
}

.layout_433_300 {
  width: 743px;
}

.layout_433_300 .layoutColumn1 {
  float: left;
  width: 433px;
}

.layout_433_300 .layoutColumn2 {
  float: right;
  padding-left : 10px;
  width: 300px;
}

/* SEARCH */

.search .top {
  height: 7px;
  font-size: 0.1em;
}

.search .top .left, .search .top .right {
  vertical-align: bottom;
  width: 18px;
}

.search .top .left div, .search .top .right div {
  width: 18px;
  height: 7px;
}

.search .top .left {
  background: url(../img/search_top_lcorner.gif) 0 0 no-repeat;
}

.search .top .right {
  background: url(../img/search_top_rcorner.gif) 0 0 no-repeat;
}

.search .top .center, .search .menuline .center {
  background-color: #cbcbcb;
}

.search .menuline .left {
  background: url(../img/search_menuline_left.gif) 0 0 repeat-y;
  width: 18px;
}

.search .menuline .right {
  background: url(../img/search_menuline_right.gif) 0 0 repeat-y;
  width: 18px;
}

.search .menuline .center {
  vertical-align: middle;
  text-align: left;
  font-size: 0.9em;
  font-weight: bold;
}

.search .middle {
  background: url(../img/search_body.gif) 0 0 no-repeat;
}

.search .middle img {
  padding-left: 180px;
  padding-top: 2px;
  float: left;
}

.search .form {
  vertical-align: middle;
  padding-top: 10px;
}

.search .form .input, .search .form .combo, .search .form .button {
  display: inline;
  vertical-align: middle;
  margin-right: 0.5em;
}

.search .form .input .body, .search .form .combo .body, .search .form .button .body {
  vertical-align: middle;
  display: inline;
}

.search .form .button {
  font-weight: bold;
}

/* dialogue */

.dialogue b.top, .dialogue b.bottom {
  display: block;
  background-image:url(../img/dialogue.gif);
  background-repeat: repeat-x;
}

.dialogue b.top {
  height: 6px;
  font-size: 1px;
  background-position: 0 -6px;
}

.dialogue b.top b.left {
  background-position: 0 0px;
  background-repeat: no-repeat;
  padding-left: 6px;
}

.dialogue b.top b.right {
  background-position: 100% -12px;
  background-repeat: no-repeat;
}

.dialogue  b.bottom {
  height: 7px;
  font-size: 1px;
  background-position: 0 -25px;
}

.dialogue b.bottom b.left {
  background-position: 0 -18px;
  background-repeat: no-repeat;
  padding-left: 6px;
}

.dialogue b.bottom b.right {
  background-position: 100% -32px;
  background-repeat: no-repeat;
}

.dialogueBody {
  padding: 0.5em;
  padding-left: 12px;
  padding-right: 12px;
  background: url(../img/dialogue-body.gif) 0 bottom repeat-x;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
}

/* slot */

.slot {
  font-size: 0.9em;
  margin-bottom: 0.6em;
}

.slot b.title, .slot b.top, .slot b.bottom, .slotBody {
  display: block;
  background-image:url(../img/slot.png);
  background-repeat: repeat-x;
}

.slot b.title {
  height: 2em;
  line-height: 2em;
  background-position: 0 -40px;
}

.slot b.title a {
  color: white;
  height: 2em;
  line-height: 2em;
}

.slot b.title a:hover {
  text-decoration: none;
  color: #e0e0e0;
}

.slot b.title b.left {
  background-position: 0 0px;
  background-repeat: no-repeat;
  padding-left: 6px;
}

.slot b.title b.right {
  background-position: 100% -80px;
  background-repeat: no-repeat;
}

.slot b.title b.center {
  color: white;
  font-weight: bold;
  padding-left: 0.5em;
  float:left;
}

.slot b.top {
  height: 6px;
  font-size: 1px;
  background-position: 0 -126px;
}

.slot b.top b.left {
  background-position: 0 -120px;
  background-repeat: no-repeat;
  padding-left: 6px;
}

.slot b.top b.right {
  background-position: 100% -132px;
  background-repeat: no-repeat;
}

.slot  b.bottom {
  height: 7px;
  font-size: 1px;
  background-position: 0 -145px;
}

.slot b.bottom b.left {
  background-position: 0 -138px;
  background-repeat: no-repeat;
  padding-left: 6px;
}

.slot b.bottom b.right {
  background-position: 100% -152px;
  background-repeat: no-repeat;
}

.slotBody {
  padding: 0.5em;
  padding-left: 12px;
  padding-right: 12px;
  background-position: 0 -159px;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
}

/* messagebox */

.messagebox {
  margin: auto;
  margin-top: 4em;
}

.messagebox b.top, .messagebox b.bottom, .messageboxBody {
  display: block;
  background-image:url(../img/messagebox.png);
  background-repeat: repeat-x;
}

.messagebox b.top {
  height: 6px;
  font-size: 1px;
  background-position: 0 -6px;
}

.messagebox b.top b.left {
  background-position: 0 0px;
  background-repeat: no-repeat;
  padding-left: 6px;
}

.messagebox b.top b.right {
  background-position: 100% -12px;
  background-repeat: no-repeat;
}

.messagebox  b.bottom {
  height: 7px;
  font-size: 1px;
  background-position: 0 -25px;
}

.messagebox b.bottom b.left {
  background-position: 0 -18px;
  background-repeat: no-repeat;
  padding-left: 6px;
}

.messagebox b.bottom b.right {
  background-position: 100% -32px;
  background-repeat: no-repeat;
}

.messageboxBody {
  padding: 0.5em;
  padding-left: 12px;
  padding-right: 12px;
  background-position: 0 -39px;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
}

/* section */

.section .heading h1.title {
  font-size: 1.2em;
  font-weight: bold;
  float: left;
  padding: 0px;
  margin: 0px;
  color: #64c800;
}

.section .heading h1.title a {
  color: #64c800;
}

.section .heading .title a:hover {
  text-decoration: none;
  color: #9ff02f;
}

.section .heading .links {
  text-align: right;
  padding-top: 0.5em;
  padding-left: 2em;
  font-size: 0.9em;
  float: right;
}

.buttons {
  padding-top: 0.2em;
}

.section .heading .links .selected {
  font-weight: bold;
}

.section .heading .links a:hover {
  text-decoration: none;
  color: #64c800;
}

.section .dialogue {
  margin-top: 0.2em;
  margin-bottom: 0.6em;
}

.section h2 {
  font-size: 0.9em;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0.2em;
  color: #64c800;
}

.section .paragraph {
  font-size: 0.9em;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0.8em;
}

.section .paragraph small {
  font-size: 0px;
}

/* fancy buttons */

.fancyButton {
  vertical-align: middle;
  text-decoration: none;
  line-height: 36px;
  height: 36px;
  font-size: 1px;
}

.fancyButton:hover {
  cursor: pointer;
  text-decoration: none;
}

.fancyButton b {
  background-repeat: repeat-x;
  background-position: 0 -36px;
  display:-moz-inline-box;
  display: inline-block;
}

.fancyButton .green b {
  background-image:url(../img/button_green.png);
}

.fancyButton .orange b {
  background-image:url(../img/button_orange.png);
}

.fancyButton .red b {
  background-image:url(../img/button_red.png);
}

.fancyButton b.left {
  background-position: 0 0px;
  background-repeat: no-repeat;
  width: 11px;
}

.fancyButton b.right {
  background-position: 100% -72px;
  background-repeat: no-repeat;
  width: 11px;
}

.fancyButton .text {
  font-weight: bold;
  font-size: 11px;
  color: white;  
  margin-left: 5px;
  margin-right: 5px;
}

/* quick links */

.quickLinks {
  background-color: #eeeeee;
  margin-top: 2.2em;
  padding: 0.2em;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 0.9em;
  margin-bottom: 1.5em;
}

.quickLinks h1 {
  color: #ff8c12;
  font-size: 1.0em;
  font-weight: bold;
  display: inline;
  padding: 0px;
  margin: 0px;
}

.quickLinks h1 a {
  color: #ff8c12;
}

.quickLinks .paragraph {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  margin: 0px;
}


/* MENU */

.accountmenu {
  vertical-align: top;
  text-align: right;
}

.accountmenu .menu {
  margin-top: 1em;
}

.accountmenu .menu a {
  margin-right: 0.5em;
  margin-left: 0.5em;
  color: #484848;
  text-decoration: none;
  font-size: 0.9em;
}

.accountmenu .menu a:hover {
  text-decoration: underline;
}

.navmenu {
  vertical-align: bottom;
}

.navmenu .menu {
  vertical-align: bottom;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
}

.navmenu .menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.navmenu .menu li {
  float: left;
  width: 80px;
  height: 28px;
  margin-left: 0.3em;
  margin-right: 0.3em;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
}

.navmenu .menu li.content {
  background: url(../img/menu_tab1.gif) 0 0 no-repeat;
  line-height: 28px;
}

.navmenu .menu li.community {
  background: url(../img/menu_tab2.gif) 0 0 no-repeat;
  line-height: 28px;
}

.navmenu .menu li.eshop {
  background: url(../img/menu_tab3.gif) 0 0 no-repeat;
  line-height: 28px;
}

.navmenu .menu li.xmas {
  background: url(../img/menu_tab_xmas.gif) 0 0 no-repeat;
  line-height: 28px;
}

.navmenu .menu li.selected {
  background: url(../img/menu_stab.gif) 0 0 no-repeat;
  line-height: 28px;
}

.navmenu .menu li a {
  line-height: 28px;
  color: white;
}

.navmenu .menu li.content a {
  color: #555555;
}

.navmenu .menu li.selected a {
  color: black;
  font-size: 1.1em;
}

.navmenu .menu li a:hover {
  text-decoration: none;
  font-size: 1.1em;
  color: black;
}

.navmenu .menu li.content a:hover {
  color: #777777;
}

.navmenu .menu li.community a:hover {
  color: #dddddd;
}

.navmenu .menu li.eshop a:hover {
  color: #dddddd;
}

.navmenu .menu li.xmas a:hover {
  color: #dddddd;
}

.navmenu .menu li.selected a:hover {
  color: black;
}

.submenu {
  height: 2em;
  margin: 0px;
  padding: 0px;
  padding-left: 1em;
  background-color: #cbcbcb;
  vertical-align: middle;
  font-size: 0.95em;
  text-align: center;
}

.submenu a {
  color: #484848;
  margin-right: 1.3em;
  line-height: 2em;
}

/* LISTS */

ul.simpleList {
  margin: 0px;
  padding: 0px;
  text-align: left;
}

ul.simpleList li {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

/* FORMs */

.form .imageUpload .progress, .progressBar .progress {
  width: 300px;
}

.form .imageUpload .progress .fill, .progressBar .progress .fill {
  height: 8px;
  background: url(../img/progress.gif) 0 0 repeat-x;
  margin-top: 1px;
}

/* FOOTER */

.footer {
  font-size: 0.9em;
  text-align: center;
  font-weight: bold;
  color: #484848;
}

.footer .links, .footer .advertisement, .footer .copyright {
  border-top: 1px solid #cdcdcd;
  padding: 0.5em;
}

.footer .advertisement .banner {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 468px;
}

.footer a {
  color: #ff8c12;
}

.footer .partners {
  border-top: 1px solid #cdcdcd;
  font-weight: normal;
  color: #777777;
  padding: 0.5em;
}

.footer .partners a {
  font-weight: normal;
  color: #777777;
  padding: 0.2em;
}

.copyright {
  padding: 0.5em;
  font-size: 0.8em;
  text-align: center;
}

/* OTHER STYLES */

.heading {
  padding-top: 0.3em;
}

.heading .main {
  float: left;
  font-size: 1.5em;
  color: #777777;
}

.heading .main a {
  color: #777777;
}

.heading .main a:hover {
  color: #bbbbcc;
  text-decoration: none;
}

.heading .side {
  float: right;
  margin-top: 0.7em;
  font-size: 0.9em;
  text-align: right;

}

.heading .side .selected {
  font-weight: bold;
  color: #777777;
}

.heading .side a.normal {
  color: #777777;
}

.voting, .languages {
  padding-top: 0.3em;
}

.voting .count, .voting .first {
  line-height: 1.2em;
  font-size: 0.8em;
  color: #999999;
}

.voting .first {
  color: #777777;
}

.voting .star {
  cursor: pointer;
}

.voting img.star:hover {
  background-color: #e0e0e0;
}

.container {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.visualContents, .mobileGames, .textContents, .ringTones, .categories, .letterShortcuts {
  padding-top: 0.5em;
}

.categories .col {
  float: left;
  width: 177px;
  padding-bottom: 0.5em;
}

.categories .category {
  width: 165px;
  font-size: 0.9em;
  padding-left: 0.3em;
  padding-right: 0.3em;
  padding-top: 0.05em;
  padding-bottom: 0.05em;
}

.categories .category:hover {
  background-color: #e0e0e0;
}

.categories .category a:hover {
  text-decoration: none;
  background-color: #e0e0e0;
}

.categories .selected {
  font-weight: bold;
}

.textContent {
  float: left;
  width: 177px;
}

.textContent .name {
  font-weight: bold;
  font-size: 0.9em;
}

.textContent .text {
  padding-top: 0.3em;
  font-size: 0.9em;
}

.textContent .text strong, .textContent .text b {
  color: #777777;
}

.textContent .continue a {
  color: #ff8c12;
  font-size: 0.9em;
  text-decoration: none;
}

.textContent .continue a:hover {
  font-weight: bold;
}

.textContent .buttons {
  float: left; margin-top: 0.5em; margin-right: 0.7em;
}

.preview div.joke {
  width: 50%;
}

.preview hr {
  border: 0;
  color: #cdcdcd;
  background-color: #cdcdcd;
  height: 1px;
}

.mobileGame {
  float: left;
  width: 142px;
  height: 8em;
  overflow: hidden;
  word-wrap: break-word;
}

.mobileGame .name {
  font-weight: bold;
  font-size: 0.8em;
  word-wrap: break-word;
}

.mobileGame .name small, .visualContent .name small, .textContent small {
  font-size: 0px;
}

.mobileGame .border {
  float: left;
  border: 1px solid #999999;
  padding: 1px;
  margin-right: 0.2em;
  margin-bottom: 3em;
}

.mobileGame a:hover img.image {
  width: 67px;
  height: 67px;
}

.mobileGame .languages img.flag {
  border: none;
}

.ringTone {
  float: left;
  font-size: 0.9em;
  width: 177px;
  height: 6em;
  overflow: hidden;
}

.ringTone .artist {
  font-weight: bold;
}

.ringTone .buttons {
 float: left;
 margin-bottom: 3em;
}

.ringTone .buttons img {
  margin-right: 0.7em;
}

.other {
  font-size: 0.9em;
  text-align: right;
  color: #999999;
  padding-bottom: 0.3em;
  padding-right: 0.3em;
}

.other a {
  font-weight: bold;
  color: #999999;
}

.visualContent {
  float: left;
  width: 101px;
  height: 10.5em;
  overflow: hidden;
}

.visualContent .container {
  float: left;
  width: 101px;
  text-align: center;
}

.visualContent img.image {
  padding: 1px;
  border: 1px solid #999999;
  width: 65px;
  height: 65px;
}

.visualContent a:hover img.image {
  width: 67px;
  height: 67px;
}

.visualContent .name {
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
}

.visualContent .voting {
  text-align: center;
}

/* ADVERTISEMENT SLOT */

.advertisementSlot .middle .center {
  text-align: center;
}

/* CONTENT SLOT */

.slot .ringTone {
  width: 100px;
  height: 5.5em;
}

.slot .visualContent {
  width: 100px;
  height: 10.0em;
}

.slot .textContent {
  width: 180px;
}

.slot .textContent .continue a {
  color: #64c800;
}

/* PAGER */

.pager {
  height:auto;
  padding-bottom: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #e0e0e0;
  padding-top: 0.5em;
}

.randomPager {
  text-align: right;
}

.absolutePager {
  text-align: center;
  width:auto;
}

.pager .index {
  font-size: 0.9em;
  padding-left: 0.4em;
  padding-right: 0.4em;
}

.pager a.index {
  color: #aaaaaa;
}

.pager .selected {
  color: #484848;
  font-weight: bold;
}

.pager a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #484848;
  cursor: pointer;
}

.pager .button {
  vertical-align: middle;
}

.pager .button:hover {
  cursor: pointer;
}

.pager .previous {
  padding-right: 0.7em;
}

.pager .next {
  padding-left: 0.7em;
}

.red .pager .button {
  width: 36px;
  height: 36px;
}

.green .pager .button {
  width: 36px;
  height: 36px;
}

/* LETTER SHORTCUTS */

.letterShortcuts {
  text-align: center;
  padding-bottom: 0.5em;
}

.letterShortcuts a {
  color: #aaaaaa;
  font-weight: bold;
  padding: 0.5em;
}

.letterShortcuts a:hover {
  text-decoration: none;
  color: #484848;
}

/* LEGEND */

.legend {
  font-size: 0.85em;
  text-align: center;
}

.legend .links {
  padding-top: 0.3em;
}

.legend .links a {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.legend .links a:hover {
  text-decoration: none;
  color: #64c800;
}

/* RANDOM LIST */

.randomList .legend .randomPager {
  float: right;
}

.randomList .legend .links {
  float: left;
}

.randomList .legend .links a {
  padding-left: 0em;
  padding-right: 2em;
}

/* ADULT MESSAGEBOX */
.adultMessagebox .messagebox {
  width: 561px;
}

.adultMessagebox .form {
  padding-top: 1em;
  text-align: center;
}

.adultMessagebox .form .button input {
  font-weight: bold;
}

/* DETAIL */

.contentDetail .social {
  margin-top: 0.5em;
  border-top: 1px solid #e0e0e0;
  padding-top: 0.5em;
  height: 25px;
}

.contentDetail .screenshot {
  float: left;
  margin: 0.2em;
  padding: 1px;
  border-top: 1px solid #999999;
}

.contentDetail .devices {
  font-size: 0.9em;
}

.contentDetail .devices .column {
  float: left;
  width: 140px;
}

.contentDetail .devices .brand {
  font-weight: bold;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.contentDetail .devices .column {
  float: left;
  width: 140px;
}

.contentDetail .subtitle {
  color: #aaaaaa;
  font-weight: bold;
  font-size: 0.9em;
  padding-bottom: 0.3em;
}

.contentDetail .contentInfo {
  vertical-align: top;
  font-size: 0.9em;
}

.contentDetail .contentInfo .basic {
  float: left;
  width: 300px;
}

.contentDetail .contentInfo .preview {
  float: left;
  padding-right: 1em;
}

.contentDetail .contentInfo .name, .contentDetail .contentInfo .subname {
  padding: 0px;
  margin: 0px;
  font-size: 1.0em;
}

.contentDetail .contentInfo .name {
  font-weight: bold;
}

.contentDetail .contentInfo .subname {
  font-weight: normal;
}

.contentDetail .contentInfo .advanced {
  width: 410px;
  float: right;
}

.contentDetail .contentInfo .advanced .links {
  text-align: right;
  padding-bottom: 0.5em;
  font-size: 0.9em;
}

.contentDetail .contentInfo .advanced .links a {
  padding-left: 2em;
}

.contentDetail .contentInfo .advanced a:hover {
  text-decoration: none;
  color: #64c800;
}

.contentDetail .orderInfo .order div {
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
}

.contentDetail .orderInfo .order .code {
  width: 151px;
  background: url(../img/order_code.gif) center center no-repeat;
  font-size: 1.3em;
  font-weight: bold;
}

.contentDetail .orderInfo .order .toNumber {
  white-space: nowrap;
  padding-left: 1em;
  padding-right: 1em;
}

.contentDetail .orderInfo .order .number {
  width: 105px;
  background: url(../img/order_number.gif) center center no-repeat;
  font-size: 1.3em;
  font-weight: bold;
}

.contentDetail .orderInfo .info {
  font-size: 0.9em;
}

.contentDetail .orderInfo .info em {
  font-style: normal;
  font-weight: bold;
  color: #ff8c12;
}

.contentDetail .image {
  text-align: center;
  margin: auto;
}

.contentDetail .text {
  padding-top: 1em;
  font-size: 0.9em;
}

.contentDetail .fancyButton .text {
  padding: 0px;
  font-size: 11px;
}

.contacts h2 {
  margin: 0px;
  padding: 0px;
  padding-top: 1.0em;
  padding-bottom: 0.2em;
  font-size: 1.0em;
  font-weight: bold;
}

/* ESHOP */

.largeProduct {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 5px;
  margin-bottom: 5px;
}

.largeProduct a:hover {
  text-decoration: none;
}

.largeProduct .name {
  font-weight: bold;
  color: #ff8c12;
  padding-bottom: 0.1em;
}

.largeProduct .description {
  font-size: 0.9em;
}

.largeProduct img {
  width: 128px;
  height: 96px;
  border: 1px solid #aaaaaa;
  margin: 5px;
}

.largeProduct .order strong {
  color: #ff8c12;
}

.product {
  float:left;
  width:236px;
  height:12em;
  overflow:hidden;
  word-wrap:break-word;
}

.product .name, .product a.name:hover {
  text-decoration:none;
  font-weight:bold;
  font-size:.9em;
  word-wrap:break-word;
}

.product .description {
  font-size:.8em;
  word-wrap:break-word;
  padding-top:0.5em;
  padding-bottom:0.5em;
}

.product .price {
  float:left;
  font-weight:bold;
  font-size:.9em;
  word-wrap:break-word;
}

.product .buy {
  float: right;
}

.product .buy input {
  font-size:.9em;
}

.product .border {
  float:left;
  padding:1px;
  margin-right:.2em;
  height:12em;
}

.product img.image {
  width:96px;
  height:72px;
}

.product a:hover img.image {
  width:98px;
  height:74px;
}

.smallProducts .product {
  float:left;
  width:236px;
  height:9em;
}

/* TODAY */

#today {
  font-size: 0.9em;
  padding-left: 18px;
  padding-top: 10px;
}

#today strong {
  color: #ff8c12;
}

/* ADSENSE */

.ad a:hover {
  text-decoration: none;
}

/* ADULT messagebox */

.adultMessagebox {
  width: 561px;
  background: url(../img/messagebox_adult.png) 0 0 no-repeat;
}

.adultMessagebox .text {
  padding-left: 1em;
  padding-right: 150px;
  padding-top: 30px;
}

.adultMessagebox .form {
  padding-top: 1em;
  text-align: center;
}

.adultMessagebox .form .button input {
  font-weight: bold;
}

/* scrollpane */

div.scrollPane {
  position: relative;
  overflow: hidden;
}

div.scrollPaneBody {
  clear: both;
  display: inline-block;
}

div.scrollPaneItem {
  float: left;
}

/* eshop scroll pane */

.eshopScroll .pager {
  border-top: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}

.eshopScroll .gift .product .price {
  margin-bottom: 1em;
  float: none;
}

.eshopScroll .gift {
  overflow: hidden;
}

.eshopScroll .gift .product .border {
  margin-right: 0.5em;
}

/* christmas */

.christmasCandle b.top, .christmasCandle b.bottom, .christmasGift b.top, .christmasGift b.bottom {
  background-image:url(../img/christmas/dialogue.gif);
}

.christmasCandle .dialogueBody {
  padding-top: 15px;
  background: url(../img/christmas/dialogue-body-candle.jpg) right top repeat-x;
}

.christmasGift .dialogueBody {
  padding-top: 15px;
  background: url(../img/christmas/dialogue-body-gift.jpg) right bottom repeat-x;
}

.christmasLayout1, .christmasLayout2, .christmasLayout3 {
  width: 983px;
}

.christmasLayout1 .layoutColumn1 {
  float: left;
  width: 486px;
}

.christmasLayout1 .layoutColumn2 {
  float: right;
  padding-left : 10px;
  width: 487px;
}

.christmasLayout2 .layoutColumn1 {
  float: left;
  width: 366px;
}

.christmasLayout2 .layoutColumn2 {
  float: right;
  width: 366px;
}

.christmasLayout2 .layoutColumn3 {
  width: 231px;
  margin-left: 366px;
  margin-right: 366px;
  padding-left: 10px;
}

.christmasLayout3 .layoutColumn1 {
  float: left;
  width: 320px;
}

.christmasLayout3 .layoutColumn2 {
  float: right;
  width: 331px;
}

.christmasLayout3 .layoutColumn3 {
  width: 312px;
  margin-left: 320px;
  margin-right: 331px;
  padding-left: 10px;
}

.christmasCandle .name, .christmasCandle .name a, .christmasCandle .text, .christmasGift .name, .christmasGift .name a, .christmasGift .description, .christmasGift .price {
  color: white;
}

.christmasCandle .pager {
  border-top: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}

#christmasCards .choosePicture {
  float:left;
  width: 200px;
}

#christmasCards .chooseText, #christmasCards .sendPart {
  float:left;
}

#christmasCards .chosenPicture {
  height: 185px;
  text-align: center;
  overflow: hidden;
}

#christmasCards .sendPart .space {
  height: 185px;
}

#christmasCards .chosenText, #christmasGifts .gift {
  height: 185px;
}

#christmasGifts .gift .product {
  height: 185px;
}

#christmasCards .dialogueBody, #christmasGifts .dialogueBody {
  padding-left: 6px;
  padding-right: 6px;
}

/* christmas card sender */

.christmasCandleL b.top, .christmasCandleL b.bottom {
  background-image:url(../img/christmas/dialogue.gif);
}

.christmasCandleL .dialogueBody {
  padding-top: 15px;
  padding-bottom: 15px;
  background: url(../img/christmas/dialogue-body-candle-l.jpg) right bottom repeat-x;
}

#cardForm textarea {
  font-size: 1em;
}

#cardPreview {
  width: 650px;
}

#cardPreview .card {
  padding-right: 10px;
}

#cardPreview .text {
  font-weight: bold;
  font-size: 13px;
  color: white;
  text-align: center;
  vertical-align: middle;
  width: 250px;
}

#christmas h1.title {
  color: #d00000;
}

#christmas h1.title a {
  color: #d00000;
}

#christmas h1.title a:hover {
  color: #ff0000;
}

#christmas .visualContent {
  height: 100px;
}

#christmas .ringTone {
  height: 60px;
  width: 155px;
}

/* home page */

#home .eshopScroll .gift, #home .gifts .gift .product {
  height: 174px;
}

#home .textContent {
  width: 165px;
}

#home .gift .product {
  width: 215px;
  height: 14em;
}
