/******************************************************************************/

/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */

/******************************************************************************/

/*                 styles for puretalent                  2009                */

/******************************************************************************/ 

@import url("reset.css");





HTML, BODY, .basic{

	height: 100%;

}





.basis{

	margin: auto;

	width: 1024px;	/* width of basis */

	margin-bottom: -70px;

	display: table;

	height: auto;

	height: 100%;

	min-height: 100%;

}



.main{

	height: 100%;

	width: 780px;

}



.header{

	height: 150px;	/* height of header */

}







/*needed to make room for footer*/

.clearfooter{

	clear: both;

	height: 70px;	/* height of footer */

}

* > HTML .clearfooter {

	float: left;

	width: 100%;

}/* ie mac styles */





/*** standard classes ***********************************************************************************************/

.clear{

	clear:both;

	display: block;

}



.right{

	text-align:right;

}









/*** follow sections can edit *****************************************************************************/

BODY{

	background: #ffffff;

	behavior: url("js/csshover.htc");

	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #818285;

	border-top:26px solid #0F75BC;

}

iframe#preloaderfrm{

	width:1px;

	height:1px;

	border:none;

}

A,

A:visited{

	color: #818285;

	text-decoration: none;

}

A:hover{

	color: #000000;

	text-decoration:underline;

}

P{

	padding: 5px 0px 10px 0px;

}



h1{
	font-size:27px;
	color:#bcbdc0;
	font-weight:normal;
	text-transform:lowercase;
	padding-top: 10px;
	padding-bottom: 10px;
}



input, textarea{

	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

	font-size: 13px;

}



em{

	color:#0f75bc;

}

strong{

	color:#000;

	font-weight:bold;

}

.basis{

}



.main{

	margin: auto;

}







.hdr_line{

	width: 1024px;

	height: 26px;

	background: #0f75bc;

	margin: 21px 0px 0px 0px;

	display:none;

}

.bluecopy{
	color: #0f75bc;
}





/*** header **************************************************************/

.header{

	position: relative;

}

.header .logo{	

	position: absolute;

	top: 55px;

	left: 0px;

}



/*** nav ********************************/

.nav{

	position: absolute;

	top: 70px;

	right: 0px;

}

.nav UL{

	text-transform:lowercase;

}

.nav UL LI{

	float: left;

	padding: 0px 0px 0px 8px;

	margin-left: 8px;

	position: relative;

	height: 20px;

	line-height: 18px;

	font-size: 14px;

	background:transparent url(../images/menu_separator.png) no-repeat 0 50%;

}

.nav UL LI.first{

	margin-left: 0px;

	background:none;

}

.nav UL LI.last{

	display:none;

}

.nav UL LI LI.last{

	display:block;

}

.nav UL LI A,

.nav UL LI A:visited{

	text-decoration: none;

}

.nav UL LI A:hover{
	color: #0f75bc;
}

.nav UL LI.active A{

	color: #000000;

}

.nav UL LI.active LI A{

	color: #818285;

}

.nav UL LI UL{

	position: absolute;

	top: 20px;

	left: 10px;

	border: 1px solid #dddedf;

	border-bottom: none;

	display: none;

}

.nav UL LI:hover UL{

	display: block;
	

}

.nav UL LI UL LI{

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	border: none;

	border-bottom: 1px solid #dddedf;

	float: none;

	display: block;

	font-size: 13px;

	width: 100px;

	text-align: center;

	background:none;

}

.nav UL LI UL LI A:hover{


	color: #0f75bc;

}

.nav UL LI UL LI A:visited{

	display: block;

	width: 100px;

}



.nav UL LI.first UL{

	left: -20px;

}



/*** rightpanel ***********************************/

.model_big{

	text-align: right;

}

.model_big IMG{

	border: 1px solid #8e8b8c;

}







/*** link ***********/

A.bluelink{

	color: #0f75bc;

}

A.link{

	background: url(../images/link_bg.png) no-repeat 0px 0px;

	padding: 3px 20px 7px 30px;

	/line-height:30px;

}



A.prev,A.ditto_previous_link{

	background:transparent url(../images/arrow_prev.png) no-repeat left;

	padding:3px 0 3px 16px;

	font-size:13px;

}



A.next,A.ditto_next_link{

	background:transparent url(../images/arrow_next.png) right no-repeat;

	padding:3px 16px 3px 0px;

	font-size:13px;

}







