/* CSS Document */
@import url(small.css);
@import url(fairs-3-col-centred.css);

html, body {height:100%;}
body {
padding:0;
margin:0;
color: #000000;
width:100%;
background-image: url(../images/navigation/bg-blue-ad-dir.gif);
background-repeat:repeat-x;
}
body.unsubscribe {
background-image: url(../images/navigation/bg-blue-unsubscribe.gif);
background-repeat:repeat-x;}
#outer {
text-align /**/: center;
height:100%;
min-height:100%;
margin-left:211px;
margin-right:1px;
margin-bottom:-100px;
color: #000000;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header {
left:-100px;
height:120px;
color: #000;
padding-top:0px;
color: #000000;
text-align: center;
position: relative;
margin-right: auto;/*centres in compliant browsers*/
margin-left: auto;/* "	" */
width: 554px;
visibility: visible;
}
/* mac hide \*/
* html #header{height:110px;he\ight:120px}/* height needed for ie to force layout*/
/* end hide*/
#left {
position:relative;/*ie needs this to show float */
width:211px;/* same as the left margin on #outer*/
float:left;
margin-top:-132px; /*IE6*/
margin-left:-209px;/*must be 1px less than width otherwise won't push footer down and another 1px to remove horizontal scrollbar */
padding-top:12px;/*needed to make room for header*/
left:-2px;/* push column into position*/
margin-right:-1px;
}
#left p {padding-left:2px;padding-right:2px}
#right p {padding-left:2px;padding-right:2px}
#left { 
margin-left /**/: -220px; /*IE 5.5 and IE5.0*/
margin-top /**/:-127px;/*IE 5.5 and IE5.0*/
}
#left img {margin-left /**/:-48px}
html>body #left {
margin-left: -209px; /*firefox only*/
margin-top:-132px;/*firefox only*/
}
html>body #left img {margin-left:0px}
#right {
position:relative;/*ie needs this to show float */
width:201px;/* same as right margin on #outer*/
float:right;
margin-right:-199px;/*must be 1px less than width otherwise won't push footer down and another 1px to remove horizontal scrollbar */
padding-top:12px;/*needed to make room for header*/
left:2px;/* push column into position*/
margin-left:-1px;
margin-bottom:95px;
}
* html #left {padding-bottom:65px;margin-right:-3px;}/*3px jog */
* html #right{margin-left:-3px;	left:4px;}
#footer {
padding: 10px 0 0 0;
clear:both;
height:65px;
background-image:url(../images/navigation/footerbackground.gif);
background-repeat:repeat-x;
color: #000000;
text-align:center;
position:relative;
}
* html #footer {/*only ie gets this style*/
\height:65px;/* for ie5 */
he\ight:65px;/* for ie6 */
}
 #clearfooter{clear:both;height:105px;}/*needed to make room for footer*/
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #maincontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#maincontent {position:relative;width:98%;float:left; text-align:left; margin:5px 0 0 0px; padding:10px 0 0 0px;}/*stacking context for image*/
html>body #maincontent {width:94%}
/* end of navlist mac hack */
#navcontainersub {
clear:left;
margin: 1px 0 0 0;
background-repeat:repeat-x;
height:38px;
padding: 0;
voice-family: "\"}\"";
	voice-family: inherit;
	margin: 2px 0 0 0;
}
/* start of sub navigation menu */
#navlistsub {
clear:left;
width: 570px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 202px;
}
* html #navlistsub { 
width: 810px; /*IE 5.5 and IE5.0*/
w\idth: 570px; /*Firefox and IE6*/
}

#navlistsub li
{
height:27px;	
padding: 0px 2px 5px 16px;
margin: 0 -3px 0 0;
display:inline;
line-height:27px;
background-repeat:no-repeat;
background-image:url(../images/navigation/inactivesub-blue.gif);
voice-family: "\"}\"";
	voice-family: inherit;
	padding: 7px 2px 5px 16px;
}

#navlistsub li a
{
margin: 0 0 10px 0;
padding: 0px 0px 5px 3px;
text-decoration: none;
font-weight:bold;
}
#navlistsub a
{
margin: 0 0 10px 0;
padding: 0px 0px 5px 3px;
text-decoration: none;
font-weight:bold;
}
#navlistsub li a:link { color: #000000; }
#navlistsub li a:visited { color: #ffffff; }

