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

Project: 		ExtraFilm
Version: 		2.0
Primary use:	E-commerce
-------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	background:transparent;border:0;margin:0;outline:0;padding:0;vertical-align:baseline}
html {
	font-size: 75%; font-family: Arial, sans-serif}
html, body {
	width:100%}
ol,ul {
	list-style:none}
blockquote,q {
	quotes:none}
:focus {
	outline:0}
ins {
	text-decoration:none}
del {
	text-decoration:line-through}
table {
	border-collapse:collapse;border-spacing:0}
table img {
	 vertical-align:middle}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: bold; }
tr,th,td {
	vertical-align:middle}
cite, em, dfn {
	font-style: italic; }
code, kbd, samp, pre, tt, var {
	font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del {
	text-decoration: line-through; color: #666; }
ins, dfn {
	border-bottom: 1px solid #ccc; }
small, sup, sub {
	font-size: 85%; }
abbr, acronym {
	text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a[class~=button] {
	display:block}
a abbr, a acronym {
	border: none; }
abbr[title], acronym[title], dfn[title] {
	cursor: help; border-bottom: 1px solid #ccc; }
sup {
	vertical-align: super; }
sub {
	vertical-align: sub; }
button {
	border:0; background-color:transparent; cursor:pointer}
/*------------------------------------------------------------
[Stylesheet - Application - frame-structure.css]

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

[Table of contents]

1.	Frame
2.	Header
3.	Content
4.	Footer
-------------------------------------------------------------*/

/*------------------------------------------------------------

[1.	Frame]

-------------------------------------------------------------*/
html {
	overflow-y: scroll;}
body {
	text-align:center; }
.container {
	margin:0 auto; height:100%; text-align:left; width:1000px; min-height:100%}
.containerBig {
	margin:0 auto; height:100%; text-align:left; width:100%; min-height:100%; min-width:1000px}

/*------------------------------------------------------------

[2.	Header]

-------------------------------------------------------------*/

.header {
	float:left;	height:auto; width:100%; position:relative;}
.logo-main{ 
	position: relative; float:left; width:700px; height:auto;}
.header span.extrafilmLogo { 
	position:relative; float:left; width:300px; height:52px; display:block;}
.header-right-corner{ 
	width:8px; height:26px; top:52px; right:-1px; position:absolute;}
.header-middle{	
	height:auto; float:left; position:relative; width:100%; }
.nav-main {
	 height:26px; margin:0; position:relative; float:left; width:100%; display:block; border-left:1px solid #4F4977;}
.nav-main li.nav-main-home {
	 margin-left:21px; }
.nav-main li {
	float:left; margin-right:20px; display:inline; width:auto;}
.nav-main li a {
	line-height:23px; padding:0; margin-right:0; text-align:center; width:auto; text-decoration:none;}
.nav-main li a:hover, .nav-main li a:visited:hover, .nav-main li.current a {
	display:block; float:left; border-bottom:3px solid #FFFFFF; line-height:23px; padding:0; margin-right:0;}
a.shoppingBag:link, a.shoppingBag:visited, a.shoppingBag:visited:hover {
	width:200px; height:78px; display:block;text-decoration:none;}
a.shoppingBagDisabled { 
	width:200px; height:78px; display:block; text-decoration:none; color:#8B86A4; cursor:default}
/*.header .nav-main li.shoppingCart a:hover {
	color:#F00 }*/
.nav-supp {
	right:215px; margin:17px 0 0; position:absolute;}
.nav-supp li {
	float:left; margin:0 0 0 10px; padding-left:13px; }
.nav-supp li a {
	line-height:12px;}
.nav-supp li a:hover{/* to do */}
.nav-third {	
	height:41px; line-height:16px; padding:0; width:100%; position:relative; float:left; background-color:#fff;}
.nav-third div.breadcrumbs {
	height:34px; width:auto; margin:0 20px; }
.nav-third div.breadcrumbs div {
	float:right; }
.nav-third div.breadcrumbs div.nav-breadcrumbs {
	float:left; width:auto; position:relative;}
.nav-third .loggedIn {
	width:420px}
.nav-breadcrumbs {
	float:left; position:relative; margin:9px 0 0 0;}
.nav-breadcrumbs a, .nav-breadcrumbs span, .nav-breadcrumbs h1 {
	padding-left:12px; margin-left:6px; float:left}
.nav-breadcrumbs span.bcHomepage {
	background:none; padding-left:0; margin-left:0}
.nav-breadcrumbs span.firstItem {
	background:none; padding-left:0; margin-left:0}	
	
.nav-breadcrumbs h1 {
	display:inline}

.nav-login {
	padding:0 20px;}
.nav-welcome {
	padding:0px 20px}
	
.shoppingCartTop{
	position:relative; float:right; width:200px; height:78px; font-size:13px;}
.shoppingBag{ 
	color:#FFF; text-align:right;}
.cart-text{
	position:absolute; top:35px; right:7px; font-weight:bold;}
.shoppingCartTop .cart-total{
	position:absolute; top:59px; right:7px; font-weight:bold;}	


.loading {
	position:absolute; width:76px; height:15px; top:83px; right:326px; visibility:hidden; clear:both;}
	

/*------------------------------------------------------------

[3.	Content]

-------------------------------------------------------------*/
.content {
	position:relative; overflow:hidden; /* keep or delete FII*/ float:left; /*FII*/ display:block; width:100%; /*margin-top:14px;*/ padding-top:13px/*FII*/; padding-bottom:25px}

.contentBig {
	position:relative; overflow:hidden; /* keep or delete FII*/ float:left; /*FII*/ display:block; width:100%; /*margin-top:14px;*/ padding-top:0px/*FII*/; padding-bottom:25px}
	
	
/*------------------------------------------------------------

[4.	Footer]

-------------------------------------------------------------*/

.contentFooter{
	float:left; position:relative; background:#fff; width:100%; font-family:Arial, Helvetica, sans-serif;}
.wrapFooter{ 
	float:left; position:relative; width:957px; height:auto; border-top:1px solid #ccc; margin-left:20px;}
.footer{
	width:100%; overflow:visible; height:40px; clear:both;}
.countriesFooter {
	text-align:left; height:17px; margin:10px 0;}
.countriesFooter li {
	display:inline; margin:0 13px; height:10px; float:left;}
.countriesFooter li a:link, .countriesFooter li a:active, .countriesFooter li a:visited {
	padding:0 0 0 0; margin:0 0 0 0;}
.countriesFooter li.first {
	margin:0 4px 0 0;}
.countriesFooter li.last {
	margin:0 0 0 8px;}
.countriesFooter li.closer-left {
	margin:0 8px 0 0;}
.countriesFooter li.closer-right {
	margin:0 4px 0 8px;}

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

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

[Table of contents]

1.	Base sizes
2.	HR
3.	Lists
4.	Margins and Padding
5.  Colors
-------------------------------------------------------------*/

/*------------------------------------------------------------

[1.	Base size]

-------------------------------------------------------------*/
.content {
	font-family:Arial, Helvetica, sans-serif;font-size:11px; }
.content h1 {
	font-size:20px;margin:4px 0 16px 0; font-family:Arial, Helvetica, sans-serif; color:#99BE0E; font-weight:normal}
.content .boxRcContentTabText {
	font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;color:#FFFFFF; }
.content .tabButton {
	font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;color:#FFFFFF; line-height:1.85em;}
.contentBox h2 {
	font-size:1.2em;margin:1.33em 0 .67em}
.contentBox h3 {
	color:#99BE0E; font-size:15px; margin:25px 0 5px; line-height:1.2em; font-weight:normal }
.contentBox h4, .content h4 {
	font-size:14px;margin:1.14em 0 .57em}
.contentBox .introBoxDeliveryLogin h4 {
	font-size:14px;margin-bottom:25px; margin-top:10px}
.contentBox h5, .content h5 {
	font-size:1.2em;margin:1.33em 0 .67em}
.contentBox h6, .content h6  {
	font-size:1em;margin:1.6em 0 .8em}
.contentBox p {
	font-size:1em;line-height:1.2em}
.content .txtLarge{
	font-size:16px}

/*------------------------------------------------------------

[2.	HR]

-------------------------------------------------------------*/
.contentBox hr {
	background:#dad8e2;border:none;color:#dad8e2;display:block;height:1px;width:100%}

/*------------------------------------------------------------

[3.	Lists]

-------------------------------------------------------------*/
.contentBox ul li {
	margin-left:30px;margin-bottom:3px;list-style-position:outside;  list-style-type:disc; }
.contentBox ol li {
	margin-left:30px;margin-bottom:3px;list-style-position:outside;list-style-type:decimal}
.contentBox dt {
	font-weight:bold}
.contentBox dt, .contentBox dd {
	margin-bottom:.7em;}

/*------------------------------------------------------------

[4.	Margins and Padding]

-------------------------------------------------------------*/
.contentBox blockquote *:first-child {
	margin:.8em 0}
.contentBox hr,.contentBox p,.contentBox ul,.contentBox ol,.contentBox pre,.contentBox blockquote,.contentBox address,.contentBox table {
	margin-bottom:2em}
.stylesBlock p {margin-bottom:-1em;}
.contentBox caption {
	padding-bottom:.8em}
.contentBox blockquote {
	margin:1.6em 0;padding:0 1em}
.contentBox fieldset {
	margin:1.6em 0;padding:0 1em 1em}
.contentBox legend {
	padding-left:.8em;padding-right:.8em}
.contentBox option {
	padding:0 .4em}
/*.contentBox a {
	padding:0.3em 0 .1em;position:relative}*/
.contentBox ul {
	margin-left:0}
.contentBox #overview ul {
	float:left; width:100%;}
.contentBox ol ol,.contentBox ul ol {
	margin-left:2.5em}
.contentBox form div {
	margin-bottom:.8em}

/*------------------------------------------------------------

[5. Colors]

-------------------------------------------------------------*/
.content a, .content a:link, .content a:visited, .contentBox a {
	color:#160C49;}
.content a:hover, .content a:active, .contentBox a:hover {
	color:#0098C6; text-decoration:none}
.content .txtBlue {
	color:#3DB6D3}
.content .txtOrange {
	color:#ff9900}
.content .txtPink {
	color:#F75B97}
.content .txtGreen {
	color:#99BE0E}
.content .txtGrey {
	color:#999}
.content .txtRed {
	color:#F00}
/*------------------------------------------------------------
[Stylesheet - Application - forms.css]

Project: 		ExtraFilm
Version: 		2.0
Primary use:	E-commerce
-------------------------------------------------------------
 -- GENERAL STYLES -- */
.formDefault:after /* Fixes overflow AND callouts */
 {clear:both;content:".";display:block;font-size:1px;height:0;overflow:hidden;visibility:hidden}
.formDefault li:after, .formDelivery li:after  /* Fixes overflow AND callouts */ {
	clear:both;content:".";display:block;font-size:1px;height:0;overflow:hidden;visibility:hidden}
.formDefault li, .formDelivery li {
	position:static!important;z-index:auto!important;display:block}
/*.formDefault li, .formDelivery li {
	position:static!important;z-index:auto!important;display:block}
.formDefault li, .formDelivery li {
	display:block}
.formDefault {
	color:#160C49;position:relative;z-index:4;display:block}*/
.formDefault label {
	font-weight:700;line-height:2em}
.formDefault input,.formDefault select,.formDefault textarea, .printsSubnav_top select{
	color:#160C49;font-size:11px}
.printsSubnav_top select{
	width:270px}
ol.left-ol {
	margin:0;padding:0;float:left;position:relative; width:100%}
ol.right-ol {
	padding:0;float:left;position:relative; width:100%}
ol.left-ol li,ol.right-ol li {
	clear:both;list-style:none;margin:8px 0 0;padding:0;text-align:left}
input.text, input[type=text], input[type=url], input[type=tel], input[type=email]  {
	background:#fff url(../img/forms/bg-input-text.png) left bottom repeat-x;border:#c4c2d1 solid 1px;height:18px;padding:3px 7px 0;vertical-align:middle;}
textarea {
	background:#fff url(../img/forms/bg-textarea.png) left bottom repeat-x;border:#c4c2d1 solid 1px; resize:none;}
input.file {
	position:relative}
select {
	background:#fff;border:#c4c2d1 solid 1px;padding:3px 4px 3px 0; height:23px}
input.cb {
	background:none;border:none;vertical-align:middle;margin-right:9px;}
.formDefault ol > li, .formRegistration ol > li {
	position:relative!important;z-index:500}
.formDefault ol li table {
	z-index:5000}
.formMyProfile .title{
	border-bottom: 1px solid #CCCCCC;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    line-height: 3;
    margin-bottom: 12px;
    width: 100%;}

/* formatting for text:  "(required)"  & other */
.req {
	margin-left:10px;vertical-align:middle}
.inactive {
	color:#999 !important}

/* -- 2. products-upload-storeimages.html --
  definitions for field labels  */
.formStoreImages label {
	width:auto;display: block; float:left;}
.formStoreImages .rb {
	float:left}
.formStoreImages select, .formStoreImages .text {
	float:right;}
.formStoreImages ol.left-ol{
	width:560px;}

/*   formatting for invalid user inputs */
.error {
	border:1px solid #FF0000;color:red;padding:1px 3px}
.errortxt {
	color:red !important}
.formDefault .login input.text {
	width:221px}
/*.formRegistration ol.left-ol {
	width:57%}
.formRegistration ol.right-ol {
	width:43%}
.formRegistration ol.right-ol input.cb {
	background:none;}
.formRegistration ol.right-ol label.cb,.formRegistration ol.right-ol img,.formRegistration ol.right-ol input.cb {
	float:left;}

/*  definitions for form-elements  */
.formSingleUpload input.text {
	width:566px}

/* other definitions */
.formSingleUpload ol li a {
	display:block;height:30px;margin-left:610px;margin-top:-30px;position:relative;width:200px}
.formSingleUpload a {
	display:block;height:30px;margin-left:555px;position:relative;width:200px}
.formSingleUpload ol li {
	line-height:30px;list-style:inside decimal;vertical-align:top}

/* -- 4. products-photobooks-compose.html --
  definitions for field labels  */
.formCompose {
	width:260px}
.formCompose label {
	margin-top:2px;vertical-align:top;width:80px}
.formAmount label {
	margin-bottom:5px;text-align:right;width:70px}

/*  definitions for form-elements  */
.formCompose select {
	margin-bottom:5px;width:180px}
.formAmount input.text {
	margin-bottom:4px;text-align:right;width:21px}

/* -- 5. shoppingcard-deliverypayment.html --
  definitions for field labels  */
.formDelivery {
	padding-bottom:30px}
.formDelivery .change a{
	padding:10px}
.formDelivery .left-ol {
	width:50%}
.formDelivery .right-ol {
	width:49%}
.formDelivery ol {
	margin-bottom:11px}
.formDelivery ol li {
	list-style:none;margin:10px 0}
.formDelivery ol li input.text {
	font-size:11px;font-weight:400;height:15px;padding:4px 2px 2px 5px;width:174px}
.formDelivery .boxAutomatic {
	margin-bottom:0;margin-top:-5px;}
.formDelivery label {
	display:block;float:left;padding:0 0 2px;width:130px}
.boxAutomatic label {
	width:auto!important}
.formDelivery label.cb {
	/* width:300px; Changed to make the page http://www.extrafilm.be.stage/cart/join.aspx work */
	width:306px;text-align:right}
.formDelivery .lblCheckbox {
	display:inline;font-size:10px;font-weight:400;padding:0}
.formDelivery .lblCheckbox span {
	padding-left:3px;vertical-align:middle}
.formDelivery .checkbox {
	margin-left:0;vertical-align:middle}
.formDelivery p {
	margin-bottom:0}
.bodyPayment .formDelivery .left-ol, .bodyUploadMethod .formDelivery .left-ol {
	width:100%}
.bodyPayment .formDelivery input.cb, .bodyPayment .formDelivery input.rb, .bodyUploadMethod .formDelivery input.cb, .bodyUploadMethod .formDelivery input.rb {
	margin:0 8px 0 0; float:none; vertical-align:middle}
.bodyPayment .formDelivery img, .bodyUploadMethod .formDelivery img  {
	vertical-align:middle;}
.bodyPayment .formDelivery label, .bodyUploadMethod .formDelivery label {
	display:inline; vertical-align:middle; float:none;margin:0; margin-bottom:0; width:auto; text-align:left}

/* -- definitions for form-elements  */
.formDelivery input.text {
	width:256px}
.login input.text {
	width:216px}
.formDelivery select {
	width:183px}
.formDelivery input.cb {
	background:none;margin:0 38px 0 9px;float:right;}
.cbStar {
	margin-right:21px}
.photoOverview p{
	margin:0 0 0 20px;
	}
#cpm_AlbumMain_DropZone{
	padding:0 0 0 20px;
	}

/* -- 6. shoppingcart.html --
 -- Promotiecode --*/
.formActionCode input.text {
	width:76px}
.actionCode .info {
	position:absolute; left:10px; top:11px}

/* -- Shopping cart --*/
.formShoppingCart input.text {
	font-size:11px;height:15px;text-align:right;width:20px}
.actionCode .formDefault {
	display:inline-block;padding-left:14px;vertical-align:middle}
.formShoppingCart .quantityForm,.formShoppingCart .price {
	font-weight:700}
.actionCode formDefault input {
	color:#4F4977;font-size:14px;font-weight:700;width:90px}

/* -- 7. product-other-frame.html -- */
.formOther select {
	margin-bottom:10px;margin-top:10px;width:130px}

/* -- 8. product-print-compose.html -- */
.formPrint .float-left label {
	line-height:2em;width:135px}
.formPrint .float-right label {
	line-height:2em;margin-left:3px;margin-top:1px;vertical-align:top}
.formPrint select {
	margin-right:5px;width:150px;vertical-align:middle}
.formPrint input.text {
	text-align:right;width:16px}
.formPrint input.cb {
	background:none;margin-left:5px;margin-top:1px;margin-right:2px}
.formMyProfile input.cal {
	width:146px}
.formMyProfile input.cb {
	background:none;margin-left:0;margin-top:5px;float:left}
.printDimensions input {
	background:#fff url(../img/forms/bg-input-text.png) left bottom repeat-x;border:#c4c2d1 solid 1px;}

/*  definitions for form-elements  */
.formEditContact input.text {
	width:236px}

/* -- 11. myExtrafilm-invitationmailfriends.html --
  definitions for field labels  */
.formInvitation label {
	display:block; float:left}
.formInvitation input, .formInvitation textarea {
	float:right}

/* -- definitions for form-elements  */
.formInvitation input.text {
	width:292px}
.formInvitation textarea.text {
	height:100px;width:306px}

/* -- 12. myExtrafilm-invitationmailfriends.html --
  definitions for field labels  */
.formAddFriends td label {
	margin-left:10px;vertical-align:top;width:80px}

/* -- definitions for form-elements  */
.formAddFriends td input.firstname {
	margin-bottom:6px;margin-right:6px;width:97px}
.formAddFriends td input.lastname {
	margin-bottom:6px;margin-right:6px;width:117px}
.formAddFriends td input.email {
	margin-bottom:6px;width:257px}

/* -- 13. dialog-myExtraFilm-importfriends.html --
 -- Promotiecode --*/
.formImportFriends input.text {
	width:165px}

/* -- 14. dialog-myPhotos-addalbumadvanced.html --
  definitions for field labels  */
.formAddAlbum label {
	margin-top:2px;vertical-align:top;width:270px}

/* -- 15. dialog-myPhotos-moveSelected.html --
  definitions for field labels  */
.formMoveSelected label {
	width:300px; display:block; float:left}
.formMoveSelected label.moveright {
	font-weight:400;margin-left:30px}
.formMoveSelected label.moveright span {
	text-align:right !important;width:152px}
.formMoveSelected input.text, .formMoveSelected select {
	float:right}
.formMoveSelected input.rb {
	float:left}

/* -- 16. dialog-photobooks-shaveproduct.html --
  definitions for field labels  */
.formSaveProduct label {
	width:210px}
.formSaveProduct li.radio label {
	width:184px}
.formSaveProduct input.rb {
	margin-left:0;margin-right:10px;vertical-align:middle;width:12px}

/* -- 17. dialog-en nog iets.html -- */
.formAddComment label {
	vertical-align:top;width:120px;display:block;float:left}
.formAddComment textarea.text {
	height:100px;width:221px}
.formRegistration label,.formMyProfile label,.formEditContact label {
	width:120px;display:block;float:left;width:120px}
	.formRegistration label{ width:170px}
.formRegistration label.cb,.formSingleUpload label {
	width:/*175px*/auto}
.formRegistration label.cb {
	width:370px;}
.formRegistration input.cb{float:left}
.formRegistration input.text,.formAddAlbum input.text,.formAddComment input.text {
	width:205px}
.formRegistration select,.formInvitation select,.formAddAlbum select {
	width:234px}
.formStoreImages input.text,.formMyProfile input.text,.formMoveSelected input.text {
	width:260px}
.formSaveProduct input.text {
	width:160px}
.formStoreImages select,.formMyProfile select,.formMoveSelected select,.formSaveProduct select {
	width:276px}
.formStoreImages input.rb,.formMoveSelected input.rb {
	margin-right:10px;vertical-align:middle;width:12px}
.actionCode formDefault label,.editorAmount span {
	margin-right:10px}

/* Dialogs forms */
#maindialog .formRegistration .left-ol, #maindialog .formRegistration .right-ol {
	width:auto!important}

/* dialog-myphotos-addalbumadvanced.html */
.formAddAlbum label {
	float:left}
.formAddAlbum input, .formAddAlbum select {
	float:right}

/* dialog-calendars-savecalendar.html */
.formSaveProduct label, .formSaveProduct input.rb{
	float:left}
.formSaveProduct input.text, .formSaveProduct select{
	float:right}
.formSaveProduct label {
	width:auto!important}

/*registration form - gender*/
.formMyProfile .gender{float:left; width:260px; margin-bottom:0!important}
.formMyProfile .gender li{margin:0!important}
.formMyProfile .genderFirstLi label{float:none; width:230px}
.formMyProfile .genderFirstLi input{float:left}
.formDelivery .genderFirstLi label{float:none; width:230px}
.formDelivery .gender li{margin:0!important}
.formDelivery .genderFirstLi input{float:left}
.formDelivery .gender{float:left; width:223px; margin-bottom:0!important}
/*---------------------------------------------------*/

 .formMyProfile input.cal{width:228px!important}
 .formDelivery input.cal{width:145px!important}
/*chrome fix*/
@media screen and (-webkit-min-device-pixel-ratio:0){
 .formMyProfile input.text{width:214px!important}
 .formMyProfile .lstCountryMyProfile, .formMyProfile .lstCityMyProfile{width:230px!important}
 .formMyProfile input.cal{width:185px!important}
}
/*----------------------------------------------------------*/
.field-validation-error {
	color:red;
}
.formUnsubscribe #ctl00_cpm_InputEmail{
	width:200px;}
/*------------------------------------------------------------
[Stylesheet - Application - dialogs-structure.css]

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

[Table of contents]

1.	General styles
2.	dialogExtraLarge
3.	dialogLarge
4.	dialogMedium
5.	dialogSmall
6.	dialogWarning
7.	dialogSlideshow
8.	dialogGiant
9.	Toolbars
10. cleandialog
-------------------------------------------------------------*/

/*------------------------------------------------------------

[1.	General Styles]

-------------------------------------------------------------*/
.maindialogcover
{
	background-color: #0E1725;
	filter: alpha(opacity=80);
	bottom: 0px;
	top: 0px;
	right:0px;
	left:0px;
	z-index: 100;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	opacity: 0.8;
	position: fixed;
}

.dialogiframebody
{
	background-color:#160c49;
}
#maindialog
{
	position:absolute;
	z-index: 110;
}
.imgCrop_wrap img, .imgCrop_marqueeHoriz, .imgCrop_marqueeVert, .dialogSlideshow td
{
	filter:alpha(opacity=100)
}
#maindialog .dialogTop
{
	height:47px;
	z-index:120;
	position:relative;
}
#maindialog .dialogMove
{
	cursor: move;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:115;
}
#maindialog .dialogMiddle
{
	z-index:125;
	padding: 10px 28px 20px 20px;
	background-color:#fff;
}
.dialogMiddle .overflowScroll
{
	overflow:auto;
	max-height:470px;
	margin:27px 5px 20px;
	position:relative;
}
#maindialog .boxButtons
{
	height:30px;
	padding:0 20px;
	clear:both;/*DVD*/
}
#maindialog .boxButtonsNoPadding
{
	height:30px;
	padding:0;
	clear:both;
	margin:15px 0 0;/*DVD*/
}
#maindialog .dialogBottom
{
	height:26px;
}
#maindialog a {
	cursor:pointer;
}
#maindialog h1 , #ui-dialog-title-maindialog
{
	color:#fff;
	line-height:18px;
	font-size:11px;
	position:absolute;
	left:145px;
	top:15px;
	z-index:130;
	font-weight:bold;
}
#ui-dialog-title-maindialog
{
	left:20px;
}
.dialogTop div.dialogLogo
{
	position:absolute;
	width:90px;
	height:90px;
	top:3px;
	left:34px;
	background:url(../img/dialogs/structure/dialog-logo-smartphoto.png) 10px 15px transparent no-repeat;
	z-index:135;
	display:none;
}
#maindialog .reposition
{
	margin-left:125px;
	margin-top:-10px;
}
/*jQuery Dialog*/

#maindialog .btnClose, .ui-dialog-titlebar-close
{
	background:url(../img/dialogs/structure/btn-close.png) no-repeat;position:absolute;
	display:block;
	top:14px;
	right:15px;
	width:20px;
	height:20px;
	z-index:135;
	text-indent:-9999px;
	cursor:pointer;
}
.ui-widget-overlay {
	position: fixed;
	background-color: #160C49;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	z-index:100;
}
.ui-dialog {
	position: absolute;
	background-color:
	transparent;
}
.ui-dialog-titlebar {
	position:
	relative;
	cursor: move;
	height: 47px;
}
/*  */
.hideCloseBtn .button{display:none}

/* Make previews fully visible */
/*.photobooksPreview .dialogMiddle, FII*/.greetingcardPreview .dialogMiddle, .printsPreview .text-center {
	height:500px}

/* FlowII - Changes to make the new content dialogs work */
.dcF2 .reposition_f2 {
	margin-left:0}
.dcF2 .chooseSize {
	margin-left:-120px!important}
.dcF2 .boxButtons {
	padding:0!important; margin-left:-120px}

/* 4.2 fix for infopopups in silverlight & editor + eVoucher text popup*/
.infoPopupEditor .reposition_f2 {
	margin-left:0}
.infoPopupEditor .chooseSize, .noMarginLeft .reposition_f2 {
	margin-left:-120px!important}
.infoPopupEditor .infopopup .boxButtons{
	display:none}
.infoPopupEditor .infopopup .tblSimpleLeftheader{float:none}

/*------------------------------------------------------------

[2.	dialogExtraLarge]

-------------------------------------------------------------*/
.dialogExtraLarge {width:910px;position:absolute; z-index: 110; opacity: 1; /*display: none;*/ text-align:left}
.dialogExtraLarge .dialogTop, .dialogExtraLarge .ui-dialog-titlebar {background: url(../img/dialogs/structure/ie6/extra-large-top.gif) no-repeat scroll 0 0 transparent; width:910px;}
.dialogExtraLarge .dialogMiddle {background:url(../img/dialogs/structure/ie6/extra-large-middle.gif) 0 0 repeat-y; width:862px}
.dialogExtraLarge .boxButtons {background:url(../img/dialogs/structure/ie6/extra-large-middle.gif) 0 0 repeat-y;width:870px}
.dialogExtraLarge .dialogBottom {background:url(../img/dialogs/structure/ie6/extra-large-bottom.gif) 0 0 no-repeat;width:910px}

/*------------------------------------------------------------

[3.	dialogLarge]

-------------------------------------------------------------*/
.dialogLarge {width:850px;position:absolute; z-index: 110; opacity: 1; /*display: none;*/ text-align:left}
.dialogLarge .dialogTop,.dialogLarge .ui-dialog-titlebar  {background:url(../img/dialogs/structure/ie6/large-top.gif) 0 0 no-repeat;width:850px}
.dialogLarge .dialogMiddle {background:url(../img/dialogs/structure/ie6/large-middle.gif) 0 0 repeat-y; width:802px}
.dialogLarge .boxButtons {background:url(../img/dialogs/structure/ie6/large-middle.gif) 0 0 repeat-y;width:810px}
.dialogLarge .dialogBottom {background:url(../img/dialogs/structure/ie6/large-bottom.gif) 0 0 no-repeat;width:850px}
.dialogLarge .lineMiddle {background:url(../img/dialogs/structure/line-middle.png) 510px 0 repeat-y !important; margin-top:0px; overflow:hidden}
.dialogLarge .dialogMiddle { padding-top:30px!important}

/*------------------------------------------------------------

[4.	dialogMedium]

-------------------------------------------------------------*/
.dialogMedium {width:740px;position:absolute; z-index: 110; opacity: 1; /*display: none;*/ text-align:left}
.dialogMedium .dialogTop, .dialogMedium .ui-dialog-titlebar {background: url(../img/dialogs/structure/ie6/medium-top.gif) no-repeat scroll 0 0 transparent; width: 740px;}
.dialogMedium .dialogMiddle {background:url(../img/dialogs/structure/ie6/medium-middle.gif) 0 0 repeat-y; width:692px}
.dialogMedium .boxButtons {background:url(../img/dialogs/structure/ie6/medium-middle.gif) 0 0 repeat-y;width:700px}
.dialogMedium .dialogBottom {background:url(../img/dialogs/structure/ie6/medium-bottom.gif) 0 0 no-repeat;width:740px}

/*------------------------------------------------------------

[5.	dialogSmall]

-------------------------------------------------------------*/
.dialogSmall {width:610px; position:relative;z-index:110; opacity: 1; /*display: none;*/ text-align:left}
.dialogSmall .dialogTop,.dialogSmall .ui-dialog-titlebar {background:url(../img/dialogs/structure/ie6/small-top.gif) left bottom no-repeat;width:610px}
.dialogSmall .dialogMiddle {background:url(../img/dialogs/structure/ie6/small-middle.gif) 0 0 repeat-y; width:562px;  padding-top:0px}
.dialogSmall .boxButtons {background:url(../img/dialogs/structure/ie6/small-middle.gif) 0 0 repeat-y;width:570px}
.dialogSmall .dialogBottom {background:url(../img/dialogs/structure/ie6/small-bottom.gif) 0 0 no-repeat;width:610px}
/*------------------------------------------------------------

[6.	dialogWarning]

-------------------------------------------------------------*/
.dialogWarning {width:610px; position:relative;z-index:110; opacity: 1; /*display: none;*/ text-align:left}
.dialogWarning .dialogTop, .dialogWarning .ui-dialog-titlebar {background:url(../img/dialogs/structure/ie6/warning-top.gif) no-repeat;width:610px}
.dialogWarning .dialogMiddle {background:url(../img/dialogs/structure/ie6/small-middle.gif) 0 0 repeat-y; width:562px;  padding-top:0px}
.dialogWarning .boxButtons {background:url(../img/dialogs/structure/ie6/small-middle.gif) 0 0 repeat-y;width:570px}
.dialogWarning .dialogBottom {background:url(../img/dialogs/structure/ie6/small-bottom.gif) 0 0 no-repeat;width:610px}
.dialogWarning .dialogTop div.dialogLogo {position:absolute; width:90px; height:90px; top:-9px; left:34px; background:url(../img/dialogs/structure/ie6/warning-sign.gif) no-repeat}

/*------------------------------------------------------------

[7.	dialogSlideshow]

-------------------------------------------------------------*/
.dialogSlideshow {width:740px;position:absolute;z-index:110; opacity: 1; /*display: none;*/ text-align:left}
.dialogSlideshow .dialogTop {background:url(../img/dialogs/structure/ie6/medium-top.gif) no-repeat;width:740px}
.dialogSlideshow .dialogMiddle {background:#fff; width:692px; height:570px}
.dialogSlideshow .boxButtons {display:none}
.dialogSlideshow .dialogBottom {background:url(../img/dialogs/structure/ie6/slideshow-bottom.gif) 0 0 no-repeat;width:740px}

/*------------------------------------------------------------

[8.	dialogGiant]

-------------------------------------------------------------*/
.dialogGiant {width:1000px;position:absolute; z-index: 110; opacity: 1; /*display: none;*/ text-align:left}
.dialogGiant .dialogTop, .dialogGiant .ui-dialog-titlebar {background:url(../img/dialogs/structure/ie6/giant-top.gif) 0 0 no-repeat;width:1000px}
.dialogGiant .dialogMiddle {background:url(../img/dialogs/structure/ie6/giant-middle.gif) 0 0 repeat-y; width:952px}
.dialogGiant .boxButtons {background:url(../img/dialogs/structure/ie6/giant-middle.gif) 0 0 repeat-y;width:960px}
.dialogGiant .dialogBottom {background:url(../img/dialogs/structure/ie6/giant-bottom.gif) 0 0 no-repeat;width:1000px}

/*------------------------------------------------------------

[9.	Toolbars]

-------------------------------------------------------------*/
/* Zoom / Edit photo / Slideshow */
.toolbar { height:33px; position:absolute; top:54px; left:140px; background:url(../img/dialogs/toolbars/bg-toolbar-left.png) no-repeat; padding:0 20px 0 10px}
.toolbar .tbRight { display:block; height:33px; width:11px; position:absolute; right:-1px/*IE6*/; top:0; background:url(../img/dialogs/toolbars/bg-toolbar-right.png) no-repeat}
.toolbar ul { height:33px; list-style:none; margin:0;display:inline/*IE6*/}
.toolbar ul li { height:22px; width:22px; list-style:none; margin:0;  float:left; margin-left:10px; margin-top:5px}
.toolbar ul li a { height:100%; width:100%; display:block;margin:0; padding:0}
.toolbar ul li a:hover, #maindialog .toolbar ul li a.highlight { background:url(../img/dialogs/toolbars/bg-action-hover.png) no-repeat}
.toolbar ul li span { height:100%; width:100%; display:block;margin:0; padding:0; text-indent:-9999px; cursor:pointer}
.toolbar .tbShape span { background:url(../img/dialogs/toolbars/shape_handles.png) no-repeat}
.toolbar .tbRotate span { background:url(../img/dialogs/toolbars/action_rotate.png) no-repeat}
.toolbar .tbRedEye span { background:url(../img/dialogs/toolbars/action_redeye.gif) no-repeat}
.toolbar .tbCrop span { background:url(../img/dialogs/toolbars/action_crop.gif) no-repeat}
.toolbar .tbColors span { background:url(../img/dialogs/toolbars/action_colors.gif) no-repeat}
.toolbar .tbProperties span { background:url(../img/dialogs/toolbars/properties.gif) no-repeat}
.toolbar .tbPrevPhoto span { background:url(../img/icons/btn-f-bwd-active.png) center no-repeat}
.toolbar .tbNextPhoto span { background:url(../img/icons/btn-f-fwd.png) center no-repeat}
.toolbar .tbRename span { background:url(../img/dialogs/toolbars/action_rename.gif) no-repeat}
.toolbar .tbComment span { background:url(../img/dialogs/toolbars/action_comment.gif) no-repeat}
.toolbar .tbDelete span { background:url(../img/icons/icon-delete.png) no-repeat}

.toolbar .tbDelete {border-right:#BDBBCC solid 1px; padding-right:10px}
.toolbar .tbRename {border-left:#BDBBCC solid 1px; padding-left:10px}
.toolbar .tbNextPhoto {border-right:#BDBBCC solid 1px; padding-right:10px; margin-left:4px}


/* Slideshow */
.dialogSlideshow .toolbar {background: #f4f4f4;	border-radius: 10px; width:540px}
.dialogSlideshow .toolbar li { line-height:1.6em }
.dialogSlideshow .toolbar .tbRight { /*background-image:url(../img/dialogs/toolbars/bg-toolbar-slideshow-right.png)*/ background: none;}
.dialogSlideshow .toolbar .tbPlay span { background:url(../img/dialogs/toolbars/play.png) no-repeat}
.dialogSlideshow .toolbar .tbPause span { background:url(../img/dialogs/toolbars/pause.png) no-repeat}
.dialogSlideshow .toolbar .tbSlow, .dialogSlideshow .toolbar .tbNormal, .dialogSlideshow .toolbar .tbFast { width:auto }
.dialogSlideshow .toolbar .tbName { width:150px; text-align:right}
.dialogSlideshow .toolbar .tbName span { vertical-align:middle; line-height:22px; cursor:text}
.dialogSlideshow .toolbar .tbAmount { width:30px; text-align:right}
.dialogSlideshow .toolbar .tbAmount span { display:inline; line-height:22px; cursor:text }
.dialogSlideshow .toolbar label, .dialogSlideshow .toolbar input { vertical-align:middle; line-height: 22px;}
.dialogSlideshow .toolbar label {margin: 0 5px;}
.dialogSlideshow table, .dialogSlideshow table td {background: none;}

/*------------------------------------------------------------

[10.cleandialog]

-------------------------------------------------------------*/
.cleandialog .btnClose{position:absolute; top:18px; right:18px}
.ui-dialog-title{ color: #FFFFFF; font-size: 13px; font-weight: bold; left: 20px; position: absolute; top: 15px;}
/*------------------------------------------------------------
[Stylesheet - Application - pages-app.css]

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

[Table of contents]

1.	Rounded Corners Content Boxes
2.	Priceboxes
3.	Paging
4.	Tabs (My Photos)
5.  Buttons
6.	Format
7.	Tables
8.	Subscribe box
-------------------------------------------------------------*/

/*------------------------------------------------------------

[1.	Rounded Corners Content Boxes]

-------------------------------------------------------------*/
.boxRcBig, .boxRcSmall, .boxRcWhite, .boxRcMini, .boxRcBigTabButtons, .boxRcWhiteHoverOI, .boxRcGreyHoverOI, .boxRcWhiteEmpty, .boxRcTransHover, .boxRcBlueWhite {
	position:relative;  margin-bottom:15px; /*margin-top:20px FlowII*/}
.boxRcBig .boxRcContent, .boxRcSmall .boxRcContent, .boxRcWhite .boxRcContent, .boxRcMini .boxRcContent, .boxRcBigTabButtons .boxRcContent, boxRcGreyWhiteWithTab .boxRcContent, .boxRcGreen .boxRcContent, .boxRcWhiteHoverOI .boxRcContent, .boxRcWhiteEmpty .boxRcContent, .boxRcBlueWhite .boxRcContent, .boxRcGreyHoverOI .boxRcContent {
	padding:20px 15px 20px 34px}
.boxRcTopright, .boxRcTopleft, .boxRcTopleftTabBig {
	height:100%}
.boxRcMiniMyAlbums  {
	position:relative; padding:15px 20px 15px 20px; margin:0px; width:100%;}
.WithTab {
	margin-top:50px}
.boxRcContent {
	z-index:5; position:relative; zoom:1}
.boxRcBig .boxRcTopleft, .boxRcBig .boxRcTopleftTabBig, .boxRcSmall .boxRcTopleft, .boxRcSmall .boxRcTopleftTabBig {
	position:absolute; z-index:1; top:0; left:0; width:100%;background:url(../img/roundedcorners/lightgrey/top-left2.png) 0 0 no-repeat}
.boxRcBig h2, .boxRcSmall h2 {
	position:absolute; z-index:4; top:-48px; left:0px; width:321px; height:40px; background:url(../img/roundedcorners/lightgrey/top-left-tab-big.png) 0 0 no-repeat; padding-top:8px; padding-left:34px}
RcBig h2.tabVerySmall, .boxRcSmall h2.tabVerySmall {
	width:106px; height:40px; background:url(../img/roundedcorners/lightgrey/top-left-tab-verysmall.png) 0 0 no-repeat; padding-left:10px }
.boxRcBig .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/lightgrey/top-right2.png) 0 0 no-repeat}
.boxRcBig .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-left2.png) bottom left no-repeat}
.boxRcBig .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0; width:14px; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-right2.png) bottom left no-repeat}
.boxRcBigTabButtons .boxRcTopleft {
	position:absolute; z-index:2; top:0; left:0; width:100%; background:url(../img/roundedcorners/lightgrey/top-left-tabbuttons.png) 0 0 no-repeat}
/*.boxRcBigTabButtons h2 {
	position:absolute; z-index:900; top:-9px; left:-34px; width:321px; height:40px; background:url(../cssimg/pages/roundedcorners/lightgrey/top-left-tab-big.png) 0 0 no-repeat; padding-top:8px; padding-left:10px}*/
.boxRcBigTabButtons  h2.tabVerySmall {
	position:absolute; z-index:4; top:-9px; left:-34px; width:106px; height:40px; background:url(../img/roundedcorners/lightgrey/top-left-tab-verysmall.png) 0 0 no-repeat; padding-top:8px; padding-left:10px}
.boxRcBigTabButtons .boxRcTopright {
	position:absolute; z-index:5; top:0; right:0; width:14px;background:url(../img/roundedcorners/lightgrey/top-right-tabbuttons.png) 0 0 no-repeat}
.boxRcBigTabButtons .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-left2.png) bottom left no-repeat}
.boxRcBigTabButtons .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0; width:14px; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-right2.png) bottom left no-repeat}
.boxRcSmall .boxRcTopleft, .boxRcSmall .boxRcTopleftTabBig {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/lightgrey/top-left-small.png) 0 0 no-repeat}
.boxRcSmall .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/lightgrey/top-right-small.png) 0 0 no-repeat}
.boxRcSmall .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-left-small.png) bottom left no-repeat}
.boxRcSmall .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0; width:14px; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-right-small.png) bottom left no-repeat}
.boxRcWhite .boxRcTopleft, .boxRcWhite .boxRcTopleftTabBig {
	position:absolute; z-index:1; top:0; left:0; width:100%;  background:url(../img/roundedcorners/lightgrey/top-left-white.png) 0 0 no-repeat}
.boxRcWhite .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/lightgrey/top-right-white.png) 0 0 no-repeat}
.boxRcWhite .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-left-white.png) bottom left no-repeat}
.boxRcWhite .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0; width:14px; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-right-white.png) bottom left no-repeat}
.boxRcWhite .boxRcContentTabText{
	position:absolute; z-index:4; top:-68px; left:-34px; width:321px; height:40px; background:url(../img/roundedcorners/lightgrey/top-left-white-tab-big.png) 0 0 no-repeat; padding-top:8px; padding-left:10px}

/* FlowII */
.boxRcWhiteEmpty .boxRcTopleft, .boxRcWhiteEmpty .boxRcTopleftTabBig {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/lightgrey/top-left-white.png) 0 0 no-repeat}
.boxRcWhiteEmpty .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px;  background:url(../img/roundedcorners/lightgrey/top-right-white.png) 0 0 no-repeat}
.boxRcWhiteEmpty .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-left-white.png) bottom left no-repeat}
.boxRcWhiteEmpty .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0; width:14px; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-right-white.png) bottom left no-repeat}
.boxLogin .boxRcTopleft, .boxLogin .boxRcTopleftTabBig {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/lightgrey/top-left2.png) 0 0 no-repeat}
.boxLogin .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; height:100%; background:url(../img/roundedcorners/lightgrey/top-right2.png) 0 0 no-repeat}
.boxLogin .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-left2.png) bottom left no-repeat}
.boxLogin .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0; width:14px; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-right2.png) bottom left no-repeat}
.boxLogin .boxRcContent {
	height:100%;padding:0pt 10px 0pt 16px;}
