﻿/* --------------- ovverides ------------------ */
a
{
	text-decoration:none;
	color:#444444;
	font-weight: bold;
}
	a:hover
	{
		text-decoration:underline;
	}

img
{
	border:0px;
}

p
{
	margin:2px 0px 2px 0px;
}

h1, h2, h3, h4
{
	font-family:Trebuchet MS;
	color:#444444;
	font-weight:normal;
}
h1
{
	font-size:24px;
	margin:5px 0px 5px 0px;
}
h2
{
	font-size:19px;
	margin:5px 0px 3px 0px;
}
h3
{
	font-size:15px;
	font-weight:bold;
	margin:5px 0px 2px 0px;
}
h4
{
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 2px 0px;
}
table, td
{
	font-family:Trebuchet MS, Century Gothic, Arial, sans-serif;
	font-size:13px;
	color:#000000;
}

fieldset, fieldset legend
{
	border: 1px solid #AAAAAA;
}

/* --------------- custom ------------------ */

.clear
{
	clear:both;
	line-height: 0px;
}

.hidden
{
	display:none;
}
.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}
	

.hr1
{
	background-color:#AAAAAA;
	margin-left:auto;
	margin-right:auto;
	height:1px;
	margin-top:10px;
}

.textError, a.textError
{
	color:#FF0000;
}

.textXS
{
	font-size:80%;
}

.textS
{
	font-size:90%;
}

.blankTable, .blankTable td
{
	border:0px;
}

.priceTable
{
	border:1px solid #000000;
}
	.priceTable td, .priceTable tr
	{
		padding: 2px;
		border:1px solid #000000;
		text-align: center;
		background-color: #F3F3F3;
		font-weight: bold;
		font-size: 12px;
	}
	.priceTable th
	{
		background-image:url(layout_images/bg_general_tabel.gif);
		background-repeat: repeat-x;
		height: 30px;
		padding: 0px 9px 0px 9px;
		font-size:12px;
		color:#FFFFFF;
		border:1px solid #000000;
	}

.generalTable
{
	border:1px solid #BBBBBB;
}
	.generalTable td, .generalTable tr
	{
		padding: 2px 4px 2px 4px;
		border:1px solid #BBBBBB;
	}
	.generalTable th
	{
		padding: 2px 4px 2px 4px;
		border:1px solid #BBBBBB;
		font-weight:bold;
	}

.hBanner
{
	margin: 5px auto 5px auto;
	text-align:center;
}
.alignMiddle *
{
	vertical-align:middle;
}
.spacer5
{
	height:5px;
}
.spacer10
{
	height:10px;
}

/* --------------- layout ------------------ */
body
{
	font-family:Trebuchet MS, Century Gothic, Arial, sans-serif;
	font-size:13px;
	color:#000000;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
}

