/*stili per il layout fisso con posizionamenti assoluti*/
html,body{margin: 0;padding:0; background-color: #cccccc}

body{font-family:  Georgia, "Times New Roman", Times, serif;font-size: 76%;text-align: center}

div#container
{
	position: relative;
	width:980px; 
	margin: 10px auto auto 10px;
	padding-top: 2px;
    border-left: 0px solid #ccc; 
    border-right: 0px solid #ccc;
    background-color: White /**/
}
    
div#container2{background: url(3leftcol.jpg) repeat-y top left;text-align: left}

/*stili generici, su header e footer*/
div#header
{
	width: 100%;
	height: 70px;
	border:0px; 
	border-color:blue;
	color:#000;
	font: green;
	font-weight:bold;
	margin: 5px 0px 0px 0px;
}

div#logo
{
  border: 0px;
  height: 70px;
  width: 70px;
  float: left;
  text-align: center;
  border: 0px;
}	
div#logo img{
  display: inline;
  padding: 2px 2px 0px 5px;/*margin: 0px;*/
  border: 0px;
}

h1,h2,h3,h4{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}

/*stili specifici per il layout*/
div#navigation
{
	position: absolute;
	top: 201px; 
	left: 1px;
    width: 150px;width:160px;width:150px;
    padding: 10px 0 10px 5px;
    border-right: 1px dashed #dcdcdc;
	min-height: 650px;
	/*margin-bottom: 10px;*/
	overflow:hidden;
}

/*#navigation {min-height:650px;}
* html #navigation {height:650px;}*/

div#extra
{
	text-align: left;
	position: absolute;
	top: 201px; 
	right: 0;
    width: 160px;width:180px;width:160px;
    border-left: 0px;/* 1px dashed #dcdcdc;*/
	padding: 10px 0 0 5px;
}

div#cart
{
	text-align: left;
	position: absolute;
	top: 111px; 
	right: 0;
    width: 150px;width:180px;width:150px;
    border-left: 0px;/* 1px dashed #dcdcdc;*/
	padding: 0px 0 0 0px;
	margin: 0px 10px;
}

div#content
{
	text-align: left;
	margin: 0 174px 0 175px;
	padding: 5px 5px 5px 0px;
	background-color: #fff;
	min-height: 650px;
	/*border:1px dotted blue;*/
	margin-top: 10px
}

#content {min-height: 650px;}
* html #content {height: 650px;}

div#info{
	text-align: left;
	margin: 0 174px 0 175px;
	padding: 5px 5px;
	background-color: #fff;
	min-height:650px;
	/*border:1px dotted blue;*/
	margin-top:10px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin-top:40px; 
	margin-left: 190px; 
	width: 70%; 
	border:solid 1px
}

/*#info {min-height:650px;}*/
* html #info {height:650px;}
#info li {
	padding:2px 15px;
	margin:0px 15px;
	text-decoration:none;
}

div#detailcontent
{
	text-align: left;
	margin: 10px 175px 0 0;
	padding: 1em 5px 5px;
	background-color: #fff;
	Width: 625px;
	min-height:750px;
}

#detailcontent {min-height:650px;}
* html #detailcontent {height:650px;}

div.footer
{
	text-align: left;
	margin: 0 175px;
	padding: 1em 10px;
	background-color: #fff;
	text-align:center; 
	padding: 5px 0; 
    color: #000
}

div#footer
{
	text-align:center; 
	padding: 5px 0; 
    color: #000;/**/
	clear:both;
	text-align:center; 
	padding: 5px 0;
    /*background-color:#999966 ; */
    color: #000;
	border: 0px solid #ccc;
	border-top: 2px solid #ccc;
	margin-top: 10px;
	margin-bottom: 20px;
}

div#footer a{color: black;text-decoration: underline}

div#sitemap
{
	float:left;
	font-family: arial,sans-serif;
	width: 82%;
	padding: 5px 0px;
	/*padding-left: 0px;*/
	border-bottom: 1px dashed #dcdcdc;
	border-bottom-color:#dcdcdc;
}

