/* CSS Document */

/********************** HTML tag styles  **************************/

body{
        font-family:verdana, Arial,sans-serif;
	    color:#333333;
	    line-height:1.166;	
	    margin:0px 0px 0px 0px;
	    padding:0px;
}
a {
	    color:#006699;
	    text-decoration: none;
}
p {
        font-size:80%;
		color:#666666;
		margin-top:8px;
}
H1 { 	font-family: Arial,sans-serif;
		color: #CC0000;}
h2 {	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:400; 
		color: #000066;
}
h3 {	font-style: normal;
		color: #333333;
}

/********************** layout divisions **********************/

#Lehera_scroll { 
        width:100%;
		background-color:#006699;
		padding:3px 5px 3px 5px;
		color:#FFFFFF;
		font-size:80%;
		}

#topColom{ 
        width:100%;
		background-color: #006699;
		text-align:right;
		padding:10px 8px 8px 0px;
		border-bottom: 1px solid #cccccc;
		vertical-align:top;
		}
#topColom_extra{ 
        width:100%;
		background-color: #F3F3F3;
		text-align:right;
		padding:10px 8px 8px 0px;
		border-bottom: 1px solid #cccccc;
		vertical-align:top;
		}
#TopMenu{
        width:100%;
}

#LeftNavColom{
        width:20%;
		height:100%;
		float:left;
		padding:0px 8px 8px 10px;
		margin: 8px 0px 0px 0px;
}

#Testimonial{
        width:20%;
		float:right;
		text-align:left;
		font-size: 70%;
		color:#666666;
		padding:8px 0px 8px 10px;

}
#Testimonial h5 {
		margin-bottom:0px;
		line-height:90%;
		color:#CC0000;
}
#Testimonial_width_100 {
		width:100;
} 
#containtsOutsideBox{
        width:55%;
		float:right;
		}
#Gift {
	padding:3px;
	text-align:left;
	margin-top:7px;
	width:96%;
	background-color:#ffc000;
}

#Gift .title {
	font-size:100%;
	font-weight:bold;
	color:#FF0000;
}

#Gift .titlehome {
	font-size:75%;
	color:#FF0000;
}

#Gift img {
	float:right;
	margin-left:3px;
}

#Gift a:link{
		color:#000000;
		font-size:90%;
		}
#Gift a:hover{
		color: #006699;
		font-size:90%;
		}
#Gift a:visited{
		color: #000000;
		font-size:90%;
		}

#containts{
        width:98%;
		/*float:none;*/
		}
		#Left_Pro {
		width:47%;
		float:left;
		}
			#Left_Pro h4 {
				margin-bottom:4px;
				margin: 8px 8px 14px 10px;
				padding: 2px 4px 2px 12px;
				background-color: #CCDFFF;
			}
			#Left_Pro img {
				float:left;
				margin: 8px 16px 4px 10px;
			}
			#Left_Pro .partA {
				margin:0px 0px 5px 0px;
			}
		#Right_Pro {
		width:47%;
		float:left;
		}
			#Right_Pro h4 {
				margin-bottom:4px;
				margin: 8px 8px 14px 10px;
				padding: 2px 4px 2px 12px;
				background-color: #CCDFFF;
			}
			#Right_Pro img {
				float:left;
				margin: 8px 16px 4px 10px;
			}
			#Right_Pro .partA {
				margin:0px 0px 5px 0px;
			}
			
#bottomMessage{
        width:100%;
		vertical-align: baseline;
}

#BottomLink{
        width:100%;
		vertical-align:bottom;
}

/* ==================== #globalNav styles ================*/

#globalNav{
        padding: 0px 10px 5px 10px;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #003399;
        color: #cccccc;
        text-align:right;
}

#globalNav img{
        display: block;
}

#globalNav span {
float:left;
}
#globalNav span a {
	color:#000000;
}

#globalNav a {
        font-size: 90%;
        padding: 0 4px 0 0;
}
#globalNav_bot{
        padding: 0px 10px 5px 10px;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #CCC;
        color: #cccccc;
        text-align: center;
}

#globalNav_bot a {
        font-size: 80%;
        padding: 0 4px 0 0;
}
#globalNav_bot span {
        font-size: 80%;
        padding: 0 4px 0 0;
		color:#333333;
}
#arklink_bottom {
		font-size:70%;
		padding:10px 0px 0px 0px;
		text-align:center;
}
/* ==================== #topColom styles ================*/
	
#topColom h3 {
		color: #FFFFFF;
		font-size:85%;
		margin-bottom:0px;
		margin-right:10px;
}
#topColRight {
        width:30%;
        float:right;
}
#topColRight img {
        padding: 6px 6px 0px 6px;
		margin-top:0px;
}
#topcolslogan {
		width:100%;
		padding:0px 6px 0px 6px;
		font-size:80%;
		color:#FFF7E6;
		margin-top:3px;
		margin-bottom:3px;
		line-height:120%;
}
#topColLeft {
        width:20%;
        float:left;
		text-align:left;
		font-size: 70%;
		color:#FFFFFF;
		padding: 0 10px 0px 10px;
}
#topColLeft span{
		color: #66CCFF;
		font-size: 95%;
		font-style: italic;
}
#topColLeft a{
		color: #FFFFFF;
		font-size: 95%;
		font-style: italic;
}
#topColLeft1 {
        width:30%;
        float:left;
		text-align:left;
		font-size: 75%;
		color:#000000;
		padding: 10px 10px 0px 10px;
}
#topColLeft1 span{
		color: #000099;
		font-size: 95%;
		font-style: italic;
}
#topColLeft img {
        float:left;
		padding: 0 6px 0px 6px;
}
#topColLeft1 img {
        float:left;
		padding: 0 6px 0px 6px;
}

