/*FONTS
---------------------------------------------------------*/
@font-face {
	font-family: 'AaarghNormal';
	src: url('fonts/Aaargh-webfont.eot');
	src: url('fonts/Aaargh-webfont.eot?iefix') format('eot'),
		 url('fonts/Aaargh-webfont.woff') format('woff'),
		 url('fonts/Aaargh-webfont.ttf') format('truetype'),
		 url('fonts/Aaargh-webfont.svg#webfontFQ3XYLDa') format('svg');
	font-weight: normal;
	font-style: normal;
}

.font-replace-normal {font-family: 'AaarghNormal', Arial, sans-serif;}

/*COMMON
---------------------------------------------------------*/
body {
	background:url(images/bg-wrap.gif) repeat ;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	line-height:1.5;
	color:#666666 ;
}
form {
	margin:0;
	padding:0;
}
input {
	margin:0;
}
h1,h2,h3,h4 {
	display:block;
	color:#999999;
}
h1{
	font-size: 180%;
}
h1.heading-title {
	padding: 15px 0 5px;
	margin: 0;
}

img{
	border:0;
}

p {
	margin:10px 0;
}
a {
	color:#666666 ;
	text-decoration:none;
}
a:hover {
	color:#ccafa8 ;
	text-decoration:underline;
}

#body-wrap {
	float:left;
	width:100%;
  background:url(images/bg-wrap-repeat.gif) repeat-y center top;
}
#body-wrap-inner {
background:url(images/bg.gif) no-repeat fixed center top;
float:left;
	width:100%;
}

#wrapper {
	margin:0pt auto;
	width:964px;
}


/* HEADER
--------------------------------------------------------*/
#header {
	float:left;
	width:100%;
	z-index:9999;
}

div#logo {
	margin:0;
	padding:0;
	line-height: 0;
	float:left;
}

/*MAIN
--------------------------------------------------------*/
#main-top {
	background: url("images/bg-main-top.gif") no-repeat scroll left top transparent;
	float: left;
	height: 2px;
	width: 100%;
	overflow:hidden;

}
#main-bottom{
	background: url("images/bg-main-bottom.gif") no-repeat scroll left top transparent;
	float: left;
	height: 2px;
	width: 100%;
	overflow:hidden;
}
#main {
	background: url("images/bg-main-content.gif") repeat-y scroll left top transparent;
	float: left;
	z-index:2;
	width: 100%;
}
#inner-main {
	float: left;
	padding: 30px 47px;
	width: 871px;
}
#main img {

}

#main img.no-border {
	border:0;
	padding:0;
}
/* Menu
-------------------------------------------------------- */
#menu {
	border-bottom:2px dotted #c9c1bf;
	border-top:2px dotted #c9c1bf;
	display: inline;
	float: left;
	line-height: 16px;
	margin-top: 75px;

	width: 646px;
	z-index: 489;
}

/* remove the list style */
#nav_586665 {
	float: left;
	list-style: none outside none;
	margin:0;
	padding: 0;
	position: relative;
	width:100%;
	z-index:489;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav_586665 li {
	float:left;
	display:inline;
	text-align: left;
	position:relative;
	z-index:489;
	width:auto;
}

/* this is the parent menu */
#nav_586665 li a {
	display:block;
	padding: 6px 20px;
	text-decoration: none;
	text-transform: lowercase;
	color:#ffffff  ;
	height: 18px;
	float:left;
	font-style:italic;
	font-size:100%;
}
#nav_586665 li.selected a,#nav_586665 li.selected a:hover{
	color: #fbd1ca;
}
#nav_586665 li a:hover{
	color:#fbd1ca;
}


#nav_586665 li.selected li a {
	color:#ffffff;
}
#nav_586665 li.selected li a:hover {

}
#nav_586665 li a:hover {
	text-decoration:none;
}


/* submenu, it's hidden by default */

#nav_586665 li.last-item a {
	padding-right:0;
}

