/*
$Id: altskin.css,v 1.169.2.22 2010/01/28 08:38:20 aim Exp $
vim: set ts=2 sw=2 sts=2 et:
*/

html,body {
  min-width: 960px;
  text-align: center;
}
h1 {
  font-size: 23px;
  color: #202020;
}
a:hover {
  color: #2863c2 !important;
  text-decoration: underline !important;
}
#page-container {
  border: 0px none;
  margin: 0px auto;
  text-align: left;
  float: none;
}
#page-container2 {
  margin: 0px;
  float: none;
}
#home-page{
  border: 0px none;
  margin: 0px auto;
  width:980px;
  text-align: left;
  float: none;
}
#content-container {
  padding-bottom: 0px;
  margin-top: 235px;
}
.uo-container #content-container {
  padding-bottom: 107px;
}
#left-bar {
  width: 190px;
  margin-left: 0px;
}
#center-main {
  margin: 0px 0px 0px 210px;
  padding-bottom: 0px;
}
.flc-container #center-main {
  width: 960px;
  margin-left: 0px;
}

#header {
  height: 107px;
}
#footer {
  height: 74px;
}
.uo-container #footer {
  height: 107px;
}
#header .line0 {
  position: relative;
  height: 107px;
  direction: ltr;
}

#header .line1 {
  height: 30px;
  margin-left: 250px;
  width: auto;
}
#header .line2 {
  border: 1px solid #fd9734;
  background: url(images/2column/header_bg.gif) repeat-x top;
  margin-left: 250px;
  width: auto;
}
#header .line3 {
  height: 34px;
  margin-left: 250px;
  width: auto;
}
.tabs {
  right: auto;
  width: auto;
  text-align: left;
  left: 1px;
}
.tabs ul {
  margin: 6px 0px;
}
.tabs li {
  background: transparent none;
  height: auto;
  float: left;
  margin: 0px;
  padding: 0px 46px 0px 0px;
  text-align: center;
  vertical-align: middle;
}
.tabs a:link,
  .tabs a:visited,
  .tabs a:hover,
  .tabs a:active
{
  display: inline;
  background: transparent none;
  margin: 0px;
  padding: 0px;
  color: #324c76;
  height: auto;
  font-size: 13px;
}
.tabs a:hover {
  color: #043FA0;
}
#header .phones {
  height: auto;
  vertical-align: middle;
  line-height: inherit;
  color: inherit;
  right: 14px;
  top: 0px;
  font-size: inherit;
  height: 13px;
  line-height: 13px;
  padding: 13px 0px;
}
#header .phones span {
  color: #542d00;
  padding-left: 10px;
}
#header .phones span.last {
  padding-left: 0px;
}
#header .line2 div,
  #header .line2 span,
  #header .line2 a:link,
  #header .line2 a:visited,
  #header .line2 a:hover,
  #header .line2 a:active
{
  color: inherit;
}
#header div.search {
  left: 13px;
}
#header a.search:link,
  #header a.search:visited,
  #header a.search:hover,
  #header a.search:active
{
  color: #6d3400 !important;
}
#header a.search:hover {
  text-decoration: none !important;
}
#header .languages {
  top: 7px;
  right: auto;
  text-align: left;
  left: 0px;
}
#header .languages-row strong {
  font-weight: bold;
  color: #838f98;
}
#header .languages-row a:link,
  #header .languages-row a:visited,
  #header .languages-row a:hover,
  #header .languages-row a:active
{
  font-weight: bold;
  color: #324c76;
}

#header .auth-row {
  position: absolute;
  top: 7px;
  right: 0px;
  color: #2c3e49;
}
.auth-row a:link,
  .auth-row a:visited,
  .auth-row a:hover,
  .auth-row a:active
{
  color: #324c76;
  padding: 0px 1px;
  font-weight: bold;
  text-decoration: none;
}
.auth-row a:hover {
  color: #043FA0;
}
.auth-row span {
  color: #324c76;
  padding: 0px 15px 0px 0px;
  font-weight: bold;
}

#footer .box {
  background: #f4f5f7 none;
  border-top: 1px solid #acb7c7;
}
#footer .helpbox {
  display: block;
  margin: 0px;
  padding: 10px 0px;
  list-style-type: none;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
