@charset "utf-8";

/* ---------------------------------------------------------------------------------------
[Ecommerce Master Stylesheet]

Project:		Weyser
Version:		1.0
Date created:   12/2/2008

Table of Contents:

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

/* Common
--------------------------------------------------------------------------------------- */
@import url(../Common/masters_common.css);

fieldset#search { top: 146px; right: -35px; }
	     
/* Currently in your cart - page
--------------------------------------------------------------------------------------- */
#_currently-in-cart { position: relative; width: 960px; }
    #_currently-in-cart .empty-cart { padding: 20px; float: left; width: 960px; height: 300px; }
    #_currently-in-cart .total-items { float: left; width: 940px; background: #E8E8E8; padding: 10px; margin-top: 10px; text-align: right; }
    
    #_currently-in-cart .continue-shopping-btn { position: absolute; z-index: 14; top: 148px; right: 20px; color: #0081ce; text-decoration: none; }
    
  
    #_currently-in-cart .products { width: 960px; float: left; }
        #_currently-in-cart .products table { width: 960px; float: left; }
            #_currently-in-cart .products table th { font-weight: bold; color: #fff; padding: 5px; border-bottom: 1px solid #fff; background: #A30715; }
            #_currently-in-cart .products table td { padding: 5px 5px; border-bottom: 1px solid #e5e5e5; }
        #_currently-in-cart .status { float: left; width: 960px; padding: 10px; }
    
    
        
    #_currently-in-cart .checkout { float: right; padding: 2px 8px; margin:5px; margin-right:-1px; background: transparent url(../../Images/btn_bg.jpg) repeat-x; background-position:center; border: 1px solid #172026; color: #fff; font-weight: normal; }
        #_currently-in-cart .checkout:hover { text-decoration:none;}
        
    #_currently-in-cart .recalculate { float: right; margin: 5px; }   
    
    #_currently-in-cart .btn { width: 109px; padding: 4px 0px; background: transparent url(../../Images/Checkout/btn.jpg) no-repeat; border: 0px; color: #fff; font-size: 11px; font-weight: bold; }
    #_currently-in-cart .btn:hover { background-position: 0px -25px; }
    
    /* related product list */
    #_currently-in-cart .related-products { display: none; }
            
    
