@charset "UTF-8";
/* CSS Document */

/* ----- basic styling ----- */

* {
	margin: 0;
	padding: 0;
}

body {
    margin: 0;
	padding: 0;
    background: url(../images/body_bg.png) top left repeat-x;
    background-color: #6a1313;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
	font-size: 62.5%; /*This is for font sizing cross browser to consistently remder 1em = 10 px */
	line-height: 1.7em;  /*This is for line hieght consistently cross browser */
}

a:link, a:visited {
	color:#891818;
}

a:hover, a:active {
	color: #2f2016;
	text-decoration:none;
}

.clearFloat {
	clear:both;	
}

.floatRight {
	float: right;	
}

.floatLeft {
	float: left;	
}


.redText {
	color: #891818;	
}

.borderRule {
	border-bottom:solid;
	border-bottom-color:#c3bba3;
	border-bottom-width:1px;
	margin-top:20px;
	margin-bottom:20px;
}


/* ----- Breadcrumb Style ----- */

#breadCrumb
{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	height: 21px;
	width: 555px;
	padding:5px;
	border:solid 1px #dedede;
	background:#fff;
}
#breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
}
#breadCrumb ul li
{
	float: left;
	height: 21px;
	line-height: 1.5em;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: 1em;
	list-style:none;
	background: url(../images/Chevron.gif) no-repeat 100% 0;
}

#breadCrumb ul li a
{
	height: 21px;
	line-height: 1.4em;
	color: #8f7a6c;
}
#breadCrumb ul li a:hover
{
	color: #685243;
}
#breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	display: block;
	overflow: hidden;
	padding: 0;
	margin-top: 2px;
	background:url(../images/IconHome.gif) no-repeat 0 0;
}
#breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}

#breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}

/* ----- End Breadcrumb Style ----- */

/**Custom Google Cart Style**/

.googlecart-add {
	background-image: url(../images/btn_addCart.png);
	background-repeat: no-repeat;
	height: 33px;
	width:122px;
	overflow:hidden;
}

.googlecart-add:hover {
	background-position: 0px -33px;
}

.googlecart-add:active {
	background-position: 0px -66px;
}

.override #googlecart-widget-head {
	margin-top:17px;
	background: #f3f0ed;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #998f85;
	border-bottom-color: #998f85;
	border-left-color: #998f85;
  }
  
  .override #googlecart-widget-head:hover {
	background:#f9f6f2;
  }
  
  .override #googlecart-widget-head:active {
	background:#d9d2cd;
  }

  .override #googlecart-widget-body {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #998f85;
	border-left-color: #998f85;
	}


/**Drop Shadow **/

.shadow_outerpair1 {
	background: url(../images/upperrightfade.png) right top no-repeat;
}

.shadow_outerpair2 {
	background: url(../images/lowerleftfade.png) left bottom no-repeat;
	padding-top: 8px;
	padding-left: 8px;
}

.shadow_shadowbox {
	background: url(../images/shadow.png) bottom right;
}

.shadow_innerbox {
	position: relative;
	left: -8px;
	top: -8px;
	border: 1px solid #5d0606;
	background: #fff;
}

.page {
	 margin: 30px auto;
	 width: 788px;
	 text-align: left;
}

/**Layout Structure**/

#header {
	height: 150px;
    position: relative;
	background-image:url(../images/header.png);
	z-index: 30; /*This is needed for IE fix so the "google cart" is above product images*/
}

#header h1 {
	text-indent: -1000em;
	display:block;
}

#topNav {
	font-size: 1.2em;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:repeat-x;
	margin: 0 0 20px 0;
	padding: 0;
	height: 35px;
    border-bottom: 1px solid #D1D0CC;
}

#topNav li {
	list-style:none;
	display:inline;
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
} 

#topNav #menuTop_list a:link, #topNav #menuTop_list a:visited {
	display: block;
	float: left;
	text-align: center;
	height: 25px;
	border-right: 1px solid #c2bbb7;
	padding-top:10px;
	padding: 10px 20px 0 20px;
	color: #635A52;
    text-decoration: none;
    font-weight: bold;	
}

#topNav #menuTop_list a:hover, #topNav #menuTop_list a:active {
	cursor:pointer;
	background-image:url(../images/nav_bg_over.jpg);
	background-repeat:repeat-x;
	color:#891818;
}

#topNav #menuTop_list a.menuTop_selected, #topNav #menuTop_list a.menuTop_selected:hover, #topNav #menuTop_list a.menuTop_selected:active  {
    background-image: url(../images/nav_bg_hit.jpg);
	background-repeat:repeat-x;
	color: #4b3d31; 
	background-image:url(../images/nav_bg_hit.jpg);
	background-repeat:repeat-x;
    border-bottom: 1px solid #FFFFFF;
}

#topNav #action-links ul {
	float:right;
	margin-right:20px;
	margin-top: 10px;
}

#topNav #action-links ul li {
	padding: 0px 11px 0 11px;
	border-right: 1px solid #c2bbb7;
}

