/* CSS Document */

body {
	background: #82b7d9 url('../gfx/bg_body.gif') top left repeat-x;
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 75%;
	color: #2f404a;
	font-family:Arial, Helvetica, sans-serif;
}

body.size1 {	font-size: 75% !important; }
body.size2 {	font-size: 85% !important; }
body.size3 { 	font-size: 100% !important; }


A.size1 { font-size: 11px !important; }
A.size2 { font-size: 14px !important; }
A.size3 { font-size: 17px !important; }

input.txt {
	border: 1px #b0bcc8 solid;
	color: #627d8d;
	padding: 2px;
}

select.txt {
	border: 1px #b0bcc8 solid;
	color: #627d8d;
	padding: 2px;
}


div.hr { padding: 0px; margin: 12px 0; height: 6px; background: transparent url('../gfx/bg_hr.gif') top left repeat-x; clear: both;}
hr { display: none; visibility: none; }

h1 { padding: 15px 0 15px 0; margin: 0; color: #0075bf; font-size: 2.6em; font-weight: normal;}
h2 { padding: 10px 0 10px 0; margin: 0; color: #68a1c5;  font-size: 2.6em; font-weight: normal;}

.bigHeading { color:#0073BC;font-size:1.4em; }

img { border: 0; }

form { padding: 0; margin: 0; }

a.arrowlink { background: #fff url('../gfx/bg_arrowlink.gif') 0 0.2em no-repeat; padding: 0 0 0 16px; }

#header {
	width /**/: 930px;
	width: 900px !important;
	margin: 0 auto;
	padding: 0 15px;
}

	#header_container { position: relative; width: 100%; }
	
	#logo {
		padding-top: 25px;
		width: 430px;
		height /**/: 118px;
		height: 102px !important;
		float: left;
		margin-bottom: 8px;
	}

	
	#headerlinks {
		width /**/: 470px;
		width: 310px !important;
		height /**/: 52px;
		height: 42px !important;
		float: right;
		background: transparent url('../gfx/bg_headerlinks.gif') top right no-repeat;
		padding: 10px 0 0 160px;
	}
	
		#headerlinks ul {
			margin: 0;
			padding: 0;
			float: left;
		}
		
		#headerlinks ul li {
			list-style: none;
			float: left;
			background: transparent url('../gfx/divider_links.gif') right top no-repeat;
			padding-right: 12px;
			margin-right: 12px;
			display: inline;
		}
		
		#headerlinks ul li.last {
			background: none !important;
			padding-right: 0 !important;
			margin-right: 0 !important;
		}
		
		#headerlinks ul li a {
			color: #fff;
			text-decoration:none;
		}
		
		#headerlinks ul li a:hover {
			text-decoration:underline;
		}
	
	#login {
		width: 470px;
		float: left;
		height /**/: 69px;
		height: 59px !important;
		margin-bottom: 10px;
		background: #fff url('../gfx/bg_login.gif') top left no-repeat;
	}
	
	
		#login fieldset, #loginbar fieldset {
			border: none;
		}
		
		#login legend, #loginbar legend {
			color: #0074bd;
			font-size: 1.1em;
			font-weight: bold;
			padding: 0 0 0 12px;
		}
		
		#login table {
			margin: 2px 4px 4px 4px;
			width: 440px;
		}		
		#login .txt {
			border: 1px #b0bcc8 solid;
			color: #627d8d;
			padding: 2px;
			width: 130px;
		}
		
		#login td.border {
			background: #fff url('../gfx/bg_logintd.gif') right 0.1em no-repeat;
			padding-right: 5px;
		}
	/* ______________________ */
	#tabmenu 
	{
		width: 718px;
		height: 72px;
		background: transparent url('../gfx/tabmenu_bg.png') top left no-repeat;
		position: absolute;
		right: 0;
		top: 32px;
	}
	
		#tabmenu_title {
			padding: 0;
			margin: 0;
		}
		
		#tabmenu_title li {
			list-style: none;
			display: inline;
			float: left;
			margin: 3px 0 0 0;
		}
		
		#tabmenu_title li a
		{
			height /**/: 25px;
			height: 25px !important;
			color: #fff;
			text-decoration: none;
			display: block;
			background: transparent url('../gfx/tabmenu_tab.png') 4px 0 repeat-x;
			font-weight: bold;
			font-size: 14px;
			outline: none;
		}
		
		#tabmenu_title li.first a
		{
			display: block;
			background: transparent url('../gfx/tabmenu_tab_first.png') 4px 0 no-repeat;
		}
		
		#tabmenu_title li a span {
			background: transparent url('../gfx/tabmenu_tab_sep.png') right top no-repeat;
			height /**/: 25px;
			height: 22px !important;
			padding: 3px 19px 0 16px;	
			display: block;
		}
		
		#tabmenu_title li.first a span {
			padding: 4px 19px 0 20px;	
		}
		
		#tabmenu_title li a:hover
		{
			background-position: 4px -25px !important;
		}
		
		#tabmenu_title li a.on
		{
			background-position: 4px -50px !important;
		}

		
		
			#tab1 {}
			#tab2 { display: none; }
			#tab3 { display: none; }
			
			.tabmenu_tab {
				height: 39px;
				width: 540px;
				float: left;				
			}
				.tabmenu_tab ul {
					padding: 0 0 0 8px;
					margin: 0;	
				}
				.tabmenu_tab li {
					list-style: none;
					display: inline;
					float: left;
					padding-top: 12px;
				}
				
					.tabmenu_tab li a { 
						color: #fff; 
						text-decoration:none; 
						background: transparent url('../gfx/tabmenu_tab_item_sep.png') right 4px no-repeat;
						padding: 0 12px 0 11px;
						font-weight: bold;
					}
					.tabmenu_tab li a:hover, .tabmenu_tab li a.on, #tabmenu_end a:hover, #tabmenu_end a.on{ color: #7bf3fe;}
					
					.tabmenu_tab li.last a {
						background: none;	
					}

			
			#tabmenu_end {
				width: 170px;
				float: right;
				margin-right: 4px;
				margin-top: -1px;
				background: transparent url('../gfx/tabmenu_tab_end.png') right top no-repeat;
			}
			
				#tabmenu_end ul {
					padding: 0;
					margin: 0;	
				}
				
				#tabmenu_end li {
					list-style: none;
					display: inline;
					float: left;
					height: 40px;
					font-weight: bold;
				}
				
				#tab_editpass { padding: 12px 0 0 12px;}
				#tab_logout { padding: 12px 0 0 22px;}
				
				#tabmenu_end li a { color: #fff; text-decoration:none; }
				#tabmenu_end li a:hover { color: #7bf3fe;}


	/* -------------------------------- */
	#loginbar {
		position: absolute;
		right: 0;
		top: 52px;
		clear: both;
		width: 720px;
		height : 69px;
		height: 59px !important;
		margin-bottom: 10px;
		display: none;
		/*background: #fff url('../gfx/bg_login.gif') top left no-repeat;*/
	}
	
		#loginbar ul {
			margin: 0;
			padding: 0;
			float: right;
		}
		
		#loginbar legend {
			margin: 0;
			padding: 0;
			
			width: 720px;
			text-align: center;
		}
		
		#loginbar ul li {
			display: inline;
			padding: 0;
			margin: 0;
			float: left;
			list-style: none;