.contents{

	margin-bottom:40px;

}

.contents .leftpanel{

	width: 480px;	/* width of left column */

	float: left;

}

.contents .rightpanel{

	width: 262px;	/* width of right column */

	float: right;

}







.narrow{}



.narrow .leftpanel{

	width:200px;

	float: left;

}

.narrow .rightpanel{

	width: 525px;	/* width of right column */

	float: right;

}





.footer{

	width: 970px;	/* width of basis */

	margin: auto;

	height: 70px;	/* height of footer */

}



.contents .links{

	text-align: right;

	padding: 50px 0px 0px 0px;

	color:#818285;

}



.contents td{

	padding:4px;

}















.listing{

	width:721px;

	position:relative;

}

.listing .list{

	float:left;

	width:590px;

}



.listing .list .links{

	position:absolute;

	right:121px;

	top:-30px;

}



.listing .list .item{

	float:left;

	margin-right:11px;

	margin-bottom:10px;

	position:relative;

}



.listing .list .item a{

	display:block;

	text-align:center;

}



.listing .list .item a.remove{

	display:block;

	position:absolute;

	right:1px;

	bottom:17px;

	height:16px;

	width:16px;

	background:transparent url(../images/icon_remove.png) no-repeat;

}





.listing .list .item img{

	display:block;

	border:1px solid #474e55;

	text-decoration:none;

}



.listing .list .item a:hover img{

	filter:alpha(opacity=70);

	-moz-opacity:0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

}





.listing .sidebar{

	width:110px;

	float:right;

	font-size:14px;

}



.listing .sidebar h3{

	font-size:14px;

	margin-bottom:10px;

}

.listing .sidebar .submenu{

	display:none;

}



.listing .sidebar fieldset{

	padding-left:30px;

	background:transparent url(../images/link_bg.png) no-repeat;

	padding-bottom:15px;

}



.listing .sidebar .links{

	margin-top:50px;

}









/******** details page ******/



.details{

	color:#bcbdc0;

	position:relative;

}



.details .image{

	float:left;

	margin-right:20px;

}



.details .image img{

	border:1px solid #474e55;

	display:block;

	margin:0 11px 11px 0;

}

.details .thumbs{

	float:left;

	margin-right:20px;

	width:302px;

}



.details .thumbs img{

	border:1px solid #474e55;

	display:block;

	margin:0 11px 11px 0;

	float:left;

}



.details .back{

	font-weight:bold;

	display:block;

	height:30px;

	padding-top:5px;

}



.promo .back{

	position:static;

	width:auto;

}



.details .datasheet{

	float:left;

	padding-top:30px;

}



.promo .datasheet{

	padding-top:0px;

}



.details .datasheet table td{

	padding:3px 10px 3px 3px;

	font-size:14px;

	vertical-align:top;

	text-transform:lowercase;

}



.details .datasheet .links{

	margin-top:30px;

	clear:both;

}



.details .links a{

}













/************ common form **************/







.common_form{

	color:#bcbdc0;

	font-size:14px;

	width:400px;

	margin:20px 0;

}



.common_form label{

	display:block;

	width:105px;

	float:left;

	text-transform:lowercase;

}



.common_form input.text{

	display:block;

	width:290px;

	float:left;

	border:1px solid #dddedf;

	margin-bottom:10px;

	padding:1px;



}



.common_form input.file{

	display:block;

	float:left;

	border:1px solid #dddedf;

	margin-bottom:10px;

	padding:1px;

}



.common_form textarea{

	display:block;

	width:290px;

	float:left;

	overflow:auto;

	border:1px solid #dddedf;

	padding:1px;

	margin-bottom:10px

}



.common_form input.image{

	float:right;

	margin-top:15px;

}



.common_form .newListSelected{

	margin-bottom:10px;

}



.shortlist{

	position:relative;

}

.shortlist .links{

	position:absolute;

	bottom:25px;

	right:0px;

}



/*** footer **************************************************************/

.footer{

	text-align: center;

	height: 50px;

	padding: 20px 0px 0px 0px;

	color: #bcbdc0;

	font-size:14px;

}



.footer A,

.footer A:visited{

	color: #bcbdc0;

}

.footer A:hover{

	color: #000000;

}