body {  
	font: 12px Georgia, "Times New Roman", Times, serif; 
	background: #666633 url(../images/style/BGfaintcolorflower08.jpg) top left repeat;
	text-align: left; 
	color: #333333;
	}

.pg_title {  
	padding:10px 0px 0px 10px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:18px;
	color: #6C000A; 
	font-weight: bold;
	}
	

h2 {  
	color: #663333; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:21px; 
	font-weight: bold; 
	font-style: italic; 
	}

h3 {  
	color: #999900; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px; 
	font-weight: bold; 
	font-style: italic; 
	}

h4 {  
	color: #6C000A; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px; 
	font-weight: bold; 
	}

h5 {  
	color: #666633; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px; 
	font-weight: bold; 
	padding:0px;
	line-height:20px;
	margin:0px;
	}

h6 {  
	color: #363636; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px; 
	font-weight: bold; 
	padding:0px;
	line-height:20px;
	margin:0px;
	}

li {  list-style-image:   url(../../../images/clipart_mball8.gif); list-style-position: outside}


a:link {  
	font-weight: bold; 
	text-decoration: none; 
	color: #4F4F00;
	font-family:Arial, Helvetica, sans-serif;
	}

a:hover {  
	text-decoration: underline; 
	color: #6C000A;
	font-family:Arial, Helvetica, sans-serif;	
	}

a:visited {  
	color: #4F4F00; 
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
}

hr {  
	background:  url(../../../images/horiz_rule.jpg);
	}
	
	
/* Global Styles */

#container {
	margin:10px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:744px;
	border:1px #3C0005 solid;
}

/*--=====================	 HEADER		==========================--*/

#header {
	margin:0px 0px 0px 0px;
	height:210px;
	background:url(../images/style/hspn08_header.jpg) bottom left no-repeat;
}

#hdrNav {
	width:744px;
	padding:0px 0px 0px 0px;
	margin:47px auto 0px 90px;
}
#logo {
	width:268px;
	text-align:left;
	padding:10px 0px 0px 20px;
}


/*--=====================	 LINKS _ Content Left		==========================--*/

#contentLeft a {
	margin:0px 0px 0px 0px;
	padding: 0px; /*URL to tab image */
	color: #6C000A; /*font color */
	text-align: left;
	text-decoration: none; /*tab font */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold;
	line-height:14px;
}

#contentLeft a:link,
#contentLeft a:visited {
	color: #6C000A; /*font color */
	padding: 0px; /*URL to tab image */
	font-weight: bold;
}

#contentLeft a:hover,
#contentLeft a:active {
	color: #EEEED1;
	padding: 0px; /*URL to tab image */
	font-weight: bold;
}


/*--=====================	 MENU / MAIN NAVIGATION - NO LIST		==========================--*/

#nav1 {
	float:left;
	padding: 0px 0px 0px 0px;
}

#nav1 a {
	height:40px;
	width:70px;
	margin:10px 0px 0px 0px;
	padding: 5px 10px 0px 10px; /*URL to tab image */
	color: #CCCC66; /*font color */
	text-align: left;
	text-decoration: none; /*tab font */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold;
	float:left;
	line-height:14px;
}

#nav1 a:link, 
#nav1 a:visited {
	color: #CCCC66; /*font color */
	padding: 5px 10px 0px 10px; /*URL to tab image */
	font-weight: bold;
}

#nav1 a:hover, 
#nav1 a:active {
	color: #FFFDED;
	padding: 5px 10px 0px 10px; /*URL to tab image */
	font-weight: bold;
}

/*--=====================	 MENU / 2nd NAVIGATION - NO LIST		==========================--*/

#nav2 {
	padding: 0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	width:125px;
	height:120px;
}

#nav2 a {
	width:125px;
	margin:0px 0px 0px 0px;
	padding: 3px 0px 3px 5px; /*URL to tab image */
	background:#363636;
	border-bottom:#666600 1px solid;
	color: #CCCC66; /*font color */
	text-align: left;
	text-decoration: none; /*tab font */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight: bold;
	float:left;
}

