html,body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 88%;
	color: #000;
	background: #fff;
	margin: 0px;
	padding: 0px;
}

/*******************************************************/
/** DEFAULT HTML-TAGS */
/*******************************************************/

h1 {
	font-size: 1.4em;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

h1.welcome {
	color: #7697b3;
	font-size: 1.0em;
	margin: 0px;
	padding: 5px 7px 4px 0px;
	background-color: inherit;
}

h1.assistant {
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 3px 25px;
	color: #000;
	background-color: inherit;
	font-size: 1.4em;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-assistant.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

h1.home {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 0px;
	color: #000;
	background-color: inherit;
	font-size: 1.3em;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

h1.basket {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-basket-headline.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
}

h1.nopadding {
	font-size: 1.4em;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

h1.fulltext {
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
}

h2.yellow_form {
	margin: 0px;
	padding: 0px 0px 5px 25px;
	color: #333;
	background-color: inherit;
	font-size: 1.0em;
}

h2.large {
	font-size: 1.4em;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

h2.textchapter {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #000;
	background-color: inherit;
	font-size: 1.15em;
}

h2.assistant_subheadline {
	padding: 0px 0px 15px 0px;
	color: #000;
	background-color: inherit;
	font-size: 1.15em;
	margin: 0px;
}

h2.assistant {
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 25px;
	color: #000;
	background-color: inherit;
	font-size: 1.15em;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-assistant.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

h2.box {
	padding-bottom: 2px;
}

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

acronym {
	color: #999;
	background-color: inherit;
	text-decoration: none;
	background-color: inherit;
	border-bottom: none;
	font-weight: bold;
}

img {
	border: none;
}

table {
	clear: both;
	padding: 0px;
	margin: 0px;
	border: 1px;
	border-spacing: 0px;
}

select {
	border: 1px solid #7f9db9;
	padding: 1px;
}

td {
	vertical-align: top;
	font-size: 1.0em;
	padding: 0px;
	border: none;
	empty-cells: show;
}

.textchapter_fulltext_frame ul {
	padding-top: 10px;
	padding-bottom: 15px;
}

ul li {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/li-liststyle-dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 5px 0px 0px 12px;
}

li.li_arrow_red {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding: 5px 0px 0px 14px;
}

li.li_arrow_red_narrow {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 4px 0px 0px 14px;
}

li.liststyle_cad {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/li-liststyle-cad.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 6px 0px 0px 23px;
}

li.liststyle_manual {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/li-liststyle-manual.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 6px 0px 0px 23px;
}

li.liststyle_gaeb {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/li-liststyle-gaeb.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 6px 0px 0px 23px;
}

li.liststyle_certificates {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/li-liststyle-certificates.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 6px 0px 0px 23px;
}

li.liststyle_images {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/li-liststyle-images.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 6px 0px 0px 23px;
}


/*******************************************************/
/** ANCHOR TAGS */
/*******************************************************/

a,
a:link,
a:active,
a:visited {
	color: #e12239;
	background-color: inherit;
	text-decoration: underline;
}

a:hover {
	/* color: #5C7386; */
	color: #7697b3;
	background-color: inherit;
}


a.headnavigation,
a.headnavigation:link,
a.headnavigation:active,
a.headnavigation:visited {
	color: #909090;
	background-color: inherit;
	text-decoration: none;
}

a.headnavigation:hover {
	text-decoration: underline;
}


a.breadcrumb,
a.breadcrumb:link,
a.breadcrumb:active,
a.breadcrumb:visited {
	color: #7697b3;
	background-color: inherit;
	text-decoration: none;
}

a.breadcrumb:hover {
	text-decoration: underline;
}

a.white,
a.white:link,
a.white:active,
a.white:visited {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}

a.white:hover {
	text-decoration: underline;
}

a.whiteul,
a.whiteul:link,
a.whiteul:active,
a.whiteul:visited {
	color: #fff;
	background-color: inherit;
	text-decoration: underline;
}

a.whiteul:hover {
	text-decoration: underline;
}

a.black,
a.black:link,
a.black:active,
a.black:visited {
	color: #000;
	background-color: inherit;
	text-decoration: none;
}

a.black:hover {
	background-color: inherit;
	color: #000;
	text-decoration: underline;
}

a.black_hi,
a.black_hi:link,
a.black_hi:active,
a.black_hi:visited,
a.black_hi:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.imagecontainer,
a.imagecontainer:link,
a.imagecontainer:active,
a.imagecontainer:visited {
	display: block;
	float: left;
	text-decoration: none;
	color: #000;
	background-color: #f0f0f0;
	padding: 4px 4px 4px 4px;
	border-left: 1px solid #fff;
}
a.imagecontainer:hover {
	color: #fff;
	background-color: #e12239;
}

a.imagecontainer_hi,
a.imagecontainer_hi:link,
a.imagecontainer_hi:active,
a.imagecontainer_hi:visited ,
a.imagecontainer_hi:hover {
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	background-color: #e12239;
	padding: 4px 4px 4px 4px;
	border-left: 1px solid #fff;
}


a.search,
a.search:link,
a.search:active,
a.search:visited {
	color: #000;
	background-color: #fbe2e5;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	border-right: 1px solid #fff;
	display: block;
	float: left;
}

a.search:hover {
	color: #fff;
	background-color: #e12239;
}

a.search_hi,
a.search_hi:link,
a.search_hi:active,
a.search_hi:visited,
a.search_hi:hover {
	color: #fff;
	background-color: #e12239;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	border-right: 1px solid #fff;
	display: block;
	float: left;
}

a.grey,
a.grey:link,
a.grey:active,
a.grey:visited {
	color: #777;
	background-color: inherit;
	text-decoration: none;
}

a.grey:hover {
	text-decoration: underline;
}

a.lightgrey,
a.lightgrey:link,
a.lightgrey:active,
a.lightgrey:visited {
	color: #777;
	background-color: inherit;
	font-weight:normal;
	text-decoration: none;
}

a.lightgrey:hover {
	text-decoration: underline;
}

a.right,
a.right:link,
a.right:active,
a.right:visited {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding: 5px 0px 0px 14px;
	float: right;
}

a.right:hover {
	text-decoration: underline;
}

a.related,
a.related:link,
a.related:active,
a.related:visited ,
a.related:hover {
	color: #000;
	background-color: inherit;
	text-decoration: none;
}
/*******************************************************/
/** SPECIAL CLASSES */
/*******************************************************/

.printonly {
	display: none;
}

.clear {
	clear:both;
}

.space {
	clear: both;
	padding-bottom: 5px;
}

.space2 {
	clear: both;
	padding-bottom: 2px;
}

.space7 {
	clear: both;
	padding-bottom: 7px;
}

.space10 {
	clear: both;
	padding-bottom: 10px;
}

.space15 {
	clear: both;
	padding-bottom: 15px;
}

.space18 {
	clear: both;
	padding-bottom: 18px;
}

.space20 {
	clear: both;
	padding-bottom: 20px;
}

.space25 {
	clear: both;
	padding-bottom: 25px;
}

.space30 {
	clear: both;
	padding-bottom: 25px;
}


.strong {
	font-weight: bold;
	color: #000;
	background-color: inherit;
}

.strong2 {
	font-weight: bold;
	padding-bottom: 2px;
}

.text_normal {
	font-weight: normal;
}

.text_normal_black {
	font-weight: normal;
	color: #000;
	background-color: inherit;
}

.uppercase {
	text-transform: uppercase;
}

.align_right {
	text-align: right;
}

.align_left {
	text-align: left;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.padding10 {
	padding: 10px;
}

.underline {
	clear: both;
	border-bottom: 1px solid #999;
}

.underline h2 {
	padding-bottom: 2px;
}

.darkgrey {
	color: #767564;
	background-color: inherit;
}

.red {
	color: #e12239;
	background-color: inherit;
}

.redbig {
	color: #e12239;
	font-size: 1.4em;
	font-weight: bold;
	background-color: inherit;
}

.greybold {
	color: #73652c;
	font-weight: bold;
	background-color: inherit;
}

.note_blue {
	color: #838383;
	background-color: inherit;
	font-size: 0.9em;
}

.arrow_lightgrey {
	background: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-lightgrey.gif) no-repeat 0 3px;
	padding-left: 12px;
}

.arrow_blue {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 12px;
}

.arrow_blue_breadcumb {
	float: left;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 14px;
	margin-right: 5px;
	white-space: nowrap;
}

.arrow_red {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
}

.arrow_red_margin2_top {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
	margin-top: 2px;
}

.arrow_red_margin2_bottom {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
	margin-bottom: 2px;
}

.arrow_red_left {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-red-left.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
	float: right;
}

.arrow_red_left_def {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-red-left.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 13px;
}


.arrow_black {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 13px;
}

.arrow_black_fl {
	float: left;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 13px;
	margin-right: 5px;
}

.arrow_grey_breadcrumb {
	float: left;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-grey-breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	margin-right: 4px;
}

.grey_breadcrumb_start {
	float: left;
	margin-right: 4px;
}

.arrow_white {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-white.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
}


.icon_new {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-new-idx.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 5px 0px 0px 30px;
	font-weight: bold;
	margin-top: 5px;
}


/*******************************************************/
/** HEADNAVIGATION */
/*******************************************************/

.headnavigation_frame {
	clear: both;
	width: 962px;
	padding: 4px 0px 2px 0px;
	margin-right: auto;
    margin-left: auto;
}

.headnavigation_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.headnavigation_left {
	float: left;
	width: 200px;
}

.headnavigation_right {
	float: left;
	width: 762px;
	text-align: right;
}


/*******************************************************/
/** TOPNAVIGATION */
/*******************************************************/

.topnavigation_frame {
	clear: both;
	width: 962px;
	margin-right: auto;
    margin-left: auto;
	border-bottom: 4px solid #db1426;
}

.topnavigation_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

/*******************************************************/
/** HEADER */
/*******************************************************/

.header_frame {
	clear: both;
	width: 962px;
	margin-right: auto;
    margin-left: auto;
	height: 65px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.header_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.header_left {
	float: left;
	width: 213px;
	height: 65px;
	background-color: #e12239;
	overflow: hidden;
	color: inherit;
	text-align: left;
}



.header_right {
	float: left;
	width: 748px;
	height: 65px;
	border-left: 1px dashed #a4bbd1;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/header-montage.jpg);
	background-repeat: no-repeat;
	background-color: #e22239;
	color: #fff;
}


/*******************************************************/
/** HEADER SHOP INTERN */
/*******************************************************/


.header_right_shopintern {
	float: left;
	width: 748px;
	height: 65px;
	border-left: 1px dashed #a4bbd1;
	background-color: #e22239;
	color: #fff;
	text-align: left;
}

.header_shopintern_left {
	float: left;
	width: 149px;
	height: 57px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-shop-intern.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	overflow: hidden;
	padding: 8px 0px 0px 55px;
}

.header_shopintern_middle {
	float: left;
	width: 114px;
	height: 57px;
	overflow: hidden;
	padding: 8px 0px 0px 0px;
}

.header_shopintern_right {
	float: left;
	width: 420px;
	height: 57px;
	overflow: hidden;
	padding: 8px 0px 0px 0px;
}

textarea.shopintern {
	border: 1px solid #d9d6a3;
	background-color: #fffbe1;
	color: #777465;
	overflow: auto;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 410px;
	height: 45px;
}

input.checkshopintern {
	background-color: inherit;
	color: #000;
	margin: 0px;
	padding: 0px;
}

/*******************************************************/
/** BODY */
/*******************************************************/

.body_frame {
	clear: both;
	width: 962px;
	margin-right: auto;
    margin-left: auto;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-body.gif);
	background-repeat: repeat-y;
	text-align: left;
}

.body_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.body_frame_norightcolumn {
	clear: both;
	width: 962px;
	margin-right: auto;
    margin-left: auto;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-body-norightcolumn.gif);
	background-repeat: repeat-y;
	text-align: left;
}

.body_frame_norightcolumn:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.body_column_left {
	float: left;
	width: 213px;
}

h3.left_box_heading {
	font-size: 100%;
	margin: 0;
	padding: 0;
	padding: 5px 10px;
	background-color: #fee062;
	border-bottom: 1px dashed #a4bbd1;
}

.body_column_middle {
	float: left;
	width: 589px;
	padding: 0px 1px 0px 1px;
}

.body_column_middle:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.body_column_middle_norightcolumn {
	float: left;
	width: 747px;
	padding: 0px 1px 0px 1px;
}

.body_column_middle_norightcolumn:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.body_column_right {
	float: left;
	width: 158px;
	background-color: #eff5fa;
	vertical-align: top;
	color: inherit;
}

/*******************************************************/
/** LANDING PAGE */
/*******************************************************/

body.landing .body_column_middle {
	width: 802px;
}

body.landing .body_frame {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-body-2col.gif);
	background-repeat: repeat-y;
}

body.landing .landing-description h1 {
	margin-bottom: 0px;
}

body.landing .landing-description p {
	margin-top: 0px;
}

body.landing .header_frame {
	border-top: 4px solid #db1426;
	padding-top: 1px;
}

body.landing .textcontent_frame {
	width: 780px;
	font-size: 1.3em;
	border: 0px solid red;
}

.landing-image {
	float: left;
	margin-top: 10px;
	width: 420px;
}

.landing-image img {
	border: 1px solid #ccc;
}

.landing-description {
	float: right;
	margin-top: 10px;
	width: 355px;
}

.landing-description h1 {
	margin-bottom: 5px;
}

p.promoprice {
	color: #cc0000;
	font-weight: bold;
	font-size: 1.4em;
	border: 0px solid red;
}

body.landing .landing-description p.promoprice {
	margin-top: 10px;
}

.promoprice span {
	font-size: 1.2em;
}

/*******************************************************/
/** TEXTCONTENT */
/*******************************************************/

.box_warning {
	clear: both;
	width: 509px;
	padding: 5px 0px 20px 32px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-category-notification.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-weight: normal;
	color: inherit;
	margin-top: 20px;
}

.textcontent_frame {
	width: 569px;
	padding: 10px;
}

.textcontent_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.textcontent_frame_norightcolumn {
	width: 747px;
	padding: 10px 0px 0px 20px;
}

.textcontent_frame_norightcolumn:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

table.textcolumn_frame {
	width: 549px;
	border: none;
}

table.textcolumn_frame tr td a {
	font-size: 1.0em;
}

td.textcolumn_left {
	width: 319px;
	padding-right: 15px;
}

td.textcolumn_right {
	width: 215px;
}

.textchapter_fulltext_frame {
	clear: both;
	padding-top: 20px;
	line-height: 150%;
}

.textchapter_fulltext_frame h2.textchapter {
	margin-bottom: 10px;
}

.textchapter_fulltext_frame ul li.li_arrow_red {
	background-position: 0px 10px;
}


.textchapter_fulltext_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.textchapter_frame {
	clear: both;
	padding-top: 20px;
}

.textchapter_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.textchapter_right_frame {
	clear: both;
	padding-bottom: 20px;
	width: 215px;
}

.box_calculation_frame {
	clear: both;
	width: 205px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #f0f0f0;
	padding: 5px 5px 5px 5px;
	color: inherit;
}

.box_calculation_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_calculation_values {
	clear: both;
	width: 205px;
	color: #6c6c6c;
	background-color: inherit;
	padding: 10px 0px 10px 0px;
}

.box_calculation_row {
	clear: both;
	width: 205px;
	padding: 2px 0px 0px 0px;
}

.box_calculation_row:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}


.box_calculation_left {
	float: left;
	width: 133px;
}

.box_calculation_right {
	float: left;
	width: 72px;
	text-align: right;
}

.box_calculation_inputfields {
	clear: both;
	width: 195px;
	border-bottom: 1px solid #999;
	background-color: #fbe2e5;
	padding: 10px;
	margin-bottom: 10px;
	color: inherit;
}

input.input_product_count {
	font-size: 1.05em;
	border: 1px solid #000;
	width: 38px;
	padding: 3px;
}

.input_product_commission {
	font-size: 1.05em;
	border: 1px solid #a18b8e;
	width: 100px;
	background-color: #fdf5f6;
	color: #999;
	padding: 3px;
}

input.input_quicksearch {
	float: left;
	color: #999;
	background-color: #fff;
	padding: 2px;
	border: 1px solid #D993A2;
	width: 138px;
	margin-right: 8px;
}

td.bci_left {
	width: 40px;
}

td.bci_middle {
	width: 45px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 5px 0px 2px;
}

td.bci_right {
	width: 110px;
	text-align: right;
}

.box_calculation_buttons {
	clear: both;
	width: 215px;
	padding-top: 2px;
	text-align: center;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-bent-large-downright.gif);
	background-repeat: no-repeat;
	background-position: 12px 0px;
	margin-bottom: 20px;
}

.box_note {
	clear: both;
	width: 215px;
	color: #6c6c6c;
	background-color: inherit;
	margin-bottom: 20px;
}

.imagecontainer_frame {
	clear: both;
	padding-bottom: 3px;
	margin-bottom: 20px;
	width: 215px;
	text-align: center;
}

.imagecontainer_image {
	width: 213px;
	border: 1px solid #999;
	background-color: #fff;
	vertical-align: bottom;
	color: inherit;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}


.imagecontainer_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.imagecontainer_popup {
	position: relative;
	top: -31px; left: -90px;
	z-index: 4;
	height: 26px;
	margin: 0px 0px -26px 0px;
	padding: 0px 0px 0px 0px;
}

img.productimage {
	border: 1px solid #999;
}

.chapter_teaser {
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
}

img.teaserimage {
	border: 1px solid #999;
	float: left;
	margin: 0px 25px 10px 10px;
}

img.fullteaserimage {
	border: 1px solid #999;
	float: left;
	margin: 0px 10px 10px 10px;
}

img.singleteaserimage {
	border: 1px solid #999;
	float: left;
	margin: 0px 10px 10px 10px;
}

.imagecontainer_text {
	padding: 4px 0px 4px 0px;
	font-weight: bold;
}


.imagecontainer_text:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.imagecontainer_text_left {
	width: 50px;
	vertical-align: middle;
	border-bottom: 1px solid #999;
	text-align: left;
}

.imagecontainer_text_right {
	text-align: right;
	width: 165px;
	border-bottom: 1px solid #999;
}

.imagecontainer_text_right div {
	float: right;
}

.textcontent_image {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}



/*******************************************************/
/** FOOTER */
/*******************************************************/

.footer_frame {
	clear: both;
	width: 942px;
	color: #fff;
	background-color: #e12239;
	margin-right: auto;
    margin-left: auto;
	padding: 8px 10px 8px 10px;
}

.footer_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.footer_left {
	float: left;
	width: 792px;
}

.footer_right {
	float: left;
	width: 150px;
	text-align: right;
}

.footer_spacer {
	float: left;
	padding-right: 20px;
}


/*******************************************************/
/** BOXES RIGHT */
/*******************************************************/

.box_right_frame {
	clear: both;
	width: 158px;
}

.secure_ordering,
 .cat_request {
	border-bottom: 1px dashed #a4bbd1;
}
	
.box_right_frame h2 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	padding: 5px 10px;
	background-color: #fee062;
	border-bottom: 1px solid #a4bbd1;
}

.box_right_frame img {
	display: block;
	margin: 0;
	border: 0;
}

.box_right_frame a {
	margin: 0;
	border: 0;
}

.box_header_login {
	width: 143px;
	color: #73652c;
	background-color: #fee062;
	border-bottom: 1px dashed #a4bbd1;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
}

.box_header_login:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_right_content_login {
	clear: both;
	width: 142px;
	padding: 10px 8px 15px 8px;
	border-bottom: 1px dashed #a4bbd1;
	background-color: #f8f5ba;
	color: inherit;
	overflow-x: hidden;
}

.box_right_content_login form fieldset input {
	width: 124px;
	border: 1px solid #7f9db9;
	padding: 2px;
	background-color: #fff;
	color: #909090;
	font-size: 12px;
	margin-top: 5px;
}

.box_right_content form fieldset input {
	width: 124px;
	border: 1px solid #7f9db9;
	padding: 2px;
	background-color: #fff;
	color: #909090;
	font-size: 12px;
	margin-top: 5px;
}

.idx_logintxt_frame {
	clear: both;
	width: 142px;
	padding: 10px 0px 5px 0px;
}

.idx_logintxt_left {
	float: left;
	width: 92px;
	height: 20px;
	padding-right: 15px;
	padding-top: 3px;
	text-align: right;
	border: 0px solid gray;
}

.idx_logintxt_right {
	float: left;
	width: 30px;
}


.box_right_header_basket {
	width: 125px;
	color: #7697B3;
	background-color: #e2ebf2;
	border-bottom: 1px dashed #a4bbd1;
	font-weight: bold;
	padding: 5px 5px 5px 28px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-basket.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

.box_right_header_state {
	width: 125px;
	color: #7697B3;
	background-color: #e2ebf2;
	border-bottom: 1px dashed #a4bbd1;
	font-weight: bold;
	padding: 5px 5px 5px 28px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-cube.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

.box_right_header_notepad {
	width: 125px;
	color: #7697B3;
	background-color: #e2ebf2;
	border-bottom: 1px dashed #a4bbd1;
	font-weight: bold;
	padding: 5px 5px 5px 28px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-notepad.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

.box_right_header_newsletter {
	width: 125px;
	color: #7697B3;
	background-color: #e2ebf2;
	border-bottom: 1px dashed #a4bbd1;
	border-top: 1px dashed #a4bbd1;
	font-weight: bold;
	padding: 5px 5px 5px 28px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-newsletter-idx-small.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

h2.box_newsletter {
	padding: 5px 5px 5px 28px;
	background: #fee062 url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-newsletter-idx-small.gif) no-repeat 5px 5px;
}

.box_right_header_cdrom {
	width: 125px;
	color: #7697B3;
	background-color: #e2ebf2;
	border-bottom: 1px dashed #a4bbd1;
	font-weight: bold;
	padding: 5px 5px 5px 28px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-cdrom.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

.box_right_content {
	clear: both;
	width: 142px;
	padding: 5px 8px 10px 8px;
	border-bottom: 1px dashed #a4bbd1;
	overflow-x: hidden;
}

.box_right_content_noline {
	clear: both;
	width: 142px;
	padding: 10px 8px 15px 8px;
	margin-bottom: 20px;
	overflow-x: hidden;
}

.icon_print {
	clear: both;
	padding: 5px 0px 5px 20px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-print.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.icon_recommend {
	clear: both;
	padding: 5px 0px 5px 20px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-recommend-page.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

.icon_bookmark {
	clear: both;
	padding: 5px 0px 5px 20px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-bookmark.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}



/*******************************************************/
/** TOP NAVIGATION */
/*******************************************************/

.topnav_item {
	float: left;
	height: 25px;
}

/********** DEFAULT ************/
.topnav_left {
	float: left;
	height: 25px;
	width: 4px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/topnav/topnav-left-def.gif);
	background-repeat: no-repeat;
}

.topnav_middle {
	float: left;
	height: 18px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/topnav/topnav-middle-def.gif);
	background-repeat: repeat-x;
	padding: 7px 10px 0px 10px;
}

.topnav_right {
	float: left;
	height: 25px;
	width: 12px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/topnav/topnav-right-def.gif);
	background-repeat: no-repeat;
}

.topnav_left_hi {
	float: left;
	height: 25px;
	width: 3px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/topnav/topnav-left-def-hi.gif);
	background-repeat: no-repeat;
}

.topnav_middle_hi {
	float: left;
	height: 18px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/topnav/topnav-middle-def-hi.gif);
	background-repeat: repeat-x;
	padding: 7px 10px 0px 10px;
}

.topnav_right_hi {
	float: left;
	height: 25px;
	width: 12px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/topnav/topnav-right-def-hi.gif);
	background-repeat: no-repeat;
}



/********** TOPNAV LINKS ************/

a.topnav,
a.topnav:link,
a.topnav:active,
a.topnav:visited {
	color: #7697B3;
	font-weight: bold;
	background-color: inherit;
	text-decoration: none;
}
a.topnav:hover {
	color: #000;
	background-color: inherit;
}

a.topnav_hi,
a.topnav_hi:link,
a.topnav_hi:active,
a.topnav_hi:visited {
	color: #fff;
	font-weight: bold;
	background-color: inherit;
	text-decoration: none;
}
a.topnav_hi:hover {
	text-decoration: underline;
}



/*******************************************************/
/** CONTENT NAVIGATION */
/*******************************************************/

.contentnavigation_frame {
	width: 213px;
	border-bottom: 1px solid #fff;
	padding: 5px 0px 5px 0px;
	background-color: #e2ebf2;
	color: inherit;
}

.contentnavigation_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

ul.ul_search {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 15px 10px;
	list-style: none;
	border-bottom: 1px dashed #a4bbd1;
}

ul.ul_search_sublevel {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	list-style: none;
	font-size: 0.9em;
}

ul.ul_search li.toplevel {
	clear: both;
	background-image: none;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
}

ul.ul_search_sublevel li {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 5px 0px 0px 12px;
	font-weight: normal;
}

ul.ul_cnav_level_1 {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	list-style: none;
}

li.cnav_level_1 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding: 4px 0px 0px 12px;
}

ul.ul_cnav_level_1_hi {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	list-style: none;
	background-color: #EFF5FA;
	color: inherit;
}

li.cnav_level_1_hi {
	clear: both;
	background-image: none;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
}

.cnav_1_0_hi {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 0px 12px;
}

.cnav_1_1_hi {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 3px 12px;
}


ul.ul_cnav_level_2 {
	clear: both;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-size: 0.9em;
}

li.cnav_level_2 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin: 0px 0px 0px 5px;
	padding: 4px 0px 0px 15px;
}

