@charset "utf-8";

/* global */

	#form1 {margin:0; padding:0; width:100%;}
	
	body {margin:0; padding:0; background-color: #ebebeb;}

	body,p,td,li  {font-family: Arial, Helvetica, sans-serif; color:#565656; font-size:12px; line-height:18px;}
	
	a {color:#9c0059; text-decoration:none;}
		
	#cWrapper {
		width:100%;
		background-color: #f5f5f5;
		border-bottom: 1px solid #e1e1e1;

	}
	
	#container {
		width:800px;
		margin:0 auto;
		padding:15px 15px 40px 15px;
		border-left: 1px solid #d1d1d1;
		border-right: 1px solid #d1d1d1;
		background:#FFFFFF;
		position:relative;

	}
	
	#cWrapperLogIn {
		width:545px;
		margin:85px auto 0 auto;
	}
	
	#containerLogIn {
		width:455px;
		min-height:148px;
		padding:30px;
		border: 1px solid #d1d1d1;
		background:#FFFFFF;
		position:relative;
	}
	
	/* Header */
		#header {margin:0 0 18px 0;}
		
		#header h1{
			width:144px;
			height:72px;
			margin:0 0 20px 21px;
			padding:0;
		}
		
		#header h1 a{
			width:144px;
			height:72px;
			margin:0;
			padding:0;
			background: url(../structure/p_mcsLogo.gif) no-repeat;
			text-indent: -1000px;
			overflow:hidden;
			outline:none;
			display:block;
		}
		
		/* Need Help */
			#header #needHelp {
				width:320px;
				height:73px;
				margin:0;
				padding:27px 0 0 0 ;
				background: url(../structure/g_needHelp.jpg) top right no-repeat;
				position:absolute;
				z-index:1;
				top:7px;
				right:0;			
			}
			
			#header #needHelp h4{
				width:200px;
				margin:0;
				padding:0;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
				font-weight:bold;
				color:#2d5e7b;
			}
			
			#header #needHelp p{
				width:200px;
				margin:0;
				padding:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
			}
			
			#header #needHelp a{color:#565656;}		
		/* Need Help */
		
		/* Main Nav */
			#mainNav{
				height:27px;
				margin:0;
				padding:0 0 0 20px;
				color:#FFFFFF;
				background-color: #a3a3a3;
				
			}
			
			#mainNav li {list-style:none; margin:0; padding:0; background:url(../structure/p_mainNavDivider.gif) left no-repeat; float:left;}
			
			#mainNav li:first-child {list-style:none; margin:0; padding:0; background:none; float:left;}
			
			#mainNav .manage {float:right; background:none;}
			
			#mainNav a{
				height:27px;
				margin:0 0 0 1px;
				text-indent:-10000px;
				overflow:hidden;
				outline:none;
				display:block;
			}
			
			#mainNav .home{width:80px;  background: url(../structure/g_mainNav_home.gif) top no-repeat;}
			#mainNav .frames{width:90px; background: url(../structure/g_mainNav_frames.gif) top no-repeat;}
			#mainNav .albums{width:94px; background: url(../structure/g_mainNav_albums.gif) top  no-repeat;}
			#mainNav .photobox{width:105px;  background: url(../structure/g_mainNav_photobox.gif) top  no-repeat;}
			#mainNav .aboutUs{ width:102px; background: url(../structure/g_mainNav_aboutUs.gif) top  no-repeat;}
			#mainNav .registerWithUs{ width:93px; background: url(../structure/g_mainNav_registerWithUs.gif) top  no-repeat;}
			#mainNav .contactUs{ width:113px; background: url(../structure/g_mainNav_contactUs.gif) top  no-repeat;}
			#mainNav .pointOfPurchase{ width:160px; background: url(../structure/g_mainNav_pointOfPurchase.gif) top  no-repeat;}
			#mainNav .manageAccount{ width:157px; background: url(../structure/g_mainNav_manageAccount.gif) top  no-repeat;}
			
			.home #mainNav .home,
			#mainNav .home:hover {width:80px; background: url(../structure/g_mainNav_home.gif) bottom no-repeat;}
			
			.frames #mainNav .frames,
			#mainNav .frames:hover {width:90px; background: url(../structure/g_mainNav_frames.gif) bottom no-repeat;}
			
			.albums #mainNav .albums,
			#mainNav .albums:hover {width:94px; background: url(../structure/g_mainNav_albums.gif) bottom  no-repeat;}
			
			.photobox #mainNav .photobox,
			#mainNav .photobox:hover {width:105px; background: url(../structure/g_mainNav_photobox.gif) bottom  no-repeat;}
			
			.aboutUs #mainNav .aboutUs,
			#mainNav .aboutUs:hover { width:102px;  background: url(../structure/g_mainNav_aboutUs.gif) bottom  no-repeat; }
			
			.registerWithUs #mainNav .registerWithUs,
			#mainNav .registerWithUs:hover { width:93px;  background: url(../structure/g_mainNav_registerWithUs.gif) bottom  no-repeat;}
			
			.contactUs #mainNav .contactUs,
			#mainNav .contactUs:hover { width:113px;  background: url(../structure/g_mainNav_contactUs.gif) bottom  no-repeat;}
			
			.pointOfPurchase #mainNav .pointOfPurchase,
			#mainNav .pointOfPurchase:hover { width:160px;  background: url(../structure/g_mainNav_pointOfPurchase.gif) bottom  no-repeat;}
			
			.manageAccount#mainNav .manageAccount,
			#mainNav .manageAccount:hover{ width:157px; background: url(../structure/g_mainNav_manageAccount.gif) bottom  no-repeat;}

		/* Main Nav */
		
		/* Bread Crumbs */

			#breadCrumbs {
				margin:15px 0 0 0;
				padding:0;
				width:500px;
				height:21px;
				font-size:12px;
				color:#a3a3a3;
				text-align:right;
				float:left;
			}
			
			#breadCrumbs a{
				font-size:12px;
				color:#a3a3a3;
				text-decoration:underline;
			}
			
			#breadCrumbs a:hover{color:#9c0059;}
		
		/* Bread Crumbs */
		
		/* Retailer Nav */
			#retailerNav {
				margin:15px 0 0 0;
				padding:0;
				width:254px;
				height:21px;
				list-style:none;
				float:right;
			}
			
			#retailerNav li{ float:left; margin:0 15px 0 0; padding:0;}
			
			#retailerNav li a{
				height:21px;
				display:block;
				text-indent:-10000px;
				overflow:hidden;
				outline:none;
				display:block;
			}
			
			#retailerNav li .viewCart{width:83px;  background: url(../structure/b_viewCart.gif) no-repeat;}
			
			#retailerNav li .help{width:52px; background:url(../structure/b_help.gif) no-repeat;}
			
			#retailerNav li .contact{width:74px; background:url(../structure/b_contact.gif) no-repeat;}
			
		/* Retailer Nav */
	/* Header */
	
	/* Footer */
		#footer {
			width:800px;
			margin:0 auto;
			padding:15px;
			padding:0;
			text-align:center;
		}
		
		#footer p{
			width: 800px;
			margin:0 0 0 0;
			padding:0;
			text-align:center;
			font-size:10px;
			color:#787878;
		}
		
		#footer p a{
			color:#787878;
			text-decoration:none;
		}
		
		#footer p a:hover {
			color:#9c0059;
			text-decoration:none;
		}
		
		/* Footer Nav */
			#footer #footerNav {
				width: 700px;
				height: 27px;
				margin:18px 0 0 80px;
				padding:0;
				list-style:none;
			}
			
			#footer #footerNav li{
				margin:0 0 0 35px;
				padding:0;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
				line-height:12px;
				color:#787878;

				float:left;			
			}
			
			#footer #footerNav li:first-child {margin:0; }
			
			#footer #footerNav li a{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
				color:#787878;
				text-decoration:none;
			}


			.home #footer #footerNav li .home,			
			.frames #footer #footerNav li .frames,
			.albums #footer #footerNav li .albums,
			.photobox #footer #footerNav li .photobox,
			.aboutUs #footer #footerNav li .aboutUs,
			.registerWithUs #footer #footerNav li .registerWithUs,
			.contactUs #footer #footerNav li .contactUs,
			.pointOfPurchase #footer #footerNav li .pointOfPurchase,
			.manageAccount #footer #footerNav li .manageAccount,		
			#footer #footerNav li a:hover{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
				color:#9c0059;
				text-decoration:none;
			}

		/* Footer Nav */	
	/* Footer */
	
	/* Left Column */
		#leftCol {
	width:150px;
	margin:0 15px 0 0;
	padding:0 0 0 20px;
	float:left;
}
		
		#leftCol p{ margin-bottom:20px;}
		
			/* Sub Nav */
				#subNav {
					margin:12px 0 20px 0;
					padding:0;
					list-style:none;
				}
				
				#subNav li {
					margin:0 0 2px 0;
					font-size:12px;
					font-weight:bold;
					line-height:22px;
					color:#515151;
				}
				
				#subNav li a{
					padding:0 0 0 10px;
					width:140px;
					color:#515151;
					text-decoration:none;
					background:url(../structure/g_subNavBullet.gif) top left no-repeat;
					outline:none;
					display: block;					
				}
				
				.sub01 #subNav li .sub01,
				.sub02 #subNav li .sub02,
				.sub03 #subNav li .sub03,
				.sub04 #subNav li .sub04,
				.sub05 #subNav li .sub05,
				.sub06 #subNav li .sub06,
				.sub07 #subNav li .sub07,
				.sub08 #subNav li .sub08,
				.sub09 #subNav li .sub09,
				.sub10 #subNav li .sub10,
				.sub11 #subNav li .sub11,
				.sub12 #subNav li .sub12,
				.sub12 #subNav li .sub13,
				.sub12 #subNav li .sub14,
				.sub12 #subNav li .sub15,
				.sub12 #subNav li .sub16,
				.sub12 #subNav li .sub17,
				.sub12 #subNav li .sub18,
				.sub12 #subNav li .sub19,
				.sub12 #subNav li .sub20,
				#subNav li a:hover{
					color:#9c0059;
					background:url(../structure/g_subNavBulletHover.gif) top left no-repeat;
				}
			/* Sub Nav */
			
			/* Search */
				#lSearch {
					margin:0 0 18px 0;
					padding:0;
				}

				#lSearch .t_sMessage {
					margin:0 0 7px 0;
					padding:0;
					font-weight:bold;
				}
								
				#lSearch input{
					width:120px;
					margin:0 0 7px 0;
					padding:5px;
					color:#565656;
					border: 1px solid #bbbbbb;
					background-color:#f5f5f5;
				}
				
				#lSearch .txtLink{
					color:#a3a3a3;
					font-size:10px;
					text-decoration:underline;
				}
				
				#lSearch .txtLink:hover{
					color:#73934c;
					font-size:10px;
				}
				
				#lSearch .btnLink{
					margin:0 0 0 7px;
					color:#a3a3a3;
					font-size:10px;
				}
				
			/* Search */
	/* Left Column */
	
	/* Right Column */
		#rightCol {width:612px; margin:0; padding:0; float:left;}
	/* Right Column */
	
	/* Titles */
		.t_aboutUs,
		.t_showcase,
		.t_retailers,
		.t_consumers,
		.t_frames,
		.t_albums,
		.t_photobox,
		.t_pointOfPurchase,
		.t_catalog,
		.t_search,
		.t_quickBuy,
		.t_registerWithUs {
			margin:10px 0 0 0;
			padding:0;
			text-indent: -1000px;
			overflow:hidden;
			outline:none;
		}
		
		.t_aboutUs {width:69px; height:12px; background: url(../structure/t_aboutUs.gif) no-repeat;}
		.t_showcase {width:81px; height:12px; background:url(../structure/t_showcase.gif) no-repeat;}
		.t_retailers {width:62px; height:12px; background: url(../structure/t_retailers.gif) no-repeat;}
		.t_consumers {width:90px; height:12px; background: url(../structure/t_consumers.gif) no-repeat;}
		.t_frames {width:56px; height:12px; background: url(../structure/t_frames.gif) no-repeat;}
		.t_albums {width:58px; height:12px; background: url(../structure/t_albums.gif) no-repeat;}
		.t_photobox {width:74px; height:15px; background: url(../structure/t_photobox.gif) no-repeat;}
		.t_pointOfPurchase {width:137px; height:15px; background: url(../structure/t_pointOfPurchase.gif) no-repeat;}
		.t_catalog {width:58px; height:16px; background: url(../structure/t_catalog.gif) no-repeat;}
		.t_search {width:54px; height:12px; background: url(../structure/t_search.gif) no-repeat;}
		.t_quickBuy {width:76px; height:15px; background: url(../structure/t_quickBuy.gif) no-repeat;}
		.t_registerWithUs {width:119px; height:15px; background: url(../structure/t_registerWithUs.gif) no-repeat;}
		
		.t_message {margin: 0; padding: 0; font-weight:bold;}
	/* Titles */

