/* CSS Document */

/*	Project Name: Lift Him High
	Date: 02-19-2007
	Text Color: #49545a
	Section Colors:
		Men: #75b406
		Women: #af2121
		Kids: #29a1bb
		Accessories: #e37343 
*/

body
{
	padding: 0;
	margin: 0;
	background: url(../images/common/bodyBG.jpg) left top repeat-x #e37343;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #49545a;
}

/*---------------------- Common Sections ----------------------*/

		#wrapper
		{
			width: 964px;
			margin: 0 auto;
			padding: 0;
			text-align: left;
			background-color: #fff;
		}
		
		#header
		{	
			position: relative;
			width: 954px;
			height: 110px;
			padding: 0px;
			margin: 0;
			background: url(../images/common/headerBG.jpg) left top no-repeat;
		}
		
		#logo
		{
			float: left;
			height: 110px;
			width: 290px;
			padding: 0;
			margin: 0;
		}

/*---------------------- Navigation ----------------------*/


		/* Global Nav */
		
		#globalnav
		{
			position: absolute;
			bottom: 0;
			_bottom: 2px;
			right: 0;
			margin: 0;
			padding: 0;
			width: 664px;
			height: 31px;
			background-color: #49545a;
		}
		
			#globalnav ul
			{
				margin: 0 10px 0 0;
				padding: 0;
				float: right;
			}
			
				#globalnav li
				{
					float: left;
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
				
					#globalnav ul li a.home
					{
						display: block;
						height: 31px;
						width: 51px;
						background: url(../images/nav/globalNavSprite.gif) 0 0 no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.home:hover
					{
						display: block;
						height: 31px;
						width: 51px;
						background: url(../images/nav/globalNavSprite.gif) 0 -31px no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.homeselected
					{
						display: block;
						height: 31px;
						width: 51px;
						background: url(../images/nav/globalNavSprite.gif) 0 -31px no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.products
					{
						display: block;
						height: 31px;
						width: 75px;
						background: url(../images/nav/globalNavSprite.gif) -51px 0 no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.products:hover
					{
						display: block;
						height: 31px;
						width: 75px;
						background: url(../images/nav/globalNavSprite.gif) -51px -31px no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.productsselected
					{
						display: block;
						height: 31px;
						width: 75px;
						background: url(../images/nav/globalNavSprite.gif) -51px -31px no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.contact
					{
						display: block;
						height: 31px;
						width: 70px;
						background: url(../images/nav/globalNavSprite.gif) -126px 0 no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.contact:hover
					{
						display: block;
						height: 31px;
						width: 70px;
						background: url(../images/nav/globalNavSprite.gif) -126px -31px no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.contactselected
					{
						display: block;
						height: 31px;
						width: 70px;
						background: url(../images/nav/globalNavSprite.gif) -126px -31px no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.myaccount
					{
						display: block;
						height: 31px;
						width: 70px;
						background: url(../images/nav/globalNavSprite.gif) -126px 0 no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.myaccount:hover
					{
						display: block;
						height: 31px;
						width: 70px;
						background: url(../images/nav/globalNavSprite.gif) -126px -31px no-repeat;
						text-indent: -5000px;
					}
					
					#globalnav ul li a.myaccountselected
					{
						display: block;
						height: 31px;
						width: 70px;
						background: url(../images/nav/globalNavSprite.gif) -126px -31px no-repeat;
						text-indent: -5000px;
					}


		/* Secondary Nav*/
		
		#secondarynav
		{
			margin: 3px 0;
			padding: 0;
			width: 252px;
			height: 20px;
			float:right;
			clear: both;
		}
		
			#secondarynav ul
			{
				margin: 0 10px 0 0;
				padding: 0;
			}
			
				#secondarynav li
				{
					float: left;
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
				
					#secondarynav ul li a.men
					{
						display: block;
						height: 20px;
						width: 47px;
						background: url(../images/nav/secondaryNavSprite.gif) 0 0 no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.men:hover
					{
						display: block;
						height: 20px;
						width: 47px;
						background: url(../images/nav/secondaryNavSprite.gif) 0 -20px no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.menselected
					{
						display: block;
						height: 20px;
						width: 47px;
						background: url(../images/nav/secondaryNavSprite.gif) 0 -20px no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.women
					{
						display: block;
						height: 20px;
						width: 65px;
						background: url(../images/nav/secondaryNavSprite.gif) -47px 0 no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.women:hover
					{
						display: block;
						height: 20px;
						width: 65px;
						background: url(../images/nav/secondaryNavSprite.gif) -47px -20px no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.womenselected
					{
						display: block;
						height: 20px;
						width: 65px;
						background: url(../images/nav/secondaryNavSprite.gif) -47px -20px no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.kids
					{
						display: block;
						height: 20px;
						width: 45px;
						background: url(../images/nav/secondaryNavSprite.gif) -112px 0 no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.kids:hover
					{
						display: block;
						height: 20px;
						width: 45px;
						background: url(../images/nav/secondaryNavSprite.gif) -112px -20px no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.kidsselected
					{
						display: block;
						height: 20px;
						width: 45px;
						background: url(../images/nav/secondaryNavSprite.gif) -112px -20px no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.accessories
					{
						display: block;
						height: 20px;
						width: 85px;
						background: url(../images/nav/secondaryNavSprite.gif) -157px 0 no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.accessories:hover
					{
						display: block;
						height: 20px;
						width: 85px;
						background: url(../images/nav/secondaryNavSprite.gif) -157px -20px no-repeat;
						text-indent: -5000px;
					}
					
					#secondarynav ul li a.accessoriesselected
					{
						display: block;
						height: 20px;
						width: 85px;
						background: url(../images/nav/secondaryNavSprite.gif) -157px -20px no-repeat;
						text-indent: -5000px;
					}
				

		/* Product Nav */
		
		#productnav
		{
			width: 227px;
			text-transform:uppercase;
			font-size: 11px;
		}
		
			#productnav ul
			{	
				margin: 0;
				padding:0;
			}
			
				#productnav li
				{
					margin: 0 0 4px 0;
					padding: 0;
					list-style-type: none;
				}
				
					#productnav a
					{
						display:block;
						padding: 6px 0 0 10px;
						_padding: 4px 0 2px 10px;
						width: 217px;
						height: 15px;
						color: #49545a;
						text-decoration: none;
						background-color: #e9e9e9;
					}
					
					.men #productnav ul a:hover,.men #productnav ul a.selected
					{
						color: #fff;
						text-decoration: none;
						background: url(../images/nav/productOverMen.gif) no-repeat left top;
					}
					
					.women #productnav ul a:hover,.women #productnav ul a.selected
					{
						color: #fff;
						text-decoration: none;
						background: url(../images/nav/productOverWomen.gif) no-repeat left top;
					}
					
					.kids #productnav ul a:hover,.kids #productnav ul a.selected
					{
						color: #fff;
						text-decoration: none;
						background: url(../images/nav/productOverKids.gif) no-repeat left top;
					}
					
					.accessories #productnav ul a:hover,.accessories #productnav ul a.selected
					{
						color: #fff;
						text-decoration: none;
						background: url(../images/nav/productOverAccessories.gif) no-repeat left top;
					}
		
		/* Tools Nav */
		
		#tools
		{
			position: absolute;
			top: 0;
			right: 0;
			margin: 10px 0;
			width: 170px;
			font-size: 9px;
			text-transform:uppercase;
			text-align: right;
		}
			
			#tools ul
			{
				padding: 0;
				margin: 0;
			}
			
				#tools li
				{
					float: left;
					margin: 0 0 0 15px;
					list-style-type: none;
					padding: 2px 0;
				}
				
					#tools li a
					{
						color: #49545a;
						text-decoration:none;
					}
					
					#tools li a:hover
					{
						color: #49545a;
						text-decoration:underline;
						background: none;
					}
					
					#tools li.cart
					{
						background: url(../images/common/cart.gif) left top no-repeat;
						padding-left: 18px;
					}
						

/*---------------------- Typography ----------------------*/

		h1
		{
			font-size:20px;
			line-height: 1em;
			text-transform:uppercase;
		}
		
		h2.sectionname
		{
			font-size: 16px;
			line-height: 1em;
			border-bottom: 1px solid #dbddde;
		}

		h3
		{
			font-size: 11px;
			font-weight: normal;
		}
		
		.home h1{background: url(../images/h1/h1home.gif) 10px 4px no-repeat;}
		.men h1{background: url(../images/h1/h1men.gif) 10px 4px no-repeat;}
		.women h1{background: url(../images/h1/h1women.gif) 10px 4px no-repeat;}
		.kids h1{background: url(../images/h1/h1kids.gif) 10px 4px no-repeat;}
		.accessories h1{background: url(../images/h1/h1accessories.gif) 10px 4px no-repeat;}
		
		p
		{
			line-height: 1.3em;
		}
		

/*---------------------- Structure ----------------------*/

		
		.main
		{
			width: 964px;
			background: url(../images/common/bottomBG.jpg) left bottom no-repeat;
			padding-bottom: 1px;
		}
		
		#fullcol
		{
			float: left;
			margin-left: 13px;
			width: 868px;
			margin-left: 85px;
			margin-bottom: 30px;
		}
		
		#leftcol
		{
			float: left;
			width: 227px;
			margin-left: 8px;
			margin-bottom: 30px;
		}
		
		
		#rightcol
		{
			float: left;
			margin-left: 13px;
			width: 706px;
			_width: 698px;
			margin-bottom: 30px;
		}


/*---------------------- Product Splash ----------------------*/

		#homeheader
		{
			width: 964px;
			height: 302px;
			margin-top: 10px;
			position: relative;
			z-index: 100
		}
		
		#welcome
		{
			position: absolute;
			width: 449px;
			height: 234px;
			background:url(../images/home/welcomeBG.gif) left top no-repeat;
			right: 10px;
			top: 10px;
			padding: 0 10px 10px 10px;
		}
		
		#welcome p
		{
			line-height: 1.5em;
		}
		
		a
		{
			color: #e37343;
			text-decoration: underline;
		}
		
		a:hover
		{
			color: #fff;
			background-color: #e37343;
			text-decoration:none;
		}
		
		ul#homepagecallouts
		{
			position:relative;
			margin: -28px 0 0 0;
			padding: 0;
			z-index: 200;
		}
		
			ul#homepagecallouts li
			{
				float: left;
				width: 227px;
				height: 127px;
				list-style-type: none;
				position:relative;
				padding: 0;
			}
			
				ul#homepagecallouts li.men{background: url(../images/home/men_callout.jpg) left top no-repeat;margin-left: 10px;_margin-left: 6px;margin-right: 10px;}
				ul#homepagecallouts li.women{background: url(../images/home/women_callout.jpg) left top no-repeat;margin-right: 10px;}
				ul#homepagecallouts li.kids{background: url(../images/home/kids_callout.jpg) left top no-repeat;margin-right: 10px;}
				ul#homepagecallouts li.accessories{background: url(../images/home/accessories_callout.jpg) left top no-repeat;}
				
				
				ul#homepagecallouts li img
				{
					position: absolute;
					bottom: 0;
					right: 0;
				}
				
				ul#homepagecallouts li h2
				{
					color: #fff;
					font-size: 14px;
					letter-spacing: -1px;
					padding: 0;
					margin: 0;
					font-weight:normal;
				}
				
				ul#homepagecallouts li .from
				{
					color: #fff;
					font-size: 18px;
					letter-spacing: -1px;
					padding: 0;
					margin: 0;
					font-weight:normal;
				}
				
				ul#homepagecallouts li .hprice
				{
					color: #fff;
					font-size: 22px;
					padding: 0;
					margin: 0;
					font-weight:normal;
				}
				
				ul#homepagecallouts li .hinfo
				{
					position: absolute;
					bottom: 30px;
					left: 6px;
				}		
				
				ul#homepagecallouts li a.shopnow
				{
					width: 90px;
					height: 30px;
					position:absolute;
					bottom: 0;
					left: 0;
					text-indent: -5000px;
				}
				
				ul#homepagecallouts li a:hover.shopnow
				{
					background: none;
				}				

/*---------------------- Product Splash ----------------------*/

		.productsplash ul
		{
			margin: 0 13px 13px 0;
			padding: 0;
			width: 861px;
			float: right;
		}
		
			.productsplash ul li
			{
				margin: 13px 0;
				width: 831px;
				height: 115px;
				list-style-type:none;
				padding: 20px 0 0 30px;
				position: relative;
			}
			
			.productsplash ul li.mensplash{background:url(../images/men/splash.jpg) left top no-repeat;}
			.productsplash ul li.womensplash{background:url(../images/women/splash.jpg) left top no-repeat;}
			.productsplash ul li.kidssplash{background:url(../images/kids/splash.jpg) left top no-repeat;}
			.productsplash ul li.accessoriessplash{background:url(../images/accessories/splash.jpg) left top no-repeat;}
		
		.productsplash ul p
		{
			font-size: 16px;
			line-height: 1.5em;
			color: #fff;
			width: 395px;
			height: 45px;
			overflow:hidden;
			margin: 0;
		}
		
		.productsplash img
		{
			position:absolute;
			bottom: 0;
			right: 0;
		}
		
		.productsplash a:hover
		{
			background: none;
		}
		
		
		.featureprice
		{
			width: 175px;
			height: 44px;
			background:url(../images/common/featurepriceBG.gif) left top no-repeat;
			position: absolute;
			left: 465px;
			top: 77px;
		}
		
		.featuredesc
		{
			margin: 7px 0 0 5px;
			color: #49545a;
			letter-spacing: -1px;
			width: 75px;
			font-size: 12px;
			float: left;
		}
		
		.featuredollar
		{
			margin: 10px 5px 0 0;
			color: #49545a;
			letter-spacing: -1px;
			float: left;
			font-size: 18px;
			font-weight:bold;
		}

/*---------------------- Product Details ----------------------*/
		
		ul.productlist
		{
			width: 706px;
			margin: 0;
			padding: 0;
		}
		
			ul.productlist li
			{
				float: left;
				padding: 0;
				margin: 0;
				list-style-type: none;
			}
			
			.productentry
			{
				width: 207px;
				height: 93px;
				margin: 0 4px 30px 4px;
				padding: 10px;
				position:relative;
			}
			
				.men .productentry{background: url(../images/men/productentryBG.jpg) left top no-repeat;}
				.women .productentry{background: url(../images/women/productentryBG.jpg) left top no-repeat;}
				.kids .productentry{background: url(../images/kids/productentryBG.jpg) left top no-repeat;}
				.accessories .productentry{background: url(../images/accessories/productentryBG.jpg) left top no-repeat;}
				
				.productentry img
				{
					margin: 0px 10px;
					float: left;
				}
				
				.productentry h4
				{
					font-size: 9px;
					font-weight: normal;
					margin: 0;
					padding: 0;
				}
				
				.productentry h3
				{
					font-size: 14px;
					font-weight: bold;
					margin: 5px 0;
					padding: 0;
				}
				
				.productentry p
				{
					margin: 3px 0;
				}
				
				.men .productentry a{color: #75b406;}
				.women .productentry a{color: #af2121;}
				.kids .productentry a{color: #29a1bb;}
				.accessories .productentry a{color: #e37343;}
		
				.productentry a:visited{color: #bbbbbb;}
				.productentry a:hover{background:none;}
						
			.pages
			{
				width: 400px;
				float: right;
				text-align:right;
				bottom: -18px;
			}
			
				.pages a
				{
					color: #49545a;
					text-decoration:none;
				}
				
				.pages a:hover
				{
					color: #49545a;
					text-decoration:underline;
					background: none;
				}
					
					.currentpage
					{
						font-size: 18px;
						font-weight: bold;
					}
					
					.men .currentpage{color: #75b406;}
					.women .currentpage{color: #af2121;}
					.kids .currentpage{color: #29a1bb;}
					.accessories .currentpage{color: #e37343;}
					
		.badge
		{
			height: 34px;
			width: 17px;
			position: absolute;
			bottom: -7px;
			right: 20px;
			_right: -16px;
		}
			

/*---------------------- Product Details ----------------------*/

		#productDescription
		{
			width:350px;
			height:240px;
			float: left;
		}
		
		#productDescription h2
		{
			font-size: 18px;
			margin: 0;
		}
		
		#description h4
		{
			font-size: 12px;
			padding: 0;
			margin: 5px 0;
		}
		
		#description
		{
			float: left;
			width:320px;
			height:220px;
			padding: 10px 15px 10px 15px;
		}
		
		.descriptionparagraph
		{
			border-top: 1px solid #49545a;
			padding-top: 10px;
			margin-top: 10px;
		}
		
		#description input
		{
			border: 1px solid #49545a;
			background-color: #e9e9e9;
			font-size: 11px;
			padding: 2px;
		}
		
		#description select
		{
			border: 1px solid #49545a;
			background-color: #e9e9e9;
			font-size: 11px;
			padding: 2px;
		}
		
		#productImage
		{
			float: left;
			width: 350px;
		}		
		
			.price
			{
				font-size: 24px;
				letter-spacing: -1px;
			}
			
			.newprice
			{
				font-size: 24px;
				letter-spacing: -1px;
				color: #ff0000;
				background:url(../images/prices/new.gif) no-repeat right 2px;
				padding: 10px 38px 10px 0;
				margin-left: 10px;
			}
			
			.oldprice
			{
				font-size: 24px;
				letter-spacing: -1px;
				color: #dbddde;
				text-decoration:line-through;
			}
			.saleprice
			{
				font-size: 24px;
				letter-spacing: -1px;
				color: #da6a3a;
				background:url(../images/prices/sale.gif) no-repeat right 2px;
				padding: 10px 38px 10px 0;
				margin-left: 10px;
			}
			
			.clearanceprice
			{
				font-size: 24px;
				letter-spacing: -1px;
				color: #3a91da;
				background:url(../images/prices/clearance.gif) no-repeat right 2px;
				padding: 10px 38px 10px 0;
				margin-left: 10px;
			}
			
			.reducedprice
			{
				font-size: 24px;
				letter-spacing: -1px;
				color: #ed63f0;
				background:url(../images/prices/reduced.gif) no-repeat right 2px;
				padding: 10px 38px 10px 0;
				margin-left: 10px;
			}		
		
		
		.men #description{background:url(../images/men/descriptionBG.gif) no-repeat left top;}
		.women #description{background:url(../images/women/descriptionBG.gif) no-repeat left top;}
		.kids #description{background:url(../images/kids/descriptionBG.gif) no-repeat left top;}
		.accessories #description{background:url(../images/accessories/descriptionBG.gif) no-repeat left top;}

		ul#sizes
		{
			padding: 0;
			margin:0;
			float: left;
			width: 100%;
		}
		
			ul#sizes li
			{
				list-style-type:none;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
				
				ul#sizes li a.small, ul#sizes li a.s
				{
					display: block;
					height: 19px;
					width: 19px;
					background: url(../images/sizes/s.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.small:hover, ul#sizes li a.smallselected, ul#sizes li a.s:hover, ul#sizes li a.sselected
				{
					display: block;
					height: 19px;
					width: 19px;
					background: url(../images/sizes/s_over.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.smallout, ul#sizes li a.sout
				{
					display: block;
					height: 19px;
					width: 19px;
					background: url(../images/sizes/s_out.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.medium, ul#sizes li a.m
				{
					display: block;
					height: 19px;
					width: 19px;
					background: url(../images/sizes/m.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.medium:hover, ul#sizes li a.mediumselected, ul#sizes li a.m:hover, ul#sizes li a.mselected
				{
					display: block;
					height: 19px;
					width: 19px;
					background: url(../images/sizes/m_over.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.mediumout, ul#sizes li a.mout
				{
					display: block;
					height: 19px;
					width: 19px;
					background: url(../images/sizes/m_out.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.large, ul#sizes li a.l
				{
					display: block;
					height: 19px;
					width: 19px;
					background: url(../images/sizes/l.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.large:hover, ul#sizes li a.largeselected, ul#sizes li a.l:hover, ul#sizes li a.lselected
				{
					display: block;
					height: 19px;
					width: 19px;
					background: url(../images/sizes/l_over.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.largeout
				{
					display: block;
					height: 19px;
					width: 19px;
					background: url(../images/sizes/l_out.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.xl
				{
					display: block;
					height: 19px;
					width: 23px;
					background: url(../images/sizes/xl.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.xl:hover, ul#sizes li a.xlselected
				{
					display: block;
					height: 19px;
					width: 23px;
					background: url(../images/sizes/xl_over.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.xlout
				{
					display: block;
					height: 19px;
					width: 23px;
					background: url(../images/sizes/xl_out.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.2xl
				{
					display: block;
					height: 19px;
					width: 30px;
					background: url(../images/sizes/xxl.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.2xl:hover, ul#sizes li a.2xlselected
				{
					display: block;
					height: 19px;
					width: 30px;
					background: url(../images/sizes/xxl_over.gif) left top no-repeat;
					text-indent: -5000px;
				}
				
				ul#sizes li a.2xlout
				{
					display: block;
					height: 19px;
					width: 30px;
					background: url(../images/sizes/xxl_out.gif) left top no-repeat;
					text-indent: -5000px;
				}


/*---------------------- Footer ----------------------*/
		
		#footer
		{
			width: 927px;
			height: 37px;
			background:url(../images/common/footerBG.gif) left top no-repeat;
			margin: 20px 8px 20px 9px;
			clear:both;
			padding: 0px 10px;
		}
		
			#footer p
			{
				color: #efefef;
				padding: 0;
				margin: 11px 0 0 0;
			}
		
			#footer a
			{
				color: #efefef;
				text-decoration:none;
				padding: 2px;
			}
			
				#footer a:hover
				{
					color: #49545a;
					background-color: #efefef;
					padding: 2px;
				}		

		


/*---------------------- Misc/Hacks ----------------------*/

.clearer{clear: both;}

.alternateRow td{ background-color: #f6f6f7; }