.boxLogin .divider {
	margin-top:8px; margin-bottom:4px; padding-top:8px; background:url(../img/roundedcorners/fixedwidth/home-login-divider.png) no-repeat}
.boxLogin .ok .btnMiddle {
 	width:30px}
.boxLogin .JoinUsSmall .btnMiddle{
 	font-size:11px;width:135px;}
.boxLogin .createLoginSmall {
	position:absolute;left:0; bottom:-31px}
.boxRcMini .boxRcTopleft {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/lightgrey/top-left-mini.png) 0 0 no-repeat}
.boxRcMini .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0px; width:14px;  background:url(../img/roundedcorners/lightgrey/top-right-mini.png) 0 0 no-repeat}
.boxRcMini .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-left-mini.png) bottom left no-repeat}
.boxRcMini .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0px; width:14px; height:11px; background:url(../img/roundedcorners/lightgrey/bottom-right-mini.png) bottom left no-repeat}
.boxRcGreyWhite {
	position:relative; float:left }
.boxRcGreyWhite .contentBox {
	padding:0 15px 0 20px;height:100%}
.boxRcGreyWhite .boxRcTopleft {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/greyandwhite/top-left.png) 0 0 no-repeat}
.boxRcGreyWhite .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/greyandwhite/top-right.png) 0 0 no-repeat}
.boxRcGreyWhite .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/greyandwhite/bottom-left.png) bottom left no-repeat}
.boxRcGreyWhite .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0; width:14px; height:11px; background:url(../img/roundedcorners/greyandwhite/bottom-right.png) bottom left no-repeat}
.boxRcGreyWhite h2 {
	font-size:13px; font-weight:bold;color:#4C4676; margin-top:10px}
.boxRcGreyWhiteWithTab {
	position:relative; float:left }
.boxRcGreyWhiteWithTab .contentBox {
	padding:0 15px 0 20px;height:100%}
.boxRcGreyWhiteWithTab .boxRcTopleft {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/greyandwhite/top-left-withtab.png) 0 0 no-repeat}
.boxRcGreyWhiteWithTab .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/greyandwhite/top-right-withtab.png) 0 0 no-repeat}
.boxRcGreyWhiteWithTab .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/greyandwhite/bottom-left.png) bottom left no-repeat}
.boxRcGreyWhiteWithTab .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0; width:14px; height:11px; background:url(../img/roundedcorners/greyandwhite/bottom-right.png) bottom left no-repeat}
.boxRcGreyWhiteWithTab h2 {
	font-size:14px; font-weight:bold;color:#4C4676; margin-top:10px}
/* removed in 4.3
.boxRcMyEfMenu {
	position:absolute; width:187px; height:197px; left:16px; top:5px; z-index:15;background:transparent url(../img/roundedcorners/fixedwidth/myextrafilm-left-nav.png) no-repeat}
.boxRcMyEfMenu .contentBox {
	padding:0!important}
.boxRcMyEfMenu h2 {
	font-size:14px; font-weight:bold;color:#fff; margin-top:10px; margin-left:19px}
.boxRcMyEfMenu ul {
	list-style:none; margin-left:10px; margin-top:25px}
.boxRcMyEfMenu ul li {
	list-style:none;margin-left:0; margin-bottom:10px}
.boxRcMyEfMenu ul a:link, .boxRcMyEfMenu ul a:visited {
	text-decoration:none; font-weight:bold;padding-left:15px; zoom:1}
.boxRcMyEfMenu ul a:hover, .boxRcMyEfMenu ul a:active {
	color:#99BE0E;background:url(../img/icons/icon-arrow-navleft.png) 1px center no-repeat;}
.boxRcMyEfMenu ul .highlight {
	font-weight:bold;padding-left:15px;color:#99BE0E;background:url(../img/icons/icon-arrow-navleft.png) 1px center no-repeat;zoom:1}
*/
.boxRcGreen, boxRcBlueWhite {
	position:relative; overflow:hidden;  }
.boxRcGreen .boxRcTopleft {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/green/top-left.png) 0 0 no-repeat;}
.boxRcGreen .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/green/top-right.png) 0 0 no-repeat;}
.boxRcGreen .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/green/bottom-left.png) bottom left no-repeat;}
.boxRcGreen .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0; width:14px; height:11px; background:url(../img/roundedcorners/green/bottom-right.png) bottom left no-repeat;}
.boxRcGreen h2 {
	font-size:13px; font-weight:bold;color:#4C4676; margin-top:10px;}

.boxRcBlueWhite .boxRcTopleft {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/bluewhite/top-left.png) 0 0 no-repeat}
.boxRcBlueWhite .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0px; width:14px;  background:url(../img/roundedcorners/bluewhite/top-right.png) 0 0 no-repeat}
.boxRcBlueWhite .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0; left:0; width:100%; height:11px; background:url(../img/roundedcorners/bluewhite/bottom-left.png) bottom left no-repeat}
.boxRcBlueWhite .boxRcBottomright {
	position:absolute; z-index:3; bottom:0; right:0px; width:14px; height:11px; background:url(../img/roundedcorners/bluewhite/bottom-right.png) bottom left no-repeat}

