﻿/* Clear floated objects */
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix 
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix 
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */

/* General Layout */
body
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	padding:0;
	margin:0; 
}
.PrintOnly
{
	display:none;
}
body, div, table, tr, td, p,h1, h2, li, ul
{
	margin:0;
	padding:0;
	border:0;
}
a
{
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
table
{
	border-collapse:collapse;
}
img, span
{
	border:0;
	padding:0;
	margin:0;
}
.HorizontalDivideBlack
{
	height:1px;
	background-color:#000;
}
a.ShowsSmallRollover, a.ProductSmallRollover
{
	display:block;
	background-color: #CC0066; 
	opacity:.0;
	filter: alpha(opacity=0); 
	-moz-opacity: 0.0;		
}
a.ShowsSmallRollover, .ShowsSmallImg
{
	width:75px;
	height:113px;
}
a.ProductSmallRollover
{
	width:71px;
	height:77px;
}
a.ShowsSmallRollover:hover, a.ProductSmallRollover:hover, a.ShowsSmallSelected, a.ProductSmallSelected
{ 
	opacity:.30;
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;	
}
#Outer
{
	width:940px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#Strapline
{
	height:10px;
	font-size:10px;
	letter-spacing:13px;
	padding:4px 0 4px 8px;
}
#Main{background-image:url(shadow-background-outer.gif);background-repeat:repeat-y;padding-left:2px}
#Page{background-image:url(shadow-background-right.gif);background-repeat:repeat-y;background-position:right}
.Credit
{
	position:absolute;
	bottom:0px;
	left:0;
	width:320px;
}
.Credit a
{
	float:right;
	padding:0 5px 2px 5px;
	font-family:Verdana;
	font-size:9px;
	font-weight:normal;
	background-color:#000000;
	color:#999999;
	text-decoration:none;
}

/* Tab navigation */
.TabNavigation
{
	margin-top:1px;
	background-image:url(navigation-tabs-bg.jpg);
	background-repeat:repeat-x;
	margin-bottom:10px;
}
.TabNavigation a
{
	font-size:11px;
	font-weight:bold;	
	text-decoration:none;
	color:#4C2557;
}
.TabNavigation a:hover
{
	color:#CC0C6C;
}
.Tab
{
	float:left;
	padding:4px 21px 7px 14px;
	background-image:url(navigation-tab-divider.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.TabSelected
{
	background-color:#fff;
}
.TabSelected a
{
	color:#CC0C6C;
}
.TabDivider
{
	float:left;
	width:7px;
	height:24px;
	background-image:url(navigation-tab-divider.jpg);
	background-repeat:no-repeat;
}
.CNFormBlockSubmitButton
{
    border:none;
    background:transparent;
    background-image:url('enter.gif');
    background-repeat:no-repeat;
    width:57px;
    height:17px;
    
    /*
    Cross-browser set the cursor to a 'hand'
    Do not reverse those two values! If you write your styles as shown above, then NS6+ will see the first value and ignore the second, so you get pointer. In IE5.x/Win, it sees both and uses the second, so you get hand. If you reverse the values, then Netscape 6+ will be okay, but IE5.x/Win will see both and try to use the second. That won't get you the little hand-pointer icon in IE5.x/Win.
    A caveat: following the approach recommended here will prevent the stylesheet from validating, since it contains an invalid value for cursor. Authors are advised to weigh this drawback against the gain the fix gives them, decide which is more important to them, and proceed accordingly. 
     */
    cursor: pointer; cursor: hand;
}
/* Tracking */
#Tracking
{
	display:none;
}

/* Top Toolbar */
#Main #TopToolbar
{
	background-image:url(background.jpg);
	background-repeat:no-repeat;
	height:122px;
}
#Main #TopToolbar #TopLinks
{
	height:94px;
}
#Main #TopToolbar #Logos
{
	display:inline;
	float:left;
	padding:11px 3px 0 4px;
}
#Main #TopToolbar #Navigation ul.Headers
{
	list-style:none;
	padding-top:2px;
	margin-top:6px;
	margin-left:14px;
}
#Main #TopToolbar #Navigation ul.Headers li
{
	display:inline;
	padding-right:16px;
}
#Main #TopToolbar #Navigation ul.Headers li a
{
	color:#fff;
	text-decoration:none;
	font-family:Verdana;
	font-weight:bold;
	font-size:10px;
}
#Main #TopToolbar #Navigation ul.Headers li a:hover
{
	color:#CC99CC;
}
#Main #TopToolbar #ToolbarSubscribe
{
	padding-left:3px;
}
#Main #TopToolbar #ToolbarSubscribe a
{
	color:#F8F7F1;
	font-weight:bold;
}
#Main #TopToolbar #ToolbarSubscribe div
{
	cursor:pointer;
	display:inline;
	float:left;
	padding:3px 0 0 5px;
}
#Main #TopToolbar #ToolbarSubscribe img
{
	float:left;
	height:22px;
	width:98px;
}
/* Toolbar drop down menus */
#Navigation .DropDownMenus
{
	margin-left:-14px;
}
#Navigation .DropDownMenus ul 
{
	list-style:none;
}
#Navigation .DropDownMenus li a 
{
	display:block;
	width:144px;
	padding:4px 5px 4px 5px;
	margin-bottom:1px;	
	font-family:Verdana;
	font-size:10px;
	color:#FFF;
	border:solid 1px #612F70;
	background-color:#340D40;
	text-decoration:none;
	text-align:right;
	vertical-align:bottom;
}
#Navigation .DropDownMenus li a:hover 
{
	background-color:#996699;
}
#Navigation .DropDownMenus .Menu
{
	position:absolute;
	z-index:5;
	top:146px;
	visibility:hidden;
}
#Navigation .DropDownMenus #DropDownMenuCelebs 
{
	left:12px;
}
#Navigation .DropDownMenus #DropDownMenuFashion
{
	left:86px;
}
#Navigation .DropDownMenus #DropDownMenuBeauty 
{
	left:151px;
}
#Navigation .DropDownMenus #DropDownMenuLove
{
	left:237px;
}
#Navigation .DropDownMenus #DropDownMenuHealth 
{
	left:299px;
}
#Navigation .DropDownMenus #DropDownMenuVideo
{
	left:368px;
}
#Navigation .DropDownMenus #DropDownMenuMagazine
{
	left:770px;
}

/* Page Toolbar */
#PageToolbar
{
	width:792px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#fff;
}
#PageToolbar img
{
	vertical-align:middle;
}
#PageToolbar a
{
	color:#333333;
	text-decoration:none;
}
#PageToolbar a:hover
{
	text-decoration:underline;
}

/* Breadcrumb */
#PageToolbar #Breadcrumb
{
	float:left;
	width:630px;
	margin-left:3px;
	margin-top:2px;
}
#PageToolbar #Breadcrumb ul
{
	list-style:none;	
	font-size:10px;
}
#PageToolbar #Breadcrumb ul li
{
	display:inline;
	font-size:10px;
	color:#390E46;
}
#PageToolbar #Breadcrumb ul li a
{
	font-size:10px;
	color:#390E46;
}
.BreadcrumbArrow
{
	color:#FF3399;
	padding-left:5px;
}

/* More shows */
#MoreShows
{
	float:left;
	clear:both;
	margin-top:2px;
	margin-bottom:10px;
	width:630px;
	background-color:#F6F0F4;
}
#MoreShows #ShowsTitlebar
{
	width:630px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:2px;	
	background-color:#3E1A49;
}
#MoreShows #ShowsTitlebar h1
{
	float:left;
	padding-left:8px;
	font-family:Verdana;
	font-size:11px;
	color:#fff;
}
#MoreShows #ShowsTitlebar h2
{
	float:right;
	padding-right:8px;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size:10px;
	font-weight:normal;
	color:#fff;
}
#MoreShows #ShowsLinks
{
	float:left;
	width:310px;
	padding:10px;
	background-color:#F6F0F4;
}
#MoreShows #ShowsLinks .Row
{
	width:310px;
}
#MoreShows #ShowsLinks .Shows
{
	float:left;
	position:relative;
	width:152px;
	margin-left:1px;
	margin-right:1px;
}
#MoreShows #ShowsLinks .Shows h1
{
	clear:both;
	position:absolute;
	bottom:0;
	left:0;
	width:152px;
	padding-top:1px;
	padding-bottom:2px;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size:10px;
	font-weight:normal;
	background-color:#502A5C;
	color:#fff;
	text-align:center;
}
#MoreShows #ShowsLinks .Shows .ShowLinkLeft
{
	float:left;
}
#MoreShows #ShowsLinks .Shows .ShowLinkRight
{
	float:right;
}
#MoreShows #AdPlaceholderBottom1
{
	float:left;
}

/* Previous issues */
#PreviousFeatures
{
	margin-top:10px;
	padding-bottom:10px;
}
#PreviousFeatures h1
{
	width:622px;
	padding:3px 0 3px 8px;
	margin-bottom:2px;	
	background-color:#3E1A49;
	font-family:Verdana;
	font-size:11px;
	color:#fff;		
}
#FeaturesPH
{
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(more-background.gif);
	background-repeat:repeat-y;
}
#PreviousFeatures .Feature
{
	float:left;
	width:87px;
	margin-left:2px;
	text-align:center;
}
#PreviousFeatures .Feature a
{
	font-family:Verdana;
	font-size:10px;
	color:#330033;
}
#PreviousFeatures .Feature .TextLink
{
	padding-top:6px;
}
#PreviousFeatures .FirstFeature
{
	padding-left:4px;
	margin-left:0;
}
#PreviousFeatures .LastFeature
{
	padding-right:5px;
}

/* User Navigation */
#PageToolbar #UserNavigation
{
	float:left;
	margin-top:1px;
}

/* RSS Link */
#PageToolbar #Rss
{
	float:right;
	padding-left:26px;	
	padding-right:9px;
}
#PageToolbar #Rss img
{
	padding-left:8px;
}

/* Footer */
#Main #Footer
{
	width:934px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:2px;	
	background-image:url(background.jpg);
	background-repeat:repeat;
}
#Main #Footer #FooterBottomRow p, #Main #Footer #FooterBottomRow a, #AboutUs a
{
	font-size:10px;
	color:#fff;
}
#Main #Footer #FooterBottomRow a, #AboutUs a
{
	text-decoration:none;
}
#Main #Footer #FooterBottomRow a:hover, #AboutUs a:hover
{
	text-decoration:underline;
}
#Main #Footer img
{
	vertical-align:middle;
}
#Main #Footer #FooterTopRow
{
	padding-bottom:5px;
}
#Main #Footer #FooterTopRow p .Pipe
{
	padding-left:10px;
	padding-right:10px;
	color:#000;
}
#Main #Footer #FooterTopRow img
{
	margin-left:10px;
	margin-right:10px;
}
.Sites, .SitesDD, #AboutUs
{
	float:left;
}
.SitesDD .CNDropDownMenu, .SitesDD .CNDropDownMenu li ul
{
	width:195px;
}
.SitesDD, #AboutUs
{
	margin-top:2px;
}
.SitesDD p
{
	font-size:10px;
}
#AboutUs
{
	padding-left:20px;
}
#Main #Footer #FooterBottomRow
{
	padding-left:10px;
	padding-top:5px;
}
#Main #Footer #FooterBottomRow img
{
	float:left;
	margin-right:20px;
}
#Main #Footer #FooterBottomRow p
{
	float:left;
}

/* Adverts */
.AdPlaceholderTop
{
	float:left;
	margin-top:0px;
	width:728px;
	height:94px;
	border:0px;
}

.AdPlaceholderTop td
{
	vertical-align:middle;
	text-align:center;
}

#AdTop, #AdRight, #AdBottom, #AdBottom1, #AdPosition1, #AdPosition2
{
	display:none;
}

.AdContainerBottom1
{
	float:left;
}

/* Ipod */
.Ipod .IpodIcon
{
	float:left;
}
.Ipod .IpodDownload
{
	float:left;
	width:auto;
	margin-left:2px;
	background-image:url(ipod-link-bg.jpg);
	background-repeat:repeat-y;
}
.Ipod .IpodDownload p
{
	width:134px;
	padding-left:5px;
}
.Ipod .IpodDownload a
{
	font-size:10px;
	color:#390E46;
}

/* Video controls */
.VideoControls
{
	margin-top:7px;
}
.VideoControls .VCQuality
{
	float:left;
	width:118px;
	padding-top:2px;
	padding-bottom:3px;
	background-image:url(quality-bg.gif);
	background-repeat:no-repeat;
}
.VideoControls .VCQuality p
{
	text-align:center;
	font-size:10px;
	color:#000;
}
.VideoControls .VCQuality a
{
	font-size:10px;
	color:#663366;
}
.VideoControls .VCQuality .QualitySelected
{
	color:#660033;
}
.VideoControls .VCFullscreen
{
	float:right;
	width:77px;
	padding-top:2px;
	padding-bottom:3px;	
	background-image:url(fullscreen-bg.gif);
	background-repeat:no-repeat;
}
.VideoControls .VCFullscreen p
{
	text-align:center;
}
.VideoControls .VCFullscreen a
{
	font-size:10px;
	color:#fff;
	cursor:hand;
}

/*LoveThis link*/
a.LoveThisButton
{
	padding-left:26px;
	background-image:url(tick.gif);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:11px;
	color:Black;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
a.LoveThisButton:hover
{
	text-decoration:underline;
}
.StyledButton
{
	border:none;
	background-color:#CC0066;
	cursor:hand;
	color:white;
	padding:2px 5px;
	font-weight:bold;
	display:block;
	margin-top:10px;
	text-align:left;
}

/* Related Links */
.RelatedLinksPH
{
	padding-top:10px;
}
.RelatedLinksPH .RelatedLinksImagePH
{
	float:left;
	margin-right:10px;
}
.RelatedLinksPH p
{
	float:left;
	width:206px;
}
.RelatedLinksPH p a
{
	font-size:11px;
	font-weight:bold;
	color:#000;
}

/*popup*/
#overlay{
	DISPLAY: none;	Z-INDEX: 5000;	FILTER: alpha(opacity=50);	LEFT: 0px;	WIDTH: 100%;	POSITION: fixed;	TOP: 0px;	HEIGHT: 100%;	BACKGROUND-COLOR: #000;	-moz-opacity: 0.6;	opacity: .60;
}
#cnPopup
{
		padding-top:14px;
		padding-left:10px;
		background-color:White;
		border: solid 1px black;
		position:fixed;
		left:400px;
		top:280px;
		z-index:9999;
		width:600px;
		padding:4px;
}
#cnPopup_Inner
{
	border:solid 2px #370F44;
	padding:5px;
	padding-bottom:21px;
}
#cnPopup_Inner h1
{
	padding-bottom:7px;
	font-family:Segoe UI,Verdana,Arial;
	font-size:14px;
}
#cnPopup_Content
{
	text-align:center;
	clear:both;
}
.cnPopup_Button
{
	padding-top:10px;
}
.cnPopup_Button img, .cnPopup_Button a, .cnPopup_Button span
{
	border:0;
}
#cnPopup .cnPopup_Close, .cnPopup_Close span
{
	color:#370F44;
	font-weight:bold;
}
#GoogleAds{background-color:#F8F4F8;border:1px solid #F7E7F0;display:none;margin:-1px 2px 8px 0}
#GoogleAds h5{color:#370F44;font-family:Arial,Helvetica,Sans-Serif;font-size:12px;font-weight:bold;margin:5px 0 0 19px;padding:0}
#GoogleAds ul{list-style-type:none;margin:5px 20px 5px 20px;padding:0}
#GoogleAds ul li{color:#370F44;float:left;font-family:Arial,Helvetica,Sans-Serif;font-size:12px;line-height:19px;margin:0;padding:0}
#GoogleAds ul li a{color:#370F44;font-family:Arial,Helvetica,Sans-Serif;font-size:12px;text-decoration:underline}
#GoogleAds ul li h6{margin:0;padding:0}
#GoogleAds ul li h6 a{color:#CD297D;font-family:Arial,Helvetica,Sans-Serif;font-size:12px;font-weight:bold;text-decoration:none}
