/* compane name font benjamin caps 10pt */

/* title font maximo 9pt */



/* #sampleInstructions */
/* { */
/*  position: absolute; */
/*  height: 185px; */
/*  width: 200px; */
/*  left: 550px; */
/*  top: 295px; */
/*  border: 0px solid blue; */
/*  font-family: arial, sans-serif; */
/*  font-size: 16px; */
/*  font-style: normal; */
/*  color: rgb(63,41,22); */
/* } */

#sampleViews
{
  height: 183px;
  width: 570px;
  position: absolute;
  top: 404px;
  border-style: solid;
  border-color: blue;
  border-width: 1px;
  padding-left: 112px;
  padding-right: 112px;
  
}

.sampleView
{
  border-width:1px;
  border-style: solid;
  border-color: rgb(63,41,22);
  margin-right: 37px;

}

#verticalSpan
{
  height: 320px;
  position:absolute;
  left: 480px;
  width: 37px;
  border-right: 4px dotted rgb(63,41,22);
  top: 230px;	

}

.button
{
  padding-left: 10px;
  position: relative;
  border-color: blue;
  border-width: 0px;
  border-style: solid;
  height: 54px;
  width: 100px;
  float: left;
}

#buttonContainer
{ 
  position: absolute;
  top: 525px;
  left: 540px;
   border-color: blue;
  border-width: 0px;
  border-style: solid;
} 

#continueButton
{
  position:absolute;
  top: 525px;
  left: 600px;
} 

#contactUsTable
{
  font-family: arial, sans-serif;
 font-size: 16px;
 font-style: normal;
 margin-left: 12px;
 position: absolute;
 top: 242px;
 border: 0px solid blue;
  color: rgb(63,41,22);
}

body 
{

 background-color: rgb(219,233,124);	
 margin: 0px;
 padding: 0px;
 text-align: center;
	

}


#frame
{
 width: 800px;
 height: 610px;
 margin-right: auto;
 margin-left: auto;
 border-style: solid;
 border-width: 0px;
 border-color: black;
 text-align: left;
 position: relative;
 margin-top: 10px;

}

#innerFrame
{
 width: 790px;
 height: 590px; 
 position: relative;
 border-style: solid;
 border-width: 5px;
 border-color: rgb(63,41,22);	
 background-color: rgb(255,255,255);
 padding: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;

}

#companyName
{

}

#titleBar
{
 width: 778px;
 height: 50px;
 background-color: rgb(183,236,236);
 padding-left: 12px;
}


#verticalSpan
{
  height: 320px;
  position:absolute;
  left: 480px;
  width: 37px;
  border-right: 4px dotted rgb(63,41,22);
  top: 255px;	

}

#contactDetails
{
 position: absolute;
 height: 185px;
 width: 200px;
 left: 550px;
 top: 295px;
 border: 0px solid blue;
 font-family: arial, sans-serif;
 font-size: 16px;
 font-style: normal;
 color: rgb(63,41,22);
}

img { padding:0px; padding-left:0px;margin:0px; display: block; float: left;}

#menuBar
{
 width: 776px; 
 height: 30px;
 background-color: rgb(0,0,128);
 background-color: rgb(219,233,124);	
 position: relative;
 padding-left: 14px;
 border-style: solid;
 border-width: 1px;
 border-color: rgb(63,41,22);
 border-left-width: 0px;
 border-right-width: 0px;
 
}


a:link {
text-decoration: none;
/*color: rgb(183,236,236);*/
 color: rgb(63,41,22); 
}

a:visited
{
 text-decoration: none;
 /*color: rgb(183,236,236);*/
 color: rgb(63,41,22); 
}


a:hover {

 color: rgb(255,255,255);
}

a:active {
 text-decoration: none;
  color: rgb(63,41,22);           
/* color: rgb(183,236,236);*/
}


.menuItem
{
 border-width: 0px;
 border-style: none;
}

#title
{ 

 top: 0px;
 right: 12px;
 position: absolute;
}

#collectionImageBox
{
 top: 9px; 
 position: relative;
 height: 470px;
width: 741px;
  left: 0px; 
border-style: solid;
 border-width: 0px;
 border-color: blue;

 /* background-color: blue; */

}

#productDetail
{
  height: 300px;
  width: 300px;
  border-style: solid; 
  border-color: blue; 
  border-width: 0px; 

  position: absolute;
  left: 108px;
  top: 207px;	
}

#productName
{
 width: 517px;
 height: 30px;
 font-family: arial, sans-serif;
 font-size: 30px;
 font-style: normal;
 color: rgb(183,236,236);

 float: left;
 margin-left: 0px;
 padding-top: 0px;
 position: absolute;
 /*padding: 0px;*/
 border-style: solid;
 border-width: 0px;
 border-color: blue;
/* font-weight: bold; */
 display: inline;
 text-align: center;
 top: 518px;
}



.collectionImage
{
  width: 189px;
  height: 189px;
  border-color: rgb(63,41,22);
  border-width: 4px;
  border-style: double;
 
  margin-left: 50px;
  margin-bottom: 0px;
  float: left;
  display: inline;
  padding: 0px;
  
}

#directions
{
 width: 566px;
 height: 56px;
 padding-top: 20px;
 padding-left: 112px;
 padding-right: 112px;
 text-align: justify;
 border-color: blue;
 border-width: 0px;
 border-style: double;	
 font-family: arial, sans-serif;
 font-size: 16px;
 font-style: normal;
 color: rgb(63,41,22);	
}

#arrows
{
 width: 790px;
 height: 60px;
 top: 557px;
 position:absolute;
 border-color: blue;
 border-width: 0px;
 border-style: none;
 padding: 0px;
 margin: 0px;	
}

#left_arrow
{
 width:40px;
 height: 50px;
 float: left;
 position: relative;
 padding: 0px;
 left: 5px;
 top: 0px;
 border-style:none;
}

#right_arrow
{
 width: 40px;
 height: 50px;
 float: right;
 position:relative;
 padding: 0px;
 top: 0px;
 border-color: red;
 border-width: 0px;
 border-style: solid;
}

#footerInfo
{ 
  text-align: left; 
  font-family: arial, sans-serif;
  font-size: 10px;
  color: rgb(63,41,22);
  margin-top:5px;
  float: left;
}

#copyRight
{ 
  text-align: right;
  position: relative; 
  font-family: arial, sans-serif;
  font-size: 10px;
  color: rgb(63,41,22);
  float: right;
  margin-top: 5px;
}

#footer
{
  width: 790px;

}