#footer .helpbox li {
  margin: 0px;
  padding: 0px 15px;
  display: inline;
  line-height: 14px;
}
#footer .helpbox li a:link,
  #footer .helpbox li a:visited,
  #footer .helpbox li a:hover,
  #footer .helpbox li a:active
{
  color: #324c76;
}
#footer .helpbox li a:hover {
  text-decoration: none;
}
#footer .subbox {
  border-top: 0px none;
  background: transparent none;
  height: 39px;
}

.flc-container #header {
  height: 235px;
}
.flc-container #header .line2 {
  height: 39px;
}
.flc-container #header .line3 {
  height: 34px;
}
.flc-container #content-container {
  margin-top: 235px;
}

#location {
  height: auto;
}
.printable-bar {
  top: 0px;
  right: 0px;
  width: 20%;
  text-align: right;
}
.printable-bar a:link,
  .printable-bar a:visited,
  .printable-bar a:hover,
  .printable-bar a:active
{
  background-position: left top;
  padding: 2px 0px 2px 20px;
  font-size: 11px;
  color: #818891;
}
a.bread-crumb:hover,
.printable-bar a:hover
 {
  color: #818891 !important;
  text-decoration: none !important;
}

.buttons-row-right,
  .buttons-row,
  .button-row,
  .button-row-right,
  table tr td.buttons-row,
  table tr td.button-row,
  table tr td.buttons-row-right,
  table tr td.button-row-right
  table.data-table tr td.buttons-row,
  table.data-table tr td.button-row,
  table.data-table tr td.buttons-row-right,
  table.data-table tr td.button-row-right
{
  height: 26px;
  line-height: 26px;
}

button.button {
  height: 27px;
  color:#FFFFFF;
}
button.button .button-right {
  background: transparent url(images/2column/button_blue_right.gif) no-repeat right top;
  padding: 0px 10px 0px 0px;
  height: 25px;
}
button.button .button-left {
  background: transparent url(images/2column/button_blue_left.gif) no-repeat left top;
  padding: 0px 5px 0px 15px;
  height: 25px;
  line-height: 24px;
  font-size: 12px;
}
div.button {
  background: transparent url(images/2column/button_blue_right.gif) no-repeat right top;
  padding: 0px 10px 0px 0px;
}
div.button div,
  div.button a:link,
  div.button a:visited,
  div.button a:hover,
  div.button a:active
{
  background: transparent url(images/2column/button_blue_left.gif) no-repeat left top;
  padding: 0px 5px 0px 15px;
  line-height: 24px;
  font-size: 12px;
  color: #FFFFFF !important;
  text-decoration: none !important;
  color: #FFFFFF;
}
button.main-button .button-right {
  background: transparent url(images/2column/button_red_right.gif) no-repeat right top;
}
button.main-button .button-left {
  background: transparent url(images/2column/button_red_left.gif) no-repeat left top;
  color: #ffffff;
}
div.main-button {
  background: transparent url(images/2column/button_red_right.gif) no-repeat right top;
}
div.main-button div,
  div.main-button a:link,
  div.main-button a:visited,
  div.main-button a:hover,
  div.main-button a:active
{
  background: transparent url(images/2column/button_red_left.gif) no-repeat left top;
  color: #ffffff !important;
  text-decoration: none !important;
}
.printable .main-button .button-left {
  color: #000000;
}
.printable #header .line0 { 
  height: 82px;
}
button.menu-button {
  height: 22px;
}
button.menu-button .button-right {
  background: transparent url(images/but_menu_right.png) no-repeat right top;
  padding-right: 7px;
  height: 20px;
}
button.menu-button .button-left {
  background: transparent url(images/but_menu_left.png) no-repeat left top;
  height: 20px;
  padding: 0px 1px 0px 8px;
  color: #deedf7;
  font-size: 10px;
  height: 21px;
  line-height: 20px;
}
div.menu-button {
  background: transparent url(images/but_menu_right.png) no-repeat right top;
  padding-right: 7px;
}
div.menu-button div,
  div.menu-button a:link,
  div.menu-button a:visited,
  div.menu-button a:hover,
  div.menu-button a:active
{
  background: transparent url(images/but_menu_left.png) no-repeat left top;
  padding: 0px 1px 0px 8px;
  line-height: 20px;
  color: #deedf7 !important;
  font-size: 10px;
}

