@font-face {
    font-family: "My Custom Font";
    src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}

h1{
font-family:fantasy;
font-size: 30px;
font-weight: 600;
color: #f19620;
}

a, a:active, a:after, a:hover, a:focus, a:visited{
    text-decoration: none;
}

#warning_name, #warning_email, #warning_message{
    font-family: fantasy;
    color: red;
    font-weight: 700;
}

a:hover{
    font-weight: bolder;
}

.float_left{
    float: left;
}

.float_right{
    float: right;
}

#ket_bawah{
    position: absolute;
    top: 20px;
    left: 0px;
}

#logo_1{
    height: 20px;
    position: absolute;
    top: 5px;
    left: 50px;
}

div#logo_1 span{
    padding-bottom: 100px;
    color: #444;
    font-size: 2.5em;
    font-family: tahoma;
    font-weight: bolder;
}

#logo_2{
    position: absolute;
    top: 700px;
    left: -20px;
}

#logo_3{
    position: absolute;
    top: 20px;
    right: 0px;
}

#logo_4{
    opacity: 0.5;
    position: absolute;
    bottom: 150px;
    right: 0px;
}

*{
margin: 0 auto;
padding: 0 auto;
}

body{
    background-image: url('./image/edit/background_image.png');
    background-position: 40px 40px;
    background-repeat: repeat-x;
    background-color: #ca3a32;
    font: 12px  Arial, sans-serif;
    width: 100%;
}

#no_telp{
    font-weight: bolder;
    text-align: right;
    color: white;
    font-size: 14px;
    color: white; text-shadow: black 0.1em 0.1em 0.2em
}

#wrap{
  opacity:1;
  filter:alpha(opacity=100); /* For IE8 and earlier */
  background-color:#ffffff;
  font-weight:bold;
  color:#000000;
  margin-top: 140px;
  width: 1024px;
  min-height: 970px;
}

#header{
  background-color: #f4f6f3;
  position: relative
  min-height: 200px;
  font-weight:bold;
  color:#555;
  background-image: url("./image/edit/fire_logo_2.png");
  background-repeat: no-repeat;
}

#menu a:hover{
    color: #ca3a32;
    background-color: gold;
}

#menu a{
    font-size: 14px;
    color: white;
    /*border-right: 1px solid white;*/
    text-align: left;
    padding-left: 10px;
}

#search{
    background-image: url('./image/edit/search_bar_background.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #ca3a32 ;
    height: 19px;
    border-color: #ca3a32;
    padding-bottom: 0;
}

div#search p {
    float: right;
}

img.small_product_pic{
   float:right;
   height: 70px;
   padding-top: 15px;
}

div#product_images_all_border img{
    border: 1px solid #555;
    padding: 5px;
    margin-left: 5px;
}

#menu{
    font-family: arial;
    margin-top: 8px;
    color: white;
    background-color: #00599b;
}

#product_category{
    position: relative;
    z-index: 99999;
    margin-top: -15px;
    background-color: #00599b;
    float: right
}

#product_category a:hover{
    font-size: 1.1em;
    color: red;
}

#node{
    background-position: top left;
    text-align: left;
    background-color: white;
    min-height: 400px;
    margin-left: 20px;
    margin-right: 20px;
    width: 700px;
    padding: 30px 20px 40px 5px;
}

div#home{
    position: relative;
    z-index=-1;
    position: relative;
    width: 110%;
    min-height: 800px;
    background-image: url('./image/edit/home.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    opacity: 1;
}

#content{
    position: relative;
    padding-top: 0px;
   font-family: sans-serif;
   font-weight: 500;
   color: #444;
}

#node_header_400{
    padding-top: 5px;
    padding-left: 5px;
    min-height: 20px;
    color: white;
    font-weight: bolder;
    background-image: url('./image/spesifikasi_header_400.png');
    background-repeat: repeat-y;
    background-position: top left;
}

#node_header_450{
    min-height: 25px;
    color: white;
    font-weight: bolder;
    background-image: url('./image/spesifikasi_header_450.png');
    background-repeat: repeat-y;
    background-position: top left;
}

#node_header_500{
    min-height: 25px;
    color: white;
    font-weight: bolder;
    background-image: url('./image/spesifikasi_header_500.png');
    background-repeat: repeat-y;
    background-position: top left;
}

#contact_us{
    width: 750px;
    background-color: #d4edff;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 300px;
    padding-left: 20px;
    padding-top: 30px;
    color: #444;
    font-size: 12px;
    font-weight: bolder;
}

#footer{
    position: relative;
    margin: 0 auto;
    padding: 0 auto;
    min-height: 35px;
    color: white;
    font-weight:bold;
    width: 1024px;
    margin-top: 5px;
    margin-bottom: 35px;
    padding-top: 20px;
    background-image: url('./image/edit/footer_background.png');
    background-position: top left;
    background-repeat: repeat-x;
    text-shadow: black 0.1em 0.1em 0.2em
}

