@charset "UTF-8"; 
/* CSS Document */

/* Layout */
html { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
body { background-color: #F2F2F2; margin:0; padding:0; position:relative; }
a { text-decoration:none; outline:none;}
.wrapper { width: 1004px; margin:0 auto; padding:0; position:relative; }

.header { width: 1000px; margin:0 auto; background-color: #FFF; }
.header #logo { float:left; width:140px; height:57px;}
.header #user_area { float:right; text-align:right; margin-top: 5px;}
.header #user_area #msg_user { color:#C09; }
.header #user_area .btn_user{ padding:2px; font-size:9px; color:#FFF; background-color:#999; border:none;}

#separator { background-image:url(../images/layout/dash.jpg); clear:both; height:3px;}

.header #header_menu { float:left;}
.header #header_menu ul { padding:10px; padding-left: 0; margin:0;}
.header #header_menu li { display:inline; list-style:none;}
.header #header_menu li a { color:#000; padding-left:10px;}
.header #header_menu li a:hover { color:#550237; }

.header #p_grp_menu { float:right; }
.header #p_grp_menu ul { padding:10px; margin:0; font-size: 12px; }
.header #p_grp_menu li { display:inline; list-style:none;}
.header #p_grp_menu li a { color:#999;}
.header #p_grp_menu li a:hover { color:#000;}

.header #search_box { float:right; padding:10px 0 0;}
.header #search_box input { border:1px solid #999; font-size:9px; height:13px; margin:0; padding:0; vertical-align:middle;}
.header #search_box #btn_search { height:15px; padding:0 5px 0 5px; color:#FFF; background-color:#999; border:none;}

.header #p_menu { height:31px; clear:both; background-image:url(../images/layout/product_button_bg.jpg); }
.header #p_menu ul { padding:0; margin:0;}
.header #p_menu li { float:left; list-style:none; margin:0; }
.header #p_menu li a { color:#FFF; font-size:10px; padding:9px 0 0 0; display:block; height:22px; }
.header #p_menu li a span {display:block; width:110px; text-align:center; border-right:1px solid #FFF;}

.header #p_menu_drop #m1 { border:1px solid rgb(153,51,102); background-color: rgb(153,51,102); filter:alpha(opacity=70); opacity:0.7;}
.header #p_menu_drop #m2 { border:1px solid rgb(150,45,117); background-color: rgb(150,45,117); filter:alpha(opacity=70); opacity:0.7;}
.header #p_menu_drop #m3 { border:1px solid rgb(136,58,142); background-color: rgb(136,58,142); filter:alpha(opacity=70); opacity:0.7;}
.header #p_menu_drop #m4 { border:1px solid rgb(134,60,146); background-color: rgb(134,60,146); filter:alpha(opacity=70); opacity:0.7;}
.header #p_menu_drop #m5 { border:1px solid rgb(144,60,148); background-color: rgb(144,60,148); filter:alpha(opacity=70); opacity:0.7;}
.header #p_menu_drop #m6 { border:1px solid rgb(205,53,140); background-color: rgb(205,53,140); filter:alpha(opacity=70); opacity:0.7;}
.header #p_menu_drop #m7 { border:1px solid rgb(233,123,86); background-color: rgb(233,123,86); filter:alpha(opacity=70); opacity:0.7;}
.header #p_menu_drop #m8 { border:1px solid rgb(155,99,108); background-color: rgb(155,99,108); filter:alpha(opacity=70); opacity:0.7;}
.header #p_menu_drop #m9 { border:1px solid rgb(50,59,143); background-color: rgb(50,59,143); filter:alpha(opacity=70); opacity:0.7;}
.header #p_menu_drop div { position:absolute; visibility: hidden; width:90px; padding:10px 10px 0 10px; z-index:1000;}
.header #p_menu_drop div a { position:relative; display:block; text-align:center; line-height:100%; border:none;}

#contents { margin:0 auto; padding:0; /* text-align:center; */ background-color: #FFF; position:relative; }
#contents #contents_background { visibility:hidden; position:absolute; background-color:#FFF; filter:alpha(opacity=80); opacity:0.8; z-index:100; }
#contents #cmain { height: 596px; background-color:#FFF; padding:1px; border: 1px solid #CCC; }
#contents #cmain #p_logo { text-align: left; }
#contents #cmain #p_content { float:left; /* position:relative; top:100px; left:250px; */ padding: 100px 0 0 50px; }
#contents #cmain #p_left { float: left; /* position: absolute; top:175px; */ }
.rounded-corners {
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
    behavior: url(border-radius.htc);
}



#contents #pmenu { margin:0 auto; clear:both; width:1004px; height:49px; background-color:#F2F2F2; /*background-image:url(../images/layout/product_submenu_bg.jpg);*/ }
#contents #pmenu ul { margin:0; padding-top:25px; float:right; }
#contents #pmenu li { float:left; list-style:none; margin:0; }
#contents #pmenu li a { font-size:12px; color:#000; display:block; padding:0 10px 0 10px; margin:0; }
#contents #pmenu li a:hover { color:#550237; }

.footer { clear:both; text-align:center; margin:0; padding:0;}
.footer #separator { background-image:url(../images/layout/bottom_bar.jpg); height:1px; padding:0; margin:0;}
.footer #footer_menu { float:left; margin: 5px 0; text-align:right; padding-left: 50px; }
.footer #footer_menu ul { }
.footer #footer_menu li { display:inline; list-style:none; margin:0; padding:0;}
.footer #footer_menu li a { color:#000; font-size:10px; padding-left:10px;}
.footer #copy_right { float:left; color:#999; font-size:10px; margin:17px 0; padding-left: 30px; }
.footer #social_link { float:right; margin: 7px 0; text-align:left; padding-right: 30px; }

/* Forms */
table {} 
table td { text-align: left; }
table .table_space { width:25px; }
.text_input { background: #DDD; border: none; font-size: 13px; padding:3px; }
.form_btn {background-color: #999; color: #FFF; padding :1px 4px 1px 4px; border: none; }

/* User */
#user_header { text-align: left; padding: 15px 5px 5px 5px; font-size: 32px; font-weight: 100; }
#user_left { float: left; width: 160px; }
#user_warper #user_content { margin-left: 160px; padding-left: 20px; border-left:1px dashed #999; }
#user_content { font-size: 12px; }
#user_content #header_message { text-align: left; font-size: 12px; padding: 15px; position:relative; }
#signin_box { text-align: center; padding: 120px 0 150px 0; }
#signin_box #forgot { font-size: 10px; padding-right: 35px; }

/* All Styles */
.slideshow_warper { width: 1000px; background-color: #DADBDD; }
#left_button, #right_button { width: 53px; }
#slideshow { float:left; position:relative; overflow: hidden; width: 894px; }
#slideshow ul { width: 10000px; margin: 0; padding: 0; }
#slideshow li { float: left; list-style: none; margin: 10px 5px; }
#style-name { font-size: 20px; color: black; line-height: 130%; }
#style-size { font-size: 15px; margin-top: 75px; }
#style-color { border-left: 2px solid; padding: 5px 10px;  margin-top: 20px; margin-bottom: 50px; height: 250px; overflow: auto; }

/* Index Menu */
.index-content-pan { width:1000px; height:596px; overflow:auto; position:relative; }

#index-title { margin-top: 20px; float:left }
#index-nav { float: right; text-align: right; margin-top: 8px; }
#current-page-num { }
#total-page-num { color: #CCC; }
#index-btn-download, #index-nav-btn-prev, #index-nav-btn-next, #index-nav-info { float: right; width: 25px; height: 20px; display: block; text-align: center; }
#index-nav-btn{ margin-top: 26px; }
#index-nav-info { font-size: 14px; text-align: center; width: 45px; }
#index-nav-group { margin-top: 28px; padding-right: 135px; font-size: 12px; font-weight: bold; color: #CCC; }
#index-nav-group a { color: #CCC; padding-bottom: 5px; }
#index-nav-group a:hover { color: #666; border-bottom: 3px solid; }
#index-content { text-align: center; }

/* Events */
#event { margin: 15px 0; }
#event-date { font-size: 24px; font-weight:bold; color:#CCC; }
#event-location { font-size: 18px; font-weight:bold; color:#CCC; }
#event-title { font-size: 24px; font-weight:bold; color: #666; text-transform: capitalize; }
#event-subtitle { font-size: 18px; font-weight:bold; }
#event-thumb { float: left; margin-left: 10px; }
#event-info { float: right; margin-right: 20px; width: 610px; text-align: left; }
#evnts-list { border-style: none; }
#event-desc { float: left; font-size: 12px; color: #999; margin-top:5px; }

/* What's New */
#whatsnew { margin: 15px 0; }
#whatsnew-date { font-size: 24px; font-weight:bold; color:#CCC; }
#whatsnew-title { font-size: 34px; font-weight:bold; color: #666; text-transform: capitalize; }
#whatsnew-category { font-size: 18px; font-weight:bold; color:#CCC; }
#whatsnew-thumb { float: left; margin-left: 10px; }
#whatsnew-info { float: right; margin-right: 20px; width: 540px; text-align: left; }
#whatsnew-desc { float: left; font-size: 12px; color: #999; margin-top:5px; }

/* Media */
#media { margin: 15px 0; }
#media-thumb { float: left; margin-left: 10px; }
#media-info { float: right; margin-right: 20px; width: 540px; text-align: left; position:relative; }
#media-title { font-size: 24px; font-weight:bold; color: #666; text-transform: capitalize; }
#media-subject { font-size: 18px; font-weight:bold; color:#CCC; }
#media-date { font-size: 24px; font-weight:bold; color:#CCC; }
#media-desc { float: left; font-size: 12px; color: #999; margin-top:5px; }
#media-logo { font-size: 12px; position:absolute; top: 190px; }
#media-watch-more { font-size: 12px; margin-top: 10px;}
#media-watch-more a { color:#666; }

/* Board */
#article { margin: 15px 15px; text-align: left; }
#article-info { font-weight:bold; }
#article-date { float:left; color:#CCC; font-size:24px; }
#article-author { float:right; font-size:14px; }
#article-author-username { color:#666; margin-right: 10px; }
#article-author-info { color:#CCC; }
#article-title { color:#999; font-size:18px; }
#article-content { color:#666; font-size:12px; }

/* Contact */
#contact-content-wrapper { width:1000px; height:564px; background-image:url('../images/index/contactus/ct-contactus.jpg'); font-size:12px; }
#row { margin-top:25px; }
#row a { color:#999; }
#row-header { font-size:14px; margin-left:47px; }
#contact-content { position:absolute; top:120px; left:440px; text-align:left; }
#contact-content ul { border-bottom:dotted solid 1px; }
#contact-content ul li{ float:left; list-style-type:none; margin:0 20px; }

/* Search */
#search-wrapper {text-align:left; width:820px; min-height:598px; margin:0 auto; padding-top:20px; xolor:#000; font-size:12px; }
#tl-group {}
#tl-search-result { color:#996699; font-size:38px; line-height:70%; }
#tl-sub-1 { color:#D322A7; font-size:16px; margin-top: 5px;}
#result-group { margin-top: 20px; }
#result-head { display:block; background-color:#CCC; font-size: 13px; padding:5px; margin:5px 0; } 
#search-warning { margin: 20px auto; text-align: center; }

#tl-search-detail { height:27px; background-image:url('/images/index/Search_bar.jpg'); text-align:right; } 
#search-detail-back a { color:#FFF; }

#product-image { float:left; }
#product-info { float:left; padding-left: 20px; }
#product-info h2 { margin-top:40px; }
#product-size { margin-top:20px; }
#product-color { margin-top:20px; border-left: 2px solid; padding: 5px 10px; }