javeScript used:

<...script>

$(document).ready(function() {

$(':text:first').focus();

$(':text:first').val("Go Bruins !");

$(':text:first').css('background-color', '#FF0');

$(':text:first').css('font-weight', '500');

$(':text:first').css('text-align', 'center');

$(':text:first').css('border', '2px solid #000');


$('.label').css('background-color', '#6F0');

$('.label').css('color','#036');

$('.label').css('height', '17px');

$('.label').css('width', '140px');

$('.label').css('border', '2px solid #FF0');

$('.label').css('font-size', '14px');


added class="field" to input lines:<...input name="shipName" type="text" id="shipName" size="36" class="field">

$('.field').css('border','2px solid #000');

$('.field').css('background-color', '#CF6');


added class="drop" to: <..select name="shipCountry" class="drop">

$('.drop').css('color','#F33');

$('.drop').css('background-color', '#CF6');


//

$('#paypal').click(function(){


$('#creditCard input').attr('disabled', true)

.css('backgroundColor', '#F00');

$('#creditCard label').css('color','#F00');


}); //end click function

$('#visa, #mastercard').click(function(){

$('#creditCard input').attr('diabled', false)

.css('backgroundColor', '#CF6');

$('#creditCard label').css('color','#036');

}); // end click

$('#hideShip').click(function(){

if ($(this).attr('checked')){

$('#shipping').slideUp('fast');

}else{

$('#shipping').slideDown('fast');

}

}); //end click


}); // end ready


<.../script>


<...script>

$(document).ready(function() {


$('#username').focus(function(){

var field=$(this);

if(field.val()==field.attr('defaultValue')){

field.val('');


}

});

}); // end ready

<.../script>

<...script>

$(document).ready(function() {

$(".popup").fancybox({

padding: 4,

overlayColor:'#60f',

overlayOpacity: .99,

transitionIn: 'elastic',

transitionOut: 'elastic',

easingIn: 'easeInBounce',

easingOut: 'easeOutSine'


}); }); // end ready

<.../script>



css styles:


<..style type="text/css">


.code {

margin-left: 25px;

color:#FF0;

font-size:12px;



}


navigation {

font-family: Tahoma, Arial,, sans-serif;

font-size: 14px;

font-weight:900;

color: #060;

font-style: bold;

text-align:center;

background-color: #FFF;

text-align: center;

color:#C00;


}

<.../style>