.TopColor 
{
	height: 28px;
	width: 100%;
	background: #d9e8f2;
	position: absolute;
	left: 0px;
	top: 0px;
}

/*Customizing clothing*/

.Button
{
	width: 162px; 
	height: 17px; 
	background: url(http://s7d4.scene7.com/is/image/BYCE/button?layer=comp&wid=162&hei=20&fmt=png-alpha&qlt=85,0&op_sharpen=0&resMode=sharp2&op_usm=1.0,1.0,8,0&iccEmbed=0); 
	padding-top: 3px; 
	color: #263f4f;
	cursor: pointer;
}

.design-panel-button
{
	padding: 0px;
	background: url(/webart/nav-bg.gif) repeat-x bottom;
	line-height: 20px;
	border: 1px solid #929292;
	text-decoration: none;
}

.Type-product
{
	float: left;
	width: 180px;
	height: 529px;
	background: url(http://s7d4.scene7.com/is/image/BYCE/product-select?layer=comp&wid=180&hei=529&fmt=png-alpha&qlt=85,0&op_sharpen=0&resMode=sharp2&op_usm=1.0,1.0,8,0&iccEmbed=0);
	margin-left: 50px;
	margin-right: 15px;
	margin-top: 10px;
	text-align: center;
	color: #9a9d9f;
}

.Type-product-on
{
	float: left;
	width: 180px;
	height: 529px;
	background: url(default/product-select-on.gif);
	margin-left: 50px;
	margin-right: 15px;
	margin-top: 10px;
	text-align: center;
	color: #9a9d9f;
}

.Type-product-select
{
	width: 162px;
	height: 366px;
	margin: 0px auto 0px auto;
}

.Type-product-select img {margin: 0px;}

.Type-product-select ul
{
	width: 162px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 28px;
}

.Type-product-select ul li
{
	padding: 0px;
}

.Type-product-select ul ol
{
	background: #FFFFFF;
	border: 1px solid #d0d0d0;
	height: 280px;
	overflow-y: scroll;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.Type-product-select ul ol li
{
	width: 140px;
	height: 87px;
	margin-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.Type-product-select ul ol li:hover
{
	border: 1px solid #8aabb6;
	width: 138px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.Customwear
{
	width: 530px;
	overflow: hidden;
	margin-top: 10px;
}

.Guide-text
{
	padding: 5px; 
	border: 1px solid #d0d0d0; 
	text-align: center;
	width: 300px;
	font-size: 11px;
}

.Guide-tabs
{
	padding: 5px; 
	font-weight: bold; 
	font-size: 10px;
	text-align: center;
	width: 300px;
}

.Guide-tabs .on
{
	color: #FF0000;
}

/*Clothing view with options*/

.Display
{
	float: left;
	width: 305px;
	height: 462px;
	background: url(default/custom-display-bg.gif) no-repeat;
	padding-left: 9px;
	padding-top: 10px;
}

.Display-on
{
	float: left;
	width: 305px;
	height: 452px;
	background: url(default/custom-display-bg-on.gif);
	padding-top: 10px;
	padding-left: 9px;
}

.myContent
{
	width: 296px;
	height: 250px;
	text-align: center;
	padding-top: 0px;
}

.Product-side
{
	width: 284px;
	height: 51px;
	padding-top: 5px;
	padding-left: 6px;
	padding-right: 6px;
}

.Product-side img
{
	margin: 0px;
	float: left;
}

.Sides
{
	float: left;
	border: 1px solid #d0d0d0;
}

.Magnify
{
	float: right;
	margin-top: 8px;
	border: 1px solid #d0d0d0;
}

.Magnify img
{
	float: left;
}

.Product-other-opt
{
	width: 284px;
	height: 82px;
	margin-top: 6px;
	margin-left: 2px;
	padding: 6px;
}

.Colors
{
	float: left;
	width: 284px;
	height: 40px;
}

.Colors a {padding: 1px; float: left;}

.Colors a:hover {padding: 2px; float: left; border: 1px solid #8aabb6}

.Colors div
{
	border: 1px solid #d0d0d0;
	cursor: pointer;
}

.Colors div {width: 18px; height: 18px;}

.Buttons
{
	width: 120px;
	float: right;
	margin-top: 5px;
}

.Buttons div
{
	width: 96px; 
	height: 21px;
	padding-top: 6px;
	padding-left: 15px;
	padding-bottom: 0px;
	background: url(http://s7d4.scene7.com/is/image/BYCE/option-button.gif?layer=comp&wid=96&hei=21&fmt=png-alpha&qlt=85,0&op_sharpen=0&resMode=sharp2&op_usm=1.0,1.0,8,0&iccEmbed=0);
	margin-bottom: 8px;
}

.Buttons a:link, .Buttons a:visited, .Buttons a:active 
{	
	color: #000000; 
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

/*Graphics selection*/

.Graphics
{
	float: left;
	width: 180px;
	height: 529px;
	background: url(http://s7d4.scene7.com/is/image/BYCE/select-graphics?layer=comp&wid=180&hei=529&fmt=png-alpha&qlt=85,0&op_sharpen=0&resMode=sharp2&op_usm=1.0,1.0,8,0&iccEmbed=0);
	margin-left: 18px;
	text-align: center;
	color: #9a9d9f;
}

.Graphics-on
{
	float: left;
	width: 180px;
	height: 529px;
	background: url(default/select-graphics-on.gif);
	margin-left: 18px;
	text-align: center;
	color: #000000;
}

.Graphics-dropdown
{
	position: relative; 
	top: 25px; 
}

.Graphics-Select
{
	width: 162px;
	height: 366px;
	margin: 0px auto 0px auto;
}

.Graphics-Select img {margin: 0px;}

.Graphics-Select ul
{
	width: 162px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 28px;
}

.Graphics-Select ul li
{
	padding: 0px;
}

.Graphics-Select ul ol
{
	background: #FFFFFF;
	border: 1px solid #d0d0d0;
	height: 320px;
	overflow-y: scroll;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.Graphics-Select ul ol li
{
	width: 140px;
	height: 62px;
	margin-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.Graphics-Select ul ol li:hover
{
	border: 1px solid #8aabb6;
	width: 138px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*Charges*/

.Charges
{
	text-align: left;
	margin-top: 30px;
	margin-left: 18px;
	color: #000000;
}

.Charges td.text {width: 106px;}

.Cart
{
	width: 111px; 
	height: 22px;
	padding-top: 6px;
	padding-left: 2px;
	color: #000000;
	background: url(default/add-to-cart.gif);
	margin: 0px auto 0px auto;
	position: relative;
	top: 13px;
}