/* Import Friends */
.boxRcFriends  {
	position:relative; padding:15px 20px 15px 15px; margin-bottom:15px; margin-top:20px; width:270px;}

/* My Projects */
.boxFixedMyProjects {
	position:relative;float:left; margin-bottom:15px; overflow:hidden; }
.boxFixedMyProjects, .boxFixedMyProjects .fixedTop, .boxFixedMyProjects .fixedMiddle, .boxFixedMyProjects .fixedBottom {
	width:760px; }
.boxFixedMyProjects .fixedTop {
	background:url(../img/roundedcorners/fixedwidth/myprojects-top.png) no-repeat;height:40px; z-index:1; position:relative}
.boxFixedMyProjects .fixedMiddle {
	background:url(../img/roundedcorners/fixedwidth/myprojects-middle.png) repeat-y; overflow:hidden}
.boxFixedMyProjects .fixedBottom {
	background:url(../img/roundedcorners/fixedwidth/myprojects-bottom.png) no-repeat;height:11px;}

/* Fixed white */
.boxFixedWhite {
	position:relative;float:left; margin-bottom:15px; overflow:hidden; }
.boxFixedWhite, .boxFixedWhite .fixedTop, .boxFixedWhite .fixedMiddle, .boxFixedWhite .fixedBottom {
	width:766px; }
