/* FORM DECORATOR "DEFAULT" SKIN */

.radfd_ProductSelector.radfd_ScrollBars
{
	scrollbar-3dlight-color: #ccc; 
	scrollbar-arrow-color: #292929;
	scrollbar-base-color: #ff6347; 
	scrollbar-darkshadow-color: #595959; 
	scrollbar-face-color: #e4e4e4;
	scrollbar-highlight-color: #fff; 
	scrollbar-shadow-color: #a3a3a3;
	scrollbar-track-color: #f0f0f0;
}

/* label settings */
.radfd_ProductSelector label.Default
{
    color: #626262;
}

/* checkbox settings */
.radfd_ProductSelector .radfdCheckboxUnchecked,
.radfd_ProductSelector .radfdInputDisabled.radfdCheckboxUnchecked:hover,
.radfd_ProductSelector .radfdCheckboxUnchecked:hover,
.radfd_ProductSelector .radfdCheckboxChecked,
.radfd_ProductSelector .radfdInputDisabled.radfdCheckboxChecked:hover,
.radfd_ProductSelector .radfdCheckboxChecked:hover 
{
    position: relative;

    overflow: hidden;

	height: 14px;
	width: 14px !important;
	cursor: pointer;
}

.radfd_ProductSelector .radfdCheckboxUnchecked,
.radfd_ProductSelector .radfdInputDisabled.radfdCheckboxUnchecked:hover
{
	background: transparent url('FormDecorator/UncheckedCheckBox.gif') no-repeat;
}

.radfd_ProductSelector .radfdCheckboxUnchecked:hover
{
	background: transparent url('FormDecorator/UncheckedCheckBox.gif') no-repeat;
}

.radfd_ProductSelector .radfdCheckboxChecked,
.radfd_ProductSelector .radfdInputDisabled.radfdCheckboxChecked:hover
{
	background: transparent url('FormDecorator/CheckedCheckBox.gif') no-repeat;
}

.radfd_ProductSelector .radfdCheckboxChecked:hover
{
	background: transparent url('FormDecorator/CheckedCheckBox.gif') no-repeat;
}
/* end of checkbox settings */

/* radiobutton settings */
.radfd_ProductSelector .radfdRadioUnchecked,
.radfd_ProductSelector .radfdInputDisabled.radfdRadioUnchecked:hover,
.radfd_ProductSelector .radfdRadioUnchecked:hover,
.radfd_ProductSelector .radfdRadioChecked,
.radfd_ProductSelector .radfdInputDisabled.radfdRadioChecked:hover,
.radfd_ProductSelector .radfdRadioChecked:hover 
{
    padding: 0;

	height: 14px;
	width: 14px;
	overflow: hidden;
	cursor: pointer;
}


.radfd_ProductSelector .radfdRadioUnchecked,
.radfd_ProductSelector .radfdInputDisabled.radfdRadioUnchecked:hover
{
	background: transparent url('FormDecorator/UncheckedRadioButton.gif') no-repeat;
}

.radfd_ProductSelector .radfdRadioUnchecked:hover
{
	background: transparent url('FormDecorator/UncheckedRadioButton.gif') no-repeat;
}

.radfd_ProductSelector .radfdRadioChecked,
.radfd_ProductSelector .radfdInputDisabled.radfdRadioChecked:hover 
{
	background: transparent url('FormDecorator/CheckedRadioButton.gif') no-repeat;
}

.radfd_ProductSelector .radfdRadioChecked:hover
{
	background: transparent url('FormDecorator/CheckedRadioButton.gif') no-repeat;
}
/* end of radiobutton settings */

/* button styles */
a.radfd_ProductSelector, a.radfd_ProductSelector span
{
	background-image: url(FormDecorator/ButtonSprites.gif);
	/* font: bold 11px Verdana, Verdana, Arial, Sans-serif; */
	color: #adadad;
}

a.radfd_ProductSelector.radfdInputDisabled:hover span
{
    color: #adadad;
}

a.radfd_ProductSelector span:hover
{
    color: white;
}

a.radfd_ProductSelector .radfdOuterSpan
{
   margin-left: 4px;
}

