@charset "utf-8";
/* CSS Document */

h1,h2,h3,p,fieldset{
	margin:0;
	padding:0;
}
body{
	margin-top:30px;
	font:12px/18px "Myriad Pro",Myriad,Arial,Tahoma,sans-serif;
	color:#404040;
	background-color:#FFF;
}
#page{
	margin:0 auto;
	width:877px;
}
#header{
	width:877px;
	height:40px;
	position:relative;
	background-color:#FFFFFF;
}
#header strong{
	display:block;
	position:absolute;
	top:7px;
	left:0px;
}
#header strong a{
	display:block;
	width:212px;
	height:13px;
	margin-left: 15px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/opalLogo.gif);
}
#header ul{
	position:absolute;
	list-style:none;
	left:240px;
	margin:0;
	padding:0;
	background:url(../img/bottomDots.gif);
}
#header ul li{
	padding:0;
	margin:0;
	float:left;
}
#header ul a{
	display:block;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#header ul a.collections{
	width:140px;
	background:url(../img/btnCollections.gif);
}
#header ul a.collections:hover{
	background-position:0 -32px;
}
#header ul a.showcase{
	width:120px;
	background:url(../img/btnShowcase.gif);
}
#header ul a.showcase:hover{
	background-position:0 -32px;
}
#header ul a.story{
	width:160px;
	background:url(../img/btnTheOpalStory.gif);
}
#header ul a.story:hover{
	background-position:0 -32px;
}
#header ul a.contact{
	width:110px;
	background:url(../img/btnContact.gif);
}
#header ul a.contact:hover{
	background-position:0 -32px;
}
#header ul a.home{
	width:90px;
	background:url(../img/btnHome.gif);
}
#header ul a.home:hover{
	background-position:0 -32px;
}
#header ul li a#selected{
	background-position:0 -32px;
}
.holder{
	width:877px;
	position:relative;
	background-color:#ffffff;

}
/*sidebar*/
#sidebar {
	width:250px;
	overflow:hidden;
	float:left;
}

/*logo*/
#sidebar h1 a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:142px;
	height:128px;
	background:url(../img/logo.gif) no-repeat 0 0;
	margin-left:8px;
	margin-top:2px;
}
/*list*/
#sidebar ul{
	width:100%;
	overflow:hidden;
	margin:10px 0 0 0;
	padding-top:23px;
}
#sidebar ul li {
	float:left;
	width:160px;
	font: 13px/12px "Myriad Pro",Myriad,Arial,Tahoma,sans-serif;
	padding-bottom:17px;
	list-style:none;
}
#sidebar ul li a{
	color:#737375;
	float:left;
	display:block;
	height:5px;
	text-decoration:none;
	padding-right:3px;
}
#sidebar ul .active a{
	color:#E57A25;
	display:block;
	height:5px;
	text-decoration:none;
}
/*list on hover*/
#sidebar ul li a:hover{
	color:#E57A25;
	display:block;
	height:5px;
	text-decoration:none;
}
#sidebar p{
	font: 12px/18px "Myriad Pro",Myriad,Arial,Tahoma,sans-serif;
	color:#deb598;
	padding-bottom:15px;
}
#sidebar p span{
	display:block;
	color:#c2986b;
	width:125px;
	overflow:hidden;
	font: 12px/12px "Myriad Pro",Myriad,Arial,Tahoma,sans-serif;
}
#sidebar p a{
	color:#737375;
	display:block;
	float:right;
	font: 12px "Myriad Pro",Myriad,Arial,Tahoma,sans-serif;
	text-decoration:none;
}
#sidebar p a:hover{
	color:#E57A25;
	text-decoration:none;
}

#sidebar #sideImage{

margin-top:120px;
margin-left:15px;

}

#sidebar #sideFashion{

background-color:#E77B25;
color:#ffffff;
width:210px;
margin-left:10px;
padding:8px;

}

#sidebar #sideFashion p{

color:#ffffff;

}

#sidebar #sideNewsletter{
background-color:#E6E6E6;
color:#747376;
width:210px;
height:380px;
margin-left:10px;
padding:8px;

}

#sidebar #sideNewsletter p{
background-color:#E6E6E6;
color:#747376;

}

.sideNewsletter{
	font:12px/18px avant garde,"Myriad Pro",Myriad,Arial,Tahoma,sans-serif;
background-color:#E6E6E6;
color:#747376;
width:210px;
margin-left:10px;
padding:8px;

}

.homeNewsletter{
	font:13px/18px Arial,Tahoma,sans-serif;
color:#333;
font-stretch:ultra-condensed;
width:275px;
margin-left:5px;
padding:4px;

}

.email {
	margin:10px 0px 5px -15px;
}

