/* Style sheet used by the sample store. */

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

.footer {
	font-size: 10px;
	padding: 10px;
	border: 0px;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	background-color: #eeeeee;
}


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

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

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

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

/******************************************************************************
 **********                         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;
	top: -10px;
	margin: 0px -5px 0px -5px;
	padding: 3px 5px 3px 5px;
}

.breadcrumbTrail a {
	text-decoration: none;
}

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

/******************************************************************************
 **********                     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;
}