/* 
- - - - - - - - - - - - - - - - - - - - - - - - - -

Title       : Elizabeth Wahyu Accessories
Designer    : Viking KARWUR - www.vikingkarwur.com
URL         : www.elizabethwahyu.com

Description : Elizabeth Wahyu Accessories Website Redesign 2009

Created     : April 2009
Modified    : -

- - - - - - - - - - - - - - - - - - - - - - - - -
*/

*, html{
padding:0;
margin:0;
}	

body{
background: #CCCC99; /* #cc9; /* url(../images/bg_nu_01.jpg) repeat-x; */
color:#6E6E6E;
font:15px normal Arial, Helvetica, sans-serif;
font-size-adjust:none;
font-variant:normal;
font-weight:normal;
line-height:24px;
}

a {
color: #91B500;
}

/* ------------------------------- TOP WRAP ----------------------------------------- */

#top-wrap {
margin:0px auto;
min-height:50px;
background: #6a8012 url(../images/bg-top.jpg) repeat-x left bottom;
}

#header {
}

#nav {
}

#nav ul {
list-style:none;
margin:0px;
padding:10px 0px;
}

#nav ul li {
display: inline;
}

#nav ul li a {
text-transform:uppercase;
color: #FFFF99;
font-weight:bold;
text-decoration:none;
padding:10px 15px;
margin:0px;
}

#nav ul li a.active, #nav ul li a.active:hover  {
background: #91B500;
color: #fff;
}

#nav ul li a:hover {
background: #FFFFCC;
color: #99CC00;
}


#search {
text-align:right;
}

#search form {
padding:0px;
margin:10px 0px;
}

#search form input.box {
margin: 0px;
padding: 5px;
font-size:12px;
border:1px dotted #FFF899;
color: #666666;
}

/* ------------------------------- MIDDLE WRAP ----------------------------------------- */

#mid-wrap {
margin:0px auto;
}

#home {
background: #fff;
}

#home-slider {
min-height:335px;
}

#home-carousel {
min-height:150px;
padding-top:19px;
background: #6F8612 url(../images/bg-carousel.png) no-repeat top left;
}

#home-contents, #page-contents {
min-height:450px;
}

#home-news {
}

#home-news h3 {
background: url(../images/bg-home-contents-pita.png) no-repeat top left;
height: 54px;
margin:20px 6px 0px -14px;
color: #fff;
padding:13px 20px 5px 0px;
}

#home-news h3 span, #home-brief h3 span, #twitter_fb h3 span, #page-about-us h3 span, #page-achievements h3 span, #page-sn h3 span, #page-contact h3 span {
visibility:hidden;
}

#home-news dl {
padding:0px 10px 0px 20px;
}

#home-news dl dt {
color: #91B500;
font-size:20px;
margin:0px 0px 10px 0px;
}

#home-news dl dt span {
color:#99CC00;
font-size:10px;
letter-spacing:-1px;
font-weight:normal;
text-transform:uppercase;
}

#home-news dl dd {
margin:0px;
padding:5px 0px;
line-height:1.5em;
}

#home-news dl dd img {
border:10px solid #91B500;
margin:0px 10px;
}


#home-news dl dd.photonews {
float:left;
}


#home-brief h3 {
background: url(../images/bg-hc-welcome.png) no-repeat top right;
height: 54px;
margin:20px -14px 0px 6px;
color: #fff;
padding:13px 20px 5px 20px;
}

#home-brief h4 {
letter-spacing: -1px;
color: #91B500;
margin:0px;
padding:0px 20px 10px 0px;
}

#home-brief p {
line-height:1.5em;
padding-right:20px;
}

#twitter_fb h3 {
background: url(../images/bg-hc-twitter-facebook.png) no-repeat top right;
height: 54px;
margin:20px -14px 0px 6px;
color: #fff;
padding:13px 20px 5px 20px;
}


#page-about-us h3 {
background: url(../images/bg-hc-about-us.png) no-repeat top left;
height: 54px;
margin:20px 6px 0px -14px;
color: #fff;
padding:13px 20px 5px 0px;
}

#page-about-us p, #page-contact p, #page-achievements p {
line-height:1.5em;
padding-left:20px;
}

#page-achievements h3 {
background: url(../images/bg-hc-achievements.png) no-repeat top left;
height: 54px;
margin:20px 6px 0px -14px;
color: #fff;
padding:13px 20px 5px 0px;
}

#page-sn h3 {
background: url(../images/bg-hc-social-networks.png) no-repeat top right;
height: 54px;
margin:20px -14px 0px 6px;
color: #fff;
padding:13px 20px 5px 20px;
}

.profile-photo {
margin:10px 20px;
float:left;
padding:5px;
background: #6F8612;
}

#page-logo {
min-height: 160px;
}

#page-contact h3 {
background: url(../images/bg-hc-contact-us.png) no-repeat top left;
height: 54px;
margin:20px 6px 0px -14px;
color: #fff;
padding:13px 20px 5px 0px;
}

#page-contact h4, #page-achievements h4 {
padding:5px 20px;
font-size:18px;
color: #6F8612;
}

#page-contact img.photopage {
margin:10px 20px;
padding:5px;
background: #6F8612;
}


/* ------------------------------- BOTTOM WRAP ----------------------------------------- */

#bot-wrap {
margin:0px auto;
min-height: 150px;
background: #708517;
}

#footer {
padding:10px 0px;
}

#copyright {
padding:10px 0px;
}

#copyright p {
font-size:13px;
color: #fff;
line-height:1.5em;
margin:0px;
padding:0px;
}

#copyright p a {
color: #97bb0a;
}

#menu-list {
padding:10px 0px;
}

#menu-list ul {
list-style:none;
margin:0px;
}

#menu-list ul li {

}

#menu-list ul li a {
font-size:12px;
text-transform:uppercase;
display: block;
color: #97bb0a;
text-decoration:none;
padding:2px 15px;
margin:0px;
}

#menu-list ul li a:hover{
color: #fff;
background: #97bb0a;
}

#products-list {
padding:10px 0px;
text-align:right;
}

#products-list dl {
color: #fff;
}

#products-list dl dt {
float:left;
width:50%;
font-size:12px;
}

#products-list dl dt a {
display:block;
padding:0px 15px;
margin:0px;
text-decoration:none;
color: #81B10A;
font-weight:normal;
}

#products-list dl dt a:hover {
color: #fff;
background: #81B10A;
}


/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 830px;	 
	height: 150px;
	text-align:center;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:125px;	
}

/* single item */
#thumbs div {
	float:left;
	width:118px;
	height:220px;
	color:#000;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
}

/* style when element is active (clicked) */
#thumbs div.active {
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-size:15px;
	color:#333;	
}

#thumbs img:hover {
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:left;
	margin:50px 20px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;	
}

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:950px;
		height:350px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}		
	
#twitter_badge_container{width: 300px; background: #C1EAFF}
#twitter_badge_tl{background: transparent url(twitter_tl.png) top left no-repeat;}
#twitter_badge_tr{background: transparent url(twitter_tr.png) top right no-repeat;}
#twitter_badge_bl{background: transparent url(twitter_bl.png) bottom left no-repeat;}
#twitter_badge_br{background: transparent url(twitter_br.png) bottom right no-repeat; }
#twitter_badge_inner{padding: 45px 10px 10px 10px;}
#twitter_badge_via {font-size: 10px }
#twitter_badge_via a {color #666}

/* defaults */
#my_twitter_status{}
#my_twitter_status_time{color: #666; font-size: 10px;}