@charset "utf-8";

@import "reset.css";
@import "base-v3.css";

#globalbar{
	position: static;
	margin: 0;
}

/* #notice */
#notice{
	background: #fff url("../images/bg-notice.gif") no-repeat 0 100%;
	margin: 0 auto;	
	padding: 0 24px 12px 24px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 892px;
}
#notice p{
	float: left;
	text-align: left;
	width: 800px;	
}
#notice p.close{
	float: right;
	padding-top: 6px;
	text-align: right;
	width: 40px;
}


/* Basic Layout */
#frontheader{
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 940px;
}
	#frontheader h1{
		float: left;
		width: 530px;	
	}
#interviewlist{
	margin: 0 auto 12px auto;
	width: 892px;
}
.section{
	background: #fff url("../images/bg-section2.gif") no-repeat 0 100%;
	margin: 0 auto 12px auto;
	width: 940px;
}
.sectionwrap{
	background: transparent url("../images/bg-section.gif") no-repeat 0 0;
	padding: 12px 24px;
	text-align: left;
	width: 892px;
}
/* **************************************************************-************************************************************** */

/* V3 */
#v3{
	background: transparent url("../images/bg-v3.gif") no-repeat 0 0;
	height: 336px;
	margin: 0 auto 12px auto;
	overflow: hidden;
	text-align: left;
	width: 940px;
}
#v3 p.badge{
	padding-top: 12px;
	text-align: center;
	width: 242px;	
}
#v3 #tab-section{
	float: left;
	width: 242px;	
}
.tabs-nav{
	margin: 0;
	text-align: left;
	width: 242px;
}
.tabs-nav li{
	cursor: pointer;
}
.tabs-nav li a{
	background: transparent no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 60px;
	overflow: hidden;
	text-indent: -999em;
	width: 242px;
}
.tabs-nav li.nav_overview, .tabs-nav li.nav_overview a{ background-image: url("../images/tab-v3-overview.gif"); }
.tabs-nav li.nav_movies, .tabs-nav li.nav_movies a{ background-image: url("../images/tab-v3-movies.gif"); }
.tabs-nav li.nav_types, .tabs-nav li.nav_types a{ background-image: url("../images/tab-v3-types.gif"); }
.tabs-nav li.nav_buy, .tabs-nav li.nav_buy a{ background-image: url("../images/tab-v3-buy.gif"); }
.tabs-nav li.ui-tabs-selected a{
	background-position: 0 -60px;
}
.ui-tabs-hide{
	display: none;
}
.tabs-container{
	float: right;
	padding: 12px;
	width: 674px /* 698px */	
}
	.tabs-container a:link{
		color: #4b2b03;
	}
	.tabs-container a:visited{
		color: #665c4e;
	}
	.tabs-container a:hover, 
	.tabs-container a:visited:hover{
		color: #6e4819;
	}
	.tabs-container a:active, 
	.tabs-container a:visited:active{
		color: #211507;
	}
#overview #slideshow1{
	float: left;
	width: 430px;	
}
#overview ul{
	float: right;
	padding-right: 12px;
	padding-bottom: 3px;
	width: 216px;	
}
#overview li{
	margin: 0 0 3px 0;	
}
#overview li img{
	display: block;
}
#overview p{
	clear: right;
	float: right;
	padding-right: 12px;
	text-align: right;
	width: 216px;	
}
#movies .movieframe{
	float: left;
	width: 440px;
}
#movies #movielist{
	float: right;
	width: 210px;	
}
#movies #movielist li{
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
	width: 210px;
}
#types .element, 
#types .pro, 
#types .ultimate{
	display: block;
	float: left;
	margin: 0 12px 0 0;
	width: 216px;
}
#types .ultimate{
	margin: 0;
}
#types dt{
	margin: 0 0 4px 0;	
}
#types dt img{
	display: block;	
}
#types dd{
	background: transparent no-repeat 6px 2px;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 4px 0;
	padding: 0 0 0 18px;
}
#types .element dd{ background-image: url("../images/types-dot-element.gif"); }
#types .pro dd{ background-image: url("../images/types-dot-pro.gif"); }
#types .ultimate dd{ background-image: url("../images/types-dot-ultimate.gif"); }
#types p{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 8px 0;	
}
#types p.more{
	clear: both;
	margin: 0;
	padding: 12px 0 0 0;
	text-align: right;
	width: 674px;	
}
#buy img.boxes{
	display: block;
	float: left;
	margin: 0 12px;	
}
#buy .buy-container{
	float: left;
	padding-top: 12px;
	width: 444px;	
}
#buy p{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 14px 0;
}
#buy .buypanel{
	background: #fff url("../images/bg-buypanel.gif") no-repeat 0 100%;
	width: 444px;
}
#buy .buypanel ul{
	background: transparent url("../images/bg-buypanel2.gif") no-repeat 0 0;
	padding: 12px;
}
#buy .buypanel li{
	font-size: 12px;
	display: inline;
	line-height: 16px;
	margin: 0 12px 0 0;
}
#buy .buypanel li img{
	margin: 0 3px 0 0;
	vertical-align: middle;	
}
/* **************************************************************-************************************************************** */

