/* Main CSS Document */

@import url("core.css");

/* header */
#header { 
	width: 950px; 
	height: 90px;
	margin: 0px auto;
}
#header .logo {
	float: left;
	width: 400px;
}
#header .search {
	width: 462px;
	height: 34px;
	float: right;
	background-image: url(../images/bg-search.gif);
	background-repeat: no-repeat;
	margin: 40px 0px 0px 0px;
	text-align: center;
	padding: 16px 0px 0px 0px;
}


/* nav */
#nav {
	width: 950px;
	height: 50px;
	margin: 0px auto;
}
#nav ul {
	margin: 0px;
	padding: 0px;
}
#nav li.home {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	width: 54px;
	height: 31px;
	padding: 20px 0px 0px 0px;
	background-image: url(../images/divider-nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
}
#nav li.reviews {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	width: 90px;
	height: 31px;
	padding: 20px 0px 0px 0px;
	background-image: url(../images/divider-nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	text-align: center;
}
#nav li.compare {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	width: 90px;
	height: 31px;
	padding: 20px 0px 0px 0px;
	background-image: url(../images/divider-nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	text-align: center;
}
#nav li.article {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	width: 70px;
	height: 31px;
	padding: 20px 0px 0px 0px;
	float: left;
	text-align: center;
}
#nav li a {
	color: #07669c;
	text-decoration: none;
}
#nav li a:hover {
	text-decoration: underline;
}


/* middle homepage */
#middle {
	width: 100%;
	height: 345px;
	background-image: url(../images/bg-middle-home.gif);
	background-repeat: repeat-x;
}
#middle .middleHolder {
	width: 950px;
	margin: 0px auto;
}
#middle .middleHolder .video {
	width: 488px;
	float: left;
	padding: 27px 0px 0px 0px;
}
#middle .middleHolder .desc {
	width: 437px;
	float: right;
	padding: 27px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
}
#middle .middleHolder p {
	padding: 0px 0px 14px 0px;
}
#middle .middleHolder a.btn {
	padding: 6px 0px 0px 0px;
	background-image: url(../images/bg-btn.gif);
	background-repeat: repeat-x;
	height: 24px;
	display: block;
	width: 250px;
	margin: 0px auto;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}


/* content */
#contentHome {
	width: 100%;
	background-color: #ffffff;
	padding: 26px 0px 26px 0px;
}
#contentHome .contentHolder {
	width: 950px;
	margin: 0px auto;
}
#contentHome .contentHolder .box {
	width: 305px;
	float: left;
}
#contentHome .contentHolder .box .tabGreen {
	width: 305px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../images/bg-tab-green.gif);
	background-repeat: no-repeat;
	padding: 8px 0px 0px 0px;
}
#contentHome .contentHolder .box .content {
	width: 269px;
	height: 220px;
	padding: 18px;
	background-image: url(../images/bg-tab-content.gif);
	background-repeat: repeat-y;
}
#contentHome .contentHolder .box .tab {
	width: 305px;
}


/* content inside page */
#content {
	width: 100%;
	background-color: #ffffff;
	padding: 19px 0px 26px 0px;
	background-image: url(../images/bg-content-inside.gif);
	background-repeat: repeat-x;
}
#content .contentHolder {
	width: 950px;
	margin: 0px auto;
}


#content .contentHolder .left {
	width: 220px;
	float: left;
}
#content .contentHolder .left .tabGreen {
	width: 202px;
	height: 27px;
	background-image: url(../images/bg-tab-green-small.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px 0px 0px 18px;
}
#content .contentHolder .left .tabContent {
	width: 184px;
	background-image: url(../images/bg-tab-content-small.gif);
	background-repeat: repeat-y;
	padding: 18px;
}
#content .contentHolder .left .tabContent ul {
	margin: 0px;
	padding: 0px;
}
#content .contentHolder .left .tabContent li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	display: block;
	height: 26px;
	width: 160px;
	background-image: url(../images/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#content .contentHolder .left .tabBottom {
	width: 220px;
	height: 24px;
	padding: 0px 0px 20px 0px;
	background-image: url(../images/bg-tab-bottom-small.gif);
	background-repeat: no-repeat;
}
#content .contentHolder .left .facts {
	width: 184px;
	padding: 0px 18px 0px 18px;
	background-color: #f1ffa5;
}
#content .contentHolder .left .factsTab {
	width: 220px;
}


#content .contentHolder .right {
	width: 710px;
	float: right;
}
#content .contentHolder .right .tab {
	width: 710px;
}
#content .contentHolder .right .tabContent {
	width: 670px;
	padding: 0px 20px 0px 20px;
	background-image: url(../images/bg-tab-content-white.gif);
	background-repeat: repeat-y;
}
#content .contentHolder .right .tabContent .thumb {
	float: left;
	width: 600px;
}
#content .contentHolder .right .tabContent .thumb .play {
	width: 203px;
	background-image: url(../images/bg-play.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 7px 0px 0px 20px;
	text-align: center;
	height: 29px;
}
#content .contentHolder .right .tabContent .text {
	float: right;
	width: 364px;
}
#content .contentHolder .right .tabContent a.btnLight {
	padding: 6px 0px 0px 0px;
	background-image: url(../images/bg-btn-light.gif);
	background-repeat: repeat-x;
	height: 24px;
	display: block;
	width: 350px;
	text-decoration: none;
	color: #085bc2;
	text-align: center;
	border-right: 1px solid #cecece;
}
#content .contentHolder .right .tabContent ul.pad {
	margin: 0px 0px 20px 60px;
}
#content .contentHolder .right .tabContent li.tick {
	list-style-position: outside;
	list-style-image: url(../images/li-tick.gif);	
}
#content .contentHolder .right .tabContent li.star {
	list-style-position: outside;
	list-style-image: url(../images/li-star.gif);	
}
#content .contentHolder .right .tabContent li.cross {
	list-style-position: outside;
	list-style-image: url(../images/li-cross.gif);	
}

/* footer */
#footer {
	width: 100%;
	height: 31px;
	padding: 20px 0px 0px 0px;
	font-size: 12px;
	color: #4e4e4e;
	background-image: url(../images/bg-footer.gif);
	background-repeat: repeat-x;
}
#footer .footerHolder {
	width: 950px;
	margin: 0px auto;
}
#footer .footerHolder .links {
	width: 450px;
	float: left;
}
#footer .footerHolder .links ul {
	margin: 0px;
	padding: 0px;
}
#footer .footerHolder .links li {
	margin: 0px 2px 0px 2px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#footer .footerHolder .links li a {
	color: #4e4e4e;
	text-decoration: none;
}
#footer .footerHolder .links li a:hover {
	text-decoration: underline;
}
#footer .footerHolder .copy {
	width: 450px;
	float: right;
	text-align: right;
}