@charset "utf-8";
/* CSS Document */

/* everything after here is what you use */

#main-square{
	padding:10px;
}

#left-square{
	width:429px; 
	height:289px;  
	padding:0; 
	float:left;
	border:1px #E0DCCF dotted;	
	float:left;
	margin-top:38px;
	margin-left:10px; 
}

#right-square{
	width:479px;
	 height:426px; 
	 float:right; 
	 margin-left:9px; 
	 background-image:url(images/contact-box-bg.jpg); 
	 background-repeat:repeat-x; 
	 float:left;
	 margin-top:20px;
}

.contact-info {

	float:left;
	padding:10px 10px 10px 10px;
	text-align:left;
	font-size:12px;
	margin: 0px;
	color:#000000;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
		
}

#left-square a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	 color:#8E0F0D;
}

#left-square a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
 	 color: #9A966A ;
	 text-decoration: underline;
}

#page p{
	margin-bottom:0px;
	padding:0;
}
#page form
{
    font-family : Arial, sans-serif;
    color : black;
    width : 475px ;
    padding : 0 ;  
	margin : 0;
}
#page form#fencingForm
{
	width : 900px;
	
}
#page form#subscribeForm
{
	width : 900px;
}
#page form h2
{
    margin : 2px;
    margin-bottom : 20px;
    padding : 0;
    font-size : 10.5pt;
    font-weight : bold;
}
#page form div#formLeftCol
{
	float:right;
	width:400px;
    height : 210px;
	margin-top:0;
	padding-left:0;
	margin-left:0;
}

#page form div#formLeftCol p
{
	padding-top:8px;
	padding-bottom:0;
	padding-left:0;
	margin-top:0;
	margin-left:0;
	margin-bottom:0;
	height:18px;

}

#page form div#formRightCol
{
    float : left;
    height : 210px;
	margin-top:14px;
}
#page form#fencingform div#formRightCol
{
    float : left;
    height : 250px;
}
#page form#orderform2 div#columns
{
    height : 350px;
}

#page form p.notice
{
    font-size : 9pt;
    color : #BD3632;
    margin : 0;
    margin-left : 2px;
}
#page form p
{
    display : block;
    clear : left;
    padding : 0;
    margin : 0;
    margin-bottom : 6px;
    width : 855px;
    font-size : 9pt;
    height : 23px;
}
#page form div p
{
    width : 430px;
}

#page label
{
    display : block;

    width : 138px;
    height : 16px;
    color : black;
    float : left;
 
    margin-right : 1px;
    padding-left : 8px;
    padding-top : 3px;
    padding-bottom :3px;
    font-size : 8pt;
	background-color:#f1eee4;
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
}
#page form#orderform2 div#formRightCol label
{
    width : 122px ;
    width : 132px;
}
#page form#orderform2 div#formLeftCol label
{
    width : 122px ;

    width : 132px;
}

#page input.textInput
{
    float : left;
	margin:0;
	border:0;

	padding:2px;
    height : 16px;
	border-color:#f1eee4;
	border-width: 1px;
	border-style: solid;
	background-color: #ffffff;
    width : 272px;
    margin-right : 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#page select.textInput#state {
	width : 105px;

}


