﻿/*aretfact collectionstyles */

.intro_skip {font-style:italic;
             text-align:center;
             font-size:14px;
            }

/*
h3 	{	font-size: 28px;
		font-weight:bold;
		margin:20px 0px 10px 5px;
		}

h4	{	font-size: 20px;
		font-weight:bold;
		margin:0px 0px 10px 0px;
	}	

*/

.artefact_intro  {margin: 10px 25px 20px 25px;
				  display: block;
				  clear:both;
				}

            
.artefact_intro p {font-size:14px;
				   margin: 0px 5px 10px 5px;
					}


.artefact_intro h2 {font-size:18px;
				  font-weight:bold;
				  padding: 10px 0px 10px 5px;
				  }

.artefact_intro_figureleft  { margin: 5px 20px 10px 5px;
				  float:left;
				  width:300px;
				}

.artefact_intro_figureleft img {width:300px;
					            margin: 0px 0px 5px 0px;
				            	}   

.artefact_intro_figureright  { margin: 5px 5px 10px 20px;
				  float:right;
				  width:300px;
				}

.artefact_intro_figureright img {width:300px;
					            margin: 0px 0px 5px 0px;
				            	}   


.artefact_intro_figurecentre  { margin: 20px auto 20px auto;
					clear:none;
					width:600px;
				}
		
.artefact_intro_figurecentre img {display: block;
					  margin: 0px auto 5px auto;		 
					}


.artefact_intro_figcaption  {font-style:italic;
			  margin: 0px 0px 0px 0px;
			  text-align:center;
			  font-size:14px;
		  }

.video_right	{ float: right;
				  margin:10px 5px 10px 10px;
				  }
				  
.video_left		{ float: left;
				  margin:10px 10px 10px 5px;
				  }
				

.artefact_intro ul {list-style:square;
					margin: 20px 0px 20px 80px;
                 }
                 
.artefact_intro li {font-size:14px;
                  line-height:180%;
                  }
                  


.artefact_collection	{margin: 10px 25px 20px 25px;
						 display: block;
						 clear:both;
						}
						
.artefact_collection p	{margin: 10px 5px 10px 5px;
						}
						

.artefact_collection h3 {	font-size: 28px;
   		                    font-weight:bold;
		                    margin:20px 0px 10px 5px;
		                 }


.artefact_collection_all	{margin: 10px 30px 20px 30px;
							 display: block;
							}
							
.artefact_collection_all p {margin: 0px 0px 0px 0px;
							}

.orderedby p {font-size:18px;
			font-weight:bold;
			}
								
							 
.thumbnail	{ margin:5px 5px 5px 5px;
			  float:left;
			  border-radius:30px;
			  border-style:solid;
			  border-width:2px;
			  border-color:#666666;
			  width:156px;
			  height:200px;
			  position:relative;
			  background-color:#CCCCFF;
			  }
			  

.thumbnail img {margin: 5px 3px 5px 3px;
				position:absolute;
				bottom:15px;
				}
				
.thumbnail h4 {font-size:14px;
				font-weight:bold;
				text-align:center;
				margin:10px 5px 0px 5px;
			}
						
.thumbnail h5	{font-size:14px;
				 text-align:center;
				 margin: 0px 0px 0px 10px;
				 position:absolute;
				 bottom:0px;
				 left:50px;
				 }
				 
.thumbnail a:link {text-decoration:none; color:#333333;}
.thumbnail a:visited {text-decoration:none; color:#333333;}
.thumbnail a:hover {text-decoration:underline; color:#0033CC; background-color:#FFFFFF}




.artefact	{float:left;
			 margin:20px 0px 0px 0px;
			 padding: 0px 0px 10px 0px;
			}


.artefact h4 {font-size:20px;
				 font-weight:bold;
				 display: block;
				}
				
				
.artefact_summary 	{ background-color:#CCCCFF;
					  border-color:#333333;
					  border-width:3px;
					  border-radius:30px;
					  border-style:solid;
					  width:450px;
					  float:left;
					  margin:10px 20px 20px 0px;
					  padding: 0px 0px 20px 0px;
					 }
					  
.artefact_summary img { margin: 10px 10px 10px 10px;
						 	display: block;
						 	margin-left:auto;
						 	margin-right:auto;
			  			}

.artefact_summary p { font-style:italic;
						font-size:14px;
						text-align:left;
						margin: 0px 0px 0px 10px;
						}				
	

			  
.artefact_des p {margin: 15px 10px 0px 0px;
				 font-size:14px;
				}

.end_list	{ clear:both;}

.dividing_line	img {display: block;
					margin-left:auto;
					margin-right:auto;
					}

/* styles for mobile search page */

#search_image 	{
				 width:200px;
				 margin: 20px 0px 50px 150px;
				 float: left;
                 }

#search_image img { border-radius:20px;
                  }
	
#search_form	{width:500px;
				 float:left;
				 margin: 20px 0px 30px 50px;
                 }

	
select[name=Manufacturer] {
	                      	margin: 25px 0px 20px 0px;
	 						padding:10px 20px 10px 20px;
							float:left;
    						width: 300px;
   						 	font-size:18px;
   						 	font-style:italic;
    						border-radius: 20px;
    						background-color: #e6e6e6;
						} 

select[name=ref] {	margin: 20px 0px 20px 0px;
					padding:10px 20px 10px 20px;
					float:left;
   					width: 300px;
    				font-size:18px;
    				font-style:italic;
    				border-radius: 20px;
   					background-color: #e6e6e6;
				} 


#select_mobile input { margin:20px 0px 0px 0px;
			padding: 10px 20px 10px 20px;
			width:300px;
			font-size: 18px;
			font-weight:bold;
			border-radius: 20px;
			float: left;
			background-color:#ccddff;
		
			}
	