/* Base Template CSS */


/* reset whitespace */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:0;
 padding:0;
}

html{
 height:100%;
}

a:focus img,
a:link img,
a img {
 border: 0px;
 outline: none;
}

/* basic layout */
body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000;
 line-height: 18px;
 background: #FFD9D9 url(../images/bg_background.jpg) top left repeat-x;
}

.center {
 width: 950px;
 margin: 0 auto 0 auto;
}

.left {
 float: left;
}

.right {
 float: right;
}

.clear { 
 clear: both; 
 height: 0; 
 margin: 0;
}

.miniadvert {
 height: 80px;
 width: 80px;
 top: 155px;
 right: -42px;
 z-index: 50000;
 background: transparent url(../images/shop.png) 0px 0px no-repeat;
 cursor: pointer;
 position: absolute;
}

.miniadvert a {
 outline: 0px;
}

.miniadvert img {
 z-index: 60000;
}

.miniadvert:hover {
 background: transparent url(../images/shop.png) 0px -80px no-repeat;
 cursor: pointer;
}

#logo {
 margin: 52px 0px 0px 29px;
 width:280px;
 height: 50px;
 position: absolute;
}

#logo a, logo a:focus {
 outline: none;
}

#logo a img, logo a:focus img {
 outline: none;
}

#header .center {
 position: relative;
 margin: 0 auto 0 auto;
 background: transparent url(../images/bg_header.jpg) top center no-repeat; 
 height: 226px;
 width: 900px;
 z-index: 2000;
}

#content .center {
 position: relative;
 top:-1px;
 padding: 0px 0px 0px 0px;
 width: 900px;
 background: transparent url(../images/bg_content.jpg) top center repeat-y; 
}

* html #content {
 position: relative;
 top: -1px;
}

#flashcontent {
 border: 5px solid #FF3300;
 float: left;
 margin: 0px 0px 0px 29px;
 height: 285px;
 width: 830px;
 position: relative;
 z-index: 1;
}


#footer {
 height: 20px;
 padding-top: 5px;
 margin-top: 1px;
 position: relative;
 z-index: 2;
}

#footer .center {
 width: 900px;
 padding-left: 50px;
 color:#FF3300;
}


#footer .left {
 width: 250px;
 margin: 2px 0px 0px 20px;
 color:#FF3300;
 float: left;
}

#footer .left a {
 color:#FF3300;
 text-decoration: none;
 outline: none;
}

#footer .left a:hover {
 color: #336633;
 text-decoration: none;
 outline: none;
}

#footer .right {
 width: 190px;
 margin: 2px 20px 0px 0px;
 color:#FF3300;
 float: right;
}

#footer .character {
 position: absolute;
 width: 120px;
 height: 132px;
 margin: -90px 0px 0px -110px;
 color:#FF3300;
}

.character a,
.character a img,
.character a:focus img  {
 outline: none;
}

#underfooter {
 height: 173px;
 z-index: 0;
 margin-top: -100px;
 background: transparent url(../images/bg_underfooter.png) bottom center repeat-x; 
 display: none;
}

/* header */

/* toogle panel */

#top-panel {
 height: 295px;
 width: 295px;
 float: right;
 background: transparent url(../images/bg_top-panel.png) no-repeat left top;
}


#top-panel_copy {
 margin: 18px 20px 0px 20px;
 width: 260px;
}

#top-panel_copy p {
 color:#FFFFFF;
 font-size: 11px;
 padding: 2px 0px 2px 0px;
 margin-top:13px;
 line-height: 16px;
 letter-spacing: 0.02em;
}

#top-panel_copy p.highlighted {
 color:#FFFFFF;
 font-size: 11px;
 padding: 2px 0px 2px 16px;
 margin-top:13px;
 line-height: 16px;
 letter-spacing: 0.02em;
 background: transparent url(../images/bg_highlighted.gif) top left repeat-y;
}

#top-panel_copy span {
 float: right;
 margin-bottom: 10px;
}

#top-panel_copy span a {
 color: #FF3300;
 text-decoration: none;
}

#top-panel_copy span a:hover {
 text-decoration: underline;
}



#top-panel_header {
 height: 92px;
 width: 300px;
 background: transparent url(../images/bg_top-panel_header.png) no-repeat left top;
}

