body {
  background: #fff url(../img/body.jpg) repeat-x top;
}

.hidden { display: none; }

.clear{
    clear: both;
}

#wrapper {
  background: url(../img/vibokit.png) no-repeat bottom left;
  height: 875px;
  margin: 0 auto 0;
  width: 962px;
}

	ul#menu {
		float: right;
	}
		ul#menu li {
			float: left;
		}
			ul#menu li a {
				background: url(../img/sprite.png) no-repeat 0 0;
				display: block;
                height: 15px;
				float: left;
				margin: 19px 12px;
                position: relative;
				text-indent: -9999px;
			}
                ul#menu li a span {
                    background: url(../img/sprite.png) no-repeat -530px -145px;
                    bottom: -23px;
                    display: none;
                    left: 50%;
                    margin-left: -10px;
                    height: 20px;
                    position: absolute;
                    width: 20px;
                }
                ul#menu li a.active span,
                ul#menu li a:hover span { display: block; }
                
			ul#menu li.home a      { background-position: 0 -119px; width: 47px;  }
			ul#menu li.howto a     { background-position: 0 -145px; width: 288px; }
			ul#menu li.inspire a   { background-position: 0 -170px; width: 114px; }
			ul#menu li.download a  { background-position: 0 -195px; width: 95px;  }
			ul#menu li.contact a   { background-position: 0 -221px; width: 77px; margin-right: 0; }
			
			ul#menu li.home.home a:hover,
            ul#menu li a.active                   { background-position: 0 -246px; }
			ul#menu li.howto a:hover,
            ul#menu li.howto a.active             { background-position: 0 -272px; }
			ul#menu li.inspire a:hover,
            ul#menu li.inspire a.active           { background-position: 0 -298px; }
			ul#menu li.download a:hover,
            ul#menu li.download a.active          { background-position: 0 -323px; }
			ul#menu li.contact a:hover,
            ul#menu li.contact a.active           { background-position: 0 -349px; }

