/* compane name font benjamin caps 10pt */

/* title font maximo 9pt */

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

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

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}



#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);
}

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

}

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

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;
 overflow: auto;
}

#companyName
{

}

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

#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.footerLink:link{ 
 text-decoration: none;
 color: rgb(63,41,22); 
 }

a.footerLink:visited
{

 text-decoration: none;
 color: rgb(63,41,22); 
}

a.footerLink:hover { 
 color:rgb(255,255,255);
 }

a.footerLink:active { 
 text-decoration: none;
 color: rgb(63,41,22); 
 }

a:link {

color: rgb(182,236,236);
 color: rgb(63,41,22); 
}

a:visited
{

 color: rgb(183,236,236);
 color: rgb(63,41,22); 
}


a:hover {

 color: rgb(183,236,236);

}

a:active {

 color: rgb(183,236,236);
 color: rgb(63,41,22); 
}


.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; */

}

.productName
{
 width: 197px;
 height: 50px;
 font-family: arial;
 font-size: 20;
 font-style: normal;
 color: rgb(63,41,22);
 float: left;
 margin-left: 50px;
 position: relative;
 padding: 0px;
 border-style: solid;
 border-width: 0px;
 border-color: blue;
/* font-weight: bold; */
 display: inline;
 text-align: center;
 top: 10px;
}

.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: 50px;
 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;

}
