﻿/* --------------- ovverides ------------------ */
a
{
    text-decoration:none;
    color:#444444;
}
    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: 288px;
}
.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;
}

