body

{

margin: 0px;
padding:0px;
text-align: center;
background: url(images/bodybg.jpg) repeat-x;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
color: black;
background-color: #FFF9FB;
font-size: medium;

}



#container

{
width: 760px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background-color: white;
border-width: 0px 1px 1px 1px;
border-color: black;
border-style:solid;
padding: 0px;
text-align:left;


}


#header
{
height: 100px;
background-color: #CDCD9B;
border-width: 1px 0px 1px 0px;
border-color: black;
border-style: solid;
text-align: left;
background-image: url('images/corner_box.gif');
background-repeat: no-repeat;
background-position: top right;
}

#header img  {
margin-left: 30px;

}

#nav_bar  {
height: 26px;
background-color: #666666;
border-bottom: solid black 1px;
}

#content

{
padding: 20px  20px  20px  20px;
float: left;
border: solid 1px #cccccc;
margin: 15px 15px 15px 15px;
background-color: #FFFBFF;
display: inline;
font-size: 1em;

/*  UGLY BRILLIAN HACK FOR IE5 */
width: 500px;
voice-family: "\"}\"";
voice-family: inherit;
width: 460px;
}

/* BE NICE TO OPERA RULE */
html>body #content {
	width:460px;
	}


#content_wide
{
padding: 0px;
border: solid 1px #cccccc;
margin: 15px 15px 15px 15px;
background-color: #FFFBFF;
font-size: 1em;
}


#right

{
float: right;
width: 200px;
display: inline; /* Fix for double margin bug in IE, see above */
margin-left: 0px;
padding: 10px 0px 0px 0px;
font-size: 90%;
text-align: center;
border: 0px solid red;
margin-right: 20px;
margin-top: 7px;
}


#footer

{
clear: both;
margin-top: 5px;
text-align: center;
border-top: solid 1px black;
background-color: #CDCD9B;
font-size: 70%;
padding: 3px 3px 5px 3px;


}


.thumbs img   {
border: solid 1px black;

margin-left: 28px;
}

/*   F L O A T S   F L O A T S    F L O A T S   */

.float-border  {
float: left;
margin-right: 15px;

border: solid 1px black;

}

p  {
line-height: 130%;
font-size: 93%;
}

#right p  {
margin-top: 0px;
font-size: 85%;
}

.spacer100  {
height: 100px;
}


/* M I N I T A B relative font-size version */

#miniflex {

	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #333;
	}

#miniflex li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: white;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #FFE7E7;
	padding-bottom: 2px;
	color: #FFE7E7;
	}


/*   H E A D E R   T A G    H E A D E R    T A G S  */


	h2  {

	font-size: 100%;
	font-weight: bold;
	margin-top: 0;
	border-top: 0;
	color: #333333;
	}


		h3  {

		font-size: 95%;
		font-weight: bold;
		margin-top: 0;
		border-top: 0;
		color: black;
	}


h5  {
font-size: 80%;
font-weight:bold;
color: #333333;
margin-top: 0;
margin-bottom: 20px;
	}

form h3 {
color: #006633;
font-size: 110%;
}

/* C O N T A C T    F O R M    S T Y L E S   */

form dt
{
font-weight: bold;
font-size: 90%;
}

form dd
{
margin-left: 0px;
margin-bottom: 10px;
font-size: 90%;
}



a img  {
border-width: 0px;
}




#products  {
padding: 20px;
}


#products dl {
border-top: 1px dashed #333333;
border-bottom: 1px dashed #333333;
margin-top: 10px;
margin-bottom: 10px;
height: 102px;
padding:10px;
}


#products dt{
width: 75%;
border: 0px solid green;
float:left;
}

#products dt strong {
font-weight: bold;
font-size: 105%;
color: #666666;
border: 0px solid red;
padding-bottom:10px;
display: block;
}

#products dd img {

float: right;
border: solid 1px black;
}

/* O R D E R    F O R M    O R D E R   F O R M   */

form ul, form dl {
font-size: small;
}



#order, #total  {
padding: 20px;

}


#order dl  {
border-bottom: 1px dashed #999999;
margin-top: 5px;
margin-bottom: 5px;
padding:10px;
/* the rest is for "Set a float to fix a float" */
width:700px;
float: left;
}

#total dl {

/* the rest is for "Set a float to fix a float" */
width:700px;
float: left;
}

.clear_float  {
clear:both;
}


#order dt, #total dt {
font-weight: bold;
border: 0px solid green;
float:left;
}



#order dd, #total dd {
float: right;
font-weight: normal;
}


#address {
width: 43%;
float:left;
border: 0px solid red;
margin: 0px;
}



#address_right {
width: 43%;
float:right;
border: 0px solid green;
list-style:none;
margin: 0px;
padding-right:5px;
}


#address li, #address_right li, #cc li {
text-align: right;
border: 0px solid green;
display: block;
margin-bottom: 5px;
list-style:none;

}


#cc {

float:left;
border: 0px solid red;
margin: 0px;
}


.fancybutton {
font-weight:bold;
padding: 8px;
}

.jog_right {
margin-left: 20px;
}