@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff') format('woff');
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: local('Yanone Kaffeesatz Thin'), local('YanoneKaffeesatz-Thin'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/We_iSDqttE3etzfdfhuPRYa6iXjgqaxY3DU3RqApPOI.woff') format('woff');
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/We_iSDqttE3etzfdfhuPRWwXwFHHZlCwprwJOQ-Se7k.woff') format('woff');
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff') format('woff');
}

body    {
        color: #fff;
        font-size: 11px;
/*        font-family: Verdana, Arial, sans-serif; */
/*        font-family: Arial, Helvetica, sans-serif; */
        font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
        background-color: #EEEEEE;
        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: 1000px;
        margin: 0 auto;
        padding: 0; }

#header {
        width: 1000px;
        height: 285px;
        margin-bottom: 3px;
        padding: 0 }

/******* formasi logo **********/
#logospace {width: 1000px; height: 259px;
             background-color: #EEEEEE; background-image: url(images/topbg3b.gif); background-repeat: repeat
                               -webkit-border-radius:10px; /*webkit*/
                               -moz-border-radius:10px; /*for mozila*/
                               -webkit-box-shadow:  0px 0px 5px #000;
                               -moz-box-shadow: 0px 0px 5px #000;
                               box-shadow: 0px 0px 5px #000;
             }
