/* REMOVE BROWSER DEFAULT FORMATTING */
body,div,p,h1,h2,h3,h4,h5,ul,ol,li,blockquote,address,fieldset,legend,form { margin: 0; padding: 0; }

/* DEFAULT FORMATTING */
body { background: #fff; font: 0.625em Arial, Helvetica, Verdana, sans-serif; color: #333; text-align: center; }

a { color: #003399; text-decoration: none; }
a:hover { color: #001B53; text-decoration: underline; }
a:active, a:focus { outline: 0; }

h1 { font-size: 180%; font-weight: normal; }
h2 { font-size: 140%; font-weight: normal; }
h3 { font-size: 120%; font-weight: normal; }
h4 { font-size: 120%; font-weight: normal; }
h5 { font-size: 120%; font-weight: normal; }

p { margin: 5px 0 15px 0; line-height: 145%; }

ul, ol { margin: 0 0 20px 20px; }
li { margin: 3px 0; }

/* CLEARING & HIDDEN */
.clr { clear: both; height: 0px; overflow: hidden; }
.hide { display: none; visibility: hidden; }
.show { display: block; visibility: visible; }

/* LAYOUT ELEMENTS */
#wrap { width: 785px; background: pink; margin: 20px auto; padding: 20px;}
#shell { width: 785px; margin: 20px auto 20px auto; padding: 20px; text-align: left; font-size: 110%; }
#header { padding: 0 0 10px; }
#header h1 { margin: 10px 0; }
#content { clear: both; }
#footer { color: #777; margin: 0; }
.legal { padding: 0 0 10px 0; }
.legal a { padding: 0 10px; }


#menu { width: 100%; text-align: right; margin: 0 0 10px 0; }
#menu a { font-weight: bold; }

/* HEADER */

/* CONTENT AREA */
#left { width: 350px; margin-right: 20px; float: left; }
#right { width: 350px; float: left; position: relative; }


#payaccounttext { text-align: center; margin: 0; padding: 15px 0 25px 0; }
#action { text-align: center; margin: 0; }
#action a { font-size: 150%; display: block; cursor: pointer; }
#action a .myBox { padding: 0; cursor: pointer; }

#action a .myBox {
    width: 360px;
    background-color: #EEE;
    padding: 10px;
    /*border-radius: 100px;*/
}

/* SYSTEM MESSAGES */
.info { color: #000; background: #DEEEFC url(/images/info.gif) no-repeat 0 0; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; position: relative; }
.error { color: #000; background: #FEF2F2 url(/images/error.gif) no-repeat 0 0; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; position: relative; }
.ok { color: #000; background: #EAF5E9 url(/images/ok.gif) no-repeat 0 0; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; position: relative; }


/* FORMS */
#payment-form { margin: 10px auto; }
#payment-form input,#payment-form select,#payment-form textarea { font-size: 110%; }
.edit-form .txt { padding: 2px 2px 1px 2px; }
.edit-form fieldset { border: 1px solid #EEE; padding: 15px; margin: 10px 0 0 0; }
.edit-form fieldset legend { font-size: 130%; font-weight: normal; color: #777; padding: 3px; }
.edit-form fieldset { clear: left; margin: 15px 0; }
.edit-form fieldset label { font-size: 14px; text-align: right; display: block; float: left; width: 180px; padding: 3px 5px; }
.edit-form fieldset small { color: #888; font: 90% Verdana, Arial, Helvetica, sans-serif; }
.divide { clear: both; margin: 10px 0; background: #fff; border-top: 1px solid #eee; height: 0; overflow: hidden; }
.forminfo { margin-left:100px; }


table td strong { font-size: 90%; }

.tidydata { margin: 0; padding: 0; overflow: auto; }
.tidydata dt { margin: 0; padding: 0; clear: left; text-align: right; float: left; width: 200px; padding: 5px 10px 5px 0; }
.tidydata dd { margin: 0; padding: 0; float: left; width: 300px; padding: 5px 0 5px 0; }

#address_list { height: 200px; overflow: auto; border: 1px solid #ddd; margin: 10px 10px 10px 0; padding: 5px; }
#address_list a { display: block; width: 500px; padding: 5px 5px 5px 25px; text-decoration: none; background: url(/images/bullet_go.gif) no-repeat 5px 0.5em; }  
#address_list a:hover { background-color: #F1F1F1; }
#lookup_addresses_close { display: none; position: absolute; right: 10px; top : -20px; }
#lookup_addresses { display: none; clear: both;  margin-left: 190px; width: 550px; }
#lookup-postcode { padding-left: 10px; }
#address_list .odd { background-color: #EEE; }

.txt, input, select {
	    font-size: 14px;
    padding: 4px !important;
    border: 1px solid #CCC;
}