#topNav #action-links ul li.last { border-right: none !important; }

#topNav #action-links a:link, #topNav #action-links a:visited {
	color: #891818;
    text-decoration: none;
	font-weight: bold;
}

#topNav #action-links a:hover, #topNav #action-links a:active {
    color:#826e60;
}

#sidebar {
	float: left;
	width: 150px;
	padding-left: 20px;
}

#sidebar a:link, #sidebar a:visited {
	color: #8f7f73;
	text-decoration: none;
	font-size: 1.2em;
	display: block;
	
}

#sidebar a:hover, #sidebar a:active {
	color: #714627;
	font-size: 1.28em;
}

#sidebar a.menuSide_selected {
    color: #891818;
    font-weight: bold;
	background: url(../images/selected2.gif) no-repeat scroll center right;
}

#sidebar a.head {
	cursor:pointer;
	background: url(../images/collapsed.gif) no-repeat scroll 5px 10px;
	display:block;
	font-weight:bold;
	margin:0;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
	font-size: 1.3em;
	height: 21px;
	padding:5px;
	border:solid 1px #dedede;
	background-color:#eae5dd;
	color: #775d4b;
}
#sidebar a.head:hover {
	color:#3e2e23;
	background-color:#d3c5b4;
}
#sidebar a.selected {
	background-image: url(../images/expanded.gif);
	background-color:#d3c5b4;
	color:#3e2e23;
	
}

#sidebar ul li {
	list-style:none;
	padding-bottom:5px;
}

#sidebar ul li ul li {
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: 1px solid #E8E7E4;
	padding-top: 8px;
	padding-bottom: 8px;
}

#sidebar #contactinfo {
	margin-top:10px;
	margin-bottom:10px;
	padding:8px;
	border:solid 2px #E8E7E4;
	color:#4e3b2e;
	background-color:#FFF;
}

#sidebar #contactinfo h3 {
	padding:0;
	margin: 0;
	border-bottom: 1px solid #E8E7E4;
	padding-bottom: 8px;
	font-size:1.5em;
}

#sidebar #contactinfo a:link, #sidebar #contactinfo a:visited {
	font-size: .9em;
	color:#891818;
}

#sidebar #contactinfo a:hover, #sidebar #contactinfo a:active {
	color: #2f2016;
	text-decoration:none;
}

#sidebar #contactinfo ul li {
	list-style:none;
	font-size: 1.1em;
	margin: 0;
	border-bottom: 1px solid #E8E7E4;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sidebar #contactinfo #address {
	font-style:italic;
	font-size: 1em;
	line-height:1.5em;
	border-bottom: 0px solid #E8E7E4;
}

#mainContent {
	float:right;
	margin-right:20px;
	margin-bottom:10px;
	width: 567px;
	padding: 0;
	/*margin: 0 20px 0 190px;*/
	font-weight: normal;
	font-size: 1.2em;
}

#introwrapper {
	margin-bottom:15px;
	position:relative;
	z-index:1;
}

#introlead {
	position:absolute;
	bottom: 0px;
	margin:0;
	padding:0;
	z-index:5;
}

#mainContentHome {
	padding: 0px;
	margin: 0 20px 0px 20px;
	font-weight: normal;
	font-size: 1.2em;
}

#mainContentHome #home_btn {
	margin-bottom: 16px;
	
}

#mainContentHome #home_btn_kit a {
	background-image: url(../images/home_btn_kit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 300px;
	width: 242px;
	display: block;
	text-indent: -1000em;
	float:left;
	margin-right: 4px;
	overflow: hidden;
}

#mainContentHome #home_btn_acc a {
	background-image: url(../images/home_btn_acc.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 300px;
	width: 242px;
	display: block;
	text-indent: -1000em;
	float:left;
	margin-right: 4px;
	overflow: hidden;
}

#mainContentHome #home_btn_serv a {
	background-image: url(../images/home_btn_serv.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 300px;
	width: 242px;
	display: block;
	text-indent: -1000em;
	float:left;
	overflow: hidden;
}

#mainContentHome #home_btn a:hover  {
	background-position: -242px 0px;
}

#mainContentHome #home_btn a:active  {
	background-position: -484px 0px;
}

#mainContent h2, #mainContentHome h2 {
	height: 24px;
	margin-bottom: 5px;
	border-bottom: 1px solid #c3bba3;
	font-size: 1.1em;
	font-weight: bold;
	color: #2A2619;
}

#mainContent h3, #mainContentHome h3 {
	color: #2A2619;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 0.3em;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
}

#mainContent p, #mainContentHome p {
	text-align: left;
	margin-top: .25em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

#mainContent  .linkHilight a, #mainContentHome .linkHilight a { 
    color: #891818;
    text-decoration: underline;
}

#mainContent .linkHilight a:hover, #mainContentHome .linkHilight a:hover { 
    background: #ebd8d8;
}

#mainContent .subCatProduct {
	float:left;
	margin-bottom:18px;
	margin-right:18px;
}