li.cnav_2_0 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_2_0.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 20px;
	font-weight: normal;
}

li.cnav_2_0_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_2_0_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 20px;
	font-weight: normal;
}

li.cnav_2_1 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_2_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 20px;
	font-weight: normal;
}

li.cnav_2_1_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_2_1_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 20px;
	font-weight: normal;
}

li.cnav_2_1_last_hi {
	background-image: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

.cnav_2_last_hi {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_2_1_last_hi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 20px;
}


li.cnav_2_1_hi {
	background-image: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

.cnav_2_hi {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_2_1_hi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 20px;
}



ul.ul_cnav_level_3 {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

li.cnav_0_3_0 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_3_0.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: normal;
}

li.cnav_0_3_0_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_3_0_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: normal;
}


li.cnav_1_3_0 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_3_0.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: normal;
}

li.cnav_1_3_0_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_3_0_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: normal;
}

li.cnav_0_3_1 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_3_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: normal;
}

li.cnav_0_3_1_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_3_1_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: normal;
}


li.cnav_1_3_1 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_3_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: normal;
}

li.cnav_1_3_1_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_3_1_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: normal;
}


li.cnav_3_1_hi {
	background-image: none;
	padding: 0px 0px 0px 0px;
}


.cnav_1_3_1_hi {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_3_1_hi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: bold;
}