a.radfd_ProductSelector .radfdInnerSpan
{
	margin-right: 4px;
	background-position: 0 -21px;
}
/* end of button styles */

/* clicked button styles */
a.radfd_ProductSelector.radfd_Clicked
{
    background-image: url(FormDecorator/ButtonSprites.gif);
    background-position: 0 -42px;
    background-repeat: no-repeat;
}

a.radfd_ProductSelector.radfd_Clicked span,
a.radfd_ProductSelector.radfd_Clicked:hover span
{
    background-image: url(FormDecorator/ButtonSprites.gif);
    color: #fff;
}

a.radfd_ProductSelector.radfd_Clicked .radfdInnerSpan
{
    background-position: 0 -63px;
    background-repeat: repeat-x;
}

a.radfd_ProductSelector.radfd_Clicked .radfdOuterSpan
{
    background-position: right -42px;
    background-repeat: no-repeat;
}
/* end of clicked button styles */

/* do NOT change these settings, otherwise the skinned buttons will be broken when used within a decoration zone */
a.radfdSkinnedFormButton.radfd_ProductSelector
{
    -moz-user-select: none !important;
	outline: none !important;
	text-decoration: none !important;
	cursor: default !important;
	text-align: center !important;
	background-color: transparent !important;
	border: 0 !important;
    display: inline-block !important;
}

/* h4, h5, h6, legend, fieldset, label, textarea and input settings */
.radfd_ProductSelector h4.radfd_h4,
.radfd_ProductSelector h5.radfd_h5,
.radfd_ProductSelector h6.radfd_h6
{		
	color: #333333;
	border-bottom: solid 1px #e1e1e1;
}

/* Headings 4-6 */
.radfd_ProductSelector h6.radfd_h6
{
	border: 0;
}

/* label */
.radfd_ProductSelector label.radfd_label
{	
	color: #333333;
}

/* fieldset and legend */
.radfd_ProductSelector table.radfd_roundedWrapper_fieldset legend,
.radfd_ProductSelector fieldset.radfd_fieldset legend
{
	/*Mandatory to set the height of the legend, so as to be able to calculate the rounded corners in IE properly*/
	font-size: 12px;
	height:30px;
	line-height:30px;
	color: #414141;
}

.radfd_ProductSelector table.radfd_roundedWrapper_fieldset fieldset,
.radfd_ProductSelector fieldset.radfd_fieldset
{	
	border: solid 1px #030303;
	background-image: url(FormDecorator/FieldsetBgr.png); /* having a background image on a fieldset is not okay with IE */
	background-repeat: no-repeat;/*Mandatory to use because of incorrect IE positioning of the image*/
}


/* Due to a glitch in IE the following 2 classes must be declared separately for correct parsing of the textarea class in IE6*/
.radfd_ProductSelector table.radfd_roundedWrapper input,
.radfd_ProductSelector table.radfd_roundedWrapper textarea,
.radfd_ProductSelector input.radfd_input, 
.radfd_ProductSelector textarea.radfd_textarea
{
	border: solid 1px #626262;
	background: #ffffff;	
	color: #626262;
	overflow: hidden;
}

.radfd_ProductSelector table.radfd_roundedWrapper input[disabled="disabled"]:hover,
.radfd_ProductSelector table.radfd_roundedWrapper textarea[disabled="disabled"]:hover
{
	border: solid 1px #626262;
	background: #ffffff;	
	color: #626262;
	overflow: hidden;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3;
}

/* add classes for HOVER effect */
.radfd_ProductSelector table.radfd_roundedWrapper input:hover,
.radfd_ProductSelector table.radfd_roundedWrapper textarea:hover,
.radfd_ProductSelector table.radfd_roundedWrapper:hover .radfd_roundedInnerSpan,
.radfd_ProductSelector input.radfd_input:hover, 
.radfd_ProductSelector textarea.radfd_textarea:hover
{
	border-color: #000000 !important;
	color: #000000;
	background: #ffffff;
}

.radfd_ProductSelector table.radfd_roundedWrapper:hover .radfd_roundedOuterSpan
{	
	background-color: #000000 !important;
}