body {
    font-size:12px;
    font-family:arial;
    color:#333;
    margin-top:0px;
    margin-left:0px;
    }
    
    input, select, * { padding:0px; margin:0px; font-family:arial;
  font-size:12px; }
    
    
   #border1{
   	float: left;
	width: 550px;
	/*height: 1600px;*/
	padding: 0 0 0px 5px;
	margin: 0 0 0 0px;
	background: url(../../images/newimages/bg6.jpg) no-repeat;
	*padding-top:13px;
	border:0px solid red;

  border-bottom: 3px solid #EEE;
box-shadow: -4px 4px 7px 0px #eee;
   }

   #howLong { width:104px;}
h2 { margin:0px; padding:0px; }

#h2Title {
padding:0px; margin:0px;
color:#000;
font-size:20px;
text-align:left; font-weight:bold;
}

  .errMes{
    font-family: arial;
    font-size: 12px;
    color:red;
    
  }
 

  
  .selected {
   font-family:arial;
  font-size:12px;
  }
  
  /* above is from OLD css */
  
#formPanel 
{

	width:521px;
	padding-left:8px;
position:relative;
}




#subScroll {

width:520px;
height:120px;
*height:105px;

z-index:3;


}


.setscrolltxt {
padding:25px 0px 0px 112px;
*padding-top:13px;
font-size:12px;  
}

.scHeader {
font-size:13px;
padding-left:1px;
color:#333;
font-weight:bold;
}

.scHeaderF {
font-size:12px;
padding-left:1px;
    color:#000;
    padding-top:3px; line-height:1.2em;

}

#prompttxt {

      text-align:left;
      font: 12px Arial, Helvetica, sans-serif; 
      width:390px;
     padding-bottom:12px;
      font-weight:bold;
      color:#00ae00;
     padding-left:17px;
              z-index:599;
      /*font-style:italic;*/


}

.promptthank { text-align:left;
      font: 12px Arial, Helvetica, sans-serif; 
      width:390px;
     padding-bottom:12px;
      font-weight:bold;
      color:#e22b00;
     padding-left:17px;
              z-index:599;
             
      /*font-style:italic;*/ }

.clearthefloats { clear:both; }
#navs 
{
       

    z-index:50;
  
width:540px;


}
.lined {float:left; border-bottom:1px solid #E22448; height:26px; width:1px; font-size:1px; font-family:Arial;}

#lined2 {border-bottom:1px solid #E22448; height:26px; width:15px; }
#lined { border-bottom:1px solid #E22448; height:26px; width:121px;}
#typechoose { width:80px; font-size:12px; font-family:Arial; color:#333;
              font-weight:bold; padding-top:4px; padding-left:15px;
                }
.navs { float:left;}
.navs img {  }

.navs img:hover {
cursor:pointer;
}




.error-message2 {

color:red;

}

