﻿body {
}
/* CSS Document */

/* with :focus and :hover for fieldset, input and textarea - special effects are not visible with ie, sorry */
/* sabine brings - www.brings-online.com - a form with style - www.cssplay.co.uk */


div#contactForm {background:#F0F0F0; width:650px; padding:10px; border:1px solid #eee; margin:5px auto; font-size:1em; font-family:verdana, arial, helvetica, sans-serif;}
div#contactForm p {font-size:.9em; color:#005191; text-align:left; padding:15px 5px 5px 0; margin:0;}
div#contactForm fieldset#current p {padding:4px; margin:0;}

div#contactForm fieldset {width:600px; display:block; border:1px solid #005191; padding:5px 5px 5px 10px; font-family:verdana, sans-serif; margin-bottom:5px; line-height:1.2em; font-size:1em; }
div#contactForm fieldset:hover {border:1px solid #005191;}
div#contactForm fieldset#opt:hover {border:1px solid #b80b38;}

div#contactForm legend {font-size:1.1em; font-weight:bold; border-bottom:2px solid #005191; margin-bottom:10px; padding:6px; background:none; color:#005191;}
* html div#contactForm legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

div#contactForm input {border:1px solid #414d59; padding-left:2px; margin-bottom:1px; width:250px; background:#c5d3e0;}
div#contactForm input:hover {background:#FFFFF8; border:1px solid #005191; color:#005191;}
div#contactForm input:focus {background:#FFFFF8; border:1px solid #b80b38; color:#005191;}

div#contactForm textarea {width:390px; height:5em; border:1px solid #414d59; padding:0.5em; overflow:auto; background:#c5d3e0;}
div#contactForm textarea:hover { background:#c5d3e0; border:1px solid #414d59; color:#005191;}
div#contactForm textarea:focus {background:#fff; border:1px solid #c5d3e0; color:#707d89;}

div#contactForm select {margin:0px 0px 2px 0px; border:1px solid #414d59; padding-left:0.5em; width:175px; background:#c5d3e0; }
div#contactForm option {background:#fff; color:#699419;}
div#contactForm optgroup {background:#fff; color:#000; font-style:normal;}
div#contactForm optgroup option {background:#fff; color:#b80b38;}

/*div#contactForm #button1 {color:#414d59; padding-right:0.5em; cursor:pointer; width:150px; margin-left:8px; background:#b80b38; border:1px solid; border-color:#f11f54 #5f051c #5f051c #f11f54;}
div#contactForm #button1:hover {color:#fff; background:#414d59; border:1px solid; border-color:#4f718a #003 #003 #4f718a; }
*/
div#contactForm div.buttonLabel {width: 150px; float:left; padding-left:10px; color:#005191; margin-top:10px; }
div#contactForm input.submitButton  {color:#FFF; text-align:center; cursor:pointer; width:120px; background:#005191;  border:1px solid #414d59; font-weight:bold; }


div#contactForm div.formItem {clear:both;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
div#contactForm div.formItemContinued {clear:both;padding:0px 0px 0px 0px;}
div#contactForm div.label {width: 170px; text-align:right;float:left;padding-right:10px;color:#005191; }
div#contactForm div.value {width: 250px; text-align:left;vertical-align:text-bottom; float:left;}
div#contactForm .checkBox input {width:50px;}


.shoppingButtons {text-align:right;}
.shoppingButton {color:#FFF; text-align:center; cursor:pointer; width:120px; background:#005191;  border:1px solid #414d59; font-weight:bold;}
