/* CSS style document for main secretsales.com website */
/* Piotr Nierobisz - neonm3@gmail.com */
/*------------------------------------------------------------------------------------*/
/* main content - listing page */


	#panel_main_content {
	 position: relative;
	 width: 965px;
	 height: auto; 
	 z-index: 2;	 
	 overflow: hidden;	 
	}
		

/*----------------------------------------------------------------------------------------------------------------------*/	
/* sale description */
/*----------------------------------------------------------------------------------------------------------------------*/		

#sale_description {
 position: relative;
 width: 962px;
 height: 74px;
 padding: 0px 0px;
 margin: 0px 0px;
}

  #sale_info_tab {
   position: relative;
   top: 14px;
   left: 14px;
   width: 351px;
   height: 46px;
   background: url(//secretsales.com/_images/v1/sale_info_tab.png); 
   border: 1px solid #808080;
  }
  
  #sale_time {
   position: absolute;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   width: 96px;
   height: 16px;
   top: 6px;
   left: 8px;
   color:  #666666;
   clear: both;
  }
  
		  #day {   
		   position: absolute;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   text-align: right;
		   font-size: 14px;
		   font-weight: bold;
		   width: 20px;
		   height: 16px;
		   color:  #666666;
		   left: 4x;
		  }
		  
		  #hour {   
		   position: absolute;		  
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   text-align: right;
		   padding-right: 5px;		   
		   font-size: 14px;
		   font-weight: bold;
		   width: 20px;
		   height: 16px;
		   color:  #666666;
           left: 24px;
		  }
		  
		  #min {  
		   position: absolute;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   text-align: right;		   
		   font-size: 14px;
		   font-weight: bold;
		   width: 20px;
		   height: 16px;
		   color:  #666666;
           left: 50px;
		  }
		  
		  #sec {  
		   position: absolute;		  
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 14px;
		   font-weight: bold;
		   text-align: right;		   		   
		   width: 20px;
		   height: 16px;
		   color:  #666666;
		   left: 75px;
		  }
  
  #sale_members {
   position: absolute;
   text-align: right;
   width: 42px;
   height: 14px;
   top: 8px;
   left: 300px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;   
   font-weight: bold;
   color: #FF00FF;
  }
  
  #sale_refer a {
   position: absolute;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   width: 170px;
   height: 13px;
   left: 175px;
   top: 29px;
   color: #666666;
   text-decoration: none;
  }
  
  #sale_refer a:hover {
   text-decoration: underline;
   color:#FF00FF;
  }
  
  
/*-----------------------------------------------------------------------------------------------------------------------------*/	
/* listing navigation */
/* ---------------------------------------------------------------------------------------------------------------------------*/		

#listing_navigation {
 position: relative;
 width: 963px;
 height: 35px;
}

	#breadcrumb_field {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 width: 415px;
	 height: 35px; 
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 color: #9f9f9f;
	 font-size: 11px;
	 padding-top: 5px;
	}
	
	#breadcrumb_field img {
	 position: relative;
	 top: 2px;
	}	
	
	
	#breadcrumb_field a {
     text-decoration: none;
 	 color: #9f9f9f;
	}	
	
	#breadcrumb_field a:hover {
     text-decoration: underline;
	}		

	#text_view_as {
	 position: absolute;
	 top: 0px;
	 /*left: 415px;*/
	 left: 727px;
	 width: 66px;
	 height: 35px; 
	 background-color: #0FF000;
	 background: url(//secretsales.com/_images/v1/text_view_as.gif);  
	}

	#button1 {
	 position: absolute;
	 top: 0px;
	 /*left: 481px;*/
	 left: 896px;
	 width: 75px;
	 height: 35px; 
	}

	#button2 {
	 position: absolute;
	 top: 0px;
	 left: 800px;
	 width: 83px;
	 height: 35px; 
	}

	#text_filter_by {
	 background: url(//secretsales.com/_images/v1/text_filter.gif);  
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 width: 84px;
	 height: 35px; 
	}
	
	#form1_title {
	 position: absolute;
	 top: -7px;
	 left: 100px;
	 width: 119px;
	 height: 10px; 
	 padding-top: 0px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #465773;
	 font-weight: normal;		
	 }
	
	#form1 {
	 position: absolute;
	 top: 0px;
	 left: 100px;
	 width: 119px;
	 height: 27px; 
	 padding-top: 8px;
	}
	
    	#choose_gender_dropdown {
		  width: 110px;
	 	  height: 20px;
		  font-family: Verdana, Arial, Helvetica, sans-serif;
	      color: #465773;
		  font-size: 11px;
		  padding: 1px 1px;		  
		  background-color: #e8e8e8;
		  font-weight: normal;		
    	}

	#form2_title {
	 position: absolute;
	 top: -7px;
	 left: 225px;
	 width: 119px;
	 height: 10px; 
	 padding-top: 0px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #465773;
	 font-weight: normal;		
	 }
	 
	#form2 {
	 position: absolute;
	 top: 0px;
	 left: 225px;
	 width: 121px;
	 height: 27px; 
	 padding-top: 8px;	 
	}
	
	    #sales_type_dropdown {
		  width: 116px;
	 	  height: 20px;
		  font-size: 11px;
		  padding: 1px 1px;		  
		  font-family: Verdana, Arial, Helvetica, sans-serif;
	      color: #465773;
		  font-weight: normal;		
		  background-color: #e8e8e8;
   	    }
		
		
	#form3_title {
	 position: absolute;
	 top: -7px;
	 left: 356px;
	 width: 119px;
	 height: 10px; 
	 padding-top: 0px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #465773;
	 font-weight: normal;		
	 }
	 	
	#form3 {
	 position: absolute;
	 top: 0px;
	 left: 356px;
	 width: 121px;
	 height: 27px; 
	 padding-top: 8px;	 
	}
	
	    #sizes_type_dropdown {
		  width: 70px;
	 	  height: 20px;
		  font-size: 11px;
		  padding: 1px 1px;		  
		  font-family: Verdana, Arial, Helvetica, sans-serif;
	      color: #465773;
		  font-weight: normal;		
		  background-color: #e8e8e8;
   	    }	
		
		
		
	#form4_title {
	 position: absolute;
	 top: -7px;
	 left: 356px;
	 width: 119px;
	 height: 10px; 
	 padding-top: 0px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #465773;
	 font-weight: normal;		
	 }
	 	
	#form4 {
	 position: absolute;
	 top: 0px;
	 left: 356px;
	 width: 121px;
	 height: 27px; 
	 padding-top: 8px;	 
	}
	
	    #gender_type_dropdown {
		  width: 70px;
	 	  height: 20px;
		  font-size: 11px;
		  padding: 1px 1px;		  
		  font-family: Verdana, Arial, Helvetica, sans-serif;
	      color: #465773;
		  font-weight: normal;		
		  background-color: #e8e8e8;
   	    }		
		