.boxFixedWhite .fixedTop {
	background:url(../img/roundedcorners/fixedwidth/white-noheader-top.png) no-repeat;height:11px; z-index:1; position:relative}
.boxFixedWhite .fixedMiddle {
	background:url(../img/roundedcorners/fixedwidth/white-noheader-middle.png) repeat-y; padding-bottom:10px; overflow:hidden}
.boxFixedWhite .fixedBottom {
	background:url(../img/roundedcorners/fixedwidth/white-noheader-bottom.png) no-repeat;height:11px;}

/* Fixed white 960 */
.boxFixedWhite960 {
	position:relative;float:left; margin-bottom:15px; overflow:hidden; }
.boxFixedWhite960, .boxFixedWhite960 .fixedTop, .boxFixedWhite960 .fixedMiddle, .boxFixedWhite960 .fixedBottom {
	width:960px; }
.boxFixedWhite960 .fixedTop {
	background:url(../img/roundedcorners/fixedwidthtransparent960/white-noheader-top.png) no-repeat;height:11px; z-index:1; position:relative}
.boxFixedWhite960 .fixedMiddle {
	background:url(../img/roundedcorners/fixedwidthtransparent960/white-noheader-middle.png) repeat-y; padding-bottom:10px; overflow:hidden}
.boxFixedWhite960 .fixedBottom {
	background:url(../img/roundedcorners/fixedwidthtransparent960/white-noheader-bottom.png) no-repeat;height:11px;}

