@CHARSET "UTF-8";

@import url(reset.css);
#loading{position:absolute; top:49%;left:49%;width:35px;height:35px;z-index:99999;}
.rightonly										{direction:ltr; text-align:right;}
/*common*/
body											{font-family: arial, verdana, sans-serif; font-size :0.85em; line-height: 1.25em; color: #5c5a5b; background: url(../images/com/bg_body.gif) repeat-y 50% top;}
h3												{font-size: 1em; font-weight: bold; color:#836149;}
p												{color: #5d5b5b;}

.list.small										{}
.list.small li									{padding-right: 7px; background: url(../images/com/bg_bullet_point_02.png) no-repeat right 6px;}

#wrap											{width: 948px; height: 100%; margin: 0 auto; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;}
#header											{width: 100%; height: 73px;}
#header .logo									{position: relative; float:left; padding: 26px 0 0 37px; z-index: 2;}
#header .lnb									{position: relative; float:left; padding: 19px 0 0 110px;}
#header .lnb li									{position: relative; float:right; margin: 6px 22px 0 0; z-index: 2;}

#content										{zoom: 1;}
#content:after									{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#content .section h3							{font-size: 1.25em;}

/* footer */
#footer											{margin: 100px 35px 0 35px;text-align:right; direction:rtl;}

#footer h2										{float: right; margin-top: -3px;}

/* follow */
#footer .follow									{float: right; margin-right: 10px;}
#footer .follow h3								{float: right; margin: 4px 8px 0 0;}
#footer .follow ul								{float: right;}
#footer .follow ul:after						{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer .follow ul li							{float: right; margin-right: 4px;margin-top: 4px;}

/* share */
#footer .share									{float: right; margin-left: 8px;}
#footer .share h3								{float: right; margin:4px 8px 0 0; padding-right: 8px; border-left: 1px solid #ebebeb;}
#footer .share ul								{float: right; zoom: 1;}
#footer .share ul:after							{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer .share ul li							{float: right; margin-right: 4px;}

#footer p										{padding-top: 20px;clear: both; font-size: 0.8em; color: #999999;}
#footer .copyright								{padding-bottom: 46px; padding-top: 0; color: #999999;}
#footer .banner									{position: absolute; margin: -60px 0 0 720px;}

/* footer */
#footer_main									{margin: 48px 35px 0 35px;text-align:right; direction:rtl;}

#footer_main h2									{float: right; margin-top: -3px; }

/* follow */
#footer_main .follow							{float: right; margin-right: 10px;}
#footer_main .follow h3							{float: right; margin: 4px 8px 0 0;}
#footer_main .follow ul							{float: right;}
#footer_main .follow ul:after					{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer_main .follow ul li						{float: right; margin-right: 4px;margin-top: 4px;}

/* share */
#footer_main .share								{float: right; margin-right: 8px;}
#footer_main .share h3							{float: right; margin:4px 8px 0 0; padding-right: 8px; border-left: 1px solid #ebebeb;}
#footer_main .share ul							{float: right; zoom: 1;}
#footer_main .share ul:after					{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer_main .share ul li						{float: right; margin-right: 4px;}

#footer_main p									{padding-top: 20px;clear: left; font-size: 0.8em; color: #999999;}
#footer_main .copyright							{padding-bottom: 46px; padding-top: 0; color: #999999;}
#footer_main .banner							{position: absolute; margin: -35px 0 0 0; margin-right:730px;}

/*main*/
.intro											{background: url(../images/main/bg_header.jpg) no-repeat left top;}

/*benefits*/

.benefits #content h2							{direction:rtl; text-align:right;position: absolute; margin: 40px 0 0 794px;}
.benefits #content .section						{padding: 54px 37px 0 37px;}
.benefits #content .section h3					{padding-bottom: 6px; direction:rtl; text-align:right;}
.benefits #content .section p					{direction:rtl; text-align:right; font-size:12pt; line-height:18pt;}
.benefits #content .extra p						{padding-right:40px;direction:rtl; text-align:right;}
.benefits #content .allshare p					{padding-right:40px;direction:rtl; text-align:right;}
.benefits #content .wi-fi p						{padding-right:40px;direction:rtl; text-align:right;}
.benefits #content .dropbox p					{padding-right:40px;direction:rtl; text-align:right;}
.benefits #content .extra h3					{padding-right:40px;direction:rtl; text-align:right;}
.benefits #content .allshare h3					{padding-right:40px;direction:rtl; text-align:right;}
.benefits #content .wi-fi h3					{padding-right:40px;direction:rtl; text-align:right;}
.benefits #content .dropbox h3					{padding-right:40px;direction:rtl; text-align:right;}
.benefits #content .cut							{border-bottom: 1px solid #d6d6d6;}
.benefits #content .extra						{padding: 160px 0 100px 500px; background: url(../images/benefit/bene_img_12.jpg) no-repeat left 0;}
.benefits #content .allshare					{padding: 160px 0 100px 500px; background: url(../images/benefit/bene_img_16.jpg) no-repeat left 0;}
.benefits #content .wi-fi						{padding: 60px 500px 120px 35px; background: url(../images/benefit/bene_img_13.jpg) no-repeat right 0;}
.benefits #content .dropbox						{padding: 60px 500px 180px 35px; background: url(../images/benefit/bene_img_17.jpg) no-repeat right 0;}
/*specifications*/
.specifications #content h2						{margin: 48px 0 0 24px;direction:rtl; text-align:right;}
.specifications #content .wrap					{float: right; margin-top: 40px; padding: 0 35px 0 35px; width: 400px; border-right: 1px solid #e2e2e2;direction:rtl; text-align:right;}
.specifications #content .wrap + .wrap			{border-right: 0 none;}
.specifications #content .wrap .section + .section	{margin-top: 40px;}
.specifications #content .wrap .section img		{display: block; margin-top: 30px;}
.specifications #content .section h3			{padding-bottom: 18px;}
.specifications .notice							{margin-top: 25px; text-align: right; font-size: .9em;}
.specifications .notice p						{color: #999999;}

.accessories									{padding-left:35px;padding-right:35px;padding-top:35px;}
.accessories .notice							{margin-top: 20px; text-align: right; font-size: .9em;}
.accessories .notice p							{color: #999999;}
/*Where To Buy*/
.wheretobuy #content 						{min-height:480px;}
.wheretobuy #content h2						{margin: 48px 0 0 24px;}
.wheretobuy #content .wrap					{float: left; margin-top: 40px; padding: 0 35px 0 35px; width: 400px; border-right: 1px solid #e2e2e2;}
.wheretobuy #content .wrap + .wrap			{border-right: 0 none;}
.wheretobuy #content .wrap .section + .section	{margin-top: 40px;}
.wheretobuy #content .wrap .section img		{display: block; margin-top: 30px;}
.wheretobuy #content .section h3			{padding-bottom: 18px;}
.wheretobuy .notice							{margin-top: 100px; text-align: right; font-size: .9em;}
.wheretobuy .notice p						{color: #999999;}

headerwhere{margin-top:16px;overflow:hidden}
.spec_topwhere{ position:relative;height:200px;background:url(../images/specs/bg_contop.png) 0 top no-repeat;overflow:hidden;z-index:1000;}
.spec_topwhere h1{padding:59px 0 0 40px; width:282px;height:52px;text-align:center;}
#wrap .spec_visualwhere{position:absolute;top:10px;right:151px;z-index:1000;width:950px;height:168px;padding:20px 0px;background:url(../images/specs/img_spec_visual_s.png) right 0 no-repeat}
.con_area_wheretobuy{position:relative;z-index:1;padding-bottom:40px; overflow:visible;}
#main_wheretobuy{position:absolute;left:50%;margin-left:-465px;opacity:0;}


.wheretobuy_con{font-family:'Tahoma', 'Helvetica', 'Arial';margin:0px auto;padding:0px 0 10px 0;width:930px; height:336px; overflow:visible;background:url(../images/wheretobuy/shelfbg.png) 0 top no-repeat; font-size:12px;}
.wheretobuy_con .header{font-weight:normal; font-size:16px;padding-top:10px;color:#2784ED;clear:left;}
.wheretobuy_con .store {padding-top:0px; clear:left;}
.wheretobuy_con .store .shopname{font-family: 'Tahoma', 'Helvetica', 'Arial';color:#000000;font-weight:normal;padding-left:35px;padding-right:5px; float:left; padding-right:10px; padding-top:4px; padding-bottom:4px;width:141px;}
.wheretobuy_con .store .add{font-family: 'Tahoma', 'Helvetica', 'Arial';color:#000000;font-weight:normal;float:left; padding-left:13px;padding-right:5px; padding-top:4px; padding-bottom:4px;width:166px;}
.wheretobuy_con .store .city{font-family: 'Tahoma', 'Helvetica', 'Arial';color:#000000;font-weight:normal;float:left; padding-left:12px;padding-right:5px; padding-top:4px; padding-bottom:4px;width:131px;}
.wheretobuy_con .store .telno{font-family: 'Tahoma', 'Helvetica', 'Arial';color:#000000;font-weight:normal;float:left; padding-left:10px;padding-right:5px; padding-top:4px; padding-bottom:4px;width:118px;}
.wheretobuy_con .store .url{font-weight:normal;float:left; padding-left:20px;padding-right:5px; padding-top:4px; padding-bottom:4px;width:250px;}
.wheretobuy_con .store .url a{font-weight:normal;color:#1B67B3; text-decoration:none;}
.wheretobuy_con .store .url a:hover{font-weight:normal;color:#1B67B3; text-decoration:underline;}
.wheretobuy_con .sep{float:left;border-bottom:thin solid #cccccc; width:100%;padding-top:10px;clear:right;clear:left;}
.dropSelect{border:none;width:160px;padding:2px; background:transparent;visibility:hidden;}
#divCurCountry{font-family: 'Tahoma', 'Helvetica', 'Arial';color:#000000;font-size:20px;height:53px; padding-left:38px;padding-top:13px;font-weight:normal; position:absolute; top:259px;}
#divPosCont{position:absolute; top:328px;}
#divDropSroll{float:left;width:2px;height:160px; background-color:#CCCCCC; border:solid thin #555555;position:relative;left:10px; top:-170px;visibility:hidden;}
#divTrackDrop{width:0px;height:20px; background-color:#555555; border:solid thin #555555;position:relative;top:0px; cursor:pointer;}

#dropCont{position:absolute; text-align:right; left:75px; top:-18px;display:inline-block;font-size:11px; width:173px; height:50px; padding-top:10px; }
.dropMain{background:url(../images/wheretobuy/dropbg.png) 0 top no-repeat; border:none; padding-left:40px; padding-right:8px;padding-top:2px;padding-bottom:2px;color:#000000;text-align:right;}
.dropMain1{background:url(../images/wheretobuy/dropbg1.png) 0 top no-repeat; border:none; padding-left:40px; padding-right:8px;padding-top:2px;padding-bottom:2px;color:#000000;text-align:right;}
.dropDef{background-color:#FFFFFF; border-bottom:none; padding-right:left; padding-right:8px;padding-top:2px;padding-bottom:2px;color:#000000;text-align:right;}
.dropDef:hover{background-color:#DDDDDD; border-bottom:none; padding-left:40px; padding-right:8px;padding-top:2px;padding-bottom:2px;color:#000000;text-align:right;}
.dropSel{background-color:#EEEEEE; border-bottom:none; padding-left:40px; padding-right:8px;padding-top:2px;padding-bottom:2px;color:#000000;text-align:right;}
#dropList{border:none; height:174px; overflow:hidden; visibility:hidden; padding-bottom:4px;}
#dropListMain{border:none; height:178px; visibility:hidden; padding-top:4px;padding-bottom:4px; margin-top:1px; background-color:#ffffff;}

/* images */
.images											{background: url(../images/image/image_bg.gif) no-repeat left top;}
.images #content								{position: relative;}
.images #content h2								{position: absolute; right: 0px; top: 45px;}
.images #content .section						{margin: 45px 35px 0 35px; position: relative;}
.images #content .section h3					{margin-bottom: 15px;}
.images #content .pearl .wrap					{margin: 0 62px; overflow-x: hidden;}
.images #content .pearl .wrap ul				{zoom: 1; width: 2000em;}
.images #content .pearl .wrap ul:after			{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.images #content .pearl .wrap ul li				{float: left; zoom: 1; margin-right: 7px; border: 1px solid #e3e3e3;}
.images #content .pearl .wrap ul li:after		{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.images #content .pearl .wrap ul li a			{float: left; position: relative;}
.images #content .pearl .wrap ul li a span		{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1);}
.images #content .pearl .wrap ul li.active a span	{background: none;}

.images #content .pearl .direction				{}
.images #content .pearl .direction a			{position: absolute; top: 60px;}
.images #content .pearl .direction .prev		{left: 0;}
.images #content .pearl .direction .next		{right: 0;}


.images #content .jcarousel						{position: relative; overflow: hidden;}
.images #content .jcarousel ul					{position: relative; margin: 0; padding: 0; width: 20000em; list-style: none;}
.images #content .jcarousel ul li				{width: 117px; float: left;}

/* images */
.videos											{background: url(../images/video/image_bg.gif) no-repeat left top;}
.videos #content								{position: relative;}
.videos #content h2								{position: absolute; right: 0px; top: 45px;}
.videos #content .section						{margin: 40px 80px 0 80px; position: relative;}
.videos #content .section h3					{margin-bottom: 15px;}
.videos #content .visual						{width: 785px; margin: 0 auto; padding-top: 102px;}

/* share vod */
.videos #content .share-vod						{zoom: 1; position: relative; margin: 25px 50px 0 80px; }
.videos #content .share-vod:after				{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.videos #content .share-vod h3					{float: right; right: 180px; top: 14px;}
.videos #content .share-vod ul					{float: right; zoom: 1; padding-right: 30px;}
.videos #content .share-vod ul:after			{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.videos #content .share-vod ul li				{float: right; zoom: 1;}
.videos #content .share-vod ul li + li			{margin-right: 5px;}
.videos #content .share-vod ul li:after			{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.videos #content .share-vod ul li img			{float: right;}

/* vod list */
.videos #content .vod-list						{overflow: visible; position:relative; left:-160px;}
.videos #content .vod-list h3					{display: block; margin: 0; padding: 0; visibility: hidden; width: 0; height: 0; line-height: 0; font-size: 0;}
.videos #content .vod-list ul					{zoom: 1; width: 120%;}
.videos #content .vod-list ul:after				{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.videos #content .vod-list ul li				{float: right; zoom: 1; margin: 0 6px 6px 0;}
.videos #content .vod-list ul li:after			{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.videos #content .video-list ul li img			{float: right;}


#bannerCont{width:948;height:670px;overflow:hidden;}
#divBanBottom{position:relative;top:-670px;width:948;height:670px; background:transparent;}
#divBanTop{width:948;height:670px; background:transparent;}
#divDummy{visibility:hidden; width:0px; height:0px; overflow:hidden;}
#divLArrow{visibility:hidden;cursor:pointer; width:23px;height:36px; float:left;background:url(../image/left.png) no-repeat; position:relative; top:-793px; margin-left:10px;}
#divRArrow{visibility:hidden;cursor:pointer; width:21px;height:36px; float:right;background:url(../image/right.png) no-repeat; position:relative; top:-793px;; margin-right:10px;}
#divLArrow:hover{cursor:pointer; width:23px;height:36px; float:left;background:url(../image/left_ov.png) no-repeat; position:relative; top:-793px; margin-left:10px;}
#divRArrow:hover{cursor:pointer; width:21px;height:36px; float:right;background:url(../image/right_ov.png) no-repeat; position:relative; top:-793px;; margin-right:10px;}
#divSeqCont{float:right;position:relative; top:-543px;;}
.numselect{float:left;width:24px;height:17px; float:left;background:url(../image/numselect.png) no-repeat; margin-right:10px; font-weight:bold; font-size:11px; text-align:center; color:#ffffff;}
.numover{float:left;width:24px;height:17px; margin-right:10px; font-weight:bold; font-size:11px; text-align:center; color:#000000;cursor:hand;display:block;background:url(../image/numdefault.png) no-repeat;cursor:pointer;}
.numover:hover {width:24px;height:17px;color:#FFFFFF; background:url(../image/numover.png) no-repeat;display:block;cursor:pointer;}



























