div {border: solid 0px #CCC;} /* Debugging border rule */
  
/* Global Structure */

body {
  background: #666;
  color: #000;
  margin: 0; padding: 0;
  font-family: "Trebuchet MS", Arial, Serif;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: normal;
  text-align:center;
  }

/*  Wrapper */

#wrapper {
  background: #D8E8F5;
/* background: #E2EFF2;*/
  width: 790px; /* For IE5/Win */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 768px;  /* Actual Value */
  margin: 0 auto;
  padding: 0 0 4px 0;
  text-align: left;
  position:relative;
  border-top: 4px solid #27170A;
  border-right: 2px solid #27170A;
  border-left: 2px solid #27170A;
  border-bottom: 2px solid #27170A;
  } html>body #wrapper {width: 768px;}

#header {
  background: #D8E8F5;
  width: 768px;
  height:61px;
  margin: 0 auto;
  }
  
 
#logoadmin {
  float:left;
  width: 244px;
  height:61px;
  margin:0 0 0 20px;
  }
  
#logo h1, #logoadmin h1, #logo h2  {
  visibility:hidden;
  display: none;
  }
 
#logo img, #logoadmin img {
  border: none;
  }
  
.colsub img.noborder  {
  border: none;
  padding:0; margin:0 0 4px 0;
  }
 
/* Top Navigation */

#menu {
  clear:both;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin:10px 0 0 20px; padding:0;
  font-size: 100%;
  
  }

#menu ul {
  display:inline;
  list-style-type: none;
  margin: 0 auto;
  padding:0;
  }

#menu li {
  display:inline;
  text-align:center;
  list-style-type: none;
  margin: 0 2px;
  padding: 2px;
  background: #DDD;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  }
  
#menu a {
  display:inline;
  margin:0;
  text-align:center;
  padding: 1px 4px;
  border:none;
   font-weight:bold;
  color: #333;
  }
  
#menu a:link.active {
  color: #FFF;
  font-weight:bold;
  }
  
#menu a:hover {
  color: #FFF;
  background: #333;
  font-weight:bold;
  }
  
#menu li a.current {
font-size:100%;
  color:#FFF;
  background:#666;
  border-bottom: 1px solid #333;
 }
  
/* Container */
 
#container {
  background:#FFF;
  margin: 0 auto;
  padding: 10px 10px 0 10px;
  text-align: left;
  width: 758px; /* For IE5/Win */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 736px;  /* Actual Value */
  border: 1px solid #DDD;
  border-top: 1px solid #FFF;
  } html>body #container {width: 736px;}
  
/* Page Structures */

.colmain {
  float:left;
  background: #FFF;
  margin:0;
  padding: 0 10px 0 10px;
  width:522px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:500px; /* Actual Value */
  font-size:100%;
  min-height:500px;
  border-right: 1px solid #EEE;

  } html>.colmain { width:500px}
    
.colM .colmain {
  float:none;
  padding: 0 10px;
  text-align: left;
  width: 736px; /* For IE5/Win */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 716px;  /* Actual Value */
  } html>.colM .colmain { width:716px}
  
.colSM .coladd, .colMS .coladd, .colM .colsub, .colM .coladd {display:none;}
.colSM .colmain, .colSMA .colmain {float:right; background:none;}
.colSM .colsub, .colSMA .colsub {float:left;}
.colMS .colsub {float:right; width:200px;}
  
.colMSA .colmain, .colSMA .colmain {width:320px;}
.colMSA .colsub, .colSMA .colsub {width:190px;}

.colAMS .coladd { margin: 0; width:190px;}
.colAMS .colmain { margin: 0; width:300px; background:none;}

.colM .colmain {
  border-right:none;
  }
  
.col1 {
	width: 345px;
	height: 100%;
	float:left;
	padding: 0;
	margin: 10px 10px 10px 0;
	}
 
.col2 {
	width: 345px;
	height: 100%;
	float:right;
	padding: 0;
	margin: 10px 0 10px 0;
	}

.admincol1 {
	width: 350px;
	float:left;
	padding: 0 0 10px 0;
	margin: 0 10px 0 0;
	}
 
.admincol2 {
	width: 340px;
	float:left;
	padding: 0 0 10px 0;
	margin: 0;
	}

/* Typography */
 
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 2px 0; padding:0;
  font-weight: bold;
  text-transform:uppercase;
  color:#000;
  }
  
h1 {
  font-size: 120%;
  border-bottom: 1px solid #ddd;
  }
  
h1 span {
  font-size: 80%;
  font-weight:lighter;
  }
 
h2 {
	margin: 10px 0 0 0; 
	font-size: 120%;
	padding: 0;
}
  
h3 { 
  margin: 4px 0 2px 0;
  padding: 0;
  font-size: 100%;
  border-bottom:1px solid #DDD;
}
  
h5 {
  font-size: 100%;
}

h6 {
  margin: -2px 0 0 0;
  padding: 0 0 2px 0;
  font-size: 90%;
  border-bottom:1px solid #EEE;
  }

p {
	margin: 0 0 6px 0;
	padding:0;
}

p.italic {
  font-style:italic;
}
  
p.testimonial {
	padding: 4px 0 0 0;
	font-style:italic;
	}
 
p.small {
	font-size: 95%;
}
  
.shownext {
	margin:0 0 6px 0; padding:0; 
	text-transform:uppercase;
	clear:both;
	border-top: 1px solid #ddd;
}
 

p.error {
  font-size: 100%;
  color: #900;
  font-style:italic;
  }
 
/* Links */
 
