/* 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 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(http://www.cocorino.com/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;
}

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


#mainheader .center {
 position: relative;
 margin: 0 auto 0 auto;
 width: 900px;
 background: transparent url(http://www.cocorino.com/images/bg_header.jpg) top center no-repeat; 
 height: 226px;
 left: 0px;
}

#header {
 display: none;
}

#content .center {
 position: relative;
 top:-1px;
 padding: 0px 0px 0px 0px;
 width: 900px;
 left: 0px;
 background: transparent url(http://www.cocorino.com/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: 150px;
 width: 830px;
 position: relative;
 z-index: 1;
}


/* header */


/* main */

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

/* bottom_main */

#bottom_main {
 width: 900px;
 margin: 0px 0px 0px 0px;
 float: left;
}

/* end bottom_main */

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

.extradiv1 {
 background: transparent url(http://www.cocorino.com/images/bg_extradiv1.gif) bottom right no-repeat;
 height: 150px;
 width: 300px;
 position: absolute;
 top: 555px;
 left: 21px;
 z-index: 2000;
}

/* FORM NEWSLETTER HOMEPAGE */

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


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

/*store*/


#wrap {
 width: 900px;
}

#main-content {
 background: transparent;
 float: left;
}

.product{
/* width: 620px;*/ /*don't put any width here*/
}

.product a{
}



/* INTRODUCING THE FANCY MENU :) */


#menu_shop 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;
 font-family: Arial, Helvetica, sans-serif;
}

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

/**/

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

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


a.product-a,
a:hover.product-a,
a:focus.product-a  {
 outline: none;
}

a#product-image,
a:hover#product-image,
a:focus#product-image  {
 outline: none;
}


#footer {
 padding-top: 0px;
 position: relative;
 z-index: 0;
 margin-top: 0px;
}

.mainfooter {
 width: 900px;
 height: 174px;
 z-index: 1;
 margin-bottom: 0px;
 position: absolute;
 bottom: 0px;
 float: left;
 background: transparent url(http://www.cocorino.com/images/bottom_home.jpg) top center no-repeat;
}

#footer .center {
 width: 900px;
 padding-left: 50px;
 margin-top: 8px;
 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: 0px 35px 0px 0px;
 color:#FF3300;
 float: right;
}

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

}

#underfooter  .center {
}