/* @override http://localhost/phix2009will/css/phix.css */
/*
Theme Name: Phix
Description: A custom theme made for phix. Designed by Swift Collective and Ryan Miglavs.
Author URI:http://socialistpear.com
Credits:
Phix Theme designed by Swift Collective and Ryan Miglavs. All rights reserved.
License:
All code, art, images, and copy is copyright its respective owner, and may not be used in whole or part without express written permission.
Notes:
If you're a designer and have any questions about this site's HTML, CSS, or Javascript, please feel free to email Ryan at juice[at]socialistpear[dot]com.
*/
html {
background: #fff;
}
body {
position: relative;
width: 880px;
margin: 0 auto;
text-align:left;
background: transparent;
color: #7f7f7f;
font: 12px "Lucida Grande",Helvetica, Arial, Geneva, sans-serif;
}
table {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
a:link, a:visited {
color:#9f9f9f;
text-decoration: underline;
}
a:hover {
color:#f2b660;
text-decoration: underline;
}
/*#content a:link {
color: #99b72d;
}*/
a img {
border:none
}
p {
margin: 0 0 1em 0;
}
h1 {
color: #88a1Be;
text-transform: lowercase;
font: normal 275% Avenir-Light, "Avenir 35 Light", Avenir, Helvetica, Arial, Geneva, sans-serif;
}
h2 {
color: #99b72d;
font: normal 100% Helvetica, Arial, Geneva, sans-serif;
margin: 2em 0 .6em 0;
}
h3 {
color: #99b72d;
font-size: 1em;
margin: 0 0 .6em 0;
}
h3.inverted {
margin: -1em -1em 1em -1em;
padding: 1em 1em .8em 1em;
background: #99b72d;
color: #fff;
font: 13px/1.3 Avenir-Light, "Avenir 35 Light", Avenir, Helvetica, Arial, Geneva, sans-serif;
}
h3 strong {
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
}
h2 a:link,
h3 a:link {
color: #99b72d;
}
h2 a:hover,
h3 a:hover {
color: #f2b660;
}
abbr {
border-bottom: 1px dotted #ccc;
cursor: help;
}
#content {
}
#content.small {
position: relative;
width: 570px;
margin: 7em auto 2em auto;
padding: 1em 1em 1em 1em;
background: #fff;
border: 1px solid #ddd;
}
#content.small h1 {
position: absolute;
top: -2.25em;
}
/*------------------ Masthead Junk ------------------*/
#masthead {
position: relative;
padding: 20px 0 0 0;
margin: 0 0 20px 0;
}
#masthead h1 {
font-size: 100%;
}
#masthead h1 a {
display: block;
width: 114px;
height: 73px;
margin: -20px 0 0 0;
padding-bottom: 8px;
text-indent: -5000em; /* Phark image replacement */
background: transparent url(../img/phix-logo-small.png) no-repeat left top;
border-bottom: 4px solid transparent;
}
#masthead h1 a:hover {
border-color: #a8c4ec;
}
#masthead ul#main-nav {
position: absolute;
left: 110px;
top: 30px;
font-size: 11px;
list-style: none;
z-index: 60;
}
#masthead ul#main-nav li {
display: inline;
padding: 0 30px;
border-right: 1px dotted #7897c4;
}
#masthead ul#main-nav li#n-blog {
border: none;
}
#masthead ul#main-nav li a:link,
#masthead ul#main-nav li a:visited {
text-transform: uppercase;
text-decoration: none;
color: #7897c4;
}
#masthead ul#main-nav li a:hover {
color: #ff9550;
}
body#learn ul#main-nav li#n-learn a,
body#shop ul#main-nav li#n-shop a,
body#phixphans ul#main-nav li#n-phixphans a,
body#ourstory ul#main-nav li#n-ourstory a {
color: #ff9550;
}
ul#secondary-nav {
position: absolute;
top: 12px;
right: 0;
list-style: none;
text-align: right;
}
ul#secondary-nav li {
}
ul#secondary-nav li a {
text-decoration: none;
font-size: 90%;
}
/*--------------------- Home Junk --------------------*/
#home {
}
#home #masthead h1 {
width: 151px;
height: 97px;
margin: -10px auto 0 auto;
}
#home #masthead h1 a {
margin: 0;
width: 151px;
height: 97px;
background-image: url(../img/phix-logo.png);
}
#home #masthead ul#main-nav {
position: absolute;
right: 0 !important;
top: 14px;
left: auto !important;
width: 12em;
}
#home #masthead ul#main-nav li {
display: block;
margin: .25em 0;
padding: 0;
border: none;
text-align: right;
}
#home #masthead ul#secondary-nav {
display: none;
}
#home .formula {
width: 50%;
float: left;
position: relative;
padding-top: 360px;
}
#home .formula h1 {
margin: 0 40px;
text-transform: uppercase;
}
#home .formula h1 a {
position: absolute;
top: 0;
left: 10px;
display: block;
text-decoration: none;
text-indent: -5000em;
background-color: transparent;
background-repeat: no-repeat;
background-position: center top;
}
#home .no-js .formula h1 a {
opacity: 0.6;
}
#home .no-js .formula:hover h1 a {
opacity: 1.0;
}
#home .energy h1 a {
width: 426px;
height: 395px;
background-image: url(../img/phix-energy.png);
}
#home .sleep h1 a {
width: 423px;
height: 395px;
background-image: url(../img/phix-sleep.png);
}
#home .formula h2 {
position: relative;
z-index: 2;
margin: 0 40px;
color: #7a7a7a;
text-align: center;
text-transform: uppercase;
}
#home .formula h4 {
margin: 0 0 1em 0;
text-align: center;
font: normal 80% Helvetica, Arial, Geneva, sans-serif;
}
#home .formula p {
margin: 0 60px 1em 60px;
}
#home .formula p a {
text-decoration: none;
}
#home .no-js .energy:hover p a,
#home .energy p a.highlighted {
color: #e30061;
}
#home .no-js .sleep:hover p a,
#home .sleep p a.highlighted {
color: #fbdb00;
}
#home .formula p a:hover {
/*color: #7897c4;*/
/*border-bottom: 1px solid;*/
text-decoration: underline;
}
#home p#fda-statement {
clear: both;
padding: 2em 0 2em 0;
font-size: 80%;
text-align: center;
}
/*--------------------- Shop Junk --------------------*/
#shop {
}
#shop form#shop-form {
clear: both;
position: relative;
overflow: hidden;
}
#shop #formula-wrap {
position: relative;
overflow: hidden;
}
#shop .formula {
width: 300px;
padding: 0 30px 20px 30px;
border: 1px solid #ccc;
overflow: hidden;
}
#shop .energy {
float: left;
margin: 0;
}
/*#shop .energy.highlighted {
border: 1px solid #e30061;
}*/
#shop .sleep {
/*float: right;*/
clear: both;
position: absolute;
left: 360px;
top: 0;
bottom: 0;
margin: 0 0 0 10px;
}
/*#shop .sleep.highlighted {
border: 1px solid #ffde00;
}*/
#shop .formula h1 {
height: 248px;
margin: 0 -30px;
text-indent: -5000em;
}
#shop .energy h1 {
background: transparent url(../img/energy-small.png) no-repeat center bottom;
}
#shop .sleep h1 {
background: transparent url(../img/sleep-small.png) no-repeat center bottom;
}
#shop .formula fieldset {
position: relative;
padding-top: 30px;
}
#shop .formula fieldset .legend {
display: block;
font-size: 150%;
text-align: left;
text-indent: -5000em;
width: 38px;
height: 100px;
margin: 0 0 10px auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px solid #ddd;
background-repeat: no-repeat;
background-position: center top;
opacity: 0.6;
}
#shop .energy .pack-of-5 .legend {
background-image: url(../img/energy-5pack.png);
}
#shop .energy .pack-of-30 .legend {
background-image: url(../img/energy-30pack.png);
}
#shop .sleep .pack-of-5 .legend {
background-image: url(../img/sleep-5pack.png);
}
#shop .sleep .pack-of-30 .legend {
background-image: url(../img/sleep-30pack.png);
}
#shop .formula fieldset h4 {
position: absolute;
top: 0;
right: 64px;
color: #e30061;
text-align: right;
}
#shop .formula fieldset h5 {
position: absolute;
top: 3em;
left: 0;
width: 74px;
text-align: right;
}
#shop .formula fieldset {
float: left;
width: 40%;
border: none;
}
#shop .formula fieldset:hover {
/*background: #f4f4f4;*/
}
#shop .formula fieldset:hover .legend {
/*background-color: #e5eefa;*/
border-color: #accdfa;
opacity: 1.0;
}
#shop .sleep fieldset {
position: relative;
top: 4.12em;
}
#shop form .formula fieldset p {
clear: both;
position: relative;
height: 50px;
margin: 0 -9px 10px 30px;
padding: 1px 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
#shop form .formula fieldset.pack-of-5 p {
/*margin-left: -36px;*/
/*border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;*/
}
#shop form .formula fieldset p.highlighted {
background: #e5eefa;
}
#shop form .formula fieldset p.highlighted label {
background-color: #e5eefa;
}
#shop .formula input[type="text"] {
float: right;
clear: both;
width: 2em;
height: 2em;
margin: 10px 20px 0 0;
padding: .25em;
text-align: center;
color: #6b99dc;
font-weight: bold;
border: 1px solid #ccc;
}
#shop .formula input.not-yet-clicked {
color: #ccc;
}
#shop form .formula fieldset.pack-of-30 label.main {
display: none;
}
#shop form .formula fieldset.pack-of-5 label.main {
position: absolute;
top: -5px;
left: -70px;
width: 69px;
height: 60px;
overflow: hidden;
text-indent: -5000em;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
}
#shop form .formula fieldset.pack-of-5 p.citron label.main {
background-image: url(../img/citron-icon.png);
}
#shop form .formula fieldset.pack-of-5 p.teaberry label.main {
background-image: url(../img/teaberry-icon.png);
}
#shop form .formula fieldset.pack-of-5 p.tropic label.main {
background-image: url(../img/tropic-icon.png);
}
#shop form .formula fieldset.pack-of-5 p.lemon-chamomile label.main {
top: -10px;
width: 79px;
height: 69px;
background-image: url(../img/lemon-chamomile-icon.png);
}
#shop form .formula fieldset label.secondary {
display: block;
position: absolute;
left: 10px;
top: .75em;
width: 3em;
text-align: right;
}
#shop form .formula fieldset input {
position: absolute;
right: 0;
}
#shop form#shop-form .minus,
#shop form#shop-form .plus {
position: absolute;
display: block;
right: 60px;
width: 14px;
height: 14px;
margin: 0;
padding: 0;
border: none;
color: #ccc;
text-align: center;
font-size: 14px;
line-height: 0.6;
background: transparent;
cursor: pointer;
}
#shop form#shop-form fieldset:hover .minus,
#shop form#shop-form fieldset:hover .plus {
color: #6b99dc;
}
#shop form#shop-form fieldset .minus:hover,
#shop form#shop-form fieldset .plus:hover {
/*color: #fff;
background: #6b99dc;*/
color: #2d74dc;
font-weight: bold;
}
#shop form#shop-form .minus {
bottom: 12px;
}
#shop form#shop-form .plus {
top: 12px;
}
#shop h3.or {
margin: 10px;
text-align: center;
}
#shop form#shop-form #promos {
position: absolute;
right: 0;
top: 0;
width: 140px;
}
#shop form#shop-form #combo-energy-case,
#shop form#shop-form #combo-everything-case {
display: block;
padding: 10px;
color: #fff;
text-align: center;
}
#shop form#shop-form #combo-energy-case {
background: #e30061;
border: 1px solid #aa0048;
}
#shop form#shop-form #combo-everything-case {
background: #99b72d;
border: 1px solid #6c8220;
}
#shop form#shop-form #promos button {
display: block;
width: 9em;
margin: 0 auto 10px auto;
padding: 10px;
border: 1px solid #6b99dc;
background: #d9e8ff;
text-transform: uppercase;
text-align: center;
color: #5479ae;
cursor: pointer;
}
#shop form#shop-form #promos button:hover {
background: #eef4ff;
}
#shop form#shop-form #checkout {
position: relative;
left: -70px;
clear: both;
display: block;
width: auto;
margin: 10px auto 10px auto;
padding: .5em .75em;
background: #fff;
color: #6b99dc;
text-transform: uppercase;
font-size: 125%;
border: 4px double #6b99dc;
cursor: pointer;
}
#shop form#shop-form #checkout:hover {
background: #6b99dc;
color: #fff;
border-color: #fff;
}
#shop p.message {
position: relative;
left: -70px;
width: 34em;
margin: 0 auto 1em auto;
padding: .5em;
text-align: center;
color: #6b99dc;
/*background: #efefef;*/
}
#shop p.instruction {
position: relative;
left: -70px;
width: 50em;
margin: 1em auto 0 auto;
color: #f99d31;
}
#shop form#shop-form #recurring {
margin: 18px 0 1em 0;
}
#shop form#shop-form #recurring input {
}
#shop form#shop-form #recurring label {
}
#shop form#shop-form #recurring label strong {
color: #e30061;
font-size: 125%;
}
#shop p#old-flavors {
text-align: left;
}
/*-------------------- Learn Junk --------------------*/
#learn {
}
#learn #content {
}
#learn #learn-group {
position: relative;
margin: 4em 0 0 140px;
width: 570px;
height: 380px;
border: 1px solid #ccc;
}
#learn #learn-group > div {
position: absolute;
z-index: 1;
padding: 12px;
width: 546px;
height: 356px;
background: #fff;
}
#learn #learn-group #phix-energy {
z-index: 2; /* Defaults on top */
}
#learn .no-js #learn-group > div:hover,
#learn #learn-group div.active {
z-index: 10;
}
#learn #learn-group div a.tab {
position: absolute;
left: -130px;
width: 120px;
padding: 2px 4px;
text-decoration: none;
text-transform: lowercase;
text-align: right;
font-size: 90%;
color: #fff;
background: #aaa;
border: 1px solid #fff;
border-right-color: #ccc;
}
#learn #learn-group div.active a.tab,
#learn .no-js #learn-group > div:hover a.tab {
color: #666;
background: #fff !important;
border-color: #ccc;
border-right-color: #fff !important;
}
#learn #learn-group div a.tab:hover {
color: #666;
background: #fff !important;
border-color: #ccc;
}
#learn #learn-group div a.tab:after {
padding-left: 8px;
content: " o";
}
#learn #learn-group #phix-energy a.tab {
top: 1em;
background: #e30061;
}
#learn #learn-group #how-it-works-energy a.tab {
top: 3em;
background: #e32274;
}
#learn #learn-group #ingredient-facts-energy a.tab {
top: 5em;
background: #e2387f;
}
#learn #learn-group #scientific-research-energy a.tab {
top: 7em;
background: #e24f8c;
}
#learn #learn-group #phix-sleep a.tab {
top: 11em;
background: #ecaa2f;
}
#learn #learn-group #how-it-works-sleep a.tab {
top: 13em;
background: #f3b627;
}
#learn #learn-group #ingredient-facts-sleep a.tab {
top: 15em;
background: #f5c326;
}
#learn #learn-group #scientific-research-sleep a.tab {
top: 17em;
background: #f6cb24;
}
#learn #learn-group h2 {
position: absolute;
top: -1.5em;
left: 0;
margin: 0;
padding: 0 0 0 12px;
width: 100%;
color: #f2b660;
font: normal 280% "Century Gothic", Helvetica, Arial, Geneva, sans-serif;
text-transform: lowercase;
background: #fff;
}
#learn #learn-group .main {
position: absolute;
left: 0;
top: 0;
padding: 12px;
width: 308px;
height: 356px;
overflow: auto;
}
#learn #learn-group .main h3 {
margin: 12px 0 0 0;
font-weight: normal;
}
#learn #learn-group p {
}
#learn #learn-group p strong {
color: #99b72d;
font-weight: normal;
}
#learn #learn-group .aside {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 212px;
padding: 12px;
background: transparent url(../img/learn-aside-bg.png) no-repeat left top;
}
#learn #learn-group .aside h3 {
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
#learn #learn-group #phix-energy .aside,
#learn #learn-group #how-it-works-energy .aside {
padding-top: 12px;
}
#learn #learn-group #phix-energy .aside img,
#learn #learn-group #how-it-works-energy .aside img,
#learn #learn-group #phix-sleep .aside img,
#learn #learn-group #how-it-works-sleep .aside img {
position: absolute;
right: 0;
top: 0;
}
#learn #learn-group #phix-energy .aside a,
#learn #learn-group #how-it-works-energy .aside a,
#learn #learn-group #phix-sleep .aside a,
#learn #learn-group #how-it-works-sleep .aside a {
position: relative;
z-index: 2;
display: block;
margin-right: 6px;
text-decoration: none;
font-size: 80%;
color: #7897c4;
}
#learn #learn-group #phix-energy .aside a,
#learn #learn-group #how-it-works-energy .aside a {
text-align: right;
}
#learn #learn-group #phix-energy .aside a:hover,
#learn #learn-group #how-it-works-energy .aside a:hover,
#learn #learn-group #phix-sleep .aside a:hover,
#learn #learn-group #how-it-works-sleep .aside a:hover {
color: #e30061;
}
#learn #learn-group #phix-energy .aside a strong,
#learn #learn-group #how-it-works-energy .aside a strong,
#learn #learn-group #phix-sleep .aside a strong,
#learn #learn-group #how-it-works-sleep .aside a strong {
font-weight: normal;
text-transform: uppercase;
}
#learn #learn-group #phix-energy .aside a:first-child,
#learn #learn-group #how-it-works-energy .aside a:first-child {
}
#learn .no-js #learn-group #phix-energy .aside a,
#learn .no-js #learn-group #how-it-works-energy .aside a,
#learn .no-js #learn-group #phix-sleep .aside a,
#learn .no-js #learn-group #how-it-works-sleep .aside a {
display: none;
}
#learn #learn-group #ingredient-facts-energy {
}
#learn #learn-group #ingredient-facts-energy .aside,
#learn #learn-group #ingredient-facts-sleep .aside {
background: #83b3e1 url(../img/learn-aside-ingredients-bg.png) no-repeat left top;
}
#learn #learn-group #ingredient-facts-energy .aside dl,
#learn #learn-group #ingredient-facts-sleep .aside dl {
margin: 0 -12px;
font-size: 90%;
}
#learn #learn-group #ingredient-facts-energy .aside dl dt,
#learn #learn-group #ingredient-facts-sleep .aside dl dt {
color: #fff;
padding: 4px 12px 4px 2.4em;
text-indent: -1.2em;
cursor: default;
}
#learn #learn-group #ingredient-facts-energy .aside dl dt:before,
#learn #learn-group #ingredient-facts-sleep .aside dl dt:before {
content: "+ ";
}
#learn #learn-group #ingredient-facts-energy .aside dl:hover dt {
background: #e30061;
}
#learn #learn-group #ingredient-facts-sleep .aside dl:hover dt {
background: #f5c326;
}
#learn #learn-group #ingredient-facts-energy .aside dl dd,
#learn #learn-group #ingredient-facts-sleep .aside dl dd {
visibility: hidden;
position: absolute;
left: -228px;
top: 0;
bottom: 0;
width: 152px;
padding: 12px 12px 12px 24px;
text-align: right;
color: #fff;
z-index: 102;
}
#learn #learn-group #ingredient-facts-energy .aside dl dd {
background: #e30061;
}
#learn #learn-group #ingredient-facts-sleep .aside dl dd {
background: #f5c326;
}
#learn #learn-group #ingredient-facts-energy .aside dl:hover dd,
#learn #learn-group #ingredient-facts-sleep .aside dl:hover dd {
visibility: visible;
}
#learn #learn-group .main-cover {
position: absolute;
left: -332px;
top: 0;
padding: 12px;
width: 308px;
height: 356px;
background: #fff;
opacity: 0.65;
z-index: 4;
}
#learn #learn-group #scientific-research-energy {
}
#learn #learn-group #scientific-research-energy .main,
#learn #learn-group #scientific-research-sleep .main {
font-size: 80%;
color: #666;
padding: 0 12px 24px 12px;
}
#learn #learn-group .main h4 {
margin: 0;
}
#learn #learn-group .main cite {
display: block;
font-style: normal;
}
#learn #learn-group #ingredient-facts-energy .main h4,
#learn #learn-group #ingredient-facts-sleep .main h4 {
padding-bottom: .5em;
font-size: 80%;
border-bottom: 2px dotted #99b72d;
}
#learn #learn-group .main table.supplement-facts-table {
width: 100%;
font-size: 75%;
color: #666;
padding: 0 0 1em 0;
border-bottom: 2px dotted #99b72d;
}
#learn #learn-group .main table.supplement-facts-table th.dv {
text-align: right;
width: 9em;
}
#learn #learn-group .main table.supplement-facts-table tr {
}
#learn #learn-group .main table.supplement-facts-table td.dv {
text-align: right;
}
#learn #learn-group .main p.ingredients {
margin: 12px 0 0 0;
font-size: 80%;
}
#learn #semantic-waves {
margin-top: 20px;
width: 100%;
height: 44px;
background: transparent url(../img/waves.png) no-repeat left 44px;
}
#learn .no-js #semantic-waves {
background-position: left top;
}
#learn .fact {
top: -1px;
}
/*--------------- Retail Locations Junk --------------*/
ul.locations-list {
list-style: none;
margin-bottom: 1em;
margin-left: 2em;
padding: 0;
text-indent: 0;
}
ul.locations-list li {
list-style: none;
margin-bottom: 1em;
margin-left: 0;
text-indent: 0;
}
ul.locations-list li h4 {
margin-bottom: 0;
color: #9b9b9b;
font-size: 12px;
}
h3.state-name {
margin-top: 2em;
text-transform: uppercase;
color: #86A1C0;
}
#subhead-container {
position: relative;
margin: 0;
padding: 0;
}
select#location-select {
position: absolute;
top: 10px;
right: 0;
}
/*------------------ Our Story Junk -----------------*/
body#ourstory #content {
padding-bottom: 74px;
}
p#blog-link-p {
position: absolute;
bottom: 0;
left: 0;
height: 72px;
margin: 0;
font-size: 75%;
overflow: visible;
}
p#blog-link-p a {
position: absolute;
bottom: 0;
margin: 0 0 0 69px;
padding: .5em .75em;
height: 1em;
width: 14em;
border: none;
text-decoration: none;
color: #fff;
background: #f99d31;
}
p#blog-link-p a:hover {
background: #7897c4;
}
p#blog-link-p a img {
position: absolute;
left: -69px;
bottom: 0;
width: 69px;
height: 72px;
}
p#blog-link-p a strong {
text-transform: uppercase;
font-weight: normal;
}
#ourstory .fact {
top: -1px;
}
/*------------------ Phix Facts Junk ----------------*/
.fact {
position: absolute;
right: -131px;
top: 0;
display: block;
width: 130px;
}
.fact h4 {
margin: 0;
padding: .2em 10px;
font-weight: normal;
font-size: 90%;
color: #fff;
background: #99b72d;
cursor: pointer;
}
.fact h4:before {
content: "+ ";
}
.fact p {
margin-top: .5em;
padding: 1em 1em 1em 10px;
font-size: 80%;
color: #fff;
background: #7897c4;
}
.no-js .fact p {
visibility: hidden;
}
.no-js .fact:hover p {
visibility: visible;
}
/*------------------- Footer Junk -------------------*/
#footer {
position: relative;
clear: both;
margin: 60px 0 3em 0;
padding: 0 0 2.5em 0;
}
#footer ul#footer-nav {
margin: 0;
padding: 0;
list-style: none;
}
#footer ul#footer-nav li {
display: inline;
padding-right: 10px;
}
#footer #email-signup {
position: absolute;
right: 0;
top: 0;
}
#email-signup label {
text-transform: uppercase;
color: #f99d31;
}
#email-signup input {
border: 1px solid #ccc;
}
#email-signup button {
width: 20px;
height: 20px;
border: none;
background: transparent url(/img/arrow.gif) no-repeat left center;
text-indent: -5000em;
cursor: pointer;
}
#email-signup p.subscribe-message {
color: red;
}
#email-signup-new {
position: absolute;
right: 0;
bottom: 0;
width: 270px;
z-index: 100;
}
#email-signup-new input[type=text] {
width: 110px;
}
#email-signup-new input[type=submit] {
width: 3.5em;
}
#standards-container {
position: relative;
top: 6em;
display: block;
width: 570px;
margin: 0 auto;
padding: 1em;
border: 1px solid #efefef;
background: #fff;
}
#standards-container h1 {
position: absolute;
top: -2em;
color: #88a1Be;
text-transform: lowercase;
font: normal 200% Avenir, Helvetica, Arial, Geneva, sans-serif;
}
#standards-container h1#affiliates-hdr {
top: -3em;
display: block;
width: 520px;
height: 40px;
text-indent: -5000em; /* Phark image replacement */
background: transparent url(/site/content/images/affiliates_hdr.gif) no-repeat left top;
}
/*------------------- Store Junk -------------------*/
#store_wrapper {WIDTH: 750px; MARGIN-TOP: 0px;}
#store_header {}
#store_open {position: relative; WIDTH: 760px; FLOAT: left;}
#store_open_left {WIDTH: 410px; FLOAT: left; margin-top: 0px;}
#store_open_right {width: 170px; FLOAT: left; margin-left: 170px; margin-top: 35px; height: 80px; background-color: #f09c29;}
#store_product {WIDTH: 365px; FLOAT: left; HEIGHT: auto; MARGIN-LEFT: 10px; margin-top: 10px; margin-bottom: 10px;}
#bottom{float: left; clear: left;}
.input{color: #ffffff; border: 1px solid #f09c29; background: #f09c29;}
#store_open_left{color: #666666; font: 11px Helvetica, Arial, Geneva, sans-serif; line-height: 1.3em;}
#store_open_right{color: #ffffff; font: 11px Helvetica, Arial, Geneva, sans-serif; line-height: 1.3em; padding-top: 10px; padding-left: 5px; padding-right: 5px;}
#store_open_right a{color: #666666; text-decoration: underline;}
#store_product p{color: #666666; font: 11px Helvetica, Arial, Geneva, sans-serif; line-height: 1.3em;}
#store_product a{color: #666666; text-decoration: underline;}
.product_title{color: #99b72d; font-size: 14px; font-weight: bold;}
#case_open {WIDTH: 760px; FLOAT: left;}
#case_open_left {WIDTH: 475px; FLOAT: left;}
#case_open_right {width: 170px; FLOAT: left; margin-left: 105px; margin-top: 35px; height: 80px; background-color: #f09c29;}
#case_product {WIDTH: 365px; FLOAT: left; CLEAR: left; HEIGHT: auto; MARGIN-LEFT: 60px; margin-top: 15px; margin-bottom: 5px;}
#bottom{float: left; clear: left;}
#case_main_left{WIDTH: 445px; FLOAT: left; clear: left;}
#case_main_right{WIDTH: 200px; FLOAT: left; padding-top: 50px;}
.input{color: #ffffff; border: 1px solid #f09c29; background: #f09c29;}
#case_open_left{color: #666666; font: 11px Helvetica, Arial, Geneva, sans-serif; line-height: 1.3em;}
#case_open_left a{color: #666666; text-decoration: underline;}
#case_open_right{color: #ffffff; font: 11px Helvetica, Arial, Geneva, sans-serif; line-height: 1.3em; padding-top: 10px; padding-left: 5px; padding-right: 5px;}
#case_open_right a{color: #666666; text-decoration: underline;}
#case_product p{color: #666666; font: 11px Helvetica, Arial, Geneva, sans-serif; line-height: 1.3em;}
#case_product a{color: #666666; text-decoration: underline;}
.product_title{color: #99b72d; font-size: 14px; font-weight: bold;}