﻿html, body 
{
    margin:0;
    padding:0;
	background-color: #fff;
	color: #000;
	height:100%;
	background:#fff url("../images/site-background.jpg") repeat-y center;  
}
form {height:100%;}

form, H1, H2, H3, H4
{margin:0;padding:0;}

img
{border:0;}

#container
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1022px;
	height:auto !important; /* real browsers */
	height:100%;  /*IE6: treated as min-height*/
	min-height:100% !important; /* real browsers */ 
}   


#banner
{
    background: #000 url("../images/banner-background.jpg") no-repeat top left;  
    height:145px; 
}

#shopping-cart-container
{
    float:right;
    padding:0;
    margin:0;    
    display:block;
    padding:4px 22px 0 0;
}  
#shopping-cart-container img
{padding:0 5px 0 0;}
#shopping-cart-container span,
#shopping-cart-container a
{font:normal normal normal 10px/11px Verdana, Arial, "sans-serif";color:#999;}
#shopping-cart-container a:hover
{color:#3F3}

#search-container
{float:right;padding:14px 22px 0 0;width:380px;text-align:right;}
#search-container input
{border:solid 1px #666;background-color:#fff;padding:2px;color:#000;}
#search-container input.action
{
    font:bold normal normal 12px/14px Verdana, Arial, "sans-serif";
    color:#fff;
    display:block;
    text-decoration:none;
    background: transparent url("../images/button-back-gradient.jpg") repeat-x top left;
    border: solid 1px #999;
    cursor: pointer;    
    width:120px;
    padding:1px 10px 3px 10px;
}
#search-container a:hover
{text-decoration:underline;color:#fff;}
#banner-logo
{
   display:block;
   clear:both;
   padding:24px 0 0 0;
   text-align:center;
}   


#content
{
    padding: 0 30px 100px 30px;
}


   
#footer
{
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
    font:normal normal normal 12px/13px "Times New Roman", "Times", "Georgia", "serif";
    text-align:center;
    padding-bottom:12px;
}    
#footer a
{color:#000;text-decoration:underline;}
#footer a:hover
{color:#3F3;}

#UIlayout1-1
{
    position:relative;
}    

img.product-thumbnail
{border: solid 1px #000;}

div.category-list-content
{text-align:center;margin:0 auto;width:940px;}

div.category-list-content h1
{
    font: normal normal normal 32px/34px "Times New Roman", "Times", "Georgia", "serif";
    color: #000;    
}

.thumbwrap {
	padding: 5px 0 0 0;
	margin: 0;
}
.thumbwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: bottom; /**/
	margin: 0 0px 15px 0px;
	padding: 0;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap li>a {
	/*\*/ display: table; /**/
	width: 220px;
}
.thumbwrap a {
	display: block;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	padding-top: 13px;
	border: dotted 1px #fff;
}
.thumbwrap img {
	border: solid 1px #000;
	vertical-align: bottom;
}
.thumbwrap a:hover {
	background-color: #3F3; /* #dfd;*/
	border: dotted 1px #333;
}
.thumbwrap .caption {
	display: block;
	padding: .3em 6px;
	margin: 0 auto;
    font: normal normal normal 16px/18px "Times New Roman", "Times", "Georgia", "serif";
	w\idth: 189px;  /* Moz, IE6 */
}
/* top ib e hover Op */
@media all and (min-width: 0px) {
	.thumbwrap li {
		vertical-align: top;
	}
	.thumbwrap li a {
		display: inline-block;
		vertical-align: top;
	}
	.thumbwrap {
		display: inline-block; /* non deve avere margin */
	}
}

div.group-seperator
{
    width: 900px;
    text-align: center;    
    margin:10px 0 60px 20px;
}
div.group-seperator span.group-name
{
    font: normal normal 700 10px/11px "Georgia", "Times New Roman", "Times", "serif";    
    color:#666;
    display:block;
} 

div.item-container
{margin:10px 0 0 0; auto;width:940px;text-align:center;}


div.item-container span.other
{
    font: normal normal 700 16px/24px "Geogria", "Times New Roman", "Times", "serif";
    color: #000;        
}    

div.item-container h1
{
    font: normal normal normal 32px/34px "Times New Roman", "Times", "Georgia", "serif";
    color: #000;    
    margin-bottom:15px;
}
div.item-container h1 a,
span.small-text
{
    display:block;
    font: normal normal normal 12px/14px "Times New Roman", "Times", "Georgia", "serif";
    color:#666;    
}
div.item-container a.sub-category-title
{
    font: normal normal 700 22px/24px "Geogria", "Times New Roman", "Times", "serif";
    color: #000;    
    text-decoration: none;
}
div.item-container a.related-item
{
    font: normal normal normal 14px/18px "Times New Roman", "Times", "Georgia", "serif";
    color:#666;
}    

div.item-container h1 a:hover,
div.item-container a.sub-category-title:hover,
div.item-container a.related-item:hover
{color:#3F3;}

div.item-container div.product-details
{
   font: normal normal normal 14px/15px "Times New Roman", "Times", "Georgia", "serif";
   color: #000;    
}    
div.item-container div.product-details span.bold
{font-weight:700;}

span.subtext
{
   font: normal normal normal 10px/11px "Verdana", "Arial", "Tahoma", "sans-serif";
   color: #999;        
}
span.subtext a:link,
span.subtext a:visited
{color: #666;}
span.subtext a:hover {color:#000;}

div.search-results-container
{margin:0 auto;width:940px;text-align:center;}

div.search-results-container h1
{
    font: normal normal normal 32px/34px "Times New Roman", "Times", "Georgia", "serif";
    color: #000;       
}
div.search-results-container div.thumbnail
{
    float: left;
    width: 180px;  
    text-align:center;
}
div.search-results-container div.thumbnail img
{border:solid 1px #000;}

div.search-results-container div.title a
{
    font:normal normal normal 20px/24px "Times New Roman", "Times", "Georgia", "serif";
    color:#000;
    text-decoration:none;
}
div.search-results-container div.title a:hover
{color:#3F3;}

div.search-results-container div.title span
{font: normal normal normal 12px/16px "Times New Roman", "Times", "Georgia", "serif";color:#666;}

.error-text
{
   font: normal normal normal 10px/11px "Verdana", "Arial", "Tahoma", "sans-serif";
   color: #f00;       
}    

tr.cart-header
{
    background-color: #ccc;   
}    
table.cart-grid a
{color:#000;}
table.cart-grid a.remove
{
    color:#000;
    font-weight: 700;    
    text-decoration: none;
}

div.totals span.grand
{font-size:18px;}

div.totals
{text-align: right;padding-right:55px;}

.form-content,
.form-content-ex
{
	width: 100%;
	padding: 0;
	margin-bottom: 22px;
	display:block;
	clear:both;
}
.form-content-ex
{margin-bottom:32px;}
.form-labels
{
	float: left;
	margin: 0;
	padding: 0;	
	padding-top: 2px;
	width: 190px;
	font-family: "Times New Roman", "Times", "Georgia", "serif";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;	
}
.form-input
{
	float: left;
	clear: right;
	width: 80%;
	margin: 0;
	padding: 0;	
	font-family: "Times New Roman", "Times", "Georgia", "serif";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;	
}

.form-content span.disclaimer
{font: normal normal normal 10px/12px Verdana, Arial, sans-serif;color:#999;}

div.two-col-left
{
    float:left;
    width:510px;
    margin: 0 20px 0 0;
}

div.two-col-right
{
    width:400px;
    float:left;
}

span.sub-header
{font-size:18px;font-weight:700;line-height:30px;}


ul.home-page
{
    margin:0;
    display:block;
    width: 962px;
    padding: 0;
}
ul.home-page li {list-style:none;float:left;display:block;}
ul.home-page h2 
{
    font: normal normal normal 28px/34px "Times New Roman", "Times", "Georgia", "serif";
    color: #333;
    display:block;
    font-weight: 500;
    margin: 0 0 10px 0;
}
ul.home-page li.left a:link,
ul.home-page li.left a:visited
{
    color: #666;
    text-decoration: underline;
}
ul.home-page li.left a:hover
{color:#3F3;}

ul.home-page li span {display:block;}

li.left 
{
    margin: 0 50px 0 0;
    text-align: center;
    width: 250px;
}
li.left img
{border: solid 5px #000;}

li.center
{
    margin: 5px 50px 0 0;
    width:390px;
}

li.right
{
    text-align: center;
    width:222px;
}

li.right div
{
    margin: 0 0 40px 0;   
}    

a.thumb-link {
	display: block;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	padding-top: 13px;
	border: dotted 1px #fff;
}

a.thumb-link img {
	border: solid 1px #000;
	vertical-align: bottom;
}
a.thumb-link:hover {
	background-color: #3F3; /* #dfd;*/
	border: dotted 1px #333;
}    


.promotion {
    width:100%;
    display: block;    
}    

.clear 
{
    clear: both;
}