/*-----------------The CSS that's required to position the footer-----------------*/

html {
	height: 100%;
}
body {
	height: 100%;
}
#nonFooter {
	position: relative;
	min-height: 100%;
}
* html #nonFooter {
	height: 100%;
}
#footer {
	position: relative;
	/*	background-color: #c3beb7;*/	
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	margin-top: -5.5em;
	margin-bottom: 0;
	clear: both;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {
	margin-top: -5em;
}


/*-----------------PNG/The CSS that's required for Transparent PNG's-----------------*/
/*Background PNG images can't be tiled. This is a limitation of the IE filter. Padding and borders don't indent the PNG image. An easy fix for this is wrapping your PNG images in container DIVs or similar.*/

body, img, #page, #footer, #footer .wrapper, #header-container, #header, #logo, #special-container, #special, #content-container, #content-color, #content, #content .priCon, #content .priCon ul li, #content .sidebar .secNav, { behavior: url(/App_Themes/Outdoor/iepngfix.htc); }


/*-----------------PAGE/GENERAL-----------------*/

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}
body {
	color: #666666;
	line-height: 19px;
	font-size: 12px;
	text-align: center;
	background-image: url(Global/BgdGradient.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFFFFF;
}
#page {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(Global/BGD-Content.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
* html #page {
	height: 100%;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
img {
	border: 0;
}
img.floatLeft {
	float: left;
	position: relative;
}
img.HomeDepot {
	float: left;
	margin-top: 15px;
	position: relative;
	margin-right: 10px;
}
img.masthead {
	border: 0;
	float: right;
	position: relative;
	margin-top: 15px;
}
img.border1 {
	border: 1px solid #999999;
	text-decoration: none;
}
.FlashMasthead {
	float: right;
	position: relative;
	margin-top: 15px;
	margin-right: 20px;
}
.hide {
	display: none;
}

/*-----------------PAGE/FONTS/COLORS-----------------*/

h1 {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	color: #a1a18c;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	color: #102840;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	background-color: #102840;
	text-indent: 15px;
	height: 20px;
	margin-top: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	float: right;
	width: 575px;
	position: relative;
	padding-top: 2px;
}
h4 {
	font-size: 12px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #726a5d;
	margin-bottom: 10px;
}
h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #102840;
}
a {
	color: #102840;
	text-decoration: underline;
	}
a:hover {
	color: #000000;
	text-decoration: none;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.white {
	color: #FFFFFF;
}
.black {
	color: #000000;
}
.primary {
}
.secondary {
	color: #102840;
	font-weight: bold;
}
.tertiary {
}


/*-----------------HEADER STYLES-----------------*/

#header-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
#header {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 60px;
	position: relative;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#logo {
	margin-top: 5px;
	float: left;
	clear: both;
	padding-left: 15px;
}


/*-----------------HEADER SUPPORT NAV STYLES-----------------*/

#header .support {
	width: 500px;
	position: absolute;
	right: 20px;
	height: 25px;
	top: 20px;
}
#header .support ul {
	list-style-type: none;
	float: right;
}
#header .support ul li {
	display: inline;
	font-size: 11px;
	color: #102840;
}
#header .support ul li a {
	text-decoration: underline;
	font-size: 11px;
	background-image: url(Global/Separator.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 5px;
	padding-right: 2px;
}
#header .support ul li a:hover {
	text-decoration: none;
}


/*-----------------PRIMARY NAV STYLES-----------------*/

