/* Provides basic layout. This is intended to be used by the sample store.
 * However, it has broken out into its own file for backwards compatibility.
 * This way, old stores can continue to reference it. */

body,
td,
th
{
	font-family: Verdana;
	font-size: 13px;
}

/*** Links ********************************************************************/

.pageContent a
{
	color: #330099;
	text-decoration: none;
}

.pageContent a:visited
{
	color: #666666;
}

.pageContent a:hover
{
	color: #330099;
	text-decoration: underline;
}

/*** Generic Form *************************************************************/

.pageContent input,
.pageContent select,
.pageContent textarea
{
	font-family: Verdana;
}

/*** Form Tables **************************************************************/
 
 div.form input[type="text"],
 div.form select,
 div.form textarea
 {
 	font-family: Verdana;
	font-size: 11px;
 }

/*** Headers ******************************************************************/

.pageContent h1
{
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 0px;
}

.pageContent h2
{
	font-size: 19px;
	font-weight: normal;
	margin: 0px -5px 10px -5px;
	padding: 5px 5px 0px 5px;
	border-bottom: 1px solid  #777777;
	color: #777777;
	text-decoration:none;		
}

.pageContent h3
{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 3px;
	color: #777777;
}

/*** Navigation ***************************************************************/

/* Give the navigation a negative top value equivalent to the bottom margin of
 * page title. This brings it up under the title, and at the same time,
 * preserves the page title margin. */

.pageContent .navigation
{
	position: relative;
	top: -10px;
	margin: 0px -5px 0px -5px;
	padding: 3px 5px 3px 5px;
	background-color: #eeeeee;
	color: #777777;
}

/*** Breadcrumb Trail *********************************************************/

/* Give the breadcrumb trail a negative top value equivalent to the bottom
 * margin of navigation. This brings it up under the navigation and at the same
 * time, preserve the navigation margin. */

.breadcrumbTrail
{
	position: relative;
	margin: 0px -5px 0px -5px;
	padding: 3px 5px 3px 5px;
}

.breadcrumbTrail a
{
	text-decoration: none;
}

.breadcrumbTrail a:hover
{
	text-decoration: underline;
}


/*** Grids ********************************************************************/

.gridContainer
{
	margin: 10px 0px;
}

/*** Checkout Steps ***********************************************************/

/* Give the checkout steps a negative top value equivalent to the bottom
 * margin of navigation. This brings it up under the navigation and at the same
 * time, preserve the navigation margin. */

.checkoutSteps
{
	position: relative;
	top: -10px;
	margin: 0px -5px 0px -5px;
	padding: 3px 5px 3px 5px;
}

/*** Categories ***************************************************************/

.category .items .stagger table tr td.name
{
	background-color: #dddddd;	
	text-align: left;
}