/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* ----------------------------------------------- [VIP SAVINGS CLUB] */

/* ----------------------------------------------- [DIVS] */
#wrapper {
width: 100%;
padding: auto;
font-family: Arial, sans-serif;
font-size: medium;
line-height: 15px;
color: #404040;
}
#vipcheck-wrapper {
width: 100%;
font-family: Arial, sans-serif;
font-size: medium;
line-height: 15px;
color: #404040;
}
* html #wrapper {
f\ont-size: small; /* FIX FOR IE */
}
#topimg {
width: 473px;
float: left;
}
#toplogin {
width: 117px;
float: right;
text-align: center;
margin: 0px;
padding: 5px 0px 0px 0px;
}
#divider {
width: 100%;
height: 21px;
background: url(/pix/vip/img-divider-dot.gif) repeat-x left;
margin-bottom: 8px;
clear: both;
}
/* ----------------------------------------------- [EXPANDABLE MAIN TEXT] */
#maintext {
width: 48%;
clear: both;
float: left;
margin-bottom: 15px; /* needed to drop the next page item */
}
#maintextbox {
width: 100%;
background-color: #FFFBED;
border: 1px solid #FFF0BA;
text-align: center;
margin: 15px 0px;
padding: 10px 5px;
}
/* ----------------------------------------------- [EXPANDABLE BULLETED BOX] */
#bullbox {
width: 48%;
float: right;
margin-bottom: 15px; /* needed to drop the next page item */
}
.box {
width: 100%;
background: #F7FBFF url(/pix/vip/img-bullbox-border.gif) 100% 0 repeat-y;
}
.bi {
background: #F7FBFF url(/pix/vip/img-bullbox-border.gif) 0 0 repeat-y;
}
.bt {
height: 45px;
background: url(/pix/vip/img-bullbox-box.gif) 100% 0 no-repeat;
}
.bt div {
width: 186px;
height: 45px;
background: url(/pix/vip/img-bullbox-box.gif) 0 0 no-repeat;
}
.bb {
height: 15px;
background: url(/pix/vip/img-bullbox-box.gif) 100% 100% no-repeat;
}
.bb div {
width: 15px;
height: 15px;
background: url(/pix/vip/img-bullbox-box.gif) 0 100% no-repeat;
}
/* ----------------------------------------------- [EXPANDABLE JOIN BOX] */
#joinwrapper {
width: 100%;
height: 57px;
clear: both;
background: url(/pix/vip/img-joinbox-box.gif) 0 0 repeat-x;
margin-bottom: 15px; /* needed to drop the next page item */
}
#jointitle {
width: 350px;
height: 57px;
float: left;
}
#joinbutt {
width: 317px;
height: 57px;
float: right;
}
/* ----------------------------------------------- [EXPANDABLE COMMENT BOX] */
#commentbox {
width: 50%;
float: left;
margin: 15px 10px 15px 30px;
}
.combox {
width: 100%;
background: #F7FBFF url(/pix/vip/img-bullbox-border.gif) 100% 0 repeat-y;
}
.combi {
background: #F7FBFF url(/pix/vip/img-bullbox-border.gif) 0 0 repeat-y;
}
.combt {
height: 45px;
background: url(/pix/vip/img-commbox-box.gif) 100% 0 no-repeat;
}
.combt div {
width: 272px;
height: 45px;
background: url(/pix/vip/img-commbox-box.gif) 0 0 no-repeat;
}
.combb {
height: 15px;
background: url(/pix/vip/img-commbox-box.gif) 100% 100% no-repeat;
}
.combb div {
width: 15px;
height: 15px;
background: url(/pix/vip/img-commbox-box.gif) 0 100% no-repeat;
}
/* ----------------------------------------------- [MAIN SIGN IN] */
#mainjoin {
width: 253px;
height: 170px;
margin: 10px 30px 15px 0px;
float: right;
}
/* ----------------------------------------------- [FOOTER] */
#foot {
width: 100%;
}

/* -------------------------------------------------------------- */
/* ----------------------------------------------- [LISTS] */
ul.savings {
list-style-type: none;
margin: 0px 0px 0px 15px;
padding: 0px;
background: #F7FBFF url(/pix/vip/img-bullbox-border.gif) 100% 0 repeat-y;
}
li.savings {
font-size: 80%;
padding: 15px 15px 0px 25px;
background: url(/pix/vip/img-bullbox-bullet.gif) 0px 11px no-repeat;
}

