/*
Theme Name: Chin Bee
Author: Spray Media
Author URI: http://spraymedia.sg/
Description: Specially Designed for Chin Bee
Version: 1.0


This theme is specially designed for Chin Bee. Not permitted to re-use without permission. 
*/


* { margin: 0; padding: 0; }
@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Aller2';
	src: url('fonts/Aller_Rg.ttf') format('truetype');
}

html { padding: 0px; margin-top: 0px !important; }
body { font-family: Arial; margin: 0px auto; background: #fefcf7; font-size: 14px; color: #534741; }
p { padding-top: 10px; }

#header { width: 980px; padding: 0px 0; margin: 0px auto 30px auto; }
.banner { width: 980px; margin-left: auto; margin-right: auto; padding: 0px 0; }
a { text-decoration: none; color: #936500; }
a:hover { color: #ff9900; }
img { border: none; border-collapse: collapse; }
.logo { float: left; }

h1 { color: #603913; font-size: 26px; font-weight: bold; margin: 20px 0px; text-transform: capitalize; }
h2 { color: #754c24; font-weight: normal; }
h3 { color: #a49161; font-weight: bold; font-size: 18px; margin-top: 15px; }
h4 {}
h5 {}
h6 {}

/* Navigation */
.nav { margin-top: 30px; margin-bottom: 10px; float: right; width: 500px; text-align: right;  }
.nav-btn { float: right; margin-right: 5px; padding: 5px 0px; }
.nav-btn a { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #754c24; }

.nav-btn a:hover, .nav-current a { color: #e37d1d; }
.divider { padding: 0px 15px; float: right; }

/* Link Buttons */
.buttons { cursor: pointer; border: none !important; border-collapse: collapse; }
.buttons:hover {}

.viewstock { display: block; float: right; margin-top: 0px;  }
.viewrange { display: block; float: left; margin-top: 10px; background: url(images/viewrange.png) no-repeat center bottom; width: 95px; height: 23px; }
.viewrange:hover { background-position: center top; }
.emailenquiry { background: url(images/mailenquiry.png) no-repeat center bottom; width: 167px; height: 32px; }
.emailenquiry:hover { background-position: center top; }
.enquiry { background: url(images/enquiry.png) no-repeat center bottom; width: 142px; height: 32px; }
.enquiry:hover { background-position: center top; }
.viewreadystock { background: url(images/viewreadystock.png) no-repeat center bottom; width: 236px; height: 33px; }
.viewreadystock:hover { background-position: center top; }

.backtodetails { background: url(images/backtodetails.png) center top no-repeat; text-indent: -999em; width: 135px; height: 19px; padding: 0px; }

/* Main */
#main { padding: 0px 0px; }
.main-left { float: left; }
.home {  background: #f0f0f0 url(images/main-bg.jpg) center center no-repeat; border-top: 5px solid #FFFF00;  padding: 20px 0 40px 0; width: 100%; }
.banner { margin-bottom: 15px; }
#content { clear: none; padding-bottom: 40px; margin: auto;  }
.content-text { font-family: Verdana; font-size: 11px; line-height: 14px; padding-bottom: 20px; margin-bottom: 20px; }
.content-text li { color: #5e8bc6; }
.title { float: left; }

/* Index / Home page */
.content-header { width: 980px; margin: 30px 0px; margin-left: auto; margin-right: auto; }
.home-box-wrapper { width: 1038px; height: 230px; margin-top: 25px; margin-left: auto; margin-right: auto; }
.home-box-window { width: 980px;  position: absolute; height: 230px; overflow: hidden; margin: 0px 30px;  }
.home-box-holder { width: 10000px; height: 230px; position: absolute; }
.home-box { width: 180px; height: 230px; float: left; margin-right: 20px; }
.home-box:last-child { margin-right: 0px; }
.home-thumbs { width: 180px; height: 193px; }
.home-desc { background: #f4d000; width: 180px; border-top: 3px solid #603913; padding: 8px 0px; text-align: center; margin-top: -5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 16px; font-weight: bold; color: #321c06;  }
.home-desc a, .home-desc a:visited { font-size: 12px; font-weight: bold; color: #321c06; text-transform: capitalize; }
#home-right-arrow { float: right; cursor: pointer; }
#home-left-arrow { float: left; cursor: pointer; }

/* Pages */
.pages { width: 620px; margin-right: 50px; float: left; border: 1px solid red; }
.page-title { font-size: 28px; color: #603913; font-weight: bold;  }
.page-text { font-size: 14px; color: #534741; margin: 20px 0px; }
.page-table { width: 980px; margin: 0 auto; }
.page-content { min-height: 680px; }
.page-content-td { width: 660px; padding-right: 40px; vertical-align: top; }
.page-sidebar-content { vertical-align: top; }
.page-sidebar-image { vertical-align: bottom; }
.page-sidebar-image img { margin-bottom: -4px; }

.page-content { border: 1px solid #adaaa7; background-color: #f0f0f0; padding: 25px 30px 25px 30px; margin: 0px; clear: both; }
.page-content-tab-holder { z-index: 999;}
.page-content-tab { background: url(images/rndarrow.png) no-repeat; background-position: right center; display: block; padding: 20px 50px 20px 25px; color: #754c24; font-size: 14px; font-weight: bold; height: 15px; float: left; margin-bottom: -1px; margin-top: 0px;  }
.page-content-tab a, .page-content-tab a:visited { color: #603913; }
.page-content-tab a:hover { }
.selected-tabs { background-color: #f0f0f0; border-top: 1px solid #adaaa7; border-left: 1px solid #adaaa7; border-right: 1px solid #adaaa7;  }


/* Bread Crumbs */
#breadcrumbs, #breadcrumbs a{ font-size: 14px; color: #a49161; margin-bottom: 15px; font-weight: bold; }
.current { color: #603913; }
.previous { opacity: 0; display: none !important; } /* to prevent browsers other than IE to display 2 captions during transition */

/* Products */ 
.product-box { float: left; width: 550px; margin-top: 25px; }
.product-thumbs { float: left; }
.product-thumbs img { width: 120px; height: 120px; border: 1px solid #603913; }
.product-contents { width: 400px; float: right; font-size: 14px; color: #534741; margin-left: 20px; }
.product-title { font-size: 24px; color: #603913; } 

	/* Product Gallery */
		#slideshow { overflow: hidden; width: 560px; height: 430px; text-align: center; border: 1px solid #adaaa7; background: #ffffff; }
		.image-wrapper { vertical-align: middle; }
		#caption { height: 35px; width: 560px; overflow: hidden; font-size: 12px; color: #333333; line-height: 14px; margin: 15px 0; }
		#thumbs {}
		.thumbs { height: 100px; overflow: hidden; }
		.product-gallery { list-style: none; display: inline-block; margin-right: 15px;}
		.product-gallery:nth-child(6n+6) { list-style: none; display: inline-block; margin-right: 0px;}
		
		.next, .next img { float: right; }
		.prev { float: left; }
		/* Navigation */
			  #controls { width: 560px; position: absolute; margin-top: 215px; }
			  .bottom { text-align: right; border-bottom: 1px solid #adaaa7; padding-bottom: 5px; }
			  .bottom a { margin-left: 5px; }
			  .pagination-nums { float: left; font-size: 12px; color: #404040; }
			  
/* Contact Form */	
.contact-content { color: #534741; font-family: Arial; font-size: 14px; }
.contact-form { margin-top: 25px; font-family: Arial; width: 340px; }
.contact-form-left { font-size: 14px; color: #a39161; padding: 10px 0; font-weight: bold; }
.contact-form input[type="text"] { color: #8f8f8f; padding: 4px; width: 302px; }
.contact-form textarea { color: #8f8f8f; resize: none; width: 302px; height: 240px; padding: 4px; }
#btn-submit img { cursor: pointer; }

/* Sidebar */
#sidebar { width: 315px; float: left; color: #534741; font-size: 12px; margin-top: 40px;   }
#sidebar h2 { color: #603913; font-size: 24px; font-weight: bold; }
.sidebar-title { border-bottom: 1px solid #adaaa7; padding-bottom: 17px;  }
.sidebar-content { height: 100%; margin-top: 20px; }
.sidebar-image-holder { }





/* Footer */
#footer { background: #fafafa; border-bottom: 1px solid #ebe4d7; padding: 0px; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #936500; text-align: center; }
#footer-pages { padding: 0px; width: 980px; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #936500; margin: 0px auto 0 auto; text-align: center; }
#footer a, .footer-links a { font-size: 12px; color: #936500; }


.footer-top { width: 1024px; margin-left: auto; margin-right: auto; padding: 20px 0px;}
.footer-top-pages { background: #f0f0f0;  padding: 20px 0; border: 1px solid #adaaa7; }
.footer-top-box { float: right; }
.footer-bottom { width: 980px; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 50px; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #936500; }
.footer-links { float: right; }
.footer-credits { float: left; }



/* Misc */
.clear { clear: both; }
.error { color: #e67f1d; font-size:11px; font-family: Arial; font-weight: bold; position: relative; margin-top: 0px; margin-left: 100px; width: 210px; text-align: right; padding-top: 0px;}
.sgcm { text-align: center; }
.small { font-size:9px; font-style: italic; }
.alignLeft { float: left; }
.alignRight { float: right; }

.lof-navigator-wapper {
    left: 50% !important;
    margin-top: -30px;
    position: absolute;
    bottom: 0 !important;
}