/*			width: 110px;
*/		}
		
		#loginbar ul li a {
			background: #fff url('../gfx/bg_loginbar.gif') top right no-repeat;
			font-size: 0.9em;
/*			width: 110px;
*/			display: block;
			float: left;
			text-decoration:none;
			cursor: pointer;
		}
		
		#loginbar ul li a:hover {
			background: #fff url('../gfx/bg_loginbar_on.gif') top right no-repeat;
		}
		
		#loginbar ul li a.on:hover span {
			color: #fff !important;
		}
		
		#loginbar ul li a.on {
			background: #fff url('../gfx/bg_loginbar_on.gif') top right no-repeat;
		}
		
		#loginbar ul li.last a {
			background: #fff url('../gfx/bg_loginbar_right.gif') top right no-repeat;
			height: 30px;
/*			width: 110px;
*/			display: block;
			text-decoration:none;			
		}
		
		#loginbar ul li.last a:hover {
			background: #fff url('../gfx/bg_loginbar_right_on.gif') top right no-repeat;
		}
		
		#loginbar ul li.last a.on {
			background: #fff url('../gfx/bg_loginbar_right_on.gif') top right no-repeat;
		}	
		
		#loginbar ul li a span {
			color: #333333;
			height /**/: 30px;
			height: 24px !important;