/* Fixed tab - FlowII */
.boxFixedTab {
	position:relative;float:left; margin-bottom:15px; overflow:hidden; padding-top:33px }
.boxFixedTab, .boxFixedTab .fixedTop, .boxFixedTab .fixedMiddle, .boxFixedTab .fixedBottom {
	width:766px; }
.boxFixedTab .fixedTop {
	background:url(../img/roundedcorners/fixedwidth/product_detail_tab/top.png) no-repeat;height:16px; z-index:1; position:relative}
.boxFixedTab .fixedMiddle {
	background:url(../img/roundedcorners/fixedwidth/product_detail_tab/middle.png) repeat-y; padding-bottom:10px; overflow:hidden; padding:10px 30px 0 33px; width:703px}
.boxFixedTab .fixedBottom {
	background:url(../img/roundedcorners/fixedwidth/product_detail_tab/bottom.png) no-repeat;height:12px;}

/* My Photos */
.boxFixedMyPhotos{
	position:relative;float:left; margin-bottom:15px;}
.boxFixedMyPhotos, .boxFixedMyPhotos .fixedTop, .boxFixedMyPhotos .fixedMiddle, .boxFixedMyPhotos .fixedBottom {
	width:774px;  }
.boxFixedMyPhotos .fixedTopPhotos {
	background:url(../img/roundedcorners/fixedwidth/myphotos-top-photos.png) no-repeat;height:115px; z-index:1; position:relative}
.boxFixedMyPhotos .fixedTopAlbums {
	background:url(../img/roundedcorners/fixedwidth/myphotos-top-albums.png) no-repeat;height:115px; z-index:1; position:relative}
.boxFixedMyPhotos .fixedMiddle {
	background:url(../img/roundedcorners/fixedwidth/myphotos-middle.png) repeat-y; min-height:95px}
.boxFixedMyPhotos .fixedBottom {
	background:url(../img/roundedcorners/fixedwidth/myphotos-bottom.png) no-repeat;height:13px}
.boxFixedMyPhotos .reposition {
	margin-top:-80px; z-index:2; position:relative; width:774px; margin-left:auto; margin-right:auto}
.boxFixedMyPhotos .contentBox p{
	margin-bottom:0;}

/* Box homepage Login */
.boxLogin {
	width:169px; height:251px; position:absolute; top:6px; left:16px; background:url(../img/roundedcorners/fixedwidth/home-login.png) 0 0 no-repeat;z-index:15; padding-left:17px}
.boxLogin h2 {
	margin-left:-17px; text-align:center; margin-top:5px}
.boxLogin .formLogin {
	margin-top:24px}
.boxLogin .formLogin ol {
	margin-bottom:43px}
.boxLogin ol li {
	margin:10px 0; list-style:none}
.boxLogin ol li input.text {
	font-size:11px; font-weight:normal; height:17px; width:147px; padding:2px 2px 2px 5px}
.boxLogin .boxAutomatic {
	margin-top:-5px; margin-bottom:0px}
.boxLogin .boxAutomatic label {
	width:auto!important}
.boxLogin label {
	display:block; padding:0 0 2px 0 }
.boxLogin .lblCheckbox {
	display:inline;padding:0;font-weight:normal; font-size:10px}
.boxLogin .lblCheckbox span {
	padding-left:3px}
.boxLogin .checkbox {
	margin-left:0px; vertical-align:middle}
.boxLogin .ok {
	position:absolute;right:13px; top:125px }
.boxLogin p {
	font-size:10px;	font-weight:bold; line-height:1.1em}
.boxLogin a, .boxLogin a:link, .boxLogin a:visited {
	color:#160C49}
.boxLogin a:hover, .boxLogin a:active {
	color:#3d7091; text-decoration:none}

/* Box homepage Discover */
.boxDiscover {
	width:186px; height:260px; position:absolute; top:5px; left:16px; background:url(../img/roundedcorners/fixedwidth/home-discover.png) 0 0 no-repeat;z-index:15; text-align:center}
.boxDiscover h2 {
	margin-left:-17px; text-align:center; margin-top:5px}
.boxDiscover .button {
	position:absolute; left:29px; bottom:23px}

/* Corporate pages */
.boxFixedCorporate {
	position:relative;float:left; margin-bottom:15px; overflow:hidden; }
.boxFixedCorporate, .boxFixedCorporate .fixedTop, .boxFixedCorporate .fixedMiddle, .boxFixedCorporate .fixedBottom {
	width:766px; }
.boxFixedCorporate .fixedTop {
	background:url(../img/roundedcorners/fixedwidth/corporate-top.png) no-repeat;height:115px; z-index:1; position:relative}
.boxFixedCorporate .fixedMiddle {
	background:url(../img/roundedcorners/fixedwidth/corporate-middle.png) repeat-y;}
.boxFixedCorporate .fixedBottom {
	background:url(../img/roundedcorners/fixedwidth/corporate-bottom.png) no-repeat;height:13px;}
.boxFixedCorporate .reposition {
	margin-top:-80px; z-index:2; position:relative;  margin-left:30px; margin-right:auto;overflow:hidden}


/* Price list, Sitemap */
.boxFixedPricelist, .boxFixedSitemap   {
	position:relative; margin-bottom:3px; overflow:hidden;}
.boxFixedPricelist , .boxFixedPricelist  .pricelistTop, .boxFixedPricelist  .pricelistMiddle, .boxFixedPricelist  .pricelistBottom {
	width:710px;  }
.boxFixedSitemap, .boxFixedSitemap  .sitemapTop, .boxFixedSitemap  .sitemapBottom {
	width:230px;}
.boxFixedPricelist  .pricelistTop {
	background:url(../img/roundedcorners/snowwhite/snowwhite-top.png) no-repeat; height:9px!important;position:relative; overflow:hidden}
.boxFixedSitemap  .sitemapTop {
	background:url(../img/roundedcorners/snowwhite/snowwhite-small-top.png) no-repeat; height:9px!important;position:relative; overflow:hidden}
.boxFixedPricelist  .pricelistMiddle{
	background:#fff; padding-left:35px; padding-top:0px; padding-bottom:0px;overflow:hidden}
.boxFixedSitemap  .sitemapMiddle {
	background:#fff; padding-left:35px; padding-top:10px; padding-bottom:10px; width:195px}
.boxFixedPricelist  .pricelistBottom {
	background:url(../img/roundedcorners/snowwhite/snowwhite-bottom.png) no-repeat;height:9px; position:relative; overflow:hidden}
.boxFixedSitemap  .sitemapBottom {
	background:url(../img/roundedcorners/snowwhite/snowwhite-small-bottom.png) no-repeat;height:9px; position:relative; overflow:hidden}


/* --  FLOW II  -- */

/* One Image + hover */
.boxLink {
	width: 100%; height:100%; position: absolute;top:0;left:0;z-index:10;display:block; zoom:1; background: url("../img/roundedcorners/blank.gif") repeat 0 0; text-indent:-9999px; cursor:pointer}

.boxRcWhiteHoverOI .boxRcTopleft {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green/rc-grey-green-s-nt.png) left top no-repeat; overflow:hidden}
.boxRcWhiteHoverOI .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green/rc-grey-green-s-nt.png) right top no-repeat; overflow:hidden}
.boxRcWhiteHoverOI .boxRcBottomleft {
	position:absolute; z-index:3; left:0; bottom:0; width:100%; height:14px; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green/rc-grey-green-s-nt.png) left -461px no-repeat; overflow:hidden}
.boxRcWhiteHoverOI .boxRcBottomright {
	position:absolute; z-index:3; right:0; bottom:0; width:14px; height:14px; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green/rc-grey-green-s-nt.png) right -461px no-repeat; overflow:hidden}

.boxRcWhiteGreen .boxRcTopleft {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green_ns/rc-grey-green-ns-nt.png) left top no-repeat; overflow:hidden}
.boxRcWhiteGreen .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green_ns/rc-grey-green-ns-nt.png) right top no-repeat; overflow:hidden}
.boxRcWhiteGreen .boxRcBottomleft {
	position:absolute; z-index:3; left:0; bottom:0; width:100%; height:14px; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green_ns/rc-grey-green-ns-nt.png) left -461px no-repeat; overflow:hidden}
.boxRcWhiteGreen .boxRcBottomright {
	position:absolute; z-index:3; right:0; bottom:0; width:14px; height:14px; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green_ns/rc-grey-green-ns-nt.png) right -461px no-repeat; overflow:hidden}

.boxRcGreyHoverOI .boxRcTopleft {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green/rc-grey-green-s-greyfill.png) left top no-repeat; overflow:hidden}
.boxRcGreyHoverOI .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green/rc-grey-green-s-greyfill.png) right top no-repeat; overflow:hidden}
.boxRcGreyHoverOI .boxRcBottomleft {
	position:absolute; z-index:3; left:0; bottom:0; width:100%; height:14px; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green/rc-grey-green-s-greyfill.png) left -461px no-repeat; overflow:hidden}
.boxRcGreyHoverOI .boxRcBottomright {
	position:absolute; z-index:3; right:0; bottom:0; width:14px; height:14px; background:url(../img/roundedcorners/oneimage20120228/rc_grey_green/rc-grey-green-s-greyfill.png) right -461px no-repeat; overflow:hidden}


.boxRcTransHover {
	margin:0;background: url("../img/roundedcorners/blank.gif") repeat 0 0; cursor:pointer;}
.boxRcTransHover .boxRcTopleft {
	position:absolute; z-index:1; top:0; left:0; width:100%; background:url(../img/roundedcorners/oneimage20120228/rc_nc_green/rc_nc_green_ns_ft.png) left top no-repeat; overflow:hidden}
.boxRcTransHover .boxRcTopright {
	position:absolute; z-index:2; top:0; right:0; width:14px; background:url(../img/roundedcorners/oneimage20120228/rc_nc_green/rc_nc_green_ns_ft.png) right top no-repeat; overflow:hidden}
.boxRcTransHover .boxRcBottomleft {
	position:absolute; z-index:3; bottom:0;  left:0; width:100%; height:14px; background:url(../img/roundedcorners/oneimage20120228/rc_nc_green/rc_nc_green_ns_ft.png) left -461px no-repeat; overflow:hidden}
.boxRcTransHover .boxRcBottomright {
	position:absolute; z-index:3; bottom:0;  right:0; width:14px; height:14px; background:url(../img/roundedcorners/oneimage20120228/rc_nc_green/rc_nc_green_ns_ft.png) right -461px no-repeat; overflow:hidden}

.productselection .boxRcTransHover img {
	padding: 11px; position:relative; z-index: 5}

/*------------------------------------------------------------

[2.	Priceboxes]

-------------------------------------------------------------*/
/*.productPrice {
	background:url(../img/roundedcorners/priceboxes/green.png) no-repeat; height:35px; padding:2px 0 0 8px; z-index:7}*//*alternative price*/
.priceBgRight {
	background:url(../img/roundedcorners/priceboxes/green.png) right top no-repeat;position:absolute; height:37px; width:8px; display:block; top:0; right:-8px}
/*.pbBlue {
	background-image:url(../img/roundedcorners/priceboxes/blue.png) }
.pbBlue .priceBgRight {
	background-image:url(../img/roundedcorners/priceboxes/blue.png) }
.pbOrange {
	background-image:url(../img/roundedcorners/priceboxes/orange.png) }
.pbOrange .priceBgRight {
	background-image:url(../img/roundedcorners/priceboxes/orange.png) }
.pbPink {
	background-image:url(../img/roundedcorners/priceboxes/pink.png) }
.pbPink .priceBgRight {
	background-image:url(../img/roundedcorners/priceboxes/pink.png) }*/
.priceBgRight {
	background:url(../img/roundedcorners/priceboxes/green.png) right top no-repeat;position:absolute; height:37px; width:8px; display:block; top:0; right:-8px}
.priceText {
	font-weight:bold}
