/******* content area *******/

/******* global elements default definitions within #workingTemplate *******/
/******* Right and Left panel are OFF *******/
.workingTemplateHeaderTop {
  background: url('img_workingtemplate_mainheader.png');
  width: 925px;
  height: 30px;
  padding: 12px 0 0px 50px;
  color: #333333;
  font-size: 110%;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
}
.workingTemplateHeaderTop span { color: #999999; }
.workingTemplateHeaderTop a, .workingTemplateHeaderTop a:link, .workingTemplateHeaderTop a:visited { color: #c0c0c0; }
.workingTemplateHeaderTop a:hover { color: #fff; }
.workingTemplateHeader {
  background: url('img_workingtemplate_header.png');
  width: 950px;
  height: 23px;
  text-align: center;
  padding: 5px 25px 0 25px;
  color: #333;
  text-transform: uppercase;
  font-size: 90%;
}
.workingTemplateBg {
  background: url('img_workingtemplate_bg.png');
  width: 936px;
  padding: 0 19px 0 20px;
}
.workingTemplateFooter {
  background: url('img_workingtemplate_footer.png');
  width: 975px;
  height: 4px;
  font-size: 0%;
}
.workingTemplateFooterMain {
  background: url('img_workingtemplate_mainfooter.png');
  width: 975px;
  height: 20px;
  font-size: 0%;
}

/******* Right panel is ON *******/
.workingTemplateHeaderTopR {
  background: url('img_workingtemplate_r_mainheader.png');
  width: 758px;
  height: 24px;
  padding: 6px 0 0 50px;
  color: #dd0076;
  font-size: 115%;
  /*text-transform: uppercase;*/
  font-weight: bold;
}
.workingTemplateHeaderTopR span { color: #999999; }
.workingTemplateHeaderTopR a, .workingTemplateHeaderTopR a:link, .workingTemplateHeaderTopR a:visited { color: #c0c0c0; }
.workingTemplateHeaderTopR a:hover { color: #fff; }
.workingTemplateHeaderTeaserR {
  background: url('img_workingtemplate_r_header.png');
  width: 733px;
  height: 33px;
  text-align: left;
  padding: 17px 0 0 45px;
  color: #dd0076;
  /*text-transform: uppercase;*/
  font-size: 100%;
  font-weight: bold;
}
.workingTemplateHeaderR {
  background: url('img_workingtemplate_r_header.png');
  width: 733px;
  height: 37px;
  text-align: left;
  padding: 14px 0 0 50px;
  color: #dd0076;
  /*text-transform: uppercase;*/
  font-size: 115%;
  font-weight: bold;
}
.workingTemplateHeaderR_Terms {
  background: url('img_workingtemplate_r_header_terms.png');
  width: 733px;
  height: 37px;
  text-align: left;
  padding: 14px 0 0 30px;
  color: #dd0076;
  /*text-transform: uppercase;*/
  font-size: 115%;
  font-weight: bold;
}
.workingTemplateBgR {
  background: url('img_workingtemplate_r_bg.png');
  width: 750px;
  padding: 0 8px 0 20px;
}
.workingTemplateFooterR {
  background: url('img_workingtemplate_r_footer.png');
  width: 778px;
  height: 4px;
  font-size: 0%;
}
.workingTemplateFooterMainR {
  background: url('img_workingtemplate_r_mainfooter.png');
  width: 778px;
  height: 8px;
  font-size: 0%;
}

/******* Left panel is ON *******/
.workingTemplateHeaderTopL {
  background: url('img_workingtemplate_l_mainheader.png') no-repeat;
  width: 768px;
  height: 27px;
  text-align: left;
  padding: 15px 0 0 25px;
  color: #333333;
  /*text-transform: uppercase;*/
  font-size: 110%;
  font-weight: bold;
}
.workingTemplateHeaderTopL span { color: #999999; }
.workingTemplateHeaderTopL a, .workingTemplateHeaderTopL a:link, .workingTemplateHeaderTopL a:visited { color: #c0c0c0; }
.workingTemplateHeaderTopL a:hover { color: #666666; }
.workingTemplateHeaderL {
  background: url('img_workingtemplate_l_header.png') no-repeat;
  width: 768px;
  height: 41px;
  text-align: left;
  padding: 5px 0 0 35px;
  color: #333333;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: bold;
}
.workingTemplateBgL {
  background: url('img_workingtemplate_l_bg.png');
  width: 751px;
  padding: 0 20px 2px 7px;
}
.workingTemplateFooterL {
  background: url('img_workingtemplate_l_footer.png');
  width: 778px;
  height: 4px;
  font-size: 0%;
}
.workingTemplateFooterMainL {
  background: url('img_workingtemplate_l_mainfooter.png');
  width: 778px;
  height: 8px;
  font-size: 0%;
}

/******* Right AND Left panel is ON *******/
.workingTemplateHeaderTopRL {
  background: url('img_workingtemplate_rl_mainheader.png') no-repeat;
  width: 571px;
  height: 45px;
  padding: 5px 0 0px 35px;
  margin-top: 10px;
  color: #333333;
  font-size: 120%;
  /*text-transform: uppercase;*/
  text-align: left;
  font-weight: bold;
}
.workingTemplateHeaderTopRL a, .workingTemplateHeaderTopRL a:link, .workingTemplateHeaderTopRL a:visited { color: #006db6; }
.workingTemplateHeaderTopRL a:hover { color: #005a97; }
.workingTemplateHeaderTopRLUppercase {
  background: url('img_workingtemplate_rl_mainheader.png') no-repeat;
  width: 571px;
  height: 45px;
  padding: 5px 0 0px 35px;
  margin-top: 10px;
  color: #dd0076;
  font-size: 120%;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
}
.workingTemplateHeaderTopRL_teaser {
  background: #fff; /*url('img_workingtemplate_rl_mainheader.png');*/
  width: 571px;
  height: 0; /*19px;*/
  padding: 5px 0 0 10px;
  color: #333;
  font-size: 90%;
}
.workingTemplateHeaderRL {
  background: url('img_workingtemplate_rl_header.png');
  width: 571px;
  height: 23px;
  text-align: center;
  padding: 5px 0 0 10px;
  color: #333;
  text-transform: uppercase;
  font-size: 90%;
}
.workingTemplateBgRL {
  background: url('img_workingtemplate_rl_bg.png');
  width: 567px;
  padding: 0 7px 0 7px;
}
.workingTemplateFooterRL {
  background: url('img_workingtemplate_rl_footer.png');
  width: 581px;
  height: 4px;
  font-size: 0%;
}
.workingTemplateFooterMainRL {
  background: url('img_workingtemplate_rl_mainfooter.png');
  width: 581px;
  height: 8px;
  font-size: 0%;
}

#workingTemplate h1 {
	margin-bottom: 9px; 
}
#workingTemplate h2 {
	margin: 5px 0 2px 0;
	padding: 0 8px 0 8px;
	background: #fff;
	color: #333;
	line-height: 1.5em;
}
#workingTemplate h5 {
  background: url('img_workingtemplate_rl_mainheader2.png') no-repeat;
  width: 571px;
  height: 45px;
  padding: 5px 0 0px 20px;
  margin-top: 10px;
  color: #333333;
  font-size: 120%;
  text-transform: uppercase;
  text-align: left;
}
#workingTemplate h3 { color: #dd0076; font-size: 110%; font-weight: bold; text-decoration: underline; padding: 0 5px 0 0; background: #ffffff; margin: 0; }
#workingTemplate h4 { color: #dd0076; font-size: 150%; font-weight: bold; padding: 0 5px 0 0; background: #ffffff; margin: 0; }
/*#workingTemplate h5 { font-weight: normal; color: #404040; font-size: 100%; padding: 7px 7px 7px 15px; background: #f4f4f4; margin: 0; }*/
#workingTemplate h6 { font-weight: normal; color: #404040; font-size: 100%; padding: 2px 7px 5px 0px; background: #fff; margin-bottom: 3px; }
#workingTemplate h6 ul { margin-left: 30px; }
#workingTemplate h6 ul li { font-weight: bold; list-style-type: square; }
#workingTemplate p {
	padding-bottom: 13px; /* margin-bottom doesn't work in all browsers, especially at the end of a <fieldset> or block element */
}
#workingTemplate table {
	margin-bottom: 13px;
}
#workingTemplate a.emphasis, #workingTemplate a.emphasis:link, #workingTemplate a.emphasis:visited, 
#workingTemplate a.emphasis:hover, #workingTemplate a.emphasis:active, #workingTemplate a.emphasis:focus { /* emphasised links, usage: auction */
	font-weight: bold;
}
#workingTemplate p.emphasis { /* emphasised paragraph, usage: account / overview, update user */
	padding: 8px 10px 8px 25px;
	background: #eaeaea;
}
#workingTemplate p.description { /* description text, usage: account / payment cost description within form */
	margin-bottom: 2px;
	padding: 0 8px 2px 48px;
	background: #eaeaea;
}
/* table definitions within #workingTemplate */
#workingTemplate table.listing {
	margin-bottom: 6px;
}
#workingTemplate table.listing th {
	padding: 0 10px;
	background: #eaeaea;
	color: #666;
	line-height: 1.5em;
}
* html #workingTemplate table.listing th { /* ie: ie creates a space at the right side at text within <th>, this has to be substracted */
	padding: 0 6px 0 10px; 
}
#workingTemplate table.listing td {
	padding: 6px 10px 5px 10px;
	vertical-align: middle;
}
#workingTemplate fieldset table.attributes td.name, #workingTemplate .personalInformationBox .personalInformationBoxBody table.attributes td.name { /* td.name is not bold if this table is shown within these elements */
}
#workingTemplate table input.inputSubmit, #workingTemplate table input.inputSubmitCart {
	margin: 0 0 0 1px; /* show also these form fields more exactly vertically aligned with text (+1px left) and reset all other margins */	
}
#workingTemplate table.listing input.inputSubmitCart { /* if the "add to cart submit button" is within this table, it has to be right aligned */
	float: right;
	margin-right: -10px; /* reset margin which is applied to <td> to align button at right border */
}
#workingTemplate table.listing input, #workingTemplate table.listing select {
	margin-bottom: 0; /* set bottom-margin to "0" because it is not needed within this table */
}