/*			width: 110px;
*/			padding: 6px 5px 0;
			text-align: center;
			display: block;
			float: left;
			font-size: 1.1em;
		}
		
		#loginbar ul li a:hover span {
			color: #fff;
		}
		
		#loginbar ul li.first a span {
			background: transparent url('../gfx/bg_loginbar_left.gif') top left no-repeat;		
		}
	
		#loginbar ul li.first a:hover span {
			color: #fff  !important;
			background: transparent url('../gfx/bg_loginbar_left_on.gif') top left no-repeat;		
		}
		
		#loginbar ul li.first a.on span {
			color: #fff  !important;
			background: transparent url('../gfx/bg_loginbar_left_on.gif') top left no-repeat;		
		}
		/* -------------------------------- */		
		
		
		
	#topnavigation {
		width: 900px;
		height: 47px;
		height /**/: 35px !important;
		margin-top: 12px;
		background-color: #fff;
		clear: both;
	}
	
		#topnavigation ul {
			margin: 0;
			padding: 0;
		}
		
		#topnavigation ul li {
			list-style: none;
			float: left;
			display: inline;
			width: 150px;
		}
		
		#topnavigation ul li a {
			background: #fff url('../gfx/bg_topnav.gif') top right no-repeat;
			height: 35px;
			width: 150px;
			display: block;
			text-decoration:none;
			cursor: pointer;
		}
		
		#topnavigation ul li a:hover {
			background: #fff url('../gfx/bg_topnav_hover.gif') top right no-repeat;
		}
		
		#topnavigation ul li a.on:hover span {
			color: #fff !important;
		}
		
		#topnavigation ul li a.on {
			background: #fff url('../gfx/bg_topnav_on.gif') top right no-repeat;
		}
		
		#topnavigation ul li.last a {
			background: #fff url('../gfx/bg_topnav_right.gif') top right no-repeat;
			height: 35px;
			width: 150px;
			display: block;
			text-decoration:none;			
		}
		
		#topnavigation ul li.last a:hover {
			background: #fff url('../gfx/bg_topnav_right_hover.gif') top right no-repeat;
		}
		
		#topnavigation ul li.last a.on {
			background: #fff url('../gfx/bg_topnav_right_on.gif') top right no-repeat;
		}
		
		
		
		#topnavigation ul li a span {
			color: #fff;
			height /**/: 35px;
			height: 28px !important;
			width /**/: 150px;
			width: 150px !important;
			padding: 8px 0 0 0;
			text-align: center;
			display: block;
			font-size: 1.4em;
		}
		
		#topnavigation ul li.first a span {
			background: transparent url('../gfx/bg_topnav_left.gif') top left no-repeat;		
		}
	
		#topnavigation ul li.first a:hover span {
			background: transparent url('../gfx/bg_topnav_left_hover.gif') top left no-repeat;		
		}
		
		#topnavigation ul li.first a.on span {
			background: transparent url('../gfx/bg_topnav_left_on.gif') top left no-repeat;		
		}
		
