@import url("fonts/stylesheet.css");

* { outline: none; border:0; }
body { 
    margin: 0px;
    padding: 0; 
    background-color: #FDDED8;
}
#footer a:hover {color:#000;}
a{ color: #666; text-decoration:none;}
a:hover { color:#f9b5aa;}
#wrapper_header {
    width: 100%;
    margin: 0 auto;
	background: url(images/header_sliv.png) repeat-x #ffffff;
}
#header_bg{ background:url(images/header_g.png) top center no-repeat; width:1080px; margin:0 auto;}
#wrapper_middle {
    width: 100%;
    margin: 0 auto;
}
#wrapper_shadow {
    width: 100%;
    margin: 0 auto;
	height:10px;
	background:url(bg_grad.png) repeat-x;
}
#wrapper_slide {
    width: 100%;
    margin: 0 auto;
}
#wrapper_footer {
	opacity:0.8;
    width: 100%;
    margin: 0 auto;
	background: url(images/footer_sliv.png) repeat-x top;
	height:160px;
}
#footer_sliv{ width:1080px; margin:0 auto; background:url(images/footer_bg.png) top center no-repeat;}
#header {
    padding-bottom: 10px;
	width:880px;
	margin:0 auto;
	height:30px;
	
}
#footer {
	height:100px; margin:0 auto; width:880px; font-family:verdana, arial; font-size:10px; color:  #555 ; padding-top:30px; }
