body {
        font-family: tahoma, helvetica, arial, sans-serif;
        font-size: 11px;
        text-align: center;
        background: #d3d2d1;
}

h3, p { 
        font-size: 11px; 
        margin: 1em 0.5em 0.5em 0.5em; 
}

p { 
        margin-top: 0.5em; 
}

img {
        border: 0;
}

a {
        color: #be0404;
        text-decoration: none;
}

#subright ul a {
        text-decoration: underline;
}

#wrapper {
        margin: auto;
        text-align: left;
        width: 750px;
        background: white;
}

#wrapperi {
        padding: 0px 2px;
}

#parispolos, #paris_mutiara {
        clear: left;
        background: url(images/dot.gif) 319px 0px repeat-y;
}

#atas {
      background-color: #e0a503;
      padding-left: 11px;
      padding-right: 11px;
      padding-bottom: 11px;
      padding-top: 4px;
      margin-top: 4px;   
}

#atasa, #bawaha {
       background-color: #e0a503;
}

#bawah {
      background-color: #f5f4f3;  
}

#ongkos_kirim {
        padding-left: 11px;
        padding-right: 11px;
        padding-bottom: 11px;
        padding-top: 11px; 
}

#tabelongkir {
    padding-left: 21px; 
}
ol#tabs {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#tabs li {
    font-size: 12px;
    float: left;
    margin: 0 1px 0 0;
}

ol#tabs a {
    background: #bdf url(basic_tab.png);
    color: #008;
    display: block;
    float: left;
    height: 2em; 
    padding-left: 10px;
    text-decoration: none;
}

ol#tabs a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#tabs a:hover span {
    background-position: 100% -120px;
}

ol#tabs li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#tabs li.current span {
    background-position: 100% -60px;
}

ol#tabs span {
    background: url(basic_tab.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}


#header, #search, #nav, #nav li, h2, #special, #special h3, #footnav,
#strategies li, #strategies ul {
        margin: 0;
        padding: 0;
}

#header {
        background: #6aa000;
        border-bottom: 1px solid #fff;
        border-top: 2px solid #fff;
        margin-bottom: 1px;
}

.clear {
        clear: both;
        font-size: 1px;
        height: 5px;
        margin: 0 0 -4px 0;
}

#left {

        float: left;
        width: 320px;
}

#right {
        float: right;
        width: 420px;
}

#nav {
        float: left;
        width: 123px;
        margin: 0;
        padding: 0;
}

#nav li {
        background: #91aa37 url(images/menu_green_arrow.gif) left center repeat-y;
        padding: 3px 0px 4px 36px;
        margin-bottom: 2px;
        margin-left: 0;
        list-style: none;
}

* html #nav li { /* IE 5.x hack */
        padding-left: 20px;
        padd\ing-left: 36px;
}

#nav a {
        color: #efeeed;
        text-decoration: none;
        font-weight: bold;
        font-family: tahoma, helvetica, arial, sans-serif;
        font-size: 11px;
}

#policies {
        float: right;
        width: 307px;
        border: 1px solid #bdbab6;
        margin: 0;
}

#policies h2 {
        background: #6584a9;
}

#policies ul, #atas ul, #bawaha ul {
        padding-left: 25px;
        padding-bottom: 1px;
        margin: 12px 0 1px 0;
} 

#policies li, #atas li, #bawaha li {
        list-style-image: url(images/bullet_dimond.gif);
        padding-bottom: 8px;
        padding-left: 0;
        margin-left: 0;
}

#warna {
        background: #f5f4f3;
        padding-bottom: 0.5em;
        border-top: 4px solid #fff;
        color: #666;
}

#warna h2 {
        background: #e0a403;
}

#warna table {
        padding-left: 4px;
        padding: 4px;
}

#warna td {
        padding: 4px;
}

#warna ul {
        list-style-type:none;
        width:100%;
}
#explore {
        border-top: 3px solid #fff;
        margin-top: -1px;
        background: #fff url(images/right_bg.jpg) bottom right repeat-x;
        border-bottom: 6px solid #fff;
}

#explorei {
        background: url(images/_right_woman.gif)  top right repeat-y;
        padding-bottom: 11px;
        margin-top: 2px;             
}

#explore h2 {
        color: #024c83;
        padding-right: 19px;
        padding-top: 3px;
        text-align: right;
}

#explore ul {
	    margin-top: 16px;
        margin-bottom: 8px;
        margin-left: 0;
        padding-left: 25px;
        text-align:right;
}

#explore a {
        color: #000;
        text-decoration: underline;
}

#explore li {
        list-style: none;
/*        background: url(images/bullet_arrow.gif) left center no-repeat; */
        padding: 4px 0 4px 25px;
        margin-left: 0;
        text-align: right;
        padding-right: 19px;
}

#explore .orange {
        color: #f09d27;
}

#explore .learnmore {
        margin: 5px 0 20px 18px;

}

#special {
        float:inherit;
        margin-left: 115px;
        margin-top: 10px;
        width: 187px;
        background: url(images/offer_box_bg.gif) repeat-y;
}

#special, #special a {
        color: #f5f5f5;
                text-decoration: none;
}

#special p {
        padding: 0 13px;
}

#special div {
        background: url(images/offer_box_bot.gif) bottom no-repeat;
        height: 6px;
        font-size: 1px;
}

#subright {
        margin-top: 0px;
}

