/*************************************
	DOCUMENT NAME: SOURCE.CSS
	CLIENT: AVON

*************************************/
@charset "UTF-8";

/*** GLOBAL STYLE ELEMENTS ***/
body { background: #fff; color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
a { text-decoration: none; }
h1 { 
	font-family: Georgia, "Bookman Old Style", Verdana; 
	font-size: 18px; 
	font-style: italic;
	font-weight: normal; 
	margin: 32px 0 0 0;
	padding: 0;
}
h3 { 
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	margin: 50px 0 0 30px; 
	padding: 0;
}
img { border: none; }
p { line-height: 2em; }
td { vertical-align: bottom; }
ul { margin: 0; padding: 0; }

/*** PRIMARY BODY CONTAINER ***/
#container { margin: 0 auto 0 auto; width: 850px; }

/*** BODY CONTENT AND CASCADING STYLES / CLASSES ***/
#content { 
	border: 1px solid #cfcfcf; 
	height: 525px; 
	text-align: left; 
	width: 100%; 
}
#content table a { color: #646464; text-decoration: underline; text-transform: uppercase; }
#content table a:hover, #content table a:focus { color: #ff3d91; }

#content .ground { clear: both; }

#content .left { float: left; width: 410px; }
#content .left div { font-size: 11px; 	margin: 23px 40px 0 40px; width: 356px; }
#content .left div, #content .right div { border: 1px solid #fff; text-align: center; }
#content .left div span, #content .right div span { display: block; margin: 121px 0 0 0; padding: 0; }
#content .left-full { float: left; margin: 20px 0 20px 20px; width: 180px; }

#content .mid div { text-align: center; margin: 50px 0 0 0; }
#content .mid div a { color: #ff3d91; font-size: 14px; text-decoration: underline; }
#content .mid div a:hover, #content .mid div a:focus  { color: #646464; }
#content .mid h1 { color: #474747; line-height: 2.5em; text-align: center; }
#content .mid h1 strong { color: #000; font-size: 20px; }

#content .right { 
	float: right; 
	font-size: 11px;
	padding: 23px 40px 0 40px; 
	width: 356px;
}
#content .right div a , #content .right-full a, .toUppercase  { 
	color: #ff3d91; 
	font-size: 14px;
	text-decoration: underline; 
	text-transform: uppercase; 
}
#content .right div a:hover, #content .right div a:focus, #content .right-full a:hover, #content .right-full a:focus , .toUppercase:hover, .toUppercase:focus { color: #646464; }
#content .right strong { text-decoration: underline; }
#content .right-full { float: right; margin: 20px 20px 20px 0; width: 610px; }
#content .right-full h2 { 
	color: #8d8d8d; 
	float: right;
	font-size: 12px; 
	font-weight: normal;
	line-height: 1.5em;
	margin: 93px 0 0 0;
	*margin: 84px 0 0 0;
	width: 300px; 
}
#content .right-full h2 img { float: left; margin: 0 20px 0 0; }
#content .right-full h2 span { color: #000; display: block; margin: 20px 0 0 0; }

#content .tagline { 
	background: url('../img/global/ICN-herve-logo-clear.png') no-repeat bottom right;
	color: #fff;
	font-family: "Times New Roman", Georgia, "Bookman Old Style";
	font-size: 26px;
	height: 115px; 
	letter-spacing: 1px;
	position: relative;
	text-align: right;
	width: 325px; 
	z-index: 9999;
}

/*** LANGUAGE SELECTOR AND CASCADING STYLES / CLASSES ***/
#language { list-style-type: none; text-align: right; }
#language a { color: #cfcfcf; }
#language a:hover, #language a:focus, #language span { color: #ff3d91; } 
#language li { display: inline; padding: 0 5px 0 0; }
#language .last { border: none; }

/*** MAST AND MAST-CENTER AND CASCADING STYLES ***/
#mast { padding: 0 0 0 10px; }
#mast span { float: right; margin: -23px 10px 0 0; *margin: -20px 10px 0 0; }
#mast { margin: 52px 0 16px 0; }
#mast-center { margin: 29px 0 16px 0; }
#mast-center { text-align: center; }

/*** NAVIGATION AND CASCADING STYLES ***/
#navigation { 
	font-size: 14px; 
	list-style-type: none;
	padding: 23px 0 10px 0; 
	text-align: center; 
	text-transform: uppercase; 
}
#navigation a { color: #646464; }
#navigation a, #navigation span { margin: 0 15px 0 15px; }
#navigation a:hover, #navigation a:focus, #navigation span { color: #ff3d91; }
#navigation li { display: inline; }

/*** SPECIFIC TABLES (ALL WITHIN PRODUCTS AND SHOP) AND CASCADING STYLES ***/
#tbl-notes { margin: 40px 0 45px 30px; width: 780px; }
#tbl-notes p { line-height: 1.33em; padding: 0 0 0 20px; }
#tbl-notes span { display: block; font-weight: bold; margin: 15px 0 0 0; text-transform: uppercase; }
#tbl-notes td { vertical-align: top; }

#tbl-products { margin: 45px auto 0 auto; width: 340px; }
#tbl-products td { padding: 0 0 15px 0; }
#tbl-products td, #tbl-us td, #tbl-uk td { text-align: center; }

#tbl-us { margin: 65px auto 0 auto; width: 505px; }
#tbl-us img, #tbl-uk img { margin: 0 5px 0 0; }
#tbl-uk { margin: 25px auto 0 auto; width: 765px; }
#tbl-uk td{ padding: 0 0 35px 0; }

/*** INDIVIDUAL STYLE DECLARATION FOR OUTLIERS ***/
.toLeft { text-align: left; }
.toUppercase { text-transform: uppercase; }
#navigationlink a { color: #ff3d91; }