/* global */

/* Home Main */
	#homeMain {
		min-height:242px;
		margin:18px 0 0 0;
		padding:40px;
		background-color:#f0f0f0;
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
	}
	
	.gHomeMain { background: url(../structure/g_homeMain.jpg) top no-repeat;}
	
	#homeMain h2 {
		margin:0;
		padding:0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		line-height:25px;
		color:#9c0059;
	}
	
	#homeMain ul li a {
		padding:2px;
		font-weight: bold;
		color:#9c0059;
		text-transform:uppercase;
		text-decoration:none;
		background-color:#eae5dd;
	}
	
/* Home Main */

/* Content*/

	#content {margin:0; padding:25px;}

	/* Sub Left Column */
		#subLeftColumn {width:260px; margin:20px 40px 0 0; padding:0; float:left;}
	/* Sub Lefy Column */
		
	/* Sub Right Column */
		#subRightColumn {width:260px; margin:20px 0 0 0; padding:0; float:left;}
	/* Sub Right Column */

	/* Headlines */
		#content h1,
		#content h2,
		#content h3,
		#content h4,
		#content h5,
		#content h6 {
			margin:0 0 20px 0;
			padding:0;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:normal;
			color:#9c0059;
		}
		
		#content h1 {font-size:30px; line-height:32px;}
		#content h2 {font-size:24px; line-height:26px;}
		#content h3 {font-size:18px; line-height:20px;}
		#content h4 {font-size:16px; line-height:18px;}
		#content h5 {font-size:14px; line-height:16px;}
		#content h6 {font-size:12px; line-height:14px;}
		
		#content .subTitle {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			line-height:20px;
		}
	/* Headlines */
	
	/* Definition List */
		#content dl {margin-bottom: 0; padding:0; font-weight:bold;}
		#content dt {margin-bottom: 5px;}
	/* Definition List */
	
	/* 2/3 length */
		.twoThirds {width:395px;}
	/* 2/3 length */
	
	/* Text Link Buttons */
		.learnMore {
			padding:2px;
			font-weight: bold;
			color:#9c0059;
			text-transform:uppercase;
			text-decoration:none;
			background-color:#eae5dd;
		}
	/* Text Link Buttons */
	
	/* Text alignment */
		.center {text-align:center;}
		.right {text-align:right;}
	/* Text alignment */
	
	/* Top Catlog */
		#topCatalog {
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#topCatalog li {
			margin:0 8px 30px 0;
			padding:0;
			float:left;
		}
		
		#topCatalog li a{outline:none;}
	/* Top Catlog */
	
	/* Catlog */
		#catalog,
		#catalog2 {
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#catalog li {
			width:160px;			
			margin:0 20px 30px 0;
			padding:0;
			display:inline-block;
			vertical-align:top;
		}
		
		#catalog  li h6 {
			margin: 8px 0 15px 0;
			color:#2d5e7b;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
		}
		
		#catalog  li p {
			font-size: 11px;
			line-height:15px;
		}
		
		#catalog li a{outline:none;}
		
		#catalog2 li {
			width:220px;			
			margin:0 30px 30px 0;
			padding:0;
			display:inline-block;
			vertical-align:top;
		}
	/* Catlog */

