@charset "utf-8";

a {
color:#0099CC;
text-decoration:underline;
}
a:visited {
color:#0099CC;
}
a:hover {
text-decoration:underline;
}
/* -------------------------------- */
/* RESET HTML TAGS					*/ 
/* -------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;	
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

* {
outline:0px solid red;
}

/* -------------------------------- */
/* PAGE ELEMENTS 					*/ 
/* -------------------------------- */
/* Top Section	  					*/

body {
	background: url(../images/ui/bg-back.png) #70ABE5 top center;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	width:916px;
	margin:10px auto;
}

	/* -------------------------------- */
	/* SPLASH							*/
	
	#splash {
		margin-top:100px;
		text-align:center;
	}
	
	#splash .logo {
		margin:0px 0px 20px 0px;
	}
	
	#splash .in {
		width:480px;
		padding:15px 28px 15px 15px;
		font-size:37px;
		color:#666666;
		text-indent:20px;
		background:url(../images/ui/bg-input-main.png) top left;
		border:0px solid #FFF;
		display:block;
		border:0px;
		margin:0px;
		font-family:Arial;
		float:left;
		margin-left:150px;
	}	
	
	#splash .out {
		width:97px;
		height:73px;
		font-size:37px;
		text-indent:-2000px;
		background:url(../images/ui/bg-output-main.png) top left;
		border:0px solid #FFF;
		display:block;
		border:0px;
		margin:0px;
		font-family:Arial;
		float:left;
		margin-left:10px;
	}	
	
	#splash .out:hover {
		cursor:pointer;
	}

	/* -------------------------------- */
	/* HEADER							*/
	
	#header {
		widith:917px;
		height:119px;
		background:url(../images/ui/bg-header.png) top left;
		position:relative;
		margin-top:28px;
	}
	
	#header .logo {
		position:relative;
		top:4px;
		left:22px;
		float:left;
	}
	
	#header form {
		position:relative;
		top:60px;
		left:20px;
	}
	
	#header .input {
		float:left;
		width:514px;
		background:url(../images/ui/bg-input-search.png) top left no-repeat;
		border:0px solid #FFF;
		padding:2px 15px;
		margin:0 10px;
		font-size:24px;
		color:#666;
	}
	
	/* -------------------------------- */
	/* TRUNK							*/
	
	#trunk {
		widith:917px;
		background:url(../images/ui/bg-trunk.png) top left;
	}
	
	#trunk .search {
		width:851px;
		padding:0 10px;
		line-height:39px;
		margin:0 auto;
		background:url(../images/ui/bg-sub-search.png) top left;
	}
	
	#trunk .search form {
		float:left;
		font-size:11px;
	}
	
	#trunk .search form label{
		float:left;
		font-size:12px;
		display:block;
		margin-right:10px;
	}
	
	#trunk .search .input {
		border:1px solid #fff;
		width:459px;
		line-height:20px;
		padding:2px 0 1px 0;
	}
	
	#trunk .search select {
		border:1px solid #fff;
		width:125px;
		line-height:20px;
		padding:2px 0 1px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	#trunk .search .output {
		border:0px solid red;
		width:80px;
		line-height:20px;
		padding:2px 0 1px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		margin-right:10px;
		margin-left:10px;
		background:url(../images/ui/bg-output-sub-search.png) top left;
	}
	
	#trunk .product {
		width:871px;
		margin:10px auto;
		font-size:11px;
		line-height:140%;
		color:#666666;
		position:relative;
		display:block;
		clear:both;
		padding-top:20px;
	}
	
	#trunk .product .thumbnail {
		width:120px;
		hieght:120px;
		float:left;
		display:block;
		text-align:center;
		line-height:120px;
		margin:0px 15px 0px 0px;
	}
	
	#trunk .product .title {
		font-size:24px;
		font-family:Arial, Helvetica, sans-serif;
		color:#0099CC;
		line-height:140%;
		width:561px;
		float:left;
	}
	
	#trunk .product .description {
		width:561px;
		float:left;
		line-height:140%;
		height:95px;
	}
	
	#trunk .product .link {
		display:block;
		width:80px;
		hieght:20px;
		color:#FFFFFF;
		line-height:20px;
		font-weight:bold;
		text-decoration:none;
		font-size:11px;
		background:url(../images/ui/bg-button.png) top left;
		text-align:center;
		margin:5px 0;
	}
	
	#trunk .product .price {
		font-size:34px;
		width:140px;
		color:#0099CC;
		font-weight:bold;
		display:block;
		float:left;
		text-align:right;
		line-height:38px;
		margin-top:-25px;
	}
	
	#trunk .product .locations {
		width:150px;
		font-weight:bold;
		display:block;
		float:left;
		text-align:center;
		margin-top:10px;
	}
	
	#trunk .paginate {
		clear:both;
		margin-left:40px;
		height:40px;
		padding:10px 0;
	}
	
	#trunk .paginate li a, #trunk .paginate li span{
		display:block; 
		float:left;
		padding:3px 7px;
		text-align:center;
		border:1px solid #999;
		margin:2px;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		color:#999;
	}
	
	#trunk .paginate li a.move{
		border:0px solid #999;
		color:#0099CC;
		font-size:14px;
	}
	
	#trunk .paginate li a:hover {
		border-color:#0099CC;
		color:#0099CC;
	}
	
	#trunk .paginate li a.selected {
		border-color:#0099CC;
		color:#0099CC;
	}
	
	#trunk .paginate li span {
		border:0px solid #fff;
		font-size:14px;
	}

	
	
	/* -------------------------------- */
	/* FOOTER							*/
	
	#footer {
		widith:917px;
		height:42px;
		background:url(../images/ui/bg-footer.png) top left;
	}