.IE6Error
{
	position:relative;
	background-image:url(layout_images/bg_header.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
	height:30px;
	text-align: center;
}

.container
{
	position:relative;
	width:1000px;
	min-height:450px;
	margin:0px auto 0px auto;
	background-color:#FFFFFF;
	background-image:url(layout_images/bg_container.png);
	background-position: center;
	background-repeat: repeat-y;
	padding-bottom:10px;
}

.header
{
	position: relative;
	height:200px;
	background-image:url(layout_images/bg_header.png);
	background-repeat:repeat-x;
}
	.headerInner
	{
		position: relative;
		width:1000px;
		height:200px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(layout_images/bg_header-trans.png);
	}
	
	.topSection
	{
		position:absolute;
		background-image:url(layout_images/bg_topsection_left.png);
		background-repeat:repeat-x;
	}
		.topSection .topSectionInner
		{
			height:153px;
			background-image:url(layout_images/bg_topsection_right.png);
			background-repeat: no-repeat;
			background-position:right ;
		}
		.logo1
		{
			left:50px;
		}
		.logo2
		{
			right:50px;
		}
			.logo1 .topSectionInner, .logo2 .topSectionInner
			{
				padding:0px 30px 0px 30px;
			}
		.login
		{
			left:400px;
			width:200px;
			font-size:12px;
		}
			.login a
			{
				text-decoration: none;
			}
			.login .topSectionInner
			{
				padding:0px 15px 0px 15px;
			}
			.login p
			{
				margin:0px 0px 0px 0px;
				padding-top: 2px;
				line-height:10px;
			}
			.login input
			{
				width:162px;
				height:14px;
				font-size:11px;
			}
			.loginButtons
			{
				position:absolute;
				bottom:10px;
				left:15px;
				right:15px;
			}
			.loginUserName
			{
				color: #FF0000;
				font-weight: bold;
			}
			
			.loginUserDetails
			{
				font-size: 12px;
				padding-top: 20px;
				text-align: center;
			}
			.loginUserDetails p
			{
				font-size: 12px;
				line-height:14px;
				margin-bottom: 10px;
			}
			.btnLogin
			{
				float:left;
				width:51px;
				line-height:19px;
				background-image:url(layout_images/btn_login.png);
			}
				.btnLogin:hover
				{
					background-image:url(layout_images/btn_login_over.png);
					text-decoration: none;  
				}
			.btnRegister
			{
				float:right;
				width:70px;
				line-height:19px;
				background-image:url(layout_images/btn_register.png);
			}
				.btnRegister:hover
				{
					background-image:url(layout_images/btn_register_over.png);
					text-decoration: none;  
				}
			.btnLogout
			{
				display:block;
				margin-top: 20px;
				margin-left:auto;
				margin-right:auto;
				width:63px;
				line-height:19px;
				background-image:url(layout_images/btn_logout.png);
			}
				.btnLogout:hover
				{
					background-image:url(layout_images/btn_logout_over.png);
					text-decoration: none;  
				}
			

	
.menu
{
	position: absolute;
	left:200px;
	top:146px;
}
	.menu ul
	{
		list-style-type: none;
	}
		.menu ul li
		{
			position:relative;
			display:block;
			float:left;
			margin-left:15px;
			background-image:url(layout_images/bg_menuitem_left.png);
			background-repeat:repeat-x;
		}
			.menu ul li a
			{
				display:block;
				height:24px;
				color:#BBBBDD;
				text-transform:uppercase;
				font-size:14px;
				text-decoration:none;
				padding:8px 10px 0px 10px;
				background-image:url(layout_images/bg_menuitem_right.png);
				background-repeat: no-repeat;
				background-position:right;
			}
		.menu ul li:hover, .menu ul li.selected
		{
			background-image:url(layout_images/bg_menuitem_over_left.png);
		}
			.menu ul li a:hover, .menu ul li.selected a
			{
				background-image:url(layout_images/bg_menuitem_over_right.png);
				color:#FFFFFF;
			}
.mainContent
{
	position:relative;
	color:#000000;
	width:968px;
	margin:0px auto 0px auto;
	padding-bottom:18px;
	padding-top:4px;
	background-image:url(layout_images/bg_maincontent_bottom.png);
	background-repeat:no-repeat;
	background-position: bottom;
}
	.mainContentTop
	{
		position:absolute;
		width:968px;
		height:9px;
		left:16px;
		top:-9px;
		background-image:url(layout_images/bg_maincontent_top.png);
		background-repeat:no-repeat;
		background-position: top;
	}
	
	.homepageContent
	{
		text-align:center;
	}
	.textContent
	{
		position:relative;
		padding:10px;
		background-color:#FFFFE5;
		border:1px solid #D2B227;
		margin:0px 20px 0px 20px;
		min-height:400px;
	}
	
.footer
{
	position:relative;
	background-image:url(layout_images/bg_footer.png);
	background-repeat: repeat-x;
	padding:5px 10px 0px 10px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	color:#FFFFFF;
}
	.footerInner
	{
		width:960px;
		margin-left:auto;
		margin-right: auto;
	}
	.footer a
	{
		text-decoration:none;
		color:#FFFFFF;
	}
	.footer a:hover
	{
		text-decoration:none;
		color:#AAAAAA;
	}

.orderBasketItem
{
	position: relative;
	background-image: url(layout_images/bg_images_cosulMeu.gif);
	background-repeat: no-repeat;
	width: 460px;
	height: 145px;
}

	.orderBasketImage
	{
		float:left;
		width:144px;
		height:140px;
	}
		.orderBasketImage td
		{
			width:144px;
			height:140px;
			text-align:center;
			vertical-align:middle;
		}

	.orderBasketDetails
	{
		margin-left: 155px;
		padding-top: 14px;
		padding-right:8px;
		overflow:hidden;
	}
	.orderBasketDetails, .orderBasketDetails *
	{
		font-size: 12px;
		line-height:15px;
	}
	.orderBasketDeleteButton
	{
		position:absolute;
		left:426px;
		top:15px;
	}
	.orderBasketAddFormat
	{
		position:absolute;
		left:352px;
		top:60px;
	}
	
.orderBasketBackground
{
	float:right;
	background-image: url(layout_images/kid.jpg);
	background-repeat: no-repeat;
	width: 369px;
	height: 487px;
	margin:-10px;
}

/* -- PriceList control --*/
.priceListLeftContent
{
	position: relative;
	width: 300px;
	padding-left: 1px;
	margin-left: 10px;	
}
.priceListRightContent
{
	position: relative;
	width: 470px;	
	margin-right: 10px;
}
.priceListRightContent p
{	
	font-size: 12px;	
	color:   #D3241B;		
}
.priceListCosts
{
	margin-left: 20px;
	float: left;
	margin-bottom: 20px;
}
.calculator
{
	margin-bottom: 20px;
	margin-left: 20px;
}
.priceListCosts span
{
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	color:  #0D477A;		
}

.rightBackground
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 500px;
	background-color: #EEEEEE;	
	background-repeat: repeat-y;
}
.arrowBackground
{
	background-image: url(layout_images/arow.jpg);
	background-repeat: no-repeat;
	width: 280px;
	height: 166px;
	background-position: bottom;
}
/* -- END PriceList control --*/

