/* ==== DEFAULTS -- DO NOT CHANGE ======= */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
strong,b { font-weight: bold; }
em,i { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

body {
	background: #728552;
	font-family: helvetica,arial,sans-serif;
	}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px 17px 20px;
	background: url(../images/main_bg.jpg) no-repeat 0 0;
	position: relative;
	}	
#header {
	margin: 0 auto;
	width: 843px;
	height: 44px;
	}	
#header ul {
	font: normal 11px helvetica;
	}
#header li {
	text-transform: uppercase;
	height: 44px;
	float: left;
	}	
#header li a {
	color: #fff;	
	padding: 15px 14px 17px 13px;
	display: block;
	float: left;	
	}
#header li a:hover {
	background: #74825b;
	}	
	
#right {
	width: 843px;
	margin: 0 0 0 20px;
	float: right;
	position: relative;
	}	
#breadcrumbs {
	font: normal 11px helvetica;
	padding: 5px 0 5px 10px;
	color: #666;
	height: 23px;
	}	
#breadcrumbs a, #breadcrumbs a:active {
	text-decoration: underline;
	color: #666;	
	}	
#breadcrumbs a:visited {
	color: #666;
	}
#breadcrumbs a:hover {
	text-decoration: none;
	}	
#breadcrumbs a#back_button {
	text-decoration: none;
	display: block;
	background: url(../en/images/button_back.gif) no-repeat 0 0;
	width: 62px;
	height: 23px;
	font-size: 1px;
	line-height: 1%;
	color: #fff;
	float: left;
	}	
#breadcrumbs a:hover#back_button {
	background: url(../en/images/button_back.gif) no-repeat 0 -23px;
	}		
#breadcrumbs #crumbs {
	float: left;
	padding: 5px 0 0 30px;
	}	
	
#top {
	border-bottom: 1px solid #ccc;
	padding: 0 0 0 40px;
	height: 275px;
	}
#top .prodimage {
	display: block;
	float: right;
	margin: 30px 50px 0 25px;
	}		
#top .title {
	float: left;
	display: block;
	margin: 40px 0 0 0;
	}	
#top p {
	font: normal 13px helvetica;
	line-height: 150%;
	color: #666;
	padding: 5px 0 0 0;
	clear: left;
	} 	
#wrapper #bottom {
	background: url(../images/main_bg_bottom.jpg) no-repeat -20px -40px;
	position: absolute;
	bottom: 0;
	width: 1000px;
	height: 35px;
	}
	
	
	
/* === FRAGRANCES, MAIN PAGE === */		
	
	
	
#product_grid {
	background: #fff;
	border: 1px solid #ccc;
	margin: 35px 20px 20px 20px;
	position: relative;
	}
#product_grid .section_title {
	display: block;
	margin: -27px 0 0 -23px;
	position: relative;
	}		
#product_grid ul {
	background: url(../images/grid_border_bottom.gif) no-repeat top left;
	width: 801px;
	padding: 1px 0 0 0;
	display: block;
	height: 160px;
	}
#product_grid ul.first {
	background: none !important;
	margin-top: 10px;
	height: 175px;
	}	
#product_grid ul.last {
	height: 200px;
	}		
#product_grid a {
	float: left;
	width: 236px;
	font: normal 11px helvetica;
	color: #777;
	position: relative;
	}


	
li .button_view {
	display: block;
	width: 50px;
	height: 23px;
	background: url(../en/images/button_view.gif) no-repeat 0 0;
	font-size: 1px;
	color: #fff;
	line-height: 1%;
	float: left;
	cursor: pointer;
	clear: left;
	}
li div:hover.button_view {
	background: url(../en/images/button_view.gif) no-repeat 0 -23px;
	}	


