body
{
width:1010px;
margin:0 auto;
font-family: "Trebuchet MS", Tahoma, "Times New Roman", Arial;
font-size:75%;
}


#page
{
width:100%;
min-height:500px;
border:1px solid #cacaca;
-moz-border-radius:5px;
color:#303030;
}

.not_underline a
{
text-decoration:none;
}

a
{
color:black;
}

a:hover
{
color:#616161;
}


 a.title   
{
color:#b51216;
font-weight:bold;
}

 a:hover.title   
{
color:black;
font-weight:bold;
}


img
{
border:0;
}

h2
{
font-size:105%;
padding-top:5px;
padding-bottom:5px;
margin-bottom:5px;
}

h1
{
color:#b51216;
margin-top:0px;
padding-top:10px;
padding-bottom:5px;
margin-bottom:5px;
font-size:135%;
}

h3
{
color:#b51216;
margin-top:0px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:5px;
font-size:125%;
font-style:italic;
}

p
{
padding-bottom:7px;
margin:0;
}

.front
{
color:black;
}

/*******************************************************************
					TOP MENU
********************************************************************/	
#top
{
height:90px;
border-bottom:1px dotted black;
}

#top form
{
margin:0;
padding:0;
}

#top input
{
border:1px solid #b51216;
}

#top td
{
padding-bottom:5px;
vertical-align:top;
}

#tab_sign_in
{
width:80px;
height:20px;
color:white;
text-decoration:none;
background:url('images/sign_in.png') no-repeat;
text-align:center;
}

#tab_hor_menu
{
width:80px;
height:20px;
color:white;
text-decoration:none;
background:url('images/gifts_guide.png') no-repeat;
background-repeat:no-repeat;
text-align:center;
}

#tab_hor_menu a, #tab_sign_in a
{
color:white;
text-decoration:none;
}


/*##############################"*/
/*##############################"*/

#signin_top:hover{
z-index:25; 
color:#ab2225;
  position: relative;
  cursor:pointer;
}

#signin_top span
{
display: none

}

#signin_top:hover span
{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
text-decoration:none;
 display:block; 
 position:absolute;
    -moz-border-radius:8px;
    z-index: 1;
    width:auto;
    border:1px solid #3f9dd5;
    background-color:#eeeeee; 
	color:black;
    text-align: justify;
    font-weight:none;
    padding:10px;
	top:70px;
	left:-150px;   /*CORRECT IE BUG -- Align bottom left*/
	opacity: 0.95;
	float : left; 
	min-height: 0;
}

#signin_top a.title
{
color:#3f9dd5;
font-weight:bold;
}


#signin_top p.subtitle
{
font-size:90%;
margin-top:0px;
margin-left:3px;
margin-right:3px;
}

/*##############################"*/
/*##############################"*/

#hormenu:hover{
z-index:25; 
color:#ab2225;
  position: relative;
  cursor:pointer;
  background-color:#eeeeee;
}

#hormenu span
{
display: none

}

#hormenu:hover span
{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
text-decoration:none;
 display:block; 
 position:absolute;
    -moz-border-radius:8px;
    z-index: -1;
    width:auto;
    border:1px solid #ab2225;
    background-color:#eeeeee; 
	color:black;
    text-align: justify;
    font-weight:none;
    padding:10px;
	top:20px;
	left:0px;   /*CORRECT IE BUG -- Align bottom left*/
	opacity: 0.95;
	float : left; 
	min-height: 0;
}


#hormenu select
{
 z-index: 90;
}

.list_square ul li
{
margin-top:1px;
list-style-type:square;
padding-left:10px;
margin-left:10px;
}

.list_num ol li
{
margin-top:1px;
list-style-type:decimal;
padding-left:10px;
padding-bottom:5px;
margin-left:10px;
}
.list_square .red_square  ul li
{
list-style-image:url('images/list_style_square.png');
color:black;
}
.list_square li
{
padding-bottom:5px;

}




#hormenu td
{
padding:3px;
text-align:left;
}

#hormenu a.title
{
color:#b51216;
font-weight:bold;
}

#hormenu p.subtitle
{
font-size:90%;
margin-top:0px;
margin-left:3px;
margin-right:3px;
}

