@charset "utf-8";
.headcontain
{
margin-top:20px;
background: url(http://www.haremi.co.uk/images/testhead.jpg) top center repeat-x; 
width:100%;
}
.headtext { width:960px; margin:auto; height:60px; font: normal 36px Arial, Helvetica, sans-serif; color:#fff; padding:15px 0 0 20px;}
body { margin:0; padding:0; width:100%; background: #333; }
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background: url(http://www.haremi.co.uk/images/main_bg.jpg) top center repeat-x;}
.blok_header2 { margin:0; padding:0; background: url(http://www.haremi.co.uk/images/main_bg2.jpg) top center repeat-x; height:263px;}
.header { width:960px; margin:0 auto; padding:0 0 1px 0;}
/* header_text */
.header_text {  margin:0; padding:8px 0 0 0;}
.header_text_resize { width:960px; margin:0 auto; padding:0;}
.header_text h2 { font: normal 36px Arial, Helvetica, sans-serif; color:#fff; padding:28px 0 0 10px; margin:0;}
.header_text img { float:right; margin:0; padding:28px 50px 0 0;}
/* top_text */
.top_text { font: normal 11px Arial, Helvetica, sans-serif; color:#c4c4c4; padding:15px 0 0 0; margin:0; width:300px; float:left;}
.top_text a { color:#00b5ff; text-decoration:none;}
/* top_text */
.top_text2 { font: normal 11px Arial, Helvetica, sans-serif; color:#c4c4c4; padding:40px 0 0 0; text-align:right; margin:0; width:300px; float:right;}
.top_text2 a { color:#00b5ff; text-decoration:none;}
/* rss*/
.rss { width:100px; float:left; height:33px; text-align:left; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:15px 10px 0 0; margin:0;}
.rss img { float:right; margin:0 30px; padding:0;}
.text { width:300px; text-align:right; float:right; margin:0; padding:15px 0 0 20px; font: normal 11px Arial, Helvetica, sans-serif; color:#fff;}
.rss img { float:right; margin:0 3px; padding:0;}
/* logo */
.logo {
	padding:0;
	margin:0 0 0 10px;
	width:263px;
	float:left;
}
/*menu*/
.menu { margin:37px 0 0 0; width:544px; float:right; height:40px;}
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0 5px; padding:0 0px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover { background: url(http://www.haremi.co.uk/images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span {  background:url(http://www.haremi.co.uk/images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  background:url(http://www.haremi.co.uk/images/r_menu.gif) no-repeat right;}
.menu ul li a.active span {  background:url(http://www.haremi.co.uk/images/l_menu.gif) no-repeat left;}
/*menu*/
.menu2 { padding:40px 0 20px 0; margin:0 ; width:450px; float:left; }
.menu2 ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left;}
.menu2 ul li { float:left; margin:0; padding:0; border:0;}
.menu2 ul li a { border-right:1px solid #b4b4b4; float:left; margin:0; padding:1px 10px; color:#b4b4b4; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu2 ul li a:hover { color:#00b4fc; text-decoration:none;}
.menu2 ul li a.active { color:#00b4fc; text-decoration:underline;}
.menu2 ul li a.last { border:0;}
/* search */
.search { padding:13px 0 10px 0; margin:0; width:320px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(http://www.haremi.co.uk/images/search_bg.gif) left top no-repeat; width:164px; padding:0 5px; height:25px;}
.search form .keywords { font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:15px; height:15px; width:164px; float:left; background:none; border:0; padding:5px 0; margin:0;}
.search form .button { float:left; margin:0; padding:0;}
/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:0 0 0 0;}
.header h1 { font: normal 36px Arial, Helvetica, sans-serif; color:#fff; padding:31px 0 18px 10px; margin:0;}
#cu3er-container { width:960px; outline:0; }
/********** body **********/
.body_resize { margin:0; padding:0; background:#2c2c2c;}
.body { width:940px; margin:0 auto; padding:10px 10px;}
.body h2 {font: normal 18px Arial, Helvetica, sans-serif; color: #FFCC00; margin:0; padding:10px 0;}
.body h3 {font: normal 18px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:20px 0 10px 0;}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body img { padding:0; margin:10px auto;}
.body img.floated { float:left; padding:0; margin:10px 15px 10px 0;}
.body ul { list-style:none; margin:10px auto; padding:10px 0;}
.body li { padding:5px; margin:0; }
.body p { font:normal 14px Arial, Helvetica, sans-serif; color:#d2d2d2; line-height:1.8em; padding:5px 0; margin:0;}
.body p span { color:#fff;}
.body a { text-decoration:none; color:#2da9dd;}
.body a:hover { text-decoration:underline;}
.right { width:255px; float:right; padding:5px 0; margin:14px 0 10px 0; background: url(http://www.haremi.co.uk/images/divide.gif) repeat-y top left; }
.right h2 { padding: 0 0 5px 30px; color: #fff;  }
.right h3 { background: url(http://www.haremi.co.uk/images/bullet2.gif) no-repeat top left; font-size: 18px; font-weight: bold; padding: 14px 0 4px 30px; color: #fff; }
.right p { padding: 0 0 12px 30px; font-size: 12px; }


.left { width:630px; float:left; padding:5px 0; margin:0;}
.left h2 { color: #FFCC00; }
.center {}
.port_resize { background:#444444; border:1px solid #5d5d5d; width:284px; float:left; margin:10px 25px 10px 0; padding:0;}
.port_resize img { margin:0 auto; padding:0;}
.port_resize p { padding:10px; margin:0;}
/*FBG*/
.FBG { background:#212121 url(http://www.haremi.co.uk/images/fbg_bg.gif) top repeat-x; margin:0; padding:0; border-bottom:1px solid #181818;}
.FBG_resize { width:940px; margin:0 auto; padding:10px 10px;}
.FBG_resize img { float:left; margin:10px 10px 10px 0; padding:0;}
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#b4b4b4; padding:5px 0; margin:0; line-height:1.8em;}
.FBG_resize a { color:#2da9dd; text-decoration:underline;}
.FBG_resize h2 { font: normal 20px Arial, Helvetica, sans-serif; color:#fff; padding:15px 0; margin:0;}
.FBG_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#2eaade;}
.FBG_resize .left { width:290px; float:left; margin:0; padding:15px 0;}
.FBG_resize .border { background:url(http://www.haremi.co.uk/images/fbg_bg_block.gif) right center no-repeat; padding-right:17px; margin-right:15px;}

.award { width:380px; float:right; padding:5px 0; margin: 10px 0; }

/* END_bloga*/
/*************footer**********/
.footer {padding:0px 0 0 0; margin:0; background: url(http://www.haremi.co.uk/images/footer_bg.gif) top repeat-x; }
.footer_resize { width:940px; margin:0 auto; padding:10px 0;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#939393;}
.footer img { float:left; margin:0; padding:0;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#2da9dd; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:250px; margin:0; padding:35px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:426px; margin:25px 0 0 5px; padding:5px 0 0 0px; float:left;} 
/********** contact form **********/
#contactform { margin:0; padding:5px 0;}
#contactform * { color:#000;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:380px; border:1px solid #e1e1e1; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:380px; border:1px solid #e1e1e1; margin:10px 0; padding:2px; background:#f8f8f8; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
.tabletext { color: #FFF; font:bold 11px Arial, Helvetica, sans-serif; }
.list ul { list-style: none; margin: 10px 0; padding: 0 20px; }
.list ul li { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: url(http://www.haremi.co.uk/images/bullet.gif) top left no-repeat; color: #d2d2d2; margin: 0; padding: 1px 0 9px 18px; border:0; line-height:1.8em; }

.list2 ul { list-style: none; margin: 10px 0 10px 10px; padding: 0 20px; }
.list2 ul li { font-size: 14px; font-family: Arial, Helvetica, sans-serif; top left no-repeat; color: #d2d2d2; margin: 0; padding: 1px 0 9px 20px; border:0; line-height:1.8em; }
.list2 ul li.pearson { background: url(http://www.haremi.co.uk/images/bullet-pearson.gif) no-repeat top left; }
.list2 ul li.oup { background: url(http://www.haremi.co.uk/images/bullet-oup.gif) no-repeat top left; }
.list2 ul li.folens { background: url(http://www.haremi.co.uk/images/bullet-folens.gif) no-repeat top left; }
.list2 ul li.folensie { background: url(http://www.haremi.co.uk/images/bullet-folensie.gif) no-repeat top left; }
.list2 ul li.hodder { background: url(http://www.haremi.co.uk/images/bullet-hodder.gif) no-repeat top left; }
.list2 ul li.digitalcontent { background: url(http://www.haremi.co.uk/images/bullet-digitalcontent.gif) no-repeat top left; }

.formstyle input{text-align: left;color: #000;padding: 1px;}
.service{width: 618px;margin: 0 0 6px 0;}	
.contentShow{background: #222;}
.contentShow p{font-size: 14px;color: #fff;font-family: Arial, Helvetica, sans-serif;margin: 0;padding: 4px 20px;}
.contentActive{background: url(http://www.haremi.co.uk/images/contentShow_bkg_top.gif) no-repeat top left #222;}
.contentFooter{background: url(http://www.haremi.co.uk/images/contentShow_bkg_btm.gif) no-repeat top left #222;height: 6px;}
.contentActive h2{margin: 0;padding: 11px 0 7px 54px;}
.contentActive h2 a{text-decoration: underline;}
.contentActive h2 a:hover {text-decoration: none;}
.contentLink-i-footer {font-family: Arial, Helvetica, sans-serif;font-size: 11px;padding: 0 20px;margin: 0 0 10px 0;}
.contentLink-i-footer a{color: #CC0;}
.readmore{font-size: 11px;}
.info { background: url(http://www.haremi.co.uk/images/info.gif) no-repeat top left; padding: 0 0 0 20px; }

.service1 { background: url(http://www.haremi.co.uk/images/service1.gif) no-repeat top left; }
.service2 { background: url(http://www.haremi.co.uk/images/service2.gif) no-repeat top left; }
.service3 { background: url(http://www.haremi.co.uk/images/service3.gif) no-repeat top left; }
.service4 { background: url(http://www.haremi.co.uk/images/service4.gif) no-repeat top left; }
.service5 { background: url(http://www.haremi.co.uk/images/service5.gif) no-repeat top left; }
.service6 { background: url(http://www.haremi.co.uk/images/service6.gif) no-repeat top left; }
.service7 { background: url(http://www.haremi.co.uk/images/service7.gif) no-repeat top left; }
.service8 { background: url(http://www.haremi.co.uk/images/service8.gif) no-repeat top left; }
.service9 { background: url(http://www.haremi.co.uk/images/service9.gif) no-repeat top left; }
.service10 { background: url(http://www.haremi.co.uk/images/service10.gif) no-repeat top left; }
.service11 { background: url(http://www.haremi.co.uk/images/service11.gif) no-repeat top left; }
.service12 { background: url(http://www.haremi.co.uk/images/service12.gif) no-repeat top left; }
.service13 { background: url(http://www.haremi.co.uk/images/service13.gif) no-repeat top left; }
.service14 { background: url(http://www.haremi.co.uk/images/service14.gif) no-repeat top left; }
.service15 { background: url(http://www.haremi.co.uk/images/service15.gif) no-repeat top left; }
.service16 { background: url(http://www.haremi.co.uk/images/service16.gif) no-repeat top left; }
.service17 { background: url(http://www.haremi.co.uk/images/service17.gif) no-repeat top left; }
.service18 { background: url(http://www.haremi.co.uk/images/service18.gif) no-repeat top left; }

.googlesearch { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
form h3 { color: #09F; }
.recommend { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
a#ft-next-frontpageslider{outline: none;margin-right:10px;width:50px;height:50px;background-image:url('http://www.haremi.co.uk/images/right.gif');}
a#ft-prev-frontpageslider{outline: none;margin-left:10px;width:50px;height:50px;background-image:url('http://www.haremi.co.uk/images/left.gif');}
.ft-button-frontpageslider{display:none;}
#testing{margin-left:15px;list-style-type: circle;font-size:14px;font-family:arial;color:white;}
