body    { color: #fff; font-size: 10px; font-family: Verdana, Arial, sans-serif; line-height: 14px; background-color: #5a050c; background-image: none; text-align: center; margin: 0; padding: 0 }
.clear {clear:both; overflow:hidden; margin:0; padding:0; height:1px;} 

#wrapper { text-align: left; width: 898px; margin: 0 auto; padding: 0; }

#header { width: 898px; height: 325px; margin-bottom: 3px; padding: 0 }

#logospace {width: 898px; height: 91px}
.toplogo { width: 165px; height: 66px; margin: 15px 0 10px; float: left}
.toprightmenu { color: #aaa; font-size: 12px; width: 733px; height: 18px; margin: 60px 0 11px; text-align: right; float: left}
.toprightmenu a  { font-size: 9px; color: #aaa; font-weight: bold; text-decoration: none }
.toprightmenu a:hover { color: #fff }

#menuspace { height: 35px; width: 898px; margin-bottom: 3px}
.topmenu  { font-weight: normal; margin-right: 2px; width: 148px; height: 35px; float: left }
.topmenu  a   { color: #fff; font-size: 14px; font-weight: bold; line-height: 35px; text-decoration: none; background-color: #f93; background-image: url(images/topbtna.gif); background-repeat: no-repeat; text-align: center; display: block; width: 148px; height: 35px }
.topmenu  a:hover, .topmenu a.current  { color: #f93; background-image: url(images/topbtnahvr.gif); background-repeat: no-repeat }

#picturespace { width: 898px; height: 196px; }
.topleftcontent  { background-color: #400; background-image: url(images/lefttoppattern.gif); background-repeat: repeat; margin-right: 3px; width: 203px; height: 196px; float: left}
.topleftcontent .login { height: 115px; margin: 10px 15px; font-weight: bold; color: #aaaaaa; border-bottom: 1px #b51d01 dotted}
.topleftcontent .login form {margin: 0; padding: 0}
.topleftcontent .login input { color: #aaaaaa; width: 172px; margin-bottom: 6px; border: 1px #7f9db9 solid}
.topleftcontent .login a  { color: #ff6600; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 30px; height: 30px}
.topleftcontent .login a:hover { color: #fff;}
.topleftcontent .cart { margin: 15px 0px 15px 15px; color: #fff}
.topleftcontent .cart .title { color: #c41902; font-weight: bold; font-size: 12px}
.topleftcontent .cart img {margin-right: 7px; margin-bottom: 5px}
.topleftcontent .cart a { color: #f93; font-size: 11px; font-weight: bold; text-decoration: none}
.topleftcontent .cart a:hover { color: #fff}
.toprightcontent  { background-color: #b00;  display: block; width: 692px; height: 196px; float: left }

#main     { background-color: #400; background-image: url(images/mainpattern.gif); background-repeat: repeat; margin-bottom: 3px; width: 898px; float: left }

#leftspace   {  margin-right: 3px; margin-bottom: 10px; width: 203px; float: left; }
.leftmenu  { background-color: #420508; width: 203px;  float: left;}
.leftmenu .title   { font-size: 16px; font-weight: bold; line-height: 25px; height: 25px; margin-top: 20px; margin-bottom: 10px; }
.leftmenu .title img { margin-left: 25px; margin-right: 5px}
.leftmenu ul    { list-style: none; margin: 0; padding: 0}
.leftmenu li     {  width: 187px;  padding: 0; display: block; border-bottom: 1px dotted #711201}
.leftmenu li img { margin-left: 15px; margin-right: 5px }
.leftmenu li a    { height: 21px; color: #fff; font-size: 11px; font-weight: normal; line-height: 21px; text-decoration: none; margin: 0; padding: 0 }
.leftmenu li a:hover { color: #f93; text-decoration: none; margin: 0; padding: 0 }
.leftmenu li a.current { color: #f93; text-decoration: none; margin: 0; padding: 0 }
.leftadd { text-align: center; background-image: url(images/lefttoppattern.gif); background-repeat: repeat; width: 203px; margin-top: 2px; float: left;}
.leftadd .content {color: #f93; font-size: 10px; margin-left: 3px; margin-top: 8px; margin-bottom: 5px}
.leftadd .content img {margin-top: 5px; border: none; }


#centerspace   { background-color: #fff; margin-right: 3px; width: 510px; float: left }
#centerspace .add { margin-bottom: 3px; float: left}
#centerspace .add img { border: none}
#centerspace .title { color: #999; display: block; background-color: #f0f0f0; width: 510px; height: 38px; font-size: 18px; line-height: 38px; font-weight: bold; float: left; }
#centerspace .title img {margin-left: 25px; margin-right: 10px; margin-top: 9px; }
#centerspace .pageof {color: #999; display: block; background-color: #fff; width: 510px; height: 20px; float: left; border-bottom: 1px #bbb solid; border-top: 1px #bbb solid}
#centerspace .pageof .content { margin-left:57px; margin-right: 10px; text-align: left; font-size: 10px; line-height: 20px; font-weight: bold}
#centerspace .pageof .content a {color: #555; text-decoration: none; }
#centerspace .pageof .content a:hover {color: #999; text-decoration: underline; }
#centerspace .pageof .content a.current {color: #aaa; text-decoration: none; }
#centerspace .notes  { background-color: #f0f0f0; margin: 10px; border-top: 1px double #aaa; border-bottom: 1px double #aaa }
#centerspace .notes .content  { font-size: 11px; color: #444; margin: 10px }
#centerspace .notes .content  a { color: #444; }
#centerspace .notes .content  a:hover { color: #000; }
#centerspace .notes .content img {border:none; margin-top: 10px; margin-bottom: 10px; margin-right: 10px}
#centerspace .notes li {margin-bottom: 7px}
.cartbtn { float: left; text-align: center; display: block; text-decoration: none; margin-right: 2px;}
.cartbtn a {border: 1px solid #444; color: #444; font-weight: bold; text-decoration: none; background-color: #f0f0f0;  line-height: 20px; display: block; width: 150px; height: 20px; float: left }
.cartbtn a:hover { color: #f0f0f0; text-decoration: none; background-color: #444 }

#centerspace .productdetail { clear:both; color: #444; margin: 0px 10px; padding-bottom: 20px; border-bottom: 1px solid #ddd }
#centerspace .productdetail .content { line-height: 18px; margin: 10px; font-size: 12px; color: #444}
#centerspace .productdetail .content a { color: #555; font-weight: normal; text-decoration: underline}
#centerspace .productdetail .content img {align: center; margin-top: 5px; margin-right: 5px}
#centerspace .productdetail .content a img {align: center; border:1px #444 solid; margin-top: 5px; margin-right: 5px; background-color: #f0f0f0}
#centerspace .productdetail .content .bigpic { border: 2px #000 solid; border: none}

#centerspace .detail_product { background-color: #fff; margin: 10px; border-top: 1px double #aaa; border-bottom: 1px double #aaa; float: left}
#centerspace .detail_product .content { margin: 10px; color: #333;}
#centerspace .detail_product .leftimage {  margin-right: 10px; width: 130px; padding: 5px; border: 1px #ddd solid; float: left}
#centerspace .detail_product .leftimage img { width: 125px; border: none; }
#centerspace .detail_product .description { float: left}
#centerspace .detail_product .description h1  { margin: 0; padding: 0; color: #555; font-size: 18px; line-height: 24px; }
.listpanjang  { clear:both; color: #444; margin: 0px 10px; padding-bottom: 20px; border-bottom: 1px solid #ddd }
.listpanjang a {color: #888; text-decoration: none; font-weight: normal}
.listpanjang a:hover {color: #000; text-decoration: underline}
.listpanjang .leftimage { text-align: center; width: 100px; float: left; margin-right: 5px; margin-top: 20px }
.listpanjang .leftimage img { width: 90px; margin-top: 5px; margin-left: 5px; margin-right: 5px; border: none; float: left; }
.listpanjang .rightmenu { width: 60px; float: right; margin-left: 5px; margin-top: 20px}
.listpanjang .description  { width: 310px; float: left; margin-top: 20px; }
.listpanjang .description h1 { margin: 0; padding: 0}
.listpanjang .description h1 a  { color: #222; font-size: 14px; font-weight: bold; line-height: 18px; text-decoration: none; }
.listpanjang .description h1 a:hover { color: #000; text-decoration: underline}
.listpanjang .description .videoico a   { background-image: url(images/videoico.gif); display: block; margin: 10px 5px 5px 0; width: 26px; height: 26px; float: left }
.listpanjang .description .videoico a:hover   { background-image: url(images/videoicohvr.gif);  }
.listpanjang .description .price   { color: #fff; font-size: 14px; font-weight: bold; line-height: 26px; background-color: #bbb; text-align: center; display: block; margin: 10px 5px 5px 0; width: 160px; height: 26px; float: left }
.listpanjang .description .links  { margin: 10px 5px 5px 0; width: 120px; height: 26px; float: left }
.listpanjang .description .details {    margin-bottom: 1px }
.listpanjang .description .details a  { color: #fff; font-size: 10px; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #410508; text-align: center; display: block; width: 60px; height: 12px }
.listpanjang .description .details a:hover   { background-color: #e00 }
.listpanjang .rightmenu img {margin-top: 5px; float:right; border: none; margin:none; align:none; background-color: #fff;}
.listpanjang .rightmenu a img {margin-top: 5px; float:right; border: 1px #bbb solid; margin:none; align:none; background-color: #f0f0f0;}
.listpanjang .rightmenu a:hover img {border: 1px #bbb solid; background-color: #ecf7ff}
.listpanjang .description img { text-align: center; margin-left: 25px; margin-top: 25px; padding: 10px; border: 1px #f0f0f0 solid }
.listpendekbaris  { color: #888; margin: 0px 10px;  }
.listpendekbaris .listpendek { width: 162px; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd; margin-bottom: 5px; margin-top: 5px; float: left }
.listpendekbaris .listpendek .image { width: 60px; margin-right: 10px; margin-top: 20px; height: 100px; float: left }
.listpendekbaris .listpendek img {  margin-left: 5px;  margin-bottom: 5px; border: none; width: 50px; float: left}
.listpendekbaris .listpendek .namabarang { margin-right: 5px; margin-top: 20px; margin-bottom: 10px; width: 85px;  float: left; }
.listpendekbaris .listpendek .namabarang a { color: #444; font-weight: bold; text-decoration: none}
.listpendekbaris .listpendek .namabarang a:hover { color: #444; font-weight: bold; text-decoration: underline}
.listpendekbaris .listpendek .price { color: #333; font-size: 9px; display: block; float: left; width: 90px; height: 10px; line-height: 10px; text-align: left}
.listpendekbaris .listpendek .details { margin-top: 8px; float: left}
.listpendekbaris .listpendek .details a  { margin-left: 6px; color: #fff; font-size: 10px; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #410508; text-align: center; display: block; width: 60px; height: 12px }
.listpendekbaris .listpendek .details a:hover   { background-color: #e00 }
.listpendekbaris .listpendek .cart {  margin-top: 8px;  float: left}
.listpendekbaris .listpendek .cart a  { margin-bottom: 20px; margin-left: 5px; width: 82px; color: #fff; font-size: 10px; font-weight: bold; text-decoration: none; line-height: 12px; background-color: #be533c; text-align: center; display: block; height: 12px }
.listpendekbaris .listpendek .cart a:hover  { background-color: #f90 }
#centerspace hr.cbs-hr		     { border: 0px solid; padding: 0px; margin: 0px; border-top-width: 1px; height: 1px; }
#centerspace table.cbs-main 	       { width: 487px; margin: 10px; color: #444; font-size: 11px; border: solid 1px #f0f0f0; border-collapse: collapse; border-spacing: 0px  }
#centerspace table.cbs-navigation  { margin-left: 10px; font-size: 11px;  width: 487px; border-spacing: 0px }
#centerspace td.cbs-key-0, td.cbs-value-0, td.cbs-help-0, td.cbs-navigation-0, td.cbs-cell-0 { padding: 3px 5px; border-right: 1px solid #ddd }
#centerspace td.cbs-buttons { text-align: left;   }
#centerspace table.cbs-main tr  { border-bottom: 1px solid #ddd }
#centerspace td.cbs-value-0 { font-size: 9px}
#centerspace td.cbs-key-0 { font-size: 10px}

table.cart { width: 470px; margin: 10px; color: #444; font-size: 10px;  border-collapse: collapse; border-spacing: 0px  }
td.cart-0 { padding-top: 5px; padding-bottom: 5px; }
table.cart tr.cart_title  { text-align: center; height: 40px; font-weight: bold; border-bottom: 1px #000 solid }
table.cart tr.cart_footer  { border: none; text-align: right; }
table.cart input { margin-top: 5px; margin-bottom: 5px; width: 30px; color: #000; font-size: 10px; height: 16px}
table.cart a  { color: #500; font-size: 10px; font-weight: normal; text-decoration: underlined }
table.cart a:hover { color: #000}
table.cart .cart_add { border: 1px solid #444; float: left; text-align: center; display: block; text-decoration: none; margin-right: 2px; }
table.cart .cart_add a  { color: #444; font-weight: bold; text-decoration: none; background-color: #f0f0f0;  display: block; width: 12px; height: 15px; float: left }
table.cart .cart_add a:hover  { color: #f0f0f0; text-decoration: none; background-color: #444 }

#rightspace  { width: 179px; float: left; }
.searchbox { width: 179px; background-color: white; color: #444; height: 135px; display: block; float: left; margin-bottom: 3px;}
.searchbox .title { margin-top: 15px; margin-left: 10px; margin-right: 10px;   color: #5a050c; font-size: 12px; font-weight: bold}
.searchbox input { margin-left: 10px; width: 125px; border: 1px #7f9db9 solid; color: #aaaaaa}
.searchbox img {margin-right: 10px; border: none}
.searchbox .content { margin: 10px; }
.searchbox .content a { color: #5a050c; font-weight: bold; text-decoration: none}
.searchbox .content a:hover { color: #444}

.infobox { width: 179px; background-image: url(images/rightinfopattern.gif); background-repeat: repeat}
.infobox .title { width: 179px;  height: 38px; color: #5a050c; background-color: #fff;  text-align: left; font-size: 14px; line-height: 38px; font-weight: bold;  }
.infobox .title img { margin-left: 10px; margin-right: 10px; margin-top: 10px}
.infobox .content { margin: 10px 10px 0px 10px; padding-bottom: 10px}
.infobox .content .imagelist { border: none; margin-right: 4px}
.infobox .content a {color: white; text-decoration: none; margin-bottom: 3px; display: block}
.infobox .content a:hover {color: #f96b02}

#footer {width: 898px; float: left; background-image: url(images/lefttoppattern.gif); background-repeat: repeat;}
#footer .content, #footer .content .a {margin: 10px; text-align: center; color: #ddd}
#footer .content a {text-decoration: none; color: #ddd}
#footer .content a:hover {text-decoration: underline; color: #f93}