@charset "utf-8";
.fanniann {
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	border-right-style: none;
	padding-right: 0px;
}
body {
	background-color: #232323;
	/* background-color: #FFFFFF; */
	border: none thick #FF3366; /* Sets the border properties for an element using shorthand notation */
	border-right-style: none;
	border-right-width: thick;
	color: #443F26;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center; /* Centres the page content container in IE 5 browsers. */
	background-image: url(picts/OTL4244-cherry-new.jpg);
	background-repeat: no-repeat;				/* background-image: url(picts/dot3.jpg); */
}
.bgr{
	background-color:#F5F5F5;
}
/* fastcart classes */
.contactbar { 
	background-color: #f0f0f0; 
	font-size: 9px; 
	color: #4c3995; 
 }
.divider {
	background-color: #FFFFFF;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
	padding-left: 340px;
	padding-top: 30px;
 }
.cartbg {
	background-color: #F4E6E3;
	font-size:12px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.cartbg h1 {
	padding-left:35px;
	padding-bottom:15px;
	color:#8C8151;
	line-height: 20px;
	background:#DAB59B;
	padding-top: 15px;
	font-size: 16px;
}
 /* worldpay classes */
.three h2{
	color:#FFFFFF;
	font-size:12px;
}
/* Commonly used to style page titles. */
h1 {
	color: #8C8151;
	font-size: 20px;
	font-weight: lighter;
	line-height: 22px;
	letter-spacing: normal;
}
/* Commonly used to style section titles. */
h2 {
				color: #8C8151;
				font-size: 20px;
				font-weight: lighter;
				line-height: 22px;
				letter-spacing: normal;
}
a,  a:link {
	color: #0000FF;
	font-weight: lighter;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	font-weight: lighter;
	text-decoration: none;
}
a:hover {
	color: #CC3366;
	text-decoration: none;
}
a:focus {
	color: #000;
}
a:active {
	color: #000;
}
a img {
	border: 0px;
}
.lightlinks a:link{
	color:#FF33FF;
	font-weight:normal;
	text-decoration:none;
}
.lightlinks a:visited{
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.lightlinks a:hover{
	color: #99FF00;
	text-decoration: none;
}
ul.NoBulletNoIndent {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px
}
.galleryBorder{
	padding: 0px;
	margin:0 auto;
	text-align: center;
}
a:hover .galleryBorder{
	padding: 0px;
	margin:0 auto;
	text-align: center;
}
.indent {
	padding-left: 20px;
}
.indentbig {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.indenthuge {
	float: left;
	width: 165px;
	padding: 0px;
	margin: 0;
}
.justify {
	text-align:justify;
}
.twoColFixLtHdr #container {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	height: auto;
}
.twoColFixLtHdr #header {
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	height: 126px;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	width: 850px;
	background-image: url(picts/pheader3b.gif);
}
.twoColFixLtHdr #header h1 {
	margin: 0; 
	padding: 10px 0;
}
.twoColFixLtHdr #headertext{
	z-index: 2;
	position:absolute;
	float:right;
	width:150px;
	margin-left:550px;
	margin-top: 65px;
	font-size: 12px;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 130px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 150px;
	padding: 20px 0px 0px 0px;
	background-color: #FFFFFF;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}	 
#outerWrapper {
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 780px;
}
#outerPopWrapper {
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 400px;
}
#outerWPopWrapper #contentPopWrapper {
	margin: 0 0 0 0;
	padding: 15px 15px 10px 5px;
	background-color: #FFD7FF;
	position: relative;
	width: 370px;
	float: left;
	overflow: hidden;
	top: 0px;
}
#outerWrapper #header {
	background-image: url(picts/pheader3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	height: 126px;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	width: 780px;
	}
