/* CSS Document */

li.cosmo { width:  152px; }

li.bettyjean { width: 230px; }

li.galleries { width: 170px; }

li.book { width: 140px; }

li.cosmo a {
				left:  -8px;
				width: 152px;
				background-image: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/cosmo_en-us.png);
}

li.bettyjean a {
				width: 230px;
				background-image: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/bettyjean_en-us.png);
}

li.galleries a {
				width: 170px;
				background-image: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/galleries_en-us.png);
}

li.book a {
				left:  -1px;
				width: 140px;
				background-image: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/book_en-us.png);
}

* html li.cosmo a { background-image: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/ie6/cosmo_en-us.png); }

* html li.bettyjean a { background-image: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/ie6/bettyjean_en-us.png); }

* html li.galleries a { background-image: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/ie6/galleries_en-us.png); }

* html li.book a { background-image: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/ie6/book_en-us.png); }

li.bettyjean div { left: -30px; }

li.galleries div { left: -34px; }

li.book div { left:  -7px; }

/* CSS Document */


 
/* @group header */

div.mainnav_container {
				position: relative;
				height: 132px;
				z-index: 100;
}

div.mainnav_container * { line-height: 1em; }

div.mainnav_container h1 { margin: 0; }

/* @group ul.mainnav */

ul.mainnav {
				position: absolute;
				left: 20px;
				bottom: 9px;
				margin: 0;
				padding: 14px 0 10px 12px;
				width: 711px;
				height: 21px;
				background: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/background_cos.png) no-repeat 0 3px;
				list-style-type: none;
}

ul.mainnav li {
				margin: 0;
				padding: 0;
				float: left;
				height: 21px;
				border-left: 1px solid #be914f;
				position: relative;
}

ul.mainnav span.selected {
				display: block;
				width: 19px;
				height: 10px;
				position: absolute;
				bottom: -10px;
				left: 50%;
				background: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/selected_item_pointer.gif) no-repeat 0 0;
}

ul.mainnav li.cosmo { border-left: none; }

ul.mainnav a {
				font-size: 11px;
				font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
				display: block;
				position: absolute;
				top: -12px;
				height: 45px;
				background-repeat: no-repeat;
				background-position: 0 0;
				z-index: 101;
}

ul.mainnav li:hover a, * html ul.mainnav li.hover a, ul.mainnav li.selected a { background-position: 0 100%; }

div.mainnav_container ul a.no-pointer, div.mainnav_container li.selected a { cursor: default; }

* html div.mainnav_container ul a.no-pointer { cursor: pointer; }

div.mainnav_container li.professionals.selected a, div.mainnav_container li.selected ul a { cursor: pointer; }

ul.mainnav a span { display: none; }

ul.mainnav div {
				position: absolute;
				top: 25px;
				width: 170px;
				display: none;
				background: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/dropdown_shadow.png) no-repeat 100% 100%;
}

ul.mainnav li:hover div, ul.mainnav li.hover div { display: block; }

ul.mainnav ul {
				position: relative;
				top: -5px;
				left: -3px;
				margin: 0;
				padding: 17px 20px 10px;
				width: 130px;
				background: url(http://www.cosmotalks.com/images/interface/cosmotalks_nav/dropdown_background.png) no-repeat 100% 100%;
				list-style-type: none;
}

ul.mainnav ul li {
				border-left: none;
				border-top: 1px solid #e3d8ec;
				float: none;
				height: auto;
				position: static;
}

ul.mainnav li:hover ul a, ul.mainnav li.hover ul a { background-image: none; }

ul.mainnav ul a {
				position: static;
				left: 0;
				top: 0;
				padding: 5px;
				height: auto;
				color: white;
				text-decoration: none;
				width: auto;
				background: none;
}

ul.mainnav ul a:hover { color: #4a1e5a; }

/* @group ie6 */

* html ul.mainnav a {
				position: static;
				top: 0;
				left: 0;
				width: auto;
				height: 21px;
}

* html ul.mainnav ul {
				display: none;
				background: #18485b;
				position: absolute;
				top: 21px;
				left: 0;
				padding: 10px 12px;
}

* html ul.mainnav ul li, * html ul.mainnav ul li a {
				height: 1em;
				background-repeat: no-repeat;
				background-position: 0 0;
}

* html ul.mainnav li.hover ul { display: block; }

/* @end */

/* @group misc */

span.clear {
				display: block;
				clear: both;
}

img { border: 0; }

a {
 color: #d24800; text-decoration: none; }

a:hover { color: #993600; }

a.disabled { color: #dfdfdf; }

a img { border: none; }

li.first { border: none !important; }

p { margin: 0 0 1em; }

span.hide { display: none; }

span.nowrap { white-space: nowrap; }