#page select.textInput
{
    float : left;
    height :22px ;
	border:1px #f1eee4 solid ;
	background-color:#ffffff;
	color:#000000;
	padding:1px;
	display:block;
	
    width : 280px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

#page textarea.textInput
{
    float : left;
    border : 0;
	padding:7px;

    height : 72px;
	background-color:#ffffff;
	border-color:#f1eee4;
	border-width: 1px;
	border-style: solid;
    width : 412px;
	margin-top:0;
	margin-bottom:0;
	
    margin-right : 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}


#page select#chargebackgroup
{
    width : 270px;
	margin : 0;
	padding : 0;
    margin-right : 1px;
	border : 0;
}
#page form#orderform2 div#formRightCol input.textInput
{
    width : 274px;
	height:15px;
}
#page form#orderform2 div#formRightCol input#chargebackgroup
{
    width : 50px;
    text-align : center;
}
#page form input#stateInput
{
    width : 82px;

}
#page form input#postcodeInput
{
    width : 66px;

}

#page form input#jumpMenuState
{
    width : 68px;

}
#page form input#telephoneInput
{
    width : 80px;
	height:25px;
}
#page form input#faxInput
{
    width : 141px;
}
#page label#postcodeLabel
{
  width : 82px ;
  margin-left:1px;
  background-color:#f1eee4;
  width :122px;
}



div#page form label#postcodeLabel
{

  background-color:#f1eee4;
  width : 92px;
}


div#page form label#comment
{
  width : 62px ;
  background-color:#f1eee4;
  padding-left:34px;
  width : 392px;
  text-align:left;
  margin-top:10px;
  margin-bottom:0;
}

div#page form label#postcode
{
  width : 62px ;
  background-color:#f1eee4;
  padding-left:34px;
  width : 392px;
  text-align:left;
  margin-top:10px;
  margin-bottom:0;
}

body#orderform_page div#page form label#postcodeLabel
{

  width : 122px;
}
div#page form label#faxLabel
{
  width : 62px ;
  width : 72px;
}
body#orderform_page div#page form label#faxLabel
{
  width : 62px ;
  width : 72px;
}
#page span.required
{
    color : #BD3632;
}
#page input.radioInput
{
    color : white;
	float:left;
	margin-top:0px;

}


#page form p#contactRadioGroup
{
    position : relative;
    margin-left : 10px;            
    clear : left;
}
#page form#orderForm p#contactRadioGroup
{
    position : relative;
    top : 6px;
    margin-left : 10px;            
    clear : left;
}

#page form#fencingform {
	float:left;
	width:400px;
	padding-left:26px;
	padding-top:10px;
}
#page form#fencingform p#contactRadioGroup
{
    position : relative;
    top : 56px;
    margin-left : 10px;            
    clear : left;
}

#page form#orderForm2 p#lodown
{
    position : relative;
    top : 65px;
}
#page form#orderForm2 p#contactRadioGroup
{
    position : relative;
    top : 65px;
    margin-left : 10px;            
    clear : left;
}

#page form p
{
    color : black;
}
#page form p.productRadioGroup
{
    margin-left : 10px;  
    margin-bottom : 25px;
}
#page form p.productRadioGroup span.horizLabel
{
  margin-right : 36px;
  font-size : 12pt;
  height:10px;
  margin:10px 0 0 0;
  padding:0;
}
#page form p.researchRadioGroup
{
    margin-left : 1px;
	margin-top:0;  
    margin-bottom : 10px;
}
#page form p.researchRadioGroup span.horizLabel
{
  margin-right : 60px;
  font-size : 12pt;
}

#page form#fencingform p.requirementsRadioGroup span.horizLabel
{
    display : block;
    float : left;
    width : 270px;
    height : 30px;
}

#page form#fencingform p.requirementsRadioGroup span#other
{
    width : 400px;
}

#page form p.researchRadioGroup span#other 
{
    background-color : #f1eee4 ;
}


#page form p.researchRadioGroup span#other span
{
  background-color : #f1eee4;
  margin : 0 ;
  padding : 0;
  padding-top : 2px;
  padding-bottom : 7px;
  height : 22px;
  margin-top : -1px;
}
#page form p.researchRadioGroup span#other input.textInput2
{
  width : 275px;
  border : 0;
  height : 18px;
  background-color:#f1eee4;
  
  margin : 0;
  padding-bottom : 1px;
  position : relative;
  left : 0px;
  top : 1px ;
  top : -1px;
}
#page form p.privacyRadioGroup
{
    margin-left : 10px;  
    margin-bottom : 10px;
}
#page form p.newsletterRadioGroup
{

	padding-left:12px;
	text-align:left;
float:left;
}
#page form p.instructionsRadioGroup
{
    clear : both;
    margin-left : 10px;  
    margin-bottom : 10px;
}
#page form#orderform2 p.instructionsRadioGroup
{
    float : none;
}

#page form p.instructionsTextArea 
{
    padding-left : 0px;
    height : 50px;
}
#page form p.instructionsTextArea textarea
{
    border : 0;
    width : 650px;
    clear : both;
}
#page form p.groupHead
{
    margin : 0;
    padding : 0;
    margin-left : 0;
}
#page form p.buttons
{
    color : black;
    margin-left : 0px;
    margin-bottom : 20px;
    vertical-align : middle;
	text-align:right;
}
#page form#orderform p.buttons, #page form#orderform2 p.buttons
{
    margin-left : 0px;
}

