/* @override http://www.hartmann.com/shop/includes/css/styles.css */

/*PC*/
body {
	font-family: Tahoma, Arial, sans-serif;
	/*background-color: #2e180d;*/
	background-color:#3b3b3b;
	/*background-image: url(/shop/images/backgroundtopimage.jpg);*/
	background-repeat: repeat-x;
	margin-top: 31px;
}

.bodyBG {
	background-color: #3b3b3b;
}

.formElement {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	margin-bottom: 1px;
	padding-bottom: 1px;
	margin-top: 1px;
	padding-top: 1px;
}


input.inputBox
{
	font-family: Verdana;
	font-size: 10px;
	color: #3b3b3b;
	background-color: #ffffff;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	margin-bottom: 1px;
	padding-bottom: 1px;
	margin-top: 1px;
	padding-top: 5px
}

table.headerTable
{
	width: 926px;
	height: 68px;
	background-color: #b7afa2;
}


#mainPage
{
	width: 926px;
	background-color: #e0dbd5;	
	margin-bottom: 10px;
	overflow: hidden;
}


/*  Hide from IE */
html>body #mainPage
{
	width: 926px;
}

img.pipe 
{
	width: 2px;	
	height: 10px;
}

img.swatchImage
{
	border: solid 1px #2e180d;
}

td {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	color: #3b3b3b;	
}

form
{
	border: 0px;
	margin: 0px; 
	padding: 0px;
}

table.footerTable
{
	background-color: #e0dbd5;
	width: 926px;	
}


.collectionColor
{
	
}


/***********************************************************
*
* Left Navigation table 
*
***********************************************************/

.leftNavTable
{
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	padding: 0px;
}

.leftNavHeader
{
	height: 30px;
	background-color: #766341;
	color: #cfc7b2;
	vertical-align: middle;
	
	
	border-width: 0px 0px 0px 0px;	
	border-style: solid;	
	border-color: #b7afa2;
}

.leftNavDetail
{
	height: 21px;
	background-color: #b7afa2;
	vertical-align: middle;	
	text-indent: 7px;
}

.leftNavDetailSelected
{
	height: 21px;
	background-color: #f3efd6;
	vertical-align: middle;	
	text-indent: 7px;
}
.leftNavBottom
{
	height: 39px;
	background-color: #b7afa2;
	vertical-align: middle;	
	text-indent: 5px;	
	font-weight: bold;
	
	margin-top: 0px;
	
	border-style: solid;
	border-width: 1px 0px 0px 0px;	
	border-color: #e0dbd5;
}
a.leftNavLink
{
	color: #3b3b3b;
	display:block;
	width: 100%;
	font-family:Arial,Helvetica,sans-serif;
	font-size:7pt;
	font-weight:bold;
	text-decoration:none;
	padding: 5px 0px 5px 0px;
}

a.leftNavLink:hover
{
	color: #3b3b3b;
	background-color: #f3efd6;
	display:block;
	width: 100%;
	font-family:Arial,Helvetica,sans-serif;
	font-size:7pt;
	font-weight:bold;
	text-decoration:none;	
	padding: 5px 0px 5px 0px;
}


a.leftNavBottomLink{
	color: #3b3b3b;
	display:block;
	width: 100%;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	padding: 12px 0px 12px 0px;
}

a.leftNavBottomLink:hover{
	color: #3b3b3b;
	background-color: #f3efd6;
	display:block;
	width: 100%;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;	
	padding: 12px 0px 12px 0px;
}

/* New Left Navigation Menu */

.leftNavTableNew
{
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	padding: 0px;
}

.leftNavHeaderNew
{
	height: 20px;
	background-color: #766341;
	color: #ffffff;
	vertical-align: middle;
	
	
	border-width: 0px 0px 0px 0px;	
	border-style: solid;	
	border-color: #b7afa2;
}

.leftNavDetailNew
{
	height: 18px;
	background-color: #ffffff;
	vertical-align: middle;	
	text-indent: 4px;
}