#sub-panel span {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0px;
 right: -10px;
 background: url(../images/btn-slide.gif) no-repeat left bottom;
 height: 9px;
 width:21px;
 z-index: 10000;
 cursor: pointer;
}

#overpositioned {
 position:absolute;
 z-index:10;
 top: 0px;
 left: 0px;
}

#underpositioned {
 position:absolute;
 z-index:5;
 top: 0px;
 left: 0px;
 width: 860px;
 height: 295px;
}

/* main */

#main {
 width: 840px;
 margin: 0px 0px 0px 28px;
 float: left;
}


/* stylesheet for the homepage */

#innerpage,
#home {
 background: transparent url(../images/bottom_home.jpg) bottom right no-repeat;
 float: left;
 width: 900px;
 padding-bottom:30px;
}

#innerpage p,
#home p {
 line-height: 18px;
 color:#000;
 font-size: 12px;
 letter-spacing: 0.01em;
}

/* leftcol homepage */

#innerpage .leftcol,
#home .leftcol {
 width: 308px;
 margin: 0px 0px 0px 13px;
 float: left;
 height: 200px;
}

#home .leftcol h1 {
 color:#FF3300;
 font-size: 22px;
 margin:18px 0px 6px 0px;
 width: 308px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 background: transparent url(../images/whatiscocorino.gif) top left no-repeat;
}

#home .leftcol ul {
 width: 91px;
 height: 30px;
 width: 308px;
 margin-top: 20px;
 float: left;
}

#innerpage .leftcol ul li,
#home .leftcol ul li {
 list-style-type: none;
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
}

#innerpage .leftcol ul li {
 margin-top: 25px;
}

#home .leftcol ul li a {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 /*background: transparent url(../images/bt_learnmore.gif) 0px 0px no-repeat;*/ /* if you want the button learn more */
 background: transparent url(../images/bt_readblog.gif) 0px 0px no-repeat;  /* if you want the button read blog */
}


#home .leftcol ul li a:hover {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 /*background: transparent url(../images/bt_learnmore.gif) 0px -30px no-repeat;*/ /* if you want the button learn more */
 background: transparent url(../images/bt_readblog.gif) 0px -30px no-repeat; /* if you want the button read blog */
}

#home .leftcol p strong a:hover,
#home .leftcol p strong a {
 color:#FF3300;
 font-weight: bold;
 text-decoration: none;
}

#innerpage .leftcol p strong,
#home .leftcol p strong {
 color:#FF3300;
}

/* end of leftcol homepage */

/* rightcol homepage */

#home .rightcol {
 width: 490px;
 height: 200px;
 margin: 0px 0px 0px 0px;
 float: right;
}

#home .rightcol-text {
 float: left;
 margin-top: 0px;
 width: 260px;
 margin-left:10px;
}

#home .rightcol-text h1 {
 color:#FF3300;
 font-size: 22px;
 margin:16px 0px 6px 0px;
 width: 260px;
 height: 30px;
 text-indent: -9999px;
 outline: none;
 background: transparent url(../images/buyfrom.gif) top left no-repeat;
}

#home .rightcol img{
 float: right;
}

#home .rightcol ul {
 width: 91px;
 height: 30px;
 width: 260px;
 margin-top: 25px;
 float: left;
 list-style-type: none;
}

#home .rightcol ul li a {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bt_enter.gif) 0px 0px no-repeat;
}

#home .rightcol ul li a:hover {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bt_enter.gif) 0px -30px no-repeat;
}

#home #rightcol-image {
 float: right;
 width: 218px;
 margin-top: 0px;
}

#home .rightcol p strong {
 color:#107CC7;
}

#home .rightcol p a,
#home .rightcol p a:hover {
 color:#107CC7;
}

/* end of rightcol homepage */

/* bottom_main */

#home #bottom_main {
 width: 840px;
 margin: 0px 0px 0px 38px;
 float: left;
}

/* bottom_main .leftcol */

#home #bottom_main .rightcol {
 width: 480px;
 height:200px;
 margin: 0px 0px 0px 40px;
 float: left;
}
#home #bottom_main .leftcol {
 width: 310px;
 margin: 0px 0px 0px 2px;
 float: left;
 height: 172px;
 background: url(../images/bg_newsletter.png) no-repeat left top;
}

/* bottom_main .rightcol */