#hormenu #bottom h2
{
margin:0px;
}


/*******************************************************************
					LEFT MENU
********************************************************************/	
#navleft
{
width:150px;

color:#616161;
}


.box_left a   
{
color:#b51216;
text-decoration:none;
}


.box_left a:hover   
{
color:black;
text-decoration:none;
}


.box_left  input
{
color:#b51216;
background:none;
border:0;
font-size:100%;
text-align:left;
padding-left:0;
margin-left:0;
cursor:pointer;
}

.box_left input:hover
{
color:black;
background:none;
border:0;
text-align:left;
cursor:pointer;
}


.box_left ul
{
list-style-image:url('images/list_style_square.png');
padding-left:10px;
margin-left:10px;
}
.box_left li
{
padding-bottom:5px;
}

#navleft .box_left
{
margin-top:20px;
min-height:100px;
border:1px outset #b51216;
-moz-border-radius:5px;
background-color:#ffeeee;
text-align:left;
padding-bottom:5px;

}

#title_menu_left
{
width:100%;
min-height:20px;

margin:0;
margin-bottom:5px;
padding:0;
background-color:#b51216;
color:white;
font-weight:bolder;
text-align:center;
}

#navleft h2
{
font-size:105%;
padding-bottom:5px;
margin-bottom:5px;
}

/*******************************************************************
					CONTENT
********************************************************************/	
#content
{
margin-top:5px;
margin-right:5px;
margin-left:5px;
margin-bottom:10px;
}

.align_top td
{
vertical-align:top;
}



.align_default td
{
vertical-align:middle;
}




/*******************************************************************
					BOTTOM MENU
********************************************************************/	
#bottom
{
color:#616161;
min-height:150px;
border:1px solid #cacaca;
background-color: #e9e9e9;
-moz-border-radius:5px;
margin:0;
padding:0;

}

#bottom a
{
color:#616161;
padding-left:10px;
text-decoration:none;

}


.bottom_input input
{
color:#616161;
background:none;
border:0;
font-size:100%;
text-align:left;
cursor:pointer;
}

.bottom_input  input:hover
{
color:black;
background:none;
border:0;
text-align:left;
cursor:pointer;
}

#bottom a:hover
{
color:black;
}

#bottom h2
{
font-size:105%;
padding-bottom:5px;
margin-bottom:5px;
}

#bottom td
{
vertical-align:top;
}

.submenu td
{
padding:5px;
vertical-align:center;
}

.submenu tr
{
height:10px;
}



/*******************************************************************
					HOMEPAGE
********************************************************************/	
.homepage table
{
width:100%;
}

.homepage td
{
padding-top:2px;
/*vertical-align:top;*/
}

.homepage img
{
border:1px solid black;
-moz-border-radius:1px;
}

.short_links_home td
{
padding-bottom:10px;
}

.event_tasting a
{
color:#f2a100;
}


#aoc_presentation
{
width:285px;
height:225px;
background:url('http://www.aocfinewines.com/images/homepage/aoc_presentation.jpg') no-repeat;
padding-top:25px;
padding-left:270px;
padding-right:20px;
text-align:justify;
}


#sober_presentation
{
width:607px;
height:255px;
background:url('images/intro.jpg') no-repeat;
text-align:justify;
margin-bottom:15px;
margin:0 auto;
}

#sober_presentation_txt
{
width:310px;
padding-top:40px;
padding-left:70px;
padding-right:20px;
}



#free_shipping_box
{
width:100%;
margin:auto;
min-height:200px;
border:1px solid #313030;
-moz-border-radius:2px;
}

#free_shipping_title
{
width:100%;
height:25px;
color:white;
font-weight:bolder;
font-size:125%;
background-color:#313030;
}

#news_events_box
{
height:217px;
width:350px;
background-color:#983740;
color:white;
-moz-border-radius:5px;
}

#news_events_title
{
border-bottom:3px double #7a2c33;
font-size:130%;
padding-left:5px;
font-weight:bolder;
height:25px;
}

#news_events_box a
{
color:white;
text-decoration:none;
}

#news_events_box a:hover
{
color:white;
text-decoration:underline;
}

.news_events table
{
margin:0;
padding:0;

}

