﻿#jeans
{
    padding-top:20px;
    width: 960px;
    height: 500px;
    overflow: hidden;
}
#jeans .jeans-menu
{
    width: 167px;
    float: left;
    height: auto;
    overflow: hidden;
}
#jeans .jeans-menu .no-padding
{
    padding: 0px;
    margin: 0px 0px -3px 0px;
    height: auto;
}
#jeans .jeans-menu .no-padding-ff
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
    height: auto;
}
#jeans .jeans-menu a
{
    border: 0px;
}
#jeans .jeans-menu a:hover
{
    border: 0px;
}
#jeans .jeans-menu a img
{
    border: 0px;
}
#jeans .jeans-menu a:hover img
{
    border: 0px;
}

#jeans .jeans-content
{
    width: 793px;
    height: auto;
    float: right;
    overflow: hidden;
}
#jeans .jeans-content .default
{
    background-image: url('/TH/jeans/images/Landing.jpg');
    width: 793px;
    height: 488px;
    overflow: hidden;
    text-align: left;
}
#jeans .jeans-content .default .gap
{
    width: 90px;
    height: 90px;
    position:relative;
    top:390px;
    left:12px;
    background-color: #FFFFFF;
    filter: alpha(opacity=1);
    opacity: 0.1;
    cursor:pointer;
}

#jeans .jeans-content .where-to-buy
{
    background-image: url('/TH/jeans/images/WhereToBuy.jpg');
    width: 793px;
    height: 488px;
    overflow: hidden;
    text-align: left;
}

#jeans .jeans-content .happening
{
    background-image: url('/TH/jeans/images/Happenings.jpg');
    width: 793px;
    height: 488px;
    overflow: hidden;
    text-align: left;
}
#jeans .jeans-content .comingsoon
{
    background-image: url('/TH/jeans/images/ComingSoon.jpg');
    width: 793px;
    height: 488px;
    overflow: hidden;
    text-align: left;
}
#jeans .jeans-content .happening .cold-storeage
{
    cursor:pointer;
    width: 75px;
    height: 25px;
    position: relative;
    top: 235px;
    left: 60px;
    background-color: #FFFFFF;
    filter: alpha(opacity=1);
    opacity: 0.1;
}
#jeans .jeans-content .happening .press-release
{
    cursor:pointer;
    width: 295px;
    height: 75px;
    position: relative;
    top: 345px;
    left: 60px;
    /*border: solid 1px #00FF00;*/
    background-color: #FFFFFF;
    filter: alpha(opacity=1);
    opacity: 0.1;
}
#jeans .jeans-content .happening .find-out-more
{
    cursor:pointer;
    width: 100px;
    height: 25px;
    position: relative;
    top: 265px;
    left: 525px;
    /*border: solid 1px #00FF00;*/
    background-color: #FFFFFF;
    filter: alpha(opacity=1);
    opacity: 0.1;
}

/*Jeans Login Panel*/
#jeans .jeans-content #panel
{
    background-image:url('/TH/jeans/images/StoreLanding.jpg');
    width: 793px;
    height: 488px;
    overflow:hidden;
}
#jeans .jeans-content #panel .tnc
{
    position:relative;
    width:150px;
    top:465px;
    left:-65px;
}
#jeans .jeans-content #panel .tnc a,
#jeans .jeans-content #panel .tnc a:hover
{
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
}

#jeans .jeans-content #panel .login-button
{
    position:relative;
    top:360px;
    left:193px;
    width: 329px;
    height: 51px;
    overflow:hidden;
}
#jeans .jeans-content #panel .register-button
{
    position:relative;
    top:357px;
    left:212px;
    width: 368px;
    height: 61px;
    overflow:hidden;
    display:block;
}
#jeans .jeans-content #panel .register-button-ff
{
    position:relative;
    top:360px;
    left:212px;
    width: 368px;
    height: 61px;
    overflow:hidden;
    display:block;
}
#jeans .jeans-content #panel .login-register
{
    position:relative;
    top:410px;
    left:203px;
    width: 385px;
    height: 77px;
    overflow:hidden;
}