.cnav_1_3_0_hi {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_3_0_hi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: bold;
}


.cnav_0_3_1_hi {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_3_1_hi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: bold;
}

.cnav_0_3_1_last_hi {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_3_1_last_hi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: bold;
}

.cnav_1_3_1_last_hi {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_3_1_last_hi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: bold;
}

.cnav_0_3_0_hi {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_3_0_hi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 28px;
	font-weight: bold;
}

ul.ul_cnav_level_4 {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}


li.cnav_0_0_4_0 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_0_4_0.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 40px;
	font-weight: normal;
}

li.cnav_0_0_4_0_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_0_4_0_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 40px;
	font-weight: normal;
}


li.cnav_0_1_4_0 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_1_4_0.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 40px;
	font-weight: normal;
}

li.cnav_0_1_4_0_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_0_1_4_0_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 40px;
	font-weight: normal;
}

li.cnav_1_1_4_0 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_1_4_0.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 40px;
	font-weight: normal;
}

li.cnav_1_1_4_0_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_1_4_0_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 40px;
	font-weight: normal;
}


li.cnav_1_0_4_0 {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_0_4_0.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 40px;
	font-weight: normal;
}

li.cnav_1_0_4_0_last {
	clear: both;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/contentnav/cnav_1_0_4_0_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 2px 0px 2px 40px;
	font-weight: normal;
}


/*******************************************************/
/** DATATABLE */
/*******************************************************/

.arrow_round_down {
	clear: both;
	padding: 2px 0px 1px 20px;
	font-weight: bold;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-round-down.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.datatable table {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

.datatable td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px;
	font-size: 9px;
	empty-cells:show;
}

.datatable {
	width: 319px;
	overflow: auto;
}




/*******************************************************/
/** ARTICLE LIST */
/*******************************************************/

.articlelist_filter_frame {
	width: 537px;
	color: inherit;
	background-color: #f0f0f0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 6px 25px 6px;
}

.articlelist_filter_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_filter_row {
	clear: both;
	width: 537px;
	padding-top: 5px;
}

.articlelist_filter_left {
	float: left;
	width: 171px;
	padding-top: 4px;
}

.articlelist_filter_right {
	float: left;
	width: 366px;
}

.button_bar {
	position: relative;
	top: -11px; right: 0px;
	z-index: 4;
	width: 547px;
	height: 22px;
	text-align: right;
}

.button_bar_basketbuttons_up {
	position: relative;
	top: -11px; right: 0px;
	z-index: 5;
	width: 494px;
	height: 22px;
	text-align: right;
	padding-right: 43px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-bent-large-upleft-lin.gif);
	background-repeat: no-repeat;
	background-position:  505px -1px;
}

