﻿/** FAQ v1.3 **/
#body-content .rollOverActive {
	z-index: 4;
}
.mainTitle {
	border-bottom: 3px solid black;
	margin-bottom: 20px;
}
#faqContainer, #faqContainer > * {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 550px;
}
#faqContainer a{
	color: #000;
} 
#faqContainer a.diffLink{
  /*color: #264C7D !important;*/
  background: none !important;
  font: normal 12px arial !important;
  padding: 0px !important;
  border: medium none !important;
  display: inline !important;
  font-weight: normal !important;
  text-decoration: underline;
}
#faqContainer a.diffLink:hover{
	text-decoration: underline;
}
#faqContainer > * {
	float: left;
}
#faqContainer .slotTitle { 
	margin-bottom: 10px;
}
#faqContainer .last {
	border-color: transparent;
}
#faqContainer #lvl1,#lvl2 > * {
	border-right: 1px solid #ddd;
}
#faqContainer #lvl1,#lvl2 {
	width: 210px;
	margin-right: 10px;
}
#faqContainer #lvl2 > *, #lvl3 > *{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #fff;
}
#faqContainer #lvl2 > * {
    left: -220px;
    width: 209px;
}
#faqContainer #lvl3 {
	width: 546px;
}
#faqContainer #lvl3 > * {
	height: 550px;
	overflow: hidden;
}
#faqContainer #lvl3.slideIn > * {
	left: -557px;
}
#faqContainer .faqMenu {
	width: 200px;
}
#faqContainer .faqMenu li {
	margin-top: 4px;
}
#faqContainer .faqMenu li:first-child {
	margin-top: 0;
}
#faqContainer h3.slotTitle {
	font: bold 14px arial;
}
#faqContainer .subTitle {
	cursor: pointer;
	line-height: 20px;
	display: block;
	padding: 1px 12px 1px 10px;
	position: relative;
}
#faqContainer .subTitle:hover, #faqContainer .subTitle.lpActive {
	background-color: #F3EDE8;
	text-decoration: none;
}
#faqContainer .subTitle.lpActive {
	background: url("//media.ztat.net/media/A1276/lp/data/images/lp/onsite/lpo-1283/bg-arrow-sideNavi-7x12.gif") 190px  center no-repeat transparent;
}
/*contact ul
.contactInfo {
	position: absolute;
	bottom: 0;
	color: #404040;
}
.contactInfo strong {
	color: #404040;
}
.contactTitle {
	color: #404040;
	font: bold 15px arial;
	margin-bottom: 5px;
}
*/
/* accordion */
#faqContainer .accordion {
	height: 100%;
	background: none !important;
	border: none !important;
}
/* .accordion > *,.accordion > dt > a{
	width: 100%;
} */
#faqContainer .accordion a {
	display: block;
	height: 39px;
	padding-left: 35px;
	font: bold 15px/40px arial;
	border-bottom: 1px solid #e1e1e1;
	background: url("//media.ztat.net/media/A1276/lp/data/images/lp/onsite/lpo-1283/btn-arrow-accordion-close-10x16.jpg") no-repeat 10px center scroll transparent;
}
#faqContainer .accordion dt:first-child a{
	height: 38px;
	border-top: 1px solid #e1e1e1;
}
	#faqContainer .accordion  dt.headerHeight a{
		height: 50px;
        line-height: 24px;
	}
#faqContainer .accordion a.accordionActive {
	background: url("//media.ztat.net/media/A1276/lp/data/images/lp/onsite/lpo-1283/btn-arrow-accordion-open-17x11-v2.jpg") no-repeat 5px center scroll transparent;
}
#faqContainer .accordionContent {
	overflow: hidden;
	padding-right: 10px;
	border-bottom: 1px solid #e1e1e1;
}
#faqContainer #option7subOption6 dl.accordion dt a{
   font: bold 13px/40px arial;
}
#faqContainer .accordion dd {
	display: none;
	margin: 0;
}
/* custom scrollbar in accordion */