button.light-button {
  height: 23px;
}
button.light-button .button-right {
  background: transparent url(images/but_light_right.gif) no-repeat right top;
  padding: 0px 5px 0px 0px;
  height: 22px;
}
button.light-button .button-left {
  background: transparent url(images/but_light_left.gif) no-repeat left top;
  padding: 0px 5px 0px 11px;
  color: #365f8f;
  line-height: 21px;
  font-size: 11px;
}

div.light-button {
  padding: 0px 5px 0px 0px;
  background: transparent url(images/but_light_right.gif) no-repeat right top;
}
div.light-button div,
  div.light-button a:link,
  div.light-button a:visited,
  div.light-button a:hover,
  div.light-button a:active
{
  background: transparent url(images/but_light_left.gif) no-repeat left top;
  padding: 0px 5px 0px 11px;
  color: #365f8f !important;
  font-size: 11px;
  text-decoration: none !important;
}

/* Add2Cart AJAX-based */
button.do-add2cart-wait .button-right,
  button.do-add2cart-success .button-right,
  button.do-add2cart-error .button-right
{
  border: 1px solid #cccccc;
  background: transparent none;
  padding: 0px;
  height: 21px;
}
button.do-add2cart-wait .button-left,
  button.do-add2cart-success .button-left,
  button.do-add2cart-error .button-left
{
  background: transparent none;
  padding: 0px 14px;
  color: #365f8f;
  font-size: 12px;
  height: 21px;
  line-height: 20px;
}

div.flc-1-button {
  background: transparent url(images/2column/button_big_blue_right.gif) no-repeat right top !important;
}
div.flc-1-button div,
  div.flc-1-button a:link,
  div.flc-1-button a:visited,
  div.flc-1-button a:hover,
  div.flc-1-button a:active
{
  background: transparent url(images/2column/button_big_blue_left.gif) no-repeat left top !important;
  line-height: 29px !important;
  color: #ffffff !important;
}
div.flc-3-button {
  background: transparent url(images/2column/button_big_red_right.gif) no-repeat right top !important;
}
div.flc-3-button div,
  div.flc-3-button a:link,
  div.flc-3-button a:visited,
  div.flc-3-button a:hover,
  div.flc-3-button a:active
{
  background: transparent url(images/2column/button_big_red_left.gif) no-repeat left top !important;
  line-height: 30px !important;
  font-size:14px;
}
div.flc-3-button div,
  div.flc-3-button a:link,
  div.flc-3-button a:visited,
  div.flc-3-button a:hover,
  div.flc-3-button a:active
{
  color: #ffffff !important;
  text-decoration: none !important;
  font-size:14px;
}

div.drop-out-button {
  padding-right: 27px;
  background: transparent url(images/2column/button_dropdown.gif) no-repeat right top;
}

.search input.image-button {
  width: 22px;
  height: 20px;
  background: transparent url(images/2column/button_search.gif) no-repeat left top;
}

.menu-dialog .title-bar {
  line-height: 27px;
  color: #ffffff;
  font-weight: bold;
}

.menu-categories-list ul li {
  background: transparent none;
  padding: 6px 0px 6px 7px;
}
.menu-categories-list ul li a:link,
  .menu-categories-list ul li a:visited,
  .menu-categories-list ul li a:hover,
  .menu-categories-list ul li a:active
{
  font-size: 15px;
  font-weight: bold;
}

.menu-bestsellers ul li a:link,
  .menu-bestsellers ul li a:visited,
  .menu-bestsellers ul li a:hover,
  .menu-bestsellers ul li a:active,
  .menu-manufacturers ul li a:link,
  .menu-manufacturers ul li a:visited,
  .menu-manufacturers ul li a:hover,
  .menu-manufacturers ul li a:active
{
  font-size: 12px;
}

.menu-minicart.full .title-bar img.icon {
  background: transparent url(images/cart_full.png) no-repeat left top;
  width: 18px;
  height: 13px;
}
.menu-minicart h2 .minicart-items-label,
  .menu-minicart h2 .minicart-items-delim
{
  font-weight: normal;
}
.menu-minicart .content ul {
  margin-left: 26px;
}
.menu-minicart .content ul li a:link,
  .menu-minicart .content ul li a:visited,
  .menu-minicart .content ul li a:hover,
  .menu-minicart .content ul li a:active
{
  text-decoration: underline;
  color: #043fa0;
  line-height: 20px;
}
.menu-minicart .content ul li a:hover {
  text-decoration: none !important;
}
.minicart,
  .minicart .empty,
  .minicart .full
{
  display: inline;
}