.button_bar_basketbuttons_down {
	width: 494px;
	height: 22px;
	text-align: right;
	padding-right: 43px;
	margin-top: 15px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-bent-large-downleft.gif);
	background-repeat: no-repeat;
	background-position:  508px -2px;
}

.button_bar_basketbuttons_down_right {
	width: 494px;
	height: 22px;
	padding-left: 43px;
	margin-top: 15px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-bent-large-downright.gif);
	background-repeat: no-repeat;
	background-position:  10px -2px;
}

.button_bar_basketbuttons {
	clear: both;
	width: 549px;
	margin: 0px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-buttonline.gif);
	background-repeat: repeat-x;
	background-position: 0px 50%;
	padding: 20px 0px 20px 0px;
}

.button_bar_basketbuttons:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.button_bar_basketbuttons_norightcolumn {
	clear: both;
	width: 920px;
	margin: 0px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-buttonline.gif);
	background-repeat: repeat-x;
	background-position: 0px 50%;
	padding: 20px 0px 20px 0px;
}

.button_bar_basketbuttons_norightcolumn:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.button_bar_basketbuttons_noline {
	clear: both;
	width: 549px;
	margin: 0px;
	padding: 20px 0px 10px 0px;
	color: inherit;
	background-color: inherit;
}

.button_bar_basketbuttons_noline:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}



.button_bar_basketbuttons_row {
	width: 549px;
	text-align: left;
}

.button_bar_basketbuttons_row_textright {
	width: 549px;
	text-align: right;
}

.button_bar_basketbuttons_left {
	float: left;
	width: 420px;
}

.button_bar_basketbuttons_right {
	float: left;
	width: 129px;
	text-align: right;
}

.button_bar_basketbuttons_left_norightcolumn {
	float: left;
	width: 590px;
}

.button_bar_basketbuttons_right_norightcolumn {
	float: left;
	width: 117px;
	text-align: right;
}

.button_bar_basketbuttons_ordering_left {
	float: left;
	width: 407px;
}

.button_bar_basketbuttons_ordering_right {
	float: left;
	width: 300px;
	text-align: right;
}

.basket_buttons_linetext {
	float: left;
	padding: 4px 10px 0px 0px;
}

.articlelist_frame_header {
	clear: both;
	width: 549px;
	border-bottom: 1px solid #999;
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 0px 2px 0px;
}

.articlelist_frame_header:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_frame {
	clear: both;
	width: 549px;
	border-bottom: 1px solid #999;
	padding: 0px 0px 5px 0px;
	color: inherit;
	background-color: #f0f0f0;
	font-size: 0.9em;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-articlelist-frame.gif);
	background-repeat: repeat-y;
}

.articlelist_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_frame_white {
	clear: both;
	width: 549px;
	border-bottom: 1px solid #999;
	padding: 0px 0px 5px 0px;
	color: inherit;
	background-color: #fff;
	font-size: 0.9em;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-articlelist-frame-white.gif);
	background-repeat: repeat-y;
}

.articlelist_frame_white:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_row_frame {
	clear: both;
	width: 549px;
	padding-top: 5px;
}

.articlelist_row_frame_norightcolumn {
	clear: both;
	width: 707px;
	padding-top: 5px;
}


.normal_text_headline {
	font-size: 1.1em;
	font-weight: bold;
}

.articlelist_row_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_frame_header .articlelist_row_number {
	padding-left: 0px;
	width: 79px;
}

.articlelist_row_number {
	float: left;
	width: 73px;
	padding-left: 6px;
}


.articlelist_row_name {
	float: left;
	width: 235px;
	font-weight: bold;
	padding-right: 5px;
}

.articlelist_row_price_minme {
	float: left;
	width: 165px;
	padding-left: 5px;
}

.articlelist_price {
	float: left;
	width: 100px;
}

.articlelist_minme {
	float: left;
	width: 65px;
}

.articlelist_row_price_minme input {
	border: 1px solid #999;
	font-size: 11px;
	padding: 2px;
	color: #999;
	background-color: #fff;
	width: 150px;
}

.articlelist_row_amount {
	float: left;
	width: 60px;
	text-align: center;
}

.articlelist_row_amount input {
	width: 40px;
	font-weight: normal;
	border: 1px solid #000;
}

/*******************************************************/
/** BASKET DIRECT ORDERING */
/*******************************************************/

.form_directordering {
	clear: both;
	width: 675px;
	padding: 10px 15px 15px 15px;
	background-color: #fefde1;
	border: 1px solid #dad6a6;
	color: #777664;
}

.form_directordering:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.form_directordering_frame {
	clear: both;
	width: 675px;
	padding: 5px 0px 0px 0px;
}

.form_directordering_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.form_directordering_row {
	clear: both;
	width: 675px;
	height: 19px;
	padding-bottom: 7px;
	text-align: left;
}


.form_directordering_row_head {
	clear: both;
	width: 675px;
	height: 19px;
	padding-bottom: 0px;
	text-align: left;
}

.form_directordering_arrow {
	float: left;
	width: 15px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-yellow.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

.form_directordering_row input {
	border: 1px solid #8f898b;
	font-size: 12px;
	padding: 2px;
	text-align: right;
}

.form_directordering_number {
	float: left;
	width: 178px;
}

.form_directordering_number input {
	width: 153px;
	text-align: left;
}

.form_directordering_item {
	float: left;
	width: 76px;
}

.form_directordering_item input {
	width: 51px;
	text-align: right;
}

.form_directordering_commission {
	float: left;
	width: 336px;
}

.form_directordering_commission input {
	width: 312px;
	text-align: left;
}

.form_directordering_week {
	float: left;
	width: 70px;
}

.form_directordering_week input {
	width: 18px;
	text-align: center;
}


.form_directordering_button_frame {
	width: 675px;
	padding-top: 5px;
}

.form_directordering_button_left {
	float: left;
	width: 375px;
}

.form_directordering_button_right {
	float: left;
	width: 300px;
	text-align: right;
	padding: 7px 0px 0px 0px;
}


/*******************************************************/
/** BASKET BOXES */
/*******************************************************/

.form_box_yellow_frame {
	clear: both;
	width: 675px;
	padding: 10px 15px 15px 15px;
	background-color: #fefde1;
	border: 1px solid #dad6a6;
	color: #777664;
	margin-top: 20px;
	text-align: left;
}

.form_box_yellow_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.form_box_yellow_frame input {
	border: 1px solid #8f898b;
	font-size: 12px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

.form_box_yellow_frame textarea.shipping {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #8f898b;
	font-size: 12px;
	padding: 2px;
	overflow-y: hidden;
	width: 510px;
	height: 80px;
}

.shipping_adress_row {
	clear: both;
	width: 517px;
	padding-top: 5px;
}

.shipping_adress_row input {
	width: 200px;
}

.shipping_adress_row input.zipcode {
	width: 40px;
}

.shipping_adress_row .form_column_left {
	float: left;
	padding: 4px 10px 0px 0px;
	width: 50px;
}

.shipping_adress_row .form_column_right {
	float: left;
}

.shipping_details_row {
	clear: both;
	width: 675px;
	padding-top: 5px;
}

.shipping_details_row:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.shipping_details_row .form_column_left {
	float: left;
	width: 290px;
	overflow-x: hidden;
}

.shipping_details_row .form_column_right {
	float: left;
	width: 227px;
	overflow-x: hidden;
}

.shipping_details_row .form_column_left .form_column_row {
	clear: both;
	width: 290px;
}

.shipping_details_row .form_column_left .form_column_row:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.shipping_details_row .form_column_left .form_column_row .form_column_row_left {
	float: left;
	width: 110px;
	padding-top: 4px;
}

.shipping_details_row .form_column_left .form_column_row .form_column_row_right {
	float: left;
	width: 180px;
	color: #000;
	background-color: inherit;
}

.shipping_details_row .form_column_left .form_column_row .form_column_row_right_text {
	float: left;
	width: 180px;
	color: #000;
	background-color: inherit;
	padding-top: 4px;
}

.shipping_details_row .form_column_left .form_column_row .form_column_row_right input {
	clear: both;
	width: 160px;
}

.shipping_details_row .form_column_left .form_column_row .form_column_row_right select {
	border: 1px solid #8f898b;
	font-size: 12px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	width: 165px
}

.shipping_details_row .form_column_right .form_column_row {
	clear: both;
	width: 227px;
}

.shipping_details_row .form_column_right .form_column_row .form_column_row_left {
	float: left;
	width: 177px;
	padding-top: 4px;
}

.shipping_details_row .form_column_right .form_column_row .form_column_row_right {
	float: left;
	width: 50px;
	color: #000;
	background-color: inherit;
}

.shipping_details_row .form_column_right .form_column_row .form_column_row_right_text {
	float: left;
	width: 50px;
	color: #000;
	background-color: inherit;
	padding-top: 4px;
}

.shipping_details_row .form_column_right .form_column_row .form_column_row_right select {
	border: 1px solid #8f898b;
	font-size: 12px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	width: 50px;
}


/*******************************************************/
/** PRODUCT CATEGORY */
/*******************************************************/

.headline_category_frame {

}

.headline_category_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.headline_category_left {
	float: left;
	width: 467px;
	padding-right: 10px;
}

.headline_category_right {
	float: left;
	width: 72px;
}

table.box_productgroup_frame {
	width: 72px;
	border: 1px solid #209740;
	background-color: inherit;
	color: inherit;
}


td.box_productgroup_left {
	color: #209740;
	background-color: #fff;
	padding: 2px 3px 1px 1px;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 1px;
	font-size: 0.6em;
	vertical-align: middle;
}

td.box_productgroup_right {
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 2px 4px 2px 5px;
	vertical-align: middle;
	background-color: #209740;
}

.box_category_info {
	width: 549px;
	height: 26px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-category-info.gif);
	background-repeat: no-repeat;
}

.box_category_info_text {
	float: left;
	width: 485px;
	padding: 5px 5px 0px 32px;
	overflow: hidden;
}

.box_category_info_button {
	float: left;
	width: 27px;
}

.box_category_assistent {
	width: 509px;
	padding: 6px 8px 5px 32px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-category-assistent.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-weight: bold;
	color: inherit;
	background-color: #fbe2e5;
}

.box_category_assistent_choose {
	clear: both;
	width: 509px;
	padding: 6px 8px 5px 32px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-category-assistant-sel.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-weight: bold;
	color: inherit;
	margin-top: 20px;
}



.productlist_category_frame {
	width: 565px;
	padding: 10px 4px 20px 20px;
}

.productlist_category_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.productlist_category_item {
	float: left;
	width: 167px;
	margin: 0px 16px 0px 0px;
	background-color: #f0f0f0;
	color: inherit;
}

.productlist_category_item_head {
	clear: both;
	width: 159px;
	font-weight: bold;
	padding: 3px 3px 4px 3px;
	
}

.productlist_category_item_image {
	clear: both;
	width: 167px;
	background-color: #f0f0f0;
	color: inherit;
	text-align: center;
}

.productlist_category_item_text {
	clear: both;
	width: 159px;
	padding: 4px 4px 4px 4px;
	font-size: 0.9em;
	overflow-x: hidden;
}

.productlist_category_item_border {
	color: inherit;
	background-color: #fff;
	overflow: hidden;
	width: 167px;
	height: 20px;
}

.productlist_category_item_text_button {
	float: right;
	width: 13px;
	height: 13px;
	padding: 4px 2px 0px 10px;
}



/*******************************************************/
/** BASKET STEP 1 */
/*******************************************************/

.headline_default_frame {
	clear: both; 
	width: 549px;
}

.headline_default_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.headline_default_frame_norightcolumn {
	clear: both; 
	width: 707px;
}

.headline_default_frame_norightcolumn:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.headline_default_left {
	float: left;
	width: 350px;
	border: 0px solid gray;
}

.headline_default_left_norightcolumn {
	float: left;
	width: 327px;
}

.headline_default_right {
	float: right;
	width: 300px;
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 3px;
}

.headline_default_right_norightcolumn {
	float: right;
	width: 380px;
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 3px;
}

.box_left_frame {
	clear: both;
	width: 213px;
	padding-bottom: 10px;
}

.box_left_header {
	clear: both;
	width: 195px;
	padding: 5px 5px 5px 13px; 
	border-bottom: 1px dashed #a4bbd1;
	color: #7697b3;
	font-weight: bold;
	background-color: #e2ebf2;
}

.box_left_header_linetop {
	clear: both;
	width: 195px;
	padding: 5px 5px 5px 13px; 
	border-top: 1px dashed #a4bbd1;
	border-bottom: 1px dashed #a4bbd1;
	color: #7697b3;
	font-weight: bold;
	background-color: #e2ebf2;
}


.box_left_content {
	clear: both;
	width: 190px;
	padding: 15px 10px 15px 13px;
}

.box_left_content_small {
	clear: both;
	width: 190px;
	padding: 15px 10px 15px 13px;
	font-size: 0.9em;
}

.box_content_grey_frame {
	clear: both;
	width: 533px;
	padding: 8px 8px 8px 8px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #6b6b6b;
	background-color: #f0f0f0;
}

.box_content_grey_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}


