/*
 *  File:          Layout.css
 *  Purpose:       Houses the CSS styling for layouts in the site
 *  By:            Matt LaPora
 *  Last Revised:  12/5/2012 
*/

/* Main Columns */
.LeftColumn { float: left; width: 451px; }
.RightColumn { float: right; width: 451px; }
.RightColumn .InnerLeftColumn { float: left; width: 205px; }
.RightColumn .InnerRightColumn { float: right; width: 225px; }

/* Product Columns */
.ProductLeftColumn { float: left; width: 240px; }
.ProductRightColumn { float: left; width: 718px; }

/* Receipt columns */
.ReceiptLeftColumn { float: left; width: 300px; }
.ReceiptRightColumn { float: right; width: 500px; }

/* Cart Table */
.CartColumn1, .CartColumn2, .CartColumn3, .CartColumn4, .CartColumn5 { padding: 15px; }
.CartFooter { padding: 15px 0px; }
.CartFooter .CartColumn1, .CartFooter .CartColumn2, .CartFooter .CartColumn3, .CartFooter .CartColumn4, .CartFooter .CartColumn5 { padding: 1px 15px; }
.CartColumn1 { width: 198px; }
.CartColumn2 { width: 300px; }
.CartColumn3 { width: 90px; }
.CartColumn4 { width: 118px; }
.CartColumn5 { width: 100px; }

/* Create Picture Table */
.CreatePictureColumn1, .CreatePictureColumn2, .CreatePictureColumn3, .CreatePictureColumn4, .CreatePictureColumn5 { padding: 15px; }
.CreatePictureColumn1 { width: 242px; }
.CreatePictureColumn2 { width: 141px; }
.CreatePictureColumn3 { width: 141px; }
.CreatePictureColumn4 { width: 141px; }
.CreatePictureColumn5 { width: 141px; }

/* Empty Cart Button Column */
.CartEmptyButtonColumn { width: 525px; }

/* Footer Columns */
#FooterColumn1 { width: 450px; padding-right: 50px;}
#FooterColumn2 { width: 220px; }
#FooterColumn3 { width: 220px; }

/* Rounded Corners */
.Rounded
{
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; /* future proofing */
	-khtml-border-radius: 5px 5px 0px 0px; /* for old Konqueror browsers */
}

.BottomRounded
{
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px; /* future proofing */
	-khtml-border-radius: 0px 0px 5px 5px; /* for old Konqueror browsers */
}

.FullRounded
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}