@charset "utf-8";
/* CSS Document */
/******************************************************************
  Layout: Conservatories Direct! clean and bright!
  Created: Adrian Somerfield 
  Date: 23 / 11 / 08 
******************************************************************/

/******************************************************************
 +Overall Colors and Styles
******************************************************************/



body {
	background-color: #ffffff;
   margin: 0px;
font-size: 10px;
word-spacing: 2px;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.activation_button{
	position: relative;
		top: -155px;
		left: 155px;
		border: none;
		
		}
		
				
		.activation_button a:hover img { border: 0; }
		.activation_button img { border: 0; }
		
a         { text-decoration: underline;}
a:link    { color: #163995; }
a:visited { color: #000000; }
a:hover   { color:#000000;  }
a:active  { color: #000000;}
 
/******************************************************************
 +page skeleton
******************************************************************/		
		

#wrapper{
	position: relative;
	text-align: left;
	margin-top: 20px;
	width: 816px;
	margin-right: auto;
	margin-left: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #163995;
  background-image: url("../images/bg_cons.gif");
background-repeat:repeat-x;

		}


#logo{
	float: left;
 background-color: white;
 width: 815px;

}



#table_title_roof_page{
	position: relative;
	width: 560px;
	top: 50px;
font-family: Verdana, Arial, Helvetica, "sans-serif medium";
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	background-color: #ffffff;
	margin-top: 2px;
	padding-left: 35px;
	color: #163995;
	
}

/*horizontal navigational menu	 */ 

#navcontainer
{
	float: right;
	overflow: hidden;
	width: 620px;
	border-style: solid;
	border-left-width: 5px;
	border-right-width: 5px;
	border-color: #FFFFFE;
	background-color: #cff38f;
	height: 30px;
	text-decoration: underline;
	
	} 
  
  
  /*horizontal navigational menu NNNNNNNNNNNNNNNNNNNNEEEEEEEEEEEEWWWWWWWWWW	 */ 

#navcontainer_h
{
	float: left;
	width: 815px;
	background-color: #cff38f;
	height: 30px;
	text-decoration: underline; 	
	} 
  
  	/*horizontal navigational menu buttons	 */ 
	
#navlist_h
{
list-style-type: none;
margin: 0;
padding: 0;

font-size: 13px;
text-decoration: underline;
}

#navlist_h li
{
float: left;
line-height: 30px;
margin: 0 .8 0 -8px;
padding: 0 10px 0 10px;
text-decoration: underline;
}	
	
	 #wrapper_home{
	position: relative;
	text-align: left;
	margin-top: 20px;
	width: 816px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFE;
		background-color: #FFFFFE;	
			}    

	
	#content_small_right{
	float: left;
	width: 635px;
	padding: 0 10px 20px 10px;
	margin: 0 0px 5px 0px;
	background-color: #FFFFFE; 
  min-height: 620px; 
  }
  
   #navcontainer_vt
{
float: left;
margin-bottom: 10px;
background-color: transparent;
width: 160px;
}

#navlist_vt
{
	padding-left: 0;
	margin-left: 0;
	width: 160px;	
}


#navlist_vt li
{
	list-style: none;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#navlist_vt li a {
	text-decoration: underline;
	font-size: 13px;
	color: #FFFFFE;
	
 }
  
    .header_home_new{
	font-family: Verdana, Arial, Helvetica, "sans-serif medium";
	float: left;
	width: 660px;
	font-size: 10px;
	line-height: 18px;
	color: #163995;
	padding-bottom: 5px;
	padding-left: 1px;
	margin-top: 1px;	
		}
		
		
		
		#stylebutton2{
	float: left;
	width: 591px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 1px;	
		}
  
   /*END++++++++++++++++++++++++++++++++++ NNNNNNNNNNNNNNNNNNNNEEEEEEEEEEEEWWWWWWWWWW	 */ 

	
	/*horizontal navigational menu	 */ 
	
#navlist
{
list-style-type: none;
margin: 0;
padding: 0;

font-size: 13px;
text-decoration: underline;
}

#navlist li
{
border-left: 2px solid #FFFFFE;
float: left;
line-height: 30px;
margin: 0 .8 0 -8px;
padding: 0 10px 0 10px;
text-decoration: underline;
}

/*horizontal navigational menu bottom	 */ 

#bottom_navcontainer
{
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	width: 600px;
	border-style: solid;
	border-left-width: 5px;
	border-right-width: 5px;
	border-color: #FFFFFE;
	background-color: #FFFFFE;
	text-decoration: underline;
	
	}

	
	/*horizontal navigational menu	 */ 
	
#bottom_navlist
{
list-style-type: none;
margin: 0;
padding: 0;

font-size: 13px;
text-decoration: underline;
}

#bottom_navlist li
{
border-left: 2px solid #FFFFFE;
float: left;
line-height: 30px;
margin: 0 .8 0 -8px;
padding: 0 10px 0 10px;
text-decoration: underline;
}