#content {
    float: right;
    height: 765px;
    width: 560px;
    *height: 785px;
}

    ul#language {
        display: block;
        float: right;
        height: 50px;
        *margin: 25px 0 0;
    }

		ul#language li {
			float: left;
		}
			ul#language li a {
        background: url(../img/sprite.png) no-repeat -402px -132px;
        float: left;
        height: 9px;
        margin: 20px 0 20px 15px;
        text-indent: -9999px;
        width: 15px;
			}
      ul#language li a.no { background: none; }
			ul#language li a.en { background-position: -402px -132px; }
			ul#language li a.de { background-position: -427px -132px; }
			ul#language li a.nl { background-position: -503px -132px; }
			ul#language li a.it { background-position: -532px -132px; }
			ul#language li a.es { background-position: -478px -132px; }
			ul#language li a.fr { background-position: -453px -132px; }

    #content h1 {
        background: url(../img/sprite.png) no-repeat 0 0;
        clear: both;
        display: block;
        float: right;
        height: 108px;
        margin: 0 0 15px;
        text-indent: -9999px;
        width: 547px;
    }

    #media {
        /*width: 542px;*/
        float: right;
        clear: right;
        width: 567px;
    }
        #media .image {
            background: url(../img/sprite.png) no-repeat 1px -480px;
            display: block;
            float: right;
            height: 142px;
            text-indent: -9999px;
            width: 175px;
        }
            #media .first { margin: 0 0 8px; }
            #media .second { background-position: -186px -480px;  }

        #media .movie {
            background: #fff;
            border: 3px solid #8b1353;
            display: block;
            float: left;
            height: 285px;
            margin: 1px 0 0 13px;
            overflow: hidden;
            position: relative;
            width: 350px;
            z-index: 1;
        }
        #media .img { float: left; overflow: hidden; width: 175px; margin-left: 15px; }
        #media object{ position: relative; z-index: 1; }
            #player {
                position: absolute;
                top: -5px;
                left: -10px;
            }
    p {
        clear: both;
        color: #fff;
        display: block;
        font: bold 12px/22px Arial;
        padding: 20px 35px 20px 15px;
          padding: 20px 0 10px 15px;
          *padding: 5px 0 10px 15px;
    }
        .sub p {
            font-weight: normal;
            padding: 5px 35px 5px 15px !important;
        }
        .sub p a { color: #fff; text-decoration: underline; }
        .sub textarea {
            border: 2px solid #8b1353;
            height: 50px;
            width: 400px;
            overflow: hidden;
        }

    .color {
        background: #fff url(../img/sprite.png) no-repeat 0 -645px;
        border: 3px solid #8b1353;
        display: block;
        float: right;
        height: 120px;
        width: 167px;
        margin: 0 0 0 15px;
    }

        .pink   { background-position: 0 -635px;  }
        .white  { background-position: -340px -635px; margin: 0; }
        .purple { background-position: -170px -635px; margin: 0 0 0 13px; }

#footer {
	float: right;
}

	#footer h1 {
        background: url(../img/sprite.png) no-repeat 0 -364px;
        display: block;
        float: right;
        height: 30px;
        position: relative;
        text-indent: -9999px;
        width: 705px;
	}
  #footer div { clear: right; float: right; width: 800px; width: 705px }
        #footer h1 span {
            background: url(../img/sprite.png) no-repeat 0 -390px;
            display: block;
            height: 30px;
            width: 400px;
            position: absolute;
            text-indent: -9999px;
            right: 0;
            top: 0;
        }
    #footer span.com,
    #footer span.etc,
    #footer h2 a {
        background: url(../img/sprite.png) no-repeat 0 -390px;
        display: block;
        float: left;
        margin: 0 3px 0 0;
        height: 20px;
        text-indent: -9999px;
    }
    #footer h2.feelztoys a { width: 113px; background-position: -0px -448px; margin: 0 0 0 24px;}
    #footer h2.lelo a { width: 52px; background-position: 0 -426px; }
    #footer h2.sinfive a { width: 81px; background-position: -53px -426px; }
    #footer h2.fun a { width: 125px; background-position: -138px -426px; }
    #footer h2.ohmibod a { width: 100px; background-position: -267px -426px; }
    #footer h2.manzzztoys a { width: 130px; background-position: -114px -448px; }

    #footer span.com {
        background-position: -357px -426px;
        width: 5px;
    }

    #footer span.etc {
        background-position: -244px -448px;
        width: 45px;
    }


 /* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(../img/album.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #000; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(../img/album.png) -110px -53px no-repeat; } /* Top right corner */

	div.light_rounded .pp_content { background-color: #000; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(../img/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(../img/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(../img/album.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(../img/album.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(../img/album.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(../img/album.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../img/album.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_arrow_previous { background: url(../img/album.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(../img/album.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(../img/album.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #000; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(../img/album.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(../img/loader.gif) center center no-repeat; } /* Loader icon */

	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}

	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }

			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}

			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}

		.pp_content {
			height: 40px;
			position: relative;
			text-align: left;
			width: 100%;
		}

			.pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				.pp_description {
					display: none;
					float: left;
					margin: 0;
				}

				.pp_nav {
					clear: left;
					float: left;
					margin: 3px 0 0 0;
				}

					.pp_nav p {
						float: left;
						margin: 0 4px;
					}

					.pp_nav a.pp_arrow_previous,
					.pp_nav a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}

		.pp_hoverContainer {
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}

		a.pp_next {
			background: url(../img/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
      margin: 3px 0 0;
		}

    .currentTextHolder { clear: none !important; padding: 0 !important }

		a.pp_previous {
			background: url(../img/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
      margin: 3px 0 0;
		}

		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}

		a.pp_close {
			display: block;
			float: right;
			text-indent: -10000px;
		}

		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }

			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}

			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}

		.pp_loaderIcon {
			display: none;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}

		#pp_full_res {
			display: none;
			line-height: 1 !important;
			margin: 0 auto;
			text-align: center;
			width: 100%;
		}

		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */