/* Global CSS */

body {
  margin: 0;
  font-family: verdana, Times, Century, "Times New Roman", Arial, sans-serif;
  font-size: 100%;
  color: white;
  background:  #37210f;
  	}
	
a:link {color:#FFFFFF;}      /* unvisited link */
a:visited {color:#CFCFCF;}  /* visited link */
a:hover {color:#CFCFCF;}  /* mouse over link */

img {
   border-style: none;
}

#textjustify { 
    text-align: justify; 
    padding: 10px
	}
  
.floatLeft { 
    float: left; 
    margin: 0px 4px 4px 10px;
  }

.floatRight { 
    float: right; 
    margin: 4px; 
}

#pinktext {
text-align: center;
color: #d97677;
}


#maincontainer {
background-image:url('fullbackground.jpg');
background-repeat:no-repeat;
background-position:center top;
margin: auto;
height: 700px;
width: 988px;
font-size: .65em;
}


#maincontainercart {
background-image:url('/images/fullbackgroundcart.gif');
background-repeat:no-repeat;
background-position:center top;
margin: auto;
height: 700px;
width: 988px;
font-size: .65em;
}

#viewcart {
float: left;
padding: 25px 0px 0px 25px;
}

#logoandnav {
padding: 15px 0px 0px 18px;
}

#leftlogoandnav {
float:left;
width: 264px;
height: 325px;
}

#rightlogoandnav {
float:left;
width: 667px;
height: 61px;
}

img.vertical {
vertical-align:top;
}


td.topalign {
vertical-align:top;
}

.center {
text-align: center;
margin: auto;
}

#navbackground {
background-image:url('navbackground.jpg');
background-repeat:repeat-x;
background-position:center top;
width: 667px;
height: 15px;
}

#description {
position:absolute;
width: 660px;
font-size: 1.2em;
color: #37210f;
z-index:-1;
}

#textholder {
width: 660px;
font-size: 1.2em;
}

#abouttext {
font-size: 1.3em;
}


.clearing {
	height: 0;
	clear: both;
}

#newestproducts {
padding: 0px 0px 0px 18px;
}

#newproducttable {
padding: 0px 0px 0px 18px;
}

#imagecarousel {
padding: 0px 0px 0px 50px;
}

#framebackground {
display: inline;
background-image:url('mainitemborder.gif');
background-repeat:no-repeat;
background-position:center top;
width: 225px;
height: 215px;
}

#footer {
  margin: auto;
  text-align: center;
  padding:10px 0px 0px 0px;
  font-size: 70%;
  color: white;
  width:600px;
}



/*CONTACT FORM BEGIN*/

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 60px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 75px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
}
/*CONTACT FORM END*/






.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px;
overflow: scroll; /*leave this value alone*/
width: 750px; /*Width of Carousel Viewer itself*/
height: 265px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}