/* ---------------------
          UNF
    Created by YC
	date on 10/05/2012

------------------------*/
*
{
	margin: 0px;
	padding: 0px;
}
html, body
{
	font-family: Helvetica Neue, sans-serif, Arial;
	font-size: 10pt;
	color: #333;
	width: 100%;
	line-height: 1.2em;
	background: #221e1b;
}
img
{
	border: 0;
}

p
{
	font-size: 10pt;
	line-height: 1.3em;
	margin: 0.5em 0 1.0em 0;
	text-align:justify;
	word-spacing: 2pt;
	color: #333;
}
h1
{
	color: #333;
	margin: 0 0 15px 0;
	font-size: 15pt;
}
h2
{
	float: left;
	display: inline;
	color: #d60505;
	font-weight: bold;
	font-family: Arial Narrow, Sans-Serif;
	margin: 0 0 15px 0;
	padding: 10px 0 22px 0;
	font-size: 20pt;
}
h3
{
	font-weight: bold;
	font-size: 16pt;
	padding: 0 0 5px 0;
	
	
	color: #d60505;
}
h3 span
{
	padding:2px 0 0 0 ;
	display:block;
	font-size:10pt;
	color:#767676;}
h4
{
	font-weight: normal;
	font-size: 14pt;
	padding: 0 0 5px 0;
	
	
	color: #d60505;
}
div.breadcrumb
{
	float: right;
	margin: 0px 0 0 0;
	
	display: inline;
}
div.breadcrumb ul
{
	list-style: none;
}
div.breadcrumb ul li
{
	float: left;
	display: inline;
}

div.breadcrumb ul li a
{
	text-decoration: none;
	color: #333;
}
div.breadcrumb ul li._selected a
{
	text-decoration: none;
	color: #d60505;
}
div.breadcrumb > ul > li + li
{
	padding: 0 0 0 24px;
	background: url(../image/imgbullet02.png) no-repeat 10px center;
}
div.clearfix
{
	clear: both;
	width: 100%;
	height: 0;
}
div#wrapper
{
	width: 100%;
	padding: 0;
	margin: 0;
}
div#headerwrapper, div#contentwrapper
{
	width: 100%;
	padding: 0;
	margin: 0;
}

div#header
{
	width: 1000px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	height: 410px;
}


div.cologowrapper
{
	width: 357px;
	background: url(../image/imglogobg.png) no-repeat left top;
	height: 100px;
	margin: 0 0 10px 0;
}
div.topsocial
{
	width: 689px;
	height: 71px;
	background: url(../image/imgtopsocialbg.jpg) no-repeat right top;
	position: absolute;
	top: 4px;
	
	right: -5px;
}
div.titleleft
{	color:#fff;
	font-family:Arial;
	font-weight:normal;
	text-transform:capitalize;

	font-size:14pt;
	
	padding:25px 0 0 100px;
	float:left;
	display:inline;
	}
div.fbaddthis
{


	width:140px;
	
	
	float: right;



		height: 20px;

}	
div.socialright
{
	padding:15px 30px 0 0 ;
	float:right;
	display:inline;}	
	
	div.socialright a
	{
		text-decoration:none;}
	
	div#shortcutwrapper0
{
	width: 995px;

	margin: 10px auto 0 auto;
	overflow:hidden;



	position: relative;	

}
div#shortcutwrapper
{
	width: 974px;
	
	overflow:hidden;
	padding:8px;
	margin:0 0 0 6px;
	





	position: relative;
	background: #ea3923;


}
div#shortcut
{
	width: 970px;
	padding:20px 0 20px 0;
	overflow:hidden;


	background: #fff;


}
div.prosmooth01 {
	background: url(../image/curvy/imghomecurvy01.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	left:0px;
	top: 0px;
}
div.prosmooth02 {
	background: url(../image/curvy/imghomecurvy02.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	right: 0px;
	top: 0px;
}
div.prosmooth03 {
	background: url(../image/curvy/imghomecurvy03.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
div.prosmooth04 {
	background: url(../image/curvy/imghomecurvy04.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
	
	div.leftsmooth01 {
	background: url(../image/curvy/imgleftsmooth01.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	left:0px;
	top: 0px;
}
div.leftsmooth02 {
	background: url(../image/curvy/imgleftsmooth02.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	right: 0px;
	top: 0px;
}
div.leftsmooth03 {
	background: url(../image/curvy/imgleftsmooth03.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
div.leftsmooth04 {
	background: url(../image/curvy/imgleftsmooth04.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
	
	div.consmooth01 {
	background: url(../image/curvy/imgconsmooth01.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	left:0px;
	top: 0px;
}
div.consmooth02 {
	background: url(../image/curvy/imgconsmooth02.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	right: 0px;
	top: 0px;
}
div.consmooth03 {
	background: url(../image/curvy/imgconsmooth03.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
div.consmooth04 {
	background: url(../image/curvy/imgconsmooth04.jpg) no-repeat;
	height: 9px;
	width: 9px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
		
div.cologo1
{
	float: left;
	padding: 15px 0 0 50px;
	

	display: inline;
}
div.cologo2
{
	
	width: 150px;
	float: right;
	padding: 35px 60px 0 0;
	display: inline;
}

div#maindeco01
{
	width: 258px;
	padding: 0px 0 0 20px;
	float: left;
	display: inline;
}
div#maindeco01 span
{
	padding: 40px 0 0 0;
	width: 180px;
	float: right;
	display: inline;
	font-weight: bold;
	font-size: 12pt;
}
div#maindeco01 span a, div#maindeco02 span a, div#maindeco03 span a
{
	color: #fff;
	text-decoration: none;
}
div#maindeco02
{
	width: 260px;
	padding: 0px 0 0 82px;
	float: left;
	display: inline;
}
div#maindeco02 span
{
	padding: 40px 0 0 0;
	width: 160px;
	color: #fff;
	float: right;
	display: inline;
	font-weight: bold;
	font-size: 12pt;
}
div#maindeco03
{
	width: 280px;
	padding: 0px 0 0 30px;
	float: right;
	display: inline;
}
div#maindeco03 span
{
	padding: 40px 0 0 0;
	width: 160px;
	color: #fff;
	float: right;
	display: inline;
	font-weight: bold;
	font-size: 12pt;
}
/*content*/
div#content
{
	width: 994px;
	margin: 0 auto;

	padding: 15px 0 0 0;
}


div.mainleft
{
	width: 320px;

	float: left;
	margin: 0 0 0 5px;
	display: inline;
}
div.main01
{
	position: relative;
	width: 280px;
	float: left;
	background: #cfcac6;
	margin: 0 0 20px 0;
	padding: 30px 20px 10px 20px;
}
div.main01 a
{
	text-decoration: none;
	color: #333;
}
div.main01 a:hover
{
	text-decoration: underline;
	color: #000;
}
div.main01 strong
{
	font-size:8pt;

	display:block;
	margin:5px 0 0 0 ;}
div.main01 p
{
	line-height: 14pt;
}
div.main01 span.title
{
	margin: 0 8px 0 0;
	padding: 2px 4px 2px 4px;
	color: #d60405;
	font-weight: bold;
	background: #efebe8;
	
}
div.main02
{
	padding: 30px 20px 40px 20px;
	width: 600px;
	float: right;
		position: relative;
	background: #fff;
	display: inline;
}
div.readmore
{	float: right;

	height:28px;

	padding: 5px 0 0 11px;
	

	background:url(../image/imgmore01.png) no-repeat left top;
	
	}

a.more
{


	color: #fff;
	cursor: pointer;
	padding:5px 11px 0px 0;
	text-decoration: none;
	display:inline-block;

	margin:-5px 0 0 0;

		height:28px;
	background:url(../image/imgmore02.png) no-repeat right top;
	
}
a.more:hover
{
	color: #5d0d00;
}
div.divider
{
	height: 1px;
	width: 100%;
	margin: 20px 0 20px 0;
	background: #deddd9;
}
div.divider02
{
	clear: both;
	height: 1px;
	background: url(../image/imgdashdot.gif) repeat-x bottom;
	margin: 20px 0 20px 0;
}
span.safety
{
	font-size: 16pt;
	color: #c2c2c2;
	margin: 10px 0;
	display: inline-block;
}

div.mainlist01
{
	float: left;
	width: 290px;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #deddd9;
	display: inline;
}

div.mainlist02
{
	float: right;
	width: 280px;
	display: inline;
}

ul.list01
{
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	list-style: none;
	list-style-position: outside;
}
ul.list01 li
{
	margin: 10px 0 10px 0;
	padding: 3px 0 10px 30px;
	border-bottom: 1px solid #ddd;
	background: url(../image/imglist01-hover.jpg) no-repeat left 1px;
}

ul.list01 li a
{
	/*height: 19px;*/
	text-decoration: none;
	font-size: 10pt;
	color: #86857e;
}
ul.list01 li:hover
{
	/*height: 19px;*/
	background: url(../image/imglist01.jpg) no-repeat left top;
	text-decoration: none;
	font-size: 10pt;
	color: #86857e;
}


/*====about us====*/

ul.listabt
{
	margin: 10px 0 10px 20px;
	list-style: none;
}


ul.listabt li
{
	background: url(../image/imglist02.jpg) no-repeat left 1px;
	padding: 0 0 10px 20px;
}

div.qoute
{
	margin: 40px 0 20px 0;
	font-size: 14pt;
	color: #ababab;
	font-style: italic;
	background: url(../image/imglist03.jpg) no-repeat left top;
	padding: 8px 0 8px 32px;
}
ul.gallerypro
{
	list-style: none;
}

ul.gallerypro li
{
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
}
ul.gallerypro li a
{
	position: relative;
}
ul.gallerypro li a span
{
	position: absolute;
}
ul.gallerypro li img
{
	padding: 5px;
	background: #fff;
	border: 1px solid #cccccc;
}
div.strategy
{
	margin:0 0 0 0px;}


/*values*/


ul.listvalues
{
	width: 580px;
	list-style: none;
}

ul.listvalues li
{
	background: url(../image/imglist04.jpg) no-repeat left top;
	padding: 2px 0 15px 30px;
}
ul.vlist02
{
	width: 550px;
	margin:30px 0 30px 0;
	padding: 0 10px 0 0;
	list-style: none;
	text-align:justify;
	list-style-position: outside;
}
ul.vlist02 li
{
	margin: 8px 0 0px 0;
	padding: 3px 0 10px 40px;

	background: url(../image/imglist02.jpg) no-repeat 10px 5px;
}

div.valuespic
{
	position: absolute;
	bottom: 270px;
	right: 0;
}

div.values strong
{
	text-transform:uppercase;
	color:#d60505;
	line-height:18pt;
	font-size:12pt;}


/*history*/

div.msdiv
{
	overflow: hidden;
	padding-bottom: 40px;
}

div.msdiv span
{
	font-size: 2em;
	color: #999;
}

div.msdiv img
{
	padding: 5px;
	background: #fff;
	border: 1px solid #cccccc;
}

img.mlleft
{
	float: left;
	margin: 0 20px 0 0;
}



div.msdiv p
{
	text-align: justify;
	padding: 0 20px 0 0px;
}
div.extradiv
{
	clear: both;
	height: 1px;
	background: url(../image/imgdashdot.gif) repeat-x bottom;
	padding: 40px 0 0 0;
}
div.hisright
{
	float: right;
	display: inline;
	width: 780px;
}
div.hisleft
{
	float: left;
	
	padding: 12px 0 10px 0;
	display: inline-block;
}
div.hisleft span
{
	font-weight:bold;
	}
div.photo_gallery
{
	padding: 25px 15px 25px 15px;
	overflow: hidden;
	margin: 10px 0 20px 0;
	border: 1px solid #ddd;
}

div.hisright span.histitle
{ 
	display:block;
	padding:8px 0 0 0px ;

	font-size:10pt;}
	
		div.hislogo 
		{
		
			margin:0 20px 20px 0 ;
			display:inline;
			float:left;}
	div.hislogo img
	{
	border:0;
		}
	div.hisinforight
		{
			
			margin:0 30px 20px 0 ;
			float:right;
			display:inline;}	
		
		div.hisinforight
		{
			
			margin:10px 0 20px 30px ;
			float:right;
			display:inline;}
			
	ul.abt01
	{
		margin:20px 0 0 0;
		list-style:none;}	
			ul.abt01 li
	{
		margin:0 10px 0 0 ;
		float:left;
		display:inline;
	}	
	
		ul.abt01 li span
		{
			padding: 5px 0 0 5px;
			width:210px;
			font-size:10pt;
			display:block;}	
	
/*track*/
div.track02
{
	width: 290px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	float: right;
		background:#ececec;
	margin: 15px 0px 0 0;
	display: inline;
}
div.track01
{
	width: 290px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	float: left;
	background:#ececec;
	margin: 15px 30px 0 0;
	display: inline;
}
ul.list02
{
	width: 290px;
	margin: 0 0 0px 0;
	padding: 0 10px 0 0;
	list-style: none;
	list-style-position: outside;
}

ul.list02 li
{
	margin: 8px 0 0px 0;
	padding: 3px 0 10px 50px;
	border-bottom: 1px solid #ddd;
	background: url(../image/imgtlist02.jpg) no-repeat 10px top;
}

ul.list02 li a
{
	
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	color: #86857e;
}

ul.list02 li.active
/*ul.list02 li:hover*/
{

	background: url(../image/imgtlist05.jpg) no-repeat 10px top;
	text-decoration: none;
	font-size: 10pt;
	color: #86857e;
}





ul.list02 li img{
	display:none;
}

div.trackleft
{
	display: inline;
	float: left;
}
div.trackright
{
	width: 600px;
	display: inline;
	float: right;
}

ul.list03
{
	width: 290px;
	margin: 0 0 0px 0;
	padding: 0 10px 0 0;
	list-style-type: decimal;
	list-style-position: inside;
}
ul.list03 li
{
	margin: 8px 0 0px 0;
	padding: 3px 0 8px 0px;
}

ul.listabtleft
{
	float: left;
	display: inline;
	margin: 10px 55px 10px 0;
	list-style: none;
}


ul.listabtleft li
{
	background: url(../image/imglist02.jpg) no-repeat left 1px;
	padding: 0 0 10px 20px;
}
ul.listabtright
{
	float: right;
	display: inline;
	margin: 10px 0 10px 0;
	list-style: none;
}


ul.listabtright li
{
	background: url(../image/imglist02.jpg) no-repeat left 1px;
	padding: 0 0 10px 20px;
}
/*safety*/
div.safetyleft
{
	width: 425px;
	float: left;
	display: inline;
}
div.safetyright
{
	width: 480px;
	float: right;
	margin: 60px 0 0 0;
	display: inline;
}

/*slider*/

div#slidershow
{
	
	width: 689px;
	position: relative;
	padding: 70px 0 0 310px;
}
.theme-default .nivoSlider
{
	position: relative;
	background: #fff url(../image/loading.gif) no-repeat 50% 50%;
	margin-bottom: 50px;
	z-index: 0;
}
.theme-default .nivoSlider img
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.theme-default .nivoSlider a
{
	border: 0;
	display: block;
}

.theme-default .nivo-controlNav
{
	position: absolute;
	right: 30px;
	bottom: 10px;
	z-index: 10;
}
.theme-default .nivo-controlNav a
{
	display: block;
	width: 22px;
	height: 22px;
	background: url(../image/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
.theme-default .nivo-controlNav a.active
{
	background-position: 0 -22px;
}

.theme-default .nivo-directionNav a
{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../image/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}
.theme-default a.nivo-nextNav
{
	background-position: -30px 0;
	right: 15px;
}
.theme-default a.nivo-prevNav
{
	left: 15px;
}

.theme-default .nivo-caption
{
	font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a
{
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover
{
	color: #fff;
}

/*single page*/
div.contentinfo
{
	padding: 40px 25px 40px 25px;
	width: 940px;
	position: relative;
	float: right;
	margin: 0px 0 0 10px;
	background: #fff;
	display: inline;
}
div.abtpic
{
	position: absolute;
	bottom: 275px;
	right: 0;
}

/*====footer=====*/

div#footerwrapper
{
	width: 100%;
	padding: 0;
	margin: 0;
}
div#footer
{
	width: 980px;
	color: #676767;
	font-size: 8pt;
	padding: 40px 0 40px 0;
	font-weight: normal;
	word-spacing: 1pt;
	text-align: left;
	margin: 0 auto;
}
div.ft02
{
	float: left;
	display: inline;
}
div.ft03
{
	float: right;
	display: inline;
}


/*Spanlogic.com hyperlink style declaration*/
a.span_link:active, a.span_link:visited, a.span_link:link
{
	text-decoration: none;
	color: #888;
	margin: 0 0 0 2px;
	font-size: 8pt;
}
a.span_link:hover
{
	text-decoration: none;
	color: #fff;
}
/*=================
Author: Y.C Seah
Date: 11-05-2011
==================
*/

/*==================== Contact Us ====================*/
div.cont_right
{
	float: right;
	display: inline;
	width: 450px;
	margin: 0px 0 0 0;
	padding: 0 0 0 45px;
	border-left: solid 1px #deddd9;
}
div.cont_left
{
	float: left;
	display: inline;
	width: 420px;
	
	
	margin: 0px 0 0 0;
	padding: 0 0px 20px 0;
}
table.tbenquiryform
{
	border-collapse: collapse;
	margin: 10px 0 0 0;
}
table.tbenquiryform th
{
	padding: 10px 40px 10px 0px;
	text-align: left;
	vertical-align: top;
	font-size: 9pt;
	font-weight: normal;
	color: #333;
}
table.tbenquiryform .txtinput, table.tbenquiryform .txtarea
{
	width: 270px;
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	padding: 4px;
	overflow: hidden;
	background: #fcfcfc;
	font-family: Arial, Verdana, sans-serif, Helvetica;
	border: solid 1px #ddd;
}
table.tbenquiryform td
{
	padding: 4px 0 10px 0px;
}
table.tbcont
{
	margin: 20px 0 0 0;
	border-collapse: collapse;
}
table.tbcont th
{
	font-weight: bold;
	color: #d60505;
	padding: 0 0 10px 0;
	text-align: left;
	text-transform: uppercase;
}
table.tbcont td
{
	padding: 0 30px 10px 0;
	font-weight: normal;
	vertical-align: top;
}
table.tbcont td span
{
	font-weight: bold;
	display: inline-block;
	width: 70px;
	margin: 0 10px 0 0;
	color: #333;
	text-align: left;
	font-size: 10pt;
	display: block;
}
table.tbcont a
{
	text-decoration: none;
	color: #000;
}
table.tbcont a:hover
{
	text-decoration: none;
	color: #d60505;
}
table.tbcont2
{
	width:380px;
	margin: 20px 0 0 0;
	border-collapse: collapse;
}
table.tbcont2 th
{
	font-weight: bold;
	color: #d60505;

	padding: 0 0 10px 0;
	text-align: left;
	text-transform: uppercase;
}
table.tbcont2 td
{
	background:#f6f5f5;
	padding: 0 30px 10px 10px;
	font-weight: normal;
	vertical-align: top;
}
table.tbcont2 td.ctitle
{
	color:#fff;
	background:#a9a9a9;
	border-bottom:5px solid #f6f5f5;
	
	padding: 8px 30px 8px 10px;
	font-weight: normal;
	vertical-align: top;
}
table.tbcont2 td span
{
	font-weight: bold;
	display: inline-block;
	width: 70px;
	margin: 0 10px 0 0;
	color: #333;
	text-align: left;
	font-size: 10pt;
	display: block;
}
table.tbcont2 a
{
	text-decoration: none;
	color: #000;
}
table.tbcont2 a:hover
{
	text-decoration: none;
	color: #eb5710;
}

.button
{
	width: 80px;
	height:30px;
	color: #fff;
	float: right;
	border: none 1px #fff;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	background: url(../image/btnbkg.png) no-repeat left top;
	padding: 8px 0 8px 0;
	margin: 0 4px 0 0;
	font-weight: bold;
}
.button:hover
{
	background: url(../image/btnbkg.png) no-repeat left bottom;
}
div.mapwrapper
{
	}
div.googlemap
{margin:20px 0 0 0;
	float:left;
	display:inline;}
div.map
{
	float:right;
	display:inline;
	margin:20px 0 0 0;
	position: relative;
	height: 195px;
	width: 430px;
}
div.map a:hover span
{
	height: 195px;
	width: 430px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../image/imgzoom.png) no-repeat center center;
}

/* ============================ Career ============================ */
div.caption {
	
	display: block;
	background: url(../image/imgcapbkgleft.png) no-repeat;
	background-position: left top;
	height: 48px;
	margin:0 0 20px 0;
	padding: 0 0 0 46px;


}
div.caption h2 {
	display: block;
	background: url(../image/imgcapbkgright.png) no-repeat;
	background-position: right top;
	height: 42px;
	padding: 14px 40px 4px 10px;
	color: white;
	font-size: 14pt;
	font-family: Arial;
}
div.care_entry
{
	display: block;
	clear: both;
	margin: 0 0 30px 0;
	border-bottom: solid 1px #deddd9;
	padding: 20px 0 30px 0; /*float:left; 	display:inline; 	width:700px;*/
}

div.care_entry h3
{
	/*color: #555; 	padding: 8px 0 10px 36px; 	background: url(../image/imglist03.jpg) no-repeat left top; 	font-size: 20px;*/
	margin: 0 0 20px 0;
}
div.care_entry ul
{
	margin: 10px 0 10px 0;
	list-style: none;
}
div.care_entry ul li
{
	background: url(../image/imglist02.jpg) no-repeat left 1px;
	padding: 0 0 10px 20px;
}
/* ================= News & Events ================*/
div.news_events
{
	margin:20px 0 0 0 ;
	border-top: solid 1px #deddd9;
	border-left: solid 1px #deddd9;
	border-right: solid 1px #deddd9;
}
div.news_entry
{
	clear: both;
	border-bottom: solid 1px #deddd9;
	background:#ececec;
	padding: 20px 0;
}
div.news_entry div.date
{
	color: #000;
	float: right;
	display: inline-block;
	font-style: italic;
	text-align: right;
	padding: 0px 20px 0 0;
}
div.news_entry a
{
	color: #000;
	text-decoration: none;
	background: url(../image/imgpdf.png) no-repeat left top;
	padding: 10px 0 10px 40px;
	margin: 0 0 0 20px;
}
div.news_entry a:hover
{
	color: #ff651b;
}

div.wordthanks
{
	text-align:justify;
	margin:40px 0 0 0;}
/* ================= FAQ ================*/
div.faq ul.qlist
{
	list-style: none;
}
div.faq ul.qlist li
{
	padding: 0 0 8px 14px;
	background: url(../image/imgbullet02.png) no-repeat left 4px;
	margin: 0 0 0 0;
}
div.faq ul.qlist li a
{
	color: #000;
	text-decoration: none;
}
div.faq ul.qlist li:hover
{
	background: url(../image/imgbullet02.png) no-repeat 4px 4px;
	padding: 0 0 8px 18px;
}

div.faq ul
{
	list-style: none;
}
div.faq ul li
{
	padding: 0 0 0 20px;
	background: url(../image/imglist02.jpg) no-repeat left 2px;
	margin: 0 0 20px 0;
}
div.faq ul li ul
{
	list-style: none;
	margin: 0.5em 0 0 0;
}
div.faq ul li ul li
{
	padding: 0 0 0 10px;
	background: url(../image/imgbullet02.png) no-repeat left 4px;
	margin: 0 0 0 0;
}
div.faq .thumb
{
	width: 150px;
	margin: 0.5em 0.5em 1.0em 0;
	border: solid 1px #ccc;
	padding: 5px;
	background: #fff;
}
div.faq p.quote
{
	font-size: 14pt;
	color: #888;
	text-align: center;
}
/*================= Product =================*/
div.prod_entry
{
	margin: 10px 0 30px 0;
	border-bottom: solid 1px #deddd9;
	padding: 0 0 20px 0;
}
div.prod_img
{
	float: left;
	display: inline;
	width: 220px;
}
div.prod_desc
{
	float: left;
	
	display: inline;
	width: 680px;
}
div.prod_desc p
{
	text-align:justify;
	}
div.prod_icon
{
	/*float: right; 	display: inline; 	width: 250px;*/
	margin: 20px 0 0 0;
}
div.download
{
	margin: 30px 0 0 0;
	clear: both;
}
div.download ul
{
	list-style: none;
}
div.download ul li
{
	float: left;
	display: inline;
	margin: 10px 0px 0px 0;
	width: 310px;
}
div.download a.pdf
{
	color: #888;
	text-decoration: none;
	background: url(../image/imgpdf.png) no-repeat left top;
	padding: 10px 0 10px 40px;
	display: inline-block;
}
div.download a.pdf:hover
{
	color: #ff651b;
}
/*==================== Why Jotun =================*/
div.why_jotun
{
	margin: 40px 0 30px -24px;
	padding: 0 0 30px 400px;
	background: url(../image/product/why/imgwhy1.jpg) no-repeat left 80px;
}
table.tb01
{
	border-collapse: collapse;
	font-size: 10pt;
	margin: 0 auto;
}
table.tb01 tr
{
	background: #eee;
}
table.tb01 tr.alt
{
	background: #fff;
}
table.tb01 th
{
	color: #777;
	padding: 10px 10px;
	font-weight: bold;
}
table.tb01 td
{font-weight: bold;
	padding: 10px 15px;
	color: #333;
}

div.jotun_song
{
	margin: 0 0 30px -24px;
	padding: 20px 0 40px 290px;
	background: url(../image/product/why/imgsong.jpg) no-repeat left 20px;

	width: 698px;
}
div.jotun_song p
{
	font-size: 12px;
	color: #555;
}
div.songwrapper
{
	height:367px;

	padding:0 0 0px 0;
	}
div.song_left
{
	width:250px;
	float: left;
	display: inline;
	background: url(../image/product/why/imgsong2.jpg) no-repeat center center;
	margin:30px 0 0 0;
}

div.song_right
{width:250px;
	float: left;
	display: inline;
	border-left: solid 1px #deddd9;
	margin: 30px 0 0 40px;
	padding: 20px 0 55px 40px;
		background: url(../image/product/why/imgsong3.jpg) no-repeat center center;
}

div.jotun_video
{
	margin:40px 0 0 0;
	/*background:url(../image/product/why/imgvideo.png) no-repeat right bottom; 	overflow:hidden; 	margin:0 -25px -40px 0; 	padding:0 0 30px 0;*/
}
div.jotun_video ul
{
	list-style: none;
	margin: 10px 0 30px 0;
}
div.jotun_video ul li
{
	
	margin: 0 0 10px 0;
	width: 450px;
	padding: 2px 0 2px 20px;
	background: url(../image/imglist02.jpg) no-repeat left 4px;
}

div.jotun_video ul li a
{
	color: #888;
	text-decoration: none;
}
div.jotun_video ul li a:hover
{
	color: #ff651b;
	text-decoration: none;
}

div.youtubeleft
{
	width:300px;
	margin:10px 0 0 0;
	float:left;

	display:inline;
	}
	div.youtuberight
{	margin:10px 100px 0 0;
	float:right;
	display:inline;
	}

div.youtubeleft p , div.youtuberight p 
{
	color:#888;
	font-size:10pt;
	font-weight:bold;}
/*============ Video =====================*/
div#videogallery
{
	width: 100%;
}