/* Reset */

html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }


/* Global */

html 	{	}
body	{ 
	background-image: url(/images/bg4.gif);background-repeat:repeat-y;
	background-color: rgb(194,203,201);
}



/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



/* Text Elements */

p           	{ color:#000; font-size:12px; line-height:150%;
				  margin-bottom: 5px;  }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
em		      	{ font-style: italic; }

/* Images */



/* Lists */

ul          	{  }
ol          	{ list-style-type:decimal; }

ul li		    { color:#000; font-size:12px; }
ol li	     	{ color:#000; font-size:12px; }

dl          	{  	}
dt       		{  	}
dd          	{ 	}



/* Tables */

table       	{ width:100%; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #ccc; }

tbody			{   }

th,td,caption 	{ 	}
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }



/* Miscellaneous  多分消す*/

sup, sub    	{ line-height: 0; }

abbr, acronym   { border-bottom: 1px dotted #666; }
address     	{ 	 }
del         	{ background:#FFCECE; color:#f00; }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;	}


/* Containers */

#outer 			{ width: 780px; margin:0 20px; background-color: #FFF; }

#wrapper 		{ width: 720px; margin:0 auto; background-color: #FFF; }

#logo		 	{ top: 36px; position:absolute;}


#searchbox 		{ float:right; margin-top: 69px; }

#searchwrapper {  width:254px; /*follow your image's size*/
				  height:24px;/*follow your image's size*/
				  background-image: url('../images/png/search-box.png');
				  background-repeat:no-repeat; /*important*/
				  padding:0px;
				  margin:0px;
				  position:relative; /*important*/
				  top:54px;
				  left:460px;
				  clear:both;
				  	}
 
#searchwrapper form { display:inline ; }
 
.searchbox 		{	border:0px; /*important*/
					background-color:transparent; /*important*/
					position:absolute; /*important*/
					top:2px;					
					width:210px;
					left:-4px;
					height:21px;
					padding:0px;
					}
 
.searchbox_submit {
					border:0px; /*important*/
					background-color:transparent; /*important*/
					position:absolute; /*important*/
					top:0px;
					left:210px;
					width:25px;
					height:23px;
						}

#topnav 			{  clear:both; margin-top: 70px;margin-bottom:0px;height:50px;}
#topnav  ul			{    }
#topnav  ul li		{ display:inline;  }
#topnav  ul	li a	{ float: left; }

#box-photos 		{ float:left; margin-top: 5px; }

#photo-heatsink		{ float:left; margin-top: 5px; margin-bottom:25px; }

#news	 			{ background-color:#0088c6;
					  width:343px;
					  height:230px;
					  float:left; 
					  margin-left:7px; 
					  margin-top: 5px;
					  position:relative; }
					  
#news-header		{ float:left; margin-top: 25px; margin-left:24px; }

#news-show-all      { float:right; margin-top: 32px; margin-right:13px; }

#news-area			{ float:left; margin:8px 26px; height:138px; overflow-y:auto; width: 300px; }

.news-date			{ color:#333132;font-size:12px; line-height:150%; padding-bottom: 0px; font-family: Arial, Helvetica, sans-serif;}
.news-title			{ color:#FFF;font-size:11px; line-height:150%; padding-bottom: 12px;font-family: Arial, Helvetica, sans-serif;}
.news-title a			{ color:#FFF;}



#heatsink-selection	{ clear:both; float:left; margin-top: 1px; width:286px; height:160px; }
#heatsink-selection .imgbtnb { float:left; top:790px; margin-left: 170px;}
#heatsink-selection .heatsink-selection-en { margin-left: 160px;}


#vertial-line-a		{ float:left;  top:700px; margin-right: 5px;  }

#footer 			{  clear:both; margin-top: 0px; margin-left:450px; position: absolute; top: 835px;}

#heatsink-search	{ float:left; margin-top: 2px; position:relative; width:400px;}

#vertial-line-b		{ position:absolute;left:210px; 
top:40px;}


#mm					{ position:absolute;top:147px;left:234px;font-size:10.5px; line-height: 120%; }


#horizontal-line-a	{ position:absolute;top:130px;left:230px; }

#horizontal-line-b	{ position:absolute;top:51px;left:23px; }

#heatsink-search .imgbtnb { position:absolute;top:172px;left:310px;}

.jspTrack { background:#0072BC;  }
.jspDrag { background:#3EA0D9; }
.jspVerticalBar {width:10px;}
.imgbtnb {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	background-color:#378de5; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 0px 0px #528ecc;
	cursor:pointer;
/*	behavior: url('/css/border-radius.htc'); */
	padding:4px 12px;font-size:12px;height:24px;
	width:100px;
}
.imgbtnb:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background-color:#378de5;
/*	behavior: url('/css/border-radius.htc'); */
}



a.sitemap			{  clear:both; color:#0008c6;}
a.sitemap:hover	{color: #272727;  }
				
				


#DIVINPWID,#DIVINPLEN,#DIVINPHEI {
	position:absolute;
	left:220px;
	width:200px;
	height:30px;
	margin:0px;
	}
#DIVINPWID {
		top:40px;
	}
#DIVINPLEN {
		top:70px;
	}
#DIVINPHEI {
		top:100px;
	}
#heatsink-search input[type="text"] {float:left;height:13px;width:30px;margin:1px 3px;}
.pl {float:left;width:40px;height:12px;margin:6px 0px 3px 6px;}
.pm {float:left;width:12px;height:12px;margin:6px 0px 3px 6px;}

		#DIVLOGIN {background:transparent;width:88px;height:53px;line-height:1.4em;margin-top:0px;position:absolute;
			top:90px;left:705px;
			background-repeat:no-repeat;
			color:transparent;
		}
		#DIVLOGIN:hover {
			background-repeat:no-repeat;
			color:transparent;
		}
		#DIVLOGIN span {color:#000;}
		#HDUSRNAME {color:#70b9e7!important;}
		#FORMDOLOGIN  {margin:1px 0px;padding:0px;}
		#FORMDOLOGOUT {margin:1px 0px;padding:0px;}
		#FORMUSRMENU  {margin:1px 0px;padding:0px;}

		#HDLOGIN {background-image:url('/images/nav/nav_07b.png');
		background-repeat:no-repeat;height:29px;display:block;padding-left:38px;vertical-align:middle;
		line-height:22px;margin-top:4px;
		}
		#HDLOGIN:hover {background-image:url('/images/nav/nav_ro_07b.png');}
		#HDLOGOUT {background-image:url('/images/iconlogouta13.png');background-repeat:no-repeat;padding-left:15px;}
		#HDUSRMENU {background-image:url('/images/iconmema13.png');background-repeat:no-repeat;padding-left:15px;}
		#HDUSRNAME {color:#70B9E7;}
		#HDLOGOUT:hover {background-image:url('/images/iconlogoutb13.png');
		background-repeat:no-repeat;padding-left:15px;background-color:#ccc;}
		#HDUSRMENU:hover {background-image:url('/images/iconmemb13.png');
		background-repeat:no-repeat;padding-left:15px;background-color:#ccc;}

/* Forms */

form 	{ text-align:left; margin:20px;	}

label 	{ 
		float: left; width: 150px; margin-top:5px;
		text-align:right; display:block; background:none; font-weight:bold;
		}
	
submit	{ background:none; 	}

input 	{ 
		width: 280px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}
		

textarea {
		width: 280px; height: 150px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

select { margin-bottom:20px;	}
	
.submit {
		width:90px; height:25px;
		margin-left:160px;
		font-size:12px;
		}

br		{ clear: left; 	}