.news_events td
{
padding-left:5px;
padding-right:0;
font-size:90%;
margin:0;
padding-top:9px;
padding-bottom:9px;
}

#boxes
{
width:150px;
height:150px;
}

#boxes:hover{
z-index:2; 
color:#ab2225;
width:150px;
height:150px;
  cursor:pointer;
  position:relative;
}

#boxes span
{
display: none;
}

#boxes:hover span
{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
width:152px;
height:152px;
text-decoration:none;
background-color:#cacaca;
 display:block; 
position:absolute;
 
    z-index: 3;
	top:0px;
	left:0px;
   
	color:black;
    text-align: justify;
    font-weight:none;
	float : left; 
	font-size:90%;
}

#boxes a.title
{
color:#b51216;
font-weight:bold;
}

#boxes p.subtitle
{
font-size:90%;
margin-top:0px;
margin-bottom:2px;
padding-top:0px;
padding-bottom:0px;

}

.homepage img:hover
{
border:1px solid #cacaca;

}

#news
{
width:270px;
height:230px;
position:relative; 
float:left;
border:1px dotted #cacaca;
margin-bottom:10px;
margin-top:10px;
}


#news:hover{
z-index:2; 
color:#ab2225;
width:270px;
height:230px;
  cursor:pointer;
  position:relative;
}

#news span
{
display: none;
}

#news:hover span
{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
width:270px;
height:230px;
text-decoration:none;
background-color:#ffffff;
 display:block; 
position:absolute;
 
    z-index: 3;
	top:0px;
	left:0px;
   
	color:black;
    text-align: justify;
    font-weight:none;
	float : left; 
	font-size:90%;
}


/*#news  h1
{

color:black;
margin:0;
padding:0;
}

#news_hidden
{
color:black;
width:95%;
padding:5px;
font-size:90%;
}*/

.tiny 
{
font-size:90%;

}


#events
{
width:270px;
height:230px;
position:relative; 
float:left;
border:1px dotted #cacaca;
margin-bottom:10px;
margin-top:10px;
margin-left:15px;
}


#events:hover{
z-index:2; 
color:#ab2225;
width:270px;
height:230px;
  cursor:pointer;
  position:relative;
}

#events span
{
display: none;
}

#events:hover span
{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
width:270px;
height:230px;
text-decoration:none;
background-color:#ffffff;
 display:block; 
position:absolute;
 
    z-index: 3;
	top:0px;
	left:0px;
   
	color:black;
    text-align: justify;
    font-weight:none;
	float : left; 
	font-size:90%;
}

/*
#events  h1
{

color:black;
margin:0;
padding:0;
}

#events_hidden
{
color:black;
width:95%;
padding:5px;
font-size:90%;
}*/



/*******************************************************************
					SEARCH ENGINE
********************************************************************/	
.suggestionsBox {
		position: absolute;
		left: 950px;
		margin: 10px 0px 0px 0px;
		width: 300px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
		z-index:1;/*Put in front*/
		
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
		list-style-type:none;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
		list-style-type:none;
	}
	
	
	
/*******************************************************************
					CATALOG
********************************************************************/	

#list_product
{
width:95%;
min-height:145px;
margin:5px;
border:1px solid #b51216;
-moz-border-radius:10px;
color:#616161;
text-align:left;
}

#list_product_small
{
width:95%;
min-height:10px;
margin:5px;

color:#616161;
text-align:left;
}


.black
{
color:black;
}

.red
{
color:#b51216;
}

.grey
{
color:#616161;
}

#price
{
color:black;
text-align:center;
background-color:#e9e9e9;
height:135px;
width:95%;
border:1px solid #e9e9e9;
-moz-border-radius:5px;

}

#price_small
{
color:black;
text-align:center;
background-color:#e9e9e9;
min-height:10px;
width:95%;
border:1px solid #e9e9e9;
-moz-border-radius:5px;

}


select
{
font-family:"Trebuchet MS";
font-size:95%;

}

optgroup
{
font-size:100%;
font-weight:bolder;

}

#food_pairing
{
width:95%;
min-height:145px;

color:#616161;

text-align:left;
}


/*******************************************************************
			ERROR / CONFIRMATION MESSAGES
********************************************************************/	