.warning2 {

border: 1px solid red;
color: #333333;
background: #F5F6D4;
background-position:5px;
font-size:12px;
font-weight:normal;
}



	#thankyou
	{
		background:#F7F7F7;padding:8px;  margin-top:3px;
               width:505px;color:#000;
               margin-left:8px;
		
		
	}
	
	#fancy 
	
	
	{
		
		background:#FFF9D7;padding:8px;  margin-top:10px;
               width:505px;color:#000;
               margin-left:8px;
		
	}
	
	
	#fancy2 
	
	
	{
		
	padding:8px;  margin-top:5px;
               width:505px;color:#000;
               margin-left:8px;
               
             
               
		
	}
	
    #coverreq{ background:#F7F7F7;padding:8px;  margin-top:10px;
               width:505px;color:#000; } 
               
               #partnerPanel
               { background:#F7F7F7;padding:8px;  margin-top:5px;
               width:505px;color:#000;  margin-bottom:8px;} 
               
    #personal-details 
    {
    	padding:8px; margin-top:5px;
               width:505px;color:#000;
                }
    
     #healthdetails 
    {
    	padding:8px; margin-top:5px;
               width:505px;color:#000;
            
                }
                

   #partnerPanel .surround-arounds,         
#coverreq .surround-arounds  
{
	border:1px solid #F7F7F7;
	border-bottom:3px solid #F7F7F7;
	*border-bottom:2px solid #F7F7F7;
}


#personal-details .surround-arounds  
{
	border:1px solid #fff;
	border-bottom:3px solid #fff;
	*border-bottom:2px solid #fff;
}
          
#personal-details  .around-coverL_first ,
#healthdetails     .around-cover,
#healthdetails .around-coverL,        
#personal-details .around-cover,
#personal-details .around-coverL,
#personal-details .around-coverE
  {  color:#000; 
   
    }
    
    #healthdetails .surround-arounds  
{
	border:1px solid #fff;
	border-bottom:3px solid #fff;
	*border-bottom:2px solid #fff;
}
#healthdetails select  {  }

#personal-details .address { margin-bottom:2px; *margin-bottom:1px; }        



.around-cover { float:left; width:250px;}
.around-cover1 { float:left; width:100px; padding-top:3px;  font-weight:bold;}
.around-cover2 {float:left; width:150px; }
.around-cover2p {float:left; width:148px; }

.around-cover2A {float:left; width:110px; float:left; }
.around-cover2B {float:left; width:10px; float:left;padding-top:3px;   }

.around-cover1p { float:left; width:92px; padding-top:3px; font-weight:bold; 
                 _width:94px;
                  }
.around-cover3 { float:left; width:250px; padding-top:3px;  font-weight:bold;}

.pound { font-size:12px; font-family:Arial; width:8px; float:left; padding-top:3px;}


.around-coverL { }
#personal-details .around-cover2L {float:left; width:400px;  }

#personal-details .around-cover3L {float:left; width:200px;  }
.around-cover2L1{ padding-bottom:2px; }
.around-cover2L2 { }




.title { font-size:12px; font-weight:bold; padding:2px 0px 3px 0px; 
         border-bottom:1px solid #E3E3E3;
         margin-bottom:6px; 
       }
       
       
       .title2 { font-size:12px; font-weight:bold; padding:2px 0px 3px 0px; 
         border-bottom:1px solid #E2C822;
         margin-bottom:6px; 
       }
       
       
       .smoker { padding-top:3px; }
       /* fields */
       
       
       #comments 
       {
      width:247px;
       	font-size:11px;
       	font-family:Arial;
       	height:28px;
       	
       	
       }
       
       #smokerY,
       #smokerN,
       #smokerY input,
       #smokerN input,
       #smokerY RadioButton,
       #smokerB RadioButton,
       
       #partnerSmokerY input,
       #partnerSmokerN input,
        #partnerSmokerY RadioButton,
       #partnerSmokerN RadioButton,
        #partnerSmokerY,
       #partnerSmokerN
       {
       width: 13px; /* for IE */
height: 15px; /* For IE */
				vertical-align: top; /* IE likes this */ 
				
font-size: 10px;
overflow:hidden;
padding:0px;
margin:0px;
margin-right:3px;
       }
       
       
    #purpose { width:354px; }   
    #firstname, #surname,
    #partnerFirstname,
    #partnerSurname
     {width:156px; } 
    #partnerTitle,
    #title1 { width:60px; }
    #postcode{ width:56px; }
    #Find { font-size:11px; 
padding:0px 8px;
   *padding:0px 1px;  
   *height:19px;       
             }
   
    
    #address { width:386px;font-size:11px; }
    
    #occupation, 
    #homeTel {width:132px;  }
    
    #email { width:247px; }
    
    
    #DD,
    #MM,
    #YY,
    #partnerDD,
    #partnerMM,
    #partnerYY { font-size:11px;}
    
    
    
    
    .stextfield {
padding: 1px;
border: 1px solid #9E9E9E;
color: #333;
background: #FFFFE8;
background-position:5px;
font-size:12px;
}

.txtblack {
color:black;
}


    .stextfield_pnl2 {
padding: 1px;
border: 1px solid #9E9E9E;
color: #333;
background: #FFFFE8;
background-position:5px;
font-size:12px;
}

.showthebutn { width:140px; padding-left:380px;}