div#searchbar
{
	float:left;
	font-family: arial,sans-serif;
	text-align:center;
	width: 81%;
	padding: 5px 5px;
	border: 0; 
	background:#dcdcdc;
}

div.leftadvert
{
  float: left;
  margin: 10px 0px 10px 0px;
  padding: 0px 5px 0px 0px;
  height: auto;
  width: 100%;
  text-align: left;
  border: 0px solid green;
}	
div.leftadvert img{
  display: inline;
  border: 0px;
}

div.product
{
  float: left;
  width:285px;
  padding-right: 5px;
  margin: 15px 5px 10px 5px;
  height: auto;
  text-align: left;
  font-weight:bold;
  border-right: 1px dashed #dcdcdc;
}	
div.product img{
  float: left;
  display: inline;
  padding: 10px 20px 0px 0px;
  border: 0px;
  height:116px; 
  width:116px;
}

div.producttitle{
	font-family: arial,sans-serif;
	font-size: 100%;
	width: 280px;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	border: 0;
	background-color: #90ee90;
	/*background-image: url('Images/Yellowish.jpg');*/
}

div.detail
{
  float: left;
  width:100%;
  padding-right: 5px;
  margin: 0px 10px 0px 0px;
  height: auto;
  text-align: left;
}	
div.detail img{
  float: left;
  display: inline;
  padding: 5px 20px 5px 0px;
  border: 0px;
  height:400px; 
  width:300px;
}

div.category
{
  float: left;
  margin: 5px;
  padding:5px;
  height: auto;
  text-align: center;
  border: 1px solid green;
}	
div.category img{
  display: inline;
  border: 0px;
  height:170px; 
  width:180px;
}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
/*div#navigation a{color:#369;font-size: small;text-decoration: none}
div#navigation a{color:#369;font-size: small bold 1.2em/1.4em arial,sans-serif;text-decoration: none}*/
div#navigation a{color:#369;font: small bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: #ff0000}
div#navigation p{font-size: 90%}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}

/*--------Addings-------------*/
div.img
{
  margin: 0px;
  border: 0px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  border: 0px;
}	
div.img img{
  display: inline;
  margin: 0px;
  border: 10px;
  border-color:Black;
}

h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 2.5em}
h2 {
	color : #69f;
	font-size: 2.5em;
	margin : 0;
}

#menuhover{
	font-size:11px;
	font-weight:bold;
	padding:4px;
	height:30px;
}

#menuhover a, #menuhover a:visited {
  text-decoration:none; 
  background-color:#fff; 
  color:#000; 
  display:block; 
  /*width: 10em;
  height: 1.5em;
  font-size:small;*/
  border-bottom:1px solid #fff;
  padding-left:0.5em;
  }

#menuhover ul:li{
	background:none;
	display:block;
	float:none;
	margin:0 6px;
	border:0;
	height:auto;
	line-height:normal;
	border-top:solid 1px #DEDEDE;
}

#menuhover li a{
	font-size:11px;
	font-weight:bold;
	border-top:solid 1px #DEDEDE;
}
#menuhover a:hover {
  text-align: center;
  }

#menu{
	padding:0;
	margin:0;
	background:#fc6;
	color:#fff;
	font-family:  Georgia, "Times New Roman", Times, serif;
	white-space:nowrap;
	list-style-type:disc;
}
#menu li {display:inline;}
#menu li a{
	padding:0.2em 1em;
	background:#fc6;
	color:#000;
	text-decoration:none;
	float:left;
	/*border:1px solid #000;*/
}
#menu li a:hover
{
background:#08c;
color:#fff;
}

.button {
    border:1px solid #64493E;
    color:#6D584D;
    background-color:#FAEBE7;
    font-size:smaller;
}

.FileUpload {
    border:1px solid #64493E;
    color:#6D584D;
    background-color:#FAEBE7;
    font-size:smaller;
}