#mainContent .subCatProduct a {
	color:#333;
	text-decoration:none;
	display:block;
	text-align:center;
	border: solid #5d5956 1px;
	background-color:#f9f6f2;
	padding: 7px;
	padding-bottom: 4px;
	overflow: hidden; /*New trick to clear floats without additional markup*/
	width:150px;
}

#mainContent .subCatProduct .caption {
	font-size:1.1em;
	display:block;
	font-weight:bold;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 3px;
	background-color: #D8CFC1;
	color: #333;
	text-align:center;
}

#mainContent .subCatProduct a:hover {
	background-color:#FFF;
	border: solid #891818 1px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#mainContent .subCatProduct img {
	border: solid #5d5956 1px;
}

#mainContent .subCatProduct ul {
	font-size: 1em;
	line-height: 1.4em;
}

#mainContent .subCatProduct .priceList {
	width: 148px;
	margin: 0;
	font-size: 1em;
	line-height: 1.4em;
	text-align:left;
	color:#4e463b;
}

#mainContent .subCatProduct .priceList .priceListHead {
	display:block;
	font-weight:bold;
	background-color:#e7e1d9;
	border-bottom: 1.5px solid #b2a390;
	padding-top: 1px;
	margin-bottom:2px;
	overflow: hidden; /*New trick to clear floats without additional markup*/
	width: 100%;
}

#mainContent .subCatProduct .priceList .divider {
	border-bottom: 1.5px solid #b2a390;
	display:block;
	clear:both;
	margin-top:1px;
	margin-bottom:1px;
}

#mainContent .subCatProduct .priceList .desc {
	float:left;
	text-align:left;
	padding-left: 5px;
	}
	
#mainContent .subCatProduct .priceList .price {
	float:right;
	text-align:center;
	width: 38px;
}

#mainContent .subCatProduct .priceList .price-O {
	float:right;
	text-align:center;
	width: 38px;
}

#mainContent .servBtn {
	float:left;
	margin-bottom:15px;
	margin-right: 8px;
}

#mainContent .last {
	float:left;
	margin-bottom:10px;
	margin-right: 0px;
}

#mainContent .servBtn a {
	width: 180px;
	color:#333;
	text-decoration:none;
	display:block;
	text-align:center;
	border: solid #5d5956 1px;
	background-color:#f9f6f2;
	padding:0px;
}

#mainContent .servBtn .caption {
	font-size:1.1em;
	display:block;
	font-weight:bold;
	margin-top:0;
	padding: 7px;
	background-color: #D8CFC1;
	color: #333;
	text-align:center;
}

#mainContent .servBtn a:hover {
	background-color:#FFF;
	border: solid #891818 1px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#mainContent .servBtn img {
	border: 0px;
	border-bottom: solid #5d5956 1px;
}

#mainContent .serv img {
	border: solid #5d5956 1px;
	margin-bottom:15px;
}

#mainContent #productPage {
	width: 100%;
}

#mainContent #productPage #container {
	position:relative;
	width:350px;
	font-family:verdana, arial, sans-serif;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#mainContent #productPage #productinfo {
	background-color: #f3f0ed; 
	padding: 15px;
	height: 360px;
	width: 175px;
	float: right;
}

#mainContent #productPage #productinfoShort {
	background-color: #f3f0ed; 
	padding: 15px;
	height: 270px;
	width: 175px;
	float: right;
}

#mainContent #productPage h2 {
	font-size: 1.4em;
	margin:0;
	padding:0;
	border-bottom: none;
	height: 20px;
}


#mainContent #productPage #container a.pics {
	float:left;
	display:inline;
	color:#000;
	text-decoration:none;
	border:1px solid #5d5956;
	width:75px;
	height:75px;
	cursor:default;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

#mainContent #productPage #container a.pics img.thumb {display:block; border:0;}

#mainContent #productPage #container a.pics .thumb:hover {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

#mainContent #productPage #container a.pics span {display:none; border:0; width:350px;  border:1px solid #5d5956; background:#bbb; text-align:center;}
#mainContent #productPage #container a.pics span img {margin:0px; border:none;}

#mainContent #productPage #container a.pics:hover {white-space:normal; border: solid #891818 1px;}
#mainContent #productPage #container a.pics:hover span {display:block; position:absolute; left:0px; top:0px; z-index:10; height:300px;}

#mainContent #productPage #container span.info {clear:left; display:block; text-align:center; line-height:2em; margin:0; padding:0px 0 0 0; width:350px; height:300px; border:1px solid #5d5956; text-align:center; color:#eee; z-index:1;}


#leftContent {
	float: left;
	width: 185px;
	height: 140px;
	margin-left: 2px;
	margin-top: 0px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #c3bba3;
	margin-right: 0;
}

#rightContent {
	float: right;
	width: 450px;
	margin-right: 55px;
}

#footer{
	clear:both;
	font-size: 1.3em;
	margin: 20px;
    padding: 7px 0 0 0;
	text-align: center;
	border-top: 1px solid #E8E8E7; 
}