body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background:url(../images/background.jpg) repeat-x;

	background-color:#a1a5a8

}

.background {text-align:center; width:980px; margin:auto;}

.backgroundclr{width:970px; padding: 0 5px 0 5px; text-align:left; background-color:#FFFFFF;}



h1,h2,h3,h4,p{margin:0; padding:0 0 10 0}

body,td,th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

}

.linkmenu{font-size:15px; font-weight:bold; color:#000000; text-decoration:none;

               font-family:Arial, Helvetica, sans-serif}

.linkmenu:link{olor:#000000}

.linkmenu:hover{color:#FF0000;}

.linkmenu:visted{color:#000000;}



.linkmenu1{font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;

               font-family:Arial, Helvetica, sans-serif; align:left;}

.linkmenu1:link{olor:#FFFFFF}

.linkmenu1:hover{color:#FF0000;}

.linkmenu1:visted{color:#FFFFFF;}



.cpright{font-size:9px; color:#FFFFFF; text-align:left; padding-top: 20px;}

.ed{font-size:9px; color:#FFFFFF; text-align:right; padding-top: 0px;}

.ed a:link, a:hover, a:visited {color:#FFFFFF; text-decoration:none;}



.linkbaru:link{font-size:14px; font-weight:normal; color:#990000; text-decoration:underline;}



#navigation {padding-top:100px; padding-left:30px margin: 0; width:950px;}

#navigation ul {

        border: 0;

        margin: 0;

        padding: 0;

        list-style-type: none;

        text-align: center;

		width:980px;

}



#navigation ul li {

        float: left;

        text-align: center;

        padding: 0 37px 0 0;

        margin: 0;

}

.style5 {

	color: #000000;

	font-size: 12px;

}

.style4 {font-size: 14px; color: #990000; font-family:Arial, Helvetica, sans-serif;}

.style3 {font-size: 14px; color: #000000; font-family:Arial, Helvetica, sans-serif;}

.style1 {color: #990000;font-size: 24px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; padding-left:10px}

.leftcontent { border-top:1px #666666 solid; padding-top: 5px; padding-left:10px;

               padding-right:0px; width:660px; width:960px; float:left;}

.leftcontenthome { border-top:1px #666666 solid; padding-top: 5px; padding-left:10px;

               padding-right:40px; width:620px; float:left;}

.rightcontenthome { border-top:1px #666666 solid; padding-top: 5px; padding-left:10px;

               padding-right:0px; width:300px; float:left;}

.leftcontentbuildit { padding-top: 5px; padding-left:10px;

               padding-right:0px; width:660px; width:960px; float:left;}





a.style2 { font-size:15px; margin:0px 8px 0px 8px; padding-top:15px !important; font-weight: normal; font-family:Arial, Helvetica, sans-serif; height:28px; display:block;}

a.style2-active:hover, a.style2-active:focus, a.style2:hover, a.style2:focus { background-image:url(../images/button-overlay.png); background-repeat:repeat-x; color:#ffffff !important;}

a.style2-active { background-image:url(../images/button-active.png); background-repeat:repeat-x;}



#linktop a{color:#333333; text-decoration:none;}

#linktop a:hover, #linktop a:focus{color:#000000; text-decoration:none;}



.producttable-div{min-height:210px}



.producttable{

border-right:1px solid #000000;

margin-left:320px;

}



.producttable td{

border-left:1px solid #000000;	

border-bottom:1px solid #000000;	

padding:1px;

}



.tabletips{

border-right:1px solid #000000;



}



.tabletips td{

border-left:1px solid #000000;	

border-bottom:1px solid #000000;	

padding:1px;

}



p.product-more{

margin-left:320px;	

}



p.prod-legend{

min-height:80px;

position:relative;

z-index:3;

}



/* form */



#mainForm 

{

	position: relative;

	border: 1px;

	border-style: solid;

	margin: 0 auto;

	text-align: left;

	width: 70%;

	background-color: #ffffff;

}



ul.mainForm

{

	list-style-type: none;

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-size:15px;	

}



li.mainForm

{

	padding-bottom: 10px;

}





#mainFormError

{

	position: relative;

	border: 1px;

	border-style: solid;

	margin: 0 auto;

	text-align: left;

	width: 70%;

}







input.mainFormError

{

	background-color: #FADADD;

}





textarea.mainFormError

{

	background-color: #FADADD;

}





select.mainFormError

{

	background-color: #FADADD;

}





#formHeader

{

	position: relative;

	width: 100%;

	background-color: #666699;

	margin:0 0 0 0;

	padding-bottom: 10px;

}



p.formHeader

{

	text-align: right;

	margin:0 0 0 0;

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-weight:normal;

	color: #ffffff;

	font-size:25px;

	position:relative;

	left:-5px;

	top:4px;

	letter-spacing: 2px;

}







#formInfo

{

	position: relative;

	width: 100%;

	background-color: #ffffff;

	margin:0 0 0 0;

}



h2.formInfo

{

	text-align: left;

	margin:0 0 0 0;

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-weight:normal;

	font-size:20px;

	position:relative;

	left:20px;

	top:0px;

	letter-spacing: 1px;

	line-height:150%;

	color: #ffffff;

}





p.formInfo

{

	text-align: left;

	margin:0 0 0 0;

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-weight:normal;

	color: #000000;

	font-size:12px;

	position:relative;

	left:20px;

	top:0px;

	color: #ffffff;

}



#formFields

{

	position: relative;

	width: 100%;

	background-color: #ffffff;

	margin:0 0 0 0;



}



label.formFieldQuestion

{

	line-height:125%;

	padding:0 4px 1px 0;

	border:none;	

	display:block;

	font-size:11px;

}



label.formFieldOption

{

	font-size:90%;

	display:block;

	line-height:1.0em;

	margin:-19px 0 0 25px;

	padding:4px 0 5px 0;

	width:90%;

}







input.formFieldStyle

{

	display:block;

	line-height:1.4em;

	margin:8px 0 0 3px;

	width:13px;

	height:13px;

}





/* tooltip */

a.info {

	font-family: Tahoma, Arial, Sans-Serif;

	text-decoration:none; 

	position: relative;

}



a.info span {

	position: relative;

	display:none;

}



a.info:hover {

	position: relative;

	cursor:default;

}



a.info:hover .infobox {

	font-weight: normal; 

	display:block; 

	position:absolute; 

	top:20px;;

	left:25px;

	width:205px; 

	height:70px; 

	border: 1px solid #ccc; 

	background:#f4f4f4 url(question.gif) no-repeat bottom right; 

	color:#000; 

	text-align:left; 

	font-size:0.7em; 

	padding-left:10px; 

	padding-top:10px;

}



.leftcontent a:link, .leftcontent a:visited{color:#990000; text-decoration:none;}

.leftcontent a:hover, .leftcontent a:focus{color:#660000; text-decoration:underline;}



.producttable img{ *left: -340px !important; }



.homeRHSmaintitle { color:#141848; font-family:arial; font-size:21px; position:absolute; text-transform:uppercase; top:-31px; }

.homeRHStitle{ font-size:11px; color:#990000; font-weight:bold; }

.homeRHSdate{ font-size:9px; color:#505050;  font-weight:bold; }

.homeRHSdescription{ font-size:9px; color:#666666; padding:3px 0px; }

.homeRHSreadmore{ font-size:9px; color:#505050; text-decoration:underline; padding-bottom:3px;  }



.homeRHSreadmore a { color:#505050; }

.homeRHSreadmore a:hover, .homeRHSreadmore a:focus { color:#000000; }





/*edited by ED*/

.linkWrapper{float: left;display: inline; width: 220px; text-align: center;border: 4px solid #787878; padding: 20px 0 30px;margin-right: 20px;height: 345px; margin-bottom: 60px;margin-top: 16px;}

.linkHeader {float: left;display: inline; width: 220px; }

.linkBtn {float: left;display: inline; width: 220px; }

.linkBtn p img {margin-top: 30px;}



  #gallery {

    

  }

  #descriptions {

    position: relative;

    height: 50px;

    margin-top: 10px;

    width: 640px;

    padding: 10px;

    overflow: hidden;

  }

    #descriptions .gal-image-description {

      position: absolute;

    }

      #descriptions .gal-image-description .gal-description-title {

        display: block;

      }

	  

.gal-gallery {

  width: 950px;

}

.gal-gallery, .gal-gallery * {

  margin: 0;

  padding: 0;

}

  .gal-gallery .gal-image-wrapper {

    width: 100%;

    height: 713px;

    margin-bottom: 10px;

    position: relative;

    overflow: hidden;

  }

    .gal-gallery .gal-image-wrapper .gal-loader {

      position: absolute;

      z-index: 10;

      top: 48%;

      left: 48%;

      border: 1px solid #CCC;

    }

    .gal-gallery .gal-image-wrapper .gal-next {

      position: absolute;

      right: 0;

      top: 0;

      width: 25%;

      height: 100%;

      cursor: pointer;

      display: block;

      z-index: 100;

    }

    .gal-gallery .gal-image-wrapper .gal-prev {

      position: absolute;

      left: 0;

      top: 0;

      width: 25%;

      height: 100%;

      cursor: pointer;

      display: block;

      z-index: 100;

    }

    .gal-gallery .gal-image-wrapper .gal-prev, .gal-gallery .gal-image-wrapper .gal-next {

      /* Or else IE will hide it */

      background: url(../images/non-existing.jpg)\9

    }

      .gal-gallery .gal-image-wrapper .gal-prev .gal-prev-image, .gal-gallery .gal-image-wrapper .gal-next .gal-next-image {

        background: url(../images/ad_prev.png);

        width: 30px;

        height: 30px;

        display: none;

        position: absolute;

        top: 47%;

        left: 0;

        z-index: 101;

      }

      .gal-gallery .gal-image-wrapper .gal-next .gal-next-image {

        background: url(../images/ad_next.png);

        width: 30px;

        height: 30px;

        right: 0;

        left: auto;

      }

    .gal-gallery .gal-image-wrapper .gal-image {

      position: absolute;

      overflow: hidden;

      top: 0;

      left: 0;

      z-index: 9;

    }

      .gal-gallery .gal-image-wrapper .gal-image a img {

        border: 0;

      }

      .gal-gallery .gal-image-wrapper .gal-image .gal-image-description {

        position: absolute;

        bottom: 0px;

        left: 0px;

        padding: 7px;

        text-align: left;

        width: 100%;

        z-index: 2;

        background: url(../images/opa75.png);

        color: #000;

      }

      * html .gal-gallery .gal-image-wrapper .gal-image .gal-image-description {

        background: none;

        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');

      }

        .gal-gallery .gal-image-wrapper .gal-image .gal-image-description .gal-description-title {

          display: block;

        }

  .gal-gallery .gal-controls {

    height: 20px;

  }

    .gal-gallery .gal-info {

      float: left;

    }

    .gal-gallery .gal-slideshow-controls {

      float: right;

    }

      .gal-gallery .gal-slideshow-controls .gal-slideshow-start, .gal-gallery .gal-slideshow-controls .gal-slideshow-stop {

        padding-left: 5px;

        cursor: pointer;

      }

      .gal-gallery .gal-slideshow-controls .gal-slideshow-countdown {

        padding-left: 5px;

        font-size: 0.9em;

      }

    .gal-gallery .gal-slideshow-running .gal-slideshow-start {

      cursor: default;

      font-style: italic;

    }

  .gal-gallery .gal-nav {

    width: 840px;

    position: relative;

	margin-bottom: 30px;

	 margin-left: 54px;

  }

    .gal-gallery .gal-forward, .gal-gallery .gal-back {

      position: absolute;

      top: 0;

      height: 100%;

      z-index: 10;

    }

    /* IE 6 doesn't like height: 100% */

    * html .gal-gallery .gal-forward, .gal-gallery .gal-back {

      height: 100px;

    }

    .gal-gallery .gal-back {

      cursor: pointer;

      left: -48px;

      width: 48px;

      display: block;

      background: url(../images/ad_scroll_back.png) 0px 0px no-repeat;

    }

    .gal-gallery .gal-forward {

      cursor: pointer;

      display: block;

      right: -48px;

	   top: -22px;

      width: 48px;

      background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat;

    }

    .gal-gallery .gal-nav .gal-thumbs {

      overflow: hidden;

      width: 100%;

    }

      .gal-gallery .gal-thumbs .gal-thumb-list {

        float: left;

        width: 9000px;

        list-style: none;

      }

        .gal-gallery .gal-thumbs li {

          float: left;

          padding-right: 5px;

        }

          .gal-gallery .gal-thumbs li a {

            display: block;

          }

            .gal-gallery .gal-thumbs li a img {

              border: 3px solid #CCC;

              display: block;

            }

            .gal-gallery .gal-thumbs li a.gal-active img {

              border: 3px solid #616161;

            }

/* Can't do display none, since Opera won't load the images then */

.gal-preloads {

  position: absolute;

  left: -9000px;

  top: -9000px;

}	  

.formHeading {width: 650px; margin-bottom: 20px;}

.contactLeft {float: left; display: inline; width: 375px;}

.contactRight{float: left; display: inline; width: 332px;}

.contactBottom {float: left; display: inline; width: 100%;}

.giftChoose {float: left;display: inline; margin-right: 50px;margin-top: 14px;}

.giftChoose input {float: left; display: inline;}

.form_choice_text img {float: left;display: inline;}



.enviRight {float: left;display: inline; width: 100%; margin-bottom: 15px;font-family: arial}
.enviRight h3 {font-size: 18px;}
.enviRight p {font-size: 11px;line-height: 18px;}

.enviRight.bg1 {background: url(../images/envi1.jpg) no-repeat;height: 203px}
.enviRight.bg1 h3 {margin-left: 46px;margin-top: 18px}
.enviRight.bg1 p {margin-left: 46px; width:280px}

.enviRight.bg2{background: url(../images/envi2.jpg) no-repeat;height: 160px;}
.enviRight.bg2 h3 {margin: 14px 0 0 14px}
.enviRight.bg2 p {margin-left: 14px; width:230px;}

.enviRight.bg3 {background: url(../images/envi3.jpg) no-repeat;height: 176px;}
.enviRight.bg3 h3 {margin: 8px 0 0 138px;}
.enviRight.bg3 p{margin-left: 138px; width:204px}

.enviRight.bg4 {background: url(../images/envi4.jpg) no-repeat;height: 176px;}
.enviRight.bg4 h3 {margin: 18px 0 0 15px;}
.enviRight.bg4 p {margin-left: 15px; width: 250px;}

.enviRight.bg5 {background: url(../images/envi5.jpg) no-repeat;height: 118px;}
.enviRight.bg5 h3 {margin: 12px 0 0 116px}
.enviRight.bg5 p {margin-left: 116px;width:230px;}