/* CSS Document */

/*--------------------------------------------------------------------------------------------------------
				HTML General classes
--------------------------------------------------------------------------------------------------------*/

body
	{
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/bg.gif);
	background-repeat: repeat;
	text-align:center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin-top:0px;
}

h1 {
	font-size:20px;
	color:#933658;
	font-weight:bold;
}
h2 {
	font-size:16px;
	color:##464646;
	margin-bottom:2px;
	font-weight:bold;
}
h3 {
	font-size:13px;
	color:#666666;
	margin-bottom:2px;
	font-weight:bold;
}
h4 {
	font-size:14px;
	color:#933658;
	font-weight:bold;
	margin-bottom:0px;
}
a {
	color:#464646;
	font-weight:bold;
	text-decoration:none;
}
.price {
	color:#933658;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.item {
	color:#464646;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.brand {
	color:#666666;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:5px;
}


/*--------------------------------------------------------------------------------------------------------
				Document/Formatting classes
--------------------------------------------------------------------------------------------------------*/
.oneColFixCtr #container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
	text-align:left;
}
#headerContainer {
	width:1000px;
	margin-top:0px;

}
#maincontent {
	width:1000px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/stage-top.gif);
	background-position:top;
	background-repeat:repeat-y;
}
.bodycontent {
	width:830px;
	margin-top:10px;
	padding-right:85px;
	padding-left:85px;
	text-align:left;
	color:#393939;
}
.maincontent {
	width:1000px;
	margin:0px;
	padding-top:20px;
	text-align:left;
	color:#393939;
}

.indexcontent {
	width:830px;
	margin:0px;
	padding-top:30px;
	padding-right:85px;
	padding-left:85px;
	text-align:left;
}
.cart {
	text-decoration:none;
	color:#c9d472;
	text-align:left;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.cart a:hover{
	color:#FFFFFF;
}
#bodybottom {
	background-image:url(../images/stage-bottom.gif);
	background-position:bottom;
	width:1000px;
	height:130px;
}
/*--------------------------------------------------------------------------------------------------------
				Footer classes
--------------------------------------------------------------------------------------------------------*/
#mainFooter {
	height:71px;
	width:1000px;
	clear:both;
	margin: 0 auto;
	padding-top:15px;	
}
.linksFooterNav {
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
}
.navFooterNav {
	color:#c9d472;
	text-decoration:none;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*--------------------------------------------------------------------------------------------------------
				dropdown menu
--------------------------------------------------------------------------------------------------------*/
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
margin: 0 auto;
padding:0px;
border:none;
}
/* ######### Default class for drop down menus ######### */


.anylinkmenu{
margin:0px;
padding:0px;
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid white;
border-bottom-width: 0;
font: normal 10px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #b8426d;
width: 125px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color:#FFFFFF;
text-align:left;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #b8426d;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### 


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid white;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below
background: #FFFFFF;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #FFFFFF;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}
*/


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: white;
visibility: hidden;
}