.box_content_grey_frame_norightcolumn {
	clear: both;
	width: 691px;
	padding: 8px 8px 8px 8px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #6b6b6b;
	background-color: #f0f0f0;
}

.box_content_grey_frame_norightcolumn:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.path_basket {
	float: left;
	color: #6b6b6b;
	background-color: inherit;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-grey.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 14px;
	margin-left: 5px;
}

.path_basket_strong {
	float: left;
	color: #000;
	background-color: inherit;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-grey.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 14px;
	margin-left: 5px;
	font-weight: bold;
}

.box_left_address_frame {
	float: left;
	clear: both;
	width: 300px;
}

.box_right_address_frame {
	float: left;
	width: 350px;
}

/*******************************************************/
/** POPUP */
/*******************************************************/

.popup_topnavigation_frame {
	clear: both;
	width: 804px;
	height: 66px;
	margin-right: auto;
    margin-left: auto;
	border-bottom: 4px solid #db1426;
	overflow: hidden;
}
.popup_body_frame {
	clear: both;
	width: 804px;
	margin-right: auto;
    margin-left: auto;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-body-idx.gif);
	background-repeat: repeat-y;
}
.popup_body_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}
.popup_body_column_left {
	float: left;
	width: 642px;
	padding: 0px 1px 0px 1px;
}
.popup_textcontent_frame {
	width: 756px;
	padding: 23px 23px 23px 23px;
	text-align:center;
}
.popup_textcontent_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}
.popup_footer_frame {
	clear: both;
	width: 784px;
	color: #fff;
	background-color: #e12239;
	margin-right: auto;
    margin-left: auto;
	padding: 8px 10px 8px 10px;
}
.popup_footer_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}
.popup_footer_left {
	float: left;
	width: 492px;
}
.popup_footer_right {
	float: left;
	width: 292px;
	text-align: right;
}

/*******************************************************/
/** ADDITIONAL INFORMATION */
/*******************************************************/

.additionalInformation_body {
    width: 512px;
    padding: 10px;
    background-color: #F0F0F0;
	color: inherit;
    display: none;
    border-right: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	border-left: 1px solid #9E9E9E;
    margin: 0px 0px 10px 15px;
}


/*******************************************************/
/** NOTEPAD */
/*******************************************************/

.notepadlist_frame {
	clear: both;
	width: 549px;
	padding: 8px 0px 8px 0px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #000;
	background-color: #fce7e9;
}

.notepadlist_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.notepadlist_row_header {
	clear: both;
	width: 549px;
	font-weight: bold;
}

.notepadlist_row_header:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}


.notepadlist_row_header select {
	border: 1px solid #999;
	font-size: 12px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

.notepadlist_row {
	clear: both;
	width: 549px;
	border-bottom: 1px dashed #999;
	padding: 8px 0px 8px 0px;
}

.notepadlist_row:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.notepadlist_number{
	float: left;
	width: 20px;
}

.notepadlist_name {
	float: left;
	width: 250px;
	padding-right: 10px;
}

.notepadlist_date {
	float: left;
	width: 129px;
}


.notepadlist_actions {
	float: left;
	width: 130px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}


/*******************************************************/
/** OPEN ORDERS */
/*******************************************************/

.articlelist_default_frame_white {
	clear: both;
	width: 549px;
	border-top: 1px dashed #999;
	padding: 10px 0px 10px 0px;
	color: inherit;
	background-color: #fff;
	font-size: 0.9em;
}

.articlelist_default_frame_white:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_default_frame .articlelist_row_frame {
	clear: both;
	width: 549px;
	padding: 5px 0px 5px 0px;
}


.articlelist_default_frame_white .articlelist_row_frame {
	clear: both;
	width: 549px;
	padding: 5px 0px 5px 0px;
}

.articlelist_default_frame .articlelist_row_frame .column_left {
	float: left;
	width: 275px;
}

.articlelist_default_frame .articlelist_row_frame .column_right {
	float: left;
	width: 274px;
}

.articlelist_default_frame_white .articlelist_row_frame .column_left {
	float: left;
	width: 275px;
}

.articlelist_default_frame_white .articlelist_row_frame .column_right {
	float: left;
	width: 274px;
}

.articlelist_row_frame_links {
	clear: both;
	width: 549px;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}

.articlelist_row_frame_links:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}


/*******************************************************/
/** SHIPPING INFORMATIONS */
/*******************************************************/

.articlelist_default_frame_shippinginformation {
	clear: both;
	width: 549px;
	border-top: 1px dashed #999;
	padding: 20px 0px 25px 0px;
	color: inherit;
	background-color: #fff;
	font-size: 1.0em;
}

.articlelist_default_frame_shippinginformation:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_default_frame_shippinginformation .articlelist_row_frame .column_left {
	float: left;
	width: 249px;
}

.articlelist_default_frame_shippinginformation .articlelist_row_frame .column_right {
	float: left;
	width: 300px;
}

table.shipping_information tr td {
	padding: 0px 0px 1px 0px;
}

table.shipping_information tr td.shipping_information_left {
	width: 60px;
}

table.shipping_information tr td.shipping_information_right {
	width: 100px;
}

table.shipping_information_details_frame {
	clear: both;
	width: 527px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

table.shipping_information_details {
	clear: both;
	width: 527px;
	margin: 15px 10px 0px 10px;
	color: inherit;
	background-color: #f0f0f0;
}

table.shipping_information_details tr td.shipping_information_details_order {
	width: 90px;
}

table.shipping_information_details tr td.shipping_information_details_number {
	width: 90px;
}

table.shipping_information_details tr td.shipping_information_details_name {
	width: 247px;
}

table.shipping_information_details tr td.shipping_information_details_amount {
	width: 100px;
	text-align: right;
}

table.shipping_information_details tr.tr td {
	font-size: 0.9em;
	padding-top: 10px;
}

table.shipping_information_details tr.th td {
	font-size: 0.9em;
	font-weight: bold;
}

.box_category_info_shipping {
	width: 548px;
	height: 26px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-infobar.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #999;
}

.box_category_info_shipping .box_category_info_text {
	float: left;
	width: 511px;
	padding: 5px 5px 0px 5px;
	overflow: hidden;
}

.additionalInformation_shipping_body {
	width: 547px;
	background-color: #f0f0f0;
	color: inherit;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	display: none;
}


/*******************************************************/
/** SEARCH - PRODUCT SEARCH START  (no left column) */
/*******************************************************/

.search_body_frame {
	clear: both;
	width: 962px;
	margin-right: auto;
    margin-left: auto;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-body-idx.gif);
	background-repeat: repeat-y;
}