/* linkList within #workingTemplate */
#workingTemplate ul.linkList { /* create bottom space at each <li> */
	padding-bottom: 8px; /* 8px + 5px at last <li> = 13px like the default margin-bottom, margin-bottom doesn't work here */
}
#workingTemplate ul.linkList li { /* create bottom space at each <li> */
  list-style-image: none;
	margin-bottom: 5px;
}
#workingTemplate ul.linkList li a { /* create bottom space at each <li> */
  color: #404040;
}

/* default form definitions within #workingTemplate */
#workingTemplate fieldset { 
	clear: both;
	padding: 9px 48px 0 48px; 
}
#workingTemplate fieldset.emphasis { /* highlight fieldset with background color */
	margin-bottom: 6px;
	background: #eaeaea;
}
#workingTemplate fieldset.emphasis input.inputSubmitGo { /* create an image from a submit button and hide submit value text */
	color: #000000; /* the same color as the emphasised fieldset to hide text */
}
#workingTemplate div.layoutAlignment fieldset { /* show fieldset as a part of a whole form elements block, each part is shown as a column in a two column row */
	padding: 9px 29px 0 48px;
}
#workingTemplate div.layoutAlignment.emphasis { /* highlight layoutAlignment with background color */
	margin-bottom: 6px; /* is needed */
	background: #eaeaea;
}
#workingTemplate fieldset div.indent { /* if a <div class="layoutAlignment indent"> (e.g. radio button and label) is indented within a fieldset it is shown more left aligned, ie: div.layoutAlignment.indent doesn't work */
	margin-left: -16px;
}
#workingTemplate input.inputText, #workingTemplate input.inputCheckbox, #workingTemplate input.inputSubmit, #workingTemplate input.inputSubmitCart, #workingTemplate input.inputSubmitGo, #workingTemplate select, #workingTemplate textarea { /* all form elements do have a bottom margin */
	margin-bottom: 10px;
}

/* definitions for inline alignments within #workingTemplate */
#workingTemplate .inline *, #workingTemplate .inline input, #workingTemplate fieldset .layoutAlignment *, #workingTemplate fieldset .layoutAlignment input { /* reset bottom margin for all elements when it has to be aligned inline because each element has its own vertical space */
	margin-bottom: 0;
}
#workingTemplate fieldset .inline, #workingTemplate fieldset .layoutAlignment { /* display form elements inline and set space of the surrounded elements to the following elements, e.g. checkbox/label or input text field/submit button */
	padding-bottom: 10px;
}

/******* breadcrumb *******/
.breadcrumb { color: #666666; visibility: hidden; height: 0px; }
.breadcrumb span { color: #333333; visibility: hidden; }

/******* homepage *******/
#workingTemplate div#welcomePage { /* surrounding <div> for all elements within the workingTemplate  */
	width: 975px; /* special width (not 768) to be able to position 3 teaser width the same width next to each other */
	overflow: hidden;
	background: url('img_workingtemplate_bg.png') repeat-y;
}
.maindownHeader {
  background: url('img_maindown_header.png');
  width: 929px;
  height: 19px;
  margin-top: -4px; /* IE puts teaserimage 4px lower*/
  clear: both;
  text-align: left;
  padding: 16px 0 0 46px;
  color: #dd0076;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: bold;
}

/******* content management content *******/
#workingTemplate div.contentCMS { /* group content from CMS within this <div>, e.g. catalog view */
	clear: both; /* is needed because elements are positioned after submit buttons which float left */
	margin-bottom: 11px;
}

/******* sorting and paging *******/
/* sorting */ 
#workingTemplate form.sorting fieldset { /* reset standard fieldset definitions, the class is applied to the <form> */
	margin: 0;
	padding: 0 0 20px 0;
}
/* paging */
#workingTemplate .paging {
	clear: both; /* it is always be shown in a new line */
	padding: 2px 7px 2px 7px;
	background: #fff;
	color: #333;
}
#workingTemplate .pagingProducts { /* be able to identify paging product count ("Products 1 - 10 of 20") */
	float: left;
}
#workingTemplate .paging ul.linkList { /* paging numbers are defined as a list */
	float: right;
	padding-bottom: 0; /* reset global definition */
}
#workingTemplate .paging ul.linkList li { /* paging numbers are defined as a list */
	margin-bottom: 0; /* reset global definition */
}
#workingTemplate .pagingProducts .emphasis, #workingTemplate .paging ul.linkList .active {
	color: #333;
}
#workingTemplate .paging ul.linkList li {
	float: left;
	padding: 2px 2px 0 3px; /* create distance between the link items */
	line-height: 110%; 
}