.leftNavDetailSelectedNew
{
	height: 18px;
	background-color: #ffffff;
	vertical-align: middle;	
	text-indent: 4px;
}
.leftNavBottomNew
{
	height: 39px;
	background-color: #ffffff;
	vertical-align: middle;	
	text-indent: 5px;	
	font-weight: bold;
	
	margin-top: 0px;
	
	border-style: solid;
	border-width: 1px 0px 0px 0px;	
	border-color: #e0dbd5;
}
a.leftNavLinkSelectedNew
{
	color: #b7afa2;
	display:block;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
	font-size:9pt;
	font-weight: lighter;
	text-decoration:none;
}
a.leftNavLinkNew
{
	color: #000000;
	display:block;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
	font-size:9pt;
	font-weight: lighter;
	text-decoration:none;
}

a.leftNavLinkNew:hover
{
	color: #b7afa2;
	background-color: #ffffff;
	display:block;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
	font-size:9pt;
	font-weight: lighter;
	text-decoration:none;	
}


a.leftNavBottomLinkNew{
	color: #000000;
	display:block;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
	font-size:8pt;
	font-weight: lighter;
	text-decoration:none;
	padding: 12px 0px 12px 0px;
}

a.leftNavBottomLinkNew:hover{
	color: #b7afa2;
	background-color: #ffffff;
	display:block;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
	font-size:8pt;
	font-weight: lighter;
	text-decoration:none;	
	padding: 12px 0px 12px 0px;
}

h1.categoryHeadingNew
{
	font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
	font-weight: lighter;
	font-size: 11pt;
	margin-bottom: 0px;	
	border-bottom: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
}

/***********************************************************
*
* END Left Navigation table 
*
***********************************************************/

/********************************************************************************
*
* BEGIN Cross Sell 
*
********************************************************************************/

	table.crossSellTable
	{
		width: 100%;	
	}
	
	td.crossSellTableHeader
	{
		font-size: 14px;
		font-weight: bold;
		color: #f3efd6;
		vertical-align: middle;
	}

	img.crossSellImage
	{
		border: none;
	}
	
	a.crossSellLink
	{
		font-family: Tahoma, Arial, sans-serif;
		font-size: 8pt;
		color: #f3efd6;
		text-decoration: none;	
	}
	
	.crossSellLinkB
	{
		font-family: Tahoma, Arial, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		color: #f3efd6;
		text-decoration: none;	
	}
	
	.crossSellText
	{
		font-family: Tahoma, Arial, sans-serif;
		font-size: 8pt;
		color: #f3efd6;
		font-weight: normal;			
	}
	
	div.crossSellLinkDiv
	{
		width: 134px;
		text-align: left;	
		margin-top: 5px;
	}
	
	.textBCran {
		font-family: Tahoma, Arial, sans-serif;
		font-size: 8pt;
		color: #b90c24;
		font-weight: bold;
	}

/********************************************************************************
*
* END Cross Sell 
*
********************************************************************************/



/********************************************************************************
*
* BEGIN Detail Page 
*
********************************************************************************/

div.detailHeader
{
	height: 30px;
	width: 886px;
	text-align: left;
	margin-bottom: 9px;
	vertical-align: middle;
	border-bottom: solid 1px #b7afa2;
}


.detailHeaderLinks
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12pt;
	color: #3b3b3b;
	text-decoration : none;
	padding-top: 9px;
}

.detailHeaderLinksMail
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12pt;
	color: #3b3b3b;
	text-decoration : none;
	padding-top: 9px;
	float: right; 
	margin-right: 357px;
}

/*  Hide from IE */
html>body .detailHeaderLinksMail
{
	margin-right: 356px;
}

.dimensions
{	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12pt;
	color: #3b3b3b;
}

.dimensionsMaroon
{	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12pt;
	color: maroon;
}

.dimensionsTable
{
	background-color: #f3efd6;
	text-align: left;
	text-indent: 7px;
}


td.enlargeImage
{
	font-size: 8pt;
	text-align:right;
}

.borderimage{
	margin-bottom: 1px;
	border:1px solid #ffffff;
}

div.collectionDescriptionContainer
{
	width: 300px;
	background-color: #f3efd6;
}

div.collectionDescription
{
	padding: 10px;
	text-align: left;
	line-height: 2em;
}