#navlistsub li a:hover
{
color:#ffffff;			
}
li#activesub
{
background-image:url(../images/navigation/activesub-dblue.gif);
}
li#afteractivesub
{
background-image:url(../images/navigation/afteractivesub-blue.gif);
}
#navlistsub li a#currentsub
{
color:#ffffff;
}
li#startsub
{
background-image: url(../images/navigation/start-inactivesub-blue.gif);
}
li#startactivesub
{
background-image: url(../images/navigation/start-activesub-dblue.gif);
}
/* commented navlistsub backslash mac hack v2 \*/
html>body #navlistsub {
clear:left;
width: 569px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*\*/ * html #navlistsub {
clear:left;
width:569px;
margin: 0px 0px 0px 0px; /*IE 6*/
padding: 0px 0px 0px 0px;
} /**/
* html #navlistsub {
text-align: center;
width /**/:610px;
margin /**/: 0px 0px 0px 18px; /*IE 5.5 and IE5.0*/
}
* html>body #navlistsub { margin: 1px 0 0 0; } 
#navlistsub li
{
height:27px;
padding: 0px 2px 5px 16px;
margin: 0px -1px -1px -1px;
display:inline;
line-height:27px;
background-repeat:no-repeat;
background-image:url(../images/navigation/inactivesub-blue3.gif);
voice-family: "\"}\"";
	voice-family: inherit;
	padding: 6px 2px 7px 16px;
	margin: -1px;
}
* html>body #navlistsub li { padding: 0px 1px 0px 23px; } /*for IE on the mac */
#navlistsub li a
{
margin: 0 0 0 0;
padding: 0px 0px 0px 3px;
text-decoration: none;
font-weight:bold;
}
* html>body #navlistsub li a { margin: 3px 0px 0px 0px; } /*for IE on the mac */
#navlistsub a
{
padding: 0px 0px 0px 3px;
text-decoration: none;
font-weight:bold;
}
#navlistsub li a:link { color:#ffffff; }
#navlistsub li a:visited { color: #ffffff; }
#navlistsub li a:hover
{
color:#FFFFFF;		
}
li#activesub
{
background-image:url(../images/navigation/activesub-white.gif);
}
li#afteractivesub
{
background-image:url(../images/navigation/afteractivesub-blue3.gif);
}
#navlistsub li a#currentsub
{
color:#000000;
}
li#startsub
{
background-image: url(../images/navigation/start-inactivesub-blue4.gif);
}
li#startactivesub
{
background-image: url(../images/navigation/start-activesub-dblue4.gif);
}
li#endsub
{
background-image: url(../images/navigation/end-inactivesub-blue4.gif);
width:60px;
}
li#endactivesub
{
background-image: url(../images/navigation/end-activesub-dblue4.gif);
width:60px;
}
/* end navlistsubmac hack */

/* end of header content */

/* search */
#searchsubactive {
	float:left;
	clear:left;
	padding: 25px 0px 0px 5px;
	background-image:url(../images/search2.gif);
	background-repeat:no-repeat;
	width: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;
}
html>#searchsubactive {
	width: 190px; /*be nice to opera*/
	}

#searchsubactive input { 
 font-size: 14px; 
 background-color: #EBEFF0;
}	


/* Features Left and Right */
#features {
margin-top:142px;
text-align:left;
    width: 200px;
}
html#features {
    width: 200px;
}
#features p {
	line-height:16px;
	padding: 2px 5px 0 5px;
	font-size: 11px;
}
#features img {
	margin: 0 0 0 3px;
	}
