/*=========================================================================================================
#	Product Page CSS
#	body font size is .625em (10px at normal font size)
#========================================================================================================*/
#header
{
	margin-bottom:      50px;
}

#content
{
	padding:            22px 20px; 0 41px;
	width:              713px;
}

#right
{
	border-left:        none;
}

h1
{
	margin:             0;
	color:              white;
}

/*---------------------------------------------------------------------------------------------------------
//	Page Layout
//--------------------------------------------------------------------------------------------------------*/
table#product-details
{
	border-collapse:    collapse;
}

table#product-details a
{
	color:              #999;
}

table#product-details ul
{
	list-style-type:    none;
	padding-left:       0;
	margin-left:        0;
}

table#product-details ul li:first-child
{
	border-top:         none;
}
table#product-details ul li
{
	padding:            2px 13px;
	line-height:        1.8em;
	border-top:         1px solid #4D0000;
}

table#product-details ul a
{
	text-decoration:    underline;
	color:              #666;
}


td#title-cell
{
	width:              338px;
	padding:            6px 17px;
	border-right:       1px solid #900;
	border-bottom:      1px solid #900;
	text-align:         right;
}
td#subtitle-cell
{
	padding:            6px 17px;
	border-bottom:      1px solid #900;
	font-size:          1.2em;
}
td#image-cell
{
	text-align:         center;
	padding:            40px 0px 6px 0px;
	border-right:       1px solid #900;
}

td#info-cell
{
	width:              338px;
	overflow:           hidden;
}

td#info-cell .bodytext
{
	padding:            15px;
	margin:             0px;
}

/*---------------------------------------------------------------------------------------------------------
//	Details Grid
//--------------------------------------------------------------------------------------------------------*/
#details-grid
{
	border-collapse:    collapse;
	width:              100%;
	font-size:          1.2em; 
}

#details-grid td
{
	vertical-align:     top;
	text-align:         left;
	padding:            3px 0px 3px 15px;
	font-weight:        bold;
	color:              #999;
	border-bottom:      1px solid #900;
}

#details-grid th
{
	vertical-align:     top;
	text-align:         left;
	padding:            3px 0px 3px 15px;
	font-weight:        normal;
	border-bottom:      1px solid #900;
}

/*---------------------------------------------------------------------------------------------------------
//	Product-details
//--------------------------------------------------------------------------------------------------------*/
.product-list
{
	border-bottom:      1px solid #900;
	margin-bottom:      5px;
	padding-bottom:     5px;
}

.product-list h2
{
	background-image:   url('/images/product_tab.gif');
	height:             29px;
	overflow:           hidden;
	line-height:        29px;
	font-size:          10px;
	color:              #666;
	padding-left:       13px;
	padding-right:      160px;
	font-weight:        bold;
	text-transform:     uppercase;
	cursor:             pointer;
}

.close-tab
{
	cursor:             pointer;
}

.larger
{
	font-size:          1.3em;
}

.specbox
{
	display:            none;
	position:           absolute;
	min-width:          100px;
	border:             1px solid gray;
	padding:            5px;
	background-color:   #FFC;
	text-align:         left;
	color:              #333;
}

#product-specs
{
	padding-top:        5px;
	border-top:         1px solid #900;
}

#product-specs-table
{
	border-collapse:    collapse;
	width: 100%;
}
#product-specs-table td
{
	padding:            3px 30px 3px 15px;
	border-bottom:      1px solid #4D0000;
	font-size:          1.2em;
}


#product-specs-table td.heading
{
	padding-top:1em;
	color: #900;
	font-weight: bold;
}


#more-images
{
	position:           absolute;
	top:                280px;
	left:               40px;
}

/*---------------------------------------------------------------------------------------------------------
//	Ajax Styles
//--------------------------------------------------------------------------------------------------------*/
#zoom
{
	display:            none;
	position:           absolute;
	top:                80px;
	width:              100%;
	text-align:         center;
}

#zoom #ajax-inner
{
	margin-left:        auto;
	margin-right:       auto;
	z-index:            1002;
	width:              780px;
	border:             1px solid #900;
}
#other-content
{
	display:            none;
	
	position:           absolute;
	left:               15px;

	border:             1px solid #900;
	padding:            9px;
	width:              692px;
	background-color:   black;
}


/*---------------------------------------------------------------------------------------------------------
//	JScroll Page Styles
//--------------------------------------------------------------------------------------------------------*/
.tab
{
	display:            none;
}

#product-specs .tab
{
	height:             280px;

}

.scroll
{
	height:             250px;
	width:              338px!important;
	overflow:           auto;
}

.jScrollPaneContainer {
	clear:              both;
	margin:             2px 0;
	position:           relative;
	overflow:           hidden;
	z-index:            1;
	width:              338px!important;
}

.jScrollPaneTrack
{
	position:           absolute;
	cursor:             pointer;
	right:              0;
	top:                0;
	height:             100%;
	background:         #000;
	border:             1px solid #900;
}

.jScrollPaneDrag
{
	position:           absolute;
	background:         #4D0000;
	cursor:             pointer;
	overflow:           hidden;
	border:             1px solid #900;
	margin:             2px;
	width:              11px!important;
}
.jScrollPaneDragTop {
	position:           absolute;
	top:                0;
	left:               0;
	overflow:           hidden;
}
.jScrollPaneDragBottom {
	position:           absolute;
	bottom:             0;
	left:               0;
	overflow:           hidden;
}
a.jScrollArrowUp {
	border:             1px solid #900;
	width:              17px;
	height:             17px;
	background:         url('/images/scroll_arrow_up.gif') no-repeat center center;

	display:            block;
	position:           absolute;
	z-index:            1;
	top:                0;
	right:              0;
	text-indent:        -2000px;
	overflow:           hidden;
}

a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	border:             1px solid #900;
	width:              17px;
	height:             17px;
	background:         url('/images/scroll_arrow_down.gif') no-repeat center center;

	display:            block;
	position:           absolute;
	z-index:            1;
	bottom:             0;
	right:              0;
	text-indent:        -2000px;
	overflow:           hidden;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*---------------------------------------------------------------------------------------------------------
//	Some shoe specific stuff
//--------------------------------------------------------------------------------------------------------*/
#size-chart table
{
	width:            100%;
	border-collapse:  collapse;
	margin-top:       10px;
}

#size-chart table th
{
	background-color: rgb(153, 0, 0);
	padding:          2px 0;
	color:            white;
}

#size-chart table td
{
	font-size:        12px;
	padding:          2px 0;
	text-align:       center;
}

#size-chart table tr.row-0 td
{
	background-color: #222;
}

#sizelabel
{
	clear: both;
}

/*---------------------------------------------------------------------------------------------------------
//	Other Styles
//--------------------------------------------------------------------------------------------------------*/
#color-switch
{
	clear:              both;
	float:              right;
	margin-top:         20px;
	margin-right:       17px;
}

#email-friend-button
{
	float:              left;
	margin:             10px 20px 10px 10px;
}

#email-friend
{
	position:           absolute;
	top:                258px;
	right:              258px;
	width:              422px;
	border:             1px solid #900;
	padding:            20px;
	display:            none;
	background-color:   black;
}

#email-friend input,#email-friend textarea
{
	width:              300px;
}

#add-to-cart
{
	text-transform:     uppercase;
	white-space:        nowrap;	
}

#add-to-cart input
{
	vertical-align:     middle;
	margin-left:        3px;
	position:           relative;
	top:                -2px;
}