#mail_valide
{
width:494px;
height:50px;
background:url('images/tn_select.png') no-repeat center left #a5ff9c;
margin:auto;
color:#267407;
-moz-border-radius: 1em;
font-weight:bold;


}

#pb_mail
{
width:494px;
height:50px;
background:url('images/tn_error.png') no-repeat center left #d93129;
margin:auto;
color:#fff2f1;
-moz-border-radius: 1em;
font-weight:bold;
padding:0;
margin:0;

}

/*******************************************************************
			CUSTOMER CART
********************************************************************/	


#cart
{
border:1px solid #646464;
width:90%;
margin: auto;
}
#cart table
{
width:90%;
margin: auto;
border-collapse: collapse; /* Colle les bordures entre elles */
}

#cart th
{
color:#646464;
border-bottom:1px solid #646464;
text-align:left;

}

#cart td
{
vertical-align:middle;
}


/*******************************************************************
			CHECKOUT
********************************************************************/	

.delivery ul,li
{
list-style-type:none;
}

input
{
font-family:"Trebuchet MS";
}

.link input
{
color:black;
background:none;
border:0;
font-size:100%;
text-align:left;
padding:0;
margin:0;
cursor:pointer;
}

.link input:hover
{
color:#616161;
background:none;
border:0;
font-size:100%;
text-align:left;
padding:0;
margin:0;
cursor:pointer;
}

/*******************************************************************
			GIFT
********************************************************************/	

#highlight_gift
{
width:600px;
margin:auto;
min-height:100px;
font-size:110%;
border-top:1px solid #cacaca;
border-left:1px solid #cacaca;
border-right:2px solid #b51216;
border-bottom: 2px solid #b51216;
-moz-border-radius:15px;
padding:10px;
margin-bottom:15px;
}

/*******************************************************************
			PHOTOS
********************************************************************/
#photoset
{
width:130px;;
}

#albums
{
width:91px;
height:95px;
padding-top:6px;
margin:auto;
background:url('images/set_case.gif') no-repeat;
}

.photos
{
width:80px; 
height:80px; 
float:left;
}

.photos img
{
border:1px solid black;
}

.photos img:hover
{
border:1px solid #cacaca;
}


/*******************************************************************
			PRODUCT SHEET
********************************************************************/
.box_text
{
padding:5px;
}

#description
{
width:96%;
min-height:50px;
border:1px solid #b51216;
-moz-border-radius:2px;
margin:auto;
}

#description_title
{
width:100%;
height:25px;
color:white;
font-weight:bolder;
font-size:125%;
background-color:#b51216;
}

#articles_box
{
width:100%;
min-height:200px;

border:1px solid #8c0073;
-moz-border-radius:2px;
}

#articles_title
{
width:100%;
height:25px;
color:white;
font-weight:bolder;
font-size:125%;
background-color:#8c0073;
}

#food_pairing_box
{
width:100%;
min-height:200px;

border:1px solid #027710;
-moz-border-radius:2px;
}

#food_pairing_title
{
width:100%;
height:25px;
color:white;
font-weight:bolder;
font-size:125%;
background-color:#027710;
}

#food_pairing_box a
{
color:#027710;
}

#food_pairing_box a:hover
{
color:#009e13;
}

#tourism_box
{
width:100%;
min-height:200px;

border:1px solid #095ba7;
-moz-border-radius:2px;
}


#tourism_title
{
width:100%;
height:25px;
color:white;
font-weight:bolder;
font-size:125%;
background-color:#095ba7;
}


#tourism_box a
{
color:#095ba7;
}

#tourism_box a:hover
{
color:#1b81df;
}

.product_food_pairing table
{
text-align:center;
margin:auto;
}

.product_food_pairing tr
{
padding-bottom:10px;
}

.product_food_pairing td
{
padding:5px;
text-align:center;
}


.list_producers
{
border:1px solid black;
color:#343434;
}

.list_producers table
{
border-collapse:collapse;
}

.list_producers th
{
text-align:left;
}

.list_producers h1
{
color:#343434;
}

.list_producers .subtitle tr
{
color:white;
}

.list_producers td
{
line-height:20px;
}

.list_producers  a 
{
color:#b51216;
text-decoration:none;
}

.list_producers  a:hover
{
color:black;
}