/* CSS Document */
body {margin:0;padding:0; background:#000;color:#4f4f4e; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
a {color:#979797; text-decoration:none}
a:hover {color:#4f4f4e;background:#979797; text-decoration:none}

#container{width:950px;margin:0 auto; margin-top:10px;}
#container #header{width:auto; padding:0 0 10px 0;}
#header .track{width:500px; float:right; text-align:right}
.track label{margin-left:180px;padding:7px 0 5px 0 !important;float:left}
.track form{margin:0;padding:0;}
.track  input { font-family: 'Arial'; letter-spacing: -1px; }
.track  input.search { width: 25px; height: 24px; background: url(../images/cari_tbl.png) no-repeat;}
.track  input.search:hover { background: url(../images/cari_tbl.png) no-repeat 0 -25px; }
.track  input.searchIE {width: 25px; height: 24px; background: url(../images/cari_tbl.png) no-repeat 0 -25px; }
.track  input.keyword { border: none; background: #fff url(../images/txtKeyword.png) no-repeat; padding: 4px 0px 5px 8px; width: 200px; border: 1px solid #cecece; } 
#buttonsearch { padding: 0px; margin: -25px 0px 0px 320px !important; margin: -27px 0px 0px 320px; top: 0px; background: none; }
#menu{width:900px; float:right; text-align:right; padding-top:5px}
#menu ul{padding:0;	margin:0;}
#menu ul li{position: relative;	display: inline;padding:0;margin:0; margin:0 0 0 4px;	font: normal 14px 'Trebuchet MS';}
#menu ul li a{color: #fd8c00;padding: 0 5px 0 5px;text-decoration: none;font: normal 14px 'Trebuchet MS';border-bottom:1px solid #fd8c00}
#menu ul li a:hover, body.menu ul li a:active{color:#fd8c00;border-bottom:3px solid #fd8c00;background:none}
body#home #menu .home a{color:#fd8c00;border-bottom:3px solid #fd8c00;background:none}
body#about #menu .about a{color:#fd8c00;border-bottom:3px solid #fd8c00;background:none}
body#products #menu .products a{color:#fd8c00;border-bottom:3px solid #fd8c00;background:none}
body#shop #menu .shop a{color:#fd8c00;border-bottom:3px solid #fd8c00;background:none}
body#contact #menu .contact a{color:#fd8c00;border-bottom:3px solid #fd8c00;background:none}
body#term #menu .term a{color:#fd8c00;border-bottom:3px solid #fd8c00;background:none}

 a .term{background:none;color:#bd7e03}
 a:hover .term{background:none}
#container #banner{ width:auto}
#banner #left{width:313px; float:left;height:262px; background: url(../images/ralifestyle-logo.jpg) no-repeat top left;}
 
/* ganti-ganti setiap halamannya */
#banner #top_about{width:637px; height:67px; background: url(../images/about-ralifestyle.jpg) no-repeat top left; padding-top:195px; float:left}
#banner #top_product{width:637px; height:67px; background: url(../images/product-ralifestyle.jpg) no-repeat top left; padding-top:195px; float:left}
#banner #top_timeless{width:637px; height:67px; background: url(../images/timeless-banner.jpg) no-repeat top left; padding-top:195px; float:left}
#banner #top_modern{width:637px; height:67px; background: url(../images/modern-line-banner.jpg) no-repeat top left; padding-top:195px; float:left}
#banner #top_ethnic{width:637px; height:67px; background: url(../images/ethnic-banner.jpg) no-repeat top left; padding-top:195px; float:left}


/*-------------------------------*/
.top h1{margin:0; padding:0; font:normal 22px "Franklin Gothic Medium",Trebuchet MS; margin-left:12px; color:#541700; letter-spacing:-1px}
#container #for_cont {width: auto; background-image: url(../images/ralifestyle-badge.jpg); background-position:226px bottom; background-repeat:no-repeat;}
#for_cont #cont_left{width:313px; float:left}
#for_cont #content {width:627px; padding:10px 5px 5px 5px; background-color:#e7e7e7; line-height:12pt; float:left}
#content p {margin:2px 0 5px 5px}
#content table {width:100%; margin-bottom:50px}
#content td{padding:2px 2px 2px 2px}
#content .atas{background-color:#8c8c8c; text-align:center; border:1px solid #747474;color:#fff;}
#content .tengah{background-color:#d3d3d3}
#content .inputan{width:33px; border:1px solid #787878;font-size:11px;margin-right:3px}
#content .edit{font-size:11px ;margin-right:3px}
#content .delete a{width:60px; padding:1px 2px 1px 2px; border:1px solid #787878; background-color:#ffd25a;color:#000}
#content .delete a:hover{width:60px; padding:1px 2px 1px 2px; border:1px solid #787878; background-color:#ffb900;}
#content .bawah{text-align:right; border-top:1px solid #747474}
p .empty{border-top:1px solid #fff;width:500px; padding-bottom:250px;}
#content #kontak {width:auto;padding:5px 5px 5px 5px;font: 11px/12pt "verdana",tahoma;margin-top:5px !important;margin-top:0}
#content #kontaktop {width:auto;padding:5px 5px 10px 5px;font: 11px/12pt "verdana",tahoma;margin-top:5px !important;margin-top:0;border-bottom:1px solid #d3d3d3; margin-bottom:30px}
#kontaktop ul{list-style-type:none;margin:0;padding:0; margin-bottom:5px}
#kontaktop ul li{margin:2px 2px 2px 15px}

#content .prod {margin:13px 15px 5px 17px !important;margin:13px 15px 5px 10px;width:175px; line-height:normal; float:left; text-align:right}
.prod img {padding-bottom:5px;border-bottom:1px solid #cfcfcf;margin-bottom:1px !important; margin-bottom:0px}
.prod a {background:none;color:#f97d00;}
.prod a:hover{background:none;color:#4f4f4e}
#content #breadcumb {font:bold 11px verdana; color:#541700; margin:10px 0 10px 5px}
#breadcumb a {background:none;color:#f97d00; font-weight:normal}
#breadcumb a:hover{background:none;color:#4f4f4e;font-weight:normal}
#content #wrap_list{margin:0 60px 0 !important;margin:0 50px 0;width:auto}
.wrapimg{width:107px;margin:5px 9px 15px; float:left}
.wrapimg .imgname{text-align:left;padding:0;margin:0; line-height: normal; color:#531500; font-weight:bold;}
.imgname a{color:#777777;font-weight:normal}
.imgname a:hover{color:#4f4f4e; background:none}
.wrapimg img{border:1px solid #bdbdbd; margin-bottom:5px}
#content #back{margin:5px 5px 5px 5px; }
#back a{background:none;color:#541700;font-weight:normal;}
#back a:hover{background:none;color:#812300;font-weight:normal}
#content #wrap_prod{width:411px;margin:0 auto; padding:0 auto;}
#wrap_prod img{ padding:2px 2px 2px 2px; border:1px solid #a7a7a7; margin-bottom:5px}
#wrap_prod #wrap_detail {background-color:#c4c4c4; padding:5px 5px 5px 5px !important; width:auto; border-bottom:1px solid #a0a0a0}
#wrap_detail #detail_left {width:70%; float:left; padding:0;}
#wrap_detail #detail_right {width:30%; float:left;}
#clear{clear:both}
#detail_left ul{margin:1px 1px 1px 2px;padding:0}
#detail_left li{list-style-type:none; color:#373736; margin-bottom:2px}
#detail_right input {width:55px; border-left:1px solid #b1b1b1; border-top:1px solid #b1b1b1; font-size:10px}
#detail_right p{width:auto;margin:3px 0 0 0; text-align:center; font-size:9px}
#detail_right p input{width:33px;height:29px;border:0}
#detail_right p a{background:none}
#detail_right p a:hover{background:none}

.clear {padding:0; margin:0}
#container #footer{width:627px; padding:5px 5px 5px 313px ; clear: left }
br {clear:left}

.link {color:#541700;text-decoration: none; font-weight:bold}
.link:hover {color:#fd8c00; text-decoration:none; font-weight:bold; background:none}

/* ------------------------ pagination -----------------------  */ 
.page{padding: 2px; margin:0 0 10px 5px}
.page ul{margin: 0;padding: 0;text-align: left; font:normal 10px Verdana, Arial, Helvetica, sans-serif}
.page li{list-style-type: none;display: inline;padding-bottom: 1px;}
.page a, .page a:visited{padding: 3px 5px 3px;border: 1px solid #ababab;text-decoration: none; color: #ababab; font-size:10px; background:#fff}
.page a:hover, .page a:active{border: 1px solid #ababab;color: #000;background-color: #ababab;}
.page a.currentpage{background-color: #4f4f4e !important; background:#4f4f4e;color: #fff;border-color: #ababab;font-weight: bold;cursor: default;}
.page a.disablelink, .page a.disablelink:hover{background-color: white;cursor: default;color: #929292;border-color: #ababab;font-weight: normal !important;}
.page a.prevnext{font-weight: bold;}
/*----------------------form------------------------------*/
.cssform label{float: left;width: 150px;}

.cssform input[type="text"]{ width: 180px;border:1px solid #cecece}
.cssform input{border:1px solid #cecece}
.cssform textarea{width: 250px;height: 150px;border:1px solid #cecece}