body,td,th { font-family: Verdana, Geneva, sans-serif; }
body { background-image: url(/img/bg.gif); margin: 2px 0px 0px 0px; }
a {color:#036}
.top { background-color: #555; }
.top_title { font-size: 20px; font-style: italic; font-weight: bold; color: #FFF; float: left; padding: 10px; }
.top_tagline { font-size: 10px; font-weight: bold; float: left; color: #FFF; width: 500px; padding: 9px; }
.top_info { font-weight: bold; float: right; color: #FFF; width: 140px; text-align:center; padding: 8px; }
.top_info .top_info-text1 { font-size: 11px; }
.top_info .top_info-num1 { font-size: 14px; }

.top_links { float: left; color: #fff; font-size: 11px; margin-top: 4px; margin-bottom: 4px; width: 790px;}
.top_links a { font-size: 10px; padding: 10px; text-decoration: none; font-weight: bold; color: #fff; }
.top_links a:hover { text-decoration: underline; }

.cartaction { width: 160px; float: right; text-align: right; color: #fff; font-size: 11px; margin-top: 4px; margin-bottom: 4px; }
.cartaction a { font-size: 10px; padding: 10px; text-decoration: none; font-weight: bold; color: #fff; }
.cartaction a:hover { text-decoration: underline; }

.main { background-color: #fff; }

.sidebar { background:url(/img/side_bg.gif) repeat-y; width:200px; background-color:#4fafd8; text-align: center; }

.categories { padding: 10px 5px 0px 12px; text-align: left; }
.categories .categories-head { font-size: 14px; font-weight: bold; font-style: italic; }
.categories a { font-size: 10px; font-weight: bold; text-decoration: none; color: #000; }
.categories ul { list-style-type: none; margin-left: 0px; padding-left: 0px; padding-top: 6px; margin-top: 0px; }
.categories li { padding-bottom: 10px; padding-left: 5px; }
.categories a:hover { text-decoration: underline; }

.infobox { text-align: left; width: 180px; background-color: #6bc1e6; font-size: 10px; margin-left: 10px; }
.infobox h1{ background-color: #80cff0;	font-size: 12px; font-weight: bold;	padding: 5px 10px 5px 10px; }
.infobox .infobox-text h4 { padding: 0px 0px 0px 0px; }
.infobox .infobox-text{	padding: 0px 8px 8px 8px; }

.logo_bbb {	padding: 20px; text-align: center; }

.searchbox { width: 750px; font-size: 10px; font-weight:bold; text-align: right; padding: 4px 4px 0px 5px; }
.searchbox form{ padding: 0px; }
.searchbox input { border: 1px #666 solid; font-size: 11px; }
.searchbox .input-button input { border: 0px; vertical-align: bottom; }

.footer-container { margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; width: 960px; font-size: 10px; text-align: center; color: #fff; background-color: #555; }
.footer { width: 960px; }
.footer a {	padding: 5px; text-decoration: none; color: #fff; }
.footer a:hover { text-decoration: underline; }

.mainbody {	font-size: 11px; font-weight: normal; width: 760px; }

.mainbody .firstline { color:#000; font-weight: bold; font-size: 20px; }
 
.mainbody .firstline span {	display: block;	float: left; font-size:50px; font-family: "Times New Roman", Times, serif; margin: -5px 0px 2px 0px; padding: 0px 0px 4px 4px; line-height:1.0em;  }

.mainbody .firstlinetext { padding: 0px 5px 0px 5px; }

.mainbody li {list-style-image: url(../arrow_bullet.gif); font-size: 100%}
.mainbody h2 {padding: 0px; margin: 0px; }

.mainbody .mainbody-cat {padding: 10px;	height: 410px; }
.mainbody .mainbody-cat h1{	font-size: 16px; font-weight: bold;	border-bottom: 1px solid #999; }
.mainbody .mainbody-cat .mainbody-cat-item{	float: left; width: 148px; height: 185px; text-align: center; font-weight: bold; }

.mainbody .mainbody-list {padding: 10px; height: 100%; }
.mainbody .mainbody-list h1{ font-size: 16px; font-weight: bold; border-bottom: 1px solid #999; }
.mainbody .mainbody-list h4{ padding: 0px; margin: 0px; }
.mainbody .mainbody-list .mainbody-list-item{ float: left; width: 176px; height: 270px; text-align: center; padding: 3px; }
.mainbody .mainbody-list .mainbody-list-item-image { width: 178px; height: 105px; }
.mainbody .mainbody-list .mainbody-list-item-info { position: relative; text-align: left; }


.imgborder img { border: 1px solid #fff; }
.imgborder:hover img { border: 1px solid #999; }

.mainbody .paymethod { display: block; float: none;	width: 760px; text-align: center; font-weight: bold; padding: 10px 0px 10px 0px; }

.promo { background-color: #fff4c6; border-top: 1px solid #003f94; border-bottom: 1px solid #003f94; }
.promo h1 { margin: 0px; padding: 5px; font-size: 16px; font-weight: bold; font-style: italic; }
.promo .promo-body { background:url(/img/bg_promo.gif) repeat-x; border-top: 1px solid #003f94; font-size: 11px; margin: 0px;	padding: 5px; }

