body
{
	background-color: #dbceda;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	line-height: 14px;
}

img
{
	border: none;
}

h1
{
	color: #631e64;
	font-size: 18px;
	margin: 0px 0px 18px 0px;
}

h2
{
	color: #631e64;
	font-size: 18px;
	margin: 0px 0px 18px 0px;
}

h3
{
	color: #631e64;
	font-size: 18px;
	margin: 0px 0px 18px 0px;
}

h4
{
	color: #631e64;
	font-size: 18px;
	margin: 0px 0px 18px 0px;
}

p
{
	margin: 0px 0px 14px 0px;
}

.purple
{
	color: #631e64;
	margin: 0px 0px 18px 0px;
}

a
{
		color: #631e64;
		font-weight: bold;
		text-decoration: none;
}

a:hover, a:active
{
		text-decoration: underline;
}

/* Layout */

#pageAttributesDiv
{
    position: absolute;
    top: -94px;
    left: 35px;
}

#loginInfo
{
	width: 898px;
	height: 30px;
	line-height: 30px;
	position: relative;
	margin: 0px auto 0px auto;
	z-index: 20;
}	
	.homeicon
	{
		position: absolute;
		top: 38px;
		left: 8px;
	}

	.loggedinuser
	{
		float: left;
		margin: 0px 10px 0px 0px;
	}
	
	.login
	{
		float: left;
	}
	
	#viewcart
	{
		float: right;
	}