#nav2 a:link, 
#nav2 a:visited {
	color: #CCCC66; /*font color */
	padding: 3px 0px 3px 5px; /*URL to tab image */
	font-weight: bold;
}

#nav2 a:hover, 
#nav2 a:active {
	color: #EEEED1;
	padding: 3px 0px 3px 5px; /*URL to tab image */
	background: #666600;
	font-weight: bold;
}

/*--=====================	 MENU / 3rd NAVIGATION - OUTDOOR TOUCHES		==========================--*/

#nav3 {
	padding: 0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}

#nav3 a {
	width:170px;
	height:250px;
	margin:0px 10px 0px 0px;
	padding: 5px; /*URL to tab image */
	background:#363636;
	border-bottom:#666600 1px solid;
	color: #CCCC66; /*font color */
	text-align: center;
	text-decoration: none; /*tab font */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float:left;
	vertical-align: bottom;
}

#nav3 a:link, 
#nav3 a:visited {
	color: #CCCC66; /*font color */
	padding: 5px; /*URL to tab image */
	font-weight: bold;
}

#nav3 a:hover, 
#nav3 a:active {
	color: #EEEED1;
	padding: 5px; /*URL to tab image */
	background: #666600;
	font-weight: bold;
}

/*--=====================	 MENU / 4rd NAVIGATION - SKINNY - DESIGNER FLORALS		==========================--*/

#nav4 {
	padding: 0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}

#nav4 a {
	width:110px;
	height:250px;
	margin:0px 15px 0px 0px;
	padding: 5px; /*URL to tab image */
	background:#363636;
	border-bottom:#666600 1px solid;
	color: #CCCC66; /*font color */
	text-align: center;
	text-decoration: none; /*tab font */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float:left;
	vertical-align: bottom;
}

#nav4 a:link, 
#nav4 a:visited {
	color: #CCCC66; /*font color */
	padding: 5px; /*URL to tab image */
	font-weight: bold;
}

#nav4 a:hover, 
#nav4 a:active {
	color: #EEEED1;
	padding: 5px; /*URL to tab image */
	background: #666600;
	font-weight: bold;
}

/*--=====================	 MENU / 5th NAVIGATION - HOME PAGE   ==========================--*/

#nav5 {
	padding: 0px 0px 0px 0px;
	margin:25px 0px 10px 0px;
}

#nav5 a {
	width:100px;
	height:175px;
	margin:0px 10px 0px 0px;
	padding: 10px 5px 5px 5px; /*URL to tab image */
	background:#363636;
	border-bottom:#666600 1px solid;
	color: #CCCC66; /*font color */
	text-align: center;
	text-decoration: none; /*tab font */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float:left;
	vertical-align: bottom;
}

#nav5 a:link, 
#nav5 a:visited {
	color: #CCCC66; /*font color */
	padding: 10px 5px 5px 5px; /*URL to tab image */
	font-weight: bold;
}

#nav5 a:hover, 
#nav5 a:active {
	color: #EEEED1;
	padding: 10px 5px 5px 5px; /*URL to tab image */
	background: #666600;
	font-weight: bold;
}


/*--=====================	 CONTENT		==========================--*/

#content {
	margin: 0px auto 0px auto;
	min-height: 540px;
	background-color: #CCCC99;
	clear:both;
	}

#contentHomeIn {
	margin: 0px auto 0px auto;
	min-height: 600px;
	background-color: #CCCC99;
	clear:both;
	}

#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
}
#contentLeft {
	width:140px;
	min-height:400px;
	float:left;
	margin:10px 20px 10px 0px;
	padding:10px;
	color:#666633;
	border-right:1px #666633 solid;
}

#contentLeft h3 {  
	color: #999900; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	line-height:19px;
	font-size:18px; 
	font-weight: bold; 
	font-style: italic; 
	}

#contentLeftOLD {
	width:140px;
	float:left;
	margin:10px 20px 10px 0px;
	padding:15px;
	border:1px #999966 solid;
	background:#363636;
	color:#CCCC66;
}