#jeans .jeans-content #panel .register-panel
{
    width:415px;
    height:325px;
    background-color:#660000;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    color:#ffffcc;
    font-family:Arial, MS Sans Serif, Tahoma, Verdana;
    vertical-align:top;
}
#jeans .jeans-content #panel .register-panel .table
{
    width:380px;
    height:325px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
#jeans .jeans-content #panel .register-panel .table .label
{
    width:120px;
}
#jeans .jeans-content #panel .register-panel .table .input
{
    width:260px;
}
#jeans .jeans-content #panel .register-panel .table .input .textbox
{
    width:240px;
    border-width:0px;
    border-style:none;
    background-color:#ffffcc;
    color:#333333;
    height:25px;
    font-size:larger;
}
#jeans .jeans-content #panel .register-panel .table .input .textbox2
{
    width:220px;
    border-width:0px;
    border-style:none;
    background-color:#ffffcc;
    color:#333333;
    height:25px;
    font-size:larger;
}
#jeans .jeans-content #panel .register-panel .table .other-link
{
    color:#ffcc66; font-size:12px;
    font-weight:bold;
}

#jeans .jeans-content #panel .register-panel .table .other-link .link
{
    color:#ffcc66;
    text-decoration:underline;
}
#jeans .jeans-content #panel .popup-register-bg
{
    background-color: #333333;
    filter: alpha(opacity=7);
    opacity: 0.7;
}

#jeans .jeans-content #panel2
{
    background-image:url('/TH/jeans/images/InviteBG.jpg');
    width: 793px;
    height: 488px;
    overflow:hidden;
}

#jeans .jeans-content #panel2 .invite-panel
{
    width:460px;
    height:400px;
    background-color:#660000;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    color:#ffffcc;
    font-family:Comic Sans MS, Arial, MS Sans Serif, Tahoma, Verdana;
    vertical-align:top;
}
#jeans .jeans-content #panel2 .invite-panel .header
{
    text-align:left;
    padding-left:15px
}
#jeans .jeans-content #panel2 .invite-panel .close
{
    text-align:right;
    padding-right:15px;
}
#jeans .jeans-content #panel2 .invite-panel .detail
{
    text-align:left;
    width:400px;
    padding-left:10px;
    padding-top:20px;
}
#jeans .jeans-content #panel2 .invite-panel .detail .table
{
    text-align:right;
}
#jeans .jeans-content #panel2 .invite-panel .detail .table .label
{
    width:90px;
    vertical-align:top;
}
#jeans .jeans-content #panel2 .invite-panel .detail .table .input
{
    width:130px;
    vertical-align:top;
}

#jeans .jeans-content #panel2 .invite-panel .detail .table .input .textbox
{
    width:100px;
    border-width:0px;
    border-style:none;
    background-color:#ffffcc;
    color:#333333;
}
#jeans .jeans-content #panel2 .invite-panel .detail .multiline
{
    border-width:0px;
    border-style:none;
    background-color:#FFFFFF;
    width:380px;
    height:80px;
    overflow:hidden;
    text-align:left;
    overflow-y:auto;
}
#jeans .jeans-content #panel2 .invite-panel .error
{
    height:50px;
    width:460px;
}
#jeans .jeans-content #panel2 .invite-panel .sendmail
{
    width:460px;
}
#jeans .jeans-content #panel2 .popup-invite-bg
{
    background-color: #333333;
    filter: alpha(opacity=7);
    opacity: 0.7;
}

#jeans .jeans-content #panel .login-panel
{
    width:415px;
    height:250px;
    background-color:#660000;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    color:#ffffcc;
    font-family: Arial, MS Sans Serif, Tahoma, Verdana;
    vertical-align:top;
}
#jeans .jeans-content #panel .login-panel .table
{
    width:380px;
    height:250px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
#jeans .jeans-content #panel .login-panel .table .label
{
    width:120px;
}
#jeans .jeans-content #panel .login-panel .table .input
{
    width:260px;
}

#jeans .jeans-content #panel .login-panel .table .input .textbox
{
    width:240px;
    border-width:0px;
    border-style:none;
    background-color:#ffffcc;
    color:#333333;
    height:25px;
    font-size:larger;
}
#jeans .jeans-content #panel .login-panel .table .other-link
{
    color:#ffcc66; font-size:12px;
    font-weight:bold;
}

#jeans .jeans-content #panel .login-panel .table .other-link .link
{
    color:#ffcc66;
    text-decoration:underline;
}
#jeans .jeans-content #panel .popup-login-bg
{
    background-color: #333333;
    filter: alpha(opacity=7);
    opacity: 0.7;
}


/*Friend Invite Page*/
#jeans .jeans-content .friend-invite
{
    background-image:url('/TH/jeans/images/gallery_bg.jpg');
    background-repeat:no-repeat;
    position:relative;
    width:810px;
    height:495px;
    overflow:hidden;
    text-align:left;
}
#jeans .jeans-content .friend-invite .welcome
 {
    position:relative;
    width:410px;
    height:25px;
    top: 76px;
    left:225px;
    text-align:left;
}
#jeans .jeans-content .friend-invite .login-member
 {
    position:relative;
    top:60px;
    left:575px;
    width:200px;
    height:130px;
}
#jeans .jeans-content .friend-invite .login-member .label
{
    font-size:larger;
    font-weight:bold;
    color:#660000;
}
#jeans .jeans-content .friend-invite .welcome .welcom-text
{
    width:270px;
    height:25px;
    padding-top:5px;
}
#jeans .jeans-content .friend-invite .bookmark
 {
    position:relative;
    width:185px;
    height:49px;
    top: 135px;
    left:275px;
    text-align:left;
}
#jeans .jeans-content .friend-invite .bookmark2
 {
    position:relative;
    width:185px;
    height:49px;
    top: 140px;
    left:275px;
    text-align:left;
}
#jeans .jeans-content .friend-invite .viewcatwalk
 {
    position:relative;
    width:185px;
    height:49px;
    top: 55px;
    left:275px;
    text-align:left;
}
#jeans .jeans-content .friend-invite .viewcatwalk2
 {
    position:relative;
    width:185px;
    height:49px;
    top: 140px;
    left:275px;
    text-align:left;
}
#jeans .jeans-content .friend-invite .create-store
 {
    position:relative;
    width:190px;
    height:50px;
    top: 60px;
    left:275px;
    text-align:left;
}
#jeans .jeans-content .friend-invite .create-store2
 {
    position:relative;
    width:190px;
    height:50px;
    top: 70px;
    left:275px;
    text-align:left;
}
#jeans .jeans-content .friend-invite .shopping
{
    position:relative;
    width:270px;
    height:60px;
    top: 85px;
    left:170px;
    text-align:left;
}
#jeans .jeans-content .friend-invite .shopping2
{
    position:relative;
    width:270px;
    height:60px;
    top: 105px;
    left:170px;
    text-align:left;
}
#jeans .jeans-content .friend-invite .personal
{
    position:relative;
    top:-120px;
    left:550px;
    width:190px;
}
#jeans .jeans-content .friend-invite .personal2
{
    position:relative;
    top:-110px;
    left:550px;
    width:190px;
}
#jeans .jeans-content .friend-invite .personal .textbox,
#jeans .jeans-content .friend-invite .personal2 .textbox
{
    padding-left:15px;
}

#jeans .jeans-content .friend-invite .personal .textbox .text,
#jeans .jeans-content .friend-invite .personal2 .textbox .text
{
    font-size:14px;
    font-weight:bold;
    color:#660000;
}
#jeans .jeans-content .friend-invite .personal .textbox .text2,
#jeans .jeans-content .friend-invite .personal2 .textbox .text2
{
    font-size:12px;
    font-weight:bold;
    color:#660000;
    background-color:#FFFFFF;
    height:20px;
    width: 180px;
    border:none;
}   

#jeans .jeans-content .friend-invite .download-gift
{
    position:relative;
    top:155px;
    left:540px;
    width:175px;
}
#jeans .jeans-content .friend-invite .download-gift2
{
    position:relative;
    top:184px;
    left:540px;
    width:175px;
}
#jeans .jeans-content .friend-invite .catwalk-panel
{
    width:793px;
    height:488px;
}
#jeans .jeans-content .friend-invite .catwalk-panel .button
{
    width:793px;
    padding-right:20px;
}
#jeans .jeans-content .friend-invite .catwalk-panel .button .btn
{
    width:50px;
    text-align:right;
}
#jeans .jeans-content .friend-invite .catwalk-panel .view
{
    width:793px;
    text-align:center;
}
#jeans .jeans-content .friend-invite .catwalk-panel .popup-catwalk-bg
{
    background-color: #333333;
    filter: alpha(opacity=7);
    opacity: 0.7;
}
/*Member Gallery*/

#jeans .jeans-content .member-gallery
{
    background-image:url('/TH/jeans/images/gallery2_bg.jpg');
    background-repeat:no-repeat;
    position:relative;
    width:800px;
    height:495px;
    overflow:hidden;
    text-align:left;
}
#jeans .jeans-content .member-gallery .member-name
{
    position:relative;
    top:70px;
    left:180px;
    width:350px;
    height:18px;
}
#jeans .jeans-content .member-gallery .login-member
{
    position:relative;
    top:70px;
    left:580px;
    width:185px;
    height:140px;
    overflow:hidden;
}
#jeans .jeans-content .member-gallery .login-member .label
{
    font-size:12px;
    font-weight:bold;
    color:#660000;
}
#jeans .jeans-content .member-gallery .tokens
{
    position:relative;
    top:-10px;
    left:370px;
    width:150px;
    height:15px;
}
#jeans .jeans-content .member-gallery .tokens-list
{
    position:relative;
    top:35px;
    left:95px;
    width:420px;
    height:220px;
    overflow-y:auto;
}
#jeans .jeans-content .member-gallery .tokens-list .list-collection
{
    width:400px;
}
#jeans .jeans-content .member-gallery .tokens-list .list-collection .list-buyer
{
    width:380px;
    font-size:large;
    font-weight:bold;
}
#jeans .jeans-content .member-gallery .tokens-list .list-collection .list-buyer hr
{
    border-bottom:dashed 2px #660000;
    border-top:none;
    border-left:none;
    border-right:none;
}
#jeans .jeans-content .member-gallery .tokens-list .list-collection .list-buyer table tr td
{
    width:380px;
    font-size:medium;
    font-weight:bold;
    color:#660000;
    height:25px;
    border-bottom:dashed 2px #660000;
    vertical-align:middle;
}
#jeans .jeans-content .member-gallery .bookmark
{
    position:relative;
    top:-170px;
    left:550px;
    width:190px;
    height:45px;
}
#jeans .jeans-content .member-gallery .bookmark .textbox
{
    padding-left:15px;
}

#jeans .jeans-content .member-gallery .bookmark .textbox .text
{
    font-size:14px;
    font-weight:bold;
    color:#660000;
}
#jeans .jeans-content .member-gallery .bookmark .textbox .text2
{
    font-size:12px;
    font-weight:bold;
    color:#660000;
    background-color:#FFFFFF;
    height:20px;
    width: 180px;
    border:none;
}
#jeans .jeans-content .finvite2
{
    position: absolute; 
    top: 10;
    left: 25%; 
    right: 25%; 
    bottom: 10%; 
    z-index: 9000;
    height:650px;
    width:793px;
}
#jeans .jeans-content  .finvite
{
    position: absolute; 
    top: 10;
    left: 25%; 
    right: 25%; 
    bottom: 10%; 
    z-index: 9000;
}
#jeans .jeans-content  .finvite #finvite
/*#jeans .jeans-content .member-gallery .finvite2 #finvite*/
{
    height:488px;
    width:800px;
}
#jeans .jeans-content .finvite .fbmlIframe
{
	height:685px !important;
	width: 760px !important;
	overflow:hidden;
}

#jeans .jeans-content .member-gallery .previewstore
{
    position:relative;
    top:-45px;
    left:325px;
    width:190px;
    height:45px;
}
#jeans .jeans-content .member-gallery .previewstore2
{
    position:relative;
    top:5px;
    left:325px;
    width:190px;
    height:45px;
}



/*Pop up control*/
#jeans .jeans-content .register-panel
{
    width:415px;
    height:325px;
    background-color:#660000;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    color:#ffffcc;
    font-family:Comic Sans MS, Arial, MS Sans Serif, Tahoma, Verdana;
    vertical-align:top;
}
#jeans .jeans-content .register-panel .table
{
    width:380px;
    height:325px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
#jeans .jeans-content .register-panel .table .label
{
    width:120px;
}
#jeans .jeans-content .register-panel .table .input
{
    width:260px;
}
#jeans .jeans-content .register-panel .table .input .textbox
{
    width:240px;
    border-width:0px;
    border-style:none;
    background-color:#ffffcc;
    color:#333333;
    height:25px;
    font-size:larger;
}
#jeans .jeans-content .register-panel .table .input .textbox2
{
    width:220px;
    border-width:0px;
    border-style:none;
    background-color:#ffffcc;
    color:#333333;
    height:25px;
    font-size:larger;
}
#jeans .jeans-content .register-panel .table .other-link
{
    color:#ffcc66; font-size:12px;
    font-weight:bold;
}

#jeans .jeans-content .register-panel .table .other-link .link
{
    color:#ffcc66;
    text-decoration:underline;
}
#jeans .jeans-content .popup-register-bg
{
    background-color: #333333;
    filter: alpha(opacity=7);
    opacity: 0.7;
}
#jeans .jeans-content .login-panel
{
    width:415px;
    height:250px;
    background-color:#660000;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    color:#ffffcc;
    font-family:Comic Sans MS, Arial, MS Sans Serif, Tahoma, Verdana;
    vertical-align:top;
}
#jeans .jeans-content .login-panel .table
{
    width:380px;
    height:250px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
#jeans .jeans-content .login-panel .table .label
{
    width:120px;
}
#jeans .jeans-content .login-panel .table .input
{
    width:260px;
}

#jeans .jeans-content .login-panel .table .input .textbox
{
    width:240px;
    border-width:0px;
    border-style:none;
    background-color:#ffffcc;
    color:#333333;
    height:25px;
    font-size:larger;
}
#jeans .jeans-content .login-panel .table .other-link
{
    color:#ffcc66; font-size:12px;
    font-weight:bold;
}

#jeans .jeans-content .login-panel .table .other-link .link
{
    color:#ffcc66;
    text-decoration:underline;
}
#jeans .jeans-content .popup-login-bg
{
    background-color: #333333;
    filter: alpha(opacity=7);
    opacity: 0.7;
}