/******************************************************************************
RESET STYES
******************************************************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td					{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

body					{margin: 0 auto;font-size: 12px;font-family: Arial,Verdana,sans-serif;color: #fff;background-image: url(../../site_image/share/global_bg.gif);}

/******************************************************************************
GENERAL STYLES
******************************************************************************/

img,input,select,option					{vertical-align: middle;}

p					{font-size: 1em;line-height: 1.4em;padding-bottom: 10px;}

h1					{font-size: 1em;padding-bottom: 10px;}

h2					{font-size: 1.2em;color: #930025;line-height: 1.2em;margin-bottom: 15px;}

h3					{font-size: 1.4em;}

h4					{font-size: 1.2em;}

h5					{font-size: 1.6em;color: #930025;line-height: 1.2em;margin-bottom: 15px;}

em,i					{font-style: italic;}

strong,b					{font-weight: bold;}

/* ########## Links ########## */

a					{color: #930025;text-decoration: none;}

a:hover					{text-decoration: underline;}

/* ########## Useful ########## */

.left					{float: left;}

.right					{float: right;}

.clear:after					{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clear					{display: inline-table;}

/* Hides from IE-mac \*/

* html .clear					{height: 1%;}

.clear					{display: block;}

/* End hide from IE-mac */

.clear					{clear: both;}

/******************************************************************************
GLOBAL STYLES
******************************************************************************/

#globalWrap					{width: 1000px;margin: 0 auto;text-align: left;}

/*******************************HEADER****************************************/

#header					{width: 1000px;height: 210px;margin-top: 28px;padding: 22px 0px 0px 0px;}

/*background-image: url(../../site_image/share/content_bg_03.png); background-repeat:no-repeat;*/

/*******************************FOOTER****************************************/

#footer					{width: 1000px;height: 60px;background-color:#000; margin-bottom:15px;}

/*******************************CONTENT****************************************/

#contentWrap					{float: left;width: 1000px;min-height: 500px;background-color:#000;}

/*******************************JOIN FORM****************************************/

#register-header					{width: 1000px;display: block;}

#register-left					{width: 255px;margin-right: 10px;padding: 20px;text-align: right;}

#register-right					{width: 650px;padding: 20px;}

#register-right .label					{float: left;width: 150px;text-align: right;font-size: 12px;padding: 0 10px 0 0;}

#register-right .label p					{color: #717171}

#register-right .content					{float: left;width: 220px;font-size: 10px;}

#register-right .color					{font-size: 14px;color: #cf1843;padding: 5px;}

#register-right .content p					{float: left;width: 220px;font-size: 10px;color: #717171}

#register-right .content .radio					{float: left;width: 254px;}

#register-right .checkbox					{float: left;width: 260px;font-size: 10px;}

#register-right .checkboxForm					{float: left;width: 130px;}

#register-right .checkbox input					{width: 30px;}

#register-right li					{margin-left: 20px;}

#register-right .form-wrapper					{width: 500px;float: right;margin-bottom: 16px;}

#register-right .line					{}

#register-right #productReg					{width: 500px;float: right;margin-bottom: 16px;}

#register-right #privacyterm					{width: 610px;padding: 20px;border: 1px solid #930025;}

/*
#register-right .submit a {float:right;display:block;width:79px;height:23px;background:url(../../site_image/jp/button_submit.gif); text-indent:-9999px;margin:15px 0 40px 0;}
#register-right .submit a:hover {background:url(../../site_image/jp/button_submit.gif) scroll 0 23px;}
#register-right .reset a {float:right;display:block;width:79px;height:23px;background:url(../../site_image/jp/button_reset.gif); text-indent:-9999px;margin:15px 0 40px 0;}
#register-right .reset a:hover {background:url(../../site_image/jp/button_reset.gif) scroll 0 23px;}

#register-right .submit input {float:right;display:block;width:79px;height:23px;background:url(../../site_image/jp/button_submit.gif); text-indent:-9999px;margin:15px 0 40px 0;border:0px;}
#register-right .submit input:hover {background:url(../../site_image/jp/button_submit.gif) scroll 0 23px;}
#register-right .reset input {float:right;display:block;width:79px;height:23px;background:url(../../site_image/jp/button_reset.gif); text-indent:-9999px;margin:15px 0 40px 0;border:0px;}
#register-right .reset input:hover {background:url(../../site_image/jp/button_reset.gif) scroll 0 23px;}
*/

/*******************************PROMOTION****************************************/

#cal					{width: 210px;text-align: left;padding-top: 10px;line-height: 1.7em;text-align: center;}

#register-right .news					{min-height: 80px;padding: 20px 0 10px 0;float: left;}

#register-right .newsImage					{width: 200px;float: left;}

#register-right .newsContent					{width: 450px;float: left;}

#register-right .date					{padding: 10px 0 10px 0;}

#register-right .title					{}

#register-right .detail					{}

/*******************************PRIVACY****************************************/

#pri_header					{height: 159px;text-align: center;margin-top: 28px;padding: 22px 26px 0px 26px;background-image: url(../../site_image/share/content_bg_03.png);background-repeat: no-repeat;}

#pri_content					{width: 916px;margin-bottom: -1px;line-height: 30px;padding: 0 70px 0 70px;background-image: url(../../site_image/share/content_bg_06.png);}

#pri_footer					{height: 106px;padding: 0 26px 0 26px;background-image: url(../../site_image/tc/privacy_footer.png);}

/*******************************REG****************************************/

#register-right .submit input					{float: right;display: block;width: 79px;height: 23px;background: url(../../site_image/tc/button_submit.gif);text-indent: -9999px;margin: 15px 0 40px 0;border: 0px;}

#register-right .submit input:hover					{background: url(../../site_image/tc/button_submit.gif) scroll 0 23px;}

#register-right .reset input					{float: right;display: block;width: 79px;height: 23px;background: url(../../site_image/tc/button_reset.gif);text-indent: -9999px;margin: 15px 0 40px 0;border: 0px;}

#register-right .reset input:hover					{background: url(../../site_image/tc/button_reset.gif) scroll 0 23px;}

.error					{color: #cf1843;}

/*******************************Pink****************************************/

#pink_contentWrap					{width: 1056px;min-height: 500px;}

#pink_header					{width: 1000px;height: 169px;padding: 0px 26px 0px 26px;background-image: url(../../site_image/tc/pink_header.png);}

#pink_footer					{height: 109px;padding: 0 26px 0 26px;background-image: url(../../site_image/tc/pink_bottom.png);}

#pink_content					{width: 912px;padding: 0px 60px 0px 80px;line-height: 30px;background-image: url(../../site_image/tc/pink_bg.png);}

/*------------------------------------------------------------------------/

HAIR DIY EVENT - 5 AUG 2010

/------------------------------------------------------------------------*/

.voteContent					{float: left;width: 948px;padding: 0 26px 0px 26px;position: relative;z-index: 99;}

.voteContent li					{list-style: none;}

.voteListHeader					{float: left;width: 948px;}

.voteListContent					{float: left;width: 892px;background-color: #f77caa;padding: 0 0 0 51px;margin-bottom: 20px;}

.voteContent h4					{color: #000;}

/*-----------------------------VoteBox-----------------------------------*/

.voteBox					{float: left;width: 171px;height: 236px;background-image: url(../../site_image/tc/vote/vote_item_bg.jpg);background-repeat: no-repeat;}

.votedBox					{float: left;width: 171px;height: 236px;background-image: url(../../site_image/tc/vote/vote_item_bg_3.jpg);background-repeat: no-repeat;}

.voteLoginBox					{float: left;width: 171px;height: 236px;background-image: url(../../site_image/tc/vote/vote_item_bg_4.jpg);background-repeat: no-repeat;}

.voteBoxThum					{float: left;width: 133px;height: 120px;padding: 24px 0px 0px 8px;overflow: hidden;}

.voteBoxName					{float: left;width: 133px;padding: 10px 30px 25px 8px;text-align: center;}

.voteCheck					{float: left;padding-left: 45px;padding-top: 2px;}

.voteTerms					{float: left;width: 780px;background: #f9a5c4;padding: 15px 30px 15px 30px;color: #000;}

/*-----------------------------Button-----------------------------------*/

.voteSubmitTag					{float: left;width: 892px;text-align: center;}

.voteSubmit					{background-image: url(../../site_image/tc/vote/vote_icon_vote.jpg);border: none;cursor: pointer;width: 206px;height: 52px;margin: 15px 0 15px 0;}

.voteUpload					{background-image: url(../../site_image/tc/vote/vote_icon_upload.jpg);border: none;cursor: pointer;width: 215px;height: 52px;margin: 0px 0 15px 0;}

.voteSend					{background-image: url(../../site_image/tc/vote/vote_icon_submit.jpg);border: none;cursor: pointer;width: 126px;height: 52px;margin: 15px 0 15px 0;}

.votePopupClose					{background-image: url(../../site_image/tc/vote/vote_icon_back.jpg);border: none;cursor: pointer;width: 201px;height: 46px;margin: 5px 0 5px 0;}

/*---------------------------Dotted Line---------------------------------*/

.voteDotted_pink					{float: left;width: 840px;height: 14px;background-image: url(../../site_image/tc/vote/vote_dotted_pink.jpg);}

.voteDotted_white					{float: left;width: 780px;height: 14px;background-image: url(../../site_image/tc/vote/vote_dotted.jpg);}

/*-------------------------------Form------------------------------------*/

.voteTitle					{float: left;width: 840px;}

.formTag					{float: left;width: 840px;padding-bottom: 10px;margin: 10;}

.formTagTitle					{float: left;width: 150px;padding-left: 50px;font-size: 14px;}

.formTagField					{float: left;width: 500px;}

.formTagField2					{float: left;width: 200px;}

.formTagField input					{margin: 10;width: 460px;}

.formTagField textarea					{width: 465px;}

/*-------------------------------Popup-----------------------------------*/

.votePopup					{float: left;width: 780px;padding: 25px;margin: 25px 0 25px 0;background-color: #fff;}

.votePopupContent					{float: left;width: 780px;}

.votePopupPhoto					{width: 760px;padding: 10px;text-align: center;background-color: #ff80b0;}

.votePhotoThumTag					{float: left;width: 780px;}

.votePhotoThum					{float: left;width: 91px;height: 91px;border: 1px solid #ee4081;margin: 10px 10px 30px 0;}

.voteItemInfo					{float: left;width: 730px;background-color: #CCC;padding: 15px 0 15px 50px}

.voteItemInfoTitle					{float: left;width: 80px;font-size: 14px;color: #fd579c;font-weight: #fd579c;}

.voteItemInfoText					{float: left;color: #000;font-size: 14px;width: 580px;}

.votePopupCloseTag					{float: left;width: 780px;text-align: center;}

.votePopupVid					{flaot: left;width: 760px;padding: 10px;text-align: center;background-color: #ff80b0;}

.votePopupVidBorder					{width: 640px;padding: 10px;background-color: #fff;}

.votePopupVidTitle					{margin-top: 20px;}

.vote_error					{color: #930025;}

#main_image					{max-width: 760px;}