/*
  Baseline CSS
  Author:         Roy Lindauer
  Date:           12/18/08
  Revision Date:  12/18/08
  Version:        1.0
  Controls overall site grid. Provides grid framework
*/
/*
 Grid is based on a 960px wide container divided in 6 ways
 Each grid col is 150px with a 10px gutter on the right hand side
*/
.show_grid{
	background:url(/catalog/skin1/custom/grid.gif) repeat-y;
	}
.col{
	float: left;
	margin-right: 10px;
	position: relative;
	}

.last{
	margin-right: 0;
	}

/* Set grid col widths */
.span-custom-half{ width:370px; }
.span-1{ width:150px; }
.span-2{ width:310px; }
.span-3{ width:470px; }
.span-4{ width:630px; }
.span-5{ width:790px; }
.span-6{ width:960px; margin-right: 0; }

/* Append empty cols */
.append-1{ padding-right:150px; }
.append-2{ padding-right:300px; }
.append-3{ padding-right:450px; }
.append-4{ padding-right:600px; }
.append-5{ padding-right:750px; }

/* Prepend empty cols */
.prepend-1{ padding-left:150px; }
.prepend-2{ padding-left:300px; }
.prepend-3{ padding-left:450px; }
.prepend-4{ padding-left:600px; }
.prepend-5{ padding-left:750px; }

/* Images */
.left{ float:left; margin-right:10px; }
.right{ float:right; margin-left:10px; }

.solo img{
	margin-bottom: 20px;
	}
.frame{
	border: 1px solid #999;
	}