/*------------------------------------------------------------
[Stylesheet - Application - cart.css]

Project: 		ExtraFilm
Version: 		2.0
Primary use:	E-commerce
-------------------------------------------------------------*/

/* - shoppingcart.html -- */
.sidebar {
	float:left; padding:0 12px 0 17px; width:356px}
.content .shoppingCart {
	float:left; padding:0 17px 0 12px; width:580px}
.shoppingCart .explanation {
	float:left; width:230px}
.shoppingCart .formActionCode {
	position:static}
.shoppingCart .actionCode {
	width:340px; margin-top:0}
.shoppingCart .actionCode .contentBox{
	padding:10px 20px 12px}
.actionCode .info img {
	 vertical-align:middle; cursor:pointer; margin-right:5px}
.actionCode .boxRcContent {
	padding:0}
.actionCode .applyCode {
	position:absolute;top:10px; right:15px}
.actionCode div.errorMessage {
	bottom:-27px; right:0; position:absolute; text-align:right; color:#ff0000; width:330px}
.shoppingCart .formDefault {
	overflow:visible}
/*.tblShoppingCart {
	width:100%; border-collapse:collapse; margin-top:5px}
table img, table input {
	 vertical-align:middle}
.tblShoppingCart tr {
	text-align:right}
.tblShoppingCart thead tr.tableHeader th {
	background:url(base/img/shoppingcart/tables/bg-thead.png) left bottom repeat-x;line-height:18px;padding:5px 13px 5px 0}
.tblShoppingCart thead .text-left {
	text-indent:18px;color:#9abf0f; font-size:15px}
.tblShoppingCart tr.tbodyData td, .tblShoppingCart tfoot td {
	line-height:24px; padding-right:13px}*/
.tblShoppingCart tr.tbodyData td.quantityForm {
	padding:0; text-align:center; width:65px}
/*.tblShoppingCart tbody tr.tbodyDivision th, .tblShoppingCart tbody tr.tbodyDivision td  {
	background:#d9d7e2 url(base/img/shoppingcart/tables/bg-th.png) repeat-x;line-height:34px; font-size:13px;
	font-weight:bold; border-bottom:#fff solid 1px; text-indent:18px}*/
.tblShoppingCart .tbodyData .product{
	padding-left:18px}
.tblShoppingCart .option .product{
	padding-left:30px}
.tblShoppingCart .tbodyData .product, .tblShoppingCart .tbodyData .change {
	text-align:left; width:110px}
.tblShoppingCart .tbodyData .change {
	color:#abaab3; text-align:right; padding-right:5px}
/*.tblShoppingCart tbody tr.tbodyData td {
 	background-color:#e0dee7}
.tblShoppingCart tbody th  a {
	font-size:11px; font-weight:normal}*/
.tblShoppingCart tfoot tr.borderTop td {
	background:url(base/img/shoppingcart/tables/bg-tfoot.png) left top repeat-x; padding-top:15px}
.tblShoppingCart tfoot .text-left {
	text-indent:190px}
.tblShoppingCart tfoot .discount td {
	color:#99BE0E; font-weight:bold}
.tblShoppingCart tfoot .totalPrice td {
	background:url(base/img/tables/bg-th.png) 107px 0 repeat-x}
.tblShoppingCart tfoot .totalPrice td strong {
	font-size:16px; font-weight:bold}
.tblShoppingCart tfoot .totalPrice td.text-left {
	font-size:13px; line-height:30px } 
.tblShoppingCart tfoot .totalPrice .price {
	color:#99BE0E}
.tblShoppingCart .quantity, .tblShoppingCart .price {
	font-weight:bold}
.tblShoppingCart tr.tbodyData td.price {
	padding-right:13px; width:45px/*FII*/}
.tblShoppingCart tr.tbodyData .quantity, .tblShoppingCart .quantity {
	padding:0; text-align:center}
.quantityForm input {
	width:25px; text-align:left; vertical-align:middle}
.inputBtnOk {
	width:19px; height:19px; cursor:pointer; vertical-align:middle; background:url(base/img/shoppingcart/tables/icon-ok.png) no-repeat;margin-left:4px;border:none} 
.shoppingCart .checkOut {
	margin-top:18px; float:right}
.shoppingCart .continueShopping {
	margin-top:15px; float:left} 
.shoppingCart .formShoppingCart {
	width:100%}

/* Impulse Buying CRM */
.impulseBuying {
	position:relative; width:314px; height:255px; margin-bottom:30px }
.impulseBuying .button {
	position:absolute; right:15px; bottom:10px}
.impulseBuying .button .btnMiddle {
	padding:0 20px}

/* FlowII */
.tblShoppingCart .trProduct td {
	border-top:1px solid #fff}
.tblShoppingCart tr.tbodyData td.thumb {
	width:62px; padding:0}
.tblShoppingCart .thumb div {
	width:50px; height:50px; background-color:#fff; border:1px solid #c3c0d1; text-align:center; font-size:3.5em; margin:5px auto 5px 10px}
.tblShoppingCart .thumb div img {
	padding-left:0; vertical-align:middle; font-size:11px}

/* - shoppingcart-bis1.html -- */
.tblDiscountOverview {
	width:100%; margin-top:35px; margin-bottom:15px}
.discountTblTitle {
	height:32px; background:url(base/img/shoppingcart/discountoverview-bgthead.png) repeat-x; font-weight:bold; font-size:12px; text-indent:17px; border-bottom:#d4d2de solid 1px }
.tblDiscountOverview tbody td {
	height:22px; border-bottom:#d4d2de solid 1px }
.discountType, .discountTotal {
	text-indent:17px; border-right:#d4d2de solid 1px; width:40%}
.discountAmount, .discountTotalAmount {
	text-align:right; width:60%; padding-right:270px; font-weight:bold}
.discountTotalAmount {
	color:#99BE0E}

/* - shoppingcart-bis2.html -- */
.shoppingCart .infoMessage {
	color:#99be0e; font-weight:bold; clear:both; padding-top:15px; padding-bottom:0px}

/* - shoppingcart-manageFriends.html -- */
.manageFriends form {
	margin-bottom:0}
.manageFriends table {
	width:100%; margin-top:10px }
.manageFriends table tr th, .manageFriends table tr td {
	text-align:left; text-indent:20px;vertical-align:middle}
.manageFriends tr.tbodyData td {
	line-height:30px} 
.manageFriends table tr td.addContact {
	text-align:right; padding-right:0}
.manageFriends .addContactBtn {
	padding-bottom:5px}
.manageFriends thead tr.tableHeader th.text-left {
	text-indent:18px}
.manageFriends thead tr.colHeaders th, tbody tr.colHeaders td  {
	background:#d9d7e2 url(base/img/tables/bg-th.png) repeat-x;height:34px; font-size:13px;
	font-weight:bold; border-bottom:#fff solid 1px}
.manageFriends thead tr.colHeaders th, thead tr.colHeaders td  {
	font-size:11px}
.manageFriends thead tr.colHeaders th.firstName {
	text-indent:78px}
	
/* shoppingcart-deliverypayment.html -- */
.delivery .pageTitle {
	margin-bottom:50px}
.delivery {
	margin-left:20px; position:relative; margin-right:20px; width:960px}
.shoppingflow {
	position:relative;top:0px;right:0px;float:right}
.singleupload .shoppingflow {
	margin-top:18px}
.bgDelivery {
	width:506px; float:left; height:185px; background:url(base/img/shoppingcart/delivery.jpg) left 0px no-repeat; z-index:1;left:-1px}
.rightBox {
	width:391px; position:relative; float:right; height:146px; top:-21px}
/* smaller width for swedish sms warning */
.smallDelivery{margin-left:220px; width:760px}

/* - shoppingcart-deliverypayment-checkout.html -- */
.headerPayment {
	border-bottom:#99BE0E 1px solid;height:20px;padding-left:17px;font-size: 15px;font-weight: bold;color: #99BE0E}
.headerPayment .infoTop {
	position:absolute;right:0}
p.introTextPayment {
	margin-left:15px;margin-bottom:20px}
.bodyPayment, .bodyUploadMethod {
	background-color:#E0DEE7;font-weight:normal;background-color:#E0DEE7;margin-top:2px}
.bodyPayment {
	position:relative}
.bodyUploadMethod p {
	margin-right:20px}
.headingPayment {
 	background-image:url(base/img/shoppingcart/bgBillingHead.png);background-position:top;background-repeat:no-repeat;width:100%;text-indent:18px;padding-top:10px;padding-bottom:10px;border-bottom:#FFFFFF 1px solid}
.bodyInPayment {overflow:hidden}
.bodyInPayment p.float-left {
	margin-right:10px!important}
div.formDelivery a.clickHereSmall {
	clear:both; float:none!important; display:block; position:relative; margin:0!important}
.bodyInPayment, .bodyInUploadMethod {
	background-color:#E0DEE7;width:449px;padding:14px 0 20px 18px;font-weight:normal;line-height:14px}
.bodyInPayment .formDelivery .left-ol {
	float:none}
.scPaymentColLeft, .scPaymentColRight {
	width:467px;position:relative;float:left;overflow:hidden}
.scPaymentColLeft {		
	margin-right:25px}
.scPaymentLB, .scPaymentRB {
	width:467px;margin-bottom:20px}
.payementBig {
	font-size:13px;font-weight:bold}
.payementSmall, .payementSmall a {
	font-size:11px;font-weight:normal}
.payementBold {
	font-weight:bold}
table.totalPrice {
	margin-top:10px;margin-left:18px}
table.totalPrice td.label {
	width:340px;height:20px;text-align:left;left:2px}
table.totalPrice td.price {
	text-align:right;font-weight:bold;width:80px}
.editAddress { position:absolute; top:57px; right:20px}
.bodyInPayment .cart-total {
	margin-right:29px}
.discount td {
	color:#99BE0E; font-weight:bold}
	
/* - shoppingcart-deliverypayment-checkout.html -- */
.delivery .join {
	position:absolute; right:23px;top:146px}

/* - myextrafilm-myprofile.html / myextrafilm-myprofile-saved.html -- */
.myExtraFilmLeft {
	width:180px;position:relative;float:left;border-right:#e0e0e0 solid 1px;margin-right:10px;padding:0 20px 0px 20px;margin-top:15px}
.myExtraFilmMain {
	position:relative;float:none;width:700px;margin-right:20px;margin-left:220px}
.myExtraFilmIntro {
	clear:both;width:760px;margin-bottom:-5px}
.myExtraFilmMainContent {
	margin:0px;width:760px}
.myExtraFilmMainLeft {
	float:left;width:375px;margin:0px;position:relative}
.myExtraFilmMainRight {
	float:right;width:375px;margin:0px;position:relative}

/* -- http://www.extrafilm.be.stage/cart/editfriend.aspx -- */
.myExtraFilmMain .boxRcBig .boxRcContent {
	padding-bottom:10px}
/*.myProfileSave {
	position:relative; float:right}*/
div.greenMessage {
	top:10px;color:#6B9304;font-size:12px;font-weight:bold;position:absolute;right:14px;text-align:right}
.imgCal {
	background:url(base/img/icons/icon-cal.png) no-repeat;width:25px; height:23px; position:absolute; top:0px; right:-16px; display:block;cursor:pointer}
.prefCB label {
	width:290px}
.ajax__calendar .ajax__calendar_container {
	z-index:21}