/* CSS Document */
body{padding:2px; margin:2px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#00000000; font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{background:#fff; color:#000; text-decoration:none;}
a:hover{background:#fff; color:#666; text-decoration:underline;}

div#navigation{
float:left;
margin:0 auto;
font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#navigation ul{
list-style-type: none;
margin: 0;
padding:0;
}

div#navigation li{
margin: 0 0 2px;
padding:0;
}

div#navigation a{
display: block;
width: 188px;
height:57px;
line-height: 60px;
text-decoration:none;
text-indent: 10px;
background: url("images/link.gif") no-repeat top left;
color: #04467C;
font-weight:bold;
font-variant: small-caps;
}

div#navigation a:hover{
background: url("images/hover.gif") no-repeat top left;
color:#94B6D4;
}

div#navigation li#active{
display: block;
width: 188px;
height:57px;
line-height: 60px;
text-decoration:none;
text-indent: 10px;
background: url("images/activelink.gif") no-repeat top left;
color: #fff;
font-weight:bold;
font-variant: small-caps;
}

/*----TOP PANEL----*/
#topPan{width:760px; height:140px; position:relative; margin:0 auto;font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topPan #ImgPan{width:107px; height:70px; background:#fff; color:#666; position:absolute; top:25px; left:2px; padding:0 0 0 2px;}
#topPan #ImgPan img{width:102px; height:70px;}
#topPan #slide {width:140px; height:140px; float:left; position:absolute; top:100px; left:650px;}
#topPan #slide0 {width:200px; height:140px; float:left; position:absolute; top:100px; left:350px;}

#topPan ul{width:750px; height:32px; position:absolute; top:105px; right:10px;}
#topPan ul li{width:78px; height:32px; float:left;}
#topPan ul li a{width:76px; height:32px; display:block; background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#topPan ul li a:hover{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}
#topPan ul li.home{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}

#menuart ul{width:400px; height:32px; position:relative;margin:0 auto; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#menuart ul li{width:78px; height:32px; float:left;}
#menuart ul li a{width:76px; height:32px; display:block; background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#menuart ul li a:hover{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}
#menuart ul li.home{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----/TOP PANEL----*/

#cols {width:770px; background:url("images/riquadro-center.gif") 0 0 repeat-y; position:relative; margin:0 auto; padding:0 0 0 15px;}
#cols-top {width:770px; height:12px; background:url("images/riquadro-top.gif") 0 0 no-repeat; position:relative; top:7px; margin:0 auto; padding:0 0 0 15px;}
#cols-bottom {width:770px; height:12px; background:url("images/riquadro-bottom.gif") 0 0 no-repeat; position:relative; margin:0 auto; padding:0 0 0 15px;}


/* THE LEFT MENU */

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


ul#navlist li
{
        margin: 0 0 2px;
        padding:0;
}


ul#navlist li a
{
        display: block;
        width: 188px;
        height:30px;
        line-height: 33px;
        text-decoration:none;
        text-indent: 10px;
        background: url("images/link2.gif") no-repeat top left;
        color: #04467C;
        font-weight:normal;
        font-variant: small-caps;
}

ul#navlist li a:link { color: #94B6D4; }

ul#navlist li a:hover
{
        background: url("images/hover2.gif") no-repeat top left;
        color:#94B6D4;
        font-weight:bold;
}

#active a:link, #active a:visited, #active a:hover
{
          display: block;
          width: 188px;
          height:30px;
          line-height: 33px;
          text-decoration:none;
          text-indent: 10px;
          background: url("images/activelink2.gif") no-repeat top left;
          color: #94B6D4;
          font-weight:bold;
          font-variant: small-caps;
}

/* THE TOP MENU */
#navcontainer2 ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: black;
	float: left;
	width: 100%;
	font: bold 11px verdana,helvetica,arial,sans-serif;
	border: 1px solid #808080;
	background: url(images/h6_bg.png) #d9dffb;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
	padding: 0.2em 0.5em;
	color: black;
	text-decoration: none;
	float: center;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}

#navcontainer2 ul li a:hover
{
	background-color: #369;
	color: #c8c8c8;
}

/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */

#hideable {
	background-color: white;
}