#features ul {
margin: 0 10px 0 3px;
display:block;
list-style: none;
padding: 0;
border: none;
}
#features h5 {
font-weight:bold;
background-color:#F4F2FA;
  margin: 25px 0 -35px 0px;
  text-align:right;
  padding: 3px;
}
#features div.table {
  margin: 40px 0 0 103px;
  text-align:right;
  padding: 3px;
  margin-bottom: -145px;
}
#features div.table2 {
  margin: 60px 57px 0 0px;
  padding: 3px;
  margin-bottom: 0px;
  text-align:center;
}
#features li {
border-width: 1px;
border-style:solid;
border-color:#A6D162;
padding: 0px;
margin-bottom:10px;
margin-top:5px;
background-color:#FFFFFF;
}
#features li.noborders {
border-width: 0px;
border-style:solid;
border-color:#CCCCFF;
padding: 0px;
margin-bottom:10px;
margin:5px 0 0 0;
}
#features li.noborders2 {
border-width: 0px;
border-style:solid;
border-color:#CCCCFF;
padding: 0px;
margin-bottom:10px;
margin:5px 0 0 -3px;
}
#features h3 {
  margin: 0 0 0 0px;
  background-color:#A6D162;
  color:white;
  padding: 3px 3px 3px 5px;
  margin: /**/0;  /* fixes extra left margin problem in IE5.5 as IE5.5 ignores this*/
}
.hrblue {
	background-color : #ccccff; /* all these colour definitions are used to allow for Firefox's inability to handle basic hr attributes */
	color : #ccccff;
	height : 1px;
	border : 0 solid #ccccff;
	border-top-width : thin;
}
.imagemerge {
padding: 0 0 7px 0;
}
.form {
margin-bottom:-4px;
text-align:right;
font-weight:bold;
width:150px;
}
.thumbnail h5 {
font-weight:bold;
background-color:#F4F2FA;
text-align:right;
padding:10px 0 10px 0;
display:inline;
}
.thumbnail img {
margin-left:-66px;
margin-bottom:13px;
}
.smallmargins {
margin: 5px 0 5px 0;
}
.smallpadding {
padding: 0 2px 0 2px;
}
.mediummargins {
margin: 10px 0 5px 0;
}
#maincontent img {
display:inline;
}
#maincontentf img {
display:inline;
}
#maincontent td {
line-height:140%;
}
#maincontentf td {
line-height:140%;
}
#maincontent table, p {
line-height:140%;

}
#maincontentf table, p {
line-height:140%;
}
#maincontent li {
line-height:150%;
}
#maincontentf li {
line-height:150%;
}

.smallprinti {
font-size:80%;
font-style:italic;
}
.smallprint {
font-size:80%;
}
.why {
background-image:url(../bookfairs/images/why.gif);
background-repeat:no-repeat;
padding:2px 0 0 50px;
margin-top:-5px;
}
.how {
background-image:url(../bookfairs/images/how.gif);
background-repeat:no-repeat;
padding:2px 0 0 52px;
height:21px;
}
.dot-blue {
border-style:dotted;
border-width:2px;
border-color:#74B9DC;
border-spacing:4px;
}
.thinborder {border-color:#000000;border-style:solid;border-width:1px;}
.quote {color:#0033CC;font-weight:bold;margin:0;}
#magsgrid {
text-align:center;
margin:5px 0 0 5px;
padding:0;
}
.boxlong {
text-align:center;
background-color:#FFFFFF;
width:540px;
padding: 0;
}
.boxlong img {display:inline;}
.boxlong2 {
margin-bottom:5px;
text-align:left;
background-color:#FFFFFF;
width:540px;
padding: 0;
border-style:solid;
border-width:1px;
border-color:#83B1FA;
}
.boxlong2 img {display:inline;}
.boxlongss {
background-image:url(../magazines/images/ss-bg.jpg);
background-repeat:repeat-x;
margin-bottom:5px;
text-align:left;
background-color:#FFFFFF;
width:540px;
padding: 0;
border-style:solid;
border-width:1px;
border-color:#83B1FA;
}
.boxlongss img {display:inline;}
.tshop {
margin-bottom:5px;
margin-top:5px;
background-color:#FFFFFF;
width:540px;
padding: 0;
border-style:solid;
border-width:1px;
border-color:#83B1FA;
}
.tshop img {display:inline;}
.boxstretched {
text-align:center;
background-color:#FFFFFF;
width:540px;
padding: 0;
}
html>body .boxstretched {
min-width:540px;
width:100%;
}
.boxshort {
text-align:left;
background-color:#FFFFFF;
width:216px;
border-style:solid;
border-width:1px;
border-color:#83B1FA;
}
.boxshort2 {
text-align:left;
background-color:#FFFFFF;
width:321px;
border-style:solid;
border-width:1px;
border-color:#83B1FA;
}
h4 {
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:110%;
  color:#FFFFFF;
  font-weight: bold;
  background-color:#2A2A86;
  margin: -3px -1px 5px -1px;
  padding: 3px 1px 3px 3px;
}
.hero {
width:540px;
text-align:center;
border-color:#2A2A86;
border-width: 1px;
border-style:solid;
}
html>body .hero {
min-width:540px;
width:100%;
}
.hero p {
padding: 0 5px;
}
.text-next-to-image {font-size:50px; color:#83B1FA; font-weight:bold; float:left; height:130px; line-height:34px; margin-top:2px; margin-right:1px; padding: 4px;}
* html .text-next-to-image {margin-right:-2px; margin-top:3px;}

html>body #titlebar {/*Firefox and Opera*/
margin:0px 0 0px 130px;
text-align:center;
height:37px;
padding:4px 0px 0px 0px;
}
/*\*/ * html #titlebar { /*IE6*/
margin:0px 0 0px 15px;
text-align:center;
height:37px;
padding:4px 0px 0px 0px;
} /**/
* html #titlebar {/*IE5 and 5.5*/
margin /**/:0px 0 0px 7px;
text-align:center;
height:37px;
padding /**/:4px 0px 0px 40px;
}
.smalltoplinks {
	font-size: 80%;
	top:20px;
	left:-70px;
	position:absolute;
	width:200px;
	visibility: visible;
}
/*fontchanger*/
#fontchanger {
	font-size: 80%;
	top:20px;
	left:420px;
	position:absolute;
	width:200px;
	visibility: visible;
}
.customer {background-image:url(../images/navigation/bg-customer2.gif);padding:6px 3px 3px 3px;color:#FFFFFF;
text-decoration:none;}
.inlinetable {display:inline;text-align:center;
	margin-left: 19px;
	padding:0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 0px;}
