body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:10px auto;
	text-align:center;
	background-color:#EDE8ED;
	line-height:1.5em
}

a {color:#89201E;
text-decoration:none;
font-weight:normal;

}

a:hover {color:#89201E;
text-decoration:underline;
font-weight:normal;

}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-stretch:narrower;
color:#89201E;
line-height:1.3em;
margin-top:0px
}


h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-stretch:narrower;
color:#000000;
line-height:1.3em;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-stretch:bold;
color:#000000;
line-height:1.3em;
margin:0;
padding:0
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-stretch:bold;
color:#000000;
line-height:1.3em;
margin:0;
padding:0
}

#outerwrap {
background-color:#EDE8ED;
width:1038px;
margin:auto;
padding-top:5px;
padding-bottom:5px

}

#wrap {
background-color:#EDE8ED;
width:1024px;
margin:auto;


}



/* MAIN MENU*/


#mainmenu {
width:1024px;
clear:both;
background-image:url(../images/menu.jpg);
background-repeat:repeat-x;
margin:0;
color:#666666;
font-size:12px;
text-align:left;
font-weight:normal;
height:26px;


}

#mainmenu ul {
margin:0px;
padding:0px;
height:26px;
list-style:none;
}

#mainmenu li {
display:block;
float:left;
list-style:none;
border-right:solid 1px #999999;
height:24px



}

#mainmenu  a {
color:#ffffff;
text-decoration:none;
font-weight:normal;
display:block;
padding-left:12px;
padding-right:12px;
padding-top:5px;
width:auto;
float:left;



}

#mainmenu  a:hover {
color:#ffffff;
width:auto;
height:24px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../images/menu_over.jpg);
background-repeat:repeat-x;
float:left;
}

#mainmenu .current {
color:#ffffff;
width:auto;
height:24px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../images/menu_over.jpg);
background-repeat:repeat-x;
}

#mainmenu .last {
border:none
}


#bannerhome {
width:1024px;
height:255px;
background-image:url(../images/headerback.jpg);
background-repeat:no-repeat

}




#content {
width:1024px;
background-color:#EDE8ED;
}



#righthome {
width:275px;
float:right;
text-align:left;
background-image:url(../images/yellowsidebox.jpg);
background-repeat:no-repeat;
background-position:top;
margin-top:10px;
background-color:#F4F1CB


}

#rightcopy img {

margin-bottom:10px;


}


#rightcopy {

padding:15px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left

}


#midhome{
width:700px;
margin-left:10px;
padding-right:0px;
margin-right:5px;
text-align:left;
float:left;
padding-top:10px


}





#footer {
height:143px;
width:1024px;
margin:auto;
clear:both;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
}

#footer .content {
float:right;
color:#ffffff;
font-size:10px;
text-align:left;
padding:3px;
margin-right:10px;
margin-top:115px
}

#footer .content a{
color:#ffffff;
text-decoration:none

}

#footer .content a:hover{

color:#ffffff;
text-decoration:underline

}




/* DIVIDERS*/

.clear {
clear:both}

.divider {
width:100%;
height:10px;
}

.dividerclearboth {
width:100%;
height:10px;
clear:both
}

.dividerclearboth15 {
width:100%;
height:15px;
clear:both
}
.greyline {
width:100%;
height:10px;
border-top:dotted 1px #999999
}


/* OTHER */

.floatright {
float:right;
padding-left:10px;
padding-bottom:20px
}

.floatleft {
float:left;
padding-right:20px;
padding-bottom:20px
}


.floatleftlogo {
float:left;
padding-right:20px;
padding-bottom:20px
}

.product   {
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.productimage      {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
	text-align: center;
	width: 200px;
	padding-right: 10px;
	padding-left: 10px;
}
.productdetail   {
	float: left;
	width: 60%;
	padding-left: 10px;
}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
.productimage img {
	border: 2px solid #C87F70;

}
input.productQTY                                    {
	width: 40px;
	display: block;
	float: left;
	margin-right: 4px;
	height: 18px;
}
.productdetail     form     label          {
	float: left;
	display: block;
	padding-right: 4px;
	padding-top: 2px;
}
.button                                               {
	float: left;
	display: inline;
}