@charset "utf-8";
/* CSS Document */
body{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#002c77;
	padding:0;
	margin:0;outline:none;
}
a{color:#002c77;text-decoration:none;}
a:hover{color:#febb00;}
table{width:100%;}
p{margin:10px 0;padding:0;}
p.small{
		font-size:9px;
	color:#666;	
}
img{
	border:0;
}
img.blue-border{
	border:#a2c1d8 2px solid;
}
.clear{clear:both;}
.al-left{text-align:left;}
.al-center{text-align:center;}
.al-right{text-align:right;}
.invisible{
	display:none;
}
#container{
	margin:0 auto;
	padding:0;
	width:950px;
	height:630px;
	position:relative;
}
/* commented backslash hack  - invisible to IE 5 \*/
#container{
	position:absolute;
	margin:-315px 0 0 -475px;
	left:50%;
	top:50%;
}
/* end hack */
#logo{
	position:absolute;
	left:20px;
	top:96px;
}
#logo2{
	position:absolute;
	left:20px;
	top:-85px;
}

#mainmenu{
	position:absolute;
	left:335px; /*changed*/
	top:25px;
}
/*
#mainmenu{
	position:absolute;
	left:505px;
	top:45px;
}

#mainmenu ul{
	padding:0;
	margin:0;
	list-style:none;
	font-weight:bold;
}
#mainmenu ul li{
	padding:0 10px;
	margin:0;
	border-right:#fff 2px solid;
	display:inline;
}
#mainmenu ul li.last{
	border-right:none;
}
#mainmenu ul li a{
	text-decoration:none;
	color:#002c77;
}
#mainmenu ul li a:hover{color:#febb00;}
#mainmenu ul li.selected a{
	text-decoration:none;
	color:#febb00;
}
*/
/*
#copyright{
	position:absolute;
	left:750px;
	top:590px;
	font-size:10px;
}
*/

#copyright{
	position:absolute;
	left:683px; 
	top:590px;
	font-size:10px;
}
#copyright ul{
	padding:0;
	margin:0;
	list-style:none;
}
#copyright ul li{
	padding:0 5px;
	margin:0;
	border-right:#fff 2px solid;
	display:inline;
}
#copyright ul li.last{
	border-right:none;
}
#copyright ul li a:hover{color:#febb00;}
#copyright ul li.selected a{
	text-decoration:none;
	color:#febb00;
}
#contact-ft{
	position:absolute;
	left:41px;
	top:590px;
	font-size:10px;
}
/*------- color -------*/
.c-blue{color:#002c77;}
.c-yellow{color:#febb00;}
/*------- heading -------*/
h1.hd-sytle1{
	margin:0;
	padding:0 0 5px 0;
	font-size:20px;
	font-weight:normal;
	color:#febb00;
}

h1.hd-sytle1-nc{
	margin:0;
	padding:0 0 5px 0;
	font-size:20px;
	font-weight:normal;
}

h2.hd-sytle1{
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:normal;
}
h3.hd-sytle1{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
}
/*====================== Layout 1 ======================*/
.layout1{
	background:url(../images/bg1.jpg) no-repeat left top;
}
#contact-area1-1{
	position:absolute;
	left:55px;
	top:485px;
	line-height:24px;
	font-weight:bold;
	text-align:right;
}
#contact-area1-2{
	position:absolute;
	left:225px;
	top:485px;
	line-height:24px;
	font-weight:bold;
}

a.blue-link,a.blue-link:hover{
	color:#002c77;
	text-decoration:none;
}

.scroll-pane{
	overflow:auto;
}
/*====================== Layout 2 ======================*/
.layout2{
	background:url(../images/bg2.jpg) no-repeat left top;
}
/*#container.layout2 #mainmenu{
	position:absolute;
	left:515px;
	top:45px;
}*/
/*====================== Layout 3 ======================*/
.layout3{
	background:url(../images/bg3.jpg) no-repeat left top;
}
/*====================== Layout 4 ======================*/
.layout4{
	background:url(../images/bg4.jpg) no-repeat left top;
}
/*------- whitebox1  -------*/
#whitebox1{
	position:absolute;
	left:446px;
	top:100px;
	width:463px;
	height:469px;
}
#whitebox2-1{
	position:absolute;
	left:41px;
	top:100px;
	width:420px;
	height:469px;
}
#whitebox2-2{
	position:absolute;
	left:490px;
	top:100px;
	width:420px;
	height:469px;
}
#whitebox3-1{
	position:absolute;
	left:41px;
	top:100px;
	width:281px;
	height:469px;

}
#whitebox3-2{
	position:absolute;
	left:338px;
	top:100px;
	width:281px;
	height:469px;

}
#whitebox3-3{
	position:absolute;
	left:633px;
	top:100px;
	width:281px;
	height:469px;

}
#whitebox4{
	position:absolute;
	left:39px;
	top:100px;
	width:871px;
	height:469px;
}
#whitebox1 .content,
#whitebox2-1 .content,
#whitebox2-2 .content,
#whitebox4 .content
{
	padding:25px 15px;
}
#whitebox3-1 .content,
#whitebox3-2 .content,
#whitebox3-3 .content{
	padding:25px 5px 25px 15px;
}

