/* Main Elements */
body
{
	height:				100%;
	margin:				0;
	padding:			0;
	color: 				#5d2639;
	background-color:	#feecf2;
	font-size: 			80%; /* Resets 1em to 10px */
	font-family: 		Verdana, Arial, Sans-Serif;
}
#content
{
	width:				980px;
	padding:			10px;
}
#header
{
	height:				177px;
	background:			url("/images/header/bg.gif") repeat-x;
}
#header_left
{
	float:				left;
}
#header_right
{
	float:				right;
}
#header_elements_logo
{
	position:			relative;
	float:				left;
	z-index:			2;
}
#header_elements_links
{
	position:			relative;
	top:				15px;
	left:				530px;
	z-index:			2;
}
#header_elements_nav
{
	position:			relative;
	top:				-16px;
	z-index:			1;
}
#footer
{
	height:				177px;
	background:			url("/images/footer/bg.gif") repeat-x;
	text-align:			center;
}
#footer_left
{
	float:				left;
}
#footer_right
{
	float:				right;
}
#footer_text
{
	padding-top:		10px;
	font-size:			80%;
}
#footer_text ul
{
	display:			inline;
	padding:			0px;
}
#footer_text ul li
{
	display:			inline;
	padding:			0px;
}
#footer_text ul li img
{
	padding-right:		3px;
}
#page
{
	border-left:		9px solid #c5de94;
	border-right:		9px solid #c5de94;
	padding:			5px;
	background-color:	#ffffff;
}
a
{
	color:				#ed4493;
	text-decoration:	none;
}
a:hover
{
	text-decoration:	underline;
}
.spacer {
	clear:				both;
	height:				1px;
}



.text
{
	color:				#5d2639;
	font-size:			95%;
}
.text_light_blue
{
	color:				#29abe2;
	font-size:			95%;
	font-weight:		bold;
}
.text_green
{
	color:				#39b54a;
	font-size:			95%;
	font-weight:		bold;
}
.text_light_green
{
	color:				#8cc63f;
	font-size:			95%;
	font-weight:		bold;
}
.text_pink
{
	color:				#e9197e;
	font-size:			95%;
	font-weight:		bold;
}
.text_light_pink
{
	color:				#f197b2;
	font-size:			95%;
	font-weight:		bold;
}
.text_purple
{
	color:				#522145;
	font-size:			95%;
	font-weight:		bold;
}
.text_light_purple
{
	color:				#aa68ab;
	font-size:			95%;
	font-weight:		bold;
}
.text_seafoam
{
	color:				#00a99d;
	font-size:			95%;
	font-weight:		bold;
}

.form_field_name
{
	padding-left:		20px;
	font-size:			90%;
	white-space:		nowrap;
}
.form_field
{
	border:				1px solid #caeaf8;
}

#colmask
{
	position:			relative;	/* This fixes the IE7 overflow hidden bug */
	clear:				both;
	width:				100%;		/* width of whole page */
	overflow:			hidden;		/* This chops off any overhanging divs */
}
.col1,
.col2,
.col3
{
	float:				left;
	position:			relative;
	padding:			0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
									only padding top and bottom is included here, make it whatever value you need */
}
#colmask .col1
{
	text-align:			left;
	padding-left:		10px;
	width:				360px;
}
#colmask .col2
{
	text-align:			center;
	width:				175px;
	padding-top:		60px;
}
#colmask .col3
{
	text-align:			left;
	width:				407px;
	font-size:			90%;
}
#product_nav
{
	list-style-type:	none;
	margin:				0;
	padding:			0;
}
#product_nav li.heading
{
	padding-top:		15px;
}
#product_nav li ul
{
	list-style-type:	none;
	position:			relative;
	left:				15px;
	margin:				0;
	padding:			0;
}
#product_nav li ul li
{
	padding-bottom:		2px;
}
#product_nav li a
{
	color:				#5d2639;
	font-size:			90%;
}
#product_nav li a:hover
{
	color:				#d4145a;
	text-decoration:	none;
}
#product_nav li.current a
{
	color:				#d4145a;
	font-size:			90%;
}
#product_nav li.current a:hover
{
	color:				#d4145a;
	text-decoration:	none;
}
#buy_now
{
	padding-top:		10px;
	padding-right:		100px;
	text-align:			right;
}

