/** CSS - Shivaree - November 21st, 2008
==============================================================================*/

* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}

/** Body
==============================================================================*/

body {
font-family: "Bookman Old Style", Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 20px;
color: #918972;
margin: 0 auto;
background: url(../images/body_bg.jpg) top center no-repeat #fffde4;
}

/** Main Containers
==============================================================================*/

#container {
width: 762px;
margin: 0 auto;
}

#contentheader {
float: left;
margin-top: 123px;
width: 742px;
height: 2px;
border-top: solid 10px #ffffff;
border-left: solid 10px #ffffff;
border-right: solid 10px #ffffff;
background: url(../images/header_bg_white.jpg) repeat-y #fffde4;
}

#contentcenter {
float: left;
width: 682px;
height: 503px;
padding: 11px 40px 40px 40px;
background: url(../images/content_bg_white.jpg) repeat-y #fffde4;

}

#productcol, #gallerycol{
  width:670px;
  height: 453px;
  overflow: auto;
  border: 1px;
  border-color: red;
}

#customerComments{
  width:300px;
  height:130px;
  overflow: hidden;
  font-size: 12px;
  background-image: url('../images/testimonials.jpg');
  background-repeat:no-repeat;
}

#innerScroller{
  width:300px;
  margin-top:25px;
  height:52px;
  overflow: hidden;
  font-size: 12px;
}

.comment{
  padding-left: 10px;
  width: 280px;
  height: 50px;
}

.by{
  text-align: right;
  padding-right:10px;
  padding-left: 10px;
  width: 280px;
  
}

/** Logo
==============================================================================

#logo {
margin-bottom: 25px;
}*/

/** Misc
==============================================================================*/

.clear {
clear: both;
}

a img {
border: none;
}

p {
margin-bottom: 15px;
}

/*
.price {
border-top: 1px solid #f0eed0;
text-align: right;
color: #a07d65;
padding-top: 5px;
margin-bottom: 25px;
}

#note {
border: 1px solid #f0eed0;
padding: 15px;
text-align: center;
margin-bottom: 15px;
}*/

/** Headings
==============================================================================

h1 {
font-size: 20px;
line-height: 20px;
color: #5b5b5b;
margin-bottom: 25px;
}


h2 {
font-size: 16px;
color: #f0a24d;
text-transform: uppercase;
}

h3 {
font-size: 16px;
margin-top: 15px;
color: #a07d65;
}*/

/** Links
==============================================================================*/

a:link {
color: #ff89e5;
text-decoration: none;
}

.price a {
color: #ff89e5;
}

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

a:hover {
color: #df96cf;
text-decoration: none;
}

a:active {
color: #df96cf;
text-decoration: none;
}

/** Navigation
==============================================================================*/

ul#nav {
list-style-type: none;
float: right;
width: 343px;
margin-bottom: 10px;
border-bottom: 1px solid #a49c85;
}

ul#nav li {
float: right;
font-size: 12px;
margin-right: 10px;
text-transform: uppercase;
}

/*
ul#nav li#current a:link {
color: #df96cf;
}

ul#nav li.current a {
color: #df96cf;
}
*/

/** Left Columns
==============================================================================*/

#leftcol, #leftcol2 {
padding-top: 17px;
float: left;
width: 312px;
}

#leftcol2 ul, #leftcol2 ol {
margin: 0 0 25px 40px; 
}

/** Form
==============================================================================*/

label, input {
display: block;
float: left;
margin: 5px 5px 1px 0;
}

fieldset {
border: none;
}

label {
text-align: left;
width: 75px;
padding-right: 20px;
}

input, textarea {
font-family: "Bookman Old Style", Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 20px;
color: #918972;
padding: 2px;
width: 200px;
border: 1px solid #f0eed0;
}

br {
clear: left;
}

textarea {
height: 228px;
margin: 5px 5px 1px 0;
overflow: hidden;
}

#submit {
margin: 10px 4px 0 0;
float: right;
width: 120px;
height: 20px;
border: none;
}



/** Right Column
==============================================================================*/

#rightcol {
float: right;
width: 343px;
}

/** Right Column Images
==============================================================================*/

ul#images {
list-style-type: none;
}

#rightcol img {
border: solid 6px #ffffff;
}

/** Footer
==============================================================================*/

#contentfooter {
float: left;
width: 762px;
height: 15px;
background: url(../images/contentfooter_bg_white.jpg) top center no-repeat #fffde4;
clear:left;
}

#footer {
float: left;
width: 762px;
height: 98px;
background: url(../images/footer_bg.jpg) top center no-repeat #fffde4;
}

#footer p{
margin-top: 2px;
text-align: center;
font-size: 12px;
color: #5b5b5b;
}

#footer a {
color: #a07d65;
}

img.floatRight {
float: right;
margin-left: 30px;
margin-right: 30px;
}

img.floatLeft {
float: left;
margin-right: 30px;
}

.item{
  height: 227px;
}

.galleryImg{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 37px;
  padding-right: 17px;
}

	ul.gallery {
		list-style: none;
	}

		ul.gallery li {
			display: block;
			float: left;
		}