#page form p.buttons input
{
margin-right : 5px;
margin-top:10px;
font-size:12px;
vertical-align : middle;
background-color:#E0DCCF;
border:0;
padding:3px;
font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif
}

#page form table#orderMatrix
{
    border-left : 1px solid silver;
    border-top : 1px solid silver;
    border-collapse : collapse;
    font-size : 10pt;
    margin-left : 20px;
    margin-bottom : 20px;
}

#page form table#orderMatrix th
{
    background-color : #f1eee4;
    padding : 0;
    margin : 0;
    font-size : 11pt;
    border-right : 1px solid silver;
    border-bottom : 1px solid silver;
}

#page form#orderform2 table#orderMatrix th
{
    background-color : #f1eee4;
    font-size : 9pt;
    padding-top : 3px;
    padding-bottom : 3px;
}

#page form table#orderMatrix th span
{
    margin : 10px;
}

#page form table#orderMatrix td
{
    padding : 0;
    margin : 0;
    background-color : white;
    border-right : 1px solid silver;
    border-bottom : 1px solid silver;
}

#page form table#orderMatrix td input
{
    border : 0;
    font-size : 11px;
    color : gray;
}

#page form table#orderMatrix .no
{
    width : 50px;
    text-align : left;
}

#page form table#orderMatrix .no input
{
    width : 50px;
}

#page form table#orderMatrix .code
{
    width : 130px;
}

#page form table#orderMatrix .code input
{
    width : 130px;
}

#page form table#orderMatrix .qty
{
    width : 60px;
}

#page form table#orderMatrix .qty input
{
    width : 60px;
}

#page form#orderform2 table#orderMatrix .qty
{
    width : 35px;
}

#page form#orderform2 table#orderMatrix .qty input
{
    width : 35px;
}

#page form table#orderMatrix .special
{
    width : 165px;
}

#page form table#orderMatrix .special input
{
    width : 165px;
}

#page form#orderform2 table#orderMatrix .special
{
    width : 190px;
}

#page form#orderform2 table#orderMatrix .special input
{
    width : 190px;
}

#page form#orderform2 table#orderMatrix td.tfooter
{
    background-color : #f1eee4;
    padding-top : 3px;
    padding-bottom : 3px;
}

#page form div#formBottom
{
    margin-left : 20px;
}

#page form#fencingForm div#formBottom
{
    margin-left : 10px;
}

#page form div#formBottom p
{
    width : 800px;
    margin : 0;
    padding : 0;
    margin-bottom : 20px ;
    margin-bottom : 10px;
}

div#fencingDetails p
{
	width : 870px ;
}

#page form#fencingForm div#fencingDetails p input#tb_height_other
{
    display : inline;
    border : 0;
    height : 23px;
    width : 90px;
}

div#fencingDetails p select
{
    margin-right : 35px;
}

div#fencingDetails label
{
    font-weight : normal;
    font-size : 9pt;
    background-color : #f1eee4;
    width : 220px ;
	padding-left:12px;
}

div#fencingDetails span.span1
{
    width : 150px;
    display : block;
    float : left;
}
div#fencingDetails span.span2
{
    width : 180px ;
    display : block;
    float : left;
}
div#fencingDetails span.span3
{
    width : 260px ;
    display : block;
    float : left;
}

.underline
{
    text-decoration : underline;
}

a
{
    color : black;
}

#fencingHeightLabel
{
	height : 40px ;
}

span.error_msg
{
    visibility : hidden;
    color : #BD3632 ;
    background-color : #FFA;
}

.madetoorder_panel
{
	margin-left: 20px;
	margin-right: 20px;
}

.madetoorder_stepheading
{
	width: 300px;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	padding-left: 10px;
	padding-top: 3px;
	color: #a74f4b;
	background-color: #e0dcd0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
   font-weight : bold;
   height: 20px;
}

.madetoorder_stepquestionheading
{
	width: 500px;
	float: left;
	margin-bottom: 1px;
	color: black;
	background-color: #e0dcd0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
   font-weight : bold;
   height: 20px;
	padding-left: 10px;
	padding-top: 3px;
}

.madetoorder_stepimage
{
	width: 300px;
	float: left;
	background-color: #e0dcd0;
	height: 100px;
}

.madetoorder_stepanswers
{
	width: 500px;
}