/* 
	Site layout - containers that block out the page content.
	3 column liquid, side columns fixed width. Content centers with min/max widths.

This page has two parts:
	1) Containers that block out the page content
	2) Dynamic contnet includes
	
	COLOR styles are placed on the scree_skin.css
*/

/**********************************************************
Layout Grid
***********************************************************/
body 
	{         
    text-align: center;
    }
#bodyContainer  
	{
	width:98%;
    margin: 0 auto 0 auto;
	min-width:71em;
	max-width:85em;
	text-align: left;
    }

/* --- Header --- */	
#navGlobal 					/* Minitab menu block */
	{	
	}    	
	
/* --- Sitename/Logo --- */		
#headerContainer 
	{
    }
#branding 
	{ 
    }
	
/* --- Breadcrumb/Search --- */			
#navContainer 				
	{
	padding: 0 0 0 6px;
	}	
#searchBox 
	{
	float: right;
	white-space: nowrap;
	}	
#searchBox input 
	{
	BORDER:none;
	height: 1.4em;
	width: 150px;
	margin-top:2px;
	}	

/* --- Body --- */	 
#mainContainer 
	{
    margin: 0 auto 0 auto;
	padding: 13px 0 15px 0;
	position:relative;	
	}
#subContentA 				/* left column */
	{
	padding-top: 3px;
    float: left; 
    width: 150px;
    clear: none;
    }		
#mainContent 				/* center column */
	{
	min-height:35em;	
    clear: none;
	margin: 0 175px 20px 175px;
    }
#subContentB 				/* right column */
	{
	position:absolute; top:0; right:0;
	margin-top: 13px;
    width: 150px;
    }		
	
/* --- Footer --- */	
#footerContainer 
	{
	clear:both;
    }
#navFooterPages 
	{
	float:right;
	margin-top: 5px;
    }
#navFooterCategories 
	{
	float:right;
	clear: right;
    }
	
	
/**********************************************************
Dynamic Content
***********************************************************/

/* --- branding --- */
#siteName
	{
	}
#siteTagline 
	{
    position: absolute; top:16px; left: 395px;
	}
	
/* --- Discounts --- */		
p#storewideDiscount 
	{
	position:absolute; top:18px; right:12px;
	margin: 12px 100px 0 0;
	}
	
/* --- breadcrumb trail --- */	
#navBreadcrumb 
	{
	padding: 2px 0 0 0;
	}    
#navBreadcrumb a 
	{
	text-decoration: none;
	}
#navBreadcrumb a:hover 
	{
	text-decoration: underline;
	}
	
/* --- Left Column --- */		
#subContentA h4, #subContentB h4 
	{
	font-size: 1.1em;
	margin: 1.2em 0 0 0;
	}
	
.selectMenu select {
	width:150px;
	}
		
/* --- Login --- */		
#loginForm 
	{
	margin-top: 8px;
	width: 150px;
	}	
	
#loginForm fieldset 
	{
	padding: 5px 10px 0px 10px;
	}
#loginForm legend 
	{
	font-size: 1.1em;
	font-weight: bold;
	} 
#loginForm label 
	{
	font-size: .9em;
	}
#loginForm .formField, #loginTable .formField 
	{
	width : 126px;
	margin: 0 0 3px 0;
	}
#loginForm .formFieldcheckbox 
	{
	font-size: 1em;
	} 
.submit 
	{
	text-align : center;
	} 
#loginForm.formButton 
	{
	margin: 5px 0 0 0;
	}
#loginForm .formButton 
	{
	width: 48%;
	}
#loginForm .help 
	{
	margin-top: 5px;
	text-align: center;
	}
#loginForm a 
	{
	text-decoration: none;
	}
#loginForm a:hover 
	{
	text-decoration: underline;
	}	
	
UL#navAccount  
	{
	padding: 5px 0 5px 12px;
	}

	
/* --- Page Pod --- */		
#pagerightcolumn 
	{
	margin-top:20px;
	width: 100%;
	}	
	
#pagerightcolumn h2
	{
	font-size: 1.2em;
	}