.priceCurrency, .priceBeforeComma, .priceAfterComma, .priceAfterCommaWithStar {
	color:#fff; font-weight:bold; display:block; float:left; margin-bottom:-9px}
.priceCurrency {
	font-size:14px;margin-top:14px; line-height:1}
.priceBeforeComma {
	font-size:25px;margin-top:5px; line-height:1}
.priceAfterComma {
	font-size:14px;margin-top:3px; line-height:1}
.priceAfterCommaWithStar {
	padding-right:6px;font-size:14px;margin-top:3px; line-height:1; background:url(../img/roundedcorners/priceboxes/box-price-star.png) right 2px no-repeat}
.priceEditor /*FII*/{
	background:url(../img/roundedcorners/priceboxes/price-editor-left.png) 0 0 no-repeat; position:relative; height:37px; padding:0 10px; position:absolute; color:#fff; font-size:14px; font-weight:bold; line-height:20px}
.priceEditor .cornerRight /*FII*/{
	background:url(../img/roundedcorners/priceboxes/price-editor-right.png) 0 0 no-repeat; height:20px; width:4px; display:block; position:absolute; right:0; top:0}

/*.pbWhite {
	background:url(../img/roundedcorners/priceboxes/white.png) no-repeat; height:37px; padding:0 0 0 15px; z-index:7;}
.pbWhite .priceBgRight {
	background:url(../img/roundedcorners/priceboxes/white.png) right top no-repeat;position:absolute; height:37px; width:11px; display:block; top:0; right:-11px}
.pbWhite .price {
	color:#75678a!IMPORTANT; display:block; float:left; margin-bottom:-9px; padding:10px 0 0 0; font-size:13px}*/

/*.pbWhiteBig {
	 z-index:7}
.pbWhiteBig .priceBgRightNew {
	background:url(../img/roundedcorners/priceboxes/whiteBig.png) right top no-repeat; height:42px; width:12px; float:left; display:block}
.pbWhiteBig .price {
	background:url(../img/roundedcorners/priceboxes/whiteBig.png) no-repeat; height:29px; color:#75678a!IMPORTANT; display:block; float:left; margin-bottom:-9px; padding:12px 0 0 12px; font-size:13px}*/

/*------------------------------------------------------------

[3.	Paging ]

-------------------------------------------------------------*/
.boxPaging {
	position:relative; overflow:hidden;}
.paging {
	overflow:hidden; margin-left:auto; margin-right:auto; width:235px; text-align:center; padding:5px 0}
div.btnBackward, div.btnFastBackward, div.btnForward, div.btnFastForward, .paging a {
	display:block; width:17px; height:17px; float:left; text-indent:-9999px; margin-right:6px;}
.editorRightSidebar div.btnBackward {
	margin-right:72px;}
.paging .boxPageNumbers {
	display:block; float:left; vertical-align:middle; margin-right:12px; margin-top:1px}
div.btnBackward {
	background:url(../img/icons/btn-bwd.png) no-repeat}
a.btnBackward {
	background:url(../img/icons/btn-bwd-active.png) no-repeat}
div.btnFastBackward  {
	background:url(../img/icons/btn-f-bwd.png) no-repeat}
a.btnFastBackward {
	background:url(../img/icons/btn-f-bwd-active.png) no-repeat}
div.btnForward {
	background:url(../img/icons/btn-fwd-inactive.png) no-repeat}
a.btnForward {
	background:url(../img/icons/btn-fwd-active.png) no-repeat}
div.btnFastForward {
	background:url(../img/icons/btn-f-fwd-inactive.png) no-repeat}
a.btnFastForward {
	background:url(../img/icons/btn-f-fwd.png) no-repeat}

/*------------------------------------------------------------

4.	Tabs

-------------------------------------------------------------*/
/* 4 - My Photos -- */
.tabButton {
	position:relative; float:left; bottom:-15px;width:194px;height:42px; z-index:3 }
.tabButton  {
	text-indent:19px}
/* First Tab on the left side */
.tab1 {
	left:0;}
.tabLeftActive {
	background:url(../img/roundedcorners/lightgrey/tabbutton-left.png) 0 0 no-repeat}
.tabLeftNotActive a {
	height:100%; width:100%; display:block; }
.tabLeftNotActive a:link, .tabLeftNotActive a:visited {
	background:url(../img/roundedcorners/lightgrey/tabbutton-left.png) -194px 0 no-repeat;text-decoration:none; color:#fff}
.tabLeftNotActive a:hover, .tabLeftNotActive a:active {
	background:url(../img/roundedcorners/lightgrey/tabbutton-left.png) 0 0 no-repeat; color:#fff}
/* Other Tabs */
.tabActive {
	background:url(../img/roundedcorners/lightgrey/tabbutton.png) 0 0 no-repeat}
.tabNotActive a {
	height:100%; width:100%; display:block}
.tabNotActive a:link, .tabNotActive a:visited {
	background:url(../img/roundedcorners/lightgrey/tabbutton.png) -194px 0 no-repeat;text-decoration:none; color:#fff}
.tabNotActive a:hover, .tabNotActive a:active {
	background:url(../img/roundedcorners/lightgrey/tabbutton.png) 0 0 no-repeat; color:#fff}

/* 4 - Product detail -- flowII --*/
.tabs {
	position:absolute; left:20px; top:-25px}
.tabs li {
	position:relative; float: left; height:33px}
.tabs li a {
	background:url(../img/roundedcorners/fixedwidth/product_detail_tab/tab.png) 0 -33px no-repeat;  font-size:13px; text-align:center; display:block; width:100%; position:absolute; top:0; left:0; height:100%; text-decoration:none; line-height:33px; font-weight:bold; }
.tabs a:link, .tabs a:visited, .tabs a:hover, .tabs a:active  {
	color:#4F4977}
.tabs li a span {
	background:url(../img/roundedcorners/fixedwidth/product_detail_tab/tab.png) right -33px no-repeat; width:9px; position:absolute; height:33px; right:0; top:0}
.tabs .selected a {
	background:url(../img/roundedcorners/fixedwidth/product_detail_tab/tab.png) no-repeat}
.tabs .selected a span {
	background:url(../img/roundedcorners/fixedwidth/product_detail_tab/tab.png) right top no-repeat}

/*------------------------------------------------------------

5.	Buttons

-------------------------------------------------------------*/
.button {
       font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;/*display:block;*/ color:#fff!important;
       position:relative; text-decoration:none!important;cursor:pointer; z-index:20; /*zoom:1; display:inline*/}
#maindialog .button {
       margin-right:7px;float:right}
#maindialog .button.float-left {
       float:left}
.button span {
       background-position:0 0; position:relative;min-width:0}
.button .btnLeft {
       display:block;float:left;background-repeat:no-repeat}
.button .btnMiddle {
       display:block;float:left; background-repeat:repeat-x;text-indent:0; text-align:center}
.button .btnRight {
       display:block;float:left;background-repeat:no-repeat}

/* btnBack */
.btnBack {
	height:29px;line-height:14px;}
.btnBack .btnLeft {
	width:28px;	height:29px; background:url(../img/buttons/btnbackbig.png) 0 -124px no-repeat;}
.btnBack .btnMiddle{
	background: url(../img/buttons/btnbackbig.png) repeat-x scroll 0 0 transparent;
    height: 29px;
	line-height: 25px;}
.btnBack .btnRight {
	width:28px;	height:29px; background:url(../img/buttons/btnbackbig.png) 0 -62px no-repeat;}
.btnBackHover .btnLeft{
	 background:url(../img/buttons/btnbackbig.png) 0 -155px no-repeat;}
.btnBackHover .btnMiddle{
	height:29px; background:url(../img/buttons/btnbackbig.png) 0 -31px repeat-x;}
.btnBackHover .btnRight{
	background:url(../img/buttons/btnbackbig.png) 0 -93px no-repeat;}

/*img path for test in master-content: ../app_data/standard/base/img/buttons/btnbackbig.png*/

/* Medium sized Green button */
.btnGreenMedium {
	height:30px;line-height:1em}
.btnGreenMedium .btnLeft {
	width:10px;	height:30px; background-image:url(../img/buttons/greenmedium-left.png)}
.btnGreenMedium .btnMiddle{
	height:30px; background-image:url(../img/buttons/greenmedium-middle.png); line-height:25px}
.btnGreenMedium .btnRight {
	width:10px;	height:30px; background-image:url(../img/buttons/greenmedium-right.png)}
.btnGreenMediumHover span{
	background-position: 0 -31px}

/* Medium sized Green button with two arrows right */
.btnGreenArrowsRight {
	height:30px;line-height:1em}
.btnGreenArrowsRight .btnLeft {
	width:10px;	height:30px; background-image:url(../img/buttons/greenmedium-arrowsright-left.png); margin-right:0px!important;}
.btnGreenArrowsRight .btnMiddle{
	height:30px; background-image:url(../img/buttons/greenmedium-arrowsright-middle.png); line-height:25px; margin-right:0px!important;}
.btnGreenArrowsRight .btnRight {
	width:30px;	height:30px; background-image:url(../img/buttons/greenmedium-arrowsright-right.png); margin-right:0px!important;}
.btnGreenArrowsRightHover span{
	background-position: 0 -31px}

/* Small sized Green button */
.btnGreenSmall {
	height:25px;line-height:1em;font-size:10px}
.btnGreenSmall .btnLeft {
	width:10px;	height:25px; background-image:url(../img/buttons/greensmall-left.png)}
.btnGreenSmall .btnMiddle{
	height:25px; background-image:url(../img/buttons/greensmall-middle.png); line-height:20px}
.btnGreenSmall .btnRight {
	width:10px;	height:25px; background-image:url(../img/buttons/greensmall-right.png)}
.btnGreenSmallHover span{
	background-position: 0 -27px}

/* Medium sized Purple button with two arrows right */
.btnPurpleArrowsRight {
	height:30px;line-height:23px}
.btnPurpleArrowsRight .btnLeft {
	width:10px;	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-left.png)}
.btnPurpleArrowsRight .btnMiddle{
	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-middle.png)}
.btnPurpleArrowsRight .btnRight {
	width:30px;	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-right.png)}
.btnPurpleArrowsRightHover span{
	background-position: 0 -31px}

/* Medium sized Purple button */
.btnPurpleMedium {
	height:29px;line-height:1em}
.btnPurpleMedium .btnLeft {
	width:10px;	height:29px; background-image:url(../img/buttons/purplemedium-left.png)}
.btnPurpleMedium .btnMiddle{
	height:29px; background-image:url(../img/buttons/purplemedium-middle.png); line-height:25px}
.btnPurpleMedium .btnRight {
	width:10px;	height:29px; background-image:url(../img/buttons/purplemedium-right.png)}
.btnPurpleMediumHover span{
	background-position: 0 -31px}

/* Medium sized Light Purple button */
.btnPurpleMediumLight {
	height:29px;line-height:1em}
.btnPurpleMediumLight .btnLeft {
	width:10px;	height:29px; background-image:url(../img/buttons/purplemediumlight-left.png)}
.btnPurpleMediumLight .btnMiddle{
	height:29px; background-image:url(../img/buttons/purplemediumlight-middle.png); line-height:25px}
.btnPurpleMediumLight .btnRight {
	width:10px;	height:29px; background-image:url(../img/buttons/purplemediumlight-right.png)}
.btnPurpleMediumLightHover span{
	background-position: 0 -31px}

/* addContact */
.addContactBtn .btnMiddle {
	padding:0 20px}

/* Big sized Green button */
.btnGreenBig {
	height:45px;line-height:35px; font-size:15px}
.btnGreenBig .btnLeft {
	width:12px;	height:41px; background-image:url(../img/buttons/greenbig-left.png)}
.btnGreenBig .btnMiddle{
	height:41px; font-size:18px; background-image:url(../img/buttons/greenbig-middle.png)}
.btnGreenBig .btnRight {
	width:12px;	height:41px; background-image:url(../img/buttons/greenbig-right.png)}
.btnGreenBigHover span{
	background-position: 0 -43px;}

/* Big sized Green button with two arrows right */
.btnGreenBigArrowsRight {
	height:41px;line-height:35px; font-size:15px}
.btnGreenBigArrowsRight .btnLeft {
	width:12px;	height:41px; background-image:url(../img/buttons/greenbig-arrowsright-left.png)}
.btnGreenBigArrowsRight .btnMiddle{
	height:41px; background-image:url(../img/buttons/greenbig-arrowsright-middle.png)}
.btnGreenBigArrowsRight .btnRight {
	width:30px;	height:41px; background-image:url(../img/buttons/greenbig-arrowsright-right.png)}
.btnGreenBigArrowsRightHover span{
	background-position: 0 -43px;}

/* Big sized Purple button with two arrows right */
.btnPurpleBigArrowsRight {
	height:41px;line-height:35px; font-size:20px;}
.btnPurpleBigArrowsRight .btnLeft {
	width:12px;	height:41px; background-image:url(../img/buttons/purplebig-arrowsright-left.png)}
.btnPurpleBigArrowsRight .btnMiddle{
	height:41px; background-image:url(../img/buttons/purplebig-middle.png)}
.btnPurpleBigArrowsRight .btnRight {
	width:30px;	height:41px; background-image:url(../img/buttons/purplebig-arrowsright-right.png)}
.btnPurpleBigArrowsRightHover span{
	background-position: 0 -43px}

/* Big sized Purple button with two arrows left */
.btnPurpleBigArrowsLeft {
	height:41px;line-height:35px; font-size:15px}
.btnPurpleBigArrowsLeft .btnLeft {
	width:29px;	height:41px; background-image:url(../img/buttons/purplebig-arrowsleft-left.png)}
.btnPurpleBigArrowsLeft .btnMiddle{
	height:41px; background-image:url(../img/buttons/purplebig-middle.png)}
.btnPurpleBigArrowsLeft .btnRight {
	width:12px;	height:41px; background-image:url(../img/buttons/purplebig-arrowsleft-right.png)}
.btnPurpleBigArrowsLeftHover span{
	background-position: 0 -43px}

/* go */
 .btnPurpleArrowsRightSmall {
	height:30px;line-height:25px; font-size:15px}
.btnPurpleArrowsRightSmall .btnLeft {
	width:10px;	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-left.png)}
.btnPurpleArrowsRightSmall .btnMiddle{
	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-middle.png)}
