/* Container Styles for MPContainer - Created January 13, 2009
--------------------------------------------------------------*/   

/** Container Styles **/
#mp-header { display:none; }
#mp-footer { /* hides DNN footer in View (regular) mode while allowing edit buttons to be visible in Edit mode */
	height:1px; 
	position:relative; 
	top:-20px; 
	}

#mp-content .column-footer-right { margin-right:0; }

#mp-content .column-footer-left {
	background:url(/Portals/4Checks/Skins/4Checks/images/global/column-footer-bg-left.gif) left bottom no-repeat;
	height:24px;
	position:static;
	width:100%;
	padding-left:0;
	}

#mp-content .column-footer-right  {
	background:url(/Portals/4Checks/Skins/4Checks/images/global/column-footer-bg-right.gif) right bottom no-repeat;
	height:24px;
	width:100%;
	float:right;
	}

/** Most Popular Designs Module - Updated January 5, 2009 **/

#mp-content {
	position:relative;
	background: #fff url(/Portals/4Checks/Skins/4Checks/images/global/column-shadow.jpg) right repeat-y;
	margin-bottom:12px;
	clear:both;
	}
	
* html #mp-content { margin-bottom:0; } /*IE-6 Only Fix*/

	#mp-content h2 {
		font:bold 1.4em Arial, Helvetica, sans-serif;
		padding:10px 0 0 30px;
		margin-right:5px;
		color:#557e25;
		text-transform:uppercase;
		text-align:left;
		/*background:url(/Portals/4Checks/Skins/4Checks/images/global/subheader-bg.gif) repeat-x;*/
		background:url(/Portals/4checks/images/landingimages/4302_AltHomePage/mp-header-bg.png) repeat-x;
		height:23px;
		}
		
		#mp-content h2 ul {
			position:absolute;
			left:465px;
			top:9px;
			}
			
			#mp-content h2 ul li {
				float:left;
				margin-right:7px;
				}
				
				#mp-content h2 ul li a {
					display:block;
					width:26px;
					height:13px;
					padding-top:3px;
					text-align:center;
					color:#666;
					font-weight:normal;
					font-size:.5em;
					background:transparent url(/Portals/4Checks/Containers/MostPopular/images/carousel-numlinks-bg.png) left top no-repeat;
					}
					
				#mp-content h2 ul li a:hover { background-position:left bottom; color:#fff; }
					
				#mp-content h2 ul li a.current-link {
					background-position:left center;
					color:#c9c9c9;
					cursor:default;
					}
		
		* html #mp-content h2 a.cat-link { right:20px; } /* IE-6 only fix */

#horizontal_carousel {
	height: 130px;
	margin:0 10px 0 3px;
	position: relative; 
	top:0;
	left:0;
	float:left;
	background:#fff;
	
	}
	
* html #horizontal_carousel { margin:0 5px 0 0;  } /* IE-6 only fix */

#horizontal_carousel .container {
	float: left;
	width: 856px;
	height: 140px;
	position: relative;
	overflow: hidden;
	margin-left:10px;
	top:0;
	left:0;
	}
	
* html #horizontal_carousel .container {  }

#horizontal_carousel ul {
	margin:23px 0 0 0;
	/* padding-left:4px;*/
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	}                      

#horizontal_carousel ul li {
	width: 213px;
	height: 100px;
	margin:0 0px;
	padding:0;
	text-align: center; 
	list-style:none; 
	float:left;
	}

	a.check-link { 
		color:#25527e;
		position:relative; 
		display:block; 
		width:194px; 
		height:90px;
		padding:5px;
		border:1px solid #fff;
		top:0;
		left:0;
		}
				
		a.check-link span { 
			text-decoration:underline; 
			display:block;
			margin-top:5px;
			display:none;
			}
			
		a.check-link:hover span { text-decoration:none; }
		
		.check-link img {
			width:194px;
			height:90px;
			}
	
	/*
	a.check-link span.check-hover { note - commented-out styles to be used when/if order now button is turned back on 
		display:block;
		width:106px;
		height:auto;
		position:absolute;
		left:-9999px;
		bottom:6px;
		background:#fff url(/Portals/4Checks/Skins/4Checks/images/global/ordernow-button-small.gif) 115px bottom no-repeat;
		color:#666;
		font: bold 1em/1em Arial, Helvetica, sans-serif;
		text-align:left;
		padding:13px 80px 6px 6px;
		cursor:pointer;
		}*/
		
	/*a.check-link:hover span.check-hover { left:6px; }*/
	/** html a.check-link:hover span.check-hover { bottom:8px; } *//* IE-6 only fix */

.previous_button {
	background:url(/Portals/4Checks/Containers/MostPopular/images/leftArrow_Mostpopular.gif) no-repeat;
	width:30px;
	height:101px;
	margin:24px 0px 0 9px;
	float:left;
	cursor: pointer;
	}
	
* html .previous_button { margin-left:5px; } /* IE-6 only fix */

.previous_button_over{
	background:url(/Portals/4Checks/Containers/MostPopular/images/leftArrow_Mostpopular_over.gif) no-repeat;
	}

.previous_button_disabled {
	background:url(/Portals/4Checks/Containers/MostPopular/images/leftArrow_Mostpopular_disable.gif) no-repeat;
	cursor: default;
	}

.next_button {
	background:url(/Portals/4Checks/Containers/MostPopular/images/rightArrow_Mostpopular.gif) no-repeat;
	width:30px;
	height:101px;
	margin:24px 0px 0 0px;
	float:right;
	cursor: pointer;
	}
	
* html .next_button { margin-right:5px; } /* IE-6 only fix */

.next_button_over{
	background:url(/Portals/4Checks/Containers/MostPopular/images/rightArrow_Mostpopular_over.gif) no-repeat;
	}

.next_button_disabled {
	background:url(/Portals/4Checks/Containers/MostPopular/images/rightArrow_Mostpopular_disable.gif) no-repeat;
	cursor: default;
	}