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,
b, u, i, center,
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-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
/******* Default rules tags *******/
body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#231f20;}
#bgdBodySub {background-repeat:repeat; background-position: 0 0; background-attachment:fixed}
#wrapperHomeBody {background:url(../images/wrapper_body.gif) 0 -18px repeat-x ;}
#wrapperBody {background:url(../images/wrapper_body.gif) left top repeat-x ;}
h2 {font-size:1.8em}
h3 {font-size:1.1em}
h4 {font-size:1.4em}
h5 {font-size:1em}
a{text-decoration:none; color:#000}
a:hover{text-decoration:underline; color:#ed1c24;}
.hidden {display:none !important;}
.floadL { float:left}
.floadR { float:right}
/*hide*/
.hide {display: none !important;}
input { font-size:11px; }
h2 span, h3 span {display:none;}
/*0. ///////Structure all templates///////*/
#container {font-size:1.1em; width:960px; margin:0 auto; overflow:hidden}
/*******Header*******/
#header {width:960px}
#header h1 {padding:18px 65px 12px 20px; float:left; position:relative; z-index:100;}
.innerHeader {float:left; width:720px}
.topHeader {width:700px; float:right;}
/*nav Top */
.navTop {background:url(../images/ui_general.gif) 0 -190px no-repeat; padding:0 0 0 10px; float:left; overflow:hidden;}
.navTop ul {background:#231f20 url(../images/ui_general.gif) 100% -189px no-repeat; padding:7px 8px 0 0; overflow:hidden; width:470px; height:17px}
.navTop li {float:left; background:url(../images/bullet_nav.gif) 0 0 no-repeat; padding:0 10px}
.navTop li.first {background:none; padding:0 10px 0 0}
.navTop a {float:left; text-decoration:none; padding:0 0 0 3px;}
.navTop a span {display: block; float:left; padding:0 0 6px 0 ; cursor: pointer}
.navTop a:hover, .navTop .current {background:url(../images/bgd_left_line_top_nav.gif) left bottom no-repeat; text-decoration:none;}
.navTop a:hover span, .navTop .current span {background:url(../images/bgd_right_line_top_nav.gif) right bottom no-repeat;}
.nav {padding:40px 0 0; float:right}
.nav li {float:left; background:url(../images/bgd_dot.gif) 0 0 no-repeat; padding:0 20px}
.nav li.first {background:none; padding:0 20px 0 0}
/* Sub nav */
.subNav {background:url(../images/bgd_sub_nav.png) 0 100% no-repeat; width:317px; padding:15px 14px 15px 24px; position:absolute; right:151px; top:95px; left:-15000px; z-index:9999}
.innerSubNav {width:153px; float:left}
.subNav li {background:url(../images/bullet.gif) 0 4px no-repeat; padding:0 0 14px 10px; width:143px}
.subNav li a {color:#231f20; font-size:1.1em}
.subNav li a:hover {color:#ed1c24}
.subNav-2 {background:url(../images/bgd_sub_nav_hover.png) left bottom no-repeat; width:317px; padding:0 14px 15px 24px; position:absolute; right:151px; top:95px; left:-15000px; z-index:9999; overflow:hidden;}
.subNav-2 p {width:280px; padding:20px 0 0; text-transform:uppercase; color:#ed1c24}
.subNav-2 dl {width:280px; padding:7px 0 3px 20px;}
.subNav-2 dt {width:280px; text-transform:uppercase; font-weight:bold; padding:0 0 5px;}
.subNav-2 dd {width:270px; padding:0 0 0 10px; margin:0 0 3px 5px; background:url(../images/ico.gif) 0 -70px no-repeat; }
.subNav-2 dd span {color:#0033FF; font-weight:600;}
.subNav-2 a {color:#231f20; text-decoration:none; padding:2px 0; display:inline-block;}
.subNav-2 p a {color:#ed1c24}
.subNav-2 a:hover {color:#ed1c24; text-decoration:none;}
.subNav-2.frmLogout {width:310px; overflow:hidden;}
.subNav-2 .btnLogout {width:310px; padding:0;}
.btnLogout {text-align:right; display:inline-block}
.frmLogin {width:152px; float:left; padding:0 0 0 12px}
.frmLogin p {padding:0 0 5px; overflow:hidden; width:152px}
.frmLogin span {background:url(../images/ui_general.gif) 0 -146px no-repeat; width:131px; padding:2px 9px 5px; display:block}
.frmLogin span input {width:131px; background:#f1f1f1 none; font-size:0.80em}
.frmLogin input {border:0}
.btnLogin {text-align:right}
.welcomeUser {padding:0 0 0 10px; width:152px; float:left;}
.frmLogout {float:left; text-align:right; width:300px;}
/* form search*/
.frmSearch {background:url(../images/ui_general.gif) 100% -215px no-repeat; float:left; width:193px}
.frmSearch form {background:url(../images/bgd_search.gif) 0 0 repeat-y; padding:5px 0 0; height:19px; overflow:hidden}
.frmSearch span {background:url(../images/ui_general.gif) 0 -118px no-repeat; float:left; width:90px; padding:1px 0 4px 5px;}
.frmSearch span input {border:0; background:none; width:85px; font-size:11px; float:left;}
.frmSearch .search {padding:0; float:left;}
.frmSearch input.btnSearch {height:17px; height:17px; float:left; border:0; background:url(../images/ui_general.gif) 0 -66px no-repeat;}
.frmSearch label {float:left; line-height:15px}
.frmSearch label a {font-weight:bold; background:url(../images/bullet_nav.gif) 100% 3px no-repeat; padding:0 5px; margin:0 5px 0 0}
/*******main*******/
#main {width:960px; clear:both}
.introBanner {width:960px; height:505px}
.introBanner .loader{position: absolute; top: 100px; left:100px}
.introBanner .absolutePos{position: absolute; top: 5px; left:5px}
.introBanner .bgdImgBanner {width:950px; height:462px;}
.loading {text-align:center; padding:6px 0 10px; position:relative}
.loading li {padding:0 7px 0 0; display:inline}
.showThumbBanner {width:52px; height:52px; background:url(../images/bgd_thumb_banner.png) 0 0 no-repeat; padding:6px; position:absolute; left:459px; top:-58px}
.showThumbBanner img{position:absolute; left:6px; top:6px}
.showThumbBanner .loader{position:absolute; left:24px; top:24px}
.heighLight {width:960px}
.block01 {float:left; width:303px; background:url(../images/bgd_t.png) 0 0 no-repeat; padding:14px 24px 0 0; position:relative}
.innerBlocl {background:url(../images/bgd_bottom.png) 0 0 no-repeat; padding:0 17px 13px 24px; width:262px}
.innerBlocl h2 {padding:0 0 7px}
.listProduct {padding:0 0 11px; overflow:hidden; width:262px}
.listProduct li {float:left; padding:0 7px 0 8px}
.listProduct li a {border:1px solid #231f20; width:66px; height:72px; display:block; padding:1px; position:relative;}
.listProduct li a:hover {border:1px solid #ed1c24}
/* context */
.context {width:240px; line-height:15px; padding:31px 0 0; margin:-31px 0 0; float:left; overflow:hidden;}
/* content */
.content {width:720px; float:left; overflow:hidden; line-height:15px; position:relative;}
/********footer********/
#footer {width:100%; background:#b2b4b6; font-size:1.1em; margin:-43px 0 0; overflow:hidden; }
.wrapperFooter {width:960px; margin:0 auto; overflow:hidden;}
.innerFooter {width:290px;/* margin:0 auto;*/ padding:43px 0 15px; float:left; overflow:hidden;}
.innerFooter p {width:256px; padding:2px 0 5px 20px;}
.innerFooter ul {width:290px; padding:0 0 0 10px;}
.innerFooter li {display:inline; background:url(../images/bullet_footer.gif) 0 3px no-repeat; padding:0 10px}
.innerFooter li.first {background:none}
.innerFooter li a {font-weight:bold; padding:2px 0; display:inline-block}
.counter {width:auto; /*overflow:visible; */ overflow:hidden; margin:47px 20px 0 0; padding:0; float:right; display:inline; text-align:right; position:relative;}
.counter .uiCounter { padding:0 0 0 5px; background:url(../images/bgd_counter_x_03.gif) repeat-x; height:24px;/* white-space:nowrap;*/ display:inline-block}
.counter img.uiCounter {width:3px; height:30px;display:inline-block; vertical-align:middle; position:absolute; top:0; }
.counter img.initCounter-1 { background:url(../images/ui_general.gif) 0 -270px no-repeat; left:0;}
.counter img.initCounter-2 { background:url(../images/ui_general.gif) 100% -315px no-repeat; right:0;}
.counter span { display:inline-block; line-height:20px; vertical-align:middle}
.lineCounter {width:5px; background:url(../images/bgd_line_counter.gif) 0 4px no-repeat;}
/*1. ///////Style on ever page///////*/
.wrapperSubPage {width:720px; padding:10px 0 0; background:url(../images/bgd_top_main_content_sub_page_01.gif) left top no-repeat; overflow:hidden; position:relative; z-index:1}
.wrapperSubPage-2 {margin:-90px 0 0 0;}
.wrapperSubPage-3 {margin:-250px 0 0 0;}
/*banner*/
.banner {width:700px; height:180px; margin:0 auto; overflow:hidden; position:relative; z-index:2; background-color: #ffffff}
.banner-1 {height:340px; margin:1px auto;}
.banner img {position:absolute; top:0; left:5px; z-index:300; padding:5px 0;}
.banner .bgdFrame {position:absolute; top:0; left:0; z-index:332; padding:0;}
/*women page*/
.womenPage {width:720px; padding:0 0 27px 0; background:url(../images/bgd_bottom_sub_page.png) left bottom no-repeat; overflow:hidden;}
.womenPage-2 {padding:0; background:none;}
.infoWomenPage {width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.infoWomenPage-2 { padding:90px 0 0 0;}
.product01 { width:720px; min-height:470px; overflow:hidden}
.product01 ul {width:703px; padding:10px 0 10px 16px; overflow:hidden;}
.product01 li{width:160px; margin:10px 0 0; padding:0 0 0 10px; background:url(../images/bgd_li_product_sub_page.gif) left top no-repeat; float:left; display:inline;}
.product01 .last{width:158px;}
.imgProduct {width:142px; height:140px; overflow:hidden; margin:0 0 0 13px;}
.imgProduct a{width:120px; height:132px; background:#fff; border:1px solid; padding:1px; float:left; position:relative;}
.imgProduct a:hover {border:1px solid #ed1c24;}
.product01 .colorProduct {width:18px; float:left; overflow:hidden; padding:0;}
.colorProduct a, .colorProduct a, .colorProduct a:hover, .colorProduct a:hover {width:18px; height:10px; margin:0 0 4px; display:block; overflow:hidden; border:0 none; background:none; text-align:center;}
.colorProduct ul {width:18px; padding:0}
.colorProduct li {padding:0; margin:0 0 10px 3px; background:none; overflow:hidden; width: 14px}
.colorProduct ul li a {width:10px; height:10px; margin:0; border:1px solid #b6b6b6;}
.colorProduct ul li a:hover {width:10px; height:10px; margin:0; text-decoration:none; border:1px solid #ed1c24;}
.colorProduct li span {line-height:0;width:10px; height:10px; display:block;}
.colorPrevious {background:url(../images/ico.gif) -90px -300px no-repeat; width:6px; height:7px;}
.colorNext {background:url(../images/ico.gif) 0 -300px no-repeat; width:6px; height:7px;}
.colorProduct .last{ margin:0 0 0 3px; width: 14px;}
.colorProduct .clBtnUp{margin: 0 0 4px 0;}
.colorProduct .clBtnDn{margin: 10px 0 0 0;}
.colorProduct .clBtnDn:hover{margin: 10px 0 0 0;}
.colorProduct .dvScrollCont {float: left; width: 18px; padding: 0;}
.colorProduct .dvScrollCont ul{overflow:hidden;}
.product01 .infoProduct {width:143px; display:block; background:url(../images/ico.gif) 0 -64px no-repeat; padding:5px 0 3px 10px;}
.infoProduct:hover {text-decoration:none;color:#ed1c24;}
.infoProduct span {cursor:pointer;}
.titleProduct {width:140px; font-weight:bold; display:block;}
.price {width:130px; display:block; padding:0 0 5px 10px;}
/* women detail*/
.detailProduct{width:720px; margin:15px 0 0 0; background:url(../images/bgd_highlight_detail.gif) 0 17px repeat-x; overflow:hidden;}
.highlightDetail {width:700px; min-height:470px; padding:0 0 25px 20px; background:url(../images/bgd_sub_page_line.gif) 20px bottom no-repeat; overflow:hidden;}
.highlightProduct {width:350px; padding:1px; border:1px solid #000; float:left; overflow:hidden}
.mainProduct {width:350px; height:396px; background:#fff url(../images/bgd_highlight_product_line.gif) left bottom no-repeat; position:relative;}
/*.mainProduct img{position: absolute; left: 0; top: 0;}*/
.mainProduct .zoomButton{position:absolute; left:320px; top:356px; z-index: 10; cursor: pointer;}
.otherColorProduct {width:350px;}
.otherColorProduct li {padding: 0 4px; background:url(../images/bgd_li_other_color_highlight_product.gif) right bottom no-repeat; float:left;}
.otherColorProduct .last {background:none;}
.otherColorProduct li a {display:block; border:1px solid #fff;}
.otherColorProduct li a:hover {border:1px solid #000;}
.infoDetail {font-size:11px; width:340px; float:left; position:relative;}
.infoDetail .nextPreProduct .previousPage {width:100px; padding:1px 0 0 15px; background-position: 8px 6px;}
.nextPreProduct .previousPage:hover {padding:1px 0 0 15px; background:url(../images/bgd_pre_product_hover.gif) 0 2px no-repeat}
.infoDetail .nextPreProduct .nextPage {width:66px; padding:1px 0 0 0; height:20px; background-position:54px -9px;}
.nextPreProduct .nextPage:hover {padding:1px 0 0 10px; background:url(../images/bgd_product_hover.gif) 0 2px no-repeat}
.infoHighlightProduct {width:317px; height:50px; color:#FFF; text-transform:uppercase; padding:0 0 15px 18px; overflow:hidden;}
.infoHighlightProduct p {width:315px; padding:5px 0; overflow:hidden;}
.infoHighlightProduct .title {font-weight:bold; font-size:14px;}
.infoHighlightProduct .price {font-size:12px; width:130px; float:left; display:inline-block; overflow:hidden;}
.infoHighlightProduct .numberCode {font-size:12px; width:130px; text-align:right; float:right; display:inline-block; overflow:hidden;}
.utility {width:300px; padding:4px 0 0 20px; overflow:hidden;}
.utility li {width:300px;overflow:hidden;}
.utility img {margin:0 3px 0 0}
.utility a {width:300px; display:block; text-decoration:none;}
.utility a:hover {color:#ed1c24;}
.introProduct {width:300px; padding:20px 0 0 20px; height:184px; overflow:hidden;}
.introProduct .title , .productSize .title {font-weight:bold; text-transform:uppercase; width:250px; background:url(../images/ico_bullet_01.jpg) 0 4px no-repeat; padding:0 0 0 10px;}
.introProduct dl {width:300px; overflow:hidden;}
.introProduct dt {width:290px;}
.introProduct dd {width:250px; margin:0 0 0 10px; padding:0 0 0 10px; background:url(../images/ico_buller_02.jpg) 0 7px no-repeat;}
.productSize {width:300px; padding:20px 0 0 20px; overflow:hidden;}
.productSize p {width:290px;}
.productSize ul {width:200px; margin:10px 0 0 0; overflow:hidden; float:left;}
.productSize li {float:left; overflow:hidden; padding:0 2px;}
.productSize li a {font-size:9px; text-transform:uppercase; line-height:19px; padding:2px; width:20px; height:20px; border:1px solid #ccc; display:block; text-align:center; overflow:hidden;}
.productSize li a:hover {color:#231f20; text-decoration:none;}
.sizeChart {width:100px; text-transform:uppercase; text-align:right; padding:20px 0 0; float:right; display:inline;}
.infoDetail .imgHover {width:65px; height:72px;}
.infoDetail .nextProduct {position:absolute; top:18px; left:275px;}
.infoDetail .preProduct {position:absolute; top:18px; left:0;}
/* men page*/
.menPage {width:720px; padding:0 0 27px; background:url(../images/bgd_bottom_sub_page.png) left bottom no-repeat; overflow:hidden;}
.menPage-2 {padding:0; background:none;}
.infomenPage {width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.infomenPage-2 { padding:90px 0 0 0;}
/*collection page*/
.collectionPage {width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.collectionPage h2 {margin:0 0 0 20px;}
.titleCollection {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:23px; text-transform:uppercase;padding:15px 0;}
.collectionPage h3 {margin:0 0 0 20px;}
.collectionPage .initTitleH3-7 {width:300px; float:left;}
.viewItems {width:120px; padding:13px 0 0; float:right; display:block;}
.infoCollectionPage {width:720px; min-height:550px ; height:auto!important; height:550px; padding:0 0 10px; background:url(../images/bgd_sub_page_line.gif) 17px 100% no-repeat; overflow:hidden; position:relative;}
.illusCollection {width:720px; height:513px; position:relative;}
.imgIllusCollection {position:absolute; top:0; left:0;}
.illusframe {position:absolute; top:0; left:0;}
.infoCollectionPage .nextPreProduct {width:720px; padding:10px 0 0; overflow:hidden;}
.infoCollectionPage .previousPage, .infoCollectionPage .nextPage {width:100px; text-transform:uppercase; font-weight:bold; display:block;}
.infoCollectionPage .previousPage {padding:1px 0 0 27px; background:url(../images/ico.gif) 8px 5px no-repeat;float:left;}
.infoCollectionPage .previousPage:hover {padding:1px 0 0 27px; background:url(../images/pre_product_collection_hover.gif) 1px 1px no-repeat;}
.infoCollectionPage .nextPage {width:52px; padding:1px 0 0 9px; background:url(../images/ico.gif) 50px -10px no-repeat; display:block;float:right;}
.infoCollectionPage .nextPage:hover {background:url(../images/next_product_collection_hover_03.gif) 1px 1px no-repeat;}
.infoCollectionPage .imgHover {width:76px; height:53px; background:#fff; }
.infoCollectionPage .nextProduct {position:absolute; top:467px; left:640px; z-index:4;}
.infoCollectionPage .preProduct {position:absolute; top:467px; left:0; z-index:4;}
.collectionPage div.otherProduct {width:720px; min-height:50px; padding:0 0 24px 0; background:url(../images/bgd_other_product_01.gif) left bottom no-repeat; clear:both; overflow:hidden;}
.womenCollection ul {margin:0 8px 0 0}
.menCollection ul {margin:0 7px 0 0}
/*store page*/
.storePage {width:720px; padding:0 0 27px; background:url(../images/bgd_bottom_sub_page.png) left bottom no-repeat; overflow:hidden;}
.storePage-2 {padding:0; background:none;}
.infoStorePage {width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.infoStorePage-2 { padding:90px 0 0 0;}
.contentStore {width:700px; min-height:470px; padding:20px 0 0 20px; background:url(../images/bgd_info_store_page.gif) 0 40px repeat-x; overflow:hidden;}
.highlightStore {width:350px; height:385px; padding:1px; background:#fff; border:1px solid #000; float:left; overflow:hidden; position:relative;}
.storeMap {width:350px; background:#fff; overflow:hidden;}
.highlightStore .zoomButton {position:absolute; top:357px; left:322px;}
.infoStore {width:343px; float:left; overflow:hidden;}
.optionPosition {width:320px; margin:25px 0 0; padding:0 0 30px 22px; overflow:hidden;}
.optionPosition .wrapperformItem {width:145px; float:left; overflow:hidden;}
.optionPosition label {width:140px;color:#fff; text-transform:uppercase; font-weight:bold; display:block;}
.optionBox {width:115px; height:17px; padding:2px 0 0 10px; margin:7px 0 0 0; background:url(../images/bgd_option_box.gif) no-repeat; overflow:hidden;}
.optionBox .optionText {font-size:10px; width:98px; padding:0; border:0 none; float:left;}
.optionBox .optionButton {text-decoration:none; float:left; width:13px; height:13px; cursor:pointer; display:inline-block}
.optionBox .optionButton:hover{text-decoration:none; }
.okButton {margin:18px 0 0 0; float:left;}
.optionLayer {height:96px; position: absolute; overflow: hidden; background: #FFFFFF; z-index: 9999; border:1px solid #ccc;}
.optionLayer li {height: 10px; padding: 3px 0 3px 12px; font-size:11px;}
.storeList {width:300px; height:375px; padding:0 0 0 20px; overflow:hidden;float:left;}
.storeItems {width:285px; padding:6px 0 9px 0; border-top:1px solid #b6b6b6;}
.storeList .last {border-bottom:1px solid #b6b6b6;}
.storeList .active {background:url(../images/bgd_store_address_items_active.gif) left bottom repeat-x;}
.storeList dt {padding: 0 0 0 10px; background:url(../images/ico_bullet_01.jpg) 0 5px no-repeat; text-transform:uppercase; font-weight:bold;}
.storeList dt a:hover {text-decoration:none; color:#ed1c24;}
.storeList dd {padding:0 0 0 15px;}
/* media page */
.mediaPage {width:720px; padding:0 0 27px; background:url(../images/bgd_bottom_sub_page.png) left bottom no-repeat; overflow:hidden;}
.mediaPage-2 {padding:0; background:none;}
.infoMediaPage {width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.infoMediaPage-2 { padding:90px 0 0 0;}
.contentMedia {width:720px; min-height:470px; overflow:hidden; padding:20px 0 0;}
.blockMedia {overflow:hidden; margin:0 0 2px;}
.blockMedia ul {width:680px; padding:0 0 0 15px; margin:15px 0 0; display:inline-block; overflow:hidden;}
.blockMedia li {width:150px; padding:5px 10px; background:url(../images/bgd_li_media.gif) left center no-repeat; float:left; overflow:hidden;}
.blockMedia .last {width:148px;}
.blockMedia a {width:133px; display:block; text-decoration:none;}
.blockMedia a:hover {text-decoration:none;}
.contentMedia .blockTitle {height:33px; padding:14px 15px 0 10px; background:#E6E5E5; overflow:hidden; cursor:pointer;}
.contentMedia .blockTitleActive {background:#000; cursor:pointer;}
.blockTitleActive .initTileH2-6{background-position:0 -180px;}
.blockTitleActive .initTileH2-7{background-position:0 -210px;}
.blockTitleActive .initTileH2-8{background-position:0 -240px;}
.blockTitleActive .initTileH2-9{background-position:0 -270px;}
.contentMedia .blockTitle .uiIco-5 {background-position:-239px -129px; width:27px; height:23px;}
.contentMedia .blockTitle .active {background-position:0 -160px; width:27px; height:23px;}
.blockTitle h2 {width:250px; margin:0 0 0 13px; float:left;}
.blockTitle .uiTileH2 {height:25px;}
.blockTitle a {width:27px; height:23px; float:right;}
.blockTitle .uiIco-5:hover {background-position:-119px -129px;}
.imgMedia {border:1px solid; padding:1px; margin:0 20px;}
.imgMedia img {display:inline-block;}
span.imgWallPaper {width:106px; height:95px; padding:2px; margin:0 20px; background:url(../images/bgd_img_wallpaper.gif) no-repeat; display:inline-block}
.detailMedia {font-weight:bold; padding:0 0 0 10px; margin:3px 0; background:url(../images/ico.gif) 0 -70px no-repeat;}
.detailMedia:hover {color:#ed1c24;}
.detailMedia span {font-weight:normal;}
.noContent {padding:20px; text-transform:uppercase;}
/*photos*/
.photosMedia {max-height:350px; width:700px; float:left; overflow:hidden; }
.photosMedia .imgMedia {width:100px; height:100px; display:inline-block}
/*video*/
.videoMedia {width:700px; max-height:350px; float:left; overflow:hidden; position:relative; z-index:101; }
.videoMedia li {}
.videoMedia .imgMedia {width:122px; height:74px; overflow:hidden;}
.videoMedia a span.uiIco-6 {width:30px; height:30px; display:block; background:url(../images/btn_play_video_media.png) 0 0 no-repeat; cursor:pointer; position:relative; z-index:100; margin:-50px 50px;}
.videoMedia a:hover span.uiIco-6 {background-position: -120px 0px;}
/*wallpaper*/
.wallpaperMedia {max-height:350px; width:700px; float:left; overflow:hidden; }
/*screensaver*/
.screenSaverMedia {max-height:350px; width:700px; float:left; overflow:hidden; }
.screenSaverMedia ul li {padding:0 10px;}
/* history page*/
.historyPage {width:720px; padding:0 0 27px; background:url(../images/bgd_bottom_sub_page.png) left bottom no-repeat; overflow:hidden;}
.infoHistoryPage {width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.infoHistoryPage-2 { padding:90px 0 0 0;}
.contentHistory {width:720px; min-height:495px; overflow:hidden;}
.historyDetail {width:683px; padding:10px 0 0 20px; overflow:hidden; float:left;}
.imgHistory {width:120px; height:132px; padding:1px; border:1px solid #000; float:left;}
.infoHistory {width:530px; padding:0 0 0 20px; float:left; overflow:hidden;}
.infoHistory dl {width:500px;padding:0 0 5px;}
.infoHistory dt {width:500px; padding:0 0 0 10px; font-weight:bold; text-transform:uppercase; background:url(../images/ico_bullet_01.jpg) 0 4px no-repeat;}
.infoHistory dd {width:500px; padding:5px 0;}
.contentHistory .blockMedia {margin:0 0 2px 0;}
.contentHistory .blockTitle {background:#e6e5e5; padding:8px 15px 2px 20px; cursor:pointer; overflow:hidden; height:33px; min-height:33px; height:auto!important;}
.contentHistory .blockTitleActive {background:#000; cursor:pointer;}
.contentHistory .blockTitle .uiIco-5 {background-position:-239px -129px; width:27px; height:23px;}
.contentHistory .blockTitle .active {background-position:0 -160px; width:27px; height:23px;}
.blockTitle .uiIco-5:hover {background-position:-119px -129px;}
/* recruitment page*/
.recruitmentPage {width:720px; padding:0 0 27px; background:url(../images/bgd_bottom_sub_page.png) left bottom no-repeat; overflow:hidden;}
.infoRecruitmentPage {width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.infoRecruitmentPage-2 { padding:90px 0 0 0;}
.contentRecruitment {width:700px; min-height:320px; overflow:hidden;}
.infoRecruitmentPage h2 span, .contentRecruitment h3 span {display:none;}
.workingAtFoci {width:680px; overflow:hidden;}
.introWorkingAtFoci {width:385px; padding:0 0 5px; background:url(../images/bgd_line_woking_at_foci.gif) 20px bottom no-repeat; float:left; overflow:hidden;}
.introWorkingAtFoci h3 {width:380px; margin:0 0 0 30px; overflow:hidden;}
.introWorkingAtFoci p {width:350px; padding:10px 10px 15px 30px; background:url(../images/bgd_intro_woking_at_foci.gif) left bottom repeat-x}
.introWorkingAtFoci p .noticeMess {width:300px; color:#ed1c24; padding:20px 0 0; text-transform:uppercase; display:inline-block; clear:both;}
.workingAtFoci img {float:left;}
.lookingFor {width:680px; padding:0 0 0 30px; overflow:hidden;}
.lookingFor dl {width:360px; float:left; overflow:hidden;}
.lookingFor dt p {padding:5px 0 15px;}
.lookingFor dd {background:url(../images/ico.gif) 0 -70px no-repeat; padding:0 0 0 10px;}
.lookingFor dd a {display:inline; width:330px;}
.lookingFor a:hover {text-decoration:none; color:#ed1c24;}
.slogan {width:285px; float:left}
.slogan span {width:285px; text-align:right; display:block; font-weight:bold;}
/*contact us page*/
.contactPage {width:720px; padding:0 0 27px; background:url(../images/bgd_bottom_sub_page.png) left bottom no-repeat; overflow:hidden;}
.infoContactPage {width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.infoContactPage-2 { padding:90px 0 0 0;}
.contentContact {width:700px; min-height:510px; overflow:hidden;}
.initTileH2-14 span {display:none;}
.contentContact span {display:none;}
.contactAddress {width:680px; overflow:hidden;}
.detailAddress {width:385px; padding:0 0 5px; background:url(../images/bgd_line_woking_at_foci.gif) 20px bottom no-repeat; float:left; overflow:hidden;}
.detailAddress p {width:345px; padding:0 10px 20px 30px; background:url(../images/bgd_intro_woking_at_foci.gif) left bottom repeat-x}
.contactMap{width:292px; height:134px; float:left; position:relative;}
.contactMap .zoomButton {position:absolute; top:10px; left:50px; z-index:111;}
.contentContact .slogan {text-align:right;}
.contentContact .slogan a {width:200px; text-transform:uppercase; text-decoration:none; margin:20px 20px 0 0; background:url(../images/ico_download.gif) 0 -359px no-repeat; display:inline; float:right;}
.contentContact .slogan a:hover {color:#ed1c24;}
.frmContact .noticeMess {width:300px; color:#ed1c24; text-align:center; text-transform:uppercase; padding:20px; background:none; overflow:hidden;}
/*promotion page*/
.promotionPage {width:720px; padding:0 0 27px; background:url(../images/bgd_bottom_sub_page.png) left bottom no-repeat; overflow:hidden;}
.infoPromotionPage {width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.infoPromotionPage-2 { padding:245px 0 0 0;}
.infoPromotionPage-3 { padding:90px 0 0 0;}
.contentPromotion {width:720px; min-height:470px; overflow:hidden;}
.listPromotion {width:700px; min-height:380px; padding:0 0 0 20px; overflow:hidden;}
.listPromotion li {width:680px; padding:0 0 12px; overflow:hidden;}
.listPromotion img {border:1px solid #000; padding:1px; float:left;}
.detailPromotion {width:550px; padding:0 0 0 20px; overflow:hidden; float:left;}
.detailPromotion a {text-decoration:none;}
.detailPromotion .title {color:#ed1c24; font-weight:bold; text-transform:uppercase; width:500px; display:block;}
.detailPromotion .date {color:#7f7f7f; width:500px; display:inline-block}
.detailPromotion p {padding:0 0 10px 0; border-bottom:1px solid #dfdfdf; text-align:justify}
.readMore {width:40px; padding:0 0 0 10px; background:url(../images/ico.gif) 0 -70px no-repeat; font-weight:bold; display:block; float:right;}
.readMore:hover {color:#ed1c24;}
/*promotion detail*/
.detailPromotion-1 {width:680px; overflow:hidden; float:left;}
.detailPromotion-1 p {padding:0 0 10px 0; border-bottom:1px solid #dfdfdf; text-align:justify}
.detailPromotionItems {width:710px; overflow:hidden}
.detailTitle {width:680px; padding:0 0 0 20px; overflow:hidden;}
.detailTitle .title {font-size:14px; font-weight:bold; color:#ed1c24; text-transform:uppercase; width:525px; float:left}
.detailTitle .date { width:150px; color:#7F7F7F; text-align:right; float:left}
.detailContent {width:685px; padding:10px 0 30px 20px; background:url(../images/bgd_sub_page_line.gif) 15px 100% no-repeat; overflow:hidden;}
.detailContent img.detailImg {width:200px; height:200px; padding:1px; border:1px solid #000; margin:0 20px 0 0; display:inline; float:left;}
.detailContent p {border:none;}
.otherPromotion {width:700px; overflow:hidden; padding:20px 0 20px 20px;}
.otherPromotion .title {font-size:14px; font-weight:bold; color:#ed1c24; text-transform:uppercase; display:block;}
.otherPromotion ul {width:500px; padding:5px 0 0 20px;}
.otherPromotion li {width:500px; background:url(../images/ico.gif) 0 -70px no-repeat; padding:0 0 0 10px;}
.otherPromotion li a { display:block; text-decoration:none;}
.otherPromotion li a:hover {color:#ed1c24;}
.detailContent .blockTitle {background:#e6e5e5;height:25px; padding:10px 15px 0 20px;}
.detailContent .blockTitle a {float:left; display:block; width:auto; height:auto;}
.detailContent .blockTitle a img {width:20px; height:20px;}
/*pressReleas*/
.pressReleasPage {width:720px; padding:0 0 27px; background:url(../images/bgd_bottom_sub_page.png) left bottom no-repeat; overflow:hidden;}
.infoPressReleas{width:720px; background:url(../images/bgd_body_main_content_sub_page.gif) repeat-y; overflow:hidden;}
.infoPressReleas-2 { padding:90px 0 0 0;}
.contentPressReleas {width:720px; min-height:470px; overflow:hidden;}
.pressReleasList {width:720px; overflow:hidden;}
.blockList {width:720px; overflow:hidden;}
.blockList ul {width:590px; overflow:hidden; padding:0 0 10px; float:left;}
.blockList li {width:190px; margin:0 0 10px; float:left; background:url(../images/bgd_li_items.gif) right bottom no-repeat;}
.blockList .month {width:69px; padding:0 0 0 60px; float:left;}
.imgItems {width:100px; height:138px; text-decoration:none; border:1px solid #231f20; padding:1px; margin:0 auto; display:block;}
.imgItems:hover {border:1px solid #ed1c24;}
.infoItems {text-align:center; font-weight:bold; width:170px; padding:8px 0 8px 15px; overflow:hidden;}
.infoItems a {width:160px; text-decoration:none; padding:0 0 0 10px; background:url(../images/ico.gif) 10px -70px no-repeat; display:block;}
.infoItems a:hover {color:#ed1c24; text-decoration:none;}
.infoItems a span {font-weight:normal; padding:0 0 0 5px;}
/* newsletter */
.leftContent {width:380px; overflow:hidden; float:left;}
.leftContent .yearList {width:350px;}
.contentList {width:380px; overflow:hidden;}
.contentList .noticeMess {padding:10px 20px; text-transform:uppercase;}
.blockContentList {width:380px; padding:15px 0 0 0; overflow:hidden;}
.contentList .month {width:100px; padding:0 0 0 30px; float:left;}
.blockContentList ul {width:245px; overflow:hidden; float:left;}
.blockContentList li {width:245px;}
.blockContentList li a {text-decoration:none; padding: 0 0 0 10px; background:url(../images/ico.gif) 0 -70px no-repeat;}
.blockContentList li a:hover {color:#ed1c24; text-decoration:none;}
.rightContent {width:400px; overflow:hidden; float:left;}
.contentPressReleas .rightContent {width:330px;}
.subScribe {width:300px; padding:5px 0 10px; background:url(../images/bgd_subscribe_top.gif) left top no-repeat;}
.infoSubScribe {width:300px; padding:0 0 7px; background:url(../images/bgd_subscribe_bottom.gif) left bottom no-repeat;}
.subScribe h3 span {display:none;}
.subScribe p {color:#fff; width:250px; padding:5px 20px;}
.rightContent .frmProfile .initButton-10 {margin:10px 140px;}
/* FAQs page */
.initTitleH3-16 span {display:none;}
.initTitleH3-17 span {display:none;}
.contentFAQ .blockTitle {background:#e6e5e5; padding:14px 15px 0 20px; cursor:pointer;}
.contentFAQ .blockTitle .uiIco-5 {background-position:-239px -129px; width:27px; height:23px;}
.blockTitle p {float:left; width:450px; padding:0 0 0 20px; text-transform:uppercase;}
.blockTitleActive p {color:#FFFFFF;}
.blockTitleActive .initTitleH3-16 {background-position:-120px -510px}
.detailAnswer {width:640px; float:left; padding:0 0 0 20px; overflow:hidden;}
.detailAnswer p { width:600px; padding:0 0 10px;}
div.detailAnswer ul {width:600px; margin:0 0 5px; padding:0 0 0 10px; overflow:hidden; }
div.detailAnswer li {width:100%;list-style-type:disc; padding:0 0 10px 0; background:none; float:left; clear:both; overflow:visible; list-style:inside;}
div.detailAnswer a {width:auto; display:inline; text-decoration:none;}
/*member profile */
.memberProfile {width:350px; overflow:hidden; float:left;}
.memberProfile li {width:330px; padding:7px; overflow:hidden;}
.memberProfile span {margin:0 0 0 20px; text-transform:uppercase; display:inline-block;}
.memberProfile .infoMember {width:80px; font-weight:bold;}
.moreMemberProfile {width:300px; padding:0 0 0 20px; overflow:hidden; float:left;}
.moreMemberProfile p {width:280px; padding:20px 0 0; text-transform:uppercase; color:#ed1c24}
.moreMemberProfile dl {width:280px; padding:7px 0 3px 20px;}
.moreMemberProfile dt {width:280px; text-transform:uppercase; font-weight:bold; padding:0 0 5px;}
.moreMemberProfile dd {width:260px; padding:0 0 0 10px; margin:0 0 3px 5px; background:url(../images/ico.gif) 0 -70px no-repeat;}
.moreMemberProfile dd a {text-decoration:none;}
.moreMemberProfile dd a:hover {color:#ed1c24; text-decoration:none;}
/*login page*/
.contentLogin {overflow:hidden;}
.contentLogin .rightContent {width:300px;}
.loginAgain {width:390px; padding:0 0 0 15px;}
.loginAgain form {width:370px;}
.loginAgain form h3 {width:360px; margin:10px 0 15px; font-weight:normal;}
.loginAgain form p {width:370px; height:27px;}
.loginAgain .btnLogin {width:100px; margin:0 0 0 112px;}
.loginAgain label {text-transform:uppercase; font-weight:bold; width:110px; float:left;}
.loginAgain form span {float:left;}
.loginAgain form .successMess {color:#ed1c24; padding:0 0 10px 0;}
.loginAgain .frmLogin span {background:url(../images/bgd_input.gif) 0 -180px; width:235px;}
.loginAgain .frmLogin span input {width:229px; background:none;}
.loginAgain li {overflow:hidden; width:300px; background:url(../images/ico.gif) 0 -70px no-repeat; padding:0 0 0 10px;}
/* search page*/
.contentSearch {min-height:395px;}
/*2. ///////Block type of templates///////*/
/*breadcrumb*/
.breadcrumb {font-size:10px; width:700px; padding:0 0 0 15px; overflow:hidden;}
.breadcrumb li {float:left;}
.breadcrumb .active a {color:#7f7f7f;}
.breadcrumb a {padding:2px 5px; text-transform:uppercase; display:inline-block}
.breadcrumb a:hover{ text-decoration:underline;}
.breadcrumb span {display:inline;}
/*paging*/
/* .paging {width:680px; padding:28px 16px 10px 16px; background:url(../images/bgd_sub_page_line.gif) 18px 10px no-repeat; overflow:hidden;}
*/ .paging {background:transparent url(../images/bgd_sub_page_line.gif) no-repeat scroll 18px 10px;overflow:hidden;padding:28px 16px 10px;position:relative;text-align:center;width:680px;}
.paging .previousPage {position:absolute; top:50%; left:10px; background:transparent url(../images/ico.gif) no-repeat scroll 1px 5px; padding:0; float:none;}
.paging ul { margin:0 33px 0 55px; overflow:hidden; width:600px;}
.paging .nextPage {position:absolute; top:50%; right:10px; background:transparent url(../images/ico.gif) no-repeat scroll 56px -10px;/* padding:0 0 0 17px;*/ right:0; width:40px;}
.paging li {padding:0 1px; display:inline}
.paging a {font-weight:bold;}
.paging ul a:hover, .paging .active a {color:#b6b6b6; text-decoration:none;}
/*slideBlock*/
.slideBlock { width:296px; height:170px; position:relative; padding:5px; overflow:hidden; float:left}
.slideBlock .blockFrame { width:296px; height:170px; position:absolute; top:5px; left:5px; z-index:1; cursor:pointer; background:url(../images/bgd_slideFrame.png) 0 0 no-repeat; overflow:hidden}
.slideBlock .visuFrame { width:96px; height:95px; position:absolute; top:0; right:0; z-index:2}
.slideBlock li{float: left;}
.btnShowPhoto {width:305px; height:16px; overflow:hidden; position:absolute; left:0; bottom:15px; z-index:3;}
.block02Sub {width:296px; height: 161px; overflow: hidden;}
.block02Sub li{float: left;}
.block02Sub li img{ width:296px; height:161px }
/*slideBlock on context*/
.context .slideBlock {width:220px;}
.context .slideBlock .blockFrame {width:220px; background:url(../images/bgd_slideFrame_small.png) 0 0 no-repeat;}
.context .block02Sub {width:220px; height:150px; }
.context .block02Sub li img{ width:220px; height:150px }
.context .btnShowPhoto {width:230px; bottom:24px;}
/*3. ///////Block common of templates///////*/
/*fckDefault*/
.fckDefault { overflow:hidden;}
.fckDefault ul , .editorInfo ol{ margin:0 0 10px 0;}
.fckDefault ul li {width:auto; margin:0; list-style-type:disc; padding:0 0 10px 0; background:none; float:left; clear:both; overflow:visible; list-style:inside;}
.fckDefault ol li {margin:0; list-style-type:decimal!important; list-style:inside; padding:0 0 10px 0;}
.fckDefault p { clear:both;}
.fckDefault a {color:#231f20}
.fckDefault a:hover {text-decoration:underline; color:#ed1c24;}
/* block context*/
.blockSidebar01 {width:230px; min-height:260px; padding:13px 0 0 0; background:url(../images/bgd_top_block_sidebar.png) left top no-repeat;}
.blockSidebar01-1 {min-height:190px;}
.infoBlockSidebar01 {width:210px; min-height:245px; font-size:11px; padding:0 0 0 23px; background: url(../images/bgd_bottom_block_sidebar_03.png) 0 bottom no-repeat; position:relative; overflow:hidden; display:block;}
.infoBlockSidebar01-1 {min-height:180px;}
.infoBlockSidebar01 ul {width:190px; padding:8px 0 20px 0; line-height:14px; text-transform:uppercase;}
.infoBlockSidebar01 li { width:190px; padding:0 0 5px;}
.infoBlockSidebar01 a {width:97px; background:url(../images/ico.gif) 0 -70px no-repeat; padding: 0 0 0 15px; display:block;}
.infoBlockSidebar01-2 a {width:170px;}
.infoBlockSidebar01 a:hover {text-decoration:none; font-weight:bold; color:#231f20;}
.infoBlockSidebar01 .active a {text-decoration:none; font-weight:bold;}
.infoBlockSidebar01 .imgPerson {width:100px; position:absolute; top:30px; left:130px;}
.infoBlockSidebar01 .imgPerson-1 {left:115px; top:68px;}
.infoBlockSidebar01 .imgPerson-2 {left:115px; top:65px;}
.blockSidebar02 {width:230px; height:163px; padding:13px 0 0 0; margin:5px 0 0; background:url(../images/bgd_top_block_sidebar.png) left top no-repeat;}
.infoBlockSidebar02 {width:210px; height:160px; font-size:11px; padding:0 0 0 20px; background:url(../images/bgd_bottom_block_sidebar_04.png) no-repeat; position:relative;}
.infoBlockSidebar02 p {width:96px; height:75px;}
.infoBlockSidebar02 .imgPerson {width:100px; position:absolute; top:-12px; left:120px; overflow:hidden; height:149px;}
.infoBlockSidebar02 .imgPerson-3 {left:131px;top:-12px;}
.infoBlockSidebar02 span.initTitleH3-1, .infoBlockSidebar02 span.initTitleH3-2 { width:180px; margin:7px 0 0 0; display:block; float:left;}
.infoBlockSidebar02 span.initTitleH3-1 span, .infoBlockSidebar02 span.initTitleH3-2 span {display:none;}
.infoBlockSidebar02 h3 img {width:180px;}
.blockSidebar02-1 {margin:5px 0 0 0;}
/*other product*/
.otherProduct {width:720px; padding:20px 0 24px 0; min-height:90px; background:url(../images/bgd_other_product.gif) left bottom no-repeat; overflow:hidden;}
.otherProduct h3 {margin:46px 0 0; padding:0 0 0 10px; float:left;}
.otherProduct li {padding:0 4px; float:left;}
.otherProduct a {width:65px; height:72px; padding:1px; border:1px solid #000; display:block; position:relative;}
.otherProduct a img {width:65px; height:72px;}
.otherProduct a:hover {border:1px solid #ed1c24}
.alsoLike, .womenCollection {width:338px; padding:10px 0 0 12px; float:left; overflow:hidden;}
.alsoLike .uiTitleH3, .womenCollection .uiTitleH3 {width:85px;}
.alsoLike ul, .womenCollection ul {width:233px; float:right;}
.bestMatch, .menCollection {width:338px; padding:10px 0 0 15px; float:left; overflow:hidden;}
.bestMatch .uiTitleH3, .menCollection .uiTitleH3 {width:88px;}
.bestMatch ul, .menCollection ul {width:233px; float:right;}
/*3.1///////Layer common of templates///////*/
.popup {width:640px; height:585px; background:#fff url(../images/bgd_line_popup.gif) 529px 0 no-repeat; overflow:hidden; position: absolute; top: -15000px;}
.illusPopupCont {float:left; width: 529px; height: 582px;}
.popup .otherColorProduct {width:68px; padding:20px 0 0 12px; float:left;}
.popup li {padding:3px 0;}
.popup li a:hover {border:1px solid #FF0000; display:block;}
.popup .close {float:left;}
/*popup video*/
.popupVideo {width:644px; height:456px; overflow:hidden; font-size:1.1em; background: #ffffff; position: absolute; top: -15000px; left: 0}
.popupVideo .close {margin:1px 2px 0; float:right}
.screenVideo {width:640px; height:384px; padding:2px; float:left;}
.popupVideo .nextPreVideo {width:630px; padding:10px 7px 0; background:url(../images/bgd_line_download_video.gif) no-repeat top center; overflow:hidden; display:block; clear:both; float:left;}
.popupVideo .nextPreVideo a, .popupVideo .prevPage:hover, .popupVideo a.nextPage:hover {text-transform:uppercase; font-weight:bold; height:15px; padding:2px 0 0 12px; background:transparent url(../images/ico.gif) no-repeat scroll 0 3px; float:left; display:inline;}
.popupVideo .nextPreVideo a:hover{color:#ed1c24;}
.popupVideo a.nextPage, .popupVideo a.nextPage:hover {width:40px; font-weight:bold; padding:0; background-position:35px -12px; float:right; display:inline;}
.btnDownloadVideo {width:202px;margin:0 0 0 151px; float:left; display:inline;}
/*popup recruitment*/
.poupRecruitment {width:573px; font-size: 1.1em; height:378px; line-height:15px; background:#fff url(../images/bgd_line_popup_recruitment.gif) 0 0 no-repeat; overflow:hidden; position: absolute; top: -15000px; left: 0;}
.poupRecruitment-1 {background-position:0 80%;}
.poupRecruitment-2 {background:#fff none;}
.poupRecruitment h2 span, .poupRecruitment h3 span {display:none;}
.poupRecruitment .title { width:500px; font-weight:bold; text-transform:uppercase; background:url(../images/ico_bullet_01.jpg) 0 4px no-repeat; padding:0 0 0 10px;}
.infoPopupRcm {width:542px; overflow:hidden; float:left;}
.infoPopupRcm h2 span {font-family: Arial,Verdana, Helvetica, sans-serif; font-size:24px; line-height:25px; text-transform:uppercase; font-weight:normal; padding:20px; display:block; background:url(../images/bgd_line_popup_recruitment.gif) 23px 93% no-repeat}
.poupRecruitment-1 .infoPopupRcm h2 span {background:none;}
.poupRecruitment .close {float:right;}
/*recruitment popup-1*/
.jobDescription {padding:0 0 0 30px; height:235px; overflow:hidden;}
.jobDescriptionList {padding:10px 0 0 30px; overflow:hidden;}
.jobDescriptionList dd {background:url(../images/ico_buller_02.jpg) 0 6px no-repeat; padding:0 0 0 10px; margin:0 0 0 10px;}
/*popup send to friend*/
.poupSendToFriend {width:573px; font-size: 1.1em; background:#fff; height:378px; line-height:15px; overflow:hidden; position:absolute;}
.poupSendToFriend .close {float:right;}
.infoPopupSTF {width:542px; overflow:hidden; float:left;}
.poupSendToFriend h2 span {display:none;}
.poupSendToFriend .noticeMess {clear:both; text-transform:uppercase; color:#ed1c24; text-align:center; padding:15px 0;}
/*popup newsletter*/
.poupNewsLetter {width:685px; height:523px; background:#fff; overflow:hidden; position:absolute; top:-15000px;}
.poupNewsLetter .close {float:right;}
.infoPopupNL {width:685px; background:url(../images/bgd_line_popup_newsletter.gif) 0 100% no-repeat; padding:2px 0 7px; overflow:hidden; clear:both;}
.detailPopupNL {width:590px; height:410px; padding:20px 35px; float:left;}
.infoPopupNL .smScrollContent{float:left; overflow: hidden;}
.moreInfoPopup {width:675px; padding:7px 0 0 8px; overflow:hidden;}
.moreInfoPopup h3 {float:left; margin:0 0 0 10px; display:inline;}
.moreInfoPopup h3 span {display:none;}
.moreInfoPopup .previousPage {text-transform:uppercase; width:80px; height:16px; background-position:0 2px; font-weight:bold;}
.moreInfoPopup .nextPage {width:50px; text-transform:uppercase; float:right; background-position:50px -12px; font-weight:bold;}
.moreInfoPopup .frmSubScribe {width:280px; float:left;}
.moreInfoPopup .frmSubScribe span {width:175px; margin:0;}
/*close btn*/
.close {width:29px; height:29px; font-size:18px; text-align:center; line-height:25px; margin:1px 1px 0; background:#000; color:#FFF; display:block;}
.close:hover {text-decoration:none; color:#FF0000;}
/*3.2///////Style add from js///////*/
/* mooFormLayer */
.mooFormLayer { width:auto; position:absolute; top:0; left:0; visibility:hidden; text-align:left; background:#ed1c24}
.mooFormLayer a.close { overflow:hidden; float:right; display:none}
.mooFormLayer p.message {font-size:11px; color:#fff; margin:0; padding:5px 10px; line-height:14px;}
/*4. ///////Form common to all templates///////*/
/*form General*/
.frmGeneral {}
.frmSubPage {overflow:hidden;}
.frmSubPage label {text-transform:uppercase; float:left;}
.frmSubPage span, .frmSubPage .bgdInput {height:25px; padding:1px 0 1px 10px; background:url(../images/bgd_input.gif) 0 0 no-repeat;display:block;}
.frmSubPage span input {font-size:11px; height:13px; border:none 0; padding:0;}
.frmSubPage .inputComment {background-position:0 -60px; height:98px;}
.frmSubPage .inputComment textarea {width:323px; height:88px; border:none 0;}
/*recruitment popup-2*/
.frmSubmitCV {width:500px; padding:0 0 0 30px;}
.frmSubmitCV label {width:100px;}
.frmSubmitCV span {width:346px; float:left;}
.frmSubmitCV span input {width:322px;}
.frmSubmitCV .inputResum {background-position:0 -30px; position: relative}
.frmSubmitCV .inputResum input {width:318px; background:#e5e5e5; float:left;}
.frmSubmitCV .inputResum .fileResume {width: 188px; height: 17px; position: absolute; top: 0; left: 159px; float: right; opacity: 0.01; cursor: pointer;}
/*form in contact page*/
.frmContact {width:375px; padding:0 0 0 33px; float:left;}
.frmContact label {width:80px;}
.frmContact span {width:250px; background-position:0 -180px; float:left;}
.frmContact span input {width:225px;}
.frmContact .inputComment {background-position:0 -210px;}
.frmContact .inputComment textarea {width:225px;}
.frmContact .initButton-2 {margin-left:108px; width:65px}
/*form in send to friend*/
.frmSendToFriend {width:500px; padding:0 0 0 30px;}
.frmSendToFriend label {width:100px;}
.frmSendToFriend span {width:346px; float:left;}
.frmSendToFriend span input {width:322px;}
/*from in newsletter*/
.frmSubScribe {width:300px; overflow:hidden;}
.frmSubScribe span {width:170px; height:20px; margin:0 0 0 15px; display:inline; background:url(../images/bgd_input_subscribe.png) no-repeat;float:left;}
.frmSubScribe span input {width:165px;}
/*from in register*/
.frmRegister {width:540px; margin:0 auto; padding:20px 0; overflow:hidden;}
.frmRegister p, .frmRegister .wrapperOptionBox {overflow:hidden; width:520px;}
.frmRegister .wrapperOptionBox input {font-size:11px; height:13px; border:none 0; padding:0;}
.frmRegister label {width:140px; padding:0 2px; font-weight:bold; float:left; text-align:right;padding:0 20px 0 0;}
.frmRegister .bgdInput {width:333px; float:left; padding: 1px 0 1px 10px; background:url(../images/bgd_input.gif) -3px 0 no-repeat}
.frmRegister .bgdInput input {width:322px;}
.frmRegister .bgdInput a {margin: 1px 0 0;}
.frmRegister .optionBox {margin:0; height:25px;}
.frmRegister .optionBox input {width:318px; float:left;}
.frmRegister .importantInfo {color:#ed1c24; width:5px; background:none; padding:0; display:inline;}
.frmRegister .calendarCont { width:235px;background-position:0 -180px; float:left;}
.frmRegister .calendarCont input {width:210px; padding:0 5px 0 0; float:left;}
.frmRegister .calendarCont img {float:left;}
.frmRegister .calendarCont .iconDate, .frmProfile .calendarCont .iconDate {width: 15px; height: 15px; float: right; text-decoration:none;}
.frmRegister .calendarCont .iconDate:hover{text-decoration: none;}
.frmRegister .birthInput {width: 106px;}
.frmRegister .birthInput {background-position: -3px -360px;}
.frmRegister .birthInput input{width: 85px;}
/*from in profile*/
.frmProfile {width:400px; float:left; padding:10px 0 0 0;}
.frmProfile label {width:105px; font-weight:bold; padding:0 15px 0 0; text-align:right;}
.frmProfile p {overflow:hidden; clear:both;}
.frmProfile .receiveMess {padding:0 0 0 120px;}
.frmProfile span, .frmProfile .bgdInput {width:235px; background-position:0 -180px; float:left; margin:0;}
.frmProfile span input {width:225px;}
.frmProfile .calendarCont {width:235px;}
.frmProfile .calendarCont input {width:200px;}
.frmProfile .bgdInput input {width:220px; float:left;}
.frmProfile .bgdInput a {margin: 1px 0 0;}
.frmProfile .birthInput-1 {width:73px;}
.frmProfile .birthInput-1 {background-position: 0 -390px;}
.frmProfile .birthInput-1 input{width:53px;}
.rightContent h4 {text-transform:uppercase; color:#ed1c24; padding:2px 0;}
/*from forget user password*/
.frmFogotUser label {width:110px;}
/*5. ///////Buttons common to all templates///////*/
/*Button link*/
.btnLink a{}
/*6. ///////Classes common to all templates///////*/
/* for nav */
.uiNav {background:url(../images/en/ui_nav.gif) 0 0 no-repeat; height:19px}
.uiNavTop {height:11px; display:inline-block; text-decoration:none;}
.uiNav-1 {background-position:0 0; width:59px} a:hover .uiNav-1, a.current .uiNav-1 {background-position:0 -19px; width:59px}
.uiNav-2 {background-position:-76px 0; width:93px} a:hover .uiNav-2, a.current .uiNav-2 {background-position:-76px -19px; width:93px}
.uiNav-3 {background-position:-187px 0; width:80px} a:hover .uiNav-3 , a.current .uiNav-3 {background-position:-187px -19px; width:80px}
.uiNav-4 {background-position:-285px 0; width:102px} a:hover .uiNav-4, a.current .uiNav-4 {background-position:-285px -19px; width:102px}
.uiNav-5 {background-position:-405px 0; width:30px} a:hover .uiNav-5, a.current .uiNav-5{background-position:-405px -19px; width:30px}
.uiNav-6 {background-position:0 -236px; width:136px} a:hover .uiNav-6, a.current .uiNav-6 {background-position:0 -278px; width:136px}
.uiNav-7 {background-position:-175px -236px; width:88px} a:hover .uiNav-7, a.current .uiNav-7 {background-position:-175px -278px; width:88px}
.uiNav-8 {background-position:-303px -236px; width:47px} a:hover .uiNav-8, a.current .uiNav-8 {background-position:-303px -278px; width:47px}
.uiNav-9 {background-position:-389px -236px; width:66px} a:hover .uiNav-9, a.current .uiNav-9 {background-position:-389px -278px; width:66px}
.uiNav-10 {background-position:-495px -236px; width:91px} a:hover .uiNav-10, a.current .uiNav-10 {background-position:-495px -278px; width:91px}
.uiNav-11 {background-position:-622px -236px; width:70px} a:hover .uiNav-11, a.current .uiNav-11 {background-position:-622px -278px; width:70px}
/* For Title h1 */
/* For Title h2 */
.uiTileH2 {background:url(../images/en/ui_tit_h2.gif) 0 0 no-repeat; width:250px; height:30px}
.initTileH2-1 {background-position:0 0; height:28px;}
.initTileH2-2 {background-position:0 -30px}
.initTileH2-3 {background-position:0 -60px; width:100px}
.initTileH2-4 {background-position:0 -86px; width:150px}
.initTileH2-5 {background-position:0 -119px;}
.initTileH2-6 {background-position:-270px -180px;}
.initTileH2-7 {background-position:-270px -210px;}
.initTileH2-8 {background-position:-270px -240px;}
.initTileH2-9 {background-position:-270px -270px;}
.initTileH2-10 {background-position:0 -384px;}
.initTileH2-11 {background-position:0 -295px; margin:15px 0 15px 20px;}
.initTileH2-12 {background-position:0 -329px; margin:15px 0 0 20px;}
.initTileH2-13 {background-position:0 -357px; margin:15px 0 0 20px;}
.initTileH2-14 {background-position:0 -415px; margin:15px 0 0 20px;}
.initTileH2-15 {background-position:0 -445px;}
.initTileH2-16 {background-position:0 -475px; margin:10px 0 10px 20px;}
.initTileH2-17 {background-position:0 -505px; margin:10px 0 10px 20px;}
.initTileH2-18 {background-position:0 -535px; margin:10px 0 10px 20px;}
.initTileH2-19 {background-position:0 -565px; margin:10px 0 10px 20px;}
.initTileH2-20 {background-position:0 -595px; margin:10px 0 10px 20px;}
.initTileH2-21 {background-position:0 -625px; margin:10px 0 10px 20px;}
.initTileH2-22 {background-position:0 -655px; margin:10px 0 10px 20px; width:375px;}
.initTileH2-23 {background-position:0 -685px;}
.initTileH2-24 {background-position:0 -715px; margin:10px 0 10px 20px;}
.initTileH2-25 {background-position:0 -745px; margin:10px 0 10px 20px;}
.initTileH2-26 {background-position:0 -775px; margin:10px 0 10px 20px;}
.initTileH2-27 {background-position:0 -805px; margin:10px 0 10px 20px;}
.initTileH2-28 {background-position:0 -835px; margin:10px 0 10px 20px;}
.initTileH2-29 {background-position:0 -865px; margin:10px 0 10px 20px;}
.initTileH2-30 {background-position:0 -892px; margin:10px 0 20px 20px;}
.initTileH2-31 {background-position:0 -925px; margin:10px 0 10px 20px;}
.initTileH2-32 {background-position:0 -955px; margin:10px 0 10px 20px;}
/* For Title h3 */
.uiTitleH3 {background:url(../images/en/ui_tit_h3.gif) 0 0 no-repeat; width:250px; height:28px}
.initTitleH3-1 {background-position:0 2px}
/* a:hover .initTitleH3-1 {background-position:-350px 2px}
*/ .initTitleH3-2 {background-position:0 -30px}
/* a:hover .initTitleH3-2 {background-position:-350px -30px}
*/ .initTitleH3-3 {background-position:0 -72px;}
.initTitleH3-4 {background-position:0 -127px; height:30px;}
.initTitleH3-5 {background-position:0 -192px;}
.initTitleH3-6 {background-position:0 -222px;}
.initTitleH3-7 {background-position:0 -165px;}
.initTitleH3-8 {background-position:0 -261px;}
.initTitleH3-9 {background-position:0 -289px;}
.initTitleH3-10 {background-position:0 -320px; margin:5px 0 0 30px; }
.initTitleH3-11 {background-position:0 -350px; margin:5px 0 15px 20px; }
.initTitleH3-12 {background-position:0 -382px; margin:0 0 5px;}
.initTitleH3-13 {background-position:0 -415px; margin:0 0 5px 30px;}
.initTitleH3-14 {background-position:0 -440px; margin:5px 0 0 10px;}
.initTitleH3-15 {background-position:0 -480px; width:215px;}
.initTitleH3-16 {background-position:0 -510px; width:20px; float:left;}
.initTitleH3-17 {background-position:0 -540px; width:20px; float:left;}
.initTitleH3-18 {background-position:0 -565px; margin:5px 0 0 20px; }
span.initTitleH3-19 {background-position:3px -592px; width:46px; height:24px; }
.initTitleH3-20 {background-position:3px -622px; width:55px; height:24px;}
.initTitleH3-21 {background-position:3px -657px; width:95px; height:15px; float:left;}
/* For text banner of page home */
.uiTextBanner {background:url(../images/en/ui_text_banner.png) 0 0 no-repeat}
.uiTextBanner-1 {background-position:0 0; width:255px; height:18px}
.uiTextBanner-2 {background-position:0 -24px; width:254px; height:37px}
.uiTextBanner-3 {background-position:0 -70px; width:214px; height:9px}
.uiTextBanner-4 {background-position:0 -98px; width:192px; height:9px}
/* icon, logo, bg for all page */
.uiGeneral {background:url(../images/ui_general.gif) 0 0 no-repeat}
.uiGeneral-1 {background-position:0 0; width:152px; height:65px}
.uiGeneral-2 {background-position:0 -65px; width:17px; height:17px}
.uiGeneral-3 {background-position:0 -82px; width:14px; height:16px}
a.current .uiGeneral-3 {background-position:-16px -82px}
a:hover .uiGeneral-3 {background-position:-33px -82px}
.uiGeneral-4 {background-position:0 -98px; width:18px; height:18px}
.uiGeneral-4Play {background-position:-20px -98px; width:18px; height:18px}
.uiIco {height:20px; background:url(../images/ico_download.gif) no-repeat; float:left;}
.uiIco-1 {background-position:0 0; width:22px;}
.uiIco-2 {background-position:0 -30px; width:20px;}
.uiIco-3 {background-position:0 -60px; width:20px;}
.uiIco-4 {background-position:0 -208px; width:22px;}
.uiIco-5 {background-position:0 -129px; width:27px; height:23px;}
.initIco-7 {background-position:0 -298px; width:18px; height:18px;}
.initIco-8 {background-position:0 -358px; width:18px; height:18px;}
.initIco-9 {background-position:0 -480px; width:29px; height:29px;}
.initIco-10 {background-position:-1px -420px;}
.initIco-11 {background-position:0 -540px;}
.blockTitle .active {background-position:0 -160px; width:27px; height:23px;}
.blockTitle .active:hover {background-position:-120px -160px;}
/*slogan*/
.uiSlogan {background:url(../images/en/slogan_sub_page.gif) 0 0 no-repeat; width:270px; height:110px;}
.initSlogan-1 {background-position:0 0; margin:10px 0 20px 0;}
.initSlogan-2 {background-position:0 -140px;}
.initSlogan-3 {background-position:0 -285px; width:300px;}
/*is new*/
.uiIsNew {position:absolute; top:1px; right:1px; background:url(../images/en/is_new.gif) no-repeat;}
.initIsNew-1 {background-position:0 0; width:16px; height:6px;}
.otherProduct a img.initIsNew-1 {background-position:0 0; width:16px; height:6px;}
.initIsNew-2 {background-position:0 -60px; width:30px; height:10px;}
.mainProduct .initIsNew-3 {background-position:0 -120px; width:83px; height:26px; position:absolute; top:0; right:0;}
/* button */
.btn {background:url(../images/button.png) 0 0 no-repeat; width:16px; height:16px}
.btn-1 {background-position:0 0} a:hover .btn-1, a.current .btn-1 {background-position:0 -18px}
.btn-2 {background-position:-18px 0} a:hover .btn-2, a.current .btn-2 {background-position:-18px -18px}
.uiButton {height:20px; background:url(../images/en/button.gif) 0 0 no-repeat; display:block; cursor:pointer;}
.initButton-1 {width:130px; background-position:0 -130px; float:left; margin:20px 30px 0 150px; display:inline;}
.initButton-2 {width:70px; background-position:0 -160px; margin:5px 0 0 200px; float:left; display:inline;}
.initButton-3 {width:70px; background-position:0 -190px; margin:5px 0 0 0; border:0 none; font-size:0; float:left;}
.initButton-4 {width:20px; height:15px; background-position:-240px -73px; float:left;}
.initButton-5 {width:70px; background-position:0 -220px; margin:5px 0 0 200px; float:left; display:inline;}
.initButton-6 {width:75px; background-position:0 -252px; margin:0 auto;}
.initButton-7 {width:75px; background-position:0 -282px; float:left; display:inline;}
.initButton-8 {width:75px; background-position:0 -310px; margin: 10px auto;}
.initButton-9 {width:15px; height:15px; background-position:-120px -73px; float:left;}
.initButton-10{width:75px; background-position:0 -340px; float:left; margin:0 0 0 20px; display:inline;}
.initButton-11 {width:102px; height:25px; background-position: 0 -5px;}
.initButton-12 {width:102px; height:25px; background-position: -270px -5px; float:right; }
.initButton-13 {width:95px; background-position:0 -42px;}
.initButton-14 {width:25px; height:25px; background-position:0 -67px;}
.initButton-15 {background-position: -120px -74px;}
.initButton-16 {width:70px; background-position:0 -160px;}
.initButton-17 {width:95px; background-position:0 -370px; margin:0 auto 5px;}
.initButton-18 {width:150px; background-position:-270px -130px; float:left; margin-top:20px;}
/*no images*/
.uiNoImg {background:url(../images/uiNoImg.gif) 0 0 no-repeat}
.initNoImg-1 {background-position:0 0; width:300px; height:170px;}
.initNoImg-2 {background-position:-450px 0; width:220px; height:150px;}
.initNoImg-3 {background-position:0 -180px; width:690px; height:169px;}
.initNoImg-4 {background-position:0 -390px; width:690px; height:329px;}
.initNoImg-5 {background-position:0 -780px; width:66px; height:72px;}
.initNoImg-6 {background-position:-270px -780px; width:102px; height:76px;}
.initNoImg-7 {background-position:-560px -780px; width:53px; height:59px;}
/*number counting*/
.uiNumCounter {background:url(../images/tit_num.gif) 0 0 no-repeat; width:8px; display:block; height:20px; padding: 0px;}
.initNumCounter-0 {background-position:-1px -1px;}
.initNumCounter-1 {background-position:0 -30px;}
.initNumCounter-2 {background-position:0 -60px;}
.initNumCounter-3 {background-position:0 -90px;}
.initNumCounter-4 {background-position:0 -120px;}
.initNumCounter-5 {background-position:0 -150px;}
.initNumCounter-6 {background-position:0 -180px;}
.initNumCounter-7 {background-position:0 -210px;}
.initNumCounter-8 {background-position:0 -239px;}
.initNumCounter-9 {background-position:0 -269px;}
/* for year month */
.year {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; float:left; display:block; padding:6px 0;}
.blockTitleActive .year {color:#fff;}
/*year list*/
.yearList {font-family:Verdana, Arial, Helvetica, sans-serif;width:700px; padding:0 0 20px 20px; overflow:hidden;}
.yearList li {padding:0 8px; border-left:1px solid #000; float:left;}
.yearList .last {border-right:1px solid #000;}
.yearList li a {width:40px; display:block; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;}
.yearList li a:hover, .yearList .active a{color:#7f7f7f; background:#231f20}
/*month*/
.month {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7f7f7f; text-transform:uppercase;}
/* for previous, next page*/
.nextPreProduct {width:344px; height:24px; overflow:hidden;}
.previousPage, .nextPage {width:50px; height:20px;font-weight:bold;}
.previousPage:hover, .nextPage:hover {color:#ed1c24; text-decoration:none;}
.previousPage {padding: 0 0 0 10px; background:url(../images/ico.gif) 0 6px no-repeat;float:left;}
.nextPage {width:35px; padding:0 0 0 20px; background:url(../images/ico.gif) 48px -10px no-repeat;float:right; display:inline-block;}
/* img hover*/
.imgHover {padding:1px; border:1px solid #000;}
.imgHover a {display:block;}
/*scroll*/
.smScroller, .smScrollUp a , .smScrollDn a , .smScrollDxTop, .smScrollDxMid, .smScrollDxBot {background: url(../images/scroll.gif) no-repeat}
.smScroller {width:17px; text-align:center; float:left; background-position:3px 0;}
.smScroller p {margin:0; padding:0; }
.smScroller a {text-decoration:none; display:block; }
.smScroller span {display:block; overflow:hidden;}
.smScrollUp, .smScrollUp a {width:15px; height:15px; background-position:-90px -2px; }
.smScrollUp a:hover {background-position:-124px -3px; }
.smScrollDn, .smScrollDn a {width:15px; height:15px; background-position:-24px -2px;}
.smScrollDn a:hover {background-position:-56px -2px;}
.smScrollDx {width:18px;}
.smScrollDxBtn {overflow:hidden; width: 9px; padding: 0 0 0 4px; cursor: pointer;}
.smScrollDxTop {width:8px; height:6px; background-position:-163px -3px;}
.smScrollDxMid {width:8px; height:50px; background: #231F20;}
.smScrollDxBot {width:8px; height:6px; background-position:-163px -86px;}
/*popup loader*/
.illusPopupCont {position: relative;}
.illusPopupCont img{position: absolute; top: 0; left: 0;}
.illusPopupCont .loading {margin:248px 275px;}
.illusCollection .loading {margin:248px 338px;}
/*** calendar class ***/
.calendar {font-size:1.1em; background:#fff; border:1px solid #ccc; width:164px; height:140px; padding:3px 10px 7px 10px; position: absolute; top: -15000px; left: -15000px; z-index: 999;}
.calendar * {margin:0; padding:0}
.calendar a {color:#000}
.calendarTitle {width:100%; height:20px; overflow:hidden; list-style:none; font-size:12px; color:#fff; display:inline}
.calendarTitle a {color:#000}
.calendarTitle li {font-weight:bold; float:left; text-align:center}
.title0, .title1, .title3, .title4 {width:18px; display:block}
.title2 {width:126px}
.calendarData {width:164px; text-align:center; margin:25px 0 0 10px; position: absolute; left:0; top:0}
.calendarData th {font-weight:bold; width:14.286%; text-align:center; margin:3px 0}
.calendarData tr.currentWeek {}
.calendarData tr.weekHover {background:#BCBBBD}
.calendarData td {text-align:center; padding: 5px 0}
.calendarData a {cursor:pointer}
.calendarData a.today {color:#000; font-weight: bold}
.calendarData a.sunday {color:#f00}
.calendarData a.saturday {color:#000}
.calendarData a.disabled {color:#aaa}
.calendarData a.selected {font-weight:bold}
.calendarData a.transdays {color:#777575}
.currentYearTitle {color:#fff; font-size:12px; margin:3px}
.currentYearTitle a {float:right; display:block; color:#fff; font-size:12px}
.calendarSelector {width:100%; list-style:none; overflow:hidden}
.calendarSelector li {padding:3px; float:left}
.calendarSelector a {font-size:9px; text-align:center; padding:2px 0; border:1px solid #ff0000; display:block}
.calendarSelector a * {font-size:9px}
.monthBtn {width:49px}
.yearBtn {width:35px}
/*** datepicker ***/
.datepicker{position:absolute;border:2px solid #ed1c24;font-size:11px;width:194px;height:221px;background:#fff;line-height:normal;padding:3px;z-index:999;}
.datepicker .header{position:relative;background:#ed1c24;height:21px;padding-top:4px;margin-bottom:3px;}
.datepicker .header .title{text-align:center;padding-top:1px;margin:0 42px 0 20px;}
.datepicker .header .titleText{color:#fff;font-weight:700;}
.datepicker .header .next,.datepicker .header .previous,.datepicker .header .closeButton{position:absolute;width:15px;height:15px;background:#fff;text-align:center;color:#666;top:5px;cursor:pointer;}
.datepicker .header .previous{left:5px;}
.datepicker .header .next{right:28px;}
.datepicker .header .closeButton{right:5px;}
.datepicker .body{position:relative;top:0;left:0;width:194px;border-right:2px solid #fff;height:193px;overflow:hidden;}
.datepicker .time{width:100%;height:100%;background:#eee;}
.datepicker .time .hour,.datepicker .time .separator,.datepicker .time .minutes{border:1px solid #ccc;background:#fff;width:50px;font-size:32px;position:absolute;top:50px;text-align:center;padding:2px;}
.datepicker .time .hour{left:30px;}
.datepicker .time .separator{background:transparent;border:0;width:10px;left:91px;}
.datepicker .time .minutes{left:110px;}
.datepicker .time .ok{position:absolute;top:105px;width:136px;left:30px;font-size:20px;}
.datepicker .days .day{float:left;background:#ccc;cursor:pointer;text-align:center;padding-top:4px;width:25px;overflow:hidden;height:21px;margin:0 3px 3px 0;}
.datepicker .days .day0{margin-right:0;}
.datepicker .days .title{background:#ea696d;font-weight:700;color:#fff;cursor:default;}
.datepicker .days .otherMonth{background:#eee;color:#aaa;}
.datepicker .months .month{float:left;background:#eee;cursor:pointer;text-align:center;overflow:hidden;width:62px;height:31px;padding-top:15px;margin:0 3px 3px 0;}
.datepicker .months .month3,.datepicker .months .month6,.datepicker .months .month9,.datepicker .months .month12{margin-right:0;width:64px;}
.datepicker .years .year{float:left;background:#eee;cursor:pointer;text-align:center;padding-top:11px;width:46px;overflow:hidden;height:25px;margin:0 3px 3px 0; font-size:11px;}
.datepicker .years .year3,.datepicker .years .year7,.datepicker .years .year11,.datepicker .years .year15,.datepicker .years .year19{margin-right:0;width:47px;}
.datepicker .years .year16,.datepicker .years .year17,.datepicker .years .year18,.datepicker .years .year19{margin-bottom:0;height:26px;}
.datepicker .selected{background:#8C929F!important;color:#fff!important;}
.datepicker .unavailable{background:#edd!important;color:#b88!important;cursor:default!important;}
.datepicker .days .week .day:hover,.datepicker .months .month:hover,.datepicker .years .year:hover{background:#ea696d!important;color:#fff!important;}
.datepicker .days .week5 .day,.datepicker .months .month10,.datepicker .months .month11,.datepicker .months .month12{margin-bottom:0;}