.search_body_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.search_body_column_left {
	float: left;
	width: 802px;
	padding: 0px 1px 0px 1px;
}

.search_breadcrumb_frame {
	color: #7697b3;
	background-color: #e2ebf2;
	border-bottom: 1px dashed #a4bbd1;
	padding: 5px 10px 5px 10px;
	width: 782px;
}

.search_breadcrumb_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.search_textcontent_frame {
	width: 756px;
	padding: 23px 23px 0px 23px;
}

.search_textcontent_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.search_textcontent_left {
	float: left;
	width: 368px;
	padding: 0px 10px 0px 0px;
}

.search_textcontent_right {
	float: left;
	width: 368px;
	padding: 0px 0px 0px 10px;
}

.search_frame {
	clear: both;
	width: 368px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #f0f0f0;
	color: inherit;
	margin-top: 5px;
}

.search_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.search_example_frame {
	clear: both;
	width: 358px;
	padding: 5px;
	color: inherit;
	background-color: #f0f0f0;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

.search_input_frame {
	clear: both;
	width: 368px;
	padding: 5px 0px 5px 0px;
}

.search_input_frame_large {
	clear: both;
	width: 474px;
	padding: 5px 0px 5px 0px;
}

.search_input {
	float: left;
	width: 259px;
	padding: 0px 0px 0px 5px;
}

.search_input input {
	width: 250px;
}

.search_input_button {
	float: left;
	width: 94px;
	padding: 0px 5px 0px 5px;
	text-align: right;
	overflow: hidden;
}

.search_input_button_large {
	float: left;
	width: 200px;
	padding: 0px 5px 0px 5px;
	text-align: left;
	overflow: hidden;
}

.dashed_line {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px dashed #a4bbd1;
}

.search_item {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
}

.search_item_color {
	background-color: #fef56d;
}

.box_content_item_frame_header {
	clear: both;
	width: 549px;
	padding: 5px 0px 3px 0px;
	font-weight: bold;
	font-size: 1.0em;
}

.box_content_item_frame_header:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_frame {
	width: 549px;
	background-color: #fffde1;
	color: inherit;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 8px 0px 8px 0px;
	font-size: 1.0em;
}

.box_content_item_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_frame_browse {
	width: 549px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-box-browse.gif);
	background-repeat: repeat-y;
	background-color: #fffde1;
	color: inherit;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 8px 0px 8px 0px;
	font-size: 1.0em;
}

.box_content_item_frame_browse:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_breadcrumb {
	clear: both;
	width: 539px;
	padding: 5px 5px 8px 5px;
	color: #777;
	background-color: #F8F5BA;
	font-size: 1.0em;
}

.box_content_item_breadcrumb:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_breadcrumb_category {
	clear: both;
	width: 539px;
	padding: 8px 5px 8px 5px;
	border-top: 1px solid #999;
	color: #777;
	background-color: #F8F5BA;
	font-size: 1.0em;
}

.box_content_item_breadcrumb_category:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}


.box_content_item_breadcrumb_white {
	clear: both;
	width: 539px;
	padding: 5px 5px 8px 5px;
	color: #777;
	background-color: #fff;
	font-size: 1.0em;
}

.box_content_item_breadcrumb_white:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_frame_white {
	font-size: 1.0em;
	width: 549px;
	background-color: #fff;
	color: inherit;
	padding: 8px 0px 8px 0px;
	font-size: 1.0em;
}

.box_content_item_frame_white:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_frame_white_browse {
	font-size: 1.0em;
	width: 549px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-box-browse_white.gif);
	background-repeat: repeat-y;
	background-color: #fff;
	color: inherit;
	padding: 8px 0px 8px 0px;
	font-size: 1.0em;
	border: 0px solid red;
}

.box_content_item_frame_white_browse:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_frame_category {
	clear: both;
	width: 300px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #999;
	color: #000;
	background-color: #fff;
	font-size: 1.0em;
}

.box_content_item_frame_category:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_frame_children {
	width: 300px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-box-browse-children.gif);
	background-repeat: repeat-y;
	background-color: #fffde1;
	color: inherit;
	border-bottom: 1px solid #999;
	padding: 5px 0px 2px 0px;
	font-size: 1.0em;
}

.box_content_item_frame_children:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_frame_children_ironmongery {
	width: 300px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-box-browse-children-iron.gif);
	background-repeat: repeat-y;
	background-color: #fffde1;
	color: inherit;
	border-bottom: 1px solid #999;
	padding: 5px 0px 2px 0px;
	font-size: 1.0em;
}

.box_content_item_frame_children_ironmongery:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_content_item_image {
	float: left;
	width: 150px;
	padding: 0px 5px 0px 5px;
}

.box_content_item_image_half {
	float: left;
	width: 55px;
	padding: 0px 5px 0px 5px;
}

.box_content_item_image_double {
	float: left;
	width: 200px;
	padding: 0px 5px 0px 5px;
}

.box_content_item_image_children {
	float: left;
	width: 25px;
	padding: 0px 0px 0px 5px;
}

.box_content_item_name {
	float: left;
	width: 277px;
	padding-right: 5px;
}

.box_content_item_name_half {
	float: left;
	width: 203px;
	padding-right: 5px;
}

.box_content_item_name_double {
	float: left;
	width: 334px;
	padding-right: 5px;
}

.box_content_item_name_children {
	float: left;
	width: 260px;
	padding-right: 5px;
}

.box_content_item_brand {
	float: left;
	width: 132px;
}

.box_content_item_details {
	float: left;
	width: 102px;
	padding: 0px 5px 0px 0px;
}


.box_content_item_image_header {
	float: left;
	width: 75px;
	padding: 0px 0px 0px 0px;
}

.box_content_item_name_header {
	float: left;
	width: 235px;
}

.box_content_item_brand_header {
	float: left;
	width: 132px;
}

.box_content_item_details_header {
	float: left;
	width: 107px;
	padding: 0px 0px 0px 0px;
}

.search_scrollbar_frame {
	clear: both;
	width: 549px;
	padding: 15px 0px 5px 0px;
	border-top: 1px solid #999;
	color: #6b6b6b;
	background-color: #fff;
}

.search_scrollbar_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}


.search_scrollbar_left {
	float: left;
	width: 90px;
	text-align: left;
	font-weight: bold;
	padding-top: 2px;
}

.search_scrollbar_middle {
	float: left;
	text-align: center;
	width: 369px;
	background-color: #f0f0f0;
}


.search_scrollbar_right {
	float: left;
	text-align: right;
	width: 90px;
	font-weight: bold;
	padding-top: 2px;
}


.search_category_frame {
	clear: both;
	width: 549px;
	padding: 5px 0px 3px 0px;
	border-bottom: 1px solid #999;
	margin-bottom: 15px;
}

.search_category_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.search_category_item {
	float: left;
	padding: 5px 10px 5px 10px;
	color: inherit;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: -4px;
}

.search_category_item_hi {
	float: left;
	padding: 5px 10px 5px 10px;
	color: #000;
	background-color: #f0f0f0;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: -4px;
	z-index: 4;
	position: relative;
	font-weight: bold;
}

/*******************************************************/
/** Special Layer */
/*******************************************************/

/*
.help_layer {
	width: 600px; 
	color: #000;
	background-color: #EFF5FA; 
	border: 1px solid #A4BBD1; 
	position: absolute; 
	visibility: hidden; 
	z-index: 3;
}

.close_layer {
	padding: 4px;
	color: #7697B3;
	background-color: #e2ebf2;
	border-bottom: 1px dashed #a4bbd1;
	display: block;
	text-align: right;
}
*/

.help_layer {
	width: 350px; 
	color: #000;
	background-color: #fff; 
	border-left: 1px solid #999;
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999;  
	border-top: 1px solid #e22239; 
	position: absolute; 
	visibility: hidden; 
	z-index: 3;
}

.close_layer {
	padding: 3px 4px 4px 4px;
	color: #fff;
	background-color: #e22239;
	border-bottom: 1px dashed #a4bbd1;
	text-align: right;
	font-weight: bold;
}

.help_layer .close_layer a {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}

.help_layer_text {
	height: 180px;
	padding: 12px;
	overflow: auto;
}

.help_layer_text ul {
	margin-top: 10px;
	list-style: disc;
}

.help_layer_text ul li {
	margin-top: 10px;
	list-style-item: disc;
	background-image: none;
	margin-left: 25px;
	padding: 0px 0px 0px 0px;
}

.status_layer {
	position: absolute; 
	width: 300px; 
	padding: 35px 40px 40px 40px;
	display: block;
	text-align: center;
	color: #000;
	background-color: #fff; 
	border-left: 1px solid #999;
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999;  
	border-top: 5px solid #db1524;
	visibility: hidden; 
	z-index: 3; 
}


/*******************************************************/
/** ASSISTENT FORMS */
/*******************************************************/

table.table_assistant {
	clear: both;
	width: 549px;
	empty-cells: show;
	background-color: #f0f0f0;
	color: #000;
	margin-top: 25px;
}

table.table_assistant tr td.th_td_left, td.th_td_middle, td.th_td_right {
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: inherit;
	background-color: #fff;
	border-bottom: 1px solid #999;
	empty-cells: show;
}


table.table_assistant tr td.th_td_left {
	padding-left: 5px;
}

table.table_assistant tr td.th_td_right {
	text-align: center;
}


table.table_assistant tr td.td_left {
	width: 110px;
	padding: 8px 5px 8px 5px;
	vertical-align: middle;
	border-bottom: 1px dashed #999;
}

table.table_assistant tr td.td_middle {
	width: 280px;
	padding: 8px 10px 8px 0px;
	vertical-align: middle;
	border-bottom: 1px dashed #999;
	font-weight: bold;
}

