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

@import url('main.css');
@import url('font/stylesheet.css');

.bebasRegular { font-family: 'bebasregular';}

.margin-b-20 { margin-bottom:20px;}
.title-bold-11 {font-weight:bold; color:#000000; font-size:11px; line-height:1em;}
.title-bold-12 {font-weight:bold; color:#000000; font-size:12px; line-height:1em;}
.linker {color:#cc6600; text-decoration:none;}

/*---header---*/
.header { background:#000000; width:100%; height:40px; position:relative; z-index:999;}
.logo { background:url(../images/header/img-logo.png) left center no-repeat; width:75px; height:40px; margin:0 0 0 40px; display:inline-block; float:left;}
.menu-divider {background:url(../images/interface/menu-divider.png) left center no-repeat; width:1px; height:40px; margin:0 15px;  float:left;}
.navi { margin:14px 0 0; font-size:11px; color:#fff; display:inline-block; float:left; text-decoration:none; text-transform:uppercase; position:relative; cursor:pointer;}

.navi .submenu { background:#000; padding:9px 15px; position:absolute; top:27px; left:-15px; display:none; z-index:99; }
.navi .submenu .sub-navi { padding:6px 0; color:#fff; font-size:11px; line-height:1em; white-space:nowrap; cursor:pointer; }
.navi a { color:#fff; text-decoration:none;}

.hilite-col {width:300px; height:80px; padding:20px 0 10px; position:absolute; left:40px; top:41px;  color:#fff;  overflow:hidden; }
.hilite-col .hilite-linker { color:#fff; text-decoration:none; display:block; position:absolute; top:-161px;}
.hilite-col .hilite-linker .col-1 { width:80px; height:82px;}
.hilite-col .hilite-linker .col-2 { padding-left:10px; font-size:11px;}
.hilite-col .hilite-linker:first-child { display:block; top:20px;}
/*---footer---*/
.footer  { width:290px; color:#ffffff; padding:10px 0 20px;  position:absolute; bottom:0px; right:40px; z-index:999; text-shadow: 1px 1px #666666;}
.footer a { color:#ffffff; text-decoration:none;}
.footer.black  {color:#333333; }
.footer.black a { color:#333333;}



.lookbook-holder { overflow:hidden;}
.image-holder { background:#CCC; float:left; position:absolute; overflow:hidden;}
.fullImg { position: relative; top: 0; left: 0; }

.custom_images { position:absolute; bottom:135px; left:0px; width:100%; text-align:center;}


.prev-over-w { background:url(../images/interface/icon-negative-w.png) left top no-repeat; min-width:40px; height:40px; position:absolute; top:50%; left:0px; float:left;cursor:pointer; z-index:5; }
.next-over-w { background:url(../images/interface/icon-positive-w.png) right top no-repeat; min-width:40px; height:40px; position:absolute; top:50%; right:0px; float:right;cursor:pointer; z-index:5; }

.prev-over-w .prev-btn { background:url(../images/interface/icon-prev-b.png) left top no-repeat; width:40px; height:40px; margin-left:40px; display:none;  }
.next-over-w .next-btn { background:url(../images/interface/icon-next-b.png) right top no-repeat; width:40px; height:40px; margin-right:40px; display:none;   }

.prev-over-w:hover .prev-btn { display:block;}
.next-over-w:hover .next-btn { display:block;}


.prev-over-b { background:url(../images/interface/icon-negative-b.png) left top no-repeat; min-width:40px; height:40px; position:absolute; top:50%; left:0px; float:left; cursor:pointer;}
.next-over-b { background:url(../images/interface/icon-positive-b.png) right top no-repeat; min-width:40px; height:40px; position:absolute; top:50%; right:0px; float:right; cursor:pointer;}

.prev-over-b .prev-btn { background:url(../images/interface/icon-prev-w.png) left top no-repeat; width:40px; height:40px; margin-left:40px; display:none;}
.next-over-b .next-btn { background:url(../images/interface/icon-next-w.png) right top no-repeat; width:40px; height:40px; margin-right:40px; display:none;}

.prev-over-b:hover .prev-btn { display:block;}
.next-over-b:hover .next-btn { display:block;}


.sub-pages { width:100%; height:100%; overflow:hidden; position:absolute; left:100%;}
.content-holder { width: 960px; height:560px; padding:20px; margin:0 auto;}
.content-holder .title { font-size:35px; line-height:37px; color:#010101;  margin-bottom:40px;}
.content-holder .sub-title { margin-top:-40px; margin-bottom:40px; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:22px; color:#000000;}

.col-pane { width:960px; display:inline-block; position:relative;}
[class*="col-con-"] {  margin-right:20px; float:left;}
[class*="col-con-"].lastNode { margin:0px;}

/*---about---*/
.col-con-about { width:305px; height:135px; padding:40px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }

/*---career---*/
.col-con-career { width:285px; height:420px; padding:0 20px 15px 0; border-right:1px solid #cccccc; }
[class*="col-con-"] ul { margin:0 0 0 15px; padding:0;}
[class*="col-con-"] ul li { margin:2px 0; padding:0; list-style-type:none; position:relative; }
[class*="col-con-"] ul li:before {content: " - "; position:absolute; left:-8px;}

.job-title { margin-bottom:20px; font-weight:bold; color:#000000; font-size:12px; line-height:1em;}
.job-status { height:60px;}
[class*="career-tbl-"] { width:285px; }
[class*="career-tbl-"] td { vertical-align:top;}

.career-tbl-location .col-1 { width:50px; }
.career-tbl-location .col-2 { font-weight:bold;}

.career-tbl-num .col-1 { width:110px;}
.career-tbl-num .col-2 { font-weight:bold;}

.career-tbl-status .col-1 { width:40px;}
.career-tbl-status .col-2 { font-weight:bold;}

.job-description  {margin-bottom:12px; font-weight:bold; color:#000000; font-size:12px; line-height:1em;}

/*---news---*/
.col-con-news { width:285px; height:420px; padding:0 20px 15px 0; border-right:1px solid #cccccc;}
.new-header { height:48px; margin-bottom:20px;}
.news-title { font-size:12px; line-height:12px; font-weight:bold; color:#000;}
.news-sub-title { font-size:12px; line-height:12px; color:#000;}
.news-date { font-size:11px; font-style:italic; line-height:12px; color:#000;}

.news-img { width:283px; overflow:hidden;  margin-bottom:20px;}


/*---subscribe---*/
.col-con-subscribe { width:285px; height:420px; padding:0 20px 15px 0;}

/*form*/
.input-con { width:100%; font-size:11px; line-height:30px; border-top: 1px solid #cccccc; position: relative;}
.input-con.lastNode {border-bottom: 1px solid #cccccc;}
.input-con .input-title {padding: 0 5px; margin-right:10px; float:left;}
.input-con input { background:transparent; border: 0 none; color: #333333; display: inline; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 30px; line-height: 30px; outline: 0 none; padding: 0;}
.input-con textarea { background:transparent; border: 0 none; color: #333333; display: inline; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 30px; line-height: 14px; outline: 0 none; padding: 5px 0 0;  resize: none;}
.btn-black { background:#000000; border: 0; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 30px; line-height: 30px; margin-top: 15px; padding: 0 20px; float:right; }


/*---privacy---*/
.col-con-privacy { width:285px; height:395px; padding:0 20px 0 0; border-right:1px solid #cccccc; }
.col-con-privacy .title { color:#000000; font-size:12px; line-height:12px; margin-bottom:10px; font-family: Arial,Helvetica,sans-serif; font-weight:bold;}


/*---return---*/
.col-con-return { width:305px; height:135px; padding:40px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.col-con-return ul li { margin:0 0 15px;}


/*---store---*/
.col-con-store { width:285px; height:435px; padding:0px 20px 0 0;}
.store-con { border-right:1px solid #cccccc; width:285px; height:386px; padding:10px 20px 15px 0;}
.store-holder { margin-bottom:18px;}
.country {  font-size:20px; line-height:24px; color:#000; margin-bottom:10px;}
.city { font-weight:bold; font-size:12px; line-height:12px; color:#000; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #cccccc;}
.store { font-weight:bold; font-size:12px; line-height:12px; color:#000; margin-bottom:8px; text-transform:uppercase; }
.store-holder a { color:#fe8300; text-decoration:none;}


/*---contact---*/
.col-con-contact { width:305px; height:135px; padding:40px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; position:relative;}
.col-con-contact.form { width:305px; height:215px; padding:0px; border:0px; }


label { float: left; }
label.error { color: #999999; position: absolute; right: 0; font-size:11px; line-height:30px; }


.bg-holder { position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%;}
.fullBg { overflow: hidden; position:absolute; top: 0; left: 0; }
.sec-holder { width:300px; display:inline-block; position:absolute; bottom:210px; right:40px; color:#000; z-index:999; }
.sec-holder a { color:#000; text-decoration:none;}

.thiImg-holder { width:137px; display:inline-block; position:absolute; bottom:100px; right:203px; color:#000; z-index:999; }
.thiImg-holder a { color:#000; text-decoration:none;}
.thiTxt-holder { width:163px; display:inline-block; position:absolute; bottom:100px; right:40px; color:#000; z-index:999; }
.thiTxt-holder a { color:#000; text-decoration:none;}

.video { position:absolute; top:0; left:100%; z-index:99; min-height:100%; min-width:100%;}




.black-divider { background:url(../images/interface/black-divider.png) left center no-repeat; height:23px; width:1px; margin:0 10px; display:inline-block;}
.black-divider-w { background:url(../images/interface/white-divider.png) left center no-repeat; height:23px; width:1px; margin:0 10px; display:inline-block;}

.info-clicker { font-size:11px; line-height:23px; color:#000; cursor:pointer; text-shadow: 1px 1px #bebebe;} 

.code-holder { width:100%; position:absolute; top:40px; left:0px; text-align:center; display:none; text-shadow: 1px 1px #666;}
	.code-con { font-size:11px; margin-bottom:2px;}
	.code-divider { background:url(../images/interface/black-divider.png) left center no-repeat; height:11px; width:1px; margin:0 10px -1px; display:inline-block;}
	.code-divider-w { background:url(../images/interface/white-divider.png) left center no-repeat; height:11px; width:1px; margin:0 10px -1px; display:inline-block;}
	.black-txt { color:#000; text-shadow: 1px 1px #bebebe;}
	.white-txt { color:#fff;}
	<!-- .products-code {color:#000; margin-right:10px;} -->
	.products-code {color:#000; margin-right:10px; text-shadow: 1px 1px #bebebe;} 
	.pricing {color:#fff;}

.campaign-code-holder { width:100%; position:absolute; bottom:40px; left:0px; text-align:center; display:none; text-shadow: 1px 1px #666; }
	.campaign-code-con { font-size:11px; margin-bottom:2px; padding-right:40px;}

	.white-divider { width:100%; height:1px; border-top:1px solid #cccccc; zoom: 1; filter: alpha(opacity=50); opacity: 0.5;}
	.black-divider { width:100%; height:1px; border-top:1px solid #000000; zoom: 1; filter: alpha(opacity=50); opacity: 0.5;}
	
	
.prev-over-black { background:url(../images/interface/icon-negative-b.png) left top no-repeat; min-width:40px; height:40px; position:absolute; top:50%; left:0px; float:left; cursor:pointer;}
.next-over-black { background:url(../images/interface/icon-positive-b.png) right top no-repeat; min-width:40px; height:40px; position:absolute; top:50%; right:0px; float:right; cursor:pointer;}

.prev-over-black .prev-btn { background:url(../images/interface/icon-prev-w.png) left top no-repeat; width:40px; height:40px; margin-left:40px; display:none;}
.next-over-black .next-btn { background:url(../images/interface/icon-next-w.png) right top no-repeat; width:40px; height:40px; margin-right:40px; display:none;}

.prev-over-black:hover .prev-btn { display:block;}
.next-over-black:hover .next-btn { display:block;}	

.disableClick { filter: alpha(opacity=50); opacity: 0.5; cursor:default;}
.disableClick:hover .prev-btn { display:none;}
.disableClick:hover .next-btn { display:none;}