#priNav-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
#priNav {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #102840;
	border: 1px solid #FFFFFF;
	height: 26px;
	position: relative;
}
#priNav ul {
	width: 745px;
	height: 26px;
	position: absolute;
	padding-left: 15px;
}
#priNav ul li {
	display: inline;
	float: left;
}
#priNav ul li a {
	display: block;
	height: 26px;
}
#priNav ul li a.home {
	background: url(Global/Nav/Home.gif) no-repeat top left;
	width: 56px;
}
#priNav ul li a.homeCurrent {
	background: url(Global/Nav/Home.gif) no-repeat top left;
	width: 56px;
	background-position: top right;
}
#priNav ul li a.messina {
	background: url(Global/Nav/Messina.gif) no-repeat 0 0;
	width: 64px;
}
#priNav ul li a.messinaCurrent {
	background: url(Global/Nav/Messina.gif) no-repeat 0 0;
	width: 64px;
	background-position: top right;
}
#priNav ul li a.palmettoestate {
	background: url(Global/Nav/Palmetto-Estates.gif) no-repeat 0 0;
	width: 134px;
}
#priNav ul li a.palmettoestateCurrent {
	background: url(Global/Nav/Palmetto-Estates.gif) no-repeat 0 0;
	width: 134px;
	background-position: top right;
}
/*#priNav ul li a.naturesretreat {
	background: url(Global/Nav/Natures-Retreat.gif) no-repeat 0 0;
	width: 122px;
}
#priNav ul li a.naturesretreatCurrent {
	background: url(Global/Nav/Natures-Retreat.gif) no-repeat 0 0;
	width: 122px;
	background-position: top right;
}*/
#priNav ul li a.summersilhouette {
	background: url(Global/Nav/Summer-Silhouette.gif) no-repeat 0 0;
	width: 138px;
}
#priNav ul li a.summersilhouetteCurrent {
	background: url(Global/Nav/Summer-Silhouette.gif) no-repeat 0 0;
	width: 138px;
	background-position: top right;
}
#priNav ul li a.stores {
	background: url(Global/Nav/Stores.gif) no-repeat 0 0;
	width: 65px;
}
#priNav ul li a.storesCurrent {
	background: url(Global/Nav/Stores.gif) no-repeat 0 0;
	width: 65px;
	background-position: top right;
}
#priNav ul li a.contactus {
	background: url(Global/Nav/Contact-Us.gif) no-repeat 0 0;
	width: 98px;
}
#priNav ul li a.contactusCurrent {
	background: url(Global/Nav/Contact-Us.gif) no-repeat 0 0;
	width: 98px;
	background-position: top right;
}
#priNav ul li a.offers {
	background: url(Global/Nav/Offers.gif) no-repeat 0 0;
	width: 73px;
}
#priNav ul li a.offersCurrent {
	background: url(Global/Nav/Offers.gif) no-repeat 0 0;
	width: 73px;
	background-position: top right;
}
#priNav ul li a:hover {
	background-position: top right;
}
#priNav ul li .current {
	background-position: top right;
}



/*-----------------SECONDARY NAV STYLES-----------------*/

#secNav-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
#secNav {
	width: 760px;
	height: 20px;
	background-color: #ac9d73;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#secNav ul {
	list-style-type: none;
	padding-left: 25px;
}
#secNav ul li {
	display: inline;
	font-size: 10px;
	color: #102840;
}
#secNav ul li a {
	font-size: 10px;
	color: #102840;
	padding-top: 5px;
	}
#secNav ul li a:hover {
	color: #102840;
	text-decoration: none;
}
#secNav ul li .current {
	color: #000000;
 background-image: url(Global/Sidebar-secNav-Gradient.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}



/*-----------------TERTIARY NAV STYLES-----------------*/

#terNav {
	width: 150px;
	padding-top: 25px;
	padding-left: 20px;
	padding-bottom: 60px;
	float: left;
	position: relative;
}
#terNav ul {
	list-style-type: none;
	margin-left: 10px;
}
#terNav ul li {
	display: block;
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, SunSans-Regular, sans-serif;
	font-size: 11px;
}
#terNav ul li a {
	text-decoration: none;
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, SunSans-Regular, sans-serif;
	font-size: 11px;
	color: #666666;
}
#terNav ul li a:hover {
	color: #102840;
	text-decoration: underline;
}

/*-----------------SPECIAL STYLES-----------------*/

#special-container {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#special {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 760px;
	background-color: #FF0000;
	height: 360px;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/*-----------------CONTENT STYLES-----------------*/

#content-container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width: 760px;
}
#content {
	background-color: #FFFFFF;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#content .specialTop {
	height: 30px;
	width: 760px;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}