#nav_586665 ul {
	border: 2px dotted #c9c1bf;
	display: none;
	left: 0;
	list-style: none outside none;
	margin: 0;

	padding: 0;
	position: absolute;
	text-align: center;
	top: 30px;
	width: 150px;
	z-index: 489;
	background:url(images/bg-submenu.gif);
	border-width: 0 2px 2px;
}
#nav_586665 ul li a:hover {
	background:#bfbfbf;
}

#nav_586665 ul ul {
	left:150px;
	top:2px;

}

#nav_586665 ul li {
	clear: both;
	float: left;
	width: 100%;
	border-top:2px dotted #c9c1bf;
}

/* display block will make the link fill the whole area of LI */
#nav_586665 ul a {
	position:static;
	float: none;

}

#nav_586665 ul a:hover {

}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav_586665 ul {
	margin:0 0 0 -2px;
}

/* Banner
----------------------------------------------------*/
#banner {
	clear: both;
	float: left;
	height: 291px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 2;
}


/* Content
----------------------------------------------------*/
#container {
	clear:both;
	float:left;
	width:100%;
}

#container .content {
	display: inline;
	float: left;
	margin-left: 0;
	width: 622px;
}


#container .left-content {
	width:492px;
}

#container .siderbar-right{
	float:right;
	margin: 0;
	padding: 0;
	width:357px;
}

#container .full-width {
	width:100%;
	margin:0;
}
#page-banner {
	float:left;
	margin-right:32px;
	display:inline;
}
#container .siderbar-right #banner {
	width:357px;
	height:535px;
}
.siderbar-left .btn-order-now {
	border: 1px solid #E9E9EA;
	display: inline;
	float: left;

	position: relative;
}
.siderbar-left .btn-order-now a {
	padding: 32px 57px 30px 25px;
}
/* siderbar
----------------------------------------------------*/
.siderbar {
	float: left;
	padding: 0 70px 0 15px;
	text-align: left;
	width: 163px;
}
.siderbar-left {
	width:193px;
	padding:0 55px 0 0;
}

.widget {
	float:left;
	width:100%;
}
.two-widget {
	margin-bottom:110px;
}
.siderbar  h3 {
	color:#ccafa8;
	font-size: 140%;
	font-weight: normal;
	line-height: 15px;
	margin: 20px 0 8px;
	padding: 0 0;
}
#subcribe-box {
	float:left;
	width:100%;
}
#subcribe-box h3 {
	color:#ccafa8;
}

#form-subcribe {
	float:left;
	width:100%;
	line-height:12px;
}
.siderbar .input-text {
	border: 1px solid #CCCCCC;
	color: #999999;
	width: 150px;
}
.submit-button {
	display: block;
	padding-top: 5px;
	text-align: right;
}
.submit-button input {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	color:#ccafa8;
	padding-right: 0;
	font-size: 90%;
}

.facebook{
	font-size:10px;
	padding-top: 20px;
}

/* FOOTER
-------------------------------------------------------*/
#footer {
	clear: both;
	float: left;
	font-size: 80%;
	padding: 20px 0;
	text-align: center;
	width: 100%;
	color:#ffffff;
}
#footer a {
	color:#ffffff!important;
}
#footer-left {

}
#footer-right {

}

/* OTHER
-----------------------------------------------------*/
.btn-order-now  a:hover{
	color:#666666;
}

.order-icon {
	background: url("images/flower-icon.png") no-repeat scroll left top transparent;
	height: 82px;
	position: absolute;
	right: 0;
	top: -5px;
	width: 58px;

}

.btn-order-now {
	border: 1px solid #E9E9EA;
	display: inline;


	position: relative;
	float:left;
}
.btn-order-now a {
	padding: 32px 91px 32px 45px;
	float: left;
	font-size:140%;
}
.btn-order-now a:hover {
	text-decoration:none;
	background:#ffebeb;
}

.img-align-right {
	margin-top: 10px;
	float: right;
	margin-left: 30px;
}
ul.list-product {
	list-style:none;
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
ul.list-product li {
	display: inline;
	float: left;
	margin-bottom: 16px;
	margin-left: 16px;
	width: 89px;
}
ul.list-product li img {
	float:left;
}

ul.list-product li.first {
	margin:0;
	clear:both;
}

#overlay{z-index:499 !important;}
#lightbox{z-index:500 !important;}