@import url(milkbox.css);
@import url(flowers_common.css);

body {
  background: #eee url(images/bg.gif);
/*  font: normal 0.9em arial, helvetica, tahoma, geneva, verdana, sans-serif; */
  font: normal 0.9em Georgia;
  background: #222 url(images/body_background.jpg) top left;
}

a, a:visited {
  color: #212126;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

/* Change width of document */

#wrapper {
  width: 880px;
  background: #fff;
  margin: 20px auto 10px auto;
  border: 10px solid white;
  position: relative;
  
}

/* Logo size and image source */

#logo {
  width: 288px;
  height: 159px;
  background: transparent url(images/logo.gif) center left no-repeat;
}

/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Show the left sidebar */
/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* Hide the right sidebar */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width */

#ocwrapper {
  border-right-width: 245px;
}

#rightsidebar {
  margin-right: -245px;
  width: 235px;
}

#contentheader .error, #contentheader .message {
  margin: 0px 235px 0px 0px;
}

.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}

/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total).  If you want to change the columns
on the home page as well, then remember to set a rule for "#home dl" as well. */
/*
#category dl {
  width: 33%;
}
*/

ul.primarynav {
  background: transparent url(images/menu_background.png) repeat-x scroll top left;
}

ul.primarynav a {
  margin-right: 1px;
  padding: 8px 11px 8px 12px;
  float: left;
  color: #fff;
  font-size: 0.9em;
  text-decoration: none;
}

ul.primarynav a:visited {
  color: #fff;
}

ul.primarynav a:hover {
  color: #fff;
  background: none;
  text-decoration: underline;
}

ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: none;
}

ul.primarynav li.home a {
  margin-right: 0px;
}

input.text, input.password, textarea {
  border:1px solid #57594B;
  font-family: arial;
  font-size:1.1em;
  padding: 3px;
}

#rightsidebar h3 {
  border-bottom: 1px dotted #BBBFA1;
  margin: 0 0;
  padding: 0 0;
}

#category dt, #category dd, #home dt, #home dd {
  margin: 0 0;
}

#footer {
  background: transparent url(images/menu_background.png) repeat-x scroll top left;
}

#footer p {
  padding: 4px 0;
  font-size: 0.9em;
  color: #fff;
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:visited {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Gallery preview styles */

h4 {
  margin: 5px;
}

.preview {
  float: left;
  width: 130px;
  height: 170px;
  margin: 4px;
  padding: 5px;
  text-align: center;
  background-color: #fafafa;
}

.preview img {
  margin: 0;
  border: 1px solid #aeaeae;
}

.preview span { 
  display: block;
  font-size: 11px; 
  margin-bottom: 4px;
}

.viewer {
  float:right;
  overflow:hidden;
  position:relative;
}

.viewer img{
  position:absolute;
  display:block;
  border:none;
}

#header_slider {
  display: block;
  width: 479px;
  height: 159px;
  float: right;
  position: relative;
}