/******* product rating ******/
#workingTemplate .productRating00 { width: 77px; height: 18px; background: url('img_rating_00.png'); }
#workingTemplate .productRating05 { width: 77px; height: 18px; background: url('img_rating_05.png'); }
#workingTemplate .productRating10 { width: 77px; height: 18px; background: url('img_rating_10.png'); }
#workingTemplate .productRating15 { width: 77px; height: 18px; background: url('img_rating_15.png'); }
#workingTemplate .productRating20 { width: 77px; height: 18px; background: url('img_rating_20.png'); }
#workingTemplate .productRating25 { width: 77px; height: 18px; background: url('img_rating_25.png'); }
#workingTemplate .productRating30 { width: 77px; height: 18px; background: url('img_rating_30.png'); }
#workingTemplate .productRating35 { width: 77px; height: 18px; background: url('img_rating_35.png'); }
#workingTemplate .productRating40 { width: 77px; height: 18px; background: url('img_rating_40.png'); }
#workingTemplate .productRating45 { width: 77px; height: 18px; background: url('img_rating_45.png'); }
#workingTemplate .productRating50 { width: 77px; height: 18px; background: url('img_rating_50.png'); }

/******* product listing (with right OR leftbanner on) *******/
#workingTemplate .productListingR {	width: 751px; padding-top: 2px; }
#workingTemplate .productListingR .productWrapper { width: 751px; height: 102px; padding-bottom: 5px; }
#workingTemplate .productListingR .productImage {	width: 103px; padding: 0; float: left; }
#workingTemplate .productListingR .productImage img {	width: 100px; height: 100px; }
#workingTemplate .productListingR .productInformation { background: #fff; top right; width: 641px; height: 98px; float: left; padding: 2px 0 0 5px; border: 1px solid #e1e1e1; }
#workingTemplate .productListingR .leftCol { width: 484px; }
#workingTemplate .productListingR .rightCol { width: 159px; }
#workingTemplate .productListingR .productName { width: 100%; font-size: 130%; }
#workingTemplate .productListingR .productDetails { width: 100%; color: #000000; padding: 2px 0 2px 5px; }
#workingTemplate .productListingR .productDetails span { color: #000000; }
#workingTemplate .productListingR .productRating { width: 100%; padding-left: 80px; }
#workingTemplate .productListingR .productPriceWrapper { text-align: right; font-size: 160%; color: #dd0076; margin-right: 4px; }
#workingTemplate .productListingR .productPrice { width: 100%; text-align: right; }
#workingTemplate .productListingR .productPriceStrike { text-decoration: line-through; color: #666666; font-size: 80%; }
#workingTemplate .productListingR .productBonusPoints { font-size: 70%; padding: 0; margin: 0; }
#workingTemplate .productListingR .productPriceInfo { text-align: right; padding: 0 5px 0 0; font-size: 50%; color: #666666; }
#workingTemplate .productListingR .productButtons { margin-top: -1px; }
#workingTemplate .productListingR .productButtonsLeft { float: left; width: 520px; }
#workingTemplate .productListingR .productButtonsRight { float: left; text-align: right; }
#workingTemplate .productListingR .productCompare { float: left; width: 117px; }
#workingTemplate .productListingR .productCompare input { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn125_bgfff.png') top; width: 125px; height: 28px; color: #ffffff; border: 0px; }
#workingTemplate .productListingR .productCompare input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn125_bgfff.png') bottom; }
#workingTemplate .productListingR .productWish { float: left; width: 100px; }
#workingTemplate .productListingR .productWish input { cursor: pointer; cursor: URL; margin: 0; background: url('img_btn100_bgfff.png') top; width: 100px; height: 28px; color: #ffffff; border: 0px; }
#workingTemplate .productListingR .productWish input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn100_bgfff.png') bottom; }
#workingTemplate .productListingR .productAdd { width: 125px; }
#workingTemplate .productListingR .productAdd input { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn140_video.png') top; width: 140px; height: 26px; color: #ffffff; border: 0px; }
#workingTemplate .productListingR .productAdd input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn140_video.png') bottom; }

/******* TabList *******/
#workingTemplate .productListingTabList { width: 733px; padding-top: 2px; }
#workingTemplate .productListingTabList .productWrapper { width: 733px; height: 102px; padding-bottom: 5px; }
#workingTemplate .productListingTabList .productImage { width: 103px; padding: 0; float: left; }
#workingTemplate .productListingTabList .productImage img {	width: 100px; height: 100px; }
#workingTemplate .productListingTabList .productInformation { background: url('img_productinfo_bg.png') top right; width: 625px; height: 100px; float: left; padding: 2px 0 0 5px; }
#workingTemplate .productListingTabList .leftCol { width: 484px; }
#workingTemplate .productListingTabList .rightCol { width: 141px; }
#workingTemplate .productListingTabList .productName { width: 100%; font-size: 130%; }
#workingTemplate .productListingTabList .productDetails { width: 100%; color: #000000; padding: 1px 0 2px 5px; }
#workingTemplate .productListingTabList .productDetails span { color: #000000; }
#workingTemplate .productListingTabList .productRating { width: 100%; padding-left: 80px; }
#workingTemplate .productListingTabList .productPriceWrapper { text-align: right; font-size: 160%; color: #dd0076; margin-right: 4px; }
#workingTemplate .productListingTabList .productPrice { width: 100%; text-align: right; }
#workingTemplate .productListingTabList .productPriceStrike { text-decoration: line-through; color: #666666; font-size: 80%; }
#workingTemplate .productListingTabList .productBonusPoints { font-size: 70%; padding: 0; margin: 0; }
#workingTemplate .productListingTabList .productPriceInfo { text-align: right; padding: 0 5px 0 0; font-size: 50%; color: #666666; }
#workingTemplate .productListingTabList .productButtons { margin-top: -1px; }
#workingTemplate .productListingTabList .productButtonsLeft { float: left; width: 318px; }
#workingTemplate .productListingTabList .productButtonsRight { float: left; text-align: right; width: 220px; }
#workingTemplate .productListingTabList .productCompare { float: left; width: 117px; }
#workingTemplate .productListingTabList .productCompare input { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn125_bgfff.png') top; width: 125px; height: 28px; color: #ffffff; border: 0px; }
#workingTemplate .productListingTabList .productCompare input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn125_bgfff.png') bottom; }
#workingTemplate .productListingTabList .productWish { float: left; width: 100px; }
#workingTemplate .productListingTabList .productWish input { cursor: pointer; cursor: URL; margin: 0; background: url('img_btn100_bgfff.png') top; width: 100px; height: 28px; color: #ffffff; border: 0px; }
#workingTemplate .productListingTabList .productWish input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn100_bgfff.png') bottom; }
#workingTemplate .productListingTabList .productAdd { float: left; width: 125px; }
#workingTemplate .productListingTabList .productAdd input { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn140_video.png') top; width: 140px; height: 26px; color: #ffffff; border: 0px; }
#workingTemplate .productListingTabList .productAdd input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn140_video.png') bottom; }

