/* CSS Document for ALL FunMats Reques forms */
 /*     Also for thankyou.php  */
 /* Last Updated 10/03/09 by Ben Hayes */
 /* CSS Valid - 10/03/09 */

 /* ------------------------------------------------
    -- Main Style ----------------------------------
	------------------------------------------------ */

/* outoforder style at bottom */

 h2 {
 	margin: 1.5em 0em 1em;
	}

 form { width: 800px; margin: 0px auto 0px; text-align: left; }
	
 fieldset {
 	margin: 1em 0em;
	padding: 0em 2em 1em;
	border: 1px solid #1B1669;
	background: #CCCCFF;
 	}

 fieldset div {
	margin-top: 1em;
	}

span.nb {
	font-weight: bold;
	color: red;
	}

 p#datapro {
	font-size: 85%;
	font-style: italic;
 }
 
  p#datapro span.dpaemp {
	font-weight: bold;
 }
 
  p#formfoot {
	text-align: center;
 }
 
 span.pleasecomp {
	font-weight: bold;
	font-style: italic;
	}


 div.missing,
 span.missing,
 fieldset.missing,
 span.missing-top,
 h2.missing {
	background: #9999FF;
	}

 div.missing,
 h2.missing {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}

 span.missing-top {
 	display: block;
 	margin: 1em 0em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: 1px solid #1B1669;
	text-align: center;
 	}

 span.lesser {
	font-size: 90%; 
	font-style: italic;
	font-weight: normal;	
	}
	


 legend {
 	font-weight: bold;
 	}
	
 label,  .fakelabel {
	display: block;
	float: left;
	width: 255px;
	}
	
 label.extrain {
	text-indent: -1000em;
	width: 0px;
	}	

  div#footer {
	margin-top: 2em;
	}
	
 div.sec-hidden, li.sec-hidden,
 fieldset.sec-hidden, span.sec-hidden {
 	display: none;
 	}	

 /* ------------------------------------------------
    -- Error Flags ---------------------------------
	------------------------------------------------ */

 div.error-placer {
 	float: left; 
 	z-index: 99999;
	height: 20px;
	}
	
 fieldset#contactdetails *,
 fieldset#auntispam * {
 	float: left; 
 }	
 
  fieldset#contactdetails legend,
    fieldset#contactdetails span.nb,
 fieldset#auntispam legend,
 fieldset#auntispam legend * {
 	float: none; 
 }

 div.error-placer {
	margin: 0px;
	padding: 0px;
	width: 1px;
 	overflow: visible;	
 	}
	
 div.error-placer-tall {
 	z-index: 99999;
  	height: 45px;
	margin: 0px;
	padding: 0px;
	width: 1px;
 	overflow: visible;		
 	}	

 div.error-box {
	/*float: none;*/
	left: 0px;
	top: 0px;
	font-size: 8pt;
	background: #FC6;
	border: 1px solid #444;
	padding: 0.35em;
	width: 125px;
 	z-index: 99999;
	margin-top: 0px;	
 	}


 /* ------------------------------------------------
    -- Contact Bit ---------------------------------
	------------------------------------------------ */
   
fieldset#contactdetails input,
fieldset#contactdetails textarea{
	width: 380px;
	}

fieldset#contactdetails input#School {
	width: 240px;
	}
	
fieldset#contactdetails input#STwn {
	margin-left: 10px;
	width: 122px;
	}	

fieldset#contactdetails div.fakelabel {
	margin-top: 0em;
	}

div#pleasesend input {
	display: block;
	float: left;
	margin: 0em 1em 0em 0em;
	width: auto;
	}