#bottom_navcontainer2
{
	position: relative; 
	display: block;
	margin-top: 5px;
	width: 600px;
	border-style: solid;
	border-left-width: 5px;
	border-right-width: 5px;
	border-color: #FFFFFE;
	height: 30px;
	text-decoration: underline;
	font-size: 6px;
	
	}
	
	  #bottom_navcontainer li{
       font-size: 10px; 
  }

  #bottom_navcontainer2 li{
       font-size: 10px; 
  }
	
	/*horizontal navigational menu	 */ 
	
#bottom_navlist2
{
list-style-type: none;
margin: 0;
padding: 0;

font-size: 13px;
text-decoration: underline;
}

#bottom_navlist2 li
{
border-left: 2px solid #FFFFFE;
float: left;
line-height: 30px;
margin: 0 .8 0 -8px;
padding: 0 10px 0 10px;
text-decoration: underline;
}
	/*vertical navigational menu	 */ 	
	
#navcontainer_v
{
float: left;
margin-bottom: 10px;
background-color: #8de2ff;
overflow: hidden;
width: 160px;
}


#navlist_v
{
	padding-left: 0;
	margin-left: 0;
	width: 160px;	
}
#navlist_v li
{
	list-style: none;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#navlist_v li a {
	text-decoration: underline;
	font-size: 13px;	
 }
 

 
  /*some pages require different content holders than others */ 
 
  .mainbody{
	  background-color: #FFFFFE;
  color: #000000;
  margin: 0px;
  padding-left: 1px;
    padding-right: 25px;
font-size: 10px;
line-height: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;}
  
  
   #content_standard{
	width: 600px;
	margin-left: 1px;	
	 font-size: 10px;
	 line-height: 18px;
	 border: collapse;
	   padding-right: 10px;
	  padding-right: 5px;
	
 }
 
  #content_standard_b{
	width: 600px;
	margin-left: 1px;	
	 font-size: 10px;
	 line-height: 18px;
	 border: collapse;
	  margin-bottom: 160px;
	  padding-right: 5px;
	 height: 500px;
 }
 
 
 #content_standard_c{
	width: 580px;
	margin-left: 1px;	
	 font-size: 10px;
	line-height: 18px;
	 border: collapse;
	  margin-bottom: 180px;
	 padding-right: 10px;
	  padding-right: 5px;
	 height: 500px;
 }
  
  
 #content{
	float: left;
	width: 635px;
	padding: 0 10px 0 10px;
	background-color: #FFFFFE;
	
 }
 
 #content_checkout{
 float: left;
	width: 635px;
	padding: 0 10px 0 10px;
	background-color: #FFFFFE;	
 }
 
 #content_medium{
	width: 620px;
	margin-left: 180px;
	line-height: 18px;
	height: 330px;
	font-size: 10px;
	padding-left: 20px;
	
 }
 
 #content_medium_large{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		height: 1400px;
		font-size: 10px;
 }
 
 #content_large{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		height: 1600px;
		font-size: 10px;
 }
 
  #content_large2{
	width: 650px;
	margin-left: 200px;
	line-height: 18px;
	height: 500px;
	
 }
 
  #content_large3{float: left;
	width: 635px;
	padding: 0 10px 0 10px;
	background-color: #FFFFFE;
	
		
 }
 
 
  #content_small{ 
	left:0px;
	top: 0px;
	width: 610;
	margin-left: 160px;
	background-color: #FFFFFE;
	height: auto;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
 
 #content_v_small{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 800px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
 
  #content_why{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 800px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
   #content_products{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 900px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
  #content_ordering{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 900px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
 #content_specifications{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 900px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
 #content_delivery{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 900px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
 #content_be_spoke{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 900px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
#content_guar{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 900px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
 #content_employ{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 900px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
 
  #content_contact{
	left:0px;
	top: 0px;
	width: 610px;
	margin-left: 180px;
	background-color: #FFFFFE;
	height: 825px;
	line-height: 18px;
	font-size: 10px;
	border-style: solid;
	border-top-width: 20px;
	border-left-width: 10px;
		border-right-width: 13px;
		border-color: #FFFFFE;
		font-size: 10px;
 }
 
 
 
  /*this container holds the content for all grid contents because the grid's need a slightly different
  alignment than other elements */ 
 #container{
	float: left;
	width: 635px;
	padding: 0 10px 0 10px;
	background-color: #FFFFFE;  
  }
 
 
 #container2{
		 float: right;
	width: 620px;
	background-color: #FFFFFE;
	line-height: 18px;
	font-size: 10px;
	margin-top: 10px;
	
	margin-right: 5px;

		
 }
 
 #container3{
	float: right;
	width: 620px;
	background-color: #FFFFFE;
	line-height: 18px;
	font-size: 10px;
	margin-top: 10px;
	margin-right: 5px;

		
 }
 
  #container3_p{
	float: right;
	width: 620px;
	background-color: #FFFFFE;
	line-height: 18px;
	font-size: 10px;
	margin-top: 10px;
	
	margin-right: 5px;

		
 }
 
 
 
 
 /*this container holds the content for all non-grid content elements */ 
 #container_non_grid{
	width: 650px;
	margin-left: 170px;
	margin-top: 100px;
	border-collapse: collapse;
	line-height: 18px;
	
	
 }
 
 
  
 /******************************************************************
 +Overall Colors and Styles
******************************************************************/ 
  
