/*
Name:        layout.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS layout definitions
Created:     24 March 2009
Notes:       This file should contain ONLY definitions for what appears in site layout templates
*/

@media all
{
	/* Default Tags *********************************/
	body
	{
		text-align:        center;
		font-family:       Verdana, Arial, Helvetica, sans-serif;
		font-size:         12px;
		color:             #333;
		min-width:         500px;
		padding:           0;
		margin:            0;
		background-image:  url( ../images/bg.png );
		background-repeat: repeat;
		line-height:       1.6em;
	}
	
	table
	{
		border-collapse: collapse;
		border: 0px;
	}
	
	td
	{
		padding: 0px;
	}
	
	img
	{
		border: 0px;
	}
	
	form
	{
		margin: 0;
	}
	
	p
	{
		margin: 0 0 14px 0;
	}
	
	/* Public Layout ********************************/	
	div.layPage
	{
		margin-left:  auto;
		margin-right: auto;
		text-align:   left;
		width:        1073px;
	}
	
	div.layHeader
	{
		background-image: url( ../images/bg_header.png );
		height:           121px;
		padding:          0 50px 0 50px;
		margin-top:       50px;
	}
	
	div.layHeaderHome
	{
		background-image: url( ../images/bg_header_home.png );
		height:           265px;
		padding:          0 50px 0 255px;
		margin-top:       50px;
	}
	
	div.layHeader img.logo
	{
		width:  483px;
		height: 31px;
		margin-top: 30px;
	}
	
	div.layHeaderHome img.logo
	{
		width:      744px;
		height:     115px;
		margin-top: 48px;
	}
	
	div.layHeader div.account
	{
		padding-top: 20px;
		text-align: right;
	}
	
	div.layHeaderHome div.account
	{
		padding-top: 20px;
		text-align: right;
	}
	
	div.layHeader div.account a, div.layHeaderHome div.account a
	{
		font-size:   12px;
		color:       #633;
		margin-left: 35px;
	}
	
	div.layHeader div.account a.shopping
	{
		float: right;
		margin-left: 10px;
	}
	
	div.layHeaderHome div.search
	{
		float:          right;
		color:          #a0e1da;
		font-size:      12px;
		margin-top:     6px;
	}
	
	div.layHeader div.search
	{
		position: relative;
		top: -43px;
		left: 549px;
		color:          #a0e1da;
		font-size:      12px;
		line-height: 20px;
		margin-top:     6px;
	}
	
	div.layNav
	{
		padding: 0 26px 0 16px;
		background-image: url( ../images/bg_nav.png );
		height:           48px;
	}
	
	div.layContent
	{
		background-image: url( ../images/bg_content.png );
		background-repeat: repeat-y;
		padding: 5px 45px 10px 40px;
	}
	
	div.layContent table.layContent
	{
		width:  100%;
		border-collapse: separate;
	}
	
	div.layContent table.layContent td.main,   div.layContent table.layContent td.left,
	div.layContent table.layContent td.center, div.layContent table.layContent td.right
	{
		vertical-align: top;
		border:         5px solid #fff;
	}
	
	div.layContent table.layContent td.main
	{
		background-color: #a0e1da;
	}
	
	div.layContent table.layContent td.left
	{
		width:            196px;
		background-color: #f0dba3;
	}
	
	div.layContent table.layContent td.center
	{
		background-color: #f0dba3;
	}
	
	div.layContent table.layContent td.right
	{
		width:            196px;
		background-color: #a0e1da;
	}
	
	div.layFooter
	{
		padding: 0 45px 0 40px;
		background-image: url( ../images/bg_footer.png );
		height:           165px;
		color: #fff;
		line-height: 18px;
	}
	
	div.layFooter a
	{
		color: #fff;
		font-size: 12px;
	}
	
	div.layFooter div.legal
	{
		color:      #000;
		font-size:  10px;
		text-align: center;
	}
	
	td.footerHome
	{
		width:   179px;
		padding: 10px 12px 40px 24px;
	}
	
	td.footerTips1
	{
		width:   212px;
		padding: 10px 12px 40px 12px;
	}
	
	td.footerTips2
	{
		width:   135px;
		padding: 10px 12px 40px 12px;
	}
	
	td.footerOther
	{
		width:   152px;
		padding: 10px 12px 40px 12px;
	}
	
	td.footerBoutique
	{
		padding: 10px 12px 40px 6px;
	}
	
	div.search img
	{
		vertical-align: bottom;
	}
	
	div.search input.field
	{
		border: 3px solid #a0e1da;
		font-family: Verdana, Arial, Helvetica, sans-serif;;
		font-size:   11px;
		font-weight: bold;
		color: #a0e1da;
		width: 276px;
		height: 12px;
		vertical-align: bottom;
	}
	
	div.search input.submit
	{
		vertical-align: bottom;
	}
	
	/* Admin Layout *********************************/
	div.layFooterAdmin
	{
		padding:          0 45px 0 40px;
		background-image: url( ../images/bg_footer_admin.png );
		height:           59px;
	}
	
	div.layFooterAdmin div.legal
	{
		padding-top: 45px;
		color:       #000;
		font-size:   10px;
		text-align:  center;
	}
	
	div.layFooterAdmin div.legal a
	{
		color: #000;
	}
	
	div.layFooterAdmin div.legal img
	{
		width:      35px;
		height:     35px;
		margin-top: 5px;
	}
	
	
	/* Backgrounds **********************************/
	
}