<!--jquery -->
div.ui-dialog {
    overflow: visible !important;    
}
div.ui-dialog-titlebar {
    height: 23px !important;
    background: url('Images/Dialog/titlebarRight.png') 
      no-repeat top right;
    position: relative;
    z-index: inherit !important;
}
span.ui-dialog-title {
    display: block;
    font-size: 13px;
    text-align: center;
    margin: 0 9px;
    padding: 4px 0 0 0;
    height: 19px !important;
    background: url('Images/Dialog/titlebar.png') 
      repeat-x top;
    position: relative;
    z-index: inherit;
}
div.ui-dialog-container {
    background: url('Images/Dialog/titlebarLeft.png') 
      no-repeat top left;
}
a.ui-dialog-titlebar-close {
    position: absolute;
    width: 14px;
    height: 15px;
    top: 5px;
    left: 10px;
    background: url('Images/Dialog/closeOff.png') 
    no-repeat top left;
    z-index: 10;
}
a.ui-dialog-titlebar-close:hover {
    background: url('Images/Dialog/closeOn.png') 
      no-repeat top left;
}
a.ui-dialog-titlebar-close span {
    display: none;
}
a.ui-dialog-titlebar-close:focus {
    border: none;
    outline: none;    
}
div.ui-dialog-content  {
    padding: 10px;
    background: #fff !important;
    width: auto !important;
    height: auto !important;
    z-index: inherit !important;
    position: absolute !important;
    top: 23px;
    left: 0;
    bottom: 0;
    right: 0;
}
div.ui-resizable-handle {
    border: none !important;
    z-index: 9999 !important;
}
div.ui-resizable-nw {
    background: url('Images/Dialog/Shadow/shadow_01.png') 
      no-repeat top right !important;
    width: 117px !important;
    height: 112px !important;
    top: -50px !important;
    left: -60px !important;
}
div.ui-resizable-n {
    background: url('Images/Dialog/Shadow/shadow_02.png') 
      repeat-x top !important;
    height: 112px !important;
    top: -52px !important;
}
div.ui-resizable-ne {
    background: url('Images/Dialog/Shadow/shadow_03.png') 
      no-repeat top left !important;
    width: 115px !important;
    height: 112px !important;
    top: -50px !important;
    right: -60px !important;
}
div.ui-resizable-w {
    background: url('Images/Dialog/Shadow/shadow_04.png') 
      repeat-y top left !important;
    width: 115px !important;
    left: -60px !important;
    top: 62px !important;
    bottom: 51px !important;
    height: auto !important;
}
div.ui-resizable-e {
    background: url('Images/Dialog/Shadow/shadow_06.png') 
      repeat-y top left !important;
    width: 117px !important;
    right: -60px !important;
    top: 62px !important;
    bottom: 51px !important;
    height: auto !important;
}
div.ui-resizable-sw {
    background: url('Images/Dialog/Shadow/shadow_07.png') 
      no-repeat top right !important;
    width: 115px !important;
    height: 111px !important;
    bottom: -60px !important;
    left: -60px !important;
}
div.ui-resizable-s {
    background: url('Images/Dialog/Shadow/shadow_08.png') 
      repeat-x bottom !important;
    height: 111px !important;
    bottom: -60px !important;
    width: auto !important;
    left: 55px !important;
    right: 57px !important;
}
div.ui-resizable-se {
    background: url('Images/Dialog/Shadow/shadow_14.png') 
      no-repeat top right !important;
    width: 117px !important;
    height: 111px !important;
    bottom: -60px !important;
    right: -60px !important;
}

h4 {
    padding-top: 0px;
    margin: 0px;    
}

ul {
    list-style: none;
    margin: 0;
    padding: 15px 5px;
}

ul h4,
ul p {
    margin: 0px;    
}

div#product_category li {
    background: gold;
    padding: 3px;
    margin: 1px;
}

div.article_header_400{
    font-weight: bolder;
    color: white;
    background-image: url(./image/spesifikasi_header_400.png);
    background-repeat: repeat-y;
    background-position: top left;
}

div.article_with_border{
    width: 380px;
    text-align: justify;
    border: 1px solid #555;
}

div.article{
    text-align: justify;
    margin-bottom: 25px;
}

div.article_with_border ul {
   padding-top: -10px;
    padding-left: 18px;
    list-style-image: url('./image/spesifikasi_bullet_7.png');
}

.superscript{font-size:xx-small; vertical-align:top;} 

.clearer{
    clear:both;
}

div#product_images_all_border img{
    vertical-align: middle;
}

a img {
    border: none;text-decoration: none;
    }

a:hover img{
    border: none;
    }

div.round_corner{
     width: 200px;
    background-color: #aa2114;
    font-family: impact;
    color: white;
}

div.round_corner_2{
    text-align: justify;
    opacity: 0.95;
    position: absolute;
    width: 400px;
    padding: 15px;
    background-color: #aa2114;
    font-family: impact;
    font-size: 17px;
    font-style: italic;
    color: white;
}

div.round_corner_3{
    text-align: justify;
    position: absolute;
    width: 400px;
    padding: 15px;
    background-color: #f5ce2f;
    font-family: verdana;
    color: #b03013;
    font-size: 17px;
    bottom: 35px;
    right: ;
}