 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
 :focus {outline: 0}
body {line-height: 1; color: black; background: white}
ol, ul {list-style: none}
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
  body {overflow: auto}
.clear {clear: both; height: 1px; margin-top: -1px}
#logo a {text-decoration: none}
#intro {display: none}
h3.not_a_member {font-size: 120%; text-align: center; padding: 10px}
.alert {padding: 5px; border: 1px dotted #bdbdbd; background-color: #f7ffc0; margin-top: 20px; margin-bottom: 20px; font-size: 18px; line-height: 18px}
 .column_wrapper {padding: 10px; min-height: 25px}
.column_wrapper img {max-width: 100%; max-height: 100%}
  #feedback {font: 11px "Lucida Grande", Lucida, Verdana, sans-serif; color: #000}
#feedback .new_ticket {background-color: #f5f5f5; width: 450px; margin: auto; padding: 10px; border: 1px solid #bababa}
#feedback fieldset {border-style: none; padding: 0; margin: 0}
#feedback fieldset legend {display: none}
#feedback fieldset ol {padding: 0; margin: 0}
#feedback fieldset ol li {padding: 0; margin: 0 8px 0 0; list-style-type: none}
#feedback label {display: block}
#feedback .text input, #feedback .text textarea {width: 100%; padding: 3px; border: 1px solid #b2b2b2}
#feedback .text textarea {height: 150px}
  .notice-wrap {position: fixed; top: 20px; right: 20px; z-index: 11}
*html .notice-wrap {position: absolute}
.notice-item {background: #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 25px 5px 5px; border: 2px solid #999; display: block; position: relative; margin: 0 0 12px 0; color: #fff}
.notice-item.error {background-color: #710909; color: #fbea22}
.notice-item.notice {background-color: #383838; color: #e4e4e4}
.notice-item.warning {background-color: #303030; color: #fced86}
.notice-item-close {position: absolute; right: 10px; top: 15px; cursor: pointer; display: block; width: 20px; height: 20px; text-indent: -999999px; outline: 0 none; background: url(/images/icons/cross.png) no-repeat center center}
.notice .notice-item-close {background: url(/images/icons/tick.png) no-repeat center center}
.warning .notice-item-close {background: url(/images/icons/error.png) no-repeat center center}
.notice-item p {padding: 10px; font: 16px/18px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff}
  .support_main {width: 70%; float: left}
.support_sidebar {width: 30%; float: right}
.support_main_wrapper {padding: 10px}
.support_sidebar_wrapper {padding: 20px}
.support_sidebar h3 a {font-size: 200%; line-height: 100%; padding-bottom: 5px; display: block; text-decoration: none; font-weight: bold}
.support_sidebar ul li a {padding-bottom: 5px; padding-top: 5px; padding-left: 20px; display: block; background: url(/images/icons/help.png) no-repeat left center; text-decoration: none; font-size: 16px; line-height: 20px}
 .chat_window {padding: 5px; background-color: #eee; position: fixed; top: 0; left: 0; right: 0; border-bottom: 1px solid #a4a4a4; height: 31px}
.chat_window fieldset {display: block; padding: 0; margin: 0; background-color: transparent; border-style: none}
.chat_window .text {margin-right: 40px; padding-top: 0; padding-bottom: 0; border-style: none}
form .chat_window .text input {margin-bottom: 0; margin-top: 0; background-color: #eaeaea; color: #242424; position: relative}
form .chat_window .text input:focus {background-color: #fff; color: #000}
form .chat_window .text input[disabled='disabled'] {background-color: #e3e3e3; color: #9c9c9c; border-color: #fff}
.chat_window .buttons {display: block; position: absolute; right: 0; padding: 0; top: 0; float: right; width: 40px; height: 40px}
.chat_window .buttons input {background-color: #eee; margin: 0; display: block; position: relative; padding: 0; top: 5px; right: 5px}
.chat_window .buttons #chat_loading {position: relative; top: 10px; right: 10px; float: right}
#support_log {background-color: #c0c0c0; position: fixed; top: 42px; bottom: 0; left: 0; right: 0; overflow: auto; padding: 0 5px 5px}
#support_log li {display: block; padding: 5px 5px 5px 25px; list-style-type: none; font-size: 14px; line-height: 18px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #999; margin-top: 5px}
#support_log li.client {background: #fff url(/images/icons/user_comment.png) no-repeat 5px 6px; color: #3c3c3c}
#support_log li.support_rep {background: #e3e3e3 url(/images/icons/user_gray.png) no-repeat 3px 5px; color: #000; border-color: #909090; border-width: 2px; padding: 4px 4px 4px 24px}
#support_log li.system_message {background: #4e4e4e url(/images/icons/error.png) no-repeat 5px 6px; color: #f7da20}
   .calendar_date {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d8d8d8; width: 4em; height: 4em; padding: 1px; background-color: #adadad}
.calendar_date_month {display: block; background-color: #af170e; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; color: #fff; font-weight: normal; font-style: normal; text-transform: uppercase; padding: .25em; line-height: 100%; font-size: .75em}
.calendar_date_day {-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; text-decoration: none; color: #000; background-color: #fff; display: block; text-align: center; padding: 5px; line-height: 100%; font-size: 2.25em}
.calendar_datetime {width: 10em; height: 4em; padding: 1px}
.calendar_datetime .calendar_date {float: right}
.calendar_time {font-size: 1.5em; line-height: 3em}
.calendar_time .am_pm {font-size: 50%}
  .screen_overlay {background-color: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8; z-index: 10}
#overlay_loading {position: fixed; top: 50%; right: 50%; bottom: 50%; left: 50%}
#saving {color: #fff; top: 0; right: 0; bottom: 0; left: 0; position: fixed; z-index: 999999999999}
.save_bg {background-color: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.3}
.save_wrap {position: relative; z-index: 2; text-align: center; padding-top: 250px; font: bold 30px/40px GillSans-Light, "Gill Sans Light", "Gill Sans", Arial, Helvetica, Geneva, sans-serif; color: #ffed00; text-shadow: #000 0 0 3px}
.save_wrap img {position: relative; top: 5px}
  #site_login_options {}
.tab_button {padding-left: 5px}
form {padding: 0; margin: 0}
form fieldset {padding: 10px; margin-bottom: 10px; margin-top: 10px}
.gadget form fieldset {padding: 0; margin: 0}
form fieldset legend {font-size: 120%; font-weight: bold}
form fieldset ol {list-style-type: none; margin: 0; padding: 0}
form fieldset ol li {padding-top: 5px; padding-bottom: 5px}
form label {display: block; font-size: 12px}
form .checkbox {position: relative}
form .checkbox label {position: absolute; line-height: 1em; font-size: 1em; padding: 0; margin: 0; top: .25em; left: 1.25em}
form .form_title {clear: both}
form .theme {width: 200px}
form .checkbox input {float: left; position: relative; top: 0; left: 0; font-size: 1em; line-height: 1em; margin: 0; padding: 0}
form .text {padding-right: 12px}
form .text input {border: 1px solid #c1c1c1; background-color: #fbfbfb; font-size: 120%; width: 100%; padding: 5px}
form .text textarea {padding: 5px; border: 1px solid #c1c1c1; background-color: #fbfbfb; width: 100%; line-height: 1.5em; font-size: 12px; height: 200px}
form .text textarea.expanding {height: 14px}
form .select select {padding: 5px; border: 1px solid #c1c1c1; background-color: #fbfbfb; font-size: 120%; width: 100%}
.firefox form .select select {padding-bottom: 4px; padding-top: 4px}
.safari form .select select {padding: 0; line-height: 19px; margin-top: 6px}
div.fieldWithErrors {}
div.fieldWithErrors label {}
form .text .fieldWithErrors input, form .select .fieldWithErrors select, form .text .fieldWithErrors textarea {background-color: #980000; color: #fff}
div.errorExplanation h2 {display: none}
div.errorExplanation p {color: #f7d97c; padding: 5px}
.errorExplanation ul {padding-left: 5px; padding-right: 5px}
div.errorExplanation ul li {background: url(../images/icons/error.png) no-repeat left center; display: block; padding: 5px 5px 5px 20px; font-weight: bold}
div.errorExplanation {padding: 10px; margin: 25px; background-color: #861000; border: 3px solid #000; color: #fff}
#flash-notice {padding: 25px 25px 25px 45px; color: #000; background: #fff url(../images/icons/note.png) no-repeat 25px 25px; font: 14px "Lucida Grande", Lucida, Verdana, sans-serif}
#flash-error {padding: 25px 25px 25px 45px; color: #fff; background: #861000 url(../images/icons/error.png) no-repeat 25px 25px; font: 14px "Lucida Grande", Lucida, Verdana, sans-serif}
 .authentication_actions.half_page {float: left; width: 50%}
.authentication_actions form {padding: 10px; margin: 0}
.authentication_actions fieldset {padding: 0; margin: 0}
#new_user_form.half_page {float: right}
  .buttons.standard {padding-top: 20px; position: relative; float: left; width: 100%}
.buttons.standard input, .buttons.standard a {background-color: #afafaf; margin: 0; padding: 20px; color: #6e6e6e; display: block; float: left; text-decoration: none; font: normal bold 20px/20px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; -webkit-border-radius:20px; -moz-border-radius:20px; box-shadow:0 0 3px #757575; -moz-box-shadow:0 0 3px #757575; -webkit-box-shadow:0 0 3px #757575; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, rgb(200,200,200)), color-stop(0.62, rgb(225,225,225)) ); background-image: -moz-linear-gradient( center bottom, rgb(200,200,200) 32%, rgb(225,225,225) 62% ); border: 1px solid #fffeff; text-shadow: #fff 0 0 2px}
.buttons.standard input:hover, .buttons.standard a:hover {background-color: #d9d9d9; color: #000; box-shadow:0 0 1px #afafaf; -moz-box-shadow:inset 0 0 1px #afafaf; -webkit-box-shadow:inset 0 0 1px #afafaf; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, rgb(225,225,225)), color-stop(0.62, rgb(250,250,250)) ); background-image: -moz-linear-gradient( center bottom, rgb(225,225,225) 32%, rgb(250,250,250) 62% )}
.buttons.standard input:active, .buttons.standard a:active {background-color: #afafaf; color: #000; box-shadow:inset 0 0 3px #757575; -moz-box-shadow:inset 0 0 3px #757575; -webkit-box-shadow:inset 0 0 3px #757575; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, rgb(175,175,175)), color-stop(0.62, rgb(200,200,200)) ); background-image: -moz-linear-gradient( center bottom, rgb(175,175,175) 32%, rgb(200,200,200) 62% )}
.buttons.standard input, .buttons.standard a.checkout {float: right; background-color: #0060fc; color: #fff; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, rgb(0,98,255)), color-stop(0.62, rgb(94,158,255)) ); background-image: -moz-linear-gradient( center bottom, rgb(0,98,255) 32%, rgb(94,158,255) 62% ); border: 1px solid #33a7ff; border-top-color: #2865ff; text-shadow: #007bd0 0 0 2px}
.buttons.standard input:hover, .buttons.standard a.checkout:hover {background-color: #0041b5; color: #fff; box-shadow:0 0 2px #afafaf; -moz-box-shadow:inset 0 0 2px #afafaf; -webkit-box-shadow:inset 0 0 2px #afafaf; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, rgb(0,76,189)), color-stop(0.62, rgb(0,98,255)) ); background-image: -moz-linear-gradient( center bottom, rgb(0,76,189) 32%, rgb(0,98,255) 62% ); color: #fff}
.buttons.standard input:active, .buttons.standard a.checkout:active {background-color: #0060fc; color: #fff; box-shadow:inset 0 0 3px #0041b5; -moz-box-shadow:inset 0 0 3px #0041b5; -webkit-box-shadow:inset 0 0 3px #0041b5; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, rgb(0,98,255)), color-stop(0.62, rgb(94,158,255)) ); background-image: -moz-linear-gradient( center bottom, rgb(0,98,255) 32%, rgb(94,158,255) 62% ); color: #fff}
}
  .checkout_form, #reprocess_card_form {padding: 20px}
.checkout_form fieldset {padding: 0; margin-bottom: 20px}
.checkout_form legend {display: block; width: 100%; padding: 0}
.checkout_form .fieldset_details_header {display: block}
.checkout_form .lgfs .fieldset_details_header {}
.checkout_form .fieldset_details_header h3 {font-size: 20px; font-weight: normal; font-style: normal}
.checkout_form .fieldset_details_header p {display: none}
.checkout_form ol {display: block; width: 100%; float: left}
.checkout_form li.bottom_fill {display: none}
.checkout_form .descriptive_img {display: none}
.checkout_form form div.acceptance_details_fieldset.lgfs fieldset legend div.large_fieldset.fieldset_details_header {height: 50px}
.checkout_form .text input, .checkout_form .select select {background-color: #fff; color: #4a4a4a; font-size: 14px; line-height: 16px}
.checkout_form .text .field_error input {background-color: #6d1209; color: #f1ec22; border-color: #f9ea22}
.text input.required {color: #000; border-color: #8c8c8c; background: #fbfff4 url(/images/icons/required.png) no-repeat right center}
.text textarea.required {color: #000; border-color: #8c8c8c; background: #fbfff4 none no-repeat right 90%}
.select select.required {color: #000; border-color: #000; background: #fff url(/images/icons/required_select.png) no-repeat right center}
.text input.valid {color: #008700; border-color: #008700; background: #dfffdc url(/images/icons/valid.png) no-repeat right center}
.text textarea.valid {color: #008700; border-color: #008700; background: #dfffdc none no-repeat right 90%}
.select select.valid {color: #008700; border-color: #008700; background: #dfffdc url(/images/icons/valid_select.png) no-repeat right center}
.text input.error {color: #6d1209; border-color: #6d1209; background: #fdfea0 url(/images/icons/invalid.png) no-repeat right center}
.text textarea.error {color: #6d1209; border-color: #6d1209; background: #fdfea0 none no-repeat right 90%}
.select select.error {color: #6d1209; border-color: #6d1209; background: #fdfea0 url(/images/icons/invalid_select.png) no-repeat right center}
.text input:focus, .select select:active, .select select:focus {background-color: #fcffcb; color: #000}
.checkout_form .intro {font-size: 15px; padding-top: 10px; padding-bottom: 10px}
.checkout_form .cancel_link {width: 417px; float: left; clear: left}
.checkout_form .signup_link {width: 417px; float: right; text-align: right}
.checkout_form .error_message {position: absolute; top: 0; color: #9a2c0d; width: 100px; background-color: #fff; border-style: dotted; border-width: 1px; display: block; padding: 4px; font-size: 14px; line-height: 14px; left: -100px; text-align: center}
.checkout_form li.agreement_terms {background-color: transparent; background-image: none; border-top-style: none}
.checkout_form li.agreement_terms h4 {font-size: 18px; font-weight: normal; font-style: normal; line-height: 23px; text-align: center; padding-top: 5px}
.checkout_form li.agreement_terms h4 strong {font-size: 30px; font-weight: bold}
.checkout_form ol.buttons {border-top-style: none}
.checkout_form ol.use_same_address {border-top-style: none; float: right; width: 300px; padding: 0; font-style: italic}
.checkout_form ol.use_same_address li {border-top: none; border-bottom: none; height: auto; position: relative; padding: 0; background-image: none; background-color: transparent; margin-left: 15px}
.checkout_form ol.use_same_address li input {float: left; padding: 0; margin: 0}
.checkout_form ol.use_same_address li label {margin-left: 20px; font-size: 14px; line-height: 12px}
 .address_fieldset {width: 50%; float: left}
.billing_address {clear: both}
.shipping_address {width: 50%}
.address_fieldset fieldset {padding: 0 6px; border: 1px solid #dedede; margin-left: 10px}
.billing_address fieldset {margin-left: 0}
#cart_review {width: 50%; float: left}
.cart_review_wrap {padding: 0 10px 10px}
.credit_card_details_fieldset {width: 50%; float: right}
.credit_card_details_fieldset.wide {width: 100%; float: none}
.credit_card_details_fieldset fieldset {padding: 0 6px; border: 1px solid #dedede; margin-left: 10px}
#reprocess_card_form .credit_card_details_fieldset fieldset {padding: 0 6px; border: 1px solid #dedede; margin-right: 0px}
.half_split {width: 50%; float: left}
.half_split.first_half {width: 49%; float: left; clear: both}
.half_split.second_half {width: 49%; float: right}
.third_split {width: 32%; float: left}
.third_split.first_third {float: left; margin-right: 2%}
.third_split.second_third {float: left; margin-right: 2%}
.third_split.last_third {float: right}
#credit_card_accepted_types {padding-top: 10px; padding-bottom: 10px}
#credit_card_accepted_types img {margin-right: 10px}
#credit_card_accepted_types.selected img {opacity: 0.25}
#credit_card_accepted_types.selected img.active {opacity: 1}
    h1 {font-size: 250%}
h2 {font-size: 200%}
.textile {position: relative}
.textile ol {padding-left: 30px; padding-bottom: 10px; padding-top: 5px}
.textile ol li {line-height: 1.5em; list-style-type: decimal; list-style-position: outside; padding-bottom: 3px; padding-top: 3px}
.textile ul {padding-left: 30px; padding-bottom: 10px; padding-top: 5px}
.textile ul li {line-height: 1.5em; list-style-type: disc; list-style-position: outside; padding-bottom: 3px; padding-top: 3px}
.textile strong {font-weight: bold}
.textile em {font-style: italic}
.gadget {padding: 10px}
.textile p {line-height: 1.5em; padding-top: 5px; padding-bottom: 10px}
.textile h1 {font-size: 175%; font-weight: bold}
.textile h2 {font-size: 160%}
.textile h3 {font-size: 140%}
.textile h4 {font-weight: bold; font-size: 125%}
.textile h5 {font-size: 115%}
.textile h6 {font-size: 105%; font-weight: bold}
.textile img.light_border {padding: 5px; background-color: #fff; border: 1px solid #d2d2d2}
.textile img.right {float: right; margin-top: 10px; margin-left: 10px; margin-bottom: 10px}
.textile img.left {float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 10px}
.textile pre {width: 100%; display: block; overflow: auto; background-color: rgba(0,0,0,0.8); margin: 0}
.textile pre code {display: block; color: #fff; padding: 0; margin: 0 0 0 20px}
  .pagination {text-align: center}
.pagination a {padding-right: .2em; padding-left: .2em}
.pagination .disabled {opacity: 0.5}
.pagination .prev_page {float: left}
.pagination .next_page {float: right}
  .system_dialog {padding-top: 100px; margin-right: auto; margin-left: auto; width: 500px}
.system_dialog .status {display: block; float: right; opacity: 0.1; margin-left: -3em; font-weight: normal; font-size: 200px; font-style: normal}
.system_dialog h1 {font-size: 140%; font-weight: bold; color: #b70f0f; margin: 0; padding: 40px 0 5px}
.system_dialog p {margin: 0; padding: 0; font-size: 100%}
      .product_description {width: 70%; float: left}
.product_description .product {padding: 10px}
.column_wrapper #variants {border: 3px solid #d4d4d4; background-color: #f6f6f6; margin-left: 70%}
.column_wrapper .variants_wrapper {float: left; width: 100%}
.column_wrapper #variants .variant {clear: both; float: left; width: 100%}
.column_wrapper h3.variant_title {font-size: 20px; line-height: 20px; border-bottom: 1px solid #d4d4d4; padding: 10px}
ul.pricing_and_buy {background-color: #fff; display: block; float: left; border-bottom: 1px solid #cdcdcd; border-top: 1px solid #e6e6e6; width: 100%; margin-bottom: -2px}
ul.pricing_and_buy li span {display: block; font-size: 12px}
ul.pricing_and_buy li span.pbn {display: block; font-size: 16px; line-height: 16px}
ul.pricing_and_buy .price {color: #005c00}
ul.pricing_and_buy .compare_at_price {color: #999}
ul.pricing_and_buy .compare_at_price .pbn {text-decoration: line-through}
ul.pricing_and_buy .savings {color: #b30000}
ul.pricing_and_buy li {display: block; float: left; width: 21%; padding: 2%}
ul.pricing_and_buy li.addtomycartlink {float: right}
ul.pricing_and_buy li.addtomycartlink a {overflow: hidden; height: 28px; display: block}
   #ad_article_bottom_left {width: 300px; height: 250px;  float: left; position: relative; margin-bottom: 10px}
#ad_article_bottom_right {width: 250px; height: 250px;  float: right; position: relative; margin-bottom: 10px}
#ad_article_sidebar_top {width: 300px; height: 250px;  }
#ad_article_sidebar_mid_left {width: 160px; height: 600px;  float: left}
#ad_article_sidebar_mid_right {width: 120px; height: 600px;  float: right}
  .journal_archives {}
h1.archive_year {padding: 0.5em; text-align: center}
.journal_archives .month {padding: 20px}
.journal_archives .month h3 {font-size: 120%; text-align: right; width: 6em; float: left; padding-top: 0.4em}
.journal_archives .month h4 {margin-left: 10em}
.journal_archives .month h4 a {display: block; padding: 0.5em}
.journal_years {display: block; clear: both; padding: 3em}
.journal_years li {display: block; float: left; width: 30%; text-align: center; font-size: 130%}
.journal_years li.current_year {width: 40%; font-size: 150%}
 #archive {width: 210px; float: right; padding: 20px}
.article_header {padding: 20px 20px 0}
.article_header h1 {display: inline; font-size: 2.25em; line-height: 1em}
.article_header h2 {display: inline; padding-left: 10px; font-size: 1em; font-variant: small-caps}
.article_header h2 strong {font-weight: normal; font-style: normal; font-size: 1.25em; font-variant: normal}
h2.article_title {text-overflow: ellipsis; display: block}
.article_published_at {float: right; font-size: 14px; margin-top: -2px}
.article_published_at .calendar_date_day {padding-bottom: 4px}
.article_preview .article_thumb_image {float: right; margin-bottom: 10px; border: 4px solid #cecece; margin-left: 10px}
a.article_read_more_link {display: block; text-align: right; float: right}
a.article_comments_link {float: left; display: block; clear: both}
#articles_index {padding: 20px}
#articles_index h2.page_title {padding-bottom: 20px; text-align: center}
#articles_list {padding-top: 10px; padding-bottom: 10px}
a.article_comments_link, a.article_read_more_link {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #b0b0b0; padding: 5px; font-size: 15px; text-decoration: none; color: #000; background-color: #ddd; line-height: 15px}
a.article_comments_link:hover, a.article_read_more_link:hover {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #bbb; padding: 5px; font-size: 15px; text-decoration: none; color: #515151; background-color: #c8c8c8; line-height: 15px}
a.article_comments_link:active, a.article_read_more_link:active {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #343434; padding: 5px; font-size: 15px; text-decoration: none; color: #141414; background-color: #a5a5a5; line-height: 15px}
 .article_sidebar {width: 320px; float: right; background-color: #fff; margin-left: 10px; margin-bottom: 10px}
.article_sidebar h3 {font-size: 130%; padding-top: 20px}
.article_sidebar img {padding: 0; margin: 0; border-style: none; display: block}
.article_sidebar_wrapper {padding: 10px}
.article_sidebar .tag_list a {display: inline-block; background: url(../images/icons/tag_blue.png) no-repeat left center; padding: 5px 5px 5px 20px}
.article_images .main_image_wrap {padding: 5px}
.article_images .sub_image {padding: 5px; float: left; width: 90px}
.article_images .main_image_wrap, .article_images .sub_image {background-color: #e8e8e8}
.article_images .main_image_wrap:hover, .article_images .sub_image:hover {background-color: #c8c8c8}
.article_images .main_image_wrap img {width: 100%}
.article_images .sub_image img {width: 100%}
.article_sidebar .small_article_preview a {display: block; padding: 5px 5px 5px 20px; background: url(../images/icons/newspaper_go.png) no-repeat 0 center}
 .retweet {float: right; text-align: center}
.retweet .retweet_count {border: 1px solid #c9c9c9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e2e2e2; color: #000; display: block; padding: 3px 5px; font-size: 12px; line-height: 8px}
.retweet .tweetcount {font-size: 16px; line-height: 10px; display: block}
.retweet .retweet_link {padding-top: 2px; display: block; background: url(../images/rt_button_fill.gif) no-repeat 10px 0; margin-top: -1px}
.retweet .retweet_button {display: block; border: 1px solid #71ab28; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #87c636; color: #fff; margin-top: 5px; text-decoration: none; padding: 3px 5px; text-transform: lowercase; line-height: 6px; font-size: 12px}
.retweet .retweet_button:hover {background-color: #fff; color: #71ab28}
 .full_article_wrapper {width: 100%; float: left}
.full_article {padding: 0 20px 20px; margin-right: 320px}
.full_article p {line-height: 1.5em; padding-top: 5px; padding-bottom: 15px; text-align: justify}
#article_comments {padding: 20px; margin-right: 320px}
.comments_wrapper {width: 100%; float: left}
.comment_details {padding-top: 10px}
.comment .textile {border: 1px solid #9d9d9d; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; color: #000; clear: both; padding: 5px 10px 0; margin-bottom: 10px}
.edit_comment_form fieldset {border: 1px solid #9d9d9d; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; color: #000; clear: both; margin-bottom: 10px; padding: 0 10px 10px; margin-top: 10px}
.comment h4.commenter {float: left; padding-left: 10px; padding-right: 10px}
h2.comments_header {padding-bottom: 10px}
form.new_comment fieldset {padding: 0 10px 10px; border: 1px solid #9d9d9d; margin-top: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff}
.article_preview {padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; cursor: pointer; clear: both}
.article_details {font-size: 12px; line-height: 30px; padding-bottom: 10px}
.article_full a, .article_preview .textile a {padding-left: 20px; background: url(../images/icons/world_link.png) no-repeat}
h3.no_comments {border: 1px solid #9d9d9d; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; color: #000; clear: both; padding: 10px; text-align: center; font-size: 125%}
h3.login_or_signup {padding: 20px; font-size: 125%; text-align: center}
h3.comments_loading {border: 1px solid #9d9d9d; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; color: #000; clear: both; padding: 10px; text-align: center; font-size: 125%}
h3.comments_loading img {margin-top: -10px; margin-bottom: -10px; margin-left: -50px; margin-right: 20px}
input#comment_submit {margin: 0; border-width: 0; border-style: none; background-color: transparent; display: block; text-align: center; width: 100%; padding: 5px 0; font-size: 1.05em}
input#comment_submit:hover {background-color: rgba(0,0,0,0.1); cursor: pointer}
#new_comment_form .buttons {}
    .articles_listing {}
   .driving_widget {}
.driving_widget .fromAddress_border, .driving_widget .directions_border {width: 40%; float: right; clear: right}
.driving_widget .fromAddress_border_wrapper {margin: 0; padding: 0 5px}
.driving_widget .fromAddress_border_wrapper .text label {display: none}
.driving_widget .map_border_wrapper {padding: 2px 10px 2px 2px; margin: 0}
.driving_widget .map_border {margin-right: 40%}
#map_canvas {border: 1px solid #afafaf}
   .gadget a.size1 {font-size: 90%}
.gadget a.size2 {font-size: 100%}
.gadget a.size3 {font-size: 110%}
.gadget a.size4 {font-size: 125%}
.gadget a.size5 {font-size: 135%}
.gadget a.size6 {font-size: 150%}
   .gsn_preview {background-color: transparent}
    .choose_plan {}
.choose_plan .plan_wrapper {width: 20%; float: left}
.choose_plan .plan {padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #c8c8c8; overflow: hidden}
.choose_plan a, .choose_plan a:visited {font-weight: normal; font-style: normal; text-decoration: none; color: #000; display: block; margin: 5px; outline: 0 none; background-color: #fff}
.choose_plan a:hover {background-color: #fcfedc; cursor: pointer; color: #4a4c4b; text-decoration: none; font-weight: normal; font-style: normal}
.choose_plan a:active {background-color: #fdfdb0; color: #000; text-decoration: none; font-weight: normal; font-style: normal}
.choose_plan a .name h3 {font-size: 18px; text-decoration: none; font-weight: normal; display: block; padding: 10px; margin: -10px -10px 0; background: #515151 url(../images/dashboard/gradient.png) repeat-x center bottom; color: #fff; font-style: normal; text-align: center}
.choose_plan a:hover .name {background-color: #d2d2d2; color: #fbffc8; text-decoration: none; font-weight: normal; font-style: normal}
.choose_plan a:active .name {background-color: #626262; color: #fff; text-decoration: none; font-weight: normal; font-style: normal}
.choose_plan .intro {height: 50px; display: none}
.choose_plan .intro p {font-size: 12px; line-height: 14px}
.choose_plan .limit {font-size: 11px}
.choose_plan .limit strong {font-size: 16px; vertical-align: 0}
.choose_plan .page_l {background: url(../images/icons/layout_content.png) no-repeat left 2px; padding-left: 20px; margin-top: 10px}
.choose_plan .article_l {background: url(../images/icons/newspaper.png) no-repeat left 2px; padding-left: 20px}
.choose_plan .amount {font-size: 18px; padding-top: 10px; display: block; text-align: right}
.signup_widget .choose_plan {margin-left: -4px; margin-right: -4px}
    #month {float: left; width: 100%}
#month h2 {text-align: center}
#day {width: 100%; float: left}
#change_month {position: relative}
.previous_month a {float: left; width: 16px; display: block; background: url(../images/icons/date_previous.png) no-repeat left center; position: absolute; top: 0; left: 0; bottom: 0}
.next_month a {float: right; width: 16px; display: block; background: url(../images/icons/date_next.png) no-repeat right center; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0}
.previous_month a span, .next_month a span {display: none}
table.calendar {text-align: center; margin-top: 8px; width: 100%; height: 100%; background-color: #fcfcfc; border: 1px solid #dedede; border-bottom-style: none; border-right-style: none}
table.calendar .calendar_day {color: #000; text-decoration: none; width: 100%; min-height: 75px}
table.calendar td a {color: #000; text-decoration: none}
table.calendar thead tr {display: none}
table.calendar thead tr.dayName {display: table-row}
table.calendar thead tr th {background-color: #a9a9a9; border: 1px solid #dedede; border-top-style: none; border-left-style: none; text-align: center; font-size: 12px; line-height: 20px; color: #fff}
table.calendar tr td {vertical-align: top; text-align: left; background-color: #fcfcfc; border: 1px solid #dedede; border-top-style: none; border-left-style: none; width: 14%}
table.calendar td a {display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; line-height: 14px; width: 90%; padding: .5em 5%}
.expanded_day {display: block; padding: 0 10px}
h4.no_events {text-align: center; font-size: 150%; font-weight: normal; font-style: normal; color: #9c9c9c; padding: 8em .5em .5em; margin-bottom: -9em}
.today h4.no_events {color: #9c9c9c}
.today h4.no_events {color: #fff}
table.calendar td .expanded_day a {padding: 0; position: relative; z-index: 3}
table.calendar .specialDay {color: #000; background: #fff url(../images/gradients/clear.png) repeat-x left top}
table.calendar .today {background: #e3e3e3 url(../images/gradients/clear_white.png) repeat-x left top; color: #000}
table.calendar .today a {}
table.calendar .specialDay.today {color: #fff; background: #3488fe url(../images/gradients/clear_white.png) repeat-x left top}
table.calendar .specialDay.today a {color: #fff}
table.calendar .birthday .name a {padding-left: 20px; background: url(../images/icons/cake.png) no-repeat left center; padding-bottom: 5px; padding-top: 5px; font-size: 120%; display: block; float: left; margin-left: 25px; margin-top: 10px}
table.calendar .birthday {}
table.calendar td.otherMonth {padding: .5em; color: #838383}
.calendar-day-view-options {width: 100%; position: relative; z-index: 20; top: 0}
.calendar-day-view-options a {float: right; display: block; padding: 5px; position: relative; z-index: 50}
td.day {}
.invites_list {text-align: center}
.calendar td .mini_day a {padding: 0; margin: 0}
  .events_list a, .events_list a:link, .events_list a:active, .events_list a:hover {text-decoration: none}
.events_list {width: 100%; float: left}
.events_list .event {cursor: pointer; text-decoration: none; clear: both}
.event_date {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #b0b0b0; float: left; width: 50px}
.event_date .event_month {padding: 5px; display: block; background-color: #af170e; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase}
.event_date .event_day {-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; font-size: 30px; text-decoration: none; color: #000; background-color: #fff; line-height: 30px; display: block; text-align: center; padding: 5px; font-weight: bold}
.events_list .event_details {margin-left: 75px}
.events_list h2 {display: inline}
.events_list h3 {display: inline}
   .products_listings a {text-decoration: none}
.products_listings a:hover {text-decoration: none}
.products_listings .product {clear: left}
.products_listings .product_image {float: left}
.products_listings img {width: 50px; height: 50px}
.products_listings .product_description {display: block; padding-top: 10px}
  .text .field_error input {border: 1px solid red; height: 17px; background-color: #b1240f; margin-right: 5px; color: #fcf723}
.field_error label {font-weight: 900}
.required label, label.required {font-weight: 900}
  #gadgets {margin-top: -1px; margin-bottom: -1px}
#page_editor {position: fixed; top: 32px; right: 0; background-color: #1b1b1b; z-index: 8; overflow: auto; left: 0; color: #fff; height: 30px; border-bottom: 2px groove #eaeaea}
#staging_button {width: 100px; height: 36px; display: block; float: right; position: fixed; top: 32px; right: 0; border-bottom: 2px ridge #eaeaea; background-color: #fff; padding: 0; margin: 0}
#staging_button a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; line-height: 50px; font-weight: normal; font-style: normal; text-decoration: none; color: #0d0d0d}
#staging_button a h1 {position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; line-height: 20px; font-weight: normal; font-style: normal; text-decoration: none; color: #0d0d0d; font-size: 20px}
.type_of_snippet {display: none}
.type_of_snippet a, .type_of_snippet a:link, .type_of_snippet a:visited {display: block; float: left; font: 14px/14px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; color: #000; text-decoration: none; padding: 5px; background-color: #cbcbcb; border: 1px solid #5e5e5e; margin-top: 3px; margin-left: 3px}
.type_of_snippet a.active, .type_of_snippet a.active:link, .type_of_snippet a.active:visited {background-color: #5e5e5e; color: #fff}
.snippet_type {overflow: auto}
.snippet_type_title {color: #fff; clear: both; display: none; padding-left: 15px; background: url(../images/icons/bullet_arrow_down.png) no-repeat left 9px; padding-top: 10px; margin-left: 15px; font: 14px/14px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif}
.snippet_type ul {float: left; overflow: hidden; margin: 0; padding: 0; display: block}
.snippet_type li.new_gadget {display: block; float: left; text-align: center; padding: 0 10px; margin: 0; border-right: 1px solid #5c5c5c; font: 14px/30px GillSans-Light, "Gill Sans Light", "Gill Sans", Arial, Helvetica, Geneva, sans-serif}
.snippet_type li.new_gadget:hover {background-color: #000; cursor: move}
.snippet_type li.widget a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #b0b0b0; padding: 5px; text-decoration: none; color: #000; background-color: #ddd; display: block; width: 50px; height: 50px}
#un_used_gadgets .dropzone {display: block; padding: 10px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto}
#un_used_gadgets .bg_text {font-size: 300%; text-align: center; line-height: 300px; opacity: 0.2; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1}
h3.widget_dropzone {padding: 20px; margin: 0; text-align: center; color: #5b5b5b}
#gadgets .column_wrapper {padding: 9px; border: 1px dashed #bbb}
#gadgets .generic_gadget {display: none}
#un_used_gadgets .generic_gadget {display: block; background-color: #515151}
#un_used_gadgets .edit_gadget, #un_used_gadgets .preview_gadget {display: none}
.gadget.ui-draggable {padding: 9px; border: 1px dotted #00a2ff; position: relative}
dropzone.droppable-active {border: 1px dashed #eee}
dropzone.droppable-hover {border: 1px dashed #000; background-color: #fffed2}
.gadget.ui-draggable .edit_gadget {display: none; width: 75px}
.gadget.ui-draggable .edit_gadget a {display: block; float: right; width: 15px; height: 15px; padding: 5px}
.gadget.ui-draggable:hover .edit_gadget {display: block; position: absolute; top: -9px; right: -9px; z-index: 7777}
.gadget.ui-draggable-helper {cursor: none; border-style: none; background: url(/images/icons/shape_handles.png) no-repeat; width: 20px; height: 20px}
.gadget.ui-draggable.ui-draggable-helper {cursor: none; border-style: none; background: url(/images/icons/shape_handles.png) no-repeat; width: 20px; height: 20px}
.ui-draggable-helper .edit_gadget {display: none}
.ui-draggable-helper .preview_gadget {display: none}
.gadget_toolbox {display: table; margin: 0; padding: 0; cellpadding: 0px; cellspacing: 0px}
.gadget_toolbox ul {display: table-row; border-style: none; padding: 0; margin: 0; list-style-type: none}
.gadget_toolbox .widget {height: 36px; display: table-cell; list-style-type: none; text-align: center; vertical-align: middle; margin: 0; padding: 0; border-style: none}
.gadget_toolbox .widget a {background-color: #292929; color: #fff; text-decoration: none; font-size: 14px; line-height: 36px; display: block; height: 36px; border-right: 1px solid #575757; border-left: 1px solid #212121; padding-right: 10px; padding-left: 10px}
.gadget_toolbox .widget a:hover {background-color: #414141; color: #fff}
.gadget_toolbox .widget a:active {background-color: #131313; color: #d1d1d1}
 #gadget_images .image_preview {width: 100px; float: left; margin: 15px}
.ie #dashboard_header {left: 130px}
#dashboard_header h2 {height: 30px; float: left}
.image_preview img {display: block; margin: 0; padding: 0}
.collage {text-align: center}
.simple_slideshow {float: left; width: 100%; position: relative; min-height: 200px; z-index: 1}
.polaroid {padding: 6px; border: 1px solid #BFBFBF; background-color: white; -webkit-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4); -moz-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4); box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4)}
.simple_slideshow img.right {float: right; position: absolute; top: 20px; z-index: 2; -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); transform: rotate(9deg); max-width: 50%; right: 10px}
.simple_slideshow img.left {top: 20px; left: 10px; z-index: 1; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); transform: rotate(-9deg); max-width: 50%; float: left; position: absolute}
.simple_slideshow img.center {margin: auto; display: block; position: relative; z-index: 3; -webkit-transform: rotate(1deg) scale(1); -moz-transform: rotate(1deg) scale(1); transform: rotate(1deg) scale(1); max-width: 75%}
.simple_slideshow img.left:focus, .simple_slideshow img.left:active, .simple_slideshow img.left:hover {z-index: 4; -webkit-transform: rotate(-2deg) scale(1.05); -moz-transform: rotate(-2deg) scale(1.05); transform: rotate(-2deg) scale(1.05)}
.simple_slideshow img.center:focus, .simple_slideshow img.center:active, .simple_slideshow img.center:hover {z-index: 4; -webkit-transform: rotate(4deg) scale(1.05); moz-transform: rotate(4deg) scale(1.05); transform: rotate(4deg) scale(1.05)}
.simple_slideshow img.right:focus, .simple_slideshow img.right:active, .simple_slideshow img.right:hover {z-index: 4; -webkit-transform: rotate(5deg) scale(1.05); -moz-transform: rotate(5deg) scale(1.05); transform: rotate(5deg) scale(1.05)}
  #gadget_bar {background-color: #5c5c5c; display: block; float: left; width: 100%; border-top: 1px solid #4e4e4e; border-bottom: 1px solid #0b0b0b}
#gadget_bar .gcat {display: block; float: left; top: 0; right: 0; bottom: 0; left: 0; font-size: 1em; line-height: 1em; position: relative}
#gadget_bar .gcat a {color: #fff; font-weight: normal; font-style: normal; background: url(../images/dashboard/gradient.png) repeat-x 0 bottom; display: block; padding: 1em; border-right: 1px solid #4c4c4c; border-left: 1px solid #303030; text-shadow: #000 0 0 3px; float: left}
#gadget_bar .gcat_options {top: 3em; margin-top: 1px; clear: both; position: absolute}
#gadget_bar .gcat_options .widget a {background: #888 url(../images/dashboard/gradient.png) repeat-x left bottom; border: 1px solid #3b3b3b; border-top-style: none; display: block; float: none}
   .event_flyer {padding: 10px}
.event_flyer .event_details {width: 350px; float: right; margin: 10px; padding: 10px; border: 1px solid #e7e7e7; position: relative; z-index: 2}
.event_flyer .event_description {position: relative; z-index: 1}
.event_datetime {float: left; width: 50%; text-align: center}
.event_datetime.start .event_date {margin-right: 25px}
.event_datetime.end .event_time {margin-left: 25px}
.event_datetime .event_time {line-height: 64px; font-size: 20px; float: left}
.event_datetime .event_time .am_pm {font-size: 16px}
.event_datetime .event_date {float: right}
    .checkout {padding: 20px}
  .order_history {padding: 10px}
.receipt {padding: 10px}
.receipt h2 {font-weight: normal; font-style: normal}
.receipt h2 strong {font-weight: bold}
  .cart_overview {padding: 20px}
.centered_overlay_wrap {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 18}
.centered_overlay {color: #000; background-color: #fff; padding: 2px; -moz-border-radius: 30px; -moz-box-shadow: 0px 0px 200px #000; -webkit-border-radius: 30px; -webkit-box-shadow: 0px 0px 200px #000; border: 3px solid #e9e9e9; width: 600px; position: relative}
.centered_overlay .inlay {-webkit-box-shadow: 0px 0px 5px #3d3d3d; -webkit-border-radius: 25px; -moz-box-shadow: 0px 0px 5px #3d3d3d; -moz-border-radius: 25px; padding: 10px; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.1, rgb(224,224,224)), color-stop(0.5, rgb(255,255,255)), color-stop(0.9, rgb(224,224,224)) ); background-image: -moz-linear-gradient( center bottom, rgb(224,224,224) 10%, rgb(255,255,255) 50%, rgb(224,224,224) 90% ); margin: 0; border: 1px solid #fdfdfd}
.items_table td, .items_table th {padding: 5px; text-shadow: #a1a1a1 0 0 2px}
.items_table thead th {font-size: 12px; line-height: 12px}
.items_table tfoot th {font-size: 120%}
.items_table .odd td {background-color: #e9e9e9}
.items_table .even td {background-color: #f5f5f5}
.items_table .title {}
.items_table .quantity {text-align: center}
.items_table .price {text-align: right}
.items_table .item_actions {text-align: right; width: 16px; vertical-align: bottom}
.items_table .item_actions a {width: 16px; height: 16px; display: block; padding: 0}
   .body.members {padding-top: 32px; position: relative; z-index: 1; min-width: 780px}
.body.members.editable {padding-top: 64px; position: relative; z-index: 1}
#dashboard_tools {position: fixed; top: 0; right: 0; left: 0; z-index: 8; border-bottom: 2px ridge #eaeaea; height: 30px; background-color: #4c4c4c}
#dashboard_header {position: fixed; top: 0; right: 0; left: 110px; color: #fff; padding: 0; margin: 0; height: 30px; float: left; z-index: 1}
#dasht {position: relative; z-index: 2}
 #dashboard_tools a.dashboard {height: 30px; float: left; display: block; background: url(/images/dashboard/gray_arrow.png) no-repeat right center; color: #fff; font: 14px/30px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; padding-right: 15px; padding-left: 10px; margin-right: -10px; text-decoration: none; width: 100px}
#dashboard_tools a span.tt {height: 30px; display: block; background: url(/images/icons/wrench.png) no-repeat left center; padding-left: 20px; padding-right: 10px}
ul.toolbar {z-index: 3; left: 0; right: 0; margin: 0; padding: 0; background: #414141 url(../images/dashboard/header.png) repeat-x left center; border-top: 1px solid #535353; top: 0; float: left; display: none; clear: both}
#dasht:hover ul.toolbar {display: block}
ul.toolbar a {font: 16px/16px "Gill Sans"; background: #6a6a6a url(../images/dashboard/gradient.png) repeat-x left bottom; color: #fff; text-decoration: none; display: block; border-right: 1px solid #5e5e5e; border-left: 1px solid #353535; text-shadow: #000 0 0 3px; padding: 5px 10px}
ul.toolbar a:hover {background-color: #252525; color: #c8c8c8}
ul.toolbar a:active {background-color: #000; color: #fff}
ul.toolbar li.toolbar_link {display: inline}
ul.toolbar a span.ti, #support_button span {display: block; background: url(../images/icons/link.png) no-repeat left center; padding: 5px 5px 5px 20px}
ul.toolbar #cart_container {float: right}
#support_button span.online {background-image: url(/images/icons/status_online.png)}
#support_button span.offline {background-image: url(/images/icons/status_offline.png)}
#support_button strong {font-size: 80%; padding-left: 10px}
ul.toolbar #cart_container .empty_cart {display: block; background: url(../images/icons/cart.png) no-repeat 5px center; padding: 10px 10px 10px 25px}
ul.toolbar #cart_container .current_cart {display: block; background: url(../images/icons/cart_go.png) no-repeat left center; padding: 5px 5px 5px 20px}
ul.toolbar a.pages span.ti {background-image: url(../images/icons/page_copy.png)}
ul.toolbar a.articles span.ti {background-image: url(../images/icons/newspaper.png)}
ul.toolbar a.products span.ti {background-image: url(../images/icons/package.png)}
ul.toolbar a.orders span.ti {background-image: url(../images/icons/lorry.png);)}
ul.toolbar a.events span.ti {background-image: url(../images/icons/calendar.png)}
ul.toolbar a.settings span.ti {background-image: url(../images/icons/server.png)}
ul.toolbar a.users span.ti {background-image: url(../images/icons/group.png)}
ul.toolbar a.themes span.ti {background-image: url(../images/icons/palette.png)}
ul.toolbar a.logout span.ti {background-image: url(../images/icons/lock_break.png)}
ul.toolbar a.signup span.ti {background-image: url(../images/icons/application_form_edit.png)}
ul.toolbar a.login span.ti {background-image: url(../images/icons/lock_open.png)}
ul.toolbar a.site span.ti {background-image: url(../images/icons/house.png)}
ul.toolbar a.cart span.ti {background-image: url(../images/icons/cart.png)}
ul.toolbar a.billing span.ti {background-image: url(../images/icons/creditcards.png)}
ul.toolbar a.newsletters span.ti {background-image: url(../images/icons/email_open.png)}
ul.toolbar a.admin span.ti {background-image: url(../images/icons/bricks.png)}
ul.toolbar a.arrange span.ti {background-image: url(../images/icons/sitemap_color.png)}
 #dashboard_header h2 {height: 30px; float: left; display: block; background: url(/images/dashboard/gray_arrow.png) no-repeat left center; overflow: visible; padding-left: 15px; font-size: 14px; line-height: 30px}
#dashboard_header a.rootlink {height: 30px; float: left; display: block; padding-left: 0; padding-right: 20px; overflow: hidden; background: url(/images/dashboard/gray_arrow.png) no-repeat right center; color: #fff; font: normal 14px/30px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; position: relative; left: 15px; margin-left: -5px; z-index: 2}
#dashboard_header a.rootlink:hover {color: #dcdcdc}
#dashboard_header .new_link {display: block; color: #fff; background-color: #78d33f; font: normal normal 14px/12px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; text-shadow: #004961 0 0 3px; margin: 2px; float: right; border: 1px solid #519229; -webkit-border-radius:15px; -moz-border-radius:15px; padding: 2px}
#dashboard_header .new_link:hover {color: #fff; background-color: #61ad32; text-shadow: #002837 0 0 3px; border: 1px solid #21420c}
#dashboard_header .new_link:active, #dashboard_header .new_link.active {color: #dfdfdf; background-color: #3a6c1a; text-shadow: #000 0 0 3px; border: 1px solid #030c00}
#dashboard_header .edit_link {display: block; color: #fff; background-color: #0ad; font: normal normal 14px/12px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; text-shadow: #004961 0 0 3px; padding: 4px; margin: 4px 0; float: right; border: 1px solid #00c6ff;  }
#dashboard_header .edit_link:hover {color: #fff; background-color: #0097c5; text-shadow: #002837 0 0 3px; border: 1px solid #00a5d7}
#dashboard_header .edit_link:active, #dashboard_header .edit_link.active {color: #dfdfdf; background-color: #006c8e; text-shadow: #000 0 0 3px; border: 1px solid #0084ad}
#dashboard_header .customize_link {display: block; color: #fff; background-color: #d6dd65; font: normal normal 14px/12px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; text-shadow: #004961 0 0 3px; padding: 4px; margin: 4px 0; float: right; border: 1px solid #f8ff76;  }
#dashboard_header .customize_link:hover {color: #fff; background-color: #bac056; text-shadow: #002837 0 0 3px; border: 1px solid #d6dd65}
#dashboard_header .customize_link:active, #dashboard_header .customize_link.active {color: #dfdfdf; background-color: #7f8339; text-shadow: #000 0 0 3px; border: 1px solid #bac056}
#dashboard_header .preview_link {display: block; color: #fff; background-color: #606060; font: normal normal 14px/12px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; text-shadow: #004961 0 0 3px; padding: 4px; margin: 4px 0 4px 4px; float: right; border: 1px solid #6b6b6b; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px}
#dashboard_header .preview_link:hover {color: #fff; background-color: #4c4c4c; text-shadow: #002837 0 0 3px; border: 1px solid #2c2c2c}
#dashboard_header .preview_link:active, #dashboard_header .preview_link.active {color: #dfdfdf; background-color: #000; text-shadow: #000 0 0 3px; border: 1px solid #4c4c4c}
#dashboard_header .images_link {display: block; color: #fff; background-color: #cbcbcb; font: normal normal 14px/12px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; text-shadow: #004961 0 0 3px; padding: 4px; width: 16px; margin: 4px 0; float: right; border: 1px solid #dfdfdf}
#dashboard_header .images_link:hover {color: #fff; background-color: #4c4c4c; text-shadow: #002837 0 0 3px; border: 1px solid #2c2c2c}
#dashboard_header .images_link:active, #dashboard_header .images_link.active {color: #dfdfdf; background-color: #000; text-shadow: #000 0 0 3px; border: 1px solid #4c4c4c}
#dashboard_header .new_link strong {display: block; background: url(/images/button_new.png) no-repeat center center; text-indent: -9999999px; width: 20px; height: 20px}
#dashboard_header .preview_link strong {display: block; padding-left: 16px; background: url(/images/icons/magnifier.png) no-repeat; padding-bottom: 2px; padding-top: 2px; margin-top: -2px; margin-bottom: -2px; text-indent: -9999999px}
#dashboard_header .delete_link strong {display: block; padding-left: 16px; background: url(/images/icons/delete.png) no-repeat; padding-bottom: 2px; padding-top: 2px; margin-top: -2px; margin-bottom: -2px; text-indent: -9999999px}
#dashboard_header .edit_link strong {display: block; padding-left: 16px; background: url(/images/icons/pencil.png) no-repeat; padding-bottom: 2px; padding-top: 2px; margin-top: -2px; margin-bottom: -2px; text-indent: -9999999px}
#dashboard_header .customize_link strong {display: block; padding-left: 16px; background: url(/images/icons/page.png) no-repeat; padding-bottom: 2px; padding-top: 2px; margin-top: -2px; margin-bottom: -2px; text-indent: -9999999px}
#dashboard_header .images_link strong {display: block; padding-left: 16px; background: url(/images/icons/images.png) no-repeat; padding-bottom: 2px; padding-top: 2px; margin-top: -2px; margin-bottom: -2px; text-indent: -9999999px}
#dashboard_header .delete_link {display: block; color: #fff; background-color: #ef0000; font: normal normal 14px/12px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; text-shadow: #004961 0 0 3px; padding: 4px; margin: 4px 4px 4px 0; float: right; border: 1px solid #f00; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px}
#dashboard_header .delete_link:hover {color: #fff; background-color: #b90000; text-shadow: #002837 0 0 3px; border: 1px solid #ef0000}
#dashboard_header .delete_link:active {color: #dfdfdf; background-color: #680000; text-shadow: #000 0 0 3px; border: 1px solid #c10000}
 #dashboard_header .search_form {height: 30px; float: left; display: block; padding-left: 20px; padding-right: 20px; overflow: hidden; background: url(/images/dashboard/gray_arrow.png) no-repeat right center; color: #fff; font: normal 18px/30px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; position: relative; left: 15px; margin-left: -15px; z-index: 1}
#dashboard_header .search_form input#search {padding: 2px 5px; font-size: 14px; line-height: 14px; color: #fff; background-color: #313131; -webkit-border-radius:10px; -moz-border-radius:10px; border: 1px solid #848484; box-shadow: inset 1px 1px 3px #000000; -webkit-box-shadow: inset 1px 3px 3px #000000; -moz-box-shadow: inset 1px 1px 3px #000000}
#dashboard_header input.search_button {padding: 3px; margin: -6px}
 .rootlink span {display: block; padding-left: 20px; background: url(/images/icons/folder_page.png) no-repeat left center}
.rootlink span ul.page_options_tabs {padding: 0; display: block; float: right}
#pagesrootlink.rootlink span {display: block; padding-left: 20px; background: url(/images/icons/page_copy.png) no-repeat left center}
#articlesrootlink.rootlink span {display: block; padding-left: 20px; background: url(/images/icons/newspaper.png) no-repeat left center}
#productsrootlink.rootlink span {display: block; padding-left: 20px; background: url(/images/icons/package.png) no-repeat left center}
#eventsrootlink.rootlink span {display: block; padding-left: 20px; background: url(/images/icons/calendar.png) no-repeat left center}
#ordersrootlink span {display: block; padding-left: 20px; background: url(/images/icons/lorry.png) no-repeat left center}
#billingrootlink.rootlink span {display: block; padding-left: 20px; background: url(/images/icons/creditcards.png) no-repeat left center}
#settingsrootlink.rootlink span {display: block; padding-left: 20px; background: url(/images/icons/server.png) no-repeat left center}
h2.page_options_tabs_title {height: 30px; float: left; display: block; background: url(/images/dashboard/gray_arrow.png) no-repeat left center; color: #fff; overflow: visible; font: 14px/30px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif}
h2.page_options_tabs_title a {height: 30px; float: left; display: block; padding-right: 20px; overflow: hidden; background: url(/images/dashboard/gray_arrow.png) no-repeat right center; color: #fff; text-decoration: none; position: relative; left: 15px; margin-left: -5px; font: normal 14px/30px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif}
h2.page_options_tabs_title a:hover {color: #dcdcdc}
.page_options_tabs_title span {display: block; padding-left: 20px; background: url(/images/icons/page_white.png) no-repeat left center}
li.p_opt img.expandImage {display: none}
li.p_opt {display: block; padding: 0; margin: 0; float: left}
li.p_opt a {display: block; color: #fff; background-color: #434343; font: normal normal 16px/20px "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; text-shadow: #000 0 0 3px; padding: 5px 10px 5px 30px; margin: 0; float: left; border-right: 1px solid #303030; border-left: 1px solid #515151}
.p_opt a:hover {background-color: #171717; color: #e7e7e7; text-decoration: none; border-right: 1px solid #1b1b1b; border-left: 1px solid #343434}
.p_opt.active a {background-color: #fff; color: #000; text-shadow: #fff 0 0 3px; border-right: 1px solid #828282; border-left: 1px solid #dadada}
#preview_tab a {background: #434343 url(/images/icons/magnifier.png) no-repeat 7px 7px}
#preview_tab a:hover {background: #171717 url(/images/icons/magnifier.png) no-repeat 7px 7px}
#preview_tab.active a {background: #fff url(/images/icons/magnifier.png) no-repeat 7px 7px}
#customize_tab a {background: #434343 url(/images/icons/shape_move_back.png) no-repeat 7px 7px}
#customize_tab a:hover {background: #171717 url(/images/icons/shape_move_back.png) no-repeat 7px 7px}
#customize_tab.active a {background: #fff url(/images/icons/shape_move_back.png) no-repeat 7px 7px}
#templates_tab a {background: #434343 url(/images/icons/layout.png) no-repeat 7px 7px}
#templates_tab a:hover {background: #171717 url(/images/icons/layout.png) no-repeat 7px 7px}
#templates_tab.active a {background: #fff url(/images/icons/layout.png) no-repeat 7px 7px}
#settings_tab a {background: #434343 url(/images/icons/cog.png) no-repeat 7px 7px}
#settings_tab a:hover {background: #171717 url(/images/icons/cog.png) no-repeat 7px 7px}
#settings_tab.active a {background: #fff url(/images/icons/cog.png) no-repeat 7px 7px}
#images_tab a {background: #434343 url(/images/icons/images.png) no-repeat 7px 7px}
#images_tab a:hover {background: #171717 url(/images/icons/images.png) no-repeat 7px 7px}
#images_tab.active a {background: #fff url(/images/icons/images.png) no-repeat 7px 7px}
#show_tab a {background: #434343 url(/images/icons/feed.png) no-repeat 7px 7px}
#show_tab a:hover {background: #171717 url(/images/icons/feed.png) no-repeat 7px 7px}
#show_tab.active a {background: #fff url(/images/icons/feed.png) no-repeat 7px 7px}
#edit_tab a {background: #434343 url(/images/icons/pencil.png) no-repeat 7px 7px}
#edit_tab a:hover {background: #171717 url(/images/icons/pencil.png) no-repeat 7px 7px}
#edit_tab.active a {background: #fff url(/images/icons/pencil.png) no-repeat 7px 7px}
 html, body {height: 100%}
a.fancybox.center {margin: auto; display: block; text-align: center}
a.fancybox.left {display: block; float: left; padding-bottom: 10px; padding-right: 10px}
a.fancybox.right {display: block; float: right; padding-left: 10px; padding-bottom: 10px}
div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30}
* html div#fancy_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); overflow: hidden}
div#fancy_wrap {text-align: left;}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/fancybox/fancy_progress.png') no-repeat}
div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 30}
div#fancy_loading_icon {position: absolute; background: url('../images/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px}
div#fancy_outer {position: absolute; top: 0; z-index: 90; padding: 18px 18px 33px; margin: 0; overflow: hidden; background: transparent; display: none; left: 0}
div#fancy_inner {position: relative; width: 100%; height: 100%; border: 1px solid #BBB; background: #FFF}
div#fancy_content {margin: 0; z-index: 100; position: absolute}
div#fancy_div {background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100}
img#fancy_img {position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%}
div#fancy_close {position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none}
#fancy_ajax {width: 100%; height: 100%; overflow: auto}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif; base64,AAAA); outline: none}
a#fancy_left {left: 0px}
a#fancy_right {right: 0px}
span.fancy_ico {position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block}
span#fancy_left_ico {left: -9999px; background: transparent url('../images/fancybox/fancy_left.png') no-repeat}
span#fancy_right_ico {right: -9999px; background: transparent url('../images/fancybox/fancy_right.png') no-repeat}
a#fancy_left:hover {visibility: visible}
a#fancy_right:hover {visibility: visible}
a#fancy_left:hover span {left: 20px}
a#fancy_right:hover span {right: 20px}
.fancy_bigIframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent}
div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0}
div.fancy_bg {position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0}
div.fancy_bg_n {top: -18px; width: 100%; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x}
div.fancy_bg_ne {top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat}
div.fancy_bg_e {right: -13px; height: 100%; width: 13px; background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y}
div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat}
div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x}
div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat}
div.fancy_bg_w {left: -13px; height: 100%; width: 13px; background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y}
div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat}
div#fancy_title {position: absolute; bottom: -13px; left: 0; width: 100%; z-index: 100; display: none}
div#fancy_title div {color: #FFF; padding-bottom: 3px; font-size: 14px; line-height: 18px}
div#fancy_title table {margin: 0 auto}
div#fancy_title table td {padding: 0; vertical-align: middle}
td#fancy_title_left {height: 32px; width: 15px; background: transparent url('../images/fancybox/fancy_title_left.png') repeat-x}
td#fancy_title_main {height: 32px; background: transparent url('../images/fancybox/fancy_title_main.png') repeat-x}
td#fancy_title_right {height: 32px; width: 15px; background: transparent url('../images/fancybox/fancy_title_right.png') repeat-x}