a:link, a:visited {
  font-weight: normal; 
  text-decoration:none;
  color: #03F;
  }

a:hover, a:active {
  font-weight: normal;
  color: #000;
  text-decoration:none;
/*  border-bottom:1px solid #333;*/
  }

a:link img, a:visited img {
  border: 1px solid #999;
  padding: 4px;
  background: #CCC;
  margin: 0 0 2px 0;
  }
  
#logo a:link img, #logoadmin a:link img, #logo a:visited img, #logoadmin a:visited img {
  border: none;
  padding: 0;
  background: #FFF;
  }

a:hover img {
  border: 1px solid #DDD;
  padding: 4px;
  background: #DDD;
  margin: 0 0 2px 0;
  }
  
a:link img.noborder {
	display:inline;
	padding: 0;
	border: none;
	}
	
img.noborder {
	padding: 0;
	border: none;
	}


}
	
/* Misc */

.na {
 font-size: 95%;
 color: #000;
 }

.clear {
	clear:both;
	}

.floatl {
	float:left;
	}

	
/* Forms */

form {
 margin:0; padding: 0;
 }
 
form div {
	padding: 1px 0;
	margin: 0px 0px 5px 0px;
}

fieldset {
  margin:5px 0 10px 0;
  padding: 2px;
  border: 1px solid #CCC;
}

fieldset.checkout div {
	text-align: left;
}

fieldset.inline, .mbform fieldset {
  margin:0 0 6px 0;
  padding: 0 6px;
  border: 1px solid #CCC;
}

fieldset.cart {
	margin: 0px;
	height: 120px;
	padding-top: 20px;
}

fieldset.checkout {
	height: 350px;
}
  
legend {
	margin: 2px 0 0px 4px;
	padding: 0px 0px 5px 0px;
	text-transform:uppercase;
	font-size: 110%;
	font-weight: bold;
}

select {
  margin: 0 0 8px 0; padding: 0;
  border: 1px solid #CCC;
  background-color: #FFF;
  font-size:100%;
  }
  
label { display:block; }
label.float { display:inline; }
label span { margin:0 2px 0 0; }

fieldset.inline label, .mbform label {
  float: left;
  font-weight: normal;
  margin: 0;
  width: 12em;
  text-align: right;
  padding-right: 6px;
  }

fieldset.inline label.quiet, fieldset.mbform label.quiet {
  display: none;
  visibility: hidden;
  }
 
input.button {
 background:#D8E8F5;
 color:#000;
 font-size: 95%;
 font-weight: bold;
 text-transform:uppercase;
 border: 1px solid #666;
 margin: 2px 0;
 padding: 0;
 }
 
input.inlinebutton {
 display: inline;
 background:#D8E8F5;
 color:#000;
 font-size: 90%;
 font-weight: bold;
 border: 1px solid #CCC;
 margin: 1px 0;
 padding: 0;
 }
 

input.text {
  width: 170px;
  }
 
input.smtext {
  width: 93px;
  }

input.text, input.smtext, textarea {
  margin: 0 0 2px 0;
  padding: 2px;
  background:#FFF;
  font-size:90% ;
  border: 1px solid #CCC;
  }

textarea {
  width:90%;
  font-size:100%;
  height:8em;
  }

html>body textarea {width:90%; height:8em;}

input:focus, select:focus, textarea:focus {
 background:#EEE;
 color: #000;
 }



 /* Tables */

table { border-width:0; font-size:100%;  line-height:1.2em; width:100%; margin:0;}
table caption { visibility:hidden;display:none;}
table th { font-style:italic; padding:3px 0; text-align: left; vertical-align:top;}

table tr.hi { background:#eee; }
table td { vertical-align:top; text-align: left; margin:0; padding:2px;}
table td.changeqty img { margin:0 1px; padding:0; text-align: right;}
table td.line {width:75%; border-bottom: 1px solid #CCC;}
table td.num {width:3%;}
table td.remove {width:5%; text-align: right;}
table td.right, table th.right { vertical-align:top; text-align: right;}
table td span { font-weight:bold;}
table th.desc {width:50%;}
table th.desccheckout {width:85%;}
table th.qty {width:30%;}

table th.qtycheckout {width:10%;}
table th.total {width:15%; text-align:right;}
table img.cart {float:left; margin:0px 4px 0 0; padding:1px; border: 1px solid #CCC;}

table.ordersearch a:link {color:#FFF;}
table.ordersearch th img { float:left; margin:0 2px; padding:0;}
table tr.new {background:#CCC;}
table tr.entered {background:#39C;}
table tr.paid {background:#3C3;}
table tr.shipped {background:#C90;}
table tr.problem {background:#C33;}
table tr.cancelled {background:#999;}

/*  MISC  */
 
.hide {
visibility:hidden;
display:none;
}

#checkOutContainer {
	width: 700px;
}

ul.simple {
  margin: 0;
  padding: 0 0 2px 0;
  list-style-type: none;
  line-height:1.2em;
 }
 
ul.simple li {
  margin: 0 0 2px 0;
  padding: 0 0 0 12px;
}
  
ul.simple li:hover {
  margin: 0 0 2px 0;
  padding: 0 0 0 12px;
}
 
ul.simple li span {
font-weight:bold;
}

/*  Tagline  */
 
#tagline {
  text-align:center;
  color: #000;
  padding: 4px 0 10px 0;

}
  
#tagline ul {
  clear:both;
  margin: 0 auto;
  font-size: 95%;
  }

#tagline ul li {
  display:inline;
  list-style-type: none;
  padding: 0 6px 0 0;
  }
  
#tagline ul li span {
  font-weight:bold;
  }