html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { margin: 0px }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
/*
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
*/
form { margin:0; }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp { font-family: monospace }
pre { white-space: pre }
button, textarea,
input, select { display: inline-block }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
/*
table { border-spacing: 1px; }
*/
thead, tbody,
tfoot { vertical-align: middle }
td, th { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { border: 1px inset }
/*
ol, ul, dir,
menu, dd { margin-left: 80px }
*/
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: "\A" }
:before, :after { white-space: pre-line }
center { text-align: center }
:link, :visited { text-decoration: underline }
:focus { }
img {border:0px}
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
@media print {
h1 { }
h1, h2, h3,
h4, h5, h6 { }
ul, ol, dl { }
}
.article_col_views, .article_col_comments {font-size:.83em; width:30%; padding-left:6px; border-left:1px solid #CCC}
.article_header {margin:0 0 3px 0;}
.article_datedescription {font-style:italic; font-size:.83em}
.article_description {color:#666; font-size:.9em}
.article_imagecolumn {padding:5px;}
.article_contentcolumn {padding-left:10px}
.article_table {margin-bottom:8px}
.articles_title {}
.calendar_active_day {border:1px solid #CCC;}
.calendar_changespan_box {margin-bottom:5px;}
.calendar_changespan_box select {border:2px solid #CCC; padding:3px}
.calendar_date {color:#000; font-weight:bold; padding:3px}
.calendar_display {background:#DDD}
.calendar_display tr td.calendar_active_day {background:#FFF;}
.calendar_display_box {min-height:100px;}
.calendar_inactive_day {
vertical-align:top;
border:1px solid #CCC;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.calendar_event_table_container {padding:3px; background:#FF6; border-top:2px solid #F93;}
.calendar_event_datedescription {font-size:10px}
.calendar_event_table tr td {font-size:.9em}
.calendar_display tr td.calendar_day_header_wke {background:#EEE; color:#333; text-align:center; font-weight:bold; border:1px solid #CCC;}
.calendar_display tr td.calendar_day_header_wkd {background:#EEE; color:#333; text-align:center; font-weight:bold; border:1px solid #CCC;}
.cart_quick_details_column {vertical-align:middle; padding-top:3px}
.cart_quick_free_shipping {color:#F00; font-weight:bold}
.cart_productcode {color:#666; font-size:.8em; font-style:italic}
.cart_table {background:#CCC}
.cart_table th {background:url(/images/cm_specbg.jpg) repeat-x}
.cart_table th.align_left {text-align:left}
.cart_table th.align_right {text-align:right}
.cart_table td {background:#FFF}
.cart_table .border_bottom {border-bottom:1px solid #CCC;}
.cart_table .border_top_total {border-top:1px solid #666;}
.cart_table_print th {background:url(/images/cm_specbg.jpg) repeat-x #DDD; border:1px solid #AAA}
.cart_table_print th.align_left {text-align:left}
.cart_table_print th.align_right {text-align:right}
.cart_table_print td {background:#FFF; vertical-align:top; border:1px solid #CCC}
.cart_table_print td.vertical_middle {vertical-align:middle}
.cart_table_print td.fieldgray {background:#EEE}
.cart_table_print .border_bottom {border-bottom:1px solid #CCC;}
.cart_table_print .border_top_total {border-top:1px solid #666;}
.cart_table_print {}
.cart_subtotal_display {text-align:right; margin-top:5px; color:#000; margin-right:5px}
.cart_total_display {font-size:1.4em; text-align:right; margin-top:5px; color:#000; margin-right:5px}
.cart_subtotal_title {color:#666}
.cart_total_title {color:#666}
.cart_transaction_history_header {margin-bottom:5px; margin-top:15px}
.cart_table_ups {background:#CCC}
.cart_table_ups th {background:#d4ccbf}
.cart_table_ups td {background:#ebebe6}
.chk_lightorange {border:1px solid #f5da6e; background:url(/images/chk_lightorange.jpg) repeat-x top center #fde688;}
.chk_lightorange .form_text, .chk_lightorange .form_select{border:1px solid #ebcb4b; padding:2px}
.chk_lightorange .form_question{border-top:0px; margin-top:0px; padding-top:0px; color:#900}
.chk_silver {border:1px solid #DDD; background:url(/images/chk_silver.jpg) repeat-x top center #ebeaea;}
.chk_silver .form_text{border:1px solid #CCC; padding:2px}
.chk_silver .form_cd_question_container{border-top:1px solid #FFF}
.chk_silver .form_cd_question_table{border:0px}
.chk_silver .form_question{border-top:1px solid #FFF}
.chk_silver .form_answer{}
.comment_all_box {}
.comment_list_title {font-size:1.2em; font-weight:bold; padding-bottom:5px; border-bottom:1px dotted #999; margin-bottom:10px}
.comment_posted_box {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #CCC}
.comment_posted_date {font-style:italic; font-size:.9em; margin-top:3px}
.comment_posted_date_tag {font-style:italic; color:#666;}
.comment_posted_by { font-weight:bold }
.comment_flag_box {margin-top:3px}
.comment_firsttoadd_message {font-style:italic}
/* Coupon Classes */
.coupon_clickfordetails {font-size:.8em; font-weight:normal}
.coupon_cutout {border:2px dashed #999; width:100%}
.coupon_cutout h4 {margin:0 0 5px 0}
.coupon_expiration {color:#666; font-style:italic}
.coupon_print_button {margin-top:5px}
.coupon_title {margin:0 0 3px 0}
.coupons_table {margin-bottom:10px; width:100%}
.coupons_table h1{margin-top:0px; margin-bottom:5px}
/* Coupon Classes */
.default_video_box {margin-top:10px; margin-bottom:10px}
.gallery_enlarge_text {display:none;}
.helpinstructions {margin-bottom:10px}
.invoice_balance_remaining_notice {font-size:1.3em; font-weight:bold; color:#F00}
.invoice_balance_remaining_clickhere {margin-bottom:10px}
.invoice_notes_to_user {margin-bottom:10px}
.link_to_overflow {width:250px; overflow-x:hidden; border:1px solid #999}
.link_to {border:0px}
.location_boundingbox {width:480px; overflow-x:scroll}
.login_account_notice {margin:5px 0;}
.post_sharing_box {}
.product_main_category {margin-bottom:10px}
.product_main_sublink {font-weight:bold}
.product_main_category_sub {font-size:.85em}
.product_main_category_sub2 {margin-left:8px}
a.product_main_sublink_sel, a.product_sub_sublink_sel, a.product_sub2_sublink_sel {color:#000; font-weight:bold; background:#EEE}
.product_nav_section_header {margin-bottom:5px;}
.product_cat_column {border:2px solid #DDD}
.product_code {font-style:italic; color:#666; margin-bottom:2px; font-size:10px}
.product_cost {margin:6px; height:70px}
.product_cost_box_standard {background:#F0F0FF; border:2px solid #BDD0F4}
.product_cost_box_lowerprice {background:#FCE78F; border:2px solid #F48E5E}
.product_cost_view {font-weight:bold; margin-bottom:5px; color:#060; font-size:14px}
.product_costtext_view {font-size:11px; font-weight:bold; line-height:13px; color:#060}
.product_displaycost_subtext {font-size:10px; font-weight:normal}
.product_details_header, .product_parts_details_header, .product_accessories_details_header{font-weight:bold; color:#000; font-family:Tahoma, Geneva, sans-serif; cursor:pointer}
.product_details_header {margin-top:20px; padding:4px; background:url(/images/prs_back_details.jpg) no-repeat right;}
.product_parts_details_header {padding:4px; background:url(/images/prs_back_parts.jpg) no-repeat right;}
.product_accessories_details_header {padding:4px; background:url(/images/prs_back_accessories.jpg) no-repeat right;}
.product_itemcost {font-weight:bold; font-size:1.4em; margin-bottom:5px; border-bottom:4px solid #EEE; padding-bottom:6px; text-align:right}
.product_addtocart_container {border:2px solid #EEE; margin-bottom:4px;}
.product_addtocart_table {border:1px solid #CCC}
.product_addtocart_table td {background:#FFF; }
.product_notavailable_notice {font-style:italic; color:#666}
.product_title_header {margin-bottom:15px; padding-bottom:10px; border-bottom:1px dotted #CCC}
.product_title {margin-bottom:8px}
.product_inventorystatus {font-style:italic}
.product_outofinventorystatus {font-style:italic; color:#F00}
.product_itemcode {color:#666; font-style:italic;}
.product_attr_title {font-weight:bold}
.product_short_description {margin-top:15px; border-top:4px solid #EEE; padding-top:4px}
.product_full_description, .product_parts_full_description, .product_accessories_full_description {margin-top:10px; margin-bottom:20px}
.product_header {min-height:30px; font-size:.9em}
.product_how_purchase {color:#990000; margin-bottom:3px; font-size:.9em}
.product_imagecolumn {}
.product_imagecontainer {min-height:100px; display:table-cell; vertical-align:bottom}
.product_addon_container {margin-bottom:6px; padding-bottom:4px; border-bottom:1px dotted #999}
.product_addon_cost_box_standard {background:#F0F0FF; border:2px solid #BDD0F4; width:170px; height:70px; text-align:center}
.product_addon_cost_box_lowerprice {background:#FCE78F; border:2px solid #F48E5E; width:170px; height:70px; text-align:center}
.product_addon_cost {margin:6px;}
.product_addon_cost_view {font-weight:bold; margin-bottom:3px; color:#060; font-size:14px}
.product_addon_costtext_view {font-size:11px; font-weight:bold; line-height:13px; color:#060}
.product_addon_addtocart { width:60px; text-align:right; float:right; margin-left:6px; padding-left:6px; border-left:2px solid #FFF; height:48px}
.product_addon_quantitybox {font-size:10px; margin-right:3px}
.product_addon_quantity {margin-top:2px}
.product_addon_addtext {font-weight:bold; color:#00C}
.product_addon_code {font-style:italic; color:#666; margin-bottom:2px; font-size:10px}
.product_addon_shortdescription {font-size:10px}
.product_attr_title_sub {font-style:italic; float:left; margin-right:4px}
.product_filter_sort_title {font-weight:bold; margin-bottom:2px; padding-bottom:2px; border-bottom:1px dotted #CCC}
.product_filter_sort_label {font-size:.9em}
.product_itemcost_original {color:#F00; text-decoration:line-through; text-align:right; padding-right:5px}
.prod_sub_select_container {background:#DDD; padding:3px}
.product_variation_description {}
.product_variation_line{ border-top:1px solid #DDD; vertical-align:top; color:#333}
.product_variation_cost{ text-align:right }
.product_variation_savings_cost{color:#F00; font-size:.8em; font-style:italic}
.product_variation_productcode {font-style:italic; color:#666; font-size:.8em; line-height:1.1em; margin-top:2px}
.profile_link_result_name{font-size:.8em}
.rating{
width:80px;
height:16px;
margin:0 0 20px 0;
padding:0;
list-style:none;
clear:both;
position:relative;
background: url(/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 -160px}
.onestar {background-position:0 0}
.twostar {background-position:0 -16px}
.threestar {background-position:0 -32px}
.fourstar {background-position:0 -48px}
.fivestar {background-position:0 -64px}
.sixstar {background-position:0 -80px}
.sevenstar {background-position:0 -96px}
.eightstar {background-position:0 -112px}
.ninestar {background-position:0 -128px}
.tenstar {background-position:0 -144px}
ul.rating li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated\*/
float:left;
/* end hide*/
text-indent:-999em;
}
ul.rating li a {
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
text-decoration:none;
z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li.six a {left:80px;}
ul.rating li.seven a {left:96px;}
ul.rating li.eight a {left:112px;}
ul.rating li.nine a {left:128px;}
ul.rating li.ten a {left:144px;}
ul.rating li a:hover {
z-index:2;
width:80px;
height:16px;
overflow:hidden;
left:0;
background: url(/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}
ul.rating li.six a:hover {background-position:0 -256px}
ul.rating li.seven a:hover {background-position:0 -272px}
ul.rating li.eight a:hover {background-position:0 -288px}
ul.rating li.nine a:hover {background-position:0 -304px}
ul.rating li.ten a:hover {background-position:0 -320px}
.remove_post_header {margin-bottom:5px; color:#900; margin-top:15px}
.rss_feed_box {margin-top:5px; font-size:.9em}
.savings_cost {color:#F00}
.shipping_estimator_container {margin-top:10px; margin-bottom:10px}
.slideshow-images img { background-color:#FFF; }
.support_response {color:#090}
.customer_response {color:#666}
.supportticket_completedresponse {margin-top:2px}
.supportticket_response {margin-top:3px}
.supportticket_textresponse {width:98%; background:#FFF; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; border:1px solid #BBB}
.supportticket_button_container {margin-top:3px}
.addpost_help_tip { font-weight:normal; font-style:italic; color:#666 }
.addpost_submit_box {}
.addpost_question_box {margin-bottom:5px}
.addpost_question_title { font-weight:normal}
.userpost_message_box {margin-bottom:10px; padding:8px; background:#FBF2B7; border:4px solid #F8E981}
.userpost_message_editlink_box {}
.userpost_message_header {font-size:1.3em; font-weight:bold; color:#BF0000}
.userpost_preview_link {margin-bottom:10px;}
/* mediaboxAdvanced - white theme */
#mbOverlay {
position: fixed;
z-index: 9998;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #666;
cursor: pointer;
}
#mbOverlay.mbOverlayFF {
background: transparent url(/cm/unifrontend/images/80.png) repeat;
}
#mbOverlay.mbOverlayIE {
position: absolute;
}
#mbCenter {
position: absolute;
z-index: 9999;
left: 50%;
overflow: hidden;
background-color: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
}
#mbCenter.mbLoading {
background: #fff url(/cm/unifrontend/images/WhiteLoading.gif) no-repeat center;
/* This style is applied only during animation. */
/* For example, the following turns off shadows, */
/* helping browser performance on slow systems. */
/* To leave shadows on, just remove these lines: */
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#mbImage {
position: relative;
left: 0;
top: 0;
/* Begin styles for inline content, if no style is given */
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 12px;
color: #000;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
padding: 10px;
}
#mbImage a, #mbImage a:link, #mbImage a:visited {
color: #333;
}
#mbImage a:hover, #mbImage a:active {
color: #000;
}
/* End inline content styles */
#mbBottom {
min-height: 40px;
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 12px;
color: #999;
text-align: left;
padding: 0 10px 10px;
}
#mbTop {
padding: 10px 10px 20px;
}
#mbTitle {
display: inline;
color: #000;
font-weight: bold;
line-height: 20px;
font-size: 12px;
}
#mbNumber {
display: inline;
color: #333;
line-height: 14px;
font-size: 10px;
margin: auto 10px auto 0px;
}
#mbCaption {
display: block;
color: #333;
line-height: 14px;
font-size: 10px;
}
#mbPrevLink, #mbNextLink, #mbCloseLink {
display: block;
float: right;
height: 20px;
margin: 0;
outline: none;
}
#mbPrevLink {
width: 83px;
background: transparent url(/cm/unifrontend/images/WhitePrevious.gif) no-repeat center;
}
#mbNextLink {
width: 54px;
background: transparent url(/cm/unifrontend/images/WhiteNext.gif) no-repeat center;
}
#mbCloseLink {
width: 65px;
background: transparent url(/cm/unifrontend/images/WhiteClose.gif) no-repeat center;
}
/* Styles for flash version alert */
#mbError {
position: relative;
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 12px;
color: #000;
text-align: center;
border: 10px solid #700;
padding: 10px 10px 10px;
margin: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
color: #700;
font-weight: bold;
text-decoration: underline;
}html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { margin: 0px }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
/*
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
*/
form { margin:0; }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp { font-family: monospace }
pre { white-space: pre }
button, textarea,
input, select { display: inline-block }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
/*
table { border-spacing: 1px; }
*/
thead, tbody,
tfoot { vertical-align: middle }
td, th { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { border: 1px inset }
/*
ol, ul, dir,
menu, dd { margin-left: 80px }
*/
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: "\A" }
:before, :after { white-space: pre-line }
center { text-align: center }
:link, :visited { text-decoration: underline }
:focus { }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
@media print {
h1 { page-break-before: always }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid }
ul, ol, dl { page-break-before: avoid }
}
/* normalize.css
v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#mbImage,
#nav,
#nav a,
#nav li,
#subMenusContainer a,
#nav li li a {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font size within `section` and `article` contexts in
* Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Remove excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*Clear fix do not edit */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* end clearfix */
/* ================================
=font declarations
================================ */
@font-face {
font-family: 'CenturyGothicBold';
src: url("/fonts/gothicb.eot");
src: url("/fonts/gothicb.eot") format("embedded-opentype"), url("/fonts/gothicb.woff") format("woff"), url("/fonts/gothicb.ttf") format("truetype"), url("/fonts/gothicb.svg#CenturyGothicBold") format("svg");
}
@font-face {
font-family: 'HelveticaNeueLTStd65Medium';
src: url("/fonts/helveticaneueltstd-md.eot");
src: url("/fonts/helveticaneueltstd-md.eot") format("embedded-opentype"), url("/fonts/helveticaneueltstd-md.woff") format("woff"), url("/fonts/helveticaneueltstd-md.ttf") format("truetype"), url("/fonts/helveticaneueltstd-md.svg#HelveticaNeueLTStd65Medium") format("svg");
}
@font-face {
font-family: 'EdmondsansRegular';
src: url("/fonts/edmondsans-regular.eot");
src: url("/fonts/edmondsans-regular.eot") format("embedded-opentype"), url("/fonts/edmondsans-regular.woff") format("woff"), url("/fonts/edmondsans-regular.ttf") format("truetype"), url("/fonts/edmondsans-regular.svg#EdmondsansRegular") format("svg");
}
@font-face {
font-family: 'CenturyGothic';
src: url("/fonts/gothic.eot");
src: url("/fonts/gothic.eot?#iefix") format("embedded-opentype"), url("/fonts/gothic.woff") format("woff"), url("/fonts/gothic.ttf") format("truetype"), url("/fonts/gothic.svg#gothic") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CenturyRegular';
src: url("/fonts/century.eot");
src: url("/fonts/century.eot") format("embedded-opentype"), url("/fonts/century.woff") format("woff"), url("/fonts/century.ttf") format("truetype"), url("/fonts/century.svg#CenturyRegular") format("svg");
}
/* ================================
=elements
================================ */
input:focus, textarea:focus {
outline: none;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 0px;
margin: 0px;
color: #333;
background: url(/images/main-bg.jpg) top center repeat black;
line-height: 1.5;
}
a {
color: #114a73;
}
a:hover {
color: #666;
}
a:visited {
color: #114a73;
}
h1, h2, h3 {
font-weight: bold;
line-height: 1.1em;
margin-top: 38px;
padding: 0px 0 10px 0;
font-size: 2.3em;
font-family: "CenturyRegular", Arial, Helvetica, sans-serif;
color: #00478f;
margin: 0;
}
h2, h3 {
padding-bottom: 5px;
font-size: 1.8em;
}
h3 {
font-size: 1.4em;
padding-top: 20px;
}
h4, h5 {
margin: 0 0 10px 0;
}
hr {
border: 0;
width: 100%;
background-color: #666;
height: 1px;
}
img {
padding: 0;
margin: 0;
}
img a:hover,
a:visited {
border: none;
}
p {
line-height: 1.4em;
}
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
/* MYCE Element Settings //////////////////////////////////////////////////////////////////////////////////////*/
/* Add This */
.addthis_toolbox {
margin-top: 20px;
padding-bottom: 20px;
}
/* Add This */
/* Articles */
.article_contentcolumn {
padding-left: 0;
}
.article_datedescription {
font-style: italic;
font-size: .83em;
color: #9d9d9d;
}
.article_description {
color: #575043;
font-size: .9em;
}
.article_header {
margin: 10px 0 3px 0;
font-size: 18px;
padding-left: 0;
color: #cf000c;
width: 430px;
line-height: 1.4;
}
.article_imagecolumn {
padding: 5px;
}
.article_imagecolumn img {
-moz-border-radius: 5px/5px;
border-radius: 5px/5px;
}
.article_960_content {
padding-bottom: 15px;
border-bottom: 1px dotted #cccccc;
margin-bottom: 20px;
}
.article_readfull_link_box {
margin-top: 8px;
font-size: 12px;
}
.article_table {
margin-bottom: 8px;
}
/* END Articles */
/* Coupons */
.coupon_address_name {
font-size: 11px;
}
.coupon_clickfordetails {
font-size: .8em;
font-weight: normal;
}
.coupon_cutout {
border: 3px dashed #be8159;
width: 100%;
background: #042d45;
}
.coupon_cutout h4 {
margin: 0 0 5px 0;
margin-top: 10px;
padding-top: 10px;
}
.coupon_expiration {
color: #666;
font-style: italic;
margin-top: 10px;
padding-top: 10px;
}
.coupon_title {
margin: 0 15px 3px 0;
font-size: 1.4em;
font-weight: bold;
}
.coupon_ind_title {
color: #be8159;
margin-bottom: 10px;
}
.coupons_table {
margin-bottom: 10px;
width: 100%;
margin-top: 10px;
}
.coupons_table h1, .coupons_table h2, .coupons_table h3 {
margin-top: 0px;
margin-bottom: 10px;
}
.coupon_ind_table {
color: #be8159;
margin: 8px;
width: 98%;
}
.coupon_title a {
color: #be8159;
text-decoration: none;
}
.coupon_title a:visited {
color: #be8159;
}
.coupon_title a:hover {
color: #fff;
}
/* END Coupons */
/* Galleries */
.gallery_main_feature {
margin-right: 10px;
}
.image_thumbnail {
margin: 0px 10px 10px 0px;
width: 100px;
height: 100px;
border: 2px solid #bebebe;
padding: 2px;
background: #bebebe;
}
/* END Galleries */
/* Forms */
.lead_box {
color: #56503a;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}
.form_cd_question_container {
padding-top: 10px;
}
.lead_box .form_cd_responses {
color: #56503a;
}
.lead_box .form_submit_container {
margin-top: 6px;
}
.lead_box .form_text,
.lead_box .form_textarea {
border: 1px solid white;
padding: 7px 5px;
background: rgba(255, 255, 255, 0.7);
color: black;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: inset #666666 1px 0px 5px;
-moz-box-shadow: inset #666666 1px 0px 5px;
box-shadow: inset #666666 1px 0px 5px;
font-family: "CenturyRegular", Arial, Helvetica, sans-serif;
font-size: 17px;
}
.form_cd_question.required {
font-size: 15px;
font-family: "CenturyRegular", Arial, Helvetica, sans-serif;
}
.lead_box .form_question {
color: #56503a;
font-family: "CenturyRegular", Arial, Helvetica, sans-serif;
font-size: 15px;
}
.form_cd_question {
font-family: "CenturyRegular", Arial, Helvetica, sans-serif;
font-size: 15px;
}
.lead_box .form_textarea {
width: 99%;
border: 1px solid white;
background: rgba(255, 255, 255, 0.7);
}
.lead_box #ImageAuthorizationTable {
width: 247px;
margin-top: 6px;
}
.lead_box #ImageAuthorizationTable td {
padding: 8px;
}
.lead_box #ImageAuthorizationTable img {
width: 110px;
height: 52px;
float: left;
margin-right: 10px;
}
.form_question {
margin: 10px 0 3px 0;
padding-top: 0px;
color: #000;
font-weight: bold;
}
.buttons {
cursor: pointer;
color: #e8171b;
height: 2.2em;
font-size: 15px;
font-weight: bold;
height: 30px;
width: 247px;
background: #fff;
background-repeat: no-repeat;
margin-left: 0px;
}
.error_box {
border: 3px solid #ee9b86;
background: #FCDEDC;
color: #CC3300;
margin-bottom: 6px;
}
.error_box h3 {
color: #CC0000;
margin-bottom: 0px;
margin-top: 0px;
}
.form_cd_responses_under {
margin: 3px 0 0 20px;
}
.form_helpexample {
color: #fff;
font-style: italic;
}
.form_img_notification {
width: 15px;
}
.form_instructions {
background: #e4e0d5;
padding: 8px;
margin: 0 0 8px 0;
}
div.required {
font-weight: bold;
}
.form_question {
margin: 3px 0 3px 0;
padding-top: 5px;
font-weight: bold;
}
.form_responses {
margin: 0 0 10px 20px;
}
.form_responses .form_textarea {
width: 500px;
}
.form_submit_container {
margin-top: 10px;
}
/*
.form_textarea {
padding:4px 1px;
background: #FFFFFF;
border:3px solid $form-border-color;
opacity:.8;
font-family:Arial, Helvetica, sans-serif;
width:99%;
}
*/
.form_validateerror {
color: #FF0000;
}
.form_validateerror_under {
color: #FF0000;
margin: 1px 0 5px 20px;
}
.form_textarea required {
background: #fff;
}
/*
.form_text{
padding:4px 1px;
background: #FFFFFF;
border:3px solid $form-border-color;
opacity:.8;
}
*/
.form_text,
.form_textarea {
border: 1px solid white;
padding: 7px 5px;
background: rgba(255, 255, 255, 0.7);
color: black;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: inset #666666 1px 0px 5px;
-moz-box-shadow: inset #666666 1px 0px 5px;
box-shadow: inset #666666 1px 0px 5px;
font-family: "CenturyRegular", Arial, Helvetica, sans-serif;
font-size: 17px;
}
.form_textarea {
width: 99%;
}
.form_text:active,
.form_text:focus,
.form_textarea:active,
.form_textarea:focus {
opacity: 1;
border-color: #125293;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
}
.success_box {
border: 3px solid #dcdcfc;
background: #f0f0fd;
color: #0033CC;
margin-bottom: 6px;
}
.success_box h3 {
color: #003399;
margin-bottom: 0px;
margin-top: 0px;
}
/* END Forms */
/* ===================
=====================
Header =================
========================
========================//*/
.top-wrap {
width: 100%;
height: 200px;
background: url(/images/top-pattern.jpg) top center repeat-x;
}
.header {
width: 900px;
height: 150px;
margin: 0 auto;
position: relative;
background: url(/images/header-bg.jpg) top left no-repeat;
}
.header-logo {
position: absolute;
top: 0;
left: 398px;
}
.header-map {
position: absolute;
top: 88px;
right: 23px;
}
.phone {
position: absolute;
top: 43px;
right: 29px;
font-size: 36px;
color: #ffffff;
font-family: "CenturyRegular", Arial, Helvetica, sans-serif;
}
#HorNav {
background: url(/images/nav-bg.jpg) top center repeat-x;
height: 50px;
}
/* END Header /////////////////////////////////////////////////////////////////////////////////////////////////*/
.slider-area {
width: 100%;
height: 200px;
background: url(/images/belt.jpg) top center repeat-x;
}
.button-zone {
height: 223px;
width: 960px;
background: url(/images/buttons-bg.png) top center no-repeat;
}
.bottom-wrap {
width: 100%;
background: url(/images/content-bg-top.jpg) top center repeat-y;
}
.wrapper {
width: 900px;
margin: 0 auto;
-webkit-box-shadow: black 2px 2px 10px;
-moz-box-shadow: black 2px 2px 10px;
box-shadow: black 2px 2px 10px;
}
.content {
width: 900px;
background: url(/images/content-bg.jpg) top center repeat-y;
position: relative;
}
.content-top,
.content-bottom {
position: absolute;
width: 900px;
}
.content-top {
background: url(/images/content-top-bg.png) top center no-repeat;
top: -21px;
left: 30px;
height: 21px;
}
.content-bottom {
background: url(/images/content-bottom-bg.png) top center no-repeat;
bottom: -18px;
left: 30px;
height: 18px;
}
.content-main {
float: left;
width: 600px;
margin: 0px;
}
.content-sub {
width: 300px;
float: left;
padding: 0;
color: #FFF;
}
.content-sub-header {
background: url(/images/lead_form_header.png);
width: 199px;
height: 63px;
background-repeat: no-repeat;
margin-left: 25px;
}
.content-sub-text {
background: url(/images/sidebar-top.jpg) top center repeat-x;
width: 250px;
margin: 25px;
padding: 25px 0;
}
.content-sub h2, .content-sub h3 {
font-size: 28px;
}
.content-sub h4 {
margin-top: 10px;
}
.content-text {
background: url(/images/content-text-top.jpg) top center repeat-x;
width: 550px;
margin: 25px;
padding: 25px 0;
}
.page {
width: 100%;
margin: 0 auto;
padding: 0px;
}
/* END Home Page Specific /////////////////////////*/
/* Sub Navigation */
a.sub_nav_header, a.sub_nav_header:visited {
color: #06F;
text-decoration: none;
font-weight: bold;
}
.sub_nav_links {
margin: 0px 0px 10px 0px;
background: #1b1c1d;
}
.sub_nav_links li {
background: url(images/arrow.png) left center no-repeat;
}
.sub_nav_links a {
text-decoration: none;
display: block;
padding: 10px 13px 10px 49px;
font-size: 15px;
color: #0c1d31;
background: url(/images/arrow.png) 30px 15px no-repeat, url(/images/sub-nav-divider.jpg) bottom center no-repeat;
font-family: "EdmondsansRegular", Arial, Helvetica, sans-serif;
}
.sub_nav_links a:hover {
background: url(/images/arrow.png) 30px 15px no-repeat black;
}
.sub_nav_links a.subs_under {
background: url(/images/arrow.png) 30px 15px no-repeat black;
}
.sub_nav_links a.subs_under_sel {
border-bottom: 1px dotted #cccccc;
color: #000;
font-weight: bold;
background: url(/images/sub-nav-divider.jpg) bottom center no-repeat;
}
.sub_nav_links div.subs_under {
margin: 1px 0 3px 10px;
background: url(/images/sub-nav-divider.jpg) bottom center no-repeat;
}
.sub_nav_selected {
background: url(/images/arrow.png) 30px 15px no-repeat black;
text-decoration: none;
display: block;
padding: 10px 13px 10px 49px;
font-size: 15px;
}
.sub_nav_links a.subs_link_sel {
color: #000;
font-weight: bold;
background: url(/images/sub-nav-divider.jpg) bottom center no-repeat;
}
.sub_nav_links .subs_link {
background: url(/images/arrow.png) 30px 15px no-repeat, url(/images/sub-nav-divider.jpg) bottom center no-repeat;
}
/* END Sub Navigation */
/* Footer /////////////////////////////////////////////////////////////////////////////////////////////////////*/
.footer {
font-size: .8em;
clear: both;
background: #020f1c;
}
.footer-container {
width: 900px;
margin: 0 auto 0;
padding: 20px;
padding-top: 50px;
background: url(/images/footer-bg-top.jpg) top center no-repeat;
}
.footer-contact-info {
margin: 20px 0px 10px 0px;
color: #CCC;
width: 900px;
line-height: 1.5em;
}
.footer-contact-info .footer-phone-info {
font-size: 1.2em;
font-weight: bold;
color: #fff;
font-family: "MyriadProBold", Arial, Helvetica, sans-serif;
font-size: 24px;
margin-bottom: 10px;
}
.footer-contact-info .footer-address-info {
font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
color: #fff;
font-size: 14px;
}
.footer-copyright {
color: gray;
margin: 0px 0px 5px 0px;
}
.footer-disclaimer {
color: #7a7a7a;
font-size: .75em;
}
.footer-disclaimer a,
.footer-disclaimer a:hover {
color: #999;
}
.footer-links {
margin: 10px 0px 10px 0px;
}
.footer-links a.nav_first,
.footer-links a.nav_opt {
padding: 0px 10px 0px 0px;
color: #7a7a7a;
}
.footer-links a:hover {
color: #999;
}
.footer-web-credit {
margin-top: 10px;
}
.footer-web-credit a, .footer-web-credit a:visited {
color: #666;
}
.footer-nav {
margin: 15px 0 30px;
}
.footer-nav a {
background: url(/images/nav-border.png) top right repeat-y;
text-decoration: none;
}
.footer-nav a:last-child {
background: none;
}
.footer-nav a.nav_opt {
color: #959595;
-webkit-transition: color 500ms ease-in-out;
-moz-transition: color 500ms ease-in-out;
-o-transition: color 500ms ease-in-out;
-ms-transition: color 500ms ease-in-out;
transition: color 500ms ease-in-out;
}
.footer-nav a.nav_first {
color: #959595;
-webkit-transition: color 500ms ease-in-out;
-moz-transition: color 500ms ease-in-out;
-o-transition: color 500ms ease-in-out;
-ms-transition: color 500ms ease-in-out;
transition: color 500ms ease-in-out;
}
.footer-nav a.nav_opt:hover,
.footer-nav a.nav_first:hover {
color: #959595;
-webkit-transition: color 500ms ease-in-out;
-moz-transition: color 500ms ease-in-out;
-o-transition: color 500ms ease-in-out;
-ms-transition: color 500ms ease-in-out;
transition: color 500ms ease-in-out;
}
.footer-nav a.nav_sel_first {
color: #959595;
-webkit-transition: color 500ms ease-in-out;
-moz-transition: color 500ms ease-in-out;
-o-transition: color 500ms ease-in-out;
-ms-transition: color 500ms ease-in-out;
transition: color 500ms ease-in-out;
}
.footer-nav a.nav_sel {
color: #959595;
-webkit-transition: color 500ms ease-in-out;
-moz-transition: color 500ms ease-in-out;
-o-transition: color 500ms ease-in-out;
-ms-transition: color 500ms ease-in-out;
transition: color 500ms ease-in-out;
}
/* home page in the nav, when on sub page */
.footer-nav a.nav_sel_first:hover,
.footer-nav a.nav_sel:hover {
color: #959595;
}
.footer-nav a.nav_opt, .footer-nav a.nav_first, .footer-nav a.nav_sel_first, .footer-nav a.nav_sel {
font-family: "HelveticaNeueLTStd65Medium", Arial, Helvetica, sans-serif;
padding: 0px 15px;
}
.lead_box #ImageAuthorizationTable img {
width: 110px;
height: 67px;
float: left;
margin-right: 10px;
}
/* END Footer /////////////////////////////////////////////////////////////////////////////////////////////////*/
/* SLIMBOX */
#lbOverlay {
position: absolute;
z-index: 9999;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
left: 50%;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(loading.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
/* line 25, ../sass/slideshow.scss */
.slideshow {
display: block;
position: relative;
z-index: 0;
}
/* line 30, ../sass/slideshow.scss */
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
/* line 35, ../sass/slideshow.scss */
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
/* line 40, ../sass/slideshow.scss */
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
/* line 56, ../sass/slideshow.scss */
.slideshow-images {
height: 290px;
width: 900px;
}
/* line 60, ../sass/slideshow.scss */
.slideshow-images-visible {
opacity: 1;
}
/* line 63, ../sass/slideshow.scss */
.slideshow-images-prev {
opacity: 0;
}
/* line 66, ../sass/slideshow.scss */
.slideshow-images-next {
opacity: 0;
}
/* line 69, ../sass/slideshow.scss */
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
/* line 81, ../sass/slideshow.scss */
.slideshow {
height: 290px;
margin: 0 auto;
width: 900px;
}
/* line 87, ../sass/slideshow.scss */
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
/* line 101, ../sass/slideshow.scss */
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
/* line 113, ../sass/slideshow.scss */
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
/* line 117, ../sass/slideshow.scss */
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
/* line 138, ../sass/slideshow.scss */
.slideshow-controller {
background: url(controller.png) no-repeat;
height: 42px;
right: 50%;
margin: 215px 0 35px 0;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
/* line 149, ../sass/slideshow.scss */
.slideshow-controller * {
margin: 0;
padding: 0;
}
/* line 153, ../sass/slideshow.scss */
.slideshow-controller-hidden {
opacity: 0;
}
/* line 156, ../sass/slideshow.scss */
.slideshow-controller-visible {
opacity: 1;
}
/* line 159, ../sass/slideshow.scss */
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
/* line 167, ../sass/slideshow.scss */
.slideshow-controller a.active {
background-position: 0 18px;
}
/* line 170, ../sass/slideshow.scss */
.slideshow-controller li {
list-style: none;
}
/* line 173, ../sass/slideshow.scss */
.slideshow-controller li.first a {
background-image: url(controller-first.gif);
left: 33px;
width: 19px;
}
/* line 178, ../sass/slideshow.scss */
.slideshow-controller li.last a {
background-image: url(controller-last.gif);
left: 186px;
width: 19px;
}
/* line 183, ../sass/slideshow.scss */
.slideshow-controller li.next a {
background-image: url(controller-next.gif);
left: 145px;
width: 28px;
}
/* line 188, ../sass/slideshow.scss */
.slideshow-controller li.pause a {
background-image: url(controller-pause.gif);
left: 109px;
width: 20px;
}
/* line 193, ../sass/slideshow.scss */
.slideshow-controller li.play a {
background-position: 20px 0;
}
/* line 196, ../sass/slideshow.scss */
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
/* line 199, ../sass/slideshow.scss */
.slideshow-controller li.prev a {
background-image: url(controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
/* line 213, ../sass/slideshow.scss */
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
/* line 221, ../sass/slideshow.scss */
.slideshow-loader-hidden {
opacity: 0;
}
/* line 224, ../sass/slideshow.scss */
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
/* line 244, ../sass/slideshow.scss */
.slideshow-thumbnails {
bottom: 55px;
height: 65px;
left: 20px;
position: absolute;
width: 100%;
}
/* line 251, ../sass/slideshow.scss */
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
/* line 255, ../sass/slideshow.scss */
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
/* line 262, ../sass/slideshow.scss */
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
/* line 268, ../sass/slideshow.scss */
.slideshow-thumbnails a {
display: block;
float: left;
padding: 2px;
position: relative;
}
/* line 274, ../sass/slideshow.scss */
.slideshow-thumbnails a:hover {
background-color: #999999 !important;
opacity: 1 !important;
}
/* line 278, ../sass/slideshow.scss */
.slideshow-thumbnails img {
display: block;
width: 50px;
border: 1px solid white;
}
/* line 283, ../sass/slideshow.scss */
.slideshow-thumbnails-active {
background-color: #999;
opacity: 1;
}
/* line 287, ../sass/slideshow.scss */
.slideshow-thumbnails-inactive {
background-color: #DDD;
opacity: .5;
}
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
* Dropdowns by Patrick Griffiths and Dan Webb.
* http://carroll.org.uk/sandbox/suckerfish/bones2.html
*/
/* ----[ LINKS ]----*/
/* all menu links */
#nav a, #subMenusContainer a {
text-decoration: none;
display: block;
padding: 5px 20px;
color: #FFF;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a {
margin: 0;
float: left;
}
/* Just sub menu links */
#subMenusContainer a, #nav li li a {
text-align: left;
border-bottom: 1px dotted #999999;
color: #000;
width: 100%;
}
/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused {
color: #000;
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#nav a.mainMenuParentBtnFocused,
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus {
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {
background: url(/css/arrow_right.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {
background: url(/css/arrow_right.gif) right center no-repeat;
}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {
background: url(/css/arrow_down.gif) right center no-repeat;
}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {
background: url(/css/arrow_down.gif) right center no-repeat;
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
display: none;
position: absolute;
overflow: hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding: 0 2px;
margin: 13px 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
/*border around submenu goes here*/
background: #cfcfcf;
border: 1px solid #999999;
left: 0;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#nav li {
/*great place to use a background image as a divider*/
display: block;
list-style: none;
position: relative;
float: left;
}
#subMenusContainer li {
list-style: none;
background: #fff;
}
/* main menu ul or ol elment */
#nav {
display: block;
position: relative;
list-style: none;
margin: 0 0 0 100px;
z-index: 5;
top: 0px;
text-align: center;
display: block;
padding-top: 10px;
}
#subMenusContainer {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
overflow: visible;
z-index: 1000000000;
}
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li {
float: none;
}
#nav li li a {
/* Just submenu links*/
position: relative;
float: none;
}
#nav li ul {
/* second-level lists */
position: absolute;
width: 10em;
margin-left: -1000em;
/* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top: 2.2em;
}
/* third-and-above-level lists */
#nav li ul ul {
margin: -1em 0 0 -1000em;
}
#nav li:hover ul ul {
margin-left: -1000em;
}
/* lists nested under hovered list items */
#nav li:hover ul {
margin-left: 0;
}
#nav li li:hover ul {
margin-left: 10em;
margin-top: -2.5em;
}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {
margin-left: 0;
margin-top: 2.2em;
}
#nav li li a:focus + ul {
left: 0;
margin-left: 1010em;
margin-top: -2.2em;
}
#nav li li a:focus {
left: 0;
margin-left: 1000em;
width: 10em;
margin-top: 0;
}
#nav li li li a:focus {
left: 0;
margin-left: 2010em;
width: 10em;
margin-top: -1em;
}
#nav li:hover a:focus {
margin-left: 0;
}
#nav li li:hover a:focus + ul {
margin-left: 10em;
}
#nav li {
background: url(/images/nav-divider.jpg) center left no-repeat;
}
#nav li:first-child {
background: none;
}
#nav a.nav_opt {
color: #76a9d0;
}
#nav a.nav_first {
color: #76a9d0;
}
#nav a.nav_opt:hover,
#nav a.nav_first:hover {
color: white;
}
#nav a.nav_sel_first {
color: white;
}
#nav a.nav_sel {
color: white;
}
/* home page in the nav, when on sub page */
#nav a.nav_sel_first:hover,
#nav a.nav_sel:hover {
color: white;
}
#nav a.nav_opt, #nav a.nav_first, #nav a.nav_sel_first, #nav a.nav_sel {
font-family: "CenturyRegular", Arial, Helvetica, sans-serif;
padding: 0px 25px 0px 25px;
font-size: 16px;
line-height: 25px;
/* margin: 0px 10px 0 10px; */
}