/* --- page layout --- */
html,body {
height: 100%; /* for centering content */
margin: 0; /* for centering content */
padding: 0; /* for centering content */
}
body {
position: relative; /* for centering content */
top: 0px; /* for centering content */
left: 0px; /* for centering content */
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
background: #353535 url('../images/bgshadow.gif') repeat-y top center;
}
/* --- link styles --- */
a:link, a:visited { /* default links */
text-decoration: underline;
}
a:active, a:hover { /* default links */
text-decoration: underline;
}
a.noline:link, a.noline:visited { /* no underline */
text-decoration: none;
}
a.noline:active, a.noline:hover { /* no underline */
text-decoration: underline;
}
a, *:focus {
outline: 0 none; /* no dotted border on active links */
}
.offsite {
padding-right: 13px;
background: url('../images/offsite.png') no-repeat right center;
}
/* icon imgs for links */
a.mp3 {
background: url(../images/icons/icon_audio.png) no-repeat center right;
padding: 2px 20px 2px 0;
height: 16px;
}
a.xls {
background: url(../images/icons/icon_excel.png) no-repeat center right;
padding: 2px 20px 2px 0;
height: 16px;
}
a.pdf {
background: url(../images/icons/icon_pdf.png) no-repeat center right;
padding: 2px 20px 2px 0;
height: 16px;
}
a.ppt {
background: url(../images/icons/icon_ppt.png) no-repeat center right;
padding: 2px 20px 2px 0;
height: 16px;
}
a.txt {
background: url(../images/icons/icon_text.png) no-repeat center right;
padding: 2px 20px 2px 0;
height: 16px;
}
a.swf {
background: url(../images/icons/icon_video.png) no-repeat center right;
padding: 2px 20px 2px 0;
height: 16px;
}
a.doc {
background: url(../images/icons/icon_word.png) no-repeat center right;
padding: 2px 20px 2px 0;
height: 16px;
}
/* --- headings --- */
h2.sub, h3.sub, h4.sub, h5.sub, h6.sub {
margin-top: -11px; /* if having one heading follow another (as a subheading), use this class to remove the gap between them */
}
h1 {
padding-top: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 24px;
font-weight: normal;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 20px;
font-weight: normal;
color: #373737;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 18px;
font-weight: normal;
color: #919191;
}
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 14px;
font-weight: bold;
}
h5 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 13px;
font-weight: bold;
color: #373737;
}
h6 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 13px;
font-weight: bold;
color: #919191;
}
.sidepage h1, .sidepagei h1, .sidepageii h1, .sidepaged h1 {
margin-top: 0;
padding-top: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 14px;
font-weight: bold;
}
.sidepage h2, .sidepagei h2, .sidepageii h2, .sidepaged h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 13px;
font-weight: bold;
color: #373737;
}
.sidepage h3, .sidepagei h3, .sidepageii h3, .sidepaged h3 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 13px;
font-weight: bold;
color: #919191;
}
.sidepage h4, .sidepagei h4, .sidepageii h4, .sidepaged h4 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.sidepage h5, .sidepagei h5, .sidepageii h5, .sidepaged h5 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #373737;
}
.sidepage h6, .sidepagei h6, .sidepageii h6, .sidepaged h6 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #919191;
}
/* --- image styles --- */
img, div {
behavior: url(js/iepngfix.htc) /* ie png fix */
}
.imgframe { /* border around images */
margin: 3px 10px 10px 10px;
padding: 5px;
border: 1px solid #c4c4c4;
}
.imgframe-l { /* border around left images */
float: left;
margin: 3px 10px 10px 0px;
padding: 5px;
border: 1px solid #c4c4c4;
}
.imgframe-r { /* border around right images */
float: right;
margin: 3px 0px 10px 10px;
padding: 5px;
border: 1px solid #c4c4c4;
}
.imgframe-p { /* border around right images */
float: right;
margin: 3px 0px 10px 30px;
padding: 5px;
border: 1px solid #c4c4c4;
}
.oppauto { /* fix for animated gif */
margin: 0 auto;
padding: 5px;
width: 450px;
height: 246px;
border: 1px solid #c4c4c4;
background: url('../images/autobonus.gif') center center no-repeat;
}
/* --- list styles --- */
ul {
list-style-type: square;
}
ul ul, ol ol, ul ol, ol ul {
margin-top: 7px;
margin-left: 0;
margin-bottom: -7px;
padding-left: 17px;
}
ul, ol {
padding-bottom: -7px;
}
ul li, ol li {
padding-bottom: 7px;
}
ul.noindent {
margin: 0;
padding-left: 15px;
}
ul.noindent ul {
margin-left: 0;
padding-left: 17px;
}
/* --- side page bulleted list of links --- */
.sidepage ul li, .sidepagei ul li, .sidepageii ul li {
padding-bottom: 7px;
}
.sidepage ul, .sidepagei ul,.sidepageii ul {
list-style-type: square;
margin: 0;
padding-bottom: -7px;
padding-left: 15px;
}
.sidepage ul ul, .sidepagei ul ul,.sidepageii ul ul {
margin-top: 7px;
margin-left: 0;
padding-left: 17px;
margin-bottom: -7px;
font-size: 11.5px;
color: #666665;
}
.sidepagei ul a:link, .sidepagei ul a:visited,
.sidepageii ul a:link, .sidepageii ul a:visited,
.sidepage ul a:link, .sidepage ul a:visited {
text-decoration: none;
}
.sidepagei ul a:active, .sidepagei ul a:hover,
.sidepageii ul a:active, .sidepageii ul a:hover,
.sidepage ul a:active, .sidepage ul a:hover {
text-decoration: none;
}
.sidepagei ul ul a:link, .sidepagei ul ul a:visited,
.sidepageii ul ul a:link, .sidepageii ul ul a:visited,
.sidepage ul ul a:link, .sidepage ul ul a:visited {
text-decoration: none;
}
.sidepagei ul ul a:active, .sidepagei ul ul a:hover,
.sidepageii ul ul a:active, .sidepageii ul ul a:hover,
.sidepage ul ul a:active, .sidepage ul ul a:hover {
text-decoration: none;
}
.sidepage ul .subh, .sidepagei ul .subh, .sidepageii ul .subh {
font-size: 10px;
color: #666665;
text-transform: uppercase;
}
.sidepagei ul a:link .subh, .sidepagei ul a:visited .subh,
.sidepageii ul a:link .subh, .sidepageii ul a:visited .subh,
.sidepage ul a:link .subh, .sidepage ul a:visited .subh {
color: #666665;
text-decoration: none;
}
.sidepagei ul a:active .subh, .sidepagei ul a:hover .subh,
.sidepageii ul a:active .subh, .sidepageii ul a:hover .subh,
.sidepage ul a:active .subh, .sidepage ul a:hover .subh {
color: #000000;
text-decoration: none;
}
/* icon bullets for checklists */
ul.checked li, li.checked {
margin-left: -20px;
padding: 0px 0px 0px 20px;
list-style-type: none;
background: url(../images/icons/bg-checked.png) no-repeat top left;
}
ul.unchecked, li.unchecked {
margin-left: -20px;
padding: 0px 0px 0px 20px;
list-style-type: none;
background: url(../images/icons/bg-unchecked.png) no-repeat top left;
}
/* icon bullets for link lists */
ul.mp3, li.mp3 {
list-style-image: url(../images/icons/icon_audio_sm.png);
}
ul.xls, li.xls {
list-style-image: url(../images/icons/icon_excel_sm.png);
}
ul.pdf, li.pdf {
list-style-image: url(../images/icons/icon_pdf_sm.png);
}
ul.ppt, li.ppt {
list-style-image: url(../images/icons/icon_ppt_sm.png);
}
ul.txt, li.txt {
list-style-image: url(../images/icons/icon_text_sm.gif);
}
ul.swf, li.swf {
list-style-image: url(../images/icons/icon_video_sm.png);
}
ul.doc, li.doc {
list-style-image: url(../images/icons/icon_word_sm.png);
}
li.not {
list-style-image: url(../images/icons/icon_plain_sm.gif);
}
ul.not a:link, li.not a:link, ul.not a:visited, li.not a:visited,
ul.mp3 a:link, li.mp3 a:link, ul.mp3 a:visited, li.mp3 a:visited,
ul.xls a:link, li.xls a:link, ul.xls a:visited, li.xls a:visited,
ul.pdf a:link, li.pdf a:link, ul.pdf a:visited, li.pdf a:visited,
ul.ppt a:link, li.ppt a:link, ul.ppt a:visited, li.ppt a:visited,
ul.txt a:link, li.txt a:link, ul.txt a:visited, li.txt a:visited,
ul.swf a:link, li.swf a:link, ul.swf a:visited, li.swf a:visited,
ul.doc a:link, li.doc a:link, ul.doc a:visited, li.doc a:visited {
text-decoration: none;
}
ul.not a:active, li.not a:active, ul.not a:hover, li.not a:hover,
ul.mp3 a:active, li.mp3 a:active, ul.mp3 a:hover, li.mp3 a:hover,
ul.xls a:active, li.xls a:active, ul.xls a:hover, li.xls a:hover,
ul.pdf a:active, li.pdf a:active, ul.pdf a:hover, li.pdf a:hover,
ul.ppt a:active, li.ppt a:active, ul.ppt a:hover, li.ppt a:hover,
ul.txt a:active, li.txt a:active, ul.txt a:hover, li.txt a:hover,
ul.swf a:active, li.swf a:active, ul.swf a:hover, li.swf a:hover,
ul.doc a:active, li.doc a:active, ul.doc a:hover, li.doc a:hover {
text-decoration: underline;
}
/* dated lists */
ul.date a:link, ul.date a:visited,
li.date a:link, li.date a:visited {
text-decoration: none;
}
ul.date a:active, ul.date a:hover,
li.date a:active, li.date a:hover {
text-decoration: none;
}
ul.date a span, li.date span {
font-size: 11px;
text-decoration: none;
color: #666666;
}
/* --- collapse/expand div styles --- */
#ce-content p { /* the thing that gets clicked - change cursor to hand */
cursor: hand;
cursor: pointer;
}
#ce-content div { /* this holds what's hidden initially */
padding: 0 30px 0 30px;
}
/* note text */
.note {
font-family: Trebuchet, Verdana, Arial, sans-serif;
font-size: .85em;
color: #818181;
}
.small {
font-family: Trebuchet, Verdana, Arial, sans-serif;
font-size: .85em;
}
/* horizontal rule */
hr {
margin: 30px 0 30px 0;
height: 1px; /* make hr a thin line */
background-color: #dddddd; /* set hr color in both places for cross-browser use */
border: 0; /* don't allow it to have a border */
color: #dddddd;
}
/* alignment */
.right {
text-align: right;
}
.center {
text-align: center;
}
/* --- table styles --- */
/* default table style */
table.outline td,
table.lined td,
table.grid td,
table.wgrid td { /* regular cells */
padding: 3px 11px; /* cell padding */
vertical-align: top; /* align content to top */
background: #ffffff;
}
table.outline th,
table.lined th,
table.grid th,
table.wgrid th { /* table headings */
padding: 3px 11px; /* cell padding */
vertical-align: top; /* align content to top */
background: #e8e8e8;
}
table.outline tr.sub th,
table.lined tr.sub th,
table.grid tr.sub th,
table.wgrid tr.sub th,
table.outline th.sub,
table.lined th.sub,
table.grid th.sub,
table.wgrid th.sub { /* table subheadings */
padding: 3px 11px; /* cell padding */
vertical-align: top; /* align content to top */
background: #f0f0f0;
}
table.outline tr.alt td, /* alternate table cell color */
table.lined tr.alt td,
table.grid tr.alt td,
table.wgrid tr.alt td,
table.outline td.alt,
table.lined td.alt,
table.grid td.alt,
table.wgrid td.alt {
background: #f6f6f6;
}
table.outline .lb, /* set individual borders on cells */
table.lined .lb,
table.grid .lb,
table.wgrid .lb { /* add a left border to table cells */
border-left: 1px solid;
}
table.outline .rb,
table.lined .rb,
table.grid .rb,
table.wgrid .rb { /* add a right border to table cells */
border-right: 1px solid;
}
table.outline .tb,
table.lined .tb,
table.grid .tb,
table.wgrid .tb { /* add a top border to table cells */
border-top: 1px solid;
}
table.outline .bb,
table.lined .bb
table.grid .bb
table.wgrid .bb { /* add a bottom border to table cells */
border-bottom: 1px solid;
}
table.outline { /* table with an outer border only */
border: 1px solid;
}
table.lined { /* table with lines between rows and with outside border */
border: 1px solid;
border-bottom: 0;
}
table.lined td, table.lined th {
border-bottom: 1px solid;
}
table.grid { /* table with colored border around all cells */
border: 1px solid;
border-right: 0;
border-bottom: 0;
}
table.grid th, table.grid td {
border-right: 1px solid;
border-bottom: 1px solid;
}
table.wgrid { /* table with white border around all cells */
border: 1px solid #ffffff;
border-right: 0;
border-bottom: 0;
}
table.wgrid th, table.wgrid td {
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
table.outline .lb, /* add a left border to table cells */
table.outline .rb, /* add a right border to table cells */
table.outline .tb, /* add a top border to table cells */
table.outline .bb, /* add a bottom border to table cells */
table.lined .lb, /* add a left border to table cells */
table.lined .rb, /* add a right border to table cells */
table.lined .tb, /* add a top border to table cells */
table.lined .bb, /* add a bottom border to table cells */
table.outline, /* table with an outer border only */
table.lined, /* table with lines between rows and with outside border */
table.lined th,
table.lined td,
table.grid, /* table with colored border around all cells */
table.grid th,
table.grid td {
border-color: #c4c4c4;
}
tfoot ul {
margin: 7px 0 0 0;
padding-left: 15px;
}
tfoot ul ul {
margin-left: 0;
padding-left: 17px;
}
tfoot {
font-family: Trebuchet, Verdana, Arial, sans-serif;
font-size: .85em;
color: #777777;
}
table.outline tfoot tr.alt td, table.outline tfoot td.alt,
table.lined tfoot tr.alt td, table.lined tfoot td.alt,
table.grid tfoot tr.alt td, table.grid tfoot td.alt,
table.wgrid tfoot tr.alt td, table.wgrid tfoot td.alt,
table.outline tfoot tr.over td,
table.lined tfoot tr.over td,
table.grid tfoot tr.over td,
table.wgrid tfoot tr.over td,
table.outline tfoot tr td,
table.lined tfoot tr td,
table.grid tfoot tr td,
table.wgrid tfoot tr td,
table tfoot tr.alt td, table tfoot td.alt,
table tfoot tr td, table tfoot td,
table tfoot tr td {
background-color: #efeeee;
}
table.smtxt td {
font-family: Trebuchet, Verdana, Arial, sans-serif;
font-size: .85em;
}
table.smtxt td, table.smtxt th {
padding: 2px 5px;
}
/* --- content container --- */
#container {/* goes around all but footer */
}
/* --- header layout --- */
#header {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0; /* for centering content */
}
#headercontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
padding: 0 20px 0 20px;
width: 960px;
border-bottom: 1px solid #878787; /* border around this header */
background: #ffffff url('../images/wbg2.gif') repeat-x bottom left;
}
#mainheader {
float: left; /* make this the left column */
width: 270px; /* FW = DW - TP : 270 = 270 - 0 */
height: 72px; /* FH = DH - TP : 72 = 72 - 0*/
}
#logo {
position: absolute;
bottom: 0;
left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; /* menu font */
font-size: 36px;
font-weight: bold;
}
#logo a {
text-decoration: none; /* link style */
}
#sideheader {
float: right; /* make this the right column */
width: 690px; /* FW = DW - TP : 690 = 690 - 0 */
height: 72px; /* FH = DH - TP : 72 = 72 - 0 */
font-family: Verdana, Arial, Helvetica, sans-serif; /* menu font */
font-size: 13px;
font-weight: bold;
text-align: right;
}
#sideheader ul { /* the menu is in a bulleted list of links */
position: absolute;
bottom: 0;
right: 20px;
margin: 0 0 5px 0; /* remove space that's normally around a bulleted list */
padding: 0;
list-style-type: none; /* remove the bullet */
}
#sideheader ul li {
padding: 0 20px 0 20px; /* padding to the left and right of each menu item */
display: inline; /* make the bulleted list horizontal */
list-style-type: none; /* remove the bullet */
}
#sideheader.fitmore1 ul li { /* if more links are used, put less space between them */
padding: 0 15px 0 15px; /* padding to the left and right of each menu item */
}
#sideheader.fitmore2 ul li { /* if more links are used, put less space between them */
padding: 0 10px 0 10px; /* padding to the left and right of each menu item */
}
#sideheader.fitmore3 ul li { /* if more links are used, put less space between them */
font-size: 12px;
padding: 0 10px 0 10px; /* padding to the left and right of each menu item */
}
#sideheader ul li.first {
padding-left: 0; /* for the first item in the menu, remove the left padding */
}
#sideheader ul li.last {
padding-right: 0; /* for the last item in the menu, remove the right padding */
}
#sideheader a:link, #sideheader a:visited { /* menu link styles */
text-decoration: none; /* current page menu link style */
}
#home #sideheader a#sect-home:link, #home #sideheader a#sect-home:visited,
#about #sideheader a#sect-about:link, #about #sideheader a#sect-about:visited,
#join #sideheader a#sect-join:link, #join #sideheader a#sect-join:visited,
#opportunity #sideheader a#sect-opportunity:link, #opportunity #sideheader a#sect-opportunity:visited {
color: #373737;
text-decoration: none; /* current page menu link style */
}
#sideheader a:active, #sideheader a:hover,
#home #sideheader a#sect-home:active, #home #sideheader a#sect-home:hover,
#about #sideheader a#sect-about:active, #about #sideheader a#sect-about:hover,
#join #sideheader a#sect-join:active, #join #sideheader a#sect-join:hover,
#opportunity #sideheader a#sect-opportunity:active, #opportunity #sideheader a#sect-opportunity:hover {
color: #373737;
text-decoration: none; /* current page menu link style */
}
/* --- categories layout --- */
#cats {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0; /* for centering content */
padding: 0; /* padding between edges and content */
}
#catscontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
padding: 0 20px 0 20px; /* padding between edges and content */
width: 960px;
color: #dcdaca;
background: #434343 url('../images/gbg.gif') repeat-x bottom left;
}
#lotscats {/* when there are lots and lots of categories */
clear: both; /* clear anything above it */
width: 960px; /* FW = DW - TP : 960 = 960 - 0 */
font-family: Arial, Helvetica, sans-serif; /* menu font */
font-size: 12px;
font-weight: normal;
line-height: 2em;
text-align: center;
background: url('../images/shadow2.png') no-repeat bottom center;
padding: 3px 0 3px 0;
}
#lotscats a {
display: inline;
padding: 11px 20px 11px 0;
}
#lotscats a.last {
display: inline;
padding: 11px 0 11px 0;
}
#fullcats {
clear: both; /* clear anything above it */
width: 960px; /* FW = DW - TP : 960 = 960 - 0 */
font-family: Verdana, Arial, Helvetica, sans-serif; /* menu font */
font-size: 13px;
font-weight: bold;
text-align: center;
background: url('../images/shadow2.png') no-repeat bottom center;
height: 22px;
}
#catscontent.fitless #fullcats { /* if very few categories are used, align left */
text-align: left;
}
#catscontent.empty { /* if no categories are used, squash */
height: 1px;
background-color: #919191;
}
#maincats {
float: left; /* make this the left column */
padding: 5px 0 5px 0;
width: 690px; /* FW = DW - TP : 690 = 690 - 0 */
}
#sidecats {
float: right; /* make this the right column */
padding: 5px 0 5px 0;
width: 270px; /* FW = DW - TP : 270 = 270 - 0 */
text-align: right;
}
#catscontent ul { /* the menu is in a bulleted list of links */
margin: 30px 0 7px 0; /* remove space that's normally around a bulleted list */
padding: 0;
list-style-type: none; /* remove the bullet */
}
#catscontent ul li {
margin: 0;
padding: 0 45px 0 45px; /* padding to the left and right of each menu item */
display: inline; /* make the bulleted list horizontal */
list-style-type: none; /* remove the bullet */
}
#catscontent.fitmore1 ul li { /* if more categories are used, put less space between them */
padding: 0 40px 0 40px; /* padding to the left and right of each menu item */
}
#catscontent.fitmore2 ul li { /* if more categories are used, put less space between them */
padding: 0 35px 0 35px; /* padding to the left and right of each menu item */
}
#catscontent.fitmore3 ul li { /* if more categories are used, put less space between them */
padding: 0 30px 0 30px; /* padding to the left and right of each menu item */
}
#catscontent.fitmore4 ul li { /* if more categories are used, put less space between them */
padding: 0 25px 0 25px; /* padding to the left and right of each menu item */
}
#catscontent.fitmore5 ul li { /* if more categories are used, put less space between them */
padding: 0 20px 0 20px; /* padding to the left and right of each menu item */
}
#catscontent.fitmore6 ul li { /* if more categories are used, put less space between them */
padding: 0 15px 0 15px; /* padding to the left and right of each menu item */
}
#catscontent.fitmore7 ul li { /* if more categories are used, put less space between them */
padding: 0 10px 0 10px; /* padding to the left and right of each menu item */
}
#catscontent.fitmore8 ul li { /* if more categories are used, put less space between them */
font-size: 12px;
padding: 0 10px 0 10px; /* padding to the left and right of each menu item */
}
#catscontent ul li.first {
padding-left: 0; /* for the first item in the menu, remove the left padding */
}
#catscontent ul li.last {
padding-right: 0; /* for the last item in the menu, remove the right padding */
}
#catscontent a:link, #catscontent a:visited { /* menu link styles */
text-decoration: none; /* current page menu link style */
}
#cat11 #catscontent a#sect-cat11:link, #cat11 #catscontent a#sect-cat11:visited,
#cat12 #catscontent a#sect-cat12:link, #cat12 #catscontent a#sect-cat12:visited,
#cat13 #catscontent a#sect-cat13:link, #cat13 #catscontent a#sect-cat13:visited,
#cat14 #catscontent a#sect-cat14:link, #cat14 #catscontent a#sect-cat14:visited,
#cat15 #catscontent a#sect-cat15:link, #cat15 #catscontent a#sect-cat15:visited,
#cat1 #catscontent a#sect-cat1:link, #cat1 #catscontent a#sect-cat1:visited,
#cat2 #catscontent a#sect-cat2:link, #cat2 #catscontent a#sect-cat2:visited,
#cat3 #catscontent a#sect-cat3:link, #cat3 #catscontent a#sect-cat3:visited,
#cat4 #catscontent a#sect-cat4:link, #cat4 #catscontent a#sect-cat4:visited,
#cat5 #catscontent a#sect-cat5:link, #cat5 #catscontent a#sect-cat5:visited,
#cat6 #catscontent a#sect-cat6:link, #cat6 #catscontent a#sect-cat6:visited,
#cat7 #catscontent a#sect-cat7:link, #cat7 #catscontent a#sect-cat7:visited,
#cat8 #catscontent a#sect-cat8:link, #cat8 #catscontent a#sect-cat8:visited,
#cat9 #catscontent a#sect-cat9:link, #cat9 #catscontent a#sect-cat9:visited,
#cat10 #catscontent a#sect-cat10:link, #cat10 #catscontent a#sect-cat10:visited {
color: #ffffff;
text-decoration: none; /* current page menu link style */
}
#cat11 #catscontent a#sect-cat11:active, #cat11 #catscontent a#sect-cat11:hover,
#cat12 #catscontent a#sect-cat12:active, #cat12 #catscontent a#sect-cat12:hover,
#cat13 #catscontent a#sect-cat13:active, #cat13 #catscontent a#sect-cat13:hover,
#cat14 #catscontent a#sect-cat14:active, #cat14 #catscontent a#sect-cat14:hover,
#cat15 #catscontent a#sect-cat15:active, #cat15 #catscontent a#sect-cat15:hover,
#cat1 #catscontent a#sect-cat1:active, #cat1 #catscontent a#sect-cat1:hover,
#cat2 #catscontent a#sect-cat2:active, #cat2 #catscontent a#sect-cat2:hover,
#cat3 #catscontent a#sect-cat3:active, #cat3 #catscontent a#sect-cat3:hover,
#cat4 #catscontent a#sect-cat4:active, #cat4 #catscontent a#sect-cat4:hover,
#cat5 #catscontent a#sect-cat5:active, #cat5 #catscontent a#sect-cat5:hover,
#cat6 #catscontent a#sect-cat6:active, #cat6 #catscontent a#sect-cat6:hover,
#cat7 #catscontent a#sect-cat7:active, #cat7 #catscontent a#sect-cat7:hover,
#cat8 #catscontent a#sect-cat8:active, #cat8 #catscontent a#sect-cat8:hover,
#cat9 #catscontent a#sect-cat9:active, #cat9 #catscontent a#sect-cat9:hover,
#cat10 #catscontent a#sect-cat10:active, #cat10 #catscontent a#sect-cat10:hover,
#catscontent a:active, #catscontent a:hover {
text-decoration: none; /* current page menu link style */
}
/* --- deal layout --- */
#deal {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0; /* for centering content */
padding: 0; /* padding between edges and content */
border: 0; /* border around this deal */
}
#dealcontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
padding: 0 20px 0 20px; /* padding between edges and content */
width: 960px; /* FW = DW - TP : 960 = 960 - 0 */
font-family: Tahoma, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
.dealtitle {
float: left; /* make this the left column */
width: 140px; /* FW = DW - TP : 140 = 140 - 0 */
}
.dealimg {
float: left; /* make this the left middle column */
width: 120px; /* FW = DW - TP : 120 = 120 - 0 */
}
.dealimg2 {
float: left;
width: 140px;
}
.dealdesc {
float: left; /* make this the right middle column */
width: 365px; /* FW = DW - TP : 365 = 380 - 15 */
padding: 10px 0 10px 15px;
}
.dealdesc2 {
float: left;
padding: 7px 0 10px 15px;
width: 485px;
}
.dealdesc3 {
float: left;
width: 180px;
padding: 7px 20px 10px 0;
}
.dealdesc h1, .dealdesc2 h1, .dealdesc3 h1 {
margin: 0;
padding-top: 0;
color: #ffffff;
font-size: 34px;
font-weight: normal;
}
.dealdesc p, .dealdesc2 p {
margin: 0;
padding-left: 20px;
font-size: 17px;
}
.dealdesc3 p {
margin: 8px 0 8px 0;
font-size: 17px;
color: #000000;
}
.dnotprice {
float: left;
width: 30%;
font-size: 26px;
padding: 4px 0 4px 0;
color: #000000;
}
.dealprice {
float: left; /* make this the right column */
width: 300px; /* FW = DW - TP : 300 = 320 - 20 */
padding: 12px 0px 15px 20px;
}
.dealprice2 {
float: left; /* make this the right column */
width: 250px; /* FW = DW - TP : 300 = 320 - 20 */
padding: 12px 0px 15px 20px;
}
.dpriceheading {
font-size: 18px;
color: #000000;
}
.dpriceheading2 {
font-size: 14px;
color: #000000;
padding: 10px 0 7px 0;
}
.dpricegroup1 {
clear: both;
padding: 2px 0 2px 0;
height: 45px;
color: #000000;
}
.dpricegroup1 .dprice {
float: left;
width: 49%;
font-size: 34px;
color: #ffffff;
text-align: right;
}
.dpricegroup1 .dpricesubs {
float: right;
width: 48%;
padding-top: 10px;
font-size: 10px;
text-transform: uppercase;
}
.dpricegroup2, .dpricegroup3 {
clear: both;
padding: 2px 0 2px 0;
height: 40px;
color: #000000;
}
.dpricegroup2 .dprice, .dpricegroup3 .dprice {
float: left;
width: 48%;
font-size: 24px;
text-align: right;
}
.dpricegroup2 .dpricesubs, .dpricegroup3 .dpricesubs {
float: right;
width: 48%;
padding-top: 2px;
font-size: 10px;
text-transform: uppercase;
}
.dpricegroup1 .dpricesubs a:link, .dpricegroup1 .dpricesubs a:visited,
.dpricegroup2 .dpricesubs a:link, .dpricegroup2 .dpricesubs a:visited,
.dpricegroup3 .dpricesubs a:link, .dpricegroup3 .dpricesubs a:visited {
color: #000000;
text-decoration: none;
}
.dpricegroup1 .dpricesubs a:active, .dpricegroup1 .dpricesubs a:hover,
.dpricegroup2 .dpricesubs a:active, .dpricegroup2 .dpricesubs a:hover,
.dpricegroup3 .dpricesubs a:active, .dpricegroup3 .dpricesubs a:hover {
color: #ffffff;
text-decoration: none;
}
.dbutton50l {
float: left;
}
.dbutton50r {
float: right;
}
.dbutton50l, .dbutton50r {
width: 48%;
font-size: 18px;
color: #333333;
text-align: center;
border: 1px solid #c0c1c3;
}
.dbutton75 {
margin: 0 auto;
width: 75%;
}
.dbutton100 {
width: 100%;
}
.dbutton100, .dbutton75 {
clear: both;
font-size: 18px;
color: #333333;
text-align: center;
border: 1px solid #c0c1c3;
}
.dealprice2 .dbutton100 {
margin: 10px 0 10px 0;
}
.dbutton75 a:link, .dbutton75 a:visited,
.dbutton100 a:link, .dbutton100 a:visited,
.dbutton50l a:link, .dbutton50l a:visited,
.dbutton50r a:link, .dbutton50r a:visited {
display: block;
height: 18px;
padding: 5px 9px 5px 9px;
background: #ffffff url('../images/dbbg1.gif') repeat-x bottom left;
color: #333333;
line-height: .9em;
text-decoration: none;
border: 1px solid #ffffff;
}
.dbutton75 a:active, .dbutton75 a:hover,
.dbutton100 a:active, .dbutton100 a:hover,
.dbutton50l a:active, .dbutton50l a:hover,
.dbutton50r a:active, .dbutton50r a:hover {
display: block;
height: 18px;
padding: 5px 9px 5px 9px;
background: #ffffff url('../images/dbbg2.gif') repeat-x top left;
color: #333333;
line-height: .9em;
text-decoration: none;
border: 1px solid #878787;
}
.dflash-tce {
float: left;
padding: 9px;
width: 470px;
text-align: center;
color: #ffffff;
background: url('../images/flashshadow.png') no-repeat center center;
}
.fancy {
font-family: Tahoma, sans-serif;
color: #ffffff; font-size: 33px; font-weight: normal;
}
.fancy a:link, .fancy a:visited { /* default links */
font-family: Tahoma, sans-serif;
color: #ffffff; font-size: 33px; font-weight: normal; text-decoration: none;
}
.fancy a:active, .fancy a:hover { /* default links */
font-family: Tahoma, sans-serif;
color: #ffffff; font-size: 33px; font-weight: normal; text-decoration: none;
}
.fancy2 {
font-family: Tahoma, sans-serif;
color: #ffffff; font-size: 33px; font-weight: normal; text-align: right;
}
.fancy3 {
font-family: Tahoma, sans-serif;
color: #ffffff; font-size: 20px; font-weight: normal;
}
.fancy4 {
font-family: Tahoma, sans-serif;
color: #000000; font-size: 13px; margin: 0; padding: 0;
}
.fancy4 p {
margin: 0; padding: 0;
}
.fancy4 a:link, .fancy4 a:visited { /* default links */
font-family: Tahoma, sans-serif;
color: #000000; font-size: 13px; text-decoration: none; margin: 0; padding: 0;
}
.fancy4 a:active, .fancy4 a:hover { /* default links */
font-family: Tahoma, sans-serif;
color: #000000; font-size: 13px; text-decoration: none; margin: 0; padding: 0;
}
.fancy5 {
font-family: Tahoma, sans-serif;
color: #ffffff; font-size: 30px; font-weight: normal;
}
/* --- travel home deal layout --- */
.template2 .dealimg {
float: left;
width: 654px;
}
.template2 .dealdesc {
float: right;
padding: 0 0 0 10px;
width: 295px;
}
.template2 .dealdesc h1 {
margin: 10px 0 0 0;
color: #ffffff;
font-size: 20px;
font-weight: normal;
}
.template2 .dealdesc p {
margin: 0;
padding-left: 20px;
font-size: 13px;
font-weight: bold;
}
.template2 .dealdesc a:link, .template2 .dealdesc a:visited {
color: #000000;
text-decoration: none;
}
.template2 .dealdesc a:active, .template2 .dealdesc a:hover {
color: #ffffff;
text-decoration: none;
}
/* yikes home deal layout */
.template3 .dealdesc {
width: 425px;
padding: 10px 10px 0 20px;
}
.template3 .dealdesc h1 {
}
.template3 .dealdesc p {
padding-top: 20px;
}
.template3 .dealprice {
width: 150px;
padding: 80px 0px 15px 20px;
}
.template3 .dealimg {
width: 190px;
}
.template3 .dpriceheading {
padding: 0 0 10px 0;
}
.template3 .dbutton100 {
margin: 0 0 5px 0;
}
.template4 .dealdesc {
width: 525px;
padding: 10px 50px 0 50px;
}
.template4 .dealdesc h1 {
}
.template4 .dealdesc p {
padding-top: 20px;
}
.template4 .dealimg {
width: 190px;
}
/* --- subnav layout --- */
#subnav {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0; /* for centering content */
padding: 0; /* padding between edges and content */
}
#subnavcontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
padding: 5px 20px 5px 20px; /* padding between edges and content */
width: 960px;
font-family: Verdana, Arial, Helvetica, sans-serif; /* menu font */
font-size: 11px;
color: #2c2c2c;
background: #919191 url('../images/shadowsm1.png') no-repeat top center;
border-bottom: 1px solid #878787; /* border around this subnav */
}
#subnavcontent .highlight {
color: #ffffff;
}
#subnavcontent a:link, #subnavcontent a:visited {
color: #2c2c2c;
text-decoration: none;
}
#subnavcontent a:active, #subnavcontent a:hover {
color: #ffffff;
text-decoration: none;
}
#mainsubnav {
float: left; /* make this the left column */
width: 690px; /* FW = DW - TP : 690 = 690 - 0 */
}
#sidesubnav {
float: right; /* make this the right column */
width: 270px; /* FW = DW - TP : 270 = 270 - 0 */
text-align: right;
}
#fullsubnav {
clear: both; /* clear anything above it */
width: 960px; /* FW = DW - TP : 960 = 960 - 0 */
text-align: center;
}
/* --- content area layout --- */
#page {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so don't use one */
margin: 0; /* for centering content */
padding: 0; /* padding between edges and content */
}
#pagecontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
padding: 0 20px 20px 20px; /* padding between edges and content */
width: 960px; /* FW = DW - TP : 980 = 1000 - 20 */
border: 0; /* border around this page */
background: #ffffff url('../images/wbg1.gif') repeat-x top left;
}
.mainpage {
float: left; /* make this the left column */
width: 740px;
}
.sidepage {
float: right; /* make this the right column */
width: 220px;
padding-top: 20px;
}
.mainpagei {
float: left; /* make this the left column */
width: 705px;
}
.sidepagei {
float: right; /* make this the right column */
width: 200px;
margin-top: 50px;
padding: 15px;
background-color: #fefefe;
border: 1px solid #c4c4c4;
}
.sidepageii {
clear: right;
float: right; /* make this the right column */
width: 185px;
padding: 20px;
font-size: .9em;
}
.sidepaged {
float: right; /* make this the right column */
width: 183px;
margin-top: 115px;
padding: 20px;
background-color: #fefefe;
border: 1px solid #c4c4c4;
}
.fullpage {
clear: both; /* clear anything above it */
width: 980px; /* FW = DW - TP : 960 = 960 - 0 */
}
.fullpagei {
clear: both; /* clear anything above it */
width: 960px; /* FW = DW - TP : 960 = 960 - 0 */
}
.push {
}
/* --- category boxes --- */
.catbox {
position: relative;
float: left;
margin: 20px 20px 0 0;
padding: 0;
}
.catbox a:link, .catbox a:visited {
display: block;
text-decoration: none;
}
.catbox a:active, .catbox a:hover {
display: block;
text-decoration: none;
}
/* --- boxes --- */
.box {
position: relative;
float: left;
margin: 20px 20px 0 0;
padding: 5px;
width: 213px;
height: 350px;
overflow: hidden;
border: 1px solid #c4c4c4;
}
.boxtitle {
height: 30px;
overflow: hidden;
text-align: center;
}
.boxheading {
font-size: 13px;
font-weight: bold;
}
.boxsubheading {
font-family: Tahoma, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #878787;
}
.boxinfo {
padding: 3px 0 6px 0;
}
.boximage {
height: 167px;
overflow: hidden;
text-align: center;
}
.boxdesc {
padding: 1px 3px 0 3px;
height: 56px;
overflow: hidden;
font-size: 11px;
}
.boxdesc p {
padding: 0 5px 0 0;
display: inline;
}
.boxpricehead {
height: 14px;
overflow: hidden;
font-size: 10px;
text-transform: uppercase;
color: #878787;
}
.boxpricegroup {
padding: 1px 0 1px 0;
font-family: Tahoma, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
}
.boxprice {
float: left;
width: 27%;
text-align: right;
color: #878787;
}
.boxprice strong {
font-weight: bold;
}
.boxlink {
float: right;
width: 69%;
text-align: left;
text-transform: uppercase;
color: #000000;
}
.boxlink a:link, .boxlink a:visited {
color: #000000;
text-decoration: none;
}
.boxlink a:active, .boxlink a:hover {
text-decoration: none;
}
.boxbuttons {
position: absolute;
left: 5px;
bottom: 5px;
width: 213px;
}
.boxbuybutton {
margin-top: 3px;
float: left;
height: 23px;
overflow: hidden;
}
.boxinfobutton {
margin-top: 3px;
float: right;
height: 23px;
overflow: hidden;
}
.boxbuybutton, .boxinfobutton {
width: 48%;
font-size: 11px;
color: #333333;
text-align: center;
}
.boxfullbutton {
margin-top: 3px;
height: 23px;
overflow: hidden;
}
.boxfullbutton {
width: 211px;
font-size: 11px;
color: #333333;
text-align: center;
}
.boxfullbutton a:link, .boxfullbutton a:visited,
.boxbuybutton a:link, .boxbuybutton a:visited,
.boxinfobutton a:link, .boxinfobutton a:visited {
display: block;
height: 11px;
padding: 5px 9px 5px 9px;
color: #333333;
line-height: .9em;
text-decoration: none;
}
.boxfullbutton a:active, .boxfullbutton a:hover,
.boxbuybutton a:active, .boxbuybutton a:hover,
.boxinfobutton a:active, .boxinfobutton a:hover {
display: block;
height: 11px;
padding: 5px 9px 5px 9px;
color: #333333;
line-height: .9em;
text-decoration: none;
}
.clear {
clear: both;
margin: 0;
padding: 0;
height: 0;
line-height: 0;
}
/* detail pg boxes */
.sidepricegroup {
padding: 1px 0 1px 0;
font-family: Tahoma, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
.sideprice {
float: left;
width: 67px;
padding-right: 5px;
font-size: 14px;
text-align: right;
color: #878787;
}
.sideprice strong {
font-weight: bold;
}
.sidelink {
float: right;
width: 118px;
padding-top: 3px;
font-size: 10px;
text-align: left;
text-transform: uppercase;
color: #000000;
}
.sidelink a:link, .sidelink a:visited {
color: #000000;
text-decoration: none;
}
.sidelink a:active, .sidelink a:hover {
text-decoration: none;
}
.sidebuttons {
padding-top: 15px;
}
.sidefullbutton {
margin-top: 3px;
font-size: 14px;
color: #333333;
text-align: center;
}
.sidefullbutton a:link, .sidefullbutton a:visited {
display: block;
height: 14px;
padding: 5px 9px 5px 9px;
color: #333333;
line-height: .9em;
text-decoration: none;
}
.sidefullbutton a:active, .sidefullbutton a:hover {
display: block;
height: 14px;
padding: 5px 9px 5px 9px;
color: #333333;
line-height: .9em;
text-decoration: none;
}
/* --- pagination --- */
.pagination {
margin-top: 20px;
padding: 0;
width: 100%;
text-align: center;
}
.showing {
float: right;
padding: 3px 20px 3px 4px;
width: 30%;
font-size: 11px;
text-align: right;
color: #545454;
}
ul.pagination-digg {
float: left;
margin: 0;
padding: 0;
width: 60%;
}
.pagination-digg li {
margin: 0;
padding: 0;
font-size: 11px;
list-style: none;
border: 0;
}
.pagination-digg a {
margin-right: 2px;
border: solid 1px #c4c4c4;
}
.pagination-digg .previous-off,
.pagination-digg .next-off {
display: block;
float: left;
margin-right: 2px;
padding: 3px 4px;
font-weight: bold;
color: #878787;
border: solid 1px #c4c4c4;
}
.pagination-digg .next a,
.pagination-digg .previous a {
font-weight: bold;
}
.pagination-digg .active {
display: block;
float: left;
margin-right: 2px;
padding: 3px 6px;
font-weight: bold;
color: #FFFFFF;
}
.pagination-digg .etc {
display: block;
float: left;
margin-right: 2px;
padding: 3px 4px;
}
.pagination-digg a:link,
.pagination-digg a:visited {
display: block;
float: left;
padding: 3px 6px;
text-decoration: none;
}
/* --- carousel --- */
/* --- carousel top stripe --- */
#ctop {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately */
margin: 0; /* for centering content */
padding: 0; /* padding between edges and content */
}
#ctopcontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
width: 960px;
height: 3px; /*5px;*/
padding: 0 20px 0 20px;
background-color: #919191;
border-top: 1px solid #878787; /* border around this area */
/*border-bottom: 1px solid #c9c9c9;*/ /* border around this area */
}
/* --- carousel header layout --- */
#cheader {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0; /* for centering content */
}
#cheadercontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
width: 960px;
padding: 0 20px 0 20px;
background: #ffffff url('../images/wbg1.gif') repeat-x top left;
}
#cheadercontent a:link, #cheadercontent a:visited { /* menu link styles */
color: #a97b00;
text-decoration: none; /* current page menu link style */
}
#cheadercontent a:active, #cheadercontent a:hover {
color: #878787;
text-decoration: none; /* current page menu link style */
}
#maincheader {
float: left; /* make this the left column */
width: 270px; /* FW = DW - TP : 270 = 270 - 0 */
height: 40px; /* FH = DH - TP : 40 = 40 - 0*/
}
#clogo {
position: absolute;
bottom: 0;
left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; /* menu font */
font-size: 24px;
font-weight: bold;
background: url('../images/logo-carousel.png') no-repeat bottom left;
}
#sidecheader {
float: right; /* make this the right column */
width: 690px; /* FW = DW - TP : 690 = 690 - 0 */
position: absolute;
bottom: 0;
right: 20px;
margin: 0 0 5px 0; /* remove space that's normally around a bulleted list */
font-family: Verdana, Arial, Helvetica, sans-serif; /* menu font */
font-size: 13px;
font-weight: bold;
text-align: right;
}
/* --- carousel layout --- */
#carousel {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0; /* for centering content */
padding: 0; /* padding between edges and content */
}
#carouselcontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
padding: 0 20px 0 20px; /* padding between edges and content */
width: 960px;
}
#fullcarousel {
clear: both; /* clear anything above it */
width: 960px; /* FW = DW - TP : 960 = 960 - 0 */
padding: 0;
text-align: center;
}
/* change to the design - use text links instead of carousel images */
#text-links {
clear: both; /* clear anything above it */
width: 960px; /* FW = DW - TP : 960 = 960 - 0 */
padding: 5px 0;
text-align: center;
color: #444444;
}
#text-links a:link, #text-links a:visited {
padding: 0 10px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #222222;
text-decoration: none;
}
#text-links a:active, #text-links a:hover {
color: #ffffff;
text-decoration: none;
}
/* --- carousel bottom stripe --- */
#cbot {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately */
margin: 0; /* for centering content */
padding: 0; /* padding between edges and content */
}
#cbotcontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
width: 960px;
height: 3px; /*5px;*/
padding: 0 20px 0 20px;
background-color: #434343;
border-bottom: 1px solid #353535; /* border around this area */
}
/* --- footer layout --- */
#footer {
clear: both; /* clear anything above it */
position: relative; /* for centering content */
width: 100%; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately */
margin: 0; /* for centering content */
padding: 0; /* padding between edges and content */
}
#footercontent {
position: relative; /* for centering content */
overflow: hidden; /* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
margin: 0 auto; /* for centering content */
padding: 10px 20px 20px 20px;
border: 0; /* border around this area */
width: 960px; /* CFW = CDW - CTP : 960 = 960 - 0 -- CFW = (MDW + SDW + MTB + STB) - CTP : 960 = (690 + 270 + 0 + 0) - 0 */
font-family: Verdana, Arial, Helvetica, sans-serif; /* font */
font-size: 11px;
line-height: 1.35em;
color: #878787;
background: #ffffff url('../images/wbg1.gif') repeat-x top left;
border-top: 1px solid #ebebeb; /* border around this area */
}
#footercontent a:link, #footercontent a:visited {
color: #515151;
text-decoration: none;
}
#footercontent a:active, #footercontent a:hover {
text-decoration: none;
}
#mainfooter {
float: left; /* make this the left column */
width: 690px; /* MFW = MDW - MTP : 690 = 690 - 0 */
border: 0; /* border around this column */
}
#sidefooter {
float: right; /* make this the right column */
width: 270px; /* MFW = MDW - MTP : 270 = 270 - 0 */
border: 0; /* border around this column */
}
#fullfooter {
clear: both; /* clear anything above it */
width: 960px; /* FFW = FDW - FTP : 960 = 960 - 0 */
border: 0; /* border around this column */
}
#footerlinks {
}
#copyright {
padding-top: 20px;
}
/* --- rep box --- */
#repbox { /* in this design the rep box is inside right column at the top */
}
#repboxcontent { /* content holder for repbox */
}
#repbox-text { /* holder for the text of the rep box */
float: right; /* text goes to the left of img, but is still floated rt, in case img is not there */
padding-top: 10px;
text-align: right; /* right align text */
}
#repbox-text strong { /* This Site Hosted By */
color: #515151;
}
#repbox-img { /* holder for the image of the rep box */
float: right; /* image goes to the right of text */
padding-left: 10px; /* gap between img and text */
}
#repbox-img img {
border: 1px solid #878787; /* border around the image itself */
}
#footercontent #repbox-text a:link, #footercontent #repbox-text a:visited { /* email link */
text-decoration: none;
}
#footercontent #repbox-text a:active, #footercontent #repbox-text a:hover { /* email link hover */
color: #373737;
text-decoration: none;
}
/* --- sidepage notes gray box --- */
.sidepagenotes {
float: right; /* make this the right column */
width: 183px;
margin-top: 20px;
padding: 20px;
background-color: #f7f7f7;
border: 1px solid #e3e3e3;
}
.sidepagenotes ul li {
padding-bottom: 7px;
}
.sidepagenotes ul {
list-style-type: square;
margin: 0;
padding-bottom: -7px;
padding-left: 15px;
}
.sidepagenotes ul ul {
margin-top: 7px;
margin-left: 0;
padding-left: 17px;
margin-bottom: -7px;
font-size: 11.5px;
color: #666665;
}
.sidepagenotes ul a:link, .sidepagenotes ul a:visited {
text-decoration: none;
}
.sidepagenotes ul a:active, .sidepagenotes ul a:hover {
text-decoration: none;
}
.sidepagenotes ul ul a:link, .sidepagenotes ul ul a:visited {
text-decoration: none;
}
.sidepagenotes ul ul a:active, .sidepagenotes ul ul a:hover {
text-decoration: none;
}
.sidepagenotes ul .subh {
font-size: 10px;
color: #666665;
text-transform: uppercase;
}
.sidepagenotes ul a:link .subh, .sidepagenotes ul a:visited .subh {
color: #666665;
text-decoration: none;
}
.sidepagenotes ul a:active .subh, .sidepagenotes ul a:hover .subh {
color: #000000;
text-decoration: none;
}
.sidepagenotes h1 {
margin-top: 0;
padding-top: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 14px;
font-weight: bold;
}
.sidepagenotes h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 13px;
font-weight: bold;
color: #373737;
}
.sidepagenotes h3 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 13px;
font-weight: bold;
color: #919191;
}
.sidepagenotes h4 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.sidepagenotes h5 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 11px;
font-weight: bold;
text-transform: none;
color: #373737;
margin-top:0px;
}
.sidepagenotes h6 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* font styles */
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #919191;
}