table.table_assistant tr td.td_right {
	font-weight: bold;
	width: 139px;
	padding: 8px 0px 8px 0px;
	vertical-align: middle;
	border-bottom: 1px dashed #999;
	border-left: 1px solid #999;
	text-align: center;
	background-color: #eed9dc;
	color: inherit;
}

table.table_assistant tr td.td_note {
	background-color: #fff;
	color: #838383;
	font-size: 0.9em;
	border-bottom: 1px solid #999;
	padding: 8px 5px 8px 5px;
}

select.assistant {
	border: 1px solid #8f898b;
	font-size: 12px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.textcontent_date {
	clear: both;
	margin-bottom: 5px;
}



/*******************************************************/
/** DEFAULT FORMS */
/*******************************************************/

table.table_form {
	clear: both;
	width: 549px;
	empty-cells: show;
	color: #000;
	margin-bottom: 25px;
}

table.table_form tr td.th_td {
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: inherit;
	background-color: #fff;
	border-bottom: 1px dashed #a4bbd1;
	empty-cells: show;
}

table.table_form tr.tbody td.td_row {
	padding: 5px;
	border-bottom: 1px dashed #a4bbd1;
	empty-cells: show;
}

table.table_form tr.tbody td.td_left {
	width: 150px;
	padding: 5px;
	border-bottom: 1px dashed #a4bbd1;
	empty-cells: show;
}

table.table_form tr.tbody td.td_right {
	width: 279px;
	padding: 5px;
	border-bottom: 1px dashed #a4bbd1;
	empty-cells: show;
}

table.table_form tr.tbody td.td_right input {
	width: 250px;
}

table.table_form tr.tbody td.td_right textarea {
	width: 250px;
	overflow: auto;
}

table.table_form tr td.td_note {
	font-size: 0.9em;
}


/*******************************************************/
/** ADDITIONAL TAGS */
/*******************************************************/

.headnavigation_left {
	padding-top: 3px;
}

.headnavigation_right {
	padding-top: 3px;
}
.headnavigation_hotline {
	float: left;
	margin: -3px 15px 5px 0px;
	padding: 3px 0px 5px 25px;
	color: #909090;
	font-weight: bold;
	background-color: inherit;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-hotline.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.textcontent_frame_norightcolumn .box_error_line {
	width: 691px;
	margin: 15px 0px 10px 0px;
	padding: 8px 8px 8px 8px;
	color: #6b6b6b;
	background-color: #FBE2E5;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.textcontent_frame_norightcolumn .box_error_line:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.textcontent_frame_norightcolumn .box_error_line_host {
	width: 558px;
	margin: 15px 0px 10px 0px;
	padding: 8px 8px 8px 8px;
	color: #6b6b6b;
	background-color: #FBE2E5;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px dashed #999;
}

.textcontent_frame_norightcolumn .box_error_line_host:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.textcontent_frame .box_error_line {
	width: 533px;
	margin: 15px 0px 10px 0px;
	padding: 8px 8px 8px 8px;
	color: #6b6b6b;
	background-color: #FBE2E5;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.textcontent_frame .box_error_line:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_error_line_text {
	float:left;
	padding: 3px 10px 3px 25px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-notification.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #000;
}

.red_accent {
	background-color: inherit;
	color: #E12138;
}

.shipping_adress_row .form_column_left_error {
	float: left;
	padding: 4px 10px 0px 0px;
	width: 50px;
	color: #E12138;
	font-weight: bold;
	background-color: inherit;
}

.shipping_adress_row .form_column_right_error {
	float: left;
}

.shipping_adress_row .form_column_right_error input {
	width: 200px;
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
}

.shipping_adress_row input.zipcode {
	width: 40px;
}

.shipping_details_row .form_column_left .form_column_row .form_column_row_left_error {
	float: left;
	width: 110px;
	padding-top: 4px;
	color: #E12138;
	font-weight: bold;
	background-color: inherit;
}

.shipping_details_row .form_column_left .form_column_row .form_column_row_right_error {
	float: left;
	width: 180px;
	color: #000;
	background-color: inherit;
}

.shipping_details_row .form_column_left .form_column_row .form_column_row_right_error input {
	clear: both;
	width: 160px;
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
}

.shipping_details_row .form_column_left .form_column_row .form_column_row_right_error select {
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
	font-size: 12px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	width: 165px
}


.shipping_details_row .form_column_right .form_column_row .form_column_row_left_error {
	float: left;
	width: 177px;
	padding-top: 4px;
	color: #E12138;
	font-weight: bold;
	background-color: inherit;
}

.shipping_details_row .form_column_right .form_column_row .form_column_row_right_error {
	float: left;
	width: 50px;
	color: #000;
	background-color: inherit;
}

.shipping_details_row .form_column_right .form_column_row .form_column_row_right_error select {
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
	font-size: 12px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	width: 50px;
}

.form_box_yellow_frame textarea.shipping_error {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
	font-size: 12px;
	padding: 2px;
	overflow: hidden;
	width: 510px;
	height: 80px;
}

table.table_form tr.tbody td.td_left_error {
	width: 150px;
	padding: 5px;
	border-bottom: 1px dashed #a4bbd1;
	empty-cells: show;
	color: #E12138;
	font-weight: bold;
	background-color: inherit;
}

table.table_form tr.tbody td.td_right_error {
	width: 279px;
	padding: 5px;
	border-bottom: 1px dashed #a4bbd1;
	empty-cells: show;
}

table.table_form tr.tbody td.td_right_error input {
	width: 250px;
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
}

table.table_form tr.tbody td.td_right_error textarea {
	width: 250px;
	overflow: auto;
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
}

.box_header_content_login_error {
	clear: both;
	width: 142px;
	padding: 10px 8px 15px 8px;
	border-bottom: 1px dashed #a4bbd1;
	background-color: #FBE2E5;
	color: inherit;
	overflow: hidden;
}

.box_header_content_login_error_text {
	float:left;
	padding: 3px 10px 3px 25px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-notification.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #000;
}
.box_header_content_login_error:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.box_right_content_login_error {
	clear: both;
	width: 142px;
	padding: 10px 8px 15px 8px;
	border-bottom: 1px dashed #a4bbd1;
	background-color: #f8f5ba;
	color: inherit;
	overflow: hidden;
}

.box_right_content_login_error form fieldset input {
	width: 124px;
	border: 1px solid #E12138;
	padding: 2px;
	background-color: #FBE2E5;
	color: #909090;
	font-size: 12px;
	margin-top: 5px;
}

.box_header_login {
	clear: both;
	width: 148px;
	color: inherit;
	background-color: #fee062;
	padding: 5px 0px 3px 10px;
	border-bottom: 1px solid #A4BBD1;
}
.box_header_login:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.login_head {
	float: left;
	padding: 5px 10px 5px 10px;
	color: inherit;
	background-color: #FEE062;
	border-bottom: 1px solid #A4BBD1;
	margin-bottom: -4px;
}
.login_head_hi {
	float: left;
	padding: 5px 10px 5px 10px;
	color: #000;
	background-color: #F8F5BA;
	border-top: 1px solid #A4BBD1;
	border-right: 1px solid #A4BBD1;
	border-left: 1px solid #A4BBD1;
	border-bottom: 1px solid #F8F5BA;
	margin-bottom: -5px;
	z-index: 4;
	position: relative;
	font-weight: bold;
}

.info_layer {
	width: 400px; 
	color: #000;
	background-color: #fff; 
	border: 1px solid #e22239;
	position: absolute; 
	visibility: hidden; 
	z-index: 3;
}

.info_layer_text {
	height: 125px;
	padding: 12px;
	overflow: auto;
	font-size: 0.9em;
}

.info_layer_text ul {
	margin-top: 10px;
	list-style: disc;
}

.info_layer_text ul li {
	margin-top: 10px;
	list-style-type: disc;
	background-image: none;
	margin-left: 25px;
	padding: 0px 0px 0px 0px;
}

.search_textcontent_right_assistant {
	float: left;
	width: 367px;
	padding: 10px 0px 0px 10px;
	background-color: #FFFDE1;
	border-left: 1px dashed #D9D6A3;
	color: inherit;
}

.box_header_login_left {
	clear: both;
	width: 203px;
	color: inherit;
	background-color: #fee062;
	padding: 5px 0px 3px 10px;
	border-bottom: 1px solid #A4BBD1;
}

.box_header_login_left:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}
.box_left_content_login {
	clear: both;
	width: 197px;
	padding: 10px 8px 15px 8px;
	border-bottom: 1px dashed #a4bbd1;
	background-color: #f8f5ba;
	color: inherit;
	overflow: hidden;
}

.box_left_content_login form fieldset input {
	width: 124px;
	border: 1px solid #7f9db9;
	padding: 2px;
	background-color: #fff;
	color: #909090;
	font-size: 12px;
	margin-top: 5px;
}

.idx_logintxt_frame {
	clear: both;
	width: 142px;
	padding: 10px 0px 5px 0px;
}

.logintxt_left{
	float: left;
}

.logintxt_right {
	float: left;
	width: 30px;
	padding-left:10px;
}

.additionalInformation_position_body {
	width: 547px;
	background-color: #f0f0f0;
	color: inherit;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

td.padding_left {
	padding-left:10px;
}

td.padding_doubleleft {
	padding-left:20px;
}

.width_15 {
	width: 15px;
}


.body_frame_assistant {
	clear: both;
	width: 962px;
	margin-right: auto;
    margin-left: auto;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-body-assistant.gif);
	background-repeat: repeat-y;
	text-align: left;
}

.body_frame_assistant:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}


.assistantnavigation_frame {
	width: 213px;
	border-bottom: 1px solid #F8F5BA;
	padding: 5px 0px 5px 0px;
	background-color: #F8F5BA;
	color: inherit;
}

.assistantnavigation_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

