html, body, div, form, ul, li { margin:0 auto; padding:0; font-family:"Lucida Grande",lucida,Helvetica,Arial,sans-serif; }
body {font: 12px/16px "Lucida Grande",lucida,Helvetica,Arial,sans-serif;text-align:center; color:#3c546a; background:#0f202e url('/images/bg.jpg') repeat-x 0 0; padding:0; }
.mceContentBody {
background:#FFF url() no-repeat 0 0;
text-align:left;
}
a:link, a:visited {color:#276ba8;}
a:hover, a:active {color:#0379e2;}
h1 {font-size:21px;color:#2c5f8e;}
h1.breadcrumbs {color:#888; font-size:16px; border-bottom:4px solid #c8d7e2; padding:10px 0 8px 0; margin:0 0 15px 0;}
h1.breadcrumbs span {font-weight:normal; font-size:14px;}
h2 {font-size:15px; color:#293540;padding:5px 0;margin:5px 0 0 0;border-top:1px solid #c8d7e2;}
h2.h2sub {font-size:15px !important; color:#2c5f8e;padding:5px 0 !important;margin:5px 0 0 0 !important;border-top:1px solid #c8d7e2;border-bottom:1px solid #c8d7e2;}
h2.black {color:#000000 !important;}
h3 {font-size:13px; color:#293540;padding:3px 0 3px 5px; margin:8px 0 0 0; border-left:6px solid #eee;}
div#container {width:1000px;text-align:left; }
div#cwrap {background:transparent url('/images/container_bg_3col.gif') repeat-y 6px top; }
div.cwrap2col {background:transparent url('/images/container_bg_2col.gif') repeat-y 6px top !important; }
div.cwrap2col div#wrapper {background:transparent url('/images/wrapper_bg_col2.jpg') no-repeat 5px 0 !important; }
div.cwrap1col {background:transparent url('/images/container_bg_1col.gif') repeat-y 6px top !important; }
div.cwrap1col div#wrapper {background:transparent url('/images/wrapper_bg_col1.jpg') no-repeat 5px 0 !important; }
div#header {background:transparent url('/images/banner.jpg') no-repeat left top;height:190px; }
div#wrapper {padding:7px 0 0 6px; background:transparent url('/images/wrapper_bg_col3.jpg') no-repeat 5px 0; }
div#contentwrap {width:537px;float:left; overflow:hidden; }
div.cwrap2col div#contentwrap {width:755px;float:left; overflow:hidden; }
div.cwrap1col div#contentwrap {width:975px;float:left; overflow:hidden; }
div#contentwrapH {float:left; width:1px; height:600px !important; }
div#content_top_note {padding:0; margin:-8px -15px 0 -20px;}
div#content_top_note_comment h1, div#content_top_note_comment h2, div#content_top_note_comment h3 {background-color:#162c40;padding:5px 20px;font-size:13px;color:#d0e6fa; margin:0;border:none;}
div#content_top_note_comment {background-color:#d0e6fa;padding:10px 20px; font-size:11px; border-bottom:5px solid #30618c; display:none;}
a#first_time_here {text-decoration:none; color:#d0e6fa; }
h1.firsttime_toggle { font-size:12px !important; padding:4px !important; background-color:#30618c; color:#dfe8f1; margin:0; }
div#content {padding:5px 15px 5px 20px;}
#rss-icon-big { /* margin:129px 0 0 910px; */ margin:129px 0 0 0; *margin-top:132px;}
div#content h2 {margin-top:35px; font-size:13px; }
div#col1 {float:left;width:218px;padding:7px 0 0 0; }
div#col2 {float:left;width:229px;padding:27px 0 7px 0; *padding-top:37px; margin-left:2px;font-size:11px; color:#444; overflow:hidden; }
div.div_divider {padding:0 10px 20px 7px; margin-bottom:0; background:transparent url('/images/div_divider.jpg') no-repeat left bottom;}
div.noPadR {padding-right:0;}
div#col1 h2 {background:transparent url('/images/h2_col1.gif') no-repeat; padding: 5px 0 7px 27px; font-size:13px; color:#124878; border:none; margin-left:-1px; margin-top: 10px;}
div#col2 h2 {background:transparent url('/images/h2_col2.gif') no-repeat; padding: 5px 0 7px 27px; font-size:13px; color:#124878; color:#fff; border:none; margin-left:-1px; margin-top: 10px;}
div#col1 h2.nopad, div#col2 h2.nopad {margin-top:0;}
/* junk! this should work! */
div#co11 > h2:first-child {margin-top:0;}
#category_list {padding-left:10px;}
ul#category_list {padding:0 0 0 5px;}
ul#category_list a:link, ul#category_list a:visited {display:block; padding:3px 0 6px 8px; margin:2px 0 0 0; font-weight:bold; text-decoration:none; background:transparent url(/images/prod_menu_btn.gif) no-repeat; color:#C7DBED;}
ul#category_list a:hover, ul#category_list a:active {background-position:-230px top; color:#fff;}
ul#category_list div.category_sub {padding:5px 5px 10px 5px;margin:0 auto !important; border:none; display:none; background:transparent url(/images/prod_menu_sub.gif) no-repeat left bottom;}
ul#category_list div.category_sub a:link, ul#category_list div.category_sub a:visited {display:inline; line-height:18px; background:none; border:none; color:#276ba8;}
ul#category_list div.category_sub a:hover, ul#category_list div.category_sub a:active {display:inline; line-height:18px; background:none; border:none; text-decoration:underline; color:#0379e2;}
/* --------------------
FOOTER
-------------------- */
div#footer {clear:both;margin:0 0 0 5px;padding:45px 10px 5px 10px;background:transparent url('/images/footerbg.png') no-repeat; *background:transparent url('/images/footerbg.jpg') no-repeat; color:#eee; font-size:10px;}
div#footer h1, div#footer h2, div#footer h3 {color:#fff;}
div#footer a, div#footer a:link, div#footer a:visited {color:#d0e6fa;text-decoration:none;}
div#footer a:hover, div#footer a:active {color:#fff;text-decoration:underline;}
div#footer h2 {padding:5px 0 10px 0; margin:0;border:none; font-size:12px;}
div#footer div.footer_col {float:left; width:145px; }
div#footer div.bordered {padding:0 7px 0 12px; border-left:1px dotted #364757;}
/* --------------------
FORM
-------------------- */
/* misc */
input {border:1px solid #ccc; font-size:11px;}
input.text, select {border:1px solid #ccc; font-size:11px;padding:2px 3px; }
input.small {width:100px;}
input.tiny {width:20px;}
/*
input.button, a.button:link, a.button:visited {font-weight:bold; font-size:11px; border:1px solid #c0dfff; background:#30618c url('bg_button.jpg') repeat-x; padding:2px 3px; color:#e8f2ff; text-transform: uppercase;text-decoration:none;}
input.button:hover, a.button:hover, a.button:active {background-position:left -60px;color:#ffffff;}
input.buttonAlt, a.buttonAlt:link, a.buttonAlt:visited { background:#30618c url('bg_buttonAlt.jpg') repeat-x; }
input.buttonAlt:hover, a.buttonAlt:hover, a.buttonAlt:active {background-position:left -60px;color:#ffffff;}
*/
#fblogin { border:none; padding:0; height:26px; line-height:10px; vertical-align:bottom; }
input.button {width:98px; background:transparent url('/images/input_btns.gif') no-repeat left 2px; *background-position: left 1px; overflow:none; border:none; padding:0; height:26px; line-height:10px; vertical-align:top; font-weight:bold; font-size:11px; font-family:arial;text-transform: uppercase;text-decoration:none; color:#9bccf8; }
input.button:hover {background-position:left -25px; *background-position: left -26px; border:none; color:#fff;}
input.buttonAlt {width:98px; background:transparent url('/images/input_btns.gif') no-repeat left -58px; *background-position: left -59px; overflow:none; border:none; padding:0; height:26px; line-height:10px; vertical-align:top; color:#b4c0cb;}
input.buttonAlt:hover {background-position:left -85px; *background-position: left -86px; border:none;color:#fff;}
a.buttonAlt, a.buttonAlt:link, a.buttonAlt:visited {display:block; width:98px; background:transparent url('/images/input_btns.gif') no-repeat left -58px; *background-position: left -59px; overflow:none; border:none; padding:9px 0 0 0; height:20px; font:12px/10px arial; vertical-align:top; color:#b4c0cb; font-weight:bold;text-transform: uppercase;text-decoration:none; }
a.buttonAlt:hover, a.buttonAlt:active {background-position:left -85px; *background-position: left -86px; border:none;color:#fff;}
.fL {float:left;}
.fR {float:right;}
input.buttonW {width:120px; background:transparent url('/images/input_btns.gif') no-repeat -100px 2px; *background-position: -100px 1px; overflow:none; border:none; padding:0; height:26px; line-height:10px; vertical-align:top; font-weight:bold; font-size:11px; font-family:arial;text-transform: uppercase;text-decoration:none; color:#9bccf8; }
input.buttonW:hover {background-position:-100px -25px; *background-position: -100px -26px; border:none; color:#fff;}
input.buttonW2 {width:178px; background:transparent url('/images/input_btns.gif') no-repeat -221px 2px; *background-position: -221px 1px; overflow:none; border:none; padding:0; height:26px; line-height:10px; vertical-align:top; font-weight:bold; font-size:11px; font-family:arial;text-transform: uppercase;text-decoration:none; color:#9bccf8; }
input.buttonW2:hover {background-position:-221px -25px; *background-position: -221px -26px; border:none; color:#fff;}
input.buttonAltW {width:120px; background:transparent url('/images/input_btns.gif') no-repeat -100px -58px; *background-position: -100px -59px; overflow:none; border:none; padding:0; height:26px; line-height:10px; vertical-align:top; color:#b4c0cb;}
input.buttonAltW:hover {background-position:-100px -85px; *background-position: -100px -86px; border:none;color:#fff;}
input.buttonSmall {width:27px !important; background:transparent url('/images/input_btns.gif') no-repeat left -118px; *background-position: left -119px; overflow:none; border:none; padding:0; height:26px; line-height:10px; vertical-align:top; font-weight:bold; font-size:11px; font-family:arial;text-transform: uppercase;text-decoration:none; color:#9bccf8; }
input.buttonSmall:hover {background-position:left -145px; *background-position: left -146px; border:none; color:#fff;}
/* input.buttonSmall {border:1px solid red !important;} */
div#wrapper input.button {margin-top:3px;}
/* a.button:link, a.button:visited {display:block;padding:3px 5px;} */
/* div#content input.button { padding:3px 5px; } */
textarea { font-family:inherit; font-size:inherit; border:1px solid #ccc; width:100%; color:#555; padding:2px;}
.reply_form h3 {margin-bottom:5px; padding:2px 0 3px 5px;}
.replycomments {padding:5px; background-color:#fafafa; font-size:10px; color:#777; margin:0 0 4px 0;}
.btmrule {border-bottom:1px dotted #eee;}
/* search */
form.search {padding:0 0 15px 0;}
form.search input.text {border:1px solid #ccc; font-size:11px;padding:3px 3px; width:164px; margin-top:3px; *margin-top:1px;}
form.search select.wider {width:204px; margin:0 0 3px 0;}
/* form.search input.button {width:28px;} */
/* product price form */
form.prod_priceDiv { padding:6px 3px 8px 8px; margin:10px 0; border-top:2px solid #d3e1ee; border-bottom:10px solid #b3cadd; background-color:#f6f9fc;}
form.prod_priceDiv h4 { font-size:12px; margin:0; padding:2px 0;}
form.prod_priceDiv p {margin:0; padding:4px 0 8px 0;}
form.prod_priceDiv .add_to_cart {margin-right:160px; }
/* login */
div#login, div#loggedin {font-size:11px; color:#dde6f5;padding:5px 10px 0 0; text-align:right;}
div#loggedin {color:#fff; font-size:13px;margin-left:65px;line-height:12px; padding-top:2px;}
div#login input.button {margin-top:-3px; *margin-top:-1px; _margin-top:-3px;}
div#login p {display:inline; padding:0; margin:0 auto;}
#login_lower { margin-top:15px; }
#login_lower span.br { display:block; clear:both; }
#login_lower label { display:block; float:left; width:100px; text-align:right; font-weight:bold; }
#login_lower input.text { display:block; float:left; clear:right; margin:0 0 3px 4px}
#login_lower input.button {margin-left:104px;}
#login_lower p { padding-left:104px;}
#login_lower strong {border:none !important;padding:0 !important;}
form.narrow table {font-size:11px;margin:0px;border-collapse:collapse;}
form.narrow .text {padding:2px;margin:0;border:1px solid #bbb;width:180px;font-size:11px;}
form.narrow td {padding:0 0 15px 5px;}
form.narrow th {text-align:right;font-weight:bold;width:140px;vertical-align:top;}
th {text-align:right;font-weight:bold;width:140px;vertical-align:top;}
form.small table {margin:0px;border-collapse:collapse;font-size:12px; color:#3c546a;}
form.small .text {padding:2px;margin:0;border:1px solid #bbb;width:140px;}
form.small td {padding:0 0 5px 5px;vertical-align:top;}
form.small th {text-align:right;font-weight:bold;width:130px;vertical-align:top;}
div#comments_div {padding-top:10px; border-top:5px solid #d3e1ee; font-size:11px; }
div#comments_div h2 {margin-top:0;}
div#comments_div h3 {margin-top:15px; border-top:1px solid #ddd; }
div#comments_div strong { /*font-size:12px; */ color:#293540;padding:3px 0 3px 5px; margin:8px 0 8px 0; border-left:6px solid #eee;}
div#comments_div th label {display:inline; padding:0; margin:0 auto;}
div#comments_div th {text-align:right; padding:0 5px 0 0; width:100px; margin:0 auto;}
div#comments_div td {text-align:left; width:350px;}
div#comments_div small {display:block; height:28px; padding:10px 0 2px 2px;margin:0 0 3px 0; border-top:1px solid #d3e1ee; background-color:#f6f9fc; }
div#comments_div small strong {border:none; }
div#comments_div small img {border:2px solid #ccc; margin:0 auto; margin:-8px 0 0 0;}
input.glassinput { border: 2px solid rgb(204, 204, 204); background: transparent url(/images/joshua_input_bg.jpg) repeat-x scroll left top; width: 200px; height: 33px; font-family: 'Trebuchet MS',arial,helvetica,sans-serif; line-height: 33px; font-size: 18px; color: rgb(54, 94, 143); }
/* --------------------
POLL
-------------------- */
div.pollquestionDiv {padding:0 0 5px 0; margin-top:7px; border-bottom:1px solid #bfd2e4;}
div.pollquestionDiv span.bl {border-left:2px solid #f2f5fa; padding:4px 0 0 0; margin:1px;}
/* --------------------
MOOTOOL TOOL-TIP
-------------------- */
a.button img.creditstip {border:none; margin:2px 0 -2px 0;}
img.creditstip {border:none; margin:0;}
.tip { color: #fff; width: 139px; z-index: 13000; position:absolute; }
.tip-title { font-weight: bold; font-size: 11px; line-height:13px; margin: 0; color: #9FD4FF; padding: 6px 0 4px 0; background: url('/images/tooltips_credits.png') top left; }
.tip-text { font-size: 11px; line-height:13px; padding: 4px 5px 8px 5px; background: url('/images/tooltips_credits.png') bottom right; }
.productcattips .tip { width:350px; }
/*
.productcattips .tip-title { background:none; background-color:#3074B1; }
.productcattips .tip-text { background:none; background-color:#1C4D7B; text-align:justify; }
*/
.productcattips .tip-title { font-weight: bold; font-size: 11px; line-height:13px; margin:0 auto; color: #9FD4FF; padding: 4px 0 4px 0; background: url('/images/tooltips_credits_wide.png') top left; }
.productcattips .tip-text { font-size: 11px; line-height:13px; padding: 4px 8px 8px 8px; background: url('/images/tooltips_credits_wide.png') bottom right; text-align:justify; }
/* --------------------
BLOG / FORUM
-------------------- */
.avatar { float:left; width:52px; clear:left; margin-top:10px; padding-top:2px; }
.avatar img {border:2px solid #ccc;}
.avatar_img {border:2px solid #ccc; margin-bottom:-3px;}
.useravatar {border:2px solid #ccc;}
/* div#rentavoblogsDiv, div#forumsDiv {clear:both; padding:5px 0 0 0;} */
div#rentavoblogsDiv .comments,
div#forumsDiv .comments
{float:left;width:150px; margin-top:10px; padding-bottom:5px; border-bottom:1px dotted #bbb; }
div.new_comments { padding:4px 3px 3px 8px; margin:10px 0; border-top:2px solid #d3e1ee; border-bottom:10px solid #b3cadd; background-color:#f6f9fc;}
div.new_comments p {font-size:11px;}
.nextprev {padding:2px 10px 0 10px;margin:10px 0; height:20px; border-top:5px solid #d3e1ee; background-color:#f6f9fc; }
.lowpad {padding:3px 0;margin:0; color:#777;}
.postedby {border-bottom:3px solid #f2f5fa;margin-bottom:5px;}
div.blog_top {font-size:11px; padding:0; margin:0 0 15px 0; }
div.blog_top a.blog_top_blog {display:block; float:left; height:17px; font-weight:bold; }
div.blog_top a.blog_top_rss {display:block; float:right; text-align:right; height:17px; padding:0 0 3px 22px; background:transparent url('/images/littleicon_rss.gif') no-repeat; font-weight:bold; }
div.blog_top p {clear:both; padding:3px 6px; margin:0; height:15px; border-top:1px solid #91acc9; border-bottom:1px solid #91acc9; background-color:#d7e5f0; }
span.blog_top_date { display:block; float:left; width:49%; }
span.blog_top_more { display:block; float:right; text-align:right; width:49%; }
div.blog {padding:0; margin:0; }
div.blog h2, h2.big_border { font-size:20px !important; line-height:22px; color:#335f8c; margin:10px 0 3px 0 !important; padding:3 0 5px 0 !important; border:none; border-bottom:5px solid #d4e0ec;}
div.blog h2 a {text-decoration:none;}
div.blog span.tags { display:none; float:left; width:49%; font-size:10px; color:#656565; margin:0 auto; padding:0; }
div.blog span.postby { float:left; /* width:49%; */ font-size:10px; color:#656565; margin:0 auto; padding:0; }
div.blog span.postby img {border:2px solid #d4e0ec; margin:-8px 5px 0 0;}
div.blog div.blog_blog {clear:both !important; padding:8px 0 5px 0; margin:0 0 20px 0; border-bottom:1px solid #ddd; }
div.blog_littlelinks {font-size:11px; line-height:22px; margin-top:10px; padding-top:3px; border-top:1px solid #eee;}
div.blog_littlelinks a {padding-bottom:5px;}
div.blog_littlelinks a.getit {background:transparent url('/images/littleicon_getit.gif') no-repeat; padding:0 0 5px 22px; font-weight:bold; }
div.blog_littlelinks a.ShareThis {background:transparent url('/images/littleicon_ShareThis.gif') no-repeat; padding:0 0 5px 20px; font-weight:bold; line-height:20px;}
/* --------------------
PRODUCT LIST / NOTES
-------------------- */
.prodnav { padding:7px 0 0 0;margin:3px 0 0 0; height:25px; border-bottom:2px solid #30618c; }
.prodnav a, .prodnav a:link, .prodnav a:visited {display:block; color:#142f47; background:transparent url('/images/bg_tabbed.gif') repeat-x left -70px; padding:5px 0 4px 5px; *padding-top:4px; margin:0 3px 0 0; *margin-top:1px; float:left; font-weight:bold; text-decoration:none; }
.prodnav a span {color:#142f47; padding:5px 14px 4px 9px; margin:0; background:#fff url('/images/bg_tabbed.gif') repeat-x right -70px; }
.prodnav a:hover, .prodnav a:active { color:#eee; background-position:left -35px; }
.prodnav a:hover span {color:#eee; background-position:right -35px;}
.prodnav a.current { background-position:left top !important; color:#f6f9fc; }
.prodnav a.current span {background-position:right top !important; color:#f6f9fc; }
.prodnotes {clear:both;padding:5px 5px 15px 5px; border-bottom:6px solid #f2f6fa; font-size:11px; background-color:#fcfcfc;}
.cr_ud {padding:5px;margin:0; border-top:1px solid #d3e1ee; background-color:#f6f9fc;}
.cr_comment {padding:2px 0 5px 0;margin:0; font-size:11px;}
div#bread_crumbs {font-size:11px;padding:2px 0 10px 0;}
.noM {margin:0 auto;}
.noP {padding:0;}
.noB {border:none;}
table.noP td {padding:0;}
.padL {padding-left:5px;}
.padT {padding-top:5px;}
.padTB {padding:5px 0; }
.padB {padding-bottom:20px; }
.marL {margin-left:5px;}
.marT {margin-top:5px;}
.marTB {margin:5px 0;}
.category_sub {display:block;padding:0 0 5px 5px;margin:0 10px !important; border-left:1px dotted #adc2d7; display:none;}
.hide {display:none;}
.div_break {clear:both;padding:10px;}
.textR {text-align:right;}
.error, .alert {font-weight:bold; color:#cc0000;}
.small {font-size:10px; color:#999;}
tr.grayed th, tr.grayed td {background-color:#eee;}
/* facebook */
.fb_login_image {
vertical-align:middle;
margin-top:-3px;
}
#login_lower .fb_login_image {
margin-top:3px;
}
div.whiteonblue {
display:inline;
font-size:13px;
line-height:22px;
color:#FFF;
}
div.whiteonblue a {
color:#FFF;
}
div.whiteonblue a:hover {
color:#CCC;
}
div.linkonblue {
display:inline;
}
.linkonblue a, .linkonblue a:link, .linkonblue a:visited {
/* font-size:.8em; */
color:#FFF;
text-decoration:none;
}
.linkonblue a:hover {
color:#CCC;
}
/* twitter */
ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#twitter_update_list li {
display:block;
line-height:1.5em;
padding:5px;
line-height:1.5em;
}
/* crud */
/* take a look at how doing this broke the admin area... */
/*.cr_ud label { ...that's my crud, not your cr_ud :) */
.crud15 label {
display:block;
}
/* tabs css */
.mootabs_title {
list-style-image: none;
list-style-type: none;
height: 26px;
display:block;
margin:0px;
padding:0px;
text-transform:capitalize;
}
ul.mootabs_title {
border-bottom:0px solid #91A7B4;
}
.mootabs_title li {
float:left;
background: transparent url(/images/bg_tabbed.gif) no-repeat scroll right -70px;
margin-right: 2px;
margin-left:5px;
padding-right:5px;
cursor: pointer;
height: 26px;
border: 0px;
}
.mootabs_title li span {
background:transparent url(/images/bg_tabbed.gif) no-repeat scroll 0px -70px;
display:block;
float:left;
color:#000;
font-family:"Lucida Grande",Helvetica,Arial,sans-serif;
font-size:12px;
font-weight:bold;
line-height:16px;
padding:5px;
padding-left:10px;
margin-left:-5px;
text-align:center;
}
.mootabs_title li.active {
background:transparent url(/images/bg_tabbed.gif) no-repeat scroll right -35px;
}
.mootabs_title li.active span {
color:#FFF;
background:transparent url(/images/bg_tabbed.gif) no-repeat scroll 0px -35px;
}
.mootabs_title li span.blue {
color:#FFF;
background:transparent url(/images/bg_tabbed.gif) no-repeat scroll right top;
}
.mootabs_title li.blue {
color:#FFF;
background:transparent url(/images/bg_tabbed.gif) no-repeat scroll right top;
}
.mootabs_title li.active span.blue, .mootabs_title li.active span.blue a {
color:#FFF;
background:transparent url(/images/bg_tabbed.gif) no-repeat scroll 0px 0px;
}
.mootabs_panel {
font-size:11px;
padding:25px;
/*height:400px;*/
display: none;
position: relative;
clear: both;
overflow: auto;
}
.mootabs_panel.active {
background-color: #FFFFFF;
border:1px solid #91a7b4; /*#919b9c;*/
/*border-top: 1px none;*/
display: block;
}
.movit {
}
.mootabs_title a, .mootabs_title a link, .mootabs_title a visited, .mootabs_title a:hover, .mootabs_title a:active {text-decoration:none;}
/* -------------------------------------- */
/* main nav stuff */
#topNav ul { margin: 110px 8px 0 0; padding: 0px; float: right; font-family:arial, helvetica !importantf; font-weight:bold;}
#topNav ul li { float: left; list-style: none; margin-left: 10px; padding-bottom: 10px; position: relative; top: 0; left: 0; }
#topNav ul li a { font-size: 15px; padding: 10px 0 5px 0; float: left; line-height: 19px; border-bottom:4px solid #ccc; text-decoration:none;}
#topNav ul li ul li:hover { background-color: #d0d0d0; text-decoration: none; }
#topNav ul li:hover ul { display: block; }
#topNav ul li:hover ul li { display:block; width:100%; }
#topNav ul ul { background-color: #e0e0e0; position: absolute; left: 0; top: 40px; display: none; margin: 0 auto; width: 150px; overflow:hidden; }
#topNav ul li ul li { display: block; margin: 0; padding: 4px 0 6px 10px; overflow:hidden; border-bottom:1px solid #fafafa}
#topNav ul li ul li a { background-color: transparent !important; display: block; white-space: nowrap; padding: 0; border:none; font-size:13px;}
#topNav ul li ul li a:hover { text-decoration: none; }
#topNav li.about ul { left:-89px; }
/* -------------------------------------- */
/* */
a.back_to_home {display:block; padding:65px 230px; position:absolute; top:50px; }
/* -------------------------------------- */
/* */
#comments_community td.pic {width:60px !important; padding-bottom:10px;}
#comments_community td.title { width:310px !important; font-size:11px;}
#comments_community td.title h3, #comments_community td.titleW h3 {font-weight:bold; font-size:15px; border:none; padding:5px 0 7px 0; margin:0;}
#comments_community td.titleW { width:370px !important; font-size:11px; padding-bottom:10px;}
#comments_community td.title span, #comments_community td.titleW span {font-size:11px; font-weight:normal;}
#comments_community td.post_count {width:115px !important; border-left:1px solid #eee; font-size:9px !important; color:#798189; background-color:#fafafa;}
#comments_community td.post_count img {border:2px solid #ccc;}
#comments_community td {vertical-align:top; font-size:11px; padding:3px; border-bottom:1px solid #E5EEF7; }
#comments_community td a {font-size:11px;}
#comments_community td.title a, #comments_community td.titleW a {font-size:15px;text-decoration:none;line-height:18px;}
#comments_community tr {padding:5px 0 5px 0; }
#comments_community div.pic {width:50px; height:50px; overflow:hidden; border:3px solid #aec7dd;}
td.community_record_date {border-top:1px solid #92abc9; background-color:#d7e5f0; padding:1px 5px !important; font-size:10px !important; color:#636363;}
tr.community_record_divider {padding:0; margin:0; }
tr.community_record_divider td {background-color:#e8ecef; padding:0; height:1px !important; overflow:none; border-top:1px solid #ddd;}
img.pic {border:3px solid #aec7dd; }
input.checkbox {*border:none; *background-color:#transparent;}
/* community comments page */
.hidepage, .hideprod {
visibility:visible; position:relative;
}
/* main.tpl comments (recent) */
.pcomments {
height:0px;
width:0px;
/*display:none;*/
overflow:hidden;
font-size:10px;
padding:0;
}
/* on comments_community page... at least */
.ulheader {
/* height:32px; */
/* line-height:32px; */
/* font-family:"Lucida Grande",lucida,Helvetica,Arial,sans-serif; */
font-size:11px;
text-transform:capitalize;
color:#222;
border-top:1px solid #30618C;
border-bottom:2px solid #587FA6;
background-color: #dfe8f1;
padding:6px;
}
.nudgeup {margin-top:-3px;}
hr.ruled { border:none; background-color:#C8D7E2; height:1px; }
/* --------------------------------- */
/* product spotlight */
.prod_spotlight_mask { position:relative; width:690px !important; height:275px; border:10px solid #CCC; padding:15px 0; overflow:hidden; }
#prod_spotlight { position:absolute; }
#prod_spotlight h2 {margin-top:5px !important;}
#prod_spotlight div.recent_row { width:660px; margin:0 20px 20px 15px; float:left; }
#prod_spotlight div.recent_row h3 { display:none;}
#prod_spotlight .nextprev { text-align:left }
#prod_spotlight .prev, .nextprev .prev { float:left }
#prod_spotlight .next, .nextprev .next { float:right }
.prod_spotlight .nextprev {
display:block;
padding:5px 10px;
margin:10px 0 5px 0;
text-align:center;
clear:both;
height:20px;
background-color:#fff;
border-top:4px solid #ddd;
}
/* --------------------------------- */
/* recently added stuff */
.recently_added_mask { position:relative; width:700px; height:380px; overflow:hidden; }
.nextprev span { display:block; cursor:pointer; width:98px; background:transparent url('http://jj2.icglink.net/images/input_btns.gif') no-repeat left -58px; *background-position: left -59px; overflow:visible; border:none; padding:9px 0 0 0; *padding:6px 0 4px 0; height:19px; line-height:10px; vertical-align:top; color:#b4c0cb; font-weight:bold !important; font-size:11px; *font-size:12px; font-family:arial;text-transform: uppercase;text-decoration:none; color:#b4c0cb; text-align:center;}
.nextprev span.active, .nextprev span:hover {background-position:left -85px; *background-position: left -86px; border:none; color:#fff;}
#recently_added_box { position:absolute; }
#recently_added_box div.recent_row { width:700px; margin:0 20px 20px 0; float:left; }
#recently_added_box div.recent_row h3 { display:none;}
#recently_added_box .nextprev { text-align:left }
#recently_added_box .prev, .nextprev .prev { float:left }
#recently_added_box .next, .nextprev .next { float:right }
.nextprev .next2 { float:left; margin:0 10px; }
p.page_count_links {float:left:padding:0; width: auto; margin:-22px 0 5px 225px; background:transparent; text-align:left; border-left:1px solid #ccc !important; }
p.nobg {background-color:transparent;}
.recentlyDiv .nextprev {
display:block;
padding:5px 232px;
margin:0 0 5px 0;
text-align:center;
clear:both;
height:20px;
background-color:#fff;
border-top:4px solid #ddd;
}
.recentlyDiv .recently_added_mask { border-bottom:1px solid #ccc; }
div.recently_added_stuff {float:left;width:145px;height:145px;overflow:hidden;margin-bottom:25px;}
div.recently_added_stuff a, div.recently_added_stuff a:link, div.recently_added_stuff a:visited {display:block;border:10px solid #CCC;width:125px;height:125px;overflow:hidden;text-decoration:none;}
div.recently_added_stuff a:hover, div.recently_added_stuff a:active {border:10px solid #d0e6fa; }
/* --------------------------------- */
/* admin dashboard stuff */
div.orderitems {display:none;}
div.dashnav { border-bottom:3px solid #c8d7e2; color:#ccc; /* overflow:hidden; */ /* height:24px; */ height:auto;}
div.dashnav a, div.dashnav a:link, div.dashnav a:visited {font-weight:bold; display:block; float:left; border:1px solid #c8d7e2; border-bottom:none; background-color:#30618c; color:#dfe8f1; padding:4px 8px; *padding:2px 8px 5px 8px; margin:0 2px 3px 0; text-decoration:none; }
div.dashnav a:hover, div.dashnav a:active {background-color:#1c67ab; color:#fff;}
th {text-align:left;}
input.text { border:1px solid #ccc; padding:2px; }
.nudgeup {margin-top:-5px; *margin-top:-2px;}
div.bluebar {background-color:#dfe8f1;padding:5px 0;border-bottom:2px solid #597eaa; border-top:2px solid #597eaa;margin:10px 0;}
div.bluebar h2 { margin:0 0 5px 0; font-size:14px; border:none; border-bottom:1px solid #c8d7e2;}
div.accordion {border-bottom:1px solid #c8d7e2; color:#555;}
.alt2, .altB {background-color:#c4d6e5;}
.alt2 {background:transparent url('images/bg_gray.png');}
table.tdbordered td {border-bottom:1px solid #c8d7e2;}
table.tdbordered th {border-bottom:1px solid #597eaa;border-top:1px solid #597eaa; background-color:#afc8de;}
hr.ruled {padding:0; height:1px; border:0; border-top:1px solid #597eaa;}
.cleardiv {clear:both; padding:0; margin:0 auto; height:1px; overflow:hidden;}
select {font-size:10px; border:none; background-color:#afc8de; border:1px solid #597eaa; }
option { padding:1px; border-bottom:1px solid #ccc; background-color:#eff5fa;}
.order { cursor:pointer;cursor:hand; }
.order_sections {
padding:0 !important;
background-color:#dfe8f1;padding:4px;border-bottom:2px solid #597eaa; margin:10px 0;
font-weight:bold;
margin:0 auto;
height:24px;
overflow:hidden;
}
.order_sections div { padding:3px 2px 5px 2px; }
.fc { float:left;text-align:center;overflow:hidden;padding:0 2px; }
.fr { float:left;text-align:right;overflow:hidden;padding-right:4px; }
.fl { float:left;text-align:left;overflow:hidden;padding-left:4px; }
.orderitems {
margin:0 0 10px 0;
padding:5px;
border-top:1px solid #c8d7e2;
border-bottom:3px solid #c8d7e2;
background-color:#d3e1ee;
}
.toggler { height:20px; line-height:20px; }
.toggler:hover { color:#000; background-color:#CCC; }
/* wow, this is like teh war and peace of style sheets, no? :) */
ol.blogposts {
margin:0px;
padding:0 15px;
list-style-type:disc;
}
ol.blogposts li {
font-size:10px;
margin:0 0 10px 0;
}
ol.blogposts li a {
text-decoration:none;
}
ol.blogposts li a:hover {
color:#00C;
}
ol.blogposts li.bpdate {
margin:5px 0 0 -15px; list-style-type:none; color:#000;
}