@charset "UTF-8";
/*@font-face {
      font-family: "hyzhj";
 
	   src: local("HYZhongHeiJ"), local("汉仪中黑简"), url(../hyzhj.ttf); 
    }
	*/
/*@font-face {
    font-family: hyzhj;
    src: url(../hyzhj.eot) ;
}*/
/* Font definition for other browsers */
/*@font-face {
    font-family: hyzhj;
    src: url(../hyzhj.ttf) format(“opentype”);
}
*/

body {
	padding: 0;
	margin: 0;
	font-family:HYZhongHeiJ,hyzhj,汉仪中黑简,宋体,黑体, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	background-color: #222222;
}

div.glow-wrapper {
	position: relative;	
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    background-image: url(../images/glow-middle.jpg);
    background-repeat: repeat-y;
}

div.glow-wrapper .glow-top {
	margin: 0;
	padding: 0;
	border: 0;
}

div.glow-wrapper .glow-bottom {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	bottom: -20px;
}

#outer-wrapper {
    background-color: transparent;
    width: 980px;
    background-color: #000000;
    z-index: 0;
    margin: 0 auto 0 auto;
    padding: 0;
}

#inner-wrapper {
	position: relative;
	background-image: url(../images/new-back-mag.jpg);
	
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
}

#swf-bg-frame {
    width: 980px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
}

#swf-tm-frame {
    width: 650px;
    z-index: 2;
    height: 200px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#tm-swf {
    float: right;
    padding: 0;
    margin: 0;
    z-index: 2;
}

#header {
    background-image: url(../images/header/background.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: 66px;
}

#header-container {
	width: 980px;
	margin: 0 auto 0 auto;
	position: relative;
}

img {
    border: none;
}

#logo {
	position: absolute;
	top: 20px;
	left: 120px;
	display:none;
}

#tag-line {
	float: none;
	position: absolute;
	top: 24px;
	right: 26px;
	display:none;
}

#content {
    color: #ffffff;
    width: 100%;
    min-height: 550px;
    padding-top: 10px;
}

h1 {
    /*font-size: 100%;*/
    font-weight: normal;
    margin-bottom: -5px;
}

h2 {
    /*font-size: 90%;*/
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
	font-size:16px;
}
h2.question{
	font-size:16px;	
}
p {
    /*font-size: 70%;*/
    line-height: 1.3;
}

#fifa-logo {
	position: absolute;
	bottom: 10px;
	left: 10px;
	
	display:none;
}

#content-header #bg-top-left {
    float: left;
}

#content-header #bg-top-middle {
    padding-left: 257px;
}

#content #nav {
    margin-top: 110px;
    width: 210px;
    float: left;
    /*background-image: url(../images/nav-bg.gif);*/
    background-repeat: no-repeat;
    min-height: 290px;
}

#molecules-left-center {
	position: absolute;
	top: 50px;
	left: 0px;
}

#molecules-top-left {
	position: absolute;
	top: 0px;
	left: 0px;
}

#molecules-top-center {
	position: absolute;
	top: 0px;
	left: 470px;
}

#molecules-talkative-static {
	position: absolute;
	bottom: 0px;
	right: 2px;
	z-index: 1;
}

#swf-intro-frame {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#nav ul {
    list-style-type: none;
    
    padding-left: 34px;
    margin-top: 5px;
}
#nav ul li{
    padding-bottom: 5px;
}
#nav ul li a{
    display:block;
}
#nav ul ul {
    padding-left: 20px;
}

#nav li a {
    text-decoration: none;
    color: #ffffff;
    /*font-size: 80%;
*/}

#nav li a:hover {
    color: #ff8e36;
}

#nav li a.current {
    color: #ff8e36;
}

#content #col1 {
    margin-top: 105px;
    width: 490px;
    float: left;
    padding: 0 10px 350px 10px;
	+padding: 0 10px 0px 10px;
	_padding: 0 10px 0px 10px;
    /*letter-spacing: 0.05em;*/
}

#col1 a {
    text-decoration: none;
    color: #ffffff;
}

#col1 a:hover {
    color: #ff8e36;
}

#content #col1 #products-range {
    overflow: hidden;
}

#content #col1 #products-range ul {
    float: left;
}

#col1-index-content {
    margin: auto;
    padding-top: 100px;
}

#col1-index-content p {
	padding-right: 140px;
}

#content #col2 {
    margin-top: 136px;
    width: 240px;
    float: left;
    padding: 10px;
    /*font-size: 60%;*/
    text-align: center;
}

#col2 a {
    text-decoration: none;
    color: #ffffff;
}

#useful-icons {
    position: absolute;
    top: 95px;
    right: 79px;
    /*font-size: 67%;*/
}

#useful-icons a {
    color: #ffffff;
    text-decoration: none;
}

#useful-icons a:hover {
    color: #F27D28;
    text-decoration: underline;
}

#useful-icons a:visited {
    color: #ffffff;
    text-decoration: none;
}

#sound {
    padding: 1px 5px 5px 25px;
    background:transparent url(../images/body/sound.jpg) no-repeat scroll -4px -2px;
}

#footer {
    clear: both;
    font-family: Arial;
   /* font-size: 50%;*/
    padding-bottom: 10px;
    margin-top: 30px;
    background: transparent;
 	
}

#footer #note {
    position: absolute;
    bottom: 10px;
    right: 26px;
    z-index: 99;
	font-size:11px;
	
	display:none;
}

#magnatec-bottle {
    margin: -185px 0 0 20px;
    position: absolute;
    top: 167px;
    right: 14px;
    width: 140px;
}