.important_instructions{font-style: bold;
	color: red;
	font-size: 12px;
	
	
	
	}
  .header_home{
	font-family: Verdana, Arial, Helvetica, "sans-serif medium";
	float: left;
	width: 600px;
	font-size: 10px;
	line-height: 18px;
	color: #163995;
	padding-bottom: 5px;
	padding-left: 1px;
	margin-top: 1px;
	
		}
	

  .header_normal{
	font-family: Verdana, Arial, Helvetica, "sans-serif medium";
	float: left;
	width: 100%;
	font-size: 14px;
	color: #163995;
	padding: 15px 5px 5px 5px;
background-color: transparent;	
		}
		
		  .header_tips{
	font-family: Verdana, Arial, Helvetica, "sans-serif medium";
	float: left;
	width: 100%;
	font-size: 13px;
	color: #163995;
	padding-bottom: 5px;
	margin-top: 1px;
background-color: transparent;	
		}
		
	
  
	.header_sub{
	font-family: Verdana, Arial, Helvetica, "sans-serif medium";
	font-size: 13px;
	padding-bottom: 1px;
	
		}	
		
		.steps{
		float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif medium;
	color: #163995;
	width: 625px;
	background-color: #cff38f;
	font-size: 12px;
	font-weight: bold;
	padding-top: 1.5px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-bottom: 10px;
	margin-top: 15px;	
		}
		
		.steps_no_margin{
	font-family: Verdana, Arial, Helvetica, sans-serif medium;
	color: #163995;
	width: 573px;
	background-color: #cff38f;
	font-size: 10px;
	font-weight: bold;
	padding-left: 6px;	
	margin-top: 15px;
	
	
		}
		
		.header_instructions1{
		float: left;
		width: 635px;
	font-family: Verdana, Arial, Helvetica, "sans-serif medium";
	font-size: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	line-height: 18px;
	color: #000000;
		}
		
		.header_instructions2{
	font-family: Verdana, Arial, Helvetica, "sans-serif medium";
	font-size: 10px;
	font-weight: bold;
	padding: 10px;
	background-color: #ECEDEE;
	line-height: 18px;
	color: #163995
		}
		
		.bulleted_points{
			font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	padding-left: 2px;
padding-bottom: 2px;
		}
		
		
		#notes{
		position: relative;
			line-height: 18px;
		width: 625px;
		margin-top: 10px;
	background-color: #cff38f;
	padding: 0px 0px 0px 0px;
		}
		
		.mainbody_notes{
	  background-color: #cff38f;
  color: #000000;
  margin: 0px;
 line-height: 18px;
  padding: 5px;
font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;}
  
  .notes_txt{
  float: left;
	  background-color: #cff38f;
  color: #000000;
  width: 625px;
  margin: 0px;
 line-height: 18px;
  padding: 5px;
font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
	
		#notes1{
		position: relative;
		margin-left: 40px;
		width: 500px;
		margin-top: 10px;
	background-color: #cff38f;
	line-height: 18px;
	border-style: solid;
	border-color: #163995;
	border-width: 5px;
	padding: 5px;
		}
		
		
  
/******************************************************************
 +shopping cart and images
******************************************************************/		
		
		
 
 
 #cart{float: left; 
	background-color: transparent;
	font-size:10px; 
	width: 157px;
  border: solid #DBDBDB 1px; 
		
 }
	
	#cart_title{
		font-weight: bold;
		font-size: 14px;
		text-align: center;		
		color: #cff38f;
		background-color: transparent;
	}
	
	#cart_body{ 		
		font-size: 10px;
		background-color: transparent; 
	    color: #FFFFFE;	
      text-align: left;		
	}
	
		.cart_txt{
			     padding-left: 2px;
		padding-right: 2px;
		text-align: left;
	}
	
			.tick{
			     padding-left: 2px;
		padding-right: 2px;
		color: #459125;
		background-color: #FFFFFE;
		text-align: left;	
	}
	 
	#cart_link{
