body#main {
	background-image: url(img/backg_sw.jpg);
}

body#popup {
	background-color: #eee;
}

body, td {
  font-family: Verdana, "Lucida Grande",Arial,sans-serif;
  font-size: 11px;
  line-height: 1.4em;
  color: #333;
}

input, textarea {
  font-family: Verdana, "Lucida Grande",Arial,sans-serif;
  font-size: 11px;
  line-height: 1.4em;
}

form {
  margin: 0px;
}

.small {
  font-size:10px;
}

/* ======================================= */
a {
  color: #333;
  text-decoration: underline;
}
a.noline {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.bwarn {
  color: #c33;
	font-size: 10px;
}

.warn {
  color: #c33;
}

/* ======================================= */
#tmain {
  margin-top:10px;
}

#cmain {
	border: 1px solid #999;
  background-color: #eee;
}
#ctop {
	background-image: url(img/kante_top.gif);
	background-repeat: repeat-x;
	height: 10px;
}
#cbottom {
	background-image: url(img/kante_bottom.gif);
	background-repeat: repeat-x;
	height: 10px;
}
#cleft {
	background-image: url(img/kante_left.gif);
	background-repeat: repeat-y;
	width: 10px;
}
#cright {
	background-image: url(img/kante_right.gif);
	background-repeat: repeat-y;
	width: 10px;
}

/* ======================================= */
#dmenu {
	/* border: 1px dotted #999; */
	border: 0px;
	width: 180px;
	padding: 8px;
}

#logo {
  margin-top: 15px;
  margin-bottom: 75px;
}

#copyright {
  margin: 20px;
  margin-top: 160px;
}

#dmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#dmenu li {
  border-width: 0px;
}

/* menu link display and hover effect */
#dmenu ul a {
  display:block;
  padding: 4px;
  padding-left: 14px;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
#dmenu ul a:hover {
  background-color:#f7f7f7;
}

/* display of the menu item of the current page */
#dmenu ul a.current {
  font-style: italic;
  font-weight: bold;
	color: #444;
}

/* indention/colors for the next 4 levels */
#dmenu ul ul a {
  padding-left: 21px;
}

/* ======================================= */
#dbody {
	padding: 10px;
	padding-bottom: 30px;
	width:520px;
}

#dnav {
  margin: 10px 15px 0px 15px;
	border-bottom: 1px solid #ccc;
}

#subnav {
  padding: 4px;
  margin-left: 30px;
  margin-bottom:8px;
  font-style: italic;
}

#navsimple {
  font-weight: bold;
  text-align: right;
  padding: 2px 24px 3px 2px;
}

#navl {
  text-align: left;
  padding-left: 18px;
  font-weight: bold;
}
.navtxt {
  font-weight: bold;
}
.navimg {
  border: 0px;
  display: block;
}

/* ======================================= */
/* thumbnails catalog index */
.thumb {
	width: 114px;
	padding-top: 4px;
	text-align: center;
	vertical-align: bottom;
}

.thcap {
	width: 114px;
	text-align: center;
	vertical-align: top;
  font-size: 10px;
	padding: 3px;
	padding-bottom: 12px;
}

a.athb img, img.thmb {
  background-color: #fff;
	border: 1px solid #ddd;
	padding: 2px;
}
a.athb:hover img {
	background-color: #036;
}
a.athb:hover { /* IE */
	color: #036;
}

#inav {
  margin: 15px 15px 0px 10px;
	border-top: 1px solid #ccc;
}

/* ======================================= */
/* card display */
#ctitle, #ctitleso {
  padding: 12px 50px 5px 50px;
  font-size: 12px;
  font-weight: bold;
	text-align: center;
	color: #444;
}
#ctitleso {
	background-image: url(img/reddot.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}
.ccenter {
  text-align: center;
  padding: 3px 50px 3px 50px;
}
#cimg {
  text-align: center;
  padding: 3px 0px 3px 0px;
}
.cleft {
  padding: 3px 50px 3px 50px;
}
#cinfo {
  text-align: center;
  font-style: italic;
  padding: 4px 50px 4px 50px;
}
#ctext {
  font-size:11px;  
  margin: 2px 50px 2px 50px;
  border: 1px solid #ccc;
  background-color:#f7f7f7;
  padding:7px;
}

textarea#tcust {
  margin-top: 4px;
  margin-left: 10px;
}

/* card bottom navigation */
#cnav {
  margin: 10px 45px 10px 45px;
	border-bottom: 1px solid #ccc;
}

/* card order options */
.orderbut {
 margin-top: 15px;
 text-align: center;
}

.opttable {
  margin-top: 8px;
}

/* === basket page === */

#basketbox {
 width:420px;
 padding-left:50px;
 margin-top:25px;
}

.basketdeco {
 border: 1px solid #ccc;
 background-color:#f7f7f7;
 padding:10px;
}

td.tdul {
	border-bottom: 1px solid #ccc;
}

#basketxt {
	padding: 10px;
}

div#shipping {
  border-top: 1px solid #999;
  margin: 40px;
  padding-left:10px;
	font-size: 10px;
}
div#shipping dd {
  margin-left: 15px;
}

.custaddr {
  font-size:10px;
  line-height:1.4em;
  font-style: italic;
  margin-top:2px;
  margin-left:12px;
	color: #555;
}

/* === order form page === */
#ofbox {
 width: 400px;
 padding-left: 65px;
 margin-top:15px;
}

.oftable {
 border: 1px solid #ccc;
 width: 100%;
 background-color:#f7f7f7;
 margin-top: 6px;
}

.ofintro {
	padding: 8px;
}

.oflb {
 text-align: right;
 vertical-align: top;
 padding-top: 6px;
 padding-right: 3px;
}

.oflbl {
 vertical-align: top;
 padding-top: 6px;
}

.ofcb {
 text-align: right;
 vertical-align: top;
 padding-top: 4px;
}

.ofinp {
	width: 240px;
}

.ofdesc {
	padding-top: 3px;
	font-size: 10px;
	line-height:1.2em;
}

.oferr {
	font-weight: bold;
	font-size: 10px;
	color: #c33;
}

/* === welcome === */

h1 {
  font-size:12px;
  text-align:center;
  line-height: 1.4em;
  margin-top:8px;
}

img#welcomeimg {
  margin: 3px 0px 0px 13px;
 	border: 1px solid #333;
}

/* === misc containers === */

.simplebody {
	padding: 40px;
	padding-top: 60px;
	padding-left: 60px;
}

#errmsg {
 border: 1px solid #ccc;
 margin: 60px;
 padding: 10px;
 padding-top: 30px;
 padding-bottom: 30px;
}