#content p {
	padding-bottom: 16px;
}
/*Any information inside the content, such as a left hand nav div, will need to have the bottom margin set to the same height as the footer. In this case, the footer is 60pixels high. So any div's contained in your content also need to have a bottom margin of 60pixels high to keep the footer from overflowing into those content areas.*/

/*-----------------CONTENT PRICON STYLES-----------------*/
#content .priCon {
	float: right;
	width: 540px;
	position: relative;
	background-image: url(Global/1x1Gray.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 60px;
	padding-top: 20px;
	padding-right: 20px;
}
#content .priCon ul {
	list-style-type: none;
	padding-left: 10px;
	padding-bottom: 20px;
}
#content .priCon ul li {
	display: block;
}
#content .priCon .right {
	float: right;
	position: relative;
	width: 175px;
}
#content .priCon .right ul {
	list-style-type: none;
	width: 175px;
	margin-left: -10px;
}
#content .priCon .right ul li {
	display: block;
}
#content .priCon .left {
	float: left;
	position: relative;
	width: 350px;
	margin-top: 15px;
	margin-bottom: 15px;
}
/*-----------------CONTENT SECCON STYLES-----------------*/
#content .secCon {
	width: 720px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 60px;
}



/*---------------------BUTTON STYLES--------------------- */

#button {
	text-decoration: none;
	display: inline;
}
#button ul {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#button ul li {
	list-style-type: none;
	width: 125px;
	text-align:center;
	color: #FFFFFF;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	text-decoration: none;
}
#button ul li a {
	display: block;
	text-decoration: none;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #4c1b1b;
	border-style: outset;
	float: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#button ul li a:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #b9121b;
	border-style: outset;
}



/*-----------------BANNER BOTTOM STYLES-----------------*/
/*Banner Container needs to have the bottom margin set to the same height as the footer. In this case, the footer is 60pixels high. So any div's also need to have a bottom margin of 60pixels high to keep the footer from overflowing into those areas.*/

#banner-container {
	padding-bottom: 60px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}
#banner {
	background-color: #efe9d3;
	width: 740px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	height: 190px;
	padding: 10px;
}
#banner .bannerOne {
	float: left;
	position: relative;
	width: 240px;
	height: 190px;
}
#banner .bannerTwo {
	float: left;
	position: relative;
	width: 240px;
	height: 190px;
	margin-left: 10px;
}
#banner .bannerThree {
	float: right;
	position: relative;
	width: 240px;
	height: 190px;
}
#SEO {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 760px;
	position: relative;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(Global/1x1GraySpacer.gif);
}
#SEO p {
 padding-bottom: 16px;
}


/*-----------------FOOTER STYLES-----------------*/

#footer .wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	width: 760px;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(Global/1x1GraySpacer.gif);
}
#footer .wrapper ul {
	list-style-type: none;
	margin-top: 15px;
	float: left;
	position: relative;
	width: 160px;
	text-align: left;
}
#footer .wrapper ul li {
	display: inline;
	font-size: 11px;
	padding-right: 8px;
	padding-left: 4px;
	background-image: url(Global/Separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #666666;
}
#footer .wrapper ul li a {
	color: #666666;
	text-decoration: underline;
	font-size: 11px;
}
#footer .wrapper ul li a:hover {
	text-decoration: none;
	color: #102840;
}
#footer .wrapper ul li .current {
	color: #102840;
}
#footer .wrapper .legal {
	font-size: 11px;
	text-align: left;
	width: 310px;
	position: relative;
	float: left;
	height: 18px;
}
#footer .wrapper .LastPipe {
	background: none;
}
#footer .wrapper .email {
	position: relative;
	padding-top: 12px;
	float: right;
	width: 365px;
	text-align: left;
}
#footer .wrapper .email label {
	font-size: 11px;
	color: #666666;
	padding-right: 5px;
}
#footer .wrapper .emailBox {
	border: 1px solid #A3A49E;
	width: 130px;
	font-size: 10px;
	padding: 2px;
}
#footer .wrapper .email input.button {
	vertical-align: top;
	margin-left: 2px;
}