.Left
{
	float: left;
	width: 250px;
}


.Dropdown
{ 
	position: relative; 
	top: 25px; 
}

.Select
{
	width: 160px;
	height: 184px;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #FFFFFF;
	border: 1px solid #dbdbdc;
	position: relative;
	top: 33px;
	margin: 0px auto 0px auto;
}

.Select ul
{
	width: 140px;
	margin: 2px;
	padding: 0px;
}

.Select li {margin: 2px; padding: 1px;}

.Select li:hover { border: 1px solid #8aabb6; padding: 0px;}

.Select li.over { border: 1px solid #8aabb6; padding: 0px;}

.Select img {margin: 0px;}

.TopColor 
{
	height: 28px;
	width: 100%;
	background: url(top-bar.gif) repeat-x; /*Default*/
	border-bottom: 1px solid;
	position: absolute;
	left: 0px;
	top: 0px;
}

.Button
{
	width: 162px; 
	height: 17px; 
	background: url(button.gif);
	padding-top: 3px; 
	color: #000000;
	cursor: pointer;
}

.Type-product
{
	float: left;
	width: 180px;
	height: 529px;
	margin-left: 50px;
	margin-right: 15px;
	margin-top: 10px;
	text-align: center;
	color: #9a9d9f;
}

.Type-product-on
{
	float: left;
	width: 180px;
	height: 529px;
	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;
	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;
	width: 138px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.Customwear
{
	width: 530px;
	overflow: hidden;
	margin-top: 10px;
}

.Guide-text
{
	padding: 5px; 
	border: 1px solid #181616; 
	text-align: center;
	width: 300px;
	font-size: 11px;
}

.Guide-tabs
{
	padding: 5px; 
	font-weight: bold; 
	font-size: 10px;
	text-align: center;
	width: 300px;
}

/*Clothing preview with options panel*/

.Display
{
	float: left;
	width: 305px;
	height: 462px;
	padding-left: 9px;
	padding-top: 10px;
}

.Display-on
{
	float: left;
	width: 305px;
	height: 452px;
	padding-top: 10px;
	padding-left: 9px;
}

.Product-view
{
	width: 296px;
	height: 250px;
	text-align: center;
	padding-top: 30px;
}

.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: 150px;
	height: 40px;
	margin: 0px 5px 0px 5px;
}

.Colors a 
{
	padding: 1px; 
	float: left; 
	position: relative
}

/*.Colors a:hover 
{
	padding: 2px; 
	float: left; 
	border: 1px solid #8aabb6
}*/

.Color-wrap
{
	width: 18px; 
	height: 27px;
	overflow: hidden;
}

.Colors .Color {width: 18px; height: 9px; border:none; cursor: pointer;}

.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(option-button.gif);
	margin-bottom: 8px;
}

.Buttons a:link, .Buttons a:visited, .Buttons a:active 
{	
	color: #000000; 
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

/*Select Graphics panel*/

.Graphics
{
	float: left;
	width: 180px;
	height: 529px;
	margin-left: 18px;
	text-align: center;
	color: #9a9d9f;
}

.Graphics-on
{
	float: left;
	width: 180px;
	height: 529px;
	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;
	height: 320px;
	overflow-y: scroll;
	overflow-x: hidden;
	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;
	width: 138px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*Charges*/

.Charges
{
	text-align: left;
	margin-top: 30px;
	margin-left: 18px;
}

.Charges td.text {width: 106px;}

.Cart
{
	width: 109px; 
	height: 21px;
	padding-top: 6px;
	padding-left: 2px;
	color: #000000;
	background: url(add-to-cart.gif);
	margin: 0px auto 0px auto;
	position: relative;
	top: 13px;
}