.btnPurpleArrowsRightSmall .btnRight {
	width:22px;	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-rightsmall.png)}
.btnPurpleArrowsRightSmallHover span{
	background-position: 0 -31px}

/* xmas */
 .btnRedArrowsRightSmall {
	height:27px;line-height:25px; font-size:15px}
.btnRedArrowsRightSmall .btnLeft {
	width:10px;	height:27px; background-image:url(../img/buttons/redmedium-arrowsright-left.png)}
.btnRedArrowsRightSmall .btnMiddle{
	height:27px; background-image:url(../img/buttons/redmedium-arrowsright-middle.png)}
.btnRedArrowsRightSmall .btnRight {
	width:34px;	height:27px; background-image:url(../img/buttons/redmedium-arrowsright-right.png)}
.btnRedArrowsRightSmallHover span{
	background-position: 0 -27px}

/* valentine */
.btnWhiteArrowsPinkRightSmall {
	height:27px;line-height:25px; font-size:15px}
.btnWhiteArrowsPinkRightSmall .btnLeft {
	width:10px;	height:27px; background-image:url(../img/buttons/whitemedium-pinkarrowsright-left.png)}
.btnWhiteArrowsPinkRightSmall .btnMiddle{
	height:27px; background-image:url(../img/buttons/whitemedium-pinkarrowsright-middle.png)}
.btnWhiteArrowsPinkRightSmall .btnRight {
	width:34px;	height:27px; background-image:url(../img/buttons/whitemedium-pinkarrowsright-right.png)}
.btnWhiteArrowsPinkRightSmallHover span{
	background-position: 0 -27px}

