#BoardOrderForm {
    margin: 10px 5px;
}

#BoardOrderForm fieldset {
    font-size: 100%;
}

#BoardOrderNav .stepIndicator
{
    background-image:url(../images/boardorderform/order_form_nav_bg.gif); 
    background-repeat:repeat-x;
    height:36px;
    line-height:36px;
    color:#9b9b9b;
    width:100%;
    overflow:hidden;
    margin:10px 0px;
    padding:0px;
}
#BoardOrderNav .stepIndicator li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#BoardOrderNav .stepIndicator .current
{
    height:36px;
    display:block;
    background: url(../images/boardorderform/order_form_btn_sel.gif) no-repeat right; 
    padding-right: 23px;
    text-decoration: none;
    font-weight: bold;
    color:#454545;
}
#BoardOrderNav .stepIndicator span,
#BoardOrderNav .stepIndicator a
{
    height:36px;
    display:block;
    background: url(../images/boardorderform/order_form_btn.gif) no-repeat right;
    padding-right: 20px;
    color:#777;
}
#BoardOrderNav .stepIndicator a {
    font-weight: bold;
}
#BoardOrderNav .stepIndicator .current span {
    background: none;
    padding-right: 0;
    color: #65a8e2;
}
#BoardOrderNav .stepIndicator .home
{
    border:none;
    margin: 8px 0px;
}

#BoardOrderNav .stepIndicator a:hover
{
	color:#35acc5;
}

#BoardOrderForm .textarea .middleColumn,
#BoardOrderForm .optionset .middleColumn {
    width: 90%;
    background: transparent;
}

#BoardOrderForm textarea {
    width: 100%;
    font-size: 100%;
    font-weight: bold;
}
#BoardOrderForm .terms {
    list-style: disc;
    padding: 10px 20px;
}
#BoardOrderForm .terms li {
    padding-bottom: 5px;
}
#terms_accepted {
    padding: 10px 5px;
    background: #E9E9E9;
    text-align: center;
    border: 1px solid #CCC;
    width: 90%;
}
#BoardOrderForm ul.optionset li {
    display: block;
    float: left;
    text-align: center;
}
#BoardOrderForm ul.optionset li label {
    cursor: pointer;
}
#basic_type ul.optionset li {    
    width: 64px;
    margin-right: 45px;
    height: 140px;
}

#rails_type ul.optionset li {    
    width: 76px;
    height: 100px;
    margin-right: 18px;
}
#bottom_shape ul.optionset li {    
    width: 85px;
    height: 110px;
    margin-right: 10px;
}
#tail_shape ul.optionset li {    
    width: 85px;
    height: 140px;
    margin-right: 30px;
}
#extra_shaping ul.optionset li {    
    width: 85px;
    height: 140px;
    margin-right: 30px;
}
#BoardOrderForm #length_info,
#BoardOrderForm #width_info,
#BoardOrderForm #thickness_info,
#BoardOrderForm #nose_width_info,
#BoardOrderForm #tail_width_info,
#BoardOrderForm #tail_shape,
#BoardOrderForm #channels,
#BoardOrderForm #street_address,
#BoardOrderForm #pickup_date,
#BoardOrderForm #stringer,
#BoardOrderForm #bottom_shape,
#BoardOrderForm #bottom_shape_other,
#BoardOrderForm #tail_shape_other,
#BoardOrderForm #complete {
    clear: left;
}
#BoardOrderForm label {
    font-size: 110%;
    font-weight: bold;
}
#BoardOrderForm label span{
    display: block;
    font-size: 90%;
    font-weight: normal;
    color: #333;
    margin-top: 3px;
}
#BoardOrderForm .middleColumn label {
    font-size: 100%;
    font-weight: normal;
}
#bottom_shape_other,
#tail_shape_other,
#fins_other {
    margin-bottom: 15px;
}
#bottom_shape_other .middleColumn,
#tail_shape_other .middleColumn,
#fins_other .middleColumn {
    display: inline;
    margin-left: 10px;
    padding-bottom: 7px;
}
#channels {
    margin-top: 10px;
}
#bottom_shape_other label span,
#tail_shape_other label span,
#fins_other label span {
    display: inline;
    font-weight: bold;
    margin-left: 20px;
}
#home_phone,
#mobile,
#height,
#weight,
#length_feet,
#length_inches,
#width_fraction,
#width_inches,
#thickness_fraction,
#thickness_inches,
#nose_width_fraction,
#nose_width_inches,
#tail_width_fraction,
#tail_width_inches {
    width: 165px;
    float: left;   
}
#home_phone .middleColumn,
#mobile .middleColumn,
#height .middleColumn,
#weight .middleColumn,
#length_feet .middleColumn,
#length_inches .middleColumn,
#length_feet .middleColumn,
#length_inches .middleColumn,
#width_fraction .middleColumn,
#width_inches .middleColumn,
#thickness_fraction .middleColumn,
#thickness_inches .middleColumn,
#nose_width_fraction .middleColumn,
#nose_width_inches .middleColumn,
#tail_width_fraction .middleColumn,
#tail_width_inches .middleColumn {
    width: 140px;
}
#home_phone input,
#mobile input,
#height input,
#weight input,
#length_feet input,
#length_inches input,
#length_feet input,
#length_inches input,
#width_fraction input,
#width_inches input,
#thickness_fraction input,
#thickness_inches input,
#nose_width_fraction input,
#nose_width_inches input,
#tail_width_fraction input,
#tail_width_inches input {
    width: 134px;
}
#postcode .middleColumn {
    width: 100px;
}
#postcode input {
    width: 94px;
}
#BoardOrderForm .Actions {
    margin: 10px 0;
    padding: 0 45px;
    text-align: center;
}
#action_prev,
#action_next,
#action_finish {
    width: 108px;
    height: 39px;
    border: none;
    text-indent: -999em;
}
#action_prev {
    background: transparent url(../images/boardorderform/button_prev.gif) no-repeat 0 0;
    float: left;
}
#action_next {
    background: transparent url(../images/boardorderform/button_next.gif) no-repeat 0 0;
    float: right;
}
#action_finish {
    background: transparent url(../images/boardorderform/button_send.gif) no-repeat 0 0;
    float: right;
    width: 167px;
}