#container {
	width /**/: 930px;
	width: 900px !important;
	padding: 0 15px 15px 15px;
	background-color: #fff;
	margin: 0 auto;
	clear: both;
}

	#selector_small {
		background-color: #0074bd;
		height: 150px;
		width: 900px;
		clear: both;
	}
	#selector_big {
		background-color: #0074bd;
		height: 350px;
		width: 900px;
		clear: both;
	}
	
	#selector_tabs {
		width: 900px;
		height: 60px;
	}
	
	#selector_tabs ul {
		margin: 0;
		padding: 0;	
	}
	
	#selector_tabs ul li {
		list-style: none;
		display: inline;
		float: left;
		width: 180px;
		height: 60px;
		padding: 0;
		margin: 0;
	}
	
		#selector_tabs ul li a {
			display: block;
			width: 115px;
			height: 36px;
			color: #fff;
			text-decoration:none;
			font-size: 1.5em;
			padding: 15px 0 0 65px;
			margin-top: 9px;
			outline:none;
		}
	
		#tab_architects a { background: #fff url('../gfx/tab_home1.gif') 0 0 no-repeat; }
		#tab_fabricators a { background: #fff url('../gfx/tab_home2.gif') 0 0 no-repeat; }
		#tab_installers a { background: #fff url('../gfx/tab_home3.gif') 0 0 no-repeat; }
		#tab_consumers a { background: #fff url('../gfx/tab_home4.gif') 0 0 no-repeat; }
		#tab_extrusion a { background: #fff url('../gfx/tab_home5.gif') 0 0 no-repeat; }
		
		#selector_tabs a:hover { color: #016baf; }	
		#selector_tabs a.on:hover { color: #fff; }	
		#selector_tabs a.on { background-position: 0 -51px; cursor:default; }
		
		/*
		#selector_1 { background: #fff url('../gfx/banners/banner_architects_1.jpg') top left no-repeat;  display: none;}
		#selector_2 { background: #fff url('../gfx/banners/banner_fabricators_1.jpg') top left no-repeat; display: none;}
		#selector_3 { background: #fff url('../gfx/banners/banner_installers_1.jpg') top left no-repeat; display: none;}
		#selector_4 { background: #fff url('../gfx/banners/banner_consumers_1.jpg') top left no-repeat; display: none;}*/
		
	#trail {
		width /**/: 900px;
		width: 875px !important;
		height /**/: 50px;
		height: 25px !important;
		margin: 15px 0 0 0;
		padding: 10px 0 0 25px;
		background: #fff url('../gfx/bg_trail.gif') top left no-repeat;
		color: #0075bf;
		clear: both;
	}
	.productSort{
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
	}
	
		#trail a {
			color: #0075bf; text-decoration:none;
		}
		#trail a:hover {
			color: #f60; text-decoration:none;
		}
		
		#trail img {
			padding: 0 6px 0 18px;
		}
		
	#inner_container {
		background: #fff url('../gfx/bg_innercontainer.gif') top left repeat-y;
		width: 900px;
		clear: both;
	}
	
	#inner_container_2 {
		background: #fff url('../gfx/bg_innercontainer2.gif') top left repeat-y;
		width: 900px;
		clear: both;
	}

		#menu {
			width: 210px;
			float: left;
		}
		#menutop {
			width: 195px;
			height:35px;
			line-height:35px;
			padding-left:15px;
			float: left;
			margin-bottom:10px;
			background:url("../gfx/menuTop.jpg");
		}
		
		#content {
			width /**/: 690px;
			width: 670px !important;
			padding: 0 0 0 20px;
			float: left;
		}
		.contentIndexOneTop {
			width /**/: 319px;
			width: 319px !important;
			/*background:#ccc;*/
			height:35px;
			color:#333333;
			line-height:38px;
			padding-left:15px;
			font-weight:bold;
			background:url("../gfx/index_about.jpg");
		}
		.contentIndexOneTop span{float:right;padding-right:10px;font-weight:normal}
		.contentIndexOneTop span a{color:#333333;text-decoration:none}
		.contentIndexOneTop span a:hover{color:#ff0000; text-decoration:none}
		.contentIndexOne {
			width /**/: 333px;
			width: 333px !important;
			padding: 0 0 0 0px;
			float: left;
			margin-left:10px;
			border-bottom:1px solid #ccc;
			height:230px;
			overflow:hidden;
		}
		.contentIndexOne .contents{		
		border:1px solid #ccc;
		line-height:20px;
		padding:0px 5px 0px 5px;
		}
		
		 .productbigclass {			
			width: 200px !important;
			height:400px;
			padding: 0 10px 0 10px;
			float: left;
		}
		.productbigclass dt, .productbigclass dl, .productbigclass dd{margin:0px;padding:0px; list-style:none}
		.productbigclass dl img{border:1px solid #CCCCCC}
		.productbigclass dd a {
			background-image: url(../gfx/index_r32_c17.jpg);
			background-position:10px 9px;
			font-size: 12px;
			color: #666666;
			text-decoration: none;
			font-family:Arial, Helvetica, sans-serif;
			background-repeat:no-repeat;
			padding-left:30px;
			height:26px;
			display:block;
			line-height:26px;
			text-align: left;
			font-weight: normal;	
		}
		
		.productbigclass dd a:active,.productbigclass dd a:hover {
			background-image: url(../gfx/greenli.jpg);
			background-position:11px 9px;
			font-size: 12px;
			color: #333333;
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			background-repeat:no-repeat;
			padding-left:30px;
			height:26px;
			display:block;
			line-height:26px;
			font-weight: normal;
			text-align: left;	
		}
		 .productlist {			
			width: 150px !important;
			height:140px;
			padding: 0 7px 0 7px;
			float: left;
		}
		.productlist dt, .productlist dl, .productlist dd{margin:0px;padding:0px; list-style:none}
		.productlist dl img{border:1px solid #CCCCCC}
		.productlist dd{text-align:center}
		.protitle{
			font-size:16px;color:red;text-align:center;height:35px;line-height:35px;
		}	
		.protitle a{
			font-size:16px;color:red;text-align:center;height:35px;line-height:35px;
		}
		
			#menu ul {
				padding: 0;
				margin: 0;
			}
			
			#menu ul li {
				display: block;
				padding: 0;
				margin: 0;
			}
			
			#menu ul li a {
				display: block;
				width /**/: 210px;
				width: 178px !important;
				padding:8px 15px;
				margin: 0;
				background: #d7dce1 url('../gfx/bg_menu1.gif') bottom left repeat-x;
				border-left: 1px #bcc2c9 solid;
				border-right: 1px #bcc2c9 solid;
				border-top: 1px #f2f4f5 solid;
				border-bottom: 1px #7c8186 solid;
				color: #2f404a;
				text-decoration: none;
			}
			
			#menu ul li a:hover {
				background: #c1c9d0 url('../gfx/bg_menu1_hover.gif') bottom left repeat-x;
			}
			
			#menu ul li a.on, #menu ul li a.on:hover {
				background: #0074be url('../gfx/bg_menu1_on.gif') top left repeat-x;
				border-left: 1px #0165a6 solid;
				border-right: 1px #0165a6 solid;
				border-top: 1px #237ab2 solid;
				border-bottom: 1px #005185 solid;
				color: #fff;
			}
			
			#menu ul li a span { 
				background: transparent url('../gfx/bg_menu1_arrow.gif') 0 0 no-repeat;
				padding: 0 0 0 18px;
				margin: 0;
			}
			#menu ul li a:hover span { background: transparent url('../gfx/bg_menu1_arrow_hover.gif') 0 0 no-repeat;}
			#menu ul li a.on span { background: transparent url('../gfx/bg_menu1_arrow_on.gif') 0 0.2em no-repeat;}
			
			#menu ul ul li {}
			#menu ul ul li a { 
				background: none !important;
				background-color: #fff !important;
				border: none !important;
				width /**/: 210px;
				width: 180px !important;
				padding:8px 15px;
				color: #2f404a;
			}
			#menu ul ul li a:hover { 
				background: none !important;
				background-color: #69a1c5 !important;
				color: #fff;
			}
			
			#menu ul ul li a.on { 
				background: none !important;
				background-color: #69a1c5 !important;
				color: #fff;
			}
			#menu ul ul li a span { background: transparent url('../gfx/bg_menu2_arrow.gif') 0.3em 0.2em no-repeat; }
			#menu ul ul li a:hover span { background: transparent url('../gfx/bg_menu2_arrow_hover.gif') 0.3em 0.2em no-repeat; }
			#menu ul ul li a.on span { background: transparent url('../gfx/bg_menu2_arrow_on.gif') 0.2em 0.4em no-repeat; }
			
	#content p {
		line-height: 1.4em;
	}
	
	#content a {
		color: #0075bf;
		text-decoration: none;
	}
	
	#content a:hover, #content a:active {
		color: #e51b24;
	}
	
	#leftcol { width /**/: 460px; width: 440px !important; float: left; padding-right: 20px;}
	#rightcol  { width: 210px; float: left;}
	
	#rightcol h3 {
		background: #d8dde2 url('../gfx/bg_panelh3.gif') top left no-repeat;
		width /**/: 210px;
		width: 192px !important;
		height /**/: 30px;
		height: 24px !important;
		color: #fff;
		margin: 0;
		font-size: 1.2em;
		padding: 6px 0 0 18px;
	}
	
	#rightcol ul {
		 margin: 18px;
		 padding: 0;
	}
	
	#rightcol li {
		background: #d8dde2 url('../gfx/bg_panelside_li.gif') 0 0.3em no-repeat;
		list-style: none;
		padding: 0 0 4px 18px;
	}
	
	#rightcol fieldset {
		padding: 18px;
		border: none;
	}
	
		.panel_inner {
			padding: 0 18px 18px 18px;
		}
	
	.newstextbox { width: 106px; float: left;}
	#txtnewsSearch { width: 102px; }
	.newssubmitbutton { width /**/: 50px; width: 44px !important; float: left; padding-top: 1px; padding-left: 6px;}