/* image properties */
.imgleft {
	  float: left;
      padding: 6px 10px 6px 0px;	  
}

.imgright {
	  float: right;
      padding: 6px 0px 6px 10px;	  
}
	
img { 
	  border-width: 0px; 
}

/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg { 
	  border-style:solid;
      border-color: #D6DDE6;
      border-width:1px;
}

/* general settings */
html {
    height: 100%;
}


/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
{
	margin: 0px;
	padding: 0px;
	color: black;
}
h1 { 
	 /* left menu */
	 font-size: 13px;
     font-weight: bold;
	 color: #33517A;
}
h2 { /* page headers */
	 font-size: 14px;
     font-weight: bold;
} 
h3 { /* slogan under logo */ 
	 font-size: 15px; 
     font-weight: bolder;
     position: relative;
}
h4 { /* back to admin options, and other text links like that */
	 font-size: 12px;   
	 text-align: center;
     font-weight: normal;
}
h5 { /* product id in details.php */
	 font-size: 12px;
     font-weight: bold;
} 
h6 { /* the headers in editsettings.php */
     font-size: 13px;   
	 text-align: center;
     font-weight: bold;
     color: black;
     border: 1px solid #808080;
	 background: url(images/h6_bg.png) #d9dffb;
}

/* how the links should behave (apart from the menu) */
a { text-decoration: underline; }
a:link { color: #003366; }
a:visited { color: #003366; }
a:active { color: #003366; }
a:hover { color: #0D4D89; }

/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: black; }
a.plain:visited { color: black; }
a.plain:active { color: black; }
a.plain:hover { color: black; }

/* single pixel borders on input boxes */
input, textarea
{
   background-color: #ffffff;
   border-width: 1px;
   border-style: solid;
   border-color: black;
}

/* text in tables */
td, th {
	font: 11px Verdana,Tahoma,Arial,sans-serif;
}

/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 5px;
	border-style: hidden;
	vertical-align: middle;
}
table.borderless caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}

/* tables of this class have no border */
table#personal {
	border-collapse: collapse;
	border-style: hidden;
}
table.personal th,
table.personal td {
	border: 0px;
	padding: 0px;
	border-style: hidden;
	vertical-align: top;
}
table.personal caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
}

/* a class that describes how tables should look */
.datatable {
		border: 1px solid #666677;
		border-collapse: collapse;
		margin-left:0px;
		margin-right:auto;
                width :94%;
}
.datatable td {
		border: 1px solid #666677;	
		padding: 4px;
		text-align: left;
    	        vertical-align: top;
		background-color: #FFFFFF;
}
.datatable th {
		background-color: #ccccdd;
		font-weight: bold;
		color: #666677;
		text-align: left;
		padding: 4px;
        	border: 1px solid #808080;
	    	background: url(images/h6_bg.png) #d9dffb;
}
.datatable caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #E9EEF5;
		color: #000000;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}*/


.datatable2 {
		border: 1px solid #666677;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
}
.datatable2 td {
		border: 1px none #666677;	
		padding: 4px;
		text-align: left;
    	        vertical-align: middle;
		background-color: #FFFFFF;
}
.datatable2 th {
		background-color: #ccccdd;
		font-weight: bold;
		color: #666677;
		text-align: left;
		padding: 4px;
        	border: 1px solid #808080;
	    	background: url(images/h6_bg.png) #d9dffb;
}
.datatable2 caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable2 tr.altrow {
		background-color: #E9EEF5;
		color: #000000;
}
	
/* (?) popup properties */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
}

a.info:hover{z-index:90; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}

.entry-content img {
margin: 0 5px;
padding: 7px;
border: 1px solid #76333A;
max-width: 100%;
}

/*----Footer Panel----*/

#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #F4F4F4; color:#212121; position:relative; margin:0 auto; height:133px; clear:both;}
#footerPan{width:100%; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0;}

#footerPan ul{width:100%; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:190px; background:#F4F4F4; color:#212121; display:block; position:relative; margin:0 auto; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F4F4F4; display:block; color:#212121; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:100%; background:#F4F4F4; color:#212121; position:relative; margin:0 auto;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:73px; left:270px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}