div.reduceWidth
{
	text-align : justify;
	margin : 0px auto;
	width : 75%;
}

#interactive .columnList
{
	margin-top : 20px;
}

#interactive .column a
{
	width : 80px;
	text-decoration : none;
	padding-top : 4px;
	margin-bottom : 8px;
	font-weight : bold;
}

#interactive_ks1 .columnList, #interactive_ks2 .columnList, #interactive_ks3 .columnList
{
	width : 500px;
	margin : 0px auto;
	margin-top : 20px;
}

#interactive_gcse .columnList
{
	width : 600px;
	margin : 0px auto;
	margin-top : 20px;
}

#interactive_ks1_english .columnList,
#interactive_ks1_maths .columnList,
#interactive_ks1_science .columnList,
#interactive_ks3_english .columnList,
#interactive_gcse_english .columnList,
#interactive_as_maths .columnList
{
	width : 600px;
	margin : 0px auto;
}

.examTips
{
	margin-top : 50px;
	text-align : center;
}
.examTips a
{
	display : block;
	margin : 0px auto;
	
	font-family : arial;
	font-weight : bold;
	text-decoration : none;
	font-size : 13px;
	color : white;
	
	background-image : url(../images/button/button_sub_normal.png);
	width : 137px;
	height : 21px; /*27 - 6*/
	padding-top : 6px;
}
.examTips a:hover
{
	background-image : url(../images/button/button_sub_hover.png);
	height : 20px; /*27 - 7*/
	padding-top : 7px;
}


.interactiveItem
{
	clear : both;
	margin-bottom : 4px;
}
.interactiveItem p
{
	padding-left : 110px;
	padding-right : 50px;
}
.interactiveItem p img
{
	float : left;
	padding-right : 6px;
}

.interactiveItem a.page
{
	float : left;
	width : 60px;
	height : 21px; /* 25 - 4 */
	padding-top : 4px;
	text-align : center;
	text-decoration : none;
	font-size : 14px;
	font-weight : bold;
	color : white;
	margin-left : 20px;
	margin-right : 30px;
	margin-bottom : 4px;
}
.interactiveItem a.page:hover
{
	background-position : right;
}
.interactiveItem a.english
{
	background-image : url(../images/interactive/button_purple.png);
}
.interactiveItem a.maths
{
	background-image : url(../images/interactive/button_red.png);
}
.interactiveItem a.science
{
	background-image : url(../images/interactive/button_blue.png);
}
.interactiveItem a.french
{
	background-image : url(../images/interactive/button_green.png);
}

.interactiveItem a.elearning
{
	float : left;
	margin-bottom : 4px;
}
.interactiveItem a.elearning img
{
	border : 1px solid #DEDFDE;
}

/*** for the tips  ***/
#interactive_tips h2
{
	text-align : center;
	margin-bottom : 30px;
}

#interactive_tips .column a img
{
	float : left;
	margin-right : 20px;
}
#interactive_tips .column p
{
	margin-right : 50px;
}

#interactive_tips_exam li img
{
	margin-top : -40px;
	margin-bottom : 1px;
}


/*** for the preview pages ***/
.interactivePage
{
	text-align : center;
}
.interactivePage img
{
	border : 1px solid #DEDFDE;
}

/*** for the elearning pages ***/

.interactiveElearning
{
	text-align : center;
}
.interactiveElearning #flashPlayer
{
	margin : 0px auto;
}
.interactiveElearning .feedback
{
	text-align : left;
	margin-top : 40px;
	background-color : #FFFFCC;
}

.interactiveElearning .buttons
{
	margin : 0px auto;
	width : 700px;
}

.interactiveElearning a.showFeedback
{
	display : block;
	width : 170px;
	height : 30px;
	overflow : hidden;
	float : left;
	margin-top : 20px;
}

.interactiveElearning a.showFeedback:hover
{
	direction : rtl;
}

.interactiveElearning a.buyButton
{
	display : block;
	width : 283px;
	height : 30px;
	overflow : hidden;
	float : right;
	margin-top : 20px;
}
.interactiveElearning a.buyButton:hover
{
	direction : rtl;
}

.numberTrail
{
	margin-bottom : 20px;
}

.numberTrail .column
{
	text-align : center;
}
.numberTrail .column a img
{
	border : 1px solid blue;
	width : 50px;
	height : 71px;
}

.interactiveGame
{
	text-align : left;
}