body.index-index #magnatec-bottle {
	top: 359px;
	left: 610px;
	width: 190px;
}

#swf-ex-frame, #swf-tv-frame {
    margin-top: 10px;
}

#swf-game-frame {
    margin-top: 17px;
}

form {
    margin-top: 10px;
}

#txtPostcode, #txtReg {
    width: 329px;
    height: 25px;
    font-size: 16px;
    color: #999999;
    padding: 8px;
    float: left;
}

#btnGo {
    width: 55px;
    height: 47px;
    margin-top: 10px;
    margin-left: 7px;
    margin-top: -1px;
}

#product-info {
    position: relative;
    z-index: 5;
    min-height: 420px;
    height: 420px;
}

#product-info ul {
    padding: 0;
    margin: 5px 0  10px 13px;
}
#product-info ul li {
    /*font-size: 70%;*/
}

.oil-specs {
    /*font-size: 70%;*/
    font-weight: bold;
}


.answer p, .answer li {
    /*font-size: 70%;*/
}

#transcript {
    margin-top: 10px;
    margin-bottom: 20px;
}

#transcript-btn {
    padding-right: 24px;
    background: transparent url(../images/btn-view-transcript.gif) scroll right 0 no-repeat;
    /*padding: 0 0 0 50px;*/
}

#transcript a {
    /*font-size:67%;*/
    color: #ffffff;
    text-decoration: none;
}

#transcript a:hover {
    color: #F27D28;
    text-decoration: underline;
}

#transcript a:visited {
    color: #ffffff;
    text-decoration: none;
}

#transcript-copy {
    display: none;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -10px;
	z-index: 1;
}

.hoverbox img
{
        margin: 20px 0 20px 0;
	vertical-align: top;
	width: 124px;
	height: 131px;
}

.hoverbox li
{
	display: inline;
	float: left;
        margin: 0;
        padding: 0;
        margin-left: -15px;
	position: relative;
}

.hoverbox .preview
{
	width: 152px;
	height: 162px;
}

a {
    color: #ffffff;
    text-decoration: underline;
}

p a:hover {
    color: #ff8e36;
    text-decoration: underline;
}

a:visited {
    color: #ffffff;
    text-decoration: underline;
}

#questions {
   /* font-size: 70%;*/
    line-height: 1.4;
}

.answer ul {
    margin-top: 10px;
    list-style-type: disc;
}

.answer p, .answer li {
   /* font-size: 70%;*/
}

#questions li a:link {
    color: #ffffff;
    text-decoration: underline;
}

#questions li a:visited {
    color: #ffffff;
    text-decoration: underline;
}

#questions li a:hover, #questions li a:active {
    color: #ff8e36;
    text-decoration: underline;
}

.hoverbox li {
    padding-bottom: 0;
}

.hoverbox li p {
    text-align: center;
    padding: 0;
    margin: 0;
    /*font-size: 80%;*/
}


#col1 a {
    text-decoration: none;
}

#col1 a:hover {
    text-decoration: underline;
    color: #ff8e36;
}

.right {
    float: right;
    position: relative;
    z-index: 99999;
    padding-right: 10px;
}

#question-container {
    height: 2560px;
}

#product-container {
    height: 1570px;
}
#product-info h3 ,#col1 h3{
	font-size:16px;
	color:#FF8E36;
	font-weight:bold;
}
#explained-link {
    padding-right: 25px;
 
    background: transparent url(../images/btn-view-transcript.gif) scroll right 0 no-repeat;
}

#never-too-late-link {
    padding-right: 25px;
	background: transparent url(../images/btn-view-transcript.gif) scroll right 0 no-repeat;
}

#video-thumbnails {
	overflow: hidden;
	position: relative;
	width: 650px;
	padding: 0;
}

#video-thumbnails li {
	float: left;
	margin-left: 79px;
	list-style-type: none;
}

#video-thumbnails li.first {
	margin: 0;
}
#product-info p{
	font-size:14px;
}
#searchBlock{
 
}
form{
	position:relative;	
	
}
#keywords{
	position:absolute;
	top:10px;
	width:307px;
	height:39px;
	border:0;
	background:url(../images/bg-input.png) no-repeat;
	color:#fff;
	font-size:16px;
	padding:0 5px;
	line-height:39px;
}
#search{
	position:absolute;
	top:7px;
	left:350px;
}
#searchResult{
	margin:80px 0 0 0;
	background:url(../images/bg-searchresult.jpg);
}
#searchResult th{
	color:#ffd933;
	font-size:18px;
	border:solid #6c3310 1px;
}
#searchResult td{
	font-size:14px;
	font-weight:bold;
	border:solid #6c3310 1px;
}
h3#searchInfo{
	padding:10px;
	background:url(../images/bg-searchresult.jpg);
	border:solid #6c3310 1px;
	color:#fff;
	font-weight:normal;
}
.message{
	padding:10px;
	background:url(../images/bg-searchresult.jpg);
	border:solid #6c3310 1px;
	color:#fff;
	font-weight:normal;
	margin-top:30px;
	*margin-top:30px;
}


.searchBtn{border:0;background:url(../images/btn-search.png) no-repeat center center;width:137px;height:46px;cursor:pointer;}

.page{margin-top:10px;}



#topLink{position:absolute;top:10px;right:160px;}
#bottomLink{position:absolute;bottom:10px;left:10px;}


#nav{font-size:18px;}
.drop{font-size:16px;}


#nav .icon{margin-left:30px; margin-top:40px; position:relative;}
#nav .icon img{margin-bottom:15px;}