/* CSS Document Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/* vertical-align: baseline; *** Fix by DK */
background: transparent;
}
/* Fix by DK */
#header-wrapper table, #header-wrapper tbody, #header-wrapper tfoot, #header-wrapper thead, #header-wrapper tr, #header-wrapper th, #header-wrapper td
{
vertical-align: baseline;
}
/* End fix by DK */
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
h1, h2, h3, h4, h5, h6 {line-height: normal; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; width: 100% }
/**************************************************************************************/
/* CSS page */
body { background-color: #E7F8FF; background-image: url(images/st_body_bkg.png); background-position: 0 0; background-repeat: repeat-x; }
body, table, td { font-weight: normal; font: 12px/1.40em arial, helvetica, sans-serif; text-align: left; color: #333333}
div, table { text-align: left; }
img { border: 0px; margin: 0px; vertical-align: middle; }
a:link, a:visited { color: #007EC0; text-decoration: none; }
a:hover { color: #666666; text-decoration: none; }
.clear { clear: both; }
div.dummyW15 { width: 15px; }
div.dummyH5 { height: 5px; } div.dummyH10 { height: 15px; } div.dummyH15 { height: 15px; } div.dummyH20 { height: 20px; } div.dummyH30 { height: 30px; }
/* CSS SITE WRAPPERS */
#body-wrapper { margin-left: auto; margin-right: auto; }
#body-footer { }
#header-wrapper { margin-left: auto; margin-right: auto; height: 136px; overflow: hidden; }
#main-wrapper { background-color:#FFFFFF; }
#main-footer { width: 1000px; margin-left: auto; margin-right: auto; }
.main-shadow-TC { width: 100%; height: 6px; background-image: url(images/st_shadow-TC.png); background-position: 0 0; background-repeat: repeat-x; }
.main-shadow-TL { width: 100%; height: 6px; background-image: url(images/st_shadow-TL.png); background-position: 0 0; background-repeat: no-repeat; }
.main-shadow-TR { width: 100%; height: 6px; background-image: url(images/st_shadow-TR.png); background-position: 100% 0; background-repeat: no-repeat; }
.main-shadow-BC { width: 100%; height: 12px; background-image: url(images/st_shadow-BC.png); background-position: 0 0; background-repeat: repeat-x; }
.main-shadow-BL { width: 100%; height: 12px; background-image: url(images/st_shadow-BL.png); background-position: 0 0; background-repeat: no-repeat; }
.main-shadow-BR { width: 100%; height: 12px; background-image: url(images/st_shadow-BR.png); background-position: 100% 0; background-repeat: no-repeat; }
.main-shadow-01-L { width: 100%; background-image: url(images/st_shadow-01-L.png); background-position: 0 0; background-repeat: repeat-y; }
.main-shadow-02-L { width: 100%; background-image: url(images/st_shadow-02-L.png); background-position: 0 0; background-repeat: no-repeat; }
.main-shadow-01-R { width: 100%; background-image: url(images/st_shadow-01-R.png); background-position: 100% 0; background-repeat: repeat-y; }
.main-shadow-02-R { width: 100%; background-image: url(images/st_shadow-02-R.png); background-position: 100% 0; background-repeat: no-repeat; }
.main-content { padding: 0px 6px; }
#center-right-col{ vertical-align: top; }
#left-col { vertical-align: top; }
#center-col { vertical-align: top; }
#right-col { vertical-align: top; }
.right { float: right; }
.debug { background-color: red; }
/* CSS HEADER */
#navbar-wrapper { width: 100%; height: 43px; }
.navbar-C { width: 100%; height: 43px; background: url(images/st_navbar-C.png) 0px 0px repeat-x; }
.navbar-L { width: 100%; height: 43px; background: url(images/st_navbar-L.png) 0px 0px no-repeat; }
.navbar-R { width: 100%; height: 43px; background: url(images/st_navbar-R.png) 100% 0px no-repeat; }
.navbar-content { padding: 0px 20px; }
.custom-login-wrapper { text-align: left; padding: 0px 0px 0px 10px; }
.custom-login { color: #FFFFFF; }
.header-msg { color: #FFFFFF; font-weight: bold; color: white; text-align: left; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif}
.custom-button { vertical-align: top; }
.custom-loginc { vertical-align: top; width: 130px; height: 14px; margin-right: 5px; font-size: 11px; }
.custom-login-search { vertical-align: middle; width: 130px; height: 14px; margin-right: 5px; font-size: 11px; }
.custom-search { text-align: right; }
a.register, .custom-login-wrapper a { color: #C6FA94}
.banner { text-align: right; }
.login-cap { padding: 0; margin: 0; color: #FFFFFF; font-size: 18px; font-weight: normal; }
/* CSS SITELINKS */
.main-link { padding-left: 15px; background-image: url(images/st_bullet_02.png); background-position: 0px 50%; background-repeat: no-repeat; }
a.menu-links:link, a.menu-links:visited, span.menu-links { color: #999999; font-size: 14px; font-weight: normal; }
a.menu-links:hover { color: #007EC0; }
.active-link a.menu-links:link,
.active-link a.menu-links:visited { color: #007EC0; }
.sub-link, .d_sublink .main-link { padding-left: 10px; margin: 0px 0px 5px 15px; background-image: url(images/st_bullet_03.png); background-position: 0px 50%; background-repeat: no-repeat; }
/* CSS MENU AREAS */
.menu-caption-TC { background-color: #90B947; }
.menu-caption-TC { width: 100%; background-image: url(images/st_menu-bar-TC.png); background-position: 0 0; background-repeat: repeat-x; }
.menu-caption-TL { width: 100%; background-image: url(images/st_menu-bar-TL.png); background-position: 0 0; background-repeat: no-repeat; }
.menu-caption-TR { width: 100%; background-image: url(images/st_menu-bar-TR.png); background-position: 100% 0; background-repeat: no-repeat; }
.menu-caption-BC { width: 100%; background-image: url(images/st_menu-bar-BC.png); background-position: 0 100%; background-repeat: repeat-x; }
.menu-caption-BL { width: 100%; background-image: url(images/st_menu-bar-BL.png); background-position: 0 100%; background-repeat: no-repeat; }
.menu-caption-BR { width: 100%; background-image: url(images/st_menu-bar-BR.png); background-position: 100% 100%; background-repeat: no-repeat; }
.menu-caption-A-bkg { background-image: url(images/st_menu-bar-bul.png); background-position: 10px 6px; background-repeat: no-repeat; vertical-align: bottom;}
.caption-A { padding-left: 40px; padding-top: 5px; font-family: Arial, Tahoma, serif; font-size: 17px; color: #FFFFFF; font-weight: bold}
.text-A { padding: 0px 18px; }
.item-caption-C { background-color: #33A8DA; }
.item-caption-C { width: 100%; background-image: url(images/st_title-bar-C.png); background-position: 0 0; background-repeat: repeat-x; }
.item-caption-L { width: 100%; background-image: url(images/st_title-bar-L.png); background-position: 0 0; background-repeat: no-repeat; }
.item-caption-R { width: 100%; background-image: url(images/st_title-bar-R.png); background-position: 100% 0; background-repeat: no-repeat; }
.item-caption-A-bkg { background-image: url(images/st_title-bar-bul.png); background-position: 10px 8px; background-repeat: no-repeat; }
.item-caption-C .caption-A { padding-left: 40px; padding-top: 2px; font-family: Arial, Tahoma, serif; font-size: 16px; color: #FFFFFF; font-weight: bold}
.caption-newscat { padding: 4px 0px; font-family: Arial, Tahoma, serif; font-size: 16px; color: #007EBF; font-weight: bold; border-bottom: 1px solid #cccccc}
/* CSS NEWS */
a.news_category { color: #FFFFFF; }
.news-title-A { font-family: Arial, Tahoma, serif; font-size: 16px; color: #0978B8; font-weight: normal;}
.news-title-cat, .news-title-cat a { font-family: Arial, Tahoma, serif; font-size: 16px; color: #333333; font-weight: normal;}
.news-wrapper .text-A { padding: 0px; }
.news-date { color: #989898; text-align: right; padding: 5px 10px 15px 10px; }
a.news-more:link, a.news-more:visited { float: right; color: #989898; white-space: no-wrap }
a.news-more:hover { color: #0978B8; }
.box-0 { float: right; }
.box-1 { float: left; }
.news-image { float: left; margin-right: 15px; margin-bottom: 5px; }
.news-image img { padding: 3px; border: 1px solid #CCCCCC !important; }
a.news_titlelink { text-decoration: underline}
/* FBOX */
.fbox-cap { line-height: normal; font-size: 18px; font-weight: normal; color: #333333; margin: 0; padding: 0; margin-top: 8px; }
.fbox-text { font-weight: normal; }
.ico { display: block; width: 19px; height: 17px; }
.ico-last { background-image: url(images/st_ico_last.png); background-position: 0 0; background-repeat: no-repeat; }
.ico-next { width: 14px; background-image: url(images/st_ico_next.png);; background-position: 0 0; background-repeat: no-repeat; }
.ico-first { background-image: url(images/st_ico_first.png); background-position: 0 0; background-repeat: no-repeat; }
.ico-prev { width: 14px; background-image: url(images/st_ico_prev.png); background-position: 0 0; background-repeat: no-repeat; }
a.right { float: right; margin-left: 10px; }
a.left { float: left; margin-right: 5px; }
/* CSS CORE */
.smalltext, .smallblacktext { font: normal 11px arial, verdana, tahoma, sans-serif; }
.tbox, .helpbox { background-color: #FFFFFF; border: 1px solid #E0E0E0; color: #333333; line-height: 18px;}
.tbox.chatbox , .helpbox, .tbox.comment, textarea { background-color: #FFFFFF; border: 1px solid #E0E0E0; width: 95%; margin: auto auto; margin-bottom: 10px; color: #333333}
.button {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #999999;
color: #666666;
cursor: pointer;
text-decoration: none;
}
.button:hover { color: #CC0000; }
img { border: 0px; }
.linkspage_button { border: 0px; }
form { margin: 0px; }
.indent { border: #006699 1px dashed; padding: 5px; margin: 5px; color: #000000; background-color: #CCCCCC; }
.nextprev { border: 0px; text-align: center; padding: 10px 2px; margin-bottom: 15px; }
.spacer{ padding: 5px 0px; }
.fborder, .border{ border-collapse: collapse; border-spacing: 0px; }
.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar { padding: 4px; border: 1px solid #FFFFFF; }
.forumheader { color: #0071C0; background-color: #D3E6F5; padding-left: 10px; font-size: 14px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; }
.forumheader2 { background-color: #F1F1F1; }
.forumheader3, .finfobar { background-color: #F1F1F1; }
.forumheader4 {}
.forumheader5 { cursor: pointer; }
.fcaption { font-weight: bold; background-color: #F1F1F1; }
.f-title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #0072C1 }
.searchhighlight { text-decoration: underline; color: #993333; font-weight: bold; }
/* CSS FIX LIST PLUGIN */
div.forumheader { font-size: 12px !important; }
/* Site-specific classes, wholesalevipclub.com */
.salesletter td
{
padding: 0 1em;
font-family: Tahoma;
font-size: 13px;
}
.salesletter .attn
{
color: red;
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 0.5em 15%;
}
#center-right-col ol, #center-right-col ul
{
padding-left: 3em;
list-style-position: outside;
}
#center-right-col ul
{
/* list-style-image: url(images/bullet2.gif);*/
list-style-type: square;
}
#center-right-col ol
{
margin-top: 0.5em;
list-style-type: decimal;
}
.salesletter li
{
padding-top: 5px;
}
.sl_head
{
color: blue;
font-size: 120%;
margin-top: 10px;
/* background-image: url(images/info-animated.gif);
background-position: right bottom;
width: 520px;
padding-right: 170px;
background-image: url(images/arrow-animated.gif);
background-position: left middle;
padding-left: 75px;
background-repeat: no-repeat;*/
}
.salesletter .forumheader
{
background-image: url(images/info-rotated.gif);
background-position: left center;
background-repeat: no-repeat;
}
.dvdthumbs td
{
vertical-align: top;
padding: 0px 5px;
}
.dvdthumbs img
{
padding-bottom: 5px;
}
.sl-head-fp
{
color: blue;
}
/* Index page */
/* CSS Document */
#index_page p
{
font-size: 12px !important;
}
#index_page div.forumheader
{
text-align: center;
font-size: 14px !important;
line-height: 130%;
}
#footer{float:left; width:100%; background-color:#F0F0F0; padding:10px;}
/*GRAY PANEL*/
.graypanel{
border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px; text-align: center;
}
/*TEXT STYLES*/
.bodytext {
font: 1em Tahoma, sans-serif;
color: #666666;
}
.titletext {
font: 0.7em Tahoma, sans-serif;
font-size:30px;
font-weight:bold;
color:#CC0000;
}
.whitetitle {
font: 0.7em Tahoma, sans-serif;
font-size:36px;
font-weight:bold;
color:#FFFFFF;
}
.smalltitle {
font: 0.7em Tahoma, sans-serif;
font-size:20px;
font-weight:bold;
color:#CC0000;
}
.smallwhitetext {
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color: #FFFFFF;
}
.smallwhitetext a{
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color: #FFFFFF;
text-decoration:none;
}
.smallwhitetext a:hover{
text-decoration:underline;
}
.smallgraytext {
font: 0.7em Tahoma, sans-serif;
font-size: 12px;
font-weight:bold;
color:#CC0000;
}
.smallgraytext a{
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color:#999999;
text-decoration:none;
}
.smallgraytext a:hover{
text-decoration:underline;
}
.smallredtext {
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color:#CC0000;
}
.smallredtext a{
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color:#CC0000;
text-decoration:none;
}
.smallredtext a:hover{
text-decoration:underline;
}