/*=================================================
Define styles that will be used by entire front-end
=================================================*/
@import url(common.css);

/*=======================================
Define styles specifically for storefront
=======================================*/
.priceHighlight {
	font-size: 14px;
	font-weight: bold;
}
.priceMarkdown
{
	font-weight: bold;
	font-size: 14px;
	text-decoration: line-through;
}
.salePrice
{
	font-weight: bold;
	font-size: 14px;
	color: red;
}
.productTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #AAB996;
	font-weight: normal;
	text-transform: uppercase;
}
/*#Layer1 {
	position:absolute;
	left:20px;
	top:40px;
	width:760px;
	z-index:0;
	height: 325px;
}*/

.breadcrumb {
	font-size: 10px;
	color: #254790;
	padding: 0px;
	display: none;
}
a.breadcrumb {
	font-size: 10px;
	color: #254790;
}
.pageTitle {
}
.highlightItem, .highlightItem a {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	padding: 3px;
	clear: both;
}

/*==========================
General page-layout styles
==========================*/
#header
{
    width:100%;
	z-index:10;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#mainContent #leftColumn
{
	padding-left: 10px;
    width: 155px;
    float: left;
	/* Hide sidebar */
	display: none;
}

#mainContent #rightColumn
{
	/*box-sizing: border-box
	-moz-box-sizing: border-box;
    width: 761px;*/
    float: left;
    clear: right;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	background-image: url(/images/box_bg_repeat.gif);
	background-repeat: repeat-y;
}

#mainContent #footer
{
	margin-left: 0px;
	margin-top: 0px;
    float: left;
}
input, select
{
	font-size: 11px;
	background-color: #D5DCCB;
	border: 1px solid #56732E;
	color: #56732E;
	font-weight: bold;
}

/*==============================================================
 Category listing page styles (/Commerce/Storefront/Index.aspx)
==============================================================*/
#categoryInfo
{
	margin-bottom: 10px;
}
.productListingContainer
{
	vertical-align: top;
	width: 33%;
}
.productListingContainer .roundCornerTable
{
	width: 100%;
}
.productListing
{
	text-align: center;
}
.productListing .shortDescription, .productListing .productDates,
.productListing .productSku, .productListing .unitPrice, .productListing .salePrice
{
	display: none;
}
.linkDescription {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding: 3px;
}

a.sidebarCategories
{
	font-size: 11px;
	border: none;
}
.sidebarCategories
{
	width: 100%;
	padding: 3px;
	background-color: #DBDBDB;
	border: 1px solid #FFF;
}
#productSearch, #productSort
{
	padding: 2px;
	border: 1px solid #DBDBDB;
	float: left;
	display: none;
}
/*===================================================================
 Product detail page styles (/Commerce/Storefront/ProductDetail.aspx)
====================================================================*/
#images, #unitPrice, #salePrice
{
	display: none;
}
#longDescription
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #592D5F;
	font-weight: bold;
}
#quantity
{
	display:none;
}
.steps
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #592D5F;
}
.bodyText-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #56732E;
	font-weight: bolder;

}

/*==========================
Content boxes
==========================*/
.roundCornerTable
{
	/*background-color: #DBDBDB;*/
}

.roundCornerTable .topRow, .roundCornerTable .bottomRow
{
	display:none;
}

.roundCornerTable .topRow .leftCorner
{
	float: left;
	width: 16px;
	/*background-image: url(../images/round_corner_ul.gif);
	background-repeat: no-repeat;*/
}
.roundCornerTable .topRow .rightCorner
{
	float: right;
	width: 16px;
	/*background-image: url(../images/round_corner_ur.gif);
	background-repeat: no-repeat;*/
	clear: right;
}
.roundCornerTable .content
{
	clear: right;
}
.roundCornerTable .bottomRow .leftCorner
{
	float: left;
	width: 16px;
	/*background-image: url(../images/round_corner_bl.gif);
	background-repeat: no-repeat;*/
}
.roundCornerTable .bottomRow .rightCorner
{
	float: right;
	width: 16px;
	/*background-image: url(../images/round_corner_br.gif);
	background-repeat: no-repeat;*/
}
/*===================================================================
 Product detail page styles (/Commerce/Storefront/Calendar.aspx)
====================================================================*/
.calendarTitleStyle
{
	background-color: #D5DCCB;
	color: #56732E;
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
}
.calendarDayStyle
{
	border: solid 1px #AAB996;
	color: #592D5F;
}
.calendarDayHeaderStyle
{
	background-color: #D5CAD7;
	color: #592D5F;
	font-size: 12px;
	border-left: solid #FFF 1px;
	border-right: solid #FFF 1px;
	border-top: solid #FFF 2px;
}
.calendarOtherMonthDayStyle
{
	background-color: #D5DCCB;
	border: solid 1px #AAB996;
	color: #56732E;
}
#innerContentTable
{
	width: 661px;
}

#msg_success, #msg_success a
{
	display: block;
	font-size: 16px;
	color: #CC0000;
	font-weight: bold;
}
.bodyText-title-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #56732E;
	font-weight: bolder;

}