/* CSS Document */
a:link { color: #FFF; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; }

a:visited { color: #FFF; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; }

a:hover { color: #FFF; text-decoration: underline; font-family: Georgia, "Times New Roman", Times, serif; }

a:active { color: #FFF; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; }

body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #B3B3B3; line-height: 20px; background-color: #000; margin: 0px; }

table { border: none; }

tr { border: none; }

td { border: none; }

img { border: none; }

#logo { position: absolute; top: 38px; left: 35px; overflow: hidden; }

input { border: 0px; }

.label { position: absolute; top: 63px; left: 0px; overflow: hidden; display: none; }

.tagline { position: absolute; left: 71px; top: 186px; font-family: 'Caslon', Georgia; font-size: 17px; color: #FCEE21; }
body.personal_shopping .tagline { color: #00A44B; }

.button { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #FFF; line-height: 20px; margin-bottom: 5px; }

.button_small { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #FFF; line-height: 20px; margin-bottom: 5px; }

.button_smallest { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FFF; }

#bgimage { display: none; }

/* background*/
#bgcontainer { position: fixed; display: block; overflow: hidden; }

/* content back */
div.red_fill { background-image: url("../images/red_fill.png"); background-repeat: repeat; }

div.red_corner { background-image: url("../images/red_corner.png"); }

div.red_tail { background-image: url("../images/red_tail.png"); }

div.blue_fill { background-image: url("../images/blue_fill.png"); background-repeat: repeat; }

div.blue_corner { background-image: url("../images/blue_corner.png"); }

div.blue_tail { background-image: url("../images/blue_tail.png"); }

div.green_fill { background-image: url("../images/green_fill.png"); background-repeat: repeat; }

div.green_corner { background-image: url("../images/green_corner.png"); }

div.green_tail { background-image: url("../images/green_tail.png"); }

div.yellow_fill { background-image: url("../images/yellow_fill.png"); background-repeat: repeat; }

div.yellow_corner { background-image: url("../images/yellow_corner.png"); }

div.yellow_tail { background-image: url("../images/yellow_tail.png"); }

div.grey_fill { background-image: url("../images/grey_fill.png"); background-repeat: repeat; }

div.grey_corner { background-image: url("../images/grey_corner.png"); }

div.grey_tail { background-image: url("../images/grey_tail.png"); }

/* menu */
#footermenu { position: fixed; left: 30px; bottom: 30px; }
body.personal_shopping_evaluation #footermenu { display: none; }

#menu { position: absolute; left: 365px; top: 30px; }
body.personal_shopping_evaluation #menu { display: none; }

.menuitemcontainer { border-left: solid; border-left-color: #808080; border-left-width: 1px; padding-left: 8px; padding-right: 30px; height: 67px; }

.menufooteritemcontainer { border-left: none; padding-left: 0px; padding-right: 30px; }

.menuitem { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FFF; line-height: 16px; }

#copyright { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FFF; position: fixed; right: 30px; bottom: 30px; }

/* content */
#container { min-height: 100px; /*height:100%;*/ position: absolute; display: none; left: 365px; top: 180px; overflow: hidden; }
body.personal_shopping_evaluation #container { top: 30px; }

#contents { padding: 20px; padding-left: 30px; padding-top: 20px; }

#title { font-family: "Caslon", Georgia; font-size: 40px; color: #FFF; line-height: 36px; padding-bottom: 26px; }

#subtitle { font-family: "Caslon", Georgia; font-size: 20px; color: #FFF; line-height: 24px; }

#body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000; line-height: 20px; }

#errors { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FFF; overflow: hidden; line-height: 20px; padding-bottom: 10px; }

/* stores */
.storesrow { width: 600px; display: block; overflow: hidden; padding-bottom: 26px; }

.storescol { width: 160px; float: left; padding-right: 30px; }

/* register */
.registerrow { width: 480px; display: block; overflow: hidden; padding-bottom: 0px; }

.registercol { font-size: 12px; width: 140px; padding-right: 20px; float: left; }

/* login */
.loginrow { width: 222px; display: block; padding-bottom: 0px; }

/* email history */
.emailrow { padding-bottom: 2px; }

/* purchase history */
.purchaserow { display: block; overflow: hidden; padding-bottom: 2px; width: 530px; color: #FFF; }

.purchasestore { float: left; width: 270px; padding-right: 15px; }

.purchasedate { float: left; width: 150px; padding-right: 15px; }

.purchaseamount { float: left; width: 80px; text-align: right; }

.purchasedetails { margin-top: 5px; font-size: 12px; font-style: italic; float: left; width: 530px; display: inline; overflow: hidden; }

/* benefits */
.benefitsrow { width: 600px; display: block; overflow: hidden; padding-bottom: 26px; }

.benefitscol { width: 160px; float: left; padding-right: 30px; color: black; }
.benefitscol .subtitle { color: white; }

/* benefits */
#languageselect { position: fixed; overflow: hidden; display: block; bottom: -150px; left: 290px; font-size: 14px; background-color: #1F1E1E; width: 530px; height: 110px; display: block; overflow: hidden; padding-bottom: 26px; }

body.stores .title { color: black; }
body.stores .subtitle { color: white; display: block; font-size: 16px; padding-bottom: 0px; }
body.stores .body { color: black; }
body.stores .storescol { color: black; }
