/******* global *******/
#leftpanel, #rightpanel { color: #000000; }
.flashcontentWrapper { padding: 3px 0 0 0; }

/******* (sub)categories of main catalogs *******/
#categories {}
.subCategories {  }
.subSubCategories {  }
/* ul */
#categories ul { width: 168px; margin-left: -3px; }
/* li */
#categories li { display: inline; }
#categories li.active a, #categories li.active a:link, #categories li.active a:visited {
	background: #fff;
}
#categories li a, #categories li a:link, #categories li a:visited	 { 
	display: block;
	color: #222222;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
	font-size: 110%;
}
#categories li a:hover, #categories li a:active, #categories li a:focus { 
	color: #222222;
}
#categories li.subCategories a, #categories li.subCategories a:link, #categories li.subCategories a:visited	 { 
	display: block;
	color: #f89800;
	text-decoration: none;
	font-weight: none;
	padding-left: 10px;
}
#categories li.subCategories a:hover, #categories li.subCategories a:active, #categories li.subCategories a:focus { 
	color: #f89800;
}
#categories li.subSubCategories a, #categories li.subSubCategories a:link, #categories li.subSubCategories a:visited	 { 
	display: block;
	color: #f89800;
	text-decoration: none;
	font-weight: none;
	padding-left: 15px;
}
#categories li.subSubCategories a:hover, #categories li.subSubCategories a:active, #categories li.subSubCategories a:focus { 
	background-color: #fff;
}

/******* Guided search *******/
#guidedSearch { /* guided navigation boxes have padding bottom */
	padding-bottom: 11px; /* margin would not be added, you have to use padding */
}
#guidedSearch h3 {
	border: 1px solid #cccccc;
	padding: 5px 18px;
}
#guidedSearch ul {
	margin-bottom: 8px;
}
#guidedSearch li {
	display: inline;
}
#guidedSearch li a, #guidedSearch li a:link, #guidedSearch li a:visited	 {
	display: block; /* create a new line for each element (it has to be defined at the link element) */
	padding: 5px 18px;
	border-top: 1px solid #dbdbdb;
	background: #dbdbdb;
	text-decoration: none;
	color: #000000;
}
#guidedSearch li a:hover, #guidedSearch li a:active, #guidedSearch li a:focus { 
	background-color: #f6f9fe; /* only background-color and not images */
}
#guidedSearch li.active a, #guidedSearch li.active a:link, #guidedSearch li.active a:visited	 {
	background: #f6f9fe;
}

/******* Content boxes *******/
.contentBoxes { /* e.g. guided navigation boxes have padding bottom */ }
.contentBoxStyle {}
.contentBoxStyle p {}
.contentBoxStyle a, .contentBoxStyle a:link, .contentBoxStyle a:visited {}
.contentBoxStyle li {
	display: block;
	margin-bottom: 9px;
	padding: 0 0 0 17px;
	background: transparent url(arrow4_right.gif) no-repeat 1px 2px;
}
.contentBoxStyle li a, .contentBoxStyle li a:link, .contentBoxStyle li a:visited {
	text-decoration: none;
}

