@import  url("pda-aritcle-product.css");
@import url("banner.css");
h1{ font-weight:normal; line-height:normal;}
hr{  color:#CCC}

.font70{  font-family: Arial, Helvetica, sans-serif,Tahoma, Geneva, sans-serif ; font-size:11px;}
.red11{color:#F00; font-size: 11px;font-family:Arial, Helvetica, sans-serif;}
.red12 {color:#F00; font:12px;font-family: Arial, Helvetica, sans-serif,Tahoma, Geneva, sans-serif ;}
.red14{ color:#F00; font:14px;font-family: Arial, Helvetica, sans-serif,Tahoma, Geneva, sans-serif ;}
.red16{ color:#F00; font:16px;font-family: Arial, Helvetica, sans-serif,Tahoma, Geneva, sans-serif ;}
.red18{ color:#F00; font:18px;font-family: Arial, Helvetica, sans-serif,Tahoma, Geneva, sans-serif ;}
.black14{color:#000; font-size:14px;font-family: Arial, Helvetica, sans-serif,Tahoma, Geneva, sans-serif ;}
.black16{color:#000; font-size:16px;font-family: Arial, Helvetica, sans-serif,Tahoma, Geneva, sans-serif ;}
.black18{color:#000; font-size:18px;font-family: Arial, Helvetica, sans-serif,Tahoma, Geneva, sans-serif ;}
.white11{ 
text-align:left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#FFF;
}
.glay11{ 

font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#333;
}
.blue11{ color:#45658c; font-size: 11px;font-family:Arial, Helvetica, sans-serif; }




a.blue:link { color:#003366;text-decoration: none}
a.blue:visited { color:#003366;text-decoration: none}
a.blue:hover {
	color:#FF9900;
	text-decoration: none
}

a.orange:link { color:#F60;text-decoration: none} 
a.orange:visited { color:#F60;text-decoration: none}
a.orange:hover { color:#039;text-decoration: none}

a.white:link { color:#ffffff;text-decoration: none}
a.white:visited { color:#ffffff;text-decoration: none}
a.white:hover { color:#666666;text-decoration: none}

a.brown:link { color:#B9B4A2;text-decoration: none}
a.brown:visited { color:#B9B4A2;text-decoration: none}
a.brown:hover { color:#ffffff;text-decoration: none}

a.gray:link { color:#cccccc;text-decoration: none}
a.gray:visited { color:#cccccc;text-decoration: none}
a.gray:hover { color:#00FFFF;text-decoration: none}  

a.darkgray:link { color:#333333;text-decoration: underline}
a.darkgray:visited { color:#333333;text-decoration: underline}
a.darkgray:hover { color:#660000;text-decoration: underline}

a.name_product:link{
	color: #06F;
	text-decoration:none;
	font-family: "Tahoma";
	
}
a.name_product:visited{ color:#06F ; text-decoration:none }
a.name_product:hover{ color:#F60 ; text-decoration:none }
a.name_product:active{ color:#F60 ;  }

a.name_G:link{
	color:#00CC00;
	text-decoration:none;
	font-family: Tahoma
}
a.name_G:visited{ color:#00CC00 ; text-decoration:none }
a.name_G:hover{ color:#FF9900 ; text-decoration:none }


.snap {
	font-family: Tahoma;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
}
/*  head */
#head{
	height:157px;
	position:relative;
	border:0;
	background:#ffffff
			;
	background-image:url(http://www.smartmobile.co.th/pic/smart_logoex011.jpg);
	background-repeat:repeat-x;
	clear:both;
	margin:0 auto;
	width: 970px;
}
#head-spec100{
	height:157px;
	position:relative;
	border:0;
	background:#CCCCCC
			;
	background-image:url(http://www.smartmobile.co.th/pic/smart_logoex011.jpg);
	background-repeat:repeat-x;
	clear:both;
	margin:0 auto;
	width: 100%;
}


#head-sitemap{
	width:970px;
	height:130px;
	position:relative;
	border:0;
	background:#CCCCCC
			;
	background-image:url(http://www.smartmobile.co.th/pic/smart_logoex011.jpg);
	background-repeat:repeat-x;
	clear:both;
	margin:0 auto;
}


/*  head */
/*  head100% */
#head100{
	height:157px;
	position:relative;
	border:0;
	background:#CCCCCC
			;
	background-image:url(http://www.smartmobile.co.th/pic/smart_logoex011.jpg);
	background-repeat:repeat-x;
	clear:both;
	margin:0 auto;
	width: 970px;
}
#head-spec100{
	height:157px;
	position:relative;
	border:0;
	background:#CCCCCC
			;
	background-image:url(http://www.smartmobile.co.th/pic/smart_logoex011.jpg);
	background-repeat:repeat-x;
	clear:both;
	margin:0 auto;
	width: 100%;
}


#head-sitemap{
	width:970px;
	height:130px;
	position:relative;
	border:0;
	background:#CCCCCC
			;
	background-image:url(http://www.smartmobile.co.th/pic/smart_logoex011.jpg);
	background-repeat:repeat-x;
	clear:both;
	margin:0 auto;
}


/*  head */

/*  promotion random */
#promotion{
	width:970px;
	height:320px;
	position:relative;
	border:0;
	background:#FFF
			;
    clear:both;
	margin:0 auto;
}
/*  promotion random */
/* menu  5*/
.menu5 {
	padding:5px 0 0 1em;
	margin:0;
	list-style:none;
	height:40px;
	position:relative;
	background:transparent url(../pic/menu/pro_five_0c.gif) repeat-x left bottom;
	font-size:11px;
	cursor:pointer!important;
	z-index:90000000;
	font-size:13px; 
}



.menu5 li {float:left; height:40px; margin-right:1px;}
.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../pic/menu/pro_five_0a.gif) no-repeat;}
.menu5 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(../pic/menu/pro_five_0b.gif) no-repeat right top;}

.menu5 li.yel a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../pic/menu/pro_five_yel_0a.gif) no-repeat;}
.menu5 li.yel a b {float:left; display:block; padding:0 16px 5px 12px; background:url(../pic/menu/pro_five_yel_0b.gif) no-repeat right top;}
.menu5 li.yel a:hover {color:#000; background: url(../pic/menu/pro_five_yel_1a.gif) no-repeat;}
.menu5 li.yel a:hover b {background:url(../pic/menu/pro_five_yel_1b.gif) no-repeat right top;}



.menu5 li.current a {color:#000; background:url(../pic/menu/pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {background:url(../pic/menu/pro_five_2b.gif) no-repeat right top;}
.menu5 li a:hover {color:#000; background: url(../pic/menu/pro_five_1a.gif) no-repeat;}
.menu5 li a:hover b {background:url(../pic/menu/pro_five_1b.gif) no-repeat right top;}
.menu5 li.current a:hover {color:#000; background: url(../pic/menu/pro_five_2a.gif) no-repeat; cursor:default;}
.menu5 li.current a:hover b {background:url(../pic/menu/pro_five_2b.gif) no-repeat right top;}

.menu5 li ul,.menu-red li ul

{
	color:#FFF;
	padding:0px;
	margin: 0;
	clear:both;
	position: absolute;
	top: 45px;
	visibility:hidden;
	cursor:pointer!important;
	background:url(../pic/logo-ul.png) right bottom no-repeat   #06C;
	 
	
	 
}

.menu5 li ul.product,.menu-red li ul.product
{left: 10px;} 
	
	

.menu5 li ul.pda,.menu-red li ul.pda
{  left: 80px;}
	

.menu5 li ul  li ,.menu-red li ul  li 
{ display:block; clear:both;height:25px; list-style:none;  }

.menu5 li ul  li  a ,.menu-red li ul  li  a 
{ background-image:none!important; padding:5px; line-height: normal; display:block; height:auto;width:148px;text-align:left; margin-right:-1px}

.menu5 li ul  li  a:link,.menu5 li ul  li  a:visited,.menu-red li ul  li  a:link,.menu-red li ul  li  a:visited
{color:#FFF!important;}
.menu5 li ul  li  a:hover,.menu5 li ul  li  a:active,.menu-red li ul  li  a:hover,.menu-red li ul  li  a:active
{color:#06C!important; background-color:#FFF!important;}

/* menu   5*/


.menu-red {
	padding:5px 0 0 1em;
	margin:0;
	list-style:none;
	height:40px;
	position:relative;
	background:transparent url(../pic/menu/pro_five_redc.gif) repeat-x left bottom;
	font-size:11px;
	z-index:90000000;
}



.menu-red li {float:left; height:40px; margin-right:1px;}
.menu-red li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../pic/menu/pro_five_reda.gif) no-repeat;}
.menu-red li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(../pic/menu/pro_five_redb.gif) no-repeat right top;}

.menu-red li a:hover {color:#000; background: url(../pic/menu/pro_five_red_1a.gif) no-repeat;}
.menu-red li a:hover b {background:url(../pic/menu/pro_five_red_1b.gif) no-repeat right top;}

.menu-red li.current a {color:#000; background:url(../pic/menu/pro_five_red_2a.gif) no-repeat;}
.menu-red li.current a b {background:url(../pic/menu/pro_five_red_2b.gif) no-repeat right top;}



.menu-red li.current a:hover {color:#000; background: url(../pic/menu/pro_five_red_2a.gif) no-repeat; cursor:default;}
.menu-red li.current a:hover b {background:url(../pic/menu/pro_five_red_2b.gif) no-repeat right top;}








#space{
	background-color:#FFFFFF;
	width:970px;
	height:10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#margin{
	background-color:#FFFFFF;
	width:970px;
	margin:0 auto;
	padding:0px
}
/*ad promotion random*/
#slider1{ position:relative; width:100%; margin:0; padding:0 ; clear:both}

.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 970px; /*width of featured content slider*/
	height: 295px;
	color:#FFFFFF;
	}

.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 0px;
	background: #FFFFFF url(../images/overlay-hills.png) 0 0 no-repeat;
	width: 970px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 295px;
    
	


}

.sliderwrapper .contentdiv a{
	color:#FFFFFF;
}

.sliderwrapper .contentdiv a:hover{
	color:#FFFFFF;
}

#paginate-slider1{
	width: 970px;
	margin:0px;
	clear:both
}
.pagination{
	/*width: 960px; Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
	height:18px;
	font: 13px  Arial, Helvetica,Verdana,  sans-serif;
	background-color:#ffffff;
	border: 0;
	border-top-width: 0px;
	padding:6px 0px;
	margin: 0;
}

.pagination a{
	padding: 0 5px;
	text-decoration: none;
	color: #666;
	background:#DDD;
	border: #FFFFFF solid 1px;
	margin: 0;
}

.pagination a:hover, .pagination a.selected{
	color: #FFFFFF;
	background-color: #0367A2;
}


/*ad_flash_banner*/
#banner{margin:5px 0 7px 0 ; padding:0px; clear:both}
/*ad_flash_banner*/



/*ad_banner pomotion 8*/
.bg_n8 {
	list-style:none;
	background-image: url(http://www.smartmobile.co.th/pic/bg_8.jpg);
	background-repeat: repeat;
}
.bg_m8 {	list-style:none;
	background-image: url(http://www.smartmobile.co.th/pic/m_8.jpg);
	background-repeat: repeat;
}
/*ad_banner pomotion 8*/

/*promotion*/
#pomomo{
	width: 970px;
	background:#FFFFFF;
	clear:both;
	position:relative;
	margin:0 auto;
	padding:0;
	border:0
}
#pomomo  .table_pro {width:966px; height:357px; border:0; margin:0; margin:20px 2px  0 2px; padding: 20px 2px 0 30px  }
#pomomo  .table_pro .left{ float:left;  width:45px; height:357px; background-image:url(http://www.smartmobile.co.th/pic/promotion/bg-L-pro.jpg)}
#pomomo  .table_pro .cen{  width:820px; height:357px; margin-left:0px; padding-left:0;  float:left ; background-image:url(http://www.smartmobile.co.th/pic/promotion/bg-C-pro.jpg)} 

#pomomo  .table_pro .cen ul { display:inline; float: left;  margin: 0 0 0 0; top:auto; padding:0} 
#pomomo  .table_pro .cen li{ display:inline; float: left; padding-top:16px; padding-left:0px;  margin: 0 0 0 0; top:auto} 





#pomomo  .table_pro .right{ float: left; width:48px; height:357px; background-image:url(http://www.smartmobile.co.th/pic/promotion/bg-R-pro.jpg)}

/*promotion new*/
#pomomo-n{
	width: 970px;
	background:#FFFFFF;
	clear:both;
	float:left;

	margin:0;
	padding:0 0 0 0px;
	border:0
}
#pomomo-n  .table_pro {border:0; margin:0; margin:  0 px; padding: 20px 0px 0 75px  }
#pomomo-n  .table_pro .cen{width:820px; margin-left:0px; padding-left:0;  float:left ;}

#pomomo-n  .table_pro .cen ul { display:inline; float: left;  margin: 0; top:auto; padding:0} 
#pomomo-n  .table_pro .cen li{ display:inline; float: left; padding:16px 0;  margin: 0; top:auto} 

/*2010 csss*/
.content-tb-2roll { padding:5px 20px;}
.content-tb-2roll h1 ,.content-tb-2roll h2 ,.content-tb-2roll h3
{ font:18px ; font-weight:normal; color:#999;
margin:  15px;}

.content-tb-2roll strong { color:#09C; font-weight:normal;}
.content-tb-2roll p { text-indent:20px; color:#666; margin: 10px; }

#navigator-head 
{width:970px; background:url(http://www.smartmobile.co.th/pic/sbl.jpg) repeat-x center; 
padding: 0; height:52px; 
margin:0 auto;

background-color: #FFFFFF; 
border:  none ;}

#navigator-head .logo-navi {width:133px; float:left}

#navigator-head .brand-navi ul { padding:0; margin:13px 0 0 10px; float:left; width:450px; position:relative;}

#navigator-head .brand-navi ul li { list-style:none; display:inline; margin:0 2px; padding:0; float:left; }

#navigator-head  select  option,#navigator-head  select   { font:11px !important; color: #333;}

#navigator-head  select  optgroup{ margin:10px !important;border-bottom-right-radius:10px;	-moz-border-radius-bottomright:10px;
border-bottom-left-radius:10px;	-moz-border-radius-bottomleft:10px; border: none;}



/*pda article*/
.pda-art strog{ font:normal;}
.pda-art a:link,
.pda-art a:visited
{ text-decoration:none; color:#09C;}
.pda-art a:hover,
.pda-art a:active
{ text-decoration: underline; color:#F90;}
.pda-art ul
 {
	padding:0;
	margin:5px;
	width:575px;
	}
.pda-art li
{ margin:5px; padding:5px 8px; list-style:none; float:left; display:inline; text-align:center; display:block; border:#FFF solid 1px; height:168px;
	}
	
.pda-art li:hover { border:#CCC 1px solid; }	
/*pda article*/
#frame-photo{ background:url(../pic/bg-frame.png) no-repeat center ; padding:26px 0 34px 0!important;}