h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}
#logo { float:right; width:146px; height:21px; padding-right:60px; text-indent:-9999px; background:url(paco_logo.png) no-repeat; margin-top:62px;}
#menu_logo {float:right; width:146px; height:40px; margin: 28px 40px 0px 0px; background:url(images/menu/logo.png) no-repeat; text-indent:-9999px;}
#nav_menu {width:900px; height:90px; margin:0 auto}
#slider_container { width:100%;  margin: 0 auto; position:relative;  background: #fff6f5 url(images/main_bg.png) center top no-repeat ; }
#slider {
    width: 880px;
    margin: 0 auto;
		height:560px;
    position: relative;
}
#slider2 {
    width: 900px;
    margin: 0 auto;
		height:560px;
    position: relative;
	z-index:;
}
#panel_content { width:350px; line-height:1.5; font-family:verdana, helvetica,  arial; font-size:11px; color:#666666; margin: 150px 0px 0px 140px;   }#panel_content  a { text-decoration:none; color:#666666; font-weight:bold; font-family:verdana, helvetica,  arial; font-size:11px; }
#panel_content2 { width:350px; line-height:1.5; font-family:verdana, helvetica,  arial; font-size:11px; color:#666666; margin: 0px;  padding:20px 0px 0px 14px; }
.scroll {
    height: 670px;
    width: 100%;
    overflow: hidden ;
    position: relative;
    clear: left;
    background: ;
}
.scroll2 {
    height: 560px;
    width: 100%;
    overflow: hidden ;
    position: relative;
    clear: left;
    background: ;
}
.scrollContainer div.panel {
    padding: 20px;
    height: 560px;
    width: 880px;
}
.scrollContainer2 div.panel2 {
    padding: 20px;
    height: 560px;
    width: 880px;
}
#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}
#nav_container { width: 880px; margin: 0 auto;}
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	background:#ffffff;
	padding:0 0 55px;
}
ul.navigation li {
	float:left;
	margin:0 30px 0 0;
	text-indent: -5000px;
}
ul.navigation a {
    color: #252525;
    text-decoration: none;
	display:block;
	padding:0px;
	text-transform:uppercase;
	font-size:11px;
	text-indent: -5000px;
}
ul.navigation li.one a {background: url('menu_overlay.png')no-repeat scroll 0 0px; width:35px; height:10px;}
ul.navigation li.two a {background: url('menu_overlay.png')no-repeat scroll 0 -10px; width:40px; height:10px;}
ul.navigation li.three a {background: url('menu_overlay.png')no-repeat scroll 0 -20px; width:65px; height:10px;}
ul.navigation li.four a {background: url('menu_overlay.png')no-repeat scroll 0 -30px; width:55px; height:10px;}	
ul.navigation li.five {background: url('menu_overlay.png')no-repeat scroll 0 -40px; width:2px; height:10px;}
ul.navigation li.six a {background: url('menu_overlay.png')no-repeat scroll 0 -50px; width:115px; height:10px;}
ul.navigation li.seven a {background: url('menu_overlay.png')no-repeat scroll 0 -60px; width:130px; height:10px;}
ul.navigation li.one a:hover {background: url('menu_overlay_hover.png')no-repeat scroll 0 0px; width:35px; height:10px;}
ul.navigation li.two a:hover  {background: url('menu_overlay_hover.png')no-repeat scroll 0 -10px; width:40px; height:10px;}
ul.navigation li.three a:hover  {background: url('menu_overlay_hover.png')no-repeat scroll 0 -20px; width:65px; height:10px;}
ul.navigation li.four a:hover  {background: url('menu_overlay_hover.png')no-repeat scroll 0 -30px; width:55px; height:10px;}	
ul.navigation li.five {background: url('menu_overlay_hover.png')no-repeat scroll 0 -40px; width:2px; height:10px;}
ul.navigation li.six a:hover  {background: url('menu_overlay_hover.png')no-repeat scroll 0 -50px; width:115px; height:10px;}
ul.navigation li.seven a:hover  {background: url('menu_overlay_hover.png')no-repeat scroll 0 -60px; width:130px; height:10px;}
ul.navigation a:hover {
    background-color: #f9b5ab;
	color:#ffffff;
}
ul.navigation a.selected {
    background-color: #fff;
}
ul.navigation a:focus {
    outline: none;
}
.scrollButtons {
    position: relative;
    top: 150px;
}
.scrollButtons.left {
    left: -20px;
}
.scrollButtons.right {
    right: -20px;
}
.hide {
    display: none;
}
#one{ background: url(bg_summer2010.jpg) no-repeat center top #FFF;
height:848px;
}
#two{ background: url(bg_about.jpg) no-repeat center top #FFF;
height:848px;
}
#three{ background: url(bg_stockists.jpg) no-repeat center top #FFF;
height:848px;
}
#four{ background:url(home_bg.jpg) no-repeat center top #FFF;
height:848px;
}
#c1{ background: #FFF url(bg_summer2010.jpg) top right no-repeat;
height:650px;}
#one2{ background: #FFF;
height:650px;}
#two2{ background:url(bg_two.jpg) #FFF;
height:650px;}
#three2{ background:url(bg_three.jpg) #FFF;
height:650px;}
#four2{ background:url(bg_one.jpg) #FFF;
height:650px;}
#c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8 {
	width:880px;
	height:540px;
	background:#fff;
}
.titletext{ font-size:10px; color:#BBB; cursor:pointer; width:280px;  padding:2px 0px; text-align:center; font-family:Verdana, Geneva, sans-serif; margin-left:10px; float:left;}
.stockists_list {font-size:10px;}
.collection_one a{ color:#000;}
.collection_two_a{ color:#000;}
/*#top_menu a { font-family: Verdana, arial, sans-serif; font-size:11px; text-decoration:none; letter-spacing:0.1em; text-transform:uppercase; color:#999; }
#top_menu a:hover { text-decoration:none; text-transform:uppercase; color:#f9b5aa; }
#top_menu {margin:20px 0px 0px 20px; width:700px; float:left ; line-height:1.6;}
*/
#topmenu{ padding:21px 0px 0px 32px; float:left; width:650px;}
#multi-level {height:28px; position:relative; z-index:100;}
#multi-level .pad {float:left;}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; clear:both; 	font-family:Arial, Helvetica, sans-serif; }
/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:28px;}
.menu li.top a  {font-size:11px; text-transform:uppercase; color:#000; font-family: 'TeXGyreHerosRegular'; padding:0 10px; letter-spacing:1.3px} /* move the link text off screen */
.menu li.top a:hover {color:#f07563}
.menu.menu2 li.top a { color:#f07563}
.menu.menu2 li.top a:hover { text-decoration:underline}
/* pre-load the hover images into the lists */
/* set up the normal unhovered images in the links */
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */
/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;  background-color:#f9f9f9;}