/***** CSS RESET *****/
/*********************/
html,body,div,span,object,img,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
}

body {
	background-color:#000;
  color:#fff;
  font:normal 9pt arial,sans-serif;
}

/***** A BETTER and SMARTER WAY TO CLEAR FLOATS *****/
/****************************************************/
.clearfix:after {
  content:" ";
  clear:both;
  display:block;
  font-size:0px;
  height:0px;
  visibility:hidden;
}
*:first-child+html .clearfix {zoom:1;}
* html .clearfix,* html .IEHollyHack {height:1%;zoom:1;}

/***** COMMON MARKUP SETTING *****/
/*********************************/

ol,ul {list-style:none;}
.olNumber {list-style-type:decimal;}
.ulDisc {list-style-type:disc;}
blockquote,q {quotes:"" "";}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
:focus,a:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
input.txtype,textarea {background-color:transparent;}
textarea {overflow:auto;}
button {cursor:pointer;}
img.zoomer {
  left:50%;
  margin-left:-23px;
  margin-top:-23px;
  position:absolute;
  top:50%;
}
a,a:hover {text-decoration:none;}
a {color:#777;}
a:hover {
  border-bottom:none;
  border-top:none;
  border-right:none;
  border-left:none;
  color:#fff;
}
.geninfo-col_bu table a { color:#0000ff !important; text-decoration:underline; }
.geninfo-col_bu table a:hover { color:#ff0000!important; }

a img.zoomer {visibility:hidden;}
a:hover img.zoomer {visibility:visible;}
img.zoomer,a:hover img.zoomer {
  height:46px;
  width:46px;
}
span.subtitle {
  display:block;
  padding-bottom:3px;
}
.fclear {
	clear:both;
  font-size:1px;
}
.fleft {float:left;width:auto;}
.fright {float:right;width:auto;}
.taLeft {text-align:left;}
.taRight {text-align:right;}
.taCenter {text-align:center;}
.taJustify {text-align:justify;}
.underlined {text-decoration:underline;}
.fs7pt {font-size:7pt;}
.fs8pt {font-size:8pt;}
.fs9pt {font-size:9pt;}
.fs10pt {font-size:10pt;}
.fs11pt {font-size:11pt;}
.fs12pt {font-size:12pt;}
.fs14pt {font-size:14pt;}
.fs16pt {font-size:16pt;}
.fs18pt {font-size:18pt;}
.fs24pt {font-size:24pt;}
.white {color:#ffffff;}
.silver {color:#cccccc;}
.gray {color:#999999;}
.black {color:#000000;}
.purered,.errortxt {color:#ff0000;}
.inputframe {background:transparent url(../images/inputbg.png) no-repeat left top;}
.noborder,.inputframe input,.inputframe textarea {border:0;}
.pdtop10 {padding-top:10px;}
.height91px {height:91px !important;}
.height200px {height:200px !important;}
.height25px {height:25px !important;}

/***** WRAPPER *****/
.mainStructure {
	width:905px;
	margin:0 auto;
	position:relative; /* This is important to make the footer stick at the bootom */
}

/***** Headers *****/
	.wideboxtop {
		padding-bottom:10px;
		border:0px solid red;
	}
		.headleft {
			float:left;
		}
			.logo-col a img {
				width:195px;
				height:166px;
				margin:20px 0 -3px 0;
			}
			.hdsrc-col {
				width:183px;
				height:135px;
				padding:5px 5px 0 5px;
				margin-top:10px;
				border:1px solid #222;
				background-color:#000;
			}

			  span.separator {
				width:183px;
				display:block;
				padding:5px;
				border-top:1px solid #222;
				margin:5px 0 5px -5px;
				position:relative;
				font-size:12px;
				color:#4d4d4d;
			  }
			  
      :first-child+html .hdsrc-col {margin-top:8px;}
				.hdsrc-field,.email-field,.password-field  {
					font:normal 8pt arial, sans-serif;
					color:#ccc;
					width:154px;
					height:16px;
					padding:2px 2px;
					float:left;
					border:0;
					background-color:#4d4d4d;
				}
				.hdsrc-btn,.hdlog-btn {
					width:24px;
					height:20px;
					float:right;
					border:0;
					cursor:pointer;
					background: url(../images/buttons/hdsrc.gif) no-repeat left top;
				}

        #form2 fieldset .ldiv,#form2 fieldset .rdiv { display:inline; margin-bottom:5px; color:#ccc; } 
        #form2 fieldset .ldiv { width:30%; float:left; font-size:11px;} 
        #form2 fieldset .rdiv { width:70%; float:right; }
        .email-field,.password-field { width:124px; }
        .hdlog-btn {
          width:auto;
          background: url(../images/buttons/login_btn_repeat.gif) repeat-x left top; /* adjust the image path */
          padding:0 10px;
          float:none;
          color:#fff;
          font-size:11px;
        }
		
		.headright {
			width:700px;
			height:auto !important;
			min-height:60px;
			height:60px;
			padding-top:20px;
			float:right;
			background: url(../images/title_head.gif) no-repeat left top;
		}
			.hdtop-col {
				background:none;
			}
	      .hdlangs{
					text-align:right;
				}
	        .hdlangs a img {
						opacity:.8;filter:alpha(opacity=80);
					}
	        .hdlangs a:hover img,span.actlangs img {
						opacity:1;filter:alpha(opacity=100);
					}
          a.fb img,a.tw img { opacity:.9;filter:alpha(opacity=90); }
          a.fb,a.tw { width:26px; height:26px; display:inline; position:relative; }

				.hdtopmn {
					margin-top:6px;
				}
					.hdtopmn p {
						text-align:right;
						font:normal 7pt verdana, sans-serif;
						color:#777;
					}
						.hdtopmn p a span, .hdtopmn p span {
							font:bold 7pt verdana, sans-serif;
							color:#fff;
							text-decoration:underline;
						}
						.hdtopmn p a {
							font:normal 7pt verdana, sans-serif;
							color:#777;
							text-decoration:underline;
						}
						.hdtopmn p a:hover {
							color:#fff;
							text-decoration:underline;
						}

				/* ul.mainmenu {
					height:29px;
					margin-top:10px;
					border-bottom:1px solid #222;
					background: url(../images/slice/mm.gif) repeat-x left top;
				}
					ul.mainmenu li {
						float:left;
					}
					* html ul.mainmenu li {
						width:1%; /* fix bug IE6 browser 
					}
						ul.mainmenu li img {
							width:2px;
							height:29px;
						}
						ul.mainmenu li a {
							color:#777;
						}
						ul.mainmenu li a, ul.mainmenu li.active,ul.mainmenu li a:hover {
							display:block;
							height:23px;
							padding:6px 10px 0 10px;
							
							font:normal 8pt tahoma, sans-serif;
						}
	          ul.mainmenu li.active,ul.mainmenu li a:hover {
							color:#fff;
	            background: url(../images/slice/mm_act.gif) repeat-x left top;
	          } */

				.hdbcrumb p {
					display:block;
					height:16px;
					padding-top:5px;
					font:normal 8pt tahoma, sans-serif;
					color:#aaa;
				}
					.hdbcrumb p span {
						font:normal 8pt tahoma, sans-serif;
						color:#aaa;
					}
					.hdbcrumb p a {
						font:normal 8pt tahoma, sans-serif;
						color:#aaa;
					}
					.hdbcrumb p a:hover {
						color:#fff;
					}

			.hdintro {
				height:auto;
				padding:6px 10px 10px 10px;
				border:1px solid #222;
				background-color:#000;
			  /*font:normal 8pt tahoma, sans-serif;*/
			  font-family:tahoma, sans-serif;
			  font-size:9pt !important;
			  color:#ffffff !important;
			}
				.hdintro h1 {
					display:block;
					font:bold 15pt tahoma, sans-serif;
					color:#fff;
					padding-bottom:5px;
				}
				/*.hdintro p {
					display:block;
					color:#fff;
				}*/
        .hdintro a {
            color:#999999;
            font-weight:bold;
            text-decoration:underline;
          }
        .hdintro a:hover {
            color:#ffffff;
            text-decoration:none;
          }

.hdintro .button-wrap {
  position:absolute;
  top:286px;
  right:10px;
  width:600px;
}
.hdintro .button-wrap a {
  display:block;
  float:left;
  margin-left:10px;
}
.hdintro .button-wrap a img {
  width:190px;
  height:40px;
}
          

/***** Contents *****/
	.one-colums {
		height:auto !important;
		min-height:300px;
		height:300px;
		background-color:#6a5d54;
	}
	.two-colums {
		background:none;
	}
  .extratxt-large-col, .extratxt-large-col2 {
     padding:5px 10px 15px;
     border-bottom:1px solid #303030;
	}
  .extratxt-large-col {
		margin:10px 0;
	}
  .extratxt-large-col2 {
		margin:10px 0 10px 204px;
	}
    .extratxt-large-col p, .extratxt-large-col2 p {margin-bottom:5px;}

/***** Footers *****/
	.ftrlarge-col, .ftrsmall-col {
		margin:10px 0;
	}
	.ftrsmall-col {
		padding-left:205px;
	}
		.ftr-left {
        padding-left:10px;
        float:left;
        width:48%;
		}
		.ftr-left p {
			font:bold 7pt tahoma, sans-serif;
			color:#777;
		}
			.ftr-left p a {
				font:bold 7pt tahoma, sans-serif;
				color:#999;
				text-decoration:none;
			}
			.ftr-left p a:hover {
				text-decoration:underline;
			}

		.ftr-right {
        text-align:right;
        padding-right:10px;
        float:right;
        width:48%;
		}
			.ftr-right h1 {
				display:block;
				margin-top:15px;
				font:bold 7pt tahoma, sans-serif;
				color:#777;
				text-decoration:none;
			}
			.ftr-right p span {
				font:bold 7pt tahoma, sans-serif;
				color:#fff;
			}
			.ftr-right p a {
				font:bold 7pt tahoma, sans-serif;
				color:#999;
				text-decoration:none;
			}
			.ftr-right p a:hover {
				text-decoration:underline;
			}

      
/* New 15-04-2011 */
.geninfo-col_bu {
  position:relative;
  width:700px;
  height:auto!important;
  min-height:500px;
  height:500px;
}
.geninfo-col_bu .exclusive1, .geninfo-col_bu .exclusive2 {
  position:absolute;
  right:12px;
}
.geninfo-col_bu .exclusive1 {
  top:124px;
}
.geninfo-col_bu .exclusive2 {
  top:438px;
}
.geninfo-col_bu .exclusive1 a img, .geninfo-col_bu .exclusive2 a img {
  display:block;
  width:236px;
  height:313px;
}

.geninfo-col_bu .lamp_floor_study, .geninfo-col_bu .lamp_table_study {
  position:absolute;
  bottom:51px;
}
.geninfo-col_bu .lamp_floor_study {
  left:76px;
}
.geninfo-col_bu .lamp_table_study {
  right:77px;
}
.geninfo-col_bu .lamp_floor_study a img, .geninfo-col_bu .lamp_table_study a img {
  display:block;
  width:206px;
  height:28px;
}

/*  Color Cards */
.ccc_wraper {
  width: 658px;
  padding-top: 2px;
  margin-top: 8px;
  background: url(../images/line-content.gif) repeat-x 0 0;
}
.ccc_title {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 10px;
}
.ccc_desc{}
.ccc_sub_wraper {
  width: 672px;
  margin-top: 10px;
}
.cc_wraper {
  position: relative;
  width: 73px;
  float: left;
  margin: 0 11px 10px 0;
}
.cc_title, .cc_image {
  text-align: center;
}
.cc_title img {
  width: 73px;
  height: 73px;
  cursor: pointer;
}
.cc_image {
  font-size: 11px;
  color: #413a34;
  height: 25px;
  overflow: hidden;
}

.cc_info {
  padding-right: 14px;
}

.cc_tooltip {
  position: absolute;
  top: -75px;
  left: -1px;
  width: 185px;
  height: 95px;
  z-index: 99999;
  background: url(../images/pop_up.png) no-repeat 0 0;
}
.cc_tooltip p.color_card {
  display: block;
  color: #9e8b7d;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  width: 168px;
  height: 18px;
  padding: 5px 5px 0 5px;
  margin: 1px 0 0 1px;
  background: #000000;
}
.cc_tooltip p.color {
  display: block;
  color: #fffdf8;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 0 0 5px;
}
.cc_tooltip p.efee {
  display: block;
  color: #9e8b7d;
  text-align: right;
  font-size: 10px;
  padding: 0 10px 0 0;
}
.cc_tooltip p.fee {
  display: block;
  color: #fffdf8;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  padding: 0 10px 0 0;
}

table#Table_01 td {font-size:1%!important;line-height:0!important;margin:0!important;padding:0!important;}
table#Table_01 td img {vertical-align:bottom;}
.geninfo-col_bu table#special_offer { border: 5px #6A5D54 solid!important; }
.geninfo-col_bu table#special_offer td p a,table#special_offer td p a:hover { 
  height: 26px!important;
  text-decoration: none!important;
  color: #505050!important;
  margin: 0 10px 20px!important;
  line-height: 12px!important;
  overflow: hidden!important;
  display: block!important;
  }
.geninfo-col_bu table#special_offer td p a:hover { color: #000000!important; }
.geninfo-col_bu table#special_offer td a img { font: normal 10px Arial!important; color: #ccc!important; text-decoration: underline!important; }





