/* Page Structure*/


@import url("giftpromo.css");

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Promo

6: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0;
		padding: 0;
		background: url(../images/generic/bodyBg.gif) 0 0 repeat-x;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container, .promo div, .footer div {
		width: 960px;
		margin: 0 auto;
		}
		
	a {
		color: #e30640;
		text-decoration: none;
		outline: none;
		}
		
	a:hover {
		text-decoration: underline;
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		clear: both;
		display: block;
		/*width: 100%;*/
		}

	#backgroundImage {
		background: url(../images/generic/headerBg.gif) center 0 no-repeat;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 117px;
		position: absolute;
		top: 0;
		display: block;
		float: left;
		width: 960px;
		}
	
	.header h3 {
		text-indent: -9999px;
		display: block;
		color: #24616b;
		background: url(../images/generic/headerBlurb.gif) no-repeat;
		width: 342px;
		height: 14px;
		position: absolute;
		margin-top: 85px;
		}	
		
	.mainLogo {
		position: absolute;
		width: 159px;
		height: 78px;
		margin-top: 5px;
		text-indent: -9999px;
		background: url(../images/generic/mainLogo.gif) no-repeat;
		}
		
	.signInArea {
		float: right;
		margin: 25px 0 0;
		color: #fff;
		width: 37%;
		height: 75%;
		overflow: hidden;
		}
		
	.signInArea h3 {
		background: url(../images/titles/yourAccount.gif) 0 0 no-repeat;
		width: 89px;
		height: 11px;
		padding: 0 0 6px !important;
		margin: 0 !important;
		display: block;
		text-indent: -9999px;
		position: relative;
		}
	
	.signInLinks {
		border-top: 1px solid #79bdc5;
		padding: 6px 0 0;
		}
	
	.signInLinks ul {
		float: left;
		padding: 0 !important;
		margin: 0 !important;
		}
	
	.signInLinks li {
		list-style: none;
		padding: 0 0 0 10px !important;
		margin: 5px 0 !important;
		background: url(../images/icons/arrow_green.gif) 0 2px no-repeat;
		display: block;
		}
	
	.signInLinks li span {
		font-weight: bold;
		}
	
	.signInLinks li a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
	
	.signInLinks li a:hover {
		text-decoration: underline;
		}
	
	.btn_viewAccount {
		background: url(../images/buttons/btn_viewAccount.gif) 0 0 no-repeat;
		width: 118px;
		height: 25px;
		display: block;
		text-indent: -9999px;
		margin-left: 3px;
		}
		
	.signInButton {
		float: right;
		font-size: .95em;
		vertical-align: top;
		}

/* 3 :-------- Main Nav ------------ */

	#mainNav {
		width: 1100px;
		margin: 0 auto;
		position: absolute;
		top: 117px;
		}
	
	#mainNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		}
		
	#mainNav li.on a {
		background-position: 0 -72px;
		}
			
	#mainNav a {
		display: block;
		font-size: 1em;
		height: 36px;
		margin-right: 1px;
		text-decoration: none;
		color: #333;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
			
	#mainNav a:hover {
		display: block;
		font-size: 1em;
		height: 36px;
		margin-right: 1px;
		text-decoration: none;
		color: #333;
		background-position: 0 -36px;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
		
/* nav backgrounds */
			
	#mainNav .navHome { width: 60px; background-image: url(../images/nav/mainnav-home.gif); }
	#mainNav .navAllTitles { width: 79px; background-image: url(../images/nav/mainnav-all-titles.gif); }
	#mainNav .navChildrens { width: 86px; background-image: url(../images/nav/mainnav-childrens.gif); }
	#mainNav .navFood { width: 135px; background-image: url(../images/nav/mainnav-foodtravel.gif); }
	#mainNav .navHistory { width: 70px; background-image: url(../images/nav/mainnav-history.gif); }
	#mainNav .navHomesGardening { width: 153px; background-image: url(../images/nav/mainnav-homes-gardening.gif); }
	#mainNav .navMotoring { width: 80px; background-image: url(../images/nav/mainnav-motoring.gif); }
	#mainNav .navMusic { width: 60px; background-image: url(../images/nav/mainnav-music.gif); }
	#mainNav .navScienceNature { width: 131px; background-image: url(../images/nav/mainnav-science-nature.gif); }
	#mainNav .navTVListings { width: 97px; background-image: url(../images/nav/mainnav-tv-listings.gif); }

		
/* 4 :-------- Content ------------ */

	.mainContent {
		padding-top: 34px;
		padding-bottom: 40px;
		float: left;
		width: 755px;
		margin-top: 153px;
		background: #fff;
		display: block;
		z-index: 1;
		position: relative;
		min-height: 700px;
		}
		
	.rightCol {
		position: absolute;
		top: 187px;
		margin-left: 768px;
		float: right;
		width: 194px;
		z-index: 89;
		}
	
	#content {
		float: left;
		width: 755px;
		}

/* See content.css */