ul.ul_cnav_level_1_hi_assistant {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	list-style: none;
	background-color: #FFFDE1;
	color: inherit;
}

.checkbox2 {
	border: 1px solid #E12239;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	color: inherit;
}

.table_packettracking {
	width: 100%; 
	margin-top: 3px;
}

tr.tr_lightgrey {
	background-color: #f0f0f0;
	color: inherit;
}
tr.tr_lightgrey td {
	padding: 3px 3px 3px 6px; 
	}

.scrollbar_text	{
	text-align: center;
	padding:3px;
}

.left16 {
	padding-left: 16px;
}

.left22 {
	padding-left: 22px;
	float: left;
}

.articlelist-tipp {
	float: right;
	padding: 10px 0px 10px 0px;
	width: 195px;
	font-size: 0.9em;
	color: #838383;
	background-color: inherit;
}


.yellow_textcontent_frame {
	width: 549px;
	padding: 0px 20px 20px 20px;
}

.yellow_textcontent_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.yellow_box_bottom_frame {
	width: 549px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-box-bottom.gif);
	background-repeat: repeat-y;
	background-color: #fffde1;
	color: inherit;
	border-top: 1px solid #dad7a6;
	border-bottom: 1px solid #dad7a6;
	margin-bottom: 5px;
	padding: 5px 0px 10px 0px;
}

.yellow_box_bottom_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.yellow_box_bottom_frame_single {
	width: 549px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-box-bottom-single.gif);
	background-repeat: repeat-y;
	background-color: #fffde1;
	color: inherit;
	border-top: 1px solid #dad7a6;
	border-bottom: 1px solid #dad7a6;
	margin-bottom: 5px;
	padding: 5px 0px 10px 0px;
}

.yellow_box_bottom_frame_single:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.yellow_box_bottom_frame_semi {
	width: 549px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-box-bottom-semi.gif);
	background-repeat: repeat-y;
	background-color: #fffde1;
	color: inherit;
	border-top: 1px solid #dad7a6;
	border-bottom: 1px solid #dad7a6;
	margin-bottom: 5px;
	padding: 5px 0px 10px 0px;
}

.yellow_box_bottom_frame_semi:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.yellow_box_bottom_frame_order {
	width: 549px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-box-bottom-single.gif);
	background-repeat: repeat-y;
	background-color: #fffde1;
	color: inherit;
	border-top: 1px solid #dad7a6;
	border-bottom: 1px solid #dad7a6;
	margin-bottom: 5px;
	padding: 5px 0px 10px 0px;
}

.yellow_box_bottom_frame_single:order {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_yellowform_row {
	clear: both;
	width: 550px;
	margin: 5px 0px 5px 20px;
}

.idx_yellowform_row:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_yellowform_number {
	float: left;
	width: 130px;
}

.idx_yellowform_number input {
	width: 110px;
}

.idx_yellowform_item {
	float: left;
	width: 130px;
}

.idx_yellowform_item input {
	width: 75px;
}

.idx_yellowform_item_right {
	float: left;
	width: 80px;
}

.idx_yellowform_item_right input {
	width: 75px;
}

.idx_box_bottom_frame {
	width: 569px;
	background-image: url();
	background-repeat: repeat-y;
	background-color: #fffde1;
	color: inherit;
	border-top: 1px solid #dad7a6;
	border-bottom: 1px solid #dad7a6;
	margin-bottom: 23px;
	padding: 0px;
	margin-top: 10px;
	clear: both;
}

.idx_box_bottom_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_box_bottom_left {
	float: left;
	width: 320px;
	padding: 10px 15px 10px 16px;
}

.idx_box_bottom_right {
	float: left;
	width: 165px;
	padding: 10px 15px 10px 16px;
}
.idx_yellowform_row {
	clear: both;
	width: 300px;
	margin: 5px 0px 5px 0px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/arrows/arrow-yellow.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
}

.idx_yellowform_row:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_box_bottom_left input {
	border: 1px solid #7f9db9;
	padding: 2px;
	background-color: #fff;
	color: #909090;
	font-size: 12px;
}

.idx_yellowform_number {
	float: left;
	width: 100px;
}

.idx_yellowform_number input {
	width: 85px;
}

.idx_yellowform_item {
	float: left;
	width: 46px;
}

.idx_yellowform_item input {
	width: 43px;
}

.idx_yellowform_commission {
	float: left;
	width: 90px;
	text-align: right;
}

.idx_yellowform_commission input {
	width: 75px;
	border: 1px solid #b6b499;
	color: #b6b499;
	background-color: #fff;
}

.icon_newsletter_idx {
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/icon-newsletter-idx.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 6px 0px 10px 15px;
}

/*******************************************************/
/** BASKET */
/*******************************************************/

.basket_body_frame {
	clear: both;
	width: 962px;
	margin-right: auto;
    margin-left: auto;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/idx/bg-body-idx.gif);
	background-repeat: repeat-y;
}

.basket_body_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.basket_body_column {
	float: left;
	width: 959px;
	padding: 0px 1px 0px 1px;
		border: 1px solid gray;
}

.articlelist_basket_frame_header {
	clear: both;
	width: 920px;
	border-bottom: 1px solid #999;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #e12239;
	color: #fff;
	padding: 5px 0px 8px 0px;
	background-repeat: repeat-y;
		border: 1px solid grey;
}

.articlelist_basket_frame_header:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_basket_frame_header label {
	padding-left: 8px;
}

.articlelist_basket_frame {
	clear: both;
	width: 920px;
	border-bottom: 1px solid #999;
	padding: 4px 0px 5px 0px;
	color: inherit;
	font-size: 0.9em;
	background-repeat: repeat-y;
}

.articlelist_basket_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_basket_header_row_value {
	float: left;
	width: 35px;
	text-align: center;
	padding: 0px 0px 2px 0px;
}

.articlelist_basket_header_row_number {
	float: left;
	width: 175px;
	padding: 3px 0px 0px 5px;
}

.articlelist_basket_header_row_name {
	float: left;
	width: 200px;
	padding: 3px 5px 2px 0px;
}

.articlelist_basket_header_row_price {
	float: left;
	width: 200px;
	padding: 3px 0px 2px 0px;
}

.articlelist_basket_header_row_amount {
	float: left;
	width: 60px;
	padding: 0px 2px 2px 0px;
}

.articlelist_basket_header_row_stock {
	float: left;
	width: 60px;
	text-align: center;
	padding: 3px 2px 2px 0px;
}

.articlelist_basket_header_row_line {
	float: left;
	width: 60px;
	text-align: center;
	padding: 3px 2px 2px 0px;
}

.articlelist_basket_header_row_notes {
	float: left;
	width: 150px;
	padding: 0px 2px 2px 15px;
		border: 0px solid black;
}

.articlelist_basket_row_value {
	float: left;
	width: 30px;
	text-align: right;
	padding: 2px 5px 2px 0px;
	font-weight: bold;
		border: 0px solid gray;
}

.articlelist_basket_row_value_center {
	float: left;
	width: 30px;
	text-align: center;
	padding: 2px 5px 2px 0px;
	font-weight: bold;
		border: 0px solid gray;
}

.articlelist_basket_row_number {
	float: left;
	width: 175px;
	padding: 3px 0px 0px 5px;
		border: 1px solid gray;
}

.articlelist_basket_row_number .align_center {
	text-align: center;
	padding-right: 24px;
}

.articlelist_basket_row_name {
	float: left;
	width: 200px;
	padding: 3px 5px 2px 0px;
}

.articlelist_basket_row_name textarea {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	font-size: 11px;
	padding: 2px;
	color: #999;
	background-color: #fff;
	width: 200px;
	height: 45px;
	overflow: auto;
}

.articlelist_basket_row_price {
	float: left;
	width: 200px;
	padding: 3px 0px 2px 0px;
}

.articlelist_basket_row_amount {
	float: left;
	width: 60px;
	padding: 0px 2px 2px 0px;
		border: 1px solid gray;
}

.articlelist_basket_row_stock {
	float: left;
	width: 60px;
	text-align: center;
	padding: 3px 2px 2px 0px;
}

.articlelist_basket_row_line {
	float: left;
	width: 60px;
	text-align: center;
	padding: 3px 2px 2px 0px;
}

.articlelist_basket_row_notes {
	float: left;
	width: 150px;
	padding: 0px 2px 2px 15px;
		border: 0px solid black;
}

.articlelist_basket_row_value {
	clear: both;
	width: 915px;
	margin-top: 2px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-repeat: repeat-y;
}

.articlelist_basket_row_value:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.articlelist_basket_row_value_left {
	float: left;
	width: 620px;
	padding: 2px 20px 2px 0px;
	font-size: 1.0em;
	color: #000;
	font-weight: normal;
	background-color: inherit;
		border: 0px solid green;
}

.articlelist_basket_row_value_right {
	float: left;
	width: 30px;
	text-align: left;
	padding: 2px 0px 2px 0px;
	font-weight: normal;
}

.checkbox1 {
	border: 1px solid #999;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	color: inherit;
}

.basket_button_update {
	clear: both;
	width: 920px;
	margin: 0px;
	padding: 4px 0px 2px 0px;
	color: inherit;
	background-color: #fce7e9;
	border-bottom: 1px solid #999;
	font-weight: bold;
	font-size: 0.9em;
}

.basket_button_update:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.basket_buttons_bar {
	clear: both;
	width: 920px;
	margin: 0px;
	background-image: url(http://www.hafele.co.uk/Hafele35a1/templates/hafele/images/pics/bg-buttonline.gif);
	background-repeat: repeat-x;
	background-position: 0px 50%;
	padding: 20px 0px 20px 0px;
}

.basket_buttons_bar:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.ordercancel_textcontent_left {
	float: left;
	width: 368px;
	padding: 0px 0px 0px 150px;
	font-weight: bold;
}

.ordercancel_textcontent_left_button {
	float: left;
	width: 368px;
	padding: 15px 0px 0px 170px;
}

