/*style taken from the header file*/

.style1 {font-size: 16px; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; color: #2d2e8d; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.style3 {font-size: 11px; font-style: normal; line-height: 16px; font-variant: normal; text-transform: none; color: #2d2e8d; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.style4 {

  font-size: 10px;

  font-style: normal;

  line-height: 13px;

  font-variant: normal;

  text-transform: none;

  color: #333333;

  text-decoration: none;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-weight: bold;

}



body {

  background-color: #edeeef;

  margin-left: 0px;

  margin-top: 0px;

  margin-right: 0px;

  margin-bottom: 0px;

}



div.flash{

  margin-top: 10px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 10pt;

  font-style: normal;

  line-height: 13px;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  color: #333333;

  text-decoration: none;

}



div.flash-error{



  color:red;

  font-size: 11px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-style: normal;

  font-weight: bold;

}

fieldset#Errors {
	border: 2px solid black;
	font-family: arial;
}

fieldset#Errors legend {
	color: red;
	font-weight: bold;
	font-family: verdana;
	font-size: 80%;
}

fieldset#Errors ul {
	padding-left: 15px;	
}

fieldset#Errors ul li {
	font-size: 70%;
	
}

div.project{

  float: left;
  
  margin-top:10px;

  width:460px; 

  /*height:200px;*/
}



div.project-image{

  width:190px;

  /*height:160px;*/

  float:left;

}



div.project-image div{

 

 border:1px solid #D8D8D8;

 color: #D0D0D0;

 height: 150px;

 width: 150px;

 font-size: 10px;

 text-align: center;

 padding-top: 6px;

 

}



div.project-image div a {

  text-decoration:none;

  font-size: 14px;

  color: #D0D0D0;

}





div.project-sep{

  text-align:center;

  /*height:10px;*/

  

}



div.project-data{

  float: right;
  width: 270px;

}



div.project-data div.top{

  /*height:20px;*/

  padding: 5px;

  

}





div.project-data div.description{
  
  /*border: 1px solid green;*/
  
  width: 200px;
  float: left;
}





div.project-data div.bottom{
  /*border: 1px solid red;*/
  float: left;
  text-align:left;

}





.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }



.form-button{



}



div.errtxt{

  color:red;

  font-weight:bold;  

}



/***************registration page ********/





div.signup{



  margin:20px;

  

}



div.signup-block{

  

  margin-left:10px;

}



div.signup-item{

  width:110px;

  padding-right: 20px;

  text-align:right;  

  float:left;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-style: normal;

  line-height: 16px;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  color: #2d2e8d;

  text-decoration: none;  

  font-weight:bold;

}



div.signup-spacer{



  background-color: #caccce;

  height:2px;

  line-height:0px;

  padding: 0px;

  margin-top:30px;

  margin-bottom:30px;

  margin-left:20px;  

  width:455px;

}







div.signup div.buttons{

  margin-left:150px;

}



/**************Project Edit page************/



div.stone_list{

  float:left; 

  width:100px;

  text-align:center;  

  height: 120px;

  margin-top:5px;

}



div.stone-list-name{

  

  float: left;

  width: 200px;

}

div.stone-list-remove{

  

  float: left;

}



div.dropdown-submit{

  float: left;

  padding-top: 4px;

  

}

div.dropdown{



  float: left;

}



div.list-section-one{

  float: left;

  width: 150px;  

}



div.list-section-two{

  float: left;

}





select.project-stone-selection{

  width: 200px;

}



/*case study links on the resources page*/

div.cs-title{

  float: left;

  width: 190px;

}



div.cs-title-no-file{

  

  float: left;

  width: 260px;

}



div.cs-size{

  float: left;

  width: 70px;  

}



div.save-submit-button{  

  width:42px;

  float: left;

  margin-top:3px;

}



div.save-submit-button input{

  vertical-align: top;

}



div.filter-button{

  padding-left: 220px;

  padding-top:5px;

}



div.yes-button-submit{

  float: left;

  margin-right: 10px;

  margin-top: -3px;

}



/*form validation error messages*/

div.err-msg li{

  /*color:#2d2e8d;*/

  color:red;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

}



select{



  width:120px;



}







ul.search {



  list-style-type: none;

}



ul.search li{



  padding-top:5px;

}



/******Project_preview***********/



div.text-block{

  float: left; width:300px;

}

div.image-block{

  float: left;
  
  margin-top: 20px;

  margin-bottom: 20px;

  margin-left: 40px;

  margin-right:40px;

  width:150px;

  
}





/******specification listing**********/

div.spec-link{

   margin-top:5px;

   margin-left:10px;   

}



div.spec-link a{



    text-decoration:none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 9px;

    font-style: normal;

    line-height: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    color: #2d2e8d;    

}





