/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{text-decoration:none}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html{background:#fff}
body{behavior:url("css/csshover.htc");background:#fff url(../images/bghtml.gif) repeat-x left top;font:normal 12px/18px Arial, Helvetica, sans-serif;text-align:center;color:#444}
p{margin:0 0 10px 0}
a,a:visited{color:#478acb}
input,textarea{padding:3px}
code{font-size:120%}
small{font-size:90%}

/*LAYOUT*/
div#container{width:770px;margin:0 auto;text-align:left;background:transparent url(../images/bgwrapper.gif) repeat-y left top;overflow:hidden}
div#wrapper{float:left;width:100%;background:transparent url(../images/bggradient.gif) no-repeat left top;overflow:hidden}
div#content{margin:0 0 0 240px;padding:0 30px 0 20px}
div#navigation{float:left;width:240px;margin-left:-770px}
div#footer{clear:left;width:770px;margin:0 auto;text-align:left;background:transparent url(../images/bgfooter.gif) no-repeat left top}

/*HEADER*/
div#header{width:770px;height:256px;background:#0067cc url(../images/bgheader.jpg) no-repeat left 10px}
div#logo{position:absolute;top:10px;margin-left:30px;display:block}

/*MENU KIRI*/

ul.MenuBarVertical{margin:0 0 0 30px;list-style-type:none;width:210px;background:#e0ecff;padding:10px 0}
ul.MenuBarActive{z-index:1000}
ul.MenuBarVertical li{background:transparent url(../images/bgli.gif) no-repeat 10px 8px;height:1%;position:relative;cursor:pointer;width:210px}
ul.MenuBarVertical ul{margin:-1px 0 0 210px;position:absolute;z-index:1020;width:210px;left:-1000em;display:none;top:0;border:1px solid #d6e6ff;border-bottom:none}
ul.MenuBarVertical ul.MenuBarSubmenuVisible{left:0;display:block}
ul.MenuBarVertical ul,ul.MenuBarVertical ul ul{background:#e0ecff;}
ul.MenuBarVertical ul li a:hover{background:#d6e6ff url(../images/bglihover.gif) no-repeat 10px 8px;color:#444}
ul.MenuBarVertical ul li{}
ul.MenuBarVertical li a{display:block;cursor:pointer;background:transparent;padding:6px 7px 6px 30px;color:#3e71b3;text-decoration:none;font-weight:bold;text-align:left}
ul.MenuBarVertical ul li a{display:block;cursor:pointer;background:transparent;padding:6px 7px 6px 30px;color:#3e71b3;text-decoration:none;text-align:left}
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus{background:#d6e6ff url(../images/bglihover.gif) no-repeat 10px 8px;color:#444}
ul.MenuBarVertical a.MenuBarItemHover,ul.MenuBarVertical a.MenuBarItemSubmenuHover,ul.MenuBarVertical a.MenuBarSubmenuVisible{background:#d6e6ff url(../images/bglihover.gif) no-repeat 10px 8px;color:#444}
ul.MenuBarVertical a.MenuBarItemSubmenu{background-image:url(../images/SpryMenuBarRight.gif);background-repeat:no-repeat;background-position:92% 50%}
ul.MenuBarVertical a.MenuBarItemSubmenuHover{background-image:url(../images/SpryMenuBarRightHover.gif);background-repeat:no-repeat;background-position:92% 50%}

/* HACK FOR IE: to make sure the sub menus show above form controls, underlay each submenu with an iframe */
ul.MenuBarVertical iframe{position:absolute;z-index:1010}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection{ul.MenuBarVertical li.MenuBarItemIE{display:inline;f\loat:left}}

/*CONTENT*/
div#content h1{font-weight:bold;font-size:170%;line-height:170%;margin-bottom:10px}
div#content h2{font-weight:bold;font-size:160%;line-height:160%;margin-bottom:10px}
div#content h3{font-weight:bold;font-size:150%;margin-bottom:10px}
div#content h4{font-weight:bold;font-size:140%;margin-bottom:10px}
div#content h5{font-weight:bold;font-size:130%;margin-bottom:10px}
div#content h6{font-weight:bold;font-size:120%;margin-bottom:10px}

div#content a,div#content a:visited{text-decoration:none;color:#3e71b3;border-bottom:1px solid #3e71b3;font-weight:bold}
div#content a:hover{color:#44b663;border-bottom:1px solid #44b663}
div#content ul,div#content ol{margin:10px 0}
div#content ol li{list-style:decimal;margin:0 0 5px 25px}
div#content ol li p{margin:10px 10px 10px 0}
div#content ul li{list-style:disc;margin:0 0 5px 20px}
div#content ul li li{list-style:circle;margin:0 0 5px 20px}
div#content ul li p{margin:10px 10px 10px 0}
div#content td{vertical-align:top}

/* CATALOGUE */
div#content div.catalogue{clear:left;width:500px;height:170px}
div#content div.catalogue div.catalogueimage{float:left;width:170px}
div#content div.catalogue div.catalogueimage img{padding:3px;border:1px solid #eee}
div#content div.catalogue div.catalogueimage a{border-bottom:none}
div#content div.catalogue div.catalogueimage a:hover img{background:#EEF5FB}
div#content div.catalogue div.cataloguedetail{}
div#content div.catalogue div.cataloguedetail *{margin:0}

/* FORM */
label{width:150px;float:left;text-align:right;margin:3px 10px 0 0;display:block;font:bold 12px Arial, Helvetica, sans-serif}
.submit input{margin-top:20px;padding:5px}
form h4{margin-top:25px}
fieldset{border:1px solid #f4f4f4;width:480px;padding:10px;background:#F7FCFD}
legend{color:#fff;background:#ADCF37;border:1px solid #f3f3f3;padding:5px 7px;margin:10px 0 10px 0px;font:bold 14px Arial, Helvetica, sans-serif}
form p{font:normal 12px Arial, Helvetica, sans-serif;margin-bottom:20px;clear:left}
form p input{padding:2px;font:normal 14px Arial, Helvetica, sans-serif;margin-right:3px}
form p input.checkbox{margin-top:0px}
form p small{font:normal 11px Arial, Helvetica, sans-serif}
.nolabel{margin-left:160px;_margin-left:163px}
form p span.groupoption{float:left;display:block;margin-bottom:10px}
form p span.groupoption input{margin:1px 5px 20px 0;vertical-align:top;}
form p span.messagecode{display:block;margin-top:10px}

/* NEWSLETTER */
#newssignup{width:210px;margin:20px 0 0 30px;border:1px solid #f4f4f4;padding:10px 0;background:#e0ecff}
#newssignup form{margin:0 10px}
#newssignup h3{font-weight:bold;font-size:110%}
#newssignup p{font-size:100%}
#newssignup input{padding:2px;font-size:100%;margin-right:3px}

/* ONLINEBOOKING */
#onlinebooking{width:210px;margin:0 0 20px 30px;padding:0;background:#fff}
#onlinebooking form{margin:0 10px}
#onlinebooking h3{font-weight:bold;font-size:110%;margin-bottom:10px}
#onlinebooking p{font-size:100%}
#onlinebooking input{padding:2px;font-size:100%;margin-right:3px;margin-bottom:10px}

/*FOOTER*/
div#footer{height:90px;color:#333;padding:40px 0 0 0}
div#footer p{margin:5px 30px 0 30px;font:normal 11px/11px Arial, Helvetica, sans-serif}
div#footer a,div#footer a:visited{text-decoration:none;font:normal 11px/15px Arial, Helvetica, sans-serif}
div#footer a:hover{color:#44b663;border-bottom:1px solid #44b663}

div.horRule {height: 1px;border-top: 1px solid #E5E5E5;margin: 0px 10px 10px}
div.horRule hr {display: none}
a.imagebutton{cursor:pointer;cursor:hand;text-decoration:none;border-bottom:0px !important}

.alignright{float:right}
img.alignright{margin:0 0 7px 7px;padding:3px;border:1px solid #f4f4f4}
#content p a img.alignright{border:0}
.alignleft{float:left}
img.alignleft{margin:0 7px 7px 0;padding:3px;border:1px solid #f4f4f4}
#content p a img.alignleft{border:0}
.big4{float:right;margin:0 0 7px 10px;padding:3px}

/*OTHERS*/
.notice{font-size:10px;color:#FF0000;vertical-align:super;}

div#content div.product{clear:left;width:500px;overflow:auto;margin-bottom:20px}
div#content div.product div.productimage{float:left;width:230px}
div#content div.product div.productimage img{padding:3px;border:1px solid #eee}
div#content div.product div.productimage a{border-bottom:none}
div#content div.product div.productimage a:hover img{background:#EEF5FB}
div#content div.product div.productdetail h2{font-size:12px;font-weight:bold}
div#content div.product div.productdetail *{margin:0}