position: relative;
		font-size: 10px;
		font-weight: bold;
		margin: 1px;
		text-align: center;
		color: red;
			}
			
				#cart_link a:link{
		font-size: 10px;
		font-weight: bold;
		padding-bottom: 2px;
		text-align: center;
		color: #DC143C;
			}
			
				#cart_link a:visited{
		font-size: 10px;
		font-weight: bold;
				text-align: center;
		color: #DC143C;
			}
			
			#special_offer{
				float: left;
				margin-right: 5px;
				width: 232px;
				border-color: #FFFFFE;
				border: 1px;
				border-style: solid;
			}
	
			#feature_home_image{
				float: right;
				margin-right: 5px;
				margin-left: 5px;
				Width: 230px;
				border-color: #FFFFFE;
				border: 1px;
				border-style: solid;
				
			}
			
	
 
 .featureimage{
 float:right;
 width: 186px;
 }
 
 
 .featureimage2{
 float:right;
 width: 142px;
 padding: 2px;
 }
 
 
  .featureimage3{
 float:right;
 width: 142px;
 padding: 2px;
 }
 
 .featureimage4{
 float:right;
 width: 142px;
 padding: 2px;
 }
 
 .featureimage4{
 float:right;
 width: 142px;
 padding: 2px;
 }
  .featureimage5{
 float: right;
 width: 350px;
 padding: 2px;
 margin-right: 10px;
 text-align: center;
 }
 
  /* for  Image positions on the glass options page. */
 #glass_imagebox{
 float:left;
	width: 625px;
	padding: 3px;
	margin-bottom: 5px;
	
}

  /* for  Image positions on the change options page. */
 #change_imagebox{
	height: 115px;
	width: 600px;
	padding: 1px;
	
}
 
  
 /* for  Image positions on the roof options page. */


#roof_imagebox{
	float: right;
	width: 320px;
	height: 280px;
	background-color: #FFFFFE;
}



#imager1{
	float: right;
	width: 142px;
	padding: 2px;
	text-align: center;
}



#imager2{
	float: right;
	width: 142px;
	padding: 2px;
	text-align: center;
	}

	#imager3{
	float: right;
	width: 142px;
	padding: 2px;	
	text-align: center;
	}

	
	
	#imager4{
	float: right;
	width: 142px;
	padding: 2px;
	text-align: center;
	}
	 
	
	
	#imager5{
	float: right;
	width: 142px;
	padding: 2px;
	text-align: center;
	}
	
	
	
	
/******************************************************************
 +grid positioning and Styles
******************************************************************/	
 /*the 4 tables below are the formats for the grids on the 
	select the type of glass (construction material) for the conservatory */ 	
 
 #table1_material{
		background: #FFFFFE;
	padding-right: 1px;
	padding-top: 8px;	
	border-spacing:10px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
}

#table1_material th {	
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	background: #163995;	
	height: 20px;
	color: #cff38f;
	border-left: 100px;
		}
 
 #table1_material tr{
	background:#E8D8C8;
	border-spacing:2px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
	height: 20px;
	background: #FFFFFE;
	font-size: 10px;
	
}
 
#table1_material td {
	text-align: center;
	vertical-align: middle;
	border-spacing:2px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
	background: #cff38f;
			
	}
	
#table2_material{
	border-collapse: collapse;
	background: #FFFFFE;
		border-spacing:10px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
	
}

#table2_material th {	
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	background: #163995;	
	height: 20px;
	color: #cff38f;
		}
 
 #table2_material tr{
	background:#E8D8C8;
	border-spacing:10px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
	height: 20px;
	background: #FFFFFE;
	font-size: 10px;	
}
 
#table2_material td {
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	background: #cff38f;
	
		
	}
	
	#table3_material{
	border-spacing:10px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
	background: #FFFFFE;
	
		
}

#table3_material th {	
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	background: #163995;	
	height: 20px;
	color: #cff38f;
		}
 
 #table3_material tr{
	background:#E8D8C8;
	border-collapse: collapse;
	height: 20px;
	background: #FFFFFE;
	font-size: 10px;
}
 
#table3_material td {
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	background: #cff38f;		
	}
	
	#table4_material{
	border-spacing:10px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
	background: #FFFFFE;
	margin-top: 0px;
	border-top: 0px;

}

#table4_material th {	
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	background: #000000;
	height: 20px;
color: #cff38f;	
		}
 
 #table4_material tr{
	background:#E8D8C8;
	border-collapse: collapse;
	height: 20px;
	background: #FFFFFE;
	font-size: 10px;
}
 
#table4_material td {
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	background: #cff38f;		
	}
	
	
 
 /*the tables below are the formats for the grids on the 
	select the type of roof (construction material) for the conservatory */  
.table1{
border-spacing:10px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
	background: #FFFFFE;
	padding-bottom: 25px;
	padding-right: 1px;	
}
	
.table1 th {	
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	background: #163995;	
	height: 20px;
	color: #cff38f;
	
	}

.table1 tr {
	background:#E8D8C8;
	border-collapse: collapse;
	height: 20px;
	background: #FFFFFE;
	font-size:10px;
			}
			
		.table1 td {
	text-align: center;
	border-collapse: collapse;
	background: #cff38f;
					
	}
	
	
	.table1p{
float: left;
width: 600px;
border-spacing:10px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
	background: #FFFFFE;
	padding-bottom: 25px;
	padding-right: 1px;	
}
	
.table1p th {	
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	background: #163995;	
	height: 20px;
	color: #cff38f;
	
	}

.table1p tr {
	background:#E8D8C8;
	border-collapse: collapse;
	height: 20px;
	background: #FFFFFE;
	font-size:10px;
			}
			
		.table1p td {
	text-align: center;
	border-collapse: collapse;
	background: #cff38f;
					
	}
		