/******* product listing (with right AND leftbanner on) *******/
#workingTemplate .productListingRL {	width: 753px; margin-bottom: 5px; margin-left: 7px; margin-right: 5px; }
#workingTemplate .productListingRL .productWrapper { width: 743px; height: 102px; margin-top: 5px; }
#workingTemplate .productListingRL .productImage {	width: 103px; padding: 0; float: left; }
#workingTemplate .productListingRL .productImage img {	width: 100px; height: 100px; }
#workingTemplate .productListingRL .productInformation { background: #fff; border: 1px solid #e1e1e1; width: 633px; height: 98px; float: left; padding: 2px 0 0 5px; overflow: hidden; }
#workingTemplate .productListingRL .leftCol { width: 500px; }
#workingTemplate .productListingRL .rightCol { width: 159px; }
#workingTemplate .productListingRL .productName { width: 100%; font-size: 130%; }
#workingTemplate .productListingRL .productDetails { width: 100%; color: #000000; padding: 2px 0 2px 5px; }
#workingTemplate .productListingRL .productDetails span { color: #000000; }
#workingTemplate .productListingRL .productRating { width: 100%; padding-left: 80px; }
#workingTemplate .productListingRL .productPriceWrapper { text-align: right; font-size: 160%; color: #dd0076; margin-right: 4px; }
#workingTemplate .productListingRL .productPrice { width: 100%; text-align: right; }
#workingTemplate .productListingRL .productPriceStrike { text-decoration: line-through; color: #666666; font-size: 80%; }
#workingTemplate .productListingRL .productBonusPoints { display: block; font-size: 70%; padding: 0; margin: 0; line-height: 1.0; }
#workingTemplate .productListingRL .productPriceInfo { text-align: right; padding: 0 5px 0 0; font-size: 50%; color: #666666; }
#workingTemplate .productListingRL .productButtons { }
#workingTemplate .productListingRL .productButtonsLeft { float: left; }
#workingTemplate .productListingRL .productButtonsRight { float: left; text-align: right; width: 150px; }
#workingTemplate .productListingRL .productWish { float: left; width: 150px; }
#workingTemplate .productListingRL .productWish input { cursor: pointer; cursor: URL; margin: 0; background: url('img_btn150_bgfff.png') top; width: 150px; height: 28px; color: #ffffff; border: 0px; }
#workingTemplate .productListingRL .productWish input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn150_bgfff.png') bottom; }
#workingTemplate .productListingRL .productCompare { float: left; width: 125px; }
#workingTemplate .productListingRL .productCompare input { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn125_bgfff.png') top; width: 125px; height: 26px; color: #ffffff; border: 0px; }
#workingTemplate .productListingRL .productCompare input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn125_bgfff.png') bottom; }
#workingTemplate .productListingRL .productAdd { width: 140px; }
#workingTemplate .productListingRL .productAdd input { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn140_video.png') top; width: 140px; height: 26px; color: #ffffff; border: 0px; }
#workingTemplate .productListingRL .productAdd input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn140_video.png') bottom; }

/******* product listing (with one column) *******/
/* usage: catalog product listing, search results and all productdetail product listings (e.g. "other users choice", "newer versions"...) */
/* the order of the following elements is the same as within the template */
#workingTemplate .productListing {
	clear: both;
	width: 561px; /* use always the same width */
}
#workingTemplate .productListing li {
	margin-bottom: 13px; /* create space to the following <li> because padding-top: 15px; creates too much space to .paging */
	padding: 2px 0 8px 0;
	border-bottom: 1px dotted #ccc;
}
#workingTemplate .productListing li ul { /* if a list is within the product description  */
	list-style-type: square;
}
#workingTemplate .productListing li li {
	margin-left: 16px;
	padding: 0 0 0 0;
	border-bottom: 0 solid;
}
#workingTemplate .productListing div.layoutAlignment div.layoutBox2 { 
	width: 451px; /* set width for right column to use full width */
}
#workingTemplate .productListing .productImage, #workingTemplate .productListing .productImageThumbnail {
	width: 106px; /* not 110px because of the default padding for .productImage and .productImageThumbnail */
}
#workingTemplate .productListing .productImage img {
	width: 100px; /* set width for product image */
}
#workingTemplate .productListing .productImageThumbnail img { /* usage: Auction */
	/* width not yet defined */ 
}
#workingTemplate .productListing table.attributes { /* table of product attributes */
	margin-bottom: 2px;
}
#workingTemplate .productListing table.attributes td.name { 
	padding-right: 4px;
	font-weight: bold;
}
#workingTemplate .productListing p.priceProduct { /* reset default paragraph definitions */
	padding-bottom: 0;
}
#workingTemplate .productListing p.priceProductStrike { /* reset default paragraph definitions */
	padding-bottom: 0;
}
#workingTemplate .productListing p.productLifeCycle { /* reset default paragraph definitions */
	padding-bottom: 0;
}
#workingTemplate .productListing input.inputSubmitCart, #workingTemplate .productListing input.inputSubmit { /* a .inputSubmit is used within auction */
	float: right;
	margin: -22px 0 0 0; /* align submitImage higher, set bottom margin to 0 */
}
/******* product listing (with two columns) *******/
/* product listing that is shown with 2 columns in one row */
#workingTemplate ul.productListing.columns li {
	float: left; /* show next to each other */
	border-bottom: 0 solid;
	padding-right: 54px;
	width: 226px;
}
#workingTemplate ul.productListing.columns div.layoutAlignment div.layoutBox2 { 
	width: 116px; 
}
#workingTemplate ul.productListing.columns .rating { /* reset for this type of product listing */
	float: none;
	margin-left: 0;
}
#workingTemplate ul.productListing.columns input.inputSubmitCart { /* reset for this type of product listing */
	float: none;
	margin-top: 13px; /* ie: margin-top because padding-bottom: 13px; for p.priceProduct doesn't work in ie */
}
/******** Common *******/
#productDetail fieldset { margin: 0; padding: 0 0 0 12px; }

/* #generalProductInformation shows product picture and general product information */
#productDetail #generalProductInformation .productWrapper { width: 750px; height: 202px; padding: 2px 0 2px 0; }
#productDetail #generalProductInformation .productImage {	width: 203px; padding: 0; float: left; }
#productDetail #generalProductInformation .productImage img {	width: 200px; height: 200px; }
#productDetail #generalProductInformation .productInformation { background: #fff; border: 1px solid #e1e1e1; width: 540px; height: 198px; float: left; padding: 2px 0 0 5px; }
#productDetail #generalProductInformation .leftCol { width: 200px; height: 153px; }
#productDetail #generalProductInformation .rightCol { width: 342px; height: 153px; }
#productDetail #generalProductInformation .productName { color: #005195; width: 100%; font-size: 130%; padding-top: 10px; }
#productDetail #generalProductInformation .productRating { width: 100%; padding-left: 12px; }
#productDetail #generalProductInformation ul.rateBtn { list-style: none; margin: 2px 4px 0 0; }
#productDetail #generalProductInformation ul.rateBtn li a, ul.rateBtn li a:link, ul.rateBtn li a:visited {  background: url('img_btn_rate.png') top left; display: block; width: 114px; height: 25px; text-decoration: none;  font-size: 100%; color: #fff; padding: 7px 0 0 48px; }
#productDetail #generalProductInformation ul.rateBtn li a:hover { color: #ffffff; background: url('img_btn_rate.png') bottom left; }
#productDetail #generalProductInformation .productPriceWrapper { font-size: 160%; color: #dd0076; margin: 4px 0 4px 5px; }
#productDetail #generalProductInformation .productPriceStrike { text-decoration: line-through; color: #666666; font-size: 80%; }
#productDetail #generalProductInformation .productPrice { }
#productDetail #generalProductInformation .priceDescription { display:block; padding: 0 5px 0 0; font-size: 60%; color: #666666; }
#productDetail #generalProductInformation .productBonusPrice { font-size: 90%; }
#productDetail #generalProductInformation .productBonusOr {  color: #000000; font-size: 70%; }
#productDetail #generalProductInformation .productBonusGet { color: #005195; font-size: 70%; }
#productDetail #generalProductInformation .productLifeCycle { font-size: 70%; width: 100%; }
#productDetail #generalProductInformation .productLifeCycle a { text-decoration: underline; }
#productDetail #generalProductInformation .productLifeCycle a:hover { text-decoration: none; }
#productDetail #generalProductInformation .productDetails { width: 100%; color: #000000; padding: 2px 0 2px 5px; }
#productDetail #generalProductInformation .productDetails span { color: #000000; }

