/* GRADIENT FORMS ----------------------------------------------------------- */

.GradientForm, .GradientForm form { margin-top: 1em; padding-bottom: 30px; }
.TargetCats { padding-bottom: 10px; width:170px; float:left; margin:0 1.75em 0 0; }

/*********** FIELDSETS *****************/
.GradientForm fieldset, fieldset.alt { position: relative; float: left; clear: left; width: 95%; margin: 0 0 1.5em 0; padding: 0 0 1em 0; border:1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.5; }
.GradientFormHorizontal fieldset { position: relative; float: left; clear: left; width: 95%; margin: 0 0 1.5em 0; padding: 0 0 1em 0; border:1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.5; }
.GradientForm fieldset { background-color:#e3e3e3; background-image: url(/assets/forms/fieldset_gradient_grey.jpg); background-repeat: repeat-x; }
.GradientForm fieldset.alt { background-color:#dce0eb; background-image: url(/assets/forms/fieldset_gradient_blue.jpg); border:1px solid #99a6c6; }
.GradientFormHorizontal fieldset { background-color:#dcdceb; background-image: url(/assets/forms/fieldset_gradient_blue.jpg); background-repeat: repeat-x; }


/*********** FIELDSET LEGEND *****************/
.GradientForm legend, .GradientFormHorizontal legend { padding: 0; color: #666; font-weight: bold; }
.GradientForm legend span, .GradientFormHorizontal legend span { position: absolute; left: 0.74em; top: 0; margin-top: 0.5em; font-size: 125%; }
.GradientForm p.legendNote, .GradientFormHorizontal p.legendNote { position: absolute; top: .3em; right: 1em; /*font-style:italic;*/}
.GradientForm p.redBold, .GradientFormHorizontal p.redBold { color: #CC3366; font-weight: bold; }
.GradientForm p.CompanyName { position:absolute; left:1.5em; top:2em; color:#C30; margin-bottom:1em; }

/*********** FIELDSET LIST ITEMS *****************/
.GradientForm fieldset ol { padding: 5em 1em 0 1em; list-style: none; zoom: 1; margin:0; }
.GradientForm fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }
.GradientForm fieldset ul { padding: 1em; list-style: inside url(/assets/forms/required_star.gif); margin: 0; zoom: 1; }
.GradientFormHorizontal fieldset ul { padding: 3em .5em 0 .5em; list-style: none; display: inline-block; }
.GradientFormHorizontal fieldset ul li { margin-left: 1.5em; list-style: none; display: inline; }

/*********** FIELDSET INPUTS *****************/
.GradientForm fieldset li input[type=text], .GradientForm fieldset li textarea, .GradientForm fieldset li select { border: 1px solid #a3b4c4; border-color: #636d77 #a3b4c4 #c7d2de; /*line-height: 1.25em;*/ margin: 0; font-size:11px; }

/* Text inputs */
.GradientForm fieldset li input[type=text] { background: #FFF url(/assets/forms/bg-form-input.gif) repeat-x left top; padding: 3px 5px; /*height: 1.25em;*/ width: 16em; }
.GradientForm fieldset li input.cvv { width: 3em; }
.GradientForm fieldset li input.countOutput { width: 4em; text-align:right; }
.GradientForm fieldset li > span { margin:0 12px 0 2px; }

/* Select menus */
.GradientForm fieldset li select { padding: 1px 0 1px 3px; line-height: 1.25em; }
.GradientForm fieldset li select.makeEven { width: 17em; /* added 8/6/2010 */ }

/* Textareas */
.GradientForm fieldset li textarea { background: #FFF url(/assets/forms/bg-form-input.gif) repeat-x left top; padding: 6px 5px; width: 250px; height: 100px; line-height: 1.25em; }

/* File Upload */
.GradientForm fieldset li input[type=file] { /*	border: inherit; padding: 0; background: #FFF url(/assets/forms/bg-form-input.gif) repeat-x left top; line-height: 1.25em; margin: 0; font-size:11px; width: 17em; */}
.GradientForm fieldset li input[type=checkbox] { margin-right: 5px; }
.GradientFormHorizontal fieldset ul li input[type=checkbox] { margin-right: .5em; }

/* Focus */
.GradientForm fieldset li input:focus, fieldset li textarea:focus, fieldset li select:focus { border-color: #636d77; }

/* Labels and Error Messages */
.GradientForm fieldset label { position: relative; float: left; width: 12em; margin-right: 1em; }
.GradientForm fieldset label em { position: absolute; left: 12em; top: .5em; }
.GradientForm fieldset label strong { position: absolute; left: 36em; top: 0.3em; width: 20em; color: #CC0000; font-size: 85%; font-weight: normal; text-transform: uppercase; }
.GradientForm fieldset label strong img { position: absolute; left: -24em; }
.GradientFormHorizontal fieldset label { margin-right: .75em; }


/*********** SUBMIT FIELDSET *****************/
.GradientForm fieldset.submit { float: none; width: auto; border-style: none; padding-right: 3em; background-color: transparent; background-image: none; text-align: right; }
/* .GradientForm input.SubmitOrder { margin: 0; padding: 0; border: solid #FF0099 thin; height: 2em; font-size: 11px; font-weight:bold; } */
.GradientForm fieldset.submit img { margin: 0; padding: 0; border: 0; vertical-align: middle; }
.GradientForm fieldset.submit input { margin: 0; padding: 0; vertical-align: middle; }


/*********** PASSWORD FIELDSET *****************/
.GradientForm fieldset div.password { float:right; position:absolute; top: 30px; right:10px; padding:5px 10px; background-color:#e3e3e3; background-image: url(/assets/forms/fieldset_gradient_grey.jpg); background-repeat: repeat-x; border:1px solid #99a6c6; }
.GradientForm fieldset div.password ul { padding: 1em; list-style: inside url(/assets/forms/required_star.gif); margin: 0; zoom: 1; }
.GradientForm fieldset div.password ol { padding:.25em 0 0 1em; list-style: inside square; margin:0; }
.GradientForm fieldset div.password li { padding-bottom: 0em; }
.GradientForm fieldset div.password ol li { font-size: 75%; }
.GradientForm fieldset div.password p { margin:0;padding:0; }


/********** Common Elements ************/
.GradientForm p { margin-top: .5em; }
.GradientForm a:link { color: #003399; text-decoration: none; }
.GradientForm a:visited { color: #B266B2; text-decoration: none; }
.GradientForm a:hover { text-decoration: underline; }
#ShipToSame { position: relative; float: left; clear: left; width: 95%; margin: 0 0 1.5em 0; padding: 0 .5em; border:none; font-family: Arial, Helvetica, sans-serif; font-size: 90%; line-height: 1.5; }
.strongy { font-weight:bold; color:#000; }
.itally { font-style:italic; }