#strategies {
        float: left;
        width: 204px;
        background: url(images/dot.gif) repeat-y;
}

#strategies h2 {
        background: #6aa100;
}

#strategies li {
        list-style: none;
        margin: 0.8em 0.5em;
}

#solutions {
/*        float: right;
        width: 213px; */
        background: url(images/dot.gif) repeat-y;
}

#solutions h2 {
/*        background: #024c83; */
          background: #e0a503;
}

#solutions ul {
        padding-left: 25px;
        padding-bottom: 1px;
        margin: 12px 0 1px 0;
}

#solutions li {
        list-style-image: url(images/bullet_dimond.gif);
        padding-bottom: 8px;
        padding-left: 0;
        margin-left: 0;
}

#footer {
        text-align: right;
        background: #b7b7b8;
        color: #666;
        border-top: 2px solid #fff;
}

* html #footer {
    height: 1.5em;
}

#footeri {
     padding: 2px 3px 4px 13px;
     border-bottom: 2px solid #fff;
}

#footer .copyright {
        float: left;
}

#footer a {
        color: #666;
}


.readmore {
        text-align: right;
        font-weight: bold;
}

.green {
        color: #6aa100;
}
.blue {
        color: #4880ab;
}
.orange {
        color: #e0a403;
}

p.photo {
        text-align: center;
}

#callbox {
        float: left;
        clear: left;
        margin: 0;
}

#JT_arrow_left{
}

#JT_arrow_right{
}

#JT {
	position: relative;
    top: -100px;
	z-index:101;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
/*	background-image: url(images/loader.gif); */
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:default;
}

#orderonline { 
	padding-left: 8px;
    padding-right: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
}

/* start visual light box css */
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: auto;
	background-color: #FFF;
}

#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	color:#151410;
	line-height:0;
}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	width: auto;
	height: auto; /* without this line error in IE8 detected */
	margin: 0 auto;
	position: relative;
}


#lightboxImage{
	width: 100%;
	height: 100%;
}

#imageContainer{
	width:10px;
	height:10px;
	margin: 0 auto;
	overflow:hidden;
	background-color: #fff;
	position: relative;
	font-size:0;/* ie fix - big info bar*/
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	font-size:10px;
	z-index:1;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url(gallery/manset/engine/images/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { 
	background: url(gallery/manset/engine/images/prev.png) 5% center no-repeat; 
	_background-image:url(gallery/manset/engine/images/prev_ie6.gif)
}
#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background: url(gallery/manset/engine/images/next.png) 97% center no-repeat; 
	_background-image:url(gallery/manset/engine/images/next_ie6.gif)
}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	background-color: #fff;
	width:100%;
}

#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{ width: 70%; float: left; text-align: left; 	padding:10px 10px 0 0;}
#caption{ font-weight: bold; display:block;}
#numberDisplay{ display: block; float: left; padding:3px 10px 0 0;}
#detailsNav{display:block; float:left;   padding:0; }	
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails { margin:3px; margin-top:0px; width:24px;height:24px; background: url(gallery/manset/engine/images/prevlabel.gif) left center;}
#nextLinkDetails { margin:3px; margin-top:0px; width:24px;height:24px; background: url(gallery/manset/engine/images/nextlabel.gif) right center;}

#slideShowControl.started{
	background-image:url(gallery/manset/engine/images/pause.gif);
}

#slideShowControl{
	display:block;
	width:24px; 
	height:24px; 
	float:left;
	background:url(gallery/manset/engine/images/start.gif);
	background-position:center center;
	background-repeat:no-repeat;
	}

#close{
	padding:20px 0 0;
	float:right;
}
#closeLink {
	display:block; outline-style:none; margin:0; padding:0; text-decoration:none; 
	width:32px;
	height:32px;
	background:url(gallery/manset/engine/images/close.gif) no-repeat;
}

		
	

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
	

#outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}


#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background-color: #fff;
	border:solid 1px #fff; /* hack for opera table small cell width */
}

#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:38px;
	width:38px;
}

#outerImageContainer td.tl{
	background-image:url(gallery/manset/engine/images/borderTopLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/manset/engine/images/borderTopLeft.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background-image:url(gallery/manset/engine/images/borderTopCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/manset/engine/images/borderTopCenter.png', sizingMethod='scale');
}
#outerImageContainer td.tr{
	background-image:url(gallery/manset/engine/images/borderTopRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/manset/engine/images/borderTopRight.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background-image:url(gallery/manset/engine/images/borderMiddleLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/manset/engine/images/borderMiddleLeft.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background-image:url(gallery/manset/engine/images/borderMiddleRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/manset/engine/images/borderMiddleRight.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background-image:url(gallery/manset/engine/images/borderBottomLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/manset/engine/images/borderBottomLeft.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background-image:url(gallery/manset/engine/images/borderBottomCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/manset/engine/images/borderBottomCenter.png', sizingMethod='scale');
}
#outerImageContainer td.br{
	background-image:url(gallery/manset/engine/images/borderBottomRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gallery/manset/engine/images/borderBottomRight.png', sizingMethod='scale');
}

#vlightbox { zoom:1; }
#vlightbox span{ display:block; }
#vlightbox a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:3px;
	width:160px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	opacity:0.87;
}
#vlightbox a img{
	display:block;
	border:none;
	margin:0;
}
#vlightbox a:hover{
	text-decoration:underline;
	opacity:1;
}