#productDetail #generalProductInformation .bottomCol { height: 32px; }
#productDetail #generalProductInformation .warnCol { height: 15px; }
#productDetail #generalProductInformation .productButtons {}
#productDetail #generalProductInformation .productButtonsLeft { float: left; width: 318px; }
#productDetail #generalProductInformation .productButtonsRight { float: left; text-align: right; width: 220px; }
#productDetail #generalProductInformation .productLifeCycleWarn { margin-left: 4px; color: #000000; font-size: 90% }
#productDetail #generalProductInformation .productCompare { float: left; width: 117px; }
#productDetail #generalProductInformation .productCompare input { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn125_bgfff.png') top; width: 125px; height: 28px; color: #ffffff; border: 0px; }
#productDetail #generalProductInformation .productCompare input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn125_bgfff.png') bottom; }
#productDetail #generalProductInformation .productWish { float: left; width: 100px; }
#productDetail #generalProductInformation .productWish input { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn100_bgfff.png') top; width: 100px; height: 28px; color: #ffffff; border: 0px; }
#productDetail #generalProductInformation .productWish input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn100_bgfff.png') bottom; }
#productDetail #generalProductInformation .productAdd { }
#productDetail #generalProductInformation .productAdd input { cursor: pointer; cursor: URL; margin: 0; padding: 0 0 3px 17px; background: url('img_btn140_video.png') top; width: 140px; height: 26px; color: #ffffff; border: 0px; font-weight: bold; }
#productDetail #generalProductInformation .productAdd input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn140_video.png') bottom; }
#productDetail #generalProductInformation .bonusSelect { float: left; padding: 4px 0 0 0; margin: 0; }
#productDetail #generalProductInformation .bonusSelect select { margin: 0; }

#productDetail .productExtraDetails { width: 750px; color: #404040; font-size: 100%; background: #eeeeee; margin-top: 4px; }
#productDetail .productExtraDetailsDiscount { width: 750px; color: #bf0000; font-size: 100%; background: #eeeeee; margin-top: 4px; }
#productDetail .productExtraDetailsHeader { width: 745px; color: #005195; background: #e7e7e7; padding: 0 0 0 5px; }
#productDetail .productExtraDetailsRow { padding: 0 0 0 7px; color: #005195; font-weight: bold; font-size: 14px;}
#productDetail .productExtraDetails a { color: #404040; }
#productDetail .productExtraDetails a:hover { color: #005195; }
#productDetail .productDescription { padding: 3px 0 0px 0; }
#productDetail ul.viewBtn { list-style: none; margin: 2px 4px 0 0; }
#productDetail ul.viewBtn li a, ul.viewBtn li a:link, ul.viewBtn li a:visited {  background: url('img_btn100.png') top left; display: block; width: 100px; height: 22px; text-decoration: none;  font-size: 100%; color: #ffffff; text-align: center; padding: 6px 0 0 0; }
#productDetail ul.viewBtn li a:hover { color: #ffffff; background: url('img_btn100.png') bottom left; }

/******* extended product detail view *******/
#productDetail #productDetailExtended h1 {
	float: left;
	margin-bottom: 8px;
}
#productDetail #productDetailExtended div.layoutAlignment {
	clear: both; /* create a new line because <h1> is floating */
}
/* highlighted layoutAlignment */
#productDetail #productDetailExtended div.layoutAlignment.emphasis div.layoutBox1 {
	border-right: 12px solid #fff;
	width: 194px; /* set less width for left column to apply border-right */
}
#productDetail #productDetailExtended div.layoutAlignment.emphasis div.layoutBox2 {
	padding: 8px 11px; /* another padding for the layoutBox2 within the highlighted layoutAlignment */
	width: 512px; /* substract padding */
}
#productDetail #productDetailExtended #generalProductInformation .productImage {
	margin-bottom: 0; /* reset definition for normal product detail view */
	padding: 10px 10px 10px 10px;
	width: 174px;
	text-align: center;
}
#productDetail #productDetailExtended .productImage img {
	border: 0 solid; /* so not show a border */
}
/* non highlighted layoutAlignment underneath */
#productDetail #productDetailExtended div.layoutBox1 {
	width: 206px; 
}
#productDetail #productDetailExtended div.layoutBox2 {
	padding: 0 11px; /* no north and south padding */
	width: 512px;
}
/******* product retail set detail view *******/
#productDetail #productDetailRetailSet input.inputSubmitCart {
	margin-left: 0; /* there is only one add to cart button for all products within the retail set */
}
/******* auction detail views *******/
#productDetail #auction #generalProductInformation div.layoutBox1 { 
	width: 190px; /* set width for left column */
}
#productDetail #auction #generalProductInformation div.layoutBox2 { /* auction detail view */
	width: auto; /* reset width for right column */
}
#productDetail #auction #generalProductInformation .productImage {
	width: 190px;
}
#productDetail #auction #generalProductInformation table.attributes td { /* td.name and td.value */
	line-height: 1.5em; /* there are many attributes, show more space between them */
}
#productDetail #productDetailAuction input.inputSubmitCart { /* product detail view within auction */
	margin-left: 0; /* there is only one add to cart button */
}
/******* tabs within the product detail view *******/
/* it is not possible to assign the class .area to .tabList because of cross-browser compatibility to highlight active tab 1px higher and over the bottom border of the list itself */
#productDetail ul.tabList {
	clear: both;
	border-bottom: 1px solid #999;
	padding-bottom: 18px; /* px is needed to show it the same way in all browsers */
	line-height: 15px;
}
#productDetail ul.tabList a, #productDetail ul.tabList a:link, #productDetail ul.tabList a:visited {
	margin: 1px 2px 0 0;
	border: 1px solid #999;
	padding: 0 6px;
	background-color: #eaeaea;
	height: 16px;
}
#productDetail ul.tabList a:hover, #productDetail ul.tabList a:active, #productDetail ul.tabList a:focus {
	background: #fff;
}
#productDetail ul.tabList .active a, #productDetail ul.tabList .active a:link, #productDetail ul.tabList .active a:visited {
	margin-top: 0; /* show 1px higher  */
	border-bottom: 1px solid #fff;
	padding: 1px 8px 0 8px;
	background-color: #fff;
	line-height: 16px; /* set 1px down */
}
/******* content directly under the tabs, it belongs to the active tab *******/
#productDetail .tabListContent {
	position: relative;
	top: -1px; /* ie: avoid 1px gap because of the white border-bottom from the active tab */
	clear: both;
	padding: 0;
}
#productDetail .tabListContent h2 {
	width: 545px;
}
#productDetail .tabListContent fieldset.emphasis {
	display: block; /* ie: if not defined, ie wouldn't show the bottom margin */
	width: 465px;
}
#productDetail .tabListContent p.inputError {
	width: 545px;
}
#productDetail .tabListContent .inputSubmitButtons { /* reset submit buttons alignment to default */
	float: left; 
	width: 561px;
	text-align: right;
}
#productDetail .tabListContent table.attributes td { /* td.name and td.value */
}
#productDetail .tabListContent table.attributes td.name {
  font-weight: bold; 
}
/* product variations */
#productDetail .tabListContent #productVariations table.listing td { /* ie: assignment to <tr> doesn't work */
	border-bottom: 1px dotted #666;
	line-height: 1.5em;
}
#productDetail .tabListContent #productVariations table.listing td.productImage {
	width: 35px;
}
/* product attachments */
#productDetail .tabListContent .attachmentHeaderImg { width: 20px; height: 22px; background: #eaeaea; padding: 2px 0 0 2px; }
#productDetail .tabListContent .attachmentHeaderImg img { width: 16px; height: 16px; margin: 0; }
#productDetail .tabListContent .attachmentHeader { width: 700px; height: 22px; background: #eaeaea; }
#productDetail .tabListContent .attachmentDescription { width: 722px; background: #e1e1e1; padding: 2px 6px 2px 6px; }
#productDetail .tabListContent .attachmentSpacer { height: 2px; background: #fff; font-size: 0% }

