/*######################### Body ########################*/

body {
	background:			#717171 url(../images/sparkly-home/sparkly-background.jpg) repeat-x 0 0;
	margin:				0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-align:			center;
}

/*########################################################*/


/*################### Page Containers ####################*/

#wrapper {
	margin:				0 auto;
	width:				778px;
}
#container {
	text-align:			left;
	width:				100%;
}

/*########################################################*/


/*########## clearfix hack for clearing floats ###########*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*########################################################*/


/*################### Header Layout ######################*/

/**************************************************/
/* layout and positioning for header section divs */
/**************************************************/

#header {
	background:	#000 url(../images/sparkly-home/sparkly-header.jpg) no-repeat;
	height:	150px;
	position: relative;
}
#header h1 {
	display: none;
}
#header p {
	display: none;
}
#header #header-xmas-delivery {
	position: absolute;
	top: 0px;
	left: 272px;
	border: 0;
}
#header #header-wing-edge {
	position: absolute;
	top: 2px;
	left: 778px;
	border: 0;
}


/************************************************/
/* layout and positioning for menu section divs */
/************************************************/

div#headerNav {
	width:					100%;
	float:					left;
	height:					33px;
	background:				#000 url(../images/sparkly-home/sparkly-header-menu-blue.jpg) no-repeat;
}
div#headerNav img.menuButton {
	float:					right;
	margin-right:			2px;
	border:					0;
}
div#menu {
	float:					left;
}
div.LinkSpacerLeft {
	display:				block;
	height:					33px;
	float:					left;
}
div.LinkSpacerRight {
	display:				block;
	height:					33px;
	float:					left;
}
/****************************************/
/* redefined html tags for menu section */
/****************************************/

div#menu a {
	font-size:				0.8em;
	text-decoration:		none;
	color:					#124653;
	padding:				0 15px 0 15px;
	line-height:			33px;
	font-weight:			bold;
	float:					left;
}
div#menu a:hover {
	text-decoration:		underline;
	background:				#000 url(../images/sparkly-home/sparkly-header-menu-blue-over.jpg) repeat-x;
}
div#menu img {
	float:					left;
}

/*########################################################*/


/*############## Footer Layout #############*/

#footer {
	font-family:			Verdana, sans-serif;
	font-size:				1em;
	float:					left;
	width:					100%;
	height:					63px;
	background:				#000 url(../images/sparkly-home/sparkly-footer-menu.jpg) no-repeat;
}

#footer p {
	color:					#fff;
	margin:					14px 0 0 0;
	padding:				0 14px;
	font-size:				0.75em;
	line-height:			1.4em;
}
#footer a {
	color:					#fff;
	text-decoration:		none;
}
#footer a:hover {
	color:					#fff;
	text-decoration:		underline;
}

/*########################################################*/


/*################# Body Content ################*/

#bodyContent {
	clear:					both;
	background:				#000 url(../images/sparkly-home/sparkly-body-background.jpg) repeat-y;
}

#bodyContent h2 {
	font-size:				1.25em;
	font-weight:			normal;
	margin:					10px 0 10px 0;
}

#bodyContent p {
	font-size:				0.8em;
}

#bodyContent #featureContent {
	float:					left;
	width:					579px;
}
#bodyContent #featureContent img {
	display:				block;
	border:					none;
}

#bodyContent #featureButtons {
	float:					left;
	width:					198px;
}
#bodyContent #featureButtons img {
	display:				block;
	border:					none;
}
#bodyContent #featureButtons #topButton {
	margin:					1px 0 2px 0;
}
#bodyContent #featureButtons #bottomButton {
	margin:					2px 0 1px 0;
}

/*########################################################*/


/*################### Styles for footer pages ####################*/
.bodyContentPage h1 {
	font-size:				1.2em;
	color:					#fff;
	font-weight:			normal;
	margin:					0 !important;
	padding:				8px 0 16px 12px !important;
}
.bodyContentPage h2 {
	font-size:				1.0em !important;
	font-weight:			bold !important;
	color:					#A1E5F1;
	margin:					0 !important;
	padding:				8px 0 16px 20px !important;
}
.bodyContentPage p {
	color:					#fff;
	margin:					0 !important;
	padding:				0 50px 10px 40px;
}
.bodyContentPage p a, .bodyContentPage p a:link, .bodyContentPage p a:active, .bodyContentPage p a:visited {
	color:					#A1E5F1;
	text-decoration:		none;
}
.bodyContentPage p a:hover {
	text-decoration:		underline;
}
.bodyContentPage ul {
	color:					#fff;
	font-size:				0.8em;
	margin:					0;
	padding:				10px 80px 20px 80px;
}
.bodyContentPage ul li {
	padding-bottom:			6px;
}
.bodyContentPage ul li a, .bodyContentPage ul li a:link, .bodyContentPage ul li a:active, .bodyContentPage ul li a:visited {
	color:					#A1E5F1;
	text-decoration:		none;
}
.bodyContentPage ul li a:hover {
	text-decoration:		underline;
}
.bodyContentPage table {
	width:					600px;
	border-bottom:			1px solid #ccc;
	margin:					10px auto;
	color:					#fff;
	font-size:				0.8em;
}
.bodyContentPage table th {
	background-color:		#2f2f2f;
	border-bottom:			1px solid #ccc;
}
.bodyContentPage table tr td {
	background-color:		#2F2F2F;
}
.bodyContentPage table tr td.odd {
	background-color:		#6E6E70
}
.bodyContentPage address {
	color:					#fff;
	margin:					0 !important;
	padding:				0 50px 10px 60px;
	font-size:				0.8em;
	font-weight:			bold;
	font-style:				normal;
}
.bodyContentPage img {
	margin:					5px 210px;
	border:					1px solid #787878;
}