/* ==================== #LeftNavColom styles ================*/

.pro_Tital {
        font-size: 90%;
		padding: 4px 0px 6px 4px;
		margin: 2px 0px 0px 0px;
		border-bottom: 1px solid #CCC;
		background-color: #DFF1FF;
}
.pro_Tital_head {
		color: #999999;
        font-size: 90%;
		padding: 2px 0px 2px 2px;
		margin:2px;
		background-color: #FFFFFF;
}
.leftColomHight {
		height:40%;
		background-color: #FFFFFF;
}
#LeftNavColom h5 {
		margin-top:8px;
		margin-bottom:4px;
		margin-left:2px;
		margin-right:2px;
}
#LeftNavColom h4 {
		margin-top:6px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:2px;
}
#LeftNavColom p {
		margin-top:8px;
		margin-bottom:4px;
		margin-left:2px;
		margin-right:2px;
}

/* ==================== #contents styles ================*/

#containts .rt_img {
	float:right;
	margin-right:5px;
}

#containts .lt_img {
	float:left;
	margin-right:5px;
}

#containts img {
        float: left;
        margin: 8px 16px 4px 10px;
}
#containts img.button {
        float: left;
        margin: 2px 10px 8px 1px;
}
#containts img.info {
		float:none;
}
#containts h2 { line-height:1.2;
margin: 6px 0px 14px 0px;
}
#containts h3 { line-height:1.2;
		color:#000099;
		margin: 8px 0px 8px 0px;
}
#containts h4 {
        margin:8px 8px 14px 10px;
		padding:2px 4px 2px 12px;
		background-color: #CCDFFF;
}
#containts h5 {
		margin-top:0px;
		margin-bottom:4px;
		font-size:95%;
		font-weight:600;
		color:#666666;
}
#containts h5.contact{
		font-weight:300;
		color: #000099;
		font-size:90%;
}
#containts h5.con_head{
		font-weight:800;
		color: #000000;
		font-size:100%;
}
#containts p {
       margin-bottom:4px;
	   margin: 8px 4px 14px 14px;
}
#containts p.rightbox {
       margin-bottom:4px;
	   margin: 8px 4px 14px 0px;
}
#containts p.contact{
       margin-bottom:0px;
	   margin-top:0px;
}
#containts li {
       margin-bottom:4px;
	   font-size:80%;
}
#containts span{
		color: #666666;
		font-weight:600;
}
#containts .dnl_head {
		font-size:80;
		color:#666666;
		font-weight:bold;
		margin:0px 0px 5px 0px;
}
table.pro_spec {
	margin-left:14px;
	border:1px solid #E9E9EF;
	border-collapse:collapse;
	width:90%;
}
th.pro_spec {
	font-size:80%;
	font-weight:bold;
	color:#333333;
	text-align:left;
	padding:4px 0px 4px 14px;
	border:1px solid #E9E9EF;
	border-collapse:collapse;
}
td.pro_spec {
	font-size:80%;
	color:#666666;
	padding:4px 0px 4px 14px;
	border:1px solid #E9E9EF;
	border-collapse:collapse;
}
#containts.cd_icon {
	float:left;
}
#user_dnl {
	float:none;
	font-size:80%;
}
#user_dnl a{
	    color: #006699;
	    text-decoration: none;
}
#user_dnl p {
	margin:6px 4px 6px 14px;
}
#user_dnl span {
		font-size:10px;
		color:#666666;
		font-weight:bold;
}
#user_outer {
		float:left;
		width:150px;
		margin-right:10px;
}
#usersay {
	float:left;
	width:160px;
	border:1px solid #DFF1FF;
	padding-left:3px;
}
#usersay_heading {
	font-size:10px;
	font-weight:bold;
	padding:3px 0px 3px 3px;
	background-color:#DFF1FF;
	width:140px;
	float:left;
}
#usersay_oncomments {
	margin:10px 5px 0px 0px;
	border:1px solid #DFF1FF;
	float:right;
}
#Product_bg {
	background-color:#DFF1FF;
	border:1px dashed #b1bfca;
}
#SendComments {
}
#SendComments img {
	float:right;
}
/* ==================== #Testimonial styles ================*/
#Testimonial img {
        float:left;
        margin:0px 8px 0px 0px;
}
#Testimonial span {
        color: #006699;
		font-size: 100%;
		font-style: italic;
}
#Testimonial p {
        color: #333333;
		font-size: 100%;
		font-style: italic;
}

.testi_back {
        padding: 0px 0px 0px 0px;
		margin-top:2px;
		margin-bottom:4px;
		border-bottom: 1px solid #CCC;
		background-color: #DFF1FF;
}

#Borker_Biodata_photo {
	float:left;
	margin:opx 10px 5px 0px;
	padding:5px;
	font-size:80%;
	color:#666666;
	width:200px;
} 

#containts1 {
	font-size:120%;
}
#containts1 h2 { line-height:1.2;
margin: 6px 0px 14px 0px;
}
#containts1 h3 { line-height:1.2;
		color:#000099;
		margin: 8px 0px 8px 0px;
}
#containts1 h4 {
        margin:8px 8px 14px 10px;
		padding:2px 4px 2px 12px;
		background-color: #CCDFFF;
}
#containts1 h5 {
		margin-top:0px;
		margin-bottom:4px;
		font-size:95%;
		font-weight:600;
		color:#666666;
}
#containts1 p {
       margin-bottom:4px;
	   margin: 8px 4px 14px 14px;
	   line-height:130%;
}
#containts1 ol {
	font-size:80%;
	color:#666666;
}
#containts1 li {
       margin-bottom:4px;
}