/* ================================================================ */
/* === ALGEMEEN =================================================== */
/* ================================================================ */

body {
	font-family: Verdana, Arial, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 11px;
	background: url(/images/chocolat3.gif) repeat-Y #FFFEF4;
}

sup, sub {
   	vertical-align:baseline; /* IE can do this... */
   	position:relative;
   	top:-.5em;
}

form { padding: 0; margin: 0; }

img { border: 0; }

td, th { font-size: 11px; vertical-align: top; color: #000000; }

th { text-align: left; padding-right: 5px; }

ul { line-height: 18px; color: #000000; }

a { color: #000000; }
a:hover { color: #EE3224; }

h1 { font-size: 20px; }
h2 { font-size: 11px; color: #48220D; margin: 0; }
h3 { color: #A36435; margin: 0; font-size: 11px; }
h4 { color: #A36435; margin: 0 0 5px 0; font-size: 11px; padding: 0; }

.clear { clear:both; }

.giveID {
	float: right;
	color: red;
	border: 1px dotted red;
	padding: 1px;
}

/* ================================================================ */
/* === CONTAINER ================================================== */
/* ================================================================ */

.container { width: 100%; color: #000000; }

.leftpart {	background: #FFEDBC; width: 10%; }

.top { height: 80px; color: #FEF4D8; background: #FFFEF4; }
.top .logo { float: left; margin: 0 50px 0 10px; }
.top .beelden { float: left; }

/* ================================================================ */
/* === LEFT ======================================================= */
/* ================================================================ */

.navigation { width:165px; }

.navigation ul.sectionNav {
	margin:0;
	padding:0;
	font-size: 11px;
	line-height: 16px;
    list-style-type: none;
    color: #000000;
}

.navigation ul.sectionNav a { display: block; width: 165px; }

.navigation ul.sectionNav li.level1 {
    border-bottom: 1px solid #6D6F71;
    text-transform: uppercase;
    font-weight: bold;
}

.navigation.zoeken ul.sectionNav li.level1 { border-top: 1px solid #6D6F71; }

.navigation ul.sectionNav li.level1 a,
.navigation ul.sectionNav li.activelevel1 a {
	width: 155px;
	padding-left: 10px;
}
.navigation ul.sectionNav li.activelevel1 a { color: #FFFEF4; }

.navigation ul.sectionNav li.level1 a {
    color: #000000;
	text-decoration: none;
}

.navigation ul.sectionNav li.parentactive1 a,
.navigation ul.sectionNav li.level1 a:hover {
	background-color: #EE3224;
	color: #FFFEF4;
}

.navigation ul.sectionNav li.level2 {
    border-bottom: 1px solid #6D6F71;
    background-color: #FDF5DF;
    font-weight: normal;
    text-transform: none;
    line-height: 10px;
}

.navigation ul.sectionNav li.level2 a,
.navigation ul.sectionNav li.activelevel2 a {
    background-color: #FDF5DF;
	padding-left: 15px;
	width: 150px;
	font-size: 11px;
}

.navigation ul.sectionNav li.level2 a:hover { color: #EE3224; }

.navigation ul.sectionNav li.activelevel2 {
    border-bottom: 1px solid #6D6F71;
    line-height: 10px;
    background-color: #A58684;
    font-weight: normal;
    text-transform: none;
}

.navigation ul.sectionNav li.level2 a {
    color: #000000;
	text-decoration: none;
	padding: 2px 0 2px 15px;
}

.navigation ul.sectionNav li.activelevel2 a {
    background-color: #FFEDBC;
    color: #EE3224;
	text-decoration: none;
	padding: 2px 0 2px 15px;
}

.navigation ul.sectionNav li.parentactive2 { background-color: #FFEDBC; }
.navigation ul.sectionNav li.parentactive2 a { color: #EE3224; }
.navigation ul.sectionNav li.level2 a:hover { background-color: #FFEDBC; }

.navigation div.level3div {	position: absolute; top: 0px; left: 165px;	Z-INDEX: 4; visibility: hidden; }
.navigation div.level3div ul { margin: 0; padding: 0; font-size: 11px; line-height: 14px; list-style-type: none; color: #FEF4D8; }
.navigation div.level3div ul a { display: block; width: 100%; padding: 2px 10px 2px 10px; font-style: italic; }
.navigation div.level3div ul li.level3 a:hover { color: #EE3224; }
.navigation div.level3div ul li.level3 { background-color: #FFEDBC; border-bottom: 1px solid #6D6F71; line-height: 12px; }
.navigation div.level3div ul li.level3 a { color: #6D6F71; text-decoration: none; white-space: nowrap; }

.search {
	padding: 5px 0 10px 10px;
	width: 155px;
	background-color: #FFFEF4;
}

.informed { padding: 5px 0 10px 10px; background-color: #FFEDBC; }
	
.search,
.informed {
	color: #000000;
	font-size: 11px;
	text-align: left;
}

.duo {
	float: left;
	margin-top: 20px;
	padding-left: 10px;
	color: #FEF4D8;
	font-size: 10px;
}

.duo a {
	color: #FEF4D8;
	text-decoration: none;
}

.landNews {
	background-color: #6D6F71;
	width: 155px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	color: #FEF4D8;
	font-size: 9px;
}

.landNews a { color: #FEF4D8; font-size: 9px; }

a#sendToFriend { background: url(/images/back_sendto.jpg) no-repeat; padding: 12px 14px 14px 53px; margin: 15px 0 0 2px; float: left; text-decoration: none; color: #fff; }
a:hover#sendToFriend { color: #000; }

/* ================================================================ */
/* === SUBMENU TOP ================================================ */
/* ================================================================ */

.submenu { background-color: #FFEDBC; height: 21px;	margin: 2px 0 0 0; }

.submenu .left { float: left; width: 400px; }
.submenu .right { float: right;	width: 200px; }

.submenu .left a,
.submenu .right a {
	color: #000000;
	text-decoration: none;
	padding: 4px 5px 4px 5px;
	display: block;
}

.submenu .left a { border-left: 2px solid #FEF4D8; float: left; }
.submenu .left a.active,
.submenu .left a:hover,
.submenu .right a.active,
.submenu .right a:hover {
	background-color: #EE3224;
	color: #FFFFFF;
}

.submenu .right a {	border-right: 2px solid #FEF4D8; float: right; }

/* ================================================================ */
/* === CONTENT ==================================================== */
/* ================================================================ */

.mainpart {	padding: 20px 25px 0 15px; width: 95%; }

.path {	color: #EE3224;	height: 50px; }
.path a {
	font-family: Times, serif;
	color: #EE3224;
	text-decoration: none;
}
.path .pathfirst { font-size: 21px;	font-weight: bold; }
.path .pathnormal {	font-size: 15px; }
.path .pathlast { font-size: 15px; font-weight: bold; }

.intro {
	color: #000000;
	font-size: 11px;
	font-style: italic;
	margin: 0 0 15px 0;
}

.searchAgain {
	width: 587px;
	text-align: right;
	margin: 5px 0 5px 0;
}

.searchResults { width: 590px; margin: 0 0 15px 0; }
.searchResults td {	padding: 0 3px 3px 0; }
.searchResults .details,
.searchResults .next {
	text-align: right;
	white-space: nowrap;
}

.fotoTechnicalAdvisor {
	float:left;
	margin: 0 10px 30px 0;
	border: 2px solid #48220D;
}

.tableTitle td {
	background-color: #000000;
	color: #FFFEF4;
	line-height: 16px;
}

.tableTitle td a { color: #FEF4D8; text-decoration: none; }

.searchResults .results { font-size: 9px; padding-left: 3px; }
.searchResults .next { font-size: 9px; font-weight: bold; }

.images {
	float:right;
	padding: 0 0 10px 10px;
	/*width: 200px;*/
}

.images img { padding: 0 0 5px 0; }
.images img.left { float:left; padding: 0 10px 10px 0;}
.images img.right { float:right; padding: 0 10px 10px 0;}
.images img.new { padding: 10px 10px 10px 10px;}

.imagesLeft { float: left; padding: 0 10px 10px 0; }

.print { float: right; }

/* ================================================================ */

.favorites,
.producttype,
.product,
.recipe,
.events,
.eventdetail {
	/*border: 1px solid #6F6F71;*/
	border-collapse: collapse;
	width: 500px;
	margin: 25px 0 0 0;
}

.favorites td,
.favorites th,
.producttype td,
.producttype th,
.product td,
.product th,
.recipe td,
.recipe th,
.events td,
.events th,
.eventdetail td,
.eventdetail th {
	padding: 3px;
	border: 1px solid #6F6F71;
}

.favorites th,
.producttype th,
.product th,
.recipe th,
.events th {
	background-color: #000000;
	color: #FFFEF4;
}

.producttype td,
.product td {
	font-size: 10px;
}

.producttype .substance {
	text-align: center;
	width:60px
}

.producttype .type {
	white-space: nowrap;
	padding-right: 15px;
}

/* ================================================================ */

.favorites,
.product,
.recipe,
.events,
.eventdetail,
.register {
	margin: 0 0 15px 0;
}

.crosslink {
	border: 3px solid #48220D;
	padding: 2px;
	width: 150px;
	margin-left: 25px;
}

.add2favorites {
	padding: 3px;
	text-align: center;
	width: 55px;
	font-size: 10px;
}

.add2favorites a { text-decoration: none; }

.checkbox {	width: 55px; text-align: center; }

/* ================================================================ */

.recipeOverview {
	float: left;
	width: 250px;
	margin: 0 10px 10px 0;
	height: 80px;
}

.dropShadow {
	float: left;
	width: 65px;
	margin: 0 5px 0 0;
}

.text {
	width: 175px;
	float: left;
	padding: 10px 0 0 0;
}

.eventContainer,
.productContainer,
.recipeContainer {
	width: 795px;
	margin: 0 0 15px 0;
}

.recipe { width: 550px; }
.recipe th a { color: #FFFEF4; }
.recipe .recipeTitle {
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
}

.recipe .recipeTitle span.creator {
	font-weight: normal;
	font-style: italic;
	font-size: 9px;
}

.assemblyimage { float: left; padding-right: 10px; }

.assemblytext,
.subrecipe {
}

.subrecipe .totop {	text-align: right; }

/* ================================================================ */

.events,
.register {	width:590px; }

.eventdetail {
	width: 400px;
	float: left;
	margin: 0 15px 0 0;
}

.register td { text-align:center; }

.register th { text-align: left; }

/* ================================================================ */


.homepage {	padding: 0 0 0 25px; width:590px; }
.homepage h1 {
	font-size: 28px;
	color: #EE3224;	
	font-family: Times, serif;
	font-weight: normal;
	line-height: 24px;
}

.homepage h2 {
	font-size:14px;
	font-weight: bold;
	color: #000000;	
}

.homepagetable .text1,
.homepagetable .text2 {	border-top: 1px solid #EE3224; }

.homepagetable .text1 td,
.homepagetable .text2 td { padding: 0 5px 0 5px; }
.homepagetable td.imagetd {	border-top: 1px solid #EE3224; }
.homepagetable td.imagetd2  { border-top: 1px solid #EE3224; border-bottom: 1px solid #EE3224; }

.homepagetable td.imagetd img,
.homepagetable td.imagetd2 {
	border-left: 1px solid #EE3224;
	border-right: 1px solid #EE3224;
}

.homepagetable td.smallimgtd { white-space: nowrap; }

.homepagetable td.smallimgtd img {
	border-top: 1px solid #EE3224;
	border-bottom: 1px solid #EE3224;
	border-left: 1px solid #EE3224;
	width: 48px;
	height: 48px;
}

.homepagetable td.smallimgtd img#lastimg {
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid #EE3224;
	width: 1px;
	height: 50px;
}

.homepagetable .subTitle { font-weight: bold; line-height: 20px; }

.homepagetable a,
.countryItem a.startitemlink {
	color: #000000;
	font-weight: bold;
}

.homepagetable a:hover { color: #EE3224; }

/* ================================================================ */

.contactUs td.tdInfo { width: 180px; }

.contactUs td,
.contactUs th, 
.keepInformed td,
.keepInformed th,
.contest th,
.contest td { padding: 5px 0 5px 0; }

.contactUs th,
.keepInformed th,
.contest th { font-weight:bold; }

.contactUs .must,
.keepInformed .must { color: #000000; }

.buttons { padding: 15px 50px 0 0; float: right; }

.buttons td {
	text-align:center;
	color: #000000;
	padding-left: 10px;
}

/* ================================================================ */

div.countryItem {
	margin: 0 0 15px 0;
	padding-top: 0;
	/*border-bottom: 1px dotted #6D6F71;*/
}
div.countryItem a {	font-weight: bold; }
div.countryItem p {	margin-top: 0; padding-top: 0; }
div.countryItem img { float: right;	margin: 5px 0 10px 10px; }

#ecommerce { width: 780px; position: relative; }
#ecommerce table { width: 100%;	border: 1px solid #D9D9D4; padding: 0; margin: 0; clear: both; }
#ecommerce table td { background: #EFE8DF; padding: 5px; margin: 0; }
#ecommerce table td.weight,
#ecommerce table td.number,
#ecommerce table td.price {	text-align: right; }
#ecommerce table td input {	font-size: 11px; margin: 0 0 4px 0; padding: 0; width: 50px; }
#ecommerce table td.quantity { width: 55px; }
#ecommerce table th { background: #693C2F; color: #fff; padding: 4px; margin: 0 0 5px 0; font-weight: normal; }
#ecommerce form { clear: both; }
#ecommerce .submitCart { float: right; width: 109px; height: 23px; }

a.DelFromBasket { background: url(/images/trash.gif) no-repeat right; padding: 0 18px 5px 0; color: red; }
a:hover.DelFromBasket { color: #000; }

#basketInfo {
	position: absolute;
	top: -15px; 
	left: 580px;
	height: 39px;
	padding: 0 0 0 65px;
	margin: 35px 0 0 150px;
	background : url(/images/cart_left.jpg) no-repeat left top; 
	width: 200px;
}
#basketInfo p { background : url(/images/cart_mid.jpg) repeat-x top left; padding: 11px 0 14px 0; margin: 0;  color: #fff; }
#basketInfo a { color: #fff; text-decoration: underline; font-size: 14px; padding: 0; margin: 0; }
#basketInfo a:hover { color: #000; }
#basketInfo span { background : url(/images/cart_right.jpg) no-repeat top right; float: right; color: red; display: block; width: 11px; height: 39px; }

#ecommerce #msg { border: 1px solid green; margin: 0 0 25px 15px; padding: 13px 5px 13px 20px; width: 35%; position: relative; background: #fff; float: right; }
#ecommerce #msg span { background: url(/images/ecommerce_ok.jpg) no-repeat left; position: absolute; top: 4px; left: -15px; width: 30px; height: 30px; display: block; }
#ecommerce #errormsg { border: 1px solid red; margin: 0 0 25px 15px; padding: 13px 5px 13px 20px; width: 35%; position: relative; background: #fff; float: right; }
#ecommerce #errormsg span { background: url(/images/ecommerce_alert.jpg) no-repeat left; position: absolute; top: 4px; left: -15px; width: 30px; height: 30px; display: block; }

#ecommerce .navigation { width: 100%; overflow: hidden; float: left; margin: 15px 0 0 0; }
#ecommerce .navigation .previous { float: left; background: url(/images/nav_bruin.jpg) no-repeat top left; padding: 9px 32px 9px 32px; margin: 0; color: #fff; text-decoration: none; }
#ecommerce .navigation .calculate { float: left; background: url(/images/nav_bruin.jpg) no-repeat top left; padding: 9px 70px 9px 70px; margin: 0; color: #fff; text-decoration: none; }
#ecommerce .navigation .next { float: right; background: url(/images/nav_bruin.jpg) no-repeat top left; padding: 9px 50px 9px 55px; margin: 0; color: #fff; text-decoration: none; }
#ecommerce .navigation .paynow { float: right; background: url(/images/nav_bruin.jpg) no-repeat top left; padding: 9px 60px 9px 70px; margin: 0; color: #fff; text-decoration: none; }
#ecommerce .navigation .back { float: left; background: url(/images/nav_bruin.jpg) no-repeat top left; padding: 9px 70px 9px 65px; margin: 0; color: #fff; text-decoration: none; }
#ecommerce .navigation .cancel { float: left; background: url(/images/nav_bruin.jpg) no-repeat top left; padding: 9px 70px 9px 70px; margin: 0; color: #fff; text-decoration: none; }
#ecommerce .navigation a:hover { background: url(/images/nav_bruin_over.jpg) no-repeat top left; }

/*
#ecommerce .navigation a:hover.previous { background: url(/images/nav_bruin_over.jpg) no-repeat top left;  }
#ecommerce .navigation a:hover.calculate { background: url(/images/nav_bruin_over.jpg) no-repeat top left; }
#ecommerce .navigation a:hover.next { background: url(/images/nav_bruin_over.jpg) no-repeat top left; }
#ecommerce .navigation a:hover.paynow { background: url(/images/nav_bruin_over.jpg) no-repeat top left; }
#ecommerce .navigation a:hover.back { background: url(/images/nav_bruin_over.jpg) no-repeat top left; }
#ecommerce .navigation a:hover.cancel { background: url(/images/nav_bruin_over.jpg) no-repeat top left; }
*/

#ecommerce #detailsForm .info {	float: right; }
#ecommerce h2 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #693C2F; }
#ecommerce div.Titletable { font-size: 13px; font-weight: normal; margin: 10px 0 0 0; padding: 0; background: url(/images/ecommerce_h2_right2.jpg) top left repeat-x; color: #fff; float: left; width: 780px; }
#ecommerce div.Titletable p { background: url(/images/ecommerce_h2_mid.jpg) top left repeat-x; padding: 3px 0 3px 0; margin: 0; display: block; float: left; }
#ecommerce div.Titletable span.left { background: url(/images/ecommerce_h2_left.jpg) top left no-repeat; padding: 0; margin: 0; width: 8px; height: 22px; display: block; float: left; }
#ecommerce div.Titletable span.right { background: url(/images/ecommerce_h2_right.jpg) top left no-repeat; padding: 0; margin: 0; width: 35px; height: 22px; display: block; float: left; }
#ecommerce h3 {	font-size: 14px; margin: 0 0 20px 0; }
#ecommerce dl {	width: 50%;	float: left; }
#ecommerce #order {	clear: both; }
#ecommerce #orderlines { clear: both; }
#ecommerce #contactInfo {
	float: left;
	width: 100%;
	border-top: 1px dotted black;
	padding-top: 10px;
	margin: 40px 0 20px 0;
}
#ecommerce #contactInfo p.phone {
	background: url( /images/icon_phone.jpg) no-repeat;
	padding: 6px 0 6px 30px;
	font-weight: bold;
	color: #693C2F;
	float: left;
	margin: 0 15px 0 0;
}
#ecommerce #contactInfo p.fax {
	background: url( /images/icon_fax.jpg) no-repeat;
	padding: 6px 0 6px 30px;
	font-weight: bold;
	color: #693C2F;
	float: left;
	margin: 0 15px 0 0;
}
#ecommerce #contactInfo p.email {
	background: url( /images/icon_mail.jpg) no-repeat;
	padding: 6px 0 6px 30px;
	font-weight: bold;
	color: #693C2F;
	float: left;
	margin: 0 15px 0 0;
}
#ecommerce #contactInfo p.email a { color: #693C2F; text-decoration: none; }
#ecommerce #contactInfo p.email a:hover { color: red; }

#ecommerce #saveData { padding: 0; margin: 0 15px 15px 0; float: right; width: 300px; }
#ecommerce #saveData fieldset { width: 100%; } 
#ecommerce #saveData legend { padding: 8px 2px 10px 35px; margin: 0;  background: url(/images/ecommerce_alert.gif) no-repeat left top; }
#ecommerce #saveData label { width: 150px; }

#ecommerce a#linkPrintOrder { float: left; background: url(/images/ecom_print.jpg) no-repeat top left; padding: 9px 70px 9px 65px; margin: 0 0 10px 0; color: #fff; text-decoration: none; }
#ecommerce a:hover#linkPrintOrder { float: left; background: url(/images/ecom_print_over.jpg) no-repeat top left; }

#ecommerce form { margin: 0 0 15px 0; padding: 0; width: 100%; }
form#SendToAFriend { margin: 0 0 15px 0; padding: 0;  width: 100%; float: left; }
#ecommerce form fieldset, form#SendToAFriend fieldset { margin: 0 0 10px 0; padding: 5px; border: 1px solid #693C2F; background: #EFE8DF; float: left; width: 780px; }
#ecommerce form legend, form#SendToAFriend legend { margin: 0 0 10px 5px; padding: 2px; border: none; font-weight: bold; color: #693C2F; }
#ecommerce form div, form#SendToAFriend div { margin: 0 0 5px 0; padding: 0; float: left; width: 99%; }
#ecommerce form label, form#SendToAFriend label { margin: 0; padding: 0; float: left; width: 15%; }
#ecommerce form input, form#SendToAFriend input { margin: 0; padding: 0; float: left; width: 50%; }
#ecommerce form .radio, form#SendToAFriend .radio { margin: 0 5px 0 0; padding: 0; float: left; width: auto; clear: both; }
#ecommerce form textarea, form#SendToAFriend textarea { font-family: verdana, arial; font-size: 12px; width: 99%; }
#ecommerce .info { color: #aaa; }

#ecommerce table#basket { width: 780px;	border: 1px solid #D9D9D4; padding: 0; margin: 0; clear: both; }

table#basket div { margin: 5px 0 5px 0; width: 500px; }
table#basket p { margin:  3px 0 0 0; padding: 0; }
table#basket label { margin: 0; width: 450px; }
table#basket .radio { float: left; width: auto; clear: both; }

#savemydetails { width: 195px; height: 35px; }

#ecommerce form input#submitButton, form#SendToAFriend input#submitButton { margin: 5px 0 10px 0; padding: 0; width: auto; height: auto; clear: both; float: left; }
form#SendToAFriend small { float: left; clear: left; margin: 10px 0 0 0; }

#newcustomer { background: #693C2F; width: 349px; float: left; margin: 1px 0 0 0; border-right: 1px dotted #fff; }
#newcustomer span { background: url(/images/newcustomer.jpg) top left; width: 48px; height: 60px; float: left; margin: 5px 5px 5px 15px; }
#newcustomer a { background: url(/images/back_customer.jpg) top left; font-weight: bold; padding: 12px 50px 10px 48px; margin: 15px 0 0 0; float: left; text-decoration: none; color: green; }
#newcustomer a:hover { color: #421E14; }
#returningcustomer { background: #693C2F; width: 350px; float: left; margin: 1px 0 0 0; }
#returningcustomer span { background: url(/images/returningcustomer.jpg) top left; width: 48px; height: 60px; float: left; margin: 5px 5px 5px 15px; }
#returningcustomer a { background: url(/images/back_customer.jpg) top left; font-weight: bold; padding: 12px 35px 10px 35px; margin: 15px 0 0 0; float: left; text-decoration: none; color: green; }
#returningcustomer a:hover { color: #421E14; }

#ecommerce #shippingForm label { width: auto; }

a.forgotpassword { float: right; margin: 0 15px 0 0; }

#sendIntro { margin: 0 0 15px 0; float: left; width: 100%; }

#ecommerce dl { width: 770px; padding: 5px; border: 1px solid #ddd; margin: 0 0 10px 0; }
#ecommerce dt { float: left; width: 100px; clear: left; margin: 0 5px 5px 0; border-bottom: 1px dotted #ddd; color: #A36435; }
#ecommerce dd { float: left; width: 550px; margin: 0 0 5px 0;  border-bottom: 1px dotted #ddd; }

#ecommerce a#linkCopyBillingAddress { margin: 5px 0 15px 0; padding: 10px 20px 10px 50px; background: url(/images/copy_but.jpg) no-repeat top left; text-decoration: none; color: #fff; float: left; }
#ecommerce a:hover#linkCopyBillingAddress { background: url(/images/copy_but_over.jpg) no-repeat top left; }

.product td.buy { border: 0; }
.product th.buy { border: 0; background-color: transparent; }

#ecommerce #salesConditions { margin: 15px 0 0 0; padding: 0; }
#ecommerce #salesConditions input { width: auto; float: right; margin: 0 10px 0 0;}
#ecommerce #salesConditions label { width: auto; float: right; }

#ecommerce #steps { float: left; list-style-type: none; margin: 0 0 15px 0; padding: 0; }
#ecommerce #steps li { float: left; padding: 6px 8px 0 7px; height: 60px; background: url(/images/stepback_small.jpg) no-repeat; font-size: 18px; font-weight: bold; color: #A0857D; }
#ecommerce #steps div { display: none; font-weight: normal; font-size: 11px; }
#ecommerce #steps li:hover,
#ecommerce #steps li.sfhover,
#ecommerce #steps li.active { width: 189px; background: url(/images/stepBack_big.jpg) no-repeat; font-size: 36px; font-weight: bold; padding: 7px 0 5px 11px; }
#ecommerce #steps li.active div,
#ecommerce #steps li.sfhover div,
#ecommerce #steps li:hover div { display: block; float: right; width: 150px; margin: 0 2px 0 0; padding: 0; color: #fff; }
#ecommerce #steps li:hover div span,
#ecommerce #steps li.active div span {font-weight: bold; color: #693C2F;}

h2#returningC, h2#newC { background: url(/images/customerR_m.jpg) repeat-x top left; padding: 24px 0 0 0; float: left; color: #fff; width: 40%; position: relative; }
h2#returningC div { background: url(/images/customerR_b.jpg) no-repeat top left; padding: 56px 0 0 56px; margin: -24px 0 0 0; float: left; }
h2#returningC span, h2#newC span { background: url(/images/customerR_e.jpg) no-repeat top right; height: 56px; padding: 0 19px 0 0; margin: 0; position: absolute; top: 0; right: 0; color: #fff;  }
h2#newC div { background: url(/images/customerN_b.jpg) no-repeat top left; padding: 56px 0 0 56px; margin: -24px 0 0 0; float: left; }

#discountBut { padding: 45px 0 45px 0; height: 128px; width: 128px; color: #fff; letter-spacing: -2px; text-align: center; font-weight: bold; font-size: 27px; position: absolute; top: 130px; left: 830px; background: url(/images/discount.gif) no-repeat top left; }

#ecommerce a.next { float: right; background: url(/images/but_retrieve.jpg) no-repeat top left; padding: 9px 20px 9px 25px; margin: 0; color: #fff; text-decoration: none; }
#ecommerce a:hover.next { background: url(/images/but_retrieve_over.jpg) no-repeat top left; }

#prodIntro { display: none; clear: both; border: 1px solid red; width: 40%; padding: 5px 5px 5px 20px; margin: 0; position: absolute; top: -50px; right: 0; background: #fff; }
#prodIntro span { background: url(/images/ecommerce_alert.jpg) no-repeat left; position: absolute; top: 5px; left: -15px; width: 30px; height: 30px; display: block; }
a#linkInfo { position: absolute; top: -50px; right: 150px; background: url(/images/alert_sign.jpg) no-repeat; padding: 5px 0 0 30px; height: 30px; }


/* unsubscribe ================================================================ */
#unsubscribe {
	font-family: Verdana, Arial, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 13px;
	background: url(/images/bckgr_unsubscribe.gif) repeat-Y;
	text-align: center;
}
#unsubscribe_wrapper { position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -350px; width: 700px; height: 200px; text-align: center; }
#unsubscribe a { display: block; }




/* online demos ================================================================ */

.loginRegister { float: left; margin: 10px 0 0 0; }

fieldset#loginnow,
fieldset#registernow,
fieldset#forgotpw { position: relative; width: 320px; margin-top: 10px; margin-bottom: 10px; padding: 17px 0 10px 0; border: 1px solid #4D1B13; overflow: hidden; }
fieldset#loginnow { margin-right: 30px; }
fieldset#loginnow p, fieldset#registernow p { margin-top: 12px; padding: 0 10px; }
/*fieldset#loginnow legend,
fieldset#registernow legend,
fieldset#forgotpw legend { display: block; width: 310px; margin: 0; padding: 5px; background: #4D1B13; color: #FFF; }
*/
fieldset#loginnow legend span,
fieldset#registernow legend span,
fieldset#forgotpw legend span { position: absolute; left: 0; width: 310px; margin: 0; padding: 5px; background: #4D1B13; color: #fff; }

fieldset#loginnow label,
fieldset#registernow label,
fieldset#forgotpw label { float: left; width: 90px;/*width: 85px;*/ padding: 2px 10px 0 0; text-align: right; font-weight: bold; }
fieldset#loginnow input,
fieldset#registernow input,
fieldset#forgotpw input { width: 185px;/*width: 190px;*/ }

#whatpassword { margin-left: 95px; }
#loginnow .buttons, #registernow .buttons, #forgotpw .buttons { display: block; margin-right: 24px; padding-right: 0; }
#loginnow .buttons td, #registernow .buttons td, #forgotpw .buttons td { vertical-align: middle; padding: 0; }
.needhelp { width: 290px; margin: 20px 10px; }
.needhelp a { text-decoration: underline; }


ul#movieList { list-style: none; margin: 15px 0 0 0; padding: 0; line-height: 14px; }
ul#movieList li { clear: both; width: 100%; margin: 0 0 15px 0; padding: 0; }
ul#movieList li h2 { margin: 0; padding: 0; }
ul#movieList li img { float: left; margin: 0 15px 15px 0; }
ul#movieList li p { padding: 0; margin: 0 0 10px 0; }