/* Steps (cart.aspx, checkout.aspx)
--------------------------------------------------------------------------------------- */
.steps { float: left; width: 960px; background: #E8E8E8 url(../../Images/steps-bg.jpg) repeat-x; height: 120px; border: 1px solid #e5e5e5; margin-bottom: 10px; }
    .steps ul { padding: 15px; list-style: none; width: 780px; margin: auto; }
        .steps ul li { float: left; }
            .steps li { margin: 10px 50px; position: relative; float: left; display: block; width: 55px; height: 61px; }
            .steps li.review-cart { background: transparent url(../../Images/checkout/Review.jpg) no-repeat; }
            .steps li.account-login { background: transparent url(../../Images/checkout/Login.jpg) no-repeat; }
            .steps li.billing-shipping { background: transparent url(../../Images/checkout/billing-shipping.jpg) no-repeat; }
            .steps li.final-review { background: transparent url(../../Images/checkout/final-review.jpg) no-repeat; }
            .steps li.order-completed { background: transparent url(../../Images/checkout/order-complete.jpg) no-repeat; }
            
            /* active step */	                    
            .steps li.active , .currently-in-cart .steps li a:hover
            { background-position: -55px 0px; }
            	                    
                .steps span { position: absolute; z-index: 3; bottom: -20px; left: -70px; width: 200px; text-align: center; color: #fff; font-weight: bold; }
                
                /* correct text position to icons */
                .steps li.review-cart  span { left: -74px; }
                .steps li.account-login  span { left: -76px; }
                .steps li.final-review  span { left: -72px; }
                
/* Checkout - page
--------------------------------------------------------------------------------------- */
#_checkout .client-info { float: left; width: 960px; }  
    
    #_checkout .btn { width: 109px; padding: 4px 0px; background: transparent url(../../Images/Checkout/btn.jpg) no-repeat; border: 0px; color: #fff; font-size: 11px; font-weight: bold; }
    #_checkout .btn:hover { background-position: 0px -25px; }
    
    #_checkout .payment-method .btn { width: 159px; padding: 4px 0px; background: transparent url(../../Images/Checkout/btn_long.jpg) no-repeat; border: 0px; color: #fff; font-size: 11px; font-weight: bold; }
    #_checkout .payment-method .btn:hover { background-position: 0px -25px; }
    
    #_checkout h2.header { margin-top: 20px; float: left; border-bottom: 3px solid #000; text-transform: uppercase; font-size: 11px; width: 960px; margin-bottom: 5px; padding-bottom: 4px; }
        #_checkout h2.header span,
        #_checkout h2.header label,
        #_checkout h2.header input
        { float: left; color: #A21827; }
        #_checkout h2.header .help { float: right; }
        
    #_checkout .grid-view { width: 960px; float: left; }
        #_checkout .grid-view table { width: 960px; float: left; }
            #_checkout .grid-view table th { font-weight: bold; color: #fff; padding: 5px; border-bottom: 1px solid #ececec; background: #A21827; }
            #_checkout .grid-view table td { padding: 5px 5px; border-bottom: 1px solid #ececec; }
        #_checkout .status { float: left; width: 960px; padding: 10px; }

    /* contact information (left, overwrite default 'form-normal' width) */
    #_checkout .client-info .contact-editor { width: 400px; margin: 15px 0px 10px 20px; }
        #_checkout .client-info .contact-editor h2 { width: 400px; }
        #_checkout .client-info .contact-editor .row { width: 400px; }
        
    /* address information (right) */
    #_checkout .address-editor { width: 400px; margin: 15px 0px 10px 0px; }
        #_checkout .address-editor h2 { width: 400px; }
        #_checkout .address-editor .row { width: 400px; }
            #_checkout .address-editor .emptylabel .lbl { display: none; }
            #_checkout .address-editor .emptylabel .textbox { margin-left: 120px; }
    
    #_checkout .contact-editor { width: 400px; margin: 15px 0px 10px 0px; }
        #_checkout .contact-editor h2 { width: 400px; }
        #_checkout .contact-editor .row { width: 400px; }
            #_checkout .contact-editor .emptylabel .lbl { display: none; }
            #_checkout .contact-editor .emptylabel .textbox { margin-left: 120px; }
       
    /* shipping options */ 
    #_checkout .shipping-options { float: left; width: 960px; }
        .rbl-normal { width: 920px; float: left; padding: 20px; }
        
    /* login information */
    #_checkout div.login-information { float: left; width: 960px; margin-top: 15px; }
       #_checkout fieldset.login-information { float: left; width: 920px; padding: 20px; }
       #_checkout fieldset.login-information .cb {margin-top: -10px; padding-bottom:10px;}
    
    /* payment method */ 
    #_checkout div.payment-method { float: left; width: 960px; position: relative; } 
        #_checkout fieldset.payment-method { width: 920px; padding: 20px; }
            #_checkout div.payment-method .slash { float: left; padding: 0px 2px; }
            #_checkout div.payment-method .exp-month { width: 95px; float: left; }
            #_checkout div.payment-method .exp-year { width: 95px; float: left; }
            #_checkout div.payment-method .csv { width: 50px;background:transparent url(../../Images/textbox-small.jpg) no-repeat scroll 0 0; }
            
            /* tip (cards) */
            #_checkout fieldset.payment-method .card-tip { position: absolute; z-index: 3; top: 45px; right: 30px; width: 250px; border: 1px solid #e5e5e5; }
                #_checkout fieldset.payment-method .card-tip img { float: left; padding: 7px 5px 5px 5px; }
                #_checkout fieldset.payment-method .card-tip h3 { width: 165px; float: left; font-weight: bold; padding-top: 10px; } 
                #_checkout fieldset.payment-method .card-tip p { width: 165px; float: left;margin-bottom:15px; }
        
            /* validation summury */
            #_checkout div.payment-method .vs { border: 1px solid red; padding: 15px; float: left; width: 920px; }
    
    /* summary */
    #_checkout .summary { float: right; background: #dedede; padding: 10px; width: 300px; color:#A21827; }
        #_checkout .summary div { float: left; width: 300px; margin: 2px 0px; }
            #_checkout .summary div span { float: right; background: #fff; padding: 2px 4px; width: 100px; text-align: right; }
            #_checkout .summary div span:first-child { float: left; font-weight: bold; background: none; width: 170px; text-align: right; color: #A21827; }
            #_checkout .summary div span.txt-grand-total { color: #A21827; font-weight: bold; font-size: 15px; }
            #_checkout .summary div span.val-grand-total { color: #A21827; font-weight: bold; font-size: 16px; }
        
    #_checkout .buttons { float: left; width: 960px; }
    
    #content .service-view { padding: 10px; float: left; width: 960px; }
   
   #_checkout .buttons-01 { float: left; width: 960px; margin-top: 15px; }
   
   /* Status.aspx*/
   
   .receipt {border: 1px solid #e5e5e5; width:960px;min-height:400px;}
    .receipt .receipt-content{margin-left:25px;}
    .receipt .receipt-content .row{margin:20px 0px 15px 0px;}
/* Client Profile - page
--------------------------------------------------------------------------------------- */
#content #_client-profile {  }
    #content #_client-profile .emptylabel .lbl { display: none; }
    #content #_client-profile .emptylabel .textbox { margin-left: 120px; float:left;}
    #content #_client-profile h2 { margin-top: 15px; }
    
    #content #_client-profile .buttons-save-edit { width: 60px; float: left; }
    #content #_client-profile .buttons { width: 80px; float: left; }
   
    /* Edit Contact and Address Information */		
		 .contact-editor  .emptylabel input { margin-left: 30px; }
		 
		 .contact-editor {overflow:hidden; width: 400px; margin: 15px 0px 10px 20px; }
			.contact-editor h2 { width: 400px; }
			 .form-normal .contact-editor .row { width: 450px !important; }

	
		 .address-editor {overflow:hidden; width: 400px; margin: 15px 0px 10px 20px; }
          .address-editor h2 { width: 400px; }
          .address-editor .row { width: 450px  !important; }
			  .address-editor  .emptylabel .textbox { margin-left: 120px; float:left; }
			  .address-editor  .emptylabel span{ display:none;}
		 #_client-profile  .status { float: left; width: 960px; padding: 10px; margin-top: 20px; font-size:12px;}
		 
		 
		
    
/* Client Account
--------------------------------------------------------------------------------------- */ 
#content .orders { margin-top: 10px; }
#content .orders, 
#content .settings { background: transparent url(../../Images/my-account-box-bg.jpg) repeat-x; width: 960px; float: left; clear: both; border: 1px solid #242424; padding: 20px 0px; margin-bottom: 15px; }
    #content .orders .title, 
    #content .settings .title { float: left; width: 180px; margin-left: 300px; }
        #content .orders .title h2, 
        #content .settings .title h2 { font-size: 18px; margin-bottom: 5px; width: 400px; }
        #content .orders .title .subheader, 
        #content .settings .title .subheader { font-weight: bold; }
    #content .orders .contentbox, 
    #content .settings .contentbox { float: left; margin-top: 30px; margin-left: 20px; }
        #content .orders .contentbox .txt, 
        #content .settings .contentbox .txt { padding-bottom: 10px; }
        
/* Order History
--------------------------------------------------------------------------------------- */
/* search form */
#_order-history fieldset.form-normal,
#_order-history fieldset.time-period { background: url(../../Images/product-compare-bg.jpg) repeat-x bottom left; border: 1px solid #e5e5e5; padding: 20px 0px 10px 20px; height: 100px; }

#_order-history fieldset.form-normal { width: 300px; float: left;  }
	#content #_order-history .form-normal h2.header { width: 300px; float: left; }
	#_order-history .form-normal .row { width: 300px; float: left; }
		#_order-history .form-normal .lbl { width: 80px; float: left; text-align: left; }
		#_order-history .form-normal .textbox { width: 176px; float: left; }
	
#_order-history fieldset.time-period { width: 500px; float: left; padding-right: 120px; }
	#_order-history fieldset.time-period .row { float: left; height: 25px; padding: 5px 0px; }

	#_order-history fieldset.time-period .last-days { width: 180px; }
		#_order-history .time-period  .last-days .textbox {background:transparent url(../../Images/textbox-small.jpg) no-repeat scroll 0 0 !important;width:55px !important;}
	 
		#_order-history .time-period .last-days span,
		#_order-history .time-period .last-days label
		{ padding: 3px 0px 0px 0px; }
		
	#_order-history .time-period .row .textbox {background:transparent url(../../Images/textbox.png) no-repeat scroll 0 0;border:0 none;height:20px;padding-left:10px;padding-top:4px;width:115px;}
	 
	  
	#_order-history .time-period .last-month { width: 170px; }
	#_order-history .time-period .last-year { width: 140px; }
	
	#_order-history .time-period .date-from { width: 230px; }
	#_order-history .time-period .date-to { width: 230px; }
	
#_order-history .buttons { float: left; width: 900px; padding: 10px 0px 0px; text-align: right; margin-bottom: 10px; }
    #_order-history .buttons .btn { width: 109px; padding: 4px 0px; background: transparent url(../../Images/Checkout/btn.jpg) no-repeat; border: 0px; color: #fff; font-size: 11px; font-weight: bold; }
    #_order-history .buttons .btn:hover { background-position: 0px -25px; }

/* grid view */
#_order-history .gridView { width: 960px; float: left; }
	#_order-history .gridView table { width: 960px; float: left; }
		#_order-history .gridView th { font-weight: bold; background: gray; color: #fff; padding: 5px; }
		#_order-history .gridView td a { font-weight: normal; color: #fff; text-decoration: none; display: block; padding: 5px; }
		#_order-history .gridView td a:hover { text-decoration: none; }
		
		#_order-history .gridView .rowOff {}
		#_order-history .gridView .rowOn {}
		
		/* orders status */
		#_order-history .gridView .sent { background: #bff070; }
			#_order-history .gridView .sent a { color: #486b0f; }
		#_order-history .gridView .new { background:  #066fbf;}
		#_order-history .gridView .voided { background: #c02f2f; }
		#_order-history .gridView .waiting { background: #4d7491; }
		#_order-history .gridView .finished { background: #55be2c; }
		
		
		
  
.table-grid table {  float: left; width: 960px; }
.table-grid td { padding: 3px 0px; border-bottom: 1px solid #1e1e1e; }
     
     .table-grid table input[type=submit] { border: 1px solid #0054ff; background: #003ab0; color: #fff; padding: 2px; margin-left: 10px; }
       
._order-history .summary { float: right; background: #111111; padding: 10px; width: 300px; color:#2a94d2; }
    ._order-history .summary div { float: left; width: 300px; margin: 2px 0px; }
        ._order-history .summary div span { float: right; background: #202020; padding: 2px 4px; width: 100px; text-align: right; }
        ._order-history .summary div span:first-child { float: left; font-weight: bold; background: none; width: 170px; text-align: right; color: gray; }
        ._order-history .summary div span.txt-grand-total { color: #fff; font-weight: bold; font-size: 15px; }
        ._order-history .summary div span.val-grand-total { color: #fff; font-weight: bold; font-size: 16px; }
        
#_order-history .summary { float: right; background: #111111; padding: 10px; width: 300px; color:#fff; }
    #_order-history .summary div { float: left; width: 300px; margin: 2px 0px; }
        #_order-history .summary div span { float: right; background: #202020; padding: 2px 4px; width: 100px; text-align: right; }
        #_order-history .summary div span:first-child { float: left; font-weight: bold; background: none; width: 170px; text-align: right; color: gray; }
        #_order-history .summary div span.txt-grand-total { color: #fff; font-weight: bold; font-size: 15px; }
        #_order-history .summary div span.val-grand-total { color: #fff; font-weight: bold; font-size: 16px; }
        
#_checkout .summary { float: right; background: #111111; padding: 10px; width: 300px; color:#2a94d2; }
    #_checkout .summary div { float: left; width: 300px; margin: 2px 0px; }
        #_checkout .summary div span { float: right; background: #202020; padding: 2px 4px; width: 100px; text-align: right; }
        #_checkout .summary div span:first-child { float: left; font-weight: bold; background: none; width: 170px; text-align: right; color: gray; }
        #_checkout .summary div span.txt-grand-total { color: #fff; font-weight: bold; font-size: 15px; }
        #_checkout .summary div span.val-grand-total { color: #fff; font-weight: bold; font-size: 16px; }
       

/* Order Details
 --------------------------------------------------------------------------------------- */
#content #_order-history  .orderDetails .row{width: 960px; float: left;}
    #content #_order-history  .orderDetails .row .col {float:left;width: 300px;   }
#content #_order-history .orderDetails h2.header {color: #A80115; margin-top: 20px; float: left; border-bottom: 3px solid #000; text-transform: uppercase; font-size: 11px; width: 960px; margin-bottom: 5px; padding-bottom: 4px; }
#content #_order-history .orderDetails h3.header {color: Gray; margin-top: 10px;  text-transform: uppercase; border-bottom: 1px solid #000 ;font-size: 12px;  margin-bottom: 5px; padding-bottom: 4px;width: 80%; }
#content #_order-history .orderDetails table th { font-weight: bold; color: #fff; padding: 5px; border-bottom: 1px solid #E5E5E5; background: #A80115; }
 
 
/* Order Details Front */
#_order-history .orderDetails .track-link { margin-left: 80px; }
       
       
/* Order Details
 --------------------------------------------------------------------------------------- */
#_order-history .orderDetails { float: left; width: 960px; }
    #_order-history .orderDetails .order-details,
    #_order-history .orderDetails .client-details,
    #_order-history .orderDetails .ordered-products,
    #_order-history .orderDetails .ordered-total,
    #_order-history .orderDetails .billing-information,
    #_order-history .orderDetails .shipping-information,
    #_order-history .orderDetails .shipment-options,
    #_order-history .orderDetails .row .buttons { float: left; width: 960px !important; }
    
    #_order-history .orderDetails h2 { float: left; width: 960px !important; }

    #_order-history .orderDetails .lbl { font-weight: bold; display: block; width: 100px; }
    #_order-history .orderDetails .row { width: 900px; }
    
    #_order-history .orderDetails .ordered-total { width: 200px !important; float: right; margin: 10px 0px 0px 0px; }

    #_order-history .orderDetails .grid { width: 960px !important; border: 0px !important; float: left !important; }
        #_order-history .orderDetails .grid th,
        #_order-history .orderDetails .grid td { border: 0px; padding: 5px; }
        #_order-history .orderDetails .grid td { border-bottom: 1px solid #e5e5e5; }

/* Order History
--------------------------------------------------------------------------------------- */
#_manage-communication .add-edit { float: left; width: 840px; padding: 20px; margin: 20px; }
	#_manage-communication .add-edit h2 { font-weight: bold; font-size: 13px; }
	#_manage-communication .add-edit .checkbox { margin: 10px; float: left; width: 840px; }
	#_manage-communication .add-edit .checkbox .checkbox{width: 650px;margin: 0px; margin-top: -3px; }
	#_manage-communication .add-edit .lbl  { float:left; width:80px;}
	.fx #_manage-communication .privacy{padding-left:110px;}
	.ie #_manage-communication .privacy{padding-left:30px;}
	
/*Tracking Number
--------------------------------------------------------------------------------------- */
#_track .pnl-content-panel { margin: 100px; }
	#_track .lbl-tracking-number-prompt { font-weight: bold; }
	#_track .div-tracking-number { margin-top: 50px; }
		#_track .lbl-tracking-number { }
		#_track .txt-tracking-number { margin-left: 5px; }
		#_track .btn-track { margin-left: 5px; }
		#_track .btn-cancel { margin-left: 5px; }
		#_track .div-tracking-number-validators { padding-left: 100px; padding-top: 5px; }
			#_track .rfv-tracking-number { }
			#_track.cv-tracking-number { }
	#_track .div-buttons { margin-top: 20px;  }