/*  generic form styles 
-----------------------------------------*/

div.form fieldset h2 { padding: 3px 0 3px 10px; font-size: 1.08em; margin: 0 0 20px 0; color: #a8a260; background: #f5f1c5 url(../Images/Content/Forms/FormsH2Bg.png) 0 0 no-repeat; }
fieldset em.frow-required { color: Red; }
fieldset {  border: none; margin: 0; padding: 0 0 10px 0; position: relative; }
fieldset legend,
fieldset .legend { display: none; }
fieldset .frow { font-size: 1em; clear: both; height: 1%; }
fieldset .frow label { display: block; float: left; padding: 2px 0 8px 0; width: 100%; }
fieldset .frow label span.label { display: block; float: left; }
fieldset .frow label span.field { display: block; float: left; }
fieldset .frow label span.hint { clear: both; display: block; float: left; margin: 10px 0 0 10px; padding: 2px 3px; width: 350px; }
fieldset .frow-text span.field input,
fieldset .frow-text span.field textarea { background: #FFFFFF; border: 1px solid #c9beb2; padding: 3px 3px; color: #786363; width:150px; }
fieldset .frow-text span.field textarea { font: 62.5%/1.3 Arial, Helvetica, Geneva, sans-serif; font-size: 1.1em; font-weight: normal;width: 170px; height: 80px; padding: 3px 3px;}
fieldset .frow-select span.field select { width: 128px; border: 1px solid #c9beb2; background: #FFFFFF; color: #786363; border: 1px solid #999999; padding:1px; }
fieldset .frow-select span.field select option { padding: 0 3px 1px 2px; }
fieldset .frow-active {  }
fieldset .frow-action { margin: 5px 0 5px 0; padding: 10px 0; }
fieldset .frow-action span.forward { padding: 0 0 0 10px; }
fieldset .frow-action span.return { padding: 0 0 0 5px; }
fieldset .frow label span.label { font-weight: normal; padding: 0 0 0 10px; width: 100px; }
fieldset .frow:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
fieldset.personal .column-1 { float: left; width: 290px;}
fieldset.personal .column-2 { float: left; width: 300px; }
fieldset.personal .column-1 .frow label span.field input { width: 140px;}
fieldset.personal .column-2 .frow label span.label { font-weight: normal; padding: 0 0 0 0; width: 70px; }
fieldset.personal .column-2 .frow { padding: 0;}
fieldset.terms .column-1 { float: left; width: 420px; }
fieldset.terms .column-2 { float: left; width: 95px; margin: 34px 0 0 20px; }
fieldset.terms { font-size: 0.92em;}
fieldset.terms .frow label span.label { width: 380px; padding: 0; margin: 0;}
fieldset.terms .frow label span.field { width: 17px; }
fieldset.terms .frow label span.field input { border: 0; }

/* ERROR 
----------------------------------------*/
div.err-container { width: 548px; background: transparent url(../Images/Global/ErrorBg.jpg) left bottom no-repeat; margin: auto; margin-bottom: 10px; }
div.err-container h4 { width: 548px; height: 31px; text-indent: -9999em; background: transparent url(../Images/Global/ErrorBg.jpg) right top no-repeat; }
div.err-container ul { margin-top: 15px; margin-left: 40px; color: #951313; padding-bottom: 20px; }

div.loading { background: transparent url(../Images/Global/AjaxLoader.gif) no-repeat 0 0; width:31px; height:31px; margin:10px auto 0 auto; }


/* Choose your Samples form
---------------------------------------*/

body.my-samples div.instructions { width: 570px; margin: 0 auto 0 auto; padding: 20px 0 20px 0; text-align: center; font-size: 1.08em; }
body.my-samples div.instructions h2 { font-size: 1.08em;font-weight: normal;  }
body.my-samples div.instructions h3 { color: #b7b07d; font-size: 1.08em;font-weight: normal;  }
body.my-samples div.sr-container, body.my-samples div.ai-container { width: 550px; margin: 0 auto 0 auto; }
body.my-samples div.sr-container .frow label span.label { width:90px; }

body.my-samples div.sr-container fieldset#PersonalDetails { float: left; width: 550px; }
body.my-samples div.sr-container fieldset#PersonalDetails .frow-left { width: 275px; float: left; clear:none; }
body.my-samples div.sr-container fieldset#PersonalDetails .frow-right { width: 275px; float: left; clear:none; }

body.my-samples div.sr-container fieldset#PostcodeLookup { width: 275px; float: left;  }
body.my-samples div.sr-container fieldset#PostcodeLookup span.field input { width:72px; }
body.my-samples div.sr-container fieldset#PostcodeLookup span.button { padding-left:10px; }
body.my-samples div.sr-container fieldset#PostcodeLookup p.message { font-weight:bold; }
body.my-samples div.sr-container fieldset#PostcodeLookup div.frow-listbox { padding-left:10px; }
body.my-samples div.sr-container fieldset#PostcodeLookup div.frow-listbox select { width:248px; font-size:0.9em; }
body.my-samples div.sr-container fieldset#PostcodeLookup div.frow-action { float:right; width:auto; padding:10px 18px 0 0; }

body.my-samples div.sr-container fieldset#DeliveryDetails { width: 275px; float: left; overflow: hidden;  }
body.my-samples div.sr-container fieldset#DeliveryDetails .frow label span.label,
body.my-samples div.sr-container fieldset#DeliveryDetails h2 { background-position: right 0; }
body.my-samples div.sr-container fieldset#DeliveryDetails .frow label span.label { width:90px; }

body.my-samples div.sr-container fieldset#ProductDetails { width:550px; float: left; overflow: hidden; }
body.my-samples div.sr-container fieldset#ProductDetails .frow label span.label { width:auto; }
body.my-samples div.sr-container fieldset#ProductDetails .frow label span.field { padding-left:10px; }

body.my-samples div.sr-container fieldset#Terms { float: left; width: 550px; }

body.my-samples div.sr-container fieldset div.frow-action { width:320px; margin: 0 auto; padding-left: 102px; }
body.my-samples div.sr-container fieldset div.frow-action input { display: block; float: left; }
body.my-samples div.sr-container fieldset div.frow-action .order-details { padding: 5px 15px 0 0; display: block; float: left; }
body.my-samples h2.no-data { width: 630px; text-align: center; font-size: 1.08em; color: #B7B07D; margin: 0 auto 0 auto; }
body.my-samples h2.no-data em { color: #666666; }

body.my-samples div.ai-container, body.my-samples div.ai-thanks-container { position: relative; padding-bottom: 20px; margin-bottom: 20px; background: transparent url(../Images/Global/HorizontalDashedDivider.png) center bottom no-repeat; }
body.my-samples div.ai-container fieldset h2, body.my-samples div.ai-thanks-container fieldset h2 { padding: 0; background: #f5f1c5 url(../Images/Content/PaintSamples/h2FormHeader.png) 0 0 no-repeat; }
body.my-samples div.ai-container fieldset h2 img, body.my-samples div.ai-thanks-container fieldset h2 img { margin-left: 10px; }
body.my-samples div.ai-container p { color: #b4ad77; }
body.my-samples div.ai-container .frow-action { /*position: absolute; right: 0; top: 100px;*/ }
body.my-samples div.ai-container .frow-action span { display: block; clear: both; margin-bottom: 5px; }

body.my-samples div.ai-container { position: relative; padding-bottom: 20px; margin-bottom: 20px; background: transparent url(../Images/Global/HorizontalDashedDivider.png) center bottom no-repeat; }
body.my-samples div.ai-container fieldset h2 { padding: 0; background: #f5f1c5 url(../Images/Content/PaintSamples/h2FormHeader.png) 0 0 no-repeat; }
body.my-samples div.ai-container fieldset h2 img { margin-left: 10px; }


body.my-samples div.nice-fo div.checkboxgroup .frow { padding-left:10px; }
body.my-samples div.nice-fo div.checkboxlist label { width: 423px; height: 15px; margin-bottom: 5px; }
body.my-samples div.nice-fo div.checkboxlist span.label { width: 400px; padding-left: 0; }
body.my-samples div.nice-fo div.checkboxlist label.unchecked { background: transparent url(../Images/Buttons/FilterOptions.png) right -56px no-repeat; padding: 0 20px 0 0px;}
body.my-samples div.nice-fo div.checkboxlist label.checked { background: transparent url(../Images/Buttons/FilterOptions.png) right 1px no-repeat; padding: 0 20px 0 0px; }
body.my-samples div.nice-fo div.checkboxlist label.terms-link { width: 1px; float: left; }
body.my-samples div.nice-fo div.checkboxlist span.terms-link { width: 422px; float: left;  }
/* Contact Us - Form
-------------------- */
body.contact-us div.err-container { margin-left: 111px; }
body.contact-us div.form h2 { margin: 0 0 20px 0; color: #a8a260; background: url(../Images/Content/Forms/FormsH2Bg.png) 0 0 no-repeat;}
body.contact-us div.form fieldset { width: 600px; margin-left: 110px; }
body.contact-us div.form fieldset .frow label span.hint { clear: both; display: block; float: left; margin: 10px 0 0 10px; padding: 2px 3px; width: 350px; }
body.contact-us div.form fieldset .frow-text label span.field textarea { font: 62.5%/1.3 Arial, Helvetica, Geneva, sans-serif; font-size: 1.1em; font-weight: normal;width: 190px; height: 60px; padding: 3px 3px;}
body.contact-us div.form fieldset .frow-select label span.field select { width: 150px; }
body.contact-us div.form fieldset .frow-action { border-top: 1px solid #999999;  }
body.contact-us div.form fieldset .frow label span.label { width: 100px; }
body.contact-us div.form fieldset .frow:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
body.contact-us div.form fieldset.personal .column-1 { float: left; width: 290px;}
body.contact-us div.form fieldset.personal .column-2 { float: left; width: 300px; }
body.contact-us div.form fieldset.personal .column-1 .frow label span.field input, body.contact-us div.form fieldset.personal .column-2 .frow label span.field input { width: 140px;}
body.contact-us div.form fieldset.personal .column-2 .frow label span.label { font-weight: normal; padding: 0 0 0 0; width: 70px; }
body.contact-us div.form fieldset.personal .column-2 .frow { padding: 0;}
body.contact-us div.form fieldset.personal .column-2 { margin-bottom: 10px; }
body.contact-us div.form fieldset.personal .column-3 { padding-top: 10px; border-top: 1px dashed #CFC681; clear: both; width: 550px; position: relative; }
body.contact-us div.form fieldset.personal .column-3 .frow { width: 310px; float: left; clear: none; }
body.contact-us div.form fieldset.personal .column-3 .frow-text label{ padding-bottom: 0; }
body.contact-us div.form fieldset.personal .column-3 .brochure-image { position: absolute; right: 30px; bottom: -82px; z-index: 1000; }
body.contact-us div.nice-fo fieldset.personal .column-3 div.checkboxlist { width: 150px; margin-left: 10px; }
body.contact-us div.nice-fo .column-3 div.checkboxlist .label { width: 100px; display: block; }
body.contact-us div.nice-fo .column-3 div.checkboxlist .label em { font-style: normal; }
body.contact-us div.nice-fo .column-3 div.checkboxlist label { width: 15px; float: none; display: inline; height: 1%;  }
body.contact-us div.nice-fo .column-3 div.checkboxlist label.unchecked { width: 15px; }

body.contact-us div.form fieldset.terms .column-1 { float: left; width: 420px; }
body.contact-us div.form fieldset.terms .column-2 { float: left; width: 95px; margin: 34px 0 0 20px; }
body.contact-us div.form fieldset.terms { font-size: 0.92em; }
body.contact-us div.form fieldset.terms .frow label span.label { width: 380px; padding: 0; margin: 0;}
body.contact-us div.form fieldset.terms .frow label span.field { width: 17px; }
body.contact-us div.form fieldset.terms .frow label span.field input { border: 0; }
body.contact-us div.form fieldset.terms .frow label.terms-link { width: 10px; float: left; }
body.contact-us div.form fieldset.terms .frow span.terms-link { width: 372px; float: left; }
body.contact-us div.form p { margin-left: 10px; }

body.contact-us div.form fieldset#terms div.checkboxlist { width: 400px; float: left; }
body.contact-us div.nice-fo div.checkboxlist label { width: 382px; height: 15px; margin-bottom: 5px; }
body.contact-us div.nice-fo div.checkboxlist label.unchecked { background: transparent url(../Images/Buttons/FilterOptions.png) right -56px no-repeat; padding: 0 20px 0 0px;}
body.contact-us div.nice-fo div.checkboxlist label.checked { background: transparent url(../Images/Buttons/FilterOptions.png) right 1px no-repeat; padding: 0 20px 0 0px; }

/* PaintCalculator */
body.shopping-list div#ContentPrimary h1.header-image { padding: 30px 0 0 100px; height: 60px; }
div#PaintCalculatorContainer { position: relative; width: 550px; margin-left: 100px; padding-bottom: 20px; margin-bottom: 20px; background: transparent url(../Images/Global/HorizontalDashedDivider.png) center bottom no-repeat; }

div#PaintCalculatorContainer fieldset p { margin-left: 10px; }
div#PaintCalculatorContainer fieldset .legend { display: block; float: left; width: 130px; }
div#PaintCalculatorContainer div.frow fieldset label { float: left; width: 60px; }
div#PaintCalculatorContainer div.frow fieldset label span { float: left; }
div#PaintCalculatorContainer div.frow fieldset label span.label { width: 20px; padding: 3px 0 0 5px; }
div#PaintCalculatorContainer fieldset .frow-text span.field input { width: 15px; text-align: center; }
div#PaintCalculatorContainer fieldset .frow-text span.label em { text-indent: -9999em; display: block; }
div#PaintCalculatorContainer fieldset .frow-text label span.label { width: 130px; }
div#PaintCalculatorContainer fieldset .frow-text label span.desc { padding: 0 0 0 10px; }
div#PaintCalculatorContainer fieldset div.radiobuttonlist { margin-bottom: 10px; }
div#PaintCalculatorContainer fieldset div.radiobuttonlist label { width: 100px; }
div#PaintCalculatorContainer fieldset .frow-action { width: 550px; text-align: right; }

/* Competition Spa Weekend
----------------------------------------*/
body.competition .competition-container .col-1 { float: left; width: 220px; }
body.competition .competition-container .col-1 span.label { width: 70px; padding-left: 0; }
body.competition .competition-container .col-1 input { width: 126px; }
body.competition .competition-container .col-2 { float: left; width: 360px; margin: 0px 0 0 0px; }
body.competition .competition-container .col-2 .frow { padding-left: 0; }
body.competition .competition-container .col-2 span.label { width: 80px;  }
body.competition .competition-container fieldset#Competition { margin-left: 20px; }
body.competition .competition-container legend { display: block; }
body.competition .competition-container fieldset#Questions { margin-bottom: 20px; }
body.competition .competition-container fieldset#Questions .frow { padding-left: 0; }
body.competition .competition-container fieldset#Questions legend {color: #5f7c27; margin-bottom: 20px; }

body.competition .competition-container fieldset#Questions label { float: left; width: 5px; padding: 0 40px 0 0; margin-right: 15px; background-position: right -56px; }
body.competition .competition-container fieldset#Questions label.checked { background-position: right 1px; }
body.competition .competition-container fieldset#Questions .frow label span.label { padding-left: 10px; width: auto; }
body.competition .competition-container fieldset .frow-dob label { width: 80px; float: left; padding-left: 10px; } 
body.competition .competition-container .DOBDay input { width: 40px; }
body.competition .competition-container .DOBMonth input { width: 40px; }
body.competition .competition-container .DOBYear input { width: 69px; }

body.competition .competition-container fieldset#FurtherInformation legend { margin-bottom: 10px; color: #666666; }
body.competition .competition-container fieldset#FurtherInformation .frow label { width: 100px; float: left; }
body.competition .competition-container .frow-action { position: absolute; bottom: 40px; right: 260px; }
body.competition .instructions { width: 480px; overflow: hidden; }
body.competition .instructions .terms { float: right; }
body.competition .instructions .terms a { color: #5f7c27; text-decoration: none; }
body.competition .instructions .small-print { float: left; }

body.competition .err-container { background: none; background-color: #f1f1e7; border: 1px solid #e3ded4; width: 470px; padding: 10px; margin: 20px; }
body.competition .err-container h4 { background: none; font-size: 1.17em; font-weight: bold; color:#990000; text-indent: 0; }
body.competition .err-container ul { margin: 0; padding-bottom: 0; }
body.competition .err-container ul li { margin: 5px 0 5px 25px; list-style: disc; }

body.competition .thankyou h2 { background: none; font-size: 1.17em; font-weight: bold; text-indent: 0; height: 40px; }