#faqContainer .bBox.womUpperClo{
    border-color: none !important;
    border-style: none !important;
    border-width: none !important;
    float: left !important;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
    width: 315px !important;
}
#faqContainer .bBox.womUnderClo{
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 2px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 10px 0 10px;
}
#faqContainer .bBox.kidsTeensClo{
    border-color: none !important;
    border-style: none !important;
    border-width: none !important;
    float: left !important;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 10px;
    width: 315px !important;
}
#faqContainer .sizeInfoTable {
    margin: 0px !important;
    width: 545px !important;
}
#faqContainer .sizeInfoTable table {
    margin-bottom: 10px;
    width: 545px !important;
}
#faqContainer .sizeInfoTable table.womCap {
    margin-bottom: 10px;
    width: 285px !important;
	border: 1px solid #DDD;
}
#faqContainer .sizeInfoTable table.menUnderClo {
    margin-bottom: 10px;
    width: 385px !important;
	border: 1px solid #DDD;
}
#faqContainer .sizeInfoTable table.menCap {
    margin-bottom: 10px;
    width: 300px !important;
	border: 1px solid #DDD;
}
#faqContainer .sizeInfoTable table.kidsBaby {
    margin-bottom: 10px;
    width: 360px !important;
	border: 1px solid #DDD;
}
#faqContainer .sizeInfoTable h4 {
    font-weight: bold !important;
}
#faqContainer .sizeInfoTable .overflow, 
#faqContainer .sizeInfoTable h2, 
#faqContainer .sizeInfoTable h4, 
#faqContainer .sizeInfoTable ul {
    margin-bottom: 0px !important;
}
#faqContainer .sizeInfoTable 
#faqContainer .bBox strong, 
#faqContainer .sizeInfoTable .bBox p, 
#faqContainer .sizeInfoTable .bBox a {
    font-size: 12px;
    line-height: 1.2em;
}
#faqContainer .womUpperCloImg{
    position: absolute;
    right: 34px;
    top: 3px;
} 
#faqContainer .kidsGloImg{
    position: absolute;
    right: 40px;
    top: 40px;
} 
#faqContainer .menTuxImg{
    position: absolute;
    right: 34px;
    top: 15px;
} 
#faqContainer .womPantJeanImg{
    position: absolute;
    right: 12px;
    top: 135px;
    width: 185px;
}
#faqContainer .womPantJeanImg img{
    width: 185px;
}
#faqContainer .menPantJeanImg{
    position: absolute;
    right: 12px;
    top: 70px;
}
#faqContainer .menUpperCloImg{
    position: absolute;
    right: 34px;
    top: 47px;
} 
#faqContainer .menUnderCloImg{
    position: absolute;
    right: 40px;
    top: 50px;
}
#faqContainer .kidsBabyImg{
    position: absolute;
    right: 60px;
    top: 50px;
}
#faqContainer .womBeltImg{
    position: absolute;
    right: 12px;
    top: 100px;
}
#faqContainer .womCapImg{
    position: absolute;
    right: 12px;
    top: 420px;
}
#faqContainer .menCapImg{
    position: absolute;
    right: 35px;
    top: 425px;
}
#faqContainer .womGlovesImg{
    bottom: 320px;
    position: absolute;
    right: 75px;
}
#faqContainer .menGlovesImg{
    bottom: 215px;
    position: absolute;
    right: 75px;
}
#faqContainer .shoLenghtImg{
    position: absolute;
    right: 34px;
    top: 15px;
}
#faqContainer .shoWidthImg{
    position: absolute;
    right: 45px;
    top: 160px;
}
#faqContainer .measureImg{
    position: absolute;
    right: 20px;
    top: 390px;
}
#faqContainer .zTable{
width: 250px !important; 
}
#faqContainer table.zTable.vouchTbl{
width: 540px !important; 
}
#faqContainer .zTable td {
    border-bottom: 1px solid #DDDDDD;
    padding: 5px !important;
} 
#faqContainer .bigimg:hover{
	cursor: pointer;
}
#faqContainer dt.headerHeight{
	height: 80px;
}
#faqContainer .startTeaser{
    /*height: 276px !important;*/
    left: 210px !important;
    position: absolute !important;
    /*width: 740px;*/
}
#faqContainer .shoeJspContainer{
    width: 561px; 
    height: 509px;
}
#faqContainer .shoeJspPane{
    padding: 0px 10px 0px 5px; 
    top: 0px; 
    width: 538px;
}
body .vHidden {
	visibility: hidden;
}	
/*
#faqContainer .mainVideo{
	position: absolute !important;
	left: 221px !important;
	top: 280px !important;
	z-index: 999 !important;
	width: 780px;
}
#faqContainer .mainVideo h2{
	text-align: center;
	margin-bottom: 5px;
}


*/

#option8subOption1 ol {
	padding-left: 20px;
}

#option8subOption1 ol li {
	list-style-type: decimal;
}

#option8subOption1 ol li ol li{
	list-style-type: upper-latin;
}

/** MAIN TEASER **/
.faqTeaser p,
.faqTeaser a {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
}

.faqTeaser {
	position: relative;
}

.faqTeaser p {
	width: 304px;
	text-align: center;
	position: absolute;
	top: 135px;
	left: 451px;
	line-height: 1.2em;
}