div#pleasesend label{
	display: block;
	float: left;
	margin-right: 1em;
	width: 150px	
	}

 /* ------------------------------------------------
    -- Info Required -------------------------------
	------------------------------------------------ */ 

  div#whatnextinp,
  div#wn-retail-inp,
  div#wn-promo-inp,
  div#saucinginp,
  div#otherdds textarea {
	float: left;
	width: 450px;
	margin-top: 0em;
	}
	
  div#whatnextinp input,
  div#wn-retail-inp input,
  div#wn-promo-inp input,  
  div#saucinginp input,
  div#otherdds label {
	float: left;
	height: 1.25em;	
	margin: 0em 1em 1em 0em;
 	}
	

  div#whatneed-retail div.hx1 p,
  div#whatneed-promo div.hx1 p  {
	font-size: 105%;
	font-weight: bold;
 	}
	
  div#wn-retail-inp div.hx2,
  div#wn-retail-inp div.hx2 p ,
  div#wn-promo-inp div.hx2 p  {
  	margin-top: 0px;
	font-weight: bold;	
 	}
	
  div#wn-retail-range,
  div#wn-retail-inp,
  div#wn-promo-inp,
  div#wn-retail-prods,
  div.hx2 p {
  	margin-top: 0px;
 	}
	
	
			
	
  div#whatnextinp label,
  div#wn-retail-inp label,
  div#wn-promo-inp label  {
	float: left;
	height: 1.25em;	
	margin-bottom: 1.21em;
 	}	

 div#whatnextinp .thinner,
 div#wn-retail-inp  .thinner,
 div#wn-promo-inp  .thinner
  {
 	margin: 0em 0em 0.25em;
 	}	

div#whatnextinp label#pleasespec,
 div#wn-promo-inp label#pleasespec {
	clear: both;
	}

 div#wn-promo-inp label#pleasespec {
	width: 200px;
	}
	
 div#personal-olsewhere{
	float: left;
	height: 2.5em;
	font-weight: bold;
	margin: 0em;
 	}
	
 div#otherdds label {
	float: left;
	height: 1.25em;	
	margin: 0em;
 	}
	
  div#whatnextinp input.nlwon,
  div#wn-retail-inp input.nlwon,
  div#wn-promo-inp input.nlwon,
  div#saucinginp input.nlwon
   {
	float: left;
	clear: both;
	margin: 0em 1em 1em 0em;		
 	}		
	
  div#whatnextinp label,
  div#wn-promo-inp label,
  div#saucinginp label
   {
	width: 230px;
	height: 1.25em;	
	margin: 0em 0em 1em;	
 	}
	
  div#wn-retail-inp label
   {
	width: 190px;
	height: 1.25em;	
	margin: 0em 0em 1em;	
 	}	

  div#wn-retail-inp label.doublelbl
   {
	width: 400px;
	}	

	
  div#saucinginp label
   {
	width: 330px;
 	}		

  div#saucinginp input,
  div#saucinginp label,
  div#saucinginp input.nlwon	 {
	margin-top: 1em ;
	margin-bottom: 0em;
 	}

 fieldset#whatwant div.fakelabel {
	margin-top: 0em;
	}
   
 /* ------------------------------------------------
    -- Heard about bit -----------------------------
	------------------------------------------------ */ 

 fieldset#heardabout label {
	padding-bottom: 1.5em;
	}

 fieldset#heardabout select,
 fieldset#heardabout textarea {
 	width: 380px;
	}
	
 /* ------------------------------------------------
    -- Antispam bit --------------------------------
	------------------------------------------------ */ 	

fieldset#auntispam label {
	width: 330px;
	}

 /* ------------------------------------------------
    -- Control Box ---------------------------------
	------------------------------------------------ */ 
   
 fieldset#controlbox {
  	position: relative;
	}
   
  fieldset#controlbox p#controlbuts {
  	display: block;
	position: relative;
	margin: 1em auto 1em;
	width: 510px;
	text-align: center;
	}
fieldset#controlbox p#controlbuts input#Submit2 {
	margin-left: 100px;
	}

	
   
  fieldset#controlbox p#controlbuts input {
	width: 200px;
	height: 30px;
	}   

 /* ------------------------------------------------
    -- Contact Info --------------------------------
	------------------------------------------------ */ 
   
  table#contactinfo {
	 margin: 0px auto 0px;
     text-align: left;
  	}

  table#contactinfo td.label {
	text-align: left;
	width: 6.5em;
  	}
	
  table#contactinfo td.value {
	text-align: left;
	width: 12em;
  	}	
 .outoforder {
 	color: #CC6633;
 	}