#home .rightcol a {
 text-decoration:none;
 color:#FF3300;
}

#home .rightcol a:hover {
 text-decoration:underline;
 color:#FF3300;
}

#home #bottom_main .rightcol a {
 text-decoration:none;
 color:#336633;
 font-weight: bold;
}

#home #bottom_main .rightcol a:hover {
 text-decoration:none;
 color:#336633;
 font-weight: bold;
}

#home #bottom_main .rightcol h1 {
 color: #336633;
 font-size: 22px;
 margin:18px 0px 6px 0px;
 width: 308px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 background: transparent url(../images/lovecocorino.gif) top left no-repeat;
}

#home #bottom_main .rightcol p {
 color:#000000;
}

#home #bottom_main .rightcol p strong {
 color: #336633;
}

#home #bottom_main .rightcol ul li a {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bt_learnmore_green.gif) 0px 0px no-repeat;
}

#home #bottom_main .rightcol ul li a:hover {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bt_learnmore_green.gif) 0px -30px no-repeat;
}

/* end .rightcol */

/* end bottom_main homepage */


/* stylesheet for the contacts */

.contacts .extradiv {
 background: transparent url(../images/bestietta_home.png) bottom right no-repeat;
 height: 67px;
 width: 54px;
 position: absolute;
 top: 410px;
 left: 484px;
}

.contacts {
 float: left;
 width: 100%;
 padding-bottom:30px;
}

.contacts .leftcol {
 width: 540px;
 margin: 0px 0px 0px 10px;
 float: left;
}

.contacts .leftcol h1 {
 color:#FF3300;
 font-size: 22px;
 margin:18px 0px 6px 0px;
 width: 450px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 background: transparent url(../images/get_in_touch.gif) top left no-repeat;
}

.contacts .leftcol1 {
 width: 505px;
 height: 400px;
 margin: 0px 0px 0px 2px;
 float: left;
 background: transparent url(../images/bg_extradiv1_contact.gif) top left no-repeat;
 position: absolute;
 top: 205px;
 z-index: 2000;
}




/*contact form*/

.contacts #mainform {
 float: left;
 width: 450px;
 margin-top: -3px;
}

#contactform #mainform p {
 width: 430px;
 margin: 0px;
 float: left;
 height: 30px;
}

#contactform #mainform p.name {
 text-indent: -9999px;
 outline: none;
 height: 30px;
 background: transparent url(../images/people_generally_call_you.gif) top left no-repeat;
}

#contactform #mainform p.email {
 text-indent: -9999px;
 outline: none;
 height: 30px;
 background: transparent url(../images/email_address.gif) top left no-repeat;
}

#contactform #mainform p.message {
 text-indent: -9999px;
 outline: none;
 height: 30px;
 background: transparent url(../images/message.gif) top left no-repeat;
}

.contacts label {
 float: left;
 width: 450px;
 margin: 0px 0px 10px 0px;
}

.contacts label img{
 margin-left: 0px;
}

.contacts input {
 /*border: 1px solid #8BA170;
 //border: 1px dashed #FF3300;*/
 border: 0px;
 width: 285px;
 padding-top: 4px;
 padding-left: 5px;
 padding-right: 10px;
 height: 26px;
 margin-left: 0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 background: #E0E4B2;
 background: transparent url(../images/bg_input.gif) top left no-repeat;
}

.contacts input#email {
 border: 0px;
 width: 285px;
 padding-top: 4px;
 padding-left: 5px;
 padding-right: 10px;
 height: 26px;
 margin-left: 0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 background: #E0E4B2;
 background: transparent url(../images/bg_input_email.gif) top left no-repeat;
}


textarea {
 border: 0px;
 width: 400px;
 height: 120px;
 overflow: auto;
 padding-top: 5px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 6px;
 float: left;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 position: relative;
 top: 0px;
 left: 0px;
 background: transparent url(../images/bg_textarea.gif) top left no-repeat;
}

.contacts .submit {
 margin-top: 15px;
 margin-left: -4px;
}

.contacts input.bt_send {
 border: 0px;
 height: 30px;
 width: 91px;
 float: left;
 background: transparent;
 outline: none;
}

/* end contacts */

/* stylesheet for the characters */

/* end characters */


.characters  #innerpage .leftcol {
 width: 860px;
 float: left;
 margin: 0px 0px 0px 1px;
}

