﻿/**
 * FORM STYLES
 *
 * @author Sean Kelly
 * @version $Id: style_form.css,v 1.21 2007/06/18 19:51:09 akatz Exp $
 */

 
fieldset {
    /*margin: 0 50px 0 58px;*/
    border: none;
}

/**
 * WIDTH MUST BE A MULTIPLE OF FOUR */
.info-box {
    position: relative;
    margin: 0 56px 10px 55px;
    padding: 3px 0 0 0;
    background: url(../images/dotted-large-bg.gif);
    overflow: hidden;
}
    .info-box .info-box-inner {
        position: relative;
        margin: 0 5px 0 3px;
        padding: 19px 0 10px 0;
        border: 1px solid #b9b7b2;
        background: #fffbf2;
    }
    .info-box .info-box-bot {
        margin-right: 3px;
        height: 3px;
        font-size: 1%;

    }
    .info-box2 {
    position: relative;
    margin: 0 10px 5px 10px;
    padding: 3px 0 0 0;
    background: url(../images/dotted-large-bg.gif);
    overflow: hidden;
    top: 0px;
    left: 2px;
}
    .info-box2 .info-box-inner2 {
        position: relative;
        margin: 0 5px 0 5px;
        padding: 10px 0 10px 0;
        border: 1px solid #b9b7b2;
        background: #fffbf2;
    }
    .info-box2 .info-box-bot2 {
        margin-right: 3px;
        height: 3px;
        font-size: 1%;

    }
    #page #main #content .info-box em {
        display: block;
        float: left;
        padding-top: 3px;
        margin: 0;
        font-size: 99%;
        font-style: normal;
    }
form textarea {
    padding: 1px;
    font-family: Georgia,serif;
    font-size: 11px;
    color: #492d00;
}
form label {
    display: block;
    margin: 0 10px 13px 0;
    text-align: right;
    float: left;
    font-size: 11px;
    color: #492d00;
}
    form address label {
        display: inline;
        width: auto;
        margin: 0;
        text-align: left;
        float: none;
        font-size: 100%;
    }
form input,
select {
    display: block;
    margin-right: 7px;
    float: left;
    font-family: Georgia,serif;
    font-size: 11px;
    color: #492d00;
}

#search-input {
	width: 160px;
	margin-top: 2px;
}
    select option {
        margin-right: 1em;
    }
    select#country {
        width: 140px;
    }
form br {
    clear: both;
}

#main form p,
#main form h3 {
    margin-left: 58px;
}

#main form * p,
#main form * h3 {
    margin-left: 0;
}

.required {
    font-weight: bold;
}
    .required strong {
        color: #cc0000;
    }
input.required,
select.required {
    font-weight: normal;
}
    
.error {
    color: #cc0000;
}
/*
 * Subscribe Form */

.subscribe strong.required {
	color: #cc0000;
}
#subscribe-form {
	width: 480px;
	font-size: 12px;
}
	#subscribe-form fieldset label {
		width: 170px;
	}
	#subscribe-form fieldset {
		margin-bottom: 1em;
		clear: both;
	}
	#subscribe-form fieldset input.image {
		margin: .5em 0 1em 350px;
		float: none;
	}
.input-group {
	float: none;
	display: block;
	clear: both;
}

/**
 * ERROR AND WARNING MESSAGES
 */
ul.message-error,
ul.message-warning,
ul.message-success {
    margin: 0 50px 15px 58px;
    padding: 14px 0 6px 0;
    min-height: 46px;
    _height: 46px;
    list-style-type: none;
}   
ul.message-error {
    border: 1px solid #cc0000;
    color: #cc0000;
    background: #fffdf5 url(../images/message-error.gif) 10px 10px no-repeat;
}
ul.message-warning {
    border: 1px solid #cc9933;
    color: #cc9933;
    background: #fffdf5 url(../images/message-warning.gif) 10px 10px no-repeat;
}
ul.message-success {
    border: 1px solid #009900;
    color: #009900;
    background: #fffdf5 url(../images/message-success.gif) 10px 10px no-repeat;
}
    ul.message-error li,
    ul.message-warning li,
    ul.message-success li {
        font-size: 12px;
        margin: 0 15px 10px 64px;
    }
        ul.message-error strong,
        ul.message-warning strong,
        ul.message-success strong {
            font-size: 14px;
        }
    /**
     * Needed for Zen-cart, which sometimes appends random images to errors */
    ul.message-error img,
    ul.message-warning img,
    ul.message-success img {
        display: none;
    }
