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

body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	line-height:1.2em;
	width: 100%;
	background: #d4d8ed url(images/background2.gif) no-repeat;
}
h1,h2,h3,h4,h5,h6{
	margin:0px;
	font-size: 1.4em;
	color:#586cb3;
	padding-bottom:15px;}

	
h3,h4,h5,h6 {
	font-size: 1em;}

h6 {
	padding-bottom:10px;}
	
form, input, div, p {
	padding: 0;
	margin: 0;}

p {
	padding-bottom:6px;}
	
img {
	border: 0;}
	
a, a:visited, a:focus {
	text-decoration: none;
	color:#586cb3;
	font-weight:bold;}
	
a:hover {
	text-decoration: underline;}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#page {
	margin: 100px 0px 0px 122px;
	width: 800px;
}

.head {
	width: 800px;
	height: 131px;
	background: #929dcf url(images/head-strip.gif) repeat-x;
}
	.head-left {
		float: left;
		width: 5px;
		height: 131px;
		background: #fff url(images/head-left.gif);
	}
	.head-right {
		float: right;
		width: 5px;
		height: 131px;
		background: url(images/head-right.gif);
	}
	.head-pattern {
		float: left;
		margin-top: 5px;
		height: 120px;
		width: 308px;
		background: url(images/head-pattern.gif) no-repeat;
	}
	h1 {
		position: absolute;
		margin: 43px 0px 0px 24px;
		padding: 0;
	}
	.tag-line {
		float: left;
		margin: 61px 0px 0px 260px;
	}
	
.main {
	margin-top: 1px;
	width: 800px;
	height: 339px;
	
}
/*
	.main-top {
		float: left;
		overflow: hidden;
		width: 797px;
		height: 336px;
		background: #fff;
	}
	*/
	
	.main-top {
		float: left;
		width: 797px;
		height: 336px;
		background: #fff;
	}
	.main-shadow {
		float: right;
		background:url(images/main-shadow.gif);
		width: 3px;
		height: 336px;
	}
	.bottom-shadow {
		clear: both;
		width: 800px;
		height: 3px;
		background: #d4d8ed url(images/bottom-shadow.gif) no-repeat;
		padding: 0;
		margin: 0;
	}

.nav {
	margin-top: 4px;
	padding-bottom: 6px;
	width: 800px;
	height: 72px;
}
	.nav-top {
		float: left;
		width: 797px;
		height: 69px;
		background: #fff;
	}
	.nav-shadow {
		float: right;
		background: url(images/nav-shadow.gif);
		width: 3px;
		height: 69px;
	}


.nav h2 {
	float: left;
	margin-top: 6px;
	margin-bottom:4px;
	font-size:1.2em;
	padding-bottom:0px;
}	
	.nav h2 a strong{
		display: block;
		padding: 8px 0px 3px 12px;
		font-size: 1.2em;
		color: #fff;
	}
	.nav h2 a span{
		display: block;
		float: left;
		width: 180px;
		padding: 3px 0px 0px 12px;
		font-size: 0.9em;
		font-weight: normal;
		color: #fff;
	}
	.nav h2 a img {
		display: block;
		float: left;
		margin: 4px 0px 0px 6px;
	}



.button-1 a,.button-1 a:visited,.button-1 a:focus {
	display: block;
	margin-left: 5px;
	height: 59px;
	width: 197px;
	background: url(images/button-1.gif);
}
.button-1 a:hover {
	display: block;
	margin-left: 5px;
	height: 59px;
	width: 197px;
	background: url(images/button-1.gif) 0% 100%;
}
.button-1-active a, .button-1-active a:visited, .button-1-active a:focus {
	display: block;
	margin-left: 5px;
	height: 59px;
	width: 197px;
	background: url(images/button-1.gif) 0% 100%;
}
.button-2 a,.button-2 a:visited,.button-2 a:focus {
	display: block;
	margin-left: 4px;
	width: 191px;
	height: 59px;
	background: url(images/button-2.gif);
}
.button-2 a:hover{
	display: block;
	margin-left: 4px;
	width: 191px;
	height: 59px;
	background: url(images/button-2.gif) 0% 100%;
}
.button-2-active{
	display: block;
	margin-left: 4px;
	width: 191px;
	height: 59px;
	background: url(images/button-2.gif) 0% 100%;
}
.button-3 a{
	display: block;
	margin-left: 4px;
	width: 197px;
	height: 59px;
	background: url(images/button-3.gif);
}
.button-3 a:hover{
	display: block;
	margin-left: 4px;
	width: 197px;
	height: 59px;
	background: url(images/button-3.gif) 0% 100%;
}
.button-3-active{
	display: block;
	margin-left: 4px;
	width: 197px;
	height: 59px;
	background: url(images/button-3.gif) 0% 100%;
}
.button-4 a{
	display: block;
	margin-left: 3px;
	width: 192px;
	height: 59px;
	background: url(images/button-4.gif);
}
.button-4 a:hover{
	display: block;
	margin-left: 3px;
	width: 192px;
	height: 59px;
	background: url(images/button-4.gif) 0% 100%;
}
.button-4-active{
	display: block;
	margin-left: 3px;
	width: 192px;
	height: 59px;
	background: url(images/button-4.gif) 0% 100%;
}
	