#product_grid ul li {
	line-height: 135%;
	background: url(../images/grid_border_middle.gif) repeat-y top right;
	display: block;
	float: left;
	width: 236px;
	font: normal 11px helvetica;
	color: #777;
	padding: 14px 15px 14px 15px;
	position: relative;
	cursor: default;	
	height: 100%;	
	}	

#product_grid a:hover .button_view {
	background: url(../en/images/button_view.gif) no-repeat 0 -23px;
	}	
	
#product_grid ul.first li {
	background: url(../images/grid_border_right.gif) repeat-y top right;
	}	
#product_grid ul li.last, #product_grid ul.last li.last {
	background: none !important;
	}	
#product_grid ul.last li {
	background: url(../images/grid_border_right.gif) repeat-y bottom right !important;
	}	

		
#product_grid img.prodtitle {
	display: block;
	margin: 0 0 10px 0;
	float: left;
	z-index: 9999;
	position: relative;
	}		
#product_grid img.prodthumb {
	float: right;
	display: block;
	margin: 10px 0 0 0;
	z-index: 0;
	position: relative;
	}		
#product_grid li p {
	display: block;
	float: left;
	width: 115px;
	padding: 0 0 10px 0;
	line-height: 125%;
	}	
	
	
	
#product_grid img.prodthumb_prod {
	float: right;
	display: block;
	margin: 0 0 0 0;
	z-index: 0;
	position: relative;
	}		
#product_grid li p.prod {
	display: block;
	float: left;
	width: 115px;
	padding: 0 0 10px 0;
	}	
#product_grid li p.salts {
	display: block;
	float: left;
	width: 73px;
	padding: 0 0 10px 0;
	}	
#product_grid li p.hairbalm {
	display: block;
	float: left;
	width: 120px;
	padding: 0 0 10px 0;
	}		
#product_grid img.prodtitle_soapthree {
	display: block;
	margin: 0 0 5px 0;
	float: left;
	z-index: 9999;
	position: relative;
	}				
#product_grid li p.soapthree {
	display: block;
	float: left;
	width: 230px;
	padding: 0 0 15px 0;
	}			






/* === FRAGRANCES, INDIVIDUAL === */


#single_product {
	background: url(../images/fragrances_main_bg.jpg) no-repeat top left;
	margin: 20px 20px 0 20px;
	padding: 0 0 0 0;
	width: 803px;
	font: normal 13px helvetica;
	color: #666;	
	position: relative;
	min-height: 580px;
	}
#single_product #shot_title {
	padding: 35px 0 0 45px;
	}
#single_product #shot_desc {
	margin: 15px 0 0 45px;
	font: normal 13px helvetica;
	color: #666;
	width: 270px;
	line-height: 140%;
	}
#single_product #shot_desc .category {
	display: block;
	padding: 10px 0 0 0;
	}	
#single_product #shot_desc .category strong {
	font-weight: bold;
	color: #222;
	}	
#single_product #olfactory {
	margin: 10px 0 0 45px;
	font: normal 11px helvetica;
	}	
#single_product #olfactory strong {
	display: block;
	float: left;
	padding: 0 0 12px 0;
	font-size: 13px;
	color: #222;
	}	
#single_product #olfactory ul {
	float: left;
	padding: 0 15px 10px 15px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}	
#single_product #olfactory li.cat {
	font-weight: bold;
	padding: 0 0 3px 0;
	}	
	
#single_product #shot_specs {
	margin: 20px 0 0 45px;
	font-weight: bold;
	color: #222;
	}
#single_product #shot_avail {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 12px 0 12px 45px;
	margin: 20px 0 0 0;
	}
#single_product #shot_avail a.europe {
	display: block;
	font-size: 1px;
	color: #eee;
	line-height: 1%;
	background: url(../en/images/button_purchaseineurope.png) no-repeat 0 0;
	width: 222px;
	height: 23px;
	margin: 0 0 6px 0;
	}		
#single_product #shot_avail a:hover.europe {
	background: url(../en/images/button_purchaseineurope.png) no-repeat 0 -23px;
	}		