.signup {
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 44px;
}
.homeTitle{
	font:12px/18px avant garde,"Myriad Pro",Myriad,Arial,Tahoma,sans-serif;

color:#ffffff;
width:450px;
margin-left:10px;
padding:8px;
font-weight:bold;
font-size:20px;
line-height:24px;
}


.homeLinks{
	font:12px/18px avant garde,"Myriad Pro",Myriad,Arial,Tahoma,sans-serif;

color:#ffffff;
width:450px;
margin-left:10px;
padding:8px;
font-weight:bold;
font-size:16px;
line-height:18px;

}

.homeLinks a{

color:#ffffff;
width:450px;
margin-left:10px;
padding:8px;
font-weight:bold;
font-size:16px;
line-height:18px;

}

.homeLinks a:hover{

color:#ffffff;
width:450px;
margin-left:10px;
padding:8px;
font-weight:bold;
font-size:16px;
line-height:18px;

}

.homeLinks a:visited{

color:#ffffff;
width:450px;
margin-left:10px;
padding:8px;

}

.homeNewsletter a{

color:#ffffff;
text-decoration:none;

}

.homeNewsletter a:hover{

color:#ffffff;
text-decoration:underline;

}

.homeNewsletter a:visited{

color:#ffffff;

}

.sideNewsletter p{
background-color:#E6E6E6;
color:#747376;

}


#main{
	width:877px;
	min-height:510px;
	padding:0;
	background-color:#FFFFFF;
}

#content{
	width:590px;
	min-height:490px;
	margin:0;
	background:#fff;
	overflow:hidden;
	padding:23px 10px 0px 8px;

}
#content #showcaseItem img, #content #showcaseItem1 img, #content #showcaseItem2 img{

float:right;
margin-top:-50px;
margin-left:5px;

}

#showcaseItem span, #showcaseItem1 span, #showcaseItem2 span{
margin-left:240px;
font-weight:normal;
line-height:20px;

}
#showcaseItem,#showcaseItem1,#showcaseItem2 {

background:url(../img/bottomDots.gif) no-repeat bottom;
height: 130px;
margin-top:10px;

}

#content #leftCol{

width: 280px;
float:left;
padding-right: 20px;

}

#content #rightCol{
width: 590px;


}

#contentHome{
	width:877px;
	margin:0;
	background:#fff;
	overflow:hidden;
	padding:0px 0px 0 0;

}
* html #content{
	height:510px;
}
#content h1{
	font: 21px/21px "Myriad Pro",Myriad,Arial,Tahoma,sans-serif;
	color:#231F20;
}
#content h2{

	font: 18px/21px "Myriad Pro",Myriad,Arial,Tahoma,sans-serif;
	color:#E57A25;
	width:600px;



}

/*____________________________________________________________________  text  */
.hidden {
  display: none;
}

#content a{
	text-decoration:none;
	color:#231F20;
}
#content a.active,
#content a:hover{
	color:#E57A25;
}

#footer{
	width:877px;
	height:41px;
	text-align:left;
	overflow:hidden;
	font-size:10px;
	padding-left: 15px;
}
#footer ul{
	margin:2px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#footer ul li{
	padding:0;
	display:inline;
	padding:10px 8px 0 15px;
}
#footer ul li.first{
	background:none;
}

#footer ul li a{
	color:#737375;
	text-decoration:none;
}
#footer ul .active a{
	color:#E57A25;
	text-decoration:none;
}
/*list on hover*/
#footer ul li a:hover{
	color:#E57A25;
	text-decoration:none;
}



/*sIFR */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash #content h2{
	font-size:18px;
	height:71px;
	padding:0 0 15px;
	line-height:0;
	width:580px;
}
.sIFR-hasFlash #content h1{
visibility: hidden;
line-height: 34px;
letter-spacing: .2px;
} 
/*start iemac hide \*/
.sIFR-hasFlash #content h1{
visibility: hidden;
line-height: 34px;
letter-spacing: .2px;
}
/*end iemac hide*/
.sIFR-hasFlash #content h3{
	font-size: 21px;
	height:15px;
	padding:0 0 5px;
	margin:0 0 10px;
} 
.sIFR-hasFlash #content h4{
	font-size: 10px;
	height:15px;
	padding:0 0 5px;
	margin:0 0 0px;
} 

.sIFR-hasFlash #sidebar #sideFashion #sideNewsletter h3{
	font-size: 21px;
	height:55px;
	padding:0 0 5px;
	margin:0 0 10px;
} 
.sIFR-hasFlash #sidebar #sideFashion #sideNewsletter h4{
	font-size: 30px;
	height:55px;
	padding:0 0 5px;
	margin:0 0 0px;
} 

#sidebar #sideFashion #sideNewsletter p{
margin-top: 0px;
padding-top:0px;}


/*input form styles*/

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}