/*
	Theme Name: BANGKOO - BROWN
	Theme URI: http://www.icreativelabs.com/
	Description:  Furniture! Woohoo!
	Version: 0.0
	Author: icreativelabs.com
	Author URI: http://www.icreativelabs.com
*/

/*
Author:
	Momo
	Budi
Project Initiatior:
   iCreativeLabs
   http://www.icreativelabs.com/
Client:
   iCreativeLabs
   http://www.icreativelabs.com/
*/


/*

BANGKOO BROWN SKIN 

*/

body {background:#F8F4ED}
#cart-status {background-image: url(images/cart-ribbon.png)}
#cart-status strong {background-image: url(images/icon-cart.png)}
#header-featured {background:url(images/transparency.png) repeat scroll left top}
#top-menu li a {background-color:transparent}
#top-menu li.hovered, #top-menu li a:hover, li.hovered, ul.sub-menu {background-color:#D2C0AE}
#top-menu li.has-sub > a {background-image:url(images/small-arrow-down.png)}
#how-to-wrap, #steps-indicator {background-color:#F0E8DD}
#scrolling {background-color:#fff}

#top-menu .sub-menu li a, #top-menu .sub-menu li.hovered .sub-menu {border-color:#DCCDBE;}
#how-to-wrap, #scrolling, hr.ruler, .subscribe, #steps-indicator {border-color:#E9DBC9;border-bottom-color:#fff}
.sidebar-wrap ul li {border-color:#F0E7DB}
.sidebar-wrap ul li a:hover, .sidebar-wrap ul li a.current {background-color:#F0E7DB}

.product-small-desc {background-color:#EFE6DA}
li.hovered .product-small-desc {background-color:#59CAED}
.pagination a {background-color:#F0E7DB}
.pagination a:hover, .pagination a.current {background-color:#59CAED}

#detail-thumbs {background-color:#EFE6DA}
#detail-thumb-wrap .scrolling-row a {border-color:#EFE6DA}
#detail-thumb-wrap .scrolling-row a:hover, #detail-thumb-wrap .scrolling-row a.selected-gallery-item {border-color:#9E8771}

.buy-quantity {background-color:#EFE6DA}
.buy-quantity input {border-color:#9E8771}
.buy-side {border-color:#EFE6DA}

.detail-middle {background-color:#fff}
.detail-middle {border-color:#EDE4D8}

.post-title .date {background:url(images/date-ribbon.png) no-repeat top left}
.subscribe {background-color:#EFE6DA}

.post-content .wp-caption {background:#F0E7DB}
#commentform {background:#F3ECE3}

#step2form-header {background:#E7DAC8}
#step2form-content {background:#fff;}

.form input, .form textarea, .form select {
	border:1px solid #E7DAC8;
	color:#4D3F32;
}

.scroll:hover {background:url(images/scroll.png) repeat-x 0 bottom}

.post-status,
.post-status div,
#comments-title,
.comment,
.comment-author img,
.comment .children,
.comment #reply-title,
#commentform .logged-in-as,
.comment-notes,
.table-1,
.table-2,
.table-1 .title,
.cart-image 
{border-color:#E7DAC8}

.table-2,
#checkout-submit
{border-top-color:#fff;}

.comment .reply {background:#E7DAC8}

.table-1 .title {background:#9E8771}
.table-1 tr {background:#fff;}
.table-1 tr.alt {background:#FBF9F6;}

#register-form h3 {background:#E7DAC8}
#register-form form {background:#F3ECE3}
#login-form h3 {background:#D2C0AE}
#login-form form {background:#ECE2D5}

#footer {background:#745E4C}
.bottom-links{background:#4D3F32}

.sidebar-wrap .sb-tweet-top {background:url(images/sb-twitter-top.png) no-repeat top left;}
.sidebar-wrap .sb-tweet-middle {background:url(images/sb-twitter-middle.png) repeat-y top left;}
.sidebar-wrap .sb-tweet-bottom {background:url(images/sb-twitter-bottom.png) no-repeat top left;}
.footer-block .sb-tweet-top {background:url(images/ft-twitter-top.png) no-repeat top left;}
.footer-block .sb-tweet-middle {background:url(images/ft-twitter-middle.png) repeat-y top left;}
.footer-block .sb-tweet-bottom {background:url(images/ft-twitter-bottom.png) no-repeat top left;}

#browse-tab li.hovered, #browse-tab li a.current,
.tabbed-tabs li.hovered  a, .tabbed-tabs li a.current,
#step2form-tabs li.hovered, #step2form-tabs li a.current
{background-color:#59CAED}
#browse-tab li a
{background-color:#EFE6DA}
.browse-pane ul li a,
.tabbed-tabs li a,
#step2form-tabs li a
{background-color:#EFE6DA}
#browse-tab li.hovered a, .browse-pane ul li.hovered a, .browse-pane ul a.hovered, #step2form-tabs li.hovered a
{background-color:#59CAED}
#browse-tab li.hovered  a, #browse-tab li a.current
{background-image:url(images/tabs-arrow-down-1.png);background-repeat:no-repeat;background-position:bottom center;}
.tabbed-tabs li.hovered  a, .tabbed-tabs li a.current, #step2form-tabs li.hovered a , #step2form-tabs li a.current
{background-image:url(images/tabs-arrow-down-2.png);background-repeat:no-repeat;background-position:bottom center;}

.button-s1 {background-image: url(images/button-small-left.png)}
.button-s1 span {background-image: url(images/button-small-right.png)}
.addtowishlist a, .blog-pagination a, .button-s2 {background-image:url(images/button-big-left.png)}
.addtowishlist a span, .blog-pagination a span, .button-s2 span {background-image:url(images/button-big-right.png)}
.post-content ul li {background-image:url(images/bullet-arrow.png)}
a.remove_item {background-image:url(images/button-remove.png)}

#cart-status strong,
.button-s1,
.featured-desc h2 a,
.footer-block h3,
.page-title
{text-shadow:0px 1px 2px #000}

#logo
{text-shadow:1px 1px 3px #aaa}

#site-description,
.how p,
#comments-title
{text-shadow:0px 1px 1px #fff}

.post-content blockquote
{border-color:#9E8771}

#login-box a
{color:#00ADE3}

span.required {
	color:#f00;
}

#atc_box {background:#F3ECE3 url(images/check-ribbon.png) no-repeat center top;}
#atw_box {background:#F3ECE3}

#cart-status,
.button-s1,
.button-s2,
.button-b1,
.button-b2,
#top-menu li a:hover,
li.hovered a,
li.hovered,
li.hovered strong,
.featured-desc h2 a,
.featured-content,
#browse-tab li.hovered a,
#browse-tab li a.current,
.browse-pane ul li:hover a,
.browse-pane ul a:hover,
.footer-block-content,
.bottom-links,
.bottom-links a.copyright,
.page-title,
.pagination a:hover,
.pagination a.current,
.addtocart a,
.addtowishlist a,
.blog-pagination a,
.tabbed-tabs li.hovered a,
.tabbed-tabs li a.current,
.post-title .date,
.comment .reply a,
.table-1 .title,
#step2form-tabs li.hovered a,
#step2form-tabs li a.current
{color:#fff}

.footer-block-content a,
.bottom-links a,
.sidebar-wrap ul li a,
.buy-price strong,
.sb-tweet-middle a,
.subscribe a:hover,
.post-content a,
.post-commentstatus a,
.comment-author a,
#reply-title a,
#commentform a,
.footer-inner a
{color:#59CAED}

#logo a,
.section-title,
.sidebar-wrap h3,
.content-right h2,
.product-small-desc a,
.product-small-desc strong,
.pagination a,
.subscribe a,
.buy-quantity a:hover,
.post-title h3 a,
#comments-title,
.comment-author cite,
.comment-meta a,
#commentform p label,
#reply-title,
.comment-body a,
#step2form-header h4,
#atc_box strong,
#atw_box strong
{color:#4D3F32}

#top-menu a,
.how h4,
.scroll h5 a,
.browse-pane ul li a,
#breadcrumbs,
.sidebar-wrap,
.sidebar-wrap ul li a:hover,
.sidebar-wrap ul li a.current,
.sidebar-wrap ul li a span,
.content-right,
.post-content,
.sidebar-wrap p
{color:#745E4C}

.scroll p a
{color:#B09273}

#browse-tab li a,
.footer-block h3,
.tabbed-tabs li a,
.post-status,
.post-cat a,
.post-tags a,
#step2form-tabs li a
{color:#BCA187}

#site-description,
.featured-title,
.how p,
#breadcrumbs a,
.buy-quantity a,
.post-content blockquote,
#step2form-header p
{color:#9E8771}

a {text-decoration:none;}

#login-box a:hover,
.scroll h5 a:hover,
.scroll p a:hover,
.footer-block-content a:hover,
.bottom-links a:hover,
#breadcrumbs a:hover,
.buy-quantity a,
.sidebar-wrap ul li a.current,
.sb-tweet-middle a:hover,
.post-title h3 a:hover,
.post-status a:hover,
.comment a:hover,
.post .readmore:hover,
.footer-inner a:hover
{text-decoration:underline;}

#navigation ul {margin:0px; padding:0px; background-color:#F8F4ED;}

#navigation ul li {
            height:25px;
            line-height:25px;
            list-style:none;
            padding-left:10px;
            /* border-top:#F0E7DB solid; */
            border-bottom:#F0E7DB solid;
            border-width:1px;
            cursor:pointer;
}


#navigation ul li a {color:#745E4C;width:100%;margin-left:-10px;} /*Link's Styles*/

#navigation ul li:hover {background-color:#F0E7DB; position:relative;}

/*Sub Menu*/

#navigation ul ul {display:none; position:absolute; left:150px; top:5px; border:#F0E7DB solid; border-width:1px; background-color:#745E4C; }

#navigation ul ul li a { color:#F8F4ED; }

#navigation ul ul li a:hover { color:#745E4C; }

#navigation ul li:hover ul {display:block;z-index:2;}

#navigation ul ul li { width:250px; float:left; display:inline; border:none;}

#navigation ul ul li:hover {text-decoration:underline; border:none;width:240px;}

#navigation li:hover ul li ul {display:none;}

#navigation ul ul li ul {left:140px; background-color:#745E4C;}

#navigation ul ul li:hover ul {display:block;}