/*------- slide -------*/
div.slide1{
	padding:8px 0;
}
div.slide1 ul{
	padding:0;
	margin:0;
	list-style:none;
}
div.slide1 ul li{
	display:inline;
	padding:0 8px;
	
}
div.slide1 img{
	border:#a2c1d8 2px solid;
}
/*------- gallery -------*/
ul.gallery1{
	padding:0;
	margin:0 -5px;
	list-style-type:none;
}
ul.gallery1 li{
	float:left;
	padding:0 5px 29px;
	margin:0;
}
ul.gallery1 img{
	border:#a2c1d8 2px solid;
}
ul.gallery2{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul.gallery2 li{
	float:left;
	padding:4px 2px;
	margin:0;
}
ul.gallery2 img{
	border:#a2c1d8 2px solid;
}
/*------- table -------*/

.tbstyle-1 td{
	vertical-align:top;
	padding:0 0 5px 0;
}
/*------- links -------*/
a.clickhere{
	color:#febb00;
	text-decoration:none;
}
a.clickhere:hover{
	text-decoration:underline;
}
/*------- scrollbar -------*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


.jScrollPaneTrack {
	background: url(../images/windows_track.gif) repeat-y;
}
.jScrollPaneDrag {
	background: url(../images/windows_drag_middle.gif) no-repeat 0 50%;
}
.jScrollPaneDragTop {
	background: url(../images/windows_drag_top.gif) no-repeat;
	height: 4px;
}
.jScrollPaneDragBottom {
	background: url(../images/windows_drag_bottom.gif) no-repeat;
	height: 4px;
}
a.jScrollArrowUp {
	height: 17px;
	background: url(../images/windows_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -20px;
}
a.jScrollArrowDown {
	height: 17px;
	background: url(../images/windows_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -20px;
}
a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
	background-position: 0 -40px;
}


/*====================== Sitemap ======================*/
.sitemap{
	background:url(../images/sitemap_bg.gif) no-repeat left top;
	width:817px;
	height:378px;
	margin:10px 0 0 12px;
	position:relative;
	font-weight:bold;
}
.sitemap-h2{
	padding:0;
	margin:0 0 0 20px;
	background:url(../images/sitemap_header.gif) no-repeat;
	text-indent:-999px;
	width:150px;
	height:35px;
}
.sitemap ul{
	list-style-type:none;
}
.sitemap .homepage{
	position:absolute;
	left:389px;
	top:41px;
}
.sitemap .products{
	position:absolute;
	left:170px;
	top:117px;
}
.sitemap .about{
	position:absolute;
	left:396px;
	top:117px;
}
.sitemap .loyalty{
	position:absolute;
	left:493px;
	top:117px;
}
.sitemap .faq{
	position:absolute;
	left:633px;
	top:117px;
}
.sitemap .contact{
	position:absolute;
	left:705px;
	top:117px;
}

.sitemap .candles{
	position:absolute;
	left:-110px;
	top:81px;
}
.sitemap .accessories{
	position:absolute;
	left:-10px;
	top:81px;
}
.sitemap .andmore{
	position:absolute;
	left:108px;
	top:81px;
}
.sitemap .press{
	position:absolute;
	left:10px;
	top:81px;
}
.sitemap .mail{
	position:absolute;
	left:-2px;
	top:81px;
}

.sitemap .candles-care{
	position:absolute;
	left:-12px;
	top:77px;
}
	

/*--- mailing list--*/
#mailing-list *{
	padding:0;
	margin:0;
}
#mailing-list{
	border:0;
}
#mailing-list input.text,
#mailing-list textarea,
#mailing-list select{
	width:200px;	
}
#mailing-list input.submit{
	margin-left:280px;
}
#mailing-list ol{
	padding:0;
	margin:5px 0 0 0;
	list-style-type:none;
}
#mailing-list li{
	clear:left;
	padding-bottom:5px;
}
#mailing-list label{
	float:left;
	width:130px;
	text-align:right;
	vertical-align:middle;
	margin-right:5px;
}
#mailing-list li p{
	width:110px;
	*width:120px;
	float:left;
}
#mailing-list li p.left{
	width:100px;
	*width:110px;
}
#mailing-list li p.last{
	width:150px;
}