.boxee_small,
            .boxee_small p { font-size:14px; line-height:1.6em; }


        .boxee { background:transparent url(/images/boxee.gif) no-repeat 0 0; width: 980px; }
        .boxee .main { width: 680px; float:right; padding:10px; xbackground:yellow;  }
        .boxee_bottom { background:transparent url(/images/boxee_bottom.png) no-repeat 0 0; width: 980px; height:30px; }
        .boxee .side { width: 280px; float:left; margin-top:20px; color:#fff; }
        .boxee .padded { padding:20px; }
        
        .boxee_small { background:transparent url(/images/boxee_small.gif) no-repeat 0 0; width: 750px; }
        .boxee_small .main { width: 500px; float:right; padding:10px; xbackground:yellow;  }
        .boxee_small_bottom { background:transparent url(/images/boxee_small_bottom.png) no-repeat 0 0; width: 750px; height:30px }
        .boxee_small .side { width: 210px; float:left; padding:10px; margin-top:20px; }
        .boxee_small .padded { padding:15px; }

        .side, .side p { color:#fff; font-size:15px; }
        .side h2, .side h3 { color:#fff; margin:5px 0; }
        .side a, .side a:visited { color:Yellow; }
        
        /*clear fix for boxes*/        
        .boxee:after, 
            .boxee_small:after { content: "."; visibility: hidden; display: block;height: 0; clear: both; }
        
        
        
        .boxee_mask { width: 500px; position:relative; }
        .boxee_mask img { width: 500px; }
        .cookie-cutter { position: absolute; left:0; top:0; width: 500px; height: 10px; background: url(/images/boxee_small_mask.png) no-repeat; }

	
	    .body_main { width:750px; float:left; }
	    
	    .body_side { width:220px; float:right;}
	    
	    
/*	--------------------------------------------------
	=Lists
	-------------------------------------------------- */
	table.list th { padding: 10px; font-family:1.4em; font-weight:bold; } 
	table.list td { padding: 10px; } 
	.code { font-weight:bold; text-align:right; }
	.date  { font-size:12px; color: #666; text-align:right; } 
	    
	
/*	--------------------------------------------------
	=Structure
	-------------------------------------------------- */
	body { font-size: 62.5%/1;
	       font-size: 100%;
	       font-family: "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif; 
	       color: #333; background:#50B3DD url(/images/bg_alpha.png) no-repeat 50% 0%; }
 
	/*	Container ------------------------------------- */
	div.container { position: relative; width: 980px; margin: 0 auto; padding: 0; }
	
	/*	Header ---------------------------------------- */
	div#simpleHeader { position: relative; margin: 0 0 30px 0; height:120px; }
	             
	div#header { position: relative; margin: 0; background:transparent url(/images/header_bg.png) repeat-x 0 0px; height:160px; }
	
	    div#header h6 { margin: 0; padding: 0; position: absolute; }
	    div#header h6 a,
	    div#header h6 a:visited { width: 250px; height:190px; background:transparent url(/images/logo.png) repeat-x 0 0px; display: block; }
	
        #preNavContainer {  }
        
        #regionContainer { float:left; margin-left:320px; height:50px; padding-top:20px; }
            #regionContainer h5 { color:#FFFF99; padding: 8px 5px 0px 5px; }
            #regionList { width:200px; position:absolute; left:320px; top:74px; z-index:50000; }
            #regionList ul { margin:0px; padding:0px; background-color:#666; list-style:none; }

            #regionList ul li span { padding:30px 8px 5px; background:#666; border:#ccc solid 1px; border-bottom:none; display:block; }  
            #regionList ul li a { padding:8px; background:#666; border:#ccc solid 1px; border-bottom:none; cursor:pointer; display:block; }  
            #regionList ul li.last a { border:#ccc solid 1px; }  
            #regionList ul li:hover a { background-color:#2DA4D6; position:relative; }
        	#selectedRegion { float:left; }
    	    #btnRegionContainer { float:left; padding:7px 0 0 0px; }
    	    
    	
    	#userContainer { float:right; height:65px; padding: 10px 10px 0 0; }
            #referLink { width:100px; float:left; padding:15px 0 0; }
        	#referLink a, #referLink a:visited { color:#fff; text-decoration:none; font-size:20px; font-weight:bold; }
        	#referLink a:hover { text-decoration:underline }
    		
    		#userBox { float:left; color:#333; }
        	#userBox ul { float:right; }
        	#userBox img { float:right; margin-left:15px; width:50px; height:50px; }
        	#userBox #userName { color:#fff; font-size:13px; padding:10px 0 5px 0 ; }
        	#userBox #btnLogout { color:#ccc; font-size:12px; cursor:pointer; }
        	#userBox #btnLogout:hover { text-decoration:underline; }
        	
        	#connectContainer { margin:10px 0 0;}
        	#connectContainer p, #connectContainer a { font-size:15px; color:#fff;  }
	        #connectContainer p { float:left; padding:4px 10px 0 0; margin:0;}
	        
    	#navContainer { margin:0 0 15px 250px; width:720px; height:40px; padding-top:5px; float:left; }
        	#navContainer ul { clear:both; margin: 0; padding: 0; list-style: none; }
        	#navContainer li { display: inline; }
        	#navContainer li a { font-family:Arial; color: #fff; display: inline; float: left; padding: 10px 15px; font-size: 16px; font-weight: bold; line-height: 1; text-decoration: none; }
        	#navContainer li a:hover { color: #FFFF00; }
        	#navContainer li.selected a { color: #FFFF00; -moz-border-radius: 0 0 3px 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; }
            
            /* Christmas Deals Nav */
            #holly { background: transparent url('/images/holly.png') top left no-repeat; height:37px; width:37px; position: relative; left:34px; top:-8px; float:left;
                    margin:0 ; padding:0; margin-left:-30px;
                      }
        
        
          .expiring-soon-count { background: transparent url('/images/count_bubble.png') top left no-repeat; width:20px; height:20px; text-align:center;
                       padding:1px 0 0 0; margin:0; color: #fff; position: relative; right:10px; top: 8px; font-size:11px; font-weight: bold;
                       display: inline-block;
                        }
	
	
	
	#facebookCFJ { background:#DAF1F7 url(/images/money.png) no-repeat left 50%; height:140px; border:solid 1px #fff; margin-bottom:20px; 
	               padding:20px;
	               }
	#facebookCFJ .left { padding:10px 10px 0 0; margin-left: 100px; width:500px; }
	#facebookCFJ .right { padding:10px 10px 0 0; padding:20px 20px 0 0; }
	#facebookCFJ h3 { color:#0099CC; font-size:28px; font-weight:bold; line-height:1.4em; }
	#facebookCFJ p { font-size:14px; line-height:1.4em; }
	
	
	#regionConfirm { background:#7FCFE3 url(/images/auckland.gif) no-repeat left bottom; height:174px; border:solid 1px #fff; margin-bottom:20px; }    
	#regionConfirmInner { padding:50px 0 0 300px; }
	#regionConfirmInner h3 { color:#fff; font-size:28px; font-weight:bold; line-height:1.4em; }
	
	
	#subscribeBar { background:#2381A9 ; margin-bottom:15px; text-align:center; padding:20px 20px 18px 15%; text-align:center; }    
        #subscribeBar p { font-size:15px; color:#fff; float:left; padding:4px 0 0 0; margin:0;}
	    #subscribeBar .text-input { height:20px; float:left; width:240px; margin:0 10px; }
	    #subscribeBar button { float:left; }
	
	    
    #page { padding-top:15px; }


	
	#footer { background:#fff; margin: 100px 0 0; border-bottom:12px solid #333; }
        #footer #inner { background:#fff url(/images/bigG_footer.png) no-repeat right bottom; }
        #footerNav { float:left; margin:60px 20px 20px 0; } 
        #footerNav td { padding:20px 20px 20px 0; }
        #footerNav li { font-size:17px; padding:5px; }
    
    


.btn_region { width:110px; height:24px; background: url(/images/btn_region.png) no-repeat 0 0; display:block; }
.btn_region:hover { background-position:left -30px; }


.deal_title { line-height:1.2em; }
.deal_title span { color: #98CB00; }


#detailsContainer { background: #ffffff url(/images/detail_bg.gif) no-repeat 0 0; padding-top:40px; width:470px; margin-top:15px; }
    #detailsContainer ul { list-style: bullet; }
    .details, .details p, .details li { font-size: 14px; }
    #fineprint { float:left; width:210px; margin-right:12px; font-size: 10px; }
    #highlights { float:right; width:240px; }
    #detailsBottom { width:470px; height:20px; background: #ffffff url(/images/detail_bottom.gif) no-repeat 0 0;  }
    


#adminDetails #fineprint, #adminDetails #highlights { width:245px; }

.filter-text { background: #ffffff url(/images/filter.jpg) no-repeat 0 0; width:16px; height: 16px; display:inline-block; }


#priceContainer { background: url(/images/price_bg.gif) no-repeat 0 0; width:220px; height:200px; text-align:center; margin-top:3px; }
    #priceContainer #buyContainer { height:140px;  }
    #priceContainer h1 { color:#fff; text-align:center; padding:16px 0; }
     .btn_buy { width:200px; height:55px; background: url(/images/btn_buy.png) no-repeat 0 0; display:block; margin:0 auto;  }
    #priceContainer .btn_buy:hover { background-position:left -60px; }
    #priceContainer .btn_buy.brought { background-position:left -120px; }
    #priceContainer .btn_buy.sold_out { background-position:left -180px; }
    #priceContainer .btn_buy.expired { background-position:left -240px; }
    #priceContainer ul { list-style:none; padding-top:32px; }
    #priceContainer ul li { float:left; width:72px; text-align:center; margin-left:0px; font-size:17px; font-weight:bold; color:#fff; }

    

#countContainer { background: url(/images/count_bg.gif) no-repeat 0 0 ; margin-top:10px; text-align:center; width:220px; }
    #countContainer p { text-align:center; color: #21637E; font-weight:bold; font-size:16px; margin:0; padding:5px 0 14px 0; }
    #countContainer p.sold { font-size:24px; padding:15px 0 0 0; }
    #progressContainer { margin:15px 0;  }
    #progressOutter { height:28px; width:186px; background: url(/images/progress_bg.gif) no-repeat 0 0; margin-left:auto; margin-right:auto; }
    #progressInner { height:28px; width:186px; background: url(/images/progress_mask.png) no-repeat 0 0; }

#timeLeftContainer { height:82px; padding:0px; background: url(/images/closes_bg.gif) no-repeat 0 0; width:220px; }
	#timeLeftContainer.deal_closed { background: url(/images/closes_closed.gif) no-repeat 0 0; }
	#timeLeftContainer.deal_soldout { background: url(/images/starts_in.gif) no-repeat 0 0; }
    #timeLeftContainer ul { list-style:none; padding:36px 0 0 38px; }
    #timeLeftContainer ul li { float:left; width:55px; text-align:center; margin-right:5px; font-size:16px; font-weight:bold; color:#fff;  }




#splashBox { text-align:center; }
#splashBox h1, #splashBox h2 { text-align:center; }

#splashBox h1 { font-size: 38px; color: #2DA4D6; letter-spacing:-2px; margin:15px 0 0 0; }
#splashBox h2 { font-size: 22px; color: #666; font-weight:normal; margin:15px 0 10px 0; }

#subscribeBox { height:50px; width:550px; background: url(/images/signup_bg.jpg) no-repeat 0 0; margin:0px auto 20px auto; }
#subscribeBox input {  width:342px; font-size: 16px; border: none; background: none; padding:14px; float:left; }
#subscribeBox button { height:50px; width:170px; border: none; background: none; }


#likeBox { background: transparent url(/images/like_box_bg.png) no-repeat 0 0; text-align:center; width:220px; height:176px; }
#likeBox .like_learn { color:#fff; font-size: 13px; }

#shareBox { background: transparent url(/images/share_box_bg.png) no-repeat 0 0; text-align:center; width:220px; height:176px; }
#shareBox a.share_learn { font-size: 13px; color:#000; text-decoration:none;  }
#shareBox a.share_learn:hover { text-decoration:underline; }

#sideDeal  { background: transparent url(/images/side_deal.png) no-repeat 0 0; margin-top:10px; padding:50px 18px 0px 18px; }
#sideDeal span a { font-size:13px; margin:0; padding:0; line-height:1.0em; text-decoration: none; color: #000; padding:5px; }
#sideDeal span a:hover { text-decoration: underline; }
#sideDeal a img { }
#sideDealBottom { background: transparent url(/images/side_deal_bottom.png) no-repeat 0 0; width:220px; height:20px; }

#sidePromo  { background: transparent url(/images/promo.png) no-repeat 0 0; margin-top:10px; padding:50px 18px 0px 18px; }
#sidePromo span a { font-size:12px; margin:0; padding:0; line-height:1.0em;  }
#sidePromo a img { }
#sidePromoBottom { background: transparent url(/images/promo_bottom.png) no-repeat 0 0; width:220px; height:20px; }


.social_buttons ul { padding:83px 0 15px 20px; }
.social_buttons ul li { float:left; margin-right:15px; }




.btn_facebook { background: url(/images/btn_fb.png) no-repeat 0 0; }
.btn_twitter { background: url(/images/btn_twitter.png) no-repeat 0 0; }
.btn_email { background: url(/images/btn_email.png) no-repeat 0 0; }

.btn_share { width:50px; height:50px; display:block; }
.btn_share:hover { background-position:left -60px; }


#discussBox { background: #FFF; padding:15px; margin-top:15px; }

#giftBox { background: #FFCCFF; padding:10px; margin-top:15px; }
#giftBox img { float:left; margin-right:5px;}

#businessBox { background: #f1f1f1; padding:10px; margin-top:10px; }
#businessBox img { float:left; margin-right:5px;}

.padded20 { padding:20px; }

.btn_get_started { width:167px; height:44px; background: url(/images/btn_get_started.png) no-repeat 0 0; display:block; }
.btn_get_started:hover { background-position:left -50px; }



.btn_buyfriend { width:188px; height:40px; background: url(/images/btn_buyfriend.png) no-repeat 0 0; display:block; }
.btn_buyfriend:hover { background-position:left -50px; }

.btn_connect { width:107px; height:25px; background: url(/images/btn_connect.png) no-repeat 0 0; display:block; }


#purchaseContainer {}
    #purchaseItems td { padding:10px 20px 10px 0; }
    #purchaseItems thead td { font-weight:bold; }
    #purchaseContainer #total { font-weight:bold; } 


.secure { font-size:14px; font-weight:bold; color: #666; background: transparent url(/images/padlock.png) no-repeat 0 0; padding: 7px 0 0 32px; height:25px; }





.recent_container { float:left;  background:#f1f1f1; margin:10px; }
    .recent_container h1 { font-size:17px; line-height:120%; }
    .recent_container h1 span { color: #98CB00; }
    .recent_container h1:hover { text-decoration:underline; }
    .recent_container img { width:380px; margin:15px 0; } 
    .recent_stats { background: transparent url(/images/recent_stats.png) no-repeat 0 0; width:380px; height:60px; }
        .recent_stats  ul { margin:0px; padding:0px; list-style:none; }
        .recent_stats  ul li { float:left; width:90px; font-size:19px; text-align:center; padding-top:28px; }  
        .recent_stats  ul li.sold { width:98px; margin-right:9px; color:#fff; font-weight: bold; }  

.recent_container.sold { background:#F5E7E7; }
.recent_container.sold span { color: #993300; }

.recent_container_inner { padding:20px; height:370px; width:380px; position:relative; }


            
#purchaseContainer thead td { font-weight:bold; }
#purchaseContainer #total { font-weight:bold; }






		div {
			/* border: solid 1px black; */
		}	
		
		#grid {
			width: 100%;	/* use this field to set width of the whole grid */
			display: table;
		}

		#grid table {
			width: 100%;
		}
		
		
		#grid #pager {
			white-space: nowrap;
			font-size: 9pt;
			margin-bottom : 5px;
		}
		
		
		#grid #pager .section {
			width: 33.3%;
			vertical-align: middle;
		}	
		
		
		#grid #pager #navButtons table {
			width: 165px;
			margin-left: auto;  /* center */
			margin-right: auto;
		}
		
		#grid #pager #navButtons table td {
			text-align: center;
		}
		
		#grid #pager #navButtons .disabled {
			color: #C0C0C0;
			text-align: center;
		}
				
		#grid #pager #navButtons a {
			text-decoration: none;
		}

		#grid #pager #navButtons a {
			text-decoration: none;
		}
		
		#grid #pager #rowsPerPage {
			text-align: right;
		}
				
		#grid #data table {
		  border: solid 1px #e8eef4;
		  border-collapse: collapse;
		}

		#grid #data table td {
		  padding: 5px;   
		  border: solid 1px #e8eef4;
		}
    
        #grid #data table td span.smalltext { display:block; overflow:hidden; width:180px; }
    
		#grid #data table th {
		  padding: 6px 5px;
		  text-align: left;
		  background-color: #e8eef4; 
		  border: solid 1px #e8eef4;   
		  white-space: nowrap;
		}
		
		#grid #data table th a {
			padding-right: 10px;
		}
		
		#grid #data .asc{
			background: transparent url('/images/asc.png') center right no-repeat ;
		}
		
		#grid #data .desc{
			background: transparent url('/images/desc.png') center right no-repeat;
		}
		
		
		tr.warning { background:yellow; }
		tr.risky { background:pink; }
		
		
