@charset "utf-8";

.fineThaha {
	font: 12px Arial, Helvetica, sans-serif;
	cursor: default;
	margin: 0;
}

a {
	text-decoration: none;
}
.fineThaha .clearFloat {
	clear: both;
}

.fineThaha #wrapper {
	width: 918px;
	margin-right: auto;
	margin-left: auto;
	background: #F6F6F6;
}
.fineThaha #wrapper #leftPanel {
	width: 278px;
	float: left;
	display: inline;
}
.fineThaha #wrapper #leftPanel #logo {
	height: 185px;
	text-align: right;
	padding-right: 15px;
}
.fineThaha #wrapper #footer {
	background: #888787;
	height: 51px;
	color: #FFFFFF;
	margin-bottom: 35px;
	margin-top: 30px;
}
.fineThaha #wrapper #footer a {
	color: #FFFFFF;
}
.fineThaha #wrapper #footer #bottomLinks {
	text-align: center;
	background: #F6F6F6;
	color: #000000;
}
.fineThaha #wrapper #footer #bottomLinks a {
	color: #000000;
}
.fineThaha #wrapper #footer p {
	text-align: center;
	font-size: 11px;
	padding-top: 10px;
	margin: 0px;
}
.fineThaha #wrapper #leftPanel #logo img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
.fineThaha #wrapper #head #headFlash {
	height: 226px;
	width: 639px;
	background: url(../images/HeadFlash.jpg);
}
.fineThaha #wrapper #leftPanel #blackArea {
	height: 250px;
	width: 276px;
	background: url(../images/LeftNotifyShadow.jpg) no-repeat 6px;
}
.fineThaha #wrapper #leftPanel #blackArea div {
	background: url(../images/LeftNotifyBg.png);
	height: 250px;
	width: 241px;
	margin-left: 37px;
	text-align: center;
}
.fineThaha #wrapper #leftPanel #blackArea img {
	margin-top: 41px;
}
.fineThaha #wrapper #leftPanel #blackArea h3 {
	font-style:italic;
	font-size: 12px;
	color: #FFFFFF;
}
.fineThaha #wrapper #head #mainNav {
	height: 32px;
	background: #979595;
}
.fineThaha #wrapper #head {

}
.fineThaha #wrapper #head #mainNav a {
	display: block;
	float: left;
	padding: 8px 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
}
.fineThaha #wrapper #head #mainNav a:hover {
	color: #FFFFFF;
	background: #666666;
}
.fineThaha #wrapper #content {
	padding: 22px;
}
.fineThaha #wrapper #rightPanel {
	float: left;
}
.fineThaha #wrapper #content h1 {
	font-size: 19px;
	color: #979393;
	margin-bottom: 20px;
	display: block;
}
.fineThaha #wrapper #content h1 .welcome {
	background: url(../images/PageName.png) no-repeat left bottom;
	display: block;
	width: 165px;
	float: left
}
.fineThaha #wrapper #content h1 span {
	display: block;
	float: left;
	margin-bottom: 20px;
	height: 23px;
}
.fineThaha #wrapper #content #homeProducts {
	background: url(../images/HomeProductsTitle.png) no-repeat left bottom;
	height: 520px;
	padding-left: 65px;
	float: left;
	width: 530px;
}
.fineThaha #wrapper #content #homeProducts .products {
	background: url(../images/ProductsBg.png) no-repeat;
	height: 170px;
	width: 214px;
	text-align: center;
	float: left;
	margin-left: 34px;
}
.fineThaha #wrapper #content #homeProducts .products img {
	border: 2px solid #FFFFFF;
}
.fineThaha #wrapper #content #homeProducts .products h3 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
}
.fineThaha #wrapper #content #homeProducts .products span {
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	display: block;
}
.fineThaha #wrapper #content #homeProducts .products a {
	display: block;
	padding: 27px 0px;
	color: #FFFFFF;
}
.fineThaha #wrapper #content #homeProducts .products a:hover {
	color: #CCCCCC;
}
.fineThaha #wrapper #content #homeProducts .products a:hover img {
	border: 2px solid #CCCCCC;
}
.fineThaha #wrapper #content p {
	text-align: justify;
	display: block;
	width: 595px;
}
.fineThaha #wrapper #leftPanel #greyArea {
	width: 241px;
	margin-left: 37px;
	background: #E2E2E2;
}
#mySlideShow {
	width: 200px !important;
	height: 200px !important;
} 
.fineThaha #wrapper #content #productsContainer {
	background: url(../images/HomeProductsTitleBg.png) repeat-y;
	width: 595px;
}
.fineThaha #wrapper #content #productsContainer #products {
	background: url(../images/HomeProductsTitle.png) no-repeat left bottom;
	padding-left: 65px;
}
.fineThaha #wrapper #content #productsContainer #products .productsStyle1 {
	background: url(../images/ProductsStyle1Bg.png) repeat-x;
	height: 160px;
}
.fineThaha #wrapper #content #productsContainer #products .productsStyle1 .productsLeft {
	background: url(../images/ProductsStyle1L.png) no-repeat;
}
.fineThaha #wrapper #content #productsContainer #products .productsStyle1 .productsRight {
	background: url(../images/ProductsStyle1R.png) no-repeat right top;
	padding: 20px;
	height: 120px;
}
.fineThaha #wrapper #content #productsContainer #products .productsStyle2 {
	background: url(../images/ProductsStyle2Bg.png) repeat-x;
	height: 160px;
}
.fineThaha #wrapper #content #productsContainer #products .productsStyle2 .productsLeft {
	background: url(../images/ProductsStyle2L.png) no-repeat;
}
.fineThaha #wrapper #content #productsContainer #products .productsStyle2 .productsRight {
	background: url(../images/ProductsStyle2R.png) no-repeat right top;
	padding: 20px;
	height: 120px;
}
.fineThaha #wrapper #content #productsContainer #products img {
	border: 2px solid #FFFFFF;
	float: right;
	margin-left: 10px;
}
.fineThaha #wrapper #content #productsContainer #products h3 {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}
.fineThaha #wrapper #content #productsContainer #products a {
	display: block;
	text-align: right;
	margin-top: 10px;
	font-weight: bold;
	color: #000000;
}
.fineThaha #wrapper #content #productsContainer #products a:hover {
	color: #999999;
}
.fineThaha #wrapper #content #productsContainer #products span {
	text-align: justify;
}