.ajax-minicart .title-bar {
}
#content-container .ajax-minicart img.icon {
  position: absolute;
  width: 18px;
  height: 13px;
}
#content-container .ajax-minicart img.minicart-button {
  background: transparent url(images/cart_button.gif) no-repeat left top;
  width: 38px;
  height: 21px;
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  top: 3px;
  left: 6px;
  margin: 0px;
}
#content-container .ajax-minicart img.minicart-button-show {
  background-position: left -21px;
}

.ajax-minicart .title-bar h2 {
  position: absolute;
  top: 0px;
  left: 50px;
  right: 0px;
  overflow: hidden;
}
.ajax-minicart .title-bar img.minicart-button-show {
  background-position: left -21px;
}
.minicart-box {
  top: 22px;
}

 .menu-special
{
  border: 1px solid #acb7c7;
}
.menu-minicart .title-bar,
  .menu-special .title-bar
{
  background: transparent url(images/2column/menu_bg_light.gif) repeat-x left center;
  border-bottom: 1px solid #acb7c7;
}
.menu-minicart .title-bar h2,
  .menu-special .title-bar h2
{
  color: #2c3e49;
}

.news-box {
  float: right;
  width: 223px;
  border: 1px solid #c9d1dc;
  padding: 12px;
  margin-left: 30px;
  margin-bottom: 20px;
}

table.data-table td {
  line-height: 22px;
}

.dialog {
  border: 0px none;
}
.dialog .title {
  padding-left: 0px;
 /* background: transparent url(images/2column/list_dialog_bg_right.gif) no-repeat right top !important;*/
  height: 32px;
  border: 0px none;
}
.dialog .title h2 {
  padding-left: 18px;
  /*background: transparent url(images/2column/list_dialog_bg_left.gif) no-repeat left top;*/
  height: 32px;
  line-height: 32px;
}
.dialog .title div.sort-box {
  height: 32px;
}
.dialog .title div.sort-box .search-sort-bar {
  margin-top: 8px;
  margin-bottom: 8px;
}


.products .descr,
  .product-details .details .descr
{
  font-size: 12px;
}
.products a.product-title:link,
  .products a.product-title:visited,
  .products a.product-title:hover,
  .products a.product-title:active,
  .products .product-title,
  .product-details .product-title
{
  color:#202020;
}
.products a.product-title:hover {
  color: #253161;
}
.products .buy-now .quantity {
  height: auto;
  padding-top: 5px;
}
.products .buttons-row {
  margin-top: 15px;
}
.products-table .product-cell {
  padding-left: 5px;
  padding-right: 5px;
}
.products-list .product-cell-fccheckbox {
  text-align: center;
}
.products-table .buttons-row,
  .products-table .button-row
{
  margin-top: 5px;  
}
.products-table .fcomp-checkbox-box {
  margin-top: 4px;
}

.totals .total {
  text-transform: none;
}

table.product-properties {
  margin-top: 10px;
}
table.product-properties tr td {
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
table.product-properties td.property-name table tr td {
  white-space: nowrap;
}
table.product-properties .product-price {
  color: #5e6c75;
  font-size: 12px;
  font-weight: normal;
}
table.product-properties .product-price-value {
  font-size: 12px;
  font-weight: normal;
}
table.product-properties .product-market-price {
  font-size: 12px;
  font-weight: normal;
}
.product-price-row .property-name,
  .product-price-row .property-value
{
  vertical-align: bottom;
  padding-bottom: 0px;
}
table.product-properties .product-mprice-row td {
  padding-top: 0px;
}
.poptions-product-separator {
  font-size: 1px;
  line-height: 1px;
  height: 10px;
}
.product-details .market-price {
  font-size: 14px;
  padding: 8px 0px;
}
.product-details .buttons-row {
  margin-top: 8px;
}


.offers-short-list {
  margin-top: 10px;
}

.fancycat-icons-e ul {
  width: 192px;
}
.fancycat-icons-e li ul {
  left: 181px;
}

.fancycat-page-subskin-c #center-main {
  margin-left: 250px;
}
.fancycat-page-subskin-c #left-bar {
  width: 210px;
  overflow: hidden;
}
strong.language-code img,
.language-code-over
{
  border: solid 1px #aaaaaa !important;
}
.iv-box a:link,
  .iv-box a:visited,
  .iv-box a:active
{
  color: #043FA0;
}
.iv-box a:hover {
  text-decoration: none !important;
}
div.news h2 {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
}


