html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
* {
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
body {
margin: 0px;
padding: 0px;
text-align: center;
background-color: #ffffff;
background-image: url(../image/background.png);
background-repeat: repeat-x;
}
body, td, th, input, textarea, select, a {
font-size: 12px;
}
form {
padding: 0;
margin: 0;
display: inline;
}
input, textarea, select {
margin: 3px 0px;
}
a:link, a:visited {
color: #1B57A3;
cursor: pointer;
text-decoration: none;
}
a:hover {
text-decoration: underline;
cursor: pointer;
}
a img {
border: none;
}
p {
margin-top: 0px;
}
/* layout */
#container {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#header .div2 {
float: left;
padding-top: 5px;
padding-left: 10px;
margin-bottom:10px;
}
#header .div3 {
float: right;
padding-top: 7px;
/*height: 38px;*/
height: 60px;
margin-right:20px;
}
#header .div3 a {
margin-left: 15px;
padding-left: 20px;
background-repeat: no-repeat;
height:60px;
}
#header .div4 {
float: left;
width: 400px;
}
#header .div4 a {
float: left;
width: 80px;
text-align: center;
color: #000;
text-decoration: none;
font-size: 12px;
font-weight:bold;
padding-top: 10px;
}
#header .div4 a.selected {
float: left;
width: 80px;
text-align: center;
color: #000;
text-decoration: none;
font-size: 12px;
padding-top: 5px;
font-weight:bold;
}
#header .div5 {
clear: both;
margin: 0px 10px 0px 10px;
}
#header .div5 .left {
/*background: url('../image/header_1_left.png') no-repeat;*/
width: 5px;
height: 35px;
float: left;
}
#header .div5 .right {
/*background: url('../image/header_1_right.png') no-repeat;*/
width: 5px;
height: 35px;
float: right;
}
#header .div5 .center {
/*background: url('../image/header_1_center.png') repeat-x;*/
height: 35px;
margin-left: 5px;
margin-right: 5px;
}
#header .div6 {
clear: both;
margin: 0px 10px 10px 10px;
border-bottom:2px solid #FFCC00
}
#header .div6 .left {
background: url('../image/header_2_left.png') no-repeat;
width: 5px;
height: 32px;
float: left;
}
#header .div6 .right {
background: url('../image/header_2_right.png') no-repeat;
width: 5px;
height: 32px;
float: right;
}
#header .div6 .center {
background: url('../image/header_2_center.png') repeat-x;
height: 32px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
#header .div7 {
float: right;
padding-top: 2px;
}
#header .div8 {
float: right;
padding-top: 7px;
/*height: 38px;*/
margin-right:300PX;
height: 60px;
}
#header .div9 {
background: url('../image/cs_online.png')no-repeat;
float: right;
width: 60px;
margin-top:10px;
margin-left:15px;
padding-left:55px;
/*height: 38px;*/
height: 50px;
font-size: 11px;
}
#header .div10 {
float: left;
padding-top: 5px;
padding-left: 15px;
/*height: 38px;*/
height: 20px;
font-size:11px;
}
#header .div11 {
float: right;
width: 105px;
margin-top:10px;
margin-left:10px;
/*height: 38px;*/
height: 50px;
font-size: 11px;
}
#header .div12 {
float: left;
width: 105px;
margin-top:5px;
margin-left:10px;
/*height: 38px;*/
height: 50px;
font-size: 11px;
}
#search {
float:right;
padding-top: 5px;
padding-right: 5px;
color:#FF9900;
font-weight: bold;
}
#search select {
border: 1px solid #dddddd;
padding: 1px;
}
#search a {
color: #FF9900;
}
#search input {
border: 1px solid #dddddd;
padding: 2px;
}
#breadcrumb {
float: left;
padding-top: 7px;
padding-bottom: 11px;
height: 13px;
margin-bottom: 10px;
color: #fff;
font-size:11px;
}
#breadcrumb a{
color: #fff;
font-size:11px;
}
.switcher {
float: right;
margin-top: 3px;
margin-left: 10px;
}
.switcher a {
text-decoration: none;
display: block;
}
.switcher .selected {
background: #FFFFFF url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
border: 1px solid #CCCCCC;
background: url('../image/arrow_down.png') 116px center no-repeat;
color: #666666;
padding: 2px 5px 2px 5px;
width: 121px;
}
.switcher .selected a:hover {
background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat;
}
.switcher .option {
position: absolute;
z-index: 3;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #EEEEEE;
display: none;
width: 125px;
padding: 3px;
}
.switcher .option a {
color: #000;
padding: 3px 5px 3px 5px;
}
.switcher img {
position: relative;
top: 1px;
}
#column_left {
float: left;
width: 180px;
margin-right: 10px;
/*tambahan*/
margin-left: 10px;
clear: left;
}
#column_right {
float: right;
width: 180px;
margin-left: 10px;
clear: right;
}
#content {
margin-left: 200px;
margin-right: 10px;
margin-bottom: 10px;
}
#content .top .left {
/*background: url('../image/content_top_left.png') no-repeat;*/
width: 5px;
height: 28px;
float: left;
margin-bottom:10px;
}
#content .top .right {
/*background: url('../image/content_top_right.png') no-repeat;*/
width: 5px;
height: 28px;
float: right;
margin-bottom:10px;
}
#content .top .center {
/*background: url('../image/content_top_center.png') repeat-x;*/
margin-left: 5px;
margin-right: 5px;
height: 28px;
margin-bottom:0px;
/*border-bottom: 1px dashed #dddddd;*/
}
#content .top h1 {
padding: 5px 0px 5px 0px;
}
#content h1, .heading {
color: #000;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
}
.heading {
border-bottom: 1px solid #a3cafb;
padding-bottom: 3px;
margin-bottom: 10px;
}
#content .middle {
/*border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;*/
background: #FFFFFF;
/*padding: 10px 10px 1px 10px;*/
min-height: 380px;
}
#content .middle .top .left {
background: url('../image/content_top_left.png') no-repeat;
width: 5px;
height: 28px;
float: left;
border-bottom:2px solid #FFCC00
}
#content .middle .top .right {
background: url('../image/content_top_right.png') no-repeat;
width: 5px;
height: 28px;
float: right;
border-bottom:2px solid #FFCC00
}
#content .middle .top .center {
background: url('../image/content_top_center.png') repeat-x;
height: 28px;
padding-left: 0px;
padding-right: 0px;
margin-left: 5px;
margin-right: 5px;
border-bottom:2px solid #FFCC00
}
#content .middle .top h1 {
padding: 5px 0px 5px 7px;
color: #fff;
}
#content .middle. h1, .middle .heading {
color: #fff;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
}
#content .bottom .left {
/*background: url('../image/content_bottom_left.png') no-repeat;*/
width: 5px;
height: 5px;
float: left;
}
#content .bottom .right {
/*background: url('../image/content_bottom_right.png') no-repeat;*/
width: 5px;
height: 5px;
float: right;
}
#content .bottom .center {
/*background: url('../image/content_bottom_center.png') repeat-x;*/
height: 5px;
margin-left: 5px;
margin-right: 5px;
}
.box {
margin-bottom: 10px;
background: url('../image/box_top.png') no-repeat;
}
.box .top {
height:20px;
padding: 4px 0px 1px 10px;
color: #fff;
font-size: 12px;
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-weight: bold;
text-transform: uppercase;
margin-bottom:0px;
}
.box .top img {
float: left;
margin-right: 5px;
}
.box .middle {
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background: #FFFFFF;
padding: 10px;
}
.box .middle_cat {
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background:#f8f8f8;
padding: 0px 0px 0px 0px;
}
.box .bottom {
height: 1px;
/*background: url('../image/box_bottom.png') no-repeat;*/
}
.success {
padding: 5px 0px;
margin-bottom: 10px;
background: #E4F1C9;
border: 1px solid #A5BD71;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.warning {
padding: 5px 0px;
margin-bottom: 10px;
background: #FFDFE0;
border: 1px solid #FF9999;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.wait {
padding: 5px 0px;
margin-bottom: 10px;
background: #FBFAEA;
border: 1px solid #EFEBAA;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.required {
color: #FF0000;
font-weight: bold;
}
.error {
color: #FF0000;
display: block;
}
.help {
cursor: pointer;
}
.tooltip {
border: 1px solid #FDDA5C;
background: #FBFF95;
padding: 5px;
font-size: 11px;
width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color:#FFF;
}
.button span {
color: #FFF;
display: block;
padding: 4px 10px 5px 2px;
background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
background: #f8f8f8;
border: 1px solid #dddddd;
padding: 5px;
margin-bottom: 10px;
}
.buttons input {
padding: 0px;
margin: 0px;
}
.buttons table {
width: 100%;
border-collapse: collapse;
}
.buttons table td {
vertical-align: middle;
}
.content {
background: #f8f8f8;
border: 1px solid #dddddd;
padding: 10px;
margin-top: 3px;
margin-bottom: 10px;
}
.list {
margin-bottom: 10px;
width: 100%;
}
.list td {
text-align: center;
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
width:15%;
border-top:1px dashed #dddddd;
/* border: 1px solid #a3cafb;*/
margin: 10px 0px 0px 0px;
}
.sort {
margin-bottom: 10px;
/*background: #F8F8F8;*/
/*background:#e1edff;*/
height: 25px;
width: 100%;
}
.sort .div1 {
float: right;
margin-left: 5px;
padding-top: 4px;
padding-right: 9px;
}
.sort .div2 {
text-align: right;
padding-top: 7px;
}
.sort select {
font-size: 11px;
margin: 0;
padding: 0;
}
.pagination {
display: inline-block;
width: 100%;
/*background: #F8F8F8;*/
/*background:#e1edff;*/
margin-bottom: 10px;
height:25px;
border-top: 1px solid #dddddd;
padding-top:2px;
}
.pagination .links, .pagination .results {
padding: 2px;
}
.pagination .links {
float: left;
}
.pagination .links a {
border: 1px solid #dddddd;
padding: 2px 5px;
text-decoration: none;
color: #000000;
}
.pagination .links b {
border: 1px solid #dddddd;
padding: 2px 5px;
text-decoration: none;
color: #000000;
background: #FFFFFF;
}
.pagination .results {
float: right;
}
.tabs {
width: 100%;
height: 31px;
margin-bottom: 0px;
}
.tabs a {
float: left;
display: block;
padding: 6px 15px 7px 15px;
margin-right: 2px;
border: 1px solid #dddddd;
background: #FFFFFF url('../image/tab_3.png') repeat-x;
color: #000;
font-weight: bold;
font-size: 13px;
text-decoration: none;
z-index: 1;
position: relative;
top: 1px;
}
.tabs a.selected {
background: #FFFFFF url('../image/tab_3.png') repeat-x;
border-bottom: 0px;
padding-bottom: 8px;
z-index: 3;
}
.tab_page {
border: 1px solid #dddddd;
background: #FFFFFF;
padding: 10px;
display: block;
z-index: 2;
margin-bottom: 10px;
}
#footer {
/* background: #FFFFFF url('../image/footer_bg.png') repeat-x;*/
clear: both;
padding-top: 5px;
margin-left:10px;
margin-right:10px;
height:90px;
font-size: 11px;
/*border-top: 3px solid #dddddd;*/
}
#footer .div1 {
float: left;
text-align: left;
margin-left:20px;
}
#footer .div2 {
float: right;
text-align: right;
margin-right:20px;
}
#footer .manufacture {
float: left;
margin-left: 200px;
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
#footer .manufacture .div0 {
float: right;
text-align: center;
padding-left:10px;
padding-right:10px;
height: 40px;
background:#fff;
}
#footer .top2 .left {
background: url('../image/footer_cur_left.png') no-repeat;
width: 5px;
height: 45px;
float: left;
border-bottom:3px solid #FFCC00;
}
#footer .top2 .right {
background: url('../image/footer_cur_right.png') no-repeat;
width: 5px;
height: 45px;
float: right;
border-bottom:3px solid #FFCC00;
}
#footer .top2 .center {
background: url('../image/footer_cur_center.png') repeat-x;
height: 40px;
margin: 0px 5px 0px 5px;
padding-top:5px;
color:#FFFFFF;
border-bottom:3px solid #FFCC00;
}
#category ul {
/*min-height:20px;*/
margin-top: 0px;
margin-bottom: 0px;
padding: 7px 0px 0px 0px;
list-style: url('../image/bullet_1.png')inside;
}
#category a{
font-size:12px;
color: #000;
cursor: pointer;
text-decoration: none;
min-height:20px;
font-weight:bold;
}
#category li:hover{
background-image: url(../image/cat_item1.png);
background-repeat: repeat-x;
}
#category li{
/*min-height:25px;*/
padding:8px 0px 7px 5px;
background-image: url(../image/cat_item.png);
background-repeat: repeat-x;
}
#information ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('../image/bullet_2.png');
}
.cart {
border-collapse: collapse;
width: 100%;
border: 1px solid #EEEEEE;
margin-bottom: 10px;
}
.cart th {
background: #EEEEEE;
padding: 5px;
font-weight: normal;
}
.cart td {
padding: 5px;
}
/*tambahan*/
.product_name {
text-align: left;
color:#3B619F;
font-size: 13px;
font-weight: bold;
}
.idproduct {
color:#0099CC;
font-size: 11px;
}
.price {
color:#F68819;
font-weight: bold;
font-size:18px;
font-family:georgia;
}
.price_special {
color:#3479A2;
font-weight: bold;
font-size:18px;
text-decoration: line-through;
font-family:georgia;
}
/*.idproduct {
color:#0099CC;
font-size: 11px;
margin:5px;
}
.price {
color:#DA0F00;
font-weight: bold;
font-size:14px;
font-family: Georgia, Helvetica, sans-serif;
height:20px;
padding:3px;
margin:2px;
}
.price_special {
color:#116a9f;
font-weight: bold;
font-size:16px;
text-decoration: line-through;
font-family: Georgia, Helvetica, sans-serif;
}*/
#manufacture {
width: 100%;
height: 120px;
}
#manufacture .div1 {
float: left;
text-align: left;
padding-top: 15px;
margin-left:5px;
margin-right:5px;
height:30px;
width:60px;
}
.cur{
/*margin: 40px 0px 20px 0px;
padding:5px;
background:#444444;
color:#fff;*/
/*background: url('../image/currency.png') repeat-x;*/
}
#blog{
/*background-color:#f8f8f8;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;*/
}
#blog .top1 .left {
background: url('../image/content_top_left.png') no-repeat;
width: 5px;
height: 28px;
float: left;
/*margin-bottom:10px;*/
border-bottom:2px solid #FFCC00
}
#blog .top1 .right {
background: url('../image/content_top_right.png') no-repeat;
width: 5px;
height: 28px;
float: right;
border-bottom:2px solid #FFCC00
/*margin-bottom:10px;*/
}
#blog .top1 .center {
background: url('../image/content_top_center.png') repeat-x;
margin-left: 5px;
margin-right: 5px;
height: 28px;
border-bottom:2px solid #FFCC00
/*margin-bottom:10px;*/
}
#blog .top1 h1 {
padding: 5px 0px 5px 7px;
color:#FFFFFF;
}
#blog h1, .heading {
color: #fff;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
padding: 5px 10px 5px 10px;
}
#blog .bottom .left {
/*background: url('../image/content_bottom_left.png') no-repeat;*/
width: 5px;
height: 5px;
float: left;
}
#blog .bottom .right {
/*background: url('../image/content_bottom_right.png') no-repeat;*/
width: 5px;
height: 5px;
float: right;
}
#blog .bottom .center {
/*background: url('../image/content_bottom_center.png') repeat-x;*/
height: 5px;
margin-left: 5px;
margin-right: 5px;
}
#blog1{
background-color:#f8f8f8;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
.box_empty{
border: 1px solid #dddddd;
background:#f8f8f8;
}