@charset "utf-8";

/* ---------------------------------------------------------------------------------------
[Login Page Stylesheet]

Project:		Netrostar Ecommerce Template	
Version:		1.0
Date created:	22 October, 2008
Last change:	22 October, 2008

Table of Contents:

	Others (lists, images, ect.)
	Typography
	Forms
	Structure
		Header Layout
		Content Layout
		Footer Layout
	
--------------------------------------------------------------------------------------- */

/* common parts */
@import url(../Common/masters_common.css);
	
	/* Middle Layout
	--------------------------------------------------------------------------------------- */
	#content { float: left; background: #fff url(../../Images/content_bg.jpg) repeat-x; margin-top: 1px; }
	    #content .page { float: left; padding: 15px; width: 960px; min-height: 300px; }
	        #content .page h1 { margin: 10px 0px; float: left; width: 960px; }
	        #content .page h2 { width: 970px; float: left; margin: 0px 0px 10px 0px; }
	        #content .page p { margin-bottom: 10px; float: left; }
	        
	        #content .checkout-login, #content .register, #content .buy-without-registration { margin-top: 70px; }
	        #content .checkout-login, #content .register, #content .buy-without-registration { float: left; width: 360px; color: Black; font-size:12px; }
	        #content .checkout-login h2, #content .register h2, #content .buy-without-registration h2 { float: left; width: 360px; color: #EE6205; font-size:14px; }
	           #content .checkout-login hr, #content .register hr, #content .buy-without-registration hr  {color: #EE6205; margin-top:-15px; }
	           #content .checkout-login, #content .buy-without-registration {margin-left: 80px;}
                    #content .register .lbl_r{width:60px; position:absolute;}


	            /* styles for all three forms */
	            #content .form .row { float: left; width: 320px; margin: 2px 0px; }
	            #content .form .row2 { float: left; width: 360px; margin: 2px 0px; }
	            #content .form .forgot-buttons { text-align:right; margin-top:25px; }
	                #content .form .lbl { display: block; width: 80px; text-align: left; float: left; }
	                #content .form .textbox { float: left; width: 200px; }
	             #content .form .button {text-align:right; margin-right:35px; width: 295px !important;}
	              #content .form .button2 {text-align:right; margin-right:35px; margin-top:20px;}
	            #content .form .forgot-password {text-align:right; }
	            #content .form .forgot-password .lbn { margin-right:35px; }
	            /* register shoudl have smaller textboxes */
	            #content .register .lbl { width: 120px; }
	            #content .register .textbox { width: 150px; }
	            
	            
	     /* Steps (cart.aspx, checkout.aspx)
	    --------------------------------------------------------------------------------------- */
        #content .steps { float: left; width: 960px; background: #fff; height: 120px; }
            #content .steps ul { padding: 15px; list-style: none; }
                #content .steps ul li { float: left; }
                    #content .steps li { margin: 10px 50px; position: relative; float: left; display: block; width: 50px; height: 50px; }
                    #content .steps li.review-cart { background: transparent url(../../Images/checkout/Review.gif) no-repeat; }
                    #content .steps li.account-login { background: transparent url(../../Images/checkout/Login.gif) no-repeat; }
                    #content .steps li.billing-shipping { background: transparent url(../../Images/checkout/billing-shipping.gif) no-repeat; }
                    #content .steps li.final-review { background: transparent url(../../Images/checkout/view-cart.gif) no-repeat; }
                    #content .steps li.order-completed { background: transparent url(../../Images/checkout/Completed.gif) no-repeat; }
                    
                    /* active step */	                    
                    #content .steps li.active , #content .currently-in-cart .steps li a:hover
                    { background-position: 0px -50px; }
                    	                    
                        #content .steps span { position: absolute; z-index: 3; bottom: -20px; left: -70px; width: 200px; text-align: center; }
                        
                        /* correct text position to icons */
                        #content .steps li.review-cart  span { left: -74px; }
                        #content .steps li.account-login  span { left: -76px; }
                        #content .steps li.final-review  span { left: -72px; }
	
     
      /* Steps (cart.aspx, checkout.aspx)
	    --------------------------------------------------------------------------------------- */
        #content .steps { float: left; width: 960px; background: #fff; height: 120px; }
            #content .steps ul { padding: 15px; list-style: none; }
                #content .steps ul li { float: left; }
                    #content .steps li a { margin: 10px 50px; position: relative; float: left; display: block; width: 50px; height: 50px; }
                    #content .steps li.review-cart a { background: transparent url(../../Images/checkout/Review.gif) no-repeat; }
                    #content .steps li.account-login a { background: transparent url(../../Images/checkout/Login.gif) no-repeat; }
                    #content .steps li.billing-shipping a { background: transparent url(../../Images/checkout/billing-shipping.gif) no-repeat; }
                    #content .steps li.final-review a { background: transparent url(../../Images/checkout/view-cart.gif) no-repeat; }
                    #content .steps li.order-completed a { background: transparent url(../../Images/checkout/Completed.gif) no-repeat; }
                    
                    #content .page .continue-shopping-btn { position: absolute; z-index: 14; top: 170px; right: 60px; color: #0081ce; text-decoration: underline; }
                    /* active step */	                    
                    #content .steps li.active a, #content .currently-in-cart .steps li a:hover
                    { background-position: 0px -50px; }
                    	                    
                        #content .steps span { position: absolute; z-index: 3; bottom: -20px; left: -70px; width: 200px; text-align: center; }
                        
                        /* correct text position to icons */
                        #content .steps li.review-cart a span { left: -74px; }
                        #content .steps li.account-login a span { left: -76px; }
                        #content .steps li.final-review a span { left: -72px; }