#ja-header { background: #333; position: relative; z-index: 10; }

#ja-header .hd-main {
	background-color: #333;
	background-position: top right;
	background-repeat: no-repeat;
	height: 80px;
}

h1.logo1, div.logo-text h1 { font-size: 250%; line-height: 1;}

h1.logo1, div.logo-text { float: left; z-index: 1; position: relative; }

/* Logo Image ---*/
h1.logo1 { height: 47px; width: 231px; padding-top:5px; padding-left:5px;}

h1.logo1 a {
	background: url(images/logo.gif) no-repeat left;
	display: block;
	height: 47px;
	width: 231px;
}

h1.logo1 a span { position: absolute; top: -1000px; }

/* Logo Text ---*/
div.logo-text { margin-top: 8px; }

div.logo-text h1 a {
	color: #ccc;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

p.site-slogan {
	background: #444;
	color: #999;
	display: block;
	font-size: 85%;
	letter-spacing: 1px;
	margin: 8px 0 0;
	padding: 0 5px;
	text-align: center;
	text-transform: uppercase;
}

/* Header mask ---*/
.ja-headermask {
	background: url(images/header-mask.png) no-repeat top right;
	display: block;
	height: 80px;
	position: absolute;
	right: -1px;
	top: 0;
	width: 602px;
	z-index: 0;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
	background: url(images/grad1-mask.png) repeat-x top #444;
	border-top: 1px solid #666;
	line-height: 1;
	position: relative;
	z-index: 11;
	overflow:hidden;
}

#ja-header-text{
	background: url(images/header-bg.gif) repeat;
	border-top:1px solid #666666;
	height:95px;
	width:auto;
}

#ja-mainnav .main { font-size: 12px; max-width: 980px; margin: 0 auto; position: relative;}
#ja-header-text .main { font-size: 12px; max-width: 980px; margin: 0 auto; position: relative; padding-left:40px;}
#ja-header-text .main p{color:#FFFFFF;}

span.has-image {
	padding-left: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left 2px;
}

span.menu-title { display: block; }

span.menu-desc {
	display: block;
	font-weight: normal;
	font-size: 92%;
	color: #999;
}

/* Sub Nav ---*/
#ja-subnav { border-top: 1px solid #666; background: #333; position: relative; z-index: 9; }

#ja-subnav .hd-main {
	line-height: 1;
	z-index: 10;
}

#ja-subnav ul {
	background: #333;
	overflow: hidden;
	padding: 10px 0;
}

#ja-subnav ul.active { background: #333; }

#ja-subnav li {
	background: none;
	border-left: 1px dotted #999;
	display: block;
	float: left;
	padding: 0 10px 0 11px;
}

#ja-subnav li.first-item { border-left: 0; }

#ja-subnav ul li a { color: #ccc; display: block; text-decoration: none; }

#ja-subnav ul li a:hover { color: #fff; }

#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {
	color: #fff;
	font-weight: bold;
}

#ja-subnav ul.active li a { color: #ccc; }

#ja-subnav ul.active li a:hover { color: #fff; }

#ja-subnav ul li.empty { visibility: hidden }

/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul {
	background: #ddd;
	border: 1px solid #ccc;
	display: block;
	height: auto;
	left: -999em;
	padding: 0;
	position: absolute;
}

#ja-subnav ul li.hover ul {
	display: block;
	height: auto;
	left: auto;
	position: absolute;
	margin-top: 3px;
	margin-left: 5px;
}



#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none; padding-right: 0; }

#ja-subnav ul li ul li {
	border-bottom: 1px solid #ccc;
	border-left: 0;
	display: block;
	float: none;
	overflow: hidden;
	padding: 5px;
	text-align: left;
}

