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

body {
background-color:#ffffff;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif; 
}
/* ----------container to center the layout---------- */


#container {
width: 799px;
padding:0px;
margin: 0px;
margin: 15px auto 10px auto;
} 


/* ----------banner for logo-------------- */
#top {
text-align: center;
padding: 0px;
margin: 0px; 
height: 113px;
}

#banner img {padding:0px 0px;} 


/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 700px #dedede;  /* color of the left column  */ 
background-color: #9ccff; /* color of the content column */
 } 

#inner{ margin:0 10px 0 10px; width:100%; } /* The ie/pc pecularity */ 


/* --------------left navi 2------------- */
#left2 {
height: 530px;
 width:799px; 
 float:right; 
 position:relative;
 margin-left:0px; 
 margin-right:0px;
 background-color: #ffffff;
 text-align: center;
 border-style: solid;
 border:3px;
 border-color:#EAEAEA
 }
 
 /* --------------pictureborder------------- */
img.pic { border: 1px solid #cccccc ; }
/* -----------------content--------------------- */
#content-home{
float:left;
margin: 0px;
}

#content{
float:left;
width: 797px;
margin: 0 0 0 0;
padding: 0;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

p{
padding: 10px 30px 0px 20px;
margin:0px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
font-size: 11px;
}

#footer p {
color: #fff;
}

#shop-online #leftside p{
color:#4a382e;
}

h1{
padding: 10px 30px 0px 20px;
margin:0px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #160d08;
font-size: 14px;
}

h2{
padding: 5px 30px 5px 20px;
margin:0px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
}


#header-bar {
width: 799px;
height: 28px;
background-color:#160d08;
margin: 0;
padding: 0;
text-align: center;
}

h3{
padding: 10px 30px 0px 20px;
margin:0px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #160d08;
font-size: 12px;
}

h4 {
padding: 10px 30px 0px 20px;
margin:0px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #160d08;
font-size: 16px;
font-weight: bold;
}

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

a:hover {
text-decoration: underline;
}

.link-item {
color:#261d18;
text-decoration: underline;
}

#shop-online #leftside a{
font-size: 9px;
font-weight: bold;
color:#261d18;
text-decoration: underline;
}

#links-page #leftside3 a{
color:#1d4590;
text-decoration: underline;
}

.noborder {
border: 0;
}


pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

.thumb-pad {
margin-top: 15px;
margin-bottom: 7px;
}

/*  ----------------footer---------------------- */ 
#footer {
height: 30px;
 width:799px;
 float: left; 
 clear: both;
 margin-left:0px;
 background-color: #4A382E;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #ffffff;

 }


/*  ----------------footer2---------------------- */ 
#footer2 {
height: 30px;
 width:950px; 
 position:relative;
 margin-left:0px;
 background-color: #4A382E;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #ffffff;
 }

#footer.hp {
 margin-top: 0px;
}


/*  ----------------menu---------------------- */ 

#menu{
	height: 30px;
	background-color: #4A382E; 
	width: 799px;
	padding: 0px;
	margin: 0px;
	}

#menu a, #menu a:visited {
  text-decoration:none;
  background-color: none; 
  color:#ffffff;
  font-weight: bold;
  height: 30px;

  }
  
#menu a:hover {
  background-color: #160D08; 
  color:#ffffff;
  }
  
#menu ul {
position: relative;
list-style: none;
width: 799px;
height: 30px;
background: url(../images/navigtion.gif) 0 0 no-repeat;
margin: 0;
padding: 0;
z-index: 2;
}

#menu ul li {
position: absolute;
display: inline;
float: left;
top: 0;
}

#menu ul li a {
display: block;
text-indent: -9999px;
text-decoration: none;
}

#home { left: 1px; }
#couture { left: 72px; }
#shop { left: 238px; }
#bio { left: 393px; }
#press { left: 492px; }
#links { left: 565px; }
#contact { left: 633px; }
#basket { left: 737px; }

#home a{ width: 70px; }
#couture a{ width: 166px; }
#shop a{ width: 155px; }
#bio a{ width: 99px; }
#press a{ width: 73px; }
#links a{ width: 68px; }
#contact a{ width: 104px; }
#basket a{ width: 60px; }

#home a:hover{ background: url(../images/navigtion.gif) -1px -30px no-repeat; }
#couture a:hover { background: url(../images/navigtion.gif) -72px -30px no-repeat; }
#shop a:hover { background: url(../images/navigtion.gif) -238px -30px no-repeat; }
#bio a:hover { background: url(../images/navigtion.gif) -393px -30px no-repeat; }
#press a:hover { background: url(../images/navigtion.gif) -492px -30px no-repeat; }
#links a:hover { background: url(../images/navigtion.gif) -565px -30px no-repeat; }
#contact a:hover { background: url(../images/navigtion.gif) -633px -30px no-repeat; }
#basket a:hover { background: url(../images/navigtion.gif) -737px -30px no-repeat; }

/* The following is for the drop-down menus */

#menu ul li ul {
float: none !important;
position: absolute;
left: 3px;
top: 30px;
display: none;
width: 142px !important;
height: auto !important;
margin: 0 0 0 8px;
z-index: 3;
padding: 0 0 20px 0;
}