.fineThaha #wrapper #content #contact {
	background: url(../images/ContactsTitle.png) no-repeat left bottom;
	padding-left: 65px;
	float: left;
	width: 530px;
}.fineThaha #wrapper #content #contact p {
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 210px;
}
.fineThaha #wrapper #content #contact div {
	width: 230px;
	float: left;
	margin-left: 20px;
}
.fineThaha #wrapper #content #contact label {
	width: 80px;
	display: block;
	float: left;
}

.fineThaha #wrapper #content #businessContact {
	padding-left: 20px;
	float: left;
	width: 530px;
}.fineThaha #wrapper #content #businessContact p {
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 350px;
}
.fineThaha #wrapper #content #businessContact div {
	width: 400px;
	float: left;
	margin-left: 20px;
	padding-top: 20px;
}
.fineThaha #wrapper #content #businessContact label {
	width: 130px;
	display: block;
	float: left;
}
.fineThaha #wrapper #content #businessContact h2 {
	font-size: 16px;
}
.fineThaha #wrapper #content #businessContact h3 {
	font-size: 13px;
}
.fineThaha .textBox {
	width: 120px;
}
.fineThaha textarea {
	height: 45px;
}
.fineThaha #wrapper #content #productsListContainer {
	height: 200px;
	background: url(../images/ProductsListBG.png) repeat-x;
	width: 595px;
}
.fineThaha #wrapper #content #productsListContainer #productsList {
	background: url(../images/ProductsListTitle.png) no-repeat;
	height: 200px;
	padding-left: 67px;
}
.fineThaha #wrapper #content #productsListContainer #productsList div {
	height: 200px;
	background: url(../images/ProductsListRight.png) no-repeat right top;
}
.fineThaha #wrapper #content #productsListContainer #productsList ul {
	list-style: none;
	margin: 0px;
	padding: 20px 0;
	width: 528px;
}
.fineThaha #wrapper #content #productsListContainer #productsList li {
	float: left;
	width: 150px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.fineThaha #wrapper #content #productsListContainer #productsList a {
	font-weight: bold;
	color: #333333;
	width: 150px;
	background: none;
	padding: 5px 0px 4px 12px;
	display: block;
}
.fineThaha #wrapper #content #productsListContainer #productsList a:hover {
	color: #CCCCCC;
	background: url(../images/ProductsListHover.png) no-repeat;
}
.fineThaha #wrapper #content #galleryContainer {
	background: url(../images/ProductsGalleryBG.png) repeat-y;
	width: 595px;
	margin-top: 50px;
}
.fineThaha #wrapper #content #galleryContainer #galleryBottom {
	background: url(../images/ProductsGalleryBottom.png) no-repeat left bottom;
}
.fineThaha #wrapper #content #galleryContainer #galleryBottom #gallery h2 {
	background: url(../images/ProductsGalleryTop.png) no-repeat;
	margin: 0px;
	color: #E2E2E2;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
}
.fineThaha #wrapper #content #galleryContainer #galleryBottom #gallery .images {
	padding: 11px;
}
.fineThaha #wrapper #content #galleryContainer #galleryBottom #gallery .images img {
/*	border-style: none;
	background: url(../images/GalleryImgBG.png) no-repeat;
	padding: 14px;*/
	border-width: 0px;
}
.toolTip {
	width: 250px;
	display: block;
	padding: 6px;
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
	padding: 15px;
}
#loader_container {text-align:center;position:absolute;top:40%;width:100%}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}


#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}
.title_h2 {
 width:300px;
 padding:12px 0 0 18px;
 margin: 0;
 font-size: 14px;
}
.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}.fineThaha #wrapper #content #businessContact  span {
	display: block;
	margin-left: 130px;
}
.fineThaha #wrapper #content #contact h2 {
	font-size: 16px;
}
.fineThaha #wrapper #content #contact h3 {
	font-size: 14px;
}
.fineThaha #wrapper .loading {
	background: url(../images/Loading.gif) no-repeat center center;
}



#largeImage {
	padding: 20px;
	background: #ECECEC url(../images/Loading.gif) no-repeat center center;
	border: 4px solid #666666;
	margin: 0;
	z-index: 1000;
}
.large {
	display: none;
}
#preview {
	position: absolute;
	top: 10px;
	left: 20px;
	padding: 0px;
	z-index: 999;
	width: auto;
	display: none;
	text-align: left;
	cursor: pointer;
}
#preview {
	position: fixed;
}
#previewBg {
	text-align: left;
	position: absolute;
	top: 0px;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #666666;
	display: none;
}


@media screen
  {
  div#preview
    {
    position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    font-size: 100%;
    }
  * html div#preview
    {
    position: absolute;  
    }
  /* All done. */
  }