/* CSS Document */

body {
	background-color: #DED7C8;
	background-image: url(../images_site/bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	
}

#wrapper {
	width: 600px;
	margin: 0em auto;
	padding: 0em;
	text-align: center;
}

#header {
	display: block;
	height: 35px;
	background-color: #3F3A30;
	text-align: left;
	background-image: url(../images_07/header_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#menu {
	display: block;
	height: 17px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	text-transform: uppercase;
	background-color: #938A77;
}

/* krazy overwriting kaos */
li#menuGreen:hover > a {background:#616802;}
* html li#menuGreen a:hover {background:#616802;}
li#menuGreen a:active, li#menuGreen a:focus {background:#616802;}

li#menuOrange:hover > a {background:#EA5200;}
* html li#menuOrange a:hover {background:#EA5200;}
li#menuOrange a:active, li#menuOrange a:focus {background:#EA5200;}

li#menuBlue:hover > a {background:#2F5E8C;}
* html li#menuBlue a:hover {background:#2F5E8C;}
li#menuBlue a:active, li#menuBlue a:focus {background:#2F5E8C;}

li#menuBrown:hover > a {background:#7F5E15;}
* html li#menuBrown a:hover {background:#7F5E15;}
li#menuBrown a:active, li#menuBrown a:focus {background:#7F5E15;}

#content {
	display:block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../images_site/subbg02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

#content td{
	width: 50%;
	font-size: 12px;
	color: #595446;
	text-transform: uppercase;
	padding: 20px 15px 30px 0px;
}

#content td a{
	color: #595446;
	text-transform: lowercase;
	text-decoration: none;
}

#content td a:hover{
	color: #595446;
	text-decoration: underline;
}

#content td{
	width: 50%;
	font-size: 12px;
	color: #595446;
	text-transform: uppercase;
	padding: 20px 15px 30px 0px;
}

#content td.catItemHolder{
	width: 100%;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	text-transform: capitalize;
	text-align: center;
}


#content td.catItemHolder ul{
	padding:0; 
	margin:0; 
	list-style-type: none;
}


#content td.catItemHolder li{
	display: inline;
}

#content td.catItemHolder li a{
	margin: 3px;
	padding: 0px;
	width: 90px;
	height: 90px;
	
	float:left;
	font-size: 9px;
}

#content td.catItemHolder li a img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#content td.catItemHolder li a:hover{
	/* */
}

/*  */

#contentCatItem {
	display:block;
	margin: 0px;
	padding: 0px 15px 30px 15px;
	text-align: left;
	background-color: #FFFFFF;
}

div#itemTitle, div#itemImages, div#itemDetails, div#itemImagesTall{
	display:block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
}

div#itemTitle{
	
	padding-top: 25px;
	padding-bottom: 15px;
}

div#itemImages{
	
	height: 260px;
}

div#itemImagesTall{
	
	height: 330px;
}

div#imageThumbs{
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100px;
	float:right;
	text-align: center;
	
}

div#imageThumbs img{
	border: solid 1px #DED7C8;
	margin: 0px 0px 3px 0px;
}

div#itemDetails p{
	height: 100px;
	
}

div#itemDetails p{
	margin: 0px;
	padding: 0px;
	font-size: .75em;
	color: #666666;
	
}

div#itemDetails h5{
	margin: 0px;
	padding: 0px;
	font-size: .75em;
	font-variant: small-caps;
	color: #333333;
}

table.itemDim td{
	margin: 0px;
	padding: 0px 10px 0px 0px;
	border: 0px;
	text-align: left;
	font-size: 12px;
	color: #666666;
}

table.itemDim td.dimHeaders{
	color: #333333;
	padding-bottom: 5px;
}

/*  */

#footer {
	display: block;
	height: 20px;
	text-align: right;
	font-size: .6em;
	padding-top: .5em;
}