/******* common *******/
#productDetail .submitBtn { }
#productDetail .submitBtn input { margin: 0; padding: 0; background: url('img_btn75.png') top; width: 75px; height: 28px; color: #ffffff; border: 0px; }
#productDetail .submitBtn input:hover { background: url('img_btn75.png') bottom; }

/******* rating ******/
#productDetail ul.rateBtn { list-style: none; margin-top: 2px; }
#productDetail ul.rateBtn li a { 
  background: url('img_btn_rate.png') top left;
  display: block;
  width: 114px;
  height: 25px;
  text-decoration: none; 
  font-size: 100%;
  color: #fff;
  padding: 7px 0 0 48px;
}
#productDetail ul.rateBtn li a:hover { color: #ffffff; background: url('img_btn_rate.png') bottom left; }

#productDetail .ratingHeader { width: 730px; color: #005195; font-size: 110%; margin: 0; }
#productDetail .ratingHeaderLeft { float: left; width: 643px; background: #eaeaea; padding: 0 5px 0 5px;  }
#productDetail .ratingHeaderRight { float: left; width: 77px; background: #eaeaea; }
#productDetail .ratingComment { width: 716px; font-weight: normal; color: #404040; font-size: 100%; padding: 2px 7px 3px 7px; background: #e1e1e1; margin: 0 0 4px 0; }

#productDetail .addRatingForm { border: 1px solid #c8c8c8; background: #eaeaea; padding: 6px 7px 7px 7px;}
#productDetail .inputRateTextarea {  width: 710px; height: 100px; }

#productDetail .loginRatingHeader { color: #005195; background: #e7e7e7; padding: 2px 0 0 5px; height: 18px; margin: 2px 0 2px 0; }
#productDetail .loginRatingForm { background: #eaeaea; padding: 6px 7px 7px 7px; margin-bottom: 2px;}

/******* Notification ******/
#productDetail .NotificationHeader { color: #005195; background: #e7e7e7; padding: 2px 0 0 5px; height: 18px; margin: 2px 0 2px 0; }
#productDetail .NotificationRow { background: #eaeaea; padding: 6px 7px 7px 7px; margin-bottom: 2px; }
#productDetail .saveBtn { float: left; }
#productDetail .saveBtn input { margin: 0; padding: 0; background: url('img_btn100.png') top; width: 100px; height: 28px; color: #ffffff; border: 0px; }
#productDetail .saveBtn input:hover { color: #ffffff; background: url('img_btn100.png') bottom; }

/******* product compare *******/
#productCompare table.attributes {
	border: 1px solid #999;
}
#productCompare table.attributes td.name {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0 10px;
	background: #eaeaea;
	color: #666;
	white-space: nowrap;
}
#productCompare table.attributes td.value {
	border-bottom: 1px solid #999;
}
#productCompare table.attributes td.name, #productCompare table.attributes td.value { /* td.value: e.g. attribute value */
	padding: 6px 10px 5px 10px;
}
#productCompare table.attributes td.productImage img, #productCompare table.attributes td.productImageNotAvailable img {
	/* use default settings */
}
#productCompare table.attributes td.productImageThumbnail img { /* product image thumbnail */
	/* width not yet defined */
}

/******* Basket steps *******/
#order .spacer { height: 4px; width: 100%; font-size: 0%; }
#order .shoppingStep1 { background: url('img_cart_step1.png'); height: 5px; font-size: 0%; width: 936px; }
#order .shoppingStep2 { background: url('img_cart_step2.png'); height: 5px; font-size: 0%; width: 936px; }
#order .shoppingStep3 { background: url('img_cart_step3.png'); height: 5px; font-size: 0%; width: 936px; }
#order .shoppingStep4 { background: url('img_cart_step4.png'); height: 5px; font-size: 0%; width: 936px; }
#order .shoppingStep5 { background: url('img_cart_step5.png'); height: 5px; font-size: 0%; width: 936px; }
#order .shoppingStep5Bad { background: url('img_cart_step5bad.png'); height: 5px; font-size: 0%; width: 936px; }
#order .shoppingStepInfo { padding-top: 3px; height: 100px; }
#order .shoppingStepInfo ul { list-style: none; margin: 0 3px 0 3px; display: inline;  }
#order .shoppingStepInfo li { float: left; display: block; width: 186px; text-align: center; }
#order .shoppingStepInfo li span { font-weight: bold; color: #004c9a; }

#order tr.basketProductListingHeader { background-color: #eaeaea; }
#order tr.basketProductListingHeader td { color: #353535; padding: 2px 0 0 11px; height: 21px; border-right: 1px solid #fff; }
#order tr.basketProductListingHeader td span { font-size: 80%; color: #888888; }

#order tr.basketProductListing { }
#order tr.basketProductListing:hover { background-color: #fff; }
#order tr.basketProductListing td { padding: 2px 0 0 15px; height: 33px; }
#order tr.basketProductListing select { margin-top: 8px; }

#order td.productId { width: 111px; }
#order tr.basketProductListing td.productId { border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
#order td.productName { width: 409px; }
#order tr.basketProductListing td.productName { border-bottom: 1px solid #eaeaea; }
#order td.price { width: 131px; }
#order td.price p {  }
#order td.priceDescription p {  }
#order tr.basketProductListing td.price { border-bottom: 1px solid #eaeaea; }
#order td.quantity { width: 95px; }
#order tr.basketProductListing td.quantity { border-bottom: 1px solid #eaeaea; padding-left: 0px; text-align: center; }
#order td.itemTotal { }
#order tr.basketProductListing td.itemTotal { border-bottom: 1px solid #eaeaea; padding: 2px 16px 0 0; text-align: right; }
#order tr.basketProductListing td.itemTotal span { font-size: 80%; color: #888888; }
#order td.delete { width: 80px; }
#order tr.basketProductListing td.delete { border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }

