/* 
	 - Master Styles
	Revision number		:	1.0
   	Last updated		:	Day Month Year
   	Last updated by		:	Scott Mackenzie (1px Solid) 
*/
@import url(reset.css); 
@import url(hacks.css);

/* @group Global
----------------------------------------------------------------------------------- */
body { 
	font: normal small/140% Arial, Verdana, Helvetica, sans-serif;
	background: url(../images/common/bg_tile.gif) repeat center top;
}
.center { text-align: center; }
.left   { text-align: left;	}
.right 	{ text-align: right; }
.fleft 	{ float: left; }
.fright { float: right; }
/* @end */
/* @group Tree & Hills
----------------------------------------------------------------------------------- */
/*  
Utilises - Sticky Footer by Steve Hatcher (http://stever.ca / http://www.cssstickyfooter.com
*/
html, body, #wrap {
	height: 100%;
}

body > #wrap { 
	height: auto; 
	min-height: 100%;
}
#main {
	padding-bottom: 730px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -730px; /* negative value of footer height */
	height: 730px;
	clear:both;
	background: url(../images/common/hills_bg_home_3.png) repeat-x 20% 0;
} 
.footer-outer {
	background: url(../images/common/hills_bg_home_2.png) repeat-x 50% 0;
	height: 730px;
	position: relative;
	text-align: center;
}
.footer-inner {
	background: url(../images/common/hills_bg_home_1.png) repeat-x 150% 0;
	height: 70px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.tree-outer {
	height: 693px;
	padding-top: 37px;
	text-align: center;
}
.tree {
	background: url(../images/common/tree.gif) no-repeat center bottom;
	width: 596px;
	height: 693px;
	position: relative;
	margin: 0 auto 0 auto;
}
.tree.site-wide-sale {
	background: url(../images/common/tree_site_sale.gif) no-repeat center bottom;
}
/* @end */
/* @group Tree Nav
----------------------------------------------------------------------------------- */
/* nav main */
.nav-main {
	position: absolute;
	top: 0;
	left: 0;
}
.nav-main a {
	display: block;
	position: absolute;
}
.nav-main a:hover {
	background-position: left bottom !important;
}
.nav-main a span {
	display: none;
}
.nav-main .nav-girls a {
	width: 128px;
	height: 156px;
	top: 6px;
	left: 107px;
	background: url(../images/common/nav_girls_home.gif) no-repeat left top;
}
.nav-main .nav-boys a {
	width: 116px;
	height: 144px;
	top: 13px;
	left: 444px;
	background: url(../images/common/nav_boys_home.gif) no-repeat left top;
}
.nav-main .nav-new a {
	width: 225px;
	height: 120px;
	top: 250px;
	left: 34px;
	background: url(../images/common/nav_new_home.gif) no-repeat left top;
}
.nav-main .nav-sale a {
	width: 186px;
	height: 86px;
	top: 270px;
	left: 424px;
	background: url(../images/common/nav_sale_home.gif) no-repeat left top;
}
.nav-main .nav-brands a {
	width: 210px;
	height: 88px;
	top: 270px;
	left: 424px;
	background: url(../images/common/nav_brands_home.gif) no-repeat left top;
}
.nav-main .nav-global-sale #percent-outer {
	display: block !important;
	width: 497px;
	height: 231px;
	top: 268px;
	left: 104px;
	background: url(../images/common/nav_sale_site_wide.gif) no-repeat left top;
	position: absolute;
}
.nav-main .nav-global-sale #percent-value {
	position: absolute;
	display: block !important;
	left: -30px;
	top: 20px;
	width: 107px;
	height: 39px;
	text-align: left;
}
#percent-inner {
	float: right;
	display: block;
}
.percent-replace {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 39px;
	float: left;
	text-indent: -9999px;
	margin-right: 2px;
}
.nav-main .nav-global-sale .percent-1 { width: 12px; background-image: url(../images/common/percent_1.gif); }
.nav-main .nav-global-sale .percent-2 { width: 20px; background-image: url(../images/common/percent_2.gif); }
.nav-main .nav-global-sale .percent-3 { width: 20px; background-image: url(../images/common/percent_3.gif); }
.nav-main .nav-global-sale .percent-4 { width: 27px; background-image: url(../images/common/percent_4.gif); }
.nav-main .nav-global-sale .percent-5 { width: 18px; background-image: url(../images/common/percent_5.gif); }
.nav-main .nav-global-sale .percent-6 { width: 24px; background-image: url(../images/common/percent_6.gif); }
.nav-main .nav-global-sale .percent-7 { width: 17px; background-image: url(../images/common/percent_7.gif); }
.nav-main .nav-global-sale .percent-8 { width: 24px; background-image: url(../images/common/percent_8.gif); }
.nav-main .nav-global-sale .percent-9 { width: 22px; background-image: url(../images/common/percent_9.gif); }
.nav-main .nav-global-sale .percent-0 { width: 24px; background-image: url(../images/common/percent_0.gif); }
.nav-main .nav-global-sale .percent-percent { width: 30px; background-image: url(../images/common/percent_percent.gif); }

/* nav global */
.nav-global {
	position: fixed;
	left: 30px;
	top: 30px;
	z-index: 2;
}
.nav-global ul {
	padding-top: 13px;
	padding-left: 2px;
}
.nav-global li {
	background: url(../images/common/nav_bullet.gif) no-repeat 5px 3px;
	padding-left: 17px;
	float: left;
}
.nav-global li.first {
	padding-left: 0;
	background: none;
}
.nav-global a {
	height: 16px;
	display: block;
}
.nav-global li span {
	display: none;
}
.nav-global a:hover {
	background-position: 0 -16px !important;
}
.nav-global li.nav-catalog a {
	width: 45px;
	background: url(../images/common/nav_catalog.gif) no-repeat left top;
}
.nav-global li.nav-about a {
	width: 32px;
	background: url(../images/common/nav_about.gif) no-repeat left top;
}
.nav-global li.nav-contact a {
	width: 45px;
	background: url(../images/common/nav_contact.gif) no-repeat left top;
}
.nav-global li.nav-newsletter a {
	width: 69px;
	background: url(../images/common/nav_newsletter.gif) no-repeat left top;
}
/* @end */
/* @group 
----------------------------------------------------------------------------------- */

/* @end */