/* -- Register control --*/

.rightRegisterBackground
{
	position: absolute;
	top: -10px;
	right: -10px;
	bottom: -10px;
	width: 500px;
	background-color: #F7D74C;	
	background-repeat: repeat-y;
}
.rightRegisterPhoto
{
	position: absolute;
	right:0px;
	background-image: url(layout_images/images.png);
	background-repeat: no-repeat;
	width:  442px;
	height: 849px;
	
}
.leftRegisterContent
{
	position: relative;
	width: 400px;
	min-height: 900px;
}

.personalDetailsField
{
	background-image: url(layout_images/repeat_bg_reg_content.gif);
	background-repeat: repeat-x;	
	width: 410px;	
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;	
	clear: both;
	min-height: 200px;
}
.registerFirstTab
{
	background-image: url(layout_images/first_reg_tab.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 26px;
}
.registerRepeatTab
{
	background-image: url(layout_images/repeat_reg_tab.gif);
	background-repeat: repeat-x;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-left: 5px;
	padding-right: 5px;
}
.registerLastTab
{
	background-image: url(layout_images/last_reg_tab.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 26px;
	
}

.orderDetailsField
{
	background-image: url(layout_images/repeat_bg_reg_content.gif);
	background-repeat: repeat-x;	
	width: 900px;	
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;	
	clear: both;
	min-height: 288px;
	font-size: 13px;
}

.orderPhotosImage
{
	background-image: url(layout_images/bg_img_final_step.gif);
	background-repeat: no-repeat;
	width: 170px;
	height: 237px;
}

.orderPhotosImage img
{
	margin-top:8px;
}

.orderPhotosImage td
{
	width:170px;
	height:130px;
	text-align:center;
	vertical-align:middle;
}


.orderPhotosImageDetails
{
	margin-right: 20px;	
	margin-left: 20px;
	margin-top: 10px;
	font-size:12px;
	line-height:14px;
	width:130px;
	overflow:hidden;
}

/* -- END Register control --*/

.orderDetailsRightContent
{
	font-size: 13px;
}

.orderDetailsLeftContent
{
	width: 400px;
	font-size: 13px;
}

/* -- AJAX Tabs -- */

/* Tabs Header */
.CustomTabStyle .ajax__tab_header
{
	margin:0px 5px -4px 5px;
	padding:0px 10px 0px 10px;
	background-image: url(layout_images/bg_repeat_tab_header.png);
	background-repeat: repeat-x;
	height: 29px;
}

.CustomTabStyle .ajax__tab_outer
{
	background-image: url(layout_images/first_bg_tab.png);
	background-repeat: no-repeat;
	padding-left:8px;
	padding-right:8px;
	line-height: 29px;
}

.CustomTabStyle .ajax__tab_inner
{
	background-image: url(layout_images/last_bg_tab.png);
	background-repeat: no-repeat;
	background-position:right;
	padding-right:2px;
	height: 29px;
}

.CustomTabStyle .ajax__tab_tab
{
	color: #000000;
	font-size: 12px;
	background-image: url(layout_images/repeat_bg_tab.png);
	background-repeat: repeat-x;	
	height: 29px;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
	background-image: url(layout_images/repeat_bg_tab_active.png);
	background-repeat: repeat-x;	
	height: 29px;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
	background-image: url(layout_images/last_bg_tab_active.png);
	background-repeat: no-repeat;
	background-position:right;
	height: 29px;
	padding-right:5px;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
	background-image: url(layout_images/first_bg_tab_active.png);
	background-repeat: no-repeat;	
	height: 29px;
}

.CustomTabStyle .ajax__tab_body
{
	background-image: url(layout_images/bg_content_cont.png);
	background-repeat: no-repeat;	
	padding:10px;
}
.tabBackgroundBottom
{
	height: 15px;
	background-image: url(layout_images/bg_tab_bottom-trans.png);
	background-repeat: repeat-x;
	margin-top: -15px;
}


.uploadedPhotos
{
	padding: 5px;
	margin-top: 10px;
	border: solid 1px #000000;
}

.uploadedPhotos img
{
	padding: 3px;
	border: solid 1px #000000;
}            
 .btnRegisterNext
{   	
	display: block;
	width:114px;
	line-height:22px;
	background-image:url(layout_images/btn_nextstep.png);   
}
	.btnRegisterNext:hover
	{
		background-image:url(layout_images/btn_nextstep_over.png);
		text-decoration: none;  
	}
	
.btnRegisterBack
{   
	display: block;
	width:67px;
	line-height:22px;
	background-image:url(layout_images/btn_back.png);   
	float: left;
}
	.btnRegisterBack:hover
	{
		background-image:url(layout_images/btn_back_over.png); 
		text-decoration: none;         
	}
	
.btnRegisterFinish
{   
	display: block;
	width:56px;
	line-height:22px;
	background-image:url(layout_images/btn_send.png);  
	float:right;  
}
	.btnRegisterFinish:hover
	{
		background-image:url(layout_images/btn_send_over.png); 
		text-decoration: none;        
	}
	
	
.btnOrderPhotos
{   
	display: block;
	width:96px;
	line-height:36px;
	max-height:36px;
	background-image:url(layout_images/btn_add_pic.png);
	margin-right: 5px;    
}
	.btnOrderPhotos:hover
	{
		background-image:url(layout_images/btn_add_pic_over.png); 
		text-decoration: none;        
	}

.btnOrderPhotosBack
{   
	display: block;
	width:89px;
	line-height:36px;
	background-image:url(layout_images/btn_add_pic_back.png);
	margin-right: 5px;    
}
	.btnOrderPhotosBack:hover
	{
		background-image:url(layout_images/btn_add_pic_back_over.png); 
		text-decoration: none;        
	}

.btnBackToOrder
{   
	display: block;
	width:173px;
	line-height:22px;
	background-image:url(layout_images/btn_back_to_cart.png);
	margin-right: 5px;    
}
	.btnBackToOrder:hover
	{
		background-image:url(layout_images/btn_back_to_cart_over.png); 
		text-decoration: none;        
	}

	
 .btnSend
{   
	display: block;
	float: right;
	width:137px;
	line-height:22px;
	background-image:url(layout_images/btn_send_photos.png);
	margin-right: 5px; 
	margin-top: 5px;
	margin-bottom: 5px;   
}
	.btnSend:hover
	{
		background-image:url(layout_images/btn_send_photos_over.png);
		text-decoration: none;       
	}
	
.btnRemoveOrder
{   
	display: block;
	width:96px;
	line-height:36px;
	background-image:url(layout_images/btn_remove_order.png);   
}
	.btnRemoveOrder:hover
	{
		background-image:url(layout_images/btn_remove_order_over.png); 
		text-decoration: none;        
	}
	
.btnFinishOrder
{   
	display: block;
	width:137px;
	line-height:22px;
	background-image:url(layout_images/btn_order.png);    
}
	.btnFinishOrder:hover
	{
		background-image:url(layout_images/btn_order_over.png);   
		text-decoration: none;      
	}
	
 .btnSendOrder
{   
	display: block;
	width:121px;
	line-height:22px;
	background-image:url(layout_images/btn_send_order.png);    
}
	.btnSendOrder:hover
	{
		background-image:url(layout_images/btn_send_order-over.png);   
		text-decoration: none;      
	}
	
.btnConfirmOrder
{   
	display: block;
	width:140px;
	line-height:22px;
	background-image:url(layout_images/btn_confirm_order.png);    
}
	.btnConfirmOrder:hover
	{
		background-image:url(layout_images/btn_confirm_order_over.png);  
		text-decoration: none;       
	}
	 
.btnAddNewFormat
{
	display: block;
	width:96px;
	line-height:36px;
	background-image:url(layout_images/btn_add_format.png);    
}
	.btnAddNewFormat:hover
	{
		background-image:url(layout_images/btn_add_format_over.png);  
		text-decoration: none;       
	}

.flashMap
{
	position:absolute;
	right:0px;
	top:400px;
}


.btnOrderPhoto
{
	display: block;
	width:137px;
	line-height:22px;
	background-image:url(layout_images/btn_order_photos.png);    
}
	.btnOrderPhoto:hover
	{
		background-image:url(layout_images/btn_order_photos_over.png); 
		text-decoration: none;        
	}
   
.ordersDetails
{
	padding: 10px;
}


