@charset "UTF-8";
body  {
	background-color: #601010; /* #4A0404 = burgundy background */
	font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #FFFFFF;
	margin: 0; padding: 0; /* margin and padding zeroed to avoid differing browser defaults */
	text-align: center; /* centers the container in IE 5. Text alignment is reset in #container style */
}
body a {color: #bbf; text-decoration: none;}
body a:hover {text-decoration: underline;}

/* change link color to indicate current page in navigation links */
#xevehome a.xevehome, #dept56 a.dept56, #snowbabies a.snowbabies, #lenox a.lenox,
    #russellrhodes a.russellrhodes, #lynnhaney a.lynnhaney, #markroberts a.markroberts,
    #byerschoice a.byerschoice, #annaleedolls a.annaleedolls, #trees a.trees,
    #decorations a.decorations, #xevedirections a.xevedirections {color: #F24644}

#container { 
	width: 100%;  /* create a container 100% of the browser width */
	margin: 0 auto; /* the auto margins center the page */
	text-align: left; /* override text-align: center on the body element. */
}

#header {background: url("images/xevebgheader.jpg") repeat-x; 
	padding: 0 10px;  /* padding matches left alignment of elements beneath it */} 
#header h5 {margin: 0; /* to avoid margin collapse */ padding: 10px 0; color: #FFF;}

#sidebar {
	float: left; 
	width: 12em; /* floated elements require a width */
	padding: 15px 5px 5px 5px;
	font-size: 1.0em;
}
#sidebar p {margin: 0 0 0 10px; padding: 0 0 0 13px; background-image: url(images/xevearrow.jpg);
            background-repeat: no-repeat;}
#sidebar p a {color: #bbf; text-decoration: none;}
#sidebar p a:hover {text-decoration: underline;}

/* mainContent:
1. The space between the mainContent and sidebar is created with the left margin on the mainContent div.  Remove this left margin to cause the #mainContent div's text to fill the #sidebar space when the content in #sidebar ends.
2. It is possible to cause float drop (the dropping of the non-floated mainContent area below the sidebar) if an element wider than it can contain is placed within the mainContent div. With a hybrid layout (percentage-based overall width with em-based sidebar), it is not be possible to calculate the exact width available. The larger the user's text size, the wider the sidebar div and less room in the mainContent div. A client adding content with Contribute should be aware of this.
*/
#mainContent {
	border: 1px solid; border-color: #601010 #F24644 #F24644 #F24644; /* gold border */
	padding: 0 10px 10px 10px; 
	margin: 0 5px 1.0em 13em; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
} 

.departments_table td img {border: solid #F24644 1px;}

.products_table td {padding: 0 1em 0 0; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif}
.products_table td img {border: solid #F24644 1px;}
.products_table td a img {border: solid #bbf 1px;}

#breadcrumbs p {margin: 0; padding: 0 0 0 10px; font-size: 0.8em;}
#breadcrumbs p a {color: #bbf; text-decoration: none;}
#breadcrumbs p a:hover {text-decoration: underline;}

#bottom_nav {margin: 0.8em 0 0.8em 0; padding: 0 1em 0 1em; text-align: center; font-size: 1.0em;}
#bottom_nav a {color: #bbf; text-decoration: none;}
#bottom_nav a:hover {text-decoration: underline;}

#bottom_note {text-align: center; font-size: 0.8em;}
#bottom_note a {color: #bbf; text-decoration: none;}
#bottom_note a:hover {text-decoration: underline;}

/* Miscellaneous utility classes */
.fltrt { /* float an element right. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* float an element left */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
      height:0;
      font-size: 1px;
      line-height: 0px;
}