#menu ul li#couture ul { /* Need a new image for each dd menu */
background: url(/images/subnav1.gif) 0 0 no-repeat !important;
}

#menu ul li#shop ul { /* Need a new image for each dd menu */
background: url(/images/subnav2.gif) 0 0 no-repeat !important;
left: 2px;
width: 132px !important;
}

#menu ul li ul li {
position: relative;
display: block;

height: 30px;
}

#menu ul li ul li a {

height: 30px;
line-height: 1em;
text-decoration: none;
}

#menu ul li:hover ul { 
display: block !important; 
}

/* Targets each specific menu dd with hover states */

#menu ul li ul li#parfume a:hover { background: url(/images/subnav1.gif) -142px 0 no-repeat; }
#menu ul li ul li#garden a:hover { background: url(/images/subnav1.gif) -142px -30px no-repeat; }
#menu ul li ul li#rollup a:hover { background: url(/images/subnav1.gif) -142px -60px no-repeat; }


/* Targets each specific menu dd with hover states */

#menu ul li ul li#delivery a:hover { background: url(/images/subnav2.gif) -132px 0 no-repeat; }
#menu ul li ul li#terms a:hover { background: url(/images/subnav2.gif) -132px -30px no-repeat; }



/* Makes the top level hover state stick when hovering the dropdown (NOTE: Does not work for IE6) OMG !!!!!  No Javascript */

#menu ul li#parfume:hover > a {background: url(/images/navigation.gif) -1px -25px no-repeat; }
#menu ul li#garden:hover > a {background: url(/images/navigation.gif) -112px -25px no-repeat; }
#menu ul li#rollup:hover > a {background: url(/images/navigation.gif) -223px -25px no-repeat; }

/*  ----------------items---------------------- */ 

#item {
float: left;
margin: 9px 6px 9px 12px; 
border: 0;
padding: 0;
}

#item2 {
float: left;
margin: 8px 6px 0px 12px; 
padding: 0;
border: 0;
}

#item a img {
border: 0;
}

#item2 a img {
border: 0;
}

#garden #content #item {
float: left;
margin: 9px 9px 9px 9px; 
border: 0;
}

#bar {
width: 788px;
height: 19px;
background-color:#746349;
margin: 2px 2px 0 2px;
padding: 7px 0 0 5px;
}

#bar a {
float: left;
}

#bar a#back {
margin-left: 305px;
}

#bar a#next {
margin-left: 205px;
}

a.collections {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color:#FFFFFF;
text-decoration: none;
}

.directoryhdr {
font-weight: bold;
}

#leftside {
float: left;
width: 373px;
margin-left: 2px;
margin-top: 6px;
margin-bottom: 10px;
}

#leftside2 {
float: left;
width: 530px;
margin-left: 2px;
margin-top: 18px;
margin-bottom: 18px;
}

#leftside3 {
float: left;
width: 450px;
margin-left: 2px;
margin-top: 18px;
margin-bottom: 18px;
}

#rightside {
float: left;
width: 420px;
margin-right: 0px;
margin-top: 6px;
margin-bottom: 10px;
}

#rightside2 {
float: left;
width: 244px;
margin-right: 2px;
margin-top: 25px;
margin-bottom: 10px;
}

#main-image {
float: left;
width: 306px;
height: 461px;
}

#main-image img {
border: 1px solid #cccccc;
}

#thumbs {
float: left;
width: 90px;
}

#thumbs img {
margin: 0 0 4px 11px;
border: 1px solid #cccccc;
}

/*  ----------------thumbnail---------------------- */ 
.thumbnail{
width:70px;
height:70px;
background-color: transparent;
	border: 0px solid #ddd;
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 50px;
	vertical-align:middle;
	}	

.maintext1bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.maintext1italic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}
.maintext2bigger {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align: left;
}
.maintext2smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-align: left;
}

#buy-button {
margin-left: 20px;
}
select#variant_id option.no-stock {
color: #666666;
background-color: #CCCCCC;
}
.right-links {
margin-left: 200px;
}

.right-links a{
font-family: "Times New Roman", Times, serif;
font-size: 16px;
color:#261d18;
}

#chk {
float: right;
display: inline;
margin: 20px 30px 10px 0;
}

#cnt {
float: right;
margin: 20px 5px 10px 0;
}

.tab-bord {
clear: left;
width: 750px;
margin: 10px 20px 10px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
}

.tab-bord2 {
width: 750px;
margin: 10px 20px 10px 20px;
padding: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}

.tab-bord2 td, th {
text-align: left;
padding-left: 5px;
}

.border2 {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
width: 750px;
margin: 20px 20px 0px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
}

tr.bask {
background-color: #746349;
height: 21px;
color: #fff;
}

td.bas {
border-top: 1px solid #ccc;
text-align: right;
width: 260px;
}

td.ba {
text-align: right;
}

td.mi {
text-align: center;
}

#shop-in {
float: left;
font-size: 16px;
font-weight: bold;
width: 300px;
padding: 0 30px 0px 20px;
margin: 20px 0 10px 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #160d08;
}

.clear {
clear: both;
}

.strong {
font-weight: bold;
}

.black {
	color:#000;
	text-decoration: underline;
}