.product_attr
{
	list-style-type:	none;
	padding-top:		10px;
	color:				#5d2639;
}
.product_attr_pink
{
	list-style-image:	url("/images/products/star_pink.gif");
}
.product_attr_yellow
{
	list-style-image:	url("/images/products/star_yellow.gif");
}
.product_attr_green
{
	list-style-image:	url("/images/products/star_green.gif");
}
.product_attr_purple
{
	list-style-image:	url("/images/products/star_purple.gif");
}
.product_price
{
	color:				#00a8de;
	font-size:			90%;
	font-weight:		normal;
	padding-left:		40px;
}
.product_price_line
{
	padding-left:		25px;
}

/* games column container */
#games_colmask {
	position:			relative;	/* This fixes the IE7 overflow hidden bug */
	clear:				both;
	width:				100%;		/* width of whole page */
	overflow:			hidden;		/* This chops off any overhanging divs */
}
.games_col1,
.games_col2 {
	float:				left;
	position:			relative;
	padding:			0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
									only padding top and bottom is included here, make it whatever value you need */
}
#games_colmask .games_col1 {
	position:			relative;
	top:				20px;
	left:				20px;
	text-align:			left;
	width:				250px;
}
#games_colmask .games_col2 {
	text-align:			center;
	width:				400px;
	padding-top:		20px;
	padding-left:		60px;
}
.games_nav_title {
	text-align:			left;
	padding-top:		20px;
}
.games_nav_img {
	padding-bottom:		20px;
}

/* retail column container */
#retail_colmask {
	position:			relative;	/* This fixes the IE7 overflow hidden bug */
	clear:				both;
	width:				100%;		/* width of whole page */
	overflow:			hidden;		/* This chops off any overhanging divs */
}
.retail_col1,
.retail_col2,
.retail_col3 {
	float:				left;
	position:			relative;
	padding:			0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
									only padding top and bottom is included here, make it whatever value you need */
}
#retail_colmask .retail_col1 {
	position:			relative;
	top:				20px;
	text-align:			left;
	width:				190px;
}
#retail_colmask .retail_col2 {
	text-align:			center;
	width:				195px;
	padding-top:		20px;
}
#retail_colmask .retail_col3 {
	position:			relative;
	top:				20px;
	text-align:			left;
	width:				565px;
	font-size:			90%;
	display:			table-cell;
	vertical-align:		bottom;
}
.retail_nav_title {
	text-align:			left;
}
.retail_nav_statesUS {
	width:				220px;
	padding-left:		5px;
}
.retail_nav_statesCA {
	width:				190px;
	padding-left:		5px;
}
.retail_nav_states_row {
	float:				left;
}
.retail_nav_states_row ul {
	list-style-type:	none;
	padding:			5px;
	margin:				0;
}
.retail_nav_states_row ul li a {
	color:				#5d2639;
	font-size:			90%;
	text-decoration:	none;
}
.retail_nav_states_row ul li a:hover {
	color:				#e9197e;
	text-decoration:	none;
}
.retail_nav_states_row ul li a.selected {
	color:				#e9197e;
	font-size:			90%;
	text-decoration:	none;
}
.retail_nav_states_row ul li a.selected:hover {
	color:				#e9197e;
	text-decoration:	none;
}
.retail_store_state_name {
	float:				left;
	width:				100%;
	padding-right:		20px;
	padding-bottom:		10px;
}
.retail_store_city {
	float:				left;
	width:				28%;
	padding-bottom:		10px;
	padding-right:		20px;
}
.retail_store_city .retail_store_city_name {
	padding-bottom:		2px;
	color:				#e9197e;
}
.retail_store_city .retail_store_name {
	padding:			2px;
}
.retail_store_name a {
	color:				#5d2639;
	text-decoration:	none;
}
.retail_store_name a:hover {
	color:				#e9197e;
	text-decoration:	none;
}
.retail_store_more_info {
	color:				#aa68ab;
	float:				right;
	padding-right:		20px;
}
.retail_store_info {
	float:				left;
	width:				35%;
}
#google_map {
	float:				left;
	width:				320px;
	height:				320px;
}
.retail_store_name {
	color:				#e9197e;
}