#order td.delete ul { margin-top: -2px; list-style: none; }
#order td.delete li { display: block; height: 16px; padding: 0px 0 0 21px; background: url('img_delete.png') top left no-repeat; }

#order input.quantity { padding-top: 1px; width: 30px; text-align: center; }

#order tr.recalculateBtn { }
#order td.recalculateBtn { border: 1px solid #eaeaea; padding: 3px 3px 3px 0; }

#order tr.basketCoupons { }
#order tr.basketCoupons td { border-bottom: 1px solid #eaeaea; padding-top: 2px; height: 26px;}
#order td.couponLeft { border-left: 1px solid #eaeaea; padding-left: 10px; color: #5d5d5d; width: 116px;  }
#order td.couponRight { padding-left: 18px; }
#order tr.basketCoupons td.itemTotal { padding: 2px 16px 0 0; text-align: right; }
#order tr.basketCoupons td.delete { padding-left: 15px; }
#order .couponsRightBorder { border-right: 1px solid #eaeaea; }

#order .borderLeft { border-left: 1px solid #eaeaea; }
#order .borderRight { border-right: 1px solid #eaeaea; }
#order .borderTop { border-top: 1px solid #eaeaea; }
#order .borderBottom { border-bottom: 1px solid #eaeaea; }
#order .borderAll { border: 1px solid #eaeaea; }

#order span.arrowTextRight { padding: 0 0 0 14px; background: transparent url('img_arrow3.png') no-repeat 0 4px; }
#order .emphasis { color: #5b5b5b; }

#order tr.enterCodeAndDelivery { }
#order tr.enterCodeAndDelivery td { border-bottom: 1px solid #eaeaea; color: #000000; padding: 3px 0 4px 15px; height: 26px;}
#order tr.enterCodeAndDelivery td span { font-size: 80%; color: #888888; }
#order tr.enterCodeAndDelivery label { color: #5d5d5d; }
#order tr.enterCodeAndDelivery div.apply { }
#order tr.enterCodeAndDelivery div.apply input.applyTextBox { margin: 4px 3px 0 0; padding: 1px 0 2px 0; float: left; }
#order tr.enterCodeAndDelivery div.apply input.applySelectBox { margin: 4px 0px 0 0; padding: 1px 0 2px 0; float: left; }
#order tr.enterCodeAndDelivery div.apply input.applyBtn { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn75_bgfff.png') top; width: 75px; height: 28px; color: #ffffff; border: 0px; }
#order tr.enterCodeAndDelivery div.apply input.applyBtn:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn75_bgfff.png') bottom; }
#order tr.enterCodeAndDelivery td.priceDescription { color: #000000; text-align: right; padding: 4px 0 0 4px; }
#order tr.enterCodeAndDelivery td.priceDescription p { line-height: 1.1; }
#order tr.enterCodeAndDelivery td.price { text-align: right; padding: 4px 16px 4px 0; }
#order tr.enterCodeAndDelivery td.price p { line-height: 1.1; }
#order tr.enterCodeAndDelivery span { font-size: 80%; color: #888888; }

#order .cartNextBtns { padding: 5px 10px 3px 0; height: 25px; }
#order .cartNextBtns .currentReqLoginBtns { width: 230px; }
#order .cartNextBtns input.checkout { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn150_bgfff.png') top; width: 150px; height: 28px; color: #ffffff; border: 0px; }
#order .cartNextBtns input.checkout:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn150_bgfff.png') bottom; }
#order .cartNextBtns input.small { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn75_bgfff.png') top; width: 75px; height: 28px; color: #ffffff; border: 0px; }
#order .cartNextBtns input.small:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn75_bgfff.png') bottom; }
#order .cartNextBtns input { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn75_bgfff.png') top; width: 75px; height: 28px; color: #ffffff; border: 0px; }
#order .cartNextBtns input:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn75_bgfff.png') bottom; }
#order .cartNextBtns .floatBtnRight { float: right; }
#order .cartNextBtns .floatBtnLeft { float: left; }
#order .cartNextBtns .inputSubmitBtn125bgff { cursor: pointer; cursor: URL; margin: 0; padding: 0; background: url('img_btn125_blue.png') top; width: 125px; height: 28px; color: #ffffff; border: 0px; }
#order .cartNextBtns .inputSubmitBtn125bgff:hover { color: #ffffff; cursor: pointer; cursor: URL; background: url('img_btn125_blue.png') bottom; }

#order .inputRadio { margin-bottom: 0; }
#order .inputTextareaStep3 { margin: 5px 0 4px 0; width: 460px; }
#order .inputCheckboxCheckOut { margin: 1px 3px 0 0; float: left; }

#order .visaBtn { margin-bottom: 3px; cursor: pointer; cursor: URL; background: url('img_visa.png'); width: 75px; height: 47px; border: 0; }
#order .masterBtn { margin-bottom: 3px; cursor: pointer; cursor: URL; background: url('img_mastercard.png'); width: 75px; height: 47px; border: 0; }
#order .maestroBtn { margin-bottom: 3px; cursor: pointer; cursor: URL; background: url('img_maestro.png'); width: 75px; height: 47px; border: 0; }
#order .bancontactBtn { margin-bottom: 3px; cursor: pointer; cursor: URL; background: url('img_bancontact.png'); width: 75px; height: 47px; border: 0; }
#order .paypalBtn { margin-bottom: 3px; cursor: pointer; cursor: URL; background: url('img_paypal.png'); width: 75px; height: 47px; border: 0; }
#order .paymentMethodButtons { padding: 0 17px 0 0; text-align: center; }

#order #paymentMethods form { float: left; margin-right: 8px; }

#order tr.orderOverviewBtns { border: 1px solid #eaeaea; }
#order tr.orderOverviewBtns td { padding: 3px; }

