/** aMember-specific styles here */

/* properties for entire page and text inside tables */
body, th, td {
    font-family: Georgia;
    font-size: 0.9em;
}
/* properties for all input elements */
input, textarea {
    font-family: Georgia;
    font-size: 0.9em;
}
hr { 
    background-color: #4479BE;
    border: 0;
    width: 100%;
    height: 1px;
}
ul, li { list-style: disc; }
.small { font-size: x-small; font-weight: normal; }
.powered, .powered a { font-size: x-small; color: #666666; margin: 0.5em 0em 0.5em 0em; }
strong, .strong { font-weight: bold; }
.text_disabled { color: ButtonFace; } 

/* properties for headers */
h1,h2,h3 {
    color: #707070;
    font-weight: bold;
    text-align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
}
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }

/* other elements */
div.centered { text-align: center; }
div.centered table {
    margin: 0 auto; 
    text-align: left;
}
ul,ol { margin-left: 2em;}
.code { font-family: "Courier New", Monospace; font-size: 120%; color: blue; } 

/* vedit - vertical table (signup, profile edit) */
.vedit { font-size: 12pt; color: #666666;
    border: solid 1px #DCDCDC;
}
/* vedit - usual column (right) */
.vedit td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: white;
    border: solid 1px #DCDCDC;
}
/* vedit - header column (left) */
.vedit th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;

    background-color: #FFFFFF;
    border: solid 1px #DCDCDC;
}
/* vedit - heading row */
.vedit .headrow { font-weight: bold; text-align: center; }


/* hedit - horizontal table (payments list) */
.hedit {
    border: solid 1px #8CACBB;
}
/* hedit - usual column */
.hedit td {
    padding: 5px;
    background-color: #E0E0E0;
    font-size: 8pt;
    background-color: white;
    border: solid 1px #8CACBB;
}
/* hedit - header column */
.hedit th {
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
}

table.errmsg
{
    font-family: Georgia;
    font-size: 90%;
    background-color: red;
    border: #cc0000 1px solid;
    margin: 5px 0px 5px 0px;
}
table.errmsg td
{
    padding: 5px 50px 5px 5px;
    font-weight: bold;
}
table.errmsg td li
{
    list-style: square;
}

/* Receipt table from thanks.html */
.receipt td {
    background-color: #F0F0F0;
    border: solid 1px black;
    padding: 2px 4px 2px 4px;
}
.receipt th {
    background-color: #C0C0C0;
    border: solid 1px black;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}
.receipt td.total {
    background-color: #C0C0C0;
    border: solid 1px black;
}
.receipt {
    border-collapse: collapse;
}

/* Newsletters table on member.php */
.newsletters td {
    padding: 5px;
    margin: 5px;
}
.newsletters td.disabled {
    padding: 5px;
    margin: 5px;
    color: #505050;
}

/* Newsletters archive table on member.php */
.newsletters_archive td {
    padding: 2px;
    margin: 0px;
}
/* Error message label on signup page */
label.error {
    padding-left: 3px;
	color: red;
	font-style: italic;
	font-weight: normal;
}
input.error {
    border: 2px solid red;
}

/********** Header && Footer Styles *************/
.pgtopHeader { background: url('imgs/topHeader.jpg') repeat-x top; height: 95px; clear: both; }
.pgheader { background-color: #fff; height: 145px; clear: both; }
.pgcontTop { background-color: #f8f8eb; height: 22px; clear: both; }
.pgCont, .pgFooter { background-color: #f8f8eb; clear: both;  }

.topBarRow, .topBarLogoRow, .headerRow, .contTopRow, .contentRow, .footerRow { width: 1000px; }

.topBarRow { height: 12px; padding: 1px 20px 1px 0px; font-size: 11px; }
.topBarRow .link, .topBarRow .lang { display: block; float: right; padding: 0px 5px 0px 5px;  } 
.topBarRow .lang div { display: block; float: right; }

.topBarLogoRow { margin: 25px 0px 0px 0px; }
.topBarLogoRow .logoCol, .topBarLogoRow .menuCol { display: block; float: left; }
.topBarLogoRow .logoCol { width: 400px; }
.topBarLogoRow .menuCol { margin: 12px 0px 0px 0px; }
.menuCol .menuDiv, .menuCol .menuSDiv { display: block; float: left; padding: 0px 3px 0px 3px; }
.menuDiv a.menu, .menuDiv a.menu:active, .menuDiv a.menu:hover, .menuDiv  a.menu:link, .menuDiv a.menu:visited { padding: 0px 4px 0px 0px; background: url('imgs/menuR.jpg') no-repeat right top; display: block; float: left; font: 13px verdana, sans-serif; margin: 0px 4px 0px 0px; height: 23px; text-decoration: none; }
.menuDiv a.menu span { padding: 3px 0px 4px 4px; display: block; background: url('imgs/menuL.jpg') no-repeat; color: #606060; font-weight: normal; font: 13px verdana, sans-serif; }

.menuSDiv a.menu, .menuSDiv a.menu:active, .menuSDiv a.menu:hover, .menuSDiv  a.menu:link, .menuSDiv a.menu:visited { padding: 0px 4px 0px 0px; background: url('imgs/menuSR.jpg') no-repeat right top; display: block; float: left; font: 13px verdana, sans-serif; margin: 0px 4px 0px 0px; height: 23px; text-decoration: none; }
.menuSDiv a.menu span { padding: 3px 0px 4px 4px; display: block; background: url('imgs/menuSL.jpg') no-repeat; color: #fff; font-weight: normal; font: 13px verdana, sans-serif; }

.headerRow { height: 140px;}
.headerRow .logo1 { display: block; float: left; }

.contTopRow { background: url('imgs/contTopRow.jpg') repeat-x; height: 22px; }
.contentRow { padding: 5px 5px 5px 5px; }
.footerRow { padding: 5px 5px 5px 5px; color: #666666; font-size: 12px; }

/*********************** New Css *********************************/

* { margin: 0; padding: 0; }
body { width: 100%; background: url(/images/buy/bg.gif) repeat-x; font-family: Georgia; font-size: 16px; color: #333333;}
img { border: none;}
#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-top: 12px; }
.menu ul { width: 100%; float: left; display: inline; }
.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-right-gutter .banner { width: 100%; float: left; display: inline; margin-top: 10px; height: 135px; }
.content-right-gutter .banner .image { width: 200px; float: left; display: inline; margin-left: 70px }
.content-right-gutter .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; }

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

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


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