#single_product #shot_avail a.usa {
	display: block;
	font-size: 1px;
	color: #eee;
	line-height: 1%;
	background: url(../en/images/button_purchaseinusa.png) no-repeat 0 0;
	width: 168px;
	height: 23px;
	}		
#single_product #shot_avail a:hover.usa {
	background: url(../en/images/button_purchaseinusa.png) no-repeat 0 -23px;
	}			
	
#single_product #shot_avail a:hover {
	text-decoration: none;
	background: #444;
	}	
#single_product #shot_photo {
	position: absolute;
	right: 40px;
	top: 30px;
	}	
#single_product #alt_photos {
	margin: 20px 0 0 45px;
	padding: 7px 20px;
	width: 156px;
	height: 118px;
	display: block;
	background: url(../images/alt_photos_box.png) no-repeat 0 0;
	overflow: hidden;
	float: left;
	}
#single_product #alt_photos strong {
	display: block;
	padding: 3px 0 13px 0;
	color: #222;
	}	
#single_product #alt_photos a {
	margin: 0 15px 0 0;
	}
	
#single_product #featured_press_box {
	margin: 20px 0 0 15px;
	padding: 7px 20px;
	width: 96px;
	height: 118px;
	display: block;
	float: left;
	background: url(../images/featured_press_box.png) no-repeat 0 0;
	overflow: hidden;
	}
#single_product #featured_press_box img {
	}	
#single_product #featured_press_box strong {
	display: block;
	padding: 3px 0 10px 0;
	color: #222;
	}	
#single_product #featured_press_box a {
	margin: 0 0 0 17px;
	}	
	
	
	
	
	
	
	
#wrapper #albergo_box {
	position: absolute;
	left: -140px;
	background: url(../images/albergo_box_bg.png) no-repeat 0 0;
	top: 265px;
	width: 162px;
	height: 238px;
	font: normal 11px helvetica; 
	color: #bbb;	
	}	
#wrapper #albergo_box h2 {
	padding: 55px 30px 10px 20px;
	}	
#wrapper #albergo_box a {
	display: inline;
	background: #1f201d;
	padding: 3px 5px;	
	margin: 0 0 0 20px;
	}
#wrapper #albergo_box a:hover {
	display: inline;
	background: #000;
	padding: 3px 5px;	
	margin: 0 0 0 20px;
	}	
	
	
#single_product #allure_badge {
	font: normal 11px helvetica;
	position: absolute;
	left: -135px;
	top: 492px;
	width: 152px;
	height: 32px;
	background: url(../images/fragrances/allure_badge.png) no-repeat 0 0;
	text-align: center;
	padding: 118px 0 0 0;
	}
#single_product #allure_badge a {
	text-decoration: underline;
	}
#single_product #allure_badge a:hover {
	text-decoration: none;
	}	
	
#single_product #menshealth_badge {
	font: normal 11px helvetica;
	position: absolute;
	left: -135px;
	top: 492px;
	width: 152px;
	height: 32px;
	background: url(../images/fragrances/menshealth_badge.png) no-repeat 0 0;
	text-align: center;
	padding: 220px 0 0 0;
	}
#single_product #menshealth_badge a {
	text-decoration: underline;
	}
#single_product #menshealth_badge a:hover {
	text-decoration: none;
	}			









/* === LE SIRENUSE === */


#top_lesirenuse {
	padding: 0 0 0 40px;
	height: 140px;
	background: url(../images/top_lesirenuse_bg.jpg) no-repeat 0 0;
	}	
#top_lesirenuse .mermaids {
	display: block;
	float: right;
	margin: 12px 80px 0 0;
	}		
#top_lesirenuse .title {
	float: left;
	display: block;
	margin: 40px 0 0 0;
	}	


#slideshow {
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 20px 20px 20px;
	padding: 20px 0 17px 2px;
	}
