@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
}

#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:500px;
position:relative;
top:60px;
width:auto;
z-index:75
}*/

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

#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(http://24karas.com/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(http://24karas.com/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(http://24karas.com/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(http://24karas.com/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(http://24karas.com/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(http://24karas.com/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(http://24karas.com/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{margin-top:90px;}



#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:#069;
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-top:10px;
border-top: 1px dotted #ddd;
z-index:100
}








/*============================================================
 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;
}