﻿body 
{
  padding: 10px 0px;
  background: #e0f3e9;
}

form fieldset 
{ 
  margin: 10px 10px 10px 10px;
  position:relative;
  /*display:inline;  fieldset fits content */
  padding: 0px 15px 15px 15px;
}

form fieldset legend
{ 
  font-size:11pt;
  color:#000000;
  font-weight:bold;
  padding: 0px 8px 2px 8px;
  margin: 2px 0px 10px 0px;
  position:relative;
}

a, a:visited
{
  text-decoration: none;
  color: #696969;
}

a:hover, a:active
{
  text-decoration: none;
  color:#444444;
}

h2
{
  font-family: Georgia,'Times Times New Roman',Garamond,serif;
  font-weight: normal;
  margin: 0px;
  color: #696969;
}

label
{
  display: block;
  margin-top: 10px;
}

#header
{
}

#content
{
  /*border-top: solid 1px #eeeeee;*/
  border-bottom: dotted 1px #dadada;
  min-height: 360px;
  overflow: hidden;
}

#footer
{
  border-top: dotted 1px #dadada;
}

#footer ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#footer ul li
{
  border-left: dotted 1px #666666;
  float: left;
  width: auto;
  margin: 20px 0px;
  padding: 0px 5px; 
  text-align: center;
}

#footer ul li.first
{
  border: none;
}

#menu
{
  background: #ccfce5 url('../images/footerbg.gif') repeat-x top left;
}

#menu ul
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu ul li.alpha
{
  width: 290px;
  padding-left: 10px;
}

#menu ul li.omega
{
  width: 290px;
  padding-right: 10px;
}

#menu ul li table
{
  width: 100%;
  font-size: 12px;
  
  background: url('../Images/divider.jpg') no-repeat top left;
  text-align: center;
}

/*#menu ul li table
{
  text-align: center;
  width: 135px;
  margin: 0px;
  padding: 5px;
  float: left;
}*/

#menu ul li table a, #menu ul li table a:visited
{
  font-family: Verdana, Arial, Serif;
  color: #5A5A5A;
  font-size: 10px;
  text-transform: uppercase;
}

#menu ul li table a:hover
{
  color:#999999;
}

#menu h2
{
  font-family: Georgia,'Times Times New Roman',Garamond,serif;
  font-weight: normal;
  font-size: 12pt;
  margin: 0px;
  text-align: center;
}

#menu h2 a, #menu h2 a:visited
{
  color: #5A5A5A;
  text-decoration: none;
}

#menu h2 a:hover, #menu h2 a:active
{
  color: #999999;
}

label.desc {
  color:#222222;
  display:block;
  font-weight:bold;
  line-height:150%;
  margin:0;
  padding:0 0 3px;
}

h1.logo
{
  margin: 0px auto 10px auto;
  width: 300px;
  height: 100px;
  background: url('../images/header.gif') no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}

.center
{
  text-align: center;
  margin: 10px auto;
}

.white
{
  background: #ffffff;
}

.info {
  border-bottom:1px dotted #CCCCCC;
  clear:both;
  display:block;
  margin:0 0 5px;
  padding:5px;
}

.info h2 {
  clear:left;
  font-size:160%;
  font-weight:normal;
  margin:0;
}

.notification {
background-position:6px 6px !important;
background-repeat:no-repeat !important;
border:1px solid;
font-size:13px;
margin:0 0 15px;
padding:0;
position:relative;
/*width:99.8%;*/
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
}
.input-notification {
background-color:transparent;
background-position:left 2px;
background-repeat:no-repeat;
margin:0 0 0 5px;
padding:2px 0 2px 22px;
}
.notification div {
display:block;
font-style:normal;
line-height:1.5em;
padding:4px 10px 4px 28px;
}
.hidden 
{
  visibility: hidden;
  display: none;
}
.attention {
  background:#FFFBCC url(../images/warning.png) no-repeat scroll 10px 11px;
  border-color:#E6DB55;
  color:#666452;
}
.success {
  background:#D5FFCE url(../images/check.png) repeat scroll 0 0;
  border-color:#9ADF8F;
  color:#556652;
}
.error {
  background:#FFCECE url(../images/error.png) repeat scroll 0 0;
  border-color:#DF8F8F;
  color:#665252;
}
.information {
  background:#DBE3FF url(../images/information.png) repeat scroll 0 0;
  border-color:#A2B4EE;
  color:#585B66;
}

.content
{
  background: #ffffff url('../images/flowerbg_repeat.jpg') repeat-y top right; 
  min-height: 360px;
}

.content h2
{
  font-size: 15px;
  margin: 5px 0px 10px 0px;
}

.about
{
  background-image: url('../images/about_landingimg.jpg'); 
}

.experience
{
  background-image: url('../images/ourexp.jpg'); 
}

.browse
{
  background-image: url('../images/browse_landing.jpg'); 
}

.engagement
{
  background-image: none; 
}

.collection
{
  background-image: url('../images/collec_1.jpg'); 
}

.repairs
{
  background-image: url('../images/somethingblue.jpg'); 
}

.home
{
  background-image: none; 
}

.slider
{
  position:relative;
}

.slider #prev, .slider #next
{
  position: absolute; 
  top: 170px;
  width: 16px; 
  height: 16px; 
  overflow: hidden;
  text-indent: -9999px;
  z-index: 10;
  background-image: url('../images/arrow_large.png');
  background-repeat: no-repeat;
}

.slider #prev
{
  left: 10px;
  background-position: 0 0;
}

.slider #prev:hover
{
  background-position: 0 -16px;
}

.slider #next
{
  right: 10px;
  background-position: -16px 0;
}

.slider #next:hover
{
  background-position: -16px -16px;
}



