body { margin: 0; font-family: arial; font-size: 13px;}

#sidebar { width: 220px; background-color: #eee; border-right: 1px solid #b9b9b9; padding: 0 0 20px 0; }
#sidebarInner { height: 1000px; }

#topbar { height: 40px;  /*background-color: #73A8E5; */ background-color: #fff; padding: 0 0 0 20px; }
#topbar div.button { float: left; height: 20px; padding: 5px 10px 5px 10px; margin: 10px 0 0 0; font-weight: bold; border-right: 1px solid #eee; }

#intro { margin: 10px 0 0 0; width: 700px; height: 180px; background: url(images/intro.jpg) no-repeat; position: relative; }
#introText { position: absolute; left: 15px; top: 10px; width: 400px; height: 160px; font-size: 1.1em; }
#introText span.a { color: blue; font-weight: bold;  }
#introText h1 { font-size: 1.3em; margin: 0 0 7px 0; font-family: verdana; }

#logo { width: 200px; padding: 10px; height: 76px; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.5em; }


div#loading { margin: 0px auto 0 auto; padding: 10px; text-align: center; font-size: .9em; font-weight: bold; }
div#frameHolder { display: none; }

.sideHead { width: 180px; margin: 0px 10px; background-color: #ddd; color: #333; font-size: 14px; padding: 5px 10px; font-weight: bold; }
.sideBody { width: 200px; margin: 0px 10px 15px 10px; padding: 5px 0 5px 0; background-color: #fff; }
.sideBody div.row { padding: 2px 5px 5px 10px; }


#products { padding: 0px 10px 10px 20px; }
#prodTable { border-collapse: collapse; }
#products div.h { text-align: center; padding: 5px 0 15px 0; }
#products div.p { padding: 10px; width: 300px; height: 200px; margin: 0 20px 20px 0; border: 1px solid #aaa; }
#products div.i { padding: 0 10px 0 0; }

#products table.pd { border-collapse: collapse; }
#products table.pd th { text-align: left; padding: 5px 5px 5px 2px; background-color: #eee; border: 1px solid #b9b9b9; font-weight: normal; }
#products table.pd td { text-align: left; padding: 5px 0 5px 5px; border: 1px solid #b9b9b9; width: 130px; }
#products div.j { cursor: pointer; width: 103px;  margin: 20px 0 0 30px; }

#bottom-links { padding: 100px 20px 50px 20px; font-size: .9em; line-height: 1.5em; }

/***** cart.php *****/

#bigCart { border-collapse: collapse; border: 1px solid #ccc; }
#bigCart input.a { width: 20px; text-align: right; }
#bigCart th { background-color: #eee; padding: 5px 20px 5px 10px; text-align: right; font-weight: normal; border-bottom: 1px solid #ccc; }
#bigCart td { padding: 5px 20px 5px 10px; text-align: right; border-bottom: 1px solid #ccc; }
#bigCart td.subtotal { background-color: #f7f7f7; border: 0; }
#bigCart td.total { background-color: #eee; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: red; font-weight: bold; }
#gCart2 { width: 400px; padding: 10px; line-height: 1.5em; margin: 10px 0 0 200px; }
#bigCart td.buttons { border: 1px solid white; padding-top: 10px; }

/****** products.php *****/

#productSelect { padding: 10px 0 20px 0; }
#productSelect th { background-color: #eee; padding: 1px 30px 1px 5px; text-align: left;  }
#productSelect td { padding: 5px 30px 5px 5px; text-align: left; }

/****** product-details.php *****/

#prodDetails { margin: 20px 0 0 0; }
#prodDetails h1 { margin: 0; }


table.sz { border-collapse: collapse; }
table.sz th { text-align: left; background-color: #ddd; color: #666; padding: 5px 10px; border: 1px solid #ccc; }
table.sz td { padding: 5px 10px; border: 1px solid #ccc; }

table.sq { margin: 10px 0; }
table.sq td { padding: 5px 10px 5px 0; }

a.gray:link { color: #555; font-size: .9em;  }
a.gray:visited { color: #555; font-size: .9em;}
a.gray:hover { color: #555; font-size: .9em; }
a.gray:active { color: #555; font-size: .9em; }