.foot {
	padding-top: 4px;
	width: 800px;
	height: 28px;
	background: #d4d8ed;
}
	.foot-top {
		float: left;
		width: 785px;
		height: 13px;
		padding: 6px;
		background: #fff;
	}
	.foot-left {
		float: left;
		color: #aaa;
		font-size: 1em;
	}
	.foot-right {
		float: right;
		font-size: 1em;
		color: #aaa;
	}
	.foot-right a {
		color: #aaa;
	}
	.foot-right a:hover {
		text-decoration: underline;
	}
	.foot-shadow {
		float: right;
		background: url(images/foot-shadow.gif);
		width: 3px;
		height: 25px;
	}
	
.choice {
	position: absolute;
	width: 800px;
}	
#holder {
}
#abode {
	margin-left: 800px;
}
#paddy {
	margin-left: 1600px;
}
#kimono {
	margin-left: 2400px;
}
#jeff {
	margin-left: 3200px;
}
#gift {
	margin-left: 4000px;
}
#about {
	margin-left: 4800px;
}
#product {
	margin-left: 8800px;
}
#candle {
	margin-left: 8000px;
}
#fragrance {
	margin-left: 7200px;
}
#contact {	
	margin-left: 5600px;
}
#map1 {
	margin-left: 6400px;
}
.home {
	padding: 9px;
}
.home img {
	position: absolute;
}
.candle-text a {
	color: #000000;
	text-decoration: underline;
}

/*=================================
PAGE STYLES
==================================*/

.centre {
	text-align:center;}
	
div.page{
	width:797px;
	position:absolute;
	height:336px;
	overflow-y: hidden;
overflow-x: hidden;}
	
div.page .colL, div.page .colR,div.page .colL2, div.page .colR2{
	display:block;
	float:left;
	width:370px;
	margin-top:15px;}
	
div.page .colL, div.page .colL2{
	margin-right:10px;
	margin-left:20px;}

#coll3{
 float:left;
 width:210px;

}
#collr3{
 float:right; 
 width:570px;

}
div.page .colL2{
	width:450px;}
	
div.page .colL_centre{
	margin-top:10px;
	margin-left:20px;
	width:600px;}
	
div.page .colR, div.page .colR2{
	margin-right:20px;
	width:377px;}
	
div.page .colR_pad, div.page .colR2.pad{
	float:left;
	width:370px;
	margin-top:15px;}
	
div.page .colR2_pad{
    margin-left:500px;
	width:370px;
	margin-top:15px;}

div.page .colR2{
	width:297px;}
		
div.page .colL img.slide, div.page .colL2 img.slide, div.page .colR img.slide {
	position:absolute;
	
	}
	
