
#sortColorTitle { width: 55px; height: 46px; float:left; overflow:hidden; background: url(../images/color_title_bg.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:12px; padding: 6px 4px;}
#sortColors { float:left; overflow:hidden;}
#sortColors li a span.colorImage { height:30px; overflow:hidden; display:block; cursor: pointer;}
#sortColors li a span.colorImage img { border: 1px solid #8d8d8d;}
#sortColors li a:hover span.colorImage img { border: 1px solid #000000;}
#sortColors li a.on span.colorImage img { border: 1px solid #003a69;}
#sortColors li a span.colorName { height:28px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; line-height:12px; vertical-align:top; display:block; cursor: pointer;}
#sortColors li a:hover span.colorName { text-decoration: underline; }

#sortProfiles a { width:80px; height:42px; background-position: 0px 0px; background-repeat:no-repeat; display:block; padding: 0px 0px; margin: 0px 0px;}
#sortProfiles a:hover { background-position: 0px -42px}
#sortProfiles a.on { background-position: 0px -84px}
#sortProfiles li a span.profileName { display:none;}



/*////////////////////////////////////////
  Profile Scroller Styles
////////////////////////////////////////*/
#sortProfiles .jcarousel-container {
    width:  648px;
	background: url(../images/profile_scroll_bg.gif) no-repeat #ffffff;
	padding: 0px 23px;
	margin-bottom:4px;
	left:0px;
    height: 42px;
}
.jcarousel-skin-profile .jcarousel-clip-horizontal {
    width:  648px;
	padding: 0px 0px;
	left:0px;
    height: 42px;
}


.jcarousel-skin-profile .jcarousel-item {
    width: 80px;
    height: 42px;
	
}

.jcarousel-skin-profile .jcarousel-item-horizontal {
    margin-right: 1px;
}


.jcarousel-skin-profile .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-profile .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 2px;
    width: 16px;
    height: 42px;
    cursor: pointer;
    background: url(../images/profile_next.gif) no-repeat 0px 0px;
}

.jcarousel-skin-profile .jcarousel-next-horizontal:hover {
    background-position: 0px 0px;
}

.jcarousel-skin-profile .jcarousel-next-horizontal:active {
    background-position: 0px 0px;
}

.jcarousel-skin-profile .jcarousel-next-disabled-horizontal,
.jcarousel-skin-profile .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-profile .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0px;
}

.jcarousel-skin-profile .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16px;
    height: 42px;
    cursor: pointer;
    background: url(../images/profile_prev.gif) no-repeat 0px 0px;
}

.jcarousel-skin-profile .jcarousel-prev-horizontal:hover {
    background-position: 0px 0px;
}

.jcarousel-skin-profile .jcarousel-prev-horizontal:active {
    background-position: 0px 0px;
}

.jcarousel-skin-profile .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-profile .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-profile .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0px;
}


/*////////////////////////////////////////
  Color Scroller Styles
////////////////////////////////////////*/
#sortColors .jcarousel-container {
    width:  575px;
	background: url(../images/color_scroll_bg.gif) no-repeat #ffffff;
	padding: 0px 28px;
	left:0px;
    height: 58px;
}
.jcarousel-skin-color .jcarousel-clip-horizontal {
    width:  575px;
	padding: 0px 0px;
	left:0px;
    height: 58px;
}


.jcarousel-skin-color .jcarousel-item {
    width: 60px;
    height: 54px;
	
}

.jcarousel-skin-color .jcarousel-item-horizontal {
    margin-right: 4px;
}


.jcarousel-skin-color .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-color .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 17px;
    height: 58px;
    cursor: pointer;
    background: url(../images/color_next.gif) no-repeat 0px 0px;
}

.jcarousel-skin-color .jcarousel-next-horizontal:hover {
    background-position: 0px 0px;
}

.jcarousel-skin-color .jcarousel-next-horizontal:active {
    background-position: 0px 0px;
}

.jcarousel-skin-color .jcarousel-next-disabled-horizontal,
.jcarousel-skin-color .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-color .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0px;
}

.jcarousel-skin-color .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 17px;
    height: 58px;
    cursor: pointer;
    background: url(../images/color_prev.gif) no-repeat 0px 0px;
}

.jcarousel-skin-color .jcarousel-prev-horizontal:hover {
    background-position: 0px 0px;
}

.jcarousel-skin-color .jcarousel-prev-horizontal:active {
    background-position: 0px 0px;
}

.jcarousel-skin-color .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-color .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-color .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0px;
}