#footer {
	width: 930px;
	margin: 0 auto;
	background: #006eb3 url('../gfx/bg_footer.gif') bottom left no-repeat;
}	

	#sitemap_function {
		width /**/: 930px;
		width: 160px !important;
		height /**/: 48px;
		height: 40px !important;
		padding: 8px 0 0 770px;
		cursor: pointer;
	}
	
		#sitemap_function span {
			color: #fff; 
			font-size: 1.4em;
		}
	
	#sitemap_function.closed {
		background: #fff url('../gfx/sitemap_open.gif') top left no-repeat;
	}
	
	#sitemap_function.open {
		background: #fff url('../gfx/sitemap_closed.gif') top left no-repeat;
	}
	
	#sitemap_content {
		background: #fff url('../gfx/sitemap_base.gif') bottom left no-repeat;
		padding: 0 0 30px 0;
		margin: 0;
		display: none;
	}
	
		#sitemap_content h2 {
			padding: 18px 30px 10px 30px;
			margin: 0 0 15px 0;
			color: #0074be;
			font-size: 1.5em;
			border-bottom: 1px #8dbddc solid;
		}
		
		#sitemap_content h3 {
			padding: 18px 30px 10px 30px; margin: 0; color: #68a1c5;  font-size: 1.4em; font-weight: normal;
		}
		
		#sitemap_content ul {
			margin: 0;
			padding: 0 30px;
		}	
		
		#sitemap_content ul li {
			list-style: none;
			padding: 0 0 15px 0;
		}
		
		#sitemap_content ul li a {
			color: #97a1a9;
			font-weight: bold;
			text-decoration:none;
			
		}
		
		#sitemap_content ul li a:hover {
			text-decoration: underline;
			color: #e41b24;
		}
		
		#sitemap_content ul ul {
			padding: 15px 0 0 30px;
		}
		
		#sitemap_content ul ul li {
			padding: 0 0 6px 0;
		}
		
		#sitemap_content ul ul li a {
			font-weight: normal;
		}
		
			.sitemap_column {
				width: 300px;
				float: left;	
			}
	
	#footer_links ul {
		padding: 0 0 0 15px;
		margin: 0;
		clear: both;
		display: block;
		width /**/: 930px;
		width: 915px !important;
	}
	
	#footer_links ul li {
		list-style: none;
		display: inline; float: left;
	}
	
	#footer_links ul li a {
		color: #fff;
		text-decoration:none;
		background: transparent url('../gfx/divider_links.gif') right top no-repeat;
		padding: 0 12px 0 0;
		margin: 0 12px 0 0;
	}
	
	#footer_links ul li a:hover {		
		text-decoration: underline;
	}
	
	#footer_links ul li.last a {		
		background: none;
		padding: 0;
		margin: 0;
	}
	
	#footer p.copyright {
		color: #fff;
		padding: 8px 0 13px 15px;
		margin: 0;
		font-weight: bold;
		display: inline;
		float: left;
		clear: left;
	}
	
	#footer #fivesite {
		float: right;
		display: inline;
		padding: 0 15px 0 0;
	}
	
/** Helper Classes **/
.right { float: right; }
.hidden { display: none; visibility: hidden; }
.noBorder { border: none; }
.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}
.printOnly { display: none; visibility: hidden; }
.pro-list{margin-top:10px;}
.pro-list .profld{ margin:0px; position:relative; overflow:hidden;}
.pro-list ol{ position: absolute; width: 2012em; }
.pro-list li{float:left; display:inline; zoom:1; overflow:hidden; text-align:center;}
.pro-list li a.img{ display:block; text-align:center; font-size:0px;}
.pro-list li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.pro-list .flip{ position:absolute;z-index:1;}
#trigger{ display:none;}
.pro-list .next,.pro-list .prev{ width:12px; height:20px; overflow:hidden; display:block;background:url(../p-arrow.jpg) no-repeat; cursor:pointer;}
.pro-list .next{background-position:0px 0px; position:absolute;top:70px; left:380px;}
.pro-list .next:hover{background-position:0px -20px; }
.pro-list .prev{background-position:-12px 0px;position:absolute;top:70px;left:4px;}
.pro-list .prev:hover{ background-position:-12px -20px;}
.pro-ccc{ padding:12px 18px;}