.toplogo { width: 160px; height: 66px; margin: 0px 0px 10px; margin-left: 5px; float: left}
.toprightmenu { color: #FF0000; font-size: 12px; width: 835px; height: 4px; margin: 40px 0 11px; text-align: right; float: left}
.toprightmenu a  { font-size: 9px; color: #FF0000; font-weight: bold; text-decoration: none }
.toprightmenu a:hover { color: #400000 }
.toprightmenugoogle { color: #FF0000; font-size: 11px; width: 1980px; height: 0px; margin:-80px 15px 0px 11px; text-align: right; float: right}
.toprightmenugoogle a  { font-size: 11px; color: #000000; background-color: #EEEEEE; font-weight: bold; text-decoration: none }
.toprightmenugoogle a:hover { color: #FFFFFF; background-color: #EEEEEE; }
.toprightmenu2 { color: #FF0000; font-size: 11px; width: 820px; height: 0px; margin: 2px 0 11px; margin-right: 15px; text-align: right; float: left}
.toprightmenu2 a  { font-size: 11px; color: #000000; background-color: #EEEEEE; font-weight: bold; text-decoration: none }
.toprightmenu2 a:hover { color: #FFFFFF; background-color: #FF0000; }
.toprightmenu3 { color: #FF0000; font-size: 11px; width: 820px; height: 0px; margin:90px 50px 0px 11px; text-align: right; float: right}
.toprightmenu3 a  { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none }
.toprightmenu3 a:hover { color: #FF0000; }
.toprightmenu4 img       { opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; }
.toprightmenu4:hover img { opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1; }

.toprightmenu5 img       { opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; }
.toprightmenu5:hover img { opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1; }

.toprightmenu_tambah { font-size: 12px; margin : 5px 10px 0px 0px; float: right}
.toprightmenu_tambah img       { opacity:0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; }
.toprightmenu_tambah :hover img       { opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; }
.toprightmenu_tambah a  { color: #FFFFFF; font-weight: bold; text-decoration: none }
.toprightmenu_tambah a:hover { color: #400000 }

/*
.toprightmenu6 { color: #FF0000; font-size: 11px; width: 835px; height: 0px; margin:15px 0 11px; text-align: right; float: left}
.toprightmenu6 img       { opacity:0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; }
.toprightmenu6:hover img { opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1; }
*/

/*
.toprightmenu7 { color: #FF0000; font-size: 11px; width: 733px; height: 0px; margin: 0px 0px 9px; text-align: left; float: left}
.toprightmenu7 a  { font-size: 11px; color: #000000; background-color: #EEEEEE; font-weight: bold; text-decoration: none }
.toprightmenu7 a:hover { color: #FFFFFF; background-color: #FF0000; }
.toprightmenu7 ul    { list-style: none; margin: 0; padding: 0}
.toprightmenu7 li     {  margin: 0px; padding: 0px; list-style-type: none; width: 187px;  display: block; border-bottom: 1px dotted #711201}
.toprightmenu7 li a    { height: 21px; color: #fff; font-size: 11px; font-weight: normal; line-height: 21px; text-decoration: none; margin: 0; padding: 0 }
.toprightmenu7 li a:hover { color: #f93; text-decoration: none; margin: 0; padding: 0 }
.toprightmenu7 li a.current { color: #f93; text-decoration: none; margin: 0; padding: 0 }
.toprightmenu7 li a.active { color: #f93; text-decoration: none; margin: 0; padding: 0 }
.toprightmenu7 .sublist { display: none; }
.toprightmenu7 .sublist li { float: none; }
.toprightmenu7 .sublist li a { padding: 0px; margin: 0px; }
.toprightmenu7 li:hover .sublist { display: block; position: absolute; font-size: 8pt; padding-top: 5px; }
.toprightmenu7 li:hover .sublist li a { display: block; width: 10em; border: none; padding: 2px; }
.toprightmenu7 li:hover .sublist li a:before { content: " >> "; }
*/


/******* space tipis dibawah menu (pemanis web) **********/
#menuspace { height: 25px; width: 1000px; margin-bottom: 3px}
.topmenu  { font-weight: normal; margin-right: 2px; width: 148px; height: 25px; float: left }
.topmenu  a   { color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; background-image: url(images/topbtna.gif); background-repeat: no-repeat; text-align: center; display: block; width: 148px; height: 27px }
.topmenu  a:hover, .topmenu a.current  { color: #FFFFFF; background-image: url(images/topbtnahvr.gif); background-repeat: no-repeat }

.topmenu0_OLD  { font-weight: normal; margin-right: 2px; width: 200px; height: 25px; float: left }
.topmenu0_OLD  a   { width: 200px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; background-image: url(images/topbtna.gif); background-repeat: no-repeat; text-align: center; display: block; }
.topmenu0_OLD  a:hover, .topmenu a.current  { color: #FFFFFF; background-image: url(images/topbtnahvr.gif); background-repeat: no-repeat }

.topmenu0  { font-weight: normal; margin-right: 2px; width: 200px; height: 25px; float: left }
.topmenu0  a   { width: 200px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu0  a:hover, .topmenu a.current  { background-color: #FF0000; }


.topmenu1  { font-weight: normal; margin-right: 2px; width: 200px; height: 25px; float: left }
.topmenu1  a   { width: 200px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu1  a:hover, .topmenu a.current  { background-color: #FF0000; }

.topmenu2  { font-weight: normal; margin-right: 2px; width: 200px; height: 25px; float: left }
.topmenu2  a   { width: 200px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu2  a:hover, .topmenu a.current  { background-color: #FF0000; }

.topmenu3  { font-weight: normal; margin-right: 2px; width: 150px; height: 25px; float: left }
.topmenu3  a   {  width: 150px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu3  a:hover, .topmenu a.current  { background-color: #FF0000; }

.topmenu4  { font-weight: normal; margin-right: 2px; width: 110px; height: 25px; float: left }
.topmenu4  a   { width: 110px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu4  a:hover, .topmenu a.current  { background-color: #FF0000; }

.topmenu5  { font-weight: normal; margin-right: 2px; width: 130px; height: 25px; float: left }
.topmenu5  a   { width: 130px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu5  a:hover, .topmenu a.current  { background-color: #FF0000; }

.topmenu6  { font-weight: normal; margin-right: 2px; width: 120px; height: 25px; float: left }
.topmenu6  a   { width: 120px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu6  a:hover, .topmenu a.current  { background-color: #FF0000; }

.topmenu7  { font-weight: normal; margin-right: 2px; width: 160px; height: 25px; float: left }
.topmenu7  a   { width: 160px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu7  a:hover, .topmenu a.current  { background-color: #FF0000; }

.topmenu8  { font-weight: normal; margin-right: 2px; width: 187px; height: 25px; float: left }
.topmenu8  a   { width: 187px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu8  a:hover, .topmenu a.current  { background-color: #FF0000; }

.topmenu9  { font-weight: normal; margin-right: 2px; width: 200px; height: 25px; float: left }
.topmenu9  a   { width: 200px; height: 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #6F6F6F; text-align: center; display: block; }
.topmenu9  a:hover, .topmenu a.current  { background-color: #FF0000; }

.topmenu99  { width: 21px; height: 27px; color: #fff; background-color: #6F6F6F; display: block; font-weight: normal; margin-right: 1px; float: left }

#picturespace { width: 1000px; height: 196px; }
.toplogoimage  { background-color: #b00;  background-repeat: no-repeat; display: block; width: 1000px; height: 196px; float: left }
.topleftcontent  { background-color: #FF0000; 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: #;}
.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: #EEEEEE;  display: block; width: 305px; height: 196px; float: right }

/******* formasi main website **********/
#main     { background-color: #EEEEEE;
/*        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: 695px; float: left }
#centerspace .openbodyx  { background-image: url(images/bg_dollar.gif); background-repeat: repeat; background-color: #f0f0f0; margin-right: 8px; height: 220px; width: 638px; float: right }
#centerspace .openbodyx table.cbs-main { width: 610px; margin-right: 0px; color: #444; font-size: 11px; border: solid 0px; border-collapse: collapse; border-spacing: 0px; float: right; }

#centerspace .add { margin-bottom: 3px; float: left}
#centerspace .add img { border: none}
#centerspace .title { color: #999; display: block; background-color: #f0f0f0; width: 695px; 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: 695px; 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 .linkjudul  { border-bottom: 1px dotted #C0C0C0; }
#centerspace .notes .content  { font-family:'Arial'; font-size: 11px; font-weight:400; color: #444; margin: 10px }
#centerspace .notes .content .alignleft {float:left;display:inline;overflow:hidden;margin:0 10px 10px 0;}
#centerspace .notes .content table {font-color:#000000; font-size:11px; font-weight:normal;letter-spacing:0px; color:#222;margin:5px 0px 0px 0px;}
#centerspace .notes .content .post table {font-color:#000000; font-size:11px; font-weight:normal;letter-spacing:0px; color:#222;margin:5px 0px 0px 0px;}
#centerspace .notes .content .post table.mainicon { width: 655px; margin-right: 0px; color: #444; font-size: 11px; border: solid 0px; border-collapse: collapse; border-spacing: 0px; float: right; }

#centerspace .notes .content .post img {vertical-align:middle;border:0px solid #eee;padding:0px;background:#fff; margin-top: 0px; margin-bottom: 0px; margin-right: 10px}
#centerspace .notes .content .post h1{font-family:'Yanone Kaffeesatz';font-size:2.4em;font-weight:400;color:#333;margin:0px 0 20px 0;}
#centerspace .notes .content .post h2{font-size:16px;font-weight:normal;letter-spacing:-1px;color:#222;margin:15px 0 0 0;}
#centerspace .notes .content .post h3{color:#ff0000;font-size:1.7em;font-weight:normal;letter-spacing:-1px;margin:15px 0 0 0;}
#centerspace .notes .content .post h4{color:#666;font-size:1.5em;font-weight:normal;letter-spacing:-1px;margin:15px 0 0 0;}
#centerspace .notes .content .post h5{color:#ca0000;margin:15px 0 0 0;}
#centerspace .notes .content .post h6{font-size:0.9em;color:#222;margin:15px 0 0 0;}
#centerspace .notes .content  a { color: #FF0000; text-decoration: none; }
#centerspace .notes .content  a:hover { color: #0000FF; }
#centerspace .notes .content img {border:none; margin-top: 10px; margin-bottom: 10px; margin-right: 10px}
#centerspace .notes li {margin-bottom: 0px }
.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 .notes .content .pagehome { background-color: #808080; width:160px; height:148px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; margin:0 10px 10px 0; }
#centerspace .notes .content .pagehome .Verified { width:160px; height:120px; background-color: white; background-image: url(images/home/homeeducenter.jpg); background-repeat: no_repeat; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pagehome .Verified .text { margin:95px 0px 0px 0; }
#centerspace .notes .content .pagehome .callback { width:160px; height:120px; background-color: white; background-image: url(images/home/mt4dwn.jpg); background-repeat: no_repeat; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pagehome .callback .text { margin:0px 0px 0px 0; }

#centerspace .notes .content .pageaward1 { background-color: #FF0000; width:75px; height:114px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; margin:0 4px 4px 0; }
#centerspace .notes .content .pageaward1 a { color: #FFFFFF;  }
#centerspace .notes .content .pageaward1 a:hover { color: #FFFF00; text-decoration: none; }
#centerspace .notes .content .pageaward1 .aword1 { width:75px; height:114px; background-color: white; background-image: url(images/home/award_2009.jpg); background-repeat: no_repeat; float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pageaward1 .aword1 .text { margin:55px 0px 0px 0; }
#centerspace .notes .content .pageaward1 .aword2 { width:75px; height:114px; background-color: white; background-image: url(images/home/award_2010.jpg); background-repeat: no_repeat; float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pageaward1 .aword2 .text { margin:55px 0px 0px 0; }
#centerspace .notes .content .pageaward1 .aword3 { width:75px; height:114px; background-color: white; background-image: url(images/home/award_2011.jpg); background-repeat: no_repeat; float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pageaward1 .aword3 .text { margin:55px 0px 0px 0; }
#centerspace .notes .content .pageaward1 .aword4 { width:75px; height:114px; background-color: white; background-image: url(images/home/award_euro.jpg); background-repeat: no_repeat; float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pageaward1 .aword4 .text { margin:55px 0px 0px 0; }
#centerspace .notes .content .pageaward1 .aword5 { width:75px; height:114px; background-color: white; background-image: url(images/home/award_ag.jpg); background-repeat: no_repeat; float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pageaward1 .aword5 .text { margin:55px 0px 0px 0; }
#centerspace .notes .content .pageaward1 .aword6 { width:75px; height:114px; background-color: white; background-image: url(images/home/award_jordan.jpg); background-repeat: no_repeat; float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pageaward1 .aword6 .text { margin:55px 0px 0px 0; }
#centerspace .notes .content .pageaward1 .aword7 { width:75px; height:114px; background-color: white; background-image: url(images/home/award_showfx.jpg); background-repeat: no_repeat; float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pageaward1 .aword7 .text { margin:55px 0px 0px 0; }

#centerspace .notes .content .pageaward2 { background-color: #FF0000; width:77px; height:114px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; margin:0 4px 4px 0; }
#centerspace .notes .content .pageaward2 a { color: #FFFFFF;  }
#centerspace .notes .content .pageaward2 a:hover { color: #FFFF00; text-decoration: none; }
#centerspace .notes .content .pageaward2 .aword8 { width:77px; height:114px; background-color: white; background-image: url(images/home/award_showfx2.jpg); background-repeat: no_repeat; float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pageaward2 .aword8 .text { margin:55px 0px 0px 0; }

#centerspace .notes .content .pagehome2 { background-color: #808080; width:471px; height:148px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; margin:0 10px 10px 0; }
#centerspace .notes .content .pagehome2 .fastservice { width:471px; height:148px; background-color: white; background-image: url(images/home/homegrafik.jpg); background-repeat: no_repeat; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pagehome2 .fastservice .text { margin:0px 0px 0px 0; }
#centerspace .notes .content .pagehome2 .workhour { width:471px; height:148px; background-color: white; background-image: url(images/home/shakehand1.jpg); background-repeat: no_repeat; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pagehome2 .workhour .text { margin:0px 0px 0px 0; }

#centerspace .notes .content .pagehome3 { background-color: #808080; width:645; height:306px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; margin:0 10px 10px 0; }
#centerspace .notes .content .pagehome3 .longpromo { width:645; height:306px; background-color: white; background-image: url(images/home/fast-transfer.jpg); background-repeat: no_repeat; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  float:left; display:inline; overflow:hidden; }
#centerspace .notes .content .pagehome3 .longpromo .text { margin:0px 0px 0px 0; }

#centerspace .notes .content .pagewd      { width: 200px; height: 18px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; color: #FFFFFF; background-color: #6F6F6F; }
#centerspace .notes .content .pagewd a          { width: 200px; height: 18px; color: #FFFFFF; background-color: #747474; background-image: none; text-decoration:none; font: bold 12px Arial; text-align: center; padding: 0; display: block;  vertical-align: middle }
#centerspace .notes .content .pagewd a:hover    { width: 200px; height: 18px; color: #FFFFFF; background-color: #FF0000; background-image: none; text-decoration:none; background-position: 0 0; border-bottom: 2px solid #eee   }
#centerspace .notes .content .pagewd2      { width: 320px; height: 18px; margin-top: 2px; margin-bottom: 2px; font-weight: bold; color: #FFFFFF; background-color: #6F6F6F; }
#centerspace .notes .content .pagewd2 a          { width: 320px; height: 18px; color: #FFFFFF; background-color: #000000; background-image: none; text-decoration:none; font: bold 12px Arial; text-align: center; padding: 0; display: block;  vertical-align: middle }
#centerspace .notes .content .pagewd2 a:hover    { width: 320px; height: 18px; color: #FFFFFF; background-color: #FF0000; background-image: none; text-decoration:none; background-position: 0 0; border-bottom: 2px solid #eee   }

#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 }

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: 305px; 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: 305px; background-image: url(images/rightinfopattern.gif); background-repeat: repeat}
.infobox .title { width: 305px;  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}

.support_ol { width: 305px; margin-left: 2px; background-image: url(images/support_ol.jpg); background-repeat: no-repeat; }
.support_ol .title { width: 305px;  height: 38px; color: #5a050c; background-color: #EEEEEE;  text-align: left; font-size: 14px; line-height: 38px; font-weight: bold;  }
.support_ol .title img { margin-left: 10px; margin-right: 10px; margin-top: 10px}
.support_ol .content { margin: 25px 70px 0px 0px; padding-bottom: 10px; text-align: right;} /*margin:top right left button*/
.support_ol .content .imagelist { border: none; margin-right: 4px}
.support_ol .content a {color: white; text-decoration: none; margin-bottom: 3px; display: block}
.support_ol .content a:hover {color: #f96b02}

.fxfactorybox { width: 305px; }
.fxfactorybox .title { width: 305px;  height: 38px; color: #5a050c; background-color: #fff;  text-align: left; font-size: 14px; line-height: 38px; font-weight: bold;  }
.fxfactorybox .title img { margin-left: 10px; margin-right: 10px; margin-top: 10px}
.fxfactorybox .content { margin: 0px 4px 0px 0px; padding-bottom: 10px}
.fxfactorybox .content .imagelist { border: none; margin-right: 4px}
.fxfactorybox .content a {color: white; text-decoration: none; margin-bottom: 3px; display: block}
.fxfactorybox .content a:hover {color: #f96b02}

/******* formasi footer website **********/
#footer {
        width: 1000px;
        float: left;
        background-image: url(images/lefttoppattern.gif);
        background-repeat: repeat;}
#footer .content,
#footer .content .a {margin: 10px; text-align: center; color: #000000} /* © Copyright 2007, Corbuzier Magic Shop. All Right Reserved. */
#footer .content a {text-decoration: none; color: #ddd}             /* FAQ | Company Info | Shipping & Returns */
#footer .content a:hover {text-decoration: underline; color: #f93}  /* garis batas */

/******* kondisi jika a href ke valas changer **********/
#jb3      { font-weight: bold; background-color: #aaa; }
#jb3 a          { color: #004000; text-decoration:none; font: bold 16px/28px Arial, Helvetica, sans-serif; background-color: #00FFFF; background-image: none; text-align: center; padding: 0; display: block;  vertical-align: middle }
#jb3 a:hover    { background-color: #F5FE89; background-image: none; text-decoration:none; background-position: 0 0; border-bottom: 2px solid #eee   }

#jb4      { font-weight: bold; background-color: #aaa; }
#jb4 a          { color: #0000FF; text-decoration:none; font: bold 16px/28px Arial, Helvetica, sans-serif; background-color: #4BB163; background-image: none; text-align: center; padding: 0; display: block;  vertical-align: middle }
#jb4 a:hover    { background-color: #FF33DB; background-image: none; text-decoration:none; background-position: 0 0; border-bottom: 2px solid #eee   }

/*
#navlist a { font-weight: bold; text-decoration: none; }
#navlist { margin: 0px; padding: 0px; list-style-type: none; }
#navlist ul { margin: 0px; padding: 0px; list-style-type: none; }
#navlist li { margin: 0px; padding: 0px; list-style-type: none; float: left; }
#navlist li a { color: #ffffff; background-color: #003366; padding: 3px; border: 1px #ffffff outset; }
#navlist li a:hover { color: #ffff00; background-color: #003366; }
#navlist li a:active { color: #cccccc; background-color: #003366; border: 1px #ffffff inset; }

#subnavlist { display: none; }
#subnavlist li { float: none; }
#subnavlist li a { padding: 0px; margin: 0px; }

#navlist li:hover #subnavlist { display: block; position: absolute; font-size: 8pt; padding-top: 5px; }
#navlist li:hover #subnavlist li a { display: block; width: 10em; border: none; padding: 2px; }
#navlist li:hover #subnavlist li a:before { content: " >> "; }

    margin:25px 50px 75px 100px;
        top margin is 25px
        right margin is 50px
        bottom margin is 75px
        left margin is 100px

    margin:25px 50px 75px;
        top margin is 25px
        right and left margins are 50px
        bottom margin is 75px

    margin:25px 50px;
        top and bottom margins are 25px
        right and left margins are 50px

    margin:25px;
        all four margins are 25px


*/