@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;
	padding-bottom: 0px;
}
body {
				background-color: #232323; /* 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;
}
.bgr{
	background-color:#FFFFFF;
}
/* 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;
}
h3 {
				color: #8C8151;
				font-size: 16px;
				line-height: 18px;
				letter-spacing: normal;
}
a,  a:link {
	color: #0000FF;
	font-weight: 600;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	font-weight: 600;
	text-decoration: none;
}
a:hover {
	color: #0099FF;
	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{
	border: blue 3px solid;
	padding: 0px;
	margin:0 auto;
	text-align: center;
}
a:hover .galleryBorder{
	border: red 3px solid;
	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;
}
.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/pheader3.jpg);
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #headertext{
	z-index: 2;
	position:absolute;
	float:right;
	width:200px;
	margin-left:700px;
	margin-top: 65px;
	font-size: 12px;
	left: 200px;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 10px;
	background-color: #FFFFFF;
}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 170px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px 0px 0px 0px;
	background-color: #FFFFFF;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	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 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	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: 850px;
				padding: 0 0 0 0;
	}
#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: 850px;
}	
#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 35px 0px 35px;
	width: 780px;
}
#outerWrapper #contentWrapper #leftColumn1 {
	background-color: #FFFFFF;
	float: left;
	padding: 5px 5px 10px 15px;
	width: 400px;
	margin: 0 0 0 0;
	height: 100%;
}
#outerWrapper #contentWrapper #contactsLeftColumn {
	background-color: #FFFFFF;
	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: 850px;
	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: #FFFFFF;
	position: relative;
	width: 400px;
	float: left;
	overflow: hidden;
	top: 0px;
}
#outerWrapper #contentWrapper #contactsContent {
	margin: 0 auto 0 auto;
	padding: 15px 10px 10px 5px;
	background-color: #FFFFFF;
	position: relative;
	width: 360px;
	float: left;
	overflow: hidden;
	top: 0px;
	height: 100%;
}
/* 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 #boutiqueContent {
	margin: 0 0 0 11em; 
	padding: 10px 10px 10px 0px; 
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#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: 850px;
	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: #333333;
	font-size: 16px;
	background-color: #00FFFF;
	padding: 8px;
	font-weight: bold;
	line-height: 20pt;
	border: 0px;
	border-color: #000000;
	margin-top: 0px;
	text-align: center;
	width: 360px;
}
/* Inner content 1 container to be used with Outer Box 1*/
.outerBox1{
	position: relative;
	left: 0px;
	top:0px;
	padding: 0px 8px 8px 8px;
	width: 380px;
	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: 10px;
	padding: 10px;
	width: 360px;
	overflow: visible;
	background-color: #FFFFFF;
	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: #D4D0C8;
	font-size: 16px;
	line-height: 18px;
	margin: 0 auto 0 auto;
}
.innerBoxHome1{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px;
	width: 360px;
	overflow: visible;
	background-color: #FFFDFE;
	font-size: 16px;
	line-height: 18px;
	margin: 0 auto 0 auto;
	background-image: url(picts/cocktail.jpg);
	background-repeat: no-repeat;
}
.innerBoxHome2 {
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px;
	width: 360px;
	overflow: visible;
	background-color: #CCCCCC;
	font-size: 16px;
	line-height: 18px;
	margin: 0 auto 0 auto;
	background-image: url(picts/cruise.jpg);
}
.innerBoxShow .homePageShow{
	background-position:center;
	text-align: center;
	background-color: #FFFFFF;
	padding: 10px;
	height: 450px;
	width: 300px;
}
.innerBox1 .expressItems{
	float: none;
	width:257px;
	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: 800px;
	background-color:#B5F0FE;
	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: 780px;
	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:850px;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
	padding:0px;
}
.menubackground {
	background-color:#FFFFFF;
	padding-top: 30px;
	padding-bottom: 8px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width:848px;
	height:26px;
	border-top-width: 1px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-bottom-style: solid;
}
.cartpane .btnExample{
	display:inline;
	color:#443F26;
	text-align:center;
	background-color: #F1F4BE;
	border: 1px solid #900;
	padding:5px;
} 
.leftBoutique .cartpane .btnExample:hover{
	color: #F1F4BE;
	background-color: #443F26;
	cursor:pointer;
}
leftBoutique .cartpane .btnExample:link{
	color:#00FF00;
	background-color:#FF0000;
	text-decoration:none;
}
leftBoutique .cartpane .btnExample:visited{
	color:#443F26;
	background-color:#F1F4BE;
	text-decoration: none;
}
leftBoutique .cartpane .btnExample: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;
}
#searchContent {
	padding: 0px;
	float: right;
	width: 350px;
	text-align: center;
	padding-top: 10px;
	margin: 0px;
}			
.backbutton {
	width:80px;
	padding-left: 20px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}