div.page a.additional{
	position:absolute;
	right:0px;
	top:275px;
	height:61px;
	line-height:61px;
	background:url(images/next-page.gif) right top no-repeat;
	padding-right:75px;
	font-size:1em;
	font-weight:bold;
	color: #586cb3;}
	
div.page a strong {
	font-size:1.2em;}
	
div.page a.additional:hover, div.page a strong:hover {
	text-decoration:none;
	color:#000;}
	

	
div.page.abode{
	margin-left:800px;}
	
div.page.paddy{
	margin-left:1600px;}

div.page.kimono{
	margin-left:2400px;}

div.page.jeff{
	margin-left:3200px;}

div.page.about{
	margin-left:4000px;}
	
div.page.product{
	margin-left: 4800px;}
	
div.page.candle{
	margin-left: 5600px;}
	
div.page.fragrance{
	margin-left: 8800px;}
	
div.page.gift{
	margin-left: 7200px;}
	
div.page.contact{
	margin-left: 8000px;}
	
div.page.map1{
	margin-left: 6400px;}
	
	
	

/*=================================
ABODE STYLES
==================================*/
.abode .abode-image {
	float: left;
	margin: 8px 0px 0px 24px;
	width: 432px;
	height: 293px;
}
	.abode .abode-image a {
		display: block;
		margin-top: 267px;
		width: 200px;
		height: 17px;
	}
.abode .abode-right {
	float: left;
	width: 311px;
	height: 275px;
}
.abode-info {
	margin-top: 16px;
	height: 195px;
	font-size: 1.2em;
	padding-left: 5px;
}
.abode-info strong {
	font-size: 1em;
}
.abode-info p {
	margin: 30px 15px 0px 20px;
	font-size: 1.5em;
	
}
.abode-info a {
	color: #000000;
	text-decoration: underline;
}
.abode-additional {
	position: absolute;
	margin-top: 275px;
	margin-left: 572px;
	height: 61px;
	width: 225px;
}
.abode-additional strong {
	display: block;
	margin-top: 28px;
	float: left;
	font-size: 1.5em;
	color: #586cb3;
}
.abode-additional img {
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}

/*=================================
END ABODE STYLES
==================================*/


/*=================================
PADDYWAX STYLES
==================================*/
.abode .abode-image {
	float: left;
	margin: 8px 0px 0px 24px;
	width: 432px;
	height: 293px;
}
	.abode .abode-image a {
		display: block;
		margin-top: 267px;
		width: 200px;
		height: 17px;
	}
.abode .abode-right {
	float: left;
	width: 311px;
	height: 275px;
}
.abode-info {
	margin-top: 16px;
	height: 195px;
	font-size: 1.2em;
	padding-left: 5px;
}
.abode-info strong {
	font-size: 1em;
}
.abode-info p {
	margin: 30px 15px 0px 20px;
	font-size: 1.5em;
	
}
.abode-info a {
	color: #000000;
	text-decoration: underline;
}
.abode-additional {
	position: absolute;
	margin-top: 275px;
	margin-left: 572px;
	height: 61px;
	width: 225px;
}
.abode-additional strong {
	display: block;
	margin-top: 28px;
	float: left;
	font-size: 1.5em;
	color: #586cb3;
}
.abode-additional img {
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}

/*=================================
END PADDYWAX STYLES
==================================*/

.about-info {
	position: absolute;
	width: 797px;
	height: 275px;
}

.about-text {
	margin-top: 0px;
}
.about-text p {
	margin: 0;
	margin-top: 0;
	margin-bottom: 8px;
}
.about-info p {
	margin: 17px 15px 0px 20px;
	font-size: 1.5em;
	color: #666;
}
.about-info p a {

	color: #333;
	text-decoration: underline;
}
.about-additional {
	position: absolute;
	margin-top: 275px;
	margin-left: 592px;
	height: 61px;
	width: 205px;
}
.about-additional strong {
	display: block;
	margin-top: 28px;
	float: left;
	font-size: 1.5em;
	color: #586cb3;
}
.about-additional img {
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}

/*=================================
JEFF BANKS STYLES
==================================*/

.jeff-info {
	position: absolute;
	width: 797px;
	height: 275px;
}
.jeff-info p {
	margin: 17px 10px 0px 10px;
	font-size: 1.2em;
	color: #666;
}
.jeff-right strong {
	font-size: 1.2em;
}
.jeff-info p a {
	color: #333;
	text-decoration: underline;
}
.jeff-additional {
	position: absolute;
	margin-top: 275px;
	margin-left: 672px;
	height: 61px;
	width: 125px;
}
.jeff-additional strong {
	display: block;
	margin-top: 28px;
	float: left;
	font-size: 1.5em;
	color: #586cb3;
}
.jeff-additional img {
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}
.jeff-image {
	float: left;
	width: 344px;
	margin: 20px 0px 0px 0px;
}
.abode-image {
	float: left;
	width: 444px;
	margin: 10px 0px 0px 20px;
}
.abode-image img{
	position: absolute;
}
.jeff-right {
	float: left;
	width: 385px;
	margin-top: 10px;
	padding-left: 20px;
}
.jeff-profile {
	float: left;
	width: 82px;
	margin-top: 0px;
	margin-right: 25px;
}
.jeff-title {
	margin-top: 40px;
	
}	
.jeff-text {
	margin-top: 8px;
	width: 370px;
}


/*=================================
JEFF BANKS STYLES
==================================*/

/*=================================
KIMONO STYLES
==================================*/

.kimono-info {
	position: absolute;
	width: 797px;
	height: 275px;
}
.kimono-info p {
	margin: 17px 10px 0px 10px;
	font-size: 1.2em;
	color: #666;
}
.kimono-right strong {
	font-size: 1.2em;
}
.kimono-info p a {
	color: #333;
	text-decoration: underline;
}
.kimono-additional {
	position: absolute;
	margin-top: 275px;
	margin-left: 672px;
	height: 61px;
	width: 125px;
}
.kimono-additional strong {
	display: block;
	margin-top: 28px;
	float: left;
	font-size: 1.5em;
	color: #586cb3;
}
.kimono-additional img {
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}
.kimono-image {
	float: left;
	width: 344px;
	margin: 20px 0px 0px 0px;
}
.abode-image {
	float: left;
	width: 444px;
	margin: 10px 0px 0px 20px;
}
.abode-image img{
	position: absolute;
}
.kimono-right {
	float: left;
	width: 385px;
	margin-top: 10px;
	padding-left: 20px;
}
.kimono-profile {
	float: left;
	width: 82px;
	margin-top: 0px;
	margin-right: 25px;
}
.kimono-title {
	margin-top: 40px;
	
}	
.kimono-text {
	margin-top: 8px;
	width: 370px;
}


/*=================================
KIMONO STYLES
==================================*/


.gift-image {
	float: left;
	width: 444px;
	margin: 10px 0px 0px 20px;
}
.gift-image img {
	position: absolute;
	left: -10px;
}
.gift-right {
	float: left;
	width: 310px;
	margin-top: 20px;
}
.gift-title {
	margin: 30px 0px 0px 20px;
	font-size: 2.2em;
	font-weight: normal;
	color: #666;
}
.gift-text {
	margin: 8px 15px 0px 20px;
	font-size: 1.6em;
	color: #666;
}
.gift-additional {
	position: absolute;
	margin-top: 275px;
	margin-left: 587px;
	height: 61px;
	width: 210px;
}
.gift-additional strong {
	display: block;
	margin-top: 28px;
	float: left;
	font-size: 1.5em;
	color: #586cb3;
}
.gift-additional img {
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}

.contact-half {
	width: 50%;
	float: left;
	
}
.contact-half h6 {
	font-size: 1.3em;
	margin-bottom: 6px;
	margin-top: 15px;
}
.contact-half p {
	padding-top: 0px;
	margin-bottom: 20px;
	font-size: 1.2em;
}
.contact-half a {
	color: #000;
	text-decoration:underline;
}
.contact-bottom {
	float: left;
	margin-right: 10px;
}
.contact .link {
	font-size: 1.2em;
	padding-top: 108px;
}
.contact .link a {
	color: #586cb3;
	text-decoration: none;
}

.product {
	
}
.product-half {
	width: 47%;
	float: left;
}
.product-half h6 {
	font-size: 1.4em;
	margin-bottom: 6px;
	margin-top: 15px;
}
.product-half p {
	padding-top: 0px;
	margin-bottom: 20px;
	font-size: 1.2em;
}
.product-half a {
	display: block;
	margin: 10px 0px 0px 30px;
	color: #586cb3;
	font-size: 1.7em;
	font-weight: bold;
}
.product-half img {
	display: block;
	margin: 30px 0px 0px 20px;
}
.product-bottom {
	float: left;
	margin-right: 10px;
}
.product .link {
	font-size: 1.2em;
	padding-top: 108px;
}
.product .link a {
	color: #586cb3;
	text-decoration: none;
}
.product-additional {
	position: absolute;
	margin-top: 275px;
	margin-left: 642px;
	height: 61px;
	width: 155px;
}
.product-additional strong {
	display: block;
	margin-top: 28px;
	float: left;
	font-size: 1.5em;
	color: #586cb3;
}
.product-additional img {
	display: block;
	float: right;
	padding: 0;
}
.product-info {
	position: absolute;
	width: 797px;
	height: 275px;
}

.candle-image {
	float: left;
	width: 350px;
	margin: 60px 0px 0px 20px;
}
.candle-image img {
	position: absolute;
	top: 20px;
}
.about-image {
	float: left;
	width: 350px;
	margin: 20px 0px 0px 20px;
}
.about-image img {
	position: absolute;
	top: 105px;
}
.candle-right {
	float: left;
	width: 360px;
	margin-top: 30px;
	padding-left: 20px;
}
.candle-title {
	margin: 30px 0px 0px 20px;
	font-size: 2.2em;
	font-weight: normal;
	color: #586cb3;
}
.candle-text {
	margin: 8px 15px 0px 20px;
	font-size: 1.4em;
	color: #666;
}

.mapview {
	float: left;
	
}
.directions {
	float: left;
	width: 390px;
	margin: 10px;
}
.directions h6 {
	font-size: 1.6em;
	margin-bottom: 8px;
	margin-top: 20px;
}
.directions p {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 1.2em;
}
	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		float:left;
		width: 210x;	/* IE 5.x */
		width/* */:/**/210px;	/* Other browsers */
		width: /**/210px;
		
		/* CSS HACK */
		
		background-color:#fff;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:210px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}