.inlinetable img {display:inline;}
.squarelink {padding: 5px 0 0 22px;background-image:url(../magazines/images/pink-square.jpg);
background-repeat:no-repeat;
font-size:90%;}
.squarelink a {padding:3px 3px 3px 20px;margin:0 0 2px 0px;}
.squarelink span {padding:3px 3px 3px 20px;margin:0 0 2px 0px;}
.squarelink img {display:inline;}
.squarelink2 a {padding:3px 3px 3px 22px;margin:0 0 2px 0px;background-image:url(../magazines/images/pink-square.jpg);
background-repeat:no-repeat;}
.thinborder {border-color:#000000;border-style:solid;border-width:1px;}
.thinborderpadding {border-color:#000000;border-style:solid;border-width:1px;margin:0 10px 0 0;}
.thinborderpadding2 {border-color:#000000;border-style:solid;border-width:1px;margin:0 20px 0 0;}
.noborderpadding {margin:0 20px 0 0;}
.alignleft {text-align:left;vertical-align:middle;display:inline;}
.optionstable td {
background-color:#E1EDFA;
padding: 2px 7px 2px 7px;
font-weight:bold;
}
.smallmarginsc {text-align:center;margin: 5px 0 5px 0;}
.featuresbgimg {background-image:url(../magazines/images/reader-offer.gif);
background-repeat:no-repeat;}
p.featuresmonster {margin:0px 0 -2px 60px;}
#features .vdig {background-color:#CBCCB0;}
#features .vdig a {background-color:#CBCCB0;
color:#000000;}
#featuresleft .vdig {background-color:#CBCCB0;}
#featuresleft .vdig a {background-color:#CBCCB0;
color:#000000;}
#cat_filter li {border:0; background-image:url(../advertising-directory/assets/list-bg2.gif);list-style-type:none;background-repeat:no-repeat;padding-left:15px;}
#features li li {border:0}
#maincontent li { background-image:url(../advertising-directory/assets/list-bg2.gif);list-style-type:none;background-repeat:no-repeat;padding-left:15px;}
#maincontent h3, {border-bottom: 1px solid #A6D162;}
#maincontent h3 a, #maincontent h2 a, { text-decoration:none;}
#maincontent img {margin:10px 0;}
#maincontent h1 {margin:5px 0 10px 1px; border-bottom: 1px solid #ddds;}
.details { padding:4px 4px 4px 10px; margin:0 0 5px 0px; background-image:url(../advertising-directory/assets/tab-corner.gif);
background-repeat:no-repeat; }
.listing { padding:4px 4px 4px 10px; border-top:0;margin:0 0 5px 0px;background-image:url(../advertising-directory/assets/tab-corner2.gif);
background-repeat:no-repeat;}
.listing h2 {margin:18px 0 4px 0; font-size:1.4em;}