.characters  #innerpage .leftcol p {
 width: 850px;
 float: left;
 margin-left: 10px;
 margin-bottom: 10px;
}

.grid img {
 display: visible;
}

.grid a {
 outline: none;
}

.grid a:hover {
 outline: none;
}

.characters .leftcol .grid {
 width: 212px;
 height: 212px;
 float: left;
 margin: 0px 0px 10px 0px;
}

#page.characters .leftcol h1 {
 color:#FF3300;
 font-size: 22px;
 margin:20px 0px 12px 8px;
 width: 800px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/characters.gif) top left no-repeat;
}


/* stylesheet for the cocorinoworld */


#page #flashcontent {
 border: 5px solid #FF3300;
 float: left;
 margin: 0px 0px 0px 29px;
 height: 150px;
 width: 830px;
 position: relative;
 z-index: 1;
}

#page .leftcol {
 width: 480px;
 margin-right: 10px;
 float: left;
 height: 100%;
}

#page .rightcol {
 width: 330px;
 float: left;
 margin-top:-4px;
 height: 100%;
}

#page .rightcol ul {
 list-style-type: none;
}

#page .rightcol .box-1 {
 width: 330px;
 float: left;
 margin-left: 10px;
 margin-bottom: 25px;
 margin-top: 58px;
 position: relative;
}

#page .rightcol .box-2 {
 width: 330px;
 float: left;
 margin-left: 10px;
}

#page .rightcol .box-2 {
 width: 290px;
 margin-bottom: 25px;
 float: left;
 margin-left: 52px;
 position: relative;
}

#page .rightcol .box-1 .button {
 position: absolute;
 top: 112px;
 left: 182px;
 width: 90px;
 height: 30px;
 z-index: 10;
}

#page .rightcol .box-2 .button {
 position: absolute;
 top: 118px;
 left: 140px;
 width: 90px;
 height: 30px;
 z-index: 10;
}

#page .rightcol ul.shopnow li a {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bg_shopnow.gif) 0px 0px no-repeat;
}

#page .rightcol ul.shopnow li a:hover {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bg_shopnow.gif) 0px -30px no-repeat;
}

#page .rightcol ul.sayhello li a {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bg_sayhello.gif) 0px 0px no-repeat;
}

#page #socialnetwork.button{
 float: left;
 width: 130px;
}

#socialnetwork ul{
 width: 32px;
 float: left;
 margin: 0px 5px 0px 0px;
}

#page .rightcol ul.facebook li a {
 width: 32px;
 height: 32px;
 float: left;
 outline: none;
 background: transparent url(../images/facebook.gif) 0px 0px no-repeat;
}

#page .rightcol ul.flickr li a {
 width: 32px;
 height: 32px;
 float: left;
 outline: none;
 background: transparent url(../images/flickr.gif) 0px 0px no-repeat;
}

#page .rightcol ul.twitter li a {
 width: 32px;
 height: 32px;
 float: left;
 outline: none;
 background: transparent url(../images/twitter.gif) 0px 0px no-repeat;
}





#page .rightcol ul.sayhello li a:hover {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bg_sayhello.gif) 0px -30px no-repeat;
}

#page .rightcol ul.learnmore li a {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bt_learnmore_green.gif) 0px 0px no-repeat;
}

#page .rightcol ul.learnmore li a:hover {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bt_learnmore_green.gif) 0px -30px no-repeat;
}

#page.cocorinoworld .leftcol h1 {
 color:#FF3300;
 font-size: 22px;
 margin:20px 0px 12px 0px;
 width: 460px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/the_weird_world_of_cocorino.gif) top left no-repeat;
}

#page.cocorinoworld .leftcol h2 {
 color:#FF3300;
 font-size: 22px;
 margin:20px 0px 12px 0px;
 width: 460px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/how_the_spell.gif) top left no-repeat;
}

#page .leftcol p,
#page .rightcol p {
 float: left;
 width: 470px;
 margin-bottom: 8px;
}

#page .leftcol p a,
#page .leftcol p a:hover {
 color:#FF3300;
 text-decoration: none;
}

#page.cocorinoworld .leftcol ul li a {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bt_entershop.gif) 0px 0px no-repeat;
}

#page.cocorinoworld .leftcol ul li a:hover {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bt_entershop.gif) 0px -30px no-repeat;
}

