@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { width: 100%; background: url(/images/buy/bg.gif) repeat-x; font-family: Georgia; font-size: 14px; color: #333333;}
img { border: none;}
brd { border: 1px solid #000; }
#container { width: 1000px; margin: 0 auto; }
.brd { border: 1px solid #000; }
#container .main { width: 1000px; text-align: left; float: left; display: inline; }
.main .top { width: 100%; float: left; display: inline; text-align: right; font-size: 14px; font-family: "Georgia"; color: #afaf98; margin-top: 10px;}
.main .top a { font-size: 14px; font-family: "Georgia"; color: #afaf98;}
.main .header { width: 100%; float: left; display: inline; margin-top: 11px; }
.header .logo { width: 406px; float: left; display: inline; height: 48px; }
.header .menu { width: 594px; float: left; display: inline; height: 24px; margin: 0; padding: 0; margin-top: 12px; }
.menu ul { width: 100%; float: left; display: inline; margin: 0; padding: 0; }
.menu ul li {float: left; display: inline; list-style: none; margin-left: 8px; }

#home a { width: 53px; height: 24px; float: left; display: inline; background: url(/images/buy/home.gif) top right; }
#home a:hover { width: 53px; height: 24px; float: left; display: inline; background: url(/images/buy/home.gif) bottom left; }
#home a.selected { width: 53px; height: 24px; float: left; display: inline; background: url(/images/buy/home.gif) bottom left; }

#why a { width: 80px; height: 24px; float: left; display: inline; background: url(/images/buy/why.gif) top right; }
#why a:hover { width: 80px; height: 24px; float: left; display: inline; background: url(/images/buy/why.gif) bottom left; }
#why a.selected { width: 80px; height: 24px; float: left; display: inline; background: url(/images/buy/why.gif) bottom left; }

#member a { width: 128px; height: 24px; float: left; display: inline; background: url(/images/buy/member.gif) top right; }
#member a:hover { width: 128px; height: 24px; float: left; display: inline; background: url(/images/buy/member.gif) bottom left; }
#member a.selected { width: 128px; height: 24px; float: left; display: inline; background: url(/images/buy/member.gif) bottom left; }

#savings a { width: 62px; height: 24px; float: left; display: inline; background: url(/images/buy/savings.gif) top right; }
#savings a:hover { width: 62px; height: 24px; float: left; display: inline; background: url(/images/buy/savings.gif) bottom left; }
#savings a.selected { width: 62px; height: 24px; float: left; display: inline; background: url(/images/buy/savings.gif) bottom left; }

#about a { width: 73px; height: 24px; float: left; display: inline; background: url(/images/buy/about.gif) top right; }
#about a:hover { width: 73px; height: 24px; float: left; display: inline; background: url(/images/buy/about.gif) bottom left; }
#about a.selected { width: 73px; height: 24px; float: left; display: inline; background: url(/images/buy/about.gif) bottom left; }

#faq a { width: 44px; height: 24px; float: left; display: inline; background: url(/images/buy/faq.gif) top right; }
#faq a:hover { width: 44px; height: 24px; float: left; display: inline; background: url(/images/buy/faq.gif) bottom left; }
#faq a.selected { width: 44px; height: 24px; float: left; display: inline; background: url(/images/buy/faq.gif) bottom left; }

#join a { width: 77px; height: 24px; float: left; display: inline; background: url(/images/buy/join.gif) top right; }
#join a:hover { width: 77px; height: 24px; float: left; display: inline; background: url(/images/buy/join.gif) bottom left; }
#join a.selected { width: 77px; height: 24px; float: left; display: inline; background: url(/images/buy/join.gif) bottom left; }


#content .content-left-gutter { width: 219px; float: left; display: inline; }

.banner { width: 100%; float: left; display: inline; margin-top: 10px; height: 135px; }
.banner .image { width: 200px; float: left; display: inline; margin-left: 50px }
.banner .text { width: 700px; float: left; display: inline; }

#content { width: 100%; float: left; display: inline; }


#content .content-right-gutter { width: 100%; float: left; display: inline; }

#content .content-right-gutter .leftside { width: 219px; float: left; display: inline; background: url(/images/buy/sidebase.gif) no-repeat; height: 432px; margin-left: 10px; margin-top: 16px;  }
#content .content-right-gutter .leftside ul { width: 100%; float: left; display: inline; margin-top: 100px; }
#content .content-right-gutter .leftside ul li { width: 100%; float: left; display: inline; list-style: none; margin: 0; padding: 0; }

#content .content-right-gutter .rightside { width: 750px; float: left; display: inline; margin-left: 10px; margin-top: 20px; }

.rightside .cols { width: 330px; background: url(/images/buy/box_base.gif) no-repeat top; height: 280px; margin-left: 20px; margin-top: 40px; float: left; display: inline;}
.cols .topimage { width: 100%; float: left; display: inline; height: 48px; }
.cols ul { width: 300px; float: left; display: inline; margin-left: 16px; font-family: Georgia; font-size: 16px; color: #606060;}
.cols ul li { width: 300px; float: left; display: inline; height: 16px; margin-top: 22px; list-style: none;  }
.cols ul li span { width: 14px; height: 16px; background: url(/images/buy/li_image.gif) top no-repeat; float: left; display: inline;}
.cols ul li .txt { width: 270px; height: 16px; float: left; display: inline; margin-left: 10px; line-height: 16px; }
.cols .join { width: 100%; float: left; display: inline; height: 37px; margin-top: 30px; }

.leftside ul.leftmenu { width: 100%; float: left; display: inline;}
.leftside ul.leftmenu li { margin: 0; width: 100%; float: left; display: inline; }
.leftside ul.leftmenu li a { text-decoration: none; color: #666; font-size: 12px; height: 20px; line-height: 20px; }
.leftside ul.leftmenu li a:hover { text-decoration: underline; }


.footer { width: 950px; float: left; display: inline; text-align: right; font-family: Georgia; font-size: 14px; color: #a8a8a8; padding-bottom: 20px; }