#slideshow .section_title {
	display: block;
	margin: -37px 0 12px -40px;
	}





/* === PRODUCTS, MAIN PAGE === */


#top_products {
	border-bottom: 1px solid #ccc;
	padding: 0 0 0 40px;
	height: 250px;
	}
#top_products .prodimage {
	display: block;
	float: right;
	margin: 30px 20px 0 0;
	}		
#top_products .title {
	float: left;
	display: block;
	margin: 40px 0 0 0;
	}	
#top_products p {
	font: normal 13px helvetica;
	line-height: 150%;
	color: #666;
	padding: 15px 0 0 0;
	clear: left;
	width: 270px;
	} 









	








/* === ABOUT US === */


#about {
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 20px 20px 20px;
	padding: 10px 27px 30px 27px;
	font: normal 12px helvetica;
	z-index: 999;	
	position: relative;
	color: #434343;
	line-height: 150%;	
	}
#about .section_title {
	display: block;
	margin: -37px 0 25px -50px;
	}
#about .section_title_2 {
	display: block;
	margin: 0 0 25px -20px;
	}	
#about .mermaids {
	display: block;
	position: absolute;
	right: 0;
	margin: -145px 0px 0 0;
	z-index: 9999;
	}		
#about p {
	margin-top: 10px;
	}
#about strong {
	color: #000;
	}	

#about_1 {
	float: left;
	width: 350px;
	clear: left;
	padding: 0 20px 0 0;
	}
#about_2	{
	float: left;
	width: 330px;
	margin: 85px 0 0 0;
	border-left: 1px solid #cbcbcb;
	padding: 0 20px;
	}



/* === CONTACT === */


#contact {
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 20px 20px 20px;
	padding: 10px 27px 30px 27px;
	font: normal 13px helvetica;
	z-index: 999;	
	position: relative;
	color: #434343;
	line-height: 150%;	
	}
#contact .section_title {
	display: block;
	margin: -37px 0 25px -50px;
	}
#contact .section_title_2 {
	display: block;
	margin: 0 0 25px -20px;
	}		
#contact p {
	margin-top: 10px;
	}
#contact strong {
	color: #000;
	}	
#contact a {
	text-decoration: underline;
	color: #000;
	}
#contact a:visited {
	color: #000;
	}	
#contact a:hover {
	text-decoration: none;
	}	
#contact_1 {
	float: left;
	width: 330px;
	clear: left;
	padding: 0 20px 0 0;
	}
#contact_2	{
	float: left;
	width: 350px;
	margin: -37px 0 0 0;
	border-left: 1px solid #cbcbcb;
	padding: 0 20px;
	}





#top_about {
	padding: 0 0 0 40px;
	height: 150px;
	position: relative;
	z-index: 0;
	background: url(../images/top_lesirenuse_bg.jpg) no-repeat 0 0;
	}		
#top_about .title {
	float: left;
	display: block;
	margin: 40px 0 0 0;
	}	

	
	

/* === PRESS === */



#pagination {
	position: absolute;
	right: 20px;
	top: 130px;
	font: normal 17px helvetica;
	color: #444;
	z-index: 99999;
	}
#pagination li {
	float: left;
	display: block;
	}	
#pagination li.page {
	padding: 5px 5px 0 0;
	}
#pagination li a {
	display: block;
	padding: 5px 8px;
	border: 1px solid #bbb;
	margin: 0 2px;	
	color: #444;
	}
#pagination li a.current {
	color: #ddd;
	border: 1px solid #ddd;
	cursor: default;
	}	
#pagination li a:hover.current {
	background: #fff;
	}	
#pagination li a:hover {
	background: #ddd;
	}	



#top_press {
	padding: 0 0 0 40px;
	height: 100px;
	position: relative;
	z-index: 0;
	background: url(../images/top_lesirenuse_bg.jpg) no-repeat 0 0;
	}		