table.form { }

table.form label { font-weight: bold; font-size:16px; }

table.form .form-label {  padding:5px; width:110px; margin:0 0 14px 0; vertical-align:middle; }
table.form .form-data {  padding:5px; }






/* ADMIN ONLY -------------------------------------------*/
       
.admin_nav h1 a, 
    .admin_nav h1 a:visited { color: #0293d4; }
       
#adminTitle { width:620px; margin-right:10px;}
        
.pricey { width:56px; padding:8px; }

.row-values td { text-align:center;  }
.row-values input { text-align:center;  }
.row-label td { color:#666; font-size:11px; text-align:center;  }
        
.xort { width:250px; margin-right:10px; }
.story-box { width:560px; height:400px; }
        
#adminCompany { width:280px; }
#adminCompany textarea { width:250px; }
#adminCompany input { width:260px; }
#adminCompany #mapImage { width: 280px; }
#adminCompany .text_half { width:100px; }
        
        
ul#adminHighlights li { }
        
        
        
.dialog 
{
    background:#666; border:2px solid #000; padding:15px;
    position:absolute; top: 100px; left:15%; z-index:1000;
}
.dialog-inner { height:450px; width:600px; background:#fff; overflow:scroll; }
.dialog-buttons { float:right; padding-top:15px; }
        
#imageList li { padding:10px; cursor: pointer; }
        
        
        
.popup-form { width: 600px; }
.popup-form-one,
    .popup-form-two { width: 260px; float:left; padding:20px; }
        
        
        
        
        
        
        
        
        
        
        
        
        
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:250px;
  top:50px;
  width:440px;
  height:240px;
  display:none;
  z-index:9999;
  padding:20px;
    border: solid 3px #000;  
}

#boxes #dialog {
  width:440px; 
  height:343px;
  padding:20px;
  background-color:#ffffff;
    z-index:9999;
}

.deal-parts td { padding:10px; vertical-align:middle; }
.deal-parts .part-title { width:190px; font-size:17px; font-weight:bold;  }
.deal-parts .part-title span { font-size:13px; font-weight:normal; color: #999; display: block; padding:4px 0 0;  }

.deal-parts .part-sold-count { width:90px; font-size:14px; font-weight:bold; color: orange }