p.collectionHeader
{
	margin: 0px 0px 5px 0px;
	color: #2e180d;
	font-size: 14px;
}

	/* Available In table */
	td.availableInHeader
	{
		font-family: Tahoma, Arial, sans-serif;
		color: #3b3b3b;
		font-size: 14pt;
		padding-bottom: 5px;
	}
	
	td.availableInDetail
	{
		text-align: right;
	}
	
	td.availableInBottom
	{
		background-color: #f3efd6;
		border-bottom: solid 1px #2e180d;
	}
	
	div.productImageDiv
	{
		background-color: #ffffff;
		width: 530px;
		height: 352px;
		text-align: center;
	}
	
	.productDescription
	{
		font-family: Times New Roman, serif; 
		font-size: 11pt;
		color: #3b3b3b;
	}
	
	.img-shadow {
	  float:left;
	  background: url(/shop/images/product_detail/dropshadow.gif) no-repeat bottom right;
	  margin: 10px 0 0 10px !important;
	  margin: 10px 0 0 5px;
	  }
	
	.img-shadow img {
	  display: block;
	  position: relative;
	  background-color: #ffffff;
	  margin: 0px 5px 6px 0px;
	  padding: 0px 2px 2px 0px;
	  }

/********************************************************************************
*
* END Detail Page 
*
********************************************************************************/

h1.categoryHeading, span.categoryHeading
{
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;	
	border-bottom: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
}




h1.productTitle 
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9pt;
	color: #3b3b3b;
	font-weight: normal;
	margin-bottom: -14px;
}

.add_lineheight {
	line-height: 18px;
}

.title {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18pt;
	text-transform: capitalize;
	color: #000000;
	margin-bottom: 3px;
	padding-bottom: 3px
}

.titleSub {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	color: #3b3b3b;
	font-weight: bold;
	margin-bottom: 3px;
	padding-bottom: 3px
}

.titleSubSmall {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	font-weight: bold;
	margin-bottom: 3px;
	padding-bottom: 3px
}

.titleNoB {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	color: #3b3b3b;
	margin-bottom: 3px;
	padding-bottom: 3px
}
.textB {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	font-weight: bold;
}
.text {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
}

.textLinkB {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18pt;
	color: #3b3b3b;
	font-weight: bold;
	text-decoration : None;	
}

.textLinkBU {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	font-weight: bold;
	text-decoration : underline;
}

.textLink{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	text-decoration : none;	
}

.textLinkLarge{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11pt;
	color: #3b3b3b;
	text-decoration : none;	
}

.textLinkU{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	text-decoration : underline;
}

.textLinkUSmall{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 7pt;
	color: #3b3b3b;
	text-decoration : underline;
}

.textLinkSmall{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 7pt;
	color: #3b3b3b;
	text-decoration : none;
}

.textSmall {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 7pt;
	color: #3b3b3b;
}

.textSmallB {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 7pt;
	color: #3b3b3b;
	font-weight: bold;
	text-decoration : None;
}

a.textLinkRollOver{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	text-decoration : none;	
}

a.textLinkRollOver:hover{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #CCA347;
	text-decoration : underline;	
}

.textLinkRollOverSelected{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	font-weight: bold;
	text-decoration : none;	
}

.topDivider{
	padding-right: 1px;
	margin-right: 2px;
	padding-left: 1px;
	margin-left: 1px;
}

/*
Sub nav
*/
a.NavSubLink{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	text-decoration: underline;	
	padding-right: 3px;
}

a.NavSubLink:hover{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	text-decoration : none;	
	padding-right: 3px;
}

.NavSubLinkSelected{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #913345;
	font-weight: bold;
	text-decoration : none;
}

.NavSubLinkUL{
	color: #913345;
	font-weight: bold;
	text-decoration : underline;
}

/*
Utility nav and footer
*/
.navLink {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	text-decoration : Underline;
}

.navLink:hover {
	font-family:  Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	text-decoration : none;
}

.navLinknew {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	text-decoration : none;
}

.navLinkHeader {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	text-decoration : none;
}

.navLinkHeaderNew {
	font-family: Verdana;
	font-size: 10pt;
	color: #766341;
	text-decoration : none;
}

.navLinkFooter
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;	
	text-decoration : none;		
}

table.navFooterTable
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;	
}

.footerText
{
	font-family: Verdana;
	font-size: 8pt;
	color: #766341;	
}

.ninB {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #3b3b3b;
	text-decoration : none;
}

img.topNavImage
{
	border: 0px;
}

img.topNavPipe
{
	width: 1px;
	height: 44px;
}