#press_colmask
{
	position:			relative;	/* This fixes the IE7 overflow hidden bug */
	clear:				both;
	width:				100%;		/* width of whole page */
	overflow:			hidden;		/* This chops off any overhanging divs */
}
.press_col1,
.press_col2,
.press_col3
{
	float:				left;
	position:			relative;
	padding:			0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
									only padding top and bottom is included here, make it whatever value you need */
}
#press_colmask .press_col1
{
	text-align:			left;
	padding-left:		10px;
	padding-top:		20px;
	width:				160px;
}
#press_colmask .press_col2
{
	text-align:			center;
	width:				175px;
	padding-top:		20px;
}



#cart_colmask
{
	position:			relative;	/* This fixes the IE7 overflow hidden bug */
	clear:				both;
	width:				100%;		/* width of whole page */
	height:				100%;
	overflow:			hidden;		/* This chops off any overhanging divs */
}
.cart_col1,
.cart_col2,
.cart_col3
{
	float:				left;
	position:			relative;
	padding:			0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
									only padding top and bottom is included here, make it whatever value you need */
}
#cart_colmask .cart_col1
{
	text-align:			left;
	width:				190px;
}
#cart_colmask .cart_col2
{
	text-align:			center;
	width:				565px;
	padding-top:		20px;
}
#cart_colmask .cart_col3
{
	text-align:			left;
	width:				195px;
	height:				100%;
	font-size:			90%;
	display:			table-cell;
	vertical-align:		bottom;
}
#cart_headings
{
	width:				500px;
	border-bottom:		1px solid #caeaf8;
}
#cart_items
{
	width:				500px;
	border-bottom:		1px solid #caeaf8;
	border-left:		1px solid #caeaf8;
	border-right:		1px solid #caeaf8;
}
#cart_actions
{
	width:				500px;
	padding-top:		10px;
	padding-bottom:		20px;
}
.cart_col_name
{
	color:				#aa68ab;
	font-size:			90%;
	text-align:			left;
}
.cart_subtotal
{
	color:				#aa68ab;
	font-size:			90%;
	text-align:			left;
}
.cart_total
{
	color:				#662d91;
	font-size:			90%;
	text-align:			left;
}

#cart_crumb
{
	color:				#d9d7ec;
	font-size:			85%;
	text-align:			left;
	padding-left:		20px;
}
#cart_crumb .current
{
	color:				#522145;
}
#cart_title
{
	color:				#aa68ab;
	text-align:			left;
	padding-left:		20px;
	padding-top:		40px;
}
.cart_subtitle
{
	color:				#8cc63f;
	text-align:			left;
	padding-bottom:		10px;
	font-size:			90%;
}
#cart_address
{
	text-align:			left;
	padding-left:		20px;
	padding-top:		10px;
}
#cart_submit
{
	padding-bottom:		5px;
}
.cart_address_col2
{
	padding-left:		10px;
}
.cart_text
{
	color:				#522145;
	font-size:			85%;
}
#cart_conf
{
	padding-top:		20px;
	padding-left:		20px;
}


.checkbox
{
	color:				#aa68ab;
	border:				1px solid #caeaf8;
}