#ja-subnav ul li ul li a {
	background-image: none !important;
	border: 0 !important;
	color: #333 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}

#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }

#ja-subnav ul li ul li a:hover {
	background-image: none !important;
	color: #069 !important;
	text-decoration: underline !important;
}

#ja-subnav ul li ul li a.active {
	color: #069; !important;
	font-weight: bold !important;
}
/* Search Module ---*/
#ja-search {
	padding-left: 20px;
	background: url(images/icon-search.gif) no-repeat center left;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

#ja-search label { display: none; }

#ja-search .inputbox {
	width: 200px;
	border: 1px solid #333;
	padding: 3px 5px;
	color: #ccc;
	background: #444;
	font-size: 100%;
	font-weight: bold;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

#ja-search .button {
	font-size: 100%;
	font-weight: bold;
	margin-left: 5px;
	text-transform: none;
}


.ja-megamenu { margin: 0; padding: 0; }
.ja-megamenu a.over, .ja-megamenu a.active { color: #ffffff !important; }

ul.megamenu { margin: 10px; /* menu's gutter */ } 

/* lv - 0
-----------------------------------*/
/* Styling ---*/
ul.level0 {
	border-right: 1px solid #666666;
	float: left;
	margin: 0;
	padding: 0;
}

ul.level0 li.mega {
	background: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

ul.level0 li.mega a.mega {
	border-left: 1px solid #666666;
	border-right: 1px solid #333333;
	color: #cccccc;
	display: block;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 8px 15px;
	text-decoration: none;
}

ul.level0 li.mega .has-image {
	padding-left: 25px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

ul.level0 li.mega span.menu-title { display: block;font-size:12px;}

ul.level0 li.mega a.mega:hover,
  ul.level0 li.mega a.mega:focus{text-decoration:none;color:#FFFFFF;}

ul.level0 li.mega span.menu-desc {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #999;
}

ul.level0 li.mega a img {
	float: left;
	padding-right: 5px;
}

ul.level0 li.over, ul.level0 li.haschild-over {
	background: url(../../templates/ja_purity_ii/images/grad1-mask.png) repeat-x top #666666;
}

ul.level0 li.haschild a.mega span.menu-title,
ul.level0 li.haschild-over a.mega span.menu-title {

	padding-left: 12px;
}

ul.level0 li.haschild a.mega span.menu-desc,
ul.level0 li.haschild-over a.mega span.menu-desc {
	padding-left: 12px;
}

ul.level0 li.active {
	background: url(../../templates/ja_purity_ii/images/grad1-mask.png) repeat-x top #006699;
}

/* lv - 1 and below
-----------------------------------*/
/* Layout ---*/
.ja-megamenu li.mega .childcontent { display: block; height: auto; position: absolute; }

.ja-megamenu li.mega .childcontent,
.ja-megamenu li.haschild-over li.mega .childcontent,
.ja-megamenu li.mega li.haschild-over li.mega .childcontent ,
.ja-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, 
.ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, 
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent { left: -999em; /*hide the menu*/ }

.ja-megamenu li.haschild-over .childcontent,
.ja-megamenu li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent { left: auto; /*show on parent:hover*/ }

.ja-megamenu li.mega .right,
.ja-megamenu li.haschild-over li.mega .right,
.ja-megamenu li.mega li.haschild-over li.mega .right ,
.ja-megamenu li.mega li.mega li.haschild-over li.mega .right, 
.ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .right, 
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .right { right: auto; /*hide the menu*/ }

.ja-megamenu li.haschild-over .right
{ right: 0; /*show on parent:hover*/ }
.ja-megamenu li.mega li.haschild-over .right,
.ja-megamenu li.mega li.mega li.haschild-over .right,
.ja-megamenu li.mega li.mega li.mega li.haschild-over .right,
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .right,
.ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .right 
{ right: 12em; /*show on parent:hover*/ }

ul.level1 li.mega { float: none; }

ul.level1 .childcontent { margin: -2em 0 0 160px; }

 /* Columns ---*/
.megacol { float: left;}
/*
.cols1 .megacol { width: 100px }
.cols2 .megacol { width: 50%; }
.cols3 .megacol { width: 33.3%; }
.cols4 .megacol { width: 25%; }
.cols5 .megacol { width: 20%; }
.cols6 .megacol { width: 16.6%; }
.cols7 .megacol { width: 14.2%; }
.cols8 .megacol { width: 12.5%; }
.cols9 .megacol { width: 11.1%; }
.cols10 .megacol { width: 10%; }


.ja-megamenu .cols1 { width: 200px; }
.ja-megamenu .cols2 { width: 400px; }
.ja-megamenu .cols3 { width: 600px; }
.ja-megamenu .cols4 { width: 800px; }
.ja-megamenu .cols5 { width: 1000px; }
.ja-megamenu .cols6 { width: 1200px; }
.ja-megamenu .cols7 { width: 1400px; }
.ja-megamenu .cols8 { width: 1800px; }
.ja-megamenu .cols9 { width: 2000px; }
.ja-megamenu .cols10 { width: 2200px; }
*/

/* Styling ---*/
ul.level1 li.mega { border-top: 1px dotted #444444; }

ul.level1 li.first { border-top: 0; }

ul.level1 li.mega a.mega {
	background: none;
	border: 0;
	color: #cccccc;
	font-weight: normal;
	padding: 5px;
}

ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; }



ul.level1 li.over, ul.level1 li.haschild-over { background: #444444; }

ul.level1 li.group { background: none; }

 /* CHILD CONTENT
-----------------------------------*/
.childcontent {
	z-index: 999;
}
.childcontent-inner {
	background: #333333;
	border: 1px solid #666666;
	color: #ccc;
}
.childcontent .ja-moduletable {
	color: #ccc;
	border-bottom: 0;
	line-height: 1.5;
	margin: 10px 0;
	padding: 0;
}

.childcontent .ja-moduletable h3 {
	background: none;
	color: #fff;
	border-bottom: 1px dotted #444;
	margin-left: 10px;
	margin-right: 10px;
	text-indent: 5px;
	text-transform: none;
}

.childcontent .ja-moduletable .ja-box-ct {
	padding: 0 5px;
}

.childcontent .ja-moduletable a {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

.childcontent .ja-moduletable a:hover,
.childcontent .ja-moduletable a:focus,
.childcontent .ja-moduletable a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.childcontent .ja-moduletable ul:first-child {
	margin-top: 0 !important;
}

.childcontent .ja-moduletable li {
	background: url(../../templates/ja_purity_ii/images/bullet2.gif) no-repeat 2px 7px !important;
	margin-bottom: 5px;
}

/* Grouped --- */
.group {}

.group-title {
	border-bottom: 1px solid #444;
	overflow: hidden;
}

.group-title .menu-title {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 115%;
}

.group-title .menu-desc {
	color: #999;
	padding-left: 0 !important;
}

.group-content .ja-moduletable,
.group-content ul.megamenu  {
	margin: 10px; /* Group-content's gutter*/
}

/* reset --- */
.childcontent ul.megamenu .ja-moduletable {
	padding: 0;
}

.childcontent ul.megamenu .ja-moduletable h3 {
	margin-left: 0;
	margin-right: 0;
}


.dialog-featured-list .content{
	border-left: 4px solid #787878;
	border-right: 4px solid #787878;
}
.dialog-featured-list .title h2{
	font-size:20px;
	padding-left:0px;
	vertical-align:top;
	padding-top:0px;
}
.dialog-featured-list .title .left{
	width:10px;
	left:0;
	height:40px;
	float:left;
	background: url(images/bl-tl.png) no-repeat 60% left;
}
.dialog-featured-list .title .line{
	width:auto;
	left:0;
	float:left;
}
.dialog-featured-list .title .right{
	width:10px;
	right:0;
	float:right;
	height:40px;
	background: url(images/bl-tr.png) no-repeat 60% right;
}
.dialog-featured-list .bottom{
	margin-top:-12px;
}
.dialog-featured-list .bottom .left{
	width:10px;
	left:0;
	height:40px;
	float:left;
	background: url(images/bl-bl.png) no-repeat 60% left;
}
.dialog-featured-list .bottom .line{
	width:auto;
	left:0;
	float:left;
}
.dialog-featured-list .bottom .right{
	width:10px;
	right:0;
	float:right;
	height:40px;
	background: url(images/bl-br.png) no-repeat 60% right;
}


/* black */