﻿/*------------------------------------------------------------------------
# VietClound - November 2009
# ------------------------------------------------------------------------
# Copyright 2009 VietCloud, All Rights Reserved.
# Websites:  http://www.vietcloud.com -  Email: Hungnv_it2002@yahoo.com
------------------------------------------------------------------------- */

body {color:#464646; background-color:#D9F1FB;}

a:hover {color:#464646;}
a:link {color:#464646;}
a:visited {color:#464646;}
H4 a:Hover{color:Black;}

/* Customer Style*/
#divSite{ width:1000px; margin: 0px auto; padding:0px; }
#divHeader, #divContent,#divFootter{ width:100%; height:auto; overflow:hidden;}
/* #divContent{ float:left; width:100%; background: #D9F1FB url(/App_Themes/CPM/Images/PageBg.jpg) repeat-x;}*/
#divContent{ float:left; width:100%; background-color:#D9F1FB;}

.Banner {width: 918px; height:100px; background-color:white; margin: 0px auto;}
.Logo {float: left; width: 300px; height: 75px; background: url(/App_Themes/CPM/Images/Logo.jpg) no-repeat; margin: 5px 0px 0px 30px; cursor: pointer;}
.Sologon {float:right; width: 535px; height: 100px; margin-left:10px;}

.SearchT {float: left; width: 130px; height:27px; margin: 10px 0px 10px 25px;}
.SearchC {float: left; width: 27px; height:27px; margin: 10px 0px 10px 0px;}
.SearchCommand {width: 27px; height:25px; float:left;}
.TextSearchCss {border: solid 1px #999999; height: 20px; width: 130px; padding: 3px 0px 0px 5px;}

.Menu {float:left; width: 100%; height:48px; }/*background: url(/App_Themes/CPM/Images/MenuBg.jpg) repeat-x;*/
.MenuContent {margin: 0px auto; width: 930px; height:48px;}
.MenuL {float:left; width: 10px; height: 49px; background: url(/App_Themes/CPM/Images/MenuL.jpg) no-repeat;}
.MenuC {float:left; width: 905px; height:48px; background: url(/App_Themes/CPM/Images/MenuC.jpg) repeat-x; text-align: center; padding-top:10px; position:relative;}
.MenuR {float:left; width: 14px; height: 49px; background: url(/App_Themes/CPM/Images/MenuR.jpg) no-repeat;}

.MenuC ul{width:100%; height:25px; margin:0px; overflow:visible; margin-left:10px;}
.MenuC ul li{ float:left; margin:0px; height:13px; padding:5px; color: #BBB9B9;}
.MenuC ul li a{ font: bold 11px Verdana; text-decoration: none;padding:5px;margin:0px;}
.MenuC ul li a:hover{ color:red;padding:5px;margin:0px;}

.AdvFlashVip {float: left; height:300px; width: 100%;}
.AdvFlashVipContent {margin: 0px auto; width: 930px; height:300px;}

.ContentSite {margin: 4px auto; width:915px; background-color: White;}
.BoderSite {float:left; width: 892px; border: solid 1px #999999; padding: 10px; background-color: White;}

.ContentL {float:left; width: 670px; padding:5px; overflow: hidden;}
.ContentR {float:right; width: 200px; padding:5px;}

.HomeBoxNew {float:left; width: 100%; height: 355px; overflow: hidden;}
.HomeBoxNewOne {float:left; width: 370px; height: 355px; overflow: hidden; margin-left:10px;}
.HomeBoxNewOne H3 {margin: 0px; font: bold 14px Verdana; padding: 10px 0px 10px 0px;}
.HomeBoxNewOne H3 a {color: Red;}
.HomeBoxNewList {float:left; width: 270px; height: 355px; overflow: hidden; padding:0px;}
.HomeBoxNewList ul{margin:0px; padding: 0px 0px 0px 10px;}
.HomeBoxNewList ul li{ float:left; width: 230px; margin:0px; padding:5px 0px 5px 15px; background: url(/App_Themes/CPM/Images/NewIcon.jpg) no-repeat 0px 8px;}
.HomeBoxNewList ul li a{ text-decoration: none; margin:0px;}
.HomeBoxNewList ul li a:hover{ color:red; margin:0px;}

.advHomeNoiBat {float:left; width: 700px; height: 140px;}
.HomeCategoryGroupL {float:left; width: 675px; overflow: hidden; }

.HomeCategoryTitleL {float:left; width: 8px; height: 43px; background: url(/App_Themes/CPM/Images/GroupL.jpg) no-repeat; margin-top: 10px;}
.HomeCategoryTitleC {float:left; width: 650px; height: 30px; background: url(/App_Themes/CPM/Images/GroupC.jpg) repeat-x; padding: 12px 0px 0px 10px; font: bold 13px Verdana; margin-top: 10px;}
.HomeCategoryTitleR {float:left; width: 6px; height: 43px; background: url(/App_Themes/CPM/Images/GroupR.jpg) no-repeat; margin: 10px 0px 0px 0px;}

.HomeCatNew {float:left; width: 670px; overflow: hidden; padding:0px; border: solid 1px #d3dded;}
.HomeCatNewItem {float:left; width: 98%; overflow: hidden; padding:3px; margin: 1px 0px 3px 0px;}
.HomeCatNewItem img { padding: 2px 12px 2px 1px;}
.HomeCatNewItem h4 a {color:Red; padding: 2px 0px 3px 0px;}

.HomeCatSupport {float:left; width: 670px; overflow: hidden; padding: 10px 0px 10px 0px; border: solid 1px #d3dded;}
.HomeCatSupport ul {margin: 0px;}
.HomeCatSupport ul li{margin: 0px; padding: 3px;}
.HomeCatSupport ul li a{}
.HomeCatSupport ul li a:hover{color:#047488;text-decoration: underline;}

.AdvLeftTitle {float:left; width: 98%; height: 20px; border: solid 1px #d3dded; background-color: #70b825; font: bold 12px Verdana; color: White; padding: 5px 0px 0px 5px; margin-top: 5px;}
.AdvLeftContent {float:left; width: 100%; border: solid 1px #d3dded; overflow: hidden; text-align: center;}

#divFootter {margin: 0px auto;}
.FootterL {float:left; width: 7px; height: 55px; background: url(/App_Themes/CPM/Images/FootterL.jpg) no-repeat; margin: 10px 0px 0px 40px;}
.FootterC {float:left; width: 895px; height: 55px; background: url(/App_Themes/CPM/Images/FootterC.jpg) repeat-x; padding: 12px 0px 0px 10px; font: 10px Verdana; margin-top: 10px; text-align: center;}
.FootterR {float:left; width: 6px; height: 55px; background: url(/App_Themes/CPM/Images/FootterR.jpg) no-repeat; margin: 10px 0px 0px 0px;}

.PageSubL {float:left; width: 100%;}

.PageSubTitleL {float:left; width: 8px; height: 43px; background: url(/App_Themes/CPM/Images/GroupL.jpg) no-repeat; margin-top: 10px;}
.PageSubTitleC {float:left; width: 645px; height: 30px; background: url(/App_Themes/CPM/Images/GroupC.jpg) repeat-x; padding: 12px 0px 0px 10px; font: bold 13px Verdana; margin-top: 10px;}
.PageSubTitleR {float:left; width: 6px; height: 43px; background: url(/App_Themes/CPM/Images/GroupR.jpg) no-repeat; margin: 10px 0px 0px 0px;}

.PageSub {float:left; width: 666px; overflow: hidden; padding:0px; border: solid 1px #d3dded;}
.PageSubItem {float:left; width: 99%; overflow: hidden; padding:3px; margin: 1px 0px 3px 0px;}
.PageSubItem img { padding: 2px 12px 2px 1px;}
.PageSubItem h4 a {color:Red; padding: 2px 0px 3px 0px;}

.chl_row {float:left; width:200px; padding: 3px 1px 3px 3px; margin:0px; border-bottom: 1px solid #DBDBDB;}
.chl_img {float:left; width: 65px;}
.chl_desc {float:left; width: 180px;}
.chl_desc a:hover{text-decoration:underline; color: Red;}
.chl_IconNewList {width:5px; height:5px; float:left; background:url(/App_Themes/CPM/Images/NewIcon.jpg) no-repeat; margin-right:10px; margin-top:5px;}
.PageSubLeft {float:left; width: 100%; border: solid 1px #d3dded; overflow: hidden; text-align: left;}

#ContentProduct {width:998px; float:left; margin:0px; background: url(/App_Themes/CPM/Images/Content_bg.gif) repeat-x; margin-left:1px; background-color:White;}
.NewItemList{width:575px; margin: 30px 0px 30px 10px; text-align:left;}
.NewItem{width: 127px; height:150px; margin: 0px 25px 12px 25px;}
.NewItem h4 {text-align:center;}
.NoData{width:100%; text-align:center; font: bold 12px; color:Red; height:150px; margin:7PX; padding:7PX 0PX 7PX 12PX;}

.FLO{float:left; overflow:hidden;}
.FRO{float:right; overflow:hidden;}

.ProductSupport {width: 330px; margin-right:20px; padding-top:15px;}
.ProDetailRelated{ width:100%; height:auto; background-color:#EFEFEF; margin-bottom:20px;}
.ProDetailRelated ul{padding-left:5px; padding-right:5px; margin:0px;}
.ProDetailRelated ul li{height:22px;}
.ProDetailRelated img { margin: 0 5px 5px 0; border:0px;}
.ProDetailTelSupport{width:100%; background: url(/App_Themes/CPM/Images/ProDetailQuestion.gif) no-repeat; margin-bottom:15px; font-family:Tahoma; font-size:11px;}
.ProDetailTelSupport ul{margin:0px; padding-left:33px;}
.ProDetailTelSupport p{margin:0px; padding-top:8px; color:#808080; font-size:10px;}
.ProDetailLibQuesion {width:100%; background-color:#EFEFEF; margin-bottom:6px;}
.ProDetailLibQuesion ul{margin:2px; padding:5px;}
.TxtQuestion {width:318px; background-color: #E7E7E7; font-size:11px; padding:3PX; margin:1px; border: solid 1px #B9B9B9; color:#8F8E8E;}
.NoteQuestion {font: none 11px Verdana; color:#808080; padding-top:10px; padding-bottom:25px; line-height:130%;}
.ProDetailQuesion  input{width:250px;  color:#8F8E8E;font-size:11px;}
.ProDetailQuesion  div{margin:3px;}

.BlockSupport{ width:100%; height:auto; background-color:#F2f2f2; margin-bottom:20px;}
.BlockSupport div {font-size:11px; margin:2px;}
.BlockSupport input {width:250px; height:18px; font-size:11px;}
.SupportList {margin:12px;}
.support_row {margin-bottom: 5px;}
.support_title{padding:0px 0px 0px 20px; background:url(/App_Themes/CPM/Images/icon_mini_faq.gif) no-repeat;}
.support_title a{font-size:12px;}
.support_title a:Hover{text-decoration:underline;}
.support_info {color:#938E8E; font-size:11px; padding-left:20px;}
.support_content {margin:3px; padding-top:5px;}
.support_back {padding-right:0px; margin-top:15px; margin-bottom:15px; font-size:11px; cursor:pointer;}
.support_Line {width:100%; height:15px; float:left;}
.support_back a:hover{text-decoration:underline;}


.ContactRight {width: 350px; margin-right:20px; padding-top:15px;}
.ContactLeft {width: 450px; margin-left:50px;}

#divSearch {float:left; width:95%; margin: 15px 20px 15px 20px; height:auto;}
.SearchResult {width:600px; text-align:right; height:20px; padding: 8px;}
.searchContent {float:left; width:600px;}
.searchContent ol{margin:0; padding:0;}
.searchContent ol li {list-style-image:none; list-style-position:outside; list-style-type:none; padding-bottom:10px; float:left; width:100%;}
.searchContent ol li p {font-style:italic; padding: 1px 0px 3px 0px;}

.Paging {float:left; padding:5px; width:500px;  text-align:right;}
.pagenum{ font-family:Verdana; font-size:11px; padding:1px;}
.pagenum a {text-decoration:none;}
.pagenum a:hover {text-decoration:underline;}
.pagenumstatic a{font-family:Verdana; font-size:11px; color:Red; text-decoration:underline; font-weight:bolder;}

.PagingBlock {float:left; padding:5px; width:80%;  text-align:right;}

.PagingAll {float:left; width:350px; padding-top:0px; margin-bottom:6px;}
.PagingAll a { float:right; text-align:right; padding-right:25px;}
.PagingAll a:hover {text-decoration:underline; color:Red;}


.ProductItem {float:left; width: 325px; height: 340px; overflow: hidden; padding:3px; margin: 1px 0px 3px 0px; text-align: center; border-bottom: 1px dotted #267B4C; border-right: 1px dotted #267B4C; }
.ProductItem img { padding: 2px 12px 2px 1px;}
.ProductItem H4 {padding: 10px 0px 5px 10px; font-size: 12px; text-align: left;}
.ProductItem h4 a {padding: 2px 0px 3px 0px;}
.ProductItem h4 a:hover {color:Red;}
.ProductItem p {text-align: left; padding: 5px 5px 5px 5px;}

.ProductDetail{float:left; margin-left:30px;}
.ProductDetail img{ margin: 0 5px 5px 0; border:0px;}
.ProductDetail H4{ padding: 3px 0 3px 0;}
.ProDetailImage{width: 100%; margin-bottom:18px; text-align:center;}
.ProDetailLine {width:100%; height:2px; background: url(/App_Themes/CPM/Images/line_productdetail.gif) repeat-x; margin-bottom:8px; float:left; overflow:hidden;}
.PrvContentLeft{width: 220px; float:left; overflow:hidden;}
.ProDetailPrice{width:100%; height:10px; text-align:left; margin:3px; float:left; padding-bottom:12px;}
.ProDetailPriceDesc {float:left; width: 180px; padding-left:50px;}

.Subject{width:100%; height:21px; margin-bottom:12px; cursor:pointer; margin-top:8px;}
.SubjectLeft{width:6px; height:21px;background: url(/App_Themes/CPM/Images/ProductDetailItemLeft.gif) no-repeat;}
.SubjectCenter{width:125px; height:21px;background: url(/App_Themes/CPM/Images/ProductDetailItemCenter.gif) repeat-x; font: bold 11px Verdana; color:White; padding-top:3px; text-align:center; color:Yellow;}
.SubjectCenter a:hover {color:Yellow;}
.SubjectRight{width:5px; height:21px;background: url(/App_Themes/CPM/Images/ProductDetailItemRight.gif) no-repeat;}

.ProductSupport {width: 200px; margin-right:20px; padding-top:15px;}
.ProDetailRelated{ width:100%; height:auto; background-color:#EFEFEF; margin-bottom:20px;}
.ProDetailRelated ul{padding-left:5px; padding-right:5px; margin:0px;}
.ProDetailRelated ul li{height:22px;}
.ProDetailRelated img { margin: 0 5px 5px 0; border:0px;}
.ProDetailTelSupport{width:100%; background: url(/App_Themes/CPM/Images/ProDetailQuestion.gif) no-repeat; margin-bottom:15px; font-family:Tahoma; font-size:11px;}
.ProDetailTelSupport ul{margin:0px; padding-left:33px;}
.ProDetailTelSupport p{margin:0px; padding-top:8px; color:#808080; font-size:10px;}
.ProDetailLibQuesion {width:100%; background-color:#EFEFEF; margin-bottom:6px;}
.ProDetailLibQuesion ul{margin:2px; padding:5px;}
.TxtQuestion {width:190px; background-color: #E7E7E7; font-size:11px; padding:3PX; margin:1px; border: solid 1px #B9B9B9; color:#8F8E8E;}
.NoteQuestion {font: none 11px Verdana; color:#808080; padding-top:10px; padding-bottom:25px; line-height:130%;}
.ProDetailQuesion  input{width:190px;  color:#8F8E8E;font-size:11px;}
.ProDetailQuesion  div{margin:3px;}

.list_row {padding: 10px 1px 10px 10px; margin:0px; border-bottom: 1px solid #DBDBDB; text-align:left; float:left;}
.list_row a:hover {color:Red;}

#Alert {width:998px; height:120px; font-weight:bold; padding-top:25px; text-align:center; float:left; margin:0px; margin-left:1px;}

.ISO {float:left;width: 90px; height: 60px; padding: 5px;}﻿/*------------------------------------------------------------------------
# VietClound - November 2009
# ------------------------------------------------------------------------
# Copyright 2009 VietCloud, All Rights Reserved.
# Websites:  http://www.vietcloud.com -  Email: Hungnv_it2002@yahoo.com
------------------------------------------------------------------------- */
html,body,div,p,table,tr,td,form,img,h1,h2,h3,h4,h5,h6,li,input
{
	background-position:left top;background-repeat:no-repeat;margin:0px;padding:0px
}
body { width:100%; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; MARGIN: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a:hover {text-decoration: underline;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a img {border: none}
input { font-family: Verdana; font-size: 10pt }
select { font-family: Verdana; font-size: 10pt }
textarea { font-family: Verdana; font-size: 10pt }
ul {list-style: none}
H1 {
	FONT-SIZE: 19.5pt; 
	FONT-FAMILY: Tahoma;
	FONT-WEIGHT: normal; 
	BACKGROUND: #003366; 
	MARGIN: 0cm 0cm 30pt 0pt; 
	COLOR: white; 
	TEXT-ALIGN: left;
}
H2 {	 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13pt; 
	MARGIN: 18.75pt 0cm 7.5pt 11.25pt; 
	COLOR: #003366; 
	FONT-FAMILY: Verdana; 
	MARGIN-LEFT: 33.75pt; 
	TEXT-ALIGN: justify;
	TEXT-DECORATION: overline
}
H3 {
	FONT-SIZE: 12pt; 
	COLOR: #6699cc; 
	FONT-WEIGHT: bold; 
	FONT-STYLE: italic; 
	MARGIN: 0cm 0cm 9pt 23.1pt; 
	FONT-FAMILY: Verdana;  
}
H4 {
	FONT-SIZE: 12px; 
	MARGIN: 0px 0px 6px 0px; 	
	COLOR: black; 
	FONT-FAMILY: Verdana;  
	FONT-WEIGHT: bold; 
}
P{FONT-SIZE: 12px;FONT-FAMILY: Verdana; line-height:150%;}
LISTING{
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Courier New;
	MARGIN: 0cm 0cm 20pt 0pt; 
	COLOR: windowtext; 
	BACKGROUND: #f3f3f3; 
	MARGIN-LEFT: 23.1pt;
}

CODE{
	COLOR: blue; 
}

Q{
	COLOR: #00E000; 
}

TABLE{
	MARGIN-LEFT: 23.1pt; 
	MARGIN-BOTTOM: 15pt; 
	MARGIN-TOP: 15pt; 
	MARGIN-RIGHT: 15pt; 
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	BORDER-BOTTOM: medium none; 
	BORDER-COLLAPSE: collapse; 
}

THEAD{
	BACKGROUND: #f3f3f3; 
} 
TD{
	BORDER-RIGHT: windowtext 0.5pt solid; 
	BORDER-TOP: windowtext 0.5pt solid; 
	BORDER-LEFT: windowtext 0.5pt solid; 
	BORDER-BOTTOM: windowtext 0.5pt solid;
	PADDING-LEFT: 0.9cm;
	PADDING-RIGHT: 0.9cm;
	PADDING-TOP: 3.5pt;
	PADDING-BOTTOM: 3.5pt;
}
.txtInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #8F8E8E;
	margin: 1px;
	padding: 1px;
	width: auto;
	height: 20px;
	
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}