/* 5 :-------- Promo  ------------ */

	.promo {
		background: #e7f3f4 url(../images/generic/promoBg.gif) repeat-x;
		padding: 15px 0;
		display: block;
		float: left;
		width: 100%;
		}
		
	.promo h2 {
		font-size: 1.4em;
		color: #2b6b71;
		margin-bottom: 10px;
		padding-bottom: 0;
		background: url(../images/titles/allTitles.gif) no-repeat;
		width: 68px;
		height: 13px;
		display: block;
		text-indent: -9999px;
		}
		
	.promo h2 a {
		background: none;
		}
	
	.promo ul {
		margin: 0;
		padding: 0 5px 0 0;
		font-size: .9em !important;
		float: left;
		display: block;
		}	
	
	.promo li {
		margin: 0;
		padding: 0 0 5px 0;
		list-style: none;
		}
	
	.promo a.category {
		font-weight: bold;
		background: url(../images/icons/arrow_green_small.gif) 0 4px no-repeat;
		}	
	
	.promo a {
		color: #2b6b71;
		padding-left: 7px;
		background: url(../images/icons/arrow_red_small.gif) 0 4px no-repeat;
		text-decoration: none;
		display: block;
		width: 105px;
		}	
	
	.promo a:hover {
		text-decoration: underline;
		}

/* 6 :-------- Footer ------------ */

	.footer {
		padding-bottom: 10px;
		clear: both;
		background: #73c0bb url(../images/generic/footerBg.gif) repeat-x;
		}

	.footer ul {
		margin: 0;
		padding: 0;
		}
	
	.footer li {
		display: inline;
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		}
			
	.footer a {
		display: block;
		font-size: 1em;
		height: 34px;
		/*margin-right: 20px;*/
		background-position: top left;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
	.footer a:hover {
		background-position: bottom left;
		}	
/* nav backgrounds */
			
	.footer .privacyPolicy {width: 108px; background-image: url(../images/nav/footer_privacyNew.gif);}
	.footer .websiteTerms {width: 109px; background-image: url(../images/nav/footer_terms.gif);}
	.footer .codeOfConduct {width: 116px; background-image: url(../images/nav/footer_code.gif);}
	.footer .backIssues {width: 93px; background-image: url(../images/nav/footer_backIssuesNew.gif);}
	.footer .frequentlyAskedQuestions {width: 186px; background-image: url(../images/nav/footer_faqNew.gif);}
	.footer .subscriptionRates {width: 136px; background-image: url(../images/nav/footer_rates.gif);}
	.footer .affiliates {width: 84px; background-image: url(../images/nav/footer_affiliates.gif);}
	.footer .serviceUpdates {width: 121px; background-image: url(../images/nav/footer_serviceupdates.gif);}

	.footer .contactUs {
		background: url(../images/elements/contactUsFooterBgTop.gif) 0 0 no-repeat;
		width: 509px;
		float: left;
		display: block;
		margin: 20px 0 10px;
		}
		
		
		
		
		
		
		
		
		.footer #dma {
		width: 100px;
		height:100px;
		background: url(../images/dma_logo.gif) 0 0 no-repeat;		
		margin: 20px 0 10px 795px;
		}
		
		html > body .footer #dma {
		background: url(../images/dma_logo.gif) 0 0 no-repeat;
		width: 100px;
		height:100px;
		float: left;
		display: block;
		margin: 20px 0 10px 295px;
		}
		
		.footer #dma a
		{
		width: 100px;
		height: 100px;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	
	.footer .contactUs .backgroundImg .background h2 {
		color: #2b6b71;
		background: url(../images/titles/contactUs.gif) no-repeat;
		width: 80px;
		height: 13px;
		display: block;
		text-indent: -9999px;
		}
		
	.footer .contactUs .backgroundImg {
		display: block;
		float: left;
		margin-top: 6px;
		width: 509px;
		background: #fff url(../images/elements/contactUsFooterBgBottom.gif) 0 bottom no-repeat;
		}	
		
	.footer .contactUs .backgroundImg .background {
		padding: 10px 15px;
		width: 449px;
		float: left;
		display: block;
		color: #584643;
		}	
		
	.footer .contactUs .backgroundImg .background ul {
		padding: 0 !important;
		margin: 0 !important;
		border: 1px solid #fff;
		font-weight: bold;
		float: left;
		}
		
	.footer .contactUs .backgroundImg .background li {
		margin-right: 30px !important;
		float: left;
		}
		
	.footer .contactUs .backgroundImg .background .emailUs {
		background: url(../images/icons/icon_emailUs.gif) 0 0 no-repeat;
		padding-left: 35px;
		display: block;
		width: 150px;
		}
		
	.footer .contactUs .backgroundImg .background .orderHotline {
		background: url(../images/icons/icon_orderSubscribeHotline.gif) 0 0 no-repeat;
		padding-left: 27px;
		display: block;
		width: 165px;
		}
		
	.footer .contactUs .backgroundImg .background span {
		display: block;
		float: left;
		font-weight: normal !important;
		}	
		
	.footer .contactUs .backgroundImg .background span a {
		text-indent: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		display: inline;
		}
		
	.footer .copyrightInfo {
		clear: left;
		color: #015b66;
		}