/* stylesheet for the faq */

#page.faq .leftcol h1 {
 color:#FF3300;
 font-size: 22px;
 margin:20px 0px 0px 0px;
 width: 460px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/faq.gif) top left no-repeat;
}

#page.faq .leftcol h2#shipping {
 color:#FF3300;
 font-size: 14px;
 margin:20px 0px 0px 0px;
 width: 460px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/shipping.gif) top left no-repeat;
}

#page.faq .leftcol h2#onlineshop {
 color:#FF3300;
 font-size: 14px;
 margin:20px 0px 0px 0px;
 width: 460px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/onlineshop.gif) top left no-repeat;
}

#page.faq .leftcol h3 {
 color:#336633;
 float: left;
 font-size: 13px;
 margin: 10px 0px 16px 0px;
 width: 460px;
}

#page.faq .leftcol strong {
 color:#336633;
 font-weight: bold;
}

#page.faq .leftcol a {
 color:#336633;
 text-decoration: none;
}

#page.faq .leftcol p{
 float: left;
 width: 470px;
 margin-bottom: 3px;
 margin-top: 0px;
}

/* stylesheet for the terms*/

#page.terms .leftcol h1 {
 color:#FF3300;
 font-size: 22px;
 margin:20px 0px 0px 0px;
 width: 460px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/terms.gif) top left no-repeat;
}

#page.terms .leftcol h2#shipping {
 color:#FF3300;
 font-size: 14px;
 margin:20px 0px 0px 0px;
 width: 460px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/shipping.gif) top left no-repeat;
}

#page.terms .leftcol a {
 color:#336633;
 text-decoration: none;
}

#page.terms .leftcol p{
 float: left;
 width: 470px;
 margin-bottom: 3px;
 margin-top: 0px;
}

#page.terms .leftcol h3 {
 color:#336633;
 float: left;
 font-size: 13px;
 margin: 10px 0px 16px 0px;
 width: 460px;
}

#page.terms .leftcol strong {
 color:#336633;
 font-weight: bold;
}

/* stylesheet for the toydesign e investor */

#page.investor .leftcol h1 {
 color:#FF3300;
 font-size: 22px;
 margin:20px 0px 10px 0px;
 width: 460px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/lovecocorino2.gif) top left no-repeat;
}

#page.investor .leftcol h2 {
 color:#FF3300;
 font-size: 22px;
 margin:6px 0px 6px 0px;
 width: 460px;
 text-indent: -9999px;
 outline: none;
 height: 30px;
 float: left;
 background: transparent url(../images/youcan.gif) top left no-repeat;
}

#page .leftcol p,
#page .rightcol p {
 float: left;
 width: 470px;
 margin-bottom: 8px;
}

#page.investor .leftcol p a,
#page.investor .leftcol p a:hover {
 color:#336633;
 text-decoration: none;
}

#page.investor .leftcol p strong {
 color:#336633;
 font-weight: bold;
}



#page.investor .leftcol ul li a {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bg_contactus.gif) 0px 0px no-repeat;
}

#page.investor .leftcol ul li a:hover {
 width: 91px;
 height: 30px;
 float: left;
 outline: none;
 background: transparent url(../images/bg_contactus.gif) 0px -30px no-repeat;
}


/*end cocorinoworld */

.bottom_links {
 margin: 22px 0px 0px 26px;
 float: left;
 width: 800px;
}

/* end main */

/* links */

a,
a:visited {
 color: #000;
 text-decoration: none;
}

a:hover {
 color: #000;
 text-decoration: underline;
}


/* INTRODUCING THE FANCY MENU :) */

#menu_shop a {
 width: 60px;
}

#menu_blog a {
 width: 60px;
}

#menu_faq a {
 width: 60px;
}

#fancymenu {
 position: relative;
 height: 28px;
 width: 521px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 29px;
 overflow: hidden;
 }
 
#fancymenu ul {
 padding: 0;
 margin: 0;
}
  
/* Don't apply padding here (offsetWidth will differ in IE)
 If you need padding add it to the child anchor */

