@import 'default.css';
@import 'content.css';
/*
Gray Background #888888 (body)
Dark Purple #59657b used in footer
*/
body{background:#42444c;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.align-left {margin:0 10px 10px;float:left}
.align-right {margin:0 10px 10px 10px;float:right}
#content{background:#888 url(../img/content.gif) repeat-y;width:940px;margin:0 auto;text-align:left;}
#content #page h2,#content #page h1{font-family:Segoe UI,Georgia,Arial;color:#8989af;}
#leftcol{float:left;width:600px;} 	
#about{padding:10px 20px;margin-left:-10px;width:200px;background:#eee;float:right;}
#page #about h2{font-size:18px;font-weight:normal;font-family:Arial,Verdana,Tahoma;color:#2b3b54;}
/*
*************************************************************
#header:Holds the site title and header images
*************************************************************
*/
#header{position:relative;background:url(../img/header.gif) no-repeat left top;height:170px;}
/* Holds the site title and subtitle */
#header #title{text-indent:-1000px;}
#header h1{margin:0;padding:0;font:700 4em "trebuchet ms",serif;letter-spacing:-3px;text-transform:lowercase;color:#000;}
#header h2{position:absolute;top:10px;right:5px;margin:0;padding:0;font:700 1em "trebuchet ms",serif;text-transform:lowercase;color:#00F0EC;}
/* Sets where the header images will go */
#header img.left{position:absolute;z-index:1;top:0;left:0;}
#header img.right{position:absolute;z-index:0;top:0;right:0;}
#header img.balloons{position:absolute;z-index:2;top:70px;right:400px;}
#nav{clear:both;-moz-border-radius:10px;height:40px;background:#888 url(../img/nav.jpg) repeat-x left top;padding:0;margin:0;list-style:none;}
#nav li{height:25px;padding:0 5px;background:url(../img/navbord.gif) no-repeat right bottom;margin:0;float:left;display:inline;}
#nav li a{text-decoration:none;color:#fff;text-transform:uppercase;font-size:11px;padding:10px 8px;float:left;}
/*
*************************************************************
#mainMenu:The top level site menu
************************************************************
.sideMenu:The side bar menu
*************************************************************
*/
#mainMenu{top:0;font-size:11px;position:absolute;}
ul.sideMenu{margin:0;padding:0;}
.sideMenu li{display:inline;/* Needed since IE fails when you give it list-style:none;*/ list-style-image:url(foo.gif);font:400 1.3em "trebuchet ms",serif;}
.sideMenu li a{display:block;margin:0.2em 0;padding:3px 5px;text-decoration:none;color:#888;}
.sideMenu li a:hover{color:#65EBFF;background:#5F5F5F;}
/* Active menu item */
.sideMenu li.here{display:block;padding:5px;color:#65EBFF;background:#555;}
/* Submenu of active menu item */
.sideMenu li.here ul{margin:0;padding:0;}
.sideMenu li.here ul li a{padding-left:35px;font:400 0.55em verdana,arial,sans-serif;color:#FFF;background:url(../img/bg/bullet.gif) no-repeat 10px 0px;}
.sideMenu li.here ul li a:hover{color:#9FF3FF;background:#5F5F5F url(../img/bg/bullet.gif) no-repeat 10px 0px;}
/**************************************************************
#page:Holds the main page content.
**************************************************************/
#page{clear:both;padding:10px 30px 20px 30px;}
#page h2{clear:both;color:#FFFFFF;font-family:"trebuchet ms",serif;font-size:2.5em;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:700;line-height:normal;padding-left:0em;}
#bottom{width:100%;height:100px;padding:30px 0 0 0;}
.rightColumn{padding:1em 1em 3em 1em;margin-bottom:2em;width:72%;background:#555 url(../img/bg/gradient.jpg) repeat-x bottom left;}
/*
*************************************************************
#footer:The page footer - will stick to the bottom if not
enough content.
*************************************************************
*/
#footer{background:#42444c url(../img/footer.gif ) center top no-repeat;clear:both;margin:0;height:50px;font-size:0.85em;padding-top:45px;color:#fff;}
#footer  p{padding:0 0 5px;}
#footer  a{color:#fff;}
#footerSub{width:880px;text-align:left;margin:0 auto;}
/**************************************************************
Generic display classes
**************************************************************/
.block{display:block;}
.small{font-size:0.8em;}
.green{color:#A1FF45;}
.red{color:#EA1B00;}
.grey{color:#666;}
.grey a{color:#999;}
.grey a:hover{color:#EEE;}
#dealers{color:#999;line-height:120%;}
#content #dealers h2{font-family:Segoe UI,Georgia,Arial;font-size:22px;color:#42444c;border-bottom:1px solid #ccc;}
#dealers p,#dealers h3{margin:0;padding:0;}
#content #dealers h3{font-family:Segoe UI,Georgia,Arial;font-size:12px;color:#cc0000;}
.rowDealer{width:250px;float:left;border-right:1px solid #ccc;}
.dealer{border:1px solid #ccc;padding:10px;width:200px;font-size:11px;}
.productList{padding:2px;float:left;text-align:center;margin:0 10px 10px;-moz-border-radius:5px;border:1px solid #ccc;}
.productList p{padding:0;margin:0;line-height:120%;font-size:10px;}
.productList .productContent{background:#ccc;text-align:left;padding:10px;}
.productDetail{padding:10px 10px 10px 290px;}
.productDetail p{margin:0;padding:0;font-size:12px;line-height:150%;}
.productDetail .productImg{margin-left:-290px;}
.productDetail .productDesc{float:left;display:inline;}
.kembali{background:#42444c;color:#fff;padding:3px 5px;}
a.kembali:hover{color:#fff;background:#555;}