/*-----------------------------------------------------------------------------------------------------------------------------*/	
/* listing pages navigation */
/* ---------------------------------------------------------------------------------------------------------------------------*/				
/* included in html two times */

.listing_pages_navigation {
 position: relative;
 clear: both;
 width: 963px;
 height: 38px;
 background: url(//secretsales.com/_images/v1/pages_background.gif) left;  	 
}

	.listing_pages {
	 position: absolute;
	 top: 0px;
	 left: 520px;
	 width: 190px;
	 height: 28px; 
     
	 padding-right: 10px;
	 padding-top: 10px;
	 text-align: right;
	}
	
	.listing_pages a {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-weight: bold;
 	 color: #445873;
     text-decoration: none;	
	}
	
	.listing_pages a:hover {
     text-decoration: none;	
	 color: #FF00FF;
	}
	
	.field_viewall {
	 position: absolute;
	 top: 0px;
	 left: 723px;
	 width: 79px;
	 height: 38px;
	}
	
	.field_previous {
	 position: absolute;
	 top: 0px;
	 left: 802px;
	 width: 96px;
	 height: 38px;
	}
	
	.field_forward {
	 position: absolute;
	 top: 0px;
	 left: 898px;
	 width: 65px;
	 height: 38px;
	}
	
	.highlite {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight: bolder;
 	 color: #FFFFFF;
     text-decoration: none;
	 background-color: #FF00FF;
	 border: 1px solid #FFFFFF;
	}

/*-----------------------------------------------------------------------------------------------------------------------------*/	
/* products listing */
/* ---------------------------------------------------------------------------------------------------------------------------*/		

.product_soldout {
 position: absolute;
 top: 0px;
 left: 0px;
}

#products_listing {
 position: relative;
 border-top: 1px solid #CCCCCC;
 float: left;
}

    .product {
      width: 230px;
      height: 290px;
	  padding: 5px 5px;
	  position: relative;
	  float: left;
	  /*border-bottom: solid 1px #CCCCCC;*/
    }
	
		.product_picture {
		  position: relative;
		  text-align: center;
		  /*background: center no-repeat url(//secretsales.com/_images/v1/ajax-loader.gif);*/
		}
		
		.product_title {
		  position: relative;
	      text-align: center;
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bolder;
		  color: #FF00FF;
    	  width: 230px; 		  
		}
		
		.product_description {
		  position: relative;
	      text-align: center;
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: normal;
 		  color: #999999;
   		  width: 230px;		  
		}

		
		.product_price_description { 
		 position: relative;		
         text-align: center;
		 height: 15px;
		 width: 230px;
		 margin-top: 5px;
		 white-space: nowrap;
		}
		
		.rpp {
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  color: #999999;
		/*  float: left;*/
    	}
	
		.our_price {
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  color: #FF00FF;
/*	  float: left;*/
		}