#top_press .title {
	float: left;
	display: block;
	margin: 40px 0 0 0;
	}
	
	
	
#press {
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 20px 16px 20px;
	padding: 0 0 30px 0;
	font: normal 11px helvetica;
	position: relative;
	color: #434343;
	line-height: 150%;	
	overflow: hidden;
	}
#press .section_title {
	display: block;
	position: absolute;
	top: 0;
	left: 217px;
	}		
#press strong {
	color: #000;
	}	
#press_feature	{
	float: left;
	width: 800px;
	height: 700px;
	margin: 0 0 0 0;
	overflow: hidden;
	}
#press_feature h1 {
	font: bold 19px helvetica;
	padding: 20px 0 10px 0;
	}	
#press_feature img {
	width: 580px;
	}	


	


/* === wrapper === */


.coda-slider-wrapper {
	overflow: hidden;
	float: left;
	}
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
	width: 600px;
	margin: 0 0 0 202px;
	}
.coda-slider .panel-container {
	position: relative;
	width: 500px;
	display: block;
	}
.coda-slider .panel {
	height: 700px;
	width: 599px;
	overflow: auto;
	display: block;
	float: left;
	padding: 12px 0 0 0;
	position: relative;
	}	
.coda-slider h2.title {
	font: bold 22px helvetica;
	padding: 0 0 0 20px;
	}	
.coda-slider h2.subtitle {
	font: normal 12px helvetica;
	padding: 0 0 10px 20px;
	border-bottom: 1px dotted #bbb;
	}	
	
.coda-slider .panel a.largerPress {
	background: url(../images/pdf_icon.gif) no-repeat 4px 4px;
	display: block;
	padding: 7px 7px 0 28px;
	position: absolute;
	font-size: 12px;
	top: 16px;
	right: 20px;
	border: 1px dotted #999;
	height: 21px;
	color: #333;
	}	
.coda-slider .panel a:visited.largerPress {
	color: #333;
	}	
.coda-slider .panel a:hover.largerPress {
	text-decoration: none;
	border: 1px dotted #000;	
	}	
	
	
/* === nav === */	
	
	
.coda-nav ul {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 200px;
	height: 700px;
	overflow: auto;
	}
.coda-nav ul li {
	display: block;
	float: left;
	clear: left;
	line-height: 130%;
	border-bottom: 1px dotted #bbb;	
	}
.coda-nav ul li a {
	background: #fff;
	color: #666;
	display: block;
	float: left;
	padding: 8px 10px 6px 20px;
	text-decoration: none;
	width: 153px;
	}
.code-nav a.current .navtitle {
	font-weight: bold;
	color: #444;
	}	
.coda-nav a .navtitle {
	display: block;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 0 2px 0;
	}	
.coda-nav a.current {
	background: url(../images/press_list_bg.jpg) repeat-y 0 0;
	color: #000;
	}
.coda-nav a:hover {
	background: #ddd;
	}	
.coda-nav-left, .coda-nav-right {
	display: none;
	}
.coda-nav-left a, .coda-nav-right a {
	display: none;
	}	
	
	






	
#left {
	width: 96px;
	height: 294px;
	float: left;
	}	
#left a.logo {
	display: block;
	width: 96px;
	height: 382px;
	color: #728552;
	font-size: 1px;
	line-height: 1%;
	background: url(../images/logo.jpg) no-repeat top left;
	}	
	
	
#footer {
	margin: 0 auto;
	width: 1000px;
	font: normal 11px helvetica;
	color: #fff;
	padding-bottom: 20px;
	}	
#footer a {
	color: #becaab;
	text-decoration: underline;
	}
#footer a:hover {
	text-decoration: none;
	}		
#footer #languages {
	float: right;
	width: 200px;
	margin: 0 20px 0 0;
	text-align: right;
	}
#footer #copyright {
	float: left;
	width: 600px;
	margin: 0 0 0 140px;	
	}