/******* inc/login template *******/
table.commonTable tr.loginOptions { background-color: #f2f2f2; }
table.commonTable tr.loginOptions:hover { background-color: #f7f8fa; }
table.commonTable tr.loginOptions td { border: 1px solid #ffffff; border-top: 0; padding: 2px 0 0 15px; height: 33px; }
table.commonTable tr.loginform td { background-color: #f7f8fa; padding: 5px 0 0 32px; border-bottom: 1px solid #ffffff; }

/******* Page ogone payment *******/
#order #ogonePayment .ncoltable1 { margin: 0; width: 100%; border: 1px solid #eaeaea; font-size: 110%; font-weight: normal; }
#order #ogonePayment .ncoltable1 form { display: none; }
#order #ogonePayment .ncoltxtl { width: 52% }
#order #ogonePayment .ncoltxtr { width: 48%; padding: 0 0 0 10px; color: #404040; }

#order #ogonePayment .ncoltable2 { width: 100%; border: 1px solid #eaeaea; font-size: 110%; font-weight: normal; }
#order #ogonePayment .ncoltable2 td { padding: 0 0 0 10px; }
#order #ogonePayment .ncoltable2 td.ncoltxtl2 { width: 472px; text-align: right; height: 23px; vertical-align: middle; }
#order #ogonePayment .ncoltable2 td.ncolinput { width: 443px; vertical-align: middle; padding: 0 0 0 10px; color: #404040; }
#order #ogonePayment label { display: inline; }
#order #ogonePayment select { margin: 0 1px 0 0px; }
#order #ogonePayment .ncoltable2 input.ncol { cursor: pointer; cursor: URL; margin: 3px 0 3px 0; padding: 0; background: url('img_btn150_bgfff.png') top; width: 150px; height: 28px; color: #ffffff; border: 0px; }
#order #ogonePayment .ncoltable2 input.ncol:hover { cursor: pointer; cursor: URL; background: url('img_btn150_bgfff.png') bottom; }

#order #ogonePayment .ncoltable3 { width: 100%; border: 1px solid #eaeaea; font-size: 110%; font-weight: normal; }
#order #ogonePayment .ncoltable3 td.ncollogoc { padding-top: 6px; }
#order #ogonePayment .ncoltable3 table { width: 100%; margin: 0; }
#order #ogonePayment .ncoltable3 input.ncol { cursor: pointer; cursor: URL; margin: 0 0 3px 0; padding: 0; background: url('img_btn100_bgfff.png') top; width: 100px; height: 28px; color: #ffffff; border: 0px; }
#order #ogonePayment .ncoltable3 input.ncol:hover { cursor: pointer; cursor: URL; background: url('img_btn100_bgfff.png') bottom; }

/*--------dit wegdoen als je klaar bent-------*/
#order table.listing td {}
#order table.listing td.emphasis, #order table.listing span.emphasis {
	color: #666;
	white-space: nowrap;
}
#order table.listing td.priceTotal {
	font-weight: bold;
}
#order table.listing .specificShipToImage img { /* image that indicates an item specific ship to address */
	width: 15px;
	height: 10px;
	border-top: 1px solid 
}
#order #personalInformationBoxes { /* surrounding <div> for personal information boxes (order details, checkout process) to align all following elements after boxes 
(and not floated) */
	display: block;
}
* html #order #personalInformationBoxes { /* ie: create bottom space */
	margin-bottom: 12px;
}
*+html #order #personalInformationBoxes { /* ie7: create bottom space */
	margin-bottom: 12px;
}
#order .personalInformationBox {
	float: left;
	margin: 0 8px 12px 0;
	border-right: 1px solid #ccc; /* no border-top not to set headline 1px to high */
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#order .personalInformationBox {
	min-height: 164px;
}
* html #order .personalInformationBox { /* ie: set height for ie because it doesn't understands min-height, set height only for ie because it stretches the <div> 
automatically if the content is too long, mozilla does not */
	height: 164px;
}
#order .personalInformationBox div.personalInformationBoxBody { /* only if a div has this class */
	padding: 3px 8px 0 8px;	
	line-height: 1.9em;
}
#order .personalInformationBox div.personalInformationBoxBody p { /* reset line-height */
	padding-top: 5px;
	line-height: 1em;
}

#order table.listing address { /* show addresses inline for "Different Shipping Adress" and "Desired Delivery Date" in basket */
	display: inline;
}
#order table.listing td.differentPropertyRowLeft { /* row for "Different Shipping Adress" and "Desired Delivery Date" in basket */
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #ccc;
	background: #eaeaea;
	color: #666666;
	padding: 0px 0px 0px 6.4em;
	text-indent: -5.5em;
}
#order table.listing td.differentPropertyRowRight {
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #ccc;
	padding: 0px;
}

/*!EO--------dit wegdoen als je klaar bent-------*/

#myAccount .inputSubmitButtons { 
  cursor: pointer; 
  cursor: URL; 
  margin: 5px 0 0 0; 
  padding: 0; 
  background: url('img_btn100_bgfff.png') top; 
  width: 100px; 
  height: 28px; 
  color: #ffffff; 
  border: 0px; 
}

#myAccount .inputSubmitButtons:hover { 
  color: #ffffff; 
  cursor: pointer; 
  cursor: URL; 
  background: url('img_btn100_bgfff.png') bottom; 
}

#myAccount .inputSubmitBtn100bgfff { 
  cursor: pointer; 
  cursor: URL; 
  margin: 5px 0 0 0; 
  padding: 0; 
  background: url('img_btn75_bgfff.png') top; 
  width: 75px; 
  height: 28px; 
  color: #ffffff; 
  border: 0px; 
}

#myAccount .inputSubmitBtn100bgfff:hover { 
  color: #ffffff; 
  cursor: pointer; 
  cursor: URL; 
  background: url('img_btn75_bgfff.png') bottom; 
}

#myAccount .inputSubmitBtn125bgfff { 
  cursor: pointer; 
  cursor: URL; 
  margin: 5px 0 0 0; 
  padding: 0; 
  background: url('img_btn125_bgfff.png') top; 
  width: 125px; 
  height: 28px; 
  color: #ffffff; 
  border: 0px; 
}

#myAccount .inputSubmitBtn125bgfff:hover { 
  color: #ffffff; 
  cursor: pointer; 
  cursor: URL; 
  background: url('img_btn125_bgfff.png') bottom; 
}

#myAccount .inputSubmitBtn150bgfff { 
  cursor: pointer; 
  cursor: URL; 
  margin: 5px 0 0 0; 
  padding: 0; 
  background: url('img_btn150_bgfff.png') top; 
  width: 150px; 
  height: 28px; 
  color: #ffffff; 
  border: 0px; 
}

#myAccount .inputSubmitBtn150bgfff:hover { 
  color: #ffffff; 
  cursor: pointer; 
  cursor: URL; 
  background: url('img_btn150_bgfff.png') bottom; 
}

/******* sitemap *******/
#sitemap {
  margin-top: 0px;
}

#sitemap div.layoutAlignment div.layoutBox1, #sitemap div.layoutAlignment div.layoutBox1 {
	width: 300px; /* each column */
}
#sitemap h3 {
	margin-bottom: 10px;
	width: 247px;
}
#sitemap h3 a, #sitemap h3 a:link, #sitemap h3 a:visited { /* there's always a link within the <h3> */
	display: block;
	padding: 4px 8px 2px 8px;
	background: #eaeaea; /* default background */
	color: #333;
	/* link is underlined */
}
#sitemap ul {
	width: 230px;
}
#sitemap ul ul ul {
	margin-bottom: 0 !important; /* no bottom margin at 3rd level */
}
#sitemap ul ul {
	width: auto !important;	/* reset width, only use the main width definition for #sitemap ul */
}
/* li */
#sitemap li {
	padding-left: 17px;
	font-weight: bold; /* only the first level <li> is bold */
}
/* li li */
#sitemap li li {
	font-weight: normal !important; /* all other <li>'s are not bold */
}

/******* user account / addresses *******/
#workingTemplate ul#genericList {
	margin-bottom: 20px;
}

#workingTemplate ul#genericList li {
	display: block;
	margin-bottom: 3px;
	padding: 9px 0px 4px 48px;
	background: #eaeaea;
}
#workingTemplate ul#genericList li div.layoutAlignment div.layoutBox1 {
	width: 400px;
}


/***** styling for SaferPay Popup *****/
#saferpayPopup img {
	float: left;
	margin: 20px 10px 10px 10px;
}
#saferpayPopup .descriptionText {
	float: left;
	width: 280px;
	margin: 22px 10px 10px 0px;
}
#saferpayPopup .descriptionText p {
	text-align: left;
	padding: 0px 0px 10px 0px;
}
#saferpayPopup .closeButton {
	clear: both;
	text-align: right;
	margin: 0px 15px 0px 15px;
}