/*////////////////////////////////////////////////////////
    PROJECT: iSport
	FILE NAME: HOME.CSS 
    DESCRIPTION: STYLE FOR HOMEPAGE
    Created 29/09/2009
///////////////////////////////////////////////////////*/

html { background-color:#1c496a; overflow-y: scroll; }

body { background-image:url(../images/Bg/Bg_Page.gif); 
       background-repeat:repeat-x;       
	   font-family:Arial; 
       font-size:12px; 
       color:#666666; 
       padding:0; 
       width:100%;
       margin:0 auto;
       }

/* For Frame - from Stofront.css */
.DIV_PageBody { width:992px; margin: 0 auto;}
#DIV_PageContent {float:left; padding: 0px 16px 5px 16px; margin-left: auto; margin-right: auto; text-align: left; width: 960px; background: #ffffff url( ../images/Bg/Bg_PageArea.gif) repeat-y center top;}
#DIV_PageFloater { background-color: #F2F2F2; float: right; position: absolute; z-index: 500; }
#DIV_PageFooter {width:992px; height:36px; padding:25px 0 10px; color:#A9CDE0; font-size:11px; margin-left:auto; margin-right:auto; background:url( ../images/Bg/Bg_PageFooter.gif) no-repeat center top; }
#DIV_PageFooter a, #DIV_PageFooter a:link, #DIV_PageFooter a:visited { color:#A9CDE0; text-decoration:underline }
#DIV_PageFooter a:hover { color:#FFFFCC; text-decoration:underline }
/* -------------------------------------- */ 

/* For common - from default.css */
.bold { font-weight:bold }
.italic { font-style:italic}
a { color:#02426e; text-decoration:none }
a:hover { color: #ff6633; text-decoration:underline; cursor:pointer;  }
select { font-family: Arial; }
form { margin:0px; padding:0px }
img { border:none; }
p, ul, ol, li, h1, h2, a {margin: 0; padding: 0;}
ol, ul {list-style: none;}
.selectBox select { font-family: Arial; font-size: 16px; color: #3C3C3C; font-weight: bold; }
.text_11 { font-size:11px; }
.clear { clear:both;}
.PaneLeft { float:left }
.PaneRight { float:right }
.MyAccount_lnk {color: #02426E; font-weight: bold;}
.MyAccount_lnk a, a {color: #02426E; text-decoration: none;}
.MyAccount_lnk a:hover {color: #ff6633; text-decoration: underline;}
/* -------------------------------------- */  


.iSHome-logo {float:left; width:251px; height:61px; margin-left: 10px; margin-top: 17px; background:url( ../Images/Logo/logo-isport.png) ;margin-right:5px}
.iSHome_betasport{font-family:Arial; font-size:10px;font-style:italic;color:#7F7F7F;padding-top: 16px; line-height: 11px;margin-left:-4px}
.iSHome_betaglobal{font-family:Arial; font-size:12px;font-style:italic;color:#333333;padding-top:19px;}
.iSHome_betaglobalIE{}
*:first-child+html .iSHome_betaglobalIE{margin-top:-15px}
*:first-child+html .iSHome-input { float:left; font-size:11px; color:#535353; font-weight:bold; line-height:10px; padding-top:2px; padding-bottom:1px;height:10px } 
.iSHome-input { float:left; font-size:11px; color:#535353; font-weight:bold; line-height:10px; padding-top:1px; padding-bottom:2px;height:12px } 
.iSHome-input  {height:/*\**/: 10px\9}
a.lnkForgot { float:left; color:#1A4565; font-size:10px; margin-top:3px; margin-left:-8px; font-weight:normal; }
a.lnkForgot:hover { color:#ff6633; text-decoration:none }
.iSHome-Hinner1 { float:right; width:197px; margin:13px 0 0 0; font-size:15px; color:#4a4a4a; font-weight:bold } 
.iSHome-Hinner1 a { float:left; width:133px; height:27px; margin-top:5px; background:url( ../Images/Btn/createAcc.png) }
.iSHome-Hinner2 { float:right; width:239px; margin:14px 9px 0 0; font-size:11px; color:#184160; font-weight:bold } 
.iSHome-Hinner2_chk { float:right; margin:3px 51px 0 0; width:13px; height:13px; margin /*\**/:0 48px 0 0\9; }
*:first-child+html .iSHome-Hinner2_chk { float:right; margin:3px 51px 0 0; width:13px; height:13px }
.iSHome-Hinner2 p { float:right; font-size:10px; margin:3px 5px 0 0; color:#666666 } 

.inner2-email input { width:152px; }
.inner2-email  { float:right; } 
.inner2-email span { float:left; padding-right:5px; margin-top:2px } 
.inner2-pass { float:right; margin-top:6px; } 
.inner2-pass a { float:left; width:46px; height:19px; margin:-1px 0 0 5px; background:url( ../Images/Btn/Btn_iLogin.png) }
.inner2-pass input {width:101px;}
.inner2-pass span { float:left; padding:1px 5px 0pt 0px; margin-top:1px } 
.iSHome-HBg { width:960px; height:86px; margin-left:auto; margin-right:auto; z-index:1;}
.iSHome-BgMenu { width:960px; height:43px; background:url( ../images/Bg/iSHome-BgMenu.png) bottom no-repeat; }

/*====================================================================
    MENUS > Main
  ==================================================================*/
#UL_MainMenu { list-style: none; margin: 0px; margin-left: 14px; padding: 4px 0px 1px 0px;}
#UL_MainMenu li a { display: block; text-decoration: none; padding: 4px 15px 7px 7px; color: #10314f; font: bold 14px Arial, sans-serif; margin-left: 2px; }
#UL_MainMenu li a:hover, #UL_MainMenu a:active, #UL_MainMenu .selected {color: #2e82c7; padding-right: 6px;}
#UL_MainMenu li { background: url(../images/Bg/Bg_MenuRightBar.gif) right no-repeat; float: left;}
#UL_MainMenu .current { background: url(../images/Bg/Bg_MenuTabLeft.gif) bottom left no-repeat; color: #2e82c7; padding-right: 6px; margin-left: 2px; }
#UL_MainMenu .current span { background: url(../images/Bg/Bg_MenuTabRite.gif) bottom right no-repeat;}
#navMenubar li a:hover { padding-right: 6px; color: #0066CC;}
#UL_MainMenu li a:hover span, #UL_MainMenu a:active span, #UL_MainMenu .current span { padding: 6px 9px 7px 0px; }
#UL_MainMenu li ul li a { color: #10314F; background: none; line-height: 13px; font-size: 12px; font-weight: normal; padding-left: 10px; line-height: 13px; margin-left: 0; padding-right: 0px; min-width: 131px;}
#UL_MainMenu li ul li a:hover { background-color:#2C507C!important; color:#FFFFFF!important; display: block; padding-right: 0; }
*html #UL_MainMenu li ul li a { width: 131px }
/*===================================================================*/

/* For banner section*/
.iSHome-banner {  width:960px; height:655px; background:url( ../Images/Banner/iSport.jpg); background-repeat:no-repeat; position: relative; z-index:0; }
.iSHome-tit2 { float:left; margin:18px 0px 0 16px   }
.iSHome-tit2Mg { margin-left:23px; }
.iSHome-spCol1 { float:right; width:164px; margin:5px 20px 0 0 }
.iSHome-spCol2 { float:right; width:129px; margin:5px 20px 0 0 }
.iSHome-spCol3 { float:right; width:195px; margin:5px 188px 0 0 }

.iSHome-spCol1 a, .iSHome-spCol2 a, .iSHome-spCol3 a { font-size:18px; color:#ffffff; text-decoration:underline;line-height:31px; }
.iSHome-spCol1 a:hover, .iSHome-spCol2 a:hover, .iSHome-spCol3 a:hover { color:#FABA32; text-decoration:underline  }

.iSViewAllSport-inputBg { background-image:url( ../Images/iSHome.png); background-repeat:no-repeat }
.iSViewAllSport-inputBg  { float:left; width:272px; height:51px; margin:56px 213px 0 0; background-position:0 -457px;  }
.iSViewAllSport-inputBg input { float:left; width:247px; height:26px; border-style:none; margin:9px 0 0 11px; padding:6px 0 0 6px; font-family:Arial; font-size:16px; color:#333333; font-weight:bold; }

*:first-child + html .iSViewAllSport-inputBg input { margin-left:0; }

.iSViewAllSport-legend-bg { display:none; position:absolute; width:280px; height:349px; background:url( ../Images/Bg/Bg-legend.png); left:0; top:61px; left:-3px }
.iSViewAllSport-legend-inner { width:265px; height:320px; padding:0 0 0 8px; margin-top:8px; overflow:visible; overflow-y:auto; overflow-x:hidden }

.iSViewAllSport-Asuggest { display:none; position:absolute; top:62px; left:-2px }
.iSViewAllSport-Abg1 { width:261px; height:23px; padding:19px 0 0 19px; background-image:url(../images/Bg/ISHome-drop.png); background-position:0 0; font-weight:bold; color:#083360 }
.iSViewAllSport-Abg2 { overflow:visible; overflow-y:auto; overflow-x:hidden; width:275px; background-image:url(../images/Bg/ISHome-drop.png); background-position:0 -42px; line-height:17px; padding-left:5px; padding-bottom:15px }
.iSViewAllSport-Abg3 { width:280px; height:16px; background-image:url(../images/Bg/ISHome-drop.png); background-position:0 -356px; }
.iSViewAllSport-Abg1-small { width:280px; height:20px; background-image:url(../images/Bg/ISHome-drop.png); background-position:0 -380px; }

a.all-lnk { float:right; font-size:23px; font-weight:bold; color:#ffffff; text-decoration:underline; margin:46px 400px 0 0; } /*Change top for 27 sports*/
a.all-lnk:hover { color:#FABA32; text-decoration:underline }
.iSHome-HLoc { color:#113351; font-size:11px; font-weight:bold; /*clear:both;*/ cursor:pointer; float:right; padding:3px 10px 0 0; }
.iSHome-HLoc img { margin-bottom:-2px; margin-left:2px }

.iSHome-find, .iSHome-inputBg, .iSHome-popular, .iSHome-inner1, .iSHome-inner2, .iSHome-inner3, .iSHome-inner4, .iSHome-inner1 p, .iSHome-inner2 p, .iSHome-inner3 p, .iSHome-inner4 p { background-image:url( ../Images/iSHome.png); background-repeat:no-repeat }
.iSHome-find { float:right; width:248px; height:39px; margin:64px 12px 0 0; background-position:0 -418px;  }
.iSHome-inputBg { float:right; width:272px; height:51px; margin:56px 213px 0 0; background-position:0 -457px;  }
.iSHome-inputBg input { float:left; width:224px; height:25px; border-style:none; margin:9px 0 0 11px; padding:5px 0 0 6px; font-family:Arial; font-size:16px; color:#333333; font-weight:bold; }
*:first-child+html .iSHome-inputBg input { float:left; width:220px; height:24px; border-style:none; margin:9px 0 0 11px; padding:6px 0 0 6px; font-family:Arial; font-size:16px; color:#333333; font-weight:bold; }

.iSHome-popular { float:right; width:175px; height:24px; margin:34px 58px 0 0; background-position:0 -655px;  }

.Home-take, .Home-take:hover { float:left; margin:41px 0 0 300px; background:url(../Images/iSHome-btn.png); cursor:pointer; width:154px; height:76px; background-position:0 -0px; }
.Home-take:hover { float:left; background-position:0 -76px}

.Home-create, .Home-create:hover { float:left; margin:41px 0 0 -1px; background:url(../Images/iSHome-btn.png); cursor:pointer; width:188px; height:76px; background-position:0 -152px; }
.Home-create:hover { background-position:0 -228px;}
.Home-view, .Home-view:hover { float:left; margin:41px 0 0 -1px; background:url(../Images/iSHome-btn.png); cursor:pointer; width:176px; height:76px; background-position:-208px -152px; }
.Home-view:hover { background-position:-208px -228px;}


/* For below banner*/
.iSHome-inner1, .iSHome-inner2, .iSHome-inner3, .iSHome-inner4 { float:left; width:215px; height:143px; margin:18px 19px 10px 0; background-position:0 0 }
.iSHome-inner1:hover, .iSHome-inner2:hover, .iSHome-inner3:hover, .iSHome-inner4:hover { float:left; width:215px; height:143px; margin:18px 19px 10px 0; background-position:0 -509px }
.iSHome-inner1, .iSHome-inner1:hover { margin-left:20px }
.iSHome-inner1 p { width:78px; height:66px; margin:16px auto 9px auto; background-position:0 -143px; }
.iSHome-inner2 p { width:98px; height:69px; margin:13px auto 9px auto; background-position:0 -209px; }
.iSHome-inner3 p { width:79px; height:66px; margin:18px auto 7px auto; background-position:0 -278px; }
.iSHome-inner4 p { width:150px; height:72px; margin:15px auto 4px auto; background-position:0 -347px; }

.iSHome-inner4 { margin-right:0 }

.iSHome-outer a, .iSHome-outer a, .iSHome-outer a, .iSHome-outer a { font-size:15px; line-height:18px; color:#333333; font-weight:bold; text-align:center; text-decoration:none }
.iSHome-outer a:hover, .iSHome-outer a:hover, .iSHome-outer a:hover, .iSHome-outer a:hover  { color:#ff6633 }
.iSHome-inner1 dl, .iSHome-inner2 dl, .iSHome-inner3 dl, .iSHome-inner4 dl  { text-align:center; margin:0 }
.iSHome-logo2 { float:left; width:141px; height:20px; background:url( ../Images/logo/logo-isport2.png); margin:24px -5px 0 16px }

/*For Footer */
.iSHome-FTitle { float: right; padding-right:15px; }
.iSHome-FTitle li { float:left; color:#A9CDE0; padding-right:6px; }
.iSHome-FTitle li a { margin-right:6px; font-size:11px; }

/* For Auto Suggest */
.ISHome-Asuggest { display:none; position:absolute; left:473px; top:95px; }
.ISHome-Abg1-small { width:280px; height:20px; background-image:url(../images/Bg/ISHome-drop.png); background-position:0 -380px; }
.ISHome-Abg1 { width:261px; height:23px; padding:19px 0 0 19px; background-image:url(../images/Bg/ISHome-drop.png); background-position:0 0; font-weight:bold; color:#083360 }
.ISHome-Abg2 { overflow:visible; overflow-y:auto; overflow-x:hidden; width:275px; background-image:url(../images/Bg/ISHome-drop.png); background-position:0 -42px; line-height:17px; padding-left:5px; padding-bottom:15px }
.ISHome-Abg3 { width:280px; height:16px; background-image:url(../images/Bg/ISHome-drop.png); background-position:0 -356px; }

a.ISHome-Alnk { color:#05203D; }
a.ISHome-Alnk:hover { color:#ff6633; text-decoration:underline }


/* case1 */
a.iSHome-legend-lnk1  { float:left; width:152px; cursor:pointer; font-size:14px; font-weight:bold; color:#1C496A; text-decoration:none; margin-bottom:4px }
a.iSHome-legend-lnk1  { float:left; font-size:14px; font-weight:bold; color:#1C496A; text-decoration:none; margin-bottom:4px }
a.iSHome-legend-lnk1:hover { color:#FF6600; text-decoration:none }

.iSHome-legend-lnk2, .iSHome-legend-lnk3{ float:left; font-size:14px; font-weight:bold; color:#666666; text-decoration:none }
.iSHome-legend-lnk3 { width:152px }

.iSHome-sugOuter1 { float:left; margin-bottom:0; padding:1px 0 0 15px }
.iSHome-sugOuter2 { float:left; width:152px; margin-bottom:2px; padding:1px 0 1px 15px }
.iSHome-sugOuter3 { float:left; margin-bottom:3px; padding:1px 0 2px 15px }
.iSHome-sugHlight { background-color:#CAEBFF }

.iSHome-legend-soon1 { float:left; font-family:Arial; font-size:10px; color:#666666; margin:2px 0 0 4px }
.iSHome-legend-soon2 { float:left; font-size:10px; color:#666666; margin:0 0 0 1px }

.Dboard-AlPopup-bg1 { float:left; width:257px; background-color:#787878; height:100%; padding-left:5px }
.Dboard-AlPopup-bg2 { float:left; width:233px; height:100%; background-color:#FFFFFF; padding:5px 8px 5px 11px }
.Dboard-AlPopup-cls { float:right; color:#868787; font-size:11px; font-weight:bold; margin-bottom:3px }
.Dboard-AlPopup-ico { float:left; width:23px; margin-top:6px }
.Dboard-AlPopup-co { float:left; width:210px; border-bottom:solid #E0E0E0 1px; padding:5px 0 5px 0; font-size:12px }
.Dboard-smalltext { font-size:10px; color:#999999 }
#DIV_HeaderRight { float: right; width: 670px; padding-right: 6px; margin-top: 5px; }

/* Rule & Regulationadd - Add by Thuy Le */
.Bullet_Image{list-style-image:url(../Images/Thanks_bullett.gif);margin:2px 0px 2px 35px!important;font-size:14px;color:#000000;line-height:16px;padding-bottom:3px}
.P_Padding{padding:10px 0px 10px 0px;line-height:19px!important}
.padding-ul{padding-top:10px;padding-bottom:10px}
*:first-child+html .Bullet_Image{list-style-image:url(../Images/Thanks_bullette.gif);margin:2px 0px 2px 35px!important;font-size:14px;color:#000000;line-height:16px;padding-bottom:5px}
*:first-child+html .P_Padding{padding:10px 0px 10px 0px;line-height:18px!important}


/* View all sport - Add by Vu Nguyen */
.ViewAllSportBanner { width:960px; height:245px; position:relative; z-index:0; display: block; }
.viewAllSportSelectSort, .ViewAllSportBanner img { z-index:2; position: absolute;  }
.ViewAllSportBanner img { top:0px; display: block;}
.big_title-viewAllSport  { border-bottom:4px solid #E0E0E0;padding:5px 0 5px 10px; height:42px; position:relative;  }
.big_title-viewAllSport h1 { float:left; }
.viewAllSportMain { margin:0 8px; }
.viewAllSportSelectSort { left:250px; top:24px;font-size:14px; color:#333; }

.viewAllSportSelectSort #img_loading { position: absolute; left:293px; top:0;}
.viewAllSportSelectSort, .viewAllSportSelectSort a { color:#666; }
.viewAllSportSelectSort a {text-decoration:underline; margin:0 4px;}
.viewAllSportSelectSort a.chosseSort { cursor:default;font-weight: bold; color:#333; text-decoration: none; }
.viewallSportNote { float:right; width:245px; font-size:14px; color:#858585; font-weight:bold; padding:20px 7px 0 0; }
.viewAllSportData ul li { width:182px; float:left; }
.viewAllSportData ul li label { background-image:url(../images/Icon/viewAllSportCategory.png); background-repeat: no-repeat; font-size:16px; color:#143856; font-weight:bold; display:block; padding:0 0 7px 35px; margin:0 0 0 -36px; }

.viewAllSportData ul span, .viewAllSportData ul a{ display: block; line-height:21px; font-size:13px; }
.viewAllSportData ul span { color: #8E8E8E; }
.viewAllSportData ul a { color:#006C91; font-weight: bold; }
.viewAllSportData ul div { padding:25px 0 0 35px; }
.ViewAllSportAlpha { margin-top:25px; padding-left:8px;}
.viewAllSportData .ViewAllSportAlpha li { width:185px; }

.C_Action {}
.C_Equestrian{ background-position:-5px -49px; }
.C_Fitness { background-position:-5px -103px; }
.C_Martial { background-position:-9px -152px; }
.C_Outdoor { background-position:-4px -197px; }
.C_Precision { background-position:-6px -247px; }
.C_Racquet { background-position:-6px -291px; }
.C_Team { background-position:-6px -332px; }
.C_Water { background-position:0 -377px; }
.C_Winter { background-position:0 -422px; }

.C_Dance { background-position:5px -477px; }

.viewallSportPosition { position: relative; z-index:0 }

/*==============Huu.Dao - For Alert Message====================*/

.ValidFormContainer {width:238px; display:none;}
.ValidFormTop {background:url(../images/bgTopValidForm.png); height:12px; background-repeat:no-repeat; background-position:top left;}
.ValidFormContent {background-image:url(../images/bgTopValidFormC.png); background-repeat:repeat-y; padding:10px 10px 8px 11px; float:left; width:217px;}
.ValidFormtext {float:left; width:175px; font-family:Arial; font-size:11px;color:#333333; padding-left:5px}
.ValidFormBot {background-image:url(../images/bgBotValidForm.png); background-repeat:no-repeat; background-position:top left; height:2px;}
.clearthis {clear:both;float:none;font-size:0;height:0;line-height:0;margin:0 !important;}
/**/
#UL_MainMenu li a { position:relative; height:16px;}
#UL_MainMenu .current .leftConner, #UL_MainMenu .current .rightConner { background-image:url(../images/menuRound.png); background-repeat: no-repeat; width:7px; height:7px; position: absolute; bottom:-1px; }
#UL_MainMenu .current .leftConner { background-position: left top; left:-5px; }
#UL_MainMenu .current .rightConner { background-position: right top; right:3px;}

/* Change Location bottom - Add by Nhung pham */
.ChangeLoc-outer { float:left; width:111px; padding:0 11px 0 8px; cursor:pointer; font-weight:normal; color: #A9CDE0; font-size:11px }
.ChangeLoc-outer img { margin-bottom:-2px; }
.ChangeLoc-dropdown1 { height:290px; bottom:0; width:200px; overflow:hidden; position:absolute; display:none; left:-98px; bottom:17px; z-index:10 }
.ChangeLoc-dropdown2 { overflow:hidden; height:290px; display:none; margin-top:0; background-color:#F2F2F2; }