@import url("/theme/Default/style.css");
@import url(http://fonts.googleapis.com/css?family=Freckle+Face);

/* CSS RESET */
html, body, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, tt, var,center, dl, dt, dd, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; 	padding: 0; 	border: 0; 	font-size: 100%; 	font: inherit; 	vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
body {	line-height: 1.5;}
ol {list-style: decimal; list-style-position: outside; padding-left: 20px;}
ul {list-style: circle; list-style-position: outside; padding-left: 15px;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
table tr td {}
#theme-title h1 {font-size: 20px; font-weight: bold;}
/* end of css reset */

/*
a, a:hover, a:visited {
	text-decoration: none;
	color: #000;
}
*/

a img {
	border: none;
}

html,body{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family:verdana;
	color:#6c4701;
}

body.lang-en { font-family:verdana; font-size:14px;}
body.lang-cn { font-family:DFKai-SB, Microsoft JhengHei, MingLiU, Apple LiSung; font-size:15px;}

.title{font-family:  'Freckle Face', DFKai-SB, Microsoft JhengHei, MingLiU, Apple LiSung; cursive;}


#theme{
display:table;
width:100%;
	height:100%;
	background:url(/theme/bonjour/imgs/body-repeat.gif) top center repeat-y #f9f6e7;
}


#theme-frame{
	height:100% auto;
	min-height:630px;
	margin:auto;
	width:1000px;
	background:transparent;
	border-left:0px solid #efefef;
	border-right:0px solid #efefef;
}

#theme-lang { padding-right:20px; z-index:999;}
#theme-lang ul {list-style:none; margin:0px; padding:0px; text-align:right;}
#theme-lang ul li { display:inline;}
#theme-lang ul li a,
#theme-lang ul li a:visited { padding:2px 5px 2px 5px; border-left:1px solid #996600; color:#996600;}
#theme-lang ul li:first-child a { border-left:0px;}

#theme-header { display:block; height:88px; background: url(/theme/bonjour/imgs/headerbg.png) top left repeat-x;}

#theme-header-frame{width:1000px; margin:auto; position:relative;z-index:30;}

#theme-header-logo { background:url(/theme/bonjour/imgs/logobg.png) top left no-repeat; width:123px; height:211px;}
#theme-header-logo img { border:0px; padding:0px; position:absolute; top:100px; left:10px;}
#theme-menu{ clear:both; position: absolute; top:50px; left:150px;z-index: 99;}

#frame-top{height:297px;}
#theme-container { clear:both; min-height:350px;}

#theme-title {padding:0px 10px 0px 0px; }

#theme-contain{  float: left; width: 960px; display: inline; padding:35px 20px 0px 20px; min-height:300px; text-align:left;background:url(/theme/bonjour/imgs/content-bg.gif) top right no-repeat;}
/*
#theme-contain-home{ background:url(/theme/bonjour/imgs/content-home-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-about{ background:url(/theme/bonjour/imgs/content-about-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-prod{ background:url(/theme/bonjour/imgs/content-prod-bg.jpg) top right no-repeat; width:100%; height:100%;}
#theme-contain-news{ background:url(/theme/bonjour/imgs/content-news-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-contact{ background:url(/theme/bonjour/imgs/content-contact-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-faq{ background:url(/theme/bonjour/imgs/content-faq-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-member{ background:url(/theme/bonjour/imgs/content-member-bg.jpg) top right no-repeat;width:100%; height:100%;}
#theme-contain-video{ background:url(/theme/bonjour/imgs/content-video-bg.jpg) top right no-repeat;width:100%; height:100%;}
*/

#theme-footer {font-family: 'Freckle Face', cursive;clear:both; padding:10px; border-top:0px; text-align:right; background:transparent; margin-top:10px;}

a, a:hover, a:visited {	text-decoration: none;}
img {border: none;}
input,  textarea { background: #fff; border: solid 1px #cca766;}

/*
CUSTOM Pre-defined CSS
*/

#clearall {clear: both;}
#space-10 {display: block; width: 1px; height: 10px; padding: 0px; margin: 0px;}
#space-20 {display: block; width: 1px; height: 20px; padding: 0px; margin: 0px;}
#flush-mid {width: 800px; margin: 0px auto; }


#banner {text-align: center;}
#banner_template_list {padding-top: 10px;}

#cms5-prod-list{clear:both; display:block; }
#cms5-prod-list ul {margin:3px; padding:10px; list-style:none;  border:1px solid #444444; display:block; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top; width:200px; height:auto; overflow:hidden;}
#cms5-prod-list ul li { clear:both; display:block; }
#cms5-prod-list ul #code {display:none; overflow:hidden;}
#cms5-prod-list ul #code .caption { display:none;}
#cms5-prod-list ul #title {display:block;  height:20px; overflow:hidden; text-align:center; font-size:15px; font-weight:bold;}
#cms5-prod-list ul #title .caption { display:none;}
#cms5-prod-list ul #title a,
#cms5-prod-list ul #title a:visited { color:#0F64AA; text-decoration:none;}
#cms5-prod-list ul #title a:hover { color:#1A74C6;}
#cms5-prod-list ul #photo {display:block; text-align:center;}
#cms5-prod-list ul #photo .caption { display:none;}
#cms5-prod-list ul #desc {display:none; height:85px; overflow:hidden;}
#cms5-prod-list ul #desc .caption { display:none;}
#cms5-prod-list ul #addcart { padding-top:10px;}
#cms5-prod-list ul #addcart a {  text-align:left; display:block; width:120px; height:25px; background:url(/theme/bonjour/imgs/add-to-cart.png) top no-repeat; padding-left:70px; padding-top:5px; color:#fff; font-weight:bold; text-decoration:none;}
#cms5-prod-list ul #details {display:none;}
#cms5-prod-list ul #enquiry {display:none;}
#cms5-prod-list ul #price {display:block;  clear:both; text-align:center; color:navy;}
#cms5-prod-list ul #price div#offer-strike { color:#ff0000;text-decoration: line-through; }
#cms5-prod-list ul #price .caption { display:none;}
#cms5-prod-list ul #weight {display:block;  clear:both; text-align:center;}
#cms5-prod-list ul #weight .caption { display:none;}

#abt-bg{background:url(http://bonjour.gomalaysia.com.my/data/1082/uploads/about2.png) bottom left no-repeat; display:block; height:441px;}
#abt-content{margin-left:480px;}

#cms5-news-list {clear:both;}
#cms5-news-list ul { margin:0px; padding:0px; list-style:none;}
#cms5-news-list ul li { border-top:5px dotted #e7cf9f; padding-top:10px; padding-bottom:20px; display:block; clear:both;}
#cms5-news-list ul li:first-child { border:0px;}
#cms5-news-list ul li div#photo {float:left; padding:0px 5px 5px 0px;}
#cms5-news-list ul li div#title { font-size:20px; font-weight:normal; }
#cms5-news-list ul li div#title a,
#cms5-news-list ul li div#title a:visited { font-family: 'Freckle Face', cursive; color:#3e2000; text-decoration:none;}
#cms5-news-list ul li div#title a:hover { }
#cms5-news-list ul li div#message { color:#6c4701; }
#cms5-news-list ul li div#details { float:right;}
#cms5-news-list ul li div#details a,
#cms5-news-list ul li div#details a:visited {display:block; width:100px; height:25px;  background:url(/theme/bonjour/imgs/more-details.png) left top no-repeat; text-decoration:none; padding-left:35px; padding-top:3px; font-family: 'Freckle Face', cursive; color:#3e2000; font-weight:normal; }
#cms5-news-list ul li div#details a:hover { }