/* CSS Document */

/* ------------------ //

Readers Digest / My Shop Today

RED: BD282C
LINK RED: A01B21

BLUE: 324D61
DARK BLUE: 1E2369

GREY: 636262
FONT GREY: 333333

NAV GREY: 868686
NAV BLUE: 00529B

CAT BLUE: 1E2369
CAT LIGHT BLUE: EFF0FB
CAT BORDER: BDC1ED

HEADING BLUE: 324D61
HEADING BLUE: 385E7A
// ------------------ */





#catContent, #mainContentBar, #catContent p, #mainContentBar p, #catContent td, #mainContentBar td, #productDescription, #centerBarFull { 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; }



h1, h2, h3, h4, h5 { padding: 0px; margin: 0px; }

h1, #catContent h1, #mainContentBar h1 { 
	color: #324D61;
	font: bold 21px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h2, #catContent h2, #mainContentBar h2 { 
	color: #385E7A;
	font: bold 18px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h3, #catContent h3, #mainContentBar h3 { 
	color: #000000;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif; }

form { padding: 0px; margin: 0px; }
input { padding: 0px; margin: 0px; border: 1px solid #636262; }
select { padding: 0px; margin: 0px; border: 1px solid #636262; }
textarea { padding: 0px; margin: 0px; border: 1px solid #636262; }

.cLear { clear: both; line-height: 0px; font-size: 0px; }
.largeHeading { font: bold 21px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #324D61; }


#mainBody { 
	width: 974px;
	margin: auto;
	background: #FFFFFF; }

#bodyBar {}

	#bodyBannerAd {}

	#mainBodyBar {}

		#mainLeftBar { background: #FFFFFF; float: left; width: 175px; padding: 5px 0px 0px 0px; }
			.leftBarBoxHeader { 
				margin-left: 2px;
				background: url(/files/resources/images/bg_box_header_blue.gif) left top no-repeat;
				color: #FFFFFF;
				font: bold 14px Verdana, Arial, Helvetica, sans-serif;
				padding: 2px 2px 5px 2px;
				text-align: center;
				width: 168px; }
			.leftBarBox { 
				margin: 0px 0px 10px 2px;
				background: #EFF0FB;
				border: 1px solid #BDC1ED;
				border-top: none;
				width: 169px; }
				.leftBarBox input { padding: 0px; margin: 0px; border: 1px solid #BDC1ED; }
				#mainLeftBar .subCatNav { 
					list-style: none;
					padding: 0px;
					margin: 0px; }
				#mainLeftBar .subCatNav ul { 
					list-style: none;
					padding: 0px;
					margin: 0px; }
					#mainLeftBar .subCatNav li { 
						list-style: none;
						padding: 0px;
						margin: 0px;
						font-size: 0px;
						line-height: 0px; }
						#mainLeftBar .subCatNav li a { 
							border-top: 1px solid #BDC1ED;
							display: block;
							padding: 5px 5px 5px 5px;
							font: normal 12px Verdana, Arial, Helvetica, sans-serif;
							color: #1E2369; }
							#mainLeftBar .subCatNav li li a { 
								border-top: none;
								display: block;
								padding: 5px 5px 5px 15px;
								font: normal 11px Verdana, Arial, Helvetica, sans-serif;
								color: #1E2369; }
								#mainLeftBar .subCatNav li a.cuRRent { font-weight: bold; color: #A01B21; }
								#mainLeftBar .subCatNav a:hover { text-decoration: none; color: #A01B21; }

		#mainContentBar { float: left; width: 799px; }

			#centerBar { float: left; width: 597px; padding: 5px 0px 5px 0px; }
				#crumbBox { padding: 14px 0px 14px 6px; color: #636262; font-size: 11px; line-height: 11px; }
					#crumbBox a { color: #636262; text-decoration: none; }
					#crumbBox a:hover { color: #A01B21; text-decoration: none; }
				.centerBox { background: url(/files/resources/images/bg_centerbox.jpg) left top repeat-y; margin: 1px 0px 1px 0px; }
					.centerBoxHead { background: url(/files/resources/images/bg_centerbox_head.jpg) left top no-repeat; font-size: 0px; line-height: 0px; height: 5px; }
					.centerBoxBody { background: url(/files/resources/images/bg_centerbox_body.jpg) left bottom no-repeat; padding: 1px 5px 1px 5px; }
						.centerBoxContent { padding: 10px; }
							.centerBoxProduct { 
								float: left;
								width: 140px;
								height: 230px;
								font-weight: bold;
								font-size: 11px;
								color: #A01B21;
								text-align: center; }
								.centerBoxProduct a { font-weight: normal; color: #000000; display: block; }
								.centerBoxProduct a:hover { color: #A01B21; }
					.centerBoxFoot { background: url(/files/resources/images/bg_centerbox_foot.jpg) left top no-repeat; font-size: 0px; line-height: 0px; height: 4px; }
				.centerBoxes { 
					float: left;
					background: url(/files/resources/images/bg_centerboxes.jpg) left top no-repeat;
					width: 186px;
					height: 149px;
					margin: 2px 0px 0px 2px;
					padding: 5px 5px 10px 5px;
					font-size: 11px; }
					.centerBoxes ul { padding: 5px 0px 0px 4px; margin: 0px; list-style: none; }
					.centerBoxes a { font-weight: bold; text-decoration: none; color: #000000; }
					.centerBoxes a img { float: right; }
					.centerBoxes ul li a h3, .centerBoxes ul li a { font-size: 10px !important; }
					.storeCatInclude a { font-size: 11px; }
					.centerBoxes a:hover, .centerBoxes ul li a h3:hover { font-weight: bold; text-decoration: none; color: #A01B21; }
						#centerBoxScroller { width: 567px; height: 107px; padding: 5px 0px 0px 0px; margin: 0px auto 0px auto; }
			#centerBarFull { padding: 5px 15px 5px 15px; }

/* category styles start */
				#catContent { padding: 1px 0px 1px 6px; }
					.catProduct { 
						float: left;
						width: 140px;
						font-weight: bold;
						font-size: 11px;
						color: #A01B21;
						padding: 1px 3px 1px 3px;
						margin: 0px 0px 20px 0px;
						text-align: center; }
						.catProduct a { font-weight: normal; color: #000000; display: block; }
						.catProduct a:hover { color: #A01B21; }
					.catProductRight { 
						width: 140px;
						font-weight: bold;
						font-size: 11px;
						color: #A01B21;
						padding: 1px 3px 1px 3px;
						margin: 0px auto 20px auto;
						text-align: center; }
						.catProductRight a { font-weight: normal; color: #000000; display: block; }
						.catProductRight a:hover { color: #A01B21; }
					#productImage { float: left; width: 199px; padding-left: 10px; text-align: center; color: #636262; font-size: 11px; }
						#productImage hr { 
							height: 1px;
							border: none;
							border-top: 1px dotted #636262; }
					#productDescription { float: left; width: 362px; padding: 0px 5px 0px 15px; }
						#productDescription h2 { font-size: 13px; }
						#productDescription small { font-size: 10px; }
						#productDescription input { padding: 0px; margin: 0px; border: 1px solid #636262; }
						.productSpecs { 
							list-style: none;
							padding-left: 10px;
							margin-left: 10px;
							color: #636262;
							font-size: 11px; }
							.productSpecs li { list-style-type: square; }
						.productPrice { font-size: 19px; color: #A01B21; }
				#categoryBox { 
					margin: 0px 0px 2px 4px;
					background-position: left top; background-repeat: no-repeat;
					padding: 10px;
					width: 573px;
					height: 227px; }

				.subCatBox { 
					height: auto;
					padding: 5px;
					font-size: 11px; 
					line-height: 12px;  }
					.subCatBox h2 { font-size: 13px; padding-bottom: 5px; }
					.subCatBox a { text-decoration: none; }
				.subCatProduct { 
					float: left;
					width: 170px;
					margin-right: 10px; }
					.subCatProduct img { margin-right: 5px; border: 1px solid #F1F1F1; }
					.subCatProduct h3 a { font-size: 11px; line-height: 12px; font-weight: normal; }

				.subCatBoxes { 
					float: left;
					width: 196px;
					margin: 2px 0px 0px 2px;
					padding: 5px 0px 10px 0px;
					font-size: 11px; }
				.subCatBoxesA { 
					float: left;
					width: 141px;
					margin: 4px 1px 0px 4px;
					padding: 5px 0px 0px 0px;
					font-size: 11px;
					line-height: 14px;
					border: 1px solid #F2F2F2; }
					.subCatBoxes a, .subCatBoxesA a { color: #636262; text-decoration: none; }
					.subCatBoxes a:hover, .subCatBoxesA a:hover { color: #A01B21; text-decoration: none; }
					.subCatHeader { 
						font-size: 12px;
						line-height: 12px;
						font-weight: bold;
						color: #636262;
						padding: 2px 5px 2px 5px;
						height: 22px; }
						.subCatHeader h2 a { font-size: 12px; line-height: 12px; color: #385E7A; text-decoration: none; }
						.subCatHeader h2 a:hover { color: #A01B21; text-decoration: none; }
					.subCatImage {}
					.subCatContent { 
						padding: 5px;
						margin: 4px 4px 4px 4px;
						background: #F2F2F2;
						/* border: 1px solid #F2F2F2; */
						height: 115px;
						overflow: hidden; }
						.subCatContent img { margin: 2px 5px 2px 2px; padding: 2px; }
						.subCatContent a { color: #636262; text-decoration: none; }
						.subCatContent ul { 
							padding: 0px 0px 0px 7px;
							margin: 0px 0px 0px 7px; }
						.subCatContent h3 a { font-size: 11px; font-weight: normal; line-height: 12px; }
						.subCatContent h3 a:hover { color: #A01B21; text-decoration: underline; }

				.pageNav { text-align: center; margin: 20px 0px 10px 0px; }
					.pageNav a { text-decoration: none; font-weight: bold; }
/* category styles end */

/* cart styles start */
				.cartTableHeader { background: #F2F2F2; border-bottom: 2px solid #868686; padding: 2px; }
				.cartTableCell { font-size: 11px; line-height: 12px; border-bottom: 2px solid #F2F2F2; padding: 2px; }
				.cartTableCell a { text-decoration: none; }
				.cartTableFooter { border-bottom: 2px solid #F2F2F2; padding: 2px; }
				.cartMessage { background: #E3FCE3 url(/files/resources/images/icon_tick.gif) 10px center no-repeat; border: 1px solid #b0e0b0; padding: 10px 10px 10px 30px; font-size: 12px; }
				.cartMessageError { background: #FCE3E3 url(/files/resources/images/icon_error.gif) 10px center no-repeat; border: 1px solid #cb8787; padding: 10px 10px 10px 30px; font-size: 12px; }
/* cart styles end */


			#rightBar { float: left; width: 202px; padding: 5px 0px 5px 0px; }
				#miniCart { 
					background: url(/files/resources/images/bg_mini_cart.jpg) left top no-repeat;
					font: bold 12px Verdana, Arial, Helvetica, sans-serif;
					color: #FFFFFF;
					height: 24px;
					padding: 9px 5px 0px 45px; }
					#miniCart a { 
						font: bold 12px Verdana, Arial, Helvetica, sans-serif;
						color: #FFFFFF;
						text-decoration: none; }
						#miniCart a:hover { text-decoration: underline; }
				#miniCartExt { 
					background: url(/files/resources/images/bg_mini_cart_ext.jpg) left top no-repeat;
					font: bold 12px Verdana, Arial, Helvetica, sans-serif;
					color: #FFFFFF;
					height: 24px;
					padding: 9px 5px 0px 45px; }
					#miniCartExt a { 
						font: bold 12px Verdana, Arial, Helvetica, sans-serif;
						color: #FFFFFF;
						text-decoration: none; }
						#miniCartExt a:hover { text-decoration: underline; }
				#miniCartBody { 
					background: url(/files/resources/images/bg_mini_cart_body.jpg) left top repeat-y;
					padding: 2px 5px 1px 7px;
					text-align: center; }
					#miniCartBody b { font-size: 14px; }
					.miniCartItem { 
						margin: 2px 3px 1px 3px;
						border-bottom: 1px solid #BABCBF;
						padding: 4px 15px 4px 15px;
						font-size: 11px;
						line-height: 12px;
						text-align: left; }
						.miniCartItem img { margin-left: 4px; padding: 2px; }
						.miniCartItem a { text-decoration: none; }
						.miniCartContent { float: left; width: 100px; padding: 0px; }
						#miniCartBody .miniCartContent b { font-size: 12px; }
						.miniCartImage { float: right; width: 45px; }

#footerBar {
	width: 970px;
	background: #f0ede6;
	border-top: 2px solid #b2b1ad;
	border-right: 2px solid #dedcd0;
	border-bottom: 2px solid #dedcd0;
	border-left: 2px solid #dedcd0;
	}
	
	#ccLogos {
		width: 970px;
		height: 84px;
		padding: 31px 0 0 0;
		background: #fff url(../images/cc_bar_bg.gif) top left repeat-x;
		border-bottom: 2px solid #b2b1ad;
		text-align: center;
		}
	
	#footerBarMain {
		width: 909px;
		margin: 25px auto;
		}
		
		#footerMainLeftSide {
			width: 421px;
			float: left;
			}
			
			#footerMainLeftSide ul {
				display: block;
				width: 137px;
				float: left;
				margin: 0 0 5px 0;
				}
					
		#footerMainRightSide {
			width: 480px;
			float: right;
			}

			#footerMainRightSide ul {
				display: block;
				width: 160px;
				float: left;
				margin: 0 0 8px 0;
				}
		
			#footerBarMain ul, #footerBarMain li {
				padding: 0;
				list-style: none;
				}
			
			#footerBarMain li { margin: 0; }
			
			#footerBarMain h6 {
				font: bold 15px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
				margin: 0 0 5px 0;
				padding: 0;
				}
				
				.h6plus { color: #878681; }
			
			#footerBarMain a {
				color: #878681;
				text-transform: uppercase;
				font: bold 11px Verdana, Arial, Helvetica, sans-serif;
				text-decoration: none;
				}
			
			#footerBarMain a:hover { text-decoration: underline; }
			
			#footerBarFeatureLinks {
				display: block;
				width: 480px;
				float: left;
				}
				
				#footerBarFeatureLinks ul {
					background: #d5d2cd;
					width: 480px;
					}
				
					#footerBarFeatureLinks a {
						color: #262722;
						font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
						text-transform: none;
						display: block;
						background: #e0ddd8;
						width: 450px;
						padding: 3px 15px;
						margin: 8px 0 0 0;
						}
					
					#footerBarFeatureLinks a:hover {
						background: #e8e6e2;
						text-decoration: none;
						}

	#footerBarBaseLinks {
		width: 909px;
		margin: 0 auto;
		padding: 10px;
		border-top: 2px solid #ccc9c2;
		border-bottom: 2px solid #ccc9c2;
		}
		
		#footerBarBaseLinks a {
			font: bold 14px Verdana, Arial, Helvetica, sans-serif;
			color: #716d6a;
			text-decoration: none;
			}
		
		#footerBarBaseLinks a:hover { text-decoration: underline; }

	#footerBarCopyright {
		width: 909px;
		margin: 5px auto;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		color: #716d6a;
		}
		
		.footerLeft {
			width: 400px;
			float: left;
			}

		.footerRight {
			width: 400px;
			float: right;
			text-align: right;
			}

		#footerBarCopyright a {
			font: 11px Verdana, Arial, Helvetica, sans-serif;
			color: #716d6a;
			text-decoration: none;
			}
		
		#footerBarCopyright a:hover { text-decoration: underline; }



/* JQUERY STYLES START */
.jqzoom {
	/* border: 1px solid #636262; */
	position: relative;
	padding: 0px;
	cursor: pointer;
	width: 190px;
	/* height: 190px; */
	margin: auto; }

.jqzoom img { /* float: left; */ margin: auto; }

div.zoomdiv { 
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	background: #ffffff;
	border: 1px solid #636262;
	display: none;
	text-align: center;
	overflow: hidden; }

div.jqZoomPup { 
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	border: 1px solid #AAAAAA;
	background: #ffffff url(/files/resources/images/zoom.gif) 50% top  no-repeat;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50); }

div.jMyCarousel .prev {
	background: url('/files/resources/images/left.png') center center no-repeat;
	width: 47px;
	height: 61px;
	border: 0px; }
div.jMyCarousel .next {
	background: url('/files/resources/images/right.png') center center no-repeat;
	width: 40px;
	height: 61px;
	border: 0px; }
div.jMyCarousel .up {
	background: url('/files/resources/images/up.png') center center no-repeat;
	width: 61px;
	height: 40px;
	border: 0px; }
div.jMyCarousel .down {
	background: url('/files/resources/images/down.png') center center no-repeat;
	width: 47px;
	height: 61px;
	border: 0px; }
div.jMyCarousel { border: 1px solid #F2F2F2; height: 102px; }
div.jMyCarousel ul {}
div.jMyCarousel ul li { margin: 0px; line-height: 0px; padding: 0px; }
div.jMyCarousel ul li a { /* in case of link */ display: block; }
div.jMyCarousel ul li img { display: block; border: 0px; }

/* JQUERY STYLES END */

#stats { display: none; }