.vertical_border{
	vertical-align:middle;
	background:#FFFFFE;
	float: left;
	 border-left: 1px solid #FFFFFE;
	  border-top: 1px solid #FFFFFE;
	 color: #cff38f;
	 margin-top: 45px;
      
}

.vertical_border tr{
	text-align: center;
	height: 20px;
	background: #163995;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
			
			}
	
.vertical_border th{
	height: 20px;
	background: #FFFFFE;
	color:#FFFFFE;
	
		}
	
	
.vertical_border td {
	width: 10px;
	text-align: center;
	font-weight: bold;
	padding-top: 1px;
	
	}
		
	.table_vent_op{
	float: left;
	background: #FFFFFE;
	width: 625px;
	vertical-align: middle;
	padding: 0px 0px 0px 3px;
}

	

.table_vent_op th {	
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	background: #163995;
color: #cff38f;	
	
		}

.table_vent_op tr {
	background:#E8D8C8;
	border-collapse: collapse;
	height: 30px;
	background: #FFFFFE;
	vertical-align: 50%;
			}
		
.table_vent_op td {
	width: 200px;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	background: #cff38f;
	vertical-align: 50%;				
	}


	
	 /*this is new format for the main tables */
	.main_table{
		padding-bottom: 1px;
		float: left;
		width: 550px;
		color: #163995;
		font-weight: bold;
		border-spacing:10px;
	
		}
		
	
		.main_table td{
		text-align: center;
	vertical-align: middle;
	border-spacing:2px;
border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/
	background: #cff38f;
		}
		
		.main_table th {	
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	background: #163995;
	height: 20px;
	color: #cff38f;	
		}
	
	.main_table tr{
	background:#E8D8C8;
	border-collapse: collapse;
	height: 20px;
	background: #FFFFFE;
	font-size: 10px;
}

		 .tables_main{
	float: right;
	width: 600px;
	
}
		 .boxed{
	float: right;
	width: 610px;
	margin-top: 20px;
	margin-left: 5px;
	background-color: #FFFFFE;
	
}

/*this is the format for the title above the the tables 
	 */  
	 
	 .title_link_first_new{
		padding-bottom: 5px;
		float: right;
		width: 590px;
		color: #163995;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFFE;
		}

.vertical_border_new{
	vertical-align:middle;
	background:#FFFFFE;
	float: left;
	width: 50px;
	margin-top: 21px;
	padding-bottom: 3px;	
	 border-left: 1px solid #FFFFFE;
	  border-top: 1px solid #FFFFFE;
	 color: #cff38f;	 
}

.caption_width{
		padding-bottom: 3px;
		float: right;
		width: 620px;
		color: #163995;
		text-align: center;
	font-size: 9px;
	font-weight: bold;
			}
		
		.caption_proj{
		padding-bottom: 3px;
		float: right;
		width: 620px;
		color: #163995;
		text-align: left;
	font-size: 9px;
	font-weight: bold;
	
		}

.vertical_border_new th{
	background: #FFFFFE;
	color:#FFFFFE;
			}

.vertical_border_new tr{
	text-align: center;
	background: #163995;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	
	
			}
	
	