table.topNavTable
{
	background-image: url("/shop/images/topnav/topnav_bgrnd.gif");
	background-repeat: repeat-x;
	border-right: solid 1px #2e180d;
	border-left: solid 1px #2e180d;
	text-align: left;
	width: 926px;
}

/*
Menus
*/
a.subnav{
	font-family:  Verdana;
	font-size: 10pt;
	color: #3c3c3c;
	text-decoration : none;
	width: 100%;	
	padding-left : 7px;	
	display:block;	
	line-height: 25px;
	width: inherit;
}


a.subnavB{
	font-family:  Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	font-weight: bold;
	text-decoration : none;
	width:100%;	
	padding-left : 7px;	
	display:block;	
	line-height: 20px;
}

.navBreak{
	text-decoration : none;
	width:100%;	
	padding-left : 4 px;	
	display:block;	
	padding-bottom : 3px;
	padding-top: 3px;
}

a.subnav:hover{
	font-family:  Verdana;
	font-size: 10pt;
	color:#3c3c3c;
	text-decoration : none;		
	background-color: rgb(183, 175, 162);
	display:block;
	line-height: 25px;
}

/*  Hide from IE */
html>body a.subnav:hover
{
	background-color: rgba(183, 175, 162, 0.65);
}

/*
Error
*/
.errorText {
	font-family:  Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #C80505;
	font-weight: bold;
}

/*
Special table formatting
*/
.tableTBrule {
	background-color:#FCFBF6;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color:#E6DCC1;
	border-bottom-color:#E6DCC1;
	text-align: left;
}

.tableBonly {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#b7afa2;
	text-align: left;
}

input.noborder
{
	border:0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	background-color: #ffffff;
	text-decoration : none;	
}

input.noborderBold
{
	border:0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #3b3b3b;
	background-color: #ffffff;
	text-decoration : none;	
}

input.noborderRed
{
	border:0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color:Red;
	background-color: #e0dbd5;
	text-decoration : none;	
}

input.noborderstrike
{
	border:0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #3b3b3b;
	background-color: #ffffff;
	text-decoration : line-through;	
}

/* Bigger Pagination */
.pag{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11pt;
	color: #3b3b3b;
	text-decoration : none;
}
.pagU{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11pt;
	color: #3b3b3b;
	text-decoration: underline;
}
.pagSel{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #3b3b3b;
	text-decoration : none;
}
/* Special Features */
.specialFeatures{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration : none;
	/*padding:7px;*/
	background-color: #3b3b3b;
	border-bottom:solid 1px #4B352C;
}
.feature{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;
	text-decoration: underline;
	/*padding:7px;*/
	background-color:#f5f0dd;
	border-bottom:solid 1px #E6DCC1;
}
.feature2{
	background-color:#402f25;
	border-bottom:solid 1px #E6DCC1;
}
.MonogramMessage{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #913345;
	text-decoration : none;
}
.MonogramOn
{
	display: inline;
}
.MonogramOff
{
	display: none;
}
input.noborderMaroon
{
	border:0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: maroon;
	background-color: #ffffff;
	text-decoration : none;	
}
.textBMaroon {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: maroon;
	font-weight: bold;
}
.textMaroon {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: maroon;
}
/*
Text Based Main Nav
*/
.navMain {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	color: #3b3b3b;
	text-decoration: None;
	line-height: 90%;
}
.navMain:hover {
	font-family:  Tahoma, Arial, sans-serif;
	font-size: 10pt;
	color: #E6DCC1;
	text-decoration: None;
	line-height: 90%;
}
/*
Larger Text
*/
.larger{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11pt;
	color: #3b3b3b;
	text-decoration: none;
	line-height: 140%;
}

.smallBlack{
	color: #000000;
	font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
	font-size:9pt;
	font-weight: lighter;
}
.lgCr{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11pt;
	color: #913345;
	text-decoration: None;
	line-height: 140%;
}
.lgCrUL{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11pt;
	color: #913345;
	text-decoration: Underline;
	line-height: 140%;
}

div.collectionPromo
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	border-width: 1px 0px 0px 1px;
	margin-bottom: 1px;
	padding-bottom: 1px;
	margin-top: 1px;
	padding-top: 5px;
}
.collectionPromo h4
{
	font-size: 24px;
	color: #FFF;
	display: block;
	margin: 0px;
	padding: 0px;
}
.collectionPromo span
{
	font-size: 18px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}