/* communion */
.btnWhiteArrowsPurpleRightSmall {
	height:27px;line-height:25px; font-size:15px; color:#700046!important; line-height:1.8;}
.btnWhiteArrowsPurpleRightSmall .btnLeft {
	width:10px;	height:27px; background-image:url(../img/buttons/whitemedium-purplearrowsright-left.png)}
.btnWhiteArrowsPurpleRightSmall .btnMiddle{
	height:27px; background-image:url(../img/buttons/whitemedium-purplearrowsright-middle.png); padding:0 11px;}
.btnWhiteArrowsPurpleRightSmall .btnRight {
	width:34px;	height:27px; background-image:url(../img/buttons/whitemedium-purplearrowsright-right.png)}
.btnWhiteArrowsPurpleRightSmallHover span{
	background-position: 0 -27px; color:#FFF;}

/* fathers day */
.btnWhiteArrowsBlueRightSmall {
	height:27px;line-height:25px; font-size:15px; color:#7190B1 !important; line-height:1.8;}
.btnWhiteArrowsBlueRightSmall .btnLeft {
	width:10px;	height:27px; background-image:url(../img/buttons/whitemedium-bluearrowsright-left.png)}
.btnWhiteArrowsBlueRightSmall .btnMiddle{
	height:27px; background-image:url(../img/buttons/whitemedium-bluearrowsright-middle.png); padding:0 11px;}
.btnWhiteArrowsBlueRightSmall .btnRight {
	width:34px;	height:27px; background-image:url(../img/buttons/whitemedium-bluearrowsright-right.png)}
.btnWhiteArrowsBlueRightSmallHover span{
	background-position: 0 -27px; color:#FFF;}

/* white button arrowsleft */
 .btnWhiteArrowsLeft {
	height:30px;line-height:26px; font-size:12px; color:#8bb10c !important;}
.eep-col .spotlightButton.btnWhiteArrowsLeft {padding: 0; margin: 0 0 30px 0; clear: both;}
.btnWhiteArrowsLeft .btnLeft {
	width:20px;	height:27px; background-image:url('../img/buttons/white-arrowsleft.png'); background-position:0 0;}
.btnWhiteArrowsLeft .btnMiddle{
	height:27px; background-image: url('../img/buttons/white-arrowsleft.png'); background-position:-20px 0; width:175px; text-align:left; overflow:hidden}
.btnWhiteArrowsLeft .btnRight {
	width:10px;	height:27px; background-image:url('../img/buttons/white-arrowsleft.png'); background-position:-195px 0;}
.btnWhiteArrowsLeftHover,
.btnWhiteArrowsLeftHover .btnLeft, .btnWhiteArrowsLeft:hover .btnLeft, li:hover div.boxFlex .btnWhiteArrowsLeft .btnLeft, .spotlightButton.btnWhiteArrowsLeft .btnLeft {
	background-position:0 0;}
.btnWhiteArrowsLeftHover .btnMiddle, .btnWhiteArrowsLeft:hover .btnMiddle, li:hover div.boxFlex .btnWhiteArrowsLeft .btnMiddle, .spotlightButton.btnWhiteArrowsLeft .btnMiddle {
	background-position:-20px 0; color: #8bb10c;}
.btnWhiteArrowsLeftHover .btnRight, .btnWhiteArrowsLeft:hover .btnRight, li:hover div.boxFlex .btnWhiteArrowsLeft .btnRight, .spotlightButton.btnWhiteArrowsLeft .btnRight {
	background-position:-195px 0px}
.spotlightButton.btnWhiteArrowsLeft .btnMiddle {width: 318px;	}

li:hover div.boxFlex .btnWhiteArrowsLeft .btnMiddle, .spotlightButton.btnWhiteArrowsLeft .btnMiddle {
	background-position:-20px 0; color: #8bb10c;}

	li:hover div.boxFlex .btnWhiteArrowsLeft .btnMiddle, .spotlightButton.btnWhiteArrowsLeft .btnMiddle {background: url('../img/buttons/white-arrowsMiddle.png') repeat-x 0 0;}
	li:hover div.boxFlex .btnWhiteArrowsLeft .btnMiddle, .spotlightButton.btnWhiteArrowsLeft:hover .btnMiddle {background-position: 0 -27px; color: #FFFFFF;}
	li:hover div.boxFlex .btnWhiteArrowsLeft .btnLeft, .spotlightButton.btnWhiteArrowsLeft:hover .btnLeft {background-position: 0 -27px; }
	li:hover div.boxFlex .btnWhiteArrowsLeft .btnRight, .spotlightButton.btnWhiteArrowsLeft:hover .btnRight {background-position: -195px -27px; }

/* white button BIG arrowsleft */
 .btnWhiteArrowsLeftBig {
	height:36px;line-height:36px; font-size:13px; color: #8bb10c !important;}
.btnWhiteArrowsLeftBig .btnLeft {
	width:20px;	height:36px; background-image:url(../img/buttons/white-arrowsleftBig.png); background-position:0 0}
.btnWhiteArrowsLeftBig .btnMiddle{
	height:36px; background-image:url(../img/buttons/white-arrowsleftBig.png); background-position:-20px 0; text-align:left; line-height:36px}
.btnWhiteArrowsLeftBig .btnRight {
	width:10px;	height:36px; background-image:url(../img/buttons/white-arrowsleftBig.png); background-position:-390px 0}
.btnWhiteArrowsLeftBigHover {color:#fff !important;}
.btnWhiteArrowsLeftBigHover .btnLeft {
	background-position:0 -36px}
.btnWhiteArrowsLeftBigHover .btnMiddle{
	background-position:-20px -36px}
.btnWhiteArrowsLeftBigHover .btnRight {
	background-position:-390px -36px}

/* Medium sized Disabled button with two arrows right */
.btnDisabledArrowsRight {
	height:30px;line-height:1em; cursor:default}
.btnDisabledArrowsRight .btnLeft {
	width:10px;	height:30px; background-image:url(../img/buttons/disabled-arrowsright-left.png)}
.btnDisabledArrowsRight .btnMiddle {
	height:30px; background-image:url(../img/buttons/disabled-arrowsright-middle.png); line-height:25px}
.btnDisabledArrowsRight .btnRight {
	width:30px;	height:30px; background-image:url(../img/buttons/disabled-arrowsright-right.png)}
.btnDisabledArrowsRightHover span {
	background-position:top left}

/* disabled express button - DEV  */
.btndisabled{
	opacity:0.6; cursor:default; filter:alpha(opacity=60); display:inline-block;}

/* Print */
.btnPrint {
	height:30px;line-height:23px}
.btnPrint .btnLeft {
	width:10px;	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-left.png)}
.btnPrint .btnMiddle{
	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-middle.png)}
.btnPrint .btnRight {
	width:33px;	height:30px; background-image:url(../img/buttons/print.png)}
.btnPrintHover span{
	background-position: 0 -31px}

/* PDF */
.btnPdf {
	height:30px;line-height:23px}
.btnPdf .btnLeft {
	width:10px;	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-left.png)}
.btnPdf .btnMiddle{
	height:30px; background-image:url(../img/buttons/purplemedium-arrowsright-middle.png)}
.btnPdf .btnRight {
	width:33px;	height:30px; background-image:url(../img/buttons/pdf.png)}
.btnPdfHover span{
	background-position: 0 -31px}

/* Big sized Blue button with two arrows right */
.btnBlueBig {
	height:41px;line-height:35px; font-size:15px;}
.btnBlueBig .btnLeft {
	width:25px;	height:41px; background:url(../img/buttons/bluebig.png) 0 -128px no-repeat;}
.btnBlueBig .btnMiddle{
	height:41px; background:url(../img/buttons/bluebig.png) 0 -43px repeat-x;}
.btnBlueBig .btnRight {
	width:28px;	height:41px; background:url(../img/buttons/bluebig.png) 0 -214px no-repeat;}
.btnBlueBigHover .btnLeft{
	 background:url(../img/buttons/bluebig.png) 0 -85px no-repeat;}
.btnBlueBigHover .btnMiddle{
	height:41px; background:url(../img/buttons/bluebig.png) 0 0 repeat-x;}
.btnBlueBigHover .btnRight{
	background:url(../img/buttons/bluebig.png) 0 -171px no-repeat;}

/* Big sized red button with two arrows right */
.btnRedBig {
	height:41px;line-height:35px; font-size:15px;}
.btnRedBig .btnLeft {
	width:25px;	height:41px; background:url(../img/buttons/redbig.png) 0 -128px no-repeat;}
.btnRedBig .btnMiddle{
	height:41px; background:url(../img/buttons/redbig.png) 0 -43px repeat-x;}
.btnRedBig .btnRight {
	width:28px;	height:41px; background:url(../img/buttons/redbig.png) 0 -214px no-repeat;}
.btnRedBigHover .btnLeft{
	 background:url(../img/buttons/redbig.png) 0 -85px no-repeat;}
.btnRedBigHover .btnMiddle{
	height:41px; background:url(../img/buttons/redbig.png) 0 0 repeat-x;}
.btnRedBigHover .btnRight{
	background:url(../img/buttons/redbig.png) 0 -171px no-repeat;}

/*social - sharing button Facebook*/
.btnFacebook .btnLeft{background-image:url(../img/buttons/btn_fbLeft.png); height:28px; width:28px;}
.btnFacebook .btnMiddle{background-image:url(../img/buttons/btn_fbMiddle.png); height:28px; padding: 0 8px; width: auto !important;}
.btnFacebook .btnRight{background-image:url(../img/buttons/btn_fbRight.png); height:28px; width:8px;}
.btnFacebook {line-height:2.4em; height:28px;}
.btnFacebook a.button:hover .btnMiddle{text-decoration:underline;}

/* facebook sprite button with rollover */
.btnBlueFacebook {
	height:28px;line-height:28px; font-size:11px; color:#8bb10c!IMPORTANT}
.btnBlueFacebook .btnLeft {
	width:28px;	height:29px; background-image:url(../img/buttons/facebook_btn.png); background-position:0 0}
.btnBlueFacebook .btnMiddle{
	height:29px; background-image:url(../img/buttons/facebook_btn.png); background-position:0 -58px; text-align:left; line-height:24px; padding-left:8px}
.btnBlueFacebook .btnRight {
	width:28px;	height:29px; background-image:url(../img/buttons/facebook_btn.png); background-position:0 -116px}
.btnBlueFacebook {color:#fff!IMPORTANT}
.btnBlueFacebookHover .btnLeft {
	background-position:0 -29px}
.btnBlueFacebookHover .btnMiddle{
	background-position:-29px -87px}
.btnBlueFacebookHover .btnRight {
	background-position:0px -145px}
/*------------------------------------------------------------

6.	Format

-------------------------------------------------------------*/
a.btnFormatBig {
	width:21px; height:21px;background:url(../img/icons/format-big-active.png) no-repeat; text-indent:-9999px; display:block; float:left;margin-left:5px}
span.btnFormatBig {
	width:21px; height:21px;background:url(../img/icons/format-big-inactive.png) no-repeat;text-indent:-9999px; display:block;float:left;margin-left:5px}
a.btnFormatSmall {
	width:15px; height:15px;background:url(../img/icons/format-small-active.png) no-repeat; text-indent:-9999px; display:block;float:left;margin-top:3px}
span.btnFormatSmall {
	width:15px; height:15px;background:url(../img/icons/format-small-inactive.png) no-repeat;text-indent:-9999px; display:block;float:left;margin-top:3px}

.formatSmall, .formatSmallO, .formatBig, .formatBigO {
  width:21px; height:21px; position:relative; top:-7px;  }

/* Not sure if the styles below are still used */
.formatSmall {
	background:url(default/icons/formatsmall.png) 0 0 no-repeat; margin-left:5px;}
.formatSmallO {
	background:url(default/icons/formatsmall.png) 0 -21px no-repeat; margin-left:5px; cursor:default;}
.formatBig {
	background:url(default/icons/formatbig.png) 0 0 no-repeat;}
.formatBigO {
	background:url(default/icons/formatbig.png) 0 -21px no-repeat; cursor:default;}
.formatSmallO, .formatBigO,.formatSmall, .formatBig {
	display:block;	color:#fff!important;position:relative;	float:left;	text-decoration:none!important; z-index:20; zoom:1;}
.formatSmall, .formatBig {
	cursor:pointer;}

/*------------------------------------------------------------

7.	Tables

-------------------------------------------------------------*/
.tblShoppingCart {
	width:100%; border-collapse:collapse; margin-top:5px}
.tblShoppingCart img, .tblShoppingCart input {
	 padding-left:5px}
.tblShoppingCart tr {
	text-align:right}
.tblShoppingCart thead tr.tableHeader th, .tblShoppingCart thead tr.tableHeader td {
	background:url(../img/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 {
	padding:5px 0 5px 13px}
.tblShoppingCart tfoot td {
	line-height:24px; padding-right:13px}
.tblShoppingCart tbody tr.tbodyDivision th, .tblShoppingCart tbody tr.tbodyDivision td  {
	background:#d9d7e2 url(../img/tables/bg-th.png) repeat-x;line-height:34px; font-size:13px;
	font-weight:bold; border-bottom:#fff solid 1px; text-indent:18px}
.tblShoppingCart tbody tr.tbodyData td {
 	background-color:#e0dee7}
.tblShoppingCart tbody th  a {
	font-size:11px; font-weight:normal}

.tblSimple, .tblSimpleLeftheader {
	border-collapse:collapse}
.tblSimple th {
	color:#699103;text-align:center; vertical-align:top; height:25px}
.tblSimple td, .tblSimpleLeftheader td, .tblSimpleLeftheader th{
	border-bottom:1px solid #D8D6E1; height:26px; padding:0 10px}
.tblSimple td.size {
	text-align:right}
.tblSimple td.price {
	font-weight:bold; text-align:left}

.tblSimpleLeftheader th{
	text-align:left; font-weight:normal}
.tblSimpleLeftheader td{
	text-align:right}


.tblPickUpPoints {
	border-collapse:collapse; margin:0 23px 23px; width:95%; padding:0 0 23px 0;}
.tblPickUpPoints tr{
	text-align:left;}
.tblPickUpPoints .colHeaders {
    height:38px; border-bottom:#FFF solid 1px;}
.tblPickUpPoints tr.tbodyData td {
	padding:0 0 0 13px; height:28px; background-color:#E0DEE7;}
.tblPickUpPoints .colHeaders th {
	padding:5px 0 5px 13px; background:url(../img/tables/bg-th.png) repeat-x scroll 0 0 #D9D7E2;}
.tblPickUpPoints thead tr.tableHeader th, .tblShoppingCart thead tr.tableHeader td {
	background:url(../img/tables/bg-thead.png) repeat-x scroll left bottom transparent; line-height:30px;padding:5px 13px 5px 0;}
.tblPickUpPoints thead .text-left {
color:#9ABF0F; font-size:16px; text-indent:13px;}
.tblPickUpPoints .tbodyData label{
	margin-left:6px;}
.tblPickUpPoints .tbodyData input{
	margin:0; vertical-align:middle;}
.tblPickUpPoints .colHeaders img{
	margin-left:5px;}
.tblPickUpPoints .colHeaders .firstCell {
	padding:5px 0 5px 32px;}

.clearPickUp { width:95%; margin:0 23px 23px; clear:both;}


.tblOpeningHours{
	margin:10px 0 0;}
.tblOpeningHours thead{
	height:30px;}
.tblOpeningHours thead th{
	text-align:left;}
.tblOpeningHours td{
	height:24px;}

.myOrdersDetail .ordernumber, .myOrdersDetail .quantity, .myOrdersDetail .unitPrice, .myOrdersDetail .totalPrice {
	width:25%;}
.myOrdersDetail .tblShoppingCart tr.tbodyData .quantity, .myOrdersDetail .tblShoppingCart .quantity  {
	text-align:right; padding:0;}

/*-------------------- Share your photobook -------------------------*/


.recentPhotobooks .boxRcWhite {float: left; margin-right: 0; overflow: hidden; width: 961px;}
.recentPhotobooks .boxRcWhite .boxRcContent{padding:0px;}
.recentPhotobooks {margin:0 20px;}
.recentPhotobooks .info{margin:20px 0px 10px; float:right; width:auto; font-weight:bold;}
.recentPhotobooks .info .label{display: inline-block; font-weight: normal; width: 130px;}
.recentPhotobooks .intro p{width:500px; margin:0px 0px 10px;}
.recentPhotobooks .wrapper {margin-bottom:20px; float:left; clear:both; width:100%;}
.recentPhotobooks .boxProject {position:relative; padding:0 15px;}
.recentPhotobooks .boxProject .boxProject {height:80px; padding:0; }
.recentPhotobooks hr {position:relative;  width:100%; margin:0; background:#ececec;}
.recentPhotobooks .boxProject .img{position:absolute; width:65px; top:3px; left:0px; height:65px; border:#ecebf0 solid 1px; padding:3px; line-height:63px;text-align:center;}
.recentPhotobooks .boxProject .img a{margin:0; }
.recentPhotobooks .boxProject .img img {line-height:65px; vertical-align:middle;}
.recentPhotobooks .boxProject h3, .recentPhotobooks .boxProject dl {margin-left:90px}
.recentPhotobooks .boxProject .col03 dl {margin-left:0px}
.recentPhotobooks .boxProject dl.date {margin-left:0px}
.recentPhotobooks .boxProject .img img.unavailable {position:absolute; top:3px; left:3px}
.boxProject.unavailable h3, .boxProject.unavailable dt, .boxProject.unavailable dd {color:#B5B2C4}
.recentPhotobooks .boxProject .column{float:left; margin-right:20px; margin-top:20px;}
.recentPhotobooks .boxProject .col01{width: 300px;}
.recentPhotobooks .boxProject .col02{width: 200px;}
.recentPhotobooks .boxProject .col03{width: 290px; color:#6A648A;}
.recentPhotobooks p.lightPurple{clear: both; color: #6A648A; margin: 0 0 30px;}
.recentPhotobooks .boxProject h3 {font-weight:bold; margin-top:0; margin-bottom:5px; color:#160C49}
.recentPhotobooks .boxProject dl {overflow:hidden}
.recentPhotobooks .boxProject dl .unavailable{color:#F00; font-weight:bold}
.recentPhotobooks .boxProject dt {font-weight:normal; margin-right:3px; margin-bottom:5px;}
.recentPhotobooks .boxProject a.fbLink {color: #3A5997;}
.recentPhotobooks .boxProject .fbLink{font-weight:bold;display:block; margin:5px 0 10px; padding:5px 0px 5px 30px; background:url(base/img/icons/icon-fb-project.png) left center no-repeat; color: #3A5997;}
.recentPhotobooks .boxProject .Project {margin-left:140px; margin-top:10px;margin-bottom:10px; display:block}
.recentPhotobooks .bpTop {margin:15px 0}

.invitation .boxRcBig .boxRcContent {padding: 20px;}
.invitation .boxRcBig .boxRcContent h4 {margin: 0 0 10px 0;}
.invitation .boxRcBig .boxRcContent .inputText {font-size: 12px;}
.invitation .boxRcBig .boxRcContent .controls {margin: 0;}
.invitation .boxRcBig .boxRcContent .controls input {margin: 3px 0; background: #fff; border: #c4c2d1 solid 1px; font-weight: 400; height: 18px; padding: 4px 2px 2px 5px;}
.invitation .boxRcBig .boxRcContent .lonelyInputText {margin: 0 0 15px 0;}
.invitation .boxRcBig .boxRcContent .lonelyInputText .controls input {margin: 0; height: auto;}
.invitation .boxRcBig .boxRcContent .controls label.error {border: none; margin: 0 0 0 5px;}
.invitation .boxRcBig .boxRcContent .controls label.error.valid {color: #99be0e;}
.invitation .boxRcBig .boxRcContent .simple-login .forgotPasswordBtn {margin: 20px 0 0 0; display: inline-block;}

/*-------------------- Order detail moved here from cart.css -------------------------*/


.tblShoppingCart tr.tbodyData td.quantityForm {
	padding:0; text-align:center; width:65px}
.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; white-space:nowrap;}
.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:#ff9900; 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}
.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}




/*------------------------------------------------------------

8.	Subscribe moved to mastercontent

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

Project: 		ExtraFilm
Version: 		2.0
Primary use:	E-commerce
-------------------------------------------------------------*/
.accessibility { 
	text-indent:-9999px}
.align-middle {
	vertical-align:middle}
.bold { 
	font-weight:700}
.background-none {
	background:none!important}
.border-img {
	padding:3px; border:#dddbe6 solid 1px}
.clear {
	clear:both;overflow:hidden/*IE*/}	
.clearfix:after {
	clear:both;content:".";display:block;font-size:1px;height:0;overflow:hidden;visibility:hidden}
.clearfix {
	display:block}
/* Hides from IE-mac \ */
* html .clearfix{
	height:1%}
/* End hide from IE-mac  */
.floatNone {	
 float:none!important;} 
.emphasize {
	color:red}
.float-left { 
	float:left}
.float-right { 
	float:right}
.hide {
	display:none!important}
.invisible{
	visibility:hidden}
.img-left {
	float:left;margin:4px 20px 4px 0}
.img-right {
	float:right;margin:4px 0 4px 20px}
.italic {
	font-style:italic}
.nobullet {
	list-style:none;list-style-image:none}
.noindent {
	margin-left:0;padding-left:0}
.nospace-top {
	margin-top:0!important;padding-top:0!important}
.nomargin-top {
	margin-top:0;}
.nomargin-bottom {
	margin-bottom:0;}
.nospace-bottom {
	margin-bottom:0!important;padding-bottom:0!important}
.nospace-right {
	margin-right:0!important;padding-right:0!important}
.space-top {
	margin-top:50px}
.space-bottom {
	margin-bottom:50px}
.minorspace-bottom {
	margin-bottom:5px!important;padding-bottom:0!important}
.Step3 .minorspace-bottom {
	margin-bottom:16px!important;padding-bottom:0!important; padding-left: 41px;}
.minorspace-top {
	margin-top:5px!important;padding-top:0!important}
.morespace-bottom {
	margin-bottom:190px!important}
.lessspace-top {
	margin-top:-10px}
.morespace-top {
	margin-top:10px}
.morespace-right {
	margin-right:10px}
.morespace-left {
	margin-left:10px}
.extramorespace-left {
	margin-left:20px}
.lessspace-bottom {
	margin-bottom:10px}
.padding-bottom {
	padding-bottom:120px}
.padding-left {
	padding-left:20px}
.text-center {
	text-align:center}
.text-justify {
	text-align:justify}
.text-left {
	text-align:left}
.text-right {
	text-align:right}
.txtGreen {
	color:#99BE0E}
.txtRed {
	color:#FF0000}
.txtGrey {
	color:#999}
.underline { 
	border-bottom:1px solid}
.underlineWhite { 
	border-bottom:#ffffff 1px solid; padding-bottom:5px;}
.ajax__validatorcallout{ /* do not rename ws*/
	z-index:99;}
.borderRight { 
	border-right:#FFFFFF 1px solid;}
.noBorders, .noBorder{border:none}
.bringToTop {
	z-index:5}
.bringToBottom {
	z-index:4}
/* FlowII */
.visible {display:block!important;}
.noWrap {white-space:nowrap}
.cursorDefault{cursor:default!important}