@charset "UTF-8";
body {
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}
.preload {
	display:none;
}
a {
	outline: none;
}
/*============================================================
 Layout
============================================================*/

#main {
}
#content_wrapper {
	background-color:#FFF;
	color:#6a6965;
	margin:0 auto;
	padding:0px;
	position:relative;
	text-align:left;
	width:966px
}
#header {
	position:relative;
	width:966px;
	height:135px;
}
#logo {
	height:104px;
	left:50px;
	padding-top:16px;
	position:absolute;
	top:0;
	width:183px;
	z-index:1
}
/*============================================================
 Navigation
============================================================*/



#nav {
	height:32px;
	right:0px;
	margin-left:350px;
	position:relative;
	top:60px;
	width:auto;
	z-index:75;
}

#nav ul {
	margin:0px;
	padding:0px;
}

#nav ul li {
	display:inline;
	list-style:none;
	float:left
}
#nav ul li a {
	outline:none;
	text-indent:-9999px
}
/*======= Navigation (ROLLOVERS) ==========*/




/*======= collection ==========*/

#nav li.collection a {
	display:block;
	width:108px;
	height:39px;
	background-image:url(../images/nav/24karas_nav_collection.gif);
	background-repeat:no-repeat;
}
#nav li.collection a:hover {
	background-position:-108px 0px;
}
/*======= shop ==========*/

#nav li.shop a {
	display:block;
	width:68px;
	height:39px;
	background-image:url(../images/nav/24karas_nav_shop.gif);
	background-repeat:no-repeat;
}
#nav li.shop a:hover {
	background-position:-68px 0px;
}
/*======= press ==========*/

#nav li.press a {
	display:block;
	width:69px;
	height:39px;
	background-image:url(../images/nav/24karas_nav_press.gif);
	background-repeat:no-repeat;
}
#nav li.press a:hover {
	background-position:-69px 0px;
}
/*======= blog ==========*/

#nav li.blog a {
	display:block;
	width:67px;
	height:39px;
	background-image:url(../images/nav/24karas_nav_blog.gif);
	background-repeat:no-repeat;
}
#nav li.blog a:hover {
	background-position:-67px 0px;
}
/*======= stores ==========*/

#nav li.stores a {
	display:block;
	width:73px;
	height:39px;
	background-image:url(../images/nav/24karas_nav_stores.gif);
	background-repeat:no-repeat;
}
#nav li.stores a:hover {
	background-position:-73px 0px;
}
/*======= about ==========*/

#nav li.about a {
	display:block;
	width:75px;
	height:39px;
	background-image:url(../images/nav/24karas_nav_about.gif);
	background-repeat:no-repeat;
}
#nav li.about a:hover {
	background-position:-75px 0px;
}
/*======= contact ==========*/

#nav li.contact a {
	display:block;
	width:91px;
	height:39px;
	background-image:url(../images/nav/24karas_nav_contact.gif);
	background-repeat:no-repeat;
}
#nav li.contact a:hover {
	background-position:-91px 0px;
}
/*============================================================
 Additional ID's & Classes
============================================================*/

#controls {
	height:15px;
	left:875px;
	position:relative;
	top:116px;
	width:65px;
	z-index:200
}
#main-body-wrapper {
	display:block;
	width:966px;
	height:547px;
	position:relative;
	margin:0;
	padding:0;
}
#hmcontent {
	height:553px;
	left:50px;
	position:absolute;
	text-align:left;
	top:120px;
	vertical-align:top;
	width:853px;
	z-index:10
}
.biotext {
	position:relative;
	display:block;
	margin:0 110px 0 0;
	padding: 30px 0px 20px 100px;
	text-align:left;
	vertical-align:top;
	width:auto;
	z-index:500
}
#biotext p {
	margin:0 0 10px
}
.biophoto {
	float:left;
	padding-right:40px;
	position:relative;
	text-align:right;
	width:300px;
	z-index:200
}
/*============================================================
 Links
============================================================*/

a:link {
	color:#666;
	font-style:normal;
	outline:none;
	text-decoration:none
}
a:visited {
	color:#09C;
	text-decoration:none
}
a:hover {
	color:#09C;
	text-decoration:underline
}
/*============================================================
 Type
============================================================*/


h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif
}
p {
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	text-align:left;
}
a.pricing {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:10px;
	/*color:#006699;*/
	color:#5f5c55;
}
sup.currency-00 {
	font-size:60%;
	line-height:0;
}
ul li {
	font-size:11px;
	line-height:18px;
}
/*============================================================
 Product Detail
============================================================*/