.vertical_border_new td{
	width: auto;
	text-align: center;
		font-weight: bold;
		
	
	}	
	
 /*this is the format for the title above the the tables 
	 */  
	 
}
	 
	.title_link_first{
		padding-bottom: 10px;
		position: relative;
		top: 55px;
		width: 580px;
		color: #163995;
	font-size: 11px;
	font-weight: bold;
		}
		
	.title_link_first a:link {color: #163995; font-weight: bold;}
	.title_link_first a:visited { color: #000000; }
	.title_link_first a:hover   { color:#000000;   }
	.title_link_first a:active  { color: #163995;}
	
		
	
	.title_link_others1{
		position: relative;
		top: 55px;
		padding-bottom: 10px;
	width: 560px;
	color: #163995;
	font-size: 11px;
	font-weight: bold;
	
	}
		
	.title_link_others1 a:link {color: #163995; font-weight: bold;}
	.title_link_others1 a:visited { color: #000000; }
	.title_link_others1 a:hover   { color:#000000;   }
	.title_link_others1 a:active  { color: #163995;}
	
	.title_link_others2{
		position: relative;
		top: 55px;
		padding-bottom: 10px;
		width: 560px;
		font-size: 11px;
	font-weight: bold;
	}
		
	.title_link_others2 a:link {color: #163995; font-weight: bold;}
	.title_link_others2 a:visited { color: #000000; }
	.title_link_others2 a:hover   { color:#000000;   }
	.title_link_others2 a:active  { color: #163995;}
	
	.title_link_others3{
		position: relative;
		top: 65px;
	padding-bottom: 10px;
	width: 560px;
	color: #163995;
	font-size: 11px;
	font-weight: bold;
	}
		
	.title_link_others3 a:link {color: #163995; font-weight: bold;}
	.title_link_others3 a:visited { color: #000000; }
	.title_link_others3 a:hover   { color:#000000;   }
	.title_link_others3 a:active  { color: #163995;}
	
	.title_link_others4{
		position: relative;
		top: 65px;
	padding-bottom: 10px;
	width: 560px;
	color: #163995;
	font-size: 11px;
	font-weight: bold;
	}
	.title_link_others4 a:link {color: #163995; font-weight: bold;}
	.title_link_others4 a:visited { color: #000000; }
	.title_link_others4 a:hover   { color:#000000;   }
	.title_link_others4 a:active  { color: #163995;}
	
	
		.horizontal_legend{
			color: #163995;
			text-align: right;
			font-size: 10px;
			padding-top: 5px;
			width: 350px;
				}

				#vertical_legend1{
	position: relative;
	top: 180px;
	left: 560px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}


#vertical_legend1_p{
	position: relative;
	top: 80px;
	left: 520px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}
	
#vertical_legend1_lean{
	position: relative;
	top: 95px;
	left: 420px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}

#vertical_legend1_hip_glass{
	position: relative;
	top: 125px;
	left: 450px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}

#vertical_legend1_glass_hip
{
	position: relative;
	top: 125px;
	left: 450px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}

			
			
			#horizontal_legend2{
			position: relative;
			top: 65px;
			left: 220px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 200px;
					
		}


#vertical_legend2{
	position: relative;
			top: 160px;
			left: 560px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;
}

#vertical_legend2_p{
	position: relative;
			top: 80px;
			left: 520px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;
}


#vertical_legend2_lean{
	position: relative;
			top: 110px;
			left: 420px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;
}

#vertical_legend2_hip_glass{
	position: relative;
	top: 125px;
	left: 450px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}

#vertical_legend1_glass_hip
{
	position: relative;
	top: 125px;
	left: 450px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}


#vertical_legend2_glass_hip
{
	position: relative;
	top: 125px;
	left: 450px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}
			
			
			#horizontal_legend3{
			position: relative;
			top: 65px;
			left: 220px;
			font-size: 10px;
			font-weight: bold;
			color: #163995;	
			width: 200px;
					}


#vertical_legend3{
	position: relative;
			top: 160px;
			left: 560px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;
}

#vertical_legend3_p{
	position: relative;
			top: 80px;
			left: 520px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;
}
	
#vertical_legend3_lean{
	position: relative;
			top: 100px;
			left: 420px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;
}
			
	#vertical_legend3_hip_glass{
	position: relative;
	top: 125px;
	left: 455px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}	

#vertical_legend3_glass_hip
{
	position: relative;
	top: 125px;
	left: 455px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}
			
			#horizontal_legend4{
			position: relative;
			top: 65px;
			left: 220px;
			font-size: 10px;
			font-weight: bold;
			color: #163995;		
			width: 200px;
			
		}


#vertical_legend4{
	position: relative;
			top: 160px;
			left: 560px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;
}
			
	#vertical_legend4_p{
	position: relative;
			top: 80px;
			left: 520px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;
}

#vertical_legend4_lean{
	position: relative;
			top: 110px;
			left: 420px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;
}

	#vertical_legend4_hip_glass{
	position: relative;
	top: 125px;
	left: 450px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}

#vertical_legend4_glass_hip
{
	position: relative;
	top: 125px;
	left: 450px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}
			#horizontal_legend5{
			position: relative;
			top: 40px;
			left: 220px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 200px;
			
		}
#vertical_legend5{
	position: relative;
			top: 160px;
			left: 560px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;			
}

#vertical_legend5_p{
	position: relative;
			top: 80px;
			left: 520px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;			
}

#vertical_legend5_lean{
	position: relative;
			top: 110px;
			left: 420px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 10px;
			text-align: center;			
}

#vertical_legend5_glass{
	position: relative;
	top: 125px;
	left: 450px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}

#vertical_legend5_glass_hip
{
	position: relative;
	top: 125px;
	left: 450px;
	color: #163995;
	font-size: 10px;
	font-weight: bold;			
}
#horizontal_legend1_glass_hip_roof_options{
			position: relative;
			left: 220px;
			top: 42px;
			color: #163995;
			font-size: 10px;
			font-weight: bold;
			width: 200px;
				
		}
			
	/*the grids below help hold individual tables (conservatory
	with roof selection pages)and their respective elements in place */ 		
			
			#grid1{
				width: 100%;
			background-color: #FFFFFE;
				padding-bottom: 15px;
								
			}
			
			#grid2{
				width: 100%;
				background-color: #FFFFFE;
				padding-bottom: 15px;
				
			}
			
			#grid3{
				width: 100%;
				background-color: #FFFFFE;
				padding-bottom: 15px;
				
			}
			
			#grid4{
				width: 100%;
				background-color: #FFFFFE;
				padding-bottom: 15px;
				
			}
			
			#grid5{
				width: 100%;
				background-color: #FFFFFE;
				padding-bottom: 15px;
				
			}
			
			#grid6{
				
				
			}
			
			form{
				padding: 3px 6px 3px 6px;
			}
			input.txt {
				color: #00008b;
				background-color: #000000;
				border: 1px inset #00008b;
			}
			
	/*the setting below are for the conservatory styles page. The header and the settings for the picture callery.  */ 
	
	
	#header_gallery{
	font-family: Verdana, Arial, Helvetica, "sans-serif medium";
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	text-indent: 40px;
	
	}