.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}
div.readmore {
	text-align:right;
}
/**********Top Navigation tab***********/
#tabsE 
{
	float:left;
	width:100%;
	background:#90ee90;
	font-size:90%;
	line-height:normal;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	font-family: arial,sans-serif;
 }

#tabsE ul 
{
	margin:0;
	padding:10px 0px 0px 50px;
	list-style:none;
}
#tabsE li 
{
  display:inline;
  margin:0;
  padding:0;
}
#tabsE a 
{
  float:left;
  background:url("Images/tableftE.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 3px;
  text-decoration:none;
  }
#tabsE a span {
  float:left;
  display:block;
  background:url("Images/tabrightE.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
  color:#FFF;
}
#tabsE a:hover {
  background-position:0% -42px;
}
#tabsE a:hover span {
  background-position:100% -42px;
}


div.Boxed{
	font-family: arial,sans-serif;
	font-size: 100%;
	width: 100%;
	padding: 1em 5px;
	margin-right: 5px;
	margin-bottom: 1em;
	border: 1px solid #000;
	overflow:hidden;
	background-color: #f0f8ff;
	/*background-image: url('Images/Yellowish.jpg');*/
}


#Boxed a {}

div.NoBoxed{
	font-family: arial,sans-serif;
	font-size: 72%;
	width: 100%;
	padding: 1em 5px;
	margin-right: 5px;
	margin-bottom: 1em;
	border: 0;
	background-color: #f0f8ff;
	/*background-image: url('Images/Yellowish.jpg');*/
}

div.NoBoxed a {}

div.Boxed a:hover {text-decoration:underline;}

div.textimage{width: 400px;margin-bottom: 10px;border: 1px solid #000;background-color: #f9f9f9}
div.textimage img{float:left;margin: 10px}
div.textimage h2, div.textimage p{margin:0 10px;padding: 0}
div.textimage h2{margin-top: 10px; color: #666}
div.clearer{clear: left}

.button {
    border:1px solid #963427;
    font-size:1em;
    background-color:#F7DE8A;
    color:#964327;
    } 
#content .button {
    padding:0.1em 0.3em;
    border-color:#963427;
    background-color:#F1AC2C;
    color:#FFFFFF;
}
.txtBox {
    border: 1px solid #964327;
    font-size:1em;
    background-color: #FFFFFF;
}

html>body #content .txtBox{font-size:1.2em;}

fieldset#groupframe 
{
	width: 400px;
	border: thin;
	border-color: #00FF00;
	color: #FF0000;
	top: auto
}

div.spot
{
	width: 250px;
	margin-bottom: 10px;
	/*background: #E6E6E6;*/
	color:#000;
	border: 3px;
}
div.spot h3
{
	font-size: 100%;
	margin:0;
	padding: 0 0 3px;
	background-color: #FFC5FF;
	color: #000;
	text-align: center
}

div.news{
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	width: 100%;
	padding: 0em 5px;
	margin-right: 5px;
	margin-bottom: 1em;
	border: 1px solid #000;
	overflow:hidden;
}

div.headlines{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	width: 100%;
	padding: 1em 5px;
	/*margin-top: 15px;*/
	margin-bottom: 1em;
	background-color: #afeeee;
}

div.generalinfo{
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 72%;
	width: 100%;
	padding: 1em 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	border: 1px solid #000;
	overflow:hidden;
}

div.commentheader
{
	width: 40%;
	margin-top: 1em;
	padding: 0.1px 5px;
	background: #fff8dc;
	color:#000;
	border: 1px;
}

div.commentcontent
{
	width: 100%;
	margin-bottom: 0px;
	padding: 0.25px 5px;
	background: #f8f8ff;
	color:#000;
	border: 1px;
}

.hiddenwindow
{
	z-index: 999;
	position: absolute;
	top: -999px;
	left: -999px;
	display: none;
	visibility: hidden;

	width: 300px;
	height: 500px;

	background-color:  #ffffe0;
	border: dashed 1px black;
}

/*----------------------------------*/
div.main{
width:820px;
}        
        
div.lefthide{
	width :200px;
	float:left;
	background-color:#ffffff;
	display: none;
	visibility: hidden;
}
div.innercomment{
	background-color:#ffffff;
	background-color:  #ffffe0;
	border: dashed 1px black;
	padding:1em;
}
div.left{
	float:left;
	margin:0px 0px 0px 0px;
}
div.right{ 
	float:right;
	margin:0px 0px 0px 0px;
}

div.register
{
  float: left;
  margin: 5px;
  padding:5px;
  width:95%;
  height: auto;
  background-color: #ccff99;
  text-align: left;
  border: 1px;
  border-color: #00FF00;
}	

div.fieldset
{
	border: thin;
	border-color: #00FF00;
	color: #FF0000;
	top: auto
}

#loginbox {
    min-height:124px;
    margin-top:30px;
    margin-right:5px;
    padding:5px 0px;
	border-top:1px solid #493221;
	background-color:#FFFFFF;
	background-image:url(Images/colgradient_short.jpg);
	background-repeat:repeat-x;
	color:#6D584D;
}

