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>