html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1.5; background: #fff; margin:1.5em 0}
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: "" ""}
a img {border: none}
strong {font-weight: bold}
body {font-size: 75%; color: #000; font-family: Arial, sans-serif}
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #111}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em; font-weight: bold}
h2 {font-size: 2em; margin-bottom: 0.5em; color: #999; font-weight: bold;}
h3 {font-size: 1.5em; line-height: 1.125; margin-bottom: 1em; color: #AAA}
h4 {font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 0.25em}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 0.25em}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
p {margin: 0 0 1.5em}
p.last {margin-bottom: 0}
p img.left {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0}
img {margin: 0}
a:focus, a:hover {color: #fff; background: #000}
a {color: #88b9c9; text-decoration: none}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
del {color:#666}
pre,code {margin: 1.5em 0; white-space: pre}
tt {display: block; margin: 1.5em 0; line-height: 1.5}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
li ul, li ol {margin:0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em}
ul {list-style-type: square}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
table {margin-bottom: 1.4em}
th {font-weight: bold; background: #88b9c9; color: #fff}
td {border-bottom: 1px solid #ccc}
th,td {padding: 4px 10px 4px 5px}
tr.even td {background: #f6f6f6}
tfoot {font-style: italic}
caption {background: #ffc}
table .last {padding-right: 0}
.small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
.quote {font-style: italic; color: #333; display: block; padding: 1em; margin-top: 1em; background-color: #EEE; font-size: 115%}
.callout-left {display: block; float: left; width: 32%; padding: 1%; margin-right: 2%; background-color: #ECECEC; clear: right; font-weight: bold}
.callout-right {display: block; float: right; width: 32%; padding: 1%; margin-left: 2%; background-color: #ECECEC; clear: left; font-weight: bold}
img.right {margin-left: 10px; margin-bottom: 10px}
img.left {margin-right: 10px; margin-bottom: 10px}
#banner h2 {color: #fff; padding: 5px; font-size: 1.5em; margin-bottom: 0; font-weight: normal}
h2 {color: #88b9c9; font-weight: normal; font-size: 1.5em}
.pagebody h3 {color: #88b9c9}
h4 {color: #88b9c9}
.container {width: 880px; margin: 0 auto}
.column {float: left; margin-right: 20px}
.last {margin-right: 0}
.span-1 {width: 55px;}
.span-2 {width: 130px;}
.span-3 {width: 205px;}
.span-4 {width: 280px;}
.span-5 {width: 355px;}
.span-6 {width: 430px;}
.span-7 {width: 505px;}
.span-8 {width: 580px;}
.span-9 {width: 655px;}
.span-10 {width: 730px;}
.span-11 {width: 805px;}
.span-12 {width: 880px; margin: 0}
.append-1 {padding-right: 75px;}
.append-2 {padding-right: 150px;}
.append-3 {padding-right: 225px;}
.append-4 {padding-right: 300px;}
.append-5 {padding-right: 375px;}
.append-6 {padding-right: 450px;}
.append-7 {padding-right: 525px;}
.append-8 {padding-right: 600px;}
.append-9 {padding-right: 675px;}
.append-10 {padding-right: 750px;}
.append-11 {padding-right: 825px;}
.prepend-1 {padding-left: 75px;}
.prepend-2 {padding-left: 150px;}
.prepend-3 {padding-left: 225px;}
.prepend-4 {padding-left: 300px;}
.prepend-5 {padding-left: 375px;}
.prepend-6 {padding-left: 450px;}
.prepend-7 {padding-left: 525px;}
.prepend-8 {padding-left: 600px;}
.prepend-9 {padding-left: 675px;}
.prepend-10 {padding-left: 750px;}
.prepend-11 {padding-left: 825px;}
.border{ padding-right:9px; margin-right:10px; border-right:1px solid #eee}
.colborder {padding-right:46px; margin-right:45px; border-right:1px solid #eee}
.pull-1 {margin-left: -75px;}
.pull-2 {margin-left: -150px;}
.pull-3 {margin-left: -225px;}
.pull-4 {margin-left: -300px;}
.push-0 {margin: 0 0 0 18px; float: right}
.push-1 {margin: 0 -75px 0 18px; float: right;}
.push-2 {margin: 0 -150px 0 18px; float: right;}
.push-3 {margin: 0 -225px 0 18px; float: right;}
.push-4 {margin: 0 -300px 0 18px; float: right;}
.push-0, .push-1, .push-2, .push-3, .push-4 {float: right}
.box {padding: 1.5em; margin-bottom: 1.5em; background: #eee}
hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.4em; border: none}
hr.space {background: #fff; color: #fff}
.clear {display: inline-block}
.clear:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clear {display: block}
#main_menu {list-style-type: none; margin: 0; padding: 0}
#main_menu li {text-transform: uppercase; float: left}
#main_menu li.last {margin-right: 0}
#main_menu a {color: #000; display: block; line-height: 2em; padding: 0 9px; margin: 0}
#main_menu li.last a {padding: 0 12px 0 12px; margin-right: -1px}
#main_menu a.active, #main_menu a:hover, #main_menu a:active {color: #fff; background: #88b9c9}
ul#signposts {list-style: none; margin: 0}
ul#signposts li {margin-bottom: 20px; line-height: 1.3; float: left; margin-right: 5px}
ul#signposts li.first {clear: both}
ul#signposts li.last {margin-right: 0}
ul#signposts li .title {font-weight: normal; padding: 2px 5px; display: block; background: #000 url("/images/arrow_white.gif") 206px 50% no-repeat; color: #fff; text-transform: uppercase}
ul#signposts li a, ul#signposts li .faux_link {}
ul#signposts li .with_image {display: block; background-position: bottom left; background-repeat: no-repeat; background-color: transparent; padding-bottom: 122px; width: 216px; position: relative}
ul#signposts li .with_image .abstract {}
ul#signposts li .with_image .inner {position: absolute; left: 0; bottom: 0; display: none; width: 206px; height: 111px; padding: 5px; background: transparent url("/images/bg_transparent_black.png") top left repeat}
ul#signposts li .with_image .inner .abstract {font-size: 1.4em}
ul#signposts li .with_image .inner .more {position: absolute; bottom: 0; left: 0; padding: 0 5px; background: transparent url("/images/bg_transparent_more.png") top left no-repeat; width: 206px; height: 22px; text-indent: -4999em; text-transform: uppercase; color: #000; display: block}
ul#signposts li a:hover .inner {display: block}
#crumbs {padding: 5px 0; color: #666; float: none; margin-bottom: 30px}
#crumbs a {color: #666}
#crumbs a:hover, #crumbs a.active {text-decoration: underline; background: none}
div.pagination {border-top: 1px solid #EEE; margin-top: 16px; padding-top: 4px; font-size: 100%; text-align: center}
div.pagination a {padding: 2px 5px}
div.pagination .item_count {float: left; width: auto; text-align: left}
div.pagination .prev_next {float: right; width: auto; text-align: right}
div.pagination .total_entries {padding-right: 2em; text-align: right}
#skip_to_content {display: none}
body {background: #fff url("/images/bg_body_fade.gif") top left repeat-x; margin: 0}
#wrapper {}
#body {min-height: 300px; margin-bottom: 20px}
.container {padding: 0 20px; background: #fff}
#header {background: #000; position: relative; height: 90px; padding-top: 10px}
#header h1 {font-size: 2.2em; position: absolute; bottom: 0}
#header h1 a {display: block; color: #999; text-decoration: none; width: 295px; height: 23px; background: url("/images/logo.gif") top left no-repeat; text-indent: -4999em; overflow: hidden}
#header h1 a:hover {color: #666}
#header a {color: #999}
#header .header_links {list-style-type: none; margin: 0; float: right}
#header .header_links a:hover {text-decoration: underline}
#header .header_links li {float: left; margin-right: 10px; color: #999}
#header .header_links li.last {margin-right: 0 !important; padding-right: 0 !important; background: none !important}
#header .header_links li .phone {padding-left: 25px; background: transparent url("/images/i_phone.gif") left 50% no-repeat}
#header #top_header_links {border-bottom: 1px solid #999; font-size: 1.2em; padding-bottom: 5px; margin-bottom: 5px}
#header #top_header_links li {margin-right: 9px; padding-right: 10px; background: transparent url("/images/bg_top_nav_spacer.gif") right center no-repeat}
#header #bottom_header_links {clear: both}
#header .button_image {border: 0; padding: 0}
#basket_preview {background: #818285; margin-bottom: 20px; color: #fff; padding-top: 5px; padding-bottom: 5px}
#basket_preview #preview {float: right; padding: 0; margin: 0; line-height: 1}
#basket_preview #preview .basket {color: #f4894a}
#banner {background: #88b9c9; color: #fff; position: relative}
#tagline {display: block; text-decoration: none; width: 286px; height: 9px; background: url("/images/h_tagline.gif") top left no-repeat; text-indent: -4999em; overflow: hidden; float: left}
#image_banner {margin-bottom: 15px}
#image_banner div {background-color: transparent; background-repeat: no-repeat; background-position: top left; height: 392px; width: 880px}
#footer {padding: 15px 20px; background: transparent url("/images/bg_footer_fade.gif") top left repeat-x; color: #7A7A7A}
#footer a {color: #000}
#footer ul {list-style: none; margin: 0}
#footer .last ul {text-align: right}
#footer a:hover {text-decoration: underline; background: none; color: #000}
#footer h4 {color: #9ec9d9; font-size: 1em}
#siteurl {display: none}
#footer #tictoc {color: #7a7a7a}
#map {width: 430px; height: 320px; margin-bottom: 10px}
#contact_address strong {color: #88b9c9}
a.icon {padding-left: 20px}
a.icon:hover {background-color: transparent !important; color: #000 !important}
a.delete {background-image: url("/images/i_delete.gif"); background-position: left center; background-repeat: no-repeat}
#home #main_menu {border-bottom: 1px solid #88B9C9; margin-bottom: 10px}
ul#search_results {list-style-type: none; margin: 0}
ul#search_results dt {margin-top: 1em}
ul#search_results dd {}
ul#search_results .highlight {color: #0b4755}
ul#search_results a {font-weight: bold}
ul#search_results a .highlight {color: inherit}
ul#search_results dd em {color: #999999; font-style: normal; display: block; font-size: 95%}
#sitemap {line-height: 1.6}
#sitemap ul {list-style: none; margin-left: 0}
#sitemap ul ul {margin-left: 20px; list-style: none}
#sitemap li {}
#sitemap li li {font-size: 100%}
#sitemap li.main {font-weight: bold}
#sitemap li.main li {font-weight: normal}
.product_list {list-style-type: none; margin: 0}
.product_list li {margin-bottom: 10px}
.product_list li.first {clear: both}
.product_list li a {display: block; border-bottom: 1px solid #ccc}
.product_list li a .prices, .product_list li a .title {padding: 0 2px; display: block}
.product_list li a .title {color: #000}
.product_list li a img {background: #fff}
.product_list li .prices {color: #7a7a7a}
.product_list li a:hover {border-bottom-color: #000; background-color: transparent}
.product_list li a:hover .prices, .product_list li a:hover .title {background: #000; color: #fff}
.product_list li a:hover .prices {color: #fff}
.product_list .remove_package {margin-top: 10px}
.product h2 {font-weight: normal; color: #3c3c41; line-height: 1.2; font-size: 1.5em; margin-bottom: 5px}
.product h2 .prices {color: #818285}
.product h3 {color: #000; font-size: 1.2em; border-bottom: 1px solid #ccc; padding-bottom: 5px}
.product #main_product_image {margin-bottom: 20px}
.product #additional_images {list-style-type: none; margin: 0}
.product #additional_images li {float: left; margin-right: 34px}
.product #additional_images li.last {margin-right: 0}
.product #additional_images li img {margin-bottom: 0; padding-bottom: 0}
.product #additional_images li a {border: 1px solid #CCCCCC; display: block; width: 80px; height: 80px}
.product #additional_images li a:hover, .product #additional_images li a.active {border: 1px solid #000; background: transparent}
#product_body {border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px}
.variations td {border: 0; padding: 5px}
.variations .image {width: 42px; vertical-align: middle}
.variations .link {width: 153px; text-align: left; vertical-align: middle}
.variations .select {width: 20px; vertical-align: middle}
.variations .link a, .variations .link .faux_link {padding: 0; display: block}
.variations .link a:hover {background: none; color: #000}
.variations .image a {border: 1px solid #ccc; display: block; width: 40px; height: 40px}
.variations .image a:hover {border-color: #000}
.variations .hover td, .variations .active td {background: #eee}
.variations .hover td a, .variations .active td a {color: #000; background: transparent}
.product_list .variations table {width: 100%}
#add_to_package:hover {background: transparent}
#banner #filter_reset {color: #fff; text-transform: uppercase; display: block; margin-left: 5px; margin-top: 20px; width: 57px; height: 11px; background: transparent url("/images/b_reset_filter.gif") top left no-repeat; text-indent: -4999em}
#banner h4 {color: #fff; font-weight: normal; padding: 5px 0}
#banner ul {list-style-type: none; margin-left: 0}
#banner .filter_submit {padding-left: 5px}
#banner #filter_submit_alt {position: absolute; right: 5px; bottom: 5px}
#continue {text-align: right}
fieldset {border: none; padding: 0}
fieldset ul {list-style: none; padding: 0 0 10px 0; margin: 0 !important}
fieldset ul li {padding-bottom: 1.0em}
fieldset dt {width: 150px; float: left; text-align: right}
fieldset dd {margin-left: 150px; padding-left: 5px}
fieldset input, fieldset select, fieldset textarea {font-family: Arial, sans-serif; font-weight: normal; border: 1px solid #ccc; padding: 2px; margin: 2px 0 0 0; color: #333333; background-color: #EEE; font-size: 100%}
fieldset textarea {overflow: auto}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus {border-color: #000}
fieldset select {padding: 1px; padding: 2px 1px 2px 0}
fieldset select option {padding: 0 1em 0 2px}
fieldset label {margin-right: 5px; font-weight: bold; display: block; margin-top: 10px; line-height: 1.3; color: #000}
fieldset label.note {font-weight: normal; color: #AAA; margin: 0 1em 0 0; font-size: 92%}
.required {color: #88B9C9 !important}
fieldset label.checkbox_note {font-weight: normal; display: inline; float: none}
fieldset label.tiny, fieldset input.tiny, fieldset select.tiny, fieldset textarea.tiny {width: 10% }
fieldset label.small, fieldset input.small, fieldset select.small, fieldset textarea.small {width: 20%}
fieldset label.third, fieldset input.third, fieldset select.third, fieldset textarea.third {width: 29%}
fieldset label.half, fieldset input.half, fieldset select.half, fieldset textarea.half {width: 46%}
fieldset label.full, fieldset input.full, fieldset select.full, fieldset textarea.full {width: 98%}
fieldset label.tiny, fieldset label.small, fieldset label.third, fieldset label.half, fieldset label.full {float: left}
fieldset p {margin-bottom: 0.5em !important}
#search_form {vertical-align: middle}
#search_form input {vertical-align: middle}
#search_form label {font-weight: normal; display: inline; margin-top: 0; color: #999}
#search_field {width: 12em; margin: 0; background: #575757; border: 1px solid #353535; color: #fff}
table td.qty, table td.remove {text-align: center}
table td.price {text-align: right}
fieldset.buttons {border: 0px none #CCCCCC; background-color: transparent; margin: 0; padding: 5px 0}
fieldset.buttons input {text-transform: uppercase; cursor: pointer; width: auto; padding: 2px 2px; background: #000; color: #fff; border: 0; margin-right: 15px; font-size: 0.9em}
fieldset.buttons input:hover {color: #fff; background: #818285}
fieldset.buttons input.button1 {font-weight: bold}
fieldset.buttons input.button2 {font-weight: normal}
fieldset.buttons input.button_image {padding: 0; border: 0}
#notice {background-color: #bae68f; padding: 7px 14px; margin: 10px 0}
#notice p {font-weight: bold; margin: 5px 0; font-size: 100%}
.error {font-weight: bold; color: #DF226A}
div.error-msg {background: url("/images/alert.gif") no-repeat 0 50%; padding: 5px 10px 10px 10px; color: #DF226A; font-weight: bold; padding-left: 20px}
.fieldWithErrors {display: inline}
.fieldWithErrors input, .fieldWithErrors textarea {border: 1px solid #DF226A; background-image: url("/images/alert.gif"); background-repeat: no-repeat; background-position: 100% 3px}
#errorExplanation {padding: 4px 8px 8px 8px; margin: 8px 0; background-color: #821837; color: #FFFFFF}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 1.1em; color: #fa9b06; margin: -7px -7px 0 -7px}
#errorExplanation p {margin: 5px 0; font-size: 100%; font-weight: bold; color: #fa9b06}
#errorExplanation ul li {font-size: 100%; list-style: square; margin-left: 1.5em}
#line_items {width: 100%}
#totals {width: 100%}
#totals td, #totals th {background: none; border: 0; font-weight: normal; color: #000}
#totals tfoot td, #totals tfoot th {border-top: 2px solid #88B9C9}
#totals tfoot .total {font-style: normal; font-weight: bold; text-transform: uppercase}
#totals td.price {text-align: right}
fieldset.buttons .changes {text-align: right}
fieldset.buttons .changes input {margin-right: 0}
#cv2 {vertical-align: top}
#payment_details .buttons {text-align: right}
#payment_details .buttons p {float: left; font-weight: bold; font-size: 0.9em}
#payment_details .buttons input {margin-right: 0; display: inline}
#secure {width: 650px; margin: 0 auto}
#secureframe {width: 650px; height: 450px; border: 1px solid #CCC; background-color: #EFEFEF}
#TB_window {font-family: Helvetica, Arial, sans-serif; color: #333333}
#TB_secondLine {font-family: Helvetica, Arial, sans-serif; font-size: 92%; color: #666666; font-weight: normal}
#TB_window a:link {color: #666666}
#TB_window a:visited {color: #666666}
#TB_window a:hover {color: #000000}
#TB_window a:active {color: #666666}
#TB_window a:focus {color: #666666}
#TB_overlay {position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%}
.TB_overlayMacFFBGHack {background: url("/images/macFFBgHack.png") repeat}
.TB_overlayBG {background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75}
#TB_window {position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 4px solid #FFF; text-align: left; top: 50%; left: 50%}
#TB_window img#TB_Image {display: block; margin: 15px 0 0 15px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; border-left: 1px solid #FFF}
#TB_caption {height: 25px; padding: 7px 30px 10px 25px; float: left; font-weight: bold; line-height: 1.2}
#TB_closeWindow {height: 25px; padding: 11px 25px 10px 0; float: right}
#TB_closeAjaxWindow {padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right}
#TB_ajaxWindowTitle {float: left; padding: 7px 0 5px 10px; margin-bottom: 1px}
#TB_title {background-color: #e8e8e8; height: 27px}
#TB_ajaxContent {clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em}
#TB_ajaxContent.TB_modal {padding: 15px}
#TB_ajaxContent p {padding: 5px 0px 5px 0px}
#TB_load {position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px}
#TB_HideSelect {z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%}
#TB_iframeContent {clear: both; border: none; margin-bottom: -1px; margin-top: 1px}
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none}
#banner h2.sIFR-replaced {height: 1.5em !important}
.sIFR-replaced object {display: block}