#contentRight {
	width:150px;
	float:right;
	margin:10px 0 10px 10px;
	padding:15px;
	border:1px #999966 solid;
	color:#996600;
	background-color: #CCCC99;
}

#content_text {
	margin: 0;
	padding:5px 30px 0px 30px;
	background:url(../images/style/logo_hspn_H_A0.gif) bottom right no-repeat;
	}

#content ul {
	list-style:url(../../../media/style/bullet_wh.gif) outside;
	line-height:22px;
}

.contentBoxL p, #contentBoxC p, .contentBox p{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contentBoxC {
	width:380px;
	margin:0px 20px 0px 20px;
	padding:10px;
	border:1px solid #FFFFFF;
}

.contentBox {
	width:200px;
	height:240px;
	float:right;
	margin:0px 10px 0px 20px;
	padding:10px;
	text-align:left;
	border:1px #6C000A solid;
	background:#999900;
	color:#FFFDED;
}
.contentBoxIn {
	width:200px;
	min-height:340px;
	float:right;
	margin:10px 30px 0px 20px;
	padding:10px;
	text-align:left;
	border:1px #6C000A solid;
	background:#999900;
	color:#FFFDED;
}

.contentBoxIn h3,
.contentBox h3 {  
	color: #FFFDED; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	line-height:24px;
	font-size:18px; 
	font-weight: bold; 
	font-style: italic; 
	}


#clear {
	width:730px;
	height:5px;
	margin:0px;
	padding:0px;
}

/* =====================  PRODUCTS  ====================== */

#productArea {
	margin:10px 0px 0px 10px;
	padding:0px 10px 10px 0px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	min-height:500px;
}

#productTh {
	margin:0px 0px 5px 5px;
	padding:0px 0px 0px 5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#363636;
	float:right;
	width:230px;
	border-left:1px #EEEED1 dotted;
}
#productThL {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#363636;
	border-bottom:1px #EEEED1 dotted;
}

.thumb {
	border: 1px solid #3C0005;
	margin:0px 3px 3px 0px;
}
.textBox {
	border: 1px solid #3C0005;
	margin:0px 3px 3px 0px;
	padding:7px;
	background:#999900;
	color:#FFFDED;
}

.gradualshine{
	border: 1px solid #191B11;
	margin:0px 5px 0px 0px;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
}

#loadarea{
	margin: 10px 0px 0px 0px;
	float:right;
	padding:0px;
	text-align:center;
	width:450px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999900;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
}

#loadarea img {
    background: #EEEED1;
    border: 1px solid #6C000A; /* border color */
    vertical-align: bottom;
    padding: 7px;
	margin:0px 0px 10px 0px;
    }


/*--=====================	 CLASS RULES		==========================--*/

.pic { border: 1px #000000 solid }

.image_border {
	border: 1px #666633 solid;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	}

.img_border {  
	border: 1px #666633 groove;
	margin:0px 5px 0px 5px;
	}

.img_b {
	border:5px solid #898989;
	margin:5px 20px 10px 20px;
}
.img_b1 {
	border:1px solid #898989;
	margin:5px 20px 10px 30px;
	padding:3px;
}
.img_b2 {
	margin:5px 20px 10px 20px;
}
.img_b3 {
	margin:5px;
}

.new {
	font-size:15px;
	border:none;
}

.text_large {
	font-size:14px;
}
.text_med {
	font-size:12px;
}
.text_small p,
.text_small {
	font-size:10px;
}

/*--=====================	 FOOTER		==========================--*/

#footer {
	width:744px;
	height:25px;
	padding: 15px 0px 0px 0px;
	margin:0px auto 0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	color: #CDC9A5;
	background:url(../images/style/footer_swoop.jpg) top center no-repeat;
	text-align:center;
	}

#footer a, 
#footer a:link, 
#footer a:visited {
	color: #3C0005;
	text-decoration: none;
	}

#footer a:hover,
#footer a:active {
	color: #CDC9A5;
	text-decoration: underline;
	}

#ogw {
	width:744px;
	height:50px;
	margin:10px auto 0px auto;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#999933;
}