#detail-wrapper {
	width:966px;
	height:494px;
	background-image:url(../images/detail/detail-bg.gif);
	margin-top:100px;
	background-repeat:no-repeat;
	padding:31px 40px;
}
#detail-info-wrapper {
	position:absolute;
	margin-top:15px;
	display:block;
	width:400px;
	height:auto;
	background-color:#FFF;
	left:500px;
}
#product-details {
	float:left;
	width:300px;
	margin-left:15px;
	margin-bottom:15px;
}
#product-details ul {
	font-size:11px;
	line-height:15px;
	margin-left:5px;
	list-style-type:none;
}
#product-details ol {
	margin-left:23px;
}
#product-details li {
	background:url(../images/img-bullet.gif);
	background-repeat:no-repeat;
	background-position:-3px 0px;
	vertical-align:top;
	padding:3px 0 0 15px;
	margin:2px 0 0 0;
}
#product-details ol li {
	list-style:decimal;
}
#product-details .price {
	width:100%;
	margin-bottom:0;
	padding-bottom:.7em;
	font-size:18px;
	font-weight:700;
	color:#666;
	border-bottom:1px solid #ccc;
}
#product-details .info, #product-form .options {
	width:100%;
	border-bottom:0 solid #ccc;
	padding:.3em 0;
}
/*============================================================
 PayPal Window
============================================================*/


form#paypal-window {
	padding:7px;
	border:1px dashed #CCCCCC;
	background-color:#f6f6f6;
}
form#paypal-window input.text-area {
	background-color:#FFFFFF;
	border:1px solid #ccc;
	padding:3px;
	text-transform:uppercase;
	font:Arial, Helvetica, sans-serif;
}
/*============================================================
 Footer
============================================================*/


#copyright {
	clear:left;
	color:#999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	margin-top:15px;
	padding:10px 0px;
	border-top: 1px dotted #ddd;
	z-index:100
}

#copyright a{
	color: #666
}


/*============================================================
 Image Slider
============================================================*/
img {
	border:none
}
li.bg-image {
}
#slider {
	margin-top:90px;
}
#slider ul, #slider li {
	list-style:none;
	margin:0;
	padding:0;
}
#slider, #slider li {
	width:954px;
	height:535px;
	overflow:hidden;
}
/*============================================================
 Controls for Image Slider
============================================================*/




span#prevBtn a {
	position:absolute;
	top:359px;
	left:-20px;
	z-index:400;
	background-image:url(../images/btn-prev-slidingdoor.jpg);
	background-repeat:no-repeat;
	display:block;
	height:29px;
	text-indent:-99999px;
	width:54px
}
span#prevBtn a:hover {
	background-image:url(../images/btn-prev-slidingdoor.jpg);
	background-repeat:no-repeat;
	background-position:-54px;
}
span#nextBtn a {
	position:absolute;
	top:359px;
	right:-20px;
	z-index:400;
	background-image:url(../images/btn-next-slidingdoor.jpg);
	display:block;
	height:29px;
	text-indent:-99999px;
	width:54px
}
span#nextBtn a:hover {
	background-image:url(../images/btn-next-slidingdoor.jpg);
	background-repeat:no-repeat;
	background-position:-54px;
}



/*============================================================
 Special Offer in Header
============================================================*/


#special-offer {
	position:absolute;
	z-index:60;
	width:291px;
	top:15px;
	left: 651px;
}
#special-offer fieldset {
	border:none;
}
#special-offer div.special-offer-title {
	display:block;
	width:234px;
	height:21px;
	background-image:url('../images/home/nov-2010/holiday-offer-title.gif');
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:0 auto 10px;
}
/*#special-offer fieldset legend.special-offer-title {
	display:block;
	width:234px;
	height:21px;
	background:url('images/home/nov-2010/holiday-offer-title.gif') center no-repeat;
	text-indent:-9999px;
	margin:0 auto 10px;
}*/
#special-offer form {
	margin:0;
	padding:0;
}
#special-offer form label {
	display:none;
}
#special-offer form input.txt {
	border:1px solid #d8aaa0;
	height:14px;
	width:220px;
	color:#999;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	padding:4px 0px 3px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#special-offer form input.btn {
	display:block;
	width:29px;
	height:15px;
	background:url('../images/home/nov-2010/send.gif') 0 0;
	border:none;
	cursor:pointer;
	float:left;
	margin:2px 0 0 12px;
}
#special-offer form input.btn:hover {
	background-position:-29px 0;
}