#outerWrapper #header #headertext{
	z-index: 2;
	position:absolute;
	float:right;
	margin-left:400px;
	margin-top: 70px;
	top: 0px;
	width: 300px;
}
#outerWrapper #headerHome {
	background-position: top center;
	border-bottom: solid 1px #666;
	border-color: #F2E7E5;
	font-size: 18px;
	font-weight: bold;
	height: 230px;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	width: 780px;
	}
#outerWrapper #contentWrapper #leftColumn1 {
	background-color: #F5F5F5;
	float: left;
	padding: 15px 5px 10px 15px;
	width: 370px;
	margin: 0 0 0 0;
	height: 100%;
}
#outerWrapper #contentWrapper #contactsLeftColumn {
	background-color: #F3E8E6;
	float: left;
	padding: 15px 5px 10px 15px;
	width: 375px;
	margin: 0 0 0 0;
	height: 100%;
}
#outerWrapper #contentWrapper #eventsColumn {
	background-color: #FFFFFF;
	float: left;
	width: 780px;
	margin: 0;
	height: 100%;
	padding: 0px;
}
/* used on boutique page */
#outerWrapper #contentWrapper #leftColumn2 {
	background-color: #E9E0D1;
	border-right: solid 1px #F2E7E5; 
	float: left;
	padding: 10px 10px 10px 10px; 
	width: 10em;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
	margin: 0 0 0 0;
	padding: 15px 15px 10px 5px;
	background-color: #F5F5F5;
	position: relative;
	width: 370px;
	float: left;
	overflow: hidden;
	top: 0px;
}
#outerWrapper #contentWrapper #contactsContent {
	margin: 0 auto 0 auto;
	padding: 15px 10px 10px 5px;
	background-color: #F2E7E5;
	position: relative;
	width: 360px;
	float: left;
	overflow: hidden;
	top: 0px;
	height: 100%;
}
#outerWrapper #contentWrapper #boutiqueContent {
	margin: 0 0 0 11em; 
	padding: 10px 10px 10px 0px; 
}
#outerWrapper #contentWrapper .clearFloat {
	clear: left;
	display: block;
}
#outerWrapper #footer {
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ddd; /* Sets the top border properties for an element using shorthand notation */
	padding: 0px 0px 0px 0px;
	width: 780px;
	height: 81px;
}
/*footer links colour */
#outerWrapper #footer a {
	color: #8080FF;
}
#outerWrapper #footer a:hover {
	color:#FF66FF;
}
#outerWrapper #footer p {
	padding-top: 15px;
	margin: 0;
	text-align: center;
	line-height: 1em;
	font-size: .7em;
}
#outerWrapper #contentWrapper .brownBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	background-color: #666666;
	padding: 5px;
	font-weight: bold;
	line-height: 20pt;
	border: 3px;
	border-color: #000000;
	margin-top: 5px;
	text-align: center;
}
#outerWrapper #contentWrapper .blackBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8AE6FD;
	font-size: 16px;
	background-color: #666666;
	padding: 8px;
	font-weight: bold;
	line-height: 20pt;
	border: 0px;
	border-color: #000000;
	margin-top: 0px;
	text-align: center;
	vertical-align: middle;
}
/* Inner content 1 container to be used with Outer Box 1*/
.outerBox1{
	position: relative;
	left: 0px;
	top:0px;
	padding: 15px 8px  8px  8px;
	width: 350px;
	background-color:#FFFFFF;
	overflow: visible;
	margin: 0 0 0 0;
}
/* Inner content 1 container to be used with Outer Box 1*/
.innerBox1{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px;
	width: 320px;
	overflow: visible;
	background-color: #E6F2F2;
	font-size: 16px;
	line-height: 18px;
	margin: 0 auto 0 auto;
}				
.innerBoxShow{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 5px;
	width: 320px;
	overflow: visible;
	background-color: #FF4A4A;
	font-size: 16px;
	line-height: 18px;
	margin: 0 auto 0 auto;
}
.innerBoxHome1{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px;
	width: 320px;
	overflow: visible;
	background-color: #CCCCCC;
	font-size: 16px;
	line-height: 18px;
	margin: 0 auto 0 auto;
	background-image: url(picts/cocktail.jpg);
}
.innerBoxHome2{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px;
	width: 320px;
	overflow: visible;
	background-color: #CCCCCC;
	font-size: 16px;
	line-height: 18px;
	margin: 0 auto 0 auto;
	background-image: url(picts/home2.jpg);
}
.innerBoxShow .homePageShow{
	background-position:center;
	text-align: center;
	background-color: #FFFFFF;
	padding: 10px;
	height: 450px;
	width: 300px;
}
.innerBox1 .expressItems{
	float: none;
	padding-left:30px;
	padding-right:30px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
}
.innerBox1b{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px;
	width: 180px;
	overflow: visible;
	background-color: #FEEDFE;
	background-image: url(picts/Michelle-image2.gif);
	padding-left: 150px;
	padding-top: 145px;
	padding-right: 10px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
}				
.outerBoxEvents{
	position: relative;
	left: 10px;
	top:0px;
	padding: 10px;
	width: 740px;
	background-color:#DDF9FF;
	overflow: hidden;
	margin: 0px;
}
/* Inner content 1 container to be used with Outer Box 1*/
.innerBoxEvents{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px;
	width: 720px;
	overflow: visible;
	background-color: #FFFFFF;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 0 0;
}
#menuposition {
	position:relative;
	top:0px;
	left:0px;
	float: none;
	width:780px;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
	padding:0px;
}
.menubackground {
	background-color:#FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width:778px;
	height:26px;
	border-top-width: 1px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-bottom-style: solid;
}
.cartpane .btnAddToCart{
	display:inline;
	margin:0 0 0 0;
	background-image: url(buttons/Btn3b_EN_addtocart.gif);
	background-repeat: no-repeat;
	width: 80px;
	height: 23px;				
}
.cartpane .btnCheckout{
	display:inline;
	margin:0 0 0 0;
	background-image: url(buttons/Btn31b_EN_checkout.gif);
	background-repeat: no-repeat;
	width: 80px;
	height: 23px;				
} 
.leftBoutique .cartpane .btnCheckout:hover{
	cursor:pointer;
	background-image: url(buttons/Btn31_EN_checkout.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	width: 80px;
	height: 23px;
}
.leftBoutique .cartpane .btnAddToCart:hover{
	cursor:pointer;
	background-image: url(buttons/Btn3_EN_addtocart.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	width: 80px;
	height: 23px;
}
leftBoutique .cartpane .btnAddToCart:link{
	color:#00FF00;
	background-color:#FF0000;
	text-decoration:none;
}
leftBoutique .cartpane .btnAddToCart:visited{
	color:#443F26;
	background-color:#F1F4BE;
	text-decoration: none;
}
leftBoutique .cartpane .btnAddToCart:active{
	color:#000000;
	background-color:#FFFFFF;
	text-decoration: none;
}
.menu {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	cursor:pointer;
	text-align: center;
	display: block;
	line-height: 16px;
	white-space:nowrap;
	border-top: #929183 1px solid;
	border-left:#929183 1px solid;
	border-bottom:#929183 1px solid;
	border-right:#929183 1px solid;
}
a.menu:link {
	color:#000000;
	background-color:#D0F4F4;
	text-decoration:none;
}
a.menu:visited {
	color:#000000;
	background-color:#D0F4F4;
	text-decoration: none;
}
a.menu:active {
	color:#000000;
	background-color:#FFFFFF;
	text-decoration: none;
}
a.menu:hover{
	color:#FFFFFF;
	background-color:#00CCFF;
	border:1px solid #D8B398;
	text-decoration: none;
}
.backbutton {
	width:75px;
	padding-left: 20px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}
.backbutton2 {
	width:75px;
	padding-left: 20px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 15px;
}
.sizesbutton {
	width:100px;
	padding-left: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}
.menuCells{
	float:left;
	display: inline;
	text-align: center;
}
.menuCellsSpace{
	padding-left:6px;
	float:left;
	margin: 0;
	background-color: #FFFFFF;
}
#titleShop {
	position:relative;
	left: 0px;
	top: 0px;
	text-align: center;
	margin:0px;
	padding-top:10px;
	padding-left:0px;
	color:#756C44;
	padding-bottom: 10px;
	background-color: #F5F5F5;
	line-height: 2;
}
#titleShop img {border:none; }
#endTable{
	width:850px;
	background-color:#F5F5F5;
	height: 40px;
	float: left;
}
.endTableRow{
	float:left;
	margin:0px;
	width:32%;
	padding: 0px 0px 10px 10px;
	height: 50px;
	background-color: #FFFFFF;
	position: relative;
}
#worldPayContent{
	padding:10px;
	float:left;
	margin:0px;
	width:760px;
	height: 100%;
	background-color: #FFFFFF;
}	 
#companyInfoContent{
	padding:20px;
	float:left;
	margin:0px;
	width:740px;
	height: 100%;
	background-color: #E9E0D1;
}
.twoColFixLtHdr #footer {
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #FFFFFF; /* Sets the top border properties for an element using shorthand notation */
	padding: 10px 0px 0px 0px;
	width: 850px;
	height: 81px;
}
/*footer links colour */
.twoColFixLtHdr #footer a {
	color: #8080FF;
}
.twoColFixLtHdr #footer a:hover {
	color:#FF66FF;
}
.twoColFixLtHdr #footer p {
	padding-top: 15px;
	margin: 0;
	text-align: center;
	line-height: 1em;
	font-size: 1em;
}
.atable {
	width:420px;
	height: 200px;
	float: left;
	position: relative;
	top: 0px;
	padding-top: 10px;
	background-color: #FFFFFF;
	padding-left: 0px;
	left: 100px;
	padding-bottom: 30px;
}
.atable .row1 {
	height:40px;
	clear:left;
}
.atable .row2  {
	border:solid 0px red;
	height:155px;
	clear:left;
}
.atable .row3  {
	border:solid 0px red;
	height:30px;
	clear:left;
}
.atable .row4  {
	height:40px;
	text-align:center;
	clear:left;
	font-size: 18px;
	line-height: 100%;
}
.atable .row1 .row1cells{
	padding:3px 0px 3px 0px;
	float:left;
	width:100px;
	margin:0px;
	text-align:center;
	margin-right: 0px;
	clear: right;
}
.atable .row2 .row2cells {
	float:left;
	width:100px;
	height:150px;
	padding-left:0px;
	margin-right:0px;
	padding-right: 0px;
}
.atable .row2 .row2cellSpacer {
	float:left;
	width:0px;
	height:152px;
	padding-left:0px;
	margin-right:0px;
	padding-right: 0px;
}
.btable {
	width:290px;
	border-right: solid 8px #FFFFFF;
	border-bottom:solid 8px #FFFFFF;
	height: 220px;
	float: left;
	background-color: #FFFFFF;
	border-left: solid 4px #FFFFFF;
	position: relative;
	margin-bottom: 0px;
	display: inline;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.btable .row1 {
	clear:left;
	text-align:left;
	padding:0px;
	background-color: #FFFFFF;
	margin: 0;
}
.btable .row2  {
	height:200px;
	clear:left;
	background-color:#FFFFFF;
}
.btable .row3  {
	border:solid 0px red;
	height:30px;
	clear:left;
	background-color:#FEE7FB;
}
.btable .row4  {
	border:solid 0px white;
	height:35px;
	text-align:center;
	clear:left;
	font-size: 18px;
	line-height: 0;
}
.btable .row1 .row1cells{
	float:left;
	margin:0px;
	width:270px;
	padding: 10px;
	height: 30px;
	background-color: #FFFFFF;
}
.btable .row1 .row1cells h2{
	color:#69603D;
	font-size:14px;
	line-height: 100%;	
}
.btable .row2 .row2cellsa {
	float:left;
	width:150px;
	height:180px;
	padding: 8px;
	background-color:#FFFFFF;
	text-align:left;
}
#forsale1, #forsale2, #forsale3, #forsale4{
	border:thick dotted #009999;
	height:20px;
	width:140px;
	margin: 0px;
	padding-left: 3px;
	color: red;
	text-align: center;
}		
.btable .row2 .row2cellsa .sale{
	text-decoration:line-through;
	color: #000000;
}
.btable .row2 .row2cellsa .saleprice{
	color: #000000;
}
.btable .row2 .row2cellsb {
	float:left;
	width:100px;
	height:150px;
	margin-right:0px;
	padding: 12px 6px 6px 6px;
	background-color:#FFFFFF;
}
.space1{
	float:left;
	width:6px;
	height: 100%;
	background-color:#00FF66;
	top: 0px;
}
.twoColFixLtHdr #container #containerBoutique .titleRow {
	height:30px;
	padding: 20px;
	text-align: left;
	font-size: 16px;
	margin: 0;
	line-height: 20pt;
	border-bottom: solid #333333 3px;
	background-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	padding-top: 30px;
}
.twoColFixLtHdr #container #containerBoutique .leftBoutique {
				float:left;
				width:310px;
				padding: 10px 10px 10px 15px;
				text-align: left;
				background-color: #FFFFFF;
				height: 100%;
				margin: 0px;
}
.twoColFixLtHdr #container #containerBoutique .rightBoutique {
				float:left;
				width:310px;
				padding:10px 10px 10px 15px;
				background-color: #FFFFFF;
				height: 100%;
}
.twoColFixLtHdr #container #containerBoutique {
	width:670px;
	float:left;
	background-color: #FFFFFF;
}
.twoColFixLtHdr #container #containerBoutique .leftBoutique .composition {
	width:240px;
	padding:10px;
	background-color: #F0F0F0;
	border: 2px solid #E1C4AE;
	position: relative;
	bottom: 0px;
}
.twoColFixLtHdr #container #containerBoutique .leftBoutique .itemContent .composition {
	width:210px;
	padding:10px;
	background-color: #F0F0F0;
	border: 2px solid #E1C4AE;
	position: relative;
	bottom: 0px;
}
.twoColFixLtHdr #container #containerBoutique .rightBoutique .cartpane form {
				background-color:#FFFFFF;
				padding: 5px;
}
.twoColFixLtHdr #container #containerBoutique .leftBoutique .cartpane form {
	background-color:#FFFFFF;
	padding: 5px;
}
.twoColFixLtHdr #container #containerBoutique .rightBoutique .cartpane {
				width:300px;
				text-align:left;
				padding:0px;
				background-color:#FFFFFF;
				border: 2px solid #FFFFF2;
				margin: 0;
}
.twoColFixLtHdr #container #containerBoutique .leftBoutique .cartpane {
				width:300px;
				text-align:left;
				padding:0px;
				background-color:#FFFFFF;
				border: 2px solid #FFFFFF;
				margin: 0px;
}
.twoColFixLtHdr #container #containerBoutique .rightBoutique .cartpane .sale{
	text-decoration:line-through;
	color: #000000;
}
.sizeCell {
	text-align:center;
	width:40px;
	height:16px;
}
.align-image {
	text-align: center;
	position: relative;
}
.twoColFixLtHdr #container #containerBoutique .imageContainer {
	background-color: #F0F0F0;
	clear: both;
	width: 455px;
	position: relative;
	visibility: visible;
	left: 60px;
	top: 0px;
	padding: 0px;
	padding-bottom: 20px;
}