  

html, body
{
margin: 0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-color: black;
background: url(images/background/bg.gif) repeat-x top;
background-attachment: scroll;
}

#mainframe
{
margin: 0px auto;
width: 990px;
height: 600px;
position: relative;
}

#trlogo
{
position: absolute;
display: inline;
right: 2px;
top:8px;
}

#tlcaption
{
position: absolute;
display: inline;
left: 2px; top: 58px; width:150px;
font-size: 14px;
font-weight: bolder;
text-align:left;
}

#navcontainer
{
position: absolute;
display: inline;
left: 5px;
top: 160px;
text-align: left;
font-size: 21px;
font-weight: bold;
}

#navlist
{
padding-left: 0;
margin-left: 0;
width: 200px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.3em;
}

#navlist li a 
{ 
text-decoration: none; 
color: black; 
}

#navlist li a:hover
{  
color: #ddffdd; 
}

#content
{
/*border:1px solid black;*/
position: absolute;
display: inline;
right: 5px;
top: 110px;
text-align: center;
width: 830px;
height: 410px;
overflow: hidden;
}

#content form
{
margin:0px;
padding:0px;
}

#ildesignslogo
{
position: absolute;
left:0px;
bottom:0px;
border:1px solid black;
}

#searchbox
{
font-size: 14px;
}
.searchpagetext
{
font-size: 12px;
font-weight: bold;
}
.searchpagehelp
{
margin-top: 50px;
padding: 10px;
font-size: 12px;
color: red;
}
#searchbox a
{
text-decoration: underline;
color: black;
padding: 5px;
line-height: 14pt
}

#searchbox a:hover
{
color: red;
}
#searchkeywords
{
position: absolute;
display: inline;
right:500px;
top:60px;
width: 200px;
height:280px;
background-color: #fff;
padding: 5px;
overflow: auto;
}
#searchtag
{
position: absolute;
display: inline;
right:100px;
top:60px;
width: 399px;
background-color: #fff;
height:280px;
overflow: auto;
padding:5px;
}

#order
{
/*position: absolute;
display: inline;
right:0px;
top:40px;
width: 800px;*/
}

#login
{
/*border:1px solid black;*/
position: absolute;
display: inline;
right:0px;
top:80px;
width: 800px;
text-align:center;
}
#login table
{
margin-left: auto;
margin-right: auto;
}

#frontpagelatest
{
width:780px;
right:0px;
text-align:center;
}

#about
{
position:relative;
font-weight: bold;
width: 700px;
left:20px;
/*margin:0 auto;
text-align:center;*/
}

#basketbuttons {
position: relative;
top:-2px;
margin: 0px; 
padding: 0px; 
float: clear;
}

#pages
{
position: absolute;
top:520px;
right: 20px;
width: 830px;
font-weight: bold;
font-size: 24px;
text-align:right;
color: #ddffdd;
}

#pages a
{
text-decoration: none;
color: black;
}

#pages a:hover
{  
color: #ddffdd; 
}

#basket
{
position:absolute;
top: 130px;
width: 60px;
height: 330px;
right: 0px;
font-weight:bold;
font-size:12px;
}
#basketcontents
{
background-color:#cc9999;
border:2px solid black;
text-align: center;
padding: 2px;
width: 60px;
height: 256px;
overflow:auto;
overflow-x: hidden 
}

#basket img
{
height:25px;
border:1px solid black;
margin: 0px;
margin-top: 5px;
}

.thumbwrap{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}
	
.thumbwrap li {
	background-color: white;
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	/*margin: 0 7px 15px 7px;*/
	margin: 15px;
	border: 1px solid black;
	padding: 0;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap li>div {
	/*\*/ display: table; table-layout: fixed; /**/
	width: 109px;
}
.thumbwrap a {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: white;
	cursor: pointer;
}
/*\*/
.thumbwrap>li .wrimg {
	display: table-cell;
	vertical-align: middle;
	width: 109px;
	height: 109px;
}
/**/
.thumbwrap img {
	border: solid 0px #66f;
	vertical-align: middle;
}
.thumbwrap a:hover {
	background-color: #ddffdd;
}
/*\*//*/
.thumbwrap li .wrimg {
	display: block;
	font-size: 1px;
}
.thumbwrap .wrimg span {
	display: inline-block;
	vertical-align: middle;
	height: 109px;
	width: 1px;
}
/* top ib e hover Op */
@media all and (min-width: 0px) {
	.thumbwrap {
		border-collapse: collapse;
	}
	.thumbwrap li div {
		display: block;
	}
	.thumbwrap a {
		display: inline-block;
		vertical-align: top;
	}
	.thumbwrap {
		display: inline-block; /* non deve avere margin */
	}
}