.backbutton2 {
	width:80px;
	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{
	padding:0px;
	float:left;
	margin: 0 0 0 0;
     }
.menuCellsSpace{
	padding-left:30px;
	float:left;
	margin: 0;
	background-color: #FFFFFF;
}
/*Other Shop Pages Only -  Applied to the top of each shop page Defines the text colour 
for the title and aligns text in the centre */
#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: #F5F5F5;
	position: relative;
}
#worldPayContent{
	padding:10px;
	float:left;
	margin:0px;
	width:830px;
	height: 100%;
	background-color: #FFFFFF;
}	 
#companyInfoContent{
	padding:20px;
	float:left;
	margin:0px;
	width:800px;
	height: 100%;
	background-color: #FFFFFF;
}
.twoColFixLtHdr #footer {
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #FFFFFF; 
	padding: 0px 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: .7em;
}
.atable {
	width:600px;
	height: 270px;
	float: right;
	position: relative;
	top: 0px;
	padding-top: 10px;
	background-color: #FFFFFF;
	padding-left: 5px;
}
.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:113px;
	margin:0px;
	text-align:center;
	margin-right: 0px;
	clear: right;
}
.atable .row2 .row2cells {
	float:left;
	width:100px;
	height:152px;
	padding-left:0px;
	margin-right:5px;
	padding-right: 8px;
}
.atable .row2 .row2cellSpacer {
	float:left;
	width:0px;
	height:152px;
	padding-left:0px;
	margin-right:0px;
	padding-right: 0px;
}
.btable {
	width:320px;
	margin: 0;
	border-right: solid 8px #FFFFFF;
	border-bottom:solid 8px #FFFFFF;
	height: 240px;
	float: left;
	background-color: #FFFFFF;
	border-left: solid 4px #FFFFFF;
	position: relative;
}
.btable .row1 {
	clear:left;
	text-align:left;
	padding:0px;
	background-color: #DAB59B;
	margin: 0;
}
.btable .row2  {
	height:180px;
	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:300px;
	padding: 10px;
	height: 30px;
	background-color: #FFFFFF;
}
.btable .row1 .row1cells h2{
	color:#69603D;
	font-size:14px;
	line-height: 100%;
	font-weight: 500;	
}
.btable .row2 .row2cellsa {
	float:left;
	width:170px;
	height:152px;
	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:260px;
	padding: 15px 15px 10px 15px;
	text-align: left;
	background-color: #FFFFFF;
	height: 100%;
}
.twoColFixLtHdr #container #containerBoutique .rightBoutique {
	float:left;
	width:300px;
	padding:15px;
	background-color: #FFFFFF;
	height: 100%;
	padding-left: 5px;
}
.twoColFixLtHdr #container #containerBoutique {
	width:620px;
	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:#F7F7F7;
	padding: 10px;
}
.twoColFixLtHdr #container #containerBoutique .rightBoutique .cartpane {
	width:240px;
	text-align:left;
	padding:10px;
	background-color:#F0F0F0;
	border: 2px solid #E1C4AE;
}

.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;
}