/* Content*/

/* Log In */
	#logInGround {background-color: #f5f5f5;}

	#containerLogIn h1{
		width:144px;
		height:72px;
		margin:0;
		padding:0;
	}
	
	#containerLogIn h1 a{
		width:144px;
		height:72px;
		margin:0;
		padding:0;
		background: url(../structure/p_mcsLogo.gif) no-repeat;
		text-indent: -1000px;
		overflow:hidden;
		outline:none;
		display:block;
	}
	
	#forgot {
		font-size:11px;
		position:absolute;
		bottom:30px;
		left:30px;
		z-index:9;
	}
	
	#forgot a{
		color:#2d5e7b;
		text-decoration:underline;
	}

	#forgot a:hover{
		color:#9c0059;
		text-decoration:underline;
	}		
	#logInBox {
		position:absolute;
		top:30px;
		right:30px;
		z-index:10;
	}
	
	#logInBox #logIn {
		margin:0;
		padding:0;
	}
			
	#logInBox input{
		width:200px;
		margin:0 0 10px 0;
		padding:5px;
		color:#565656;
		border: 1px solid #bbbbbb;
		background-color:#f5f5f5;
	}
	
	#logInBox p {
		margin:0;
		padding:0;
		font-size:11px;
		font-weight:bold;
		color:#939598;
	}
	
	#cWrapperLogIn #register h5,
	#cWrapperLogIn #learnMore h5 {
		margin:0 0 20px 0;
		padding:0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		font-size:14px; line-height:16px;
	}
	
	#cWrapperLogIn #register h5{ color:#2d5e7b;}
	
	#cWrapperLogIn #learnMore h5{ color:#9c0059;}

	#cWrapperLogIn #register p,
	#cWrapperLogIn #learnMore p {
		width:440px;
	}
	
	#cWrapperLogIn #register a {
		padding:2px;
		font-weight: bold;
		color:#2d5e7b;
		text-transform:uppercase;
		text-decoration:none;
		background-color:#d8e2e7;
	}
		
	#cWrapperLogIn #learnMore a {
		padding:2px;
		font-weight: bold;
		color:#9c0059;
		text-transform:uppercase;
		text-decoration:none;
		background-color:#eae5dd;
	}
/* Log In */

/* Retail Home */
	#subRightColumn #newsAnnouncementsTitle {color: #85a163;}
	
	#subRightColumn #newsAnnouncements {
		margin:0 0 30px 0;
		padding:0;
		list-style:none;
	}
	
	#subRightColumn #newsAnnouncements li{
		font-weight:bold;
		margin:0 0 15px 0;	
	}
	
	#subRightColumn #pointOfPurchaseTitle {color: #2d5e7b;}
/* Retail Home */

/* Retail Product View */
	.largeViewOfProduct {
		width:164px;
		height:21px;
		background:url(../structure/b_largerViewOfProduct.gif) no-repeat;
		text-indent: -10000px;
		outline:none;
		overflow:hidden;
		display:block;
	}
/* Retail Product View */

/* Retail Order Form */
	#orderForm  {margin: 0 0 0 0; padding:0 0 30px 0; border-bottom:1px #cccecd dashed;}
	.redColor {color:#FF0000;}
/* Retail Order Form */	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}