/* User's Voice */
#interviewlist h2{
	float: left;
	width: 492px;
	margin: 0 0 6px 0;
	text-align: left;
}
#interviewlist p.more{
	float: right;
	text-align: right;
	margin: 0 0 6px 0;
	width: 400px;
}
.voice{
	background: transparent url("../images/bg-voice.gif") no-repeat 0 0;
	float: left;
	margin: 0 24px 0 0;
	width: 280px;	
}
	.voice span.message{
		background: transparent url("../images/bg-message.gif") no-repeat 0 100%;
		color: #333;
		display: block;
		font-size: 12px;
		line-height: 16px;
		padding: 12px;
		text-align: left;
		width: 256px;
	}
		.voice span.message p{
			display: inline;
			padding: 0;
			margin: 0;	
		}
	.voice p.from{
		background-color: #f1f3f4;
		color: #000;
		font-size: 11px;
		line-height: 16px;
		text-align: left;	
	}
		.voice p.from span{
			background: transparent url("../images/bg-from.gif") no-repeat 0 0;
			display: block;
			float: right;
			padding: 6px 0 0 30px;
			width: auto;
		}
		.voice p.from span span.company-name{
			background: none;
			display: inline;
			float: none;
			padding: 0;	
		}
		.voice p.from img{
			display: block;
			float: left;
			margin: 0 3px 0 0;	
		}
/* **************************************************************-************************************************************** */

/* Articles / News */
#articlelist{
	float: left;
	width: 480px;	
}
#newslist{
	float: right;
	width: 388px;	
}
	#newslist h2, 
	#articlelist h2{
		margin: 0 0 12px 0;	
	}
.section .hentry{
	margin: 0 0 12px 0;	
}
.section .category{
	display: block;
	margin: 0 0 3px 0;
}
.section .published{
	color: #333;
	display: block;
	font-size: 11px;	
}
.section .entry-title{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 6px 0;	
}
	.section .entry-title a:link{
		color: #4b2b03;
	}
	.section .entry-title a:visited{
		color: #665c4e;
	}
	.section .entry-title a:hover, 
	.section .entry-title a:visited:hover{
		color: #6e4819;
	}
	.section .entry-title a:active, 
	.section .entry-title a:visited:active{
		color: #211507;
	}
.section .entry-content{
	font-size: 12px;
	line-height: 18px;
	margin: 0;	
}
.section .entry-content p{
	margin: 0;
	display: inline;
}
/* **************************************************************-************************************************************** */

/* Buttons */
a.buy, 
a.trial{
	background: transparent no-repeat 0 0;
	height: 49px;
	display: block;
	margin: 0;
	overflow: hidden;
	text-indent: -999em;
	width: 191px;
}
a.buy{ float: left; background-image: url("../images/btn-imm-buy.gif"); }
a.trial{ float: left; background-image: url("../images/btn-imm-trial-v3.gif"); }
a.trial:hover{ background-position: 0 -49px; }
a.trial:active{ background-position: 0 -98px; }