#Button1,
.btn { width:139px; height:48px; display:block; 
       background-image:url(../../images/btn.jpg);
       text-decoration:none;
       text-align:right;
     
     
       }
       
       .bottomimg { margin-left:-5px; display: none; }
       
       ul { margin:10px 0px 0px 30px; padding:0px; list-style-type:square; }
        li { margin:0px 0px 0px 0px;  padding:0px; list-style-type:square; }
        
        
        #thankslnks{  padding-left:2px;}
        .links2 { font-size:18px; line-height:1.2em; font-weight:bold; padding-top:5px;}
        .links 
        {
        	float:left;
        	width:231px;
        	padding:7px;
        	background:#E22448; margin:10px 0px 0px 0px; color:#fff;
        	text-align:center;
        	
        	
        	
        	 }
        	 .links2 a{ color:#fff; text-decoration:none; font-size:18px; }
        	 .links2 a:hover{ color:#fff; text-decoration:underline; font-size:18px; }
        	 .links1 img {border:1px solid #fff; }
        	 .links1 { }
        	 .links3 { font-size:12px;  line-height:1.2em;}
        	
        	.margined { margin-left:10px; }
        	.clearit { clear:both; }
        
        
        /* hks */
        .dob { _margin-right:-3px;}

/* RESPOND */
@media all and (max-width: 550px) {
  #border1 {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    background: none;
  }
    #subScroll {
      width: auto;
      height: auto;
      padding: 5px 10px;
    }
      .setscrolltxt {
        padding: 0;
      }
        #h2Title {
          margin: 13px 0;
          font-size: 24px;
        }
      #prompttxt {
        width: auto;
        padding: 0;
        padding: 5px 10px;
      }
    #navs {
      width: auto;
    }
    #formPanel {
      width: auto;
      padding: 0;
    }
      #coverreq,
      #personal-details,
      #healthdetails,
      #partnerPanel {
        width: auto;
        padding: 10px;
      }
        .around-cover {
          float: none;
          width: auto;
        }
          .around-cover1,
          #personal-details .around-cover3,
          #coverreq .around-cover1p {
            float: none;
            width: auto;
            margin: 0 0 5px 0;
          }
          .around-cover2,
          #coverreq .around-cover2A {
            float: none;
            width: auto;
          } 
            #coverreq .pound {
              font-size: 14px;
              margin: 3px 0 0 0;
            }
            #coverreq .around-cover2p {
              float: right;
              width: 95%;
              margin: 0 0 5px 0;
            }
              #coverreq .around-cover2p input {
                width: 100%!important;
                padding: 4px 5px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
              }
            #personal-details .around-cover2L,
            #personal-details .around-cover3L {
              float: none;
              width: auto;
            }
            #coverreq .around-cover2L select,
            .around-cover2 input,
            .around-cover2 select,
            .around-cover2L textarea,
            #firstname, #surname, #partnerFirstname, #partnerSurname,
            .around-cover3L select,
            select#partnerTitle,
            select#title1 {
              width: 100%!important;
              padding: 4px 5px;
              margin: 0 0 5px 0;
              box-sizing: border-box;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
            }
              #postcode, #Find {
                float: left;
                width: 49%;
                height: 28px;
                padding: 4px 5px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
              }
                #Find {
                  float: right;
                }
              .around-cover2L select,
              #partnerPanel .around-cover2 select  {
                width: 32%!important;
                padding: 4px 5px;
              }
              select#address {
                width: 100%!important;
                margin: 5px 0 0 0;
              }
              #weightStones, #weightLBS, #heightFt, #heightInches,
              #partnerStones, #partnerLBS, #partnerFt, #partnerInches,
              .around-cover2 input[type="radio"] {
                width: auto!important;
              }
              #partnerDiabeticPanel select#partnerFT,
              #partnerDiabeticPanel select#partnerInches {
                width: auto!important;
              }
              #partnerDiabeticPanel .surround-arounds .around-cover2 select {
                width: 100%!important;
              }
              #comments {
                height: 100px;
                padding: 8px;
              }
  .bottomimg {
    display: none;
  }
  .showthebutn {
    width: auto;
    padding: 0;
  }
    .showthebutn #Button1 {
      width: auto;
      height: auto;
      padding: 12px 15px;
      color: #FFFFFF;
      text-align: left;
      background: #E22647;
    }
      .showthebutn #Button1:before {
        content: "Submit";
      }
      .showthebutn #Button1:hover {
        background: #333;
      }
  #thankyou, #fancy2 {
    width: auto;
    padding: 10px;
    margin: 0;
  }
  #thankslnks {
    padding: 0;
  }
    #thankslnks > .links {
      margin: 0 0 15px 0;
    }
    #thankslnks * {
      float: none;
      display: block;
      width: 100%;
      height: auto;
      padding: 0;
      margin: 0;
      border: 0;
    }
    .links2, .links3 {
      padding: 7px 0!important;
    }
}
@media all and (max-width: 485px) {
  #navs > div {
    display: none;
  }
    #navs .navs {
      float: none;
    }
      #navs #nav1, 
      #navs #nav2,
      #navs #nav3 {
        display: block;
        padding: 10px;
        margin: 2px 0;
        color: #FFFFFF;
        background: #E02447;
        position: relative;
      }
      #navs .navs img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: alpha(opacity=0);
      }
      #navs #nav1:before {
        content: "Single Cover";
      }
      #navs #nav2:before {
        content: "Joint: Diabetic & Partner";
      }
      #navs #nav3:before {
        content: "Joint: Both Diabetic";
      }
      #navs > .navs.active {
        background: #444!important;
      }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 960px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
}