@charset "utf-8";
/* CSS Document */
html {
	min-height: 100%;
}

body {
	margin: 0;
	padding: 0;
	/* background: #901414;  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url("../img/background.jpg");
	background-repeat: repeat;
	
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#901414'); /* for IE *
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#901414)); /* for webkit browsers *
	
	/* vertical position (of the gradient line), horizontal position (of the gradient line), angle, end color, start color, fade width adjustment *
	/* background: -moz-linear-gradient(50% 14% 90deg,#901414, #000000, #000000 70%); */ /* for firefox 3.6+ *
	background: -moz-linear-gradient(50% 100% 90deg,#901414, #000000 100%); /* for firefox 3.6+ *
	*/
}

#page-container {
	width: 990px;
	margin: auto; /* When the left and right margins are set to auto, they will even each other out and the div will sit in the center of its container. */
	border: 1px solid #000000;
}
#header {	/* By default, a div will stretch to fill its parent container, which in this case, is our #page-container div that was set to 990px wide. */
	background: #000000;
	/* height: 270px; */
	/* no banner height */
}
#nav {
	background: #000000;
	/* height: 50px; */
	/* z-index: 100; */
	position: relative;
}
#content {
	float: left;
	width: 720px;
	background-color: rgb(144, 20, 20, 0);
	padding: 10px;
}
#sidebar {	/* site index page side menu div */
	float: left;
	width: 240px;
	background-color: rgb(144, 20, 20, 0);
}
#bottom {	/* site bottom div */
	text-align: center;
	background: #000000;
	clear: both;
	padding: 10px;
}
#footer {	/* site footer div */
	margin: auto;
	width: 990px;
	background: rgb(144, 20, 20, 0);
	text-align: center;
	/* color: #ffa904; */
	padding: 5px;
}
#page-content {
	padding: 10px;
	background-color: #FFFFFF;
	height: 100%;
}





/* ================================================================================================================== */

#banner_menu {
	background-color:#0099FF;
	float: left;
	width: 990px;
}
#banner_menu ul {	/* This is to reformat the typical ul style in html. */
	list-style: none;
	list-style-position: outside;
}
#banner_menu ul.menu li {
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
#banner_menu ul.menu li {
    font-weight: 700;  
    display: block;  
    padding: 5px 10px 5px 10px;  
    background: #efefef;  
    /* margin-bottom: -1px; */
    border: 1px solid #d0ccc9;  
    border-width: 1px 1px 1px 1px;  
    position: relative;  
    color: #000000;  
    cursor: pointer;  
}
#banner_menu ul.menu li.active {
    background: #fff;  
    top: 1px;  
    border-bottom: 0;  
    color: #5f95ef; 
}
.banner_menu.lifestyle_banners {	/* This is the lifestyle content div tag */
	display: block;
}

.banner_menu.product_banners {		/* This is the products content div tag */
	display: none;
}





#banner_1 {
	background: #b3b3b3;
	width: 990px;
	height: 317px;
	z-index: 1;
	position: relative;
}

.hyperlink_turq_color a { text-decoration: none; }
.hyperlink_turq_color a:link { color: #2feef5; }
.hyperlink_turq_color a:active { color: #2feef5; }
.hyperlink_turq_color a:visited { color: #2feef5; }
.hyperlink_turq_color a:hover { color: #2feef5; }

.hyperlink_color a { text-decoration: none; }
.hyperlink_color a:link { color: #FFFFFF; }
.hyperlink_color a:active { color: #FFFFFF; }
.hyperlink_color a:visited { color: #FFFFFF; }
.hyperlink_color a:hover { color: #FFFFFF; }


input, select, textarea {
	font-size: 11px;
	margin: 3px;
	background: #fee3ad;
	border: 1px solid #000000;
}
div.margin { 
	margin: 5px 5px 5px 5px; 
	width: 155px;	
}
td { vertical-align: top; }

.cell {
	font-family: Arial, Verdana;
	font-size: 10px;
	text-align: center;
	width: 20%;
}	

.cell a { text-decoration: none; }
.cell a:link { 	color: #FFFFFF; }
.cell a:visited { color: #FFFFFF; }
.cell a:hover { color: #FFFFFF; }
.cell a:active { color: #FFFFFF; }

.whiteout a { text-decoration: none; }
.whiteout a:link { color: #FFFFFF; }
.whiteout a:visited { color: #FFFFFF; }
.whiteout a:hover { color: #FFFFFF; }
.whiteout a:active { color: #FFFFFF; }