/***************************************************	
*******	BBC MAGAZINES - base style
****************************************************/


	
/****** global reset and body 
****************************************************/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,
code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
				{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent;font-family:arial, sans-serif;}
ol,ul 				{list-style:none;}
blockquote,q 			{quotes:none;}
:focus 				{outline:0;}
ins 				{text-decoration:none;}
del 				{text-decoration:line-through;}
table 				{border-collapse:collapse;border-spacing:0;}
body				{background:url(../images/gradient-header-blue.jpg) repeat-x left top;color:#424242;font-family:arial,sans-serif;color:#323232;}
a				{outline:none;}
img				{border:none;display:inline;}

html,body{
	height:100%;
}

/****** plain typography 
****************************************************/
	
h1 a			{text-indent:-9999px;float:left;display:block;width:156px;height:85px;background:url(../images/logo-bbc-magazines.jpg) no-repeat 0px 12px;}	
h2				{font-size:170%;padding:25px 0 15px;font-weight:normal;}
h3				{font-size:82%;color:#409c99;}
h4				{font-size:78%;padding:0 10px 10px;}
h5				{font-size:71%;padding:0 10px 10px;}

p				{font-size:74%;padding:0 0 15px;line-height:1.5;}

#circulation p,
#key-contacts p,
#case-studies p,
#research p			{width:400px;}
#case-studies h3		{padding:5px 0 0;display:block;color:#333;}


/****** structure divs <ID>
****************************************************/

ul#accessibility			{display:none;}
#wrapper				{width:760px;margin:0 auto;text-align:left;position:relative;height:auto !important; /* real browsers */
	height:76%;/* IE6: treated as min-height*/
	min-height:90%; /* real browsers */
	padding-bottom:187px;}	
* html #wrapper
    {	padding-bottom:20px;}	
#header					{width:760px;}		
#centre-panel				{width:760px;clear:both;padding:20px 0 60px;float:left;min-height:100px;}
#content,
#content-inner				{width:565px;float:left;margin:0;padding:0;}
#magazine-centre-panel,
#flash-box				{width:565px;height:200px;float:left;}
#right-column				{width:175px;float:right;display:inline;margin:0;padding:0;}
#right-column fieldset			{padding:5px 0;margin:0;}
#right-column select			{width:100%;}

#right-column ul.btns li 		{padding:10px 0 0;margin:0;}
#right-column ul.btns li.blank 		{height:85px;}
#right-column ul.btns li.margin-10 	{margin:10px 0 20px;}

#magazine-centre-panel			{margin-bottom:15px;}
#magazine-centre-panel img		{margin-left:10px;height:200px}
/*#case-studies #content-inner h2		{padding-top:30px}*/

/****** main navigation
****************************************************/	
	
ul#main-navigation			{width:548px;float:right;margin-top:57px;}	
ul#main-navigation li			{display:inline;}
ul#main-navigation a			{background-color:#45AFBC;float:left;display:block;height:28px;margin:0 2px 0 0;text-indent:-9999px;}
a#nav-key-contacts			{background:url(../images/nav-key-contacts.jpg) no-repeat 0 0;width:91px;}
a#nav-circulation			{background:url(../images/nav-circulation.jpg) no-repeat 0 0;width:78px;}
a#nav-research				{background:url(../images/nav-research.jpg) no-repeat 0 0;width:71px;}
a#nav-case-studies			{background:url(../images/nav-case-studies.jpg) no-repeat 0 0;width:92px;}
a#nav-websites				{background:url(../images/nav-websites.jpg) no-repeat 0 0;width:71px;}
a#nav-magazines				{background:url(../images/nav-magazines.jpg) no-repeat 0 0;width:78px;}
a#nav-home				{background:url(../images/nav-home.jpg) no-repeat 0 0;width:52px;}

ul#main-navigation li a.here,
ul#main-navigation li a.here:hover	{background-position:0 -28px;}
ul#main-navigation li a:hover		{background-position:0 -56px;}


/******	right column lists
****************************************************/	 

#right-column div			{margin:10px 0;width:175px;font-size:71%;background:url(../images/dl-sides.gif) no-repeat left bottom;}
#right-column div ul        {padding:0 0 15px;background:url(../images/dl-divider.gif) no-repeat center bottom;}
#right-column div ul:last-child,
#right-column div ul.last		{background:none;}
#right-column div h3			{width:175px;height:25px;display:block;text-indent:-9999px;}
#right-column div.key-contacts h3	{background:url(../images/rounded-dl-top-key-contacts.jpg) no-repeat left top;}
#right-column div.contacts h3		{background:url(../images/rounded-dl-top-contacts.jpg) no-repeat left top;}
#right-column div.downloads h3		{background:url(../images/rounded-dl-top-downloads.jpg) no-repeat left top;}
#right-column div.downloads a:visited,
#right-column div.downloads a
                            {color:#920466;text-decoration:none;}
#right-column div.downloads a:hover
                            {text-decoration:underline}
#right-column div ul a			    {text-decoration:underline;color:#424242;}
#right-column div ul li p           {font-size:100%}
#right-column div ul li.position	{padding:10px 10px 0;}
#right-column div ul li.name,	
#right-column div ul li.file-size,
#right-column div ul li.download-link,
#right-column div ul li.phone-number	{padding:0 10px;background:none;}
#right-column div ul li.file-size	{padding-bottom:0px;}
#right-column div ul li.phone-number,
#right-column div ul li.download-link,
#right-column div ul li.position,
#right-column div ul li.download-link a	{ font-weight:bold;color:#920466;}
#right-column div ul li.download-link	{padding-top:10px;padding-bottom:5px;}
#right-column div ul li.normal		{padding:10px 10px 0;font-weight:normal;}
#right-column div ul li.print-page	{background:none;padding:10px 10px 15px;}
#right-column div ul li.print-page a	{color:#920466;display:block;background:url(../images/icon-print-page.gif) no-repeat left center;padding-left:15px;font-weight:bold;}
#right-column div ul li.p-b-10		{padding-bottom:0;}


/****** content panel typography
****************************************************/

#content-inner h2		{padding:0 0 10px 10px;}
#content-inner h3		{color:#409c99;padding:0 10px 15px;}
#content-inner h4		{padding:0 10px 10px;}
#content-inner h5		{padding:0 10px 10px;}
#content-inner ul		{font-size:74%;clear:both;padding:0 10px 10px;}
#content-inner ul li	{background:url(../images/bullet-blue-ul.gif) no-repeat 0 8px;padding:0 10px 5px;}
#content-inner p		{padding:0 10px 15px;}
#content-inner a:visited,
#content-inner a        {color:#920466;text-decoration:none}
#content-inner a:hover  {color:#920466;text-decoration:underline}

#tabular-data 			{width:565px;margin-top:30px;float:left;}
#tabular-data h2		{padding:0 0 10px 0px;}
#tabular-data h3		{color:#409c99;padding:0 10px 15px 0px;}
#tabular-data div		{padding:0;margin:0;}

#tabular-data ul		{width:565px;padding:0 0 4px;background:url(../images/tabular-data-bottom-border.gif) no-repeat left bottom;}
#tabular-data ul li		{padding:0;}
#tabular-data ul li a:hover,
#tabular-data ul li a:visited,
#tabular-data ul li a	{color:white;text-decoration:none;}
ul.ui-tabs-nav			{font-size:74%;}



/****** content pane with definition lists 
****************************************************/

#tabular-data dl		{font-size:74%;width:565px;float:left;background:url(../images/tabular-data-rounded-bottom.gif) no-repeat left bottom;padding:20px 0;margin:0;}
#tabular-data dt,
#tabular-data dd		{width:545px;display:inline;float:left;margin:0 10px;font-weight:bold;}
#tabular-data dt span,		
#tabular-data dd span		{width:250px;display:block;}
#tabular-data dd span.l,
#tabular-data dt span.l		{float:left;padding:10px 0 10px 10px;}
#tabular-data dd span.r,
#tabular-data dt span.r		{float:right;padding:10px 10px 10px 0;}

#tabular-data dt		{background:#D5D5D5 url(../images/rounded-corner-tr-bottom.gif) no-repeat left bottom;}
#tabular-data dt span.l		{background:transparent url(../images/rounded-corner-dt-left.gif) no-repeat left top;}
#tabular-data dt span.r		{background:transparent url(../images/rounded-corner-dt-right.gif) no-repeat right top;}
#tabular-data dl dd.title	{font-size:16px;padding:10px 20px 25px 10px;font-weight:bold;color:#00AEBC;}

div.image-holder,
div.image-cycler		{overflow:hidden;height:340px;width:562px;background:transparent url(../images/tabular-data-rounded-bottom.gif) no-repeat left bottom;border-top:1px solid #333;border-right:1px solid #333;padding:20px 0;}

div.image-holder		{position:relative;}


div.image-cycler		{height:339px;width:562px;text-align:center;border:0;}
div.image-cycler img	{margin-left:1px;}

div.nav				{position:absolute;top:160px;left:0;width:562px;z-index:9999;}
div.nav	a			{text-indent:-9999px;width:19px; height:20px;display:block;}
div.nav	a.prev1,
div.nav	a.prev2,
div.nav	a.prev3,
div.nav	a.prev4			{background:url(../images/arrow-cycle-left.gif) no-repeat left top;float:left;}

div.nav	a.next1,
div.nav	a.next2,
div.nav	a.next3,
div.nav	a.next4			{background:url(../images/arrow-cycle-right.gif) no-repeat left top;float:right;}

/****** tables
****************************************************/

table				{font-size:74%;font-weight:bold;vertical-align:top;margin-top:25px;}
td				{padding:5px 10px;background-color:#FAB6E5;border:solid #fff;border-width:2px 2px 2px 0;}
td.e				{background-color:#F7C8E8;}
caption				{text-indent:-10000px;font-size:0;height:0px;}
td a				{text-decoration:underline;color:#333;}
table.width-100			{width:100%;}
table.width-400,
#circulation table		{width:400px;}
#circulation th			{color:#fff;}
.width-25			{width:30%;}
tr.dark 			{border-top:#333;border-width:0 2px 0 0;background-color:#333;}
tr.dark td,
th				    {background-color:#333;color:#fff;padding:3px 11px;}
tr.dark td			{border:0}
tr.dark td.last,
tr.dark th.last     {border-right:2px solid #fff;}

table.table-data		{width:564px;background:url(../images/tabular-data-rounded-bottom.gif) no-repeat left bottom;padding:20px 0 0;margin:0;}
table.table-data th		{background-color:transparent;text-align:left;font-size:16px;padding:30px 20px 15px 10px;font-weight:bold;color:#00AEBC;}
table.table-data td		{background-color:transparent;border:0;padding:10px 20px;}
table.table-data td.first-col	{width:40%;}
table.table-data tr.odd		{background:url(../images/table-tr-rounded-top.gif) no-repeat center top;}
table.table-data tr.odd	td.first-col	{background:transparent url(../images/table-tr-rounded-bottom.gif) no-repeat left bottom;}
table.table-data tr.odd	td.r	{background:transparent url(../images/table-tr-rounded-bottom.gif) no-repeat right bottom;}
table.table-data tfoot td	{padding-bottom:10px;margin-bottom:10px;}
table.table-data tbody		{padding:0;margin:0;}

table.table-data tr.odd{background: url(../images/table-tr-rounded-top.gif) no-repeat center top;}





table.table-data-tabs tr.odd td.first-col{
	background:#d5d5d5;
	background : url(../images/odd-beg.gif) no-repeat #d5d5d5;
	border-left: 1px solid black;
}

table.table-data-tabs tr.odd td.r{
	background:#d5d5d5;
	background : url(../images/odd-end.gif) no-repeat right #d5d5d5;
	
}

.tabInner{
	width:541px;
	border:solid 1px;
	padding:10px!important;
	float:left;
}

table.tabbed-table td{
	padding:0px 0px;
	background-color:#FFF;
	border:solid #fff;
	border-width:0px 0px 0px 0;
}


.tabbed-table{
	font-size:74%;font-weight:bold;vertical-align:top;margin-top:-5px;
	width:540px;
}

.tabbed-table th{background-color:transparent;text-align:left;font-size:16px;padding:30px 20px 15px 10px;font-weight:bold;color:#00AEBC;}


.tabbed-table td.t-odd{
	padding:10px 0px 10px 10px;
}


.tabbed-table td.ratecard_header{
	padding:10px 0px 8px 10px;background:#333333;Color:White;
}

.tabbed-table td.ratecard_subheader{
	height:25px;padding:10px 0px 8px 10px;background:url('../images/ratecard_subheading.jpg') repeat-x bottom left;
}

.tabbed-table td.t-even{
	background : url(../images/bl.gif) no-repeat bottom left #d5d5d5;
}

.tabbed-table td.t-even-l
    {width:58%}

.tabbed-table td.t-even-l span{
	background : url(../images/tl.gif) no-repeat;
	padding:10px 0px 10px 10px;
	display:block;
}


 .tabbed-table td.t-even-r{
	background : url(../images/br.gif) no-repeat bottom right #d5d5d5;
	width:42%;
}

.tabbed-table td.t-even-r span{
	background : url(../images/tr.gif) no-repeat top right;
	padding:10px 0px 10px 10px;
	display:block;
}



/****** page specific panel background classes
****************************************************/

.magazines-masthead		{background:url(../images/image-large-panel-default.jpg) no-repeat left top;height:200px;}
.magazines-masthead img {height:200px;}

.top-gear			{background:url(../images/image-large-panel-top-gear.jpg) no-repeat left top;}


/******	homepage specific
****************************************************/

#homepage #content		{width:760px;padding-bottom:60px;}
#homepage #content h3		{margin-bottom:5px;}
#homepage #content h3 a 	{width:175px;display:block;height:25px;text-indent:-9999px;}
#homepage #content ul		{width:175px;text-align:left;padding:0 0 10px;}
#homepage #content li		{font-size:12px;font-weight:bold;background:none;padding:0;}
#homepage #content ul a		{color:#262626;text-decoration:none;width:auto;height:1%;display:block;padding:0.2em 1em;}
#homepage #content ul a:hover	{background-color:#d2fafb;}
#homepage #content ul a.bristol:hover	{background:url(../_images/cms_bristol_highlight.jpg) no-repeat 0 0;}
#homepage #centre-panel		{padding-bottom:15px;}

#homepage #flash-box		{background:url(../images/_flash-temp-graphic.jpg) no-repeat left top;}
#content div			{width:175px;display:block;}
#content div.left		{float:left;}
#content div.right		{float:right;}
.margin-right			{margin-right:20px;}
.margin-left			{margin-left:20px;}
#image-holder			{width:173px;display:block;margin:auto;text-align:center}
/*
#image-holder img		{border:1px solid #D5D5D5;}
*/
h3.h3-adult a			{background:url(../images/h3-home-adult.jpg) no-repeat left top;}
h3.h3-teen a			{background:url(../images/h3-home-teen.jpg) no-repeat left top;}
h3.h3-pre-teen a		{background:url(../images/h3-home-pre-teen.jpg) no-repeat left top;}
h3.h3-pre-school a		{background:url(../images/h3-home-pre-school.jpg) no-repeat left top;}
h3.h3-bristol-magazines	a	{background:url(../images/h3-home-bristol-magazines.jpg) no-repeat left top;}
h3.h3-online a			{background:url(../images/h3-home-online.jpg) no-repeat left top;}


/****** research lists
****************************************************/

#research div.research-list		{width:565px;float:left;margin:0px 0px 25px 0px;clear:both;}
#research div.research-list a:visited,
#research div.research-list a	{color:#920466;text-decoration:none;}
#research div.research-list a:hover	{text-decoration:underline;}
#research div.research-list h3		{font-size:90%;padding:0 0 5px;}
#research div.research-list h3 a:visited,
#research div.research-list h3 a	{color:#00AEBC;text-decoration:none;}
#research div.research-list h3 a:hover	{text-decoration:underline;}
#research div.research-list h4		{font-size:75%;padding-left:0;padding-bottom:5px;}
#research div.research-list h4 a:visited,
#research div.research-list h4 a	{color:#920466;text-decoration:none;padding-right:10px;}
#research div.research-list h4 a:hover	{text-decoration:underline;padding-right:10px;}
#research div.research-list p		{padding:0 0 10px;width:auto;}
#research div.research-list img		{float:left;margin-top:3px;}
#research div.research-list div		{float:right;width:370px;display:block;margin:0;padding:0;}
#research div.research-list div#imageless		
                                    {width:570px;display:block;margin:0;padding:0;}

/****** Circulation
****************************************************/
#circulation div#content-inner a:visited,
#circulation div#content-inner a	{color:#920466;text-decoration:none;padding-right:10px;font-size:75%}
#circulation div#content-inner a:hover	{text-decoration:underline;padding-right:10px;}

/****** strong,emphasis,acronym and abbreviation
****************************************************/

strong				{font-weight:bold;}


#globalcontainer
    {position:relative;
    min-height:100%;
}
    
#defaultbody
    {padding-bottom:187px;}
       
* html #defaultbody
    {padding-bottom:0px;}

/****** footer links and forms 
****************************************************/

#footer 			{text-align:left;margin:0 auto;width:760px;color:#fff;font-size:71%;display:block;height:187px;}
#overlay			{position:absolute;bottom:0;clear:both;text-align:center;width:100%;
        			 height:187px;
        			 background:#D6F9FC url(../images/gradient-footer-blue.jpg) repeat-x left top;}
        			/*position:absolute;bottom:0;}*/
* html #overlay
    {position:relative;bottom:0px;}

#footer div.credits	{float:left;width:170px;padding:5px 0px 0px 0px;} 
#footer p			{font-size:9px;padding:5px 0 10px 0px;width:200px;}
#footer ul			{float:right;width:550px;margin:10px 0px 0px 0px} 
#footer li			{display:inline;}
#footer li a		{display:block;color:#fff;float:left;padding:10px 6px 0px 6px;text-decoration:none;}
#footer li a:hover	{text-decoration:underline;}


/****** hacks
****************************************************/

	
.clearfix:after 		{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix 			{display:inline-table;}

* html .clearfix 		{height:1%;}
.clearfix 			{display:block;}


/***************************************************	
*******	enginehouse@gmail.com
****************************************************/



/****************************************
 *
 * Case studies
 *
 ****************************************/

#case-studies #tabular-data ul		{background:none;}
#case-studies div#tabular-data div#content-inner div ul		{font-size:74%;clear:both;padding:0 10px 10px;}
#case-studies div#tabular-data div#content-inner div ul li		{background:url(../images/bullet-blue-ul.gif) no-repeat 0 5px;padding:0 10px 5px;}
#case-studies div#tabular-data div#content-inner p		{padding:0 10px 15px 0px;}

#searchtab
    {margin:0px 0px 0px 10px;padding:0px 0px 0px 20px;font-size:80%;font-weight:bold;float:left;color:white;text-align:center;background:white url(../images/searchtab.jpg) no-repeat top left;height:25px;}
* html #searchtab
    {margin-left:5px;}

#casestudy_searchbox
    {border:1px solid #666;border-top-width:4px;width:450px;padding:20px;margin:0px 0px 0px 10px;}

#casestudy_searchbox ul
    {list-style:none;float:none;}

#casestudy_searchbox ul li
    {padding:0px;background:none;}

#casestudy_searchbox ul li span
    {float:left;width:220px;}

.casestudies_search
    {width:200px;}
    
#allcasestudies ul li
    {border-top:1px solid lightgrey;background:white url('../images/downloadmarker.jpg') no-repeat left 7px;
     padding:4px 0px 4px 15px;}

    
.toggle
    {display:none;float:none;background:white}

#allcasestudies ul li#advsector a
    {color:#c651ad;}

#allcasestudies ul li ul li
    {background:white;}

#allcasestudies ul li ul
    {list-style-type:square;width:450px;}
    
#searchresults 
    {font-size:80%;margin:0px 0px 0px 10px;}
#searchresults a,
#searchresults a:visited,
#searchresults a:hover
    {color:#c651ad;}

#resultspageno,
#resultspagenolwr
    {text-align:center;font-size:80%;color:black}    
#resultspageno a,
#resultspagenolwr a,
#resultspagenolwr a:visited,
#resultspageno a:visited
    {color:Black;}
#resultspageno a[disabled],
#resultspageno a:hover[disabled],
#resultspageno a:visited[disabled],
#resultspagenolwr a[disabled],
#resultspagenolwr a:hover[disabled],
#resultspagenolwr a:visited[disabled]
    {color:#C0C0C0;text-decoration:none;}
    
    
    
/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:71px;
	margin-left: 0px;
	background:none;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:0px solid #ccc;
	padding: 0px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500;
}