/******* Content boxes RIGHT *******/
.contentBoxRightHeaderTop {
	background: url('img_rightbox_mainheader.png') no-repeat;
	width: 184px;
	height: 25px;
	text-align: left;
	font-size: 100%;
	color: #fff;
	padding: 15px 13px 0 25px;
	text-transform: uppercase;
	font-weight: bold;
}
.contentBoxRightHeaderTop a, .contentBoxRightHeaderTop a:link, .contentBoxRightHeaderTop a:visited { color: #fff; }
.contentBoxRightHeaderTop a:hover { color: #fff; }
.contentBoxRightHeader {
	background: url('img_rightbox_header.png') no-repeat;
  width: 184px;
  height: 25px;
  text-align: left;
	font-size: 100%;
	color: #fff;
	padding: 15px 13px 0 25px;
	text-transform: uppercase;
	font-weight: bold;
}
.contentBoxRightHeaderIncludes {
	background: url('img_rightbox_bottomheader.png') no-repeat;
  width: 184px;
  height: 25px;
  text-align: left;
	font-size: 100%;
	color: #fff;
	padding: 15px 13px 0 25px;
	text-transform: uppercase;
	font-weight: bold;
}
.contentBoxRightHeader a, .contentBoxRightHeader a:link, .contentBoxRightHeader a:visited { color: #fff; }
.contentBoxRightHeader a:hover { color: #fff; }
.contentBoxRightBody {
  width: 182px;
  background: url('img_rightbox_bg.png');
  font-size: 100%;
  color: #222222;
	padding: 5px 5px 5px 10px;
}
.contentBoxRightBodyLogin {
  width: 164px;
  background: url('img_rightbox_bg.png');
  font-size: 100%;
 	padding: 5px 20px 5px 13px;
}
.contentBoxRightFooter {
	background: url('img_rightbox_footer.png') no-repeat;
	height: 4px;
	font-size: 0%;
}
#rightpanelfooter {
	background: url('img_rightbox_mainfooter.png') no-repeat;
	width: 197px;
	height: 13px;
	font-size: 0%;
}

/******* Content boxes LEFT *******/
.contentBoxLeftHeaderTop {
	background: url('img_leftbox_mainheader.png') no-repeat;
  width: 184px;
  height: 25px;
  text-align: left;
	font-size: 100%;
	color: #fff;
	padding: 15px 0 0 30px;
	text-transform: uppercase;
	font-weight: bold;
}
.contentBoxLeftHeaderTop a, .contentBoxLeftHeaderTop a:link, .contentBoxLeftHeaderTop a:visited { color: #fff; }
.contentBoxLeftHeaderTop a:hover { color: #fff; }
.contentBoxLeftHeader a, .contentBoxLeftHeaderTop a:link, .contentBoxLeftHeaderTop a:visited { color: #fff; }
.contentBoxLeftHeader a:hover { color: #fff; }
.contentBoxLeftHeader {
	background: url('img_leftbox_header.png') no-repeat;
  width: 184px;
  height: 25px;
  text-align: left;
	font-size: 100%;
	color: #fff;
	padding: 15px 0 0 30px;
	text-transform: uppercase;
	font-weight: bold;
}
.contentBoxLeftBody {
  width: 170px;
  background: url('img_leftbox_bg.png');
  border: 0;
	padding: 5px 5px 5px 22px;
}
.contentBoxLoginBody {
  width: 170px;
  border: 0;
	padding: 5px 5px 15px 35px;
}
.contentBoxLeftFooter {
	background: url('img_leftbox_footer.png') no-repeat;
	height: 4px;
	font-size: 0%;
}
#leftpanelfooter {
	background: url('img_leftbox_mainfooter.png') no-repeat;
	width: 197px;
	height: 13px;
	font-size: 0%;
}

/******* Inputbox style *******/

/******* productlistbox style *******/
.productListBoxStyle {}

/******* Last visited products *******/

/******* Top sellers *******/

/******* New this week *******/
#newThisWeekProduct { }

/******* Minibasket *******/
.basketLine { border-top: 1px solid #d6d6d6; margin-bottom: 2px; margin-right: 17px }
.basketTotal { text-align: center; }
.basketCheckOut ul { list-style: none; margin: 0 0 0 32px; }
.basketCheckOut li a, .basketCheckOut li a:link, .basketCheckOut li a:visited { color: #353535; text-align: center; padding: 6px 0 0 0; background: url('img_btn100_bgfff.png') top left; display: block; width: 100px; height: 22px; text-decoration: none;  font-size: 100%; }
.basketCheckOut li a:hover { color: #000000; background: url('img_btn100_bgfff.png') bottom left; }
.basketEmpty { text-align: center; font-size: 100%; margin-right: 19px; }

/******* Login panel *******/
#login input.inputSubmit { cursor: pointer; cursor: URL; width: 64px; height: 26px; background: url('img_loginbtn.png') no-repeat top; font-size: 90%; border: 0px; color: #353535; margin: 2px 0 4px -3px; }
#login input.inputSubmit:hover { background: url('img_loginbtn.png') no-repeat bottom; }

/******* Newsletter *******/
/* newsletter box is also a inputBoxStyle but the email input field has more (special) width */
#newsletter .inputText { width: 123px; }