@charset "UTF-8";
/* CSS Document for AccoladePublishing.co.uk, written by Matt Wilkins */
/* Also see the Reset.css document which resets all browser stylesheet measurements prior to implementing this stylesheet */

body 						{background-color:#ccc; background-image:url(../images/body-background-pattern-v3.gif); background-repeat:repeat;}

/*	Thick coloured band containing the quicklinks	*/

#poster 					{height:120px; width:950px; float:right; background: #FFF url(../images/poster-home.gif); background-repeat:no-repeat; margin:0px; padding:10px 0px 0px;}


/*	Changes the background image in the poster div for each page		*/

body#about #poster 			{background-image:url(../images/poster-about.gif); background-repeat:no-repeat;}
body#mags #poster 			{background-image:url(../images/poster-subscribe.gif); background-repeat:no-repeat;}
body#news #poster 			{background-image:url(../images/poster-news.gif); background-repeat:no-repeat;}
body#press #poster 			{background-image:url(../images/poster-testimonials.gif); background-repeat:no-repeat;}
body#contact #poster 		{background-image:url(../images/poster-contact.gif); background-repeat:no-repeat;}
body#subscribe #poster 		{background-image:url(../images/poster-subscribe.gif); background-repeat:no-repeat;}
body#free #poster 			{background-image:url(../images/poster-freenews.gif); background-repeat:no-repeat;}


h1 							{padding:15px 15px 5px 15px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px; line-height:24px; font-weight:normal; color:#000000;}
h1.404						{font-size:24px; color:#990033;}

h2 							{padding:17px 15px 5px 15px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; line-height:19px; font-weight:normal; color:#000000;}
h2.howtobuy					{padding:13px 10px 5px 10px; border-top:4px solid #006699;}
h2.latestnews				{padding:13px 10px 5px 10px; border-top:4px solid #993401;}
h2.howtobuy-nobar			{padding:17px 10px 5px 10px;}
h2.quicklink				{padding:17px 15px 0px 15px;}
h2.home						{padding-bottom:0px;}
h2.nobar					{border-top:none; width:350px; padding-left:10px;}
h2.noimage					{padding-top:0px;}
h2.enewsletter				{padding-bottom:0px; padding-right:0px; margin:0px; display:inline;}
h2.about					{padding-left: 10px;}

h3 							{padding:0px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:13px; color:#CC0000; font-weight:normal; color:#000;}
h3.news						{padding-right:10px; color:#C00; text-align:right;}
h3.newstopstory				{padding-left:15px; color:#C00;}

h3.press					{padding-left:15px; padding-top:15px; margin-bottom:0px; padding-bottom:0px;}
h3.enewsletter				{padding-left:15px; padding-top:15px; color:#C00;}

h4 							{padding:0px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#CC0000; font-weight:normal; color:#000;}
h4.pride					{padding-left:15px;}

h5							{font-weight:bold; display:inline; font-size:11px; padding:0px 0px 0px 5px; font-family:Geneva, Arial, Helvetica, sans-serif;}
h5.history					{padding:0px;}
h5.contact					{padding:0px 0px 0px 15px; width:300px; line-height:15px;}

p							{padding:15px 15px 5px 15px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#000;}
p.howtobuy					{padding:10px 10px 5px 10px;}
p.howtobuyagain				{padding:10px 25px 5px 10px;}
p.quicklink					{padding-top:0px;}
p.alignright				{text-align:right; padding:0px 10px 0px 0px;}
p.pressradio				{padding-top:0px;}
p.history					{padding:5px 0px; margin:0px;}
p.inline					{display:inline; width:300px; padding:0px 0px 0px 10px;}
p.contact					{width:300px; padding:0px 0px 0px 15px;}
p.contactfour				{width:300px; padding:0px 0px 0px 15px; color:#990000;}
p.subs						{width:200px; padding:0px 0px 0px 70px; margin:0px;}

img.subs					{float:none; padding:0px 0px; margin:0px;}
#left img.icon		{float:left; padding:0px 5px 0px 15px; margin:0px; position:relative;}

ul							{padding:15px 0px 5px 3px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#000;}
ul.latestnews				{padding:10px 0px 5px 3px;}
ul.customerservices			{padding:0px 0px 5px 0px; height:70px; line-height:13px;}
ul.history					{padding:12px 0px 5px 0px; margin:0px;}

p.non						{padding-right:0px;}

li.customerservices			{padding:0px; margin:0px; line-height:12px; height:16px;}

a 							{text-decoration:none; color:#3333FF;}
a:hover 					{color:#CC0000; text-decoration:underline;}

#column-500px a:hover		{text-decoration:none;}

ul.address					{padding:5px 0px 15px 30px;}
ul.addressnoindent			{padding:5px 0px 15px 15px;}

ul.notfound					{padding:0px 0px 0px 25px;}


li.blank 					{background-color:none; line-height:17px; padding:4px;}

li.striped 					{background-color:#EEE; line-height:17px; padding:4px;}

li.topstriped 				{background-color:#EFEBB1; line-height:17px; padding:4px; font-weight:bold;}

li.topstriped img			{padding-bottom:5px;}



/*	Highlights the current page tab	*/
body#home a#homenav, 
body#about a#aboutnav, 
body#news a#newsnav, 
body#press a#pressnav, 
body#mags a#magsnav, 
body#free a#freenav,
body#contact a#contactnav 	{color:#C00; background-color:#FFF; margin:0px 9px 0px 0px; padding:4px 4px; border-right:solid 1px #888;}

/*	Insert a thin blue bar across the top of the page - useful for alerts	*/	

#alertbanner 				{background-color:#006699; height:25px; position:relative;}

#alertbanner-message 		{width:950px; margin:0px auto 0px auto;}

#alertbanner p 				{color:#FFF; padding:10px 0px 0px 0px;}
	
	
/*	Contains all page elements, bar the alert banner	*/
	
#allcontent 				{width:950px; height:100%; margin:30px auto 0px; background-color:#FFF; padding:0px 3px;}
#allcontent.home			{height:780px;}
#allcontent.about			{height:780px;}
#allcontent.contact			{height:690px; /* background-image:url(../images/customer-services-gia.jpg); background-position:bottom; background-repeat:no-repeat; */}
#allcontent.mags			{height:890px;}
#allcontent.news			{height:1380px;}
#allcontent.press			{height:1050px;}
#allcontent.free			{height:713px;}
#allcontent.notfound		{height:575px;}
#allcontent.pride			{height:2720px;}
#allcontent.intro			{height:817px;}
#allcontent.privacy			{height:700px;}

#white						{background-color:#FFF;}


#table.contct				{padding-bottom:5px;}

/*	Header elements		*/

#header 					{width:950px; background-color:#FFF; height:90px; background-image:url(../images/header-images/rotate.php); background-repeat:no-repeat;}

#header-message 			{width:700px; float:left; margin:0px; padding:0px;}

#header h1 					{height:20px; width:500px; padding:0px; margin:30px 0px 0px 170px; padding:0px; font-size:15px; color:#000; display: inline; float:left; font-weight:normal;}

#header h2 					{height:15px; padding:0px; margin:0px 0px 0px 170px; padding:0px; font-size:13px; color:#C00; float:left;}

#header p 					{margin:0px; padding:0px; float:left;}

#header img 				{float:right; margin:5px 10px 0px 0px;}


/*	Horizontal main menu   */

#menu 						{width:950px; margin:0px 0px 2px 0px; padding:0px;}

#menu ul 					{width:720px; height:15px; margin:0px; padding:7px 0px 2px 15px; background-color:#FFF; background-position:top; background-image:url(../images/menuback-v4.gif); background-repeat:repeat-x; float:left;}

#menu-right 				{margin:0px; padding:0px; float:right;}

#menu-right ul 				{width:200px; height:15px; margin:0px; padding:7px 0px 2px 15px; background-color:#FFF; background-position:top; background-image:url(../images/menuback-v4.gif); background-repeat:repeat-x; float:right;}

#menu li, #menu-right li 	{display:inline;}

#menu a, #menu-right a		{text-decoration:none; padding:4px 4px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; margin:0px 6px 0px 0px;}

#menu li a:hover, 
#menu-right a:hover 		{color:#C00; background-color:#FFF; margin:0px 5px 0px 0px; padding:4px 4px; border-right:solid 1px #888; border-bottom:solid 1px #FFF;}


/*	This is for drop-down menu boxes (unused in this design, but supplied for possible future use)

ul#navigation li {float: left;}

ul#subnavigation {display: none; margin:0px; padding:0px; z-index:1;}
ul#subnavigation li {float: none; margin:0px;padding:0px;}

ul#subnavigation li a {padding:0px; margin:0px;}

ul#subnavigation p {padding:0px 4px; margin:0px 0px 2px 0px;  background-color:#EEE;}

ul#navigation li:hover ul#subnavigation
{
background-image:none;
display: block;
width:300px;
height:285px;
position: absolute;
font-size: 8pt;
padding:6px;
margin-top:0px;
background-color:#fff;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #888;
border-top:1px solid #888;
}

ul#navigation li:hover ul#subnavigation li a
{display: block; border: none; padding: 2px; margin:2px 2px 2px 2px;}

ul#subnavigation li :hover {background-color:#EEE; display:block;}

ul#navigation li:hover ul#subnavigation li a:before { content: "";}

*/





#poster h2 					{display:inline; color:#FFF; padding:0px; margin:0px 0px 0px 15px; float:left;}


#quicklink 					{width:50px; height:76px; float:right; margin:0px 5px 0px 5px; padding:0px; overflow:hidden;}

#quicklink:link 			{}

#quicklink:visited 			{}

#quicklink:hover 			{width:250px;}

#quicklink:active 			{}

#quicklink:hover.mags 		{width:50px;}

#magazine-id 				{width:115px; height:76px; float:right; margin:0px 5px 0px 5px; padding:0px;}

#magazine-id h3 			{text-align:right; padding:26px 0px 0px 0px;}

#editorscontainer			{width:950px; margin:0px; padding:0px; position:absolute; z-index:5;}
#editors 					{width:80px; height:109px; float:right; margin:0px 5px 0px 5px; padding:0px; overflow:hidden;}
#editors.free	 			{width:171px;}

#editors:hover 				{width:210px; height:300px; background:#eee; padding:3px; border-bottom:1px solid #bbb; border-right:1px solid #bbb; border-left:1px solid #bbb;}
#editors:hover.free		 	{width:171px; height:109px; background:none; border:none; padding:0px;}

#editors.jody:hover			{width:210px; height:230px; background:#eee; padding:3px; border-bottom:1px solid #bbb; border-right:1px solid #bbb; border-left:1px solid #bbb;}

#editors.philippa:hover			{width:210px; height:260px; background:#eee; padding:3px; border-bottom:1px solid #bbb; border-right:1px solid #bbb; border-left:1px solid #bbb;}

#editors.sarah:hover			{width:210px; height:320px; background:#eee; padding:3px; border-bottom:1px solid #bbb; border-right:1px solid #bbb; border-left:1px solid #bbb;}

#editors.colin:hover			{width:210px; height:210px; background:#eee; padding:3px; border-bottom:1px solid #bbb; border-right:1px solid #bbb; border-left:1px solid #bbb;}

#editors.middleton:hover			{width:210px; height:250px; background:#eee; padding:3px; border-bottom:1px solid #bbb; border-right:1px solid #bbb; border-left:1px solid #bbb;}


#editors img 				{float:left; margin:0px 5px 0px 0px; padding:0px;}

#quicklink-message 			{width:240px; height:75px; position:absolute; margin:0px; padding:0px; }
#quicklink-message.about	{width:450px;}
#quicklink-message.mags 	{width:350px;}
#quicklink-message.free 	{width:400px;}
#quicklink-message.press	{width:420px; height:50px;}
#quicklink-message.news		{width:400px;}
#quicklink-message.contact	{width:400px;}

#quicklink-message h2 		{float:none; display:block; height:37px; width:200px; font-weight:bold;}
#quicklink-message h2.home	{width:50px;}
#quicklink-message h2.about	{width:400px; height:5px;}
#quicklink-message h2.free, 
#quicklink-message h2.mags 	{width:400px;}
#quicklink-message h2.press	{height:10px; width:300px;}
#quicklink-message h2.news	{width:400px; height:15px;}
#quicklink-message h2.contact	{width:400px; height:15px;}

#quicklink-message p 		{float:none; color:#FFF; font-weight:bold; font-size:80%;}

#quicklink img 				{float:left; margin:0px 5px 0px 0px; padding:0px;}

#quicklink p, 
#quicklink h3, 
#editors h3,
#editors a 					{margin:0px; padding:0px; display:inline;}

#editors h3.free	 		{color:#FFFF00;}

#quicklink h3, #editors h3 	{font-weight:bold; padding:0px;}

#editors h3 				{display:block;}

#editors h4 				{display:block; padding:0px; margin:0px;}

#editors p 					{color:#000; margin:0px; padding:0px; display:inline;}	
	
	
/*	500px column elements	*/	

#staticimages				{float:right; padding-right:20px;}
img.staticimg				{margin-top:-90px;}
#column-690px				{float:left; width:695px; padding:0px 5px 0px 0px; margin:0px; border:none; background-image:url(../images/4581445.jp); background-position:top; background-repeat:no-repeat;}

#column-690px.press			{background-image:url(../images/2651792.gif); background-repeat:no-repeat; background-position:top;}
	
#column-500px				{float:left; width:500px; display: inline; padding:0px 10px 0px 0px; margin:0px;}
#column-500px.home			{background-color:none;}
#column-500px.contact		{width:692px; height:500px; }
#column-500px.free			{width:492px;}
#column-500px.about			{width:504px; padding:0px;}
#column-500px.pride			{width:720px; padding:0px;}
#column-500px.pride img		{padding-top:15px; padding-right:0px; padding-left:10px; padding-bottom:10px;}
#column-500px.pride img.prideleft		{float:left; padding-top:15px; padding-left:15px; padding-right:10px;}



#column-500px.contact h2	{width:250px;}
#column-500px.contact h2 img	{float:right; padding-top:5px; padding-right:10px;}

#column-500px img,
#column-471px img 			{float:right; padding:0px 5px 0px 0px; margin:0px 0px 0px 0px; clear:both;}
#column-471px.news img		{float:left; padding:15px 15px 0px 15px;}

#column-500px.about img		{padding:0px; margin:0px;}

#column-701px					{width:701px; float:left; padding:0px; margin:0px;}
#column-471px				{width:472px; float:left; padding:0px; margin:0px;}
#column-471px.intro			{width:469px;}
#column-471px.puzzles		{background-color:#CFC;}
#column-471px.news			{float:left; width:605px; /* width:695px; */ padding:0px 5px 0px 0px; margin:0px; border:none;}
#column-471px.newstopstory	{background-color:#FBC1B5; float:left; width:695px; padding:0px 5px 0px 0px; margin:0px; border:none;}

#column-471px.news p		{padding-right:0px;}

#column-220px				{width:220px; float:left; padding:0px; margin:0px;  border-left: 1px dotted #CCC; }
#column-235px				{width:235px; float:left; padding:0px; margin:0px;  border-left: 1px dotted #CCC; }
#column-235px.noborder		{border-left:none;}
h1.notop					{border-top:none;}

#column-235px.contactnoborder	{background-color:#eee; border-left:none; height:385px;}
#column-235px.pressnoborder	{border-left:none;}
#column-235px.press			{}
#column-235px.puzzlesnoborder	{border-left:none; width:236px; float:left; padding:0px; margin:0px;}
#column-235px.puzzles		{width:235px; float:left; border-left: #AAA 1px dotted; padding:0px; margin:0px;}
#column-235px.news			{border:none; background-color:none; width:345px;}
#column-235px.home			{border:none;}

img.pride		{float:right; padding:5px 18px 0px 5px; margin:0px;}


#column-235px.pressnoborder3	{width:100px;}
#column-235px.smaller		{width:231px;}
#column-235px.contactright	{width:240px; background-color: none; border:none; height:400px; padding:0px; margin:0px; border:none;}
#column-235px.contactrighteee	{width:440px; background-color:#eee; border:none; height:400px; padding-top:0px; margin-top:0px;}
#column-235px.about			{width:215px; border:none;}
#column-235px.about2		{width:215px; border:none;}

#column-230px				{width:230px; float:left; padding:0px; margin:0px; border:none;}
#column-230px.press			{width:230px; float:left; padding:0px; margin:0px; border-left:1px dotted #CCC;}
#column-230px.pressnoborder	{border-left:none;}

#puzzlesbgcolor				{background-color:#EEE; float:left; width:236px; padding:0px; margin:0px 0px 0px 6px; background-position:top; background-repeat:no-repeat; background-image:url(../images/total-puzzles-logo.gif);}
#puzzlesbgcolor.intro		{background-image:none; margin-left:0px;}
#puzzlesbgcolor.press		{width:242px; margin:0px; height:786px; border:none;}
#puzzlesbgcolor.contact		{background-image:none; width:239px; height:425px; margin:0px; padding-right:1px;}
#newsbgcolor				{background-color:#EEE; float:left; width:242px; height: 264px; padding:0px; margin:0px;}
#newsbgcolor.enlarged		{width:331px; height:297px;}
#aboutbgcolor				{width:215px; background-color:#EEE; float:left; height:516px; padding:0px; margin:0px; }
#aboutbgcolor.pride			{width:215px; height:250px;}
#homebgcolor				{width:215px; background-color:#EEE; float:left; height:456px; padding:0px; margin:0px; }

#column-690px p				{width:470px;}

#column-235px img			{padding-left:0px;}
#column-235px.pressnoborder img, 
#column-235px.press img,
#column-230px.press img,
#column-230px.pressnoborder img		{margin: 0px 50px 5px 15px; border:none; float:left;}

#column-230px p,				
#column-230px.pressnoborder p	{width:212px; padding:0px 50px 5px 15px;}

#column-450px				{width:436px; height:600px; float:left; padding:0px; margin:0px;}

#column-219px				{width:219px; margin:0px; padding:0px; float:left; border-left: 1px dotted #CCC; background-image:none;}
#column-219px.latestnews	{background:url(../images/latest-news.gif) no-repeat;}
#column-219px.howtobuy		{background:url(../images/lh-column-fade.gif) repeat-x;}
#column-219px.history		{background:url(../images/brief-history.gif) no-repeat;}
#column-219px.noborder		{border:none;}

#column-219px.latestnews p	{padding:0px 5px 0px 0px; display:inline;}
#column-219px.history p		{padding:0px 0px 0px 10px;}

#column-219px.latestnews li {padding:5px 10px 5px 10px; margin:0px; list-style:url(../images/pointer-red.gif) inside;}
#column-219px.latestnews li:hover	{background: url(../images/li-hover.png) repeat-y;}
#column-219px.history li	{padding:5px 0px;}

#column-219px.latestnews li img	{margin:0px; padding:0px;}

img.noborder	{padding:0px; margin:0px;}

img.noborderthree	{padding:0px 0px 0px 30px; margin:0px;}
#column-235px.puzzles img,
#column-235px.puzzlesnoborder img {padding:0px 0px 0px 10px; margin:0px;}

p.iconpadding				{padding:20px 0px;}

img.news		{float:left;}

img.valueeditors	{margin:4px 4px 0px 4px;}


#left						{width:320px; float:left; padding:0px 0px 0px 0px; margin:0px;}
#right						{border-left: 1px dotted #CCC; width:340px; float:left; padding:0px 0px 0px 0px; margin:0px;}


#icons						{float:left; padding:2px 0px 0px 0px; margin:0px; width:30px;}
#icons.right				{padding-left:15px;}
#addressdetails				{float:left; padding:1px 0px 0px 15px; margin:0px; width:275px;}
#addressdetails.right		{width:275px; padding-left:0px; padding-top:0px;}


/*	Footer elements		*/


#footer {float:none; height:50px; width:950px; margin:0px auto;}

#footer p {text-align:center; font-size:9px;}


/*	Miscellanious fixtures and fittings	*/

#button 					{background-image:url(../images/accolade-button.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px; margin:5px; width:162px; height:19px; float:right;}

#button:hover 				{background-image:url(../images/accolade-button.gif); background-position:0px -19px; background-repeat:no-repeat;}

#button a					{padding:5px; font-size:11px; margin:0px; color:#c90; text-align:center;}

form 						{text-align:left; margin:0px 5px;}

.clear 						{clear:both; height:1px; overflow:hidden;}

#save 						{position:fixed; margin:50px 0px 0px 25px;}

#x-divider 					{border-top: 1px dotted #CCC; float:left; height:1px; width:100%; margin:3px 0px;}
#x-divider.aboutdivider		{margin:5px 10px 5px 10px; width:195px;}

#y-divider 					{border-left: 1px dotted #CCC; margin:0px 3px 3px 3px; width:1px; float:left; height: 49%;}

#quickguide-blank-y-divider {margin:0px 0px 0px 5px; width:1px; float:right; height:76px;}

#quickguide-blank-x-divider {float:left; height:1px; width:100%; margin:4px 0px;}

#quickguide-y-divider 		{border-left: 1px dotted #000; margin:0px 0px 0px 4px; width:1px; float:right; height:76px;}

#quickguide-x-divider 		{border-top: 1px dotted #000; float:left; height:1px; width:100%; margin:3px 0px;}

#span-x-divider 			{border-top: 1px dotted #CCC; float:left; height:1px; width:442px; margin:3px 0px;}
#span-x-divider.puzzles		{border-top: 1px dotted #AAA; margin: 0px 5px; width:460px;}
#span-x-divider.news		{width:470px;}

#rh-x-divider 				{border-top: 1px dotted #CCC; float:left; height:1px; width:216px; margin:3px 3px 3px 0px;}

#free-y-divider 			{margin:52px 5px 0px 5px; height:109px; width:1px; float:right; border-left: 1px dotted #FFF;}

#x-divider.news 			{float:right; width:442px; height:2px;}

#x-divider.mags 			{width:205px; margin-left:15px; margin-right:15px;}

#y-divider.magsdivider 		{margin-top:10px; height:355px;}
#y-divider.magscentre		{margin-top:10px; height:1070px;}
#y-divider.topstory			{height:296px;}
#y-divider.free				{height:400px;}
#y-divider.about			{height:516px;}
#y-divider.contact			{height:400px; padding-top:40px;}
#y-divider.pride			{height:2405px;}
#y-divider.index				{height:455px;}
#y-divider.contact			{height:435px;}
#y-divider.introy				{height:501px;}





/*	Customer Services Search Styles	*/

.gallerycontainer{
padding: 0px;
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer p.nopadding	{padding-top:0px; padding-bottom:0px;}

#alignleft					{display:inline; margin:0px; padding:0px; width:500px;}
#alignleft h2				{}
#alignleft img				{float:left; margin-left:100px;display:inline;}



.thumbnail img{
border: 0px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
margin-top:20px;
margin-left:5px;
left: 0px;
visibility: hidden;
color: black;
text-decoration: none;
background-color:#FFF;
height:260px;
width:370px;
}


#staticspan{ /*CSS for enlarged image*/
position: absolute;
padding:0px;
top:0px;
left:270px;
visibility: visible;
color: black;
text-decoration: none;
border:1px dotted #ccc;
background-color:#FFF;
height:280px;
width:400px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding:0px;
}

.thumbnail:hover span, .thumbnail:focus span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 269px; /*position where enlarged image should offset horizontally */
z-index: 50;
background-color:#fff;
}