@charset "utf-8";
/* CSS Document */
body
{
 	background-color:#E4E4E4;
	font-family: "Myriad Web", "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	color:#333333;
	behavior:url(csshover.htc);
	font-size:13px;
	line-height:16px;
	margin:0 auto 0 auto;
}

div#page
{
	width:1000px;
	background-image:url(images/contentRepeater.jpg);
	background-repeat:repeat-y;
	margin:0 auto 0 auto;
}

div#header
{
	width:1000px;
	float:left;
	background-color:#aed9ac;
	height:87px;
}

div#headerLeft
{
	width:537px;
	height:87px;
	float:left;
}
div#headerRight
{
	width:463px;
	float:left;
	height:87px;
}

div#headerRightTop
{
	width::463px;
	float:left;
	height:54px;
}

div#rightNavBottom
{
	width:463px;
	float:left;
	height:33px;
}

div#content
{
	width:775px;
	float:left;
	background-color:white;
	padding-top:15px;
	padding-bottom:15px;
}
div#headerGraphic
{
	width:738px;
	float:left;
	height:195px;
}

div#grayHeader
{
	width:723px;
	float:left;
	padding-top:25px;
	padding-right:15px;
	height:40px;
	text-align:right;
	background-color:#d6d4d5;
}
div#text
{
	width:715px;
	padding-top:25px;
	padding-left:10px;
	float:left;
	
}
div#leftSide
{
	width:166px;
	height:100%;
	float:left;
	background-color:white;
	margin:0px;
	padding:0px;
	padding-right:10px;
	vertical-align:top;
}

div#rightSide
{
	width:225px;
	float:right;
	background-color:white;
	margin:0px;
	padding-top:15px;
	vertical-align:top;
	height:100%;
}

div#cart
{
	width:225px;
	float:left;
	height:64px;
	vertical-align:top;
}

div#feature
{
	width:225px;
	float:left;
	margin-top:10px;
	vertical-align:top;
}
div#shipping
{
	width:225px;
	float:left;
	margin-top:10px;
	vertical-align:top;
}
div#shipping a, div#shipping a:visited
{
	color:#666666;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

div#shipping a:hover, div#shipping a:active
{
	color:#AED9AC;
}

div#footer
{
	background-color:white;
	border-top:1px solid #D6D4D5;
	width:1000px;
	float:left;
	text-align:center;
	font-size:11px;
	color:#666666;
	padding-top:15px;
	padding-bottom:15px;
}

div#footer a, div#footer a:visited
{
	color:#666666;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

div#footer a:hover, div#footer a:active
{
	color:#FF99CC;
}
h1
{
	font-size:26px;
	color:#666666;
	font-weight:bold;
}

.white
{
	color:white;
}

h2
{
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#666666;
	margin:0px;
	padding:0px;
}

li
{
	margin-top:6px;
}


/*--- CSS Document --------------------------------------------------------------------------
	File Name: holyhack.css
	Date: 6-22-06
	Description: Holy Hack for keeping divs from collapsing when they hold no content (floated divs) 
	Note: This is a hack for Internet Explorer 6 (This may not work for Internet Explorer 7)
-------------------------------------------------------------------------------------------*/

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* for ie on a mac */
.clearfix
{
	display: inline-table;
}

/* Hides from IE-mac \*/
*html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
/* End hide from IE-mac */

a.img
{
	border:0px;
}
	