* html #loginbox {height:124px;}

#loginbox h4 {margin:0;}

#flyout .section {
  float: left;
  width: 20em;
  height: 25em;
  /*background: url('mback.jpg') #444 repeat-y;*/
  margin-left: 0;
  color: white;
  padding: 0;
  overflow: hidden;
}

#flyout h2 {
  font-family: monospace;
  width: 1em;
  font-size: 1.2em;
  padding-top: 1ex;
  float: left;
  padding-left: 1ex;
  padding-right: 0.2ex;
  height: 100%;
  clear: none;
  position: relative;
}

#flyout .section div {
  margin-left: 2em;
  padding: 1em;
  background: #B4E9FF;
  color: black;
  height: 100%;
  border-bottom: solid 1px #777;
  border-right: solid 1px #777;
  border-top: solid 1px #ccc;
}
#flyout + * {
  clear: both;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style: groove;
	border-color:Gray;
	padding: 0px 0px 10px;
	width:250px;
	margin:5px;
}

/* Rounded Corners*/
.roundedPanel
{	
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/*Accordion*/
.accordion
{
	width: 100%; 
	left: 0px; 
	top: 0px; 
	margin-top:10px; 
	border: solid 1px black;
	border-bottom: solid 0px black;
}

.headbar{
	width:100%;
	font-weight:bold;
	cursor:pointer;
	padding: 5px 0px;
	border-bottom: solid 1px black;
	background: #CDE9FF;
}

.contentbar{
	width:100%; 
	min-height: 300px; 
	display:none;
	text-align: left;
	border-right: dotted 1px #CDE9FF;
	border-bottom: dotted 1px #CDE9FF;
	border-left: dotted 1px #CDE9FF;
}

.accordionbody 
{
	width:98%; 
	padding: 5px;
}

.accordionHeader_a
{
	border: 1px solid #CDE9FF;
    color: blue;
    background-color: #CDE9FF;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader_a a
{
	color: #333399;
	background: none;
	text-decoration: none;
}

.accordionHeader_a a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected_a
{
    border: 1px solid #2F4F4F;
    color: #333399;
    background-color: #CDE0FF;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected_a a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected_a a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent_a
{
    background-color: #ccff99;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

div#headerlinks
{
    width: 100%;
    text-align:center;
    border-bottom:0px dotted blue;
    padding: 10px 5px 5px 5px;
    margin: 10px;
}

#headerlinks li {display:inline;}
#headerlinks li a{
	padding: 0px 5px;
	color: blue;
	font-size:small;
	text-decoration:none;
	float:left;
	border-right:1px solid blue;
}

#headerlinks li a:hover
{
    text-decoration: underline;
	font-size: medium;
	color: Orange;
}

div.basket{ 
	/*float:right;*/
	margin:0px 0px 0px 0px;
	padding: 0px;
	border: dashed 1px blue;
}

/*div.basket:hover{cursor: pointer;}*/
div.basket img
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border:0px; 
	cursor: pointer;
	width: 30px;
	height: 25px;
}