/* 
    Document   : new_loreal
    Created on : 2010.13.1, 17:26:25
    Author     : Ramuuns
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#left_side,
#right_side {
    display: none;
}

#middle{
	width:960px;
}

#loreal_menu {
	border-top:1px solid #b67732;
}

#loreal_menu img {
	display:none;
}

#loreal_menu table {
	width:960px;
}

#loreal_menu table p {
	height:auto;
	font-weight:bold;
	font-variant:small-caps;
	background-color:black;
	border:none;
	font-family: Arial,Helvetica,sans-serif;
}


#loreal_menu table p.l_selected {
	background-color:black ! important;
	color:#b67732;
}

#loreal_menu table p:hover{
	background-color:black ! important;
	color:#b67732;
}

#loreal_content {
	background-color:white;
	width:auto;
	color:black;
}

#loreal_content.black {
	color:white;
	background-color:black;
}


#lmwrap {
	float:left;
	margin-right:20px;
	width:300px;
	background-color:black;	
}

#loreal_content #lmwrap #cat span {
	top:22px;
	background-color:#000000;
	font-weight:bold;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:14px;
	color: #b67732;
	position: relative;
	top: 3px;
}

#lmwrap #loreal_content_image img {
	width:300px;
	border:none;
}

#lmwrap #loreal_submenu {
	float:none;
	padding-left:5px;
}

#lmwrap #loreal_submenu  li div{
	float:left;
	padding-right:15px;
}

#lmwrap #loreal_submenu li a img {
	display:block;
	float:left;
	border: none;
	padding-right: 10px;
	height: 66px;
	width: 87px;
}

#lmwrap #loreal_submenu li a span {
	border:0px;
	font-weight:bold;
	border-bottom:1px solid #b67732;
	height: 77px;
	float:none;
	width: 260px;
	padding-left: 0px;
	margin-bottom: 0px;
}


#lmwrap #loreal_submenu li.ls_selected a span {
	background-color:black  ! important;
	color:#b67732;
}

#lmwrap #loreal_submenu li a span:hover {
	background-color:black ! important;
	color:#b67732;
}

#lmwrap #loreal_submenu li:last-child a span {
	border:none;
}


#loreal_content h3 {
	position:relative;
	top:22px;
	margin-left:300px;
	background-color:#b67732;
	font-weight:bold;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:14px;
}

#lc_content {
	padding-top:30px;
	float:left;
	width:615px;
}

#loreal_start {
	width:720px;
	float:left;
	/*margin-left:-10px;*/
	background-color:black;
	border-left:5px solid #b67732;
	position:relative;
}

#loreal_start a {
	color:white;
	font-weight:bold;
	font-size:16px;
	display:block;
	margin-left:5px;
	width:400px;
	font-family: Arial,Helvetica,sans-serif;
}

#loreal_start a span {
	color:#b67732;

}

#loreal_start_menu {
	background-color:black;
	float:left;
	/*margin-right:-10px;*/
	width:230px;
}

#loreal_start_menu li img {
	width:113px;
	float:left;
	height:113px;
}

#loreal_start_menu li.alternate img {
	float:right;
}

#loreal_start_menu #loreal_submenu li a span {
	background-color:#b67732;
	color:white;
	width:103px;
	height:103px;
	padding:0px;
	margin:0px;
	border:none;
	padding:5px;
	font-weight: bold;
}

#loreal_start_menu ul#loreal_submenu {
	padding:0px;
}

#loreal_start_menu li {
	margin-bottom:10px!important;
	margin-top:5px!important;
	height:113px;
}

#loreal_start_b2{
	clear:both;
}

#loreal_start_b1{
	background-color:black;
	float:left;
	/*margin-right:-10px;*/
	width:230px;
	/*height:534px;*/
}

#start_inner{
	background-color:black;
	margin-left:-10px;
	margin-right:-10px;
}

#start_top{
	background-color:#b67732;
	height:15px;
}

#loreal_start #pager{
	position:absolute;
	bottom:0px;
	right:0px;
}

#loreal_start #pager #page {
	float:left;
}

#loreal_start #pager #page li {
	float:left;
	list-style-type:none;
}

#loreal_start #pager #page li a{
	width:auto;
	color:black;
	background-color:white;
	font-size:12px;
	padding:0px 3px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

}

#loreal_start #pager #page li a.selected{
	background-color:#b67732;
}

#prevnext {
	float:left;
	background-color:#b67732;
	color:black;
	margin-left:5px;
	height:14px;
	line-height:9px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

}

#prevnext a {
	display:inline;
	color:black;
	cursor:pointer;
	font-size:12px;
	padding:0px 3px;
}

#loreal_start #prevnext a#prev {
	margin-left:0px;
	margin-right:5px;
}

#loreal_content table#ctl0_Main_StarsList{
	width:600px;
	margin:0px auto;
}