#container
{
	background-color: #fff;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	width: 898px;
	position: relative;
	margin: 0px auto 0px auto;
}

	#header
	{
		background-image: url(images/header.gif);
		background-repeat: no-repeat;
		width: 898px;
		height: 100px;
	}
	
		#header .logo
		{
			width: 350px;
			height: 100px;
			position: absolute;
			left: 270px;
		}
		
	#nav
	{
		list-style-type: none;
		height: 52px;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 130px;
		left: 64px;
		z-index: 100;
	}
	
	#nav li
	{
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	
		#nav a
		{
			display: block;
			background-repeat: no-repeat;
			width: 74px;
			height: 52px;
			float: left;
			margin: 0px 40px 0px 0px;
		}
	
		#nav a.home
		{
			background-image: url(images/home.gif);
		}	
		#nav a.home:hover
		{
			background-image: url(images/home_act.gif);
		}
	
		#nav a.about
		{
			background-image: url(images/about.gif);
		}	
		#nav a.about:hover
		{
			background-image: url(images/about_act.gif);
		}
		#nav a.gogomama
		{
			background-image: url(images/gogomama.gif);
		}	
		#nav a.gogomama:hover
		{
			background-image: url(images/gogomama_act.gif);
		}
	
		#nav a.gogokids
		{
			background-image: url(images/gogokids.gif);
		}	
		#nav a.gogokids:hover
		{
			background-image: url(images/gogokids_act.gif);
		}
	
		#nav a.accessories
		{
			background-image: url(images/accessories.gif);
		}	
		#nav a.accessories:hover
		{
			background-image: url(images/accessories_act.gif);
		}
	
		#nav a.where2buy
		{
			background-image: url(images/where2buy.gif);
		}	
		#nav a.where2buy:hover
		{
			background-image: url(images/where2buy_act.gif);
		}
	
		#nav a.buzz
		{
			background-image: url(images/buzz.gif);
		}	
		#nav a.buzz:hover
		{
			background-image: url(images/buzz_act.gif);
		}	
	
#mainContent
{
	min-height: 400px;
	padding: 105px 58px 20px 58px;
	position: relative;
}

	*html #mainContent
	{
		padding: 105px 5px 65px 58px;
		height: 500px;
	}
	

	
#footer
{
	color: #343434;
	font-size: 11px;
	background-image: url(images/footer.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	width: 898px;
	height: 50px;
	position: relative;
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
}

	#footer a
	{
		background-image: url(images/bullet.gif);
		background-repeat: no-repeat;
		background-position: right 7px;
		padding: 0px 14px 0px 10px;
		color: #343434;
		font-size: 11px;
		text-decoration: none;
	}
	
/* Home */

.signup
{
	display: block;
	background-image: url(images/signup.gif);
	background-repeat: no-repeat;
	width: 195px;
	height: 109px;
	position: absolute;
	top: -85px;
	right: 20px;
}

/* About */

#about
{
	width: 465px;
	height: 321px;
	background-color: #eeeeee;
	float: right;
	padding: 30px;
}

/* Buzz */

#buzz
{
	font-size: 14px;
	line-height: 18px;
	background-image: url(images/buzz-bg.gif);
	background-repeat: repeat-y;
	width: 768px;
	min-height: 317px;
}

	#buzz .top
	{
		background-image: url(images/buzz-bg-top.gif);
		background-repeat: no-repeat;
		width: 768px;
		height: 6px;
	}
	
	#buzz .content
	{
		padding: 24px 30px;
	}
	
	#buzz .bottom
	{
		background-image: url(images/buzz-bg-btm.gif);
		background-repeat: no-repeat;
		width: 768px;
		height: 6px;
	}
	
	#buzz .title
	{
		float: none;
		margin: 10px 0px 0px 0px;
	}

/* Buy */

#buynav
{
	width: 220px;
	height: 417px;
	position: relative;
	float: left;
}

	#buynav .title
	{
		position: absolute;
		top: 50px;
		right: 20px;
	}
	
	#canada, #us
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		position: absolute;
		top: 100px;
		right: 0px;
	}
	
		#canada a, #us a
		{
			background-repeat: no-repeat;
			display: block;
			width: 158px;
			height: 30px;
		}
	
		#canada a.canada
		{
			background-image: url(images/canada_slct.gif);
		}
		
		#canada a.canada:hover
		{
			background-image: url(images/canada_act_slct.gif);
		}
		
		#canada a.us
		{
			background-image: url(images/us.gif);
		}
		
		#canada a.us:hover
		{
			background-image: url(images/us_act.gif);
		}
	
		#us a.canada
		{
			background-image: url(images/canada.gif);
		}
		
		#us a.canada:hover
		{
			background-image: url(images/canada_act.gif);
		}
		
		#us a.us
		{
			background-image: url(images/us_slct.gif);
		}
		
		#us a.us:hover
		{
			background-image: url(images/us_act_slct.gif);
		}
		
		
	.interested
	{
		display: block;
		background-image: url(images/interested.gif);
		background-repeat: no-repeat;
		width: 171px;
		height: 106px;
		position: absolute;
		bottom: 0px;
		right: 20px;
	}


#buy
{
	background-image: url(images/w2b_bg.gif);
	background-repeat: repeat-y;
	width: 562px;
	float: right;
}

	#buy .top
	{
		background-image: url(images/w2b_top.gif);
		background-repeat: no-repeat;
		width: 562px;
		height: 20px;
	}
	
	#buy .content
	{
		padding: 14px 30px 24px 30px;
	}
	
	#buy .bottom
	{
		background-image: url(images/w2b_btm.gif);
		background-repeat: no-repeat;
		width: 562px;
		height: 17px;
	}

	.stores
	{
		width: 230px;
		float: left;
	}
		.store-margin
		{
			margin: 0px 40px 0px 0px;
		}
	
	.stores h2
	{
		color: #000;
		font-size: 12px;
	}
	
	.stores h3
	{
		font-size: 12px;
		margin: 0px 0px 5px 0px;
	}

/* login */

.login-box
{
	background-image: url(images/login-box.gif);
	background-repeat: no-repeat;
	width: 321px;
	height: 207px;
	padding: 20px;
	margin: 0px 30px 0px 0px;
	float: left;
}

/* Product Listing */


#productContainer
{
	font-size: 14px;
	line-height: 18px;
	background-image: url(images/buzz-bg.gif);
	background-repeat: repeat-y;
	width: 768px;
	min-height: 317px;
}

	#productContainer .top
	{
		background-image: url(images/buzz-bg-top.gif);
		background-repeat: no-repeat;
		width: 768px;
		height: 6px;
	}
	
	#productContainer .content
	{
		padding: 24px 0px 20px 30px;
	}
	
	#productContainer .bottom
	{
		background-image: url(images/buzz-bg-btm.gif);
		background-repeat: no-repeat;
		width: 768px;
		height: 6px;
	}

.catimg
{
	position: relative;
	right: 30px;
	float: right;
	clear: both;
}

.productItem
{
	width: 210px;
	height: 300px;
	position: relative;
	margin: 0px 30px 30px 0px;
	float: left;
}

    .productItem .sort
    {
        width: 25px;
        position: absolute;
        top: 40px;
        left: 0px;
    }

	.productItem h1
	{
		display: inline-block;
		color: #621d63;
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		font-weight: normal;
		margin: 4px 0px 0px 0px;
		float: left;
	}
	.productItem .msrp
	{
		font-size: 12px;
		display: inline-block;
		color: #621d63;
		float: left;
		line-height: 18px;
		height: 18px;
		margin: 4px 0px 0px 5px;
	}

	.productItem .productimg
	{
		float: left;
		margin: 0px 15px 0px 0px;
	}
	
	.productItem .readmore
	{
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	
.girl
{
	margin: 0px 50px 0px 30px;
	display: block;
	width: 300px;
	float: left;
}	

	.girl-title
	{
		text-align: center;
		width: 350px;
		height: 30px;
		float: left;
		margin: 0px 0px 0px 32px;
	}
	
.boy
{
	display: block;
	width: 300px;
	float: left;
}	

	.boy-title
	{
		text-align: center;
		width: 350px;
		height: 30px;
		float: left;
		margin: 0px 32px 0px 0px;
	}
	
/* Thumbnail nav */

.thumbnav
{
	display:inline;
}

.thumbnav-multiple
{
	text-align: center;
	position: relative;
	display: inline-block;
	float: left;
	margin: 0px 10px 0px 0px;
}
		*:first-child+html .thumbnav-multiple /* IE7 */
		{
			min-width: 150px;
			display: block;
		}
		*html .thumbnav-multiple
		{
			display: block;
		}

	.thumbnav-multiple .thumbnav-title
	{
		color: #adadad;
		position: relative;
		margin: 0px auto;
		display: block;
		text-align: center;
		clear: both;
	}
		*html .thumbnav-title
		{
			display: block;
		}
	
	.thumbnav-top
	{
		position: relative;
		border: solid 1px #cccccc;
		border-bottom: none;
		margin: 0px 18px;
		height: 5px;
		line-height: 5px;
		display: block;
	}
		*:first-child+html .thumbnav-top /* IE7 */
		{
			display: block;
			min-width: 180px;
			clear: both;
		}
		*html .thumbnav-top
		{
			width: 180px;
			display: block;
		}

/* Product Detail */

#productdetails
{
	font-size: 14px;
	line-height: 18px;
	background-image: url(images/buzz-bg.gif);
	background-repeat: repeat-y;
	width: 768px;
	min-height: 317px;
}

	#productdetails .pdtop
	{
		background-image: url(images/buzz-bg-top.gif);
		background-repeat: no-repeat;
		width: 768px;
		height: 6px;
	}
	
	#productdetails .pdcontent
	{
		padding: 24px 30px 10px 30px;
	}
	
	#productdetails .pdbottom
	{
		background-image: url(images/buzz-bg-btm.gif);
		background-repeat: no-repeat;
		width: 768px;
		height: 6px;
	}

.productImages
{
	width: 350px;
	float: left;
}

.productDescription
{
	width: 350px;
	float: left;
}	

.productoptions
{
	display: inline-block;
	float: left;
	clear: both;
	margin: 0px 5px 14px 0px;
}

.addtocart
{
	position: relative;
	top: -50px;
	float: right;
	/*top: 280px;
	right: 150px;*/
	border: solid 3px teal;
}

.cartboxinside
{
	visibility: hidden;
	display: none;
}

/* Cart */
	
#cartTools
{
	width: 780px;
	height: 80px;
	position: relative;
}	
		
	#updateQuant
	{
		position: absolute;
		bottom: 0px;
	}
		
	.cartCheckout
	{
		height: 60px;
		text-align: right;
		float: right;
	}		
			
		.cartTotal
		{
			color: #621d63;
			font-size: 14px;
			position: absolute;
			top: 0px;
			right: 0px;
		}	
			
		.checkoutButton
		{
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
		
#cartTable
{
	width: 780px;
	border-collapse: collapse;
	margin: 5px 0px 5px 0px;
}

	#cartTable th, #cartTable td
	{
		border: solid 1px #956d8f;
		padding: 2px 4px;
	}

	#cartTable th
	{
		color: #fff;
		background-color: #956d8f;
		text-align: left;
	}
	
	#cartTable .qty
	{
		text-align: center;
		width: 100px;
	}
	
	#cartTable .cartRowSep
	{
		background-color: #dbceda;
		height: 10px;
		line-height: 10px;
	}

/* Checkout */

.checkoutstep
{
	float: left;
	margin: 0px 5px 5px 0px;
}

.shippingTable
{
	width: 100%;
	margin: 0px 0px 10px 0px;
}

	.shippingTable th, .shippingTable td
	{
		vertical-align: top;
	}

	.shippingTable th
	{
		text-align: left;
	}

/* tabs */

.tab span
{
	color: #fff;
	display: block;
	line-height: 24px;
	background-color: #956d8f;
	margin: 10px 2px 0px 0px;
	padding: 0px 10px;
}

.tabbox
{
	border: solid 1px #956d8f;
	margin: 0px 0px 10px 0px;
}

/* common */

#Flash
{
	text-align: center;
	position: relative;
	margin: 0px auto;
}

.title
{
	position: relative;
	float: right;
	clear: both;
}

.imgleft
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.imgright
{
	float: right;
	margin: 0px 0px 0px 10px;
}

.clear
{
	clear: both;
}

a.button
{
	color: #fff;
	display: inline-block;
	background-color: #956d8f;
	line-height: 24px;
	padding: 0px 10px;
	margin: 0px 2px 2px 0px;
}

.button a
{
	color: #fff;
	display: inline-block;
	background-color: #956d8f;
	line-height: 24px;
	padding: 0px 10px;
	margin: 0px 2px 2px 0px;
}

.form th
{
	width: 120px;
	text-align: right;
}

.form th.wide
{
    width: 150px;
}

/* Admin */

#adminnav
{
	width: 200px;
	float: left;
	margin: 0px 0px 0px 10px;
}
	#adminnav strong
	{
		display: block;
	}
	
	#adminnav ul
	{
		margin: 0px 0px 10px 0px;
		padding: 0px;
		list-style-type: none;
	}

#admincontent
{
	width: 675px;
	float: left;
	margin: 0px 10px 0px 0px;
}

#categoryTable
{
	border-collapse: collapse;
	width: 100%;
}

	#categoryTable th, #categoryTable td
	{
		padding: 2px 5px;
	}

	#categoryTable th
	{
		color: #fff;
		background-color: #621d63;
	}
	
	#categoryTable td
	{
		border: solid 1px #621d63;
	}

.adminTable
{
	border-collapse: collapse;
	width: 100%;
}

	.adminTable th, .adminTable td
	{
		padding: 2px 5px;
	}

	.adminTable th
	{
		color: #fff;
		background-color: #621d63;
	}
	
	.adminTable td
	{
		border: solid 1px #621d63;
	}
	
	/* */
	
	.label
	{
		color: #ff0000;
		font-weight: bold;
	}
	
	.productchooser
	{
		width: 500px;
	}
	
.formtable, .edittable
{
}

	.formtable th, .edittable th
	{
		text-align: right;
		vertical-align: top;
	}
	
	.formtable td, .edittable td
	{
		vertical-align: top;
	}
	
.progressPanel
{
	position:absolute;
	/* TODO: no progress indicator graphic */
}