#fancymenu ul li {
 float: left;
 list-style: none;
 margin: 0px 10px 0px 0px;
 text-align: center;
 z-index: 10;
 position: relative;
}

 
#fancymenu ul li a {
 z-index: 12;
 display: block;
 float: left;
 font-weight: bold;
 padding: 5px 0px 0px 0px;
 height: 23px;
 font-size: 13px;
 position: relative;
 overflow: hidden;
 outline: 0px;
 text-decoration: none;
 color: #2B2625;
}

#fancymenu ul li a:hover {
 text-decoration: none;
 color: #2B2625;
}

/**/

/* FORM NEWSLETTER HOMEPAGE */

/*
#home .extradiv {
 background: transparent url(../images/bestietta_home01.png) bottom right no-repeat;
 height: 103px;
 width: 93px;
 position: relative;
 top: -80px;
 left: 241px;
}
*/

#home .extradiv1 {
 background: transparent url(../images/bg_extradiv1.gif) bottom right no-repeat;
 height: 150px;
 width: 300px;
 position: absolute;
 top: 545px;
 left: 39px;
 z-index: 2000;
}


input#newsletter {
 position: relative;
 top: 0px;
 z-index: 20;
 font-size: 10px;
 padding-bottom: 1px;
 left: 58px;
 width: 171px;
 height: 12px;
 color:#333;
 border: 1px solid #FF3300;
 background: white;
}

#formnewsletter {
 margin-top: 103px;
}

input.bt_submit {
 position: relative;
 top: 3px;
 z-index: 20;
 left: 58px;
 height: 15px;
}


/* FORM NEWSLETTER HOMEPAGE */

#menu_home a {
 width: 60px;
}
  
#menu_cocorinoworld a {
 width: 120px;
}
  
#menu_characters a {
 width: 80px;
}
  
#menu_contact a {
 width: 70px;
}


/**/

#fancymenu li.background {
 background: url('../images/bg_menu_right.gif') no-repeat top right;
 z-index: 8;
 position: absolute;
 visibility: hidden;
}

#fancymenu .background .left {
 background: url('../images/bg_menu.gif') no-repeat top left;
 height: 59px;
 margin-right: 9px; /* 7px is the width of the rounded shape */
 width:6px;
}

/* ######################################################### Hack for Safari on mac ################################################## */

html[xmlns*=""] #top-panel {
 height: 295px;
 width: 295px;
 float: left;
 margin-left: 565px;
 background: transparent url(../images/bg_top-panel.png) no-repeat left top;
}


html[xmlns*=""] #contact textarea {
 border: 1px solid #FFF;
 width: 420px;
 height: 130px;
 overflow: auto;
 padding-top: 3px;
 padding-left: 5px;
 float: right;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 position: relative;
 top: 0px;
 left: -3px;
 background: #E0E4B2;
}


html[xmlns*=""] #contact .submit {
 margin-top: -5px;
 margin-left: -2px;
}

/* ######################################################### Hack for Firefox3 ####################################### */



/* example_6 css */
#example_6 {
 position: relative; /* important */
 overflow: hidden; /* important */
 width: 830px; /* important */
 height: 285px; /* important */
 margin: 0;
}

#example_6_content {
 position: absolute;
 top: 0px;
 margin-left: 0px;
}

#example_6_content
#example_6_content li {
 list-style: none;
 margin: 0;
 padding: 0;
}

#example_6_content {
 width: 33440px;
}
#example_6 ul li {
 display: block;
 float: left;
 margin: 0;
 padding: 0;
 border: none;
}

#example_6 ul li img {
 display: block;
}

#example_6_frame {
 position: absolute;
 margin: 240px 0px 0px 10px;
}


#example_6_frame ul li {
 margin: 0px 3px 0px 3px;
 background: transparent url(../images/bg_circle.png) 0px 0px no-repeat;
 height: 34px;
 width: 34px;
 cursor: pointer;
}

#example_6_frame ul li a {
 outline: none;
}

#example_6_frame ul li:hover {
 margin: 0px 3px 0px 3px;
 background: transparent url(../images/bg_circle.png) 0px -34px no-repeat;
 height: 34px;
 width: 34px;
 cursor: pointer;
}

#example_6_frame ul li img{
 /*border: 1px solid #FEFEFE;*/
 /*padding: 3px;*/
  width: 34px;
  height: 34px;
}

#example_6_frame ul li img:hover {
 /*background-color:#FFFFFF;*/
}
			
/*ShadowBox*/

#ZoomClose,
#ShadowBox {
 display: none;
}