/* CSS style document for main secretsales.com website */
/* Piotr Nierobisz - neonm3@gmail.com */
/*------------------------------------------------------------------------------------*/
/* main content - faq */


/*---------------------------------------------------------------------------------------------------------------------*/	
/* main content panel */
/*---------------------------------------------------------------------------------------------------------------------*/		

h1 {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bolder;
 font-size: 20px;
 color: #767676;
 text-align: left;
}

h2 {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bolder;
 font-size: 18px;
 color: #767676;
 text-align: left;
 font-weight: bold;
}

p {
 margin: 10px 0 0 0;
 padding: 0 0 0 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #767676;
}



	#panel_main_content {
	  position: relative;	
      background: url(//secretsales.com/_images/v1/press/press_background.jpg) no-repeat;
	  width: 965px;
	  height: 560px;
	  z-index: 2;	 
	  overflow: hidden;
	  padding: 0px 0px;
	 }
	 
	 #press_main_page_title {
	   position: relative;
	   width: 545px;
	   height: 110px;
	   left: 33px;
	   top: 55px;
	 }
	 
	 #panels_containter {
	   position: absolute;
	   left: 20px;
	   top: 150px;
	 }

		 .panel {
		   background: url(//secretsales.com/_images/v1/press/press_panel.gif) no-repeat bottom;	 
		   position: relative;
		   float: left;
		   width: 292px;
		   height: 390px;
		   padding-right: 16px;
		 }

		  .panel_title {
		    position: relative;
			float: left;
			padding-left: 10px;
		  }
		 
		 .panel_itself {
			  position: absolute;
			  left: 26px;
			  top: 40px;
			  width: 256px;
			  height: 326px;
              overflow: auto;			  
			  z-index: 1;
		 }
		 
		 .panel_content {
		   position: absolute;
    	   top: 10px;		 
		   left: 10px;  
		  /* width: 236px;
		   height: 322px;
		   overflow: hidden;*/
		 }
		 
		 div.track
		{
			position: relative;
			float:right;
			top: 0; 
			width: 11px; height: 100%;
			font-size: 0;
			z-index: 3;
			background: #CCCCCC;
		}
		
		div.drag_bar
		{
			position: absolute;
			width: 100%; height: 14px;
			cursor: pointer;
			z-index: 4;
			background: #999999;
		}
		  
		 .scrollbar {
	      position: absolute;		 
		  top: 10px;
		  left: 254px;
		  background-color: #e6e6e6;
		  width: 10px;
		  height: 322px;
		 }
		 
		   .scrollbar_thingy {
		    position: absolute;
			background-color: #c3c3c3;
			width: 10px;
			height: 50px;
			top: 50px;
		   }
		   
/* event ___________________________________________________________________________________________________ */

     .event {
	   width: 236px;
	   margin-bottom: 15px;
     }
	 
		 .event p {
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   color: #999999;
		   font-size: 10px;
		   margin-top: 0px;
		   padding-top: 2px;
		   margin-bottom: 5px;
		 }
		 
		 .event_title {
		   padding-top: 5px;
		   padding-bottom: 2px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   color: #999999;
		   font-size: 12px;
		   border-bottom: 1px solid #CCCCCC;	 
		 }
		 
		 .event_link a {
		   text-decoration: none;
		   padding-left: 15px;
		   background: url(//secretsales.com/_images/v1/list_arrow.gif) no-repeat;
		   font-size: 10px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   color: #FF00FF;
		   font-weight: bold;
		  }
		  
		  .event_link a:hover {
			  text-decoration: underline;
		  }
		  
/* press cutting _____________________________________________________________________________________________________ */

     .press_cutting {
	   width: 236px;
	   height: 100px;
     }

	     .cutting_image {
 		   clear: both;
		   position: relative;		 
		   float: left;
		   width: 43px;
		   height: 66px;
		 }
		 
		 .cutting_text {
		   position: relative;
		   float: left;
		   width: 180px;
		   margin-left: 10px;
    	 }
		 
 
		 .press_cutting p {
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   color: #999999;
		   font-size: 10px;
		   margin-bottom: 15px;
		   margin-top: 3px;
		 }
		 
		 .cutting_title {
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   padding-bottom: 2px;
		   color: #999999;
		   font-size: 12px;
		   border-bottom: 1px solid #CCCCCC;
		   margin: 0px 0px;		   
		 }
		 
		 .cutting_link {
		   clear: both;
		   padding-left: 15px;
		   background: url(//secretsales.com/_images/v1/press/download.gif) no-repeat;		   
		  }
		   
		 .cutting_link a{
		   text-decoration: none;
		   font-size: 10px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;	   
		   color: #FF00FF;
		   font-weight: bold;
		  }
		  
		  .cutting_link a:hover {
			  text-decoration: underline;
		  }

/* press release _____________________________________________________________________________________________________ */

     .press_release {
	   width: 236px;
	   margin-bottom: 10px;
     }
	 
		 .press_release p {
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   color: #999999;
		   font-size: 10px;
		   margin-top: 0px;
		   padding-top: 2px;
		   margin-bottom: 5px;
		 }
		 
		 .press_title {
		   padding-top: 5px;
		   padding-bottom: 2px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   color: #999999;
		   font-size: 12px;
		   border-bottom: 1px solid #CCCCCC;	 
		 }
		 
		 .press_link a {
		   text-decoration: none;
		   padding-left: 15px;
		   background: url(//secretsales.com/_images/v1/list_arrow.gif) no-repeat;
		   font-size: 10px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;   
		   color: #FF00FF;
		   font-weight: bold;
		  }
		  
		  .press_link a:hover {
			  text-decoration: underline;
		  }
	 
	
	 #floating_shape {
	   position: absolute;
	   background: url(//secretsales.com/_images/v1/press/floating_thing.jpg) no-repeat;
	   left: 449px;
	   top: 5px;
	   width: 512px;
	   height: 133px;
	 }
 
 /* popup panel ______________________________________________________________________________________________________*/
 
     #popup_panel {
	   width: 947px;
	   height: 411px;
	   position: absolute;
	   background: url(//secretsales.com/_images/v1/press/press_popup_background.png);
	   z-index: 5;
	   top: 140px;
	   left: 10px;
       display: none;
	 }
	 
		 #popup_panel h1 {
		   position: absolute;
		   top: 26px;
		   left: 33px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-weight: bolder;
		   font-size: 20px;
		   color: #FF00FF;
		   text-align: left;
		 }
		 
	   	   #popup_panel h2 {
			 font-family: Verdana, Arial, Helvetica, sans-serif;
			 font-weight: normal;
			 font-size: 18px;
			 color: #767676;
			 text-align: left;
			 padding-bottom: 2px;
			 border-bottom: 1px solid #CCCCCC;
			 margin-bottom: 10px;
		   }		 
		 
		 #popup_panel_gallery {
		   position: absolute;
		   left: 26px;
		   top: 76px;	 
		   width: 296px;
		   height: 316px;
		 }
		 
				 #main_gallery_image {
				  position: absolute;
				  width: 295px;
				  height: 228px;
				 }
				 
				 #arrow_left {
				  position: absolute;
				  cursor: pointer;
				  top: 264px;
				 }
				 
				 #arrow_right {
				  position: absolute;
				  top: 264px;
				  left: 280px;
				  cursor: pointer;
				 }
				 
				 #scroller_container {
				   width: 1500px;
				  height: 54px;
				 }
				 
				 #thumbnail_selector {
				  position: absolute;
				  width: 266px;
				  height: 54px;
				  top: 250px;
				  left: 14px;
				  overflow: hidden;
				 }
				 
					 .thumbnail {
					  position: relative;
					  float: left;
					  width: 54px;
					  height: 41px;
					  margin-right: 5px;
					 }
		 
		 
		 
		 #popup_panel_text_content {
		   position: absolute;	 
		   width: 564px;
		   height: 308px;
		   top: 76px;
		   left: 346px;
		 }
		 
		 #popup_panel_text {
		   position: absolute;	 
		   /*width: 546px;
		   height: 234px;*/
		   left: 0px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 12px;
		   color: #666666;
		   /*padding-top:10px;
		   padding-bottom:10px;
		   /*overflow: hidden;*/
		 }		 
		 
		 #p_scrollbar {
	      position: absolute;		 
		  top: 60px;
		  left: 553px;
		  background-color: #e6e6e6;
		  width: 10px;
		  height: 234px;
		 }
		 
		 #p_scrollbar_thingy {
		    position: absolute;
			background-color: #c3c3c3;
			width: 10px;
			height: 50px;
			top: 50px;
		 }
		 
	#closing_button {
     position: absolute;
	 top: 20px;
	 right: 20px;
	 z-index: 10;
	}