#thumbs_style {
	float: left;
	list-style: none;
	line-height: 18px;
	width: 625px;
	border: solid #000000 1px;
	padding: 0px 0px 0px 5px;
	}

  

#thumbs_style li {
	float: left;
	width:135px;
   padding: 5px 10px 5px 10px;
	color: #333333;
	
	line-height: 18px;
}
#thumbs_style img {
	display: block;
	border: 1px solid #333300;
	
}



#thumbs_style2 {
	float: right;
	list-style-type: none;
	border-style: none;
	border-collapse: collapse;
	list-style: none;
	margin-right: 35px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 15px;
}
#thumbs_style2 li {
	float: left;
	width:135px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	line-height: 18px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #333333;
	border-collapse: collapse;
	text-align: center;
	background-color: #FFFFFE;
}
#thumbs_style2 img {
	display: block;
	border: 1px solid #333300;
	
}



#thumbs_style3 {
	float: left;
	height: 400px;
	list-style-type: none;
	line-height: 18px;
	border-style: none;
	border-collapse: collapse;
	list-style: none;
	width: 605px;
	margin-bottom: 25px;
	background-color: #FFFFFE;
	
}
#thumbs_style3 li {
	float: left;
	width:141px;
	margin-right: 3px;
	margin-left: 1px;
	margin-bottom: 10px;
	line-height: 18px;
	margin-top: 10px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFE;
	border-collapse: collapse;

	
}
#thumbs_style3 img {
	display: block;
	border: 1px solid #333300;
	
}


#footer{
width: 100%;
	height: 20px;	
float: left;
font-size: 12px;
color: #838B8B;
letter-spacing: 1px;
text-align: center;
}

#footer a{
font-size: 12px;
color: #838B8B;
text-decoration: none;
}






/* for  displays that pull product and images from database
the following container is used for the layout  of the 
colour page and .product is used to locate images*/

#container_float_prod{
	float: left;
	width: 560px;
	background-color: #FFFFFE;
	line-height: 18px;
	padding-left: 3px;
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 5px;
	font-size: 10px;
}

#container_float_prod_handles{
	float: right;
	width: 420px;
	background-color: #FFFFFE;
	line-height: 18px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 5px;
	margin-right: 20px;
	font-size: 10px;
}

#container_float_prod_packages{
	float: right;
	width: 365px;
	background-color: transparent;
	line-height: 18px;

	margin-right: 125px;
	font-size: 10px;
}

#container_float_prod2{
	
	margin-left:2px;  
	float: right;
	width: 560;
	line-height: 18px;
	background-color: #FFFFFE;
	font-size: 10px;
} 

#container_float_prod3{
	 float: left;
	width: 620;
} 


.product{
float: left;
width 200px;	
	background: transparent;
	margin: 3px 15px 3px 0px;
	
}

.product_hip{
	float: left;
	margin-left: 10px;
	margin-right: 600px;
	padding-top: 10px;	
	padding-bottom: 30px;
	padding-right: 20px;
	line-height: 18px;
	width: 400px;
	
}


/* for  displays that pull product and images from database
the following container is used for the layout  of the 
fanlight/small opener page */

#container_float_prod_opener_small{
	float: left;
	width: 620px;
	height: 300px;
	background-color: #FFFFFE;
	font-size: 10px;
	line-height: 18px;
	}

	
	#image_opener_small{
	float: left;
	width: 100px;
	padding-left: 10px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 20px;
}

#image_opener_side{
	float: left;
	padding-left: 10px;
	text-align: center;
	width: 110px;
	margin: 5px;
}


/* for  Image positions on the fanlight design page. */


#fan_design_imagebox{
	position: relative;
	width: 600px;
	height: 100px;
	padding-bottom: 5px;
	padding-top: 15px;
	margin-left: 5px;
	background-color: #FFFFFE;
}

#fan_design_imagebox2{
	width: 600px;
	height: 100px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-left: 5px;
	background-color: #FFFFFE;
}

#fan_design_tables1{
	position: relative;
	width: 600px;
	height: 10px;
	padding-bottom: 2px;
	padding-top: 15px;	
	background-color: #FFFFFE;
}
#fan_design_tables2{
	position: relative;
	width: 600px;
	height: 10px;
	padding-bottom: 2px;
	padding-top: 15px;	
	background-color: #FFFFFE;
}

.fan_design_table_left{
	position: relative;
	margin-right: 100px;
	margin-left: 40px;
	bottom: 40px;	
	padding-top: 0px;
	padding-bottom: 10px;	
	width: 220px;
	}
	
	.fan_design_table_right{
	position: relative;
	margin-left: 350px;
	bottom: 70px;
	padding-right: 10px;	
	padding-top: 0px;
	padding-bottom: 10px;	
	width: 220px;
	}