/* -------------------------------------------------------------- */
/* ----------------------------------------------- [TABLES] */
.itemtop {
background: url(/pix/vip/img-items-toptile.gif) left repeat-x;
font-family: Tahoma, sans-serif;
font-size: 110%;
}
.itemleftborder {
background: url(/pix/vip/img-items-leftborder.gif) left top repeat-y;
}
.itemrightborder {
background: url(/pix/vip/img-items-rightborder.gif) left top repeat-y;
}
.itemimages {
padding-bottom: 10px;
}
.itembottom {
background: url(/pix/vip/img-items-botpostit.gif) center;
font-family: Arial, sans-serif;
font-size: medium;
line-height: 18px;
margin: 0px;
padding: 0px;
}
* html .itembottom {
f\ont-size: small; /* FIX FOR IE */
}
.invtop {
background: url(/pix/vip/img-inv-toptile.gif) left repeat-x;
font-family: Tahoma, sans-serif;
font-size: 110%;
}
.invbottom {
background: url(/pix/vip/img-inv-bottile.gif) repeat-x;
font-family: Arial, sans-serif;
}
.invfotobg {
background: url(/pix/vip/img-inv-foto-bg.gif) no-repeat;
font-family: Arial, sans-serif;
font-size: 70%;
line-height: 12px;
color: #404040;
}

/* -------------------------------------------------------------- */
/* ----------------------------------------------- [TEXT] */
p.vipmain {
font-size: 80%;
margin: 0px;
padding: 0px;
}
p.login {
font-size: 70%;
line-height: 14px;
margin: 0px;
padding: 0px;
}
p.redtext {
font-weight: bold;
color: #C00000;
margin: 0px;
padding: 0px;
}
p.bigtitle1 {
font-weight: bold;
color: #00407F;
word-spacing: 2px;
text-transform: uppercase;
margin: 0px;
padding: 13px 0px 0px 0px;
}
p.bigtitle2 {
font-weight: bold;
color: #00407F;
word-spacing: 2px;
text-transform: uppercase;
margin: 0px;
padding: 16px 0px 0px 0px;
}
p.itemredsmall {
font-size: 70%;
color: #C10000;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
padding: 8px 0px 0px 0px;
}
p.itemredbig {
font-size: 150%;
color: #C10000;
font-weight: bold;
margin: 0px;
padding: 0px;
}
p.itemgreysmall {
font-size: 70%;
color: #414141;
font-weight: bold;
margin: 0px;
padding: 0px;
}
p.names {
margin: 0px;
padding: 22px 0px 0px 0px;
}
p.residence {
margin: 0px;
padding: 0px 0px 2px 0px;
}
p.invred {
font-size: 110%;
color: #C10000;
font-weight: bold;
line-height: 12px;
text-transform: uppercase;
margin: 0px;
padding: 4px 0px 6px 0px;
}
p.comments {
font-size: 80%;
background: url(/pix/vip/img-commbox-bg.gif) no-repeat top left;
border-right: 1px solid #DAE0E5;
margin: 0px;
padding: 10px 20px 0px 20px;
}
p.foot {
font-size: 70%;
color: #999;
line-height: 14px;
margin: 0px;
padding: 0px 0px 25px 0px;
}
.redital {
color: #FF0000;
font-style: italic;
margin: 0px;
padding: 0px;
}

/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* ----------------------------------------------- [VIP CHECKOUT] */
#vipcheck-learn-more {
width: 300px;
}
#vipcheck-line {
height: 21px;
margin: 0 2px;
padding: 0px;
background: url(/pix/vip/img-checkout-line.gif) repeat-x;
}
#vipcheck-buttons {
width: 200px;
padding: 4px 0px 0px 0px;
}

/* ----------------------------------------------- [vip checkout text & link styles] */
p.vipcheck1 {
font-size: 90% !important;
font-size: 100%;
font-weight: bold;
line-height: 18px;
margin: 0px;
padding: 0px 0px 0px 2px;
}
p.vipcheck2 {
font-size: 90% !important;
font-size: 100%;
font-weight: bold;
line-height: 18px;
margin: 0px;
padding: 0px 0px 8px 2px;
}
p.vipcheck3 {
font-size: 90% !important;
font-size: 100%;
font-weight: bold;
margin: 0px;
padding: 8px 0px 0px 2px;
}
p.vip-log1 {
font-size: 90% !important;
font-size: 100%;
margin: 0px;
padding: 3px 0px 0px 0px;
}
p.vip-log2 {
font-size: 90% !important;
font-size: 100%;
margin: 0px;
padding: 3px 0px 5px 2px;
}
p.without-title {
font-size: 120% !important;
font-size: 130%;
color: #004080;
font-weight: bold;
margin: 0px;
padding: 0px 0px 8px 0px;
}
p.vip-small1 {
font-size: 90% !important;
font-size: 100%;
margin: 0px;
padding: 0px;
}
p.vip-small2 {
font-size: 80% !important;
font-size: 90%;
margin: 0px;
padding: 0px 0px 5px 2px;
}
.standout { color: #BD0000; }
a.check-vip { color: #01329B; }
a.check-vip:hover { text-decoration: none; }