@charset "utf-8";
/*-----------------------------------------------------------------------------
Screen Stylesheet

version:   3.0
date:      06/09/2011
author:    [JP. Cappelle]
-----------------------------------------------------------------------------*/

@import 'reset.css';
@import 'common.css';

/*-----------------------------------------------------------------------------*/
/* _Page Setup                                                                 */
/*-----------------------------------------------------------------------------*/

body { font-size:62.5%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#777; background:#050505 url(../image/common/body_bg.jpg) no-repeat top center; }

	/* _page specific ---------------------------------------------*/
			
	/* _error.aspx */
	body.error { background:#050505; border:none;}	

/*-----------------------------------------------------------------------------*/
/* _layout                                                                     */
/*-----------------------------------------------------------------------------*/

    /*app page*/
    div.app_container { width:960px; height:auto; overflow:hidden; margin:0 auto 0 auto; }
	
		div.app_container h1 { text-indent:-9999px; display:none;}
	
		div.app_header { height:220px; position:relative; z-index:5; }
		/*div.app_header { height:190px; padding:10px 0 0 0; position:relative; z-index:5; }   From steelandsilver*/
		
		div.app_content { height:auto; min-height:430px; padding:20px; overflow:hidden; background:#0C0C0C; border-top:1px solid #2B2B2B; border-right:1px solid #1F1F1F; border-bottom:1px solid #161616; border-left:1px solid #1F1F1F; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }
		
			/*2 columns*/
			div.app_content div.content_main_container { width:100%; margin-left:-230px; float:right; }
			
				div.app_content div.content_main_container div.content_main { height:auto; min-height:430px; padding:0 0 0 20px; margin-left:230px; }
				
			div.sidebar_content { width:210px; min-height:430px; padding:0 20px 0 0; border-right:1px solid #333;  }
			
			/*1 column*/
			div.app_content div.content_main { height:auto; min-height:430px; clear:both; position:relative;  }			
		
		div.app_footer { height:260px; margin:0 20px 50px 20px; clear:both; overflow:hidden;}
	
	/*app page*/
	body.app div.app_container { width:960px;  }
	
		body.app div.app_container h1 { text-indent:0; display:block;}
	
		body.app div.app_header { width:960px; height:115px; border-left:1px solid #222; border-right:1px solid #222; position:relative; z-index:5; }
		
		body.app div.app_content {  width:918px; height:auto; min-height:430px; background:#111; padding:20px 20px; border-top:none; }
		
			/*2 columns*/
			body.app div.app_content div.content_main_container { width:100%; margin-left:-235px; float:right;  }
			
				body.app div.app_content div.content_main_container div.content_main { height:auto; min-height:430px; padding:0 0 0 20px; margin-left:235px; }
				
			body.app div.sidebar_content { width:215px; min-height:430px; padding:0 20px 0 0; border-right:1px solid #333;  }
			
			/*1 column*/
			body.app div.app_content div.content_main { clear:both; position:relative;  }			
		
	body.app div.app_footer { width:960px; }
					
	/*download page*/
	body.download div.app_container { width:800px; height:auto; margin:20px auto 0 auto;  }
	
		body.download div.app_header {  clear:both; padding:0;  }
	
		body.download div.app_content {  clear:both; margin:20px 0 0 0; padding:20px 0 0 0; background:url(../image/brand/bioplast/app_conten_top_bg.png) no-repeat top; }
		body.download div.app_content div.app_content_inner { padding:0 0 20px 0; background:url(../image/brand/bioplast/app_conten_bottom_bg.png) no-repeat bottom; }
	
		body.download div.app_footer {height:40px; line-height:30px; clear:both; overflow:hidden; color:#666; text-align:center;  }
		
/*-----------------------------------------------------------------------------*/
/* _app_header                                                                 */
/*-----------------------------------------------------------------------------*/

	div.app_header a { width:960px; height:190px; display:block; background:url(../image/header/sa_logo.png) no-repeat center 20px;  }
	
	div.app_header a span,
	div.app_header h1 { display:block; text-indent:-9999px;}


/*-----------------------------------------------------------------------------*/
/* _app_header of the steel and silver website                                 */
/*-----------------------------------------------------------------------------*/
	/*_header_logo
	div.app_header div.header_logo { width:330px; height:150px; position:absolute; z-index:10; top:65px; left:10px;  }
	div.app_header div.header_logo:hover { background:url(../image/header/logo_hover.png) no-repeat 220px 50px;}
	body.home div.app_header div.header_logo:hover { background:none;}
		div.app_header div.header_logo a { width:330px; height:150px; display:block; background:url(../image/header/logo.png) no-repeat; }	

	/*_header_event
	div#header_event { width: 100%; height:50px; overflow: hidden; clear: both; margin-bottom: 20px;  background: #FFF8AE; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; }
		div#header_event h2 { width: 700px; height:50px; line-height: 50px; float: left; color:#FF8619; font-size: 24px; font-weight: bold; font-family"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-indent: 45px; background: url(../image/header/announcement.png) no-repeat 10px 13px; }
		div#header_event a { padding: 0 15px 0 15px; height:30px; line-height: 30px; display: block; float: right; margin:10px 10px 0 10px; font-size: 14px; font-weight: bold; color:#FFF; background: #5EBF2F; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
		div#header_event a:hover { color: #DFF8B0; background: #58B32C;}	
	
	/* _secondary_nav
	div.app_header ul.secondary_nav { height:25px;}
		div.app_header ul.secondary_nav li { height:25px; line-height:23px; font-size:13px; font-weight:bold; display:block; float:right;}
			div.app_header ul.secondary_nav li a { color:#969696; font-size:13px;}
			div.app_header ul.secondary_nav li a:hover { color:#CCC;}
			
		div.app_header ul.secondary_nav li#customer { padding:0 0 0 30px; background:url(../image/header/lock.png) no-repeat 5px center;}
						
			body.customer div.app_header ul.secondary_nav li#customer a { color:#CCC;}
			
		div.app_header ul.secondary_nav li#newsletter { margin:0 10px 0 0; padding:0 10px 0 10px; background:#6C6C6C; }
		div.app_header ul.secondary_nav li#newsletter:hover { background:#CCC;}
			div.app_header ul.secondary_nav li#newsletter a { color:#000;}
			
		div.app_header ul.secondary_nav li#tracking { margin:0 10px 0 10px; padding:0 0 0 30px; background:url(../image/common/ups_small.png) no-repeat 0 0;}
		div.app_header ul.secondary_nav li#tracking:hover { background:url(../image/common/ups_small.png) no-repeat 0 -25px;}

    /* _main_nav
	div.app_header ul.main_nav { width:550px; height:46px; margin:65px 0 0 auto; background:url(../image/header/header_nav.png) no-repeat 0 -50px; position:relative; z-index:10; }
	div.app_header ul.main_nav li.main { height:46px; display:block; float:left; overflow:hidden; cursor:pointer;   } 
	div.app_header ul.main_nav li.main:hover { color:#FF9;} 
		
		div.app_header ul.main_nav li.main a.main { width:100%; height:46px; line-height:43px; display:block; text-align:center; font-size:18px; text-transform:uppercase; color:#F5F5F5; font-family:'AniversRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; -moz-text-shadow:2px 2px 1px #000; -webkit-text-shadow:2px 1px 2px #000; text-shadow:2px 1px 2px #000;  } 
		div.app_header ul.main_nav li.main.has_split a.main { background:url(../image/header/main_nav_ul_li_split_bg.png) no-repeat right center;}
			div.app_header ul.main_nav li.main a.main:hover { color:#FF9; }
					
		div.app_header ul.main_nav li.main ul.sub { display:block; visibility:hidden; position:absolute; top:39px; z-index:100; clear:both; overflow:hidden; text-transform:uppercase; } 	
			div.app_header ul.main_nav li.main.has_sub:hover ul.sub { display:block; visibility:visible; cursor:default; } 
							
				div.app_header ul.main_nav li.main.has_sub ul.sub div.primary,
				div.app_header ul.main_nav li.main.has_sub ul.sub div.secondary{ width:170px; height:130px; padding:12px 10px 15px 15px; float:left;}
				
				div.app_header ul.main_nav li.main.has_sub ul.sub div.primary { background:url(../image/header/sub_nav_split.png) no-repeat right;}
				
				div.app_header ul.main_nav li.main.has_sub ul.sub div.primary p.category { height:30px; line-height:30px; font-size:13px; color:#666; }
				div.app_header ul.main_nav li.main.has_sub ul.sub div.primary li { padding:4px 4px 6px 4px; margin-bottom:5px; text-transform:none; }
				div.app_header ul.main_nav li.main.has_sub ul.sub div.primary li:hover { background:#1C1C1C; }
					div.app_header ul.main_nav li.main.has_sub ul.sub div.primary li p.title { line-height:20px; font-size:13px; text-transform:capitalize;}
					div.app_header ul.main_nav li.main.has_sub ul.sub div.primary li p.desc { line-height:15px; font-size:12px; color:#444;}
						div.app_header ul.main_nav li.main.has_sub ul.sub div.primary li p.desc a { display:inline;}
				
				div.app_header ul.main_nav li.main.has_sub ul.sub div.secondary li a { height:30px; line-height:30px; display:block; text-indent:10px; font-size:13px;}
				div.app_header ul.main_nav li.main.has_sub ul.sub div.secondary li a:hover { background:#1C1C1C; }
			
				
		/* custom li elememts 
		div.app_header ul.main_nav li#product { width:157px;}
		div.app_header ul.main_nav li#order { width:133px;}
		div.app_header ul.main_nav li#faq { width:103px;}
		div.app_header ul.main_nav li#about { width:157px;}
		
		div.app_header ul.main_nav li#product:hover { background:url(../image/header/header_nav.png) no-repeat 0 1px;  }		
			div.app_header ul.main_nav li#product:hover a {  color:#FF9;}
			div.app_header ul.main_nav li#product ul.sub { width:392px; height:185px; padding-top:8px; background:url(../image/header/header_nav.png) no-repeat 0 -98px; }
			div.app_header ul.main_nav li#product:hover ul.sub a { color:#777; }
			div.app_header ul.main_nav li#product:hover ul.sub a:hover { color:#F5F5F5;}
			div.app_header ul.main_nav li#product li.sub_item:hover p.desc { color:#666; }
			
		div.app_header ul.main_nav li#about:hover { background:url(../image/header/header_nav.png) no-repeat -393px 1px; }
			div.app_header ul.main_nav li#about:hover a {  color:#FF9;}
			div.app_header ul.main_nav li#about ul.sub { width:394px; height:185px; right:0; padding-top:8px; background:url(../image/header/header_nav.png) no-repeat 0 -500px; }	
			div.app_header ul.main_nav li#about:hover ul.sub a { color:#777;}
			div.app_header ul.main_nav li#about:hover ul.sub a:hover { color:#F5F5F5;}
			div.app_header ul.main_nav li#about li.sub_item:hover p.desc { color:#666;}
			
		div.app_header ul.main_nav li#order:hover { background:url(../image/header/header_nav.png) no-repeat -157px 1px; }	
			div.app_header ul.main_nav li#order:hover a {  color:#FF9;}
			div.app_header ul.main_nav li#order ul.sub { width:394px; height:185px; padding-top:8px; background:url(../image/header/header_nav.png) no-repeat 0 -295px; }	
			div.app_header ul.main_nav li#order:hover ul.sub a { color:#777;}
			div.app_header ul.main_nav li#order:hover ul.sub a:hover { color:#F5F5F5;}
			div.app_header ul.main_nav li#order li.sub_item:hover p.desc { color:#666;}
			
		div.app_header ul.main_nav li#faq:hover { background:url(../image/header/header_nav.png) no-repeat -290px 1px; }
		*/
		
		/* _page highlights*/
		body.home div.app_header ul.main_nav li#home a.main,
		body.faq div.app_header ul.main_nav li#faq a.main,
		body.product_customer div.app_header ul.main_nav li#customer a.main,
		body.newsletter div.app_header ul.main_nav li#newsletter a.main {color:#FFC;}
		
		body.about div.app_header ul.main_nav li#about a.main,
		body.product div.app_header ul.main_nav li#product a.main,
		body.order div.app_header ul.main_nav li#order a.main { color:#FFC;}
		
		body.about div.app_header ul.main_nav li#about ul a,
		body.product div.app_header ul.main_nav li#product ul a,
		body.order div.app_header ul.main_nav li#order ul a { color:#666;}
	
	/* _download_page*/	
    body.download div.app_header img { display:block; margin:0 auto 0 auto;}
    body.download div.app_header h1 { font-size:24px; font-weight:bold; color:#000; letter-spacing:1px; text-transform:uppercase; text-align:center; }
	    body.download.black h1 { color:#FFF;}
		
	/*app page*/	
	body.app div.app_header div.app_top_header { height:85px;}
		body.app div.app_header div.app_top_header img { position:absolute; z-index:100; top:5px; left:10px;}
		body.app div.app_header div.app_top_header h1 { width:100px; height:85px; overflow:hidden; float:left; margin:0 0 0 190px; font-size:24px; line-height:100px; color:#DDD;}
		body.app div.app_header div.app_top_header a { display:block; height:85px; float:right; padding:0 20px 0 0; font-size:13px; line-height:85px;}
	body.app div.app_header ul { padding-left:170px; background:#2B2B2B;}	
		
		/* _page specific ---------------------------------------------*/
		
		
		
/*-----------------------------------------------------------------------------*/
/* _app_content                                                                */
/*-----------------------------------------------------------------------------*/

	div.app_content h2 { line-height:48px; font-weight: bold; font-size:24px; color:#CCC; font-family:'AniversRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; clear:both; -moz-text-shadow:1px 1px 2px #333; -webkit-text-shadow:1px 1px 2px #333; text-shadow:1px 1px 2px #333;}
	div.app_content h3 { line-height:26px; font-weight: bold; font-size:14px; color:#FF9; clear:both;}
	div.app_content p { font-size:13px; line-height:26px; font-weight:normal; color:#999; margin-bottom:10px; clear:both; }
	div.app_content hr { height:1px; overflow:hidden; clear:both; border:1px dashed #222;}
	
	/*-------------------*/
	/* _main_content     */
	/*-------------------*/
	
	div.app_content div.msg_on_success ul { font-size:13px; line-height:26px; text-indent:20px; list-style:square; list-style-position:inside; }
	
	/* _page specific ---------------------------------------------*/
	
		/*-ERROR PAGE----------------------------------------------*/
		body.error div.app_content ul.what_to_do { font-size:13px; line-height:26px; text-indent:20px; list-style:square; list-style-position:inside; } 
		/*-ERROR PAGE----------------------------------------------*/
		
		/*_home*/
		body.home div.app_content { padding:0;}
		body.home div.app_content div.home_slider { height:400px; background:#111; clear:both; overflow:hidden; }		
			body.home div.app_content div.home_slider div.image_container { width:960px; height:400px; position:relative; z-index:1; overflow:hidden; }
				body.home div.app_content div.home_slider div.image_container img { width:960px; height:400px;}
				body.home div.app_content div.home_slider div.image_container ul { width:10000px;}
					body.home div.app_content div.home_slider div.image_container ul li { width:960px; height:400px; display:block; float:left; position:relative; z-index:1; overflow:hidden;}
						body.home div.app_content div.home_slider div.image_container ul li a { position:relative; z-index:1; }
						body.home div.app_content div.home_slider div.image_container ul li div { position:absolute; z-index:2; top:20px; left:20px;}
							body.home div.app_content div.home_slider div.image_container ul li div h4 { height:60px; font-size:45px; font-weight:bold;   }
							body.home div.app_content div.home_slider div.image_container ul li div h4 a { color:#BBB; background:url(../image/home/low_opacity_bg.png) repeat-x;}
							body.home div.app_content div.home_slider div.image_container ul li:hover div h4 a,
							body.home div.app_content div.home_slider div.image_container ul li div h4 a:hover { background:#FF9; color:#000; border-bottom:2px solid #000;-moz-text-shadow: 0 1px 0 #fff, 0 -1px 0 #000; text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;}
							body.home div.app_content div.home_slider div.image_container ul li div p { display:inline; padding:4px 3px 4px 3px; line-height:28px; color:#AAA; background:url(../image/home/low_opacity_bg.png) repeat-x;}
			body.home div.app_content div.home_slider div.control { width:34px; height:400px; position:absolute; z-index:5; top:0; }
				body.home div.app_content div.home_slider div.control a { height:77px; display:block; margin:171px 0 0 0;}
					body.home div.app_content div.home_slider  div.control a span { display:block; text-indent:-9999px;}
				body.home div.app_content div.home_slider div.control.prev { left:0;  }
					body.home div.app_content div.home_slider div.control.prev a { background:url(../image/home/slider_control.png) no-repeat 0 0; }
					body.home div.app_content div.home_slider div.control.prev a:hover, 
					body.home div.app_content div.home_slider div.control.prev a.active { background:url(../image/home/slider_control.png) no-repeat 0 -77px;}
				body.home div.app_content div.home_slider div.control.next { right:0; }
					body.home div.app_content div.home_slider div.control.next a { background:url(../image/home/slider_control.png) no-repeat -34px 0; }
					body.home div.app_content div.home_slider div.control.next a:hover, 
					body.home div.app_content div.home_slider div.control.next a.active { background:url(../image/home/slider_control.png) no-repeat -34px -77px;}
		body.home div.app_content div.latest_product { height:40px; line-height:40px; background:url(../image/home/latest_product_bg.png) repeat-x; clear:both; overflow:hidden; }
			body.home div.app_content div.latest_product p { width:auto; height:40px; float:left; line-height:41px; font-size:13px; color:#444; text-transform:capitalize; font-weight:bold; padding:0 20px 0 20px; }
			body.home div.app_content div.latest_product ul { width:750px; height:40px; float:left; line-height:40px; }
				body.home div.app_content div.latest_product ul li { width:750px; height:40px; line-height:40px; font-size:12px; clear:both; }
					body.home div.app_content div.latest_product ul li p { line-height:40px; font-size:12px; color:#666; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 10px; display:inline; float:none; border:none;}
					body.home div.app_content div.latest_product ul li:hover a { color:#FF9; border-bottom:1px solid #FF9;}
					
		body.home div.app_content div.home_content div.about { width:605px; padding:20px 25px 20px 20px;}
			body.home div.app_content div.home_content div.about h2 { margin-bottom:5px;}
			body.home div.app_content div.home_content div.about p { font-size:13px; margin-bottom:15px; }
			
		body.home div.app_content div.home_content div.update_social { width:290px; padding:20px 0 0 0; }
			
			body.home div.app_content div.home_content div.update_social div.update_content_container { width:290px; height:230px; overflow:hidden; background:url(../image/home/update_container_bg.png) no-repeat 0 0; }
			body.home div.app_content div.home_content div.update_social ul.update_msg { height:auto; } 
				body.home div.app_content div.home_content div.update_social ul.update_msg li { padding:13px 15px 15px; height:200px; overflow:hidden; }
					body.home div.app_content div.home_content div.update_social ul.update_msg li:hover p {color:#CCC; cursor:text;}
					body.home div.app_content div.home_content div.update_social ul.update_msg li p { line-height:25px; font-size:12px; color:#666; font-weight:normal; }
					
			body.home div.app_content div.home_content div.update_social ul.social_tab { height:50px; overflow:hidden; padding:0;}
				body.home div.app_content div.home_content div.update_social ul.social_tab li { height:50px; display:block; float:left;}
				
				body.home div.app_content div.home_content div.update_social ul.social_tab li.update_tab { width:140px; background:url(../image/home/update_tab_bg.png) no-repeat 0 0; }
					body.home div.app_content div.home_content div.update_social ul.social_tab li.update_tab p { width:90px; display: block; line-height: 50px; color:#444; font-size: 14px; font-weight: bold; text-transform: uppercase; text-indent: 5px; padding-left: 50px; background: url(../image/home/icon_update.png) no-repeat 0 0;  }
					body.home div.app_content div.home_content div.update_social ul.social_tab li.update_tab p.active { color:#666; background: url(../image/home/icon_update.png) no-repeat 0 -50px;}
				
				body.home div.app_content div.home_content div.update_social ul.social_tab li.short_tab { width:32px; margin-left: 14px; }
				
					body.home div.app_content div.home_content div.update_social ul.social_tab li a { width:32px; height:50px; display:block;}
						body.home div.app_content div.home_content div.update_social ul.social_tab li a span { display:block; text-indent:-9999px;}
						/*each tab*/
						body.home div.app_content div.home_content div.update_social ul.social_tab li.facebook a { background:url(../image/home/social_tab_icon.png) no-repeat 0 2px;}
						body.home div.app_content div.home_content div.update_social ul.social_tab li.facebook a:hover { background:url(../image/home/social_tab_icon.png) no-repeat 0 -48px;}
						body.home div.app_content div.home_content div.update_social ul.social_tab li.twitter a { background:url(../image/home/social_tab_icon.png) no-repeat -32px 2px}
						body.home div.app_content div.home_content div.update_social ul.social_tab li.twitter a:hover { background:url(../image/home/social_tab_icon.png) no-repeat -32px -48px;}
						body.home div.app_content div.home_content div.update_social ul.social_tab li.youtube a { background:url(../image/home/social_tab_icon.png) no-repeat -64px 2px;}
						body.home div.app_content div.home_content div.update_social ul.social_tab li.youtube a:hover { background:url(../image/home/social_tab_icon.png) no-repeat -64px -48px;}
			
		/* _about*/
		body.about div.app_content ul.company_pic { width:100%;}
			body.about div.app_content ul.company_pic li.item { display:block; text-align:center; }
				body.about div.app_content ul.company_pic li.item img { display:block; margin:0 auto 20px auto;}
				
			/* _job*/
			body.about.job div.app_content dl { font-size:12px; margin:0 0 20px 0; }
				body.about.job div.app_content dl dt { width:150px; display:block; float:left; font-weight:bold; color:999; }
				body.about.job div.app_content dl dd { width:500px; display:block; float:left; }
					body.about.job div.app_content dl dd p { margin-bottom:5px;}
			body.about.job div.app_content ul.job_positions { font-size:12px; margin:0 0 20px 0;}
				body.about.job div.app_content ul.job_positions div.position { display:block; padding:10px;  margin:20px 0 0 0; background:#666; color:#FFF; font-weight:bold; font-size:13px; }
				body.about.job div.app_content ul.job_positions ul.criteria, body.about.job div.app_content ul.email { line-height:24px; margin:10px 0 0 20px;  list-style:circle;}
				 body.about.job div.app_content ul.email { font-size:13px; padding-bottom:20px; }
				body.about.job div.app_content ul.job_positions p { margin:10px 0 0 0; text-indent:10px;}
				
			/* _find_us*/
			body.about.contact div.app_content h2.wholesale_shop {  margin:20px 0 0 0;}
			body.about.contact div.app_content div.contact_map { height:600px; margin:20px 0 0 0;  }
				body.about.contact div.app_content div.contact_map img { display:block; border:1px solid #222; }
				
			/* _links*/
			body.about.links div.app_content ul.website_list li.item { width:455px; height:250px; text-align:center; }
				body.about.links div.app_content ul.website_list li.item  div.thumb { height:190px;}
					body.about.links div.app_content ul.website_list li.item  div.thumb img {display:block; margin:0 auto; border:1px solid #222; }
				body.about.links div.app_content ul.website_list li.item div.data { height:30px; line-height:30px; font-size:13px;}
				
			/* _events*/
			body.about.event div.app_content div#event_slideshow { width:920px; min-height:611px; margin:20px 0;}
		
		/* _product*/
		
			/*_product*/
			
			body.product div.app_content ul.horizontal_tab { width:835px; height:40px; padding:0 35px 0 0; margin:20px auto 0 auto; border-bottom:1px solid #1B1B1B; }
				body.product div.app_content ul.horizontal_tab li { height:40px; line-height:40px; display:block; float:left;}
				body.product div.app_content ul.horizontal_tab li a { display:block; padding:0 30px 0 30px; font-size:14px; font-weight:bold;}
				body.product div.app_content ul.horizontal_tab li a:hover { text-decoration:underline;}
				body.product div.app_content ul.horizontal_tab li a.active { background:url(../image/common/horizontal_tab_li_a_active_bg.png) repeat-x top left; color:#BBB;}
				body.product div.app_content ul.horizontal_tab li a.active:hover { text-decoration:none;}
				
			body.product div.app_content div.browser_container { padding-bottom:50px; position:relative; z-index:1; }
				body.product div.app_content div.browser_container div.page_container { width:870px; height:1238px; margin:0 auto 0 auto; position:relative; z-index:1; overflow:hidden; background:#151515; border-right:4px solid #202020; border-bottom:4px solid #202020; border-left:4px solid #2B2B2B; border-top:4px solid #2B2B2B;}
					body.product div.app_content div.browser_container div.page_container img { width:870px; }
					
				body.product div.app_content div.browser_container div.control { width:34px; height:1238px; position:absolute; z-index:5; top:75px; }
				
					body.product div.app_content div.browser_container div.control a { height:672 px; display:block; padding:565px 0 0 0;}
						body.product div.app_content div.browser_container div.control a span { height:77px; display:block; text-indent:-9999px;}
					body.product div.app_content div.browser_container div.control.prev { left:23px;  }
						body.product div.app_content div.browser_container div.control.prev a span { background:url(../image/catalog/browser_button.png) no-repeat 0 0; }
						body.product div.app_content div.browser_container div.control.prev a:hover span, 
						body.product div.app_content div.browser_container div.control.prev a.active span{ background:url(../image/catalog/browser_button.png) no-repeat 0 -77px; }
					body.product div.app_content div.browser_container div.control.next { right:23px; }
						body.product div.app_content div.browser_container div.control.next a span { background:url(../image/catalog/browser_button.png) no-repeat -34px 0; }
						body.product div.app_content div.browser_container div.control.next a:hover span, 
						body.product div.app_content div.browser_container div.control.next a.active span{ background:url(../image/catalog/browser_button.png) no-repeat -34px -77px; }
						
				body.product div.app_content div.browser_container div.thumb_page { width:150px; height:214px; padding:10px; position:absolute; z-index:4; top:400px; -webkit-border-radius:0; -moz-border-radius: 0px;  background: url(../image/catalog/thumb_bg.png) no-repeat 0 0; }
					body.product div.app_content div.browser_container div.thumb_page.prev { left:-20px; }
					body.product div.app_content div.browser_container div.thumb_page.next { left:765px; }
					body.product div.app_content div.browser_container div.thumb_page div.thumb_image { width:150px; height:214px; background:url(../image/common/loading_white.gif) no-repeat center center; }
					body.product div.app_content div.browser_container div.thumb_page div.thumb_image img { width:150px; height:214px; display: block; }
					  
				body.product div.app_content div.browser_container div.control.page { width:870px; height:30px; line-height:30px; margin:30px auto 30px auto;  position:static; font-size:13px; color:#474F55; }
				body.product div.app_content div.browser_container div.control.page fieldset { clear:none;}
				body.product div.app_content div.browser_container div.control.page fieldset.focused { background:#0C0C0C;}
					body.product div.app_content div.browser_container div.control.page label,
					body.product div.app_content div.browser_container div.control.page input,
					body.product div.app_content div.browser_container div.control.page select { width:auto; float:left; clear:none; text-transform:none;}
					body.product div.app_content div.browser_container div.control.page label { margin:0 5px 0 0; color:#474F55; text-indent:0; font-weight:bold;}
					body.product div.app_content div.browser_container div.control.page input.go { width:40px; margin:0 10px 0 0; padding:4px 10px 4px 10px; color:#888; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; }
						body.product div.app_content div.browser_container div.control.page input.go:hover { color:#EEE; border:1px solid #999;}
					body.product div.app_content div.browser_container div.control.page fieldset.categories { width:350px;}	
						body.product div.app_content div.browser_container div.control.page fieldset.categories select { width:300px; padding:3px 2px 3px 2px; margin-left:0; }
						
					body.product div.app_content div.browser_container div.control.page fieldset.page {width:200px;}
					body.product div.app_content div.browser_container div.control.page fieldset.page span { width:90px; float:right; text-align:right; display:block; text-indent:8px; font-size:14px; font-weight:bold; border-left:1px solid #444;  }
					body.product div.app_content div.browser_container div.control.page fieldset.page input.page { width:30px; padding:4px 2px 4px 2px; text-align:center; vertical-align:middle;}
					
				body.product div.app_content div.browser_container div.loading { width:870px; height:1238px; position:absolute; z-index:3; top:63px; left:24px; background:url(../image/common/loading_bg.png) repeat;  }
					body.product div.app_content div.browser_container div.loading span { width:870px; height:1238px; display:block; background:url(../image/common/loading_white.gif) no-repeat center center;}
			
			/* _product information*/
			body.product.information div.app_content hr { clear:both; overflow:hidden; margin-top:30px;}
			body.product.information div.app_content div.report_msg {font-size:13px; text-transform:none;}
			body.product.information div.app_content div.cat_illustration_container { background:#000; padding:10px 0 10px 0;  margin:20px 0 20px 0; border:1px solid #222;}
				body.product.information div.app_content img.cat_illustration { display:block; margin:0 auto 0 auto;}
			body.product.information div.size_information_container { overflow:hidden; clear:both;}
				body.product.information div.size_information_container div.report_msg { width:630px; margin:10px 0 0 30px;}
				body.product.information div.size_information_container div.chart_container { width:630px; background:#000; margin:10px 0 10px 30px; padding:30px 0 30px 0; border:1px solid #222;}
					body.product.information div.size_information_container img { display:block; margin:0 auto 0 auto;}
				body.product.information div.size_information_container table caption { font-size:13px; font-weight:bold; margin:10px 0 10px 0;}
					body.product.information div.size_information_container table.length { margin:0 80px 0 130px;}
					body.product.information div.size_information_container table.ball_size { margin:0 0 0 20px;}
			body.product.information table.view_list { width:auto; text-align:center;}
			
			/* _material information*/
			body.product.material div.app_content dl { margin:20px 0 0 0; overflow:hidden; clear:both;}
				body.product.material div.app_content dl dt { width:200px; padding:10px 0 0 0; display:block; float:left; font-weight:bold; color:999; font-size:14px; line-height:28px; border-top:1px solid #333; }
					body.product.material div.app_content dl dt p { font-weight:bold; color:#999; font-size:13px; line-height:26px;}
					body.product.material div.app_content dl dt a { display:block; font-size:12px; margin:0 0 20px 0;}
				body.product.material div.app_content dl dd { width:710px; padding:10px 0 0 0; display:block; float:left; margin:0 0 20px 0; border-top:1px solid #333; }
			body.product.material div.app_content dd ul { line-height:26px; font-size:14px; list-style:circle; margin:0 0 20px 20px;}
			
			/* _history*/
			body.product.history div.app_content hr { clear:both; overflow:hidden; margin:30px 0 30px 0;}
			body.product.history div.app_content div.img_container { width:auto; padding:5px; border:1px solid #222; background:#000;}
			body.product.history div.app_content div.img_container.left { margin:5px 20px 20px 0;}
			body.product.history div.app_content div.img_container.right { margin:5px 0 20px 20px;}
				body.product.history div.app_content div.img_container img { display:block;}
			body.product.history div.app_content p.left {  float:left; clear:none;}
			body.product.history div.app_content p.medium { width:670px;}
			body.product.history div.app_content p.large { width:745px;}
			body.product.history div.app_content p.xlarge { width:800px;}
			
			/* _history*/
			body.product.video div.app_content ul.video_list { padding:10px 0 0 0;} 
				body.product.video div.app_content ul.video_list li { width:290px; overflow:hidden; display:block; float:left; margin:0 20px 30px 0; }	
					body.product.video div.app_content ul.video_list li.last_per_line { margin-right:0;}
					body.product.video div.app_content ul.video_list li div.title { height:40px; line-height:30px; font-size:13px; }	
					body.product.video div.app_content ul.video_list li div.title span { height:20xp; padding:2px 8px; margin:10px 5px 10px 0; line-height: 20px; font-size: 11px; color:#FFF; font-weight: bold; font-family:Arial, Helvetica, sans-serif; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;   }
						body.product.video div.app_content ul.video_list li div.title span.howto { background-color: #0CF;}
						body.product.video div.app_content ul.video_list li div.title span.info{ background-color:#33CC00;}
						body.product.video div.app_content ul.video_list li div.title span.promo{ background-color:#FF66FF;}
				
		/* _order*/
		
			/* _how order*/
			body.order div.app_content ol.order_process { list-style:decimal; list-style-position:inside; margin:10px 0 20px 0; font-size:13px; font-weight:bold;}
				body.order div.app_content ol.order_process p.title { font-size:13px; font-weight:bold; display:inline; clear:none; }
					body.order div.app_content ol.order_process ul { font-weight:normal; list-style:circle; margin:0 0 0 40px;  }
					
			/* _order sheets*/
			body.order.sheets div.app_content ul { font-size:13px; font-weight:normal; list-style:circle; margin:0 0 20px 20px;  }
			body.order.sheets div.app_content p.download_automated { overflow:hidden;}
			  body.order.sheets div.app_content p.download_automated a { float:left; margin-right: 10px; position:relative; z-index: 1; }
			  	body.order.sheets div.app_content p.download_automated a img { position:position; z-index: 1;}
			  	body.order.sheets div.app_content p.download_automated a span.version { width:80px; height:20px; display: block; position: absolute;  z-index: 5; top:27px; left:80px; font-size: 10px; }
			  body.order.sheets div.app_content p.download_automated span { height:65px; display:block; float:left; line-height:65px; padding:0 0 0 10px; }
				  body.order.sheets div.app_content p.download_automated span a { float:none; display:inline;}
				  
			/* _track*/
			body.order.track ul.provider_list { width:100%; height:40px; margin:20px 0 0 0; border-bottom:1px solid #181818; }
				body.order.track ul.provider_list li { height:39px; display:block; float:left; line-height:42px; letter-spacing:1px; font-weight:bold; }
					body.order.track ul.provider_list li a { display:block; padding:0 50px 0 50px; font-size:16px;  }
					body.order.track ul.provider_list li a.active { background:#0C0C0C; border:1px solid #181818; border-bottom:none;}
				
			body.order.track fieldset.field,
			body.order.track fieldset.field.focused{ height:40px; margin:40px 0 30px 0; padding:5px; background:url(../image/order/track_bg.png) no-repeat left;}
				body.order.track fieldset.field input[type=text] { width:345px; display:block; float:left; clear:none; font-size:18px; padding:8px 0 8px 5px; margin:0 5px 0 0; background:none; border:none; }
				body.order.track fieldset.field input[type=text].error { border:1px solid #F30; }
				body.order.track fieldset.field input[type=submit] { width:112px; display:block; float:left; padding:10px 0 8px 0; margin:0; color:#B2B2B2; }
				body.order.track fieldset.field input[type=submit]:hover { color:#EEE; border:1px solid #999;}
				body.order.track fieldset.field span { width:120px; height:40px; display:block; float:left; visibility:hidden; }
				 
			body.order.track div.shipperCard { width:100%; overflow:hidden; margin:0 0 40px 0; padding:10px 0 0 0; position:relative;}
			
				body.order.track div.shipperCard div.header { height:40px; overflow:hidden; color:#666; background:url(../image/order/shipper_card_header_bg.png) repeat-x; border-top:1px solid #131313; border-bottom:1px solid #1E1E1E; position:relative; z-index:1;}
					body.order.track div.shipperCard div.header div { height:40px;}
					body.order.track div.shipperCard div.header div.data { width:500px; float:left; font-size:14px; line-height:40px; text-indent:10px;}
						body.order.track div.shipperCard div.header div.data span { color:#BBB; font-weight:bold; padding-left:5px;}
					body.order.track div.shipperCard div.header div.status { width:300px; height:26px; padding:5px 0 5px 0; float:right; position:relative;}
						body.order.track div.shipperCard div.header div.status span { width:auto; height:26px; line-height:26px; display:inline; padding:0 30px 0 30px; font-size:16px; font-weight:bold; color:#000; text-transform:uppercase; position:absolute; right:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
						body.order.track div.shipperCard div.header div.status span.success { background:#008A2D; border:none; }
						body.order.track div.shipperCard div.header div.status span.waiting { background:#CAA205;}
			
				body.order.track div.shipperCard div.content { height:175px; overflow:hidden;  position:relative; z-index:1; background:url(../image/order/shipper_card_content_bg.png) repeat-x; border-bottom:1px solid #0F0F0F;}
					body.order.track div.shipperCard div.content div.ship,
					body.order.track div.shipperCard div.content div.delivery { width:450px; height:175px; float:left; overflow:hidden;}
					body.order.track div.shipperCard div.content dl dt,
					body.order.track div.shipperCard div.content dl dd { height:40px; line-height:40px; font-size:13px; float:left;  }
					body.order.track div.shipperCard div.content dl dt { clear:left;}
					body.order.track div.shipperCard div.content div.ship dt,
					body.order.track div.shipperCard div.content dd { text-indent:10px;}
					body.order.track div.shipperCard div.content dd { color:#999; text-transform:uppercase;}
					
				body.order.track div.shipperCard div.footer { width:920px; height:100px; position:absolute; z-index:2; bottom:0; right:0;}
					body.order.track div.shipperCard div.footer p { font-size:12px; color:#333; position:absolute; z-index:3; bottom:0; }
						body.order.track div.shipperCard div.footer.ups p { right:85px; }
					body.order.track div.shipperCard div.footer a { position:absolute; z-index:2; bottom:10px; right:10px;}
					body.order.track div.shipperCard div.footer.ups a { width:64px; height:76px; background:url(../image/order/ups_logo.png) no-repeat 0 0;}
						body.order.track div.shipperCard div.footer.ups a span { display:block; text-indent:-9999px;}
									
		/* _faq*/
		body.faq div.app_content ul { font-size:13px; font-weight:normal; list-style:circle; margin:20px 0 30px 15px; }
			body.faq div.app_content ul li { clear:both;}
				body.faq div.app_content ul li a.question.active { padding:3px 5px 3px 5px; color:#000; background:#FF9;}
			body.faq div.app_content ul li div.answer { margin:20px 0 0 0; color:#999;}
				body.faq div.app_content ul li div.answer a.close_answer { font-size:10px;}
			body.faq div.app_content ul li img { margin:20px 0 0 0; border:1px solid #222;}
			body.faq div.app_content ul ul { list-style:none; margin:0; border:none;  }
				body.faq div.app_content ul ul.catalog li { width:450px; height:230px; display:block; float:left; clear:none; font-size:11px; line-height:30px; color:#444;}
			
			body.faq div.app_content ul dl { margin:0 0 10px 0; overflow:hidden;}
				body.faq div.app_content ul dl dt { width:100px; display:block; float:left; margin:0 0 10px 0; font-weight:bold; color:999; }
				body.faq div.app_content ul dl dd { width:780px; display:block; float:left; margin:0 0 10px 0; }	
				
		/* _announcement*/		
		body.announcement div.app_content h3 { margin-bottom: 10px;}
		body.announcement div.app_content ul { line-height: 30px; font-size:13px; font-weight:normal; list-style:circle; margin:0 0 20px 20px;  }
		body.announcement div.app_content ul.no_margin { margin-bottom: 5px;}
		body.announcement div.app_content p.red_highlight { margin-bottom: 0; color: #F00;}
		
		body.announcement div.app_content dl { width:940px; line-height: 30px; overflow: hidden; clear: both; font-size:13px; font-weight:normal; list-style:circle; margin:0 0 20px 0;}
			body.announcement div.app_content dl dt { width:150px; display: block; float: left; font-weight: bold;  }
				body.announcement div.app_content dl dt a { border-bottom: 1px solid #666;}
				body.announcement div.app_content dl dt a:hover { color: #FFF; border-bottom: 1px solid #FFF;}
			body.announcement div.app_content dl dd { width:700px; display: block; float: left;}
			
		body.announcement div.app_content table { text-indent: 8px; line-height: 30px; overflow: hidden; clear: both; font-size:13px; font-weight:normal; margin:0 0 20px 0;}
			body.announcement div.app_content table thead { text-align: left; color:#999;}
			body.announcement div.app_content table th { border-bottom:1px solid #444;}
			body.announcement div.app_content table tr, body.announcement div.app_content table td { border-bottom:1px solid #444;}
			
		body.announcement div.app_content table.material { width: 700px;}
			
		body.announcement div.app_content table.discontinued_items { width: 700px;}
		
		
		/* _login */
		body.login div.app_content { padding-top:150px;}
		body.login div.app_content div.login_container { width:350px; margin:0 auto; padding:10px 20px; overflow:hidden;  background:#151515; -moz-border-radius:5px; -webkit-border-radius:5px; }
			body.login div.app_content div.login_container div.report_msg {width:322px; margin:0 10px 0 10px;}
			body.login div.app_content div.login_container fieldset.field label,
			body.login div.app_content div.login_container fieldset.field input { width:320px; }
			body.login div.app_content div.login_container fieldset.field input { margin-bottom:10px;}
			body.login div.app_content div.login_container fieldset.action { margin-bottom:10px;}
			
			/*form focus*/
			body.login div.app_content fieldset.focused { background:#151515;}
			body.login div.app_content fieldset input { text-transform:none;}
		
		/*_APP PAGE*/	
		
		/* _newsletter*/
		body.app.newsletter div.app_content fieldset.field select { width:200px;}
		body.app.newsletter div.app_content fieldset.field input { width:670px;}
		body.app.newsletter div.app_content fieldset.field textarea { width:890px; height:300px; min-height:300px; margin-bottom:20px; overflow-x:hidden; }
		body.app.newsletter div.app_content fieldset#emailSubject input { width:50px;}
		body.app.newsletter div.app_content fieldset#emailMessage p { width:100%; height:30px; padding:0 0 0 10px; margin:5px 0 0 0; overflow:hidden; font-size:13px; line-height:30px; }
			body.app.newsletter div.app_content fieldset#emailMessage p a { padding:0 30px 0 30px; display:block; float:left; }
			body.app.newsletter div.app_content fieldset#emailMessage p a.code { background:#202020; color:#999; border-top:1px solid #2B2B2B; border-right:1px solid #202020; border-bottom:1px solid #202020; border-left:1px solid #2B2B2B; }
		
	/*-------------------*/
	/* _sidebar_content  */
	/*-------------------*/	
	
	ul.thumb_list li.item { width:100%; display:block; margin:0 0 10px 0;}
		ul.thumb_list li.item img { display:block; margin:0 auto;}
	
		/* _about*/
		
			/* _job*/
			body.about.job div.sidebar_content { border:none;}

/*-----------------------------------------------------------------------------*/
/* _app_footeer                                                                */
/*-----------------------------------------------------------------------------*/

div.app_footer div.address, div.app_footer ul.sitemap_short { margin:40px 0 0 0;}

	/* _div copyright */	
	div.app_footer div.address { width:320px; height:150px; color:#464646; }
		div.app_footer div.address a.has_underline { color:#454545; border-bottom:1px solid #454545;}
		div.app_footer div.address a.has_underline:hover { border:none;}
		div.app_footer div.address p { font-size:11px; line-height:14px;  }
		div.app_footer div.address p.name { height:33px; font-size:12px; line-height:30px; font-weight:bold;  }
		div.app_footer div.address p.phone { height:28px; line-height:25px;}

	/* _ul sitemap_short */
	div.app_footer ul.sitemap_short { width:580px; margin-left:20px; color:#5B5B5B; }
		div.app_footer ul.sitemap_short li.main { width:150px; height:150px; display:block; }
		div.app_footer ul.sitemap_short li.main a.main, 
		div.app_footer ul.sitemap_short li.main p.main { line-height:30px; font-size:12px; font-weight:bold;}
		div.app_footer ul.sitemap_short li.main ul.top_level a.main { line-height:26px; color:#5B5B5B;}
		div.app_footer ul.sitemap_short ul.sub { font-size:11px; line-height:19px;}
		div.app_footer ul.sitemap_short li#home { width:124px; height:120px; text-indent:15px; border-left:1px solid #333;}
		
	/* _div.copyright */
	div.app_footer div.copyright  { width:800px; height:30px; line-height:30px; clear:both; color:#464646; }
	
/*-----------------------------------------------------------------------------*/
/* _Plugin                                                                */
/*-----------------------------------------------------------------------------*/

/* Tooltip */
.tipsy { padding: 5px; font-size: 13px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image:url(../image/common/tipsy.png); }
.tipsy-inner { padding:10px 16px 8px 16px; background-color:#171717; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/* Slideshow */
div.orbit { width: 1px; height: 1px; overflow: hidden; position: relative; -moz-box-shadow: 0 0 10px rgba(255,255,255,.25); -webkit-box-shadow: 0 0 10px rgba(255,255,255,.25); background: url('../image/about/event/slideshow/loading.gif') no-repeat center center;  margin:0 auto; }
div.orbit img { position: absolute; top: 0; left: 0; }

/* TIMER */
div.orbit div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right:10px; opacity: .6; cursor: pointer; z-index: 1000; }
div.orbit span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../image/about/event/slideshow/rotator-black.png') no-repeat; z-index: 3; }
div.orbit span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
div.orbit span.rotator.move { left: 0; }
div.orbit span.mask.move { width: 40px; left: 0; background: url('../image/about/event/slideshow/timer-black.png') repeat 0px 0px;  }
div.orbit span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('../image/about/event/slideshow/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.orbit div.timer:hover span.pause,
div.orbit span.pause.active, 
div.orbit div.timer:hover span.pause.active { opacity: 1; }

/* CAPTIONS */
div.orbit div.caption { background: rgba(0,0,0,.6); width: 100%; z-index: 1000; position: absolute; bottom:-50px; color: #fff; }
div.orbit div.caption p { padding: 8px 10px 8px; font-size: 13px; text-shadow: 0px 1px 0px rgba(0,0,0,.8); margin: 0; }

/* DIRECTIONAL NAV */
div.orbit:hover div.slider-nav { display: block; }
div.orbit div.slider-nav { display: none; }
div.orbit div.slider-nav span { width: 34px; height: 77px; text-indent: -9999px; position: absolute; z-index: 1000; top: 267px; cursor: pointer; }
div.orbit div.slider-nav span.right { background: url('../image/about/event/slideshow/right-arrow.png'); right: 0; }
div.orbit div.slider-nav span.left { background: url('../image/about/event/slideshow/left-arrow.png'); left: 0; }