#image1f{
	position: relative;
	margin-right: 200px;
	margin-left: 90px;	
	padding-top: 0px;
	padding-bottom: 10px;	
	width: 220px;
	}

#image2f{
	position: relative;
	margin-left: 400px;
	bottom: 80px;
	padding-right: 10px;	
	padding-top: 0px;
	padding-bottom: 10px;	
	width: 220px;
		}

	#image3f{
	position: relative;
	margin-right: 200px;
	margin-left: 90px;	
	padding-top: 0px;
	padding-bottom: 10px;	
	width: 220px;
	}

	
	
	#image4f{
	position: relative;
	margin-left: 400px;
	bottom: 80px;
	padding-right: 10px;	
	padding-top: 0px;
	padding-bottom: 10px;	
	width: 220px;
	}
	
#image_card{
	float: left;
	padding: 10px;
	width: 140px;
text-align: center;
}

#image_card2{
	position: relative;
right: 1px;	
	width: 155px;
	background-color: transparent;
text-align: center;
	
}

#image_card3{
	position: relative;
right: 5px;	
	width: 155px;
	background-color: #8ce2ff;
text-align: center;
border-color: #8ce2ff;
border-top-color: #8ce2ff;
border-top-style: solid;
border-top-width: 0px;

border-left-color: #FFFFFE;
border-left-style: solid;
border-right-width: 5px;

border-right-style: solid;
	
}

#image1{
	float: right;
	padding: 10px;
	width: 100px;
	text-align: center;
	margin-right: 160px;
	}
#image2{
	float: right;
	padding-right: 65px;
	text-align: center;
	}

	#image3{
	float: left;
	padding-left: 50px;	
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	}

	#image4{
	float: right;
	padding-right: 70px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	}
	
	#image1hip{
	float: right;
	width: 255px;
	height: 175px;
	text-align: center;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	
}

#image2hip{
	float: right;
	width: 255px;
	height: 175px;
	text-align: center;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	
	}

	#image3hip{
	float: right;
	width: 255px;
	height: 175px;
	margin-left: 20px;
	margin-top:10px;
	margin-left:5px;
	margin-bottom:10px;
	margin-right: 10px;
	text-align: center;	
	
	}

	
	
	#image4hip{
	float: right;
	padding-right: 10px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	}
	
	
	.galleryimages{
	float: right;
	padding-right: 140px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	
	}
	
	.imgborder{
		border: 2px solid #163995;
	}

	
	.orders{
		float: left;
		width: 790px;
 background-color: #FFFFFE;
 margin: 0px;
 padding: 10px;
font-size: 10px;
border-left: 2px solid #163995;
border-right: 2px solid #163995;
border-top: 2px solid #163995;
border-bottom: 0;		
	}
	
	.items{	
		float: left;
		width: 500px;
	background-color: #cff38f;
 margin: 0px;
 padding: 10px;
font-size: 10px;
border-left: 2px solid #163995;
border-right: 2px solid #163995;
border-bottom: 2px solid #163995;
border-top: 0;
	}
	
	.box{
		
	 background-color: #FFFFFE;
	 width: 200px;
	 height: 50px;
  color: #000000;
  margin: 0px;
  padding: 10px;
font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;}
  				
	}
	
	#button1{
		position: relative;
		left: 1px;
		top: 15px;
		width: 60px;
		text-align: center;
	}
	
	
	#marketing{
		float: right;
		margin-right: 20px;
		color: #FFFFCC;
		width: 130px;
						
	}
	
	
	
	.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix{
		overflow: auto;
	width: 100%
}

/* Hide these rules from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}
/* End hide from IE-mac */
	
		.height_fix {
	clear: both;
	display: block;
	content: " ";
	height: 65px;
	visibility: hidden;
} 


.ta {scrollbar-base-color: #7abd2b; background-color: #EDF6D4;}

#contact-form{
	font: 1em Arial, Verdana, Helvetica, sans-serif; 
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
float: left;
width: 94%;
	padding-top: 0px;
	margin:0 auto;
	background-color: #CFF38F;
	display: block;
	margin: 10px 10px 10px 10px; 
	} 
	
	label { 
margin-right: 15px;
font-size: 1.1em;
}	

textarea:focus, input:focus {
        border: 2px solid #900;
}
	
	#contact_form, .name{
	padding: 3px 10px 10px 36px;
     float: left;
      display: block;
width: 300px;
	}
	
		#contact_form, .subject{
	padding: 3px 10px 10px 28px;
     float: left;
      display: block;        
width: 400px;
	}
	
	
		#contact_form, .email{
	padding: 3px 10px 10px 38px;
     float: left;
      display: block;
width: 400px; 
	}	
	
			#contact_form, .message{
	padding: 3px 10px 10px 16px;
     float: left;
      display: block;
width: 400px; 
	} 

			#contact_form, .button{
	padding: 3px 10px 10px 16px;
     float: left;
      display: block;
width: 400px;
	}
	
				#more-contact-details{
	padding: 3px 10px 10px 12px;
     float: left;
      display: block;
width: 400px; 
	}