body{
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    color:black;
}
h1,h2,h3,h4,h5,h6,a{
    color:#2c308b;
}
#area{
    background-color:#F0EEEF;
}
#area-header{
    background:white url('/images/theme/cen5.jpg') repeat-x scroll left bottom;
    padding-bottom:4px;
}
#area-content{
    background-color:#f0eeef;
}
#area-footer{
    background-color:#F0EEEF;
    color:black;
    text-align: center;
    padding:12px 0px;
}
h1{
   font-size:15px;
   font-weight:bold;
   padding-bottom:4px;
   margin:0px;
}
.message{
   text-align:center;
   display:block;
   font-weight:bold;
}
.message-error{
   color:red;
}
.message-success{
   color: blue;
}
.required{
   color:red;
}

#calculator-thailand-menu-bar{
   background:#2c308b url('/images/theme/cen1.jpg') repeat-x scroll;
   padding-top:5px;
}
#menu-list{
   background-color:#2c308b;
   list-style-type:none;
   padding:5px;
   margin:0px;
   text-align:right;
}
#menu-list li{
   display:inline;
   padding:2px 9px 2px 9px;
}
#menu-list li a{
   color:white;
   font-weight:bold;
}
#menu-list li a.selected{
   color:#fcd307;
}

#input-search{
   width:200px;
   margin-bottom:3px;
}
#input-select-brand-search{
   width:200px;
   margin-bottom:3px;
}
.button{
   background:transparent url('/images/theme/button-1.gif') no-repeat scroll;
   width:80px;
   height:22px;
   border:none;
   color:white;
}

#area-content-left .bc{
   background:url('/images/theme/bg_content_left_content.gif') repeat-y scroll;
   margin-bottom:3px;
}
#area-content-left .bc-area{
   background:url('/images/theme/bg_content_left_bottom.gif') no-repeat scroll left bottom;
}
#area-content-left .bc-content{
   background:url('/images/theme/bg_content_left_top.gif') no-repeat scroll left top;
   padding:10px 5px;
   width:233px;
}

#area-content-center{
   background:url('/images/theme/bg_content_center_content.gif') repeat-y scroll;
   
}
#area-content-center #area-content-center-wrap1{
   background:url('/images/theme/bg_content_center_bottom.gif') no-repeat scroll left bottom;
   padding-bottom:3px;
}
#area-content-center #area-content-center-wrap2{
   background:url('/images/theme/bg_content_center_top.gif') no-repeat scroll left top;
   padding:20px 15px;
   width:727px;
}
#area-content-left a img, #area-content-center a img{
    border:none;
}

.border-area{
    background:transparent url('/images/theme/bg-border3.gif') no-repeat scroll;
    width:735px;
    height:394px;
    padding:0px 3px 0px 7px;
}
.border2-area{
    background:transparent url('/images/theme/bg-border2.gif') no-repeat scroll;
    width:735px;
    height:210px;
    padding:0px 3px 0px 7px;
}

#calculator-type-brand-menu-bar a{
    text-decoration: none;
}
#calculator-type-brand-menu-bar a:hover{
    text-decoration: underline;
}
#tab1-l{
    background:transparent url('/images/theme/tab_1.jpg') no-repeat scroll;
    padding-left:7px;
    height:25px;
    margin-left:10px;
}
#tab1-c{
    background:transparent url('/images/theme/tab_2.jpg') repeat-x scroll;
    height:25px;
    color:white;
    font-weight:bold;
    padding:0px 10px;
}
#tab1-r{
    background:transparent url('/images/theme/tab_3.jpg') no-repeat scroll right top;
    padding-right:10px;
    height:25px;
}
#tab2-c{
    background:transparent url('/images/theme/tab_4.jpg') repeat-x scroll;
    height:25px;
    color:blue;
    font-weight:bold;
    padding:0px 10px;
}
#tab2-r{
    background:transparent url('/images/theme/tab_5.jpg') no-repeat scroll right top;
    padding-right:15px;
    height:25px;
}
#tab3-c{
    background:transparent url('/images/theme/tab_6.jpg') repeat-x scroll;
    height:25px;
    color:white;
    font-weight:bold;
    padding:0px 10px;
}
#tab3-r{
    background:transparent url('/images/theme/tab_7.jpg') no-repeat scroll right top;
    padding-right:7px;
    height:25px;
}

#brand-list-text{
    list-style-type:none;
    padding:0px;
    padding-left:10px;
    margin:0px;
}
#brand-list-text li{
    float:left;
    padding:0 10px 5px 5px;
}
#brand-list-text li a{
    color:red;
}

#brand-list-text li a.selected{
    color:blue;
    font-weight:bold;
}

.item-list{
   margin:0px;
   padding:0px;
   list-style-type:none;
   text-align:center;
   width:100%;
}
.item-list li{
   float:left;
   width:31%;
   margin:4px;
   padding-bottom:20px;
   height:180px;
}
.item-list li a{
   font-size:12px;
}

.item-list li {
    position:relative;    
}
.item-list .discount-bg{
   position:absolute;
   top:-15px;
   left:auto;
   right:0px;
   display:block !important;
   width:55px;   
}
.item-list .discount-percent{
	position: absolute;
	top: 5px;
	left: auto;
	right: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	width: 50px;
	text-align: center;
	display: block;
}
.item-random{
	position:relative;
}
.item-random .discount-bg{
   position:absolute;
   top:-5px;
   left:auto;
   right:10px;
   display:block !important;
   width:55px;   
}
.item-random .discount-percent{
	position: absolute;
	top: 15px;
	left: auto;
	right: 13px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	width: 50px;
	text-align: center;
	display: block;
}