/*********stone view**********/



a.large-image-link{

 color: #2d2e8d; 

 margin-left: 20px;

}



/********Links and buttons***********/







.form-button a, .form-button button{

    font-size: 10px;

    display:block;    

    float:left;

    font-style: normal;    

    margin:0px 0 0px 0;

    background-color: #edeeef;

    border:0;    

    border: 0px;

    line-height: 1px;

    color:#333333;

    cursor:pointer;    

    padding:0px 8px 0px 6px;

    font-variant: normal;

    text-transform: none;    

    text-decoration: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;

    margin-top: -1px;

}





div.button-link-single          {float:left; font-style: normal; margin:0px 0 0px 0; background-color: #edeeef; border:0; border: 0px; line-height: 1px; color:#333333; cursor:pointer; font-variant: normal; text-transform: none; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: -1px;}

div.button-link-single button   {float:left; font-style: normal; background-color: #edeeef; border: 0px; color:#333333; cursor:pointer; font-variant: normal; text-transform: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top:5px; font-size: 10px;} 

div.button-link-single button a {color:#333333; text-decoration: none;} 



div.button-link{

    float:left;

    font-style: normal;    

    margin:0px 0 0px 0;

    background-color: #edeeef;

    border:0;    

    border: 0px;

    line-height: 1px;

    color:#333333;

    cursor:pointer;

    font-variant: normal;

    text-transform: none;    

    text-decoration: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;

    margin-top: -1px;

 }



div.button-link button{

    float:left;

    font-style: normal;

    background-color: #edeeef;

    border: 0px;    

    color:#333333;

    cursor:pointer;

    font-variant: normal;

    text-transform: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;

    padding-top:-10px;

    font-size: 10px;

}



div.button-link button a{

  color:#333333;

  text-decoration: none;

  

}





div.button-link input.button{

    float:left;

    font-style: normal;

    background-color: #edeeef;

    border: 0px;    

    color:#333333;

    cursor:pointer;

    font-variant: normal;

    text-transform: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;

    padding-top:-10px;

    font-size: 10px;

}



div.button-link input.button a{

  color:#333333;

  text-decoration: none;

  

}





.with-button-link{

  border: 0px solid pink;

  float: left;

  /*margin-top: -2px;*/

}





div.blue-button-link{

    float:left;

    font-style: normal;    

    margin:0px 0 0px 0;

    background-color: #edeeef;

    border:0;    

    border: 0px;

    line-height: 1px;

    color:#ffffff;

    cursor:pointer;

    font-variant: normal;

    text-transform: none;    

    text-decoration: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    margin-top: -1px;

 }



div.blue-button-link button{

    float:left;

    font-style: normal;

    background-color: #2d2e8d;

    border: 0px;    

    color:#ffffff;

    cursor:pointer;

    font-variant: normal;

    text-transform: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 9px;  

    padding-top:-10px;

}



div.blue-button-link button a{

  color:#ffffff;

  text-decoration: none;

}

div.contact_spacer{

  float: left;
  width: 455px;

}

/***********Project view page***************/



div.stone-container{ float: left; width:230px; height: 110px; padding-bottom:25px; border:0px solid green}

div.stone-container div.stone-image{float:left; width:80px; height: 105px; margin-right: 5px;}

div.stone-container div.stone-text {width:140px; float:left; height: 105px; border:0px solid red}

div.stone-container div.stone-text div.title{width: 140px; height:auto; border:0px solid blue}

div.stone-container div.stone-text div.description{width: 140px; height:52px; float: right; border:0px solid pink}

div.stone-container div.stone-text div.stone-link{width: 140px; height:110px; border:0px solid red; }
    
    
.address{	margin-top: 10px;	margin-left: 28px;}

.address .row .label{	padding-top:2px;	float:left; width:120px;}

.address .row{ clear: both; margin-top:4px}

.address .row input{ float:left;	height:12px;	margin-left:5px; font-size: 90%;}


/*********** General styles ***************/
.mandatory {font-weight:bold;color:red;}
.padleft {padding-left:25px;}


.icon{
	
	margin-bottom: -5px;

}

#consumable-selection {width: 100%}

#product-selection input, #consumable-selection input{

	height: 12px;
	margin: 0px;
	padding: 0px;
	font-size:90%;

}

.order-summary div {

	float: right;
	clear: both;

}



/* Popup style */

.popup-content{

  padding: 20px;
  padding-top: 30px;

}

.popup-content .header{

	margin-bottom: 20px;

}



.popup-content .image{

	float:left;
	
	
}
.popup-content .details{

	padding:10px;
	float:left;
	
}

.popup-content .description{	
	